@rededor/site-front-end-lib 1.3.0 → 1.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/banner/content-banner/content-banner.component.mjs +10 -4
- package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +6 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +13 -4
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/banner/content-banner/content-banner.component.d.ts +7 -1
- package/lib/components/page-template-sidebar/page-template-sidebar.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, CUSTOM_ELEMENTS_SCHEMA, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, HostBinding, Input, Output } from '@angular/core';
|
|
3
3
|
import { RdsiteLinkDirective } from '../../../directives';
|
|
4
4
|
import { ImageComponent } from '../../image/image.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -15,17 +15,23 @@ export class ContentBannerComponent {
|
|
|
15
15
|
constructor(curaService) {
|
|
16
16
|
this.curaService = curaService;
|
|
17
17
|
this.content = null;
|
|
18
|
+
this.ctaClick = new EventEmitter();
|
|
19
|
+
}
|
|
20
|
+
onCtaClick(text, link) {
|
|
21
|
+
this.ctaClick.emit({ text, link });
|
|
18
22
|
}
|
|
19
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentBannerComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button size=\"large\"
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, outputs: { ctaClick: "ctaClick" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
21
25
|
}
|
|
22
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
23
27
|
type: Component,
|
|
24
|
-
args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button size=\"large\"
|
|
28
|
+
args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
|
|
25
29
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { content: [{
|
|
26
30
|
type: Input
|
|
31
|
+
}], ctaClick: [{
|
|
32
|
+
type: Output
|
|
27
33
|
}], styleBinding: [{
|
|
28
34
|
type: HostBinding,
|
|
29
35
|
args: ['style']
|
|
30
36
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1iYW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9iYW5uZXIvY29udGVudC1iYW5uZXIvY29udGVudC1iYW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9iYW5uZXIvY29udGVudC1iYW5uZXIvY29udGVudC1iYW5uZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7OztBQVU3RCxNQUFNLE9BQU8sc0JBQXNCO0lBSWpDLElBQTBCLFlBQVk7UUFDcEMsT0FBTztZQUNMLHFCQUFxQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDO1lBQ3JFLHFCQUFxQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsQ0FBQztTQUN6RSxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQW9CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBVm5DLFlBQU8sR0FBeUIsSUFBSSxDQUFDO1FBQ3BDLGFBQVEsR0FBaUQsSUFBSSxZQUFZLEVBQWtDLENBQUM7SUFTdkUsQ0FBQztJQUVoRCxVQUFVLENBQUMsSUFBWSxFQUFFLElBQVk7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNyQyxDQUFDOytHQWZVLHNCQUFzQjttR0FBdEIsc0JBQXNCLDRNQ2ZuQyxxN0NBNkNBLHl4Q0RuQ1ksWUFBWSw2SEFBRSxtQkFBbUIsOEhBQUUsY0FBYzs7NEZBS2hELHNCQUFzQjtrQkFSbEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLGNBQWMsQ0FBQyxXQUNuRCxDQUFDLHNCQUFzQixDQUFDO2dGQUt4QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFFbUIsWUFBWTtzQkFBckMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJkc2l0ZUxpbmtEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9kaXJlY3RpdmVzJztcclxuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcyc7XHJcbmltcG9ydCB7IENvbnRlbnRCYW5uZXIgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvY29udGVudC1iYW5uZXIubW9kZWwnO1xyXG5pbXBvcnQgeyBJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ltYWdlL2ltYWdlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3Jkc2l0ZS1jb250ZW50LWJhbm5lcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSZHNpdGVMaW5rRGlyZWN0aXZlLCBJbWFnZUNvbXBvbmVudF0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50LWJhbm5lci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29udGVudC1iYW5uZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbnRlbnRCYW5uZXJDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGNvbnRlbnQ6IENvbnRlbnRCYW5uZXIgfCBudWxsID0gbnVsbDtcclxuICBAT3V0cHV0KCkgY3RhQ2xpY2s6IEV2ZW50RW1pdHRlcjx7IHRleHQ6IHN0cmluZzsgbGluazogc3RyaW5nIH0+ID0gbmV3IEV2ZW50RW1pdHRlcjx7IHRleHQ6IHN0cmluZzsgbGluazogc3RyaW5nIH0+KCk7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBnZXQgc3R5bGVCaW5kaW5nKCkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgJy0tbmV1dHJhbC1wdXJld2hpdGUnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLXB1cmV3aGl0ZScpLFxyXG4gICAgICAnLS1jb2xvci1vbmUtbGlnaHRlcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktbGlnaHRlcicsIDAuNSksXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjdXJhU2VydmljZTogQ3VyYVNlcnZpY2UpIHt9XHJcblxyXG4gIG9uQ3RhQ2xpY2sodGV4dDogc3RyaW5nLCBsaW5rOiBzdHJpbmcpIHtcclxuICAgIHRoaXMuY3RhQ2xpY2suZW1pdCh7IHRleHQsIGxpbmsgfSk7XHJcbiAgfVxyXG59XHJcbiIsIkBpZiAoY29udGVudD8udGl0bGUpIHtcclxuICA8Y3VyYS1oZWFkaW5nIGxldmVsPVwiNFwiIHdlaWdodD1cImJvbGRcIiBjb2xvcj1cIm5ldXRyYWwtcHVyZXdoaXRlXCIgbWFyZ2luLWJsb2NrPVwiMFwiPlxyXG4gICAge3sgY29udGVudD8udGl0bGUgfX1cclxuICA8L2N1cmEtaGVhZGluZz5cclxufVxyXG5cclxuQGlmIChjb250ZW50Py50ZXh0KSB7XHJcbiAgPGN1cmEtcGFyYWdyYXBoIGNvbG9yPVwibmV1dHJhbC1wdXJld2hpdGVcIiBtYXJnaW4tYmxvY2s9XCIwXCI+XHJcbiAgICB7eyBjb250ZW50Py50ZXh0IH19XHJcbiAgPC9jdXJhLXBhcmFncmFwaD5cclxufVxyXG5cclxuQGlmIChjb250ZW50Py5pbmZvPy5sZW5ndGgpIHtcclxuICA8ZGl2IGNsYXNzPVwiaW5mb1wiIGRhdGEtdGVzdGlkPVwiX2NvbnRlbnQtYmFubmVyLWluZm9cIj5cclxuICAgIEBmb3IgKGl0ZW0gb2YgY29udGVudD8uaW5mbyB8fCBbXTsgdHJhY2sgJGluZGV4KSB7XHJcbiAgICAgIEBpZiAoaXRlbS50ZXh0KSB7XHJcbiAgICAgICAgPGEgW25nQ2xhc3NdPVwieyBkaXNhYmxlZDogIWl0ZW0ubGluayB9XCIgcmRzaXRlbGluayBbaHJlZl09XCJpdGVtLmxpbmsgfHwgJydcIj5cclxuICAgICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XHJcbiAgICAgICAgICAgIDxjdXJhLWljb24gW25hbWVdPVwiaXRlbS5pY29uXCIgc2l6ZT1cIjE2XCIgY29sb3I9XCJuZXV0cmFsLXB1cmV3aGl0ZVwiPjwvY3VyYS1pY29uPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAge3sgaXRlbS50ZXh0IH19XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbn1cclxuXHJcbkBpZiAoY29udGVudD8uY3RhPy50ZXh0ICYmIGNvbnRlbnQ/LmN0YT8ubGluaykge1xyXG4gIDxjdXJhLWJ1dHRvblxyXG4gICAgKGNsaWNrKT1cIm9uQ3RhQ2xpY2soY29udGVudD8uY3RhPy50ZXh0IHx8ICcnLCBjb250ZW50Py5jdGE/LmxpbmsgfHwgJycpXCJcclxuICAgIHNpemU9XCJsYXJnZVwiXHJcbiAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgIGNvbG9yPVwiYWNjZW50XCJcclxuICAgIFthdHRyLmljb24tbmFtZV09XCJjb250ZW50Py5jdGE/Lmljb24gfHwgJydcIlxyXG4gICAgW2hyZWZdPVwiY29udGVudD8uY3RhPy5saW5rXCJcclxuICAgIHRhcmdldD1cIl9zZWxmXCJcclxuICA+XHJcbiAgICB7eyBjb250ZW50Py5jdGE/LnRleHQgfX1cclxuICA8L2N1cmEtYnV0dG9uPlxyXG59XHJcblxyXG5AaWYgKGNvbnRlbnQ/LmltYWdlKSB7XHJcbiAgPHJkc2l0ZS1pbWFnZSBbaW1hZ2VEZWZhdWx0U3JjXT1cImNvbnRlbnQ/LmltYWdlLnVybFwiIFtpbWFnZVdlYnBTcmNdPVwiY29udGVudD8uaW1hZ2U/LndlYnBfdXJsXCIgW3RpdGxlXT1cImNvbnRlbnQ/LmltYWdlLnRpdGxlXCIgW2FsdF09XCJjb250ZW50Py5pbWFnZS5hbHRcIj5cclxuICA8L3Jkc2l0ZS1pbWFnZT5cclxufVxyXG4iXX0=
|
|
@@ -10,13 +10,14 @@ export class PageTemplateSidebarComponent {
|
|
|
10
10
|
this.content = null;
|
|
11
11
|
this.afterContent = null;
|
|
12
12
|
this.sidebarContent = null;
|
|
13
|
+
this.isArticle = false;
|
|
13
14
|
}
|
|
14
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<article class=\"rdsite-template-
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent", isArticle: "isArticle" }, ngImport: i0, template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </header>\r\n }\r\n @if (stickyContent) {\r\n <div class=\"rdsite-template-sticky-content\">\r\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n <div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n@if (afterContent?.length) {\r\n @for (tpl of afterContent; track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
16
17
|
}
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
18
19
|
type: Component,
|
|
19
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<article class=\"rdsite-template-
|
|
20
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </header>\r\n }\r\n @if (stickyContent) {\r\n <div class=\"rdsite-template-sticky-content\">\r\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n <div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n@if (afterContent?.length) {\r\n @for (tpl of afterContent; track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
20
21
|
}], propDecorators: { header: [{
|
|
21
22
|
type: Input
|
|
22
23
|
}], stickyContent: [{
|
|
@@ -29,5 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
29
30
|
type: Input
|
|
30
31
|
}], sidebarContent: [{
|
|
31
32
|
type: Input
|
|
33
|
+
}], isArticle: [{
|
|
34
|
+
type: Input
|
|
32
35
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10ZW1wbGF0ZS1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZS10ZW1wbGF0ZS1zaWRlYmFyL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci9wYWdlLXRlbXBsYXRlLXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7QUFVdEYsTUFBTSxPQUFPLDRCQUE0QjtJQVJ6QztRQVNXLFdBQU0sR0FBNEIsSUFBSSxDQUFDO1FBQ3ZDLGtCQUFhLEdBQTRCLElBQUksQ0FBQztRQUM5QyxrQkFBYSxHQUE0QixJQUFJLENBQUM7UUFDOUMsWUFBTyxHQUE0QixJQUFJLENBQUM7UUFDeEMsaUJBQVksR0FBMkQsSUFBSSxDQUFDO1FBQzVFLG1CQUFjLEdBQTRCLElBQUksQ0FBQztRQUMvQyxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBQzVCOytHQVJZLDRCQUE0QjttR0FBNUIsNEJBQTRCLGtTQ1h6QywyakRBa0RBLG94RUQ1Q1ksWUFBWTs7NEZBS1gsNEJBQTRCO2tCQVJ4QyxTQUFTOytCQUNFLDhCQUE4QixjQUM1QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsV0FDZCxDQUFDLHNCQUFzQixDQUFDOzhCQUt4QixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3Jkc2l0ZS1wYWdlLXRlbXBsYXRlLXNpZGViYXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLXRlbXBsYXRlLXNpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9wYWdlLXRlbXBsYXRlLXNpZGViYXIuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFnZVRlbXBsYXRlU2lkZWJhckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaGVhZGVyOiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XHJcbiAgQElucHV0KCkgc3RpY2t5Q29udGVudDogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xyXG4gIEBJbnB1dCgpIGJlZm9yZUNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcclxuICBASW5wdXQoKSBjb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XHJcbiAgQElucHV0KCkgYWZ0ZXJDb250ZW50OiB7IHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+OyBzaG93OiBib29sZWFuIH1bXSB8IG51bGwgPSBudWxsO1xyXG4gIEBJbnB1dCgpIHNpZGViYXJDb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XHJcbiAgQElucHV0KCkgaXNBcnRpY2xlID0gZmFsc2U7XHJcbn1cclxuIiwiQGlmIChpc0FydGljbGUpIHtcclxuICA8YXJ0aWNsZSBjbGFzcz1cInJkc2l0ZS10ZW1wbGF0ZS1zaWRlYmFyXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibWFpbkNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICA8L2FydGljbGU+XHJcbn0gQGVsc2Uge1xyXG4gIDxzZWN0aW9uIGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLXNpZGViYXJcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJtYWluQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvc2VjdGlvbj5cclxufVxyXG48bmctdGVtcGxhdGUgI21haW5Db250ZW50PlxyXG4gIEBpZiAoaGVhZGVyKSB7XHJcbiAgICA8aGVhZGVyIGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLWhlYWRlclwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2hlYWRlcj5cclxuICB9XHJcbiAgQGlmIChzdGlja3lDb250ZW50KSB7XHJcbiAgICA8ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLXN0aWNreS1jb250ZW50XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdGlja3lDb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcblxyXG4gIEBpZiAoYmVmb3JlQ29udGVudCkge1xyXG4gICAgPGRpdiBjbGFzcz1cInJkc2l0ZS10ZW1wbGF0ZS1iZWZvcmUtY29udGVudFwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYmVmb3JlQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG4gIDxkaXYgY2xhc3M9XCJyZHNpdGUtdGVtcGxhdGUtY29udGFpbmVyXCI+XHJcbiAgICBAaWYgKGNvbnRlbnQpIHtcclxuICAgICAgPHNlY3Rpb24gY2xhc3M9XCJyZHNpdGUtY29udGVudC1jb250YWluZXJcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L3NlY3Rpb24+XHJcbiAgICB9XHJcblxyXG4gICAgQGlmIChzaWRlYmFyQ29udGVudCkge1xyXG4gICAgICA8YXNpZGUgY2xhc3M9XCJyZHNpdGUtc2lkZWJhci1jb250ZW50LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzaWRlYmFyQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2FzaWRlPlxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuQGlmIChhZnRlckNvbnRlbnQ/Lmxlbmd0aCkge1xyXG4gIEBmb3IgKHRwbCBvZiBhZnRlckNvbnRlbnQ7IHRyYWNrICRpbmRleCkge1xyXG4gICAgQGlmICh0cGwuc2hvdykge1xyXG4gICAgICA8YXNpZGUgY2xhc3M9XCJyZHNpdGUtdGVtcGxhdGUtYWZ0ZXItY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0cGwudGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9hc2lkZT5cclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -4022,13 +4022,14 @@ class PageTemplateSidebarComponent {
|
|
|
4022
4022
|
this.content = null;
|
|
4023
4023
|
this.afterContent = null;
|
|
4024
4024
|
this.sidebarContent = null;
|
|
4025
|
+
this.isArticle = false;
|
|
4025
4026
|
}
|
|
4026
4027
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4027
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<article class=\"rdsite-template-
|
|
4028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent", isArticle: "isArticle" }, ngImport: i0, template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </header>\r\n }\r\n @if (stickyContent) {\r\n <div class=\"rdsite-template-sticky-content\">\r\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n <div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n@if (afterContent?.length) {\r\n @for (tpl of afterContent; track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
4028
4029
|
}
|
|
4029
4030
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
4030
4031
|
type: Component,
|
|
4031
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<article class=\"rdsite-template-
|
|
4032
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (isArticle) {\r\n <article class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\">\r\n <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n </header>\r\n }\r\n @if (stickyContent) {\r\n <div class=\"rdsite-template-sticky-content\">\r\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (beforeContent) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\r\n </div>\r\n }\r\n <div class=\"rdsite-template-container\">\r\n @if (content) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\r\n </aside>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n@if (afterContent?.length) {\r\n @for (tpl of afterContent; track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
4032
4033
|
}], propDecorators: { header: [{
|
|
4033
4034
|
type: Input
|
|
4034
4035
|
}], stickyContent: [{
|
|
@@ -4041,6 +4042,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
4041
4042
|
type: Input
|
|
4042
4043
|
}], sidebarContent: [{
|
|
4043
4044
|
type: Input
|
|
4045
|
+
}], isArticle: [{
|
|
4046
|
+
type: Input
|
|
4044
4047
|
}] } });
|
|
4045
4048
|
|
|
4046
4049
|
class FilterPlanosConveniosComponent {
|
|
@@ -4563,15 +4566,21 @@ class ContentBannerComponent {
|
|
|
4563
4566
|
constructor(curaService) {
|
|
4564
4567
|
this.curaService = curaService;
|
|
4565
4568
|
this.content = null;
|
|
4569
|
+
this.ctaClick = new EventEmitter();
|
|
4570
|
+
}
|
|
4571
|
+
onCtaClick(text, link) {
|
|
4572
|
+
this.ctaClick.emit({ text, link });
|
|
4566
4573
|
}
|
|
4567
4574
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentBannerComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4568
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button size=\"large\"
|
|
4575
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, outputs: { ctaClick: "ctaClick" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
4569
4576
|
}
|
|
4570
4577
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
4571
4578
|
type: Component,
|
|
4572
|
-
args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button size=\"large\"
|
|
4579
|
+
args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
|
|
4573
4580
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { content: [{
|
|
4574
4581
|
type: Input
|
|
4582
|
+
}], ctaClick: [{
|
|
4583
|
+
type: Output
|
|
4575
4584
|
}], styleBinding: [{
|
|
4576
4585
|
type: HostBinding,
|
|
4577
4586
|
args: ['style']
|