@rededor/site-front-end-lib 0.0.16 → 0.0.17
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/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +4 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +4 -3
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +2 -2
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +10 -61
- package/fesm2022/rededor-site-front-end-lib.mjs +15 -66
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/services/ssr-loading/ssr-loading.service.d.ts +1 -28
- package/package.json +1 -1
package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, CUSTOM_ELEMENTS_SCHEMA, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { RdsiteLinkDirective } from '../../../../directives';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "../../../../services";
|
|
4
5
|
export class SideCtasBottomComponent {
|
|
@@ -20,15 +21,15 @@ export class SideCtasBottomComponent {
|
|
|
20
21
|
};
|
|
21
22
|
}
|
|
22
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
24
25
|
}
|
|
25
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
26
27
|
type: Component,
|
|
27
|
-
args: [{ selector: 'rdsite-side-ctas-bottom', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
|
|
28
|
+
args: [{ selector: 'rdsite-side-ctas-bottom', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
|
|
28
29
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { ctas: [{
|
|
29
30
|
type: Input
|
|
30
31
|
}], style: [{
|
|
31
32
|
type: HostBinding,
|
|
32
33
|
args: ['style']
|
|
33
34
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1jdGFzLWJvdHRvbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1ib3R0b20vc2lkZS1jdGFzLWJvdHRvbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1ib3R0b20vc2lkZS1jdGFzLWJvdHRvbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQVU3RCxNQUFNLE9BQU8sdUJBQXVCO0lBRWxDLElBQ0ksSUFBSSxDQUFDLEtBQWdCO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQVVELFlBQW9CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBakJwQyxVQUFLLEdBQWMsRUFBRSxDQUFDO1FBU1IsVUFBSyxHQUFHO1lBQzVCLGNBQWMsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUM7WUFDMUQsWUFBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLG1CQUFtQixDQUFDO1lBQzVELGdCQUFnQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQztZQUMxRCxzQkFBc0IsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUM7WUFDaEUsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1NBQ3BFLENBQUM7SUFFNkMsQ0FBQzsrR0FsQnJDLHVCQUF1QjttR0FBdkIsdUJBQXVCLDhKQ2JwQyx1UEFRQSw4cUJEQVksbUJBQW1COzs0RkFLbEIsdUJBQXVCO2tCQVJuQyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsQ0FBQyxXQUNyQixDQUFDLHNCQUFzQixDQUFDO2dGQU83QixJQUFJO3NCQURQLEtBQUs7Z0JBUWdCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlQ3RhIH0gZnJvbSAnLi4vLi4vbW9kZWxzL1NpZGVDdGEubW9kZWwnO1xuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBSZHNpdGVMaW5rRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jkc2l0ZS1zaWRlLWN0YXMtYm90dG9tJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1Jkc2l0ZUxpbmtEaXJlY3RpdmVdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWN0YXMtYm90dG9tLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NpZGUtY3Rhcy1ib3R0b20uY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlQ3Rhc0JvdHRvbUNvbXBvbmVudCB7XG4gIHByaXZhdGUgX2N0YXM6IFNpZGVDdGFbXSA9IFtdO1xuICBASW5wdXQoKVxuICBzZXQgY3Rhcyh2YWx1ZTogU2lkZUN0YVtdKSB7XG4gICAgdGhpcy5fY3RhcyA9IHZhbHVlO1xuICB9XG4gIGdldCBjdGFzKCkge1xuICAgIHJldHVybiB0aGlzLl9jdGFzO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZScpIHN0eWxlID0ge1xuICAgICctLWZvbnQtY29sb3InOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLWJsYWNrJyksXG4gICAgJy0tYmctY29sb3InOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCduZXV0cmFsLXB1cmV3aGl0ZScpLFxuICAgICctLWJnLWN0YS1jb2xvcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ2FjY2VudC1iYXNlJyksXG4gICAgJy0tYmctY3RhLWhvdmVyLWNvbG9yJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignYWNjZW50LWRhcmsnKSxcbiAgICAnLS1iZy1jdGEtYWN0aXZlLWNvbG9yJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignYWNjZW50LWRhcmtlcicpLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY3VyYVNlcnZpY2U6IEN1cmFTZXJ2aWNlKSB7fVxufVxuIiwiQGlmIChjdGFzLmxlbmd0aCkge1xuICBAZm9yIChjdGEgb2YgY3RhczsgdHJhY2sgY3RhLnRleHQpIHtcbiAgICA8YSBbaHJlZl09XCJjdGEudXJsXCIgcmRzaXRlbGluaz5cbiAgICAgIDxjdXJhLWljb24gW2F0dHIubmFtZV09XCJjdGEuaWNvblwiIHNpemU9XCIyMFwiIGNvbG9yPVwibmV1dHJhbC1ibGFja1wiPjwvY3VyYS1pY29uPlxuICAgICAgPHNwYW4+e3sgY3RhLnRleHQgfX08L3NwYW4+XG4gICAgPC9hPlxuICB9XG59XG4iXX0=
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component, CUSTOM_ELEMENTS_SCHEMA, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { RdsiteLinkDirective } from '../../../../directives';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "../../../../services";
|
|
4
5
|
export class SideCtasRightMiddleComponent {
|
|
@@ -19,15 +20,15 @@ export class SideCtasRightMiddleComponent {
|
|
|
19
20
|
};
|
|
20
21
|
}
|
|
21
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
23
24
|
}
|
|
24
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
25
26
|
type: Component,
|
|
26
|
-
args: [{ selector: 'rdsite-side-ctas-right-middle', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
|
|
27
|
+
args: [{ selector: 'rdsite-side-ctas-right-middle', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
|
|
27
28
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { ctas: [{
|
|
28
29
|
type: Input
|
|
29
30
|
}], style: [{
|
|
30
31
|
type: HostBinding,
|
|
31
32
|
args: ['style']
|
|
32
33
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1jdGFzLXJpZ2h0LW1pZGRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1yaWdodC1taWRkbGUvc2lkZS1jdGFzLXJpZ2h0LW1pZGRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGUtY3Rhcy9jb21wb25lbnRzL3NpZGUtY3Rhcy1yaWdodC1taWRkbGUvc2lkZS1jdGFzLXJpZ2h0LW1pZGRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQVU3RCxNQUFNLE9BQU8sNEJBQTRCO0lBRXZDLElBQ0ksSUFBSSxDQUFDLEtBQWdCO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLENBQUM7SUFDRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQVNELFlBQW9CLFdBQXdCO1FBQXhCLGdCQUFXLEdBQVgsV0FBVyxDQUFhO1FBaEJwQyxVQUFLLEdBQWMsRUFBRSxDQUFDO1FBU1IsVUFBSyxHQUFHO1lBQzVCLGlCQUFpQixFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGNBQWMsQ0FBQztZQUM1RCxjQUFjLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUM7WUFDNUQsY0FBYyxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQztZQUMxRCxlQUFlLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDO1NBQzVELENBQUM7SUFFNkMsQ0FBQzsrR0FqQnJDLDRCQUE0QjttR0FBNUIsNEJBQTRCLG9LQ2J6QyxtVkFVQSxtdEJERlksbUJBQW1COzs0RkFLbEIsNEJBQTRCO2tCQVJ4QyxTQUFTOytCQUNFLCtCQUErQixjQUM3QixJQUFJLFdBQ1AsQ0FBQyxtQkFBbUIsQ0FBQyxXQUNyQixDQUFDLHNCQUFzQixDQUFDO2dGQU83QixJQUFJO3NCQURQLEtBQUs7Z0JBUWdCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTaWRlQ3RhIH0gZnJvbSAnLi4vLi4vbW9kZWxzL1NpZGVDdGEubW9kZWwnO1xuaW1wb3J0IHsgQ3VyYVNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBSZHNpdGVMaW5rRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vLi4vLi4vZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jkc2l0ZS1zaWRlLWN0YXMtcmlnaHQtbWlkZGxlJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1Jkc2l0ZUxpbmtEaXJlY3RpdmVdLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWN0YXMtcmlnaHQtbWlkZGxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3NpZGUtY3Rhcy1yaWdodC1taWRkbGUuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlQ3Rhc1JpZ2h0TWlkZGxlQ29tcG9uZW50IHtcbiAgcHJpdmF0ZSBfY3RhczogU2lkZUN0YVtdID0gW107XG4gIEBJbnB1dCgpXG4gIHNldCBjdGFzKHZhbHVlOiBTaWRlQ3RhW10pIHtcbiAgICB0aGlzLl9jdGFzID0gdmFsdWU7XG4gIH1cbiAgZ2V0IGN0YXMoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2N0YXM7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlJykgc3R5bGUgPSB7XG4gICAgJy0taWNvbi1iZy1jb2xvcic6IHRoaXMuY3VyYVNlcnZpY2UuZ2V0Q29sb3IoJ3ByaW1hcnktYmFzZScpLFxuICAgICctLWZvbnQtY29sb3InOiB0aGlzLmN1cmFTZXJ2aWNlLmdldENvbG9yKCdwcmltYXJ5LWxpZ2h0ZXInKSxcbiAgICAnLS1mb250LWhvdmVyJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcignbmV1dHJhbC13aGl0ZScpLFxuICAgICctLWZvbnQtYWN0aXZlJzogdGhpcy5jdXJhU2VydmljZS5nZXRDb2xvcigncHJpbWFyeS1saWdodCcpLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY3VyYVNlcnZpY2U6IEN1cmFTZXJ2aWNlKSB7fVxufVxuIiwiQGlmIChjdGFzLmxlbmd0aCkge1xuICBAZm9yIChjdGEgb2YgY3RhczsgdHJhY2sgY3RhLnRleHQpIHtcbiAgICA8YSBjbGFzcz1cInJpZ2h0LW1pZGRsZS1jdGFcIiBbaHJlZl09XCJjdGEudXJsXCIgcmRzaXRlbGluaz5cbiAgICAgIDxkaXYgY2xhc3M9XCJyaWdodC1taWRkbGUtY3RhLWljb25cIj5cbiAgICAgICAgPGN1cmEtaWNvbiBbYXR0ci5uYW1lXT1cImN0YS5pY29uXCIgc2l6ZT1cIjI0XCIgY29sb3I9XCJuZXV0cmFsLXB1cmV3aGl0ZVwiPjwvY3VyYS1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8c3Bhbj57eyBjdGEudGV4dCB9fTwvc3Bhbj5cbiAgICA8L2E+XG4gIH1cbn1cbiJdfQ==
|
|
@@ -11,11 +11,11 @@ export class SideCtasComponent {
|
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", 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.11", 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 }\"\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:
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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 }\"\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-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.11", 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 }\"\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:
|
|
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 }\"\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-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']
|
|
@@ -8,81 +8,30 @@ export class SsrLoadingService {
|
|
|
8
8
|
this.platformId = platformId;
|
|
9
9
|
this.ssrIsLoading = false;
|
|
10
10
|
this._loading = false;
|
|
11
|
-
this.loadingLocationsAmount = 0;
|
|
12
|
-
this.timeout = null;
|
|
13
|
-
this.interval = null;
|
|
14
|
-
this.locations = '';
|
|
15
11
|
}
|
|
16
|
-
|
|
17
|
-
* Inicia o processo de looping.
|
|
18
|
-
* @param location string utilizada para logs caso ocorra problemas ou timeout
|
|
19
|
-
* @param intervalMs tempo em ms no qual o interval realiza a checagem do '_isLoading'
|
|
20
|
-
* @param timeoutMs tempo em ms para dar timeout
|
|
21
|
-
* @returns
|
|
22
|
-
*/
|
|
23
|
-
startLoading(location = '', intervalMs = 200, timeoutMs = 20000) {
|
|
12
|
+
startLoading(component = '', intervalMs = 200, timeoutMs = 20000) {
|
|
24
13
|
if (!isPlatformServer(this.platformId))
|
|
25
14
|
return;
|
|
26
15
|
this._loading = true;
|
|
27
16
|
this.ssrIsLoading = true;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
addLocations(location = 'Default') {
|
|
33
|
-
this.loadingLocationsAmount++;
|
|
34
|
-
if (!this.locations) {
|
|
35
|
-
this.locations = location;
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
this.locations = `${this.locations} - ${location}`;
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* Responsável por encerrar o loading infinito se passar do limite de 'timeoutMs'.
|
|
42
|
-
* Este timeout respeita o ultimo 'timeoutMs' passado pelo 'startLoading'.
|
|
43
|
-
*/
|
|
44
|
-
setupTimeout(timeoutMs = 20000) {
|
|
45
|
-
if (this.timeout)
|
|
46
|
-
clearTimeout(this.timeout);
|
|
47
|
-
this.timeout = setTimeout(() => {
|
|
48
|
-
this.loadingLocationsAmount = 1; // Necessário para parar o loading infinito.
|
|
49
|
-
this.stopLoading();
|
|
50
|
-
this.logService.logMsg('SSR loading service Timeout ' + this.locations, 'TIMEOUT');
|
|
17
|
+
const timeout = setTimeout(() => {
|
|
18
|
+
this._loading = false;
|
|
19
|
+
this.ssrIsLoading = false;
|
|
20
|
+
this.logService.logMsg('SSR loading service Timeout ' + component, 'TIMEOUT');
|
|
51
21
|
}, timeoutMs);
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* Responsável pelo loop infinito para forçar o angular a esperar a entrega do html ao cliente.
|
|
55
|
-
* Quando o '_loading' for false, ele encerra o looping.
|
|
56
|
-
* Este interval respeita o ultimo 'intervalMs' passado pelo 'startLoading'.
|
|
57
|
-
*/
|
|
58
|
-
setupInterval(intervalMs = 200) {
|
|
59
|
-
if (this.interval)
|
|
60
|
-
clearInterval(this.interval);
|
|
61
|
-
this.interval = setInterval(() => {
|
|
22
|
+
const interval = setInterval(() => {
|
|
62
23
|
if (this._loading === true) {
|
|
63
24
|
this.ssrIsLoading = !this.ssrIsLoading;
|
|
64
25
|
}
|
|
65
26
|
else {
|
|
66
|
-
clearInterval(
|
|
67
|
-
|
|
68
|
-
clearTimeout(this.timeout);
|
|
69
|
-
this.timeout = null;
|
|
27
|
+
clearInterval(interval);
|
|
28
|
+
clearTimeout(timeout);
|
|
70
29
|
this.ssrIsLoading = false;
|
|
71
|
-
this.locations = '';
|
|
72
30
|
}
|
|
73
31
|
}, intervalMs);
|
|
74
32
|
}
|
|
75
|
-
/**
|
|
76
|
-
* Diminui a quantidade de loadings em 1 e então tenta encerrar o looping quando a quantidade de loadings <= 0.
|
|
77
|
-
* Ou seja, quando a quantidade de chamadas do 'stopLoading' for a mesma do 'startLoading' ou quando der timeout.
|
|
78
|
-
*/
|
|
79
33
|
stopLoading() {
|
|
80
|
-
|
|
81
|
-
return;
|
|
82
|
-
this.loadingLocationsAmount--;
|
|
83
|
-
if (this.loadingLocationsAmount <= 0) {
|
|
84
|
-
this._loading = false;
|
|
85
|
-
}
|
|
34
|
+
this._loading = false;
|
|
86
35
|
}
|
|
87
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SsrLoadingService, deps: [{ token: i1.LogService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
88
37
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SsrLoadingService, providedIn: 'root' }); }
|
|
@@ -96,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
96
45
|
type: Inject,
|
|
97
46
|
args: [PLATFORM_ID]
|
|
98
47
|
}] }] });
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3NyLWxvYWRpbmcuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL3NlcnZpY2VzL3Nzci1sb2FkaW5nL3Nzci1sb2FkaW5nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFNbkQsTUFBTSxPQUFPLGlCQUFpQjtJQUk1QixZQUNVLFVBQXNCLEVBQ0QsVUFBa0I7UUFEdkMsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUNELGVBQVUsR0FBVixVQUFVLENBQVE7UUFMMUMsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDcEIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUt0QixDQUFDO0lBRUosWUFBWSxDQUFDLFNBQVMsR0FBRyxFQUFFLEVBQUUsVUFBVSxHQUFHLEdBQUcsRUFBRSxTQUFTLEdBQUcsS0FBSztRQUM5RCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztZQUFFLE9BQU87UUFFL0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDckIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7UUFFekIsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztZQUMxQixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyw4QkFBOEIsR0FBRyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDaEYsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBRWQsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtZQUNoQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxFQUFFLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO1lBQ3pDLENBQUM7aUJBQU0sQ0FBQztnQkFDTixhQUFhLENBQUMsUUFBUSxDQUFDLENBQUM7Z0JBQ3hCLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQztnQkFDdEIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7WUFDNUIsQ0FBQztRQUNILENBQUMsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNqQixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7K0dBbENVLGlCQUFpQiw0Q0FNbEIsV0FBVzttSEFOVixpQkFBaUIsY0FGaEIsTUFBTTs7NEZBRVAsaUJBQWlCO2tCQUg3QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQjs7MEJBT0ksTUFBTTsyQkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlLCBQTEFURk9STV9JRCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBpc1BsYXRmb3JtU2VydmVyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTG9nU2VydmljZSB9IGZyb20gJy4uL2xvZy9sb2cuc2VydmljZSc7XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3NyTG9hZGluZ1NlcnZpY2Uge1xyXG4gIHB1YmxpYyBzc3JJc0xvYWRpbmcgPSBmYWxzZTtcclxuICBwcml2YXRlIF9sb2FkaW5nID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBsb2dTZXJ2aWNlOiBMb2dTZXJ2aWNlLFxyXG4gICAgQEluamVjdChQTEFURk9STV9JRCkgcHJpdmF0ZSBwbGF0Zm9ybUlkOiBvYmplY3QsXHJcbiAgKSB7fVxyXG5cclxuICBzdGFydExvYWRpbmcoY29tcG9uZW50ID0gJycsIGludGVydmFsTXMgPSAyMDAsIHRpbWVvdXRNcyA9IDIwMDAwKSB7XHJcbiAgICBpZiAoIWlzUGxhdGZvcm1TZXJ2ZXIodGhpcy5wbGF0Zm9ybUlkKSkgcmV0dXJuO1xyXG5cclxuICAgIHRoaXMuX2xvYWRpbmcgPSB0cnVlO1xyXG4gICAgdGhpcy5zc3JJc0xvYWRpbmcgPSB0cnVlO1xyXG5cclxuICAgIGNvbnN0IHRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5fbG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICB0aGlzLnNzcklzTG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICB0aGlzLmxvZ1NlcnZpY2UubG9nTXNnKCdTU1IgbG9hZGluZyBzZXJ2aWNlIFRpbWVvdXQgJyArIGNvbXBvbmVudCwgJ1RJTUVPVVQnKTtcclxuICAgIH0sIHRpbWVvdXRNcyk7XHJcblxyXG4gICAgY29uc3QgaW50ZXJ2YWwgPSBzZXRJbnRlcnZhbCgoKSA9PiB7XHJcbiAgICAgIGlmICh0aGlzLl9sb2FkaW5nID09PSB0cnVlKSB7XHJcbiAgICAgICAgdGhpcy5zc3JJc0xvYWRpbmcgPSAhdGhpcy5zc3JJc0xvYWRpbmc7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgY2xlYXJJbnRlcnZhbChpbnRlcnZhbCk7XHJcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRpbWVvdXQpO1xyXG4gICAgICAgIHRoaXMuc3NySXNMb2FkaW5nID0gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgIH0sIGludGVydmFsTXMpO1xyXG4gIH1cclxuXHJcbiAgc3RvcExvYWRpbmcoKSB7XHJcbiAgICB0aGlzLl9sb2FkaW5nID0gZmFsc2U7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -33164,81 +33164,30 @@ class SsrLoadingService {
|
|
|
33164
33164
|
this.platformId = platformId;
|
|
33165
33165
|
this.ssrIsLoading = false;
|
|
33166
33166
|
this._loading = false;
|
|
33167
|
-
this.loadingLocationsAmount = 0;
|
|
33168
|
-
this.timeout = null;
|
|
33169
|
-
this.interval = null;
|
|
33170
|
-
this.locations = '';
|
|
33171
33167
|
}
|
|
33172
|
-
|
|
33173
|
-
* Inicia o processo de looping.
|
|
33174
|
-
* @param location string utilizada para logs caso ocorra problemas ou timeout
|
|
33175
|
-
* @param intervalMs tempo em ms no qual o interval realiza a checagem do '_isLoading'
|
|
33176
|
-
* @param timeoutMs tempo em ms para dar timeout
|
|
33177
|
-
* @returns
|
|
33178
|
-
*/
|
|
33179
|
-
startLoading(location = '', intervalMs = 200, timeoutMs = 20000) {
|
|
33168
|
+
startLoading(component = '', intervalMs = 200, timeoutMs = 20000) {
|
|
33180
33169
|
if (!isPlatformServer(this.platformId))
|
|
33181
33170
|
return;
|
|
33182
33171
|
this._loading = true;
|
|
33183
33172
|
this.ssrIsLoading = true;
|
|
33184
|
-
|
|
33185
|
-
|
|
33186
|
-
|
|
33187
|
-
|
|
33188
|
-
addLocations(location = 'Default') {
|
|
33189
|
-
this.loadingLocationsAmount++;
|
|
33190
|
-
if (!this.locations) {
|
|
33191
|
-
this.locations = location;
|
|
33192
|
-
return;
|
|
33193
|
-
}
|
|
33194
|
-
this.locations = `${this.locations} - ${location}`;
|
|
33195
|
-
}
|
|
33196
|
-
/**
|
|
33197
|
-
* Responsável por encerrar o loading infinito se passar do limite de 'timeoutMs'.
|
|
33198
|
-
* Este timeout respeita o ultimo 'timeoutMs' passado pelo 'startLoading'.
|
|
33199
|
-
*/
|
|
33200
|
-
setupTimeout(timeoutMs = 20000) {
|
|
33201
|
-
if (this.timeout)
|
|
33202
|
-
clearTimeout(this.timeout);
|
|
33203
|
-
this.timeout = setTimeout(() => {
|
|
33204
|
-
this.loadingLocationsAmount = 1; // Necessário para parar o loading infinito.
|
|
33205
|
-
this.stopLoading();
|
|
33206
|
-
this.logService.logMsg('SSR loading service Timeout ' + this.locations, 'TIMEOUT');
|
|
33173
|
+
const timeout = setTimeout(() => {
|
|
33174
|
+
this._loading = false;
|
|
33175
|
+
this.ssrIsLoading = false;
|
|
33176
|
+
this.logService.logMsg('SSR loading service Timeout ' + component, 'TIMEOUT');
|
|
33207
33177
|
}, timeoutMs);
|
|
33208
|
-
|
|
33209
|
-
/**
|
|
33210
|
-
* Responsável pelo loop infinito para forçar o angular a esperar a entrega do html ao cliente.
|
|
33211
|
-
* Quando o '_loading' for false, ele encerra o looping.
|
|
33212
|
-
* Este interval respeita o ultimo 'intervalMs' passado pelo 'startLoading'.
|
|
33213
|
-
*/
|
|
33214
|
-
setupInterval(intervalMs = 200) {
|
|
33215
|
-
if (this.interval)
|
|
33216
|
-
clearInterval(this.interval);
|
|
33217
|
-
this.interval = setInterval(() => {
|
|
33178
|
+
const interval = setInterval(() => {
|
|
33218
33179
|
if (this._loading === true) {
|
|
33219
33180
|
this.ssrIsLoading = !this.ssrIsLoading;
|
|
33220
33181
|
}
|
|
33221
33182
|
else {
|
|
33222
|
-
clearInterval(
|
|
33223
|
-
|
|
33224
|
-
clearTimeout(this.timeout);
|
|
33225
|
-
this.timeout = null;
|
|
33183
|
+
clearInterval(interval);
|
|
33184
|
+
clearTimeout(timeout);
|
|
33226
33185
|
this.ssrIsLoading = false;
|
|
33227
|
-
this.locations = '';
|
|
33228
33186
|
}
|
|
33229
33187
|
}, intervalMs);
|
|
33230
33188
|
}
|
|
33231
|
-
/**
|
|
33232
|
-
* Diminui a quantidade de loadings em 1 e então tenta encerrar o looping quando a quantidade de loadings <= 0.
|
|
33233
|
-
* Ou seja, quando a quantidade de chamadas do 'stopLoading' for a mesma do 'startLoading' ou quando der timeout.
|
|
33234
|
-
*/
|
|
33235
33189
|
stopLoading() {
|
|
33236
|
-
|
|
33237
|
-
return;
|
|
33238
|
-
this.loadingLocationsAmount--;
|
|
33239
|
-
if (this.loadingLocationsAmount <= 0) {
|
|
33240
|
-
this._loading = false;
|
|
33241
|
-
}
|
|
33190
|
+
this._loading = false;
|
|
33242
33191
|
}
|
|
33243
33192
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SsrLoadingService, deps: [{ token: LogService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
33244
33193
|
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SsrLoadingService, providedIn: 'root' }); }
|
|
@@ -34456,11 +34405,11 @@ class SideCtasComponent {
|
|
|
34456
34405
|
};
|
|
34457
34406
|
}
|
|
34458
34407
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34459
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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 }\"\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:
|
|
34408
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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 }\"\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-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"] }] }); }
|
|
34460
34409
|
}
|
|
34461
34410
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
34462
34411
|
type: Component,
|
|
34463
|
-
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 }\"\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:
|
|
34412
|
+
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 }\"\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-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"] }]
|
|
34464
34413
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { style: [{
|
|
34465
34414
|
type: HostBinding,
|
|
34466
34415
|
args: ['style']
|
|
@@ -34485,11 +34434,11 @@ class SideCtasBottomComponent {
|
|
|
34485
34434
|
};
|
|
34486
34435
|
}
|
|
34487
34436
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34488
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }); }
|
|
34437
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
34489
34438
|
}
|
|
34490
34439
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
34491
34440
|
type: Component,
|
|
34492
|
-
args: [{ selector: 'rdsite-side-ctas-bottom', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
|
|
34441
|
+
args: [{ selector: 'rdsite-side-ctas-bottom', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a [href]=\"cta.url\" rdsitelink>\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
|
|
34493
34442
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
34494
34443
|
type: Input
|
|
34495
34444
|
}], style: [{
|
|
@@ -34557,11 +34506,11 @@ class SideCtasRightMiddleComponent {
|
|
|
34557
34506
|
};
|
|
34558
34507
|
}
|
|
34559
34508
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }); }
|
|
34509
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: "ctas" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
34561
34510
|
}
|
|
34562
34511
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
34563
34512
|
type: Component,
|
|
34564
|
-
args: [{ selector: 'rdsite-side-ctas-right-middle', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
|
|
34513
|
+
args: [{ selector: 'rdsite-side-ctas-right-middle', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\n @for (cta of ctas; track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink>\n <div class=\"right-middle-cta-icon\">\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
|
|
34565
34514
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
34566
34515
|
type: Input
|
|
34567
34516
|
}], style: [{
|