@net7/components 4.2.3 → 4.2.5
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.
- package/esm2022/lib/components/advanced-autocomplete/advanced-autocomplete.mjs +4 -4
- package/esm2022/lib/components/alert/alert.mjs +4 -4
- package/esm2022/lib/components/anchor-wrapper/anchor-wrapper.mjs +4 -4
- package/esm2022/lib/components/avatar/avatar.mjs +4 -4
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.mjs +4 -4
- package/esm2022/lib/components/bubble-chart/bubble-chart.mjs +4 -4
- package/esm2022/lib/components/button/button.mjs +4 -4
- package/esm2022/lib/components/carousel/carousel.mjs +4 -4
- package/esm2022/lib/components/chart/chart.mjs +4 -4
- package/esm2022/lib/components/content-placeholder/content-placeholder.mjs +4 -4
- package/esm2022/lib/components/data-widget/data-widget.mjs +4 -4
- package/esm2022/lib/components/datepicker/datepicker.mjs +4 -4
- package/esm2022/lib/components/facet/facet.mjs +4 -4
- package/esm2022/lib/components/facet-header/facet-header.mjs +4 -4
- package/esm2022/lib/components/facet-year-range/facet-year-range.mjs +4 -4
- package/esm2022/lib/components/file-selector/file-selector.mjs +4 -4
- package/esm2022/lib/components/footer/footer.mjs +4 -4
- package/esm2022/lib/components/header/header.mjs +4 -4
- package/esm2022/lib/components/hero/hero.mjs +4 -4
- package/esm2022/lib/components/histogram-range/histogram-range.mjs +4 -4
- package/esm2022/lib/components/icon/icon.mjs +4 -4
- package/esm2022/lib/components/image-viewer/image-viewer.mjs +4 -4
- package/esm2022/lib/components/image-viewer-tools/image-viewer-tools.mjs +4 -4
- package/esm2022/lib/components/inner-title/inner-title.mjs +4 -4
- package/esm2022/lib/components/input-checkbox/input-checkbox.mjs +4 -4
- package/esm2022/lib/components/input-link/input-link.mjs +4 -4
- package/esm2022/lib/components/input-select/input-select.mjs +4 -4
- package/esm2022/lib/components/input-text/input-text.mjs +4 -4
- package/esm2022/lib/components/input-textarea/input-textarea.mjs +4 -4
- package/esm2022/lib/components/item-preview/item-preview.mjs +4 -4
- package/esm2022/lib/components/loader/loader.mjs +4 -4
- package/esm2022/lib/components/map/map.mjs +4 -4
- package/esm2022/lib/components/metadata-viewer/metadata-viewer.mjs +4 -4
- package/esm2022/lib/components/mirador/mirador.mjs +76 -13
- package/esm2022/lib/components/mirador/mirador.mock.mjs +7 -3
- package/esm2022/lib/components/mirador/miradorTheme.mjs +3 -3
- package/esm2022/lib/components/nav/nav.mjs +4 -4
- package/esm2022/lib/components/pagination/pagination.mjs +4 -4
- package/esm2022/lib/components/progress-line/progress-line.mjs +4 -4
- package/esm2022/lib/components/sidebar-header/sidebar-header.mjs +4 -4
- package/esm2022/lib/components/signup/signup.mjs +4 -4
- package/esm2022/lib/components/simple-autocomplete/simple-autocomplete.mjs +4 -4
- package/esm2022/lib/components/table/table.mjs +4 -4
- package/esm2022/lib/components/tag/tag.mjs +4 -4
- package/esm2022/lib/components/text-viewer/text-viewer.mjs +4 -4
- package/esm2022/lib/components/text-viewer/text-viewer.mock.mjs +19 -19
- package/esm2022/lib/components/timeline/timeline.mjs +4 -4
- package/esm2022/lib/components/toast/toast.mjs +4 -4
- package/esm2022/lib/components/tooltip-content/tooltip-content.mjs +4 -4
- package/esm2022/lib/components/tree/tree.mjs +4 -4
- package/esm2022/lib/components/wizard/wizard.mjs +4 -4
- package/esm2022/lib/dv-components-lib.module.mjs +5 -5
- package/fesm2022/net7-components.mjs +247 -179
- package/fesm2022/net7-components.mjs.map +1 -1
- package/lib/components/mirador/mirador.d.ts +15 -2
- package/package.json +1 -1
- package/src/lib/styles/components/_mirador.scss +5 -3
|
@@ -4,7 +4,7 @@ import * as i1 from '@angular/common';
|
|
|
4
4
|
import { CommonModule } from '@angular/common';
|
|
5
5
|
import * as i2 from '@angular/router';
|
|
6
6
|
import { RouterModule } from '@angular/router';
|
|
7
|
-
import
|
|
7
|
+
import manifest from 'src/scripts/mirador/manifest.json';
|
|
8
8
|
|
|
9
9
|
//---------------------------
|
|
10
10
|
// ANCHOR-WRAPPER.ts
|
|
@@ -23,10 +23,10 @@ class AnchorWrapperComponent {
|
|
|
23
23
|
onClick(payload) {
|
|
24
24
|
this.clicked.emit(payload);
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AnchorWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: { data: "data", classes: "classes" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<ng-container *ngIf=\"data; else noData\">\n <ng-container *ngIf=\"data.href && isExternal(data.href)\">\n <ng-container *ngTemplateOutlet=\"externalUrl\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"data.href && !isExternal(data.href)\">\n <ng-container *ngTemplateOutlet=\"internalUrl\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!data.href\">\n <ng-container *ngTemplateOutlet=\"noUrl\"></ng-container>\n </ng-container>\n</ng-container>\n\n<!-- No data template -->\n<ng-template #noData>\n <a class=\"{{ classes || '' }}\"\n ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n ></a>\n</ng-template>\n\n<!-- Internal URL template -->\n<ng-template #internalUrl>\n <a\n [routerLink]=\"data.href\"\n [target]=\"data.target || '_self'\"\n class=\"{{ classes || '' }}\"\n [queryParams]=\"data.queryParams || null\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<!-- External URL template -->\n<ng-template #externalUrl>\n <a\n [href]=\"data.href\"\n [target]=\"data.target || '_self'\"\n class=\"{{ classes || '' }}\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<!-- No URL template -->\n<ng-template #noUrl>\n <a (click)=\"onClick(data.payload)\" class=\"{{ classes || '' }}\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AnchorWrapperComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'n7-anchor-wrapper', template: "<ng-container *ngIf=\"data; else noData\">\n <ng-container *ngIf=\"data.href && isExternal(data.href)\">\n <ng-container *ngTemplateOutlet=\"externalUrl\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"data.href && !isExternal(data.href)\">\n <ng-container *ngTemplateOutlet=\"internalUrl\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!data.href\">\n <ng-container *ngTemplateOutlet=\"noUrl\"></ng-container>\n </ng-container>\n</ng-container>\n\n<!-- No data template -->\n<ng-template #noData>\n <a class=\"{{ classes || '' }}\"\n ><ng-container *ngTemplateOutlet=\"content\"></ng-container\n ></a>\n</ng-template>\n\n<!-- Internal URL template -->\n<ng-template #internalUrl>\n <a\n [routerLink]=\"data.href\"\n [target]=\"data.target || '_self'\"\n class=\"{{ classes || '' }}\"\n [queryParams]=\"data.queryParams || null\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<!-- External URL template -->\n<ng-template #externalUrl>\n <a\n [href]=\"data.href\"\n [target]=\"data.target || '_self'\"\n class=\"{{ classes || '' }}\"\n >\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<!-- No URL template -->\n<ng-template #noUrl>\n <a (click)=\"onClick(data.payload)\" class=\"{{ classes || '' }}\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n" }]
|
|
32
32
|
}], propDecorators: { data: [{
|
|
@@ -46,10 +46,10 @@ class AdvancedAutocompleteComponent {
|
|
|
46
46
|
return;
|
|
47
47
|
this.emit('click', payload);
|
|
48
48
|
}
|
|
49
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
50
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AdvancedAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AdvancedAutocompleteComponent, selector: "n7-advanced-autocomplete", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n *ngIf=\"data\"\n class=\"n7-advanced-autocomplete\"\n [ngClass]=\"{ 'is-empty' : (data.results && data.results.length === 0), 'is-loading': !data.results }\"\n>\n <!-- If there are some results -->\n <ng-container *ngIf=\"data.results && data.results.length > 0\">\n <ng-container *ngTemplateOutlet=\"hasLoaded\"></ng-container>\n </ng-container>\n <!-- If no results are found -->\n <ng-container *ngIf=\"data.results && data.results.length === 0\">\n <ng-container *ngTemplateOutlet=\"isEmpty\"></ng-container>\n </ng-container>\n <!-- If is loading -->\n <ng-container *ngIf=\"!data.results\">\n <ng-container *ngTemplateOutlet=\"isLoading\"></ng-container>\n </ng-container>\n</div>\n\n<!-- Template: Is empty -->\n<ng-template #isEmpty>\n <div\n class=\"n7-advanced-autocomplete__empty\"\n [innerHTML]=\"data.fallback\"\n ></div>\n <!-- Render actions -->\n <ng-container\n *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"\n ></ng-container>\n</ng-template>\n\n<!-- Template: Is loading -->\n<ng-template #isLoading>\n <!-- Layout appends loader-component here -->\n <span\n class=\"n7-advanced-autocomplete__loader\"\n id=\"n7-advanced-autocomplete__loader\"\n ></span>\n</ng-template>\n\n<!-- Template: Has loaded -->\n<ng-template #hasLoaded>\n <!-- Search results -->\n <div class=\"n7-advanced-autocomplete__results\">\n <!-- Render groups -->\n <ng-container *ngFor=\"let res of data.results\">\n <div *ngIf=\"res.group\" class=\"n7-advanced-autocomplete__group\">\n <div\n class=\"n7-advanced-autocomplete__group-title-wrapper {{ res.group.classes || '' }}\"\n >\n <n7-anchor-wrapper\n [data]=\"res.group.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n *ngIf=\"res.group.icon\"\n class=\"n7-advanced-autocomplete__group-icon {{ res.group.icon }}\"\n ></span>\n <span class=\"n7-advanced-autocomplete__group-title\"\n >{{res.group.title}}</span\n >\n </n7-anchor-wrapper>\n </div>\n <!-- Render items -->\n <div class=\"n7-advanced-autocomplete__items\">\n <ng-container\n *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"\n ></ng-container>\n </div>\n </div>\n <div *ngIf=\"!res.group\" class=\"n7-advanced-autocomplete__nogroup\">\n <ng-container\n *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"\n ></ng-container>\n </div>\n </ng-container>\n </div>\n <!-- Actions -->\n <ng-container\n *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"\n ></ng-container>\n</ng-template>\n\n<!-- Template: Items -->\n<ng-template #items let-items>\n <n7-anchor-wrapper\n *ngFor=\"let item of items\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-advanced-autocomplete__item'\"\n >\n <span\n *ngIf=\"item.title\"\n class=\"n7-advanced-autocomplete__item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n <ng-container *ngIf=\"item.metadata\">\n <span\n *ngFor=\"let meta of item.metadata\"\n class=\"n7-advanced-autocomplete__item-metadata\"\n >\n <span\n *ngIf=\"meta.key\"\n class=\"n7-advanced-autocomplete__item-metadata-key\"\n >{{ meta.key }}</span\n >\n <span\n *ngIf=\"meta.value\"\n class=\"n7-advanced-autocomplete__item-metadata-value\"\n >{{ meta.value }}</span\n >\n </span>\n </ng-container>\n </n7-anchor-wrapper>\n</ng-template>\n\n<!-- Template: Actions -->\n<ng-template #actions let-actions>\n <div *ngIf=\"actions\" class=\"n7-advanced-autocomplete__action-bar\">\n <n7-anchor-wrapper\n *ngIf=\"actions.advanced\"\n [data]=\"actions.advanced.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-btn n7-advanced-autocomplete__advanced-search'\"\n >\n {{actions.advanced.text}}\n </n7-anchor-wrapper>\n\n <n7-anchor-wrapper\n *ngIf=\"actions.showMore\"\n [data]=\"actions.showMore.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-btn n7-btn-cta n7-advanced-autocomplete__show-more'\"\n >\n {{actions.showMore.text}}\n </n7-anchor-wrapper>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AdvancedAutocompleteComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{ selector: 'n7-advanced-autocomplete', template: "<div\n *ngIf=\"data\"\n class=\"n7-advanced-autocomplete\"\n [ngClass]=\"{ 'is-empty' : (data.results && data.results.length === 0), 'is-loading': !data.results }\"\n>\n <!-- If there are some results -->\n <ng-container *ngIf=\"data.results && data.results.length > 0\">\n <ng-container *ngTemplateOutlet=\"hasLoaded\"></ng-container>\n </ng-container>\n <!-- If no results are found -->\n <ng-container *ngIf=\"data.results && data.results.length === 0\">\n <ng-container *ngTemplateOutlet=\"isEmpty\"></ng-container>\n </ng-container>\n <!-- If is loading -->\n <ng-container *ngIf=\"!data.results\">\n <ng-container *ngTemplateOutlet=\"isLoading\"></ng-container>\n </ng-container>\n</div>\n\n<!-- Template: Is empty -->\n<ng-template #isEmpty>\n <div\n class=\"n7-advanced-autocomplete__empty\"\n [innerHTML]=\"data.fallback\"\n ></div>\n <!-- Render actions -->\n <ng-container\n *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"\n ></ng-container>\n</ng-template>\n\n<!-- Template: Is loading -->\n<ng-template #isLoading>\n <!-- Layout appends loader-component here -->\n <span\n class=\"n7-advanced-autocomplete__loader\"\n id=\"n7-advanced-autocomplete__loader\"\n ></span>\n</ng-template>\n\n<!-- Template: Has loaded -->\n<ng-template #hasLoaded>\n <!-- Search results -->\n <div class=\"n7-advanced-autocomplete__results\">\n <!-- Render groups -->\n <ng-container *ngFor=\"let res of data.results\">\n <div *ngIf=\"res.group\" class=\"n7-advanced-autocomplete__group\">\n <div\n class=\"n7-advanced-autocomplete__group-title-wrapper {{ res.group.classes || '' }}\"\n >\n <n7-anchor-wrapper\n [data]=\"res.group.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n *ngIf=\"res.group.icon\"\n class=\"n7-advanced-autocomplete__group-icon {{ res.group.icon }}\"\n ></span>\n <span class=\"n7-advanced-autocomplete__group-title\"\n >{{res.group.title}}</span\n >\n </n7-anchor-wrapper>\n </div>\n <!-- Render items -->\n <div class=\"n7-advanced-autocomplete__items\">\n <ng-container\n *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"\n ></ng-container>\n </div>\n </div>\n <div *ngIf=\"!res.group\" class=\"n7-advanced-autocomplete__nogroup\">\n <ng-container\n *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"\n ></ng-container>\n </div>\n </ng-container>\n </div>\n <!-- Actions -->\n <ng-container\n *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"\n ></ng-container>\n</ng-template>\n\n<!-- Template: Items -->\n<ng-template #items let-items>\n <n7-anchor-wrapper\n *ngFor=\"let item of items\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-advanced-autocomplete__item'\"\n >\n <span\n *ngIf=\"item.title\"\n class=\"n7-advanced-autocomplete__item-title\"\n [innerHTML]=\"item.title\"\n ></span>\n <ng-container *ngIf=\"item.metadata\">\n <span\n *ngFor=\"let meta of item.metadata\"\n class=\"n7-advanced-autocomplete__item-metadata\"\n >\n <span\n *ngIf=\"meta.key\"\n class=\"n7-advanced-autocomplete__item-metadata-key\"\n >{{ meta.key }}</span\n >\n <span\n *ngIf=\"meta.value\"\n class=\"n7-advanced-autocomplete__item-metadata-value\"\n >{{ meta.value }}</span\n >\n </span>\n </ng-container>\n </n7-anchor-wrapper>\n</ng-template>\n\n<!-- Template: Actions -->\n<ng-template #actions let-actions>\n <div *ngIf=\"actions\" class=\"n7-advanced-autocomplete__action-bar\">\n <n7-anchor-wrapper\n *ngIf=\"actions.advanced\"\n [data]=\"actions.advanced.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-btn n7-advanced-autocomplete__advanced-search'\"\n >\n {{actions.advanced.text}}\n </n7-anchor-wrapper>\n\n <n7-anchor-wrapper\n *ngIf=\"actions.showMore\"\n [data]=\"actions.showMore.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-btn n7-btn-cta n7-advanced-autocomplete__show-more'\"\n >\n {{actions.showMore.text}}\n </n7-anchor-wrapper>\n </div>\n</ng-template>\n" }]
|
|
55
55
|
}], propDecorators: { data: [{
|
|
@@ -67,10 +67,10 @@ class AlertComponent {
|
|
|
67
67
|
return;
|
|
68
68
|
this.emit('click', payload);
|
|
69
69
|
}
|
|
70
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
71
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
70
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
71
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AlertComponent, selector: "n7-alert", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n class=\"n7-alert {{data.classes || ''}} {{ data.icon ? 'has-icon' : '' }}\"\n *ngIf=\"data\"\n>\n <span class=\"n7-alert__icon {{data.icon}}\" *ngIf=\"data.icon\"></span>\n <div class=\"n7-alert__text\" [innerHTML]=\"data.text\"></div>\n <span\n class=\"n7-alert__close-button n7-icon-close\"\n *ngIf=\"data.hasCloseButton\"\n (click)=\"onClick(data.payload)\"\n ></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
72
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AlertComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{ selector: 'n7-alert', template: "<div\n class=\"n7-alert {{data.classes || ''}} {{ data.icon ? 'has-icon' : '' }}\"\n *ngIf=\"data\"\n>\n <span class=\"n7-alert__icon {{data.icon}}\" *ngIf=\"data.icon\"></span>\n <div class=\"n7-alert__text\" [innerHTML]=\"data.text\"></div>\n <span\n class=\"n7-alert__close-button n7-icon-close\"\n *ngIf=\"data.hasCloseButton\"\n (click)=\"onClick(data.payload)\"\n ></span>\n</div>\n" }]
|
|
76
76
|
}], propDecorators: { data: [{
|
|
@@ -98,10 +98,10 @@ class AvatarComponent {
|
|
|
98
98
|
return;
|
|
99
99
|
this.emit('mouseleave', payload);
|
|
100
100
|
}
|
|
101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
102
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
102
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AvatarComponent, selector: "n7-avatar", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n class=\"n7-avatar {{data.classes || ''}}\"\n *ngIf=\"data\"\n (click)=\"onClick(data.payload)\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\"\n>\n <div\n *ngIf=\"data.image\"\n [ngClass]=\"'n7-avatar__background'\"\n [ngStyle]=\"{\n 'background-image': 'url('+data.image.src+')',\n 'height': data.size,\n 'width': data.size\n }\"\n ></div>\n <div\n *ngIf=\"!data.image\"\n [ngClass]=\"'n7-avatar__background'\"\n [ngStyle]=\"{\n 'background': data.color,\n 'height': data.size,\n 'width': data.size\n }\"\n >\n <p\n class=\"n7-avatar__label\"\n [ngStyle]=\"{\n 'color': data.labelColor || 'black',\n 'font-size': 'calc(' + data.size + ' / 2)'\n \n }\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
103
103
|
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
105
105
|
type: Component,
|
|
106
106
|
args: [{ selector: 'n7-avatar', template: "<div\n class=\"n7-avatar {{data.classes || ''}}\"\n *ngIf=\"data\"\n (click)=\"onClick(data.payload)\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\"\n>\n <div\n *ngIf=\"data.image\"\n [ngClass]=\"'n7-avatar__background'\"\n [ngStyle]=\"{\n 'background-image': 'url('+data.image.src+')',\n 'height': data.size,\n 'width': data.size\n }\"\n ></div>\n <div\n *ngIf=\"!data.image\"\n [ngClass]=\"'n7-avatar__background'\"\n [ngStyle]=\"{\n 'background': data.color,\n 'height': data.size,\n 'width': data.size\n }\"\n >\n <p\n class=\"n7-avatar__label\"\n [ngStyle]=\"{\n 'color': data.labelColor || 'black',\n 'font-size': 'calc(' + data.size + ' / 2)'\n \n }\"\n >\n {{ data.label }}\n </p>\n </div>\n</div>\n" }]
|
|
107
107
|
}], propDecorators: { data: [{
|
|
@@ -119,10 +119,10 @@ class BreadcrumbsComponent {
|
|
|
119
119
|
return;
|
|
120
120
|
this.emit('click', payload);
|
|
121
121
|
}
|
|
122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
122
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BreadcrumbsComponent, selector: "n7-breadcrumbs", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-breadcrumbs {{ data.classes || '' }}\">\n <nav class=\"n7-breadcrumbs__nav\">\n <ol class=\"n7-breadcrumbs__list\">\n <li\n *ngFor=\"let item of data.items\"\n class=\"n7-breadcrumbs__item {{ item.classes || '' }}\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-breadcrumbs__label'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n >\n {{ item.label }}\n </n7-anchor-wrapper>\n </li>\n </ol>\n </nav>\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"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
124
124
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
126
126
|
type: Component,
|
|
127
127
|
args: [{ selector: 'n7-breadcrumbs', template: "<div *ngIf=\"data\" class=\"n7-breadcrumbs {{ data.classes || '' }}\">\n <nav class=\"n7-breadcrumbs__nav\">\n <ol class=\"n7-breadcrumbs__list\">\n <li\n *ngFor=\"let item of data.items\"\n class=\"n7-breadcrumbs__item {{ item.classes || '' }}\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-breadcrumbs__label'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n >\n {{ item.label }}\n </n7-anchor-wrapper>\n </li>\n </ol>\n </nav>\n</div>\n" }]
|
|
128
128
|
}], propDecorators: { data: [{
|
|
@@ -452,10 +452,10 @@ class BubbleChartComponent {
|
|
|
452
452
|
// remove excess nodes
|
|
453
453
|
nodes.exit().remove();
|
|
454
454
|
}
|
|
455
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
456
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
455
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BubbleChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
456
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BubbleChartComponent, selector: "n7-bubble-chart", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-bubble-chart {{ data.classes || '' }}\">\n <svg #bubbleChart id=\"{{data.containerId}}\"></svg>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
457
457
|
}
|
|
458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BubbleChartComponent, decorators: [{
|
|
459
459
|
type: Component,
|
|
460
460
|
args: [{ selector: 'n7-bubble-chart', template: "<div *ngIf=\"data\" class=\"n7-bubble-chart {{ data.classes || '' }}\">\n <svg #bubbleChart id=\"{{data.containerId}}\"></svg>\n</div>\n" }]
|
|
461
461
|
}], propDecorators: { data: [{
|
|
@@ -470,10 +470,10 @@ class IconComponent {
|
|
|
470
470
|
return;
|
|
471
471
|
this.emit('click', value);
|
|
472
472
|
}
|
|
473
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
474
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
473
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
474
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: IconComponent, selector: "n7-icon", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<ng-container *ngIf=\"data as icon\">\n <span\n class=\"n7-icon\"\n *ngIf=\"icon.id\"\n [ngClass]=\"icon.id\"\n [ngStyle]=\"icon.style\"\n (click)=\"onClick(icon.payload)\"\n >\n </span>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
475
475
|
}
|
|
476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: IconComponent, decorators: [{
|
|
477
477
|
type: Component,
|
|
478
478
|
args: [{ selector: 'n7-icon', template: "<ng-container *ngIf=\"data as icon\">\n <span\n class=\"n7-icon\"\n *ngIf=\"icon.id\"\n [ngClass]=\"icon.id\"\n [ngStyle]=\"icon.style\"\n (click)=\"onClick(icon.payload)\"\n >\n </span>\n</ng-container>\n" }]
|
|
479
479
|
}], propDecorators: { data: [{
|
|
@@ -486,10 +486,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
486
486
|
// LOADER.ts
|
|
487
487
|
//---------------------------
|
|
488
488
|
class LoaderComponent {
|
|
489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
490
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
489
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
490
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>\n" }); }
|
|
491
491
|
}
|
|
492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
492
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
493
493
|
type: Component,
|
|
494
494
|
args: [{ selector: 'n7-loader', template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>\n" }]
|
|
495
495
|
}], propDecorators: { data: [{
|
|
@@ -504,10 +504,10 @@ class ButtonComponent {
|
|
|
504
504
|
return;
|
|
505
505
|
this.emit('click', value);
|
|
506
506
|
}
|
|
507
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
508
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
507
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
508
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ButtonComponent, selector: "n7-button", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<ng-container *ngIf=\"data && data.anchor\">\n <n7-anchor-wrapper [data]=\"data.anchor\" (clicked)=\"onClick($event)\">\n <button\n class=\"n7-btn\"\n [ngClass]=\"data.classes\"\n [disabled]=\"data.isDisabled\"\n [class.is-disabled]=\"data.isDisabled\"\n [class.is-loading]=\"data.isLoading\"\n >\n <!-- loader -->\n <n7-loader\n [data]=\"{classes: 'n7-btn__loader'}\"\n *ngIf=\"data.isLoading\"\n ></n7-loader>\n <!-- icon left -->\n <n7-icon [data]=\"data.iconLeft\" *ngIf=\"data.iconLeft\"> </n7-icon>\n <!-- button label -->\n <span *ngIf=\"data.text\" class=\"n7-btn__text\">{{ data.text }}</span>\n <!-- icon right -->\n <n7-icon [data]=\"data.iconRight\" *ngIf=\"data.iconRight\"> </n7-icon>\n </button>\n </n7-anchor-wrapper>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "n7-icon", inputs: ["data", "emit"] }, { kind: "component", type: LoaderComponent, selector: "n7-loader", inputs: ["data"] }] }); }
|
|
509
509
|
}
|
|
510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
511
511
|
type: Component,
|
|
512
512
|
args: [{ selector: 'n7-button', template: "<ng-container *ngIf=\"data && data.anchor\">\n <n7-anchor-wrapper [data]=\"data.anchor\" (clicked)=\"onClick($event)\">\n <button\n class=\"n7-btn\"\n [ngClass]=\"data.classes\"\n [disabled]=\"data.isDisabled\"\n [class.is-disabled]=\"data.isDisabled\"\n [class.is-loading]=\"data.isLoading\"\n >\n <!-- loader -->\n <n7-loader\n [data]=\"{classes: 'n7-btn__loader'}\"\n *ngIf=\"data.isLoading\"\n ></n7-loader>\n <!-- icon left -->\n <n7-icon [data]=\"data.iconLeft\" *ngIf=\"data.iconLeft\"> </n7-icon>\n <!-- button label -->\n <span *ngIf=\"data.text\" class=\"n7-btn__text\">{{ data.text }}</span>\n <!-- icon right -->\n <n7-icon [data]=\"data.iconRight\" *ngIf=\"data.iconRight\"> </n7-icon>\n </button>\n </n7-anchor-wrapper>\n</ng-container>\n" }]
|
|
513
513
|
}], propDecorators: { data: [{
|
|
@@ -597,10 +597,10 @@ class CarouselComponent {
|
|
|
597
597
|
.parentElement.addEventListener('click', () => this.onClick(btn.payload));
|
|
598
598
|
});
|
|
599
599
|
}
|
|
600
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
601
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
600
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
601
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CarouselComponent, selector: "n7-carousel", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<button\n *ngIf=\"data && data.classes === 'demo'\"\n class=\"n7-btn\"\n (click)=\"api.load.videos()\"\n>\n api.load.videos()\n</button>\n\n<div *ngIf=\"data\" class=\"n7-carousel {{ data.classes || '' }}\">\n <!-- Warning: Do not style div.latte-carousel -->\n <div id=\"{{data.containerId}}\" class=\"latte-carousel\">\n <ng-container *ngFor=\"let slide of data.slides; let index = index;\">\n <ng-container\n *ngTemplateOutlet=\"carouselSlide; context:{slide: slide, index: index}\"\n ></ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- ===== SLIDE WRAPPER ===== -->\n<ng-template #carouselSlide let-slide=\"slide\" let-slideID=\"index\">\n <!-- Warning: Do not style div.latte-item -->\n <div class=\"latte-item\">\n <div\n class=\"n7-carousel__slide {{ slide.classes || ''}}\"\n [ngClass]=\"{ 'has-image' : slide.background.image, 'has-video': slide.background.video }\"\n [style.background-color]=\"slide.background.color ? slide.background.color : ''\"\n [style.background-image]=\"slide.background.image ? 'url('+slide.background.image+')' : ''\"\n >\n <div class=\"n7-carousel__slide-content-wrapper\">\n <div class=\"n7-carousel__slide-content\">\n <div class=\"n7-carousel__slide-content-left\">\n <ng-container\n *ngTemplateOutlet=\"slideForeground; context:{items: slide.items, slideID: slideID}\"\n >\n </ng-container>\n </div>\n <div class=\"n7-carousel__slide-content-right\" *ngIf=\"slide.action\">\n <n7-anchor-wrapper\n [data]=\"slide.action.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- Button ID's are used to dynamically reattach events after loading the carousel -->\n <button\n id=\"{{data.containerId}}-{{slideID}}\"\n class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l\"\n >\n {{slide.action.text}}\n </button>\n </n7-anchor-wrapper>\n <ng-container\n *ngTemplateOutlet=\"sideImage; context:{items: slide.items, slideID: slideID}\"\n >\n </ng-container>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"slide.background\">\n <ng-container\n *ngTemplateOutlet=\"slideBackground; context:{$implicit: slide.background}\"\n >\n </ng-container>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<!-- ===== SLIDE FOREGROUND ===== -->\n<ng-template #slideForeground let-items=\"items\" let-slideID=\"slideID\">\n <ng-container *ngFor=\"let el of items; let itemID = index\">\n <!-- title -->\n <h1 class=\"n7-carousel__slide-title\" *ngIf=\"el.title\">{{el.title}}</h1>\n <!-- text -->\n <div\n class=\"n7-carousel__slide-text\"\n *ngIf=\"el.text\"\n [innerHTML]=\"el.text\"\n ></div>\n <!-- image -->\n <ng-container *ngIf=\"el.image as img\">\n <img\n class=\"n7-carousel__slide-img\"\n [src]=\"img.src\"\n [alt]=\"img.alt ?? ''\"\n [ngClass]=\"img.classes\"\n />\n </ng-container>\n <!-- metadata -->\n <div class=\"n7-carousel__slide-metadata-wrapper\" *ngIf=\"el.metadata\">\n <ng-container *ngFor=\"let m of el.metadata\">\n <div class=\"n7-carousel__slide-metadata\">\n <span class=\"n7-carousel__slide-metadata-label\" *ngIf=\"m.key\"\n >{{m.key}}</span\n >\n <span class=\"n7-carousel__slide-metadata-value\" *ngIf=\"m.value\"\n >{{m.value}}</span\n >\n </div>\n </ng-container>\n </div>\n </ng-container>\n</ng-template>\n\n<!-- ===== SIDE IMAGE ===== -->\n<ng-template #sideImage let-items=\"items\" let-slideID=\"slideID\">\n <ng-container *ngFor=\"let el of items; let itemID = index\">\n <!-- image -->\n <ng-container *ngIf=\"el.image as img\">\n <img\n class=\"n7-carousel__side-img\"\n [src]=\"img.src\"\n [alt]=\"img.alt ?? ''\"\n [ngClass]=\"img.classes\"\n />\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- ===== VIDEO BACKGROUND ===== -->\n<ng-template #slideBackground let-bg>\n <ng-container *ngIf=\"bg.video as v\">\n <video\n #video\n class=\"n7-carousel__slide-video\"\n [poster]=\"v.poster\"\n [height]=\"v.height\"\n [width]=\"v.width\"\n loop\n muted\n autoplay\n playsinline\n >\n <source #source class=\"lazy\" [attr.data-src]=\"v.url\" type=\"video/mp4\" />\n </video>\n <div class=\"n7-carousel__slide-video-overlay\"></div>\n </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
602
602
|
}
|
|
603
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
603
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
604
604
|
type: Component,
|
|
605
605
|
args: [{ selector: 'n7-carousel', template: "<button\n *ngIf=\"data && data.classes === 'demo'\"\n class=\"n7-btn\"\n (click)=\"api.load.videos()\"\n>\n api.load.videos()\n</button>\n\n<div *ngIf=\"data\" class=\"n7-carousel {{ data.classes || '' }}\">\n <!-- Warning: Do not style div.latte-carousel -->\n <div id=\"{{data.containerId}}\" class=\"latte-carousel\">\n <ng-container *ngFor=\"let slide of data.slides; let index = index;\">\n <ng-container\n *ngTemplateOutlet=\"carouselSlide; context:{slide: slide, index: index}\"\n ></ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- ===== SLIDE WRAPPER ===== -->\n<ng-template #carouselSlide let-slide=\"slide\" let-slideID=\"index\">\n <!-- Warning: Do not style div.latte-item -->\n <div class=\"latte-item\">\n <div\n class=\"n7-carousel__slide {{ slide.classes || ''}}\"\n [ngClass]=\"{ 'has-image' : slide.background.image, 'has-video': slide.background.video }\"\n [style.background-color]=\"slide.background.color ? slide.background.color : ''\"\n [style.background-image]=\"slide.background.image ? 'url('+slide.background.image+')' : ''\"\n >\n <div class=\"n7-carousel__slide-content-wrapper\">\n <div class=\"n7-carousel__slide-content\">\n <div class=\"n7-carousel__slide-content-left\">\n <ng-container\n *ngTemplateOutlet=\"slideForeground; context:{items: slide.items, slideID: slideID}\"\n >\n </ng-container>\n </div>\n <div class=\"n7-carousel__slide-content-right\" *ngIf=\"slide.action\">\n <n7-anchor-wrapper\n [data]=\"slide.action.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- Button ID's are used to dynamically reattach events after loading the carousel -->\n <button\n id=\"{{data.containerId}}-{{slideID}}\"\n class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l\"\n >\n {{slide.action.text}}\n </button>\n </n7-anchor-wrapper>\n <ng-container\n *ngTemplateOutlet=\"sideImage; context:{items: slide.items, slideID: slideID}\"\n >\n </ng-container>\n </div>\n </div>\n </div>\n <ng-container *ngIf=\"slide.background\">\n <ng-container\n *ngTemplateOutlet=\"slideBackground; context:{$implicit: slide.background}\"\n >\n </ng-container>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<!-- ===== SLIDE FOREGROUND ===== -->\n<ng-template #slideForeground let-items=\"items\" let-slideID=\"slideID\">\n <ng-container *ngFor=\"let el of items; let itemID = index\">\n <!-- title -->\n <h1 class=\"n7-carousel__slide-title\" *ngIf=\"el.title\">{{el.title}}</h1>\n <!-- text -->\n <div\n class=\"n7-carousel__slide-text\"\n *ngIf=\"el.text\"\n [innerHTML]=\"el.text\"\n ></div>\n <!-- image -->\n <ng-container *ngIf=\"el.image as img\">\n <img\n class=\"n7-carousel__slide-img\"\n [src]=\"img.src\"\n [alt]=\"img.alt ?? ''\"\n [ngClass]=\"img.classes\"\n />\n </ng-container>\n <!-- metadata -->\n <div class=\"n7-carousel__slide-metadata-wrapper\" *ngIf=\"el.metadata\">\n <ng-container *ngFor=\"let m of el.metadata\">\n <div class=\"n7-carousel__slide-metadata\">\n <span class=\"n7-carousel__slide-metadata-label\" *ngIf=\"m.key\"\n >{{m.key}}</span\n >\n <span class=\"n7-carousel__slide-metadata-value\" *ngIf=\"m.value\"\n >{{m.value}}</span\n >\n </div>\n </ng-container>\n </div>\n </ng-container>\n</ng-template>\n\n<!-- ===== SIDE IMAGE ===== -->\n<ng-template #sideImage let-items=\"items\" let-slideID=\"slideID\">\n <ng-container *ngFor=\"let el of items; let itemID = index\">\n <!-- image -->\n <ng-container *ngIf=\"el.image as img\">\n <img\n class=\"n7-carousel__side-img\"\n [src]=\"img.src\"\n [alt]=\"img.alt ?? ''\"\n [ngClass]=\"img.classes\"\n />\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- ===== VIDEO BACKGROUND ===== -->\n<ng-template #slideBackground let-bg>\n <ng-container *ngIf=\"bg.video as v\">\n <video\n #video\n class=\"n7-carousel__slide-video\"\n [poster]=\"v.poster\"\n [height]=\"v.height\"\n [width]=\"v.width\"\n loop\n muted\n autoplay\n playsinline\n >\n <source #source class=\"lazy\" [attr.data-src]=\"v.url\" type=\"video/mp4\" />\n </video>\n <div class=\"n7-carousel__slide-video-overlay\"></div>\n </ng-container>\n</ng-template>\n" }]
|
|
606
606
|
}], propDecorators: { data: [{
|
|
@@ -631,10 +631,10 @@ class ChartComponent {
|
|
|
631
631
|
});
|
|
632
632
|
});
|
|
633
633
|
}
|
|
634
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
634
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
635
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChartComponent, selector: "n7-chart", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-chart {{ data.classes || '' }}\">\n <div id=\"{{ data.containerId }}\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
636
636
|
}
|
|
637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChartComponent, decorators: [{
|
|
638
638
|
type: Component,
|
|
639
639
|
args: [{ selector: 'n7-chart', template: "<div *ngIf=\"data\" class=\"n7-chart {{ data.classes || '' }}\">\n <div id=\"{{ data.containerId }}\"></div>\n</div>\n" }]
|
|
640
640
|
}], propDecorators: { data: [{
|
|
@@ -647,10 +647,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
647
647
|
// CONTENT-PLACEHOLDER.ts
|
|
648
648
|
//---------------------------
|
|
649
649
|
class ContentPlaceholderComponent {
|
|
650
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
651
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
650
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
651
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ContentPlaceholderComponent, selector: "n7-content-placeholder", inputs: { data: "data" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-content-placeholder\">\n <ng-container *ngFor=\"let b of data.blocks\">\n <div\n *ngIf=\"!b.image\"\n class=\"n7-content-placeholder__item {{b.classes || ''}}\"\n ></div>\n <img\n *ngIf=\"b.image\"\n class=\"n7-content-placeholder__image {{b.classes || ''}}\"\n src=\"{{b.image}}\"\n alt=\"{{ b.alt || '' }}\"\n />\n </ng-container>\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"] }] }); }
|
|
652
652
|
}
|
|
653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ContentPlaceholderComponent, decorators: [{
|
|
654
654
|
type: Component,
|
|
655
655
|
args: [{ selector: 'n7-content-placeholder', template: "<div *ngIf=\"data\" class=\"n7-content-placeholder\">\n <ng-container *ngFor=\"let b of data.blocks\">\n <div\n *ngIf=\"!b.image\"\n class=\"n7-content-placeholder__item {{b.classes || ''}}\"\n ></div>\n <img\n *ngIf=\"b.image\"\n class=\"n7-content-placeholder__image {{b.classes || ''}}\"\n src=\"{{b.image}}\"\n alt=\"{{ b.alt || '' }}\"\n />\n </ng-container>\n</div>\n" }]
|
|
656
656
|
}], propDecorators: { data: [{
|
|
@@ -671,10 +671,10 @@ class DataWidgetComponent {
|
|
|
671
671
|
return;
|
|
672
672
|
this.emit('mouseleave', payload);
|
|
673
673
|
}
|
|
674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
675
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DataWidgetComponent, selector: "n7-data-widget", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-data-widget {{ data.classes || '' }}\">\n <div class=\"n7-data-widget__main\">\n <span\n *ngIf=\"data.icon\"\n class=\"n7-data-widget__main-icon {{data.icon}}\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\"\n >\n </span>\n <img\n class=\"n7-data-widget__second-icon\"\n *ngIf=\"data.imgIcon\"\n [src]=\"data.imgIcon.path\"\n [alt]=\"data.imgIcon.alt\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\"\n />\n <h2 class=\"n7-data-widget__main-title\" [innerHTML]=\"data.text\"></h2>\n </div>\n\n <div\n *ngIf=\"data.subtitle && (data.subtitle.text || data.subtitle.icon || data.subtitle.value)\"\n class=\"n7-data-widget__sub\"\n >\n <p\n *ngIf=\"data.subtitle.text\"\n class=\"n7-data-widget__sub-title\"\n [innerHTML]=\"data.subtitle.text\"\n ></p>\n <span\n *ngIf=\"data.subtitle.icon || data.subtitle.value || data.subtitle.imgIcon\"\n class=\"n7-data-widget__sub-info\"\n (mouseenter)=\"onMouseEnter(data.subtitle.payload)\"\n (mouseleave)=\"onMouseLeave(data.subtitle.payload)\"\n >\n <img\n *ngIf=\"data.subtitle.imgIcon\"\n [src]=\"data.subtitle.imgIcon.path\"\n [alt]=\"data.subtitle.imgIcon.alt\"\n />\n <span\n *ngIf=\"data.subtitle.icon\"\n class=\"n7-data-widget__sub-info-icon {{data.subtitle.icon}}\"\n >\n </span>\n <span\n *ngIf=\"data.subtitle.value\"\n class=\"n7-data-widget__sub-info-label\"\n [innerHTML]=\"data.subtitle.value\"\n >\n </span>\n </span>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
676
676
|
}
|
|
677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DataWidgetComponent, decorators: [{
|
|
678
678
|
type: Component,
|
|
679
679
|
args: [{ selector: 'n7-data-widget', template: "<div *ngIf=\"data\" class=\"n7-data-widget {{ data.classes || '' }}\">\n <div class=\"n7-data-widget__main\">\n <span\n *ngIf=\"data.icon\"\n class=\"n7-data-widget__main-icon {{data.icon}}\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\"\n >\n </span>\n <img\n class=\"n7-data-widget__second-icon\"\n *ngIf=\"data.imgIcon\"\n [src]=\"data.imgIcon.path\"\n [alt]=\"data.imgIcon.alt\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\"\n />\n <h2 class=\"n7-data-widget__main-title\" [innerHTML]=\"data.text\"></h2>\n </div>\n\n <div\n *ngIf=\"data.subtitle && (data.subtitle.text || data.subtitle.icon || data.subtitle.value)\"\n class=\"n7-data-widget__sub\"\n >\n <p\n *ngIf=\"data.subtitle.text\"\n class=\"n7-data-widget__sub-title\"\n [innerHTML]=\"data.subtitle.text\"\n ></p>\n <span\n *ngIf=\"data.subtitle.icon || data.subtitle.value || data.subtitle.imgIcon\"\n class=\"n7-data-widget__sub-info\"\n (mouseenter)=\"onMouseEnter(data.subtitle.payload)\"\n (mouseleave)=\"onMouseLeave(data.subtitle.payload)\"\n >\n <img\n *ngIf=\"data.subtitle.imgIcon\"\n [src]=\"data.subtitle.imgIcon.path\"\n [alt]=\"data.subtitle.imgIcon.alt\"\n />\n <span\n *ngIf=\"data.subtitle.icon\"\n class=\"n7-data-widget__sub-info-icon {{data.subtitle.icon}}\"\n >\n </span>\n <span\n *ngIf=\"data.subtitle.value\"\n class=\"n7-data-widget__sub-info-label\"\n [innerHTML]=\"data.subtitle.value\"\n >\n </span>\n </span>\n </div>\n</div>\n" }]
|
|
680
680
|
}], propDecorators: { data: [{
|
|
@@ -712,10 +712,10 @@ class DatepickerComponent {
|
|
|
712
712
|
});
|
|
713
713
|
});
|
|
714
714
|
}
|
|
715
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
716
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
715
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
716
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatepickerComponent, selector: "n7-datepicker", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-datepicker {{ data.classes || '' }}\">\n <input type=\"text\" id=\"{{this.data.id}}\" />\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
717
717
|
}
|
|
718
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
718
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatepickerComponent, decorators: [{
|
|
719
719
|
type: Component,
|
|
720
720
|
args: [{ selector: 'n7-datepicker', template: "<div *ngIf=\"data\" class=\"n7-datepicker {{ data.classes || '' }}\">\n <input type=\"text\" id=\"{{this.data.id}}\" />\n</div>\n" }]
|
|
721
721
|
}], propDecorators: { data: [{
|
|
@@ -733,10 +733,10 @@ class FacetComponent {
|
|
|
733
733
|
return;
|
|
734
734
|
this.emit('change', { inputPayload, value });
|
|
735
735
|
}
|
|
736
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
737
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
736
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
737
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FacetComponent, selector: "n7-facet", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet\">\n <div\n *ngFor=\"let section of data.sections\"\n class=\"n7-facet__section {{ section.classes || '' }}\"\n >\n <div\n *ngFor=\"let input of section.inputs\"\n class=\"n7-facet__section-input n7-facet__section-input-{{ input.type }} {{ input.classes || '' }}\"\n >\n <ng-container [ngSwitch]=\"input.type\">\n <!-- Checkbox -->\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <input\n type=\"checkbox\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-checkbox-input\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\"\n />\n <label\n *ngIf=\"input.label\"\n class=\"n7-facet__checkbox-label\"\n for=\"{{ input.id }}\"\n >\n {{ input.label }}\n </label>\n </ng-container>\n\n <!-- Text -->\n <ng-container *ngSwitchCase=\"'text'\">\n <label\n *ngIf=\"input.label\"\n class=\"n7-facet__input-text-label\"\n for=\"{{ input.id }}\"\n >\n {{ input.label }}\n </label>\n <div class=\"n7-facet__input-text-wrapper\">\n <input\n type=\"text\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-text {{input.classes || ''}}\"\n placeholder=\"{{input.placeholder || ''}}\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\"\n />\n <span\n *ngIf=\"input.icon\"\n class=\"n7-facet__input-text-icon {{input.icon || ''}}\"\n (click)=\"onChange(input.iconPayload)\"\n >\n </span>\n </div>\n </ng-container>\n\n <!-- Link -->\n <ng-container *ngSwitchCase=\"'link'\">\n <div\n class=\"n7-facet__input-link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\"\n >\n <span\n *ngIf=\"input.icon\"\n class=\"n7-facet__input-link-icon {{ input.icon }}\"\n ></span>\n <span class=\"n7-facet__input-link-text\">{{ input.text }}</span>\n <span\n *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-facet__input-link-counter\"\n >{{ input.counter }}</span\n >\n </div>\n </ng-container>\n\n <!-- Select -->\n <ng-container *ngSwitchCase=\"'select'\">\n <label *ngIf=\"input.label\" for=\"{{ input.id }}\"\n >{{ input.label }}</label\n >\n <select\n (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\"\n >\n <option\n *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n >\n {{ option.label }}\n </option>\n </select>\n </ng-container>\n </ng-container>\n </div>\n </div>\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"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] }); }
|
|
738
738
|
}
|
|
739
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
739
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetComponent, decorators: [{
|
|
740
740
|
type: Component,
|
|
741
741
|
args: [{ selector: 'n7-facet', template: "<div *ngIf=\"data\" class=\"n7-facet\">\n <div\n *ngFor=\"let section of data.sections\"\n class=\"n7-facet__section {{ section.classes || '' }}\"\n >\n <div\n *ngFor=\"let input of section.inputs\"\n class=\"n7-facet__section-input n7-facet__section-input-{{ input.type }} {{ input.classes || '' }}\"\n >\n <ng-container [ngSwitch]=\"input.type\">\n <!-- Checkbox -->\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <input\n type=\"checkbox\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-checkbox-input\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\"\n />\n <label\n *ngIf=\"input.label\"\n class=\"n7-facet__checkbox-label\"\n for=\"{{ input.id }}\"\n >\n {{ input.label }}\n </label>\n </ng-container>\n\n <!-- Text -->\n <ng-container *ngSwitchCase=\"'text'\">\n <label\n *ngIf=\"input.label\"\n class=\"n7-facet__input-text-label\"\n for=\"{{ input.id }}\"\n >\n {{ input.label }}\n </label>\n <div class=\"n7-facet__input-text-wrapper\">\n <input\n type=\"text\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-text {{input.classes || ''}}\"\n placeholder=\"{{input.placeholder || ''}}\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\"\n />\n <span\n *ngIf=\"input.icon\"\n class=\"n7-facet__input-text-icon {{input.icon || ''}}\"\n (click)=\"onChange(input.iconPayload)\"\n >\n </span>\n </div>\n </ng-container>\n\n <!-- Link -->\n <ng-container *ngSwitchCase=\"'link'\">\n <div\n class=\"n7-facet__input-link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\"\n >\n <span\n *ngIf=\"input.icon\"\n class=\"n7-facet__input-link-icon {{ input.icon }}\"\n ></span>\n <span class=\"n7-facet__input-link-text\">{{ input.text }}</span>\n <span\n *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-facet__input-link-counter\"\n >{{ input.counter }}</span\n >\n </div>\n </ng-container>\n\n <!-- Select -->\n <ng-container *ngSwitchCase=\"'select'\">\n <label *ngIf=\"input.label\" for=\"{{ input.id }}\"\n >{{ input.label }}</label\n >\n <select\n (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\"\n >\n <option\n *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n >\n {{ option.label }}\n </option>\n </select>\n </ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n" }]
|
|
742
742
|
}], propDecorators: { data: [{
|
|
@@ -754,10 +754,10 @@ class FacetHeaderComponent {
|
|
|
754
754
|
return;
|
|
755
755
|
this.emit('click', payload);
|
|
756
756
|
}
|
|
757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
758
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
757
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
758
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FacetHeaderComponent, selector: "n7-facet-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n *ngIf=\"data\"\n class=\"n7-facet-header {{ data.classes || '' }}\"\n (click)=\"onClick(data.payload)\"\n>\n <span\n *ngIf=\"data.iconLeft\"\n class=\"n7-facet-header__icon-left {{ data.iconLeft }}\"\n >\n </span>\n <span class=\"n7-facet-header__text-wrapper\">\n <span class=\"n7-facet-header__text\"> {{data.text}} </span>\n <span class=\"n7-facet-header__secondary-text\" *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span\n *ngIf=\"data.iconRight\"\n class=\"n7-facet-header__icon-right {{ data.iconRight }}\"\n >\n </span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
759
759
|
}
|
|
760
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
760
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetHeaderComponent, decorators: [{
|
|
761
761
|
type: Component,
|
|
762
762
|
args: [{ selector: 'n7-facet-header', template: "<div\n *ngIf=\"data\"\n class=\"n7-facet-header {{ data.classes || '' }}\"\n (click)=\"onClick(data.payload)\"\n>\n <span\n *ngIf=\"data.iconLeft\"\n class=\"n7-facet-header__icon-left {{ data.iconLeft }}\"\n >\n </span>\n <span class=\"n7-facet-header__text-wrapper\">\n <span class=\"n7-facet-header__text\"> {{data.text}} </span>\n <span class=\"n7-facet-header__secondary-text\" *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span\n *ngIf=\"data.iconRight\"\n class=\"n7-facet-header__icon-right {{ data.iconRight }}\"\n >\n </span>\n</div>\n" }]
|
|
763
763
|
}], propDecorators: { data: [{
|
|
@@ -804,10 +804,10 @@ class FacetYearRangeComponent {
|
|
|
804
804
|
break;
|
|
805
805
|
}
|
|
806
806
|
}
|
|
807
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
808
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
807
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetYearRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
808
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FacetYearRangeComponent, selector: "n7-facet-year-range", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet-year-range\">\n <!-- Select starting year -->\n <div class=\"n7-facet-year-range__in\">\n <label class=\"n7-facet-year-range__in-label\">\n {{ data.inDate.text }}\n </label>\n <select\n (change)=\"onChange(data.inDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__in-select {{ data.inDate.classes || '' }}\"\n >\n <!-- Placeholder option -->\n <option\n *ngIf=\"data.inDate.placeholder.length > 0\"\n value=\"{{ data.inDate.placeholder }}\"\n disabled\n selected\n >\n {{ data.inDate.placeholder }}\n </option>\n <option *ngFor=\"let opt of data.inDate.options\" value=\"{{ opt.value }}\">\n {{ opt.value }}\n </option>\n </select>\n </div>\n\n <!-- Select final year -->\n <div class=\"n7-facet-year-range__out\">\n <label class=\"n7-facet-year-range__out-label\">\n {{ data.outDate.text }}\n </label>\n <select\n (change)=\"onChange(data.outDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__out-select {{ data.outDate.classes || '' }}\"\n formControlName=\"outDate\"\n >\n <!-- Placeholder option -->\n <option\n *ngIf=\"data.outDate.placeholder.length > 0\"\n value=\"{{ data.outDate.placeholder }}\"\n disabled\n selected\n >\n {{ data.outDate.placeholder }}\n </option>\n <option *ngFor=\"let opt of data.outDate.options\" value=\"{{ opt.value }}\">\n {{ opt.value }}\n </option>\n </select>\n </div>\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"] }] }); }
|
|
809
809
|
}
|
|
810
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FacetYearRangeComponent, decorators: [{
|
|
811
811
|
type: Component,
|
|
812
812
|
args: [{ selector: 'n7-facet-year-range', template: "<div *ngIf=\"data\" class=\"n7-facet-year-range\">\n <!-- Select starting year -->\n <div class=\"n7-facet-year-range__in\">\n <label class=\"n7-facet-year-range__in-label\">\n {{ data.inDate.text }}\n </label>\n <select\n (change)=\"onChange(data.inDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__in-select {{ data.inDate.classes || '' }}\"\n >\n <!-- Placeholder option -->\n <option\n *ngIf=\"data.inDate.placeholder.length > 0\"\n value=\"{{ data.inDate.placeholder }}\"\n disabled\n selected\n >\n {{ data.inDate.placeholder }}\n </option>\n <option *ngFor=\"let opt of data.inDate.options\" value=\"{{ opt.value }}\">\n {{ opt.value }}\n </option>\n </select>\n </div>\n\n <!-- Select final year -->\n <div class=\"n7-facet-year-range__out\">\n <label class=\"n7-facet-year-range__out-label\">\n {{ data.outDate.text }}\n </label>\n <select\n (change)=\"onChange(data.outDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__out-select {{ data.outDate.classes || '' }}\"\n formControlName=\"outDate\"\n >\n <!-- Placeholder option -->\n <option\n *ngIf=\"data.outDate.placeholder.length > 0\"\n value=\"{{ data.outDate.placeholder }}\"\n disabled\n selected\n >\n {{ data.outDate.placeholder }}\n </option>\n <option *ngFor=\"let opt of data.outDate.options\" value=\"{{ opt.value }}\">\n {{ opt.value }}\n </option>\n </select>\n </div>\n</div>\n" }]
|
|
813
813
|
}], propDecorators: { data: [{
|
|
@@ -842,10 +842,10 @@ class FileSelectorComponent {
|
|
|
842
842
|
reader.readAsDataURL(file);
|
|
843
843
|
});
|
|
844
844
|
}
|
|
845
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
846
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
845
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
846
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: FileSelectorComponent, selector: "n7-file-selector", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<ng-container *ngIf=\"data\">\n <!-- HIDDEN NATIVE INPUT ELEMENT -->\n <input\n type=\"file\"\n class=\"file-input\"\n [accept]=\"data.accept\"\n [multiple]=\"data.multiple\"\n (change)=\"onFileSelected($event.target)\"\n [ngStyle]=\"{'display': 'none'}\"\n #fileUpload\n />\n\n <!-- CAPTURES THE CLICKS ON THE INNER CONTENT -->\n <div class=\"n7-file-selector\" (click)=\"fileUpload.click()\">\n <ng-content>\n <!-- UI ELEMENTS FOR IMAGE UPLOAD -->\n </ng-content>\n </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
847
847
|
}
|
|
848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileSelectorComponent, decorators: [{
|
|
849
849
|
type: Component,
|
|
850
850
|
args: [{ selector: 'n7-file-selector', template: "<ng-container *ngIf=\"data\">\n <!-- HIDDEN NATIVE INPUT ELEMENT -->\n <input\n type=\"file\"\n class=\"file-input\"\n [accept]=\"data.accept\"\n [multiple]=\"data.multiple\"\n (change)=\"onFileSelected($event.target)\"\n [ngStyle]=\"{'display': 'none'}\"\n #fileUpload\n />\n\n <!-- CAPTURES THE CLICKS ON THE INNER CONTENT -->\n <div class=\"n7-file-selector\" (click)=\"fileUpload.click()\">\n <ng-content>\n <!-- UI ELEMENTS FOR IMAGE UPLOAD -->\n </ng-content>\n </div>\n</ng-container>\n" }]
|
|
851
851
|
}], propDecorators: { data: [{
|
|
@@ -863,10 +863,10 @@ class InputSelectComponent {
|
|
|
863
863
|
return;
|
|
864
864
|
this.emit('change', { inputPayload, value });
|
|
865
865
|
}
|
|
866
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
867
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
866
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
867
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\" class=\"n7-input-select\">\n <label\n *ngIf=\"input.label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\"\n ></label>\n <select\n (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select\"\n [ngClass]=\"input.classes\"\n [attr.name]=\"input.name\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\"\n >\n <option\n *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n [hidden]=\"option.hidden\"\n [ngClass]=\"option.classes\"\n >\n {{ option.label }}\n </option>\n </select>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
868
868
|
}
|
|
869
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputSelectComponent, decorators: [{
|
|
870
870
|
type: Component,
|
|
871
871
|
args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\" class=\"n7-input-select\">\n <label\n *ngIf=\"input.label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\"\n ></label>\n <select\n (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select\"\n [ngClass]=\"input.classes\"\n [attr.name]=\"input.name\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\"\n >\n <option\n *ngFor=\"let option of input.options\"\n [value]=\"option.value\"\n [disabled]=\"option.disabled\"\n [selected]=\"option.selected\"\n [hidden]=\"option.hidden\"\n [ngClass]=\"option.classes\"\n >\n {{ option.label }}\n </option>\n </select>\n</div>\n" }]
|
|
872
872
|
}], propDecorators: { data: [{
|
|
@@ -884,10 +884,10 @@ class FooterComponent {
|
|
|
884
884
|
return;
|
|
885
885
|
this.emit('click', payload);
|
|
886
886
|
}
|
|
887
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
888
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
887
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
888
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 <!-- Custom order for content (sections) -->\n <ng-container *ngFor=\"let section of column.sections\">\n <ng-container [ngSwitch]=\"section.type\">\n <ng-container *ngSwitchCase=\"'text'\">\n <ng-container *ngTemplateOutlet=\"text; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'title'\">\n <ng-container *ngTemplateOutlet=\"title; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'links'\">\n <ng-container *ngTemplateOutlet=\"links; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'selects'\">\n <ng-container *ngTemplateOutlet=\"selects; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'images'\">\n <ng-container *ngTemplateOutlet=\"images; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault> </ng-container>\n </ng-container>\n </ng-container>\n\n <!-- Legacy configuration without sections -->\n <ng-container *ngIf=\"column.title\">\n <ng-container *ngTemplateOutlet=\"title; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.text\">\n <ng-container *ngTemplateOutlet=\"text; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.links\">\n <ng-container *ngTemplateOutlet=\"links; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.images\">\n <ng-container *ngTemplateOutlet=\"images; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.selects\">\n <ng-container *ngTemplateOutlet=\"selects; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Content Sections -->\n<!-- TITLE -->\n<ng-template #title let-section>\n <h2 *ngIf=\"section.title\" class=\"n7-footer__column-title\">\n {{ section.title }}\n </h2>\n</ng-template>\n<!-- TEXT -->\n<ng-template #text let-section>\n <p\n *ngIf=\"section.text\"\n class=\"n7-footer__column-text\"\n [innerHTML]=\"section.text\"\n ></p>\n</ng-template>\n<!-- IMAGES -->\n<ng-template #images let-section>\n <div *ngIf=\"section.images\" class=\"n7-footer__column-images\">\n <n7-anchor-wrapper\n *ngFor=\"let image of section.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<!-- SELECTS -->\n<ng-template #selects let-section>\n <div *ngIf=\"section.selects\" class=\"n7-footer__column-selects\">\n <n7-input-select\n *ngFor=\"let selectData of section.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\"\n >\n </n7-input-select>\n </div>\n</ng-template>\n<!-- LINKS -->\n<ng-template #links let-section>\n <div *ngIf=\"section.links\" class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li\n *ngFor=\"let link of section.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</ng-template>\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { kind: "component", type: InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }] }); }
|
|
889
889
|
}
|
|
890
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
890
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
891
891
|
type: Component,
|
|
892
892
|
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 <!-- Custom order for content (sections) -->\n <ng-container *ngFor=\"let section of column.sections\">\n <ng-container [ngSwitch]=\"section.type\">\n <ng-container *ngSwitchCase=\"'text'\">\n <ng-container *ngTemplateOutlet=\"text; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'title'\">\n <ng-container *ngTemplateOutlet=\"title; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'links'\">\n <ng-container *ngTemplateOutlet=\"links; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'selects'\">\n <ng-container *ngTemplateOutlet=\"selects; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"'images'\">\n <ng-container *ngTemplateOutlet=\"images; context:{$implicit: section}\">\n </ng-container>\n </ng-container>\n <ng-container *ngSwitchDefault> </ng-container>\n </ng-container>\n </ng-container>\n\n <!-- Legacy configuration without sections -->\n <ng-container *ngIf=\"column.title\">\n <ng-container *ngTemplateOutlet=\"title; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.text\">\n <ng-container *ngTemplateOutlet=\"text; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.links\">\n <ng-container *ngTemplateOutlet=\"links; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.images\">\n <ng-container *ngTemplateOutlet=\"images; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"column.selects\">\n <ng-container *ngTemplateOutlet=\"selects; context:{$implicit: column}\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Content Sections -->\n<!-- TITLE -->\n<ng-template #title let-section>\n <h2 *ngIf=\"section.title\" class=\"n7-footer__column-title\">\n {{ section.title }}\n </h2>\n</ng-template>\n<!-- TEXT -->\n<ng-template #text let-section>\n <p\n *ngIf=\"section.text\"\n class=\"n7-footer__column-text\"\n [innerHTML]=\"section.text\"\n ></p>\n</ng-template>\n<!-- IMAGES -->\n<ng-template #images let-section>\n <div *ngIf=\"section.images\" class=\"n7-footer__column-images\">\n <n7-anchor-wrapper\n *ngFor=\"let image of section.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<!-- SELECTS -->\n<ng-template #selects let-section>\n <div *ngIf=\"section.selects\" class=\"n7-footer__column-selects\">\n <n7-input-select\n *ngFor=\"let selectData of section.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\"\n >\n </n7-input-select>\n </div>\n</ng-template>\n<!-- LINKS -->\n<ng-template #links let-section>\n <div *ngIf=\"section.links\" class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li\n *ngFor=\"let link of section.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</ng-template>\n" }]
|
|
893
893
|
}], propDecorators: { data: [{
|
|
@@ -931,10 +931,10 @@ class HeaderComponent {
|
|
|
931
931
|
return;
|
|
932
932
|
this.emit('keyup', { payload, keyCode, value });
|
|
933
933
|
}
|
|
934
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
935
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
934
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
935
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 <n7-avatar [data]=\"data.user\" [emit]=\"this.emit\"></n7-avatar>\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", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }, { kind: "component", type: AvatarComponent, selector: "n7-avatar", inputs: ["data", "emit"] }, { kind: "component", type: InputSelectComponent, selector: "n7-input-select", inputs: ["data", "emit"] }] }); }
|
|
936
936
|
}
|
|
937
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
937
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
938
938
|
type: Component,
|
|
939
939
|
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 <n7-avatar [data]=\"data.user\" [emit]=\"this.emit\"></n7-avatar>\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" }]
|
|
940
940
|
}], propDecorators: { data: [{
|
|
@@ -968,10 +968,10 @@ class HeroComponent {
|
|
|
968
968
|
return;
|
|
969
969
|
this.emit('enter', { inputPayload: payload, value });
|
|
970
970
|
}
|
|
971
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
972
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
971
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
972
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section\n *ngIf=\"data\"\n class=\"n7-hero {{data.classes || ''}}\"\n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\"\n>\n <div class=\"n7-hero__content\">\n <div class=\"n7-hero__text-wrapper\">\n <p\n class=\"n7-hero__pre-title\"\n *ngIf=\"data.preTitle\"\n [innerHTML]=\"data.preTitle\"\n ></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div\n class=\"n7-hero__text\"\n *ngIf=\"data.text\"\n [innerHTML]=\"data.text\"\n ></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input\n type=\"text\"\n class=\"n7-hero__input\"\n placeholder=\"{{data.input.placeholder || ''}}\"\n *ngIf=\"data.input\"\n (input)=\"onInputChange(data.input.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\"\n />\n <span\n class=\"n7-hero__input-icon {{data.input.icon || ''}}\"\n *ngIf=\"data.input && data.input.icon\"\n (click)=\"onClick(data.input.payload)\"\n ></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper\n [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\"\n >\n {{data.button.text}}\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\" />\n </div>\n </div>\n</section>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
973
973
|
}
|
|
974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeroComponent, decorators: [{
|
|
975
975
|
type: Component,
|
|
976
976
|
args: [{ selector: 'n7-hero', template: "<section\n *ngIf=\"data\"\n class=\"n7-hero {{data.classes || ''}}\"\n [ngClass]=\"{ \n 'has-image' : !!data.image, \n 'has-background-image': !!data.backgroundImage \n }\"\n [ngStyle]=\"{ \n 'background-image': getBackgroundImageCssValue(data.backgroundImage)\n }\"\n>\n <div class=\"n7-hero__content\">\n <div class=\"n7-hero__text-wrapper\">\n <p\n class=\"n7-hero__pre-title\"\n *ngIf=\"data.preTitle\"\n [innerHTML]=\"data.preTitle\"\n ></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div\n class=\"n7-hero__text\"\n *ngIf=\"data.text\"\n [innerHTML]=\"data.text\"\n ></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input\n type=\"text\"\n class=\"n7-hero__input\"\n placeholder=\"{{data.input.placeholder || ''}}\"\n *ngIf=\"data.input\"\n (input)=\"onInputChange(data.input.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(data.input.payload, $event.target.value)\"\n />\n <span\n class=\"n7-hero__input-icon {{data.input.icon || ''}}\"\n *ngIf=\"data.input && data.input.icon\"\n (click)=\"onClick(data.input.payload)\"\n ></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper\n [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\"\n >\n {{data.button.text}}\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-hero__image-wrapper\" *ngIf=\"data.image\">\n <img class=\"n7-hero__image\" src=\"{{data.image}}\" alt=\"\" />\n </div>\n </div>\n</section>\n" }]
|
|
977
977
|
}], propDecorators: { data: [{
|
|
@@ -1355,10 +1355,10 @@ class HistogramRangeComponent {
|
|
|
1355
1355
|
return;
|
|
1356
1356
|
this.emit('loaded', payload);
|
|
1357
1357
|
}
|
|
1358
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1359
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1358
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HistogramRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1359
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HistogramRangeComponent, selector: "n7-histogram-range", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-histogram-range\">\n <svg #histogramRange [id]=\"data.containerId\"></svg>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1360
1360
|
}
|
|
1361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HistogramRangeComponent, decorators: [{
|
|
1362
1362
|
type: Component,
|
|
1363
1363
|
args: [{ selector: 'n7-histogram-range', template: "<div *ngIf=\"data\" class=\"n7-histogram-range\">\n <svg #histogramRange [id]=\"data.containerId\"></svg>\n</div>\n" }]
|
|
1364
1364
|
}], propDecorators: { data: [{
|
|
@@ -1409,10 +1409,10 @@ class ImageViewerComponent {
|
|
|
1409
1409
|
return;
|
|
1410
1410
|
this.emit('thumbclick', payload);
|
|
1411
1411
|
}
|
|
1412
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1413
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1412
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1413
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageViewerComponent, selector: "n7-image-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-image-viewer {{data.classes || ''}}\">\n <!-- OSD viewer -->\n <div id=\"{{data.viewerId}}\" class=\"n7-image-viewer__viewer\"></div>\n\n <!-- Zoom controls -->\n <div class=\"n7-image-viewer__controls\">\n <ul class=\"n7-image-viewer__controls-list\">\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-in\">\n <span class=\"n7-icon-search-plus\"></span>\n </li>\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-out\">\n <span class=\"n7-icon-search-minus\"></span>\n </li>\n <!--\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-full-screen\">\n <span class=\"n7-icon-expand-arrows\"></span>\n </li>\n -->\n </ul>\n </div>\n\n <!-- Navigation -->\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__prev\"\n id=\"n7-image-viewer-nav-prev\"\n >\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__next\"\n id=\"n7-image-viewer-nav-next\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1414
1414
|
}
|
|
1415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1415
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageViewerComponent, decorators: [{
|
|
1416
1416
|
type: Component,
|
|
1417
1417
|
args: [{ selector: 'n7-image-viewer', template: "<div *ngIf=\"data\" class=\"n7-image-viewer {{data.classes || ''}}\">\n <!-- OSD viewer -->\n <div id=\"{{data.viewerId}}\" class=\"n7-image-viewer__viewer\"></div>\n\n <!-- Zoom controls -->\n <div class=\"n7-image-viewer__controls\">\n <ul class=\"n7-image-viewer__controls-list\">\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-in\">\n <span class=\"n7-icon-search-plus\"></span>\n </li>\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-out\">\n <span class=\"n7-icon-search-minus\"></span>\n </li>\n <!--\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-full-screen\">\n <span class=\"n7-icon-expand-arrows\"></span>\n </li>\n -->\n </ul>\n </div>\n\n <!-- Navigation -->\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__prev\"\n id=\"n7-image-viewer-nav-prev\"\n >\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__next\"\n id=\"n7-image-viewer-nav-next\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n</div>\n" }]
|
|
1418
1418
|
}], propDecorators: { data: [{
|
|
@@ -1433,10 +1433,10 @@ class ImageViewerToolsComponent {
|
|
|
1433
1433
|
return;
|
|
1434
1434
|
this.emit('click', payload); // click
|
|
1435
1435
|
}
|
|
1436
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1437
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1436
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageViewerToolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1437
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ImageViewerToolsComponent, selector: "n7-image-viewer-tools", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n <div class=\"n7-image-viewer-tools__bar\">\n <div class=\"n7-image-viewer-tools__controls\">\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.description && data.description\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.description.isActive\n }\"\n [data]=\"data.controls.description.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.thumbs\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.thumbs.isActive\n }\"\n [data]=\"data.controls.thumbs.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-image-viewer-tools__thumbs-description\">\n <div\n class=\"n7-image-viewer-tools__thumbs\"\n *ngIf=\"data.isVisible.thumbnails && data.images\"\n >\n <div class=\"n7-image-viewer-tools__thumbs-strip\">\n <div\n *ngFor=\"let img of data.images; let imgIndex = index\"\n class=\"n7-image-viewer-tools__thumb\"\n [class.active]=\"imgIndex == data.initial\"\n >\n <img\n class=\"n7-image-viewer-tools__thumb-image\"\n src=\"{{img.thumb}}\"\n (click)=\"onClick(img.payload)\"\n />\n </div>\n </div>\n\n <ng-container *ngIf=\"data.navigation\">\n <div\n class=\"{{ data.navigation.prev.classes || '' }}\"\n (click)=\"onClick(data.navigation.prev.payload)\"\n >\n <!-- (click)=\"\" -->\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n <div\n class=\"{{ data.navigation.next.classes || '' }}\"\n (click)=\"onClick(data.navigation.next.payload)\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n </ng-container>\n </div>\n\n <div\n class=\"n7-image-viewer-tools__description\"\n *ngIf=\"data.isVisible.description\"\n >\n <div\n class=\"n7-image-viewer-tools__description-close\"\n (click)=\"onClick(data.controls.closedescription.anchor.payload)\"\n >\n <!-- data.controls.closedescription.anchor.payload -->\n <span class=\"{{data.controls.closedescription.icon}}\"></span>\n </div>\n <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n <div\n class=\"n7-image-viewer-tools__description-text\"\n [innerHTML]=\"data.description\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
1438
1438
|
}
|
|
1439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1439
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageViewerToolsComponent, decorators: [{
|
|
1440
1440
|
type: Component,
|
|
1441
1441
|
args: [{ selector: 'n7-image-viewer-tools', template: "<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n <div class=\"n7-image-viewer-tools__bar\">\n <div class=\"n7-image-viewer-tools__controls\">\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.description && data.description\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.description.isActive\n }\"\n [data]=\"data.controls.description.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.thumbs\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.thumbs.isActive\n }\"\n [data]=\"data.controls.thumbs.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-image-viewer-tools__thumbs-description\">\n <div\n class=\"n7-image-viewer-tools__thumbs\"\n *ngIf=\"data.isVisible.thumbnails && data.images\"\n >\n <div class=\"n7-image-viewer-tools__thumbs-strip\">\n <div\n *ngFor=\"let img of data.images; let imgIndex = index\"\n class=\"n7-image-viewer-tools__thumb\"\n [class.active]=\"imgIndex == data.initial\"\n >\n <img\n class=\"n7-image-viewer-tools__thumb-image\"\n src=\"{{img.thumb}}\"\n (click)=\"onClick(img.payload)\"\n />\n </div>\n </div>\n\n <ng-container *ngIf=\"data.navigation\">\n <div\n class=\"{{ data.navigation.prev.classes || '' }}\"\n (click)=\"onClick(data.navigation.prev.payload)\"\n >\n <!-- (click)=\"\" -->\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n <div\n class=\"{{ data.navigation.next.classes || '' }}\"\n (click)=\"onClick(data.navigation.next.payload)\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n </ng-container>\n </div>\n\n <div\n class=\"n7-image-viewer-tools__description\"\n *ngIf=\"data.isVisible.description\"\n >\n <div\n class=\"n7-image-viewer-tools__description-close\"\n (click)=\"onClick(data.controls.closedescription.anchor.payload)\"\n >\n <!-- data.controls.closedescription.anchor.payload -->\n <span class=\"{{data.controls.closedescription.icon}}\"></span>\n </div>\n <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n <div\n class=\"n7-image-viewer-tools__description-text\"\n [innerHTML]=\"data.description\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
1442
1442
|
}], propDecorators: { data: [{
|
|
@@ -1469,10 +1469,10 @@ class InnerTitleComponent {
|
|
|
1469
1469
|
return;
|
|
1470
1470
|
this.emit('search', { inputPayload: payload, value });
|
|
1471
1471
|
}
|
|
1472
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1473
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1472
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InnerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InnerTitleComponent, selector: "n7-inner-title", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-inner-title\" [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container\n *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"\n ></ng-container>\n <div\n *ngIf=\"data.image\"\n class=\"n7-inner-title__image-left\"\n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\"\n ></div>\n <div class=\"n7-inner-title__wrapper-texts\">\n <div\n *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\"\n ></div>\n <div\n *ngIf=\"data.title.secondary\"\n [innerHTML]=\"data.title.secondary.text\"\n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\"\n ></div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\" *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\" class=\"n7-inner-title__tools-label\">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container\n *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\"\n >\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- Template actions -->\n<ng-template #actions let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container\n *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container\n *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\"\n >\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container\n *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\"\n >\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\" class=\"n7-inner-title__sorting-label\">\n {{select.label}}\n </span>\n <select\n (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\"\n >\n <option\n *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\"\n >\n {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search let-search>\n <div class=\"n7-inner-title__search\">\n <input\n type=\"text\"\n class=\"n7-inner-title__search-bar\"\n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\"\n />\n <button\n *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button\"\n >\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div\n *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span *ngIf=\"btn.icon\" class=\"n7-btn__icon {{btn.icon || ''}}\"></span>\n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon let-icon>\n <!-- Complex icon -->\n <span\n *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"\n ></span>\n <!-- Simple icon -->\n <span\n *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"\n ></span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
1474
1474
|
}
|
|
1475
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InnerTitleComponent, decorators: [{
|
|
1476
1476
|
type: Component,
|
|
1477
1477
|
args: [{ selector: 'n7-inner-title', template: "<div *ngIf=\"data\" class=\"n7-inner-title\" [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container\n *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"\n ></ng-container>\n <div\n *ngIf=\"data.image\"\n class=\"n7-inner-title__image-left\"\n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\"\n ></div>\n <div class=\"n7-inner-title__wrapper-texts\">\n <div\n *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\"\n ></div>\n <div\n *ngIf=\"data.title.secondary\"\n [innerHTML]=\"data.title.secondary.text\"\n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\"\n ></div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\" *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\" class=\"n7-inner-title__tools-label\">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container\n *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\"\n >\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- Template actions -->\n<ng-template #actions let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container\n *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container\n *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\"\n >\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container\n *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\"\n >\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\" class=\"n7-inner-title__sorting-label\">\n {{select.label}}\n </span>\n <select\n (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\"\n >\n <option\n *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\"\n >\n {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search let-search>\n <div class=\"n7-inner-title__search\">\n <input\n type=\"text\"\n class=\"n7-inner-title__search-bar\"\n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\"\n />\n <button\n *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button\"\n >\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div\n *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span *ngIf=\"btn.icon\" class=\"n7-btn__icon {{btn.icon || ''}}\"></span>\n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon let-icon>\n <!-- Complex icon -->\n <span\n *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"\n ></span>\n <!-- Simple icon -->\n <span\n *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"\n ></span>\n</ng-template>\n" }]
|
|
1478
1478
|
}], propDecorators: { data: [{
|
|
@@ -1490,10 +1490,10 @@ class InputCheckboxComponent {
|
|
|
1490
1490
|
return;
|
|
1491
1491
|
this.emit('change', { inputPayload, value });
|
|
1492
1492
|
}
|
|
1493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1494
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1494
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputCheckboxComponent, selector: "n7-input-checkbox", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-input-checkbox {{ data.classes || '' }}\">\n <fieldset class=\"n7-input-checkbox__fieldset\">\n <legend\n class=\"n7-input-checkbox__legend\"\n *ngIf=\"data.legend\"\n [innerHTML]=\"data.legend\"\n ></legend>\n <ng-container *ngFor=\"let input of data.checkboxes\">\n <div class=\"n7-input-checkbox__input-wrapper\">\n <input\n type=\"checkbox\"\n id=\"{{ input.id }}\"\n [attr.name]=\"input.name\"\n class=\"n7-input-checkbox__input\"\n [ngClass]=\"input.classes\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\"\n />\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-checkbox__label\"\n for=\"{{ input.id }}\"\n >{{ input.label }}</label\n >\n </div>\n </ng-container>\n </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1495
1495
|
}
|
|
1496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputCheckboxComponent, decorators: [{
|
|
1497
1497
|
type: Component,
|
|
1498
1498
|
args: [{ selector: 'n7-input-checkbox', template: "<div *ngIf=\"data\" class=\"n7-input-checkbox {{ data.classes || '' }}\">\n <fieldset class=\"n7-input-checkbox__fieldset\">\n <legend\n class=\"n7-input-checkbox__legend\"\n *ngIf=\"data.legend\"\n [innerHTML]=\"data.legend\"\n ></legend>\n <ng-container *ngFor=\"let input of data.checkboxes\">\n <div class=\"n7-input-checkbox__input-wrapper\">\n <input\n type=\"checkbox\"\n id=\"{{ input.id }}\"\n [attr.name]=\"input.name\"\n class=\"n7-input-checkbox__input\"\n [ngClass]=\"input.classes\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\"\n />\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-checkbox__label\"\n for=\"{{ input.id }}\"\n >{{ input.label }}</label\n >\n </div>\n </ng-container>\n </fieldset>\n</div>\n" }]
|
|
1499
1499
|
}], propDecorators: { data: [{
|
|
@@ -1511,10 +1511,10 @@ class InputLinkComponent {
|
|
|
1511
1511
|
return;
|
|
1512
1512
|
this.emit('change', payload);
|
|
1513
1513
|
}
|
|
1514
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1515
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1514
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1515
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputLinkComponent, selector: "n7-input-link", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-input-link\">\n <ng-container *ngFor=\"let input of data.links\">\n <div\n class=\"n7-input-link__link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\"\n >\n <span\n *ngIf=\"input.icon\"\n class=\"n7-input-link__icon {{ input.icon }}\"\n ></span>\n <span class=\"n7-input-link__text\">{{ input.text }}</span>\n <span\n *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-input-link__counter\"\n >{{ input.counter }}</span\n >\n </div>\n </ng-container>\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"] }] }); }
|
|
1516
1516
|
}
|
|
1517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputLinkComponent, decorators: [{
|
|
1518
1518
|
type: Component,
|
|
1519
1519
|
args: [{ selector: 'n7-input-link', template: "<div *ngIf=\"data\" class=\"n7-input-link\">\n <ng-container *ngFor=\"let input of data.links\">\n <div\n class=\"n7-input-link__link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\"\n >\n <span\n *ngIf=\"input.icon\"\n class=\"n7-input-link__icon {{ input.icon }}\"\n ></span>\n <span class=\"n7-input-link__text\">{{ input.text }}</span>\n <span\n *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-input-link__counter\"\n >{{ input.counter }}</span\n >\n </div>\n </ng-container>\n</div>\n" }]
|
|
1520
1520
|
}], propDecorators: { data: [{
|
|
@@ -1529,10 +1529,10 @@ class InputTextareaComponent {
|
|
|
1529
1529
|
return;
|
|
1530
1530
|
this.emit('change', { inputPayload, value });
|
|
1531
1531
|
}
|
|
1532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1533
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1532
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1533
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputTextareaComponent, selector: "n7-input-textarea", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\" class=\"n7-input-textarea\">\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\"\n >\n </label>\n <div\n class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\"\n >\n <textarea\n id=\"{{ input.id }}\"\n class=\"n7-input-textarea__text\"\n [ngClass]=\"input.classes\"\n [attr.name]=\"input.name\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\"\n [attr.placeholder]=\"input.placeholder\"\n [attr.autocomplete]=\"input.autocomplete\"\n [attr.autofocus]=\"input.autofocus\"\n [attr.maxlength]=\"input.maxlength\"\n [attr.minlength]=\"input.minlength\"\n [attr.rows]=\"input.rows\"\n [attr.cols]=\"input.cols\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\"\n >\n </textarea>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1534
1534
|
}
|
|
1535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1535
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextareaComponent, decorators: [{
|
|
1536
1536
|
type: Component,
|
|
1537
1537
|
args: [{ selector: 'n7-input-textarea', template: "<div *ngIf=\"data as input\" class=\"n7-input-textarea\">\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\"\n >\n </label>\n <div\n class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\"\n >\n <textarea\n id=\"{{ input.id }}\"\n class=\"n7-input-textarea__text\"\n [ngClass]=\"input.classes\"\n [attr.name]=\"input.name\"\n [value]=\"input.value || null\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\"\n [attr.placeholder]=\"input.placeholder\"\n [attr.autocomplete]=\"input.autocomplete\"\n [attr.autofocus]=\"input.autofocus\"\n [attr.maxlength]=\"input.maxlength\"\n [attr.minlength]=\"input.minlength\"\n [attr.rows]=\"input.rows\"\n [attr.cols]=\"input.cols\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\"\n >\n </textarea>\n </div>\n</div>\n" }]
|
|
1538
1538
|
}], propDecorators: { data: [{
|
|
@@ -1560,10 +1560,10 @@ class InputTextComponent {
|
|
|
1560
1560
|
return;
|
|
1561
1561
|
this.emit('focus');
|
|
1562
1562
|
}
|
|
1563
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1564
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1563
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1564
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: InputTextComponent, selector: "n7-input-text", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\" class=\"n7-input-text\">\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-text__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\"\n >\n </label>\n <div\n class=\"n7-input-text__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\"\n >\n <input\n id=\"{{ input.id }}\"\n class=\"n7-input-text__text\"\n [ngClass]=\"input.classes\"\n [type]=\"input.type ? input.type : 'text'\"\n [attr.name]=\"input.name\"\n [value]=\"input.value || null\"\n [attr.placeholder]=\"input.placeholder\"\n [attr.autocomplete]=\"input.autocomplete\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\"\n [attr.max]=\"input.max\"\n [attr.min]=\"input.min\"\n [attr.maxlength]=\"input.maxlength\"\n [attr.minlength]=\"input.minlength\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\"\n />\n <span\n *ngIf=\"input.icon\"\n class=\"n7-input-text__icon {{input.icon || ''}}\"\n (click)=\"onChange(input.iconPayload)\"\n >\n </span>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1565
1565
|
}
|
|
1566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
1567
1567
|
type: Component,
|
|
1568
1568
|
args: [{ selector: 'n7-input-text', template: "<div *ngIf=\"data as input\" class=\"n7-input-text\">\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-text__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\"\n >\n </label>\n <div\n class=\"n7-input-text__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\"\n >\n <input\n id=\"{{ input.id }}\"\n class=\"n7-input-text__text\"\n [ngClass]=\"input.classes\"\n [type]=\"input.type ? input.type : 'text'\"\n [attr.name]=\"input.name\"\n [value]=\"input.value || null\"\n [attr.placeholder]=\"input.placeholder\"\n [attr.autocomplete]=\"input.autocomplete\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\"\n [attr.max]=\"input.max\"\n [attr.min]=\"input.min\"\n [attr.maxlength]=\"input.maxlength\"\n [attr.minlength]=\"input.minlength\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\"\n />\n <span\n *ngIf=\"input.icon\"\n class=\"n7-input-text__icon {{input.icon || ''}}\"\n (click)=\"onChange(input.iconPayload)\"\n >\n </span>\n </div>\n</div>\n" }]
|
|
1569
1569
|
}], propDecorators: { data: [{
|
|
@@ -1581,10 +1581,10 @@ class ItemPreviewComponent {
|
|
|
1581
1581
|
return;
|
|
1582
1582
|
this.emit('click', payload);
|
|
1583
1583
|
}
|
|
1584
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1585
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1584
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1585
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItemPreviewComponent, selector: "n7-item-preview", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div\n *ngIf=\"data\"\n class=\"n7-item-preview {{data.classes || ''}}\"\n [ngClass]=\"{\n 'has-image' : !!data.image,\n 'has-color' : !!data.color,\n 'has-link' : !!data.anchor\n }\"\n>\n <n7-anchor-wrapper\n [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-item-preview__inner'\"\n >\n <!-- Image, color -->\n <div\n class=\"n7-item-preview__image n7-item-preview__color\"\n *ngIf=\"data.image || data.color\"\n [style.background-image]=\"data.image ? 'url(' + data.image + ')' : undefined\"\n [style.background-color]=\"data.color\"\n ></div>\n <div class=\"n7-item-preview__content\">\n <!-- Title and text -->\n <div class=\"n7-item-preview__title-text\">\n <h1 class=\"n7-item-preview__title\" [innerHTML]=\"data.title\"></h1>\n <p\n class=\"n7-item-preview__text\"\n *ngIf=\"data.text\"\n [innerHTML]=\"data.text\"\n ></p>\n </div>\n <!-- Metadata -->\n <div class=\"n7-item-preview__metadata\" *ngIf=\"data.metadata\">\n <div\n class=\"n7-item-preview__metadata-group {{ meta.classes || '' }}\"\n *ngFor=\"let meta of data.metadata\"\n >\n <h3\n class=\"n7-item-preview__metadata-group-title\"\n *ngIf=\"meta.title\"\n [innerHTML]=\"meta.title\"\n ></h3>\n <div\n class=\"n7-item-preview__metadata-item {{ item.classes || '' }}\"\n *ngFor=\"let item of meta.items\"\n >\n <span\n class=\"n7-item-preview__metadata-item-icon {{item.icon}}\"\n *ngIf=\"item.icon\"\n ></span>\n <span\n class=\"n7-item-preview__metadata-item-label\"\n *ngIf=\"item.label\"\n [innerHTML]=\"item.label\"\n ></span>\n <span\n class=\"n7-item-preview__metadata-item-value\"\n *ngIf=\"item.value\"\n [innerHTML]=\"item.value\"\n ></span>\n </div>\n </div>\n </div>\n </div>\n </n7-anchor-wrapper>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
1586
1586
|
}
|
|
1587
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemPreviewComponent, decorators: [{
|
|
1588
1588
|
type: Component,
|
|
1589
1589
|
args: [{ selector: 'n7-item-preview', template: "<div\n *ngIf=\"data\"\n class=\"n7-item-preview {{data.classes || ''}}\"\n [ngClass]=\"{\n 'has-image' : !!data.image,\n 'has-color' : !!data.color,\n 'has-link' : !!data.anchor\n }\"\n>\n <n7-anchor-wrapper\n [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-item-preview__inner'\"\n >\n <!-- Image, color -->\n <div\n class=\"n7-item-preview__image n7-item-preview__color\"\n *ngIf=\"data.image || data.color\"\n [style.background-image]=\"data.image ? 'url(' + data.image + ')' : undefined\"\n [style.background-color]=\"data.color\"\n ></div>\n <div class=\"n7-item-preview__content\">\n <!-- Title and text -->\n <div class=\"n7-item-preview__title-text\">\n <h1 class=\"n7-item-preview__title\" [innerHTML]=\"data.title\"></h1>\n <p\n class=\"n7-item-preview__text\"\n *ngIf=\"data.text\"\n [innerHTML]=\"data.text\"\n ></p>\n </div>\n <!-- Metadata -->\n <div class=\"n7-item-preview__metadata\" *ngIf=\"data.metadata\">\n <div\n class=\"n7-item-preview__metadata-group {{ meta.classes || '' }}\"\n *ngFor=\"let meta of data.metadata\"\n >\n <h3\n class=\"n7-item-preview__metadata-group-title\"\n *ngIf=\"meta.title\"\n [innerHTML]=\"meta.title\"\n ></h3>\n <div\n class=\"n7-item-preview__metadata-item {{ item.classes || '' }}\"\n *ngFor=\"let item of meta.items\"\n >\n <span\n class=\"n7-item-preview__metadata-item-icon {{item.icon}}\"\n *ngIf=\"item.icon\"\n ></span>\n <span\n class=\"n7-item-preview__metadata-item-label\"\n *ngIf=\"item.label\"\n [innerHTML]=\"item.label\"\n ></span>\n <span\n class=\"n7-item-preview__metadata-item-value\"\n *ngIf=\"item.value\"\n [innerHTML]=\"item.value\"\n ></span>\n </div>\n </div>\n </div>\n </div>\n </n7-anchor-wrapper>\n</div>\n" }]
|
|
1590
1590
|
}], propDecorators: { data: [{
|
|
@@ -1644,10 +1644,10 @@ class MapComponent {
|
|
|
1644
1644
|
});
|
|
1645
1645
|
});
|
|
1646
1646
|
}
|
|
1647
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1648
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1647
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1648
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MapComponent, selector: "n7-map", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-map\">\n <div class=\"n7-map__container\" [id]=\"data.containerId\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1649
1649
|
}
|
|
1650
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MapComponent, decorators: [{
|
|
1651
1651
|
type: Component,
|
|
1652
1652
|
args: [{ selector: 'n7-map', template: "<div *ngIf=\"data\" class=\"n7-map\">\n <div class=\"n7-map__container\" [id]=\"data.containerId\"></div>\n</div>\n" }]
|
|
1653
1653
|
}], propDecorators: { data: [{
|
|
@@ -1660,10 +1660,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
1660
1660
|
// METADATA-VIEWER.ts
|
|
1661
1661
|
//---------------------------
|
|
1662
1662
|
class MetadataViewerComponent {
|
|
1663
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1664
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
1663
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MetadataViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1664
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MetadataViewerComponent, selector: "n7-metadata-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div\n class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\"\n >\n <!-- For each data group, render it -->\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div\n *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\"\n >\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">\n {{grp.title}}\n </div>\n <div class=\"n7-metadata-viewer__group-content\" *ngIf=\"grp.items\">\n <div class=\"n7-metadata-viewer__item\" *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\"\n >{{ i.label }}</span\n >\n <span\n *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\"\n ></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div\n class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\"\n >\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n </div>\n</ng-template>\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
1665
1665
|
}
|
|
1666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MetadataViewerComponent, decorators: [{
|
|
1667
1667
|
type: Component,
|
|
1668
1668
|
args: [{ selector: 'n7-metadata-viewer', template: "<div *ngIf=\"data\" class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div\n class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\"\n >\n <!-- For each data group, render it -->\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div\n *ngIf=\"grp.title || grp.items\"\n class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\"\n >\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">\n {{grp.title}}\n </div>\n <div class=\"n7-metadata-viewer__group-content\" *ngIf=\"grp.items\">\n <div class=\"n7-metadata-viewer__item\" *ngFor=\"let i of grp.items\">\n <span *ngIf=\"i.label\" class=\"n7-metadata-viewer__item-label\"\n >{{ i.label }}</span\n >\n <span\n *ngIf=\"i.value\"\n class=\"n7-metadata-viewer__item-value\"\n [innerHTML]=\"i.value\"\n ></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div\n class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\"\n >\n <ng-container\n *ngTemplateOutlet=\"group; context:{$implicit: grp}\"\n ></ng-container>\n </div>\n </div>\n</ng-template>\n" }]
|
|
1669
1669
|
}], propDecorators: { data: [{
|
|
@@ -1691,8 +1691,8 @@ const customTheme = {
|
|
|
1691
1691
|
},
|
|
1692
1692
|
shades: {
|
|
1693
1693
|
dark: '#2d3439', // Dark shade for dark theme
|
|
1694
|
-
main: '#
|
|
1695
|
-
light: '#
|
|
1694
|
+
main: '#bdbdbd', // Main shade for dark theme
|
|
1695
|
+
light: '#f5f5f5', // Light shade for dark theme
|
|
1696
1696
|
},
|
|
1697
1697
|
error: {
|
|
1698
1698
|
main: '#b00020', // Error color
|
|
@@ -1892,32 +1892,96 @@ const customTheme = {
|
|
|
1892
1892
|
},
|
|
1893
1893
|
};
|
|
1894
1894
|
|
|
1895
|
+
const assetsPath = 'scripts/mirador';
|
|
1895
1896
|
class MiradorComponent {
|
|
1896
1897
|
constructor() {
|
|
1897
1898
|
this._loaded = false;
|
|
1899
|
+
this.assetsLoadResults = [];
|
|
1900
|
+
this.scriptNodes = [];
|
|
1901
|
+
this.styleNodes = [];
|
|
1902
|
+
this.jsPaths = Object.values(manifest.allFiles)
|
|
1903
|
+
.filter((script) => typeof script === 'string' && script.endsWith('.js'))
|
|
1904
|
+
.map((script) => assetsPath + script);
|
|
1905
|
+
this.cssPaths = Object.values(manifest.allFiles)
|
|
1906
|
+
.filter((script) => typeof script === 'string' && script.endsWith('.css'))
|
|
1907
|
+
.map((script) => assetsPath + script);
|
|
1908
|
+
}
|
|
1909
|
+
ngOnInit() {
|
|
1910
|
+
const customThemeJSON = JSON.stringify(customTheme);
|
|
1911
|
+
this.customThemeJSON = customThemeJSON;
|
|
1912
|
+
const dataJSON = JSON.stringify(this.data);
|
|
1913
|
+
this.dataJSON = dataJSON;
|
|
1898
1914
|
}
|
|
1899
1915
|
ngAfterViewInit() {
|
|
1916
|
+
this.loadLibrary();
|
|
1900
1917
|
if (this._loaded) {
|
|
1901
1918
|
return;
|
|
1902
1919
|
}
|
|
1903
1920
|
this._loaded = true;
|
|
1904
1921
|
// Configuration for Mirador viewer
|
|
1905
|
-
const mirador = Mirador.viewer({
|
|
1906
|
-
|
|
1907
|
-
|
|
1922
|
+
// const mirador = Mirador.viewer({
|
|
1923
|
+
// ...customTheme,
|
|
1924
|
+
// ...this.data.libOptions,
|
|
1925
|
+
// });
|
|
1926
|
+
// if (this.data._setInstance) {
|
|
1927
|
+
// this.data._setInstance(mirador);
|
|
1928
|
+
// }
|
|
1929
|
+
}
|
|
1930
|
+
loadLibrary() {
|
|
1931
|
+
this.jsPaths.forEach((path) => {
|
|
1932
|
+
const scriptElement = document.createElement('script');
|
|
1933
|
+
scriptElement.src = path;
|
|
1934
|
+
document.body.appendChild(scriptElement);
|
|
1935
|
+
this.scriptNodes.push(scriptElement);
|
|
1936
|
+
this.assetsLoadResults.push(this.getAssetsLoadResults(scriptElement));
|
|
1937
|
+
});
|
|
1938
|
+
this.cssPaths.forEach((path) => {
|
|
1939
|
+
const styleElement = document.createElement('link');
|
|
1940
|
+
styleElement.rel = 'stylesheet';
|
|
1941
|
+
styleElement.href = path;
|
|
1942
|
+
document.head.appendChild(styleElement);
|
|
1943
|
+
this.styleNodes.push(styleElement);
|
|
1944
|
+
this.assetsLoadResults.push(this.getAssetsLoadResults(styleElement));
|
|
1945
|
+
});
|
|
1946
|
+
Promise.all(this.assetsLoadResults).then(() => {
|
|
1947
|
+
// any code that depends on the library being loaded
|
|
1948
|
+
});
|
|
1949
|
+
}
|
|
1950
|
+
ngOnDestroy() {
|
|
1951
|
+
this.removeLibrary();
|
|
1952
|
+
}
|
|
1953
|
+
getAssetsLoadResults(node) {
|
|
1954
|
+
return new Promise((resolve, reject) => {
|
|
1955
|
+
node.onload = () => resolve();
|
|
1956
|
+
node.onerror = () => reject();
|
|
1908
1957
|
});
|
|
1909
|
-
if (this.data._setInstance) {
|
|
1910
|
-
this.data._setInstance(mirador);
|
|
1911
|
-
}
|
|
1912
1958
|
}
|
|
1913
|
-
|
|
1914
|
-
|
|
1959
|
+
removeLibrary() {
|
|
1960
|
+
this.scriptNodes.forEach((node) => {
|
|
1961
|
+
node.remove();
|
|
1962
|
+
});
|
|
1963
|
+
this.styleNodes.forEach((node) => {
|
|
1964
|
+
node.remove();
|
|
1965
|
+
});
|
|
1966
|
+
}
|
|
1967
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MiradorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1968
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MiradorComponent, selector: "n7-mirador", inputs: { data: "data" }, ngImport: i0, template: `<div
|
|
1969
|
+
#miradorContainer
|
|
1970
|
+
id="mr-mirador-container"
|
|
1971
|
+
[attr.data]="dataJSON"
|
|
1972
|
+
[attr.customTheme]="customThemeJSON">
|
|
1973
|
+
</div>`, isInline: true }); }
|
|
1915
1974
|
}
|
|
1916
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
1975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MiradorComponent, decorators: [{
|
|
1917
1976
|
type: Component,
|
|
1918
1977
|
args: [{
|
|
1919
1978
|
selector: 'n7-mirador',
|
|
1920
|
-
template: `<div
|
|
1979
|
+
template: `<div
|
|
1980
|
+
#miradorContainer
|
|
1981
|
+
id="mr-mirador-container"
|
|
1982
|
+
[attr.data]="dataJSON"
|
|
1983
|
+
[attr.customTheme]="customThemeJSON">
|
|
1984
|
+
</div>`
|
|
1921
1985
|
}]
|
|
1922
1986
|
}], propDecorators: { data: [{
|
|
1923
1987
|
type: Input
|
|
@@ -1934,10 +1998,10 @@ class NavComponent {
|
|
|
1934
1998
|
return;
|
|
1935
1999
|
this.emit('mouseenter', payload);
|
|
1936
2000
|
}
|
|
1937
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1938
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2001
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2002
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NavComponent, selector: "n7-nav", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<nav class=\"n7-nav {{data.classes || ''}}\" *ngIf=\"data\">\n <ul class=\"n7-nav__list\">\n <n7-anchor-wrapper\n *ngFor=\"let item of data.items\"\n [data]=\"item.anchor\"\n [classes]=\"'n7-nav__link'\"\n (clicked)=\"onClick($event)\"\n >\n <li class=\"n7-nav__item {{ item.classes || '' }}\">\n <!-- image -->\n <img class=\"n7-nav__image\" *ngIf=\"item.image\" src=\"{{ item.image }}\" />\n <!-- primary icon -->\n <span\n class=\"n7-nav__icon {{ item.icon.id }}\"\n *ngIf=\"item.icon\"\n (mouseenter)=\"onMouseEnter(item.icon.payload)\"\n ></span>\n <!-- element label -->\n <span class=\"n7-nav__label\">{{ item.text }}</span>\n <!-- secondary icon -->\n <span\n class=\"n7-nav__icon-secondary {{ item.iconSecondary.id }}\"\n *ngIf=\"item.iconSecondary\"\n (mouseenter)=\"onMouseEnter(item.iconSecondary.payload)\"\n ></span>\n </li>\n </n7-anchor-wrapper>\n </ul>\n</nav>\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"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
1939
2003
|
}
|
|
1940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2004
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NavComponent, decorators: [{
|
|
1941
2005
|
type: Component,
|
|
1942
2006
|
args: [{ selector: 'n7-nav', template: "<nav class=\"n7-nav {{data.classes || ''}}\" *ngIf=\"data\">\n <ul class=\"n7-nav__list\">\n <n7-anchor-wrapper\n *ngFor=\"let item of data.items\"\n [data]=\"item.anchor\"\n [classes]=\"'n7-nav__link'\"\n (clicked)=\"onClick($event)\"\n >\n <li class=\"n7-nav__item {{ item.classes || '' }}\">\n <!-- image -->\n <img class=\"n7-nav__image\" *ngIf=\"item.image\" src=\"{{ item.image }}\" />\n <!-- primary icon -->\n <span\n class=\"n7-nav__icon {{ item.icon.id }}\"\n *ngIf=\"item.icon\"\n (mouseenter)=\"onMouseEnter(item.icon.payload)\"\n ></span>\n <!-- element label -->\n <span class=\"n7-nav__label\">{{ item.text }}</span>\n <!-- secondary icon -->\n <span\n class=\"n7-nav__icon-secondary {{ item.iconSecondary.id }}\"\n *ngIf=\"item.iconSecondary\"\n (mouseenter)=\"onMouseEnter(item.iconSecondary.payload)\"\n ></span>\n </li>\n </n7-anchor-wrapper>\n </ul>\n</nav>\n" }]
|
|
1943
2007
|
}], propDecorators: { data: [{
|
|
@@ -1961,10 +2025,10 @@ class PaginationComponent {
|
|
|
1961
2025
|
// needs to also emit selected value
|
|
1962
2026
|
this.emit('change', { inputPayload: payload, value });
|
|
1963
2027
|
}
|
|
1964
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1965
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2028
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2029
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PaginationComponent, selector: "n7-pagination", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<nav\n class=\"n7-pagination {{data.classes || ''}}\"\n *ngIf=\"data\"\n [ngClass]=\"{ 'has-results-select' : data.select }\"\n>\n <ul class=\"n7-pagination__items\">\n <li\n class=\"n7-pagination__first {{data.first.classes || ''}}\"\n *ngIf=\"data.first\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'first',\n data: data.first,\n iconClass: 'n7-icon-angle-double-left'\n }\"\n ></ng-container>\n </li>\n <li\n class=\"n7-pagination__prev {{data.prev.classes || ''}}\"\n *ngIf=\"data.prev\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'prev',\n data: data.prev,\n iconClass: 'n7-icon-angle-left'\n }\"\n ></ng-container>\n </li>\n\n <li\n class=\"n7-pagination__page {{page.classes || ''}}\"\n *ngFor=\"let page of data.links\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'page',\n data: page,\n clicked: onClick\n }\"\n ></ng-container>\n </li>\n\n <li\n class=\"n7-pagination__next {{data.next.classes || ''}}\"\n *ngIf=\"data.next\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'next',\n data: data.next,\n iconClass: 'n7-icon-angle-right'\n }\"\n ></ng-container>\n </li>\n <li\n class=\"n7-pagination__last {{data.last.classes || ''}}\"\n *ngIf=\"data.last\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'last',\n data: data.last,\n iconClass: 'n7-icon-angle-double-right'\n }\"\n ></ng-container>\n </li>\n </ul>\n\n <div class=\"n7-pagination__setting\" *ngIf=\"data.select\">\n <span class=\"n7-pagination__setting-label\" *ngIf=\"data.select.label\">\n {{data.select.label}}\n </span>\n <select\n *ngIf=\"data.select.options\"\n name=\"n7-pagination__select-size\"\n class=\"n7-pagination__setting-select\"\n (change)=\"onChange(data.select.payload, $event.target.value)\"\n [disabled]=\"data.select.disabled\"\n >\n <option\n *ngFor=\"let opt of data.select.options\"\n [disabled]=\"opt.disabled\"\n [selected]=\"opt.selected\"\n >\n {{opt.text}}\n </option>\n </select>\n </div>\n</nav>\n\n<ng-template\n #button\n let-type=\"type\"\n let-data=\"data\"\n let-clicked=\"clicked\"\n let-iconClass=\"iconClass\"\n>\n <n7-anchor-wrapper\n [classes]=\"'n7-pagination__' + type + '-link' + (data.text ? ' has-text' : '')\"\n [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span class=\"n7-pagination__{{ type }}-label\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span\n *ngIf=\"iconClass\"\n class=\"n7-pagination__{{ type }}-icon {{ iconClass }}\"\n ></span>\n </n7-anchor-wrapper>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
1966
2030
|
}
|
|
1967
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2031
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
1968
2032
|
type: Component,
|
|
1969
2033
|
args: [{ selector: 'n7-pagination', template: "<nav\n class=\"n7-pagination {{data.classes || ''}}\"\n *ngIf=\"data\"\n [ngClass]=\"{ 'has-results-select' : data.select }\"\n>\n <ul class=\"n7-pagination__items\">\n <li\n class=\"n7-pagination__first {{data.first.classes || ''}}\"\n *ngIf=\"data.first\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'first',\n data: data.first,\n iconClass: 'n7-icon-angle-double-left'\n }\"\n ></ng-container>\n </li>\n <li\n class=\"n7-pagination__prev {{data.prev.classes || ''}}\"\n *ngIf=\"data.prev\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'prev',\n data: data.prev,\n iconClass: 'n7-icon-angle-left'\n }\"\n ></ng-container>\n </li>\n\n <li\n class=\"n7-pagination__page {{page.classes || ''}}\"\n *ngFor=\"let page of data.links\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'page',\n data: page,\n clicked: onClick\n }\"\n ></ng-container>\n </li>\n\n <li\n class=\"n7-pagination__next {{data.next.classes || ''}}\"\n *ngIf=\"data.next\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'next',\n data: data.next,\n iconClass: 'n7-icon-angle-right'\n }\"\n ></ng-container>\n </li>\n <li\n class=\"n7-pagination__last {{data.last.classes || ''}}\"\n *ngIf=\"data.last\"\n >\n <ng-container\n *ngTemplateOutlet=\"button; context: {\n type: 'last',\n data: data.last,\n iconClass: 'n7-icon-angle-double-right'\n }\"\n ></ng-container>\n </li>\n </ul>\n\n <div class=\"n7-pagination__setting\" *ngIf=\"data.select\">\n <span class=\"n7-pagination__setting-label\" *ngIf=\"data.select.label\">\n {{data.select.label}}\n </span>\n <select\n *ngIf=\"data.select.options\"\n name=\"n7-pagination__select-size\"\n class=\"n7-pagination__setting-select\"\n (change)=\"onChange(data.select.payload, $event.target.value)\"\n [disabled]=\"data.select.disabled\"\n >\n <option\n *ngFor=\"let opt of data.select.options\"\n [disabled]=\"opt.disabled\"\n [selected]=\"opt.selected\"\n >\n {{opt.text}}\n </option>\n </select>\n </div>\n</nav>\n\n<ng-template\n #button\n let-type=\"type\"\n let-data=\"data\"\n let-clicked=\"clicked\"\n let-iconClass=\"iconClass\"\n>\n <n7-anchor-wrapper\n [classes]=\"'n7-pagination__' + type + '-link' + (data.text ? ' has-text' : '')\"\n [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span class=\"n7-pagination__{{ type }}-label\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span\n *ngIf=\"iconClass\"\n class=\"n7-pagination__{{ type }}-icon {{ iconClass }}\"\n ></span>\n </n7-anchor-wrapper>\n</ng-template>\n" }]
|
|
1970
2034
|
}], propDecorators: { data: [{
|
|
@@ -1977,10 +2041,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
1977
2041
|
// PROGRESS-LINE.ts
|
|
1978
2042
|
//---------------------------
|
|
1979
2043
|
class ProgressLineComponent {
|
|
1980
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1981
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2044
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ProgressLineComponent, selector: "n7-progress-line", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-progress-line\">\n <div class=\"n7-progress-line__text-wrapper\">\n <span class=\"n7-progress-line__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-progress-line__value\" *ngIf=\"data.value || data.value===0\">\n {{ data.value }}%\n </span>\n </div>\n <div class=\"n7-progress-line__wrapper\">\n <div class=\"n7-progress-line__bar\" [ngStyle]=\"{'width.%':data.value}\">\n {{data.value}}%\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1982
2046
|
}
|
|
1983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ProgressLineComponent, decorators: [{
|
|
1984
2048
|
type: Component,
|
|
1985
2049
|
args: [{ selector: 'n7-progress-line', template: "<div *ngIf=\"data\" class=\"n7-progress-line\">\n <div class=\"n7-progress-line__text-wrapper\">\n <span class=\"n7-progress-line__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-progress-line__value\" *ngIf=\"data.value || data.value===0\">\n {{ data.value }}%\n </span>\n </div>\n <div class=\"n7-progress-line__wrapper\">\n <div class=\"n7-progress-line__bar\" [ngStyle]=\"{'width.%':data.value}\">\n {{data.value}}%\n </div>\n </div>\n</div>\n" }]
|
|
1986
2050
|
}], propDecorators: { data: [{
|
|
@@ -1998,10 +2062,10 @@ class SidebarHeaderComponent {
|
|
|
1998
2062
|
return;
|
|
1999
2063
|
this.emit('click', payload);
|
|
2000
2064
|
}
|
|
2001
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2002
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2065
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2066
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SidebarHeaderComponent, selector: "n7-sidebar-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-sidebar-header {{ data.classes || ''}}\">\n <span\n class=\"n7-sidebar-header__icon-left {{ data.iconLeft }}\"\n *ngIf=\"data.iconLeft\"\n >\n </span>\n <span\n class=\"n7-sidebar-header__text-wrapper\"\n *ngIf=\"data.text || data.additionalText\"\n >\n <span class=\"n7-sidebar-header__text\"> {{data.text}} </span>\n <span class=\"n7-sidebar-header__secondary-text\" *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span\n *ngIf=\"data.iconRight\"\n class=\"n7-sidebar-header__icon-right {{ data.iconRight }}\"\n (click)=\"onClick(data.payload)\"\n ></span>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2003
2067
|
}
|
|
2004
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SidebarHeaderComponent, decorators: [{
|
|
2005
2069
|
type: Component,
|
|
2006
2070
|
args: [{ selector: 'n7-sidebar-header', template: "<div *ngIf=\"data\" class=\"n7-sidebar-header {{ data.classes || ''}}\">\n <span\n class=\"n7-sidebar-header__icon-left {{ data.iconLeft }}\"\n *ngIf=\"data.iconLeft\"\n >\n </span>\n <span\n class=\"n7-sidebar-header__text-wrapper\"\n *ngIf=\"data.text || data.additionalText\"\n >\n <span class=\"n7-sidebar-header__text\"> {{data.text}} </span>\n <span class=\"n7-sidebar-header__secondary-text\" *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span\n *ngIf=\"data.iconRight\"\n class=\"n7-sidebar-header__icon-right {{ data.iconRight }}\"\n (click)=\"onClick(data.payload)\"\n ></span>\n</div>\n" }]
|
|
2007
2071
|
}], propDecorators: { data: [{
|
|
@@ -2039,10 +2103,10 @@ class SignupComponent {
|
|
|
2039
2103
|
return;
|
|
2040
2104
|
this.emit('focusout', payload);
|
|
2041
2105
|
}
|
|
2042
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2043
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2106
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SignupComponent, selector: "n7-signup", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<!-- Signup: login -->\n<section *ngIf=\"data && data.login\" class=\"n7-signup n7-signup--login\">\n <form class=\"n7-signup__form\" novalidate>\n <ng-container\n *ngTemplateOutlet=\"field; context: { $implicit: data.login.email }\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.login.password }\n \"\n ></ng-container>\n <div\n *ngIf=\"data.login.forgotPassword\"\n class=\"n7-signup__form-item n7-signup__form-item-forgot-password\"\n >\n <a\n (click)=\"onClick(data.login.forgotPassword.payload)\"\n title=\"{{ data.login.forgotPassword.title }}\"\n [attr.aria-label]=\"data.login.forgotPassword.title\"\n >{{ data.login.forgotPassword.label }}</a\n >\n </div>\n <ng-container\n *ngTemplateOutlet=\"submit; context: { $implicit: data.login.submit }\"\n ></ng-container>\n </form>\n <ng-container\n *ngTemplateOutlet=\"footer; context: { $implicit: data.login.footer }\"\n ></ng-container>\n</section>\n\n<!-- Signup: signup -->\n<section *ngIf=\"data && data.signup\" class=\"n7-signup n7-signup--signup\">\n <form class=\"n7-signup__form\" novalidate>\n <ng-container\n *ngTemplateOutlet=\"field; context: { $implicit: data.signup.name }\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"field; context: { $implicit: data.signup.email }\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.password }\n \"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.rePassword }\n \"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"submit; context: { $implicit: data.signup.submit }\"\n ></ng-container>\n </form>\n <ng-container\n *ngTemplateOutlet=\"footer; context: { $implicit: data.signup.footer }\"\n ></ng-container>\n</section>\n\n<!-- Signup: forgot password -->\n<section\n *ngIf=\"data && data.forgotPassword\"\n class=\"n7-signup n7-signup--forgot-password\"\n>\n <p class=\"n7-signup__text\">{{ data.forgotPassword.description }}</p>\n <form class=\"n7-signup__form\" novalidate>\n <ng-container\n *ngTemplateOutlet=\"\n field;\n context: { $implicit: data.forgotPassword.email }\n \"\n ></ng-container>\n\n <ng-container\n *ngTemplateOutlet=\"\n submit;\n context: { $implicit: data.forgotPassword.submit }\n \"\n ></ng-container>\n\n <!-- hidden submit button to prevent submit on enter -->\n <button\n type=\"submit\"\n disabled\n style=\"display: none\"\n aria-hidden=\"true\"\n ></button>\n </form>\n <ng-container\n *ngTemplateOutlet=\"\n footer;\n context: { $implicit: data.forgotPassword.footer }\n \"\n ></ng-container>\n</section>\n\n<!-- Template: field -->\n<ng-template #field let-field>\n <div\n [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\"\n class=\"n7-signup__form-item {{ field.classes || '' }}\"\n >\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\"\n >{{ field.label }}</label\n >\n <div *ngIf=\"field.hint\" class=\"n7-signup__form-item-hint\">\n {{ field.hint }}\n </div>\n <div class=\"n7-signup__input-wrapper\">\n <input\n (focus)=\"onFocus(field.payload)\"\n (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\"\n class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\"\n id=\"{{ field.id }}\"\n />\n </div>\n <div *ngIf=\"field.error\" class=\"n7-signup__form-error\">\n {{ field.error }}\n </div>\n </div>\n</ng-template>\n\n<!-- Template: password-field -->\n<ng-template #passwordField let-field>\n <div\n [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\"\n class=\"n7-signup__form-item {{ field.classes || '' }}\"\n >\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\"\n >{{ field.label }}</label\n >\n <div *ngIf=\"field.hint\" class=\"n7-signup__form-item-hint\">\n {{ field.hint }}\n </div>\n <div class=\"n7-signup__input-wrapper\">\n <input\n (focus)=\"onFocus(field.payload)\"\n (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\"\n class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\"\n id=\"{{ field.id }}\"\n />\n <button\n *ngIf=\"field.show\"\n type=\"button\"\n (click)=\"onClick(field.show.payload)\"\n [attr.aria-label]=\"field.show.label\"\n class=\"n7-signup__form-item-show-password\"\n >\n <i\n [attr.aria-label]=\"field.show.label\"\n class=\"{{ field.show.icon }}\"\n ></i>\n </button>\n </div>\n <div *ngIf=\"field.error\" class=\"n7-signup__form-error\">\n {{ field.error }}\n </div>\n </div>\n</ng-template>\n\n<!-- Template: footer -->\n<ng-template #footer let-footer>\n <footer *ngIf=\"footer\" class=\"n7-signup__footer {{ footer.classes || '' }}\">\n <div class=\"n7-signup__footer-text\">{{ footer.label }}</div>\n <a\n *ngIf=\"footer.action\"\n (click)=\"onClick(footer.action.payload)\"\n title=\"{{ footer.action.label }}\"\n class=\"n7-btn\"\n >{{ footer.action.label }}</a\n >\n </footer>\n</ng-template>\n\n<!-- Template: submit button -->\n<ng-template #submit let-submit>\n <div\n [ngClass]=\"{\n 'has-error': submit.error\n }\"\n class=\"n7-signup__form-item n7-signup__form-item-action {{\n submit.classes || ''\n }}\"\n >\n <button\n type=\"button\"\n (click)=\"onClick(submit.payload)\"\n [attr.aria-label]=\"submit.label\"\n class=\"n7-btn n7-btn-cta\"\n >\n {{ submit.label }}\n </button>\n <div *ngIf=\"submit.error\" class=\"n7-signup__form-error\">\n {{ submit.error }}\n </div>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
2044
2108
|
}
|
|
2045
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignupComponent, decorators: [{
|
|
2046
2110
|
type: Component,
|
|
2047
2111
|
args: [{ selector: 'n7-signup', template: "<!-- Signup: login -->\n<section *ngIf=\"data && data.login\" class=\"n7-signup n7-signup--login\">\n <form class=\"n7-signup__form\" novalidate>\n <ng-container\n *ngTemplateOutlet=\"field; context: { $implicit: data.login.email }\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.login.password }\n \"\n ></ng-container>\n <div\n *ngIf=\"data.login.forgotPassword\"\n class=\"n7-signup__form-item n7-signup__form-item-forgot-password\"\n >\n <a\n (click)=\"onClick(data.login.forgotPassword.payload)\"\n title=\"{{ data.login.forgotPassword.title }}\"\n [attr.aria-label]=\"data.login.forgotPassword.title\"\n >{{ data.login.forgotPassword.label }}</a\n >\n </div>\n <ng-container\n *ngTemplateOutlet=\"submit; context: { $implicit: data.login.submit }\"\n ></ng-container>\n </form>\n <ng-container\n *ngTemplateOutlet=\"footer; context: { $implicit: data.login.footer }\"\n ></ng-container>\n</section>\n\n<!-- Signup: signup -->\n<section *ngIf=\"data && data.signup\" class=\"n7-signup n7-signup--signup\">\n <form class=\"n7-signup__form\" novalidate>\n <ng-container\n *ngTemplateOutlet=\"field; context: { $implicit: data.signup.name }\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"field; context: { $implicit: data.signup.email }\"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.password }\n \"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.rePassword }\n \"\n ></ng-container>\n <ng-container\n *ngTemplateOutlet=\"submit; context: { $implicit: data.signup.submit }\"\n ></ng-container>\n </form>\n <ng-container\n *ngTemplateOutlet=\"footer; context: { $implicit: data.signup.footer }\"\n ></ng-container>\n</section>\n\n<!-- Signup: forgot password -->\n<section\n *ngIf=\"data && data.forgotPassword\"\n class=\"n7-signup n7-signup--forgot-password\"\n>\n <p class=\"n7-signup__text\">{{ data.forgotPassword.description }}</p>\n <form class=\"n7-signup__form\" novalidate>\n <ng-container\n *ngTemplateOutlet=\"\n field;\n context: { $implicit: data.forgotPassword.email }\n \"\n ></ng-container>\n\n <ng-container\n *ngTemplateOutlet=\"\n submit;\n context: { $implicit: data.forgotPassword.submit }\n \"\n ></ng-container>\n\n <!-- hidden submit button to prevent submit on enter -->\n <button\n type=\"submit\"\n disabled\n style=\"display: none\"\n aria-hidden=\"true\"\n ></button>\n </form>\n <ng-container\n *ngTemplateOutlet=\"\n footer;\n context: { $implicit: data.forgotPassword.footer }\n \"\n ></ng-container>\n</section>\n\n<!-- Template: field -->\n<ng-template #field let-field>\n <div\n [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\"\n class=\"n7-signup__form-item {{ field.classes || '' }}\"\n >\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\"\n >{{ field.label }}</label\n >\n <div *ngIf=\"field.hint\" class=\"n7-signup__form-item-hint\">\n {{ field.hint }}\n </div>\n <div class=\"n7-signup__input-wrapper\">\n <input\n (focus)=\"onFocus(field.payload)\"\n (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\"\n class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\"\n id=\"{{ field.id }}\"\n />\n </div>\n <div *ngIf=\"field.error\" class=\"n7-signup__form-error\">\n {{ field.error }}\n </div>\n </div>\n</ng-template>\n\n<!-- Template: password-field -->\n<ng-template #passwordField let-field>\n <div\n [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\"\n class=\"n7-signup__form-item {{ field.classes || '' }}\"\n >\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\"\n >{{ field.label }}</label\n >\n <div *ngIf=\"field.hint\" class=\"n7-signup__form-item-hint\">\n {{ field.hint }}\n </div>\n <div class=\"n7-signup__input-wrapper\">\n <input\n (focus)=\"onFocus(field.payload)\"\n (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\"\n class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\"\n id=\"{{ field.id }}\"\n />\n <button\n *ngIf=\"field.show\"\n type=\"button\"\n (click)=\"onClick(field.show.payload)\"\n [attr.aria-label]=\"field.show.label\"\n class=\"n7-signup__form-item-show-password\"\n >\n <i\n [attr.aria-label]=\"field.show.label\"\n class=\"{{ field.show.icon }}\"\n ></i>\n </button>\n </div>\n <div *ngIf=\"field.error\" class=\"n7-signup__form-error\">\n {{ field.error }}\n </div>\n </div>\n</ng-template>\n\n<!-- Template: footer -->\n<ng-template #footer let-footer>\n <footer *ngIf=\"footer\" class=\"n7-signup__footer {{ footer.classes || '' }}\">\n <div class=\"n7-signup__footer-text\">{{ footer.label }}</div>\n <a\n *ngIf=\"footer.action\"\n (click)=\"onClick(footer.action.payload)\"\n title=\"{{ footer.action.label }}\"\n class=\"n7-btn\"\n >{{ footer.action.label }}</a\n >\n </footer>\n</ng-template>\n\n<!-- Template: submit button -->\n<ng-template #submit let-submit>\n <div\n [ngClass]=\"{\n 'has-error': submit.error\n }\"\n class=\"n7-signup__form-item n7-signup__form-item-action {{\n submit.classes || ''\n }}\"\n >\n <button\n type=\"button\"\n (click)=\"onClick(submit.payload)\"\n [attr.aria-label]=\"submit.label\"\n class=\"n7-btn n7-btn-cta\"\n >\n {{ submit.label }}\n </button>\n <div *ngIf=\"submit.error\" class=\"n7-signup__form-error\">\n {{ submit.error }}\n </div>\n </div>\n</ng-template>\n" }]
|
|
2048
2112
|
}], propDecorators: { data: [{
|
|
@@ -2060,10 +2124,10 @@ class SimpleAutocompleteComponent {
|
|
|
2060
2124
|
return;
|
|
2061
2125
|
this.emit('click', payload);
|
|
2062
2126
|
}
|
|
2063
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2064
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2127
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2128
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SimpleAutocompleteComponent, selector: "n7-simple-autocomplete", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-simple-autocomplete\">\n <ul class=\"n7-simple-autocomplete__list {{data.classes || ''}}\">\n <li\n *ngFor=\"let suggestion of data.suggestion\"\n class=\"n7-simple-autocomplete__item\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-simple-autocomplete__link'\"\n [data]=\"suggestion.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n class=\"n7-simple-autocomplete__label\"\n [innerHTML]=\"suggestion.text\"\n ></span>\n </n7-anchor-wrapper>\n </li>\n </ul>\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"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
2065
2129
|
}
|
|
2066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SimpleAutocompleteComponent, decorators: [{
|
|
2067
2131
|
type: Component,
|
|
2068
2132
|
args: [{ selector: 'n7-simple-autocomplete', template: "<div *ngIf=\"data\" class=\"n7-simple-autocomplete\">\n <ul class=\"n7-simple-autocomplete__list {{data.classes || ''}}\">\n <li\n *ngFor=\"let suggestion of data.suggestion\"\n class=\"n7-simple-autocomplete__item\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-simple-autocomplete__link'\"\n [data]=\"suggestion.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n class=\"n7-simple-autocomplete__label\"\n [innerHTML]=\"suggestion.text\"\n ></span>\n </n7-anchor-wrapper>\n </li>\n </ul>\n</div>\n" }]
|
|
2069
2133
|
}], propDecorators: { data: [{
|
|
@@ -2092,10 +2156,10 @@ class TableComponent {
|
|
|
2092
2156
|
const textChangePayload = { tcPayload: cellPayload, val: cellValue };
|
|
2093
2157
|
this.emit('inputtextchange', textChangePayload);
|
|
2094
2158
|
}
|
|
2095
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2096
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2160
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TableComponent, selector: "n7-table", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section class=\"n7-table {{data.classes || ''}}\" *ngIf=\"data\">\n <table class=\"n7-table__table\">\n <thead class=\"n7-table__table-header\" *ngIf=\"data.head\">\n <tr\n class=\"n7-table__table-header-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.head\"\n >\n <th\n class=\"n7-table__table-header-cell {{cell.classes || ''}}\"\n *ngFor=\"let cell of row.cells\"\n (click)=\"onCellClick(cell.payload)\"\n [innerHTML]=\"cell.content\"\n ></th>\n </tr>\n </thead>\n\n <tbody class=\"n7-table__table-body\" *ngIf=\"data.body\">\n <tr\n class=\"n7-table__table-body-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.body\"\n >\n <td\n class=\"n7-table__table-body-cell {{cell.classes || ''}}\"\n *ngFor=\"let cell of row.cells; let i = index\"\n (click)=\"onCellClick(cell.payload)\"\n (dblclick)=\"onCellDblClick(cell.payload)\"\n [attr.aria-label]=\"data.head[0].cells[i].content\"\n >\n <span\n class=\"n7-table__table-body-cell-innerhtml\"\n *ngIf=\"!cell.type || cell.type=='html'\"\n [innerHTML]=\"cell.content\"\n ></span>\n <input\n class=\"n7-table__table-body-cell-inputtext\"\n *ngIf=\"cell.type=='input:text'\"\n type=\"text\"\n placeholder=\"{{cell.content}}\"\n id=\"{{cell._meta.inputId}}\"\n (keyup.enter)=\"onInputTextChange(cell.payload, $event.target.value)\"\n />\n </td>\n </tr>\n </tbody>\n\n <tfoot class=\"n7-table__table-footer\" *ngIf=\"data.foot\">\n <tr\n class=\"n7-table__table-footer-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.foot\"\n >\n <td\n class=\"n7-table__table-footer-cell {{cell.classes || ''}}\"\n *ngFor=\"let cell of row.cells\"\n (click)=\"onCellClick(cell.payload)\"\n [innerHTML]=\"cell.content\"\n ></td>\n </tr>\n </tfoot>\n </table>\n</section>\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"] }] }); }
|
|
2097
2161
|
}
|
|
2098
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2162
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TableComponent, decorators: [{
|
|
2099
2163
|
type: Component,
|
|
2100
2164
|
args: [{ selector: 'n7-table', template: "<section class=\"n7-table {{data.classes || ''}}\" *ngIf=\"data\">\n <table class=\"n7-table__table\">\n <thead class=\"n7-table__table-header\" *ngIf=\"data.head\">\n <tr\n class=\"n7-table__table-header-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.head\"\n >\n <th\n class=\"n7-table__table-header-cell {{cell.classes || ''}}\"\n *ngFor=\"let cell of row.cells\"\n (click)=\"onCellClick(cell.payload)\"\n [innerHTML]=\"cell.content\"\n ></th>\n </tr>\n </thead>\n\n <tbody class=\"n7-table__table-body\" *ngIf=\"data.body\">\n <tr\n class=\"n7-table__table-body-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.body\"\n >\n <td\n class=\"n7-table__table-body-cell {{cell.classes || ''}}\"\n *ngFor=\"let cell of row.cells; let i = index\"\n (click)=\"onCellClick(cell.payload)\"\n (dblclick)=\"onCellDblClick(cell.payload)\"\n [attr.aria-label]=\"data.head[0].cells[i].content\"\n >\n <span\n class=\"n7-table__table-body-cell-innerhtml\"\n *ngIf=\"!cell.type || cell.type=='html'\"\n [innerHTML]=\"cell.content\"\n ></span>\n <input\n class=\"n7-table__table-body-cell-inputtext\"\n *ngIf=\"cell.type=='input:text'\"\n type=\"text\"\n placeholder=\"{{cell.content}}\"\n id=\"{{cell._meta.inputId}}\"\n (keyup.enter)=\"onInputTextChange(cell.payload, $event.target.value)\"\n />\n </td>\n </tr>\n </tbody>\n\n <tfoot class=\"n7-table__table-footer\" *ngIf=\"data.foot\">\n <tr\n class=\"n7-table__table-footer-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.foot\"\n >\n <td\n class=\"n7-table__table-footer-cell {{cell.classes || ''}}\"\n *ngFor=\"let cell of row.cells\"\n (click)=\"onCellClick(cell.payload)\"\n [innerHTML]=\"cell.content\"\n ></td>\n </tr>\n </tfoot>\n </table>\n</section>\n" }]
|
|
2101
2165
|
}], propDecorators: { data: [{
|
|
@@ -2124,10 +2188,10 @@ class TagComponent {
|
|
|
2124
2188
|
}
|
|
2125
2189
|
return data.icon;
|
|
2126
2190
|
}
|
|
2127
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2128
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2191
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2192
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span\n class=\"n7-tag__icon {{data.preIcon.id}}\"\n *ngIf=\"data.preIcon?.id\"\n (click)=\"onClick(data.preIcon.payload)\"\n ></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\"> {{ data.label }} </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\"> {{ data.text }} </span>\n <span\n class=\"n7-tag__icon {{icon.id}}\"\n *ngIf=\"getIcon(data) as icon\"\n (click)=\"onClick(icon.payload)\"\n ></span>\n</span>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2129
2193
|
}
|
|
2130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TagComponent, decorators: [{
|
|
2131
2195
|
type: Component,
|
|
2132
2196
|
args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span\n class=\"n7-tag__icon {{data.preIcon.id}}\"\n *ngIf=\"data.preIcon?.id\"\n (click)=\"onClick(data.preIcon.payload)\"\n ></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\"> {{ data.label }} </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\"> {{ data.text }} </span>\n <span\n class=\"n7-tag__icon {{icon.id}}\"\n *ngIf=\"getIcon(data) as icon\"\n (click)=\"onClick(icon.payload)\"\n ></span>\n</span>\n" }]
|
|
2133
2197
|
}], propDecorators: { data: [{
|
|
@@ -2163,10 +2227,10 @@ class TextViewerComponent {
|
|
|
2163
2227
|
return;
|
|
2164
2228
|
this.emit('click', payload);
|
|
2165
2229
|
}
|
|
2166
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2167
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", 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\">\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 <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\"\n default=\"off\"\n action=\"disable\"\n emit=\"transcription\"\n subscribe=\"transcription\"\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 [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&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 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 url=\"{{ doc.rootPath }}\"\n >\n <pb-param\n *ngIf=\"doc.url\"\n name=\"url\"\n [attr.value]=\"doc.url\"\n ></pb-param>\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 [hidden]=\"data.toggleColumn\"\n (click)=\"onClick($event)\"\n *ngIf=\"doc.channel && !doc.translation\"\n id=\"view{{ $i }}\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n emit=\"addChannel\"\n subscribe=\"addChannel\"\n view=\"{{ doc.view }}\"\n url=\"{{ doc.rootPath }}\"\n map=\"{{ doc.mapFunction }}\"\n >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n <pb-param\n name=\"source_doc\"\n [attr.value]=\"data.docs[0].xml\"\n ></pb-param>\n </pb-view>\n\n <ng-container *ngIf=\"doc.channel && !doc.translation\">\n <!-- -->\n <pb-view\n [hidden]=\"!data.toggleColumn\"\n *ngIf=\"doc.channel && !doc.translation\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n id=\"text-viewer-index\"\n subscribe=\"index\"\n emit=\"letter\"\n url=\"{{ doc.rootPath }}\"\n map=\"{{ doc.mapFunction }}\"\n >\n <pb-param name=\"mode\" value=\"facets\"></pb-param>\n </pb-view>\n <!-- -->\n </ng-container>\n </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"] }] }); }
|
|
2230
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2231
|
+
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\">\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 <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\"\n default=\"off\"\n action=\"disable\"\n emit=\"transcription\"\n subscribe=\"transcription\"\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 [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&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 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 url=\"{{ doc.rootPath }}\"\n >\n <pb-param\n *ngIf=\"doc.url\"\n name=\"url\"\n [attr.value]=\"doc.url\"\n ></pb-param>\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 [hidden]=\"data.toggleColumn\"\n (click)=\"onClick($event)\"\n *ngIf=\"doc.channel && !doc.translation\"\n id=\"view{{ $i }}\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n emit=\"addChannel\"\n subscribe=\"addChannel\"\n view=\"{{ doc.view }}\"\n url=\"{{ doc.rootPath }}\"\n map=\"{{ doc.mapFunction }}\"\n >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n <pb-param\n name=\"source_doc\"\n [attr.value]=\"data.docs[0].xml\"\n ></pb-param>\n </pb-view>\n\n <ng-container *ngIf=\"doc.channel && !doc.translation\">\n <!-- -->\n <pb-view\n [hidden]=\"!data.toggleColumn\"\n *ngIf=\"doc.channel && !doc.translation\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n id=\"text-viewer-index\"\n subscribe=\"index\"\n emit=\"letter\"\n url=\"{{ doc.rootPath }}\"\n map=\"{{ doc.mapFunction }}\"\n >\n <pb-param name=\"mode\" value=\"facets\"></pb-param>\n </pb-view>\n <!-- -->\n </ng-container>\n </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"] }] }); }
|
|
2168
2232
|
}
|
|
2169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextViewerComponent, decorators: [{
|
|
2170
2234
|
type: Component,
|
|
2171
2235
|
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\">\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 <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\"\n default=\"off\"\n action=\"disable\"\n emit=\"transcription\"\n subscribe=\"transcription\"\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 [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&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 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 url=\"{{ doc.rootPath }}\"\n >\n <pb-param\n *ngIf=\"doc.url\"\n name=\"url\"\n [attr.value]=\"doc.url\"\n ></pb-param>\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 [hidden]=\"data.toggleColumn\"\n (click)=\"onClick($event)\"\n *ngIf=\"doc.channel && !doc.translation\"\n id=\"view{{ $i }}\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n emit=\"addChannel\"\n subscribe=\"addChannel\"\n view=\"{{ doc.view }}\"\n url=\"{{ doc.rootPath }}\"\n map=\"{{ doc.mapFunction }}\"\n >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n <pb-param\n name=\"source_doc\"\n [attr.value]=\"data.docs[0].xml\"\n ></pb-param>\n </pb-view>\n\n <ng-container *ngIf=\"doc.channel && !doc.translation\">\n <!-- -->\n <pb-view\n [hidden]=\"!data.toggleColumn\"\n *ngIf=\"doc.channel && !doc.translation\"\n [src]=\"doc.id\"\n [odd]=\"doc.odd\"\n id=\"text-viewer-index\"\n subscribe=\"index\"\n emit=\"letter\"\n url=\"{{ doc.rootPath }}\"\n map=\"{{ doc.mapFunction }}\"\n >\n <pb-param name=\"mode\" value=\"facets\"></pb-param>\n </pb-view>\n <!-- -->\n </ng-container>\n </ng-container>\n </main>\n </app-header-layout>\n </app-drawer-layout>\n </pb-page>\n</div>\n" }]
|
|
2172
2236
|
}], propDecorators: { data: [{
|
|
@@ -2211,10 +2275,10 @@ class TimelineComponent {
|
|
|
2211
2275
|
return;
|
|
2212
2276
|
this.emit('click', payload);
|
|
2213
2277
|
}
|
|
2214
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2215
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2278
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2279
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TimelineComponent, selector: "n7-timeline", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-timeline\">\n <div [id]=\"data.containerID\" style=\"border: 1px solid #ddd\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2216
2280
|
}
|
|
2217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TimelineComponent, decorators: [{
|
|
2218
2282
|
type: Component,
|
|
2219
2283
|
args: [{ selector: 'n7-timeline', template: "<div *ngIf=\"data\" class=\"n7-timeline\">\n <div [id]=\"data.containerID\" style=\"border: 1px solid #ddd\"></div>\n</div>\n" }]
|
|
2220
2284
|
}], propDecorators: { data: [{
|
|
@@ -2232,10 +2296,10 @@ class ToastComponent {
|
|
|
2232
2296
|
return;
|
|
2233
2297
|
this.emit('click', payload);
|
|
2234
2298
|
}
|
|
2235
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2236
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2299
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2300
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToastComponent, selector: "n7-toast", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-toast\">\n <div class=\"n7-toast__column {{data.classes || ''}}\">\n <!-- Toast boxes -->\n <div\n class=\"n7-toast__box\"\n *ngFor=\"let box of data.toasts\"\n [ngClass]=\"{ 'has-actions' : !! (box.actions || box.closeIcon) }\"\n >\n <!-- Toast icon -->\n <div class=\"n7-toast__icon\" *ngIf=\"box.icon\">\n <span class=\"{{ box.icon }}\"></span>\n </div>\n\n <!-- Toast text -->\n <div\n class=\"n7-toast__content {{box.classes || ''}}\"\n *ngIf=\"box.title || box.text\"\n >\n <span class=\"n7-toast__title\" *ngIf=\"box.title\">{{ box.title }}</span>\n <span class=\"n7-toast__text\" *ngIf=\"box.text\">{{ box.text }}</span>\n </div>\n\n <!-- Toast actions -->\n <div class=\"n7-toast__actions\" *ngIf=\"box.actions || box.closeIcon\">\n <span\n class=\"n7-toast__closeIcon {{ box.closeIcon.icon }}\"\n *ngIf=\"box.closeIcon\"\n (click)=\"onClick(box.closeIcon.payload)\"\n >\n </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span\n class=\"n7-toast__action-content\"\n *ngFor=\"let action of box.actions\"\n >\n <button\n class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\"\n >\n {{action.text}}\n </button>\n </span>\n </span>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
2237
2301
|
}
|
|
2238
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToastComponent, decorators: [{
|
|
2239
2303
|
type: Component,
|
|
2240
2304
|
args: [{ selector: 'n7-toast', template: "<div *ngIf=\"data\" class=\"n7-toast\">\n <div class=\"n7-toast__column {{data.classes || ''}}\">\n <!-- Toast boxes -->\n <div\n class=\"n7-toast__box\"\n *ngFor=\"let box of data.toasts\"\n [ngClass]=\"{ 'has-actions' : !! (box.actions || box.closeIcon) }\"\n >\n <!-- Toast icon -->\n <div class=\"n7-toast__icon\" *ngIf=\"box.icon\">\n <span class=\"{{ box.icon }}\"></span>\n </div>\n\n <!-- Toast text -->\n <div\n class=\"n7-toast__content {{box.classes || ''}}\"\n *ngIf=\"box.title || box.text\"\n >\n <span class=\"n7-toast__title\" *ngIf=\"box.title\">{{ box.title }}</span>\n <span class=\"n7-toast__text\" *ngIf=\"box.text\">{{ box.text }}</span>\n </div>\n\n <!-- Toast actions -->\n <div class=\"n7-toast__actions\" *ngIf=\"box.actions || box.closeIcon\">\n <span\n class=\"n7-toast__closeIcon {{ box.closeIcon.icon }}\"\n *ngIf=\"box.closeIcon\"\n (click)=\"onClick(box.closeIcon.payload)\"\n >\n </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span\n class=\"n7-toast__action-content\"\n *ngFor=\"let action of box.actions\"\n >\n <button\n class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\"\n >\n {{action.text}}\n </button>\n </span>\n </span>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
2241
2305
|
}], propDecorators: { data: [{
|
|
@@ -2253,10 +2317,10 @@ class TooltipContentComponent {
|
|
|
2253
2317
|
return;
|
|
2254
2318
|
this.emit('click', payload);
|
|
2255
2319
|
}
|
|
2256
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2257
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2320
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2321
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TooltipContentComponent, selector: "n7-tooltip-content", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-tooltip-content\">\n <div *ngIf=\"data.title\">{{data.title}}</div>\n\n <div *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n\n <img *ngIf=\"data.image\" [src]=\"data.image\" />\n\n <ng-container *ngFor=\"let btn of data.actions\">\n <n7-anchor-wrapper\n [classes]=\"\"\n [data]=\"btn\"\n (clicked)=\"onClick(btn.anchor.payload)\"\n >\n <span *ngIf=\"data.text\" class=\"n7-btn\"> {{ btn.text }} </span>\n </n7-anchor-wrapper>\n </ng-container>\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"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
2258
2322
|
}
|
|
2259
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TooltipContentComponent, decorators: [{
|
|
2260
2324
|
type: Component,
|
|
2261
2325
|
args: [{ selector: 'n7-tooltip-content', template: "<div *ngIf=\"data\" class=\"n7-tooltip-content\">\n <div *ngIf=\"data.title\">{{data.title}}</div>\n\n <div *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n\n <img *ngIf=\"data.image\" [src]=\"data.image\" />\n\n <ng-container *ngFor=\"let btn of data.actions\">\n <n7-anchor-wrapper\n [classes]=\"\"\n [data]=\"btn\"\n (clicked)=\"onClick(btn.anchor.payload)\"\n >\n <span *ngIf=\"data.text\" class=\"n7-btn\"> {{ btn.text }} </span>\n </n7-anchor-wrapper>\n </ng-container>\n</div>\n" }]
|
|
2262
2326
|
}], propDecorators: { data: [{
|
|
@@ -2274,10 +2338,10 @@ class TreeComponent {
|
|
|
2274
2338
|
return;
|
|
2275
2339
|
this.emit('click', payload);
|
|
2276
2340
|
}
|
|
2277
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2278
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2342
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TreeComponent, selector: "n7-tree", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-tree\">\n <!-- Start recursive rendering -->\n <ng-container\n *ngTemplateOutlet=\"recursiveTree; context:{$implicit: data.items}\"\n ></ng-container>\n\n <!-- Template for recursive children rendering -->\n <ng-template #recursiveTree let-node>\n <div\n class=\"n7-tree__item {{ item.classes || '' }}\"\n *ngFor=\"let item of node\"\n >\n <div class=\"n7-tree__item-contents\">\n <!-- Render expand/collapse arrow -->\n <span\n *ngIf=\"item.toggle\"\n class=\"n7-tree__item-toggle {{ item.toggle.icon }}\"\n (click)=\"onClick(item.toggle.payload)\"\n >\n </span>\n <!-- Render the node -->\n <n7-anchor-wrapper\n [classes]=\"'n7-tree__item-details'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n *ngIf=\"item.icon\"\n class=\"n7-tree__item-icon {{ item.icon }}\"\n ></span>\n <img\n class=\"n7-tree__item-img\"\n *ngIf=\"item.img\"\n src=\"{{ item.img }}\"\n alt=\"{{ item.text }}\"\n />\n <span class=\"n7-tree__item-text\">{{ item.text }}</span>\n <span class=\"n7-tree__item-right-icon {{ item.iconright }}\"></span>\n </n7-anchor-wrapper>\n </div>\n <!-- Check for more child nodes and render them -->\n <div class=\"n7-tree__children-wrapper\" *ngIf=\"item.items\">\n <ng-container\n *ngTemplateOutlet=\"recursiveTree; context:{$implicit: item.items}\"\n ></ng-container>\n </div>\n </div>\n </ng-template>\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"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
|
|
2279
2343
|
}
|
|
2280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TreeComponent, decorators: [{
|
|
2281
2345
|
type: Component,
|
|
2282
2346
|
args: [{ selector: 'n7-tree', template: "<div *ngIf=\"data\" class=\"n7-tree\">\n <!-- Start recursive rendering -->\n <ng-container\n *ngTemplateOutlet=\"recursiveTree; context:{$implicit: data.items}\"\n ></ng-container>\n\n <!-- Template for recursive children rendering -->\n <ng-template #recursiveTree let-node>\n <div\n class=\"n7-tree__item {{ item.classes || '' }}\"\n *ngFor=\"let item of node\"\n >\n <div class=\"n7-tree__item-contents\">\n <!-- Render expand/collapse arrow -->\n <span\n *ngIf=\"item.toggle\"\n class=\"n7-tree__item-toggle {{ item.toggle.icon }}\"\n (click)=\"onClick(item.toggle.payload)\"\n >\n </span>\n <!-- Render the node -->\n <n7-anchor-wrapper\n [classes]=\"'n7-tree__item-details'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span\n *ngIf=\"item.icon\"\n class=\"n7-tree__item-icon {{ item.icon }}\"\n ></span>\n <img\n class=\"n7-tree__item-img\"\n *ngIf=\"item.img\"\n src=\"{{ item.img }}\"\n alt=\"{{ item.text }}\"\n />\n <span class=\"n7-tree__item-text\">{{ item.text }}</span>\n <span class=\"n7-tree__item-right-icon {{ item.iconright }}\"></span>\n </n7-anchor-wrapper>\n </div>\n <!-- Check for more child nodes and render them -->\n <div class=\"n7-tree__children-wrapper\" *ngIf=\"item.items\">\n <ng-container\n *ngTemplateOutlet=\"recursiveTree; context:{$implicit: item.items}\"\n ></ng-container>\n </div>\n </div>\n </ng-template>\n</div>\n" }]
|
|
2283
2347
|
}], propDecorators: { data: [{
|
|
@@ -2295,10 +2359,10 @@ class WizardComponent {
|
|
|
2295
2359
|
return;
|
|
2296
2360
|
this.emit('click', payload);
|
|
2297
2361
|
}
|
|
2298
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2299
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
2362
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WizardComponent, selector: "n7-wizard", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-wizard {{ data.classes || '' }}\">\n <ol class=\"n7-wizard__list\">\n <li\n *ngFor=\"let item of data.items\"\n class=\"n7-wizard__item {{ item.classes || '' }}\"\n (click)=\"onClick(item.payload)\"\n >\n <span *ngIf=\"item.number\" class=\"n7-wizard__number\"\n >{{ item.number }}</span\n >\n <span *ngIf=\"item.text\" class=\"n7-wizard__text\">{{ item.text }}</span>\n </li>\n </ol>\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"] }] }); }
|
|
2300
2364
|
}
|
|
2301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WizardComponent, decorators: [{
|
|
2302
2366
|
type: Component,
|
|
2303
2367
|
args: [{ selector: 'n7-wizard', template: "<div *ngIf=\"data\" class=\"n7-wizard {{ data.classes || '' }}\">\n <ol class=\"n7-wizard__list\">\n <li\n *ngFor=\"let item of data.items\"\n class=\"n7-wizard__item {{ item.classes || '' }}\"\n (click)=\"onClick(item.payload)\"\n >\n <span *ngIf=\"item.number\" class=\"n7-wizard__number\"\n >{{ item.number }}</span\n >\n <span *ngIf=\"item.text\" class=\"n7-wizard__text\">{{ item.text }}</span>\n </li>\n </ol>\n</div>\n" }]
|
|
2304
2368
|
}], propDecorators: { data: [{
|
|
@@ -2358,8 +2422,8 @@ const COMPONENTS = [
|
|
|
2358
2422
|
ProgressLineComponent,
|
|
2359
2423
|
];
|
|
2360
2424
|
class DvComponentsLibModule {
|
|
2361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
2362
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.
|
|
2425
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DvComponentsLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2426
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DvComponentsLibModule, declarations: [AdvancedAutocompleteComponent,
|
|
2363
2427
|
AlertComponent,
|
|
2364
2428
|
AnchorWrapperComponent,
|
|
2365
2429
|
AvatarComponent,
|
|
@@ -2454,9 +2518,9 @@ class DvComponentsLibModule {
|
|
|
2454
2518
|
TreeComponent,
|
|
2455
2519
|
WizardComponent,
|
|
2456
2520
|
ProgressLineComponent] }); }
|
|
2457
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.
|
|
2521
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DvComponentsLibModule, imports: [CommonModule, RouterModule] }); }
|
|
2458
2522
|
}
|
|
2459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
2523
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DvComponentsLibModule, decorators: [{
|
|
2460
2524
|
type: NgModule,
|
|
2461
2525
|
args: [{
|
|
2462
2526
|
declarations: [COMPONENTS],
|
|
@@ -5108,16 +5172,20 @@ const MIRADOR_MOCK = {
|
|
|
5108
5172
|
sideBarOpenByDefault: true,
|
|
5109
5173
|
},
|
|
5110
5174
|
// ID of the Mirador container
|
|
5111
|
-
id: 'mirador-container',
|
|
5175
|
+
id: 'mr-mirador-container',
|
|
5112
5176
|
windows: [
|
|
5113
5177
|
{
|
|
5178
|
+
canvasIndex: 2,
|
|
5114
5179
|
// Enable image tools
|
|
5115
5180
|
imageToolsEnabled: true,
|
|
5116
5181
|
// Manifest ID of the IIIF manifest to loads
|
|
5117
|
-
manifestId:
|
|
5182
|
+
manifestId:
|
|
5183
|
+
// 'https://dam.iccu.sbn.it/mol_447/containers/dPQWLWe/manifest',
|
|
5184
|
+
'https://iiif.harvardartmuseums.org/manifests/object/231737', // esempio con annotazioni
|
|
5118
5185
|
},
|
|
5119
5186
|
],
|
|
5120
5187
|
},
|
|
5188
|
+
useCustomTheme: true,
|
|
5121
5189
|
};
|
|
5122
5190
|
|
|
5123
5191
|
const NAV_MOCK = {
|
|
@@ -5501,28 +5569,28 @@ const TAG_MOCK = {
|
|
|
5501
5569
|
|
|
5502
5570
|
const TEXT_VIEWER_MOCK = {
|
|
5503
5571
|
// TODO: update with mock values
|
|
5504
|
-
endpoint: '
|
|
5572
|
+
endpoint: 'https://teipublisher.muruca.cloud/exist/apps/tei-publisher',
|
|
5505
5573
|
// endpoint: 'http://localhost:8081/exist/apps/tei-publisher',
|
|
5506
5574
|
// endpoint: 'https://teipublisher.com/exist/apps/tei-publisher',
|
|
5507
5575
|
docs: [
|
|
5508
5576
|
{
|
|
5509
|
-
xml: '
|
|
5577
|
+
xml: 'adalgisa/Quando_il_Girolamo_chiara.docx.xml',
|
|
5510
5578
|
// xml: 'petrarca/petrarca_seniles-1_1654626178-1_1665152343.xml',
|
|
5511
|
-
rootPath: '
|
|
5512
|
-
odd: '
|
|
5579
|
+
rootPath: '',
|
|
5580
|
+
odd: 'adalgisa_1_0',
|
|
5513
5581
|
id: 'seniles',
|
|
5514
5582
|
view: 'div',
|
|
5515
5583
|
download: '',
|
|
5516
|
-
url: '
|
|
5517
|
-
},
|
|
5518
|
-
|
|
5519
|
-
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
},
|
|
5584
|
+
url: '',
|
|
5585
|
+
},
|
|
5586
|
+
{
|
|
5587
|
+
// xml: 'test/graves6.xml',
|
|
5588
|
+
xml: 'adalgisa/commento_girolamo.xml',
|
|
5589
|
+
odd: 'adalgisa_1_0',
|
|
5590
|
+
id: 'seniles2',
|
|
5591
|
+
view: 'page',
|
|
5592
|
+
channel: 'altrochannel',
|
|
5593
|
+
},
|
|
5526
5594
|
],
|
|
5527
5595
|
download: {
|
|
5528
5596
|
label: 'Download',
|
|
@@ -5545,12 +5613,12 @@ const TEXT_VIEWER_MOCK = {
|
|
|
5545
5613
|
show: 'Riassunto',
|
|
5546
5614
|
hide: 'Indici',
|
|
5547
5615
|
},
|
|
5548
|
-
},
|
|
5616
|
+
}, /*
|
|
5549
5617
|
facsimile: {
|
|
5550
|
-
|
|
5551
|
-
|
|
5552
|
-
|
|
5553
|
-
},
|
|
5618
|
+
// uri: 'https://dh.dlls.univr.it/iiif/3/mambrino%2famadis-13_1-1558BNE%2f',
|
|
5619
|
+
// uri: 'http://127.0.0.1:8182/iiif/3/',
|
|
5620
|
+
scans: [],
|
|
5621
|
+
}, */
|
|
5554
5622
|
};
|
|
5555
5623
|
|
|
5556
5624
|
const TIMELINE_MOCK = {
|