@rededor/site-front-end-lib 1.0.6 → 1.0.8
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 +6 -4
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +2 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +2 -3
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib.mjs +8 -8
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -18021,11 +18021,11 @@ class HeaderAuxMenuItemDropdownComponent {
|
|
|
18021
18021
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
18022
18022
|
}
|
|
18023
18023
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18024
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item-dropdown", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.
|
|
18024
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-aux-menu-item-dropdown", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.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", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18025
18025
|
}
|
|
18026
18026
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
18027
18027
|
type: Component,
|
|
18028
|
-
args: [{ selector: 'rdsite-header-aux-menu-item-dropdown', standalone: true, imports: [RdsiteLinkDirective], template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.
|
|
18028
|
+
args: [{ selector: 'rdsite-header-aux-menu-item-dropdown', standalone: true, imports: [RdsiteLinkDirective], template: "<ul class=\"dropdown-list\">\r\n @for (dropdownItem of items; track dropdownItem.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", styles: [":host{display:block;width:100%}.dropdown-list .dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-list .dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
|
|
18029
18029
|
}], propDecorators: { items: [{
|
|
18030
18030
|
type: Input
|
|
18031
18031
|
}], headerAuxMenuItemDDClick: [{
|
|
@@ -18059,7 +18059,7 @@ class HeaderAuxMenuItemComponent {
|
|
|
18059
18059
|
}
|
|
18060
18060
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
18061
18061
|
type: Component,
|
|
18062
|
-
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective,
|
|
18062
|
+
args: [{ selector: 'rdsite-header-aux-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-aux-menu-item-link\"\r\n [ngClass]=\"{\r\n hover: isMenuHover || isDropdownHover,\r\n alt: altStyle,\r\n }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n [href]=\"item.url\"\r\n (click)=\"headerAuxMenuItemClicked($event)\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"isMenuHover || isDropdownHover ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-aux-menu-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-aux-menu-item-dropdown\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></rdsite-header-aux-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center;position:relative}.header-aux-menu-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--header-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.header-aux-menu-item-link cura-icon{--color: var(--header-aux-color) !important}.header-aux-menu-item-link.hover{color:var(--header-aux-hover)!important}.header-aux-menu-item-link.hover cura-icon{--color: var(--header-aux-hover) !important}.header-aux-menu-item-link:active{color:var(--header-aux-active)!important}.header-aux-menu-item-link:active cura-icon{--color: var(--header-aux-active) !important}.header-aux-menu-item-link.alt{color:var(--header-aux-color-alt)!important}.header-aux-menu-item-link.alt cura-icon{--color: var(--header-aux-color-alt) !important}.header-aux-menu-item-link.alt.hover{color:var(--header-aux-hover-alt)!important}.header-aux-menu-item-link.alt.hover cura-icon{--color: var(--header-aux-hover-alt) !important}.header-aux-menu-item-link.alt:active{color:var(--header-aux-active-alt)!important}.header-aux-menu-item-link.alt:active cura-icon{--color: var(--header-aux-active-alt) !important}.header-aux-menu-item-dropdown{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--header-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px}\n"] }]
|
|
18063
18063
|
}], propDecorators: { item: [{
|
|
18064
18064
|
type: Input
|
|
18065
18065
|
}], altStyle: [{
|
|
@@ -18133,7 +18133,7 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
18133
18133
|
this.selectedLv2Item = null;
|
|
18134
18134
|
}
|
|
18135
18135
|
else {
|
|
18136
|
-
list.forEach((i) => (i.active = i.
|
|
18136
|
+
list.forEach((i) => (i.active = i.title == item?.title));
|
|
18137
18137
|
this.selectedLv2Item = item;
|
|
18138
18138
|
}
|
|
18139
18139
|
});
|
|
@@ -18143,7 +18143,7 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
18143
18143
|
this.selectedLv3Item = null;
|
|
18144
18144
|
}
|
|
18145
18145
|
else {
|
|
18146
|
-
list.forEach((i) => (i.active = i.
|
|
18146
|
+
list.forEach((i) => (i.active = i.title == item?.title));
|
|
18147
18147
|
this.selectedLv3Item = item;
|
|
18148
18148
|
}
|
|
18149
18149
|
});
|
|
@@ -18177,11 +18177,11 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
18177
18177
|
this.headerMainMenuCtaDDClick.emit(event);
|
|
18178
18178
|
}
|
|
18179
18179
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18180
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-main-menu-item-dropdown", inputs: { item: "item" }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.
|
|
18180
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "rdsite-header-main-menu-item-dropdown", inputs: { item: "item" }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.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 <span>{{ itemLv2.title }}</span>\r\n @if (itemLv2?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.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 <span>{{ itemLv3.title }}</span>\r\n @if (itemLv3?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n <span>{{ itemLv4.title }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item.itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item.ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <span>{{ cta.titulo }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
18181
18181
|
}
|
|
18182
18182
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
18183
18183
|
type: Component,
|
|
18184
|
-
args: [{ selector: 'rdsite-header-main-menu-item-dropdown', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.
|
|
18184
|
+
args: [{ selector: 'rdsite-header-main-menu-item-dropdown', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <div class=\"header-main-menu-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item.title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item.description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item.children; track itemLv2.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 <span>{{ itemLv2.title }}</span>\r\n @if (itemLv2?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item.children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item.children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.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 <span>{{ itemLv3.title }}</span>\r\n @if (itemLv3?.children?.length) {\r\n <cura-icon name=\"arrowRightCircle\" size=\"20\" color=\"primary-light\"></cura-icon>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n <span>{{ itemLv4.title }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item.itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img [src]=\"destaque.imagem?.url\" [alt]=\"destaque.titulo\" />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item.ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <cura-icon [name]=\"cta.icone\" size=\"20\" color=\"primary-base\"></cura-icon>\r\n <span>{{ cta.titulo }}</span>\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: [":host{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto)}.header-main-menu-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.header-main-menu-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .info-description{font-size:16px;line-height:23px;letter-spacing:.32px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.header-main-menu-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--header-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500}.header-main-menu-item-dropdown .links-lv2 .link span{font-size:14px;line-height:16px;letter-spacing:.56px}.header-main-menu-item-dropdown .links-lv2 .link.lv2{background-color:var(--header-main-dd-lv2-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv2 span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv3{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv3 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .link.lv4 span{color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.lv4:hover span{color:var(--header-main-dd-alt-color)}.header-main-menu-item-dropdown .links-lv2 .link.active span{font-size:14px;color:var(--header-main-dd-color)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--header-main-dd-lv3-bg)}.header-main-menu-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--header-main-dd-lv4-bg)}.header-main-menu-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv3-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--header-main-dd-lv4-bg);border-radius:4px}.header-main-menu-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.header-main-menu-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.header-main-menu-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--header-main-dd-alt-color);font-weight:500}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.header-main-menu-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--header-main-dd-alt-hover)}.header-main-menu-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--header-main-dd-alt-color);font-weight:300}.header-main-menu-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.header-main-menu-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--header-main-dd-cta-bg);border-radius:4px}.header-main-menu-item-dropdown .ctas-container .ctas a span{text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--header-main-dd-cta-color)}\n"] }]
|
|
18185
18185
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18186
18186
|
type: Input
|
|
18187
18187
|
}], headerMainMenuItemDDClick: [{
|
|
@@ -18240,7 +18240,7 @@ class HeaderMainMenuItemComponent {
|
|
|
18240
18240
|
}
|
|
18241
18241
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
18242
18242
|
type: Component,
|
|
18243
|
-
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective,
|
|
18243
|
+
args: [{ selector: 'rdsite-header-main-menu-item', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"header-main-menu-item-link\"\r\n [ngClass]=\"{ hover: !!dropdownComponent?.opened() }\"\r\n (mouseenter)=\"btnHoverChange(true)\"\r\n (mouseleave)=\"btnHoverChange(false)\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item.url\"\r\n rdsitelink\r\n >\r\n {{ item.title }}\r\n @if (item.children?.length) {\r\n <cura-icon [name]=\"!!dropdownComponent?.opened() ? 'up' : 'down'\" size=\"16\"></cura-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <div\r\n class=\"header-main-menu-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent?.opened() ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n >\r\n <rdsite-header-main-menu-item-dropdown\r\n [item]=\"item\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></rdsite-header-main-menu-item-dropdown>\r\n </div>\r\n }\r\n}\r\n", styles: [":host{display:flex;align-items:center}.header-main-menu-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--header-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.header-main-menu-item-link cura-icon{--color: var(--header-main-color) !important}.header-main-menu-item-link:hover,.header-main-menu-item-link.hover{color:var(--header-main-hover)!important;background-color:var(--header-main-bg-hover)}.header-main-menu-item-link:hover cura-icon,.header-main-menu-item-link.hover cura-icon{--color: var(--header-main-hover) !important}.header-main-menu-item-link:active{color:var(--header-main-active)!important}.header-main-menu-item-link:active cura-icon{--color: var(--header-main-active) !important}@media only screen and (min-width: 1366px){.header-main-menu-item-link{height:44px;padding:0 16px}}.header-main-menu-item-dropdown-container{position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--header-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){.header-main-menu-item-dropdown-container{max-height:calc(100vh - 88px)}}\n"] }]
|
|
18244
18244
|
}], ctorParameters: () => [], propDecorators: { item: [{
|
|
18245
18245
|
type: Input
|
|
18246
18246
|
}], headerMainMenuItemClick: [{
|