@net7/components 4.0.1 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/advanced-autocomplete/advanced-autocomplete.mjs +4 -4
- package/esm2020/lib/components/alert/alert.mjs +4 -4
- package/esm2020/lib/components/anchor-wrapper/anchor-wrapper.mjs +4 -4
- package/esm2020/lib/components/avatar/avatar.mjs +4 -4
- package/esm2020/lib/components/breadcrumbs/breadcrumbs.mjs +4 -4
- package/esm2020/lib/components/bubble-chart/bubble-chart.mjs +4 -4
- package/esm2020/lib/components/button/button.mjs +4 -4
- package/esm2020/lib/components/carousel/carousel.mjs +4 -4
- package/esm2020/lib/components/chart/chart.mjs +4 -4
- package/esm2020/lib/components/content-placeholder/content-placeholder.mjs +4 -4
- package/esm2020/lib/components/data-widget/data-widget.mjs +4 -4
- package/esm2020/lib/components/datepicker/datepicker.mjs +4 -4
- package/esm2020/lib/components/facet/facet.mjs +4 -4
- package/esm2020/lib/components/facet-header/facet-header.mjs +4 -4
- package/esm2020/lib/components/facet-year-range/facet-year-range.mjs +4 -4
- package/esm2020/lib/components/file-selector/file-selector.mjs +39 -0
- package/esm2020/lib/components/file-selector/file-selector.mock.mjs +5 -0
- package/esm2020/lib/components/footer/footer.mjs +4 -4
- package/esm2020/lib/components/header/header.mjs +4 -4
- package/esm2020/lib/components/hero/hero.mjs +4 -4
- package/esm2020/lib/components/histogram-range/histogram-range.mjs +4 -4
- package/esm2020/lib/components/icon/icon.mjs +4 -4
- package/esm2020/lib/components/image-viewer/image-viewer.mjs +4 -4
- package/esm2020/lib/components/image-viewer-tools/image-viewer-tools.mjs +4 -4
- package/esm2020/lib/components/inner-title/inner-title.mjs +4 -4
- package/esm2020/lib/components/input-checkbox/input-checkbox.mjs +4 -4
- package/esm2020/lib/components/input-link/input-link.mjs +4 -4
- package/esm2020/lib/components/input-select/input-select.mjs +4 -4
- package/esm2020/lib/components/input-text/input-text.mjs +15 -5
- package/esm2020/lib/components/input-textarea/input-textarea.mjs +4 -4
- package/esm2020/lib/components/item-preview/item-preview.mjs +4 -4
- package/esm2020/lib/components/loader/loader.mjs +4 -4
- package/esm2020/lib/components/map/map.mjs +4 -4
- package/esm2020/lib/components/metadata-viewer/metadata-viewer.mjs +4 -4
- package/esm2020/lib/components/nav/nav.mjs +4 -4
- package/esm2020/lib/components/pagination/pagination.mjs +4 -4
- package/esm2020/lib/components/progress-line/progress-line.mjs +4 -4
- package/esm2020/lib/components/sidebar-header/sidebar-header.mjs +4 -4
- package/esm2020/lib/components/signup/signup.mjs +4 -4
- package/esm2020/lib/components/simple-autocomplete/simple-autocomplete.mjs +4 -4
- package/esm2020/lib/components/table/table.mjs +4 -4
- package/esm2020/lib/components/tag/tag.mjs +4 -4
- package/esm2020/lib/components/text-viewer/text-viewer.mjs +5 -5
- package/esm2020/lib/components/timeline/timeline.mjs +4 -4
- package/esm2020/lib/components/toast/toast.mjs +4 -4
- package/esm2020/lib/components/tooltip-content/tooltip-content.mjs +4 -4
- package/esm2020/lib/components/tree/tree.mjs +4 -4
- package/esm2020/lib/components/wizard/wizard.mjs +4 -4
- package/esm2020/lib/dv-components-lib.module.mjs +9 -5
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/net7-components.mjs +197 -145
- package/fesm2015/net7-components.mjs.map +1 -1
- package/fesm2020/net7-components.mjs +197 -145
- package/fesm2020/net7-components.mjs.map +1 -1
- package/lib/components/file-selector/file-selector.d.ts +29 -0
- package/lib/components/file-selector/file-selector.mock.d.ts +2 -0
- package/lib/components/input-text/input-text.d.ts +2 -0
- package/lib/components/text-viewer/text-viewer.d.ts +1 -0
- package/lib/dv-components-lib.module.d.ts +35 -34
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/src/lib/styles/components/_file-selector.scss +29 -0
|
@@ -22,9 +22,9 @@ class AnchorWrapperComponent {
|
|
|
22
22
|
this.clicked.emit(payload);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
AnchorWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
26
|
-
AnchorWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
25
|
+
AnchorWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnchorWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
AnchorWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 || '' }}\"><ng-container *ngTemplateOutlet=\"content\"></ng-container></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 <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<!-- External URL template -->\n<ng-template #externalUrl>\n <a [href]=\"data.href\" [target]=\"data.target || '_self'\" class=\"{{ classes || '' }}\">\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.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AnchorWrapperComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
29
|
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 || '' }}\"><ng-container *ngTemplateOutlet=\"content\"></ng-container></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 <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </a>\n</ng-template>\n\n<!-- External URL template -->\n<ng-template #externalUrl>\n <a [href]=\"data.href\" [target]=\"data.target || '_self'\" class=\"{{ classes || '' }}\">\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" }]
|
|
30
30
|
}], propDecorators: { data: [{
|
|
@@ -43,9 +43,9 @@ class AdvancedAutocompleteComponent {
|
|
|
43
43
|
this.emit('click', payload);
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
AdvancedAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
47
|
-
AdvancedAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
46
|
+
AdvancedAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AdvancedAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
+
AdvancedAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AdvancedAutocompleteComponent, selector: "n7-advanced-autocomplete", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-advanced-autocomplete\"\n [ngClass]=\"{ 'is-empty' : (data.results && data.results.length === 0), 'is-loading': !data.results }\">\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 class=\"n7-advanced-autocomplete__empty\" [innerHTML]=\"data.fallback\"></div>\n <!-- Render actions -->\n <ng-container *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"></ng-container>\n</ng-template>\n\n<!-- Template: Is loading -->\n<ng-template #isLoading>\n <!-- Layout appends loader-component here -->\n <span class=\"n7-advanced-autocomplete__loader\" id=\"n7-advanced-autocomplete__loader\"></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 class=\"n7-advanced-autocomplete__group-title-wrapper {{ res.group.classes || '' }}\">\n <n7-anchor-wrapper\n [data]=\"res.group.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"res.group.icon\" class=\"n7-advanced-autocomplete__group-icon {{ res.group.icon }}\"></span>\n <span class=\"n7-advanced-autocomplete__group-title\">{{res.group.title}}</span>\n </n7-anchor-wrapper>\n </div>\n <!-- Render items -->\n <div class=\"n7-advanced-autocomplete__items\">\n <ng-container *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"!res.group\" class=\"n7-advanced-autocomplete__nogroup\">\n <ng-container *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"></ng-container>\n </div>\n </ng-container>\n </div>\n <!-- Actions -->\n <ng-container *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"></ng-container>\n</ng-template>\n\n<!-- Template: Items -->\n<ng-template #items let-items>\n <n7-anchor-wrapper *ngFor=\"let item of items\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-advanced-autocomplete__item'\">\n <span *ngIf=\"item.title\" class=\"n7-advanced-autocomplete__item-title\" [innerHTML]=\"item.title\"></span>\n <ng-container *ngIf=\"item.metadata\">\n <span *ngFor=\"let meta of item.metadata\" class=\"n7-advanced-autocomplete__item-metadata\">\n <span *ngIf=\"meta.key\" class=\"n7-advanced-autocomplete__item-metadata-key\">{{ meta.key }}</span>\n <span *ngIf=\"meta.value\" class=\"n7-advanced-autocomplete__item-metadata-value\">{{ meta.value }}</span>\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 *ngIf=\"actions.advanced\" [data]=\"actions.advanced.anchor\"\n (clicked)=\"onClick($event)\" [classes]=\"'n7-btn n7-advanced-autocomplete__advanced-search'\">\n {{actions.advanced.text}}\n </n7-anchor-wrapper>\n\n <n7-anchor-wrapper *ngIf=\"actions.showMore\" [data]=\"actions.showMore.anchor\"\n (clicked)=\"onClick($event)\" [classes]=\"'n7-btn n7-btn-cta n7-advanced-autocomplete__show-more'\">\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"] }] });
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AdvancedAutocompleteComponent, decorators: [{
|
|
49
49
|
type: Component,
|
|
50
50
|
args: [{ selector: 'n7-advanced-autocomplete', template: "<div *ngIf=\"data\" class=\"n7-advanced-autocomplete\"\n [ngClass]=\"{ 'is-empty' : (data.results && data.results.length === 0), 'is-loading': !data.results }\">\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 class=\"n7-advanced-autocomplete__empty\" [innerHTML]=\"data.fallback\"></div>\n <!-- Render actions -->\n <ng-container *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"></ng-container>\n</ng-template>\n\n<!-- Template: Is loading -->\n<ng-template #isLoading>\n <!-- Layout appends loader-component here -->\n <span class=\"n7-advanced-autocomplete__loader\" id=\"n7-advanced-autocomplete__loader\"></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 class=\"n7-advanced-autocomplete__group-title-wrapper {{ res.group.classes || '' }}\">\n <n7-anchor-wrapper\n [data]=\"res.group.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"res.group.icon\" class=\"n7-advanced-autocomplete__group-icon {{ res.group.icon }}\"></span>\n <span class=\"n7-advanced-autocomplete__group-title\">{{res.group.title}}</span>\n </n7-anchor-wrapper>\n </div>\n <!-- Render items -->\n <div class=\"n7-advanced-autocomplete__items\">\n <ng-container *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"></ng-container>\n </div>\n </div>\n <div *ngIf=\"!res.group\" class=\"n7-advanced-autocomplete__nogroup\">\n <ng-container *ngTemplateOutlet=\"items; context:{$implicit: res.items}\"></ng-container>\n </div>\n </ng-container>\n </div>\n <!-- Actions -->\n <ng-container *ngTemplateOutlet=\"actions; context:{$implicit: data.actions}\"></ng-container>\n</ng-template>\n\n<!-- Template: Items -->\n<ng-template #items let-items>\n <n7-anchor-wrapper *ngFor=\"let item of items\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-advanced-autocomplete__item'\">\n <span *ngIf=\"item.title\" class=\"n7-advanced-autocomplete__item-title\" [innerHTML]=\"item.title\"></span>\n <ng-container *ngIf=\"item.metadata\">\n <span *ngFor=\"let meta of item.metadata\" class=\"n7-advanced-autocomplete__item-metadata\">\n <span *ngIf=\"meta.key\" class=\"n7-advanced-autocomplete__item-metadata-key\">{{ meta.key }}</span>\n <span *ngIf=\"meta.value\" class=\"n7-advanced-autocomplete__item-metadata-value\">{{ meta.value }}</span>\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 *ngIf=\"actions.advanced\" [data]=\"actions.advanced.anchor\"\n (clicked)=\"onClick($event)\" [classes]=\"'n7-btn n7-advanced-autocomplete__advanced-search'\">\n {{actions.advanced.text}}\n </n7-anchor-wrapper>\n\n <n7-anchor-wrapper *ngIf=\"actions.showMore\" [data]=\"actions.showMore.anchor\"\n (clicked)=\"onClick($event)\" [classes]=\"'n7-btn n7-btn-cta n7-advanced-autocomplete__show-more'\">\n {{actions.showMore.text}}\n </n7-anchor-wrapper>\n </div>\n</ng-template>\n" }]
|
|
51
51
|
}], propDecorators: { data: [{
|
|
@@ -62,9 +62,9 @@ class AlertComponent {
|
|
|
62
62
|
this.emit('click', payload);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
-
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
66
|
-
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
65
|
+
AlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
+
AlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AlertComponent, selector: "n7-alert", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div class=\"n7-alert {{data.classes || ''}} {{ data.icon ? 'has-icon' : '' }}\" *ngIf=\"data\" >\n <span class=\"n7-alert__icon {{data.icon}}\" *ngIf=\"data.icon\"></span>\n <div class=\"n7-alert__text\" [innerHTML]=\"data.text\">\n </div>\n <span class=\"n7-alert__close-button n7-icon-close\" \n *ngIf=\"data.hasCloseButton\" \n (click)=\"onClick(data.payload)\"></span>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AlertComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{ selector: 'n7-alert', template: "<div class=\"n7-alert {{data.classes || ''}} {{ data.icon ? 'has-icon' : '' }}\" *ngIf=\"data\" >\n <span class=\"n7-alert__icon {{data.icon}}\" *ngIf=\"data.icon\"></span>\n <div class=\"n7-alert__text\" [innerHTML]=\"data.text\">\n </div>\n <span class=\"n7-alert__close-button n7-icon-close\" \n *ngIf=\"data.hasCloseButton\" \n (click)=\"onClick(data.payload)\"></span>\n</div>" }]
|
|
70
70
|
}], propDecorators: { data: [{
|
|
@@ -91,9 +91,9 @@ class AvatarComponent {
|
|
|
91
91
|
this.emit('mouseleave', payload);
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
-
AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
95
|
-
AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
94
|
+
AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
95
|
+
AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AvatarComponent, selector: "n7-avatar", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div class=\"n7-avatar {{data.classes || ''}}\"\n *ngIf=\"data\"\n (click)=\"onClick(data.payload)\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\">\n <div *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 *ngIf=\"!data.image\"\n [ngClass]=\"'n7-avatar__background'\"\n [ngStyle]=\"{\n 'background': data.color,\n 'height': data.size,\n 'width': data.size\n }\">\n <p class=\"n7-avatar__label\" [ngStyle]=\"{\n 'color': data.labelColor || 'black',\n 'font-size': 'calc(' + data.size + ' / 2)'\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"] }] });
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
97
97
|
type: Component,
|
|
98
98
|
args: [{ selector: 'n7-avatar', template: "<div class=\"n7-avatar {{data.classes || ''}}\"\n *ngIf=\"data\"\n (click)=\"onClick(data.payload)\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\">\n <div *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 *ngIf=\"!data.image\"\n [ngClass]=\"'n7-avatar__background'\"\n [ngStyle]=\"{\n 'background': data.color,\n 'height': data.size,\n 'width': data.size\n }\">\n <p class=\"n7-avatar__label\" [ngStyle]=\"{\n 'color': data.labelColor || 'black',\n 'font-size': 'calc(' + data.size + ' / 2)'\n \n }\">\n {{ data.label }}\n </p>\n </div>\n</div>\n" }]
|
|
99
99
|
}], propDecorators: { data: [{
|
|
@@ -110,9 +110,9 @@ class BreadcrumbsComponent {
|
|
|
110
110
|
this.emit('click', payload);
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
|
-
BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
114
|
-
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
113
|
+
BreadcrumbsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
+
BreadcrumbsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 *ngFor=\"let item of data.items\" class=\"n7-breadcrumbs__item {{ item.classes || '' }}\">\n <n7-anchor-wrapper [classes]=\"'n7-breadcrumbs__label'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\">\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"] }] });
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
116
116
|
type: Component,
|
|
117
117
|
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 *ngFor=\"let item of data.items\" class=\"n7-breadcrumbs__item {{ item.classes || '' }}\">\n <n7-anchor-wrapper [classes]=\"'n7-breadcrumbs__label'\"\n [data]=\"item.anchor\"\n (clicked)=\"onClick($event)\">\n {{ item.label }}\n </n7-anchor-wrapper>\n </li>\n </ol>\n </nav>\n</div>\n" }]
|
|
118
118
|
}], propDecorators: { data: [{
|
|
@@ -417,9 +417,9 @@ class BubbleChartComponent {
|
|
|
417
417
|
nodes.exit().remove();
|
|
418
418
|
}
|
|
419
419
|
}
|
|
420
|
-
BubbleChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
421
|
-
BubbleChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
420
|
+
BubbleChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BubbleChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
421
|
+
BubbleChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BubbleChartComponent, decorators: [{
|
|
423
423
|
type: Component,
|
|
424
424
|
args: [{ selector: 'n7-bubble-chart', template: "<div *ngIf=\"data\" class=\"n7-bubble-chart {{ data.classes || '' }}\">\n <svg #bubbleChart id=\"{{data.containerId}}\"></svg>\n</div>" }]
|
|
425
425
|
}], propDecorators: { data: [{
|
|
@@ -435,9 +435,9 @@ class IconComponent {
|
|
|
435
435
|
this.emit('click', value);
|
|
436
436
|
}
|
|
437
437
|
}
|
|
438
|
-
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
439
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
440
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
438
|
+
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
439
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: IconComponent, selector: "n7-icon", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<ng-container *ngIf=\"data as icon\">\n <span class=\"n7-icon\" *ngIf=\"icon.id\"\n [ngClass]=\"icon.id\"\n [ngStyle]=\"icon.style\"\n (click)=\"onClick(icon.payload)\">\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"] }] });
|
|
440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: IconComponent, decorators: [{
|
|
441
441
|
type: Component,
|
|
442
442
|
args: [{ selector: 'n7-icon', template: "<ng-container *ngIf=\"data as icon\">\n <span class=\"n7-icon\" *ngIf=\"icon.id\"\n [ngClass]=\"icon.id\"\n [ngStyle]=\"icon.style\"\n (click)=\"onClick(icon.payload)\">\n </span>\n</ng-container>\n" }]
|
|
443
443
|
}], propDecorators: { data: [{
|
|
@@ -449,9 +449,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
449
449
|
//---------------------------
|
|
450
450
|
class LoaderComponent {
|
|
451
451
|
}
|
|
452
|
-
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
453
|
-
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
454
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
452
|
+
LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
453
|
+
LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: LoaderComponent, selector: "n7-loader", inputs: { data: "data" }, ngImport: i0, template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>" });
|
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
455
455
|
type: Component,
|
|
456
456
|
args: [{ selector: 'n7-loader', template: "<span class=\"n7-loader {{ data && data.classes ? data.classes : '' }}\"></span>" }]
|
|
457
457
|
}], propDecorators: { data: [{
|
|
@@ -467,9 +467,9 @@ class ButtonComponent {
|
|
|
467
467
|
this.emit('click', value);
|
|
468
468
|
}
|
|
469
469
|
}
|
|
470
|
-
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
471
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
470
|
+
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
471
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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\"\n (clicked)=\"onClick($event)\">\n <button class=\"n7-btn\"\n [ngClass]=\"data.classes\"\n [disabled]=\"data.isDisabled\"\n [class.is-disabled]=\"data.isDisabled\"\n [class.is-loading]=\"data.isLoading\">\n <!-- loader -->\n <n7-loader [data]=\"{classes: 'n7-btn__loader'}\"\n *ngIf=\"data.isLoading\"></n7-loader>\n <!-- icon left -->\n <n7-icon [data]=\"data.iconLeft\"\n *ngIf=\"data.iconLeft\">\n </n7-icon>\n <!-- button label -->\n <span *ngIf=\"data.text\"\n class=\"n7-btn__text\">{{ data.text }}</span>\n <!-- icon right -->\n <n7-icon [data]=\"data.iconRight\"\n *ngIf=\"data.iconRight\">\n </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"] }] });
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
473
473
|
type: Component,
|
|
474
474
|
args: [{ selector: 'n7-button', template: "<ng-container *ngIf=\"data && data.anchor\">\n <n7-anchor-wrapper [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\">\n <button class=\"n7-btn\"\n [ngClass]=\"data.classes\"\n [disabled]=\"data.isDisabled\"\n [class.is-disabled]=\"data.isDisabled\"\n [class.is-loading]=\"data.isLoading\">\n <!-- loader -->\n <n7-loader [data]=\"{classes: 'n7-btn__loader'}\"\n *ngIf=\"data.isLoading\"></n7-loader>\n <!-- icon left -->\n <n7-icon [data]=\"data.iconLeft\"\n *ngIf=\"data.iconLeft\">\n </n7-icon>\n <!-- button label -->\n <span *ngIf=\"data.text\"\n class=\"n7-btn__text\">{{ data.text }}</span>\n <!-- icon right -->\n <n7-icon [data]=\"data.iconRight\"\n *ngIf=\"data.iconRight\">\n </n7-icon>\n </button>\n </n7-anchor-wrapper>\n</ng-container>\n" }]
|
|
475
475
|
}], propDecorators: { data: [{
|
|
@@ -550,9 +550,9 @@ class CarouselComponent {
|
|
|
550
550
|
});
|
|
551
551
|
}
|
|
552
552
|
}
|
|
553
|
-
CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
554
|
-
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
553
|
+
CarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
554
|
+
CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CarouselComponent, selector: "n7-carousel", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<button *ngIf=\"data && data.classes === 'demo'\"\n class=\"n7-btn\"\n (click)=\"api.load.videos()\">api.load.videos()</button>\n\n<div *ngIf=\"data\"\n class=\"n7-carousel {{ data.classes || '' }}\">\n <!-- Warning: Do not style div.latte-carousel -->\n <div id=\"{{data.containerId}}\"\n class=\"latte-carousel\">\n <ng-container *ngFor=\"let slide of data.slides; let index = index;\">\n <ng-container *ngTemplateOutlet=\"carouselSlide; context:{slide: slide, index: index}\"></ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- ===== SLIDE WRAPPER ===== -->\n<ng-template #carouselSlide\n let-slide=\"slide\"\n let-slideID=\"index\">\n <!-- Warning: Do not style div.latte-item -->\n <div class=\"latte-item\">\n <div 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 <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 *ngTemplateOutlet=\"slideForeground; context:{items: slide.items, slideID: slideID}\">\n </ng-container>\n </div>\n <div class=\"n7-carousel__slide-content-right\"\n *ngIf=\"slide.action\">\n <n7-anchor-wrapper [data]=\"slide.action.anchor\"\n (clicked)=\"onClick($event)\">\n <!-- Button ID's are used to dynamically reattach events after loading the carousel -->\n <button id=\"{{data.containerId}}-{{slideID}}\"\n class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l\">\n {{slide.action.text}}\n </button>\n </n7-anchor-wrapper>\n <ng-container *ngTemplateOutlet=\"sideImage; context:{items: slide.items, slideID: slideID}\">\n </ng-container>\n </div>\n\n </div>\n </div>\n <ng-container *ngIf=\"slide.background\">\n <ng-container *ngTemplateOutlet=\"slideBackground; context:{$implicit: slide.background}\">\n </ng-container>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<!-- ===== SLIDE FOREGROUND ===== -->\n<ng-template #slideForeground\n let-items=\"items\"\n let-slideID=\"slideID\">\n <ng-container *ngFor=\"let el of items; let itemID = index\">\n <!-- title -->\n <h1 class=\"n7-carousel__slide-title\"\n *ngIf=\"el.title\">{{el.title}}</h1>\n <!-- text -->\n <div class=\"n7-carousel__slide-text\"\n *ngIf=\"el.text\" [innerHTML]=\"el.text\"></div>\n <!-- image -->\n <ng-container *ngIf=\"el.image as img\">\n <img class=\"n7-carousel__slide-img\" [src]=\"img.src\" [alt]=\"img.alt ?? ''\" [ngClass]=\"img.classes\">\n </ng-container>\n <!-- metadata -->\n <div class=\"n7-carousel__slide-metadata-wrapper\"\n *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\"\n *ngIf=\"m.key\">{{m.key}}</span>\n <span class=\"n7-carousel__slide-metadata-value\"\n *ngIf=\"m.value\">{{m.value}}</span>\n </div>\n </ng-container>\n </div>\n </ng-container>\n</ng-template>\n\n\n<!-- ===== SIDE IMAGE ===== -->\n<ng-template #sideImage\n let-items=\"items\"\n 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 class=\"n7-carousel__side-img\" [src]=\"img.src\" [alt]=\"img.alt ?? ''\" [ngClass]=\"img.classes\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- ===== VIDEO BACKGROUND ===== -->\n<ng-template #slideBackground\n let-bg>\n <ng-container *ngIf=\"bg.video as v\">\n <video #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 <source #source\n class=\"lazy\"\n [attr.data-src]=\"v.url\"\n type=\"video/mp4\">\n </video>\n <div class=\"n7-carousel__slide-video-overlay\">\n\n </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"] }] });
|
|
555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
556
556
|
type: Component,
|
|
557
557
|
args: [{ selector: 'n7-carousel', template: "<button *ngIf=\"data && data.classes === 'demo'\"\n class=\"n7-btn\"\n (click)=\"api.load.videos()\">api.load.videos()</button>\n\n<div *ngIf=\"data\"\n class=\"n7-carousel {{ data.classes || '' }}\">\n <!-- Warning: Do not style div.latte-carousel -->\n <div id=\"{{data.containerId}}\"\n class=\"latte-carousel\">\n <ng-container *ngFor=\"let slide of data.slides; let index = index;\">\n <ng-container *ngTemplateOutlet=\"carouselSlide; context:{slide: slide, index: index}\"></ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- ===== SLIDE WRAPPER ===== -->\n<ng-template #carouselSlide\n let-slide=\"slide\"\n let-slideID=\"index\">\n <!-- Warning: Do not style div.latte-item -->\n <div class=\"latte-item\">\n <div 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 <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 *ngTemplateOutlet=\"slideForeground; context:{items: slide.items, slideID: slideID}\">\n </ng-container>\n </div>\n <div class=\"n7-carousel__slide-content-right\"\n *ngIf=\"slide.action\">\n <n7-anchor-wrapper [data]=\"slide.action.anchor\"\n (clicked)=\"onClick($event)\">\n <!-- Button ID's are used to dynamically reattach events after loading the carousel -->\n <button id=\"{{data.containerId}}-{{slideID}}\"\n class=\"n7-hero__btn n7-btn n7-btn-cta n7-btn-l\">\n {{slide.action.text}}\n </button>\n </n7-anchor-wrapper>\n <ng-container *ngTemplateOutlet=\"sideImage; context:{items: slide.items, slideID: slideID}\">\n </ng-container>\n </div>\n\n </div>\n </div>\n <ng-container *ngIf=\"slide.background\">\n <ng-container *ngTemplateOutlet=\"slideBackground; context:{$implicit: slide.background}\">\n </ng-container>\n </ng-container>\n </div>\n </div>\n</ng-template>\n\n<!-- ===== SLIDE FOREGROUND ===== -->\n<ng-template #slideForeground\n let-items=\"items\"\n let-slideID=\"slideID\">\n <ng-container *ngFor=\"let el of items; let itemID = index\">\n <!-- title -->\n <h1 class=\"n7-carousel__slide-title\"\n *ngIf=\"el.title\">{{el.title}}</h1>\n <!-- text -->\n <div class=\"n7-carousel__slide-text\"\n *ngIf=\"el.text\" [innerHTML]=\"el.text\"></div>\n <!-- image -->\n <ng-container *ngIf=\"el.image as img\">\n <img class=\"n7-carousel__slide-img\" [src]=\"img.src\" [alt]=\"img.alt ?? ''\" [ngClass]=\"img.classes\">\n </ng-container>\n <!-- metadata -->\n <div class=\"n7-carousel__slide-metadata-wrapper\"\n *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\"\n *ngIf=\"m.key\">{{m.key}}</span>\n <span class=\"n7-carousel__slide-metadata-value\"\n *ngIf=\"m.value\">{{m.value}}</span>\n </div>\n </ng-container>\n </div>\n </ng-container>\n</ng-template>\n\n\n<!-- ===== SIDE IMAGE ===== -->\n<ng-template #sideImage\n let-items=\"items\"\n 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 class=\"n7-carousel__side-img\" [src]=\"img.src\" [alt]=\"img.alt ?? ''\" [ngClass]=\"img.classes\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- ===== VIDEO BACKGROUND ===== -->\n<ng-template #slideBackground\n let-bg>\n <ng-container *ngIf=\"bg.video as v\">\n <video #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 <source #source\n class=\"lazy\"\n [attr.data-src]=\"v.url\"\n type=\"video/mp4\">\n </video>\n <div class=\"n7-carousel__slide-video-overlay\">\n\n </div>\n </ng-container>\n</ng-template>\n" }]
|
|
558
558
|
}], propDecorators: { data: [{
|
|
@@ -582,9 +582,9 @@ class ChartComponent {
|
|
|
582
582
|
});
|
|
583
583
|
}
|
|
584
584
|
}
|
|
585
|
-
ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
586
|
-
ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
587
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
585
|
+
ChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
586
|
+
ChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ChartComponent, decorators: [{
|
|
588
588
|
type: Component,
|
|
589
589
|
args: [{ selector: 'n7-chart', template: "<div *ngIf=\"data\" class=\"n7-chart {{ data.classes || '' }}\">\n <div id=\"{{ data.containerId }}\"></div>\n</div>" }]
|
|
590
590
|
}], propDecorators: { data: [{
|
|
@@ -596,9 +596,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
596
596
|
//---------------------------
|
|
597
597
|
class ContentPlaceholderComponent {
|
|
598
598
|
}
|
|
599
|
-
ContentPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
600
|
-
ContentPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
601
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
599
|
+
ContentPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContentPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
600
|
+
ContentPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 *ngIf=\"!b.image\" class=\"n7-content-placeholder__item {{b.classes || ''}}\"></div>\n <img *ngIf=\"b.image\" class=\"n7-content-placeholder__image {{b.classes || ''}}\" src=\"{{b.image}}\" alt=\"{{ b.alt || '' }}\">\n </ng-container>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
601
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ContentPlaceholderComponent, decorators: [{
|
|
602
602
|
type: Component,
|
|
603
603
|
args: [{ selector: 'n7-content-placeholder', template: "<div *ngIf=\"data\" class=\"n7-content-placeholder\">\n <ng-container *ngFor=\"let b of data.blocks\">\n <div *ngIf=\"!b.image\" class=\"n7-content-placeholder__item {{b.classes || ''}}\"></div>\n <img *ngIf=\"b.image\" class=\"n7-content-placeholder__image {{b.classes || ''}}\" src=\"{{b.image}}\" alt=\"{{ b.alt || '' }}\">\n </ng-container>\n</div>" }]
|
|
604
604
|
}], propDecorators: { data: [{
|
|
@@ -618,9 +618,9 @@ class DataWidgetComponent {
|
|
|
618
618
|
this.emit('mouseleave', payload);
|
|
619
619
|
}
|
|
620
620
|
}
|
|
621
|
-
DataWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
622
|
-
DataWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
623
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
621
|
+
DataWidgetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DataWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
622
|
+
DataWidgetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 *ngIf=\"data.icon\"\n class=\"n7-data-widget__main-icon {{data.icon}}\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\">\n </span>\n <img class=\"n7-data-widget__second-icon\" *ngIf=\"data.imgIcon\"\n [src]=\"data.imgIcon.path\"\n [alt]=\"data.imgIcon.alt\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\">\n <h2 class=\"n7-data-widget__main-title\"\n [innerHTML]=\"data.text\">\n </h2>\n </div>\n \n <div *ngIf=\"data.subtitle && (data.subtitle.text || data.subtitle.icon || data.subtitle.value)\"\n class=\"n7-data-widget__sub\">\n <p *ngIf=\"data.subtitle.text\"\n class=\"n7-data-widget__sub-title\"\n [innerHTML]=\"data.subtitle.text\">\n </p>\n <span *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 <img *ngIf=\"data.subtitle.imgIcon\" \n [src]=\"data.subtitle.imgIcon.path\"\n [alt]=\"data.subtitle.imgIcon.alt\">\n <span *ngIf=\"data.subtitle.icon\"\n class=\"n7-data-widget__sub-info-icon {{data.subtitle.icon}}\">\n </span>\n <span *ngIf=\"data.subtitle.value\"\n class=\"n7-data-widget__sub-info-label\"\n [innerHTML]=\"data.subtitle.value\">\n </span>\n </span>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
623
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DataWidgetComponent, decorators: [{
|
|
624
624
|
type: Component,
|
|
625
625
|
args: [{ selector: 'n7-data-widget', template: "<div *ngIf=\"data\" class=\"n7-data-widget {{ data.classes || '' }}\">\n <div class=\"n7-data-widget__main\">\n <span *ngIf=\"data.icon\"\n class=\"n7-data-widget__main-icon {{data.icon}}\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\">\n </span>\n <img class=\"n7-data-widget__second-icon\" *ngIf=\"data.imgIcon\"\n [src]=\"data.imgIcon.path\"\n [alt]=\"data.imgIcon.alt\"\n (mouseenter)=\"onMouseEnter(data.payload)\"\n (mouseleave)=\"onMouseLeave(data.payload)\">\n <h2 class=\"n7-data-widget__main-title\"\n [innerHTML]=\"data.text\">\n </h2>\n </div>\n \n <div *ngIf=\"data.subtitle && (data.subtitle.text || data.subtitle.icon || data.subtitle.value)\"\n class=\"n7-data-widget__sub\">\n <p *ngIf=\"data.subtitle.text\"\n class=\"n7-data-widget__sub-title\"\n [innerHTML]=\"data.subtitle.text\">\n </p>\n <span *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 <img *ngIf=\"data.subtitle.imgIcon\" \n [src]=\"data.subtitle.imgIcon.path\"\n [alt]=\"data.subtitle.imgIcon.alt\">\n <span *ngIf=\"data.subtitle.icon\"\n class=\"n7-data-widget__sub-info-icon {{data.subtitle.icon}}\">\n </span>\n <span *ngIf=\"data.subtitle.value\"\n class=\"n7-data-widget__sub-info-label\"\n [innerHTML]=\"data.subtitle.value\">\n </span>\n </span>\n </div>\n</div>\n" }]
|
|
626
626
|
}], propDecorators: { data: [{
|
|
@@ -654,9 +654,9 @@ class DatepickerComponent {
|
|
|
654
654
|
});
|
|
655
655
|
}
|
|
656
656
|
}
|
|
657
|
-
DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
658
|
-
DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
659
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
657
|
+
DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
658
|
+
DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatepickerComponent, decorators: [{
|
|
660
660
|
type: Component,
|
|
661
661
|
args: [{ selector: 'n7-datepicker', template: "<div *ngIf=\"data\" class=\"n7-datepicker {{ data.classes || '' }}\">\n <input type=\"text\" id=\"{{this.data.id}}\"/>\n</div>" }]
|
|
662
662
|
}], propDecorators: { data: [{
|
|
@@ -673,9 +673,9 @@ class FacetComponent {
|
|
|
673
673
|
this.emit('change', { inputPayload, value });
|
|
674
674
|
}
|
|
675
675
|
}
|
|
676
|
-
FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
677
|
-
FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
676
|
+
FacetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FacetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
677
|
+
FacetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FacetComponent, selector: "n7-facet", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet\">\n <div *ngFor=\"let section of data.sections\" class=\"n7-facet__section {{ section.classes || '' }}\">\n <div *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\n <!-- Checkbox -->\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <input type=\"checkbox\" id=\"{{ input.id }}\" class=\"n7-facet__input-checkbox-input\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\">\n <label *ngIf=\"input.label\" class=\"n7-facet__checkbox-label\" for=\"{{ input.id }}\">\n {{ input.label }}\n </label>\n </ng-container>\n\n <!-- Text -->\n <ng-container *ngSwitchCase=\"'text'\">\n <label *ngIf=\"input.label\" class=\"n7-facet__input-text-label\" for=\"{{ input.id }}\">\n {{ input.label }}\n </label>\n <div class=\"n7-facet__input-text-wrapper\">\n <input type=\"text\" id=\"{{ input.id }}\" 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 <span *ngIf=\"input.icon\" class=\"n7-facet__input-text-icon {{input.icon || ''}}\" \n (click)=\"onChange(input.iconPayload)\">\n </span>\n </div>\n </ng-container>\n\n <!-- Link -->\n <ng-container *ngSwitchCase=\"'link'\">\n <div class=\"n7-facet__input-link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\">\n <span *ngIf=\"input.icon\" class=\"n7-facet__input-link-icon {{ input.icon }}\"></span>\n <span class=\"n7-facet__input-link-text\">{{ input.text }}</span>\n <span *ngIf=\"input.counter || input.counter === 0\" class=\"n7-facet__input-link-counter\">{{ input.counter }}</span>\n </div>\n </ng-container>\n\n <!-- Select -->\n <ng-container *ngSwitchCase=\"'select'\">\n <label *ngIf=\"input.label\" for=\"{{ input.id }}\">{{ input.label }}</label>\n <select (change)=\"onChange(input.payload, $event.target.value)\" \n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\" \n [value]=\"option.value\" \n [disabled]=\"option.disabled\" \n [selected]=\"option.selected\">{{ option.label }}</option>\n </select>\n </ng-container>\n </ng-container>\n\n </div>\n </div>\n</div>", 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"] }] });
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FacetComponent, decorators: [{
|
|
679
679
|
type: Component,
|
|
680
680
|
args: [{ selector: 'n7-facet', template: "<div *ngIf=\"data\" class=\"n7-facet\">\n <div *ngFor=\"let section of data.sections\" class=\"n7-facet__section {{ section.classes || '' }}\">\n <div *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\n <!-- Checkbox -->\n <ng-container *ngSwitchCase=\"'checkbox'\">\n <input type=\"checkbox\" id=\"{{ input.id }}\" class=\"n7-facet__input-checkbox-input\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\">\n <label *ngIf=\"input.label\" class=\"n7-facet__checkbox-label\" for=\"{{ input.id }}\">\n {{ input.label }}\n </label>\n </ng-container>\n\n <!-- Text -->\n <ng-container *ngSwitchCase=\"'text'\">\n <label *ngIf=\"input.label\" class=\"n7-facet__input-text-label\" for=\"{{ input.id }}\">\n {{ input.label }}\n </label>\n <div class=\"n7-facet__input-text-wrapper\">\n <input type=\"text\" id=\"{{ input.id }}\" 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 <span *ngIf=\"input.icon\" class=\"n7-facet__input-text-icon {{input.icon || ''}}\" \n (click)=\"onChange(input.iconPayload)\">\n </span>\n </div>\n </ng-container>\n\n <!-- Link -->\n <ng-container *ngSwitchCase=\"'link'\">\n <div class=\"n7-facet__input-link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\">\n <span *ngIf=\"input.icon\" class=\"n7-facet__input-link-icon {{ input.icon }}\"></span>\n <span class=\"n7-facet__input-link-text\">{{ input.text }}</span>\n <span *ngIf=\"input.counter || input.counter === 0\" class=\"n7-facet__input-link-counter\">{{ input.counter }}</span>\n </div>\n </ng-container>\n\n <!-- Select -->\n <ng-container *ngSwitchCase=\"'select'\">\n <label *ngIf=\"input.label\" for=\"{{ input.id }}\">{{ input.label }}</label>\n <select (change)=\"onChange(input.payload, $event.target.value)\" \n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select {{ input.classes || '' }}\"\n [disabled]=\"input.disabled\">\n <option *ngFor=\"let option of input.options\" \n [value]=\"option.value\" \n [disabled]=\"option.disabled\" \n [selected]=\"option.selected\">{{ option.label }}</option>\n </select>\n </ng-container>\n </ng-container>\n\n </div>\n </div>\n</div>" }]
|
|
681
681
|
}], propDecorators: { data: [{
|
|
@@ -692,9 +692,9 @@ class FacetHeaderComponent {
|
|
|
692
692
|
this.emit('click', payload);
|
|
693
693
|
}
|
|
694
694
|
}
|
|
695
|
-
FacetHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
696
|
-
FacetHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
695
|
+
FacetHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FacetHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
696
|
+
FacetHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FacetHeaderComponent, selector: "n7-facet-header", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" \nclass=\"n7-facet-header {{ data.classes || '' }}\" \n(click)=\"onClick(data.payload)\">\n <span *ngIf=\"data.iconLeft\"\n class=\"n7-facet-header__icon-left {{ data.iconLeft }}\">\n </span>\n <span class=\"n7-facet-header__text-wrapper\">\n <span class=\"n7-facet-header__text\">\n {{data.text}}\n </span>\n <span class=\"n7-facet-header__secondary-text\" *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span *ngIf=\"data.iconRight\" \n class=\"n7-facet-header__icon-right {{ data.iconRight }}\">\n </span>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FacetHeaderComponent, decorators: [{
|
|
698
698
|
type: Component,
|
|
699
699
|
args: [{ selector: 'n7-facet-header', template: "<div *ngIf=\"data\" \nclass=\"n7-facet-header {{ data.classes || '' }}\" \n(click)=\"onClick(data.payload)\">\n <span *ngIf=\"data.iconLeft\"\n class=\"n7-facet-header__icon-left {{ data.iconLeft }}\">\n </span>\n <span class=\"n7-facet-header__text-wrapper\">\n <span class=\"n7-facet-header__text\">\n {{data.text}}\n </span>\n <span class=\"n7-facet-header__secondary-text\" *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span *ngIf=\"data.iconRight\" \n class=\"n7-facet-header__icon-right {{ data.iconRight }}\">\n </span>\n</div>" }]
|
|
700
700
|
}], propDecorators: { data: [{
|
|
@@ -740,9 +740,9 @@ class FacetYearRangeComponent {
|
|
|
740
740
|
}
|
|
741
741
|
}
|
|
742
742
|
}
|
|
743
|
-
FacetYearRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
744
|
-
FacetYearRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
743
|
+
FacetYearRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FacetYearRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
744
|
+
FacetYearRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FacetYearRangeComponent, selector: "n7-facet-year-range", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-facet-year-range\">\n\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 (change)=\"onChange(data.inDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__in-select {{ data.inDate.classes || '' }}\">\n <!-- Placeholder option -->\n <option *ngIf=\"data.inDate.placeholder.length > 0\" value=\"{{ data.inDate.placeholder }}\" disabled selected>\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 (change)=\"onChange(data.outDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__out-select {{ data.outDate.classes || '' }}\"\n formControlName=\"outDate\">\n <!-- Placeholder option -->\n <option *ngIf=\"data.outDate.placeholder.length > 0\" value=\"{{ data.outDate.placeholder }}\" disabled selected>\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>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FacetYearRangeComponent, decorators: [{
|
|
746
746
|
type: Component,
|
|
747
747
|
args: [{ selector: 'n7-facet-year-range', template: "<div *ngIf=\"data\" class=\"n7-facet-year-range\">\n\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 (change)=\"onChange(data.inDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__in-select {{ data.inDate.classes || '' }}\">\n <!-- Placeholder option -->\n <option *ngIf=\"data.inDate.placeholder.length > 0\" value=\"{{ data.inDate.placeholder }}\" disabled selected>\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 (change)=\"onChange(data.outDate.payload, $event.target.value)\"\n class=\"n7-facet-year-range__out-select {{ data.outDate.classes || '' }}\"\n formControlName=\"outDate\">\n <!-- Placeholder option -->\n <option *ngIf=\"data.outDate.placeholder.length > 0\" value=\"{{ data.outDate.placeholder }}\" disabled selected>\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>" }]
|
|
748
748
|
}], propDecorators: { data: [{
|
|
@@ -751,6 +751,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
751
751
|
type: Input
|
|
752
752
|
}] } });
|
|
753
753
|
|
|
754
|
+
//---------------------------
|
|
755
|
+
class FileSelectorComponent {
|
|
756
|
+
onFileSelected(eventTarget) {
|
|
757
|
+
if (!this.emit)
|
|
758
|
+
return;
|
|
759
|
+
const input = eventTarget;
|
|
760
|
+
const iterableFiles = Array.from(input.files);
|
|
761
|
+
Promise
|
|
762
|
+
.all(iterableFiles.map((file) => this.toBase64(file)))
|
|
763
|
+
.then((base64list) => {
|
|
764
|
+
this.emit('change', { target: eventTarget, files: input.files, base64: base64list });
|
|
765
|
+
});
|
|
766
|
+
}
|
|
767
|
+
/** Obtain base64 string for upload and storage */
|
|
768
|
+
toBase64(file) {
|
|
769
|
+
return new Promise((resolve, reject) => {
|
|
770
|
+
const reader = new FileReader();
|
|
771
|
+
reader.onerror = (err) => reject(err);
|
|
772
|
+
reader.onload = () => resolve(reader.result);
|
|
773
|
+
reader.readAsDataURL(file);
|
|
774
|
+
});
|
|
775
|
+
}
|
|
776
|
+
}
|
|
777
|
+
FileSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
778
|
+
FileSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 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 <!-- CAPTURES THE CLICKS ON THE INNER CONTENT -->\n <div class=\"n7-file-selector\"\n (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"] }] });
|
|
779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FileSelectorComponent, decorators: [{
|
|
780
|
+
type: Component,
|
|
781
|
+
args: [{ selector: 'n7-file-selector', template: "<ng-container *ngIf=\"data\">\n <!-- HIDDEN NATIVE INPUT ELEMENT -->\n <input 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 <!-- CAPTURES THE CLICKS ON THE INNER CONTENT -->\n <div class=\"n7-file-selector\"\n (click)=\"fileUpload.click()\">\n <ng-content>\n <!-- UI ELEMENTS FOR IMAGE UPLOAD -->\n </ng-content>\n </div>\n</ng-container>\n" }]
|
|
782
|
+
}], propDecorators: { data: [{
|
|
783
|
+
type: Input
|
|
784
|
+
}], emit: [{
|
|
785
|
+
type: Input
|
|
786
|
+
}] } });
|
|
787
|
+
|
|
754
788
|
//---------------------------
|
|
755
789
|
class InputSelectComponent {
|
|
756
790
|
onChange(inputPayload, value) {
|
|
@@ -759,9 +793,9 @@ class InputSelectComponent {
|
|
|
759
793
|
this.emit('change', { inputPayload, value });
|
|
760
794
|
}
|
|
761
795
|
}
|
|
762
|
-
InputSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
763
|
-
InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
764
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
796
|
+
InputSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
797
|
+
InputSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputSelectComponent, selector: "n7-input-select", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select\"\n [ngClass]=\"input.classes\"\n [attr.name]=\"input.name\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\">\n <option *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 {{ 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"] }] });
|
|
798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputSelectComponent, decorators: [{
|
|
765
799
|
type: Component,
|
|
766
800
|
args: [{ selector: 'n7-input-select', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-select\">\n <label *ngIf=\"input.label\"\n for=\"{{ input.id }}\" [innerHTML]=\"input.label\"></label>\n <select (change)=\"onChange(input.payload, $event.target.value)\"\n id=\"{{ input.id }}\"\n class=\"n7-facet__input-select\"\n [ngClass]=\"input.classes\"\n [attr.name]=\"input.name\"\n [disabled]=\"input.disabled\"\n [required]=\"input.required\">\n <option *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 {{ option.label }}\n </option>\n </select>\n</div>\n" }]
|
|
767
801
|
}], propDecorators: { data: [{
|
|
@@ -778,9 +812,9 @@ class FooterComponent {
|
|
|
778
812
|
this.emit('click', payload);
|
|
779
813
|
}
|
|
780
814
|
}
|
|
781
|
-
FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
782
|
-
FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
815
|
+
FooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
816
|
+
FooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FooterComponent, selector: "n7-footer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"n7-footer {{data.classes || ''}}\">\n <div class=\"n7-footer__content\">\n <!-- Loop footer content columns -->\n <div class=\"n7-footer__column {{column.classes || ''}}\"\n *ngFor=\"let column of data.columns\">\n <ng-container *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"></ng-container>\n </div>\n </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n <!-- 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>\n </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-template>\n\n<!-- Content Sections -->\n<!-- TITLE -->\n<ng-template #title let-section>\n <h2 *ngIf=\"section.title\"\n class=\"n7-footer__column-title\">\n {{ section.title }}\n </h2>\n</ng-template>\n<!-- TEXT -->\n<ng-template #text let-section>\n <p *ngIf=\"section.text\"\n class=\"n7-footer__column-text\"\n [innerHTML]=\"section.text\"></p>\n</ng-template>\n<!-- IMAGES -->\n<ng-template #images let-section>\n <div *ngIf=\"section.images\"\n class=\"n7-footer__column-images\">\n <n7-anchor-wrapper *ngFor=\"let image of section.images\"\n [classes]=\"image.classes || ''\"\n [data]=\"image.anchor\"\n (clicked)=\"onClick($event)\">\n <img [src]=\"image.url\"\n [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\"\n class=\"n7-footer__column-selects\">\n <n7-input-select *ngFor=\"let selectData of section.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\">\n </n7-input-select>\n </div>\n</ng-template>\n<!-- LINKS -->\n<ng-template #links let-section>\n <div *ngIf=\"section.links\"\n class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li *ngFor=\"let link of section.links\"\n class=\"n7-footer__column-nav-item {{link.classes || ''}}\">\n <n7-anchor-wrapper [classes]=\"'n7-footer__column-nav-link'\"\n [data]=\"link.anchor\"\n (clicked)=\"onClick($event)\">\n {{ link.text }}\n </n7-anchor-wrapper>\n </li>\n </ul>\n </div>\n</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"] }] });
|
|
817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FooterComponent, decorators: [{
|
|
784
818
|
type: Component,
|
|
785
819
|
args: [{ selector: 'n7-footer', template: "<div *ngIf=\"data\"\n class=\"n7-footer {{data.classes || ''}}\">\n <div class=\"n7-footer__content\">\n <!-- Loop footer content columns -->\n <div class=\"n7-footer__column {{column.classes || ''}}\"\n *ngFor=\"let column of data.columns\">\n <ng-container *ngTemplateOutlet=\"footerColumn; context:{$implicit: column}\"></ng-container>\n </div>\n </div>\n</div>\n\n<!-- Template: Columns -->\n<ng-template #footerColumn let-column>\n <!-- 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>\n </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-template>\n\n<!-- Content Sections -->\n<!-- TITLE -->\n<ng-template #title let-section>\n <h2 *ngIf=\"section.title\"\n class=\"n7-footer__column-title\">\n {{ section.title }}\n </h2>\n</ng-template>\n<!-- TEXT -->\n<ng-template #text let-section>\n <p *ngIf=\"section.text\"\n class=\"n7-footer__column-text\"\n [innerHTML]=\"section.text\"></p>\n</ng-template>\n<!-- IMAGES -->\n<ng-template #images let-section>\n <div *ngIf=\"section.images\"\n class=\"n7-footer__column-images\">\n <n7-anchor-wrapper *ngFor=\"let image of section.images\"\n [classes]=\"image.classes || ''\"\n [data]=\"image.anchor\"\n (clicked)=\"onClick($event)\">\n <img [src]=\"image.url\"\n [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\"\n class=\"n7-footer__column-selects\">\n <n7-input-select *ngFor=\"let selectData of section.selects\"\n [data]=\"selectData\"\n [emit]=\"this.emit\">\n </n7-input-select>\n </div>\n</ng-template>\n<!-- LINKS -->\n<ng-template #links let-section>\n <div *ngIf=\"section.links\"\n class=\"n7-footer__column-nav\">\n <ul class=\"n7-footer__column-nav-list\">\n <li *ngFor=\"let link of section.links\"\n class=\"n7-footer__column-nav-item {{link.classes || ''}}\">\n <n7-anchor-wrapper [classes]=\"'n7-footer__column-nav-link'\"\n [data]=\"link.anchor\"\n (clicked)=\"onClick($event)\">\n {{ link.text }}\n </n7-anchor-wrapper>\n </li>\n </ul>\n </div>\n</ng-template>\n" }]
|
|
786
820
|
}], propDecorators: { data: [{
|
|
@@ -825,9 +859,9 @@ class HeaderComponent {
|
|
|
825
859
|
this.emit('keyup', { payload, keyCode, value });
|
|
826
860
|
}
|
|
827
861
|
}
|
|
828
|
-
HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
829
|
-
HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
862
|
+
HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
863
|
+
HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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"] }] });
|
|
864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
831
865
|
type: Component,
|
|
832
866
|
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" }]
|
|
833
867
|
}], propDecorators: { data: [{
|
|
@@ -860,9 +894,9 @@ class HeroComponent {
|
|
|
860
894
|
this.emit('enter', { inputPayload: payload, value });
|
|
861
895
|
}
|
|
862
896
|
}
|
|
863
|
-
HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
864
|
-
HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
865
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
897
|
+
HeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
898
|
+
HeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: HeroComponent, selector: "n7-hero", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<section *ngIf=\"data\" 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 <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <p class=\"n7-hero__pre-title\" *ngIf=\"data.preTitle\" [innerHTML]=\"data.preTitle\"></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input 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 <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n *ngIf=\"data.input && data.input.icon\" \n (click)=\"onClick(data.input.payload)\"></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\">\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\n </div>\n</section>", 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"] }] });
|
|
899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HeroComponent, decorators: [{
|
|
866
900
|
type: Component,
|
|
867
901
|
args: [{ selector: 'n7-hero', template: "<section *ngIf=\"data\" 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 <div class=\"n7-hero__content\">\n \n <div class=\"n7-hero__text-wrapper\">\n <p class=\"n7-hero__pre-title\" *ngIf=\"data.preTitle\" [innerHTML]=\"data.preTitle\"></p>\n <h2 class=\"n7-hero__title\" [innerHTML]=\"data.title\"></h2>\n <div class=\"n7-hero__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></div>\n <div class=\"n7-hero__input-wrapper\" *ngIf=\"data.input || data.button\">\n <input 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 <span class=\"n7-hero__input-icon {{data.input.icon || ''}}\" \n *ngIf=\"data.input && data.input.icon\" \n (click)=\"onClick(data.input.payload)\"></span>\n <ng-container *ngIf=\"data.button\">\n <n7-anchor-wrapper [classes]=\"'n7-hero__btn n7-btn n7-btn-cta n7-btn-l'\"\n [data]=\"data.button.anchor\"\n (clicked)=\"onClick($event)\">\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\n </div>\n</section>" }]
|
|
868
902
|
}], propDecorators: { data: [{
|
|
@@ -1244,9 +1278,9 @@ class HistogramRangeComponent {
|
|
|
1244
1278
|
this.emit('loaded', payload);
|
|
1245
1279
|
}
|
|
1246
1280
|
}
|
|
1247
|
-
HistogramRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1248
|
-
HistogramRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1281
|
+
HistogramRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HistogramRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1282
|
+
HistogramRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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"] }] });
|
|
1283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HistogramRangeComponent, decorators: [{
|
|
1250
1284
|
type: Component,
|
|
1251
1285
|
args: [{ selector: 'n7-histogram-range', template: "<div *ngIf=\"data\" class=\"n7-histogram-range\">\n <svg #histogramRange [id]=\"data.containerId\"></svg>\n</div>\n" }]
|
|
1252
1286
|
}], propDecorators: { data: [{
|
|
@@ -1283,9 +1317,9 @@ class ImageViewerComponent {
|
|
|
1283
1317
|
this.emit('thumbclick', payload);
|
|
1284
1318
|
}
|
|
1285
1319
|
}
|
|
1286
|
-
ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1287
|
-
ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1320
|
+
ImageViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1321
|
+
ImageViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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\">\n </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 *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__prev\" id=\"n7-image-viewer-nav-prev\">\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n\n <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__next\" id=\"n7-image-viewer-nav-next\">\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ImageViewerComponent, decorators: [{
|
|
1289
1323
|
type: Component,
|
|
1290
1324
|
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\">\n </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 *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__prev\" id=\"n7-image-viewer-nav-prev\">\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n\n <div *ngIf=\"!data.hideNavigation\" class=\"n7-image-viewer__next\" id=\"n7-image-viewer-nav-next\">\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n</div>" }]
|
|
1291
1325
|
}], propDecorators: { data: [{
|
|
@@ -1305,9 +1339,9 @@ class ImageViewerToolsComponent {
|
|
|
1305
1339
|
this.emit('click', payload); // click
|
|
1306
1340
|
}
|
|
1307
1341
|
}
|
|
1308
|
-
ImageViewerToolsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1309
|
-
ImageViewerToolsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1342
|
+
ImageViewerToolsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ImageViewerToolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1343
|
+
ImageViewerToolsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 <!-- $event -->\n <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"></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 <!-- $event -->\n <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-image-viewer-tools__thumbs-description\">\n <div class=\"n7-image-viewer-tools__thumbs\" \n *ngIf=\"data.isVisible.thumbnails && data.images\" >\n <div class=\"n7-image-viewer-tools__thumbs-strip\">\n <div *ngFor=\"let img of data.images; let imgIndex = index\" \n class=\"n7-image-viewer-tools__thumb\"\n [class.active]=\"imgIndex == data.initial\">\n <img\n class=\"n7-image-viewer-tools__thumb-image\"\n src=\"{{img.thumb}}\"\n (click)=\"onClick(img.payload)\" >\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 <!-- (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 <span class=\"n7-icon-angle-right\"></span>\n </div>\n </ng-container>\n\n </div>\n\n <div class=\"n7-image-viewer-tools__description\" \n *ngIf=\"data.isVisible.description\" >\n <div class=\"n7-image-viewer-tools__description-close\"\n (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\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 class=\"n7-image-viewer-tools__description-text\" [innerHTML]=\"data.description\"></div>\n </div>\n \n </div>\n </div> \n </div>\n</div>", 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"] }] });
|
|
1344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ImageViewerToolsComponent, decorators: [{
|
|
1311
1345
|
type: Component,
|
|
1312
1346
|
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 <!-- $event -->\n <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"></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 <!-- $event -->\n <span class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-image-viewer-tools__thumbs-description\">\n <div class=\"n7-image-viewer-tools__thumbs\" \n *ngIf=\"data.isVisible.thumbnails && data.images\" >\n <div class=\"n7-image-viewer-tools__thumbs-strip\">\n <div *ngFor=\"let img of data.images; let imgIndex = index\" \n class=\"n7-image-viewer-tools__thumb\"\n [class.active]=\"imgIndex == data.initial\">\n <img\n class=\"n7-image-viewer-tools__thumb-image\"\n src=\"{{img.thumb}}\"\n (click)=\"onClick(img.payload)\" >\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 <!-- (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 <span class=\"n7-icon-angle-right\"></span>\n </div>\n </ng-container>\n\n </div>\n\n <div class=\"n7-image-viewer-tools__description\" \n *ngIf=\"data.isVisible.description\" >\n <div class=\"n7-image-viewer-tools__description-close\"\n (click)=\"onClick(data.controls.closedescription.anchor.payload)\">\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 class=\"n7-image-viewer-tools__description-text\" [innerHTML]=\"data.description\"></div>\n </div>\n \n </div>\n </div> \n </div>\n</div>" }]
|
|
1313
1347
|
}], propDecorators: { data: [{
|
|
@@ -1339,9 +1373,9 @@ class InnerTitleComponent {
|
|
|
1339
1373
|
this.emit('search', { inputPayload: payload, value });
|
|
1340
1374
|
}
|
|
1341
1375
|
}
|
|
1342
|
-
InnerTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1343
|
-
InnerTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1376
|
+
InnerTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InnerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1377
|
+
InnerTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InnerTitleComponent, selector: "n7-inner-title", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"n7-inner-title\"\n [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"></ng-container>\n <div *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 *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\">\n </div>\n <div *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\"\n *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\"\n class=\"n7-inner-title__tools-label \">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\">\n </ng-container>\n </ng-container>\n </div>\n\n</div>\n\n<!-- Template actions -->\n<ng-template #actions\n let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select\n let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\"\n class=\"n7-inner-title__sorting-label \">\n {{select.label}}\n </span>\n <select (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\">\n <option *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 {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search\n let-search>\n <div class=\"n7-inner-title__search\">\n <input 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 <button *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button \">\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons\n let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\">\n <n7-anchor-wrapper [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"btn.icon\"\n 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\n let-icon>\n <!-- Complex icon -->\n <span *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"></span>\n <!-- Simple icon -->\n <span *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"></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"] }] });
|
|
1378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InnerTitleComponent, decorators: [{
|
|
1345
1379
|
type: Component,
|
|
1346
1380
|
args: [{ selector: 'n7-inner-title', template: "<div *ngIf=\"data\"\n class=\"n7-inner-title\"\n [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"></ng-container>\n <div *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 *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\">\n </div>\n <div *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\"\n *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\"\n class=\"n7-inner-title__tools-label \">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\">\n </ng-container>\n </ng-container>\n </div>\n\n</div>\n\n<!-- Template actions -->\n<ng-template #actions\n let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\">\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\">\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\">\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select\n let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\"\n class=\"n7-inner-title__sorting-label \">\n {{select.label}}\n </span>\n <select (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\">\n <option *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 {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search\n let-search>\n <div class=\"n7-inner-title__search\">\n <input 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 <button *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button \">\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons\n let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\">\n <n7-anchor-wrapper [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\">\n <span *ngIf=\"btn.icon\"\n 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\n let-icon>\n <!-- Complex icon -->\n <span *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"></span>\n <!-- Simple icon -->\n <span *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"></span>\n</ng-template>\n" }]
|
|
1347
1381
|
}], propDecorators: { data: [{
|
|
@@ -1358,9 +1392,9 @@ class InputCheckboxComponent {
|
|
|
1358
1392
|
this.emit('change', { inputPayload, value });
|
|
1359
1393
|
}
|
|
1360
1394
|
}
|
|
1361
|
-
InputCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1362
|
-
InputCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1363
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1395
|
+
InputCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1396
|
+
InputCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputCheckboxComponent, selector: "n7-input-checkbox", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"n7-input-checkbox {{ data.classes || '' }}\">\n <fieldset class=\"n7-input-checkbox__fieldset\">\n <legend class=\"n7-input-checkbox__legend\"\n *ngIf=\"data.legend\"\n [innerHTML]=\"data.legend\"></legend>\n <ng-container *ngFor=\"let input of data.checkboxes\">\n <div class=\"n7-input-checkbox__input-wrapper\">\n <input 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 <label *ngIf=\"input.label\"\n class=\"n7-input-checkbox__label\"\n for=\"{{ input.id }}\">{{ input.label }}</label>\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"] }] });
|
|
1397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputCheckboxComponent, decorators: [{
|
|
1364
1398
|
type: Component,
|
|
1365
1399
|
args: [{ selector: 'n7-input-checkbox', template: "<div *ngIf=\"data\"\n class=\"n7-input-checkbox {{ data.classes || '' }}\">\n <fieldset class=\"n7-input-checkbox__fieldset\">\n <legend class=\"n7-input-checkbox__legend\"\n *ngIf=\"data.legend\"\n [innerHTML]=\"data.legend\"></legend>\n <ng-container *ngFor=\"let input of data.checkboxes\">\n <div class=\"n7-input-checkbox__input-wrapper\">\n <input 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 <label *ngIf=\"input.label\"\n class=\"n7-input-checkbox__label\"\n for=\"{{ input.id }}\">{{ input.label }}</label>\n </div>\n </ng-container>\n </fieldset>\n</div>\n" }]
|
|
1366
1400
|
}], propDecorators: { data: [{
|
|
@@ -1377,9 +1411,9 @@ class InputLinkComponent {
|
|
|
1377
1411
|
this.emit('change', payload);
|
|
1378
1412
|
}
|
|
1379
1413
|
}
|
|
1380
|
-
InputLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1381
|
-
InputLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1382
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1414
|
+
InputLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1415
|
+
InputLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputLinkComponent, selector: "n7-input-link", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"n7-input-link\">\n <ng-container *ngFor=\"let input of data.links\">\n <div class=\"n7-input-link__link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\">\n <span *ngIf=\"input.icon\"\n class=\"n7-input-link__icon {{ input.icon }}\"></span>\n <span class=\"n7-input-link__text\">{{ input.text }}</span>\n <span *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-input-link__counter\">{{ input.counter }}</span>\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"] }] });
|
|
1416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputLinkComponent, decorators: [{
|
|
1383
1417
|
type: Component,
|
|
1384
1418
|
args: [{ selector: 'n7-input-link', template: "<div *ngIf=\"data\"\n class=\"n7-input-link\">\n <ng-container *ngFor=\"let input of data.links\">\n <div class=\"n7-input-link__link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\">\n <span *ngIf=\"input.icon\"\n class=\"n7-input-link__icon {{ input.icon }}\"></span>\n <span class=\"n7-input-link__text\">{{ input.text }}</span>\n <span *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-input-link__counter\">{{ input.counter }}</span>\n </div>\n </ng-container>\n</div>\n" }]
|
|
1385
1419
|
}], propDecorators: { data: [{
|
|
@@ -1395,9 +1429,9 @@ class InputTextareaComponent {
|
|
|
1395
1429
|
this.emit('change', { inputPayload, value });
|
|
1396
1430
|
}
|
|
1397
1431
|
}
|
|
1398
|
-
InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1399
|
-
InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1432
|
+
InputTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1433
|
+
InputTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputTextareaComponent, selector: "n7-input-textarea", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-textarea\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <textarea 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 </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"] }] });
|
|
1434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextareaComponent, decorators: [{
|
|
1401
1435
|
type: Component,
|
|
1402
1436
|
args: [{ selector: 'n7-input-textarea', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-textarea\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-textarea__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-textarea__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <textarea 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 </textarea>\n </div>\n</div>\n" }]
|
|
1403
1437
|
}], propDecorators: { data: [{
|
|
@@ -1413,12 +1447,22 @@ class InputTextComponent {
|
|
|
1413
1447
|
return;
|
|
1414
1448
|
this.emit('change', { inputPayload, value });
|
|
1415
1449
|
}
|
|
1450
|
+
onBlur() {
|
|
1451
|
+
if (!this.emit)
|
|
1452
|
+
return;
|
|
1453
|
+
this.emit('blur');
|
|
1454
|
+
}
|
|
1455
|
+
onFocus() {
|
|
1456
|
+
if (!this.emit)
|
|
1457
|
+
return;
|
|
1458
|
+
this.emit('focus');
|
|
1459
|
+
}
|
|
1416
1460
|
}
|
|
1417
|
-
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1418
|
-
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1419
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1461
|
+
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1462
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InputTextComponent, selector: "n7-input-text", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data as input\"\n class=\"n7-input-text\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-text__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-text__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <input 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 <span *ngIf=\"input.icon\"\n class=\"n7-input-text__icon {{input.icon || ''}}\"\n (click)=\"onChange(input.iconPayload)\">\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"] }] });
|
|
1463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
1420
1464
|
type: Component,
|
|
1421
|
-
args: [{ selector: 'n7-input-text', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-text\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-text__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-text__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <input 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 (input)=\"onChange(input.inputPayload, $event.target.value)\"\n (keyup.enter)=\"onChange(input.enterPayload, $event.target.value)\">\n <span *ngIf=\"input.icon\"\n class=\"n7-input-text__icon {{input.icon || ''}}\"\n (click)=\"onChange(input.iconPayload)\">\n </span>\n </div>\n</div>\n" }]
|
|
1465
|
+
args: [{ selector: 'n7-input-text', template: "<div *ngIf=\"data as input\"\n class=\"n7-input-text\">\n <label *ngIf=\"input.label\"\n class=\"n7-input-text__label\"\n for=\"{{ input.id }}\"\n [innerHTML]=\"input.label\">\n </label>\n <div class=\"n7-input-text__wrapper\"\n [ngClass]=\"{\n 'has-icon': !!input.icon\n }\">\n <input 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 <span *ngIf=\"input.icon\"\n class=\"n7-input-text__icon {{input.icon || ''}}\"\n (click)=\"onChange(input.iconPayload)\">\n </span>\n </div>\n</div>\n" }]
|
|
1422
1466
|
}], propDecorators: { data: [{
|
|
1423
1467
|
type: Input
|
|
1424
1468
|
}], emit: [{
|
|
@@ -1433,9 +1477,9 @@ class ItemPreviewComponent {
|
|
|
1433
1477
|
this.emit('click', payload);
|
|
1434
1478
|
}
|
|
1435
1479
|
}
|
|
1436
|
-
ItemPreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1437
|
-
ItemPreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1480
|
+
ItemPreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ItemPreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1481
|
+
ItemPreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ItemPreviewComponent, selector: "n7-item-preview", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" 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 <n7-anchor-wrapper\n [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-item-preview__inner'\">\n <!-- Image, color -->\n <div 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 class=\"n7-item-preview__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></p>\n </div>\n <!-- Metadata -->\n <div class=\"n7-item-preview__metadata\" *ngIf=\"data.metadata\">\n <div class=\"n7-item-preview__metadata-group {{ meta.classes || '' }}\" *ngFor=\"let meta of data.metadata\">\n <h3 class=\"n7-item-preview__metadata-group-title\" *ngIf=\"meta.title\" [innerHTML]=\"meta.title\"></h3>\n <div class=\"n7-item-preview__metadata-item {{ item.classes || '' }}\" *ngFor=\"let item of meta.items\">\n <span class=\"n7-item-preview__metadata-item-icon {{item.icon}}\" *ngIf=\"item.icon\"></span>\n <span class=\"n7-item-preview__metadata-item-label\" *ngIf=\"item.label\" [innerHTML]=\"item.label\"></span>\n <span class=\"n7-item-preview__metadata-item-value\" *ngIf=\"item.value\" [innerHTML]=\"item.value\"></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"] }] });
|
|
1482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ItemPreviewComponent, decorators: [{
|
|
1439
1483
|
type: Component,
|
|
1440
1484
|
args: [{ selector: 'n7-item-preview', template: "<div *ngIf=\"data\" 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 <n7-anchor-wrapper\n [data]=\"data.anchor\"\n (clicked)=\"onClick($event)\"\n [classes]=\"'n7-item-preview__inner'\">\n <!-- Image, color -->\n <div 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 class=\"n7-item-preview__text\" *ngIf=\"data.text\" [innerHTML]=\"data.text\"></p>\n </div>\n <!-- Metadata -->\n <div class=\"n7-item-preview__metadata\" *ngIf=\"data.metadata\">\n <div class=\"n7-item-preview__metadata-group {{ meta.classes || '' }}\" *ngFor=\"let meta of data.metadata\">\n <h3 class=\"n7-item-preview__metadata-group-title\" *ngIf=\"meta.title\" [innerHTML]=\"meta.title\"></h3>\n <div class=\"n7-item-preview__metadata-item {{ item.classes || '' }}\" *ngFor=\"let item of meta.items\">\n <span class=\"n7-item-preview__metadata-item-icon {{item.icon}}\" *ngIf=\"item.icon\"></span>\n <span class=\"n7-item-preview__metadata-item-label\" *ngIf=\"item.label\" [innerHTML]=\"item.label\"></span>\n <span class=\"n7-item-preview__metadata-item-value\" *ngIf=\"item.value\" [innerHTML]=\"item.value\"></span>\n </div>\n </div>\n </div>\n </div>\n </n7-anchor-wrapper>\n</div>\n" }]
|
|
1441
1485
|
}], propDecorators: { data: [{
|
|
@@ -1493,9 +1537,9 @@ class MapComponent {
|
|
|
1493
1537
|
});
|
|
1494
1538
|
}
|
|
1495
1539
|
}
|
|
1496
|
-
MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1497
|
-
MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1540
|
+
MapComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1541
|
+
MapComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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"] }] });
|
|
1542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MapComponent, decorators: [{
|
|
1499
1543
|
type: Component,
|
|
1500
1544
|
args: [{ selector: 'n7-map', template: "<div *ngIf=\"data\" class=\"n7-map\">\n <div class=\"n7-map__container\" [id]=\"data.containerId\"></div>\n</div>\n" }]
|
|
1501
1545
|
}], propDecorators: { data: [{
|
|
@@ -1507,9 +1551,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1507
1551
|
//---------------------------
|
|
1508
1552
|
class MetadataViewerComponent {
|
|
1509
1553
|
}
|
|
1510
|
-
MetadataViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1511
|
-
MetadataViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1512
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1554
|
+
MetadataViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MetadataViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1555
|
+
MetadataViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\">\n <!-- For each data group, render it -->\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div *ngIf=\"grp.title || grp.items\" class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\">\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">{{grp.title}}</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\">{{ i.label }}</span>\n <span *ngIf=\"i.value\" class=\"n7-metadata-viewer__item-value\" [innerHTML]=\"i.value\"></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\">\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n </div>\n</ng-template>", 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"] }] });
|
|
1556
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MetadataViewerComponent, decorators: [{
|
|
1513
1557
|
type: Component,
|
|
1514
1558
|
args: [{ selector: 'n7-metadata-viewer', template: "<div *ngIf=\"data\" class=\"n7-metadata-viewer\">\n <!-- Metadata groups wrapper -->\n <div class=\"n7-metadata-viewer__wrapper {{ data.classes || ''}}\"\n *ngFor=\"let grp of data.group\">\n <!-- For each data group, render it -->\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n</div>\n\n<!-- Template for Metadata.group -->\n<ng-template #group let-grp>\n <div *ngIf=\"grp.title || grp.items\" class=\"n7-metadata-viewer__group {{ grp.classes || '' }}\">\n <div class=\"n7-metadata-viewer__group-title\" *ngIf=\"grp.title\">{{grp.title}}</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\">{{ i.label }}</span>\n <span *ngIf=\"i.value\" class=\"n7-metadata-viewer__item-value\" [innerHTML]=\"i.value\"></span>\n </div>\n </div>\n </div>\n <!-- Render all child groups -->\n <div *ngIf=\"grp.group\">\n <div class=\"n7-metadata-viewer__group-wrapper\"\n *ngFor=\"let grp of grp.group\">\n <ng-container *ngTemplateOutlet=\"group; context:{$implicit: grp}\"></ng-container>\n </div>\n </div>\n</ng-template>" }]
|
|
1515
1559
|
}], propDecorators: { data: [{
|
|
@@ -1530,9 +1574,9 @@ class NavComponent {
|
|
|
1530
1574
|
this.emit('mouseenter', payload);
|
|
1531
1575
|
}
|
|
1532
1576
|
}
|
|
1533
|
-
NavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1534
|
-
NavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1577
|
+
NavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1578
|
+
NavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NavComponent, selector: "n7-nav", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<nav class=\"n7-nav {{data.classes || ''}}\"\n *ngIf=\"data\">\n <ul class=\"n7-nav__list\">\n <n7-anchor-wrapper *ngFor=\"let item of data.items\"\n [data]=\"item.anchor\"\n [classes]=\"'n7-nav__link'\"\n (clicked)=\"onClick($event)\">\n <li class=\"n7-nav__item {{ item.classes || '' }}\">\n <!-- image -->\n <img class=\"n7-nav__image\"\n *ngIf=\"item.image\"\n src=\"{{ item.image }}\">\n <!-- primary icon -->\n <span class=\"n7-nav__icon {{ item.icon.id }}\"\n *ngIf=\"item.icon\"\n (mouseenter)=\"onMouseEnter(item.icon.payload)\"></span>\n <!-- element label -->\n <span class=\"n7-nav__label\">{{ item.text }}</span>\n <!-- secondary icon -->\n <span class=\"n7-nav__icon-secondary {{ item.iconSecondary.id }}\"\n *ngIf=\"item.iconSecondary\"\n (mouseenter)=\"onMouseEnter(item.iconSecondary.payload)\"></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"] }] });
|
|
1579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NavComponent, decorators: [{
|
|
1536
1580
|
type: Component,
|
|
1537
1581
|
args: [{ selector: 'n7-nav', template: "<nav class=\"n7-nav {{data.classes || ''}}\"\n *ngIf=\"data\">\n <ul class=\"n7-nav__list\">\n <n7-anchor-wrapper *ngFor=\"let item of data.items\"\n [data]=\"item.anchor\"\n [classes]=\"'n7-nav__link'\"\n (clicked)=\"onClick($event)\">\n <li class=\"n7-nav__item {{ item.classes || '' }}\">\n <!-- image -->\n <img class=\"n7-nav__image\"\n *ngIf=\"item.image\"\n src=\"{{ item.image }}\">\n <!-- primary icon -->\n <span class=\"n7-nav__icon {{ item.icon.id }}\"\n *ngIf=\"item.icon\"\n (mouseenter)=\"onMouseEnter(item.icon.payload)\"></span>\n <!-- element label -->\n <span class=\"n7-nav__label\">{{ item.text }}</span>\n <!-- secondary icon -->\n <span class=\"n7-nav__icon-secondary {{ item.iconSecondary.id }}\"\n *ngIf=\"item.iconSecondary\"\n (mouseenter)=\"onMouseEnter(item.iconSecondary.payload)\"></span>\n </li>\n </n7-anchor-wrapper>\n </ul>\n</nav>\n" }]
|
|
1538
1582
|
}], propDecorators: { data: [{
|
|
@@ -1555,9 +1599,9 @@ class PaginationComponent {
|
|
|
1555
1599
|
this.emit('change', { inputPayload: payload, value });
|
|
1556
1600
|
}
|
|
1557
1601
|
}
|
|
1558
|
-
PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1559
|
-
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1602
|
+
PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1603
|
+
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PaginationComponent, selector: "n7-pagination", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<nav class=\"n7-pagination {{data.classes || ''}}\" \n *ngIf=\"data\"\n [ngClass]=\"{ 'has-results-select' : data.select }\">\n <ul class=n7-pagination__items>\n\n <li class=\"n7-pagination__first {{data.first.classes || ''}}\" *ngIf=\"data.first\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'first',\n data: data.first,\n iconClass: 'n7-icon-angle-double-left'\n }\"></ng-container>\n </li>\n <li class=\"n7-pagination__prev {{data.prev.classes || ''}}\" *ngIf=\"data.prev\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'prev',\n data: data.prev,\n iconClass: 'n7-icon-angle-left'\n }\"></ng-container>\n </li>\n\n <li class=\"n7-pagination__page {{page.classes || ''}}\" *ngFor=\"let page of data.links\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'page',\n data: page,\n clicked: onClick\n }\"></ng-container>\n </li>\n\n <li class=\"n7-pagination__next {{data.next.classes || ''}}\" *ngIf=\"data.next\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'next',\n data: data.next,\n iconClass: 'n7-icon-angle-right'\n }\"></ng-container>\n </li>\n <li class=\"n7-pagination__last {{data.last.classes || ''}}\" *ngIf=\"data.last\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'last',\n data: data.last,\n iconClass: 'n7-icon-angle-double-right'\n }\"></ng-container>\n </li>\n </ul>\n \n <div class=\"n7-pagination__setting\"\n *ngIf=\"data.select\">\n <span class=\"n7-pagination__setting-label\"\n *ngIf=\"data.select.label\">\n {{data.select.label}}\n </span>\n <select *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 <option *ngFor=\"let opt of data.select.options\"\n [disabled]=\"opt.disabled\"\n [selected]=\"opt.selected\">\n {{opt.text}}\n </option>\n </select>\n </div>\n</nav>\n\n<ng-template #button let-type=\"type\" let-data=\"data\" let-clicked=\"clicked\" let-iconClass=\"iconClass\">\n <n7-anchor-wrapper \n [classes]=\"'n7-pagination__' + type + '-link' + (data.text ? ' has-text' : '')\" \n [data]=\"data.anchor\" \n (clicked)=\"onClick($event)\">\n <span class=\"n7-pagination__{{ type }}-label\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span *ngIf=\"iconClass\" class=\"n7-pagination__{{ type }}-icon {{ iconClass }}\"></span>\n </n7-anchor-wrapper>\n</ng-template>", 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"] }] });
|
|
1604
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
1561
1605
|
type: Component,
|
|
1562
1606
|
args: [{ selector: 'n7-pagination', template: "<nav class=\"n7-pagination {{data.classes || ''}}\" \n *ngIf=\"data\"\n [ngClass]=\"{ 'has-results-select' : data.select }\">\n <ul class=n7-pagination__items>\n\n <li class=\"n7-pagination__first {{data.first.classes || ''}}\" *ngIf=\"data.first\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'first',\n data: data.first,\n iconClass: 'n7-icon-angle-double-left'\n }\"></ng-container>\n </li>\n <li class=\"n7-pagination__prev {{data.prev.classes || ''}}\" *ngIf=\"data.prev\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'prev',\n data: data.prev,\n iconClass: 'n7-icon-angle-left'\n }\"></ng-container>\n </li>\n\n <li class=\"n7-pagination__page {{page.classes || ''}}\" *ngFor=\"let page of data.links\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'page',\n data: page,\n clicked: onClick\n }\"></ng-container>\n </li>\n\n <li class=\"n7-pagination__next {{data.next.classes || ''}}\" *ngIf=\"data.next\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'next',\n data: data.next,\n iconClass: 'n7-icon-angle-right'\n }\"></ng-container>\n </li>\n <li class=\"n7-pagination__last {{data.last.classes || ''}}\" *ngIf=\"data.last\">\n <ng-container *ngTemplateOutlet=\"button; context: {\n type: 'last',\n data: data.last,\n iconClass: 'n7-icon-angle-double-right'\n }\"></ng-container>\n </li>\n </ul>\n \n <div class=\"n7-pagination__setting\"\n *ngIf=\"data.select\">\n <span class=\"n7-pagination__setting-label\"\n *ngIf=\"data.select.label\">\n {{data.select.label}}\n </span>\n <select *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 <option *ngFor=\"let opt of data.select.options\"\n [disabled]=\"opt.disabled\"\n [selected]=\"opt.selected\">\n {{opt.text}}\n </option>\n </select>\n </div>\n</nav>\n\n<ng-template #button let-type=\"type\" let-data=\"data\" let-clicked=\"clicked\" let-iconClass=\"iconClass\">\n <n7-anchor-wrapper \n [classes]=\"'n7-pagination__' + type + '-link' + (data.text ? ' has-text' : '')\" \n [data]=\"data.anchor\" \n (clicked)=\"onClick($event)\">\n <span class=\"n7-pagination__{{ type }}-label\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span *ngIf=\"iconClass\" class=\"n7-pagination__{{ type }}-icon {{ iconClass }}\"></span>\n </n7-anchor-wrapper>\n</ng-template>" }]
|
|
1563
1607
|
}], propDecorators: { data: [{
|
|
@@ -1569,9 +1613,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
1569
1613
|
//---------------------------
|
|
1570
1614
|
class ProgressLineComponent {
|
|
1571
1615
|
}
|
|
1572
|
-
ProgressLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1573
|
-
ProgressLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1616
|
+
ProgressLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ProgressLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1617
|
+
ProgressLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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}\"> {{data.value}}%\n </div>\n </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
1618
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ProgressLineComponent, decorators: [{
|
|
1575
1619
|
type: Component,
|
|
1576
1620
|
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}\"> {{data.value}}%\n </div>\n </div>\n</div>" }]
|
|
1577
1621
|
}], propDecorators: { data: [{
|
|
@@ -1588,9 +1632,9 @@ class SidebarHeaderComponent {
|
|
|
1588
1632
|
this.emit('click', payload);
|
|
1589
1633
|
}
|
|
1590
1634
|
}
|
|
1591
|
-
SidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1592
|
-
SidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1635
|
+
SidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1636
|
+
SidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 class=\"n7-sidebar-header__icon-left {{ data.iconLeft }}\" \n *ngIf=\"data.iconLeft\">\n </span>\n <span class=\"n7-sidebar-header__text-wrapper\"\n *ngIf=\"data.text || data.additionalText\">\n <span class=\"n7-sidebar-header__text\">\n {{data.text}}\n </span>\n <span class=\"n7-sidebar-header__secondary-text\" \n *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span *ngIf=\"data.iconRight\"\n class=\"n7-sidebar-header__icon-right {{ data.iconRight }}\" \n (click)=\"onClick(data.payload)\"></span>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidebarHeaderComponent, decorators: [{
|
|
1594
1638
|
type: Component,
|
|
1595
1639
|
args: [{ selector: 'n7-sidebar-header', template: "<div *ngIf=\"data\" class=\"n7-sidebar-header {{ data.classes || ''}}\">\n <span class=\"n7-sidebar-header__icon-left {{ data.iconLeft }}\" \n *ngIf=\"data.iconLeft\">\n </span>\n <span class=\"n7-sidebar-header__text-wrapper\"\n *ngIf=\"data.text || data.additionalText\">\n <span class=\"n7-sidebar-header__text\">\n {{data.text}}\n </span>\n <span class=\"n7-sidebar-header__secondary-text\" \n *ngIf=\"data.additionalText\">\n {{data.additionalText}}\n </span>\n </span>\n <span *ngIf=\"data.iconRight\"\n class=\"n7-sidebar-header__icon-right {{ data.iconRight }}\" \n (click)=\"onClick(data.payload)\"></span>\n</div>" }]
|
|
1596
1640
|
}], propDecorators: { data: [{
|
|
@@ -1627,9 +1671,9 @@ class SignupComponent {
|
|
|
1627
1671
|
this.emit('focusout', payload);
|
|
1628
1672
|
}
|
|
1629
1673
|
}
|
|
1630
|
-
SignupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1631
|
-
SignupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1674
|
+
SignupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SignupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1675
|
+
SignupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 *ngTemplateOutlet=\"field; context: { $implicit: data.login.email }\"></ng-container>\n <ng-container *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.login.password }\n \"></ng-container>\n <div *ngIf=\"data.login.forgotPassword\" class=\"n7-signup__form-item n7-signup__form-item-forgot-password\">\n <a (click)=\"onClick(data.login.forgotPassword.payload)\" title=\"{{ data.login.forgotPassword.title }}\"\n [attr.aria-label]=\"data.login.forgotPassword.title\">{{ data.login.forgotPassword.label }}</a>\n </div>\n <ng-container *ngTemplateOutlet=\"submit; context: { $implicit: data.login.submit }\"></ng-container>\n </form>\n <ng-container *ngTemplateOutlet=\"footer; context: { $implicit: data.login.footer }\"></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 *ngTemplateOutlet=\"field; context: { $implicit: data.signup.name }\"></ng-container>\n <ng-container *ngTemplateOutlet=\"field; context: { $implicit: data.signup.email }\"></ng-container>\n <ng-container *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.password }\n \"></ng-container>\n <ng-container *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.rePassword }\n \"></ng-container>\n <ng-container *ngTemplateOutlet=\"submit; context: { $implicit: data.signup.submit }\"></ng-container>\n </form>\n <ng-container *ngTemplateOutlet=\"footer; context: { $implicit: data.signup.footer }\"></ng-container>\n</section>\n\n<!-- Signup: forgot password -->\n<section *ngIf=\"data && data.forgotPassword\" class=\"n7-signup n7-signup--forgot-password\">\n <p class=\"n7-signup__text\">\n {{ data.forgotPassword.description }}\n </p>\n <form class=\"n7-signup__form\" novalidate>\n <ng-container *ngTemplateOutlet=\"\n field;\n context: { $implicit: data.forgotPassword.email }\n \"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"\n submit;\n context: { $implicit: data.forgotPassword.submit }\n \"></ng-container>\n\n <!-- hidden submit button to prevent submit on enter -->\n <button type=\"submit\" disabled style=\"display: none\" aria-hidden=\"true\"></button>\n </form>\n <ng-container *ngTemplateOutlet=\"\n footer;\n context: { $implicit: data.forgotPassword.footer }\n \"></ng-container>\n</section>\n\n<!-- Template: field -->\n<ng-template #field let-field>\n <div [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\" class=\"n7-signup__form-item {{ field.classes || '' }}\">\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\">{{\n field.label\n }}</label>\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 (focus)=\"onFocus(field.payload)\" (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\" class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\" id=\"{{ field.id }}\" />\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 [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\" class=\"n7-signup__form-item {{ field.classes || '' }}\">\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\">{{\n field.label\n }}</label>\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 (focus)=\"onFocus(field.payload)\" (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\" class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\" id=\"{{ field.id }}\" />\n <button *ngIf=\"field.show\" type=\"button\" (click)=\"onClick(field.show.payload)\"\n [attr.aria-label]=\"field.show.label\" class=\"n7-signup__form-item-show-password\">\n <i [attr.aria-label]=\"field.show.label\" class=\"{{ field.show.icon }}\"></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 *ngIf=\"footer.action\" (click)=\"onClick(footer.action.payload)\" title=\"{{ footer.action.label }}\"\n class=\"n7-btn\">{{ footer.action.label }}</a>\n </footer>\n</ng-template>\n\n<!-- Template: submit button -->\n<ng-template #submit let-submit>\n <div [ngClass]=\"{\n 'has-error': submit.error\n }\" class=\"n7-signup__form-item n7-signup__form-item-action {{\n submit.classes || ''\n }}\">\n <button type=\"button\" (click)=\"onClick(submit.payload)\" [attr.aria-label]=\"submit.label\"\n class=\"n7-btn n7-btn-cta\">\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>", 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"] }] });
|
|
1676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SignupComponent, decorators: [{
|
|
1633
1677
|
type: Component,
|
|
1634
1678
|
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 *ngTemplateOutlet=\"field; context: { $implicit: data.login.email }\"></ng-container>\n <ng-container *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.login.password }\n \"></ng-container>\n <div *ngIf=\"data.login.forgotPassword\" class=\"n7-signup__form-item n7-signup__form-item-forgot-password\">\n <a (click)=\"onClick(data.login.forgotPassword.payload)\" title=\"{{ data.login.forgotPassword.title }}\"\n [attr.aria-label]=\"data.login.forgotPassword.title\">{{ data.login.forgotPassword.label }}</a>\n </div>\n <ng-container *ngTemplateOutlet=\"submit; context: { $implicit: data.login.submit }\"></ng-container>\n </form>\n <ng-container *ngTemplateOutlet=\"footer; context: { $implicit: data.login.footer }\"></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 *ngTemplateOutlet=\"field; context: { $implicit: data.signup.name }\"></ng-container>\n <ng-container *ngTemplateOutlet=\"field; context: { $implicit: data.signup.email }\"></ng-container>\n <ng-container *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.password }\n \"></ng-container>\n <ng-container *ngTemplateOutlet=\"\n passwordField;\n context: { $implicit: data.signup.rePassword }\n \"></ng-container>\n <ng-container *ngTemplateOutlet=\"submit; context: { $implicit: data.signup.submit }\"></ng-container>\n </form>\n <ng-container *ngTemplateOutlet=\"footer; context: { $implicit: data.signup.footer }\"></ng-container>\n</section>\n\n<!-- Signup: forgot password -->\n<section *ngIf=\"data && data.forgotPassword\" class=\"n7-signup n7-signup--forgot-password\">\n <p class=\"n7-signup__text\">\n {{ data.forgotPassword.description }}\n </p>\n <form class=\"n7-signup__form\" novalidate>\n <ng-container *ngTemplateOutlet=\"\n field;\n context: { $implicit: data.forgotPassword.email }\n \"></ng-container>\n\n <ng-container *ngTemplateOutlet=\"\n submit;\n context: { $implicit: data.forgotPassword.submit }\n \"></ng-container>\n\n <!-- hidden submit button to prevent submit on enter -->\n <button type=\"submit\" disabled style=\"display: none\" aria-hidden=\"true\"></button>\n </form>\n <ng-container *ngTemplateOutlet=\"\n footer;\n context: { $implicit: data.forgotPassword.footer }\n \"></ng-container>\n</section>\n\n<!-- Template: field -->\n<ng-template #field let-field>\n <div [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\" class=\"n7-signup__form-item {{ field.classes || '' }}\">\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\">{{\n field.label\n }}</label>\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 (focus)=\"onFocus(field.payload)\" (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\" class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\" id=\"{{ field.id }}\" />\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 [ngClass]=\"{\n 'has-error': field.error,\n 'has-hint': field.hint\n }\" class=\"n7-signup__form-item {{ field.classes || '' }}\">\n <label class=\"n7-signup__form-item-label\" for=\"{{ field.id }}\">{{\n field.label\n }}</label>\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 (focus)=\"onFocus(field.payload)\" (focusout)=\"onFocusOut(field.payload)\"\n (keyup.enter)=\"onInputEnter(field.payload, $event.target.value)\"\n (input)=\"onChange(field.payload, $event.target.value)\" class=\"n7-signup__form-item-input\"\n type=\"{{ field.inputType }}\" id=\"{{ field.id }}\" />\n <button *ngIf=\"field.show\" type=\"button\" (click)=\"onClick(field.show.payload)\"\n [attr.aria-label]=\"field.show.label\" class=\"n7-signup__form-item-show-password\">\n <i [attr.aria-label]=\"field.show.label\" class=\"{{ field.show.icon }}\"></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 *ngIf=\"footer.action\" (click)=\"onClick(footer.action.payload)\" title=\"{{ footer.action.label }}\"\n class=\"n7-btn\">{{ footer.action.label }}</a>\n </footer>\n</ng-template>\n\n<!-- Template: submit button -->\n<ng-template #submit let-submit>\n <div [ngClass]=\"{\n 'has-error': submit.error\n }\" class=\"n7-signup__form-item n7-signup__form-item-action {{\n submit.classes || ''\n }}\">\n <button type=\"button\" (click)=\"onClick(submit.payload)\" [attr.aria-label]=\"submit.label\"\n class=\"n7-btn n7-btn-cta\">\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>" }]
|
|
1635
1679
|
}], propDecorators: { data: [{
|
|
@@ -1646,9 +1690,9 @@ class SimpleAutocompleteComponent {
|
|
|
1646
1690
|
this.emit('click', payload);
|
|
1647
1691
|
}
|
|
1648
1692
|
}
|
|
1649
|
-
SimpleAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1650
|
-
SimpleAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1693
|
+
SimpleAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SimpleAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1694
|
+
SimpleAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 *ngFor=\"let suggestion of data.suggestion\" \n class=\"n7-simple-autocomplete__item\">\n <n7-anchor-wrapper\n [classes]=\"'n7-simple-autocomplete__link'\"\n [data]=\"suggestion.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-simple-autocomplete__label\" [innerHTML]=\"suggestion.text\"></span>\n </n7-anchor-wrapper>\n </li>\n </ul> \n</div>", 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"] }] });
|
|
1695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SimpleAutocompleteComponent, decorators: [{
|
|
1652
1696
|
type: Component,
|
|
1653
1697
|
args: [{ selector: 'n7-simple-autocomplete', template: "<div *ngIf=\"data\" class=\"n7-simple-autocomplete\">\n <ul class=\"n7-simple-autocomplete__list {{data.classes || ''}}\">\n <li *ngFor=\"let suggestion of data.suggestion\" \n class=\"n7-simple-autocomplete__item\">\n <n7-anchor-wrapper\n [classes]=\"'n7-simple-autocomplete__link'\"\n [data]=\"suggestion.anchor\"\n (clicked)=\"onClick($event)\">\n <span class=\"n7-simple-autocomplete__label\" [innerHTML]=\"suggestion.text\"></span>\n </n7-anchor-wrapper>\n </li>\n </ul> \n</div>" }]
|
|
1654
1698
|
}], propDecorators: { data: [{
|
|
@@ -1676,9 +1720,9 @@ class TableComponent {
|
|
|
1676
1720
|
this.emit('inputtextchange', textChangePayload);
|
|
1677
1721
|
}
|
|
1678
1722
|
}
|
|
1679
|
-
TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1680
|
-
TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1723
|
+
TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1724
|
+
TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 \t<thead class=\"n7-table__table-header\" *ngIf=\"data.head\">\n <tr class=\"n7-table__table-header-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.head\">\n <th 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 class=\"n7-table__table-body-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.body\">\n <td 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 class=\"n7-table__table-body-cell-innerhtml\"\n *ngIf=\"!cell.type || cell.type=='html'\"\n [innerHTML]=\"cell.content\"></span>\n <input class=\"n7-table__table-body-cell-inputtext\"\n *ngIf=\"cell.type=='input:text'\"\n type=\"text\" placeholder=\"{{cell.content}}\"\n id=\"{{cell._meta.inputId}}\"\n (keyup.enter)=\"onInputTextChange(cell.payload, $event.target.value)\"/> \n </td>\n </tr>\n </tbody>\n\n <tfoot class=\"n7-table__table-footer\" *ngIf=\"data.foot\">\n <tr class=\"n7-table__table-footer-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.foot\">\n <td 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 \t </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"] }] });
|
|
1725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableComponent, decorators: [{
|
|
1682
1726
|
type: Component,
|
|
1683
1727
|
args: [{ selector: 'n7-table', template: "<section class=\"n7-table {{data.classes || ''}}\" *ngIf=\"data\">\n <table class=\"n7-table__table\">\n \t<thead class=\"n7-table__table-header\" *ngIf=\"data.head\">\n <tr class=\"n7-table__table-header-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.head\">\n <th 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 class=\"n7-table__table-body-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.body\">\n <td 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 class=\"n7-table__table-body-cell-innerhtml\"\n *ngIf=\"!cell.type || cell.type=='html'\"\n [innerHTML]=\"cell.content\"></span>\n <input class=\"n7-table__table-body-cell-inputtext\"\n *ngIf=\"cell.type=='input:text'\"\n type=\"text\" placeholder=\"{{cell.content}}\"\n id=\"{{cell._meta.inputId}}\"\n (keyup.enter)=\"onInputTextChange(cell.payload, $event.target.value)\"/> \n </td>\n </tr>\n </tbody>\n\n <tfoot class=\"n7-table__table-footer\" *ngIf=\"data.foot\">\n <tr class=\"n7-table__table-footer-row {{row.classes || ''}}\"\n *ngFor=\"let row of data.foot\">\n <td 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 \t </table> \n</section>\n" }]
|
|
1684
1728
|
}], propDecorators: { data: [{
|
|
@@ -1706,9 +1750,9 @@ class TagComponent {
|
|
|
1706
1750
|
return data.icon;
|
|
1707
1751
|
}
|
|
1708
1752
|
}
|
|
1709
|
-
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1710
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1753
|
+
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1754
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TagComponent, selector: "n7-tag", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TagComponent, decorators: [{
|
|
1712
1756
|
type: Component,
|
|
1713
1757
|
args: [{ selector: 'n7-tag', template: "<span class=\"n7-tag {{data.classes || ''}}\" *ngIf=\"data\">\n <span class=\"n7-tag__icon {{data.preIcon.id}}\" *ngIf=\"data.preIcon?.id\" (click)=\"onClick(data.preIcon.payload)\"></span>\n <span class=\"n7-tag__label\" *ngIf=\"data.label\">\n {{ data.label }}\n </span>\n <span class=\"n7-tag__text\" *ngIf=\"data.text\">\n {{ data.text }}\n </span>\n <span class=\"n7-tag__icon {{icon.id}}\" *ngIf=\"getIcon(data) as icon\" (click)=\"onClick(icon.payload)\"></span>\n</span>\n" }]
|
|
1714
1758
|
}], propDecorators: { data: [{
|
|
@@ -1743,11 +1787,11 @@ class TextViewerComponent {
|
|
|
1743
1787
|
}
|
|
1744
1788
|
}
|
|
1745
1789
|
TextViewerComponent._loaded = false;
|
|
1746
|
-
TextViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1747
|
-
TextViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.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' }}</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 *ngIf=\"doc.url\" name=\"url\" [attr.value]=\"doc.url\"></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 >\n <pb-param name=\"mode\" value=\"commentary\"></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 >\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"] }] });
|
|
1748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1790
|
+
TextViewerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1791
|
+
TextViewerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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' }}</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 *ngIf=\"doc.url\" name=\"url\" [attr.value]=\"doc.url\"></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 >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n <pb-param name=\"source_doc\" [attr.value]=\"data.docs[0].xml\"></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"] }] });
|
|
1792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextViewerComponent, decorators: [{
|
|
1749
1793
|
type: Component,
|
|
1750
|
-
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' }}</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 *ngIf=\"doc.url\" name=\"url\" [attr.value]=\"doc.url\"></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 >\n <pb-param name=\"mode\" value=\"commentary\"></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 >\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" }]
|
|
1794
|
+
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' }}</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 *ngIf=\"doc.url\" name=\"url\" [attr.value]=\"doc.url\"></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 >\n <pb-param name=\"mode\" value=\"commentary\"></pb-param>\n <pb-param name=\"source_doc\" [attr.value]=\"data.docs[0].xml\"></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" }]
|
|
1751
1795
|
}], propDecorators: { data: [{
|
|
1752
1796
|
type: Input
|
|
1753
1797
|
}], emit: [{
|
|
@@ -1787,9 +1831,9 @@ class TimelineComponent {
|
|
|
1787
1831
|
this.emit('click', payload);
|
|
1788
1832
|
}
|
|
1789
1833
|
}
|
|
1790
|
-
TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1791
|
-
TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1834
|
+
TimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1835
|
+
TimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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"] }] });
|
|
1836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimelineComponent, decorators: [{
|
|
1793
1837
|
type: Component,
|
|
1794
1838
|
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" }]
|
|
1795
1839
|
}], propDecorators: { data: [{
|
|
@@ -1806,9 +1850,9 @@ class ToastComponent {
|
|
|
1806
1850
|
this.emit('click', payload);
|
|
1807
1851
|
}
|
|
1808
1852
|
}
|
|
1809
|
-
ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1810
|
-
ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1811
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1853
|
+
ToastComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1854
|
+
ToastComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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\n <!-- Toast boxes -->\n <div 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 class=\"n7-toast__content {{box.classes || ''}}\" *ngIf=\"box.title || box.text\">\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 </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span class=\"n7-toast__action-content\" *ngFor=\"let action of box.actions\">\n <button class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\">\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"] }] });
|
|
1855
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastComponent, decorators: [{
|
|
1812
1856
|
type: Component,
|
|
1813
1857
|
args: [{ selector: 'n7-toast', template: "<div *ngIf=\"data\" class=\"n7-toast\">\n <div class=\"n7-toast__column {{data.classes || ''}}\">\n\n <!-- Toast boxes -->\n <div 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 class=\"n7-toast__content {{box.classes || ''}}\" *ngIf=\"box.title || box.text\">\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 </span>\n <span class=\"n7-toast__action-wrapper\" *ngIf=\"box.actions\">\n <span class=\"n7-toast__action-content\" *ngFor=\"let action of box.actions\">\n <button class=\"n7-toast__action-button n7-btn n7-btn-s {{action.classes || ''}}\"\n (click)=\"onClick(action.payload)\">\n {{action.text}}\n </button>\n </span>\n </span>\n </div>\n </div>\n </div>\n</div>\n" }]
|
|
1814
1858
|
}], propDecorators: { data: [{
|
|
@@ -1825,9 +1869,9 @@ class TooltipContentComponent {
|
|
|
1825
1869
|
this.emit('click', payload);
|
|
1826
1870
|
}
|
|
1827
1871
|
}
|
|
1828
|
-
TooltipContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1829
|
-
TooltipContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1872
|
+
TooltipContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TooltipContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1873
|
+
TooltipContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TooltipContentComponent, selector: "n7-tooltip-content", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\"\n class=\"n7-tooltip-content\">\n\n <div *ngIf=\"data.title\">\n {{data.title}}\n </div>\n\n <div *ngIf=\"data.text\"\n [innerHTML]=\"data.text\">\n </div>\n\n <img *ngIf=\"data.image\"\n [src]=\"data.image\">\n\n <ng-container *ngFor=\"let btn of data.actions\">\n <n7-anchor-wrapper [classes]=\"\"\n [data]=\"btn\"\n (clicked)=\"onClick(btn.anchor.payload)\">\n <span *ngIf=\"data.text\" class=\"n7-btn\">\n {{ btn.text }}\n </span>\n </n7-anchor-wrapper>\n </ng-container>\n\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"] }] });
|
|
1874
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TooltipContentComponent, decorators: [{
|
|
1831
1875
|
type: Component,
|
|
1832
1876
|
args: [{ selector: 'n7-tooltip-content', template: "<div *ngIf=\"data\"\n class=\"n7-tooltip-content\">\n\n <div *ngIf=\"data.title\">\n {{data.title}}\n </div>\n\n <div *ngIf=\"data.text\"\n [innerHTML]=\"data.text\">\n </div>\n\n <img *ngIf=\"data.image\"\n [src]=\"data.image\">\n\n <ng-container *ngFor=\"let btn of data.actions\">\n <n7-anchor-wrapper [classes]=\"\"\n [data]=\"btn\"\n (clicked)=\"onClick(btn.anchor.payload)\">\n <span *ngIf=\"data.text\" class=\"n7-btn\">\n {{ btn.text }}\n </span>\n </n7-anchor-wrapper>\n </ng-container>\n\n</div>\n" }]
|
|
1833
1877
|
}], propDecorators: { data: [{
|
|
@@ -1844,9 +1888,9 @@ class TreeComponent {
|
|
|
1844
1888
|
this.emit('click', payload);
|
|
1845
1889
|
}
|
|
1846
1890
|
}
|
|
1847
|
-
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1848
|
-
TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1891
|
+
TreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1892
|
+
TreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 *ngTemplateOutlet=\"recursiveTree; context:{$implicit: data.items}\"></ng-container>\n\n <!-- Template for recursive children rendering -->\n <ng-template #recursiveTree let-node>\n <div class=\"n7-tree__item {{ item.classes || '' }}\" *ngFor=\"let item of node\">\n <div class=\"n7-tree__item-contents\">\n <!-- Render expand/collapse arrow -->\n <span *ngIf=\"item.toggle\"\n class=\"n7-tree__item-toggle {{ item.toggle.icon }}\"\n (click)=\"onClick(item.toggle.payload)\">\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 <span *ngIf=\"item.icon\" class=\"n7-tree__item-icon {{ item.icon }}\"></span>\n <img class=\"n7-tree__item-img\" *ngIf=\"item.img\" src=\"{{ item.img }}\" alt=\"{{ item.text }}\"/>\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 *ngTemplateOutlet=\"recursiveTree; context:{$implicit: item.items}\"></ng-container>\n </div>\n </div>\n </ng-template>\n</div>", 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"] }] });
|
|
1893
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TreeComponent, decorators: [{
|
|
1850
1894
|
type: Component,
|
|
1851
1895
|
args: [{ selector: 'n7-tree', template: "<div *ngIf=\"data\" class=\"n7-tree\">\n <!-- Start recursive rendering -->\n <ng-container *ngTemplateOutlet=\"recursiveTree; context:{$implicit: data.items}\"></ng-container>\n\n <!-- Template for recursive children rendering -->\n <ng-template #recursiveTree let-node>\n <div class=\"n7-tree__item {{ item.classes || '' }}\" *ngFor=\"let item of node\">\n <div class=\"n7-tree__item-contents\">\n <!-- Render expand/collapse arrow -->\n <span *ngIf=\"item.toggle\"\n class=\"n7-tree__item-toggle {{ item.toggle.icon }}\"\n (click)=\"onClick(item.toggle.payload)\">\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 <span *ngIf=\"item.icon\" class=\"n7-tree__item-icon {{ item.icon }}\"></span>\n <img class=\"n7-tree__item-img\" *ngIf=\"item.img\" src=\"{{ item.img }}\" alt=\"{{ item.text }}\"/>\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 *ngTemplateOutlet=\"recursiveTree; context:{$implicit: item.items}\"></ng-container>\n </div>\n </div>\n </ng-template>\n</div>" }]
|
|
1852
1896
|
}], propDecorators: { data: [{
|
|
@@ -1863,9 +1907,9 @@ class WizardComponent {
|
|
|
1863
1907
|
this.emit('click', payload);
|
|
1864
1908
|
}
|
|
1865
1909
|
}
|
|
1866
|
-
WizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1867
|
-
WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.
|
|
1868
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
1910
|
+
WizardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1911
|
+
WizardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", 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 *ngFor=\"let item of data.items\" \n class=\"n7-wizard__item {{ item.classes || '' }}\" \n (click)=\"onClick(item.payload)\">\n <span *ngIf=\"item.number\" class=\"n7-wizard__number\">{{ item.number }}</span>\n <span *ngIf=\"item.text\" class=\"n7-wizard__text\">{{ item.text }}</span>\n </li>\n </ol>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
1912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: WizardComponent, decorators: [{
|
|
1869
1913
|
type: Component,
|
|
1870
1914
|
args: [{ selector: 'n7-wizard', template: "<div *ngIf=\"data\" class=\"n7-wizard {{ data.classes || '' }}\">\n <ol class=\"n7-wizard__list\">\n <li *ngFor=\"let item of data.items\" \n class=\"n7-wizard__item {{ item.classes || '' }}\" \n (click)=\"onClick(item.payload)\">\n <span *ngIf=\"item.number\" class=\"n7-wizard__number\">{{ item.number }}</span>\n <span *ngIf=\"item.text\" class=\"n7-wizard__text\">{{ item.text }}</span>\n </li>\n </ol>\n</div>" }]
|
|
1871
1915
|
}], propDecorators: { data: [{
|
|
@@ -1890,6 +1934,7 @@ const COMPONENTS = [
|
|
|
1890
1934
|
FacetComponent,
|
|
1891
1935
|
FacetHeaderComponent,
|
|
1892
1936
|
FacetYearRangeComponent,
|
|
1937
|
+
FileSelectorComponent,
|
|
1893
1938
|
FooterComponent,
|
|
1894
1939
|
HeaderComponent,
|
|
1895
1940
|
HeroComponent,
|
|
@@ -1924,8 +1969,8 @@ const COMPONENTS = [
|
|
|
1924
1969
|
];
|
|
1925
1970
|
class DvComponentsLibModule {
|
|
1926
1971
|
}
|
|
1927
|
-
DvComponentsLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.
|
|
1928
|
-
DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.
|
|
1972
|
+
DvComponentsLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DvComponentsLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1973
|
+
DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: DvComponentsLibModule, declarations: [AdvancedAutocompleteComponent,
|
|
1929
1974
|
AlertComponent,
|
|
1930
1975
|
AnchorWrapperComponent,
|
|
1931
1976
|
AvatarComponent,
|
|
@@ -1940,6 +1985,7 @@ DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
|
|
|
1940
1985
|
FacetComponent,
|
|
1941
1986
|
FacetHeaderComponent,
|
|
1942
1987
|
FacetYearRangeComponent,
|
|
1988
|
+
FileSelectorComponent,
|
|
1943
1989
|
FooterComponent,
|
|
1944
1990
|
HeaderComponent,
|
|
1945
1991
|
HeroComponent,
|
|
@@ -1985,6 +2031,7 @@ DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
|
|
|
1985
2031
|
FacetComponent,
|
|
1986
2032
|
FacetHeaderComponent,
|
|
1987
2033
|
FacetYearRangeComponent,
|
|
2034
|
+
FileSelectorComponent,
|
|
1988
2035
|
FooterComponent,
|
|
1989
2036
|
HeaderComponent,
|
|
1990
2037
|
HeroComponent,
|
|
@@ -2016,8 +2063,8 @@ DvComponentsLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
|
|
|
2016
2063
|
TreeComponent,
|
|
2017
2064
|
WizardComponent,
|
|
2018
2065
|
ProgressLineComponent] });
|
|
2019
|
-
DvComponentsLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.
|
|
2020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.
|
|
2066
|
+
DvComponentsLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DvComponentsLibModule, imports: [CommonModule, RouterModule] });
|
|
2067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DvComponentsLibModule, decorators: [{
|
|
2021
2068
|
type: NgModule,
|
|
2022
2069
|
args: [{
|
|
2023
2070
|
declarations: [
|
|
@@ -3620,6 +3667,11 @@ const FACET_MOCK = {
|
|
|
3620
3667
|
}]
|
|
3621
3668
|
};
|
|
3622
3669
|
|
|
3670
|
+
const FILE_SELECTOR_MOCK = {
|
|
3671
|
+
accept: 'image/*',
|
|
3672
|
+
classes: 'file-selector-wrapper'
|
|
3673
|
+
};
|
|
3674
|
+
|
|
3623
3675
|
const FOOTER_MOCK = {
|
|
3624
3676
|
columns: [
|
|
3625
3677
|
{
|
|
@@ -5365,5 +5417,5 @@ const WIZARD_MOCK = {
|
|
|
5365
5417
|
* Generated bundle index. Do not edit.
|
|
5366
5418
|
*/
|
|
5367
5419
|
|
|
5368
|
-
export { ADVANCED_AUTOCOMPLETE_MOCK, ALERT_MOCK, AVATAR_MOCK, AdvancedAutocompleteComponent, AlertComponent, AnchorWrapperComponent, AvatarComponent, BREADCRUMBS_MOCK, BUBBLECHART_MOCK, BUTTON_MOCK, BreadcrumbsComponent, BubbleChartComponent, ButtonComponent, CAROUSEL_MOCK, CHART_MOCK, CONTENT_PLACEHOLDER_MOCK, CarouselComponent, ChartComponent, ContentPlaceholderComponent, DATA_WIDGET_MOCK, DATEPICKER_MOCK, DataWidgetComponent, DatepickerComponent, DvComponentsLibModule, FACET_HEADER_MOCK, FACET_MOCK, FACET_YEAR_RANGE_MOCK, FOOTER_MOCK, FacetComponent, FacetHeaderComponent, FacetYearRangeComponent, FooterComponent, HEADER_MOCK, HERO_MOCK, HISTOGRAM_RANGE_MOCK, HeaderComponent, HeroComponent, HistogramRangeComponent, ICON_MOCK, IMAGE_VIEWER_MOCK, IMAGE_VIEWER_TOOLS_MOCK, INNER_TITLE_MOCK, INPUT_CHECKBOX_MOCK, INPUT_LINK_MOCK, INPUT_SELECT_MOCK, INPUT_TEXTAREA_MOCK, INPUT_TEXT_MOCK, ITEM_PREVIEW_MOCK, IconComponent, ImageViewerComponent, ImageViewerToolsComponent, InnerTitleComponent, InputCheckboxComponent, InputLinkComponent, InputSelectComponent, InputTextComponent, InputTextareaComponent, ItemPreviewComponent, LOADER_MOCK, LoaderComponent, MAP_MOCK, METADATA_VIEWER_MOCK, MapComponent, MetadataViewerComponent, NAV_MOCK, NavComponent, PAGINATION_MOCK, PROGRESS_LINE_MOCK, PaginationComponent, ProgressLineComponent, SIDEBAR_HEADER_MOCK, SIGNUP_MOCK, SIMPLE_AUTOCOMPLETE_MOCK, SidebarHeaderComponent, SignupComponent, SimpleAutocompleteComponent, TABLE_MOCK, TAG_MOCK, TEXT_VIEWER_MOCK, TIMELINE_MOCK, TOAST_MOCK, TOOLTIP_CONTENT_MOCK, TREE_MOCK, TableComponent, TagComponent, TextViewerComponent, TimelineComponent, ToastComponent, TooltipContentComponent, TreeComponent, WIZARD_MOCK, WizardComponent };
|
|
5420
|
+
export { ADVANCED_AUTOCOMPLETE_MOCK, ALERT_MOCK, AVATAR_MOCK, AdvancedAutocompleteComponent, AlertComponent, AnchorWrapperComponent, AvatarComponent, BREADCRUMBS_MOCK, BUBBLECHART_MOCK, BUTTON_MOCK, BreadcrumbsComponent, BubbleChartComponent, ButtonComponent, CAROUSEL_MOCK, CHART_MOCK, CONTENT_PLACEHOLDER_MOCK, CarouselComponent, ChartComponent, ContentPlaceholderComponent, DATA_WIDGET_MOCK, DATEPICKER_MOCK, DataWidgetComponent, DatepickerComponent, DvComponentsLibModule, FACET_HEADER_MOCK, FACET_MOCK, FACET_YEAR_RANGE_MOCK, FILE_SELECTOR_MOCK, FOOTER_MOCK, FacetComponent, FacetHeaderComponent, FacetYearRangeComponent, FileSelectorComponent, FooterComponent, HEADER_MOCK, HERO_MOCK, HISTOGRAM_RANGE_MOCK, HeaderComponent, HeroComponent, HistogramRangeComponent, ICON_MOCK, IMAGE_VIEWER_MOCK, IMAGE_VIEWER_TOOLS_MOCK, INNER_TITLE_MOCK, INPUT_CHECKBOX_MOCK, INPUT_LINK_MOCK, INPUT_SELECT_MOCK, INPUT_TEXTAREA_MOCK, INPUT_TEXT_MOCK, ITEM_PREVIEW_MOCK, IconComponent, ImageViewerComponent, ImageViewerToolsComponent, InnerTitleComponent, InputCheckboxComponent, InputLinkComponent, InputSelectComponent, InputTextComponent, InputTextareaComponent, ItemPreviewComponent, LOADER_MOCK, LoaderComponent, MAP_MOCK, METADATA_VIEWER_MOCK, MapComponent, MetadataViewerComponent, NAV_MOCK, NavComponent, PAGINATION_MOCK, PROGRESS_LINE_MOCK, PaginationComponent, ProgressLineComponent, SIDEBAR_HEADER_MOCK, SIGNUP_MOCK, SIMPLE_AUTOCOMPLETE_MOCK, SidebarHeaderComponent, SignupComponent, SimpleAutocompleteComponent, TABLE_MOCK, TAG_MOCK, TEXT_VIEWER_MOCK, TIMELINE_MOCK, TOAST_MOCK, TOOLTIP_CONTENT_MOCK, TREE_MOCK, TableComponent, TagComponent, TextViewerComponent, TimelineComponent, ToastComponent, TooltipContentComponent, TreeComponent, WIZARD_MOCK, WizardComponent };
|
|
5369
5421
|
//# sourceMappingURL=net7-components.mjs.map
|