@rededor/site-front-end-lib 1.3.6 → 1.3.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/esm2022/lib/components/algolia-dropdown/algolia-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/banner/content-banner/content-banner.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +3 -3
- package/esm2022/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.mjs +3 -3
- package/esm2022/lib/components/cards/expandable-card/expandable-card.component.mjs +3 -3
- package/esm2022/lib/components/cards/testimonial-card/testimonial-card.component.mjs +3 -3
- package/esm2022/lib/components/carousels/testimonials-carousel/testimonials-carousel.component.mjs +3 -3
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +3 -3
- package/esm2022/lib/components/error/error-service/error.service.mjs +3 -3
- package/esm2022/lib/components/error/error.component.mjs +3 -3
- package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs +3 -3
- package/esm2022/lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.mjs +3 -3
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu/header-aux-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-container/header-aux-menu-container.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-logo/header-logo.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu/header-main-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu/header-side-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +3 -3
- package/esm2022/lib/components/header/services/header.service.mjs +3 -3
- package/esm2022/lib/components/image/image.component.mjs +3 -3
- package/esm2022/lib/components/load-screen/load-screen.component.mjs +3 -3
- package/esm2022/lib/components/overlay/overlay.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +3 -3
- package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +3 -3
- package/esm2022/lib/components/pagination/pagination.component.mjs +3 -3
- package/esm2022/lib/components/search/search.component.mjs +3 -3
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.mjs +5 -5
- package/esm2022/lib/components/side-ctas/models/SideCta.model.mjs +1 -1
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +4 -4
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +3 -3
- package/esm2022/lib/directives/rdsite-click-outside/rdsite-click-outside.directive.mjs +3 -3
- package/esm2022/lib/directives/rdsite-link/rdsite-link.directive.mjs +3 -3
- package/esm2022/lib/directives/rdsite-phone-modal/rdsite-phone-modal.directive.mjs +4 -4
- package/esm2022/lib/helpers/formatPhone.func.mjs +1 -1
- package/esm2022/lib/interceptors/error.interceptor.mjs +3 -3
- package/esm2022/lib/interceptors/log.interceptor.mjs +3 -3
- package/esm2022/lib/models/centro-medico.model.mjs +1 -1
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site.model.mjs +1 -1
- package/esm2022/lib/pipes/index.mjs +1 -1
- package/esm2022/lib/pipes/phone/phone.pipe.mjs +4 -4
- package/esm2022/lib/services/algolia/algolia.service.mjs +3 -3
- package/esm2022/lib/services/algolia-search-api/algolia-search-api.service.mjs +3 -3
- package/esm2022/lib/services/cura/cura.service.mjs +3 -3
- package/esm2022/lib/services/geoloc/geoloc.service.mjs +3 -3
- package/esm2022/lib/services/http-client/http-client.service.mjs +3 -3
- package/esm2022/lib/services/log/log.service.mjs +3 -3
- package/esm2022/lib/services/mapbox/mapbox.service.mjs +3 -3
- package/esm2022/lib/services/modal/modal.service.mjs +3 -3
- package/esm2022/lib/services/modal-drawer/modal-drawer.service.mjs +4 -4
- package/esm2022/lib/services/ngu-carousel/ngu-carousel.service.mjs +3 -3
- package/esm2022/lib/services/phone/phone.service.mjs +4 -4
- package/esm2022/lib/services/privacy-tools/privacy-tools.service.mjs +3 -3
- package/esm2022/lib/services/seo/seo.service.mjs +3 -3
- package/esm2022/lib/services/server-response/server-response.service.mjs +3 -3
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +3 -3
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +3 -3
- package/esm2022/lib/services/transfer-state/transfer-state.service.mjs +3 -3
- package/esm2022/lib/services/youtube/youtube.service.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +194 -194
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/models/centro-medico.model.d.ts +13 -0
- package/package.json +1 -1
|
@@ -80,10 +80,10 @@ export class FooterComponent {
|
|
|
80
80
|
footerCookieClicked(event) {
|
|
81
81
|
this.footerCookieClick.emit(event);
|
|
82
82
|
}
|
|
83
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
84
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: "project", theme: "theme", disclaimer: "disclaimer", linkPrivacyFooter: "linkPrivacyFooter", logo: "logo", partnerLogo: "partnerLogo", phone: "phone", socialMenu: "socialMenu", logoWidth: "logoWidth", footerMenu: "footerMenu" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\r\n <div>\r\n <div class=\"sl-ftr-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (partnerLogo) {\r\n <div class=\"partner-logo\">\r\n <img [src]=\"partnerLogo?.url\" [alt]=\"partnerLogo?.alt\" [title]=\"partnerLogo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\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#phone'\"></use>\r\n </svg>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n\r\n <nav class=\"sl-ftr-medias\">\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <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#' + social.icon\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n\r\n <div class=\"content-menu\">\r\n @if (footerMenu.length) {\r\n <div class=\"sl-ftr-menu\">\r\n <nav>\r\n <ul class=\"sl-ftr-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"sl-ftr-menu-list-item\">\r\n @if (menu.title) {\r\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\r\n <a\r\n class=\"sl-ftr-menu-item-link\"\r\n [href]=\"menu.url\"\r\n rdsitelink\r\n [title]=\"menu.title\"\r\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\r\n >\r\n {{ menu.title }}\r\n </a>\r\n\r\n @if (menu.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#' + (menu.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (menu.children?.length) {\r\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\r\n @for (submenu of menu.children; track submenu.title) {\r\n <li class=\"sl-ftr-menu-item-children-item\">\r\n <div class=\"sl-ftr-menu-item alt\">\r\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\r\n {{ submenu.title }}\r\n </a>\r\n </div>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n\r\n<div class=\"sl-ftr-disc\">\r\n <div class=\"disc-content\">\r\n <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer }}</div>\r\n <ul class=\"disc-content-links\">\r\n <li>\r\n <a [href]=\"linkPrivacyFooter || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>\r\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 72px);height:50px;object-fit:contain}.sl-ftr-contact .logo{display:contents}.sl-ftr-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .partner-logo{display:contents}.sl-ftr-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--ftr-color);text-decoration:none}@media only screen and (min-width: 361px){.sl-ftr-contact{width:280px}.sl-ftr-contact .phone a{font-size:19px}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
83
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, deps: [{ token: i1.CuraService }, { token: i1.PrivacyToolsService }, { token: i0.ElementRef }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
84
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FooterComponent, isStandalone: true, selector: "footer[sl-ftr]", inputs: { project: "project", theme: "theme", disclaimer: "disclaimer", linkPrivacyFooter: "linkPrivacyFooter", logo: "logo", partnerLogo: "partnerLogo", phone: "phone", socialMenu: "socialMenu", logoWidth: "logoWidth", footerMenu: "footerMenu" }, outputs: { footerPrivacyClick: "footerPrivacyClick", footerCookieClick: "footerCookieClick", footerSocialMediaClick: "footerSocialMediaClick", footerMenuItemClick: "footerMenuItemClick" }, ngImport: i0, template: "<div class=\"sl-ftr-content\">\r\n <div>\r\n <div class=\"sl-ftr-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (partnerLogo) {\r\n <div class=\"partner-logo\">\r\n <img [src]=\"partnerLogo?.url\" [alt]=\"partnerLogo?.alt\" [title]=\"partnerLogo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\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#phone'\"></use>\r\n </svg>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n\r\n <nav class=\"sl-ftr-medias\">\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <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#' + social.icon\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n\r\n <div class=\"content-menu\">\r\n @if (footerMenu.length) {\r\n <div class=\"sl-ftr-menu\">\r\n <nav>\r\n <ul class=\"sl-ftr-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"sl-ftr-menu-list-item\">\r\n @if (menu.title) {\r\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\r\n <a\r\n class=\"sl-ftr-menu-item-link\"\r\n [href]=\"menu.url\"\r\n rdsitelink\r\n [title]=\"menu.title\"\r\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\r\n >\r\n {{ menu.title }}\r\n </a>\r\n\r\n @if (menu.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#' + (menu.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (menu.children?.length) {\r\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\r\n @for (submenu of menu.children; track submenu.title) {\r\n <li class=\"sl-ftr-menu-item-children-item\">\r\n <div class=\"sl-ftr-menu-item alt\">\r\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\r\n {{ submenu.title }}\r\n </a>\r\n </div>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n\r\n<div class=\"sl-ftr-disc\">\r\n <div class=\"disc-content\">\r\n <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer }}</div>\r\n <ul class=\"disc-content-links\">\r\n <li>\r\n <a [href]=\"linkPrivacyFooter || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>\r\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 72px);height:50px;object-fit:contain}.sl-ftr-contact .logo{display:contents}.sl-ftr-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .partner-logo{display:contents}.sl-ftr-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--ftr-color);text-decoration:none}@media only screen and (min-width: 361px){.sl-ftr-contact{width:280px}.sl-ftr-contact .phone a{font-size:19px}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\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"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
85
85
|
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
87
87
|
type: Component,
|
|
88
88
|
args: [{ selector: 'footer[sl-ftr]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-ftr-content\">\r\n <div>\r\n <div class=\"sl-ftr-contact\">\r\n @if (logo) {\r\n <div class=\"logo\">\r\n <img [src]=\"logo?.url\" [alt]=\"logo?.alt\" [title]=\"logo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (partnerLogo) {\r\n <div class=\"partner-logo\">\r\n <img [src]=\"partnerLogo?.url\" [alt]=\"partnerLogo?.alt\" [title]=\"partnerLogo?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n </div>\r\n }\r\n @if (phone) {\r\n <div class=\"phone\">\r\n <a rdsitelink href=\"tel:{{ phone }}\">\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#phone'\"></use>\r\n </svg>\r\n {{ phone }}\r\n </a>\r\n </div>\r\n }\r\n </div>\r\n\r\n <nav class=\"sl-ftr-medias\">\r\n <ul>\r\n @for (social of socialMenu; track social.title) {\r\n <li>\r\n <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n <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#' + social.icon\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n\r\n <div class=\"content-menu\">\r\n @if (footerMenu.length) {\r\n <div class=\"sl-ftr-menu\">\r\n <nav>\r\n <ul class=\"sl-ftr-menu-list\">\r\n @for (menu of footerMenu; track menu.title) {\r\n <li class=\"sl-ftr-menu-list-item\">\r\n @if (menu.title) {\r\n <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\r\n <a\r\n class=\"sl-ftr-menu-item-link\"\r\n [href]=\"menu.url\"\r\n rdsitelink\r\n [title]=\"menu.title\"\r\n (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\r\n >\r\n {{ menu.title }}\r\n </a>\r\n\r\n @if (menu.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#' + (menu.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (menu.children?.length) {\r\n <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\r\n @for (submenu of menu.children; track submenu.title) {\r\n <li class=\"sl-ftr-menu-item-children-item\">\r\n <div class=\"sl-ftr-menu-item alt\">\r\n <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\r\n {{ submenu.title }}\r\n </a>\r\n </div>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n }\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n\r\n<div class=\"sl-ftr-disc\">\r\n <div class=\"disc-content\">\r\n <div class=\"disc-content-copy\">\u00A9{{ currentYear }} {{ disclaimer }}</div>\r\n <ul class=\"disc-content-links\">\r\n <li>\r\n <a [href]=\"linkPrivacyFooter || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\r\n </li>\r\n <li>\r\n <a (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\"> Aviso de Cookies </a>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>\r\n", styles: ["footer[sl-ftr]{min-height:530px;background-color:var(--ftr-bg-color);display:grid!important;grid-template-areas:\". . .\" \". content .\" \". . .\" \"disc disc disc\";grid-template-columns:minmax(10%,1fr) minmax(auto,1229.4px) minmax(10%,1fr);grid-template-rows:48px 1fr 48px auto}footer[sl-ftr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}footer[sl-ftr] svg{stroke:#fff;stroke-width:2.25px;fill:none}footer[sl-ftr] .sl-ftr-content{grid-area:content;display:flex;flex-direction:column;align-items:flex-start;gap:32px}footer[sl-ftr] .sl-ftr-content .content-menu{width:100%}footer[sl-ftr] .sl-ftr-disc{grid-area:disc}@media only screen and (min-width: 1024px){footer[sl-ftr]{grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr)}footer[sl-ftr] .sl-ftr-content{flex-direction:row;gap:44px}}.sl-ftr-menu{display:flex;flex-direction:column;padding-top:20px}.sl-ftr-menu nav{width:100%;height:auto;flex:auto;column-count:unset}@media only screen and (min-width: 1024px){.sl-ftr-menu{flex-direction:row}.sl-ftr-menu nav{flex:3 1 0;column-count:3}}a.sl-ftr-menu-item-link{text-align:left;padding:8px 0;text-decoration:none;font-style:normal}.sl-ftr-menu-list{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item{display:flex;align-items:center;justify-content:space-between;background-color:transparent;width:auto;cursor:pointer}.sl-ftr-menu-list .sl-ftr-menu-item a.sl-ftr-menu-item-link{color:var(--ftr-color);font-size:14px;font-weight:500;line-height:16px;min-height:35px;letter-spacing:.56px}.sl-ftr-menu-list .sl-ftr-menu-item:hover a{color:var(--ftr-menu-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item:hover svg{stroke:var(--ftr-menu-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item:active a{color:var(--ftr-menu-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item:active svg{stroke:var(--ftr-menu-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt a.sl-ftr-menu-item-link{color:var(--ftr-alt-color);font-size:12px;font-weight:300}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover a{color:var(--ftr-menu-alt-hover-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:hover svg{stroke:var(--ftr-menu-alt-hover-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active a{color:var(--ftr-menu-alt-active-color)}.sl-ftr-menu-list .sl-ftr-menu-item.alt:active svg{stroke:var(--ftr-menu-alt-active-color)!important}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:100%}.sl-ftr-menu-list .sl-ftr-menu-item svg{display:inline}.sl-ftr-menu-list .sl-ftr-menu-item-children{list-style:none}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:none}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}@media only screen and (min-width: 1024px){.sl-ftr-menu-list .sl-ftr-menu-item svg{display:none}.sl-ftr-menu-list .sl-ftr-menu-item.have-children{width:auto}.sl-ftr-menu-list .sl-ftr-menu-item-children.closed{display:block}.sl-ftr-menu-list .sl-ftr-menu-item-children-item{margin:0 0 0 12px}}.sl-ftr-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px 16px;margin-bottom:20px;width:100%;min-height:77px}.sl-ftr-contact img{width:var(--logo-width, 72px);height:50px;object-fit:contain}.sl-ftr-contact .logo{display:contents}.sl-ftr-contact .logo:after{content:\"\";width:1px;height:60px;background-color:var(--ftr-color)}.sl-ftr-contact .partner-logo{display:contents}.sl-ftr-contact .phone a{display:flex;justify-content:center;align-items:center;gap:12px;font-size:17px;font-weight:500;color:var(--ftr-color);text-decoration:none}@media only screen and (min-width: 361px){.sl-ftr-contact{width:280px}.sl-ftr-contact .phone a{font-size:19px}}@media only screen and (min-width: 1024px){.sl-ftr-contact{gap:20px 24px;width:328px}}nav.sl-ftr-medias ul{list-style:none;display:flex;gap:16px 0px;flex-wrap:wrap;width:100%}nav.sl-ftr-medias ul li{display:flex;justify-content:center;align-items:center;border-radius:100%;border:1px solid #ffffff;width:36px;height:36px;margin-right:12px}nav.sl-ftr-medias ul li a{display:flex;justify-content:center;align-items:center;border-radius:100%;width:36px;height:36px;text-decoration:none}@media only screen and (min-width: 361px){nav.sl-ftr-medias ul li{margin-right:15px}}@media only screen and (min-width: 1024px){nav.sl-ftr-medias ul{flex-wrap:nowrap}}.sl-ftr-disc{background-color:var(--ftr-disc-bg-color);display:grid!important;grid-template-areas:\". disc-content .\";grid-template-columns:minmax(5%,1fr) minmax(auto,1229.4px) minmax(5%,1fr);grid-template-rows:auto}.sl-ftr-disc .disc-content{grid-area:disc-content;height:auto;padding:12px 0;display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;flex-direction:column}.sl-ftr-disc .disc-content-copy{font-size:12px;font-style:normal;font-weight:500;text-transform:uppercase;color:var(--ftr-disc-color)}.sl-ftr-disc .disc-content-links{list-style:none;display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0px 36px}.sl-ftr-disc .disc-content-links li a{font-size:12px;font-style:normal;font-weight:500;color:var(--ftr-disc-alt-color);text-decoration:none;cursor:pointer}@media only screen and (min-width: 1024px){.sl-ftr-disc .disc-content{height:40px;padding:0;align-items:center;flex-direction:row;gap:36px}.sl-ftr-disc .disc-content-links{gap:36px}}\n"] }]
|
|
89
89
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: i1.PrivacyToolsService }, { type: i0.ElementRef }, { type: undefined, decorators: [{
|
package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs
CHANGED
|
@@ -14,10 +14,10 @@ export class HeaderActionMenuComponent {
|
|
|
14
14
|
headerLoginClicked(event) {
|
|
15
15
|
this.headerLoginClick.emit(event);
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, deps: [{ token: i1.HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: "loginUrl", showSearch: "showSearch" }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" 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#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" 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#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\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#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\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#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\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#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\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{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{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;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{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile{display:inline}.sl-hdr-act-login-link span{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{padding:0 12px}.sl-hdr-act-login-link{padding:8px}.sl-hdr-act-login-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile{display:none}.sl-hdr-act-login-link span{display:inline}.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 }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'div[sl-hdr-act]', standalone: true, imports: [RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl) {\r\n <div class=\"sl-hdr-act-login\">\r\n <a [href]=\"loginUrl\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n <svg class=\"icon-mobile\" 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#profileCircle'\"></use>\r\n </svg>\r\n <svg class=\"icon-desktop\" 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#profileCircle'\"></use>\r\n </svg>\r\n <span>ENTRAR</span>\r\n </a>\r\n </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n @if (showSearch) {\r\n <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n @if (!headerService.showSearch()) {\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#search'\"></use>\r\n </svg>\r\n <span>BUSCAR</span>\r\n } @else {\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#close'\"></use>\r\n </svg>\r\n <span>FECHAR</span>\r\n }\r\n </button>\r\n }\r\n <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\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#menuHamburguer'\"></use>\r\n </svg>\r\n </button>\r\n</div>\r\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{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{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;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{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile{display:inline}.sl-hdr-act-login-link span{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{padding:0 12px}.sl-hdr-act-login-link{padding:8px}.sl-hdr-act-login-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile{display:none}.sl-hdr-act-login-link span{display:inline}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
|
|
23
23
|
}], ctorParameters: () => [{ type: i1.HeaderService }, { type: undefined, decorators: [{
|
package/esm2022/lib/components/header/components/header-aux-menu/header-aux-menu.component.mjs
CHANGED
|
@@ -2,10 +2,10 @@ import { CommonModule } from '@angular/common';
|
|
|
2
2
|
import { Component, ViewEncapsulation } from '@angular/core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class HeaderAuxMenuComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuComponent, isStandalone: true, selector: "div[sl-hdr-aux]", ngImport: i0, template: "<ng-content select=\"ul[sl-hdr-aux-container]\"></ng-content>\r\n", styles: ["div[sl-hdr-aux]{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'div[sl-hdr-aux]', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ul[sl-hdr-aux-container]\"></ng-content>\r\n", styles: ["div[sl-hdr-aux]{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}\n"] }]
|
|
11
11
|
}] });
|
|
@@ -5,10 +5,10 @@ export class HeaderAuxMenuContainerComponent {
|
|
|
5
5
|
constructor() {
|
|
6
6
|
this.onlyDesktop = false;
|
|
7
7
|
}
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderAuxMenuContainerComponent, isStandalone: true, selector: "ul[sl-hdr-aux-container]", inputs: { onlyDesktop: "onlyDesktop" }, ngImport: i0, template: "<ng-content select=\"li[sl-hdr-aux-item]\"></ng-content>\r\n<ng-content select=\"li#geoloc\"></ng-content>\r\n", styles: ["ul[sl-hdr-aux-container]{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuContainerComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{ selector: 'ul[sl-hdr-aux-container]', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"li[sl-hdr-aux-item]\"></ng-content>\r\n<ng-content select=\"li#geoloc\"></ng-content>\r\n", styles: ["ul[sl-hdr-aux-container]{display:flex;height:100%;justify-content:space-around;background-color:var(--hdr-aux-container-bg-color);list-style-type:none;padding:0 12px;flex-grow:1}\n"] }]
|
|
14
14
|
}], propDecorators: { onlyDesktop: [{
|
|
@@ -28,10 +28,10 @@ export class HeaderAuxMenuItemComponent {
|
|
|
28
28
|
dropdownHoverChange(value) {
|
|
29
29
|
this.isDropdownHover = value;
|
|
30
30
|
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [{ token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: "item", altStyle: "altStyle", onlyDesktop: "onlyDesktop" }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"sl-hdr-aux-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 <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#' + (isMenuHover || isDropdownHover ? '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-aux-item-dropdown\r\n class=\"sl-hdr-aux-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\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 }); }
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'li[sl-hdr-aux-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (item) {\r\n <a\r\n class=\"sl-hdr-aux-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 <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#' + (isMenuHover || isDropdownHover ? '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-aux-item-dropdown\r\n class=\"sl-hdr-aux-item-dropdown\"\r\n [ngStyle]=\"{ display: isMenuHover || isDropdownHover ? 'block' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [items]=\"item.children ?? []\"\r\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\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"] }]
|
|
37
37
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -9,10 +9,10 @@ export class HeaderAuxMenuItemDropdownComponent {
|
|
|
9
9
|
headerAuxMenuItemDDClicked(event) {
|
|
10
10
|
this.headerAuxMenuItemDDClick.emit(event);
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: "items" }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<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", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'div[sl-hdr-aux-item-dropdown]', standalone: true, imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<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", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
|
|
18
18
|
}], propDecorators: { items: [{
|
|
@@ -12,10 +12,10 @@ export class HeaderLogoComponent {
|
|
|
12
12
|
headerLogoClicked(event) {
|
|
13
13
|
this.headerLogoClick.emit(event);
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderLogoComponent, isStandalone: true, selector: "div[sl-hdr-logo]", inputs: { href: "href", title: "title", alt: "alt", src: "src" }, outputs: { headerLogoClick: "headerLogoClick" }, ngImport: i0, template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\r\n <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'div[sl-hdr-logo]', standalone: true, imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [href]=\"href\" (click)=\"headerLogoClicked($event)\" rdsitelink>\r\n <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src\" [alt]=\"alt\" [title]=\"title\" />\r\n</a>\r\n", styles: ["div[sl-hdr-logo]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}div[sl-hdr-logo] a{height:100%;width:100%;display:flex;align-items:center;justify-content:center}div[sl-hdr-logo] a img{width:80px;height:50px;object-fit:contain}\n"] }]
|
|
21
21
|
}], propDecorators: { href: [{
|
package/esm2022/lib/components/header/components/header-main-menu/header-main-menu.component.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Component, ViewEncapsulation } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class HeaderMainMenuComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderMainMenuComponent, isStandalone: true, selector: "ul[sl-hdr-main]", ngImport: i0, template: "<ng-content select=\"li[sl-hdr-main-item]\"></ng-content>\r\n", styles: ["ul[sl-hdr-main]{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6
6
|
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuComponent, decorators: [{
|
|
8
8
|
type: Component,
|
|
9
9
|
args: [{ selector: 'ul[sl-hdr-main]', standalone: true, imports: [], encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"li[sl-hdr-main-item]\"></ng-content>\r\n", styles: ["ul[sl-hdr-main]{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}\n"] }]
|
|
10
10
|
}] });
|
|
@@ -51,10 +51,10 @@ export class HeaderMainMenuItemComponent {
|
|
|
51
51
|
ngOnDestroy() {
|
|
52
52
|
this.dropdownSubscription?.unsubscribe();
|
|
53
53
|
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [{ token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: "item" }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true }], ngImport: i0, template: "@if (item) {\r\n <a\r\n class=\"sl-hdr-main-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 <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", 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 }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
59
|
args: [{ selector: 'li[sl-hdr-main-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n <a\r\n class=\"sl-hdr-main-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 <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", 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"] }]
|
|
60
60
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -78,10 +78,10 @@ export class HeaderMainMenuItemDropdownComponent {
|
|
|
78
78
|
this.lv2ItemSubscription?.unsubscribe();
|
|
79
79
|
this.lv3ItemSubscription?.unsubscribe();
|
|
80
80
|
}
|
|
81
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
82
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: "item" }, 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}.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-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 }); }
|
|
81
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [{ token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
82
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: "item" }, 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}.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-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 }); }
|
|
83
83
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'div[sl-hdr-main-item-dropdown]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], 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}.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-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"] }]
|
|
87
87
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
package/esm2022/lib/components/header/components/header-side-menu/header-side-menu.component.mjs
CHANGED
|
@@ -13,10 +13,10 @@ export class HeaderSideMenuComponent {
|
|
|
13
13
|
overlayClick() {
|
|
14
14
|
this.headerService.toggleShowSideMenu(false);
|
|
15
15
|
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, deps: [{ token: i1.HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeaderSideMenuComponent, isStandalone: true, selector: "div[sl-hdr-side]", ngImport: i0, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\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#close'\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"li[sl-hdr-side-item]\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
21
|
args: [{ selector: 'div[sl-hdr-side]', standalone: true, imports: [CommonModule, OverlayComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\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#close'\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n <ng-content select=\"li[sl-hdr-side-item]\"></ng-content>\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"] }]
|
|
22
22
|
}], ctorParameters: () => [{ type: i1.HeaderService }, { type: undefined, decorators: [{
|
|
@@ -31,10 +31,10 @@ export class HeaderSideMenuItemComponent {
|
|
|
31
31
|
headerSideMenuItemClicked(event) {
|
|
32
32
|
this.headerSideMenuItemClick.emit(event);
|
|
33
33
|
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
35
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [{ token: i1.HeaderService }, { token: LIB_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: "item", altStyle: "altStyle", fontSize: "fontSize" }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item.title }}</span>\r\n @if (!item.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#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.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#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
39
|
args: [{ selector: 'li[sl-hdr-side-item]', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], encapsulation: ViewEncapsulation.None, template: "@if (item) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item.active, alt: altStyle }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item.url\" rdsitelink (click)=\"toggleList($event, item, !item.children?.length || !!item.url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item.title }}</span>\r\n @if (!item.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#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item.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#' + (item.active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item.children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item.active }\">\r\n @for (child of item.children; track item.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize\" [altStyle]=\"altStyle\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
|
|
40
40
|
}], ctorParameters: () => [{ type: i1.HeaderService }, { type: undefined, decorators: [{
|
|
@@ -71,10 +71,10 @@ export class HeaderComponent {
|
|
|
71
71
|
this.searchChange.emit(event);
|
|
72
72
|
this.headerService.toggleShowSearch(false);
|
|
73
73
|
}
|
|
74
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
75
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, deps: [{ token: i1.CuraService }, { token: i2.HeaderService }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: "project", theme: "theme", loginUrl: "loginUrl", showSearch: "showSearch", logo: "logo", searchControl: "searchControl" }, outputs: { searchChange: "searchChange" }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n </nav>\r\n\r\n <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\"></div>\r\n\r\n <nav class=\"sl-hdr-main\">\r\n <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n </nav>\r\n\r\n <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n @if (searchControl) {\r\n <rdsite-search\r\n class=\"sl-hdr-search\"\r\n [searchControl]=\"searchControl\"\r\n [label]=\"'O que voc\u00EA procura?'\"\r\n [debounceTime]=\"1500\"\r\n [setFocus]=\"true\"\r\n (enterPress)=\"doSearch($event)\"\r\n >\r\n </rdsite-search>\r\n }\r\n</div>\r\n\r\n<rdsite-overlay\r\n class=\"search-overlay\"\r\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n (overlayClick)=\"overlayClick()\"\r\n></rdsite-overlay>\r\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: SearchComponent, selector: "rdsite-search", inputs: ["searchControl", "showSearchButtonMobile", "debounceTime", "label", "canClean", "enable", "loading", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "termChange", "enterPress"] }, { kind: "component", type: HeaderLogoComponent, selector: "div[sl-hdr-logo]", inputs: ["href", "title", "alt", "src"], outputs: ["headerLogoClick"] }, { kind: "component", type: HeaderActionMenuComponent, selector: "div[sl-hdr-act]", inputs: ["loginUrl", "showSearch"], outputs: ["headerLoginClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
79
|
args: [{ selector: 'header[sl-hdr]', standalone: true, imports: [CommonModule, OverlayComponent, SearchComponent, HeaderLogoComponent, HeaderActionMenuComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\r\n <div sl-hdr-logo [href]=\"logo.href\" [title]=\"logo.title\" [alt]=\"logo.alt\" [src]=\"logo.src\" (click)=\"overlayClick()\"></div>\r\n\r\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\r\n <ng-content select=\"div[sl-hdr-aux]\"></ng-content>\r\n </nav>\r\n\r\n <div sl-hdr-act [loginUrl]=\"loginUrl\" [showSearch]=\"showSearch\"></div>\r\n\r\n <nav class=\"sl-hdr-main\">\r\n <ng-content select=\"ul[sl-hdr-main]\"></ng-content>\r\n </nav>\r\n\r\n <ng-content select=\"div[sl-hdr-side]\"></ng-content>\r\n\r\n @if (searchControl) {\r\n <rdsite-search\r\n class=\"sl-hdr-search\"\r\n [searchControl]=\"searchControl\"\r\n [label]=\"'O que voc\u00EA procura?'\"\r\n [debounceTime]=\"1500\"\r\n [setFocus]=\"true\"\r\n (enterPress)=\"doSearch($event)\"\r\n >\r\n </rdsite-search>\r\n }\r\n</div>\r\n\r\n<rdsite-overlay\r\n class=\"search-overlay\"\r\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\r\n (overlayClick)=\"overlayClick()\"\r\n></rdsite-overlay>\r\n", styles: ["header[sl-hdr]{position:sticky;top:0;z-index:9999;display:grid!important;grid-template-areas:\". content .\";grid-template-columns:minmax(0px,1fr) minmax(auto,1366px) minmax(0px,1fr);grid-template-rows:80px;background-color:var(--hdr-bg-color);height:80px}header[sl-hdr] *{font-family:Gotham,Arial,Helvetica,sans-serif!important}header[sl-hdr] svg{stroke:#fff;stroke-width:2.1px;fill:none}header[sl-hdr] .sl-hdr-content{grid-area:content;display:grid!important;grid-template-areas:\"logo . action\" \"logo . action\" \"main main main\";grid-template-columns:144px 1fr auto;grid-template-rows:36px 44px 0px}header[sl-hdr] .sl-hdr-content div[sl-hdr-logo]{grid-area:logo}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:none;grid-area:aux;background-color:var(--hdr-aux-bg-color);justify-content:flex-start}header[sl-hdr] .sl-hdr-content div[sl-hdr-act]{grid-area:action;background-color:var(--hdr-act-bg-color)}header[sl-hdr] .sl-hdr-content nav.sl-hdr-main{grid-area:main}header[sl-hdr] .sl-hdr-content .sl-hdr-search{grid-area:search;display:none;position:relative;z-index:-1;background-color:#fff;width:100%;height:100%}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo . action\" \"logo . action\" \"search search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-main{display:none}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:48px;display:block;z-index:1000}header[sl-hdr] .search-overlay{top:100%;right:0;z-index:-1;width:100vw;height:calc(100vh - 100%);transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}header[sl-hdr] .search-overlay.active{z-index:999;opacity:.9;pointer-events:all}header[sl-hdr] .search-overlay.opacity{opacity:1}@media only screen and (min-width: 1024px){header[sl-hdr] .sl-hdr-content{grid-template-areas:\"logo aux action\" \"logo main main\";grid-template-columns:144px 1fr auto}header[sl-hdr] .sl-hdr-content.show-search{grid-template-areas:\"logo aux action\" \"logo search search\"}header[sl-hdr] .sl-hdr-content.show-search .sl-hdr-search{height:auto}header[sl-hdr] .sl-hdr-content .sl-hdr-aux{display:block}header[sl-hdr] .sl-hdr-content .sl-hdr-main{display:block}}@media only screen and (min-width: 1366px){header[sl-hdr]{height:88px}header[sl-hdr] .sl-hdr-content{grid-template-rows:36px 52px;height:88px}}\n"] }]
|
|
80
80
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: i2.HeaderService }, { type: i0.ElementRef }, { type: Document, decorators: [{
|
|
@@ -31,10 +31,10 @@ export class HeaderService {
|
|
|
31
31
|
}
|
|
32
32
|
this.showSideMenu.update(() => value);
|
|
33
33
|
}
|
|
34
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
35
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.
|
|
34
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
35
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderService, providedIn: 'root' }); }
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeaderService, decorators: [{
|
|
38
38
|
type: Injectable,
|
|
39
39
|
args: [{
|
|
40
40
|
providedIn: 'root',
|