@rededor/site-front-end-lib 1.3.64 → 1.3.65
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.
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Component, Input, CUSTOM_ELEMENTS_SCHEMA, HostBinding } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { BreadcrumbsComponent } from '../breadcrumbs/breadcrumbs.component';
|
|
4
|
+
import { ImageComponent } from '../image/image.component';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "../../services";
|
|
6
7
|
import * as i2 from "@angular/common";
|
|
@@ -21,15 +22,17 @@ export class PageHeaderComponent {
|
|
|
21
22
|
this.bgColor = 'primary-base';
|
|
22
23
|
}
|
|
23
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", pageImage: "pageImage", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\" [ngClass]=\"{ 'no-image': !pageImage }\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n @if (pageImage) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"pageImage.url\"\r\n [imageDefaultSrc]=\"pageImage.webp_url\"\r\n [alt]=\"pageImage.alt\"\r\n [title]=\"pageImage.title\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}.page-header-content{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\" \"image\";row-gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 1024px){.page-header-content{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:\"breadcrumbs .\" \"title image\" \"text image\";row-gap:12px;column-gap:12px;padding:50px 0}}.page-header-content rdsite-breadcrumbs{grid-area:breadcrumbs}.page-header-content h1{grid-area:title;color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}.page-header-content cura-paragraph{grid-area:text}.page-header-content rdsite-image{grid-area:image;position:relative;border-radius:4px;aspect-ratio:2}@media screen and (min-width: 1024px){.page-header-content rdsite-image{aspect-ratio:3}}.page-header-content rdsite-image:after{content:\"\";width:100%;height:100%;position:absolute;z-index:1;inset:0;background:linear-gradient(195deg,#00285500 10.33%,#002855 85.32%)}.page-header-content.no-image{grid-template-areas:\"breadcrumbs\" \"title\" \"text\"}@media screen and (min-width: 1024px){.page-header-content.no-image{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\";row-gap:12px;column-gap:12px;padding:50px 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
25
26
|
}
|
|
26
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
27
28
|
type: Component,
|
|
28
|
-
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:
|
|
29
|
+
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\" [ngClass]=\"{ 'no-image': !pageImage }\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n @if (pageImage) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"pageImage.url\"\r\n [imageDefaultSrc]=\"pageImage.webp_url\"\r\n [alt]=\"pageImage.alt\"\r\n [title]=\"pageImage.title\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}.page-header-content{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\" \"image\";row-gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 1024px){.page-header-content{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:\"breadcrumbs .\" \"title image\" \"text image\";row-gap:12px;column-gap:12px;padding:50px 0}}.page-header-content rdsite-breadcrumbs{grid-area:breadcrumbs}.page-header-content h1{grid-area:title;color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}.page-header-content cura-paragraph{grid-area:text}.page-header-content rdsite-image{grid-area:image;position:relative;border-radius:4px;aspect-ratio:2}@media screen and (min-width: 1024px){.page-header-content rdsite-image{aspect-ratio:3}}.page-header-content rdsite-image:after{content:\"\";width:100%;height:100%;position:absolute;z-index:1;inset:0;background:linear-gradient(195deg,#00285500 10.33%,#002855 85.32%)}.page-header-content.no-image{grid-template-areas:\"breadcrumbs\" \"title\" \"text\"}@media screen and (min-width: 1024px){.page-header-content.no-image{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\";row-gap:12px;column-gap:12px;padding:50px 0}}\n"] }]
|
|
29
30
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { pageTitle: [{
|
|
30
31
|
type: Input
|
|
31
32
|
}], pageHeaderText: [{
|
|
32
33
|
type: Input
|
|
34
|
+
}], pageImage: [{
|
|
35
|
+
type: Input
|
|
33
36
|
}], hasPadding: [{
|
|
34
37
|
type: Input
|
|
35
38
|
}], breadcrumbs: [{
|
|
@@ -40,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
40
43
|
type: HostBinding,
|
|
41
44
|
args: ['style']
|
|
42
45
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFHL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBVTFELE1BQU0sT0FBTyxtQkFBbUI7SUFROUIsSUFBMEIsS0FBSztRQUM3QixPQUFPO1lBQ0wsWUFBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDckQscUJBQXFCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsbUJBQW1CLENBQUM7WUFDckUsZUFBZSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQztTQUNwRCxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQTZCLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBZjVDLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFFNUIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixnQkFBVyxHQUF1QixFQUFFLENBQUM7UUFDckMsWUFBTyxHQUFHLGNBQWMsQ0FBQztJQVVzQixDQUFDOytHQWhCOUMsbUJBQW1CO21HQUFuQixtQkFBbUIsdVNDZmhDLHEwQkF1QkEsZzFERGJZLFlBQVksNkhBQUUsb0JBQW9CLHdIQUFFLGNBQWM7OzRGQUtqRCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxjQUFjLENBQUMsV0FDcEQsQ0FBQyxzQkFBc0IsQ0FBQztnRkFLeEIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFb0IsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XHJcbmltcG9ydCB7IEJyZWFkY3J1bWJzSXRlbXMgfSBmcm9tICcuLi8uLi9tb2RlbHMvYnJlYWRjcnVtYnMvYnJlYWRjcnVtYnMtaXRlbXMubW9kZWwnO1xyXG5pbXBvcnQgeyBCcmVhZGNydW1ic0NvbXBvbmVudCB9IGZyb20gJy4uL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi4vaW1hZ2UvaW1hZ2UuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncmRzaXRlLXBhZ2UtaGVhZGVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJyZWFkY3J1bWJzQ29tcG9uZW50LCBJbWFnZUNvbXBvbmVudF0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXJDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHBhZ2VUaXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgcGFnZUhlYWRlclRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHBhZ2VJbWFnZTogYW55O1xyXG4gIEBJbnB1dCgpIGhhc1BhZGRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBicmVhZGNydW1iczogQnJlYWRjcnVtYnNJdGVtc1tdID0gW107XHJcbiAgQElucHV0KCkgYmdDb2xvciA9ICdwcmltYXJ5LWJhc2UnO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgZ2V0IHN0eWxlKCkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgJy0tYmctY29sb3InOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKHRoaXMuYmdDb2xvciksXHJcbiAgICAgICctLW5ldXRyYWwtcHVyZXdoaXRlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC1wdXJld2hpdGUnKSxcclxuICAgICAgJy0tZm9udC1mYW1pbHknOiB0aGlzLmN1cmFTZXJ2aWNlLmdldEZvbnRGYW1pbHkoJycpLFxyXG4gICAgfTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgY3VyYVNlcnZpY2U6IEN1cmFTZXJ2aWNlKSB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlclwiIFtuZ0NsYXNzXT1cInsgJ21vcmUtcGFkZGluZyc6IGhhc1BhZGRpbmcgfVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlci1jb250ZW50XCIgW25nQ2xhc3NdPVwieyAnbm8taW1hZ2UnOiAhcGFnZUltYWdlIH1cIj5cclxuICAgIEBpZiAoYnJlYWRjcnVtYnMubGVuZ3RoKSB7XHJcbiAgICAgIDxyZHNpdGUtYnJlYWRjcnVtYnMgW2JyZWFkY3J1bWJzXT1cImJyZWFkY3J1bWJzXCI+PC9yZHNpdGUtYnJlYWRjcnVtYnM+XHJcbiAgICB9XHJcbiAgICBAaWYgKHBhZ2VUaXRsZSkge1xyXG4gICAgICA8aDE+e3sgcGFnZVRpdGxlIH19PC9oMT5cclxuICAgIH1cclxuICAgIEBpZiAocGFnZUhlYWRlclRleHQpIHtcclxuICAgICAgPGN1cmEtcGFyYWdyYXBoIGNvbG9yPVwibmV1dHJhbC1wdXJld2hpdGVcIiBtYXJnaW4tYmxvY2s9XCIwXCI+e3sgcGFnZUhlYWRlclRleHQgfX08L2N1cmEtcGFyYWdyYXBoPlxyXG4gICAgfVxyXG4gICAgQGlmIChwYWdlSW1hZ2UpIHtcclxuICAgICAgPHJkc2l0ZS1pbWFnZVxyXG4gICAgICAgIFtpbWFnZVdlYnBTcmNdPVwicGFnZUltYWdlLnVybFwiXHJcbiAgICAgICAgW2ltYWdlRGVmYXVsdFNyY109XCJwYWdlSW1hZ2Uud2VicF91cmxcIlxyXG4gICAgICAgIFthbHRdPVwicGFnZUltYWdlLmFsdFwiXHJcbiAgICAgICAgW3RpdGxlXT1cInBhZ2VJbWFnZS50aXRsZVwiXHJcbiAgICAgICAgbG9hZGluZz1cImxhenlcIlxyXG4gICAgICA+PC9yZHNpdGUtaW1hZ2U+XHJcbiAgICB9XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -4041,43 +4041,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4041
4041
|
args: ['style']
|
|
4042
4042
|
}] } });
|
|
4043
4043
|
|
|
4044
|
-
class PageHeaderComponent {
|
|
4045
|
-
get style() {
|
|
4046
|
-
return {
|
|
4047
|
-
'--bg-color': this.curaService.getColor(this.bgColor),
|
|
4048
|
-
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
4049
|
-
'--font-family': this.curaService.getFontFamily(''),
|
|
4050
|
-
};
|
|
4051
|
-
}
|
|
4052
|
-
constructor(curaService) {
|
|
4053
|
-
this.curaService = curaService;
|
|
4054
|
-
this.pageTitle = '';
|
|
4055
|
-
this.pageHeaderText = '';
|
|
4056
|
-
this.hasPadding = false;
|
|
4057
|
-
this.breadcrumbs = [];
|
|
4058
|
-
this.bgColor = 'primary-base';
|
|
4059
|
-
}
|
|
4060
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4061
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }] }); }
|
|
4062
|
-
}
|
|
4063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
4064
|
-
type: Component,
|
|
4065
|
-
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}.page-header-content h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"] }]
|
|
4066
|
-
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { pageTitle: [{
|
|
4067
|
-
type: Input
|
|
4068
|
-
}], pageHeaderText: [{
|
|
4069
|
-
type: Input
|
|
4070
|
-
}], hasPadding: [{
|
|
4071
|
-
type: Input
|
|
4072
|
-
}], breadcrumbs: [{
|
|
4073
|
-
type: Input
|
|
4074
|
-
}], bgColor: [{
|
|
4075
|
-
type: Input
|
|
4076
|
-
}], style: [{
|
|
4077
|
-
type: HostBinding,
|
|
4078
|
-
args: ['style']
|
|
4079
|
-
}] } });
|
|
4080
|
-
|
|
4081
4044
|
class ImageComponent {
|
|
4082
4045
|
constructor(libConfig, platformId) {
|
|
4083
4046
|
this.libConfig = libConfig;
|
|
@@ -4134,6 +4097,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4134
4097
|
type: Input
|
|
4135
4098
|
}] } });
|
|
4136
4099
|
|
|
4100
|
+
class PageHeaderComponent {
|
|
4101
|
+
get style() {
|
|
4102
|
+
return {
|
|
4103
|
+
'--bg-color': this.curaService.getColor(this.bgColor),
|
|
4104
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
4105
|
+
'--font-family': this.curaService.getFontFamily(''),
|
|
4106
|
+
};
|
|
4107
|
+
}
|
|
4108
|
+
constructor(curaService) {
|
|
4109
|
+
this.curaService = curaService;
|
|
4110
|
+
this.pageTitle = '';
|
|
4111
|
+
this.pageHeaderText = '';
|
|
4112
|
+
this.hasPadding = false;
|
|
4113
|
+
this.breadcrumbs = [];
|
|
4114
|
+
this.bgColor = 'primary-base';
|
|
4115
|
+
}
|
|
4116
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4117
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", pageImage: "pageImage", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\" [ngClass]=\"{ 'no-image': !pageImage }\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n @if (pageImage) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"pageImage.url\"\r\n [imageDefaultSrc]=\"pageImage.webp_url\"\r\n [alt]=\"pageImage.alt\"\r\n [title]=\"pageImage.title\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}.page-header-content{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\" \"image\";row-gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 1024px){.page-header-content{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:\"breadcrumbs .\" \"title image\" \"text image\";row-gap:12px;column-gap:12px;padding:50px 0}}.page-header-content rdsite-breadcrumbs{grid-area:breadcrumbs}.page-header-content h1{grid-area:title;color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}.page-header-content cura-paragraph{grid-area:text}.page-header-content rdsite-image{grid-area:image;position:relative;border-radius:4px;aspect-ratio:2}@media screen and (min-width: 1024px){.page-header-content rdsite-image{aspect-ratio:3}}.page-header-content rdsite-image:after{content:\"\";width:100%;height:100%;position:absolute;z-index:1;inset:0;background:linear-gradient(195deg,#00285500 10.33%,#002855 85.32%)}.page-header-content.no-image{grid-template-areas:\"breadcrumbs\" \"title\" \"text\"}@media screen and (min-width: 1024px){.page-header-content.no-image{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\";row-gap:12px;column-gap:12px;padding:50px 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
4118
|
+
}
|
|
4119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
4120
|
+
type: Component,
|
|
4121
|
+
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\r\n <div class=\"page-header-content\" [ngClass]=\"{ 'no-image': !pageImage }\">\r\n @if (breadcrumbs.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\r\n }\r\n @if (pageTitle) {\r\n <h1>{{ pageTitle }}</h1>\r\n }\r\n @if (pageHeaderText) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\r\n }\r\n @if (pageImage) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"pageImage.url\"\r\n [imageDefaultSrc]=\"pageImage.webp_url\"\r\n [alt]=\"pageImage.alt\"\r\n [title]=\"pageImage.title\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}.page-header-content{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\" \"image\";row-gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 1024px){.page-header-content{grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:\"breadcrumbs .\" \"title image\" \"text image\";row-gap:12px;column-gap:12px;padding:50px 0}}.page-header-content rdsite-breadcrumbs{grid-area:breadcrumbs}.page-header-content h1{grid-area:title;color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-content h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}.page-header-content cura-paragraph{grid-area:text}.page-header-content rdsite-image{grid-area:image;position:relative;border-radius:4px;aspect-ratio:2}@media screen and (min-width: 1024px){.page-header-content rdsite-image{aspect-ratio:3}}.page-header-content rdsite-image:after{content:\"\";width:100%;height:100%;position:absolute;z-index:1;inset:0;background:linear-gradient(195deg,#00285500 10.33%,#002855 85.32%)}.page-header-content.no-image{grid-template-areas:\"breadcrumbs\" \"title\" \"text\"}@media screen and (min-width: 1024px){.page-header-content.no-image{grid-template-columns:auto;grid-template-rows:auto;grid-template-areas:\"breadcrumbs\" \"title\" \"text\";row-gap:12px;column-gap:12px;padding:50px 0}}\n"] }]
|
|
4122
|
+
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { pageTitle: [{
|
|
4123
|
+
type: Input
|
|
4124
|
+
}], pageHeaderText: [{
|
|
4125
|
+
type: Input
|
|
4126
|
+
}], pageImage: [{
|
|
4127
|
+
type: Input
|
|
4128
|
+
}], hasPadding: [{
|
|
4129
|
+
type: Input
|
|
4130
|
+
}], breadcrumbs: [{
|
|
4131
|
+
type: Input
|
|
4132
|
+
}], bgColor: [{
|
|
4133
|
+
type: Input
|
|
4134
|
+
}], style: [{
|
|
4135
|
+
type: HostBinding,
|
|
4136
|
+
args: ['style']
|
|
4137
|
+
}] } });
|
|
4138
|
+
|
|
4137
4139
|
class PostHeaderComponent {
|
|
4138
4140
|
get style() {
|
|
4139
4141
|
return {
|