@rededor/site-front-end-lib 0.0.37 → 0.0.39
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 +2 -2
- package/esm2022/lib/components/footer/components/footer-menu-item/footer-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/footer/components/footer-social-medias/footer-social-medias.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +6 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +4 -19
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +3 -3
- package/esm2022/lib/services/index.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib.mjs +111 -117
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/header/components/header-action-menu/header-action-menu.component.d.ts +2 -1
- package/lib/components/header/header.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -16999,11 +16999,11 @@ class FooterDisclaimerComponent {
|
|
|
16999
16999
|
this.footerCookieClick.emit(event);
|
|
17000
17000
|
}
|
|
17001
17001
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterDisclaimerComponent, deps: [{ token: PrivacyToolsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17002
|
-
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"] }); }
|
|
17002
|
+
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);text-decoration:none;cursor:pointer}@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"] }); }
|
|
17003
17003
|
}
|
|
17004
17004
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterDisclaimerComponent, decorators: [{
|
|
17005
17005
|
type: Component,
|
|
17006
|
-
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"] }]
|
|
17006
|
+
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);text-decoration:none;cursor:pointer}@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"] }]
|
|
17007
17007
|
}], ctorParameters: () => [{ type: PrivacyToolsService }], propDecorators: { currentYear: [{
|
|
17008
17008
|
type: Input
|
|
17009
17009
|
}], disclaimerText: [{
|
|
@@ -17290,11 +17290,11 @@ class FooterMenuItemComponent {
|
|
|
17290
17290
|
this.footerMenuItemClick.emit(event);
|
|
17291
17291
|
}
|
|
17292
17292
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17293
|
-
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 <div 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 </div>\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:8px 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"] }] }); }
|
|
17293
|
+
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 <div 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 </div>\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:8px 0;text-decoration:none}.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;text-decoration:none}.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"] }] }); }
|
|
17294
17294
|
}
|
|
17295
17295
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterMenuItemComponent, decorators: [{
|
|
17296
17296
|
type: Component,
|
|
17297
|
-
args: [{ selector: 'rdsite-footer-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\r\n <div 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 </div>\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:8px 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"] }]
|
|
17297
|
+
args: [{ selector: 'rdsite-footer-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title) {\r\n <div 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 </div>\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:8px 0;text-decoration:none}.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;text-decoration:none}.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"] }]
|
|
17298
17298
|
}], propDecorators: { url: [{
|
|
17299
17299
|
type: Input
|
|
17300
17300
|
}], title: [{
|
|
@@ -17342,11 +17342,11 @@ class FooterSocialMediasComponent {
|
|
|
17342
17342
|
this.footerSocialMediaClick.emit(event);
|
|
17343
17343
|
}
|
|
17344
17344
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterSocialMediasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17345
|
-
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.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" 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;width:100%;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:12px;font-size:17px;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;border-radius:100%;width:36px;height:36px}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{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 24px;width:328px}.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"] }] }); }
|
|
17345
|
+
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.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" 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;width:100%;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:12px;font-size:17px;font-weight:500;color:var(--footer-color);text-decoration:none}.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;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{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 24px;width:328px}.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"] }] }); }
|
|
17346
17346
|
}
|
|
17347
17347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FooterSocialMediasComponent, decorators: [{
|
|
17348
17348
|
type: Component,
|
|
17349
|
-
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.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" 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;width:100%;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:12px;font-size:17px;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;border-radius:100%;width:36px;height:36px}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{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 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"] }]
|
|
17349
|
+
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.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <cura-icon [name]=\"social.icon\" 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;width:100%;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:12px;font-size:17px;font-weight:500;color:var(--footer-color);text-decoration:none}.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;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){.rdsite-footer-social-medias-contact{width:280px}.rdsite-footer-social-medias-contact .phone a{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 24px;width:328px}.rdsite-footer-social-medias-social nav ul{flex-wrap:nowrap}}\n"] }]
|
|
17350
17350
|
}], propDecorators: { logo: [{
|
|
17351
17351
|
type: Input
|
|
17352
17352
|
}], partnershipLogo: [{
|
|
@@ -17470,74 +17470,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
17470
17470
|
type: Input
|
|
17471
17471
|
}] } });
|
|
17472
17472
|
|
|
17473
|
-
class HeaderAuxMenuComponent {
|
|
17474
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17475
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderAuxMenuComponent, isStandalone: true, selector: "rdsite-header-aux-menu", ngImport: i0, template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17476
|
-
}
|
|
17477
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuComponent, decorators: [{
|
|
17478
|
-
type: Component,
|
|
17479
|
-
args: [{ selector: 'rdsite-header-aux-menu', standalone: true, imports: [CommonModule], template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"] }]
|
|
17480
|
-
}] });
|
|
17481
|
-
|
|
17482
|
-
class HeaderMainMenuComponent {
|
|
17483
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17484
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderMainMenuComponent, isStandalone: true, selector: "rdsite-header-main-menu", ngImport: i0, template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }); }
|
|
17485
|
-
}
|
|
17486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuComponent, decorators: [{
|
|
17487
|
-
type: Component,
|
|
17488
|
-
args: [{ selector: 'rdsite-header-main-menu', standalone: true, imports: [], template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }]
|
|
17489
|
-
}] });
|
|
17490
|
-
|
|
17491
|
-
class HeaderActionMenuComponent {
|
|
17492
|
-
constructor(headerService) {
|
|
17493
|
-
this.headerService = headerService;
|
|
17494
|
-
this.loginUrl = '';
|
|
17495
|
-
this.headerLoginClick = new EventEmitter();
|
|
17496
|
-
}
|
|
17497
|
-
headerLoginClicked(event) {
|
|
17498
|
-
this.headerLoginClick.emit(event);
|
|
17499
|
-
}
|
|
17500
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17501
|
-
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"] }] }); }
|
|
17502
|
-
}
|
|
17503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
17504
|
-
type: Component,
|
|
17505
|
-
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"] }]
|
|
17506
|
-
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { loginUrl: [{
|
|
17507
|
-
type: Input
|
|
17508
|
-
}], headerLoginClick: [{
|
|
17509
|
-
type: Output
|
|
17510
|
-
}] } });
|
|
17511
|
-
|
|
17512
|
-
class HeaderLogoComponent {
|
|
17513
|
-
constructor() {
|
|
17514
|
-
this.href = '';
|
|
17515
|
-
this.title = '';
|
|
17516
|
-
this.alt = '';
|
|
17517
|
-
this.src = '';
|
|
17518
|
-
this.headerLogoClick = new EventEmitter();
|
|
17519
|
-
}
|
|
17520
|
-
headerLogoClicked(event) {
|
|
17521
|
-
this.headerLogoClick.emit(event);
|
|
17522
|
-
}
|
|
17523
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17524
|
-
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"] }] }); }
|
|
17525
|
-
}
|
|
17526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
17527
|
-
type: Component,
|
|
17528
|
-
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"] }]
|
|
17529
|
-
}], propDecorators: { href: [{
|
|
17530
|
-
type: Input
|
|
17531
|
-
}], title: [{
|
|
17532
|
-
type: Input
|
|
17533
|
-
}], alt: [{
|
|
17534
|
-
type: Input
|
|
17535
|
-
}], src: [{
|
|
17536
|
-
type: Input
|
|
17537
|
-
}], headerLogoClick: [{
|
|
17538
|
-
type: Output
|
|
17539
|
-
}] } });
|
|
17540
|
-
|
|
17541
17473
|
const getHeaderTheme = (project = 'site', themeStyle = 'default', curaService) => {
|
|
17542
17474
|
const theme = {
|
|
17543
17475
|
header: {},
|
|
@@ -17689,21 +17621,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
17689
17621
|
type: Output
|
|
17690
17622
|
}] } });
|
|
17691
17623
|
|
|
17692
|
-
class HeaderSideMenuComponent {
|
|
17693
|
-
constructor(headerService) {
|
|
17694
|
-
this.headerService = headerService;
|
|
17695
|
-
}
|
|
17696
|
-
overlayClick() {
|
|
17697
|
-
this.headerService.toggleShowSideMenu(false);
|
|
17698
|
-
}
|
|
17699
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17700
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderSideMenuComponent, isStandalone: true, selector: "rdsite-header-side-menu", ngImport: i0, template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }] }); }
|
|
17701
|
-
}
|
|
17702
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
17703
|
-
type: Component,
|
|
17704
|
-
args: [{ selector: 'rdsite-header-side-menu', standalone: true, imports: [CommonModule, OverlayComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"] }]
|
|
17705
|
-
}], ctorParameters: () => [{ type: HeaderService }] });
|
|
17706
|
-
|
|
17707
17624
|
class SearchComponent {
|
|
17708
17625
|
get enable() {
|
|
17709
17626
|
return this._enable;
|
|
@@ -17869,7 +17786,7 @@ class HeaderComponent {
|
|
|
17869
17786
|
side: {},
|
|
17870
17787
|
};
|
|
17871
17788
|
this.scrollTop = 0;
|
|
17872
|
-
this.searchControl =
|
|
17789
|
+
this.searchControl = null;
|
|
17873
17790
|
this.searchChange = new EventEmitter();
|
|
17874
17791
|
effect(() => {
|
|
17875
17792
|
if (isPlatformServer(platformId) || !this.document.defaultView)
|
|
@@ -17897,20 +17814,11 @@ class HeaderComponent {
|
|
|
17897
17814
|
this.headerService.toggleShowSearch(false);
|
|
17898
17815
|
}
|
|
17899
17816
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderComponent, deps: [{ token: CuraService }, { token: HeaderService }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17900
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
17817
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderComponent, isStandalone: true, selector: "rdsite-header", inputs: { project: "project", theme: "theme", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<header class=\"rdsite-header\" [ngStyle]=\"getCuraCssVars('header')\">\r\n <div class=\"rdsite-header-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div class=\"rdsite-header-logo\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-logo\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-aux-menu\" [ngStyle]=\"getCuraCssVars('aux')\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-aux-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-action-menu\" [ngStyle]=\"getCuraCssVars('action')\">\r\n <ng-content select=\"rdsite-header-action-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-main-menu\" [ngStyle]=\"getCuraCssVars('main')\">\r\n <ng-content select=\"rdsite-header-main-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-side-menu\" [ngStyle]=\"getCuraCssVars('side')\">\r\n <!-- <ng-content select=\"rdsite-header-side-menu\"></ng-content> -->\r\n <ng-content select=\"#rdsite-header-side-menu\"></ng-content>\r\n </div>\r\n @if (searchControl) {\r\n <div class=\"rdsite-header-search\">\r\n <rdsite-search [searchControl]=\"searchControl\" [label]=\"'O que voc\u00EA procura?'\" [debounceTime]=\"1500\" [setFocus]=\"true\" (enterPress)=\"doSearch($event)\">\r\n </rdsite-search>\r\n </div>\r\n }\r\n </div>\r\n\r\n <rdsite-overlay class=\"search-overlay\" [ngClass]=\"{ active: headerService.showSearch() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n</header>\r\n", styles: [".rdsite-header{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--header-bg-color);height:80px}.rdsite-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-header .rdsite-header-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}.rdsite-header .rdsite-header-content .rdsite-header-logo{grid-area:logo}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu{display:none;grid-area:aux;background-color:var(--header-aux-bg-color);justify-content:flex-start}.rdsite-header .rdsite-header-content .rdsite-header-action-menu{grid-area:action;background-color:var(--header-act-bg-color)}.rdsite-header .rdsite-header-content .rdsite-header-main-menu{grid-area:main}.rdsite-header .rdsite-header-content .rdsite-header-search{grid-area:search;display:none;z-index:-1}.rdsite-header .rdsite-header-content .rdsite-header-search rdsite-search{background-color:#fff;width:100%;height:100%;display:block}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-main-menu{display:none}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:48px;display:block;z-index:1000}.rdsite-header .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.rdsite-header .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 1024px){.rdsite-header .rdsite-header-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:auto}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu,.rdsite-header .rdsite-header-content .rdsite-header-main-menu{display:block}}@media only screen and (min-width: 1366px){.rdsite-header{height:88px}.rdsite-header .rdsite-header-content{grid-template-rows:36px 52px;height: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: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: SearchComponent, selector: "rdsite-search", inputs: ["searchControl", "showSearchButtonMobile", "debounceTime", "label", "canClean", "enable", "loading", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "termChange", "enterPress"] }] }); }
|
|
17901
17818
|
}
|
|
17902
17819
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
17903
17820
|
type: Component,
|
|
17904
|
-
args: [{ selector: 'rdsite-header', standalone: true, imports: [
|
|
17905
|
-
CommonModule,
|
|
17906
|
-
HeaderActionMenuComponent,
|
|
17907
|
-
HeaderAuxMenuComponent,
|
|
17908
|
-
HeaderMainMenuComponent,
|
|
17909
|
-
HeaderLogoComponent,
|
|
17910
|
-
HeaderSideMenuComponent,
|
|
17911
|
-
OverlayComponent,
|
|
17912
|
-
SearchComponent,
|
|
17913
|
-
], template: "<header class=\"rdsite-header\" [ngStyle]=\"getCuraCssVars('header')\">\r\n <div class=\"rdsite-header-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div class=\"rdsite-header-logo\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-logo\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-aux-menu\" [ngStyle]=\"getCuraCssVars('aux')\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-aux-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-action-menu\" [ngStyle]=\"getCuraCssVars('action')\">\r\n <ng-content select=\"rdsite-header-action-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-main-menu\" [ngStyle]=\"getCuraCssVars('main')\">\r\n <ng-content select=\"rdsite-header-main-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-side-menu\" [ngStyle]=\"getCuraCssVars('side')\">\r\n <!-- <ng-content select=\"rdsite-header-side-menu\"></ng-content> -->\r\n <ng-content select=\"#rdsite-header-side-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-search\">\r\n <rdsite-search [searchControl]=\"searchControl\" [label]=\"'O que voc\u00EA procura?'\" [debounceTime]=\"1500\" [setFocus]=\"true\" (enterPress)=\"doSearch($event)\">\r\n </rdsite-search>\r\n </div>\r\n </div>\r\n\r\n <rdsite-overlay class=\"search-overlay\" [ngClass]=\"{ active: headerService.showSearch() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n</header>\r\n", styles: [".rdsite-header{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--header-bg-color);height:80px}.rdsite-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-header .rdsite-header-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}.rdsite-header .rdsite-header-content .rdsite-header-logo{grid-area:logo}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu{display:none;grid-area:aux;background-color:var(--header-aux-bg-color);justify-content:flex-start}.rdsite-header .rdsite-header-content .rdsite-header-action-menu{grid-area:action;background-color:var(--header-act-bg-color)}.rdsite-header .rdsite-header-content .rdsite-header-main-menu{grid-area:main}.rdsite-header .rdsite-header-content .rdsite-header-search{grid-area:search;display:none;z-index:-1}.rdsite-header .rdsite-header-content .rdsite-header-search rdsite-search{background-color:#fff;width:100%;height:100%;display:block}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-main-menu{display:none}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:48px;display:block;z-index:1000}.rdsite-header .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.rdsite-header .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 1024px){.rdsite-header .rdsite-header-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:auto}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu,.rdsite-header .rdsite-header-content .rdsite-header-main-menu{display:block}}@media only screen and (min-width: 1366px){.rdsite-header{height:88px}.rdsite-header .rdsite-header-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
|
|
17821
|
+
args: [{ selector: 'rdsite-header', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent], template: "<header class=\"rdsite-header\" [ngStyle]=\"getCuraCssVars('header')\">\r\n <div class=\"rdsite-header-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div class=\"rdsite-header-logo\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-logo\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-aux-menu\" [ngStyle]=\"getCuraCssVars('aux')\" (click)=\"overlayClick()\">\r\n <ng-content select=\"rdsite-header-aux-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-action-menu\" [ngStyle]=\"getCuraCssVars('action')\">\r\n <ng-content select=\"rdsite-header-action-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-main-menu\" [ngStyle]=\"getCuraCssVars('main')\">\r\n <ng-content select=\"rdsite-header-main-menu\"></ng-content>\r\n </div>\r\n <div class=\"rdsite-header-side-menu\" [ngStyle]=\"getCuraCssVars('side')\">\r\n <!-- <ng-content select=\"rdsite-header-side-menu\"></ng-content> -->\r\n <ng-content select=\"#rdsite-header-side-menu\"></ng-content>\r\n </div>\r\n @if (searchControl) {\r\n <div class=\"rdsite-header-search\">\r\n <rdsite-search [searchControl]=\"searchControl\" [label]=\"'O que voc\u00EA procura?'\" [debounceTime]=\"1500\" [setFocus]=\"true\" (enterPress)=\"doSearch($event)\">\r\n </rdsite-search>\r\n </div>\r\n }\r\n </div>\r\n\r\n <rdsite-overlay class=\"search-overlay\" [ngClass]=\"{ active: headerService.showSearch() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n</header>\r\n", styles: [".rdsite-header{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--header-bg-color);height:80px}.rdsite-header::ng-deep *{font-family:Gotham,Arial,Helvetica,sans-serif}.rdsite-header .rdsite-header-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}.rdsite-header .rdsite-header-content .rdsite-header-logo{grid-area:logo}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu{display:none;grid-area:aux;background-color:var(--header-aux-bg-color);justify-content:flex-start}.rdsite-header .rdsite-header-content .rdsite-header-action-menu{grid-area:action;background-color:var(--header-act-bg-color)}.rdsite-header .rdsite-header-content .rdsite-header-main-menu{grid-area:main}.rdsite-header .rdsite-header-content .rdsite-header-search{grid-area:search;display:none;z-index:-1}.rdsite-header .rdsite-header-content .rdsite-header-search rdsite-search{background-color:#fff;width:100%;height:100%;display:block}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-main-menu{display:none}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:48px;display:block;z-index:1000}.rdsite-header .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.rdsite-header .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 1024px){.rdsite-header .rdsite-header-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}.rdsite-header .rdsite-header-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}.rdsite-header .rdsite-header-content.show-search .rdsite-header-search{height:auto}.rdsite-header .rdsite-header-content .rdsite-header-aux-menu,.rdsite-header .rdsite-header-content .rdsite-header-main-menu{display:block}}@media only screen and (min-width: 1366px){.rdsite-header{height:88px}.rdsite-header .rdsite-header-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
|
|
17914
17822
|
}], ctorParameters: () => [{ type: CuraService }, { type: HeaderService }, { type: Document, decorators: [{
|
|
17915
17823
|
type: Inject,
|
|
17916
17824
|
args: [DOCUMENT]
|
|
@@ -17927,6 +17835,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
17927
17835
|
type: Output
|
|
17928
17836
|
}] } });
|
|
17929
17837
|
|
|
17838
|
+
class HeaderActionMenuComponent {
|
|
17839
|
+
constructor(headerService) {
|
|
17840
|
+
this.headerService = headerService;
|
|
17841
|
+
this.loginUrl = '';
|
|
17842
|
+
this.showSearch = true;
|
|
17843
|
+
this.headerLoginClick = new EventEmitter();
|
|
17844
|
+
}
|
|
17845
|
+
headerLoginClicked(event) {
|
|
17846
|
+
this.headerLoginClick.emit(event);
|
|
17847
|
+
}
|
|
17848
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17849
|
+
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", showSearch: "showSearch" }, 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 @if (showSearch) {\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 }\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 8px}.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"] }] }); }
|
|
17850
|
+
}
|
|
17851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
17852
|
+
type: Component,
|
|
17853
|
+
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 @if (showSearch) {\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 }\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 8px}.rdsite-header-action-menu .rdsite-header-action-menu-actions-button span{display:inline}}\n"] }]
|
|
17854
|
+
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { loginUrl: [{
|
|
17855
|
+
type: Input
|
|
17856
|
+
}], showSearch: [{
|
|
17857
|
+
type: Input
|
|
17858
|
+
}], headerLoginClick: [{
|
|
17859
|
+
type: Output
|
|
17860
|
+
}] } });
|
|
17861
|
+
|
|
17862
|
+
class HeaderAuxMenuComponent {
|
|
17863
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17864
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderAuxMenuComponent, isStandalone: true, selector: "rdsite-header-aux-menu", ngImport: i0, template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
17865
|
+
}
|
|
17866
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuComponent, decorators: [{
|
|
17867
|
+
type: Component,
|
|
17868
|
+
args: [{ selector: 'rdsite-header-aux-menu', standalone: true, imports: [CommonModule], template: "<ng-content select=\"rdsite-header-aux-menu-container\"></ng-content>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"] }]
|
|
17869
|
+
}] });
|
|
17870
|
+
|
|
17930
17871
|
class HeaderAuxMenuContainerComponent {
|
|
17931
17872
|
constructor() {
|
|
17932
17873
|
this.onlyDesktop = false;
|
|
@@ -17950,11 +17891,11 @@ class HeaderAuxMenuItemDropdownComponent {
|
|
|
17950
17891
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
17951
17892
|
}
|
|
17952
17893
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17953
|
-
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"] }] }); }
|
|
17894
|
+
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;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
17954
17895
|
}
|
|
17955
17896
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
17956
17897
|
type: Component,
|
|
17957
|
-
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"] }]
|
|
17898
|
+
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;text-decoration:none}\n"] }]
|
|
17958
17899
|
}], propDecorators: { items: [{
|
|
17959
17900
|
type: Input
|
|
17960
17901
|
}], headerAuxMenuItemDDClick: [{
|
|
@@ -17984,11 +17925,11 @@ class HeaderAuxMenuItemComponent {
|
|
|
17984
17925
|
this.isDropdownHover = value;
|
|
17985
17926
|
}
|
|
17986
17927
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17987
|
-
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"] }] }); }
|
|
17928
|
+
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;text-decoration:none}.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"] }] }); }
|
|
17988
17929
|
}
|
|
17989
17930
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
17990
17931
|
type: Component,
|
|
17991
|
-
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"] }]
|
|
17932
|
+
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;text-decoration:none}.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"] }]
|
|
17992
17933
|
}], propDecorators: { item: [{
|
|
17993
17934
|
type: Input
|
|
17994
17935
|
}], altStyle: [{
|
|
@@ -18001,6 +17942,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
18001
17942
|
type: Output
|
|
18002
17943
|
}] } });
|
|
18003
17944
|
|
|
17945
|
+
class HeaderLogoComponent {
|
|
17946
|
+
constructor() {
|
|
17947
|
+
this.href = '';
|
|
17948
|
+
this.title = '';
|
|
17949
|
+
this.alt = '';
|
|
17950
|
+
this.src = '';
|
|
17951
|
+
this.headerLogoClick = new EventEmitter();
|
|
17952
|
+
}
|
|
17953
|
+
headerLogoClicked(event) {
|
|
17954
|
+
this.headerLogoClick.emit(event);
|
|
17955
|
+
}
|
|
17956
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17957
|
+
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"] }] }); }
|
|
17958
|
+
}
|
|
17959
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
17960
|
+
type: Component,
|
|
17961
|
+
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"] }]
|
|
17962
|
+
}], propDecorators: { href: [{
|
|
17963
|
+
type: Input
|
|
17964
|
+
}], title: [{
|
|
17965
|
+
type: Input
|
|
17966
|
+
}], alt: [{
|
|
17967
|
+
type: Input
|
|
17968
|
+
}], src: [{
|
|
17969
|
+
type: Input
|
|
17970
|
+
}], headerLogoClick: [{
|
|
17971
|
+
type: Output
|
|
17972
|
+
}] } });
|
|
17973
|
+
|
|
17974
|
+
class HeaderMainMenuComponent {
|
|
17975
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17976
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderMainMenuComponent, isStandalone: true, selector: "rdsite-header-main-menu", ngImport: i0, template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }); }
|
|
17977
|
+
}
|
|
17978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuComponent, decorators: [{
|
|
17979
|
+
type: Component,
|
|
17980
|
+
args: [{ selector: 'rdsite-header-main-menu', standalone: true, imports: [], template: "<nav>\r\n <ul>\r\n <ng-content select=\"#rdsite-header-main-menu-item\"></ng-content>\r\n </ul>\r\n</nav>\r\n", styles: [":host{display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}:host ::ng-deep rdsite-header-main-menu-item{display:none}@media only screen and (min-width: 1024px){:host ::ng-deep rdsite-header-main-menu-item{display:flex}}nav{display:flex;width:100%}nav ul{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }]
|
|
17981
|
+
}] });
|
|
17982
|
+
|
|
18004
17983
|
class HeaderMainMenuItemDropdownComponent {
|
|
18005
17984
|
constructor() {
|
|
18006
17985
|
this.item = null;
|
|
@@ -18068,11 +18047,11 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
18068
18047
|
this.headerMainMenuCtaDDClick.emit(event);
|
|
18069
18048
|
}
|
|
18070
18049
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18071
|
-
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 <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\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;list-style-type:none}.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;list-style-type:none}.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;list-style-type:none}.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"] }] }); }
|
|
18050
|
+
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 <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\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;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.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;list-style-type:none}.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;list-style-type:none}.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"] }] }); }
|
|
18072
18051
|
}
|
|
18073
18052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
18074
18053
|
type: Component,
|
|
18075
|
-
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 <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\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;list-style-type:none}.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;list-style-type:none}.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;list-style-type:none}.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"] }]
|
|
18054
|
+
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 <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.ID) {\r\n <li>\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 </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\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;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.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;list-style-type:none}.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;list-style-type:none}.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"] }]
|
|
18076
18055
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18077
18056
|
type: Input
|
|
18078
18057
|
}], headerMainMenuItemDDClick: [{
|
|
@@ -18127,11 +18106,11 @@ class HeaderMainMenuItemComponent {
|
|
|
18127
18106
|
this.dropdownOpen$.unsubscribe();
|
|
18128
18107
|
}
|
|
18129
18108
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18130
|
-
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"] }] }); }
|
|
18109
|
+
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;text-decoration:none;font-weight:500}.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"] }] }); }
|
|
18131
18110
|
}
|
|
18132
18111
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
18133
18112
|
type: Component,
|
|
18134
|
-
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"] }]
|
|
18113
|
+
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;text-decoration:none;font-weight:500}.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"] }]
|
|
18135
18114
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18136
18115
|
type: Input
|
|
18137
18116
|
}], headerMainMenuItemClick: [{
|
|
@@ -18147,6 +18126,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
18147
18126
|
args: [HeaderMainMenuItemDropdownComponent]
|
|
18148
18127
|
}] } });
|
|
18149
18128
|
|
|
18129
|
+
class HeaderSideMenuComponent {
|
|
18130
|
+
constructor(headerService) {
|
|
18131
|
+
this.headerService = headerService;
|
|
18132
|
+
}
|
|
18133
|
+
overlayClick() {
|
|
18134
|
+
this.headerService.toggleShowSideMenu(false);
|
|
18135
|
+
}
|
|
18136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18137
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HeaderSideMenuComponent, isStandalone: true, selector: "rdsite-header-side-menu", ngImport: i0, template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }] }); }
|
|
18138
|
+
}
|
|
18139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
18140
|
+
type: Component,
|
|
18141
|
+
args: [{ selector: 'rdsite-header-side-menu', standalone: true, imports: [CommonModule, OverlayComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-header-side-menu\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <cura-icon name=\"close\" size=\"20\" color=\"neutral-purewhite\"></cura-icon>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"#rdsite-header-side-menu-item\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [":host{overflow:hidden}.rdsite-header-side-menu{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.rdsite-header-side-menu.active{z-index:3004;pointer-events:auto}.rdsite-header-side-menu.active .side-menu{transform:translate(0)}.rdsite-header-side-menu .side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--header-side-bg-color)}.rdsite-header-side-menu .side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.rdsite-header-side-menu .side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.rdsite-header-side-menu .side-menu-close button cura-icon{cursor:pointer}.rdsite-header-side-menu .side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.rdsite-header-side-menu .side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--header-overlay-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.rdsite-header-side-menu .side-menu{width:340px}}\n"] }]
|
|
18142
|
+
}], ctorParameters: () => [{ type: HeaderService }] });
|
|
18143
|
+
|
|
18150
18144
|
class HeaderSideMenuItemComponent {
|
|
18151
18145
|
get style() {
|
|
18152
18146
|
return {
|
|
@@ -18174,11 +18168,11 @@ class HeaderSideMenuItemComponent {
|
|
|
18174
18168
|
this.headerSideMenuItemClick.emit(event);
|
|
18175
18169
|
}
|
|
18176
18170
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: HeaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18177
|
-
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 <div 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 </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li>\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 </li>\r\n }\r\n </ul>\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"] }] }); }
|
|
18171
|
+
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 <div 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 </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li>\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 </li>\r\n }\r\n </ul>\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{text-decoration: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;text-decoration:none}.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"] }] }); }
|
|
18178
18172
|
}
|
|
18179
18173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
18180
18174
|
type: Component,
|
|
18181
|
-
args: [{ selector: 'rdsite-header-side-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <div 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 </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li>\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 </li>\r\n }\r\n </ul>\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"] }]
|
|
18175
|
+
args: [{ selector: 'rdsite-header-side-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <div 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 </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"rdsite-header-side-menu-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li>\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 </li>\r\n }\r\n </ul>\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{text-decoration: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;text-decoration:none}.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"] }]
|
|
18182
18176
|
}], ctorParameters: () => [{ type: HeaderService }], propDecorators: { item: [{
|
|
18183
18177
|
type: Input
|
|
18184
18178
|
}], altStyle: [{
|
|
@@ -18221,11 +18215,11 @@ class SideCtasComponent {
|
|
|
18221
18215
|
};
|
|
18222
18216
|
}
|
|
18223
18217
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18224
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
18218
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\r\n class=\"rdsite-side-ctas-right\"\r\n [ngStyle]=\"{\r\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\r\n }\"\r\n>\r\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\r\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\r\n </div>\r\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\r\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\r\n </div>\r\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\r\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"rdsite-side-ctas-bottom\"\r\n [ngStyle]=\"{\r\n display: bottom?.children?.length ? 'flex' : 'none',\r\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\r\n }\"\r\n>\r\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\r\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
18225
18219
|
}
|
|
18226
18220
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasComponent, decorators: [{
|
|
18227
18221
|
type: Component,
|
|
18228
|
-
args: [{ selector: 'rdsite-side-ctas', standalone: true, imports: [CommonModule], template: "<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
|
|
18222
|
+
args: [{ selector: 'rdsite-side-ctas', standalone: true, imports: [CommonModule], template: "<div\r\n class=\"rdsite-side-ctas-right\"\r\n [ngStyle]=\"{\r\n display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\r\n }\"\r\n>\r\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\r\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\r\n </div>\r\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\r\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\r\n </div>\r\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\r\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n\r\n<div\r\n class=\"rdsite-side-ctas-bottom\"\r\n [ngStyle]=\"{\r\n display: bottom?.children?.length ? 'flex' : 'none',\r\n paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\r\n }\"\r\n>\r\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\r\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\r\n </div>\r\n</div>\r\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
|
|
18229
18223
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { style: [{
|
|
18230
18224
|
type: HostBinding,
|
|
18231
18225
|
args: ['style']
|
|
@@ -18254,11 +18248,11 @@ class SideCtasBottomComponent {
|
|
|
18254
18248
|
this.sideCtaBottomItemClick.emit(event);
|
|
18255
18249
|
}
|
|
18256
18250
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18257
|
-
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"] }] }); }
|
|
18251
|
+
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;text-decoration:none;font-weight:500}: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"] }] }); }
|
|
18258
18252
|
}
|
|
18259
18253
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
|
|
18260
18254
|
type: Component,
|
|
18261
|
-
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"] }]
|
|
18255
|
+
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;text-decoration:none;font-weight:500}: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"] }]
|
|
18262
18256
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18263
18257
|
type: Input
|
|
18264
18258
|
}], sideCtaBottomItemClick: [{
|
|
@@ -18373,11 +18367,11 @@ class SideCtasRightMiddleComponent {
|
|
|
18373
18367
|
this.sideCtaRightMiddleItemClick.emit(event);
|
|
18374
18368
|
}
|
|
18375
18369
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18376
|
-
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"] }] }); }
|
|
18370
|
+
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;text-decoration:none;font-weight:500}: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"] }] }); }
|
|
18377
18371
|
}
|
|
18378
18372
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
|
|
18379
18373
|
type: Component,
|
|
18380
|
-
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"] }]
|
|
18374
|
+
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;text-decoration:none;font-weight:500}: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"] }]
|
|
18381
18375
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { ctas: [{
|
|
18382
18376
|
type: Input
|
|
18383
18377
|
}], sideCtaRightMiddleItemClick: [{
|