@net7/components 3.2.0 → 3.5.0

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.
@@ -722,6 +722,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
722
722
  type: Input
723
723
  }] } });
724
724
 
725
+ //---------------------------
726
+ class InputSelectComponent {
727
+ onChange(inputPayload, value) {
728
+ if (!this.emit)
729
+ return;
730
+ this.emit('change', { inputPayload, value });
731
+ }
732
+ }
733
+ InputSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
734
+ InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\">{{ option.label }}</option>\n </select>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
735
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, decorators: [{
736
+ type: Component,
737
+ args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\">{{ option.label }}</option>\n </select>\n</div>\n" }]
738
+ }], propDecorators: { data: [{
739
+ type: Input
740
+ }], emit: [{
741
+ type: Input
742
+ }] } });
743
+
725
744
  //---------------------------
726
745
  class FooterComponent {
727
746
  onClick(payload) {
@@ -731,10 +750,10 @@ class FooterComponent {
731
750
  }
732
751
  }
733
752
  FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
734
- FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FooterComponent, selector: "n7-footer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-footer {{data.classes || ''}}\">\n <div class=\"n7-footer__content\">\n <!-- Loop footer content columns -->\n <div class=\"n7-footer__column {{column.classes || ''}}\" *ngFor=\"let column of data.columns\">\n <ng-container *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"></ng-container>\n </div>\n </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n <h2 *ngIf=\"column.title\" class=\"n7-footer__column-title\">\n {{ column.title }}\n </h2>\n <p *ngIf=\"column.text\" \n class=\"n7-footer__column-text\"\n [innerHTML]=\"column.text\">\n </p>\n <div *ngIf=\"column.links\" class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li *ngFor=\"let link of column.links\"\n class=\"n7-footer__column-nav-item {{link.classes || ''}}\">\n <n7-anchor-wrapper [classes]=\"'n7-footer__column-nav-link'\"\n [data]=\"link.anchor\"\n (clicked)=\"onClick($event)\">\n {{ link.text }}\n </n7-anchor-wrapper>\n </li>\n </ul>\n </div>\n\n <div *ngIf=\"column.images\" class=\"n7-footer__column-images\">\n <n7-anchor-wrapper *ngFor=\"let image of column.images\"\n [classes]=\"image.classes || ''\"\n [data]=\"image.anchor\"\n (clicked)=\"onClick($event)\">\n <img \n [src]=\"image.url\" \n [attr.alt]=\"image.alttext\" />\n </n7-anchor-wrapper>\n </div>\n</ng-template>", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
753
+ FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FooterComponent, selector: "n7-footer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-footer {{data.classes || ''}}\">\n <div class=\"n7-footer__content\">\n <!-- Loop footer content columns -->\n <div\n class=\"n7-footer__column {{column.classes || ''}}\"\n *ngFor=\"let column of data.columns\"\n >\n <ng-container\n *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"\n ></ng-container>\n </div>\n </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n <h2 *ngIf=\"column.title\" class=\"n7-footer__column-title\">\n {{ column.title }}\n </h2>\n <p\n *ngIf=\"column.text\"\n class=\"n7-footer__column-text\"\n [innerHTML]=\"column.text\"\n ></p>\n <div *ngIf=\"column.links\" class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li\n *ngFor=\"let link of column.links\"\n class=\"n7-footer__column-nav-item {{link.classes || ''}}\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-footer__column-nav-link'\"\n [data]=\"link.anchor\"\n (clicked)=\"onClick($event)\"\n >\n {{ link.text }}\n </n7-anchor-wrapper>\n </li>\n </ul>\n </div>\n\n <div *ngIf=\"column.selects\" class=\"n7-footer__column-selects\">\n <n7-input-select\n *ngFor=\"let selectData of column.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\"\n >\n </n7-input-select>\n </div>\n\n <div *ngIf=\"column.images\" class=\"n7-footer__column-images\">\n <n7-anchor-wrapper\n *ngFor=\"let image of column.images\"\n [classes]=\"image.classes || ''\"\n [data]=\"image.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <img [src]=\"image.url\" [attr.alt]=\"image.alttext\" />\n </n7-anchor-wrapper>\n </div>\n</ng-template>\n", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { type: InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
735
754
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FooterComponent, decorators: [{
736
755
  type: Component,
737
- args: [{ selector: 'n7-footer', template: "<div *ngIf=\"data\" class=\"n7-footer {{data.classes || ''}}\">\n <div class=\"n7-footer__content\">\n <!-- Loop footer content columns -->\n <div class=\"n7-footer__column {{column.classes || ''}}\" *ngFor=\"let column of data.columns\">\n <ng-container *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"></ng-container>\n </div>\n </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n <h2 *ngIf=\"column.title\" class=\"n7-footer__column-title\">\n {{ column.title }}\n </h2>\n <p *ngIf=\"column.text\" \n class=\"n7-footer__column-text\"\n [innerHTML]=\"column.text\">\n </p>\n <div *ngIf=\"column.links\" class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li *ngFor=\"let link of column.links\"\n class=\"n7-footer__column-nav-item {{link.classes || ''}}\">\n <n7-anchor-wrapper [classes]=\"'n7-footer__column-nav-link'\"\n [data]=\"link.anchor\"\n (clicked)=\"onClick($event)\">\n {{ link.text }}\n </n7-anchor-wrapper>\n </li>\n </ul>\n </div>\n\n <div *ngIf=\"column.images\" class=\"n7-footer__column-images\">\n <n7-anchor-wrapper *ngFor=\"let image of column.images\"\n [classes]=\"image.classes || ''\"\n [data]=\"image.anchor\"\n (clicked)=\"onClick($event)\">\n <img \n [src]=\"image.url\" \n [attr.alt]=\"image.alttext\" />\n </n7-anchor-wrapper>\n </div>\n</ng-template>" }]
756
+ args: [{ selector: 'n7-footer', template: "<div *ngIf=\"data\" class=\"n7-footer {{data.classes || ''}}\">\n <div class=\"n7-footer__content\">\n <!-- Loop footer content columns -->\n <div\n class=\"n7-footer__column {{column.classes || ''}}\"\n *ngFor=\"let column of data.columns\"\n >\n <ng-container\n *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"\n ></ng-container>\n </div>\n </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n <h2 *ngIf=\"column.title\" class=\"n7-footer__column-title\">\n {{ column.title }}\n </h2>\n <p\n *ngIf=\"column.text\"\n class=\"n7-footer__column-text\"\n [innerHTML]=\"column.text\"\n ></p>\n <div *ngIf=\"column.links\" class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li\n *ngFor=\"let link of column.links\"\n class=\"n7-footer__column-nav-item {{link.classes || ''}}\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-footer__column-nav-link'\"\n [data]=\"link.anchor\"\n (clicked)=\"onClick($event)\"\n >\n {{ link.text }}\n </n7-anchor-wrapper>\n </li>\n </ul>\n </div>\n\n <div *ngIf=\"column.selects\" class=\"n7-footer__column-selects\">\n <n7-input-select\n *ngFor=\"let selectData of column.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\"\n >\n </n7-input-select>\n </div>\n\n <div *ngIf=\"column.images\" class=\"n7-footer__column-images\">\n <n7-anchor-wrapper\n *ngFor=\"let image of column.images\"\n [classes]=\"image.classes || ''\"\n [data]=\"image.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <img [src]=\"image.url\" [attr.alt]=\"image.alttext\" />\n </n7-anchor-wrapper>\n </div>\n</ng-template>\n" }]
738
757
  }], propDecorators: { data: [{
739
758
  type: Input
740
759
  }], emit: [{
@@ -778,10 +797,10 @@ class HeaderComponent {
778
797
  }
779
798
  }
780
799
  HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
781
- HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeaderComponent, selector: "n7-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<header *ngIf=\"data\" class=\"n7-header {{data.classes || ''}}\">\n <div class=\"n7-header__content\">\n\n <!-- Logo and title -->\n <div class=\"n7-header__logo-title {{data.logo.classes || ''}}\">\n <n7-anchor-wrapper [classes]=\"'n7-header__logo-link'\"\n [data]=\"data.logo.anchor\"\n (clicked)=\"onClick($event)\">\n <img class=\"n7-header__logo\"\n *ngIf=\"data.logo.image\"\n [src]=\"data.logo.image\"\n alt=\"{{ data.logo.title }}\" />\n <div class=\"n7-header__title-subtitle\">\n <h1 class=\"n7-header__title\">\n {{ data.logo.title }}\n </h1>\n <h2 class=\"n7-header__subtitle\" *ngIf=\"data.logo.subtitle\">\n {{ data.logo.subtitle }}\n </h2>\n </div>\n </n7-anchor-wrapper>\n </div>\n\n <!-- Main menu -->\n <nav class=\"n7-header__nav {{data.nav.classes || ''}}\" *ngIf=\"data.nav\">\n <div class=\"n7-header__nav-content\">\n <ul class=\"n7-header__nav-list\">\n <li class=\"n7-header__nav-item {{item.classes || ''}}\" *ngFor=\"let item of data.nav.items\">\n <n7-anchor-wrapper [classes]=\"'n7-header__nav-link'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-header__nav-icon {{item.icon}}\" *ngIf=\"item.icon\"></span>\n <span class=\"n7-header__nav-label\" *ngIf=\"item.text\">\n {{ item.text }}\n </span>\n </n7-anchor-wrapper>\n <!-- Sublevel -->\n <ul class=\"n7-header__subnav-list\" *ngIf=\"item.subnav\">\n <li class=\"n7-header__subnav-item {{subitem.classes || ''}}\" *ngFor=\"let subitem of item.subnav\">\n <n7-anchor-wrapper [classes]=\"'n7-header__subnav-link'\"\n [data]=\"subitem.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-header__subnav-icon {{subitem.icon}}\" *ngIf=\"subitem.icon\"></span>\n <span class=\"n7-header__subnav-label\" *ngIf=\"subitem.text\">\n {{ subitem.text }}\n </span>\n </n7-anchor-wrapper>\n </li>\n </ul>\n </li>\n </ul>\n </div>\n </nav>\n\n <!-- Mobile menu toggle -->\n <div class=\"n7-header__mobile-menu-toggle\">\n <span class=\"n7-header__mobile-menu-icon n7-icon-menu\" \n (click)=\"onClick(data.menuToggle.open.payload)\"></span>\n </div>\n\n <!-- Mobile menu close -->\n <span class=\"n7-header__mobile-menu-close n7-icon-close\" \n (click)=\"onClick(data.menuToggle.close.payload)\"></span>\n\n <!-- Tools: search, notifications, use profile or login/signup -->\n <div class=\"n7-header__tools\">\n \n <div class=\"n7-header__search {{data.search.classes || ''}}\" *ngIf=\"data.search\">\n <input class=\"n7-header__search-input\" \n type=\"search\" \n name=\"search\" \n placeholder=\"{{ data.search.hint || ''}}\" \n (keyup)=\"onKeyUp(data.search.payload, $event.keyCode, $event.target.value)\"/>\n <button class=\"n7-header__search-btn\" type=\"submit\" (click)=\"onClick(data.search.payload)\">\n <span class=\"n7-header__search-btn-label\">\n Search\n </span>\n </button>\n </div>\n \n <div class=\"n7-header__actions\" *ngIf=\"data.actions\">\n <n7-anchor-wrapper *ngFor=\"let action of data.actions\" \n [classes]=\"'n7-header__action' + (action.classes || '')\"\n [data]=\"action.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-header__action-icon {{ action.icon }}\"></span>\n <span *ngIf=\"action.badge\" class=\"n7-header__action-badge {{ action.badge.text ? 'has-text' : '' }}\">\n {{ action.badge.text }}\n </span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__buttons\" *ngIf=\"data.buttons\">\n <n7-anchor-wrapper *ngFor=\"let button of data.buttons\"\n [classes]=\"button.classes\" \n [data]=\"button.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"\" *ngIf=\"button.text\">\n {{ button.text }}\n </span>\n <span class=\"{{button.icon}}\" *ngIf=\"button.icon\"></span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__user {{data.user.classes || ''}}\" *ngIf=\"data.user\">\n <n7-anchor-wrapper [classes]=\"'n7-header__user-content'\"\n [data]=\"data.user.anchor\"\n (clicked)=\"onClick($event)\">\n <img *ngIf=\"data.user.img\"\n class=\"n7-header__user-img\" \n [src]=\"data.user.img\"/>\n <p class=\"n7-header__user-name\" *ngIf=\"data.user.name\">\n <span class=\"n7-header__user-name-label\">\n {{ data.user.name }}\n </span>\n </p>\n </n7-anchor-wrapper>\n </div>\n </div>\n\n </div>\n</header>\n\n", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
800
+ HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: HeaderComponent, selector: "n7-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<header *ngIf=\"data\" class=\"n7-header {{data.classes || ''}}\">\n <div class=\"n7-header__content\">\n <!-- Logo and title -->\n <div class=\"n7-header__logo-title {{data.logo.classes || ''}}\">\n <n7-anchor-wrapper\n [classes]=\"'n7-header__logo-link'\"\n [data]=\"data.logo.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <img\n class=\"n7-header__logo\"\n *ngIf=\"data.logo.image\"\n [src]=\"data.logo.image\"\n alt=\"{{ data.logo.title }}\"\n />\n <div class=\"n7-header__title-subtitle\">\n <h1 class=\"n7-header__title\">{{ data.logo.title }}</h1>\n <h2 class=\"n7-header__subtitle\" *ngIf=\"data.logo.subtitle\">\n {{ data.logo.subtitle }}\n </h2>\n </div>\n </n7-anchor-wrapper>\n </div>\n\n <!-- Main menu -->\n <nav class=\"n7-header__nav {{data.nav.classes || ''}}\" *ngIf=\"data.nav\">\n <div class=\"n7-header__nav-content\">\n <ul class=\"n7-header__nav-list\">\n <li\n class=\"n7-header__nav-item {{item.classes || ''}}\"\n *ngFor=\"let item of data.nav.items\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-header__nav-link'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n class=\"n7-header__nav-icon {{item.icon}}\"\n *ngIf=\"item.icon\"\n ></span>\n <span class=\"n7-header__nav-label\" *ngIf=\"item.text\">\n {{ item.text }}\n </span>\n </n7-anchor-wrapper>\n <!-- Sublevel -->\n <ul class=\"n7-header__subnav-list\" *ngIf=\"item.subnav\">\n <li\n class=\"n7-header__subnav-item {{subitem.classes || ''}}\"\n *ngFor=\"let subitem of item.subnav\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-header__subnav-link'\"\n [data]=\"subitem.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n class=\"n7-header__subnav-icon {{subitem.icon}}\"\n *ngIf=\"subitem.icon\"\n ></span>\n <span class=\"n7-header__subnav-label\" *ngIf=\"subitem.text\">\n {{ subitem.text }}\n </span>\n </n7-anchor-wrapper>\n </li>\n </ul>\n </li>\n </ul>\n </div>\n </nav>\n\n <!-- Mobile menu toggle -->\n <div class=\"n7-header__mobile-menu-toggle\">\n <span\n class=\"n7-header__mobile-menu-icon n7-icon-menu\"\n (click)=\"onClick(data.menuToggle.open.payload)\"\n ></span>\n </div>\n\n <!-- Mobile menu close -->\n <span\n class=\"n7-header__mobile-menu-close n7-icon-close\"\n (click)=\"onClick(data.menuToggle.close.payload)\"\n ></span>\n\n <!-- Tools: search, notifications, use profile or login/signup -->\n <div class=\"n7-header__tools\">\n <div\n class=\"n7-header__search {{data.search.classes || ''}}\"\n *ngIf=\"data.search\"\n >\n <input\n class=\"n7-header__search-input\"\n type=\"search\"\n name=\"search\"\n placeholder=\"{{ data.search.hint || ''}}\"\n (keyup)=\"onKeyUp(data.search.payload, $event.keyCode, $event.target.value)\"\n />\n <button\n class=\"n7-header__search-btn\"\n type=\"submit\"\n (click)=\"onClick(data.search.payload)\"\n >\n <span class=\"n7-header__search-btn-label\"> Search </span>\n </button>\n </div>\n\n <div class=\"n7-header__actions\" *ngIf=\"data.actions\">\n <n7-anchor-wrapper\n *ngFor=\"let action of data.actions\"\n [classes]=\"'n7-header__action' + (action.classes || '')\"\n [data]=\"action.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span class=\"n7-header__action-icon {{ action.icon }}\"></span>\n <span\n *ngIf=\"action.badge\"\n class=\"n7-header__action-badge {{ action.badge.text ? 'has-text' : '' }}\"\n >\n {{ action.badge.text }}\n </span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__buttons\" *ngIf=\"data.buttons\">\n <n7-anchor-wrapper\n *ngFor=\"let button of data.buttons\"\n [classes]=\"button.classes\"\n [data]=\"button.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span class=\"\" *ngIf=\"button.text\"> {{ button.text }} </span>\n <span class=\"{{button.icon}}\" *ngIf=\"button.icon\"></span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__selects\" *ngIf=\"data.selects\">\n <n7-input-select\n *ngFor=\"let selectData of data.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\"\n >\n </n7-input-select>\n </div>\n\n <div\n class=\"n7-header__user {{data.user.classes || ''}}\"\n *ngIf=\"data.user\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-header__user-content'\"\n [data]=\"data.user.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <img\n *ngIf=\"data.user.img\"\n class=\"n7-header__user-img\"\n [src]=\"data.user.img\"\n />\n <p class=\"n7-header__user-name\" *ngIf=\"data.user.name\">\n <span class=\"n7-header__user-name-label\">\n {{ data.user.name }}\n </span>\n </p>\n </n7-anchor-wrapper>\n </div>\n </div>\n </div>\n</header>\n", components: [{ type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { type: InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
782
801
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: HeaderComponent, decorators: [{
783
802
  type: Component,
784
- args: [{ selector: 'n7-header', template: "<header *ngIf=\"data\" class=\"n7-header {{data.classes || ''}}\">\n <div class=\"n7-header__content\">\n\n <!-- Logo and title -->\n <div class=\"n7-header__logo-title {{data.logo.classes || ''}}\">\n <n7-anchor-wrapper [classes]=\"'n7-header__logo-link'\"\n [data]=\"data.logo.anchor\"\n (clicked)=\"onClick($event)\">\n <img class=\"n7-header__logo\"\n *ngIf=\"data.logo.image\"\n [src]=\"data.logo.image\"\n alt=\"{{ data.logo.title }}\" />\n <div class=\"n7-header__title-subtitle\">\n <h1 class=\"n7-header__title\">\n {{ data.logo.title }}\n </h1>\n <h2 class=\"n7-header__subtitle\" *ngIf=\"data.logo.subtitle\">\n {{ data.logo.subtitle }}\n </h2>\n </div>\n </n7-anchor-wrapper>\n </div>\n\n <!-- Main menu -->\n <nav class=\"n7-header__nav {{data.nav.classes || ''}}\" *ngIf=\"data.nav\">\n <div class=\"n7-header__nav-content\">\n <ul class=\"n7-header__nav-list\">\n <li class=\"n7-header__nav-item {{item.classes || ''}}\" *ngFor=\"let item of data.nav.items\">\n <n7-anchor-wrapper [classes]=\"'n7-header__nav-link'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-header__nav-icon {{item.icon}}\" *ngIf=\"item.icon\"></span>\n <span class=\"n7-header__nav-label\" *ngIf=\"item.text\">\n {{ item.text }}\n </span>\n </n7-anchor-wrapper>\n <!-- Sublevel -->\n <ul class=\"n7-header__subnav-list\" *ngIf=\"item.subnav\">\n <li class=\"n7-header__subnav-item {{subitem.classes || ''}}\" *ngFor=\"let subitem of item.subnav\">\n <n7-anchor-wrapper [classes]=\"'n7-header__subnav-link'\"\n [data]=\"subitem.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-header__subnav-icon {{subitem.icon}}\" *ngIf=\"subitem.icon\"></span>\n <span class=\"n7-header__subnav-label\" *ngIf=\"subitem.text\">\n {{ subitem.text }}\n </span>\n </n7-anchor-wrapper>\n </li>\n </ul>\n </li>\n </ul>\n </div>\n </nav>\n\n <!-- Mobile menu toggle -->\n <div class=\"n7-header__mobile-menu-toggle\">\n <span class=\"n7-header__mobile-menu-icon n7-icon-menu\" \n (click)=\"onClick(data.menuToggle.open.payload)\"></span>\n </div>\n\n <!-- Mobile menu close -->\n <span class=\"n7-header__mobile-menu-close n7-icon-close\" \n (click)=\"onClick(data.menuToggle.close.payload)\"></span>\n\n <!-- Tools: search, notifications, use profile or login/signup -->\n <div class=\"n7-header__tools\">\n \n <div class=\"n7-header__search {{data.search.classes || ''}}\" *ngIf=\"data.search\">\n <input class=\"n7-header__search-input\" \n type=\"search\" \n name=\"search\" \n placeholder=\"{{ data.search.hint || ''}}\" \n (keyup)=\"onKeyUp(data.search.payload, $event.keyCode, $event.target.value)\"/>\n <button class=\"n7-header__search-btn\" type=\"submit\" (click)=\"onClick(data.search.payload)\">\n <span class=\"n7-header__search-btn-label\">\n Search\n </span>\n </button>\n </div>\n \n <div class=\"n7-header__actions\" *ngIf=\"data.actions\">\n <n7-anchor-wrapper *ngFor=\"let action of data.actions\" \n [classes]=\"'n7-header__action' + (action.classes || '')\"\n [data]=\"action.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-header__action-icon {{ action.icon }}\"></span>\n <span *ngIf=\"action.badge\" class=\"n7-header__action-badge {{ action.badge.text ? 'has-text' : '' }}\">\n {{ action.badge.text }}\n </span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__buttons\" *ngIf=\"data.buttons\">\n <n7-anchor-wrapper *ngFor=\"let button of data.buttons\"\n [classes]=\"button.classes\" \n [data]=\"button.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"\" *ngIf=\"button.text\">\n {{ button.text }}\n </span>\n <span class=\"{{button.icon}}\" *ngIf=\"button.icon\"></span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__user {{data.user.classes || ''}}\" *ngIf=\"data.user\">\n <n7-anchor-wrapper [classes]=\"'n7-header__user-content'\"\n [data]=\"data.user.anchor\"\n (clicked)=\"onClick($event)\">\n <img *ngIf=\"data.user.img\"\n class=\"n7-header__user-img\" \n [src]=\"data.user.img\"/>\n <p class=\"n7-header__user-name\" *ngIf=\"data.user.name\">\n <span class=\"n7-header__user-name-label\">\n {{ data.user.name }}\n </span>\n </p>\n </n7-anchor-wrapper>\n </div>\n </div>\n\n </div>\n</header>\n\n" }]
803
+ args: [{ selector: 'n7-header', template: "<header *ngIf=\"data\" class=\"n7-header {{data.classes || ''}}\">\n <div class=\"n7-header__content\">\n <!-- Logo and title -->\n <div class=\"n7-header__logo-title {{data.logo.classes || ''}}\">\n <n7-anchor-wrapper\n [classes]=\"'n7-header__logo-link'\"\n [data]=\"data.logo.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <img\n class=\"n7-header__logo\"\n *ngIf=\"data.logo.image\"\n [src]=\"data.logo.image\"\n alt=\"{{ data.logo.title }}\"\n />\n <div class=\"n7-header__title-subtitle\">\n <h1 class=\"n7-header__title\">{{ data.logo.title }}</h1>\n <h2 class=\"n7-header__subtitle\" *ngIf=\"data.logo.subtitle\">\n {{ data.logo.subtitle }}\n </h2>\n </div>\n </n7-anchor-wrapper>\n </div>\n\n <!-- Main menu -->\n <nav class=\"n7-header__nav {{data.nav.classes || ''}}\" *ngIf=\"data.nav\">\n <div class=\"n7-header__nav-content\">\n <ul class=\"n7-header__nav-list\">\n <li\n class=\"n7-header__nav-item {{item.classes || ''}}\"\n *ngFor=\"let item of data.nav.items\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-header__nav-link'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n class=\"n7-header__nav-icon {{item.icon}}\"\n *ngIf=\"item.icon\"\n ></span>\n <span class=\"n7-header__nav-label\" *ngIf=\"item.text\">\n {{ item.text }}\n </span>\n </n7-anchor-wrapper>\n <!-- Sublevel -->\n <ul class=\"n7-header__subnav-list\" *ngIf=\"item.subnav\">\n <li\n class=\"n7-header__subnav-item {{subitem.classes || ''}}\"\n *ngFor=\"let subitem of item.subnav\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-header__subnav-link'\"\n [data]=\"subitem.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n class=\"n7-header__subnav-icon {{subitem.icon}}\"\n *ngIf=\"subitem.icon\"\n ></span>\n <span class=\"n7-header__subnav-label\" *ngIf=\"subitem.text\">\n {{ subitem.text }}\n </span>\n </n7-anchor-wrapper>\n </li>\n </ul>\n </li>\n </ul>\n </div>\n </nav>\n\n <!-- Mobile menu toggle -->\n <div class=\"n7-header__mobile-menu-toggle\">\n <span\n class=\"n7-header__mobile-menu-icon n7-icon-menu\"\n (click)=\"onClick(data.menuToggle.open.payload)\"\n ></span>\n </div>\n\n <!-- Mobile menu close -->\n <span\n class=\"n7-header__mobile-menu-close n7-icon-close\"\n (click)=\"onClick(data.menuToggle.close.payload)\"\n ></span>\n\n <!-- Tools: search, notifications, use profile or login/signup -->\n <div class=\"n7-header__tools\">\n <div\n class=\"n7-header__search {{data.search.classes || ''}}\"\n *ngIf=\"data.search\"\n >\n <input\n class=\"n7-header__search-input\"\n type=\"search\"\n name=\"search\"\n placeholder=\"{{ data.search.hint || ''}}\"\n (keyup)=\"onKeyUp(data.search.payload, $event.keyCode, $event.target.value)\"\n />\n <button\n class=\"n7-header__search-btn\"\n type=\"submit\"\n (click)=\"onClick(data.search.payload)\"\n >\n <span class=\"n7-header__search-btn-label\"> Search </span>\n </button>\n </div>\n\n <div class=\"n7-header__actions\" *ngIf=\"data.actions\">\n <n7-anchor-wrapper\n *ngFor=\"let action of data.actions\"\n [classes]=\"'n7-header__action' + (action.classes || '')\"\n [data]=\"action.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span class=\"n7-header__action-icon {{ action.icon }}\"></span>\n <span\n *ngIf=\"action.badge\"\n class=\"n7-header__action-badge {{ action.badge.text ? 'has-text' : '' }}\"\n >\n {{ action.badge.text }}\n </span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__buttons\" *ngIf=\"data.buttons\">\n <n7-anchor-wrapper\n *ngFor=\"let button of data.buttons\"\n [classes]=\"button.classes\"\n [data]=\"button.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span class=\"\" *ngIf=\"button.text\"> {{ button.text }} </span>\n <span class=\"{{button.icon}}\" *ngIf=\"button.icon\"></span>\n </n7-anchor-wrapper>\n </div>\n\n <div class=\"n7-header__selects\" *ngIf=\"data.selects\">\n <n7-input-select\n *ngFor=\"let selectData of data.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\"\n >\n </n7-input-select>\n </div>\n\n <div\n class=\"n7-header__user {{data.user.classes || ''}}\"\n *ngIf=\"data.user\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-header__user-content'\"\n [data]=\"data.user.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <img\n *ngIf=\"data.user.img\"\n class=\"n7-header__user-img\"\n [src]=\"data.user.img\"\n />\n <p class=\"n7-header__user-name\" *ngIf=\"data.user.name\">\n <span class=\"n7-header__user-name-label\">\n {{ data.user.name }}\n </span>\n </p>\n </n7-anchor-wrapper>\n </div>\n </div>\n </div>\n</header>\n" }]
785
804
  }], propDecorators: { data: [{
786
805
  type: Input
787
806
  }], emit: [{
@@ -1351,25 +1370,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
1351
1370
  type: Input
1352
1371
  }] } });
1353
1372
 
1354
- //---------------------------
1355
- class InputSelectComponent {
1356
- onChange(inputPayload, value) {
1357
- if (!this.emit)
1358
- return;
1359
- this.emit('change', { inputPayload, value });
1360
- }
1361
- }
1362
- InputSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1363
- InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\">{{ option.label }}</option>\n </select>\n</div>\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
1364
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: InputSelectComponent, decorators: [{
1365
- type: Component,
1366
- args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\">{{ option.label }}</option>\n </select>\n</div>\n" }]
1367
- }], propDecorators: { data: [{
1368
- type: Input
1369
- }], emit: [{
1370
- type: Input
1371
- }] } });
1372
-
1373
1373
  //---------------------------
1374
1374
  class InputTextComponent {
1375
1375
  onChange(inputPayload, value) {
@@ -1675,10 +1675,10 @@ class TextViewerComponent {
1675
1675
  }
1676
1676
  TextViewerComponent._loaded = false;
1677
1677
  TextViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TextViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1678
- TextViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TextViewerComponent, selector: "n7-text-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<!-- NEW -->\n<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\">\n <!-- <pb-load url=\"api/search\"></pb-load> -->\n <pb-document\n *ngFor=\"let doc of data.docs\"\n [path]=\"doc.xml\"\n [odd]=\"doc.odd\"\n [id]=\"doc.id\"\n >\n </pb-document>\n\n <!-- <pb-load url=\"api/mrcsearch?query=lepre&collection=murucademo\"></pb-load> -->\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 <!-- <pb-login id=\"loginElem\" auto=\"false\"></pb-login> -->\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <paper-icon-button\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\"\n default=\"off\"\n action=\"disable\"\n emit=\"transcription\"\n subscribe=\"transcription\"\n >\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </pb-toggle-feature>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"epub\"\n [src]=\"data.docs[0].id\"\n url=\"https://drive.google.com/u/1/uc?id=18tgok2xz4DN7QelWzKJXzGb-qhsAHhQw&export=download\"\n dialog=\"downloadDialog\"\n title=\"Download ePub\"\n >\n <paper-button raised=\"\">Download eBook</paper-button>\n </pb-download>\n\n <!-- <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"txt\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download TXT\"\n >\n <paper-button raised=\"\">Download TXT</paper-button>\n </pb-download>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"xml\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download XML\"\n >\n <paper-button raised=\"\">Download XML</paper-button>\n </pb-download> -->\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\n <ng-container *ngIf=\"!data.docs[0].translation\">\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 <!-- *ngIf=\"data.docs.length > 1\" -->\n <pb-select-feature\n *ngIf=\"data.docs.length > 1\"\n id=\"select-view2\"\n name=\"view2\"\n label=\"View\"\n items='[\n {\"name\": \"View All Named Entities\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n {\"name\": \"View People\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n {\"name\": \"View Places\", \"selectors\": [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n ]'\n subscribe=\"addChannel\"\n emit=\"addChannel\"\n ></pb-select-feature>\n\n \n <ng-container *ngIf=\"data.docs.length > 1 && data.docs[0].channel && data.facsimile\">\n <paper-button raised=\"\" (click)=\"displayIndex()\"\n >{{ !isDisplayed ? 'Mostra nomi / luoghi / motivi' : 'Nascondi nomi / luoghi / motivi'\n }}</paper-button\n >\n </ng-container>\n \n\n <!-- <pb-search id=\"search-form\" action=\"search.search\" submitOnLoad=\"true\" data-template=\"pages:parse-params\">\n <div class=\"buttons\">\n <paper-button slot=\"searchButton\"><pb-i18n key=\"search.search\"></pb-i18n></paper-button>\n <paper-button slot=\"resetButton\"><pb-i18n key=\"search.reset\"></pb-i18n></paper-button>\n </div>\n </pb-search>\n <pb-load class=\"hidden\" url=\"api/search?query=Accompagnati&da&Alchifa&action=search\" auto=\"true\"></pb-load> -->\n\n \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 <!-- <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\n </div>\n </pb-drawer> -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\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 show-navigator=\"show-navigator\"\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 [src]=\"doc.id\"\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 view=\"{{ doc.view }}\"\n ></pb-view>\n <!-- WITH CHANNEL / MURUCA DEMO -->\n <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 *ngIf=\"doc.channel && !doc.translation\"\n (click)=\"displayIndex()\"\n id=\"view{{ $i }}\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n emit=\"addChannel\"\n subscribe=\"addChannel\"\n view=\"{{ doc.view }}\"\n >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n </pb-view>\n\n <ng-container\n *ngIf=\"doc.channel && !doc.translation\"\n >\n <!-- -->\n <pb-view\n [hidden]=\"!isDisplayed\"\n *ngIf=\"doc.channel && !doc.translation\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n subscribe=\"index\"\n emit=\"letter\"\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\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
1678
+ TextViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TextViewerComponent, selector: "n7-text-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<!-- NEW -->\n<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\">\n <!-- <pb-load url=\"api/search\"></pb-load> -->\n <pb-document\n *ngFor=\"let doc of data.docs\"\n [path]=\"doc.xml\"\n [odd]=\"doc.odd\"\n [id]=\"doc.id\"\n >\n </pb-document>\n\n <!-- <pb-load url=\"api/mrcsearch?query=lepre&collection=murucademo\"></pb-load> -->\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 <!-- <pb-login id=\"loginElem\" auto=\"false\"></pb-login> -->\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <paper-icon-button\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\"\n default=\"off\"\n action=\"disable\"\n emit=\"transcription\"\n subscribe=\"transcription\"\n >\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </pb-toggle-feature>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"epub\"\n [src]=\"data.docs[0].id\"\n [url]=\"data.docs[0].download\"\n dialog=\"downloadDialog\"\n title=\"Download ePub\"\n >\n <paper-button raised=\"\">Download eBook</paper-button>\n </pb-download>\n\n <!-- <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"txt\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download TXT\"\n >\n <paper-button raised=\"\">Download TXT</paper-button>\n </pb-download>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"xml\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download XML\"\n >\n <paper-button raised=\"\">Download XML</paper-button>\n </pb-download> -->\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\n <ng-container *ngIf=\"!data.docs[0].translation\">\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 <!-- *ngIf=\"data.docs.length > 1\" -->\n <pb-select-feature\n *ngIf=\"data.docs.length > 1\"\n id=\"select-view2\"\n name=\"view2\"\n label=\"View\"\n items='[\n {\"name\": \"View All Named Entities\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n {\"name\": \"View People\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n {\"name\": \"View Places\", \"selectors\": [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n ]'\n subscribe=\"addChannel\"\n emit=\"addChannel\"\n ></pb-select-feature>\n\n \n <ng-container *ngIf=\"data.docs.length > 1 && data.docs[0].channel && data.facsimile\">\n <paper-button raised=\"\" (click)=\"displayIndex()\"\n >{{ !isDisplayed ? 'Mostra nomi / luoghi / motivi' : 'Nascondi nomi / luoghi / motivi'\n }}</paper-button\n >\n </ng-container>\n \n\n <!-- <pb-search id=\"search-form\" action=\"search.search\" submitOnLoad=\"true\" data-template=\"pages:parse-params\">\n <div class=\"buttons\">\n <paper-button slot=\"searchButton\"><pb-i18n key=\"search.search\"></pb-i18n></paper-button>\n <paper-button slot=\"resetButton\"><pb-i18n key=\"search.reset\"></pb-i18n></paper-button>\n </div>\n </pb-search>\n <pb-load class=\"hidden\" url=\"api/search?query=Accompagnati&da&Alchifa&action=search\" auto=\"true\"></pb-load> -->\n\n \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 <!-- <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\n </div>\n </pb-drawer> -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\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 show-navigator=\"show-navigator\"\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 [src]=\"doc.id\"\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 view=\"{{ doc.view }}\"\n ></pb-view>\n <!-- WITH CHANNEL / MURUCA DEMO -->\n <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 *ngIf=\"doc.channel && !doc.translation\"\n (click)=\"displayIndex()\"\n id=\"view{{ $i }}\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n emit=\"addChannel\"\n subscribe=\"addChannel\"\n view=\"{{ doc.view }}\"\n >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n </pb-view>\n\n <ng-container\n *ngIf=\"doc.channel && !doc.translation\"\n >\n <!-- -->\n <pb-view\n [hidden]=\"!isDisplayed\"\n *ngIf=\"doc.channel && !doc.translation\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n subscribe=\"index\"\n emit=\"letter\"\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\n", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
1679
1679
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TextViewerComponent, decorators: [{
1680
1680
  type: Component,
1681
- args: [{ selector: 'n7-text-viewer', template: "<!-- NEW -->\n<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\">\n <!-- <pb-load url=\"api/search\"></pb-load> -->\n <pb-document\n *ngFor=\"let doc of data.docs\"\n [path]=\"doc.xml\"\n [odd]=\"doc.odd\"\n [id]=\"doc.id\"\n >\n </pb-document>\n\n <!-- <pb-load url=\"api/mrcsearch?query=lepre&collection=murucademo\"></pb-load> -->\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 <!-- <pb-login id=\"loginElem\" auto=\"false\"></pb-login> -->\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <paper-icon-button\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\"\n default=\"off\"\n action=\"disable\"\n emit=\"transcription\"\n subscribe=\"transcription\"\n >\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </pb-toggle-feature>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"epub\"\n [src]=\"data.docs[0].id\"\n url=\"https://drive.google.com/u/1/uc?id=18tgok2xz4DN7QelWzKJXzGb-qhsAHhQw&export=download\"\n dialog=\"downloadDialog\"\n title=\"Download ePub\"\n >\n <paper-button raised=\"\">Download eBook</paper-button>\n </pb-download>\n\n <!-- <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"txt\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download TXT\"\n >\n <paper-button raised=\"\">Download TXT</paper-button>\n </pb-download>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"xml\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download XML\"\n >\n <paper-button raised=\"\">Download XML</paper-button>\n </pb-download> -->\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\n <ng-container *ngIf=\"!data.docs[0].translation\">\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 <!-- *ngIf=\"data.docs.length > 1\" -->\n <pb-select-feature\n *ngIf=\"data.docs.length > 1\"\n id=\"select-view2\"\n name=\"view2\"\n label=\"View\"\n items='[\n {\"name\": \"View All Named Entities\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n {\"name\": \"View People\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n {\"name\": \"View Places\", \"selectors\": [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n ]'\n subscribe=\"addChannel\"\n emit=\"addChannel\"\n ></pb-select-feature>\n\n \n <ng-container *ngIf=\"data.docs.length > 1 && data.docs[0].channel && data.facsimile\">\n <paper-button raised=\"\" (click)=\"displayIndex()\"\n >{{ !isDisplayed ? 'Mostra nomi / luoghi / motivi' : 'Nascondi nomi / luoghi / motivi'\n }}</paper-button\n >\n </ng-container>\n \n\n <!-- <pb-search id=\"search-form\" action=\"search.search\" submitOnLoad=\"true\" data-template=\"pages:parse-params\">\n <div class=\"buttons\">\n <paper-button slot=\"searchButton\"><pb-i18n key=\"search.search\"></pb-i18n></paper-button>\n <paper-button slot=\"resetButton\"><pb-i18n key=\"search.reset\"></pb-i18n></paper-button>\n </div>\n </pb-search>\n <pb-load class=\"hidden\" url=\"api/search?query=Accompagnati&da&Alchifa&action=search\" auto=\"true\"></pb-load> -->\n\n \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 <!-- <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\n </div>\n </pb-drawer> -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\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 show-navigator=\"show-navigator\"\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 [src]=\"doc.id\"\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 view=\"{{ doc.view }}\"\n ></pb-view>\n <!-- WITH CHANNEL / MURUCA DEMO -->\n <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 *ngIf=\"doc.channel && !doc.translation\"\n (click)=\"displayIndex()\"\n id=\"view{{ $i }}\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n emit=\"addChannel\"\n subscribe=\"addChannel\"\n view=\"{{ doc.view }}\"\n >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n </pb-view>\n\n <ng-container\n *ngIf=\"doc.channel && !doc.translation\"\n >\n <!-- -->\n <pb-view\n [hidden]=\"!isDisplayed\"\n *ngIf=\"doc.channel && !doc.translation\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n subscribe=\"index\"\n emit=\"letter\"\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\n" }]
1681
+ args: [{ selector: 'n7-text-viewer', template: "<!-- NEW -->\n<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\">\n <!-- <pb-load url=\"api/search\"></pb-load> -->\n <pb-document\n *ngFor=\"let doc of data.docs\"\n [path]=\"doc.xml\"\n [odd]=\"doc.odd\"\n [id]=\"doc.id\"\n >\n </pb-document>\n\n <!-- <pb-load url=\"api/mrcsearch?query=lepre&collection=murucademo\"></pb-load> -->\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 <!-- <pb-login id=\"loginElem\" auto=\"false\"></pb-login> -->\n <app-toolbar\n class=\"toolbar\"\n sticky=\"sticky\"\n style=\"transform: translate3d(0px, 0px, 0px)\"\n >\n <paper-icon-button\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\"\n default=\"off\"\n action=\"disable\"\n emit=\"transcription\"\n subscribe=\"transcription\"\n >\n <pb-i18n key=\"document.plain\">Plain Reading View</pb-i18n>\n </pb-toggle-feature>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"epub\"\n [src]=\"data.docs[0].id\"\n [url]=\"data.docs[0].download\"\n dialog=\"downloadDialog\"\n title=\"Download ePub\"\n >\n <paper-button raised=\"\">Download eBook</paper-button>\n </pb-download>\n\n <!-- <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"txt\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download TXT\"\n >\n <paper-button raised=\"\">Download TXT</paper-button>\n </pb-download>\n\n <pb-download\n *ngIf=\"data.docs && data.docs.length > 1\"\n type=\"xml\"\n [src]=\"data.docs[0].id\"\n url=\"https://www.gutenberg.org/cache/epub/67735/pg67735.txt\"\n dialog=\"downloadDialog\"\n title=\"Download XML\"\n >\n <paper-button raised=\"\">Download XML</paper-button>\n </pb-download> -->\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\n <ng-container *ngIf=\"!data.docs[0].translation\">\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 <!-- *ngIf=\"data.docs.length > 1\" -->\n <pb-select-feature\n *ngIf=\"data.docs.length > 1\"\n id=\"select-view2\"\n name=\"view2\"\n label=\"View\"\n items='[\n {\"name\": \"View All Named Entities\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": false}]},\n {\"name\": \"View People\", \"selectors\": [{\"selector\": \".person\", \"state\": false}, {\"selector\": \".place\", \"state\": true}]},\n {\"name\": \"View Places\", \"selectors\": [{\"selector\": \".place\", \"state\": false}, {\"selector\": \".person\", \"state\": true}]}\n ]'\n subscribe=\"addChannel\"\n emit=\"addChannel\"\n ></pb-select-feature>\n\n \n <ng-container *ngIf=\"data.docs.length > 1 && data.docs[0].channel && data.facsimile\">\n <paper-button raised=\"\" (click)=\"displayIndex()\"\n >{{ !isDisplayed ? 'Mostra nomi / luoghi / motivi' : 'Nascondi nomi / luoghi / motivi'\n }}</paper-button\n >\n </ng-container>\n \n\n <!-- <pb-search id=\"search-form\" action=\"search.search\" submitOnLoad=\"true\" data-template=\"pages:parse-params\">\n <div class=\"buttons\">\n <paper-button slot=\"searchButton\"><pb-i18n key=\"search.search\"></pb-i18n></paper-button>\n <paper-button slot=\"resetButton\"><pb-i18n key=\"search.reset\"></pb-i18n></paper-button>\n </div>\n </pb-search>\n <pb-load class=\"hidden\" url=\"api/search?query=Accompagnati&da&Alchifa&action=search\" auto=\"true\"></pb-load> -->\n\n \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 <!-- <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\n </div>\n </pb-drawer> -->\n <pb-drawer\n toggle=\"tocToggle\"\n class=\"tocDrawer\"\n emit=\"toc\"\n subscribe=\"transcription\"\n >\n <div class=\"drawer-content\">\n <h3>\n <pb-i18n key=\"document.contents\">Contents</pb-i18n>\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 ><pb-i18n key=\"dialogs.loading\">Loading</pb-i18n></pb-load\n >\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 show-navigator=\"show-navigator\"\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 [src]=\"doc.id\"\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 view=\"{{ doc.view }}\"\n ></pb-view>\n <!-- WITH CHANNEL / MURUCA DEMO -->\n <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 <pb-view\n *ngIf=\"doc.channel && doc.translation\"\n id=\"view{{ $i }}\"\n [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 *ngIf=\"doc.channel && !doc.translation\"\n (click)=\"displayIndex()\"\n id=\"view{{ $i }}\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n emit=\"addChannel\"\n subscribe=\"addChannel\"\n view=\"{{ doc.view }}\"\n >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n </pb-view>\n\n <ng-container\n *ngIf=\"doc.channel && !doc.translation\"\n >\n <!-- -->\n <pb-view\n [hidden]=\"!isDisplayed\"\n *ngIf=\"doc.channel && !doc.translation\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n subscribe=\"index\"\n emit=\"letter\"\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\n" }]
1682
1682
  }], propDecorators: { data: [{
1683
1683
  type: Input
1684
1684
  }], emit: [{
@@ -6613,6 +6613,16 @@ const FOOTER_MOCK = {
6613
6613
  },
6614
6614
  {
6615
6615
  text: 'Arianna Web is powered by Hyperborea.<br><a href="#" target="_blank">www.hyperborea.com</a>',
6616
+ selects: [{
6617
+ id: 'language',
6618
+ label: 'Select language',
6619
+ options: [
6620
+ { value: 'en', label: 'English' },
6621
+ { value: 'it', label: 'Italian' },
6622
+ { value: 'de', label: 'German' }
6623
+ ],
6624
+ payload: 'language'
6625
+ }],
6616
6626
  }
6617
6627
  ]
6618
6628
  };
@@ -6666,6 +6676,16 @@ const HEADER_MOCK = {
6666
6676
  anchor: { payload: '/facebook' }
6667
6677
  }
6668
6678
  ],
6679
+ selects: [{
6680
+ id: 'language',
6681
+ // label: 'Language',
6682
+ options: [
6683
+ { value: 'en', label: 'English' },
6684
+ { value: 'it', label: 'Italian' },
6685
+ { value: 'de', label: 'German' }
6686
+ ],
6687
+ payload: 'language'
6688
+ }],
6669
6689
  buttons: [
6670
6690
  {
6671
6691
  text: 'Log In',
@@ -7227,7 +7247,7 @@ const ITEM_PREVIEW_MOCK = {
7227
7247
  href: '/examples',
7228
7248
  target: '_blank'
7229
7249
  },
7230
- classes: 'is-vertical has-image' // leave it empty for default horizontal layout or 'is-overlay'
7250
+ classes: 'is-vertical is-frontpage has-image' // leave it empty for default horizontal layout or 'is-overlay'
7231
7251
  };
7232
7252
 
7233
7253
  const LOADER_MOCK = {
@@ -7704,7 +7724,8 @@ const TEXT_VIEWER_MOCK = {
7704
7724
  xml: 'mambrino/SM1_source_def2.xml',
7705
7725
  odd: 'test_index',
7706
7726
  id: 'seniles',
7707
- view: 'page'
7727
+ view: 'page',
7728
+ download: ''
7708
7729
  },
7709
7730
  {
7710
7731
  xml: 'test/graves6.xml',