@rededor/site-front-end-lib 0.0.53 → 0.0.54
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/algolia/algolia.component.mjs +12 -11
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +38 -17
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +11 -8
- package/esm2022/lib/components/error/error.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +16 -35
- package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +13 -8
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +2 -2
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +86 -77
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/algolia/algolia.component.d.ts +4 -2
- package/lib/components/breadcrumbs/breadcrumbs.component.d.ts +12 -9
- package/lib/components/cta-wrapper/cta-wrapper.component.d.ts +9 -3
- package/lib/components/page-header/page-header.component.d.ts +8 -14
- package/lib/components/page-template-sidebar/page-template-sidebar.component.d.ts +6 -7
- package/package.json +2 -2
- package/styles/_breakpoints.scss +1 -0
|
@@ -5,53 +5,34 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
import * as i1 from "../../services";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
7
7
|
export class PageHeaderComponent {
|
|
8
|
-
get headerClasses() {
|
|
9
|
-
return [this.layoutStyle === 'aligned' ? 'aligned-content' : '', this.useBackgroundImage ? 'with-bg-image' : ''].filter(Boolean).join(' ');
|
|
10
|
-
}
|
|
11
|
-
get shouldShowHeaderImage() {
|
|
12
|
-
return this.useBackgroundImage && !!this.headerImageUrl;
|
|
13
|
-
}
|
|
14
|
-
get shouldShowBreadcrumbs() {
|
|
15
|
-
return this.showBreadcrumbs && !!this.breadcrumbsItems?.length;
|
|
16
|
-
}
|
|
17
|
-
get hostStyles() {
|
|
18
|
-
return {
|
|
19
|
-
'--header-bg-color': this.curaService.getColor('primary-dark'),
|
|
20
|
-
'--header-title-color': this.curaService.getColor('neutral-purewhite'),
|
|
21
|
-
'--font-color': this.curaService.getColor('neutral-purewhite'),
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
8
|
constructor(curaService) {
|
|
25
9
|
this.curaService = curaService;
|
|
26
|
-
this.layoutStyle = 'aligned';
|
|
27
10
|
this.pageTitle = '';
|
|
28
|
-
this.
|
|
29
|
-
this.
|
|
30
|
-
this.
|
|
31
|
-
this.
|
|
11
|
+
this.pageHeaderText = '';
|
|
12
|
+
this.hasPadding = false;
|
|
13
|
+
this.breadcrumbs = [];
|
|
14
|
+
this.style = {
|
|
15
|
+
'--spacing': this.curaService.getSpacing(),
|
|
16
|
+
'--color': this.curaService.getColor('neutral-purewhite'),
|
|
17
|
+
'--bg-color': this.curaService.getColor('primary-base'),
|
|
18
|
+
};
|
|
32
19
|
}
|
|
33
20
|
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 }); }
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: {
|
|
21
|
+
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" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;display:block;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: 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", "breadcrumbs"] }] }); }
|
|
35
22
|
}
|
|
36
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
37
24
|
type: Component,
|
|
38
|
-
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<header class=\"page-header\" [ngClass]=\"
|
|
39
|
-
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: {
|
|
40
|
-
type: Input
|
|
41
|
-
}], pageTitle: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}], pageSubtitle: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}], headerImageUrl: [{
|
|
25
|
+
args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;display:block;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: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"] }]
|
|
26
|
+
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { pageTitle: [{
|
|
46
27
|
type: Input
|
|
47
|
-
}],
|
|
28
|
+
}], pageHeaderText: [{
|
|
48
29
|
type: Input
|
|
49
|
-
}],
|
|
30
|
+
}], hasPadding: [{
|
|
50
31
|
type: Input
|
|
51
|
-
}],
|
|
32
|
+
}], breadcrumbs: [{
|
|
52
33
|
type: Input
|
|
53
|
-
}],
|
|
34
|
+
}], style: [{
|
|
54
35
|
type: HostBinding,
|
|
55
36
|
args: ['style']
|
|
56
37
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvY29tcG9uZW50cy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFHL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFVNUUsTUFBTSxPQUFPLG1CQUFtQjtJQVk5QixZQUE2QixXQUF3QjtRQUF4QixnQkFBVyxHQUFYLFdBQVcsQ0FBYTtRQVg1QyxjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBQzVCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsZ0JBQVcsR0FBdUIsRUFBRSxDQUFDO1FBRXhCLFVBQUssR0FBRztZQUM1QixXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEVBQUU7WUFDMUMsU0FBUyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDO1lBQ3pELFlBQVksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUM7U0FDeEQsQ0FBQztJQUVzRCxDQUFDOytHQVo5QyxtQkFBbUI7bUdBQW5CLG1CQUFtQiwyUENkaEMsc2tCQWNBLG1oQkRMWSxZQUFZLDZIQUFFLG9CQUFvQjs7NEZBS2pDLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG9CQUFvQixDQUFDLFdBQ3BDLENBQUMsc0JBQXNCLENBQUM7Z0ZBS3hCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRWdCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBCcmVhZGNydW1ic0l0ZW1zIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2JyZWFkY3J1bWJzL2JyZWFkY3J1bWJzLWl0ZW1zLm1vZGVsJztcbmltcG9ydCB7IEJyZWFkY3J1bWJzQ29tcG9uZW50IH0gZnJvbSAnLi4vYnJlYWRjcnVtYnMvYnJlYWRjcnVtYnMuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncmRzaXRlLXBhZ2UtaGVhZGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQnJlYWRjcnVtYnNDb21wb25lbnRdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBwYWdlVGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwYWdlSGVhZGVyVGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGhhc1BhZGRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgYnJlYWRjcnVtYnM6IEJyZWFkY3J1bWJzSXRlbXNbXSA9IFtdO1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKSBzdHlsZSA9IHtcbiAgICAnLS1zcGFjaW5nJzogdGhpcy5jdXJhU2VydmljZS5nZXRTcGFjaW5nKCksXG4gICAgJy0tY29sb3InOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLXB1cmV3aGl0ZScpLFxuICAgICctLWJnLWNvbG9yJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcigncHJpbWFyeS1iYXNlJyksXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBjdXJhU2VydmljZTogQ3VyYVNlcnZpY2UpIHt9XG59XG4iLCI8aGVhZGVyIGNsYXNzPVwicGFnZS1oZWFkZXJcIiBbbmdDbGFzc109XCJ7ICdtb3JlLXBhZGRpbmcnOiBoYXNQYWRkaW5nIH1cIj5cbiAgPGRpdiBjbGFzcz1cInBhZ2UtaGVhZGVyLWNvbnRlbnQgY29udGFpbmVyXCI+XG4gICAgQGlmIChicmVhZGNydW1icy5sZW5ndGgpIHtcbiAgICAgIDxyZHNpdGUtYnJlYWRjcnVtYnMgW2JyZWFkY3J1bWJzXT1cImJyZWFkY3J1bWJzXCI+PC9yZHNpdGUtYnJlYWRjcnVtYnM+XG4gICAgfVxuICAgIEBpZiAocGFnZVRpdGxlKSB7XG4gICAgICA8Y3VyYS1kaXNwbGF5IGxldmVsPVwiMVwiIGNvbG9yPVwibmV1dHJhbC1wdXJld2hpdGVcIiBtYXJnaW4tYmxvY2s9XCIwXCI+e3sgcGFnZVRpdGxlIH19PC9jdXJhLWRpc3BsYXk+XG4gICAgfVxuICAgIEBpZiAocGFnZUhlYWRlclRleHQpIHtcbiAgICAgIDxjdXJhLXBhcmFncmFwaCBjb2xvcj1cIm5ldXRyYWwtcHVyZXdoaXRlXCIgbWFyZ2luLWJsb2NrPVwiMFwiPnt7IHBhZ2VIZWFkZXJUZXh0IH19PC9jdXJhLXBhcmFncmFwaD5cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvaGVhZGVyPlxuIl19
|
|
@@ -3,23 +3,28 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class PageTemplateSidebarComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.header = null;
|
|
8
|
+
this.beforeContent = null;
|
|
9
|
+
this.content = null;
|
|
10
|
+
this.afterContent = null;
|
|
11
|
+
this.sidebarContent = null;
|
|
12
|
+
}
|
|
6
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: {
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n</div>\n\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{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\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 992px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}@media screen and (max-width: 992px){:host .rdsite-template-container{grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .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"] }] }); }
|
|
8
15
|
}
|
|
9
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
10
17
|
type: Component,
|
|
11
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"
|
|
12
|
-
}], propDecorators: {
|
|
18
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n</div>\n\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{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\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 992px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}@media screen and (max-width: 992px){:host .rdsite-template-container{grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
19
|
+
}], propDecorators: { header: [{
|
|
13
20
|
type: Input
|
|
14
21
|
}], beforeContent: [{
|
|
15
22
|
type: Input
|
|
16
|
-
}],
|
|
23
|
+
}], content: [{
|
|
17
24
|
type: Input
|
|
18
|
-
}],
|
|
25
|
+
}], afterContent: [{
|
|
19
26
|
type: Input
|
|
20
27
|
}], sidebarContent: [{
|
|
21
28
|
type: Input
|
|
22
|
-
}], afterContent: [{
|
|
23
|
-
type: Input
|
|
24
29
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10ZW1wbGF0ZS1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZS10ZW1wbGF0ZS1zaWRlYmFyL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci9wYWdlLXRlbXBsYXRlLXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7QUFVdEYsTUFBTSxPQUFPLDRCQUE0QjtJQVJ6QztRQVNXLFdBQU0sR0FBNEIsSUFBSSxDQUFDO1FBQ3ZDLGtCQUFhLEdBQTRCLElBQUksQ0FBQztRQUM5QyxZQUFPLEdBQTRCLElBQUksQ0FBQztRQUN4QyxpQkFBWSxHQUE0QixJQUFJLENBQUM7UUFDN0MsbUJBQWMsR0FBNEIsSUFBSSxDQUFDO0tBQ3pEOytHQU5ZLDRCQUE0QjttR0FBNUIsNEJBQTRCLDBPQ1h6Qyx1MEJBK0JBLG12Q0R6QlksWUFBWTs7NEZBS1gsNEJBQTRCO2tCQVJ4QyxTQUFTOytCQUNFLDhCQUE4QixjQUM1QixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsV0FDZCxDQUFDLHNCQUFzQixDQUFDOzhCQUt4QixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jkc2l0ZS1wYWdlLXRlbXBsYXRlLXNpZGViYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS10ZW1wbGF0ZS1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VUZW1wbGF0ZVNpZGViYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBoZWFkZXI6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgYmVmb3JlQ29udGVudDogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBjb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIGFmdGVyQ29udGVudDogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBzaWRlYmFyQ29udGVudDogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xufVxuIiwiPGRpdiBjbGFzcz1cInJkc2l0ZS10ZW1wbGF0ZS1oZWFkZXJcIj5cbiAgQGlmIChoZWFkZXIpIHtcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyXCI+PC9uZy1jb250YWluZXI+XG4gIH1cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLWJlZm9yZS1jb250ZW50XCI+XG4gIEBpZiAoYmVmb3JlQ29udGVudCkge1xuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJiZWZvcmVDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIH1cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLWNvbnRhaW5lclwiPlxuICBAaWYgKGNvbnRlbnQpIHtcbiAgICA8c2VjdGlvbiBjbGFzcz1cInJkc2l0ZS1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L3NlY3Rpb24+XG4gIH1cblxuICBAaWYgKHNpZGViYXJDb250ZW50KSB7XG4gICAgPGFzaWRlIGNsYXNzPVwicmRzaXRlLXNpZGViYXItY29udGVudC1jb250YWluZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzaWRlYmFyQ29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvYXNpZGU+XG4gIH1cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLWFmdGVyLWNvbnRlbnRcIj5cbiAgQGlmIChhZnRlckNvbnRlbnQpIHtcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYWZ0ZXJDb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIH1cbjwvZGl2PlxuIl19
|
package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs
CHANGED
|
@@ -15,7 +15,7 @@ export class SideCtasBottomComponent {
|
|
|
15
15
|
this.sideCtaBottomItemClick = new EventEmitter();
|
|
16
16
|
this.style = {
|
|
17
17
|
'--font-color': this.curaService.getColor('neutral-black'),
|
|
18
|
-
'--bg-color': this.curaService.getColor('
|
|
18
|
+
'--bg-color': this.curaService.getColor('primary-dark'),
|
|
19
19
|
'--bg-cta-color': this.curaService.getColor('accent-base'),
|
|
20
20
|
'--bg-cta-hover-color': this.curaService.getColor('accent-dark'),
|
|
21
21
|
'--bg-cta-active-color': this.curaService.getColor('accent-darker'),
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
38
38
|
type: HostBinding,
|
|
39
39
|
args: ['style']
|
|
40
40
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1jdGFzLWJvdHRvbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1ib3R0b20vc2lkZS1jdGFzLWJvdHRvbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1ib3R0b20vc2lkZS1jdGFzLWJvdHRvbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUc1RyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBVTdELE1BQU0sT0FBTyx1QkFBdUI7SUFFbEMsSUFDSSxJQUFJLENBQUMsS0FBZ0I7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUNELElBQUksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBV0QsWUFBb0IsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFsQnBDLFVBQUssR0FBYyxFQUFFLENBQUM7UUFRcEIsMkJBQXNCLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFckQsVUFBSyxHQUFHO1lBQzVCLGNBQWMsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUM7WUFDMUQsWUFBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztZQUN2RCxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUM7WUFDMUQsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDO1lBQ2hFLHVCQUF1QixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQztTQUNwRSxDQUFDO0lBRTZDLENBQUM7SUFFaEQsd0JBQXdCLENBQUMsS0FBWTtRQUNuQyxJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFDLENBQUM7K0dBdkJVLHVCQUF1QjttR0FBdkIsdUJBQXVCLDZOQ2JwQyxvU0FRQSx3dkJEQVksbUJBQW1COzs0RkFLbEIsdUJBQXVCO2tCQVJuQyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsQ0FBQyxXQUNyQixDQUFDLHNCQUFzQixDQUFDO2dGQU83QixJQUFJO3NCQURQLEtBQUs7Z0JBT0ksc0JBQXNCO3NCQUEvQixNQUFNO2dCQUVlLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2lkZUN0YSB9IGZyb20gJy4uLy4uL21vZGVscy9TaWRlQ3RhLm1vZGVsJztcbmltcG9ydCB7IEN1cmFTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgUmRzaXRlTGlua0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyZHNpdGUtc2lkZS1jdGFzLWJvdHRvbScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtSZHNpdGVMaW5rRGlyZWN0aXZlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1jdGFzLWJvdHRvbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9zaWRlLWN0YXMtYm90dG9tLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZUN0YXNCb3R0b21Db21wb25lbnQge1xuICBwcml2YXRlIF9jdGFzOiBTaWRlQ3RhW10gPSBbXTtcbiAgQElucHV0KClcbiAgc2V0IGN0YXModmFsdWU6IFNpZGVDdGFbXSkge1xuICAgIHRoaXMuX2N0YXMgPSB2YWx1ZTtcbiAgfVxuICBnZXQgY3RhcygpIHtcbiAgICByZXR1cm4gdGhpcy5fY3RhcztcbiAgfVxuICBAT3V0cHV0KCkgc2lkZUN0YUJvdHRvbUl0ZW1DbGljazogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgc3R5bGUgPSB7XG4gICAgJy0tZm9udC1jb2xvcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ25ldXRyYWwtYmxhY2snKSxcbiAgICAnLS1iZy1jb2xvcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktZGFyaycpLFxuICAgICctLWJnLWN0YS1jb2xvcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ2FjY2VudC1iYXNlJyksXG4gICAgJy0tYmctY3RhLWhvdmVyLWNvbG9yJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignYWNjZW50LWRhcmsnKSxcbiAgICAnLS1iZy1jdGEtYWN0aXZlLWNvbG9yJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignYWNjZW50LWRhcmtlcicpLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY3VyYVNlcnZpY2U6IEN1cmFTZXJ2aWNlKSB7fVxuXG4gIHNpZGVDdGFCb3R0b21JdGVtQ2xpY2tlZChldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLnNpZGVDdGFCb3R0b21JdGVtQ2xpY2suZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIkBpZiAoY3Rhcy5sZW5ndGgpIHtcbiAgQGZvciAoY3RhIG9mIGN0YXM7IHRyYWNrIGN0YS50ZXh0KSB7XG4gICAgPGEgW2hyZWZdPVwiY3RhLnVybFwiIHJkc2l0ZWxpbmsgKGNsaWNrKT1cInNpZGVDdGFCb3R0b21JdGVtQ2xpY2tlZCgkZXZlbnQpXCI+XG4gICAgICA8Y3VyYS1pY29uIFthdHRyLm5hbWVdPVwiY3RhLmljb25cIiBzaXplPVwiMjBcIiBjb2xvcj1cIm5ldXRyYWwtYmxhY2tcIj48L2N1cmEtaWNvbj5cbiAgICAgIDxzcGFuPnt7IGN0YS50ZXh0IH19PC9zcGFuPlxuICAgIDwvYT5cbiAgfVxufVxuIl19
|
|
@@ -11,13 +11,13 @@ export class SideCtasComponent {
|
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'rdsite-side-ctas', standalone: true, imports: [CommonModule], template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
|
|
18
|
+
args: [{ selector: 'rdsite-side-ctas', standalone: true, imports: [CommonModule], template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
|
|
19
19
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { style: [{
|
|
20
20
|
type: HostBinding,
|
|
21
21
|
args: ['style']
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1jdGFzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvc2lkZS1jdGFzL3NpZGUtY3Rhcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9zaWRlLWN0YXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBUy9DLE1BQU0sT0FBTyxpQkFBaUI7SUFLNUIsWUFBb0IsV0FBd0I7UUFBeEIsZ0JBQVcsR0FBWCxXQUFXLENBQWE7UUFKdEIsVUFBSyxHQUFHO1lBQzVCLGVBQWUsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQztTQUM3RCxDQUFDO0lBRTZDLENBQUM7K0dBTHJDLGlCQUFpQjttR0FBakIsaUJBQWlCLDZIQ1g5Qix5Z0NBNEJBLDYxQkRyQlksWUFBWTs7NEZBSVgsaUJBQWlCO2tCQVA3QixTQUFTOytCQUNFLGtCQUFrQixjQUNoQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7Z0ZBS0QsS0FBSztzQkFBMUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdyZHNpdGUtc2lkZS1jdGFzJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWN0YXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vc2lkZS1jdGFzLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZUN0YXNDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgc3R5bGUgPSB7XG4gICAgJy0tY29sb3ItcmlnaHQnOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCdwcmltYXJ5LWRhcmtlcicpLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY3VyYVNlcnZpY2U6IEN1cmFTZXJ2aWNlKSB7fVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInJkc2l0ZS1zaWRlLWN0YXMtcmlnaHRcIlxuICBbbmdTdHlsZV09XCJ7XG4gICAgZGlzcGxheTogcmlnaHRUb3A/LmNoaWxkcmVuPy5sZW5ndGggfHwgcmlnaHRNaWRkbGU/LmNoaWxkcmVuPy5sZW5ndGggfHwgcmlnaHRCb3R0b20/LmNoaWxkcmVuPy5sZW5ndGggPyAnZmxleCcgOiAnbm9uZScsXG4gIH1cIlxuPlxuICA8ZGl2ICNyaWdodFRvcCBjbGFzcz1cInJkc2l0ZS1zaWRlLWN0YXMtcmlnaHQtdG9wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwicmRzaXRlLXNpZGUtY3Rhcy1yaWdodC10b3BcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2ICNyaWdodE1pZGRsZSBjbGFzcz1cInJkc2l0ZS1zaWRlLWN0YXMtcmlnaHQtbWlkZGxlXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwicmRzaXRlLXNpZGUtY3Rhcy1yaWdodC1taWRkbGVcIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8ZGl2ICNyaWdodEJvdHRvbSBjbGFzcz1cInJkc2l0ZS1zaWRlLWN0YXMtcmlnaHQtYm90dG9tXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwicmRzaXRlLXNpZGUtY3Rhcy1yaWdodC1ib3R0b21cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXZcbiAgY2xhc3M9XCJyZHNpdGUtc2lkZS1jdGFzLWJvdHRvbVwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICBkaXNwbGF5OiBib3R0b20/LmNoaWxkcmVuPy5sZW5ndGggPyAnZmxleCcgOiAnbm9uZScsXG4gICAgcGFkZGluZ1JpZ2h0OiByaWdodFRvcD8uY2hpbGRyZW4/Lmxlbmd0aCB8fCByaWdodE1pZGRsZT8uY2hpbGRyZW4/Lmxlbmd0aCB8fCByaWdodEJvdHRvbT8uY2hpbGRyZW4/Lmxlbmd0aCA/ICc4OHB4JyA6ICcwcHgnLFxuICB9XCJcbj5cbiAgPGRpdiAjYm90dG9tIGNsYXNzPVwicmRzaXRlLXNpZGUtY3Rhcy1ib3R0b20tY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwicmRzaXRlLXNpZGUtY3Rhcy1ib3R0b21cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|