@rededor/site-front-end-lib 4.0.0-alpha.5 → 20.0.0-alpha.1
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/README.md +124 -123
- package/components/footer/index.d.ts +2 -2
- package/components/header/components/action/index.d.ts +2 -2
- package/components/header/components/auxiliar/index.d.ts +6 -4
- package/components/header/components/main/index.d.ts +5 -3
- package/components/header/components/side/index.d.ts +13 -11
- package/components/modal/index.d.ts +2 -3
- package/components/modal-drawer/index.d.ts +1 -2
- package/cura/buttons/cura-button/index.d.ts +6 -1
- package/cura/buttons/cura-button-outline/index.d.ts +6 -1
- package/cura/buttons/cura-button-select/index.d.ts +6 -1
- package/cura/buttons/cura-button-transparent/index.d.ts +6 -1
- package/cura/cards/cura-card/index.d.ts +0 -1
- package/cura/forms/cura-select/index.d.ts +3 -0
- package/cura/forms/cura-select-option/index.d.ts +5 -0
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +2 -2
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +6 -5
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +8 -5
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +12 -9
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +11 -8
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +11 -8
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +7 -2
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +7 -2
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +7 -2
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +7 -2
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +2 -7
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs +8 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +14 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +1 -1
- package/package.json +33 -33
|
@@ -1,26 +1,29 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, input, output, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
|
|
2
|
+
import { inject, input, output, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
|
|
3
3
|
import { HeaderService } from '@rededor/site-front-end-lib/components/header/services';
|
|
4
|
-
import {
|
|
4
|
+
import { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
|
|
5
|
+
import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
|
|
5
6
|
|
|
6
7
|
class HeaderActionMenuComponent {
|
|
7
8
|
constructor() {
|
|
8
|
-
this.libConfig = inject(LIB_CONFIG);
|
|
9
9
|
this.headerService = inject(HeaderService);
|
|
10
|
+
this.curaApiService = inject(CuraApiService);
|
|
10
11
|
this.loginUrl = input('', ...(ngDevMode ? [{ debugName: "loginUrl" }] : []));
|
|
11
12
|
this.showSearch = input(true, ...(ngDevMode ? [{ debugName: "showSearch" }] : []));
|
|
12
13
|
this.homeUrl = input('', ...(ngDevMode ? [{ debugName: "homeUrl" }] : []));
|
|
13
14
|
this.headerLoginClick = output();
|
|
15
|
+
// Computed signals
|
|
16
|
+
this.assetsPath = computed(() => this.curaApiService.localAssetsPath(), ...(ngDevMode ? [{ debugName: "assetsPath" }] : []));
|
|
14
17
|
}
|
|
15
18
|
headerLoginClicked(event) {
|
|
16
19
|
this.headerLoginClick.emit(event);
|
|
17
20
|
}
|
|
18
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\n <div class=\"sl-hdr-act-login\">\n <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <span>ENTRAR</span>\n </a>\n </div>\n}\n@if (homeUrl()) {\n <div class=\"sl-hdr-act-home\">\n <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n @if (showSearch()) {\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n </svg>\n <span>BUSCAR</span>\n } @else {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n <span>FECHAR</span>\n }\n </button>\n }\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n </svg>\n </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
20
23
|
}
|
|
21
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
22
25
|
type: Component,
|
|
23
|
-
args: [{ selector: 'div[sl-hdr-act]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl()) {\
|
|
26
|
+
args: [{ selector: 'div[sl-hdr-act]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl()) {\n <div class=\"sl-hdr-act-login\">\n <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <span>ENTRAR</span>\n </a>\n </div>\n}\n@if (homeUrl()) {\n <div class=\"sl-hdr-act-home\">\n <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n @if (showSearch()) {\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n </svg>\n <span>BUSCAR</span>\n } @else {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n <span>FECHAR</span>\n }\n </button>\n }\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n </svg>\n </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
|
|
24
27
|
}] });
|
|
25
28
|
|
|
26
29
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-components-header-components-action.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.ts","../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.html","../../../projects/site-front-end-lib/components/header/components/action/rededor-site-front-end-lib-components-header-components-action.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component,
|
|
1
|
+
{"version":3,"file":"rededor-site-front-end-lib-components-header-components-action.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.ts","../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.html","../../../projects/site-front-end-lib/components/header/components/action/rededor-site-front-end-lib-components-header-components-action.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, output, ViewEncapsulation } from '@angular/core';\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[sl-hdr-act]',\n imports: [RdsiteLinkDirective],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './header-action-menu.component.html',\n styleUrl: './header-action-menu.component.scss',\n})\nexport class HeaderActionMenuComponent {\n headerService = inject(HeaderService);\n private curaApiService = inject(CuraApiService);\n\n loginUrl = input<string>('');\n showSearch = input<boolean>(true);\n homeUrl = input<string>('');\n headerLoginClick = output<Event>();\n\n // Computed signals\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n headerLoginClicked(event: Event) {\n this.headerLoginClick.emit(event);\n }\n}\n","@if (loginUrl()) {\n <div class=\"sl-hdr-act-login\">\n <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n </svg>\n <span>ENTRAR</span>\n </a>\n </div>\n}\n@if (homeUrl()) {\n <div class=\"sl-hdr-act-home\">\n <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"Página inicial\" rdsitelink> Portal Rede D’Or </a>\n </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n @if (showSearch()) {\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n @if (!headerService.showSearch()) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n </svg>\n <span>BUSCAR</span>\n } @else {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n <span>FECHAR</span>\n }\n </button>\n }\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n </svg>\n </button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,yBAAyB,CAAA;AATtC,IAAA,WAAA,GAAA;AAUE,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;AAC7B,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC;AAC5B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,IAAI,sDAAC;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC;QAC3B,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAAS;;AAG3B,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,sDAAC;AAK1E,IAAA;AAHC,IAAA,kBAAkB,CAAC,KAAY,EAAA;AAC7B,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;IACnC;8GAdW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdtC,ugEAyCA,EAAA,MAAA,EAAA,CAAA,4oFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjCY,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,uBAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMlB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;+BAEE,iBAAiB,EAAA,OAAA,EAClB,CAAC,mBAAmB,CAAC,EAAA,aAAA,EACf,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ugEAAA,EAAA,MAAA,EAAA,CAAA,4oFAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import * as i1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { input, output, ViewEncapsulation, Component, inject } from '@angular/core';
|
|
5
|
-
import { RdsiteLinkDirective
|
|
4
|
+
import { input, output, ViewEncapsulation, Component, inject, signal, computed } from '@angular/core';
|
|
5
|
+
import { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
|
|
6
|
+
import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
|
|
6
7
|
|
|
7
8
|
class HeaderAuxMenuItemDropdownComponent {
|
|
8
9
|
constructor() {
|
|
@@ -22,14 +23,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
|
|
|
22
23
|
|
|
23
24
|
class HeaderAuxMenuItemComponent {
|
|
24
25
|
constructor() {
|
|
25
|
-
this.
|
|
26
|
+
this.curaApiService = inject(CuraApiService);
|
|
26
27
|
this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
|
|
27
28
|
this.altStyle = input(false, ...(ngDevMode ? [{ debugName: "altStyle" }] : []));
|
|
28
29
|
this.onlyDesktop = input(false, ...(ngDevMode ? [{ debugName: "onlyDesktop" }] : []));
|
|
29
30
|
this.headerAuxMenuItemClick = output();
|
|
30
31
|
this.headerAuxMenuItemDDClick = output();
|
|
31
|
-
this.isMenuHover = false;
|
|
32
|
-
this.isDropdownHover = false;
|
|
32
|
+
this.isMenuHover = signal(false, ...(ngDevMode ? [{ debugName: "isMenuHover" }] : []));
|
|
33
|
+
this.isDropdownHover = signal(false, ...(ngDevMode ? [{ debugName: "isDropdownHover" }] : []));
|
|
34
|
+
// Computed signals
|
|
35
|
+
this.assetsPath = computed(() => this.curaApiService.localAssetsPath(), ...(ngDevMode ? [{ debugName: "assetsPath" }] : []));
|
|
33
36
|
}
|
|
34
37
|
headerAuxMenuItemClicked(event) {
|
|
35
38
|
this.headerAuxMenuItemClick.emit(event);
|
|
@@ -38,17 +41,17 @@ class HeaderAuxMenuItemComponent {
|
|
|
38
41
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
39
42
|
}
|
|
40
43
|
btnHoverChange(value) {
|
|
41
|
-
this.isMenuHover
|
|
44
|
+
this.isMenuHover.set(value);
|
|
42
45
|
}
|
|
43
46
|
dropdownHoverChange(value) {
|
|
44
|
-
this.isDropdownHover
|
|
47
|
+
this.isDropdownHover.set(value);
|
|
45
48
|
}
|
|
46
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item()) {\
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item()) {\n <a\n class=\"sl-hdr-aux-item-link\"\n [ngClass]=\"{\n hover: isMenuHover() || isDropdownHover(),\n alt: altStyle,\n }\"\n (mouseenter)=\"btnHoverChange(true)\"\n (mouseleave)=\"btnHoverChange(false)\"\n [href]=\"item().url\"\n (click)=\"headerAuxMenuItemClicked($event)\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-aux-item-dropdown\n class=\"sl-hdr-aux-item-dropdown\"\n [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [items]=\"item().children ?? []\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\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: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
48
51
|
}
|
|
49
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
50
53
|
type: Component,
|
|
51
|
-
args: [{ selector: 'li[sl-hdr-aux-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\
|
|
54
|
+
args: [{ selector: 'li[sl-hdr-aux-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n <a\n class=\"sl-hdr-aux-item-link\"\n [ngClass]=\"{\n hover: isMenuHover() || isDropdownHover(),\n alt: altStyle,\n }\"\n (mouseenter)=\"btnHoverChange(true)\"\n (mouseleave)=\"btnHoverChange(false)\"\n [href]=\"item().url\"\n (click)=\"headerAuxMenuItemClicked($event)\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-aux-item-dropdown\n class=\"sl-hdr-aux-item-dropdown\"\n [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [items]=\"item().children ?? []\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
|
|
52
55
|
}] });
|
|
53
56
|
|
|
54
57
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-components-header-components-auxiliar.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/rededor-site-front-end-lib-components-header-components-auxiliar.ts"],"sourcesContent":["import { Component, input, output, ViewEncapsulation } from '@angular/core';\r\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'div[sl-hdr-aux-item-dropdown]',\r\n imports: [RdsiteLinkDirective],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-aux-menu-item-dropdown.component.html',\r\n styleUrl: './header-aux-menu-item-dropdown.component.scss',\r\n})\r\nexport class HeaderAuxMenuItemDropdownComponent {\r\n items = input.required<MenuItem[]>();\r\n headerAuxMenuItemDDClick = output<Event>();\r\n\r\n headerAuxMenuItemDDClicked(event: Event) {\r\n this.headerAuxMenuItemDDClick.emit(event);\r\n }\r\n}\r\n","<ul>\r\n @for (dropdownItem of items(); track dropdownItem.title) {\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","import { CommonModule } from '@angular/common';\
|
|
1
|
+
{"version":3,"file":"rededor-site-front-end-lib-components-header-components-auxiliar.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/rededor-site-front-end-lib-components-header-components-auxiliar.ts"],"sourcesContent":["import { Component, input, output, ViewEncapsulation } from '@angular/core';\r\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'div[sl-hdr-aux-item-dropdown]',\r\n imports: [RdsiteLinkDirective],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-aux-menu-item-dropdown.component.html',\r\n styleUrl: './header-aux-menu-item-dropdown.component.scss',\r\n})\r\nexport class HeaderAuxMenuItemDropdownComponent {\r\n items = input.required<MenuItem[]>();\r\n headerAuxMenuItemDDClick = output<Event>();\r\n\r\n headerAuxMenuItemDDClicked(event: Event) {\r\n this.headerAuxMenuItemDDClick.emit(event);\r\n }\r\n}\r\n","<ul>\r\n @for (dropdownItem of items(); track dropdownItem.title) {\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","import { CommonModule } from '@angular/common';\nimport { Component, computed, inject, input, output, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { HeaderAuxMenuItemDropdownComponent } from '../header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'li[sl-hdr-aux-item]',\n imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header-aux-menu-item.component.html',\n styleUrl: './header-aux-menu-item.component.scss',\n})\nexport class HeaderAuxMenuItemComponent {\n private curaApiService = inject(CuraApiService);\n\n item = input.required<MenuItem>();\n altStyle = input<boolean>(false);\n onlyDesktop = input<boolean>(false);\n\n headerAuxMenuItemClick = output<Event>();\n headerAuxMenuItemDDClick = output<Event>();\n\n isMenuHover: WritableSignal<boolean> = signal(false);\n isDropdownHover: WritableSignal<boolean> = signal(false);\n\n // Computed signals\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n headerAuxMenuItemClicked(event: Event) {\n this.headerAuxMenuItemClick.emit(event);\n }\n\n headerAuxMenuItemDDClicked(event: Event) {\n this.headerAuxMenuItemDDClick.emit(event);\n }\n\n btnHoverChange(value: boolean) {\n this.isMenuHover.set(value);\n }\n\n dropdownHoverChange(value: boolean) {\n this.isDropdownHover.set(value);\n }\n}\n","@if (item()) {\n <a\n class=\"sl-hdr-aux-item-link\"\n [ngClass]=\"{\n hover: isMenuHover() || isDropdownHover(),\n alt: altStyle,\n }\"\n (mouseenter)=\"btnHoverChange(true)\"\n (mouseleave)=\"btnHoverChange(false)\"\n [href]=\"item().url\"\n (click)=\"headerAuxMenuItemClicked($event)\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-aux-item-dropdown\n class=\"sl-hdr-aux-item-dropdown\"\n [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [items]=\"item().children ?? []\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n ></div>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
import * as i1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { inject, ChangeDetectorRef, input, output, signal, ViewEncapsulation, Component, viewChild, effect, HostListener } from '@angular/core';
|
|
5
|
-
import {
|
|
4
|
+
import { inject, ChangeDetectorRef, input, output, signal, computed, ViewEncapsulation, Component, viewChild, effect, HostListener } from '@angular/core';
|
|
5
|
+
import { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
|
|
6
6
|
import { Subject, debounceTime } from 'rxjs';
|
|
7
|
+
import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
|
|
7
8
|
|
|
8
9
|
class HeaderMainMenuItemDropdownComponent {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.cdr = inject(ChangeDetectorRef);
|
|
11
|
-
this.
|
|
12
|
+
this.curaApiService = inject(CuraApiService);
|
|
12
13
|
this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
|
|
13
14
|
this.headerMainMenuItemDDClick = output();
|
|
14
15
|
this.headerMainMenuHighlightDDClick = output();
|
|
15
16
|
this.headerMainMenuCtaDDClick = output();
|
|
16
17
|
// Também é controlado pelo HeaderMainMenuItemComponent
|
|
17
18
|
this.opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
|
|
19
|
+
this.assetsPath = computed(() => this.curaApiService.localAssetsPath(), ...(ngDevMode ? [{ debugName: "assetsPath" }] : []));
|
|
18
20
|
this.selectedLv2Item = null;
|
|
19
21
|
this.selectedLv3Item = null;
|
|
20
22
|
this.lv2Item$ = new Subject();
|
|
@@ -82,11 +84,11 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
82
84
|
this.lv3ItemSubscription?.unsubscribe();
|
|
83
85
|
}
|
|
84
86
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
85
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\r\n <div class=\"sl-hdr-main-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.title) {\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 {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\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.title) {\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 {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use xlink:href=\"/assets/icons/iconset-default.svg#arrowRightCircle\"></use>\r\n </svg>\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.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n {{ itemLv4.title }}\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\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\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 <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
86
88
|
}
|
|
87
89
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
88
90
|
type: Component,
|
|
89
|
-
args: [{ selector: 'div[sl-hdr-main-item-dropdown]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\r\n <div class=\"sl-hdr-main-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.title) {\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 {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\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.title) {\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 {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use xlink:href=\"/assets/icons/iconset-default.svg#arrowRightCircle\"></use>\r\n </svg>\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.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n {{ itemLv4.title }}\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\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\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 <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
|
|
91
|
+
args: [{ selector: 'div[sl-hdr-main-item-dropdown]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-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(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-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}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-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(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
|
|
90
92
|
}], ctorParameters: () => [] });
|
|
91
93
|
|
|
92
94
|
class HeaderMainMenuItemComponent {
|
|
@@ -97,7 +99,7 @@ class HeaderMainMenuItemComponent {
|
|
|
97
99
|
this.btnHoverChange(false);
|
|
98
100
|
}
|
|
99
101
|
constructor() {
|
|
100
|
-
this.
|
|
102
|
+
this.curaApiService = inject(CuraApiService);
|
|
101
103
|
this.item = input.required(...(ngDevMode ? [{ debugName: "item" }] : []));
|
|
102
104
|
this.headerMainMenuItemClick = output();
|
|
103
105
|
this.headerMainMenuItemDDClick = output();
|
|
@@ -107,6 +109,7 @@ class HeaderMainMenuItemComponent {
|
|
|
107
109
|
this.isDropdownHover = false;
|
|
108
110
|
this.dropdownOpen$ = new Subject();
|
|
109
111
|
this.dropdownSubscription = null;
|
|
112
|
+
this.assetsPath = computed(() => this.curaApiService.localAssetsPath(), ...(ngDevMode ? [{ debugName: "assetsPath" }] : []));
|
|
110
113
|
this.dropdownComponent = viewChild(HeaderMainMenuItemDropdownComponent, ...(ngDevMode ? [{ debugName: "dropdownComponent" }] : []));
|
|
111
114
|
effect(() => {
|
|
112
115
|
if (!this.dropdownComponent()?.opened()) {
|
|
@@ -143,11 +146,11 @@ class HeaderMainMenuItemComponent {
|
|
|
143
146
|
this.dropdownSubscription?.unsubscribe();
|
|
144
147
|
}
|
|
145
148
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
146
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\
|
|
149
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\n <a\n class=\"sl-hdr-main-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item().url\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item()\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\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: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
147
150
|
}
|
|
148
151
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
149
152
|
type: Component,
|
|
150
|
-
args: [{ selector: 'li[sl-hdr-main-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\
|
|
153
|
+
args: [{ selector: 'li[sl-hdr-main-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n <a\n class=\"sl-hdr-main-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item().url\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item()\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-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}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"] }]
|
|
151
154
|
}], ctorParameters: () => [], propDecorators: { onMouseOver: [{
|
|
152
155
|
type: HostListener,
|
|
153
156
|
args: ['mouseover']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rededor-site-front-end-lib-components-header-components-main.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/main/rededor-site-front-end-lib-components-header-components-main.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, inject, input, OnDestroy, output, signal, ViewEncapsulation } from '@angular/core';\r\nimport { RdsiteLinkDirective, MenuItem, LIB_CONFIG, LibConfig } from '@rededor/site-front-end-lib/core';\r\nimport { debounceTime, Subject, Subscription } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'div[sl-hdr-main-item-dropdown]',\r\n imports: [CommonModule, RdsiteLinkDirective],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-main-menu-item-dropdown.component.html',\r\n styleUrl: './header-main-menu-item-dropdown.component.scss',\r\n})\r\nexport class HeaderMainMenuItemDropdownComponent implements OnDestroy {\r\n private cdr = inject(ChangeDetectorRef);\r\n libConfig = inject<LibConfig>(LIB_CONFIG);\r\n\r\n item = input.required<MenuItem>();\r\n headerMainMenuItemDDClick = output<Event>();\r\n headerMainMenuHighlightDDClick = output<Event>();\r\n headerMainMenuCtaDDClick = output<Event>();\r\n\r\n // Também é controlado pelo HeaderMainMenuItemComponent\r\n opened = signal(false);\r\n\r\n selectedLv2Item: MenuItem | null = null;\r\n selectedLv3Item: MenuItem | null = null;\r\n lv2Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\r\n lv3Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\r\n lv2ItemSubscription: Subscription | null = null;\r\n lv3ItemSubscription: Subscription | null = null;\r\n\r\n isLv2ItemHover: boolean = false;\r\n isLv3ContainerHover: boolean = false;\r\n isLv3ItemHover: boolean = false;\r\n isLv4ContainerHover: boolean = false;\r\n\r\n constructor() {\r\n const timeToDebounce = 50;\r\n\r\n this.lv2ItemSubscription = this.lv2Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\r\n if (!this.isLv2ItemHover && !this.isLv3ContainerHover && !this.isLv3ItemHover && !this.isLv4ContainerHover) {\r\n list.forEach((i) => (i.active = false));\r\n this.selectedLv2Item = null;\r\n } else {\r\n list.forEach((i) => (i.active = i.title == item?.title));\r\n this.selectedLv2Item = item;\r\n }\r\n this.cdr.detectChanges();\r\n });\r\n\r\n this.lv3ItemSubscription = this.lv3Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\r\n if (!this.isLv3ItemHover && !this.isLv4ContainerHover) {\r\n list.forEach((i) => (i.active = false));\r\n this.selectedLv3Item = null;\r\n } else {\r\n list.forEach((i) => (i.active = i.title == item?.title));\r\n this.selectedLv3Item = item;\r\n }\r\n this.cdr.detectChanges();\r\n });\r\n }\r\n\r\n lv2ItemHoverChange(value: boolean, lv2Item: MenuItem, lv2List: MenuItem[] = []) {\r\n this.isLv2ItemHover = value;\r\n this.lv2Item$.next({ item: lv2Item, list: lv2List });\r\n }\r\n\r\n lv3ContainerHoverChange(value: boolean, lv2List: MenuItem[] = []) {\r\n this.isLv3ContainerHover = value;\r\n this.lv2Item$.next({ item: this.selectedLv2Item, list: lv2List });\r\n }\r\n\r\n lv3ItemHoverChange(value: boolean, lv3Item: MenuItem, lv3List: MenuItem[] = []) {\r\n this.isLv3ItemHover = value;\r\n this.lv3Item$.next({ item: lv3Item, list: lv3List });\r\n }\r\n\r\n lv4ContainerHoverChange(value: boolean, lv3List: MenuItem[] = []) {\r\n this.isLv4ContainerHover = value;\r\n this.lv3Item$.next({ item: this.selectedLv3Item, list: lv3List });\r\n }\r\n\r\n closeDropdown() {\r\n this.opened.set(false);\r\n }\r\n\r\n headerMainMenuItemDDClicked(event: Event) {\r\n this.headerMainMenuItemDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuHighlightDDClicked(event: Event) {\r\n this.headerMainMenuHighlightDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuCtaDDClicked(event: Event) {\r\n this.headerMainMenuCtaDDClick.emit(event);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.lv2ItemSubscription?.unsubscribe();\r\n this.lv3ItemSubscription?.unsubscribe();\r\n }\r\n}\r\n","@if (item()) {\r\n <div class=\"sl-hdr-main-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.title) {\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 {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\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.title) {\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 {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use xlink:href=\"/assets/icons/iconset-default.svg#arrowRightCircle\"></use>\r\n </svg>\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.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n {{ itemLv4.title }}\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\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\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 <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, effect, HostListener, inject, input, OnDestroy, output, ViewEncapsulation, viewChild } from '@angular/core';\r\nimport { RdsiteLinkDirective, MenuItem, LIB_CONFIG, LibConfig } from '@rededor/site-front-end-lib/core';\r\nimport { HeaderMainMenuItemDropdownComponent } from '../header-main-menu-item-dropdown/header-main-menu-item-dropdown.component';\r\nimport { debounceTime, Subject, Subscription } from 'rxjs';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'li[sl-hdr-main-item]',\r\n imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-main-menu-item.component.html',\r\n styleUrl: './header-main-menu-item.component.scss',\r\n})\r\nexport class HeaderMainMenuItemComponent implements OnDestroy {\r\n libConfig = inject<LibConfig>(LIB_CONFIG);\r\n\r\n item = input.required<MenuItem>();\r\n headerMainMenuItemClick = output<Event>();\r\n headerMainMenuItemDDClick = output<Event>();\r\n headerMainMenuHighlightDDClick = output<Event>();\r\n headerMainMenuCtaDDClick = output<Event>();\r\n\r\n isMenuHover: boolean = false;\r\n isDropdownHover: boolean = false;\r\n\r\n dropdownOpen$: Subject<boolean> = new Subject();\r\n dropdownSubscription: Subscription | null = null;\r\n\r\n readonly dropdownComponent = viewChild(HeaderMainMenuItemDropdownComponent);\r\n\r\n @HostListener('mouseover')\r\n onMouseOver() {\r\n this.btnHoverChange(true);\r\n }\r\n\r\n @HostListener('mouseleave')\r\n onMouseLeave() {\r\n this.btnHoverChange(false);\r\n }\r\n\r\n constructor() {\r\n effect(() => {\r\n if (!this.dropdownComponent()?.opened()) {\r\n this.isMenuHover = false;\r\n this.isDropdownHover = false;\r\n }\r\n });\r\n\r\n const timeToDebounce = 50;\r\n this.dropdownSubscription = this.dropdownOpen$.pipe(debounceTime(timeToDebounce)).subscribe((open) => {\r\n this.dropdownComponent()?.opened?.set(open);\r\n });\r\n }\r\n\r\n headerMainMenuItemClicked(event: Event) {\r\n this.headerMainMenuItemClick.emit(event);\r\n }\r\n\r\n headerMainMenuItemDDClicked(event: Event) {\r\n this.headerMainMenuItemDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuHighlightDDClicked(event: Event) {\r\n this.headerMainMenuHighlightDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuCtaDDClicked(event: Event) {\r\n this.headerMainMenuCtaDDClick.emit(event);\r\n }\r\n\r\n btnHoverChange(value: boolean) {\r\n this.isMenuHover = value;\r\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\r\n }\r\n\r\n dropdownHoverChange(value: boolean) {\r\n this.isDropdownHover = value;\r\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.dropdownSubscription?.unsubscribe();\r\n }\r\n}\r\n","@if (item()) {\r\n <a\r\n class=\"sl-hdr-main-item-link\"\r\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\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 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"libConfig.siteSufix + '/assets/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item().children?.length) {\r\n <div\r\n sl-hdr-main-item-dropdown\r\n class=\"sl-hdr-main-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [item]=\"item()\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"rededor-site-front-end-lib-components-header-components-main.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/main/rededor-site-front-end-lib-components-header-components-main.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, computed, inject, input, OnDestroy, output, signal, ViewEncapsulation } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { debounceTime, Subject, Subscription } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[sl-hdr-main-item-dropdown]',\n imports: [CommonModule, RdsiteLinkDirective],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header-main-menu-item-dropdown.component.html',\n styleUrl: './header-main-menu-item-dropdown.component.scss',\n})\nexport class HeaderMainMenuItemDropdownComponent implements OnDestroy {\n private cdr = inject(ChangeDetectorRef);\n private curaApiService = inject(CuraApiService);\n\n item = input.required<MenuItem>();\n headerMainMenuItemDDClick = output<Event>();\n headerMainMenuHighlightDDClick = output<Event>();\n headerMainMenuCtaDDClick = output<Event>();\n\n // Também é controlado pelo HeaderMainMenuItemComponent\n opened = signal(false);\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n selectedLv2Item: MenuItem | null = null;\n selectedLv3Item: MenuItem | null = null;\n lv2Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\n lv3Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\n lv2ItemSubscription: Subscription | null = null;\n lv3ItemSubscription: Subscription | null = null;\n\n isLv2ItemHover: boolean = false;\n isLv3ContainerHover: boolean = false;\n isLv3ItemHover: boolean = false;\n isLv4ContainerHover: boolean = false;\n\n constructor() {\n const timeToDebounce = 50;\n\n this.lv2ItemSubscription = this.lv2Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\n if (!this.isLv2ItemHover && !this.isLv3ContainerHover && !this.isLv3ItemHover && !this.isLv4ContainerHover) {\n list.forEach((i) => (i.active = false));\n this.selectedLv2Item = null;\n } else {\n list.forEach((i) => (i.active = i.title == item?.title));\n this.selectedLv2Item = item;\n }\n this.cdr.detectChanges();\n });\n\n this.lv3ItemSubscription = this.lv3Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\n if (!this.isLv3ItemHover && !this.isLv4ContainerHover) {\n list.forEach((i) => (i.active = false));\n this.selectedLv3Item = null;\n } else {\n list.forEach((i) => (i.active = i.title == item?.title));\n this.selectedLv3Item = item;\n }\n this.cdr.detectChanges();\n });\n }\n\n lv2ItemHoverChange(value: boolean, lv2Item: MenuItem, lv2List: MenuItem[] = []) {\n this.isLv2ItemHover = value;\n this.lv2Item$.next({ item: lv2Item, list: lv2List });\n }\n\n lv3ContainerHoverChange(value: boolean, lv2List: MenuItem[] = []) {\n this.isLv3ContainerHover = value;\n this.lv2Item$.next({ item: this.selectedLv2Item, list: lv2List });\n }\n\n lv3ItemHoverChange(value: boolean, lv3Item: MenuItem, lv3List: MenuItem[] = []) {\n this.isLv3ItemHover = value;\n this.lv3Item$.next({ item: lv3Item, list: lv3List });\n }\n\n lv4ContainerHoverChange(value: boolean, lv3List: MenuItem[] = []) {\n this.isLv4ContainerHover = value;\n this.lv3Item$.next({ item: this.selectedLv3Item, list: lv3List });\n }\n\n closeDropdown() {\n this.opened.set(false);\n }\n\n headerMainMenuItemDDClicked(event: Event) {\n this.headerMainMenuItemDDClick.emit(event);\n }\n\n headerMainMenuHighlightDDClicked(event: Event) {\n this.headerMainMenuHighlightDDClick.emit(event);\n }\n\n headerMainMenuCtaDDClicked(event: Event) {\n this.headerMainMenuCtaDDClick.emit(event);\n }\n\n ngOnDestroy(): void {\n this.lv2ItemSubscription?.unsubscribe();\n this.lv3ItemSubscription?.unsubscribe();\n }\n}\n","@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, effect, HostListener, inject, input, OnDestroy, output, ViewEncapsulation, viewChild, computed } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { HeaderMainMenuItemDropdownComponent } from '../header-main-menu-item-dropdown/header-main-menu-item-dropdown.component';\nimport { debounceTime, Subject, Subscription } from 'rxjs';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'li[sl-hdr-main-item]',\n imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header-main-menu-item.component.html',\n styleUrl: './header-main-menu-item.component.scss',\n})\nexport class HeaderMainMenuItemComponent implements OnDestroy {\n private curaApiService = inject(CuraApiService);\n\n item = input.required<MenuItem>();\n headerMainMenuItemClick = output<Event>();\n headerMainMenuItemDDClick = output<Event>();\n headerMainMenuHighlightDDClick = output<Event>();\n headerMainMenuCtaDDClick = output<Event>();\n\n isMenuHover: boolean = false;\n isDropdownHover: boolean = false;\n\n dropdownOpen$: Subject<boolean> = new Subject();\n dropdownSubscription: Subscription | null = null;\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n readonly dropdownComponent = viewChild(HeaderMainMenuItemDropdownComponent);\n\n @HostListener('mouseover')\n onMouseOver() {\n this.btnHoverChange(true);\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n this.btnHoverChange(false);\n }\n\n constructor() {\n effect(() => {\n if (!this.dropdownComponent()?.opened()) {\n this.isMenuHover = false;\n this.isDropdownHover = false;\n }\n });\n\n const timeToDebounce = 50;\n this.dropdownSubscription = this.dropdownOpen$.pipe(debounceTime(timeToDebounce)).subscribe((open) => {\n this.dropdownComponent()?.opened?.set(open);\n });\n }\n\n headerMainMenuItemClicked(event: Event) {\n this.headerMainMenuItemClick.emit(event);\n }\n\n headerMainMenuItemDDClicked(event: Event) {\n this.headerMainMenuItemDDClick.emit(event);\n }\n\n headerMainMenuHighlightDDClicked(event: Event) {\n this.headerMainMenuHighlightDDClick.emit(event);\n }\n\n headerMainMenuCtaDDClicked(event: Event) {\n this.headerMainMenuCtaDDClick.emit(event);\n }\n\n btnHoverChange(value: boolean) {\n this.isMenuHover = value;\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\n }\n\n dropdownHoverChange(value: boolean) {\n this.isDropdownHover = value;\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\n }\n\n ngOnDestroy(): void {\n this.dropdownSubscription?.unsubscribe();\n }\n}\n","@if (item()) {\n <a\n class=\"sl-hdr-main-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item().url\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item()\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|