@rededor/site-front-end-lib 0.0.24 → 0.0.25
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/footer/components/footer-disclaimer/footer-disclaimer.component.mjs +16 -4
- package/esm2022/lib/components/footer/components/footer-menu/footer-menu.component.mjs +10 -4
- package/esm2022/lib/components/footer/components/footer-menu-item/footer-menu-item.component.mjs +10 -4
- package/esm2022/lib/components/footer/components/footer-social-medias/footer-social-medias.component.mjs +10 -4
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +10 -4
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +16 -4
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +10 -4
- package/esm2022/lib/components/header/components/header-logo/header-logo.component.mjs +10 -4
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +28 -4
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +22 -4
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +10 -4
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +10 -4
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +10 -4
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +10 -4
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +10 -4
- package/fesm2022/rededor-site-front-end-lib.mjs +163 -31
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/footer/components/footer-disclaimer/footer-disclaimer.component.d.ts +6 -1
- package/lib/components/footer/components/footer-menu/footer-menu.component.d.ts +4 -1
- package/lib/components/footer/components/footer-menu-item/footer-menu-item.component.d.ts +4 -1
- package/lib/components/footer/components/footer-social-medias/footer-social-medias.component.d.ts +4 -1
- package/lib/components/header/components/header-action-menu/header-action-menu.component.d.ts +4 -1
- package/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.d.ts +6 -1
- package/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.d.ts +4 -1
- package/lib/components/header/components/header-logo/header-logo.component.d.ts +4 -1
- package/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.d.ts +10 -2
- package/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.d.ts +8 -1
- package/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.d.ts +4 -1
- package/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.d.ts +4 -1
- package/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.d.ts +4 -1
- package/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.d.ts +4 -1
- package/lib/components/whatsapp/whatsapp.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, Injectable, Inject, PLATFORM_ID, Optional, makeStateKey, Component, Input,
|
|
2
|
+
import { InjectionToken, Injectable, Inject, PLATFORM_ID, Optional, makeStateKey, EventEmitter, Component, Input, Output, Directive, HostListener, CUSTOM_ELEMENTS_SCHEMA, signal, ViewChild, HostBinding, effect, Pipe } from '@angular/core';
|
|
3
3
|
import algoliasearch from 'algoliasearch';
|
|
4
4
|
import { from, fromEvent, startWith, timeout, catchError, of, debounceTime, BehaviorSubject } from 'rxjs';
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
@@ -38391,17 +38391,29 @@ class FooterDisclaimerComponent {
|
|
|
38391
38391
|
this.privacyTools = privacyTools;
|
|
38392
38392
|
this.currentYear = new Date().getFullYear();
|
|
38393
38393
|
this.disclaimerText = '';
|
|
38394
|
+
this.footerPrivacyClick = new EventEmitter();
|
|
38395
|
+
this.footerCookieClick = new EventEmitter();
|
|
38396
|
+
}
|
|
38397
|
+
footerPrivacyClicked(event) {
|
|
38398
|
+
this.footerPrivacyClick.emit(event);
|
|
38399
|
+
}
|
|
38400
|
+
footerCookieClicked(event) {
|
|
38401
|
+
this.footerCookieClick.emit(event);
|
|
38394
38402
|
}
|
|
38395
38403
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterDisclaimerComponent, deps: [{ token: PrivacyToolsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38396
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: FooterDisclaimerComponent, isStandalone: true, selector: "rdsite-footer-disclaimer", inputs: { currentYear: "currentYear", disclaimerText: "disclaimerText" }, ngImport: i0, template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a
|
|
38404
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: FooterDisclaimerComponent, isStandalone: true, selector: "rdsite-footer-disclaimer", inputs: { currentYear: "currentYear", disclaimerText: "disclaimerText" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick" }, ngImport: i0, template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a\r\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\r\n target=\"_blank\"\r\n data-testid=\"_avisoPrivacidade\"\r\n (click)=\"footerPrivacyClicked($event)\"\r\n >\r\n Aviso de Privacidade\r\n </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color)}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }); }
|
|
38397
38405
|
}
|
|
38398
38406
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterDisclaimerComponent, decorators: [{
|
|
38399
38407
|
type: Component,
|
|
38400
|
-
args: [{ selector: 'rdsite-footer-disclaimer', standalone: true, imports: [], template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a
|
|
38408
|
+
args: [{ selector: 'rdsite-footer-disclaimer', standalone: true, imports: [], template: "<div class=\"rdsite-footer-disclaimer\">\r\n <div class=\"rdsite-footer-disclaimer-copy\">\u00A9{{ currentYear }} {{ disclaimerText }}</div>\r\n <ul class=\"rdsite-footer-disclaimer-links\">\r\n <li>\r\n <a\r\n href=\"https://dpo.privacytools.com.br/policy-view/DPO8r0aQk/1/aviso-de-privacidade/pt_BR\"\r\n target=\"_blank\"\r\n data-testid=\"_avisoPrivacidade\"\r\n (click)=\"footerPrivacyClicked($event)\"\r\n >\r\n Aviso de Privacidade\r\n </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [".rdsite-footer-disclaimer{height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.rdsite-footer-disclaimer-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--footer-disc-color)}.rdsite-footer-disclaimer-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.rdsite-footer-disclaimer-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--footer-disc-alt-color)}@media only screen and (min-width: 1024px){.rdsite-footer-disclaimer{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.rdsite-footer-disclaimer-links{gap:36px}}\n"] }]
|
|
38401
38409
|
}], ctorParameters: () => [{ type: PrivacyToolsService }], propDecorators: { currentYear: [{
|
|
38402
38410
|
type: Input
|
|
38403
38411
|
}], disclaimerText: [{
|
|
38404
38412
|
type: Input
|
|
38413
|
+
}], footerPrivacyClick: [{
|
|
38414
|
+
type: Output
|
|
38415
|
+
}], footerCookieClick: [{
|
|
38416
|
+
type: Output
|
|
38405
38417
|
}] } });
|
|
38406
38418
|
|
|
38407
38419
|
class RdsiteClickOutsideDirective {
|
|
@@ -38668,18 +38680,22 @@ class FooterMenuItemComponent {
|
|
|
38668
38680
|
this.title = '';
|
|
38669
38681
|
this.children = [];
|
|
38670
38682
|
this.altStyle = false;
|
|
38683
|
+
this.footerMenuItemClick = new EventEmitter();
|
|
38671
38684
|
this.active = false;
|
|
38672
38685
|
}
|
|
38673
38686
|
toggleSubMenu(event) {
|
|
38674
38687
|
event.stopPropagation();
|
|
38675
38688
|
this.active = !this.active;
|
|
38676
38689
|
}
|
|
38690
|
+
footerMenuItemClicked(event) {
|
|
38691
|
+
this.footerMenuItemClick.emit(event);
|
|
38692
|
+
}
|
|
38677
38693
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38678
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FooterMenuItemComponent, isStandalone: true, selector: "rdsite-footer-menu-item", inputs: { url: "url", title: "title", children: "children", altStyle: "altStyle" }, ngImport: i0, template: "@if (title) {\n <button type=\"button\" class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event)\">\n <span>{{ title }}</span>\n </a>\n\n @if (children.length) {\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n }\n </button>\n\n @if (children.length) {\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\n @for (submenu of children; track submenu.title) {\n <li class=\"rdsite-footer-menu-item-children-item\">\n <rdsite-footer-menu-item
|
|
38694
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FooterMenuItemComponent, isStandalone: true, selector: "rdsite-footer-menu-item", inputs: { url: "url", title: "title", children: "children", altStyle: "altStyle" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (title) {\r\n <button type=\"button\" class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\r\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\r\n <span>{{ title }}</span>\r\n </a>\r\n\r\n @if (children.length) {\r\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n </button>\r\n\r\n @if (children.length) {\r\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\r\n @for (submenu of children; track submenu.title) {\r\n <li class=\"rdsite-footer-menu-item-children-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"submenu.url\"\r\n [title]=\"submenu.title\"\r\n [children]=\"submenu?.children ?? []\"\r\n [altStyle]=\"true\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:9px 0}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"], dependencies: [{ kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38679
38695
|
}
|
|
38680
38696
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterMenuItemComponent, decorators: [{
|
|
38681
38697
|
type: Component,
|
|
38682
|
-
args: [{ selector: 'rdsite-footer-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\n <button type=\"button\" class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event)\">\n <span>{{ title }}</span>\n </a>\n\n @if (children.length) {\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\n }\n </button>\n\n @if (children.length) {\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\n @for (submenu of children; track submenu.title) {\n <li class=\"rdsite-footer-menu-item-children-item\">\n <rdsite-footer-menu-item
|
|
38698
|
+
args: [{ selector: 'rdsite-footer-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\r\n <button type=\"button\" class=\"rdsite-footer-menu-item\" [ngClass]=\"{ alt: altStyle, 'have-children': children.length }\" (click)=\"toggleSubMenu($event)\">\r\n <a class=\"rdsite-footer-menu-item-link\" [href]=\"url\" rdsitelink [title]=\"title\" (click)=\"toggleSubMenu($event); footerMenuItemClicked($event)\">\r\n <span>{{ title }}</span>\r\n </a>\r\n\r\n @if (children.length) {\r\n <cura-icon [attr.name]=\"active ? 'up' : 'down'\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n </button>\r\n\r\n @if (children.length) {\r\n <ul class=\"rdsite-footer-menu-item-children\" [ngClass]=\"{ closed: !active }\">\r\n @for (submenu of children; track submenu.title) {\r\n <li class=\"rdsite-footer-menu-item-children-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"submenu.url\"\r\n [title]=\"submenu.title\"\r\n [children]=\"submenu?.children ?? []\"\r\n [altStyle]=\"true\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".rdsite-footer-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link{text-align:left;padding:9px 0}.rdsite-footer-menu-item a.rdsite-footer-menu-item-link span{color:var(--footer-color);font-size:14px;font-style:normal;font-weight:500;line-height:16px;letter-spacing:.56px}.rdsite-footer-menu-item:hover a span{color:var(--footer-menu-hover-color)}.rdsite-footer-menu-item:hover cura-icon{--color: var(--footer-menu-hover-color) !important}.rdsite-footer-menu-item:active a span{color:var(--footer-menu-active-color)}.rdsite-footer-menu-item:active cura-icon{--color: var(--footer-menu-active-color) !important}.rdsite-footer-menu-item.alt a.rdsite-footer-menu-item-link span{color:var(--footer-alt-color);font-size:12px;font-style:normal;font-weight:300}.rdsite-footer-menu-item.alt:hover a span{color:var(--footer-menu-alt-hover-color)}.rdsite-footer-menu-item.alt:hover cura-icon{--color: var(--footer-menu-alt-hover-color) !important}.rdsite-footer-menu-item.alt:active a span{color:var(--footer-menu-alt-active-color)}.rdsite-footer-menu-item.alt:active cura-icon{--color: var(--footer-menu-alt-active-color) !important}.rdsite-footer-menu-item.have-children{width:100%}.rdsite-footer-menu-item cura-icon{display:inline}.rdsite-footer-menu-item-children{list-style:none}.rdsite-footer-menu-item-children.closed{display:none}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.rdsite-footer-menu-item cura-icon{display:none}.rdsite-footer-menu-item.have-children{width:auto}.rdsite-footer-menu-item-children.closed{display:block}.rdsite-footer-menu-item-children-item{margin:0 0 0 12px}}\n"] }]
|
|
38683
38699
|
}], propDecorators: { url: [{
|
|
38684
38700
|
type: Input
|
|
38685
38701
|
}], title: [{
|
|
@@ -38688,23 +38704,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
38688
38704
|
type: Input
|
|
38689
38705
|
}], altStyle: [{
|
|
38690
38706
|
type: Input
|
|
38707
|
+
}], footerMenuItemClick: [{
|
|
38708
|
+
type: Output
|
|
38691
38709
|
}] } });
|
|
38692
38710
|
|
|
38693
38711
|
class FooterMenuComponent {
|
|
38694
38712
|
constructor() {
|
|
38695
38713
|
this.footerMenu = [];
|
|
38696
38714
|
this.partnerships = null;
|
|
38715
|
+
this.footerMenuItemClick = new EventEmitter();
|
|
38716
|
+
}
|
|
38717
|
+
footerMenuItemClicked(event) {
|
|
38718
|
+
this.footerMenuItemClick.emit(event);
|
|
38697
38719
|
}
|
|
38698
38720
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38699
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FooterMenuComponent, isStandalone: true, selector: "rdsite-footer-menu", inputs: { footerMenu: "footerMenu", partnerships: "partnerships" }, ngImport: i0, template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item
|
|
38721
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FooterMenuComponent, isStandalone: true, selector: "rdsite-footer-menu", inputs: { footerMenu: "footerMenu", partnerships: "partnerships" }, outputs: { footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"menu.url\"\r\n [title]=\"menu.title\"\r\n [children]=\"menu?.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n}\r\n\r\n@if (partnerships) {\r\n <div class=\"rdsite-footer-partnerships\">\r\n <rdsite-footer-menu-item\r\n url=\"\"\r\n [title]=\"partnerships.title ?? ''\"\r\n [children]=\"partnerships.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: FooterMenuItemComponent, selector: "rdsite-footer-menu-item", inputs: ["url", "title", "children", "altStyle"], outputs: ["footerMenuItemClick"] }] }); }
|
|
38700
38722
|
}
|
|
38701
38723
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterMenuComponent, decorators: [{
|
|
38702
38724
|
type: Component,
|
|
38703
|
-
args: [{ selector: 'rdsite-footer-menu', standalone: true, imports: [CommonModule, RdsiteLinkDirective, FooterMenuItemComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item
|
|
38725
|
+
args: [{ selector: 'rdsite-footer-menu', standalone: true, imports: [CommonModule, RdsiteLinkDirective, FooterMenuItemComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (footerMenu.length) {\r\n <div class=\"rdsite-footer-menu\">\r\n <nav>\r\n <ul class=\"rdsite-footer-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"rdsite-footer-menu-list-item\">\r\n <rdsite-footer-menu-item\r\n [url]=\"menu.url\"\r\n [title]=\"menu.title\"\r\n [children]=\"menu?.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n}\r\n\r\n@if (partnerships) {\r\n <div class=\"rdsite-footer-partnerships\">\r\n <rdsite-footer-menu-item\r\n url=\"\"\r\n [title]=\"partnerships.title ?? ''\"\r\n [children]=\"partnerships.children ?? []\"\r\n (footerMenuItemClick)=\"footerMenuItemClicked($event)\"\r\n ></rdsite-footer-menu-item>\r\n </div>\r\n}\r\n", styles: [":host{display:flex;flex-direction:column;padding-top:20px}.rdsite-footer-menu{width:100%;height:auto;flex:auto;column-count:unset}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:auto}@media only screen and (min-width: 1024px){:host{flex-direction:row}.rdsite-footer-menu{flex:3 1 0;column-count:3}.rdsite-footer-menu nav .rdsite-footer-menu-list{list-style:none}.rdsite-footer-partnerships{flex:1 1 0}}\n"] }]
|
|
38704
38726
|
}], propDecorators: { footerMenu: [{
|
|
38705
38727
|
type: Input
|
|
38706
38728
|
}], partnerships: [{
|
|
38707
38729
|
type: Input
|
|
38730
|
+
}], footerMenuItemClick: [{
|
|
38731
|
+
type: Output
|
|
38708
38732
|
}] } });
|
|
38709
38733
|
|
|
38710
38734
|
class FooterSocialMediasComponent {
|
|
@@ -38713,6 +38737,7 @@ class FooterSocialMediasComponent {
|
|
|
38713
38737
|
this.partnershipLogo = null;
|
|
38714
38738
|
this.phone = '';
|
|
38715
38739
|
this.socialMenu = [];
|
|
38740
|
+
this.footerSocialMediaClick = new EventEmitter();
|
|
38716
38741
|
}
|
|
38717
38742
|
getCuraIconName(wpTitle = '') {
|
|
38718
38743
|
wpTitle = wpTitle.toLowerCase();
|
|
@@ -38724,12 +38749,15 @@ class FooterSocialMediasComponent {
|
|
|
38724
38749
|
}
|
|
38725
38750
|
return wpTitle;
|
|
38726
38751
|
}
|
|
38752
|
+
footerSocialMediaClicked(event) {
|
|
38753
|
+
this.footerSocialMediaClick.emit(event);
|
|
38754
|
+
}
|
|
38727
38755
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterSocialMediasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38728
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FooterSocialMediasComponent, isStandalone: true, selector: "rdsite-footer-social-medias", inputs: { logo: "logo", partnershipLogo: "partnershipLogo", phone: "phone", socialMenu: "socialMenu" }, ngImport: i0, template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.url\" rdsitelink [title]=\"social.title\">\r\n <cura-icon name=\"{{ getCuraIconName(social.title) }}\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;max-width:320px;min-width:275px;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:500;color:var(--footer-color)}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{gap:20px 24px}.rdsite-footer-social-medias-contact .phone a{gap:16px;font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 32px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38756
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FooterSocialMediasComponent, isStandalone: true, selector: "rdsite-footer-social-medias", inputs: { logo: "logo", partnershipLogo: "partnershipLogo", phone: "phone", socialMenu: "socialMenu" }, outputs: { footerSocialMediaClick: "footerSocialMediaClick" }, ngImport: i0, template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.url\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon name=\"{{ getCuraIconName(social.title) }}\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;max-width:320px;min-width:275px;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:500;color:var(--footer-color)}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{gap:20px 24px}.rdsite-footer-social-medias-contact .phone a{gap:16px;font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 32px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38729
38757
|
}
|
|
38730
38758
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterSocialMediasComponent, decorators: [{
|
|
38731
38759
|
type: Component,
|
|
38732
|
-
args: [{ selector: 'rdsite-footer-social-medias', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.url\" rdsitelink [title]=\"social.title\">\r\n <cura-icon name=\"{{ getCuraIconName(social.title) }}\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;max-width:320px;min-width:275px;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:500;color:var(--footer-color)}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{gap:20px 24px}.rdsite-footer-social-medias-contact .phone a{gap:16px;font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 32px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"] }]
|
|
38760
|
+
args: [{ selector: 'rdsite-footer-social-medias', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (logo || phone) {\r\n <div class=\"rdsite-footer-social-medias-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" />\r\n </div>\r\n }\r\n @if (partnershipLogo) {\r\n <div class=\"partnership-logo\">\r\n <img [src]=\"partnershipLogo?.url\" [alt]=\"partnershipLogo?.alt\" [title]=\"partnershipLogo?.title\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\r\n <cura-icon name=\"phone\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n}\r\n\r\n<div class=\"rdsite-footer-social-medias-social\">\r\n <nav>\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.url\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon name=\"{{ getCuraIconName(social.title) }}\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n</div>\r\n", styles: [":host{display:flex;flex-direction:column}.rdsite-footer-social-medias-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;max-width:320px;min-width:275px;min-height:77px}.rdsite-footer-social-medias-contact .logo{display:contents}.rdsite-footer-social-medias-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--footer-color)}.rdsite-footer-social-medias-contact .logo img{width:72px}.rdsite-footer-social-medias-contact .partnership-logo{display:contents}.rdsite-footer-social-medias-contact .partnership-logo img{width:72px}.rdsite-footer-social-medias-contact .phone a{display:flex;justify-content:center;align-items:center;gap:10px;font-size:19px;font-weight:500;color:var(--footer-color)}.rdsite-footer-social-medias-social nav ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}.rdsite-footer-social-medias-social nav ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}.rdsite-footer-social-medias-social nav ul li a{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{gap:20px 24px}.rdsite-footer-social-medias-contact .phone a{gap:16px;font-size:19px}.rdsite-footer-social-medias-social nav ul li{margin-right:15px}}@media only screen and (min-width: 1024px){.rdsite-footer-social-medias-contact{gap:20px 32px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"] }]
|
|
38733
38761
|
}], propDecorators: { logo: [{
|
|
38734
38762
|
type: Input
|
|
38735
38763
|
}], partnershipLogo: [{
|
|
@@ -38738,6 +38766,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
38738
38766
|
type: Input
|
|
38739
38767
|
}], socialMenu: [{
|
|
38740
38768
|
type: Input
|
|
38769
|
+
}], footerSocialMediaClick: [{
|
|
38770
|
+
type: Output
|
|
38741
38771
|
}] } });
|
|
38742
38772
|
|
|
38743
38773
|
const getFooterTheme = (project = 'site', themeStyle = 'default', curaService) => {
|
|
@@ -38906,15 +38936,21 @@ class HeaderActionMenuComponent {
|
|
|
38906
38936
|
constructor(headerService) {
|
|
38907
38937
|
this.headerService = headerService;
|
|
38908
38938
|
this.loginUrl = '';
|
|
38939
|
+
this.headerLoginClick = new EventEmitter();
|
|
38940
|
+
}
|
|
38941
|
+
headerLoginClicked(event) {
|
|
38942
|
+
this.headerLoginClick.emit(event);
|
|
38909
38943
|
}
|
|
38910
38944
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderActionMenuComponent, isStandalone: true, selector: "rdsite-header-action-menu", inputs: { loginUrl: "loginUrl" }, ngImport: i0, template: "<div class=\"rdsite-header-action-menu\">\n @if (loginUrl) {\n <div class=\"rdsite-header-action-menu-login\">\n <a [href]=\"loginUrl\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>ENTRAR</span>\n </a>\n </div>\n }\n\n <div class=\"rdsite-header-action-menu-actions\">\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>BUSCAR</span>\n } @else {\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>FECHAR</span>\n }\n </button>\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\n </button>\n </div>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38945
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderActionMenuComponent, isStandalone: true, selector: "rdsite-header-action-menu", inputs: { loginUrl: "loginUrl" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "<div class=\"rdsite-header-action-menu\">\r\n @if (loginUrl) {\r\n <div class=\"rdsite-header-action-menu-login\">\r\n <a [href]=\"loginUrl\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\r\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n }\r\n\r\n <div class=\"rdsite-header-action-menu-actions\">\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38912
38946
|
}
|
|
38913
38947
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
38914
38948
|
type: Component,
|
|
38915
|
-
args: [{ selector: 'rdsite-header-action-menu', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-action-menu\">\n @if (loginUrl) {\n <div class=\"rdsite-header-action-menu-login\">\n <a [href]=\"loginUrl\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>ENTRAR</span>\n </a>\n </div>\n }\n\n <div class=\"rdsite-header-action-menu-actions\">\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>BUSCAR</span>\n } @else {\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\n <span>FECHAR</span>\n }\n </button>\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\n </button>\n </div>\n</div>\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"] }]
|
|
38949
|
+
args: [{ selector: 'rdsite-header-action-menu', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-action-menu\">\r\n @if (loginUrl) {\r\n <div class=\"rdsite-header-action-menu-login\">\r\n <a [href]=\"loginUrl\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"rdsite-header-action-menu-login-link\">\r\n <cura-icon class=\"icon-mobile\" name=\"profileCircle\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <cura-icon class=\"icon-desktop\" name=\"profileCircle\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n }\r\n\r\n <div class=\"rdsite-header-action-menu-actions\">\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\r\n <cura-icon name=\"search\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>BUSCAR</span>\r\n } @else {\r\n <cura-icon name=\"close\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n <button type=\"button\" class=\"rdsite-header-action-menu-actions-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"menuHamburguer\" size=\"16\" color=\"primary-base\"></cura-icon>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center;background-color:var(--header-act-bg-color)}.rdsite-header-action-menu{display:flex;align-items:center;justify-content:center;height:100%;gap:2px}.rdsite-header-action-menu-login{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-login-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-login-link cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-login-link:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-login-link:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-login-link:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-login-link:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-login-link .icon-desktop{display:none}.rdsite-header-action-menu-login-link .icon-mobile{display:inline}.rdsite-header-action-menu-login-link span{display:none}.rdsite-header-action-menu-actions{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--header-act-items-bg-color)}.rdsite-header-action-menu-actions-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--header-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.rdsite-header-action-menu-actions-button cura-icon{--color: var(--header-act-items-color) !important}.rdsite-header-action-menu-actions-button:hover{color:var(--header-act-items-hover)!important}.rdsite-header-action-menu-actions-button:hover cura-icon{--color: var(--header-act-items-hover) !important}.rdsite-header-action-menu-actions-button:active{color:var(--header-act-items-active)!important}.rdsite-header-action-menu-actions-button:active cura-icon{--color: var(--header-act-items-active) !important}.rdsite-header-action-menu-actions-button span{display:none}.rdsite-header-action-menu rdsite-search{display:none;position:absolute}@media only screen and (min-width: 1024px){.rdsite-header-action-menu .rdsite-header-action-menu-login{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link{padding:8px}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-desktop{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-login-link .icon-mobile{display:none}.rdsite-header-action-menu .rdsite-header-action-menu-login-link span{display:inline}.rdsite-header-action-menu .rdsite-header-action-menu-actions{padding:0 12px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"] }]
|
|
38916
38950
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { loginUrl: [{
|
|
38917
38951
|
type: Input
|
|
38952
|
+
}], headerLoginClick: [{
|
|
38953
|
+
type: Output
|
|
38918
38954
|
}] } });
|
|
38919
38955
|
|
|
38920
38956
|
class HeaderLogoComponent {
|
|
@@ -38923,13 +38959,17 @@ class HeaderLogoComponent {
|
|
|
38923
38959
|
this.title = '';
|
|
38924
38960
|
this.alt = '';
|
|
38925
38961
|
this.src = '';
|
|
38962
|
+
this.headerLogoClick = new EventEmitter();
|
|
38963
|
+
}
|
|
38964
|
+
headerLogoClicked(event) {
|
|
38965
|
+
this.headerLogoClick.emit(event);
|
|
38926
38966
|
}
|
|
38927
38967
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38928
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderLogoComponent, isStandalone: true, selector: "rdsite-header-logo", inputs: { href: "href", title: "title", alt: "alt", src: "src" }, ngImport: i0, template: "<a [href]=\"href\" rdsitelink>\r\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38968
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderLogoComponent, isStandalone: true, selector: "rdsite-header-logo", inputs: { href: "href", title: "title", alt: "alt", src: "src" }, outputs: { headerLogoClick: "headerLogoClick" }, ngImport: i0, template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\r\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
38929
38969
|
}
|
|
38930
38970
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
38931
38971
|
type: Component,
|
|
38932
|
-
args: [{ selector: 'rdsite-header-logo', standalone: true, imports: [RdsiteLinkDirective], template: "<a [href]=\"href\" rdsitelink>\r\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"] }]
|
|
38972
|
+
args: [{ selector: 'rdsite-header-logo', standalone: true, imports: [RdsiteLinkDirective], template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\r\n <img loading=\"lazy\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: [":host{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host a img{max-width:80px;max-height:80px}\n"] }]
|
|
38933
38973
|
}], propDecorators: { href: [{
|
|
38934
38974
|
type: Input
|
|
38935
38975
|
}], title: [{
|
|
@@ -38938,6 +38978,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
38938
38978
|
type: Input
|
|
38939
38979
|
}], src: [{
|
|
38940
38980
|
type: Input
|
|
38981
|
+
}], headerLogoClick: [{
|
|
38982
|
+
type: Output
|
|
38941
38983
|
}] } });
|
|
38942
38984
|
|
|
38943
38985
|
const getHeaderTheme = (project = 'site', themeStyle = 'default', curaService) => {
|
|
@@ -39346,15 +39388,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
39346
39388
|
class HeaderAuxMenuItemDropdownComponent {
|
|
39347
39389
|
constructor() {
|
|
39348
39390
|
this.items = [];
|
|
39391
|
+
this.headerAuxMenuItemDDClick = new EventEmitter();
|
|
39392
|
+
}
|
|
39393
|
+
headerAuxMenuItemDDClicked(event) {
|
|
39394
|
+
this.headerAuxMenuItemDDClick.emit(event);
|
|
39349
39395
|
}
|
|
39350
39396
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39351
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item-dropdown", inputs: { items: "items" }, ngImport: i0, template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.ID) {\r\n <li class=\"dropdown-item\">\r\n <a [href]=\"dropdownItem.url\" rdsitelink>{{ dropdownItem.title }}</a>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
39397
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item-dropdown", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.ID) {\r\n <li class=\"dropdown-item\">\r\n <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
39352
39398
|
}
|
|
39353
39399
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
39354
39400
|
type: Component,
|
|
39355
|
-
args: [{ selector: 'rdsite-header-aux-menu-item-dropdown', standalone: true, imports: [RdsiteLinkDirective], template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.ID) {\r\n <li class=\"dropdown-item\">\r\n <a [href]=\"dropdownItem.url\" rdsitelink>{{ dropdownItem.title }}</a>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px}\n"] }]
|
|
39401
|
+
args: [{ selector: 'rdsite-header-aux-menu-item-dropdown', standalone: true, imports: [RdsiteLinkDirective], template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.ID) {\r\n <li class=\"dropdown-item\">\r\n <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\r\n </li>\r\n }\r\n</ul>\r\n", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px}\n"] }]
|
|
39356
39402
|
}], propDecorators: { items: [{
|
|
39357
39403
|
type: Input
|
|
39404
|
+
}], headerAuxMenuItemDDClick: [{
|
|
39405
|
+
type: Output
|
|
39358
39406
|
}] } });
|
|
39359
39407
|
|
|
39360
39408
|
class HeaderAuxMenuItemComponent {
|
|
@@ -39362,9 +39410,17 @@ class HeaderAuxMenuItemComponent {
|
|
|
39362
39410
|
this.item = null;
|
|
39363
39411
|
this.altStyle = false;
|
|
39364
39412
|
this.onlyDesktop = false;
|
|
39413
|
+
this.headerAuxMenuItemClick = new EventEmitter();
|
|
39414
|
+
this.headerAuxMenuItemDDClick = new EventEmitter();
|
|
39365
39415
|
this.isMenuHover = false;
|
|
39366
39416
|
this.isDropdownHover = false;
|
|
39367
39417
|
}
|
|
39418
|
+
headerAuxMenuItemClicked(event) {
|
|
39419
|
+
this.headerAuxMenuItemClick.emit(event);
|
|
39420
|
+
}
|
|
39421
|
+
headerAuxMenuItemDDClicked(event) {
|
|
39422
|
+
this.headerAuxMenuItemDDClick.emit(event);
|
|
39423
|
+
}
|
|
39368
39424
|
btnHoverChange(value) {
|
|
39369
39425
|
this.isMenuHover = value;
|
|
39370
39426
|
}
|
|
@@ -39372,22 +39428,29 @@ class HeaderAuxMenuItemComponent {
|
|
|
39372
39428
|
this.isDropdownHover = value;
|
|
39373
39429
|
}
|
|
39374
39430
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39375
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item", inputs: { item: "item", altStyle: "altStyle", onlyDesktop: "onlyDesktop" }, ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"header-aux-menu-item-link\"\r\n [ngClass]=\"{\r\n hover: isMenuHover || isDropdownHover,\r\n alt: altStyle,\r\n }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-aux-menu-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-aux-menu-item-dropdown
|
|
39431
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item", inputs: { item: "item", altStyle: "altStyle", onlyDesktop: "onlyDesktop" }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"header-aux-menu-item-link\"\r\n [ngClass]=\"{\r\n hover: isMenuHover || isDropdownHover,\r\n alt: altStyle,\r\n }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n (click)=\"headerAuxMenuItemClicked($event)\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-aux-menu-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-aux-menu-item-dropdown\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></rdsite-header-aux-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center;position:relative}.header-aux-menu-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--header-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center}.header-aux-menu-item-link cura-icon{--color: var(--header-aux-color) !important}.header-aux-menu-item-link.hover{color:var(--header-aux-hover)!important}.header-aux-menu-item-link.hover cura-icon{--color: var(--header-aux-hover) !important}.header-aux-menu-item-link:active{color:var(--header-aux-active)!important}.header-aux-menu-item-link:active cura-icon{--color: var(--header-aux-active) !important}.header-aux-menu-item-link.alt{color:var(--header-aux-color-alt)!important}.header-aux-menu-item-link.alt cura-icon{--color: var(--header-aux-color-alt) !important}.header-aux-menu-item-link.alt.hover{color:var(--header-aux-hover-alt)!important}.header-aux-menu-item-link.alt.hover cura-icon{--color: var(--header-aux-hover-alt) !important}.header-aux-menu-item-link.alt:active{color:var(--header-aux-active-alt)!important}.header-aux-menu-item-link.alt:active cura-icon{--color: var(--header-aux-active-alt) !important}.header-aux-menu-item-dropdown{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--header-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderAuxMenuItemDropdownComponent, selector: "rdsite-header-aux-menu-item-dropdown", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }] }); }
|
|
39376
39432
|
}
|
|
39377
39433
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
39378
39434
|
type: Component,
|
|
39379
|
-
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderAuxMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-aux-menu-item-link\"\r\n [ngClass]=\"{\r\n hover: isMenuHover || isDropdownHover,\r\n alt: altStyle,\r\n }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-aux-menu-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-aux-menu-item-dropdown
|
|
39435
|
+
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderAuxMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-aux-menu-item-link\"\r\n [ngClass]=\"{\r\n hover: isMenuHover || isDropdownHover,\r\n alt: altStyle,\r\n }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n (click)=\"headerAuxMenuItemClicked($event)\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-aux-menu-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-aux-menu-item-dropdown\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></rdsite-header-aux-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center;position:relative}.header-aux-menu-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--header-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center}.header-aux-menu-item-link cura-icon{--color: var(--header-aux-color) !important}.header-aux-menu-item-link.hover{color:var(--header-aux-hover)!important}.header-aux-menu-item-link.hover cura-icon{--color: var(--header-aux-hover) !important}.header-aux-menu-item-link:active{color:var(--header-aux-active)!important}.header-aux-menu-item-link:active cura-icon{--color: var(--header-aux-active) !important}.header-aux-menu-item-link.alt{color:var(--header-aux-color-alt)!important}.header-aux-menu-item-link.alt cura-icon{--color: var(--header-aux-color-alt) !important}.header-aux-menu-item-link.alt.hover{color:var(--header-aux-hover-alt)!important}.header-aux-menu-item-link.alt.hover cura-icon{--color: var(--header-aux-hover-alt) !important}.header-aux-menu-item-link.alt:active{color:var(--header-aux-active-alt)!important}.header-aux-menu-item-link.alt:active cura-icon{--color: var(--header-aux-active-alt) !important}.header-aux-menu-item-dropdown{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--header-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px}\n"] }]
|
|
39380
39436
|
}], propDecorators: { item: [{
|
|
39381
39437
|
type: Input
|
|
39382
39438
|
}], altStyle: [{
|
|
39383
39439
|
type: Input
|
|
39384
39440
|
}], onlyDesktop: [{
|
|
39385
39441
|
type: Input
|
|
39442
|
+
}], headerAuxMenuItemClick: [{
|
|
39443
|
+
type: Output
|
|
39444
|
+
}], headerAuxMenuItemDDClick: [{
|
|
39445
|
+
type: Output
|
|
39386
39446
|
}] } });
|
|
39387
39447
|
|
|
39388
39448
|
class HeaderMainMenuItemDropdownComponent {
|
|
39389
39449
|
constructor() {
|
|
39390
39450
|
this.item = null;
|
|
39451
|
+
this.headerMainMenuItemDDClick = new EventEmitter();
|
|
39452
|
+
this.headerMainMenuHighlightDDClick = new EventEmitter();
|
|
39453
|
+
this.headerMainMenuCtaDDClick = new EventEmitter();
|
|
39391
39454
|
// Também é controlado pelo HeaderMainMenuItemComponent
|
|
39392
39455
|
this.opened = signal(false);
|
|
39393
39456
|
this.selectedLv2Item = null;
|
|
@@ -39439,19 +39502,38 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
39439
39502
|
closeDropdown() {
|
|
39440
39503
|
this.opened.set(false);
|
|
39441
39504
|
}
|
|
39505
|
+
headerMainMenuItemDDClicked(event) {
|
|
39506
|
+
this.headerMainMenuItemDDClick.emit(event);
|
|
39507
|
+
}
|
|
39508
|
+
headerMainMenuHighlightDDClicked(event) {
|
|
39509
|
+
this.headerMainMenuHighlightDDClick.emit(event);
|
|
39510
|
+
}
|
|
39511
|
+
headerMainMenuCtaDDClicked(event) {
|
|
39512
|
+
this.headerMainMenuCtaDDClick.emit(event);
|
|
39513
|
+
}
|
|
39442
39514
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39443
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-main-menu-item-dropdown", inputs: { item: "item" }, ngImport: i0, template: "@if (item) {\n <div class=\"header-main-menu-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item.title }}\n </p>\n\n <p class=\"info-description\">\n {{ item.description }}\n </p>\n </div>\n\n <div class=\"links-lv2\">\n <div class=\"links-lv2-content\">\n @for (itemLv2 of item.children; track itemLv2.ID) {\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown()\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\n >\n <span>{{ itemLv2.title }}</span>\n @if (itemLv2?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n }\n </div>\n @if (selectedLv2Item?.children?.length) {\n <div class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\n <div class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown()\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n <span>{{ itemLv3.title }}</span>\n @if (itemLv3?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n }\n </div>\n\n @if (selectedLv3Item?.children?.length) {\n <div\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <div class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown()\">\n <span>{{ itemLv4.title }}</span>\n </a>\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item.itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown()\">\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item.ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown()\">\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\n <span>{{ cta.titulo }}</span>\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:
|
|
39515
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-main-menu-item-dropdown", inputs: { item: "item" }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"links-lv2\">\r\n <div class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <a\r\n class=\"link lv2\"\r\n [ngClass]=\"{ active: itemLv2.active }\"\r\n [href]=\"itemLv2.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\r\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\r\n >\r\n <span>{{ itemLv2.title }}</span>\r\n @if (itemLv2?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n }\r\n </div>\r\n @if (selectedLv2Item?.children?.length) {\r\n <div class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <div class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <a\r\n class=\"link lv3\"\r\n [ngClass]=\"{ active: itemLv3.active }\"\r\n [href]=\"itemLv3.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n >\r\n <span>{{ itemLv3.title }}</span>\r\n @if (itemLv3?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n }\r\n </div>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <div\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <div class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n <span>{{ itemLv4.title }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item.itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item.ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <span>{{ cta.titulo }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
39444
39516
|
}
|
|
39445
39517
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
39446
39518
|
type: Component,
|
|
39447
|
-
args: [{ selector: 'rdsite-header-main-menu-item-dropdown', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\n <div class=\"header-main-menu-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item.title }}\n </p>\n\n <p class=\"info-description\">\n {{ item.description }}\n </p>\n </div>\n\n <div class=\"links-lv2\">\n <div class=\"links-lv2-content\">\n @for (itemLv2 of item.children; track itemLv2.ID) {\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown()\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\n >\n <span>{{ itemLv2.title }}</span>\n @if (itemLv2?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n }\n </div>\n @if (selectedLv2Item?.children?.length) {\n <div class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\n <div class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown()\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n <span>{{ itemLv3.title }}</span>\n @if (itemLv3?.children?.length) {\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\n }\n </a>\n }\n </div>\n\n @if (selectedLv3Item?.children?.length) {\n <div\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <div class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown()\">\n <span>{{ itemLv4.title }}</span>\n </a>\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item.itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown()\">\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item.ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown()\">\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\n <span>{{ cta.titulo }}</span>\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:
|
|
39519
|
+
args: [{ selector: 'rdsite-header-main-menu-item-dropdown', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <div class=\"links-lv2\">\r\n <div class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <a\r\n class=\"link lv2\"\r\n [ngClass]=\"{ active: itemLv2.active }\"\r\n [href]=\"itemLv2.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item.children)\"\r\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item.children)\"\r\n >\r\n <span>{{ itemLv2.title }}</span>\r\n @if (itemLv2?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n }\r\n </div>\r\n @if (selectedLv2Item?.children?.length) {\r\n <div class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <div class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <a\r\n class=\"link lv3\"\r\n [ngClass]=\"{ active: itemLv3.active }\"\r\n [href]=\"itemLv3.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n >\r\n <span>{{ itemLv3.title }}</span>\r\n @if (itemLv3?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n }\r\n </div>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <div\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <div class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n <span>{{ itemLv4.title }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item.itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item.ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <span>{{ cta.titulo }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"] }]
|
|
39448
39520
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
39449
39521
|
type: Input
|
|
39522
|
+
}], headerMainMenuItemDDClick: [{
|
|
39523
|
+
type: Output
|
|
39524
|
+
}], headerMainMenuHighlightDDClick: [{
|
|
39525
|
+
type: Output
|
|
39526
|
+
}], headerMainMenuCtaDDClick: [{
|
|
39527
|
+
type: Output
|
|
39450
39528
|
}] } });
|
|
39451
39529
|
|
|
39452
39530
|
class HeaderMainMenuItemComponent {
|
|
39453
39531
|
constructor() {
|
|
39454
39532
|
this.item = null;
|
|
39533
|
+
this.headerMainMenuItemClick = new EventEmitter();
|
|
39534
|
+
this.headerMainMenuItemDDClick = new EventEmitter();
|
|
39535
|
+
this.headerMainMenuHighlightDDClick = new EventEmitter();
|
|
39536
|
+
this.headerMainMenuCtaDDClick = new EventEmitter();
|
|
39455
39537
|
this.isMenuHover = false;
|
|
39456
39538
|
this.isDropdownHover = false;
|
|
39457
39539
|
this.dropdownComponent = null;
|
|
@@ -39465,6 +39547,18 @@ class HeaderMainMenuItemComponent {
|
|
|
39465
39547
|
const timeToDebounce = 50;
|
|
39466
39548
|
this.dropdownOpen$.pipe(debounceTime(timeToDebounce)).subscribe((open) => this.dropdownComponent?.opened?.set(open));
|
|
39467
39549
|
}
|
|
39550
|
+
headerMainMenuItemClicked(event) {
|
|
39551
|
+
this.headerMainMenuItemClick.emit(event);
|
|
39552
|
+
}
|
|
39553
|
+
headerMainMenuItemDDClicked(event) {
|
|
39554
|
+
this.headerMainMenuItemDDClick.emit(event);
|
|
39555
|
+
}
|
|
39556
|
+
headerMainMenuHighlightDDClicked(event) {
|
|
39557
|
+
this.headerMainMenuHighlightDDClick.emit(event);
|
|
39558
|
+
}
|
|
39559
|
+
headerMainMenuCtaDDClicked(event) {
|
|
39560
|
+
this.headerMainMenuCtaDDClick.emit(event);
|
|
39561
|
+
}
|
|
39468
39562
|
btnHoverChange(value) {
|
|
39469
39563
|
this.isMenuHover = value;
|
|
39470
39564
|
this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);
|
|
@@ -39477,13 +39571,21 @@ class HeaderMainMenuItemComponent {
|
|
|
39477
39571
|
this.dropdownOpen$.unsubscribe();
|
|
39478
39572
|
}
|
|
39479
39573
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39480
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "rdsite-header-main-menu-item", inputs: { item: "item" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true }], ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"header-main-menu-item-link\"\r\n [ngClass]=\"{ hover: dropdownComponent?.opened() }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-main-menu-item-dropdown-container\"\r\n [ngStyle]=\"{ display: dropdownComponent?.opened() ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-main-menu-item-dropdown
|
|
39574
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "rdsite-header-main-menu-item", inputs: { item: "item" }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true }], ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"header-main-menu-item-link\"\r\n [ngClass]=\"{ hover: dropdownComponent?.opened() }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-main-menu-item-dropdown-container\"\r\n [ngStyle]=\"{ display: dropdownComponent?.opened() ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-main-menu-item-dropdown\r\n [item]=\"item\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></rdsite-header-main-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center}.header-main-menu-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--header-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center}.header-main-menu-item-link cura-icon{--color: var(--header-main-color) !important}.header-main-menu-item-link:hover,.header-main-menu-item-link.hover{color:var(--header-main-hover)!important;background-color:var(--header-main-bg-hover)}.header-main-menu-item-link:hover cura-icon,.header-main-menu-item-link.hover cura-icon{--color: var(--header-main-hover) !important}.header-main-menu-item-link:active{color:var(--header-main-active)!important}.header-main-menu-item-link:active cura-icon{--color: var(--header-main-active) !important}@media only screen and (min-width: 1366px){.header-main-menu-item-link{height:44px;padding:0 16px}}.header-main-menu-item-dropdown-container{position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--header-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){.header-main-menu-item-dropdown-container{max-height:calc(100vh - 88px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "rdsite-header-main-menu-item-dropdown", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }] }); }
|
|
39481
39575
|
}
|
|
39482
39576
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
39483
39577
|
type: Component,
|
|
39484
|
-
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-main-menu-item-link\"\r\n [ngClass]=\"{ hover: dropdownComponent?.opened() }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-main-menu-item-dropdown-container\"\r\n [ngStyle]=\"{ display: dropdownComponent?.opened() ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-main-menu-item-dropdown
|
|
39578
|
+
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, RdsitePhoneModalDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-main-menu-item-link\"\r\n [ngClass]=\"{ hover: dropdownComponent?.opened() }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-main-menu-item-dropdown-container\"\r\n [ngStyle]=\"{ display: dropdownComponent?.opened() ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-main-menu-item-dropdown\r\n [item]=\"item\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></rdsite-header-main-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center}.header-main-menu-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--header-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center}.header-main-menu-item-link cura-icon{--color: var(--header-main-color) !important}.header-main-menu-item-link:hover,.header-main-menu-item-link.hover{color:var(--header-main-hover)!important;background-color:var(--header-main-bg-hover)}.header-main-menu-item-link:hover cura-icon,.header-main-menu-item-link.hover cura-icon{--color: var(--header-main-hover) !important}.header-main-menu-item-link:active{color:var(--header-main-active)!important}.header-main-menu-item-link:active cura-icon{--color: var(--header-main-active) !important}@media only screen and (min-width: 1366px){.header-main-menu-item-link{height:44px;padding:0 16px}}.header-main-menu-item-dropdown-container{position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--header-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){.header-main-menu-item-dropdown-container{max-height:calc(100vh - 88px)}}\n"] }]
|
|
39485
39579
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
39486
39580
|
type: Input
|
|
39581
|
+
}], headerMainMenuItemClick: [{
|
|
39582
|
+
type: Output
|
|
39583
|
+
}], headerMainMenuItemDDClick: [{
|
|
39584
|
+
type: Output
|
|
39585
|
+
}], headerMainMenuHighlightDDClick: [{
|
|
39586
|
+
type: Output
|
|
39587
|
+
}], headerMainMenuCtaDDClick: [{
|
|
39588
|
+
type: Output
|
|
39487
39589
|
}], dropdownComponent: [{
|
|
39488
39590
|
type: ViewChild,
|
|
39489
39591
|
args: [HeaderMainMenuItemDropdownComponent]
|
|
@@ -39501,6 +39603,7 @@ class HeaderSideMenuItemComponent {
|
|
|
39501
39603
|
this.altStyle = false;
|
|
39502
39604
|
this.level = 1;
|
|
39503
39605
|
this.fontSize = 16;
|
|
39606
|
+
this.headerSideMenuItemClick = new EventEmitter();
|
|
39504
39607
|
}
|
|
39505
39608
|
overlayClick() {
|
|
39506
39609
|
this.headerService.toggleShowSideMenu(false);
|
|
@@ -39511,12 +39614,15 @@ class HeaderSideMenuItemComponent {
|
|
|
39511
39614
|
if (canCloseSideMenu)
|
|
39512
39615
|
return this.headerService.toggleShowSideMenu(false);
|
|
39513
39616
|
}
|
|
39617
|
+
headerSideMenuItemClicked(event) {
|
|
39618
|
+
this.headerSideMenuItemClick.emit(event);
|
|
39619
|
+
}
|
|
39514
39620
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39515
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "rdsite-header-side-menu-item", inputs: { item: "item", altStyle: "altStyle", level: "level", fontSize: "fontSize" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\n <button type=\"button\" class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url)\">\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\n @if (!item.children?.length) {\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\n }\n </button>\n\n @if (item.children?.length) {\n <div class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\n @for (child of item.children; track item.title) {\n <rdsite-header-side-menu-item
|
|
39621
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "rdsite-header-side-menu-item", inputs: { item: "item", altStyle: "altStyle", level: "level", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n <button type=\"button\" class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\r\n }\r\n </button>\r\n\r\n @if (item.children?.length) {\r\n <div class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <rdsite-header-side-menu-item\r\n [item]=\"child\"\r\n [fontSize]=\"fontSize\"\r\n [altStyle]=\"altStyle\"\r\n [level]=\"level + 1\"\r\n (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"\r\n ></rdsite-header-side-menu-item>\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [".rdsite-header-side-menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--header-side-border-bottom, rgb(0, 61, 165))}.rdsite-header-side-menu-item.active{border-bottom:none}.rdsite-header-side-menu-item.active a span{color:var(--header-side-open-color, rgb(68, 142, 205))}.rdsite-header-side-menu-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px}.rdsite-header-side-menu-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--header-side-color)}.rdsite-header-side-menu-item a span.fourth-level{font-size:12px}.rdsite-header-side-menu-item:hover a span{color:var(--header-side-hover)}.rdsite-header-side-menu-item:hover cura-icon{--color: var(--header-side-hover) !important}.rdsite-header-side-menu-item:active a span{color:var(--header-side-active)}.rdsite-header-side-menu-item:active cura-icon{--color: var(--header-side-active) !important}.rdsite-header-side-menu-item.alt a span{color:var(--header-side-alt-color)}.rdsite-header-side-menu-item.alt:hover a span{color:var(--header-side-alt-hover)}.rdsite-header-side-menu-item.alt:hover cura-icon{--color: var(--header-side-alt-hover) !important}.rdsite-header-side-menu-item.alt:active a span{color:var(--header-side-alt-active)}.rdsite-header-side-menu-item.alt:active cura-icon{--color: var(--header-side-alt-active) !important}.rdsite-header-side-menu-item-list{padding:0 0 0 24px;display:none}.rdsite-header-side-menu-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "rdsite-header-side-menu-item", inputs: ["item", "altStyle", "level", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
39516
39622
|
}
|
|
39517
39623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
39518
39624
|
type: Component,
|
|
39519
|
-
args: [{ selector: 'rdsite-header-side-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\n <button type=\"button\" class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url)\">\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\n @if (!item.children?.length) {\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\n }\n </a>\n\n @if (item.children?.length) {\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\n }\n </button>\n\n @if (item.children?.length) {\n <div class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\n @for (child of item.children; track item.title) {\n <rdsite-header-side-menu-item
|
|
39625
|
+
args: [{ selector: 'rdsite-header-side-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <button type=\"button\" class=\"rdsite-header-side-menu-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span [ngClass]=\"{ 'fourth-level': level >= 4 }\">{{ item.title }}</span>\r\n @if (!item.children?.length) {\r\n <cura-icon name=\"right\" size=\"20\" color=\"primary-lighter\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <cura-icon [attr.name]=\"item.active ? 'up' : 'down'\" size=\"20\" [attr.color]=\"item.active ? 'primary-light' : 'neutral-purewhite'\"></cura-icon>\r\n }\r\n </button>\r\n\r\n @if (item.children?.length) {\r\n <div class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <rdsite-header-side-menu-item\r\n [item]=\"child\"\r\n [fontSize]=\"fontSize\"\r\n [altStyle]=\"altStyle\"\r\n [level]=\"level + 1\"\r\n (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"\r\n ></rdsite-header-side-menu-item>\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [".rdsite-header-side-menu-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--header-side-border-bottom, rgb(0, 61, 165))}.rdsite-header-side-menu-item.active{border-bottom:none}.rdsite-header-side-menu-item.active a span{color:var(--header-side-open-color, rgb(68, 142, 205))}.rdsite-header-side-menu-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px}.rdsite-header-side-menu-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--header-side-color)}.rdsite-header-side-menu-item a span.fourth-level{font-size:12px}.rdsite-header-side-menu-item:hover a span{color:var(--header-side-hover)}.rdsite-header-side-menu-item:hover cura-icon{--color: var(--header-side-hover) !important}.rdsite-header-side-menu-item:active a span{color:var(--header-side-active)}.rdsite-header-side-menu-item:active cura-icon{--color: var(--header-side-active) !important}.rdsite-header-side-menu-item.alt a span{color:var(--header-side-alt-color)}.rdsite-header-side-menu-item.alt:hover a span{color:var(--header-side-alt-hover)}.rdsite-header-side-menu-item.alt:hover cura-icon{--color: var(--header-side-alt-hover) !important}.rdsite-header-side-menu-item.alt:active a span{color:var(--header-side-alt-active)}.rdsite-header-side-menu-item.alt:active cura-icon{--color: var(--header-side-alt-active) !important}.rdsite-header-side-menu-item-list{padding:0 0 0 24px;display:none}.rdsite-header-side-menu-item-list.active{display:block}\n"] }]
|
|
39520
39626
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { item: [{
|
|
39521
39627
|
type: Input
|
|
39522
39628
|
}], altStyle: [{
|
|
@@ -39525,6 +39631,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
39525
39631
|
type: Input
|
|
39526
39632
|
}], fontSize: [{
|
|
39527
39633
|
type: Input
|
|
39634
|
+
}], headerSideMenuItemClick: [{
|
|
39635
|
+
type: Output
|
|
39528
39636
|
}], style: [{
|
|
39529
39637
|
type: HostBinding
|
|
39530
39638
|
}] } });
|
|
@@ -39577,6 +39685,7 @@ class SideCtasBottomComponent {
|
|
|
39577
39685
|
constructor(curaService) {
|
|
39578
39686
|
this.curaService = curaService;
|
|
39579
39687
|
this._ctas = [];
|
|
39688
|
+
this.sideCtaBottomItemClick = new EventEmitter();
|
|
39580
39689
|
this.style = {
|
|
39581
39690
|
'--font-color': this.curaService.getColor('neutral-black'),
|
|
39582
39691
|
'--bg-color': this.curaService.getColor('neutral-purewhite'),
|
|
@@ -39585,14 +39694,19 @@ class SideCtasBottomComponent {
|
|
|
39585
39694
|
'--bg-cta-active-color': this.curaService.getColor('accent-darker'),
|
|
39586
39695
|
};
|
|
39587
39696
|
}
|
|
39697
|
+
sideCtaBottomItemClicked(event) {
|
|
39698
|
+
this.sideCtaBottomItemClick.emit(event);
|
|
39699
|
+
}
|
|
39588
39700
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39589
|
-
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 span{color:var(--font-color)}: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"] }] }); }
|
|
39701
|
+
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" }, outputs: { sideCtaBottomItemClick: "sideCtaBottomItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\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 span{color:var(--font-color)}: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"] }] }); }
|
|
39590
39702
|
}
|
|
39591
39703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
39592
39704
|
type: Component,
|
|
39593
|
-
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 span{color:var(--font-color)}: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"] }]
|
|
39705
|
+
args: [{ selector: 'rdsite-side-ctas-bottom', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\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 span{color:var(--font-color)}: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"] }]
|
|
39594
39706
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
39595
39707
|
type: Input
|
|
39708
|
+
}], sideCtaBottomItemClick: [{
|
|
39709
|
+
type: Output
|
|
39596
39710
|
}], style: [{
|
|
39597
39711
|
type: HostBinding,
|
|
39598
39712
|
args: ['style']
|
|
@@ -39607,6 +39721,7 @@ class WhatsappComponent {
|
|
|
39607
39721
|
this.bgColor = '#1DCD52';
|
|
39608
39722
|
this.bgHover = '#016720';
|
|
39609
39723
|
this.borderTop = false;
|
|
39724
|
+
this.whatsappClick = new EventEmitter();
|
|
39610
39725
|
this.active = false;
|
|
39611
39726
|
this.style = {
|
|
39612
39727
|
'--border-top-color': this.curaService.getColor('primary-light'),
|
|
@@ -39617,12 +39732,15 @@ class WhatsappComponent {
|
|
|
39617
39732
|
'--color-button-hover': this.curaService.getColor('neutral-white'),
|
|
39618
39733
|
};
|
|
39619
39734
|
}
|
|
39735
|
+
whatsappClicked(event) {
|
|
39736
|
+
this.whatsappClick.emit(event);
|
|
39737
|
+
}
|
|
39620
39738
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WhatsappComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39621
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link) {\n <a
|
|
39739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n <span>{{ text }}</span>\r\n </div>\r\n </a>\r\n}\r\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
39622
39740
|
}
|
|
39623
39741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: WhatsappComponent, decorators: [{
|
|
39624
39742
|
type: Component,
|
|
39625
|
-
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link) {\n <a
|
|
39743
|
+
args: [{ selector: 'rdsite-whatsapp', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link) {\r\n <a\r\n class=\"rdsite-whatsapp\"\r\n [ngClass]=\"{ 'border-top': borderTop }\"\r\n [href]=\"link\"\r\n rdsitelink\r\n (mouseenter)=\"active = true\"\r\n (mouseleave)=\"active = false\"\r\n (click)=\"whatsappClicked($event)\"\r\n >\r\n @if (imgUrl) {\r\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl }\"></div>\r\n }\r\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\r\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n <span>{{ text }}</span>\r\n </div>\r\n </a>\r\n}\r\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
|
|
39626
39744
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { link: [{
|
|
39627
39745
|
type: Input
|
|
39628
39746
|
}], imgUrl: [{
|
|
@@ -39635,6 +39753,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
39635
39753
|
type: Input
|
|
39636
39754
|
}], borderTop: [{
|
|
39637
39755
|
type: Input
|
|
39756
|
+
}], whatsappClick: [{
|
|
39757
|
+
type: Output
|
|
39638
39758
|
}], style: [{
|
|
39639
39759
|
type: HostBinding,
|
|
39640
39760
|
args: ['style']
|
|
@@ -39648,13 +39768,17 @@ class SideCtasRightBottomComponent {
|
|
|
39648
39768
|
this.bgColor = '#1DCD52';
|
|
39649
39769
|
this.bgHover = '#016720';
|
|
39650
39770
|
this.borderTop = false;
|
|
39771
|
+
this.sideCtaRightBottomItemClick = new EventEmitter();
|
|
39772
|
+
}
|
|
39773
|
+
whatsappClicked(event) {
|
|
39774
|
+
this.sideCtaRightBottomItemClick.emit(event);
|
|
39651
39775
|
}
|
|
39652
39776
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39653
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, ngImport: i0, template: "@if (link && imgUrl) {\n <rdsite-whatsapp
|
|
39777
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: SideCtasRightBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-right-bottom", inputs: { link: "link", imgUrl: "imgUrl", text: "text", bgColor: "bgColor", bgHover: "bgHover", borderTop: "borderTop" }, outputs: { sideCtaRightBottomItemClick: "sideCtaRightBottomItemClick" }, ngImport: i0, template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: WhatsappComponent, selector: "rdsite-whatsapp", inputs: ["link", "imgUrl", "text", "bgColor", "bgHover", "borderTop"], outputs: ["whatsappClick"] }] }); }
|
|
39654
39778
|
}
|
|
39655
39779
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightBottomComponent, decorators: [{
|
|
39656
39780
|
type: Component,
|
|
39657
|
-
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\n <rdsite-whatsapp
|
|
39781
|
+
args: [{ selector: 'rdsite-side-ctas-right-bottom', standalone: true, imports: [CommonModule, RdsiteLinkDirective, WhatsappComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (link && imgUrl) {\r\n <rdsite-whatsapp\r\n [link]=\"link\"\r\n [imgUrl]=\"imgUrl\"\r\n [text]=\"text\"\r\n [bgColor]=\"bgColor\"\r\n [bgHover]=\"bgHover\"\r\n [borderTop]=\"borderTop\"\r\n (whatsappClick)=\"whatsappClicked($event)\"\r\n ></rdsite-whatsapp>\r\n}\r\n" }]
|
|
39658
39782
|
}], propDecorators: { link: [{
|
|
39659
39783
|
type: Input
|
|
39660
39784
|
}], imgUrl: [{
|
|
@@ -39667,6 +39791,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
39667
39791
|
type: Input
|
|
39668
39792
|
}], borderTop: [{
|
|
39669
39793
|
type: Input
|
|
39794
|
+
}], sideCtaRightBottomItemClick: [{
|
|
39795
|
+
type: Output
|
|
39670
39796
|
}] } });
|
|
39671
39797
|
|
|
39672
39798
|
class SideCtasRightMiddleComponent {
|
|
@@ -39679,6 +39805,7 @@ class SideCtasRightMiddleComponent {
|
|
|
39679
39805
|
constructor(curaService) {
|
|
39680
39806
|
this.curaService = curaService;
|
|
39681
39807
|
this._ctas = [];
|
|
39808
|
+
this.sideCtaRightMiddleItemClick = new EventEmitter();
|
|
39682
39809
|
this.style = {
|
|
39683
39810
|
'--icon-bg-color': this.curaService.getColor('primary-base'),
|
|
39684
39811
|
'--font-color': this.curaService.getColor('primary-lighter'),
|
|
@@ -39686,14 +39813,19 @@ class SideCtasRightMiddleComponent {
|
|
|
39686
39813
|
'--font-active': this.curaService.getColor('primary-light'),
|
|
39687
39814
|
};
|
|
39688
39815
|
}
|
|
39816
|
+
sideCtaRightMiddleItemClicked(event) {
|
|
39817
|
+
this.sideCtaRightMiddleItemClick.emit(event);
|
|
39818
|
+
}
|
|
39689
39819
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39690
|
-
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"] }] }); }
|
|
39820
|
+
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" }, outputs: { sideCtaRightMiddleItemClick: "sideCtaRightMiddleItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\r\n <div class=\"right-middle-cta-icon\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\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"] }] }); }
|
|
39691
39821
|
}
|
|
39692
39822
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
39693
39823
|
type: Component,
|
|
39694
|
-
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"] }]
|
|
39824
|
+
args: [{ selector: 'rdsite-side-ctas-right-middle', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (ctas.length) {\r\n @for (cta of ctas; track cta.text) {\r\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\r\n <div class=\"right-middle-cta-icon\">\r\n <cura-icon [attr.name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\r\n </div>\r\n <span>{{ cta.text }}</span>\r\n </a>\r\n }\r\n}\r\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"] }]
|
|
39695
39825
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
39696
39826
|
type: Input
|
|
39827
|
+
}], sideCtaRightMiddleItemClick: [{
|
|
39828
|
+
type: Output
|
|
39697
39829
|
}], style: [{
|
|
39698
39830
|
type: HostBinding,
|
|
39699
39831
|
args: ['style']
|