@net7/components 4.2.4 → 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/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/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 +226 -158
- 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 +1 -1
|
@@ -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: [{
|
|
@@ -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();
|
|
1957
|
+
});
|
|
1958
|
+
}
|
|
1959
|
+
removeLibrary() {
|
|
1960
|
+
this.scriptNodes.forEach((node) => {
|
|
1961
|
+
node.remove();
|
|
1962
|
+
});
|
|
1963
|
+
this.styleNodes.forEach((node) => {
|
|
1964
|
+
node.remove();
|
|
1908
1965
|
});
|
|
1909
|
-
if (this.data._setInstance) {
|
|
1910
|
-
this.data._setInstance(mirador);
|
|
1911
|
-
}
|
|
1912
1966
|
}
|
|
1913
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
1914
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
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 = {
|