@rededor/site-front-end-lib 20.0.21 → 20.0.22
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/components/breadcrumbs/index.d.ts +2 -1
- package/core/index.d.ts +1 -1
- package/cura/forms/cura-checkbox/index.d.ts +5 -1
- package/cura/forms/cura-select/index.d.ts +2 -1
- package/cura/forms/cura-textarea/index.d.ts +1 -0
- package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs +6 -5
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +9 -9
- package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-image.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-search.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-core.mjs +54 -54
- package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-cura-api.mjs +18 -18
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs +11 -7
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +7 -6
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs +6 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia-search-api.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ngu-carousel.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ssr-loading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-transfer-state.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-youtube.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-shared.mjs +6 -6
- package/package.json +1 -1
|
@@ -83,10 +83,10 @@ class HeaderMainMenuItemDropdownComponent {
|
|
|
83
83
|
this.lv2ItemSubscription?.unsubscribe();
|
|
84
84
|
this.lv3ItemSubscription?.unsubscribe();
|
|
85
85
|
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-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 svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-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-hl-title-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-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-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 svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-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-hl-title-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-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-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 }); }
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
91
|
args: [{ selector: 'div[sl-hdr-main-item-dropdown]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-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 svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-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-hl-title-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-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
|
|
92
92
|
}], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], headerMainMenuItemDDClick: [{ type: i0.Output, args: ["headerMainMenuItemDDClick"] }], headerMainMenuHighlightDDClick: [{ type: i0.Output, args: ["headerMainMenuHighlightDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }] } });
|
|
@@ -145,10 +145,10 @@ class HeaderMainMenuItemComponent {
|
|
|
145
145
|
ngOnDestroy() {
|
|
146
146
|
this.dropdownSubscription?.unsubscribe();
|
|
147
147
|
}
|
|
148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
148
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
149
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\n <a\n class=\"sl-hdr-main-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item().url\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item()\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
150
150
|
}
|
|
151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
|
|
152
152
|
type: Component,
|
|
153
153
|
args: [{ selector: 'li[sl-hdr-main-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n <a\n class=\"sl-hdr-main-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item().url\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item()\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"] }]
|
|
154
154
|
}], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], headerMainMenuItemClick: [{ type: i0.Output, args: ["headerMainMenuItemClick"] }], headerMainMenuItemDDClick: [{ type: i0.Output, args: ["headerMainMenuItemDDClick"] }], headerMainMenuHighlightDDClick: [{ type: i0.Output, args: ["headerMainMenuHighlightDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }], dropdownComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => HeaderMainMenuItemDropdownComponent), { isSignal: true }] }], onMouseOver: [{
|
|
@@ -34,10 +34,10 @@ class HeaderSideMenuItemComponent {
|
|
|
34
34
|
headerSideMenuItemClicked(event) {
|
|
35
35
|
this.headerSideMenuItemClick.emit(event);
|
|
36
36
|
}
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item()) {\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\n <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\n <span>{{ item().title }}</span>\n @if (!item().children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (item().children?.length) {\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\n @for (child of item().children; track child.title) {\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n }\n </ul>\n }\n}\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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'li[sl-hdr-side-item]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\n <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\n <span>{{ item().title }}</span>\n @if (!item().children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\n </svg>\n }\n </div>\n\n @if (item().children?.length) {\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\n @for (child of item().children; track child.title) {\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n }\n </ul>\n }\n}\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"] }]
|
|
43
43
|
}], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], altStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "altStyle", required: false }] }], fontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontSize", required: false }] }], headerSideMenuItemClick: [{ type: i0.Output, args: ["headerSideMenuItemClick"] }], style: [{
|
|
@@ -55,10 +55,10 @@ class HeaderSideMenuComponent {
|
|
|
55
55
|
overlayClick() {
|
|
56
56
|
this.headerService.toggleShowSideMenu(false);
|
|
57
57
|
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderSideMenuComponent, isStandalone: true, selector: "div[sl-hdr-side]", inputs: { sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n <div class=\"side-menu\">\n <div class=\"side-menu-close\">\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </button>\n </div>\n\n @if (sideMenuGeoloc()) {\n <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\n }\n\n <nav>\n <ul class=\"side-menu-content\">\n @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\n <li\n sl-hdr-side-item\n [item]=\"sideMenuItem\"\n [fontSize]=\"firstGroup ? 16 : 14\"\n [altStyle]=\"lastGroup\"\n [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\n ></li>\n }\n }\n </ul>\n </nav>\n </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'div[sl-hdr-side]', imports: [CommonModule, OverlayComponent, HeaderSideMenuItemComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n <div class=\"side-menu\">\n <div class=\"side-menu-close\">\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </button>\n </div>\n\n @if (sideMenuGeoloc()) {\n <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\n }\n\n <nav>\n <ul class=\"side-menu-content\">\n @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\n <li\n sl-hdr-side-item\n [item]=\"sideMenuItem\"\n [fontSize]=\"firstGroup ? 16 : 14\"\n [altStyle]=\"lastGroup\"\n [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\n ></li>\n }\n }\n </ul>\n </nav>\n </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\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"] }]
|
|
64
64
|
}], propDecorators: { sideMenuGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGroups", required: false }] }], sideMenuGeoloc: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGeoloc", required: false }] }] } });
|
|
@@ -32,10 +32,10 @@ class HeaderService {
|
|
|
32
32
|
}
|
|
33
33
|
this.showSideMenu.update(() => value);
|
|
34
34
|
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
36
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
36
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, providedIn: 'root' }); }
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, decorators: [{
|
|
39
39
|
type: Injectable,
|
|
40
40
|
args: [{
|
|
41
41
|
providedIn: 'root',
|
|
@@ -358,10 +358,10 @@ class HeaderComponent {
|
|
|
358
358
|
this.searchChange.emit(event);
|
|
359
359
|
this.headerService.toggleShowSearch(false);
|
|
360
360
|
}
|
|
361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
362
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
361
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
362
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderComponent, isStandalone: true, selector: "header[sl-hdr]", inputs: { project: { classPropertyName: "project", publicName: "project", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, logo: { classPropertyName: "logo", publicName: "logo", isSignal: true, isRequired: false, transformFunction: null }, searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, mainMenu: { classPropertyName: "mainMenu", publicName: "mainMenu", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGroups: { classPropertyName: "auxMenuGroups", publicName: "auxMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, auxMenuGeoloc: { classPropertyName: "auxMenuGeoloc", publicName: "auxMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick", searchChange: "searchChange" }, host: { listeners: { "window:resize": "checkWindowWidth($event)" }, properties: { "style.--font-family": "this.curaApiService.theme.fonts.getFamily()" } }, ngImport: i0, template: "<div class=\"sl-hdr-content\" [ngClass]=\"{ 'show-search': headerService.showSearch() }\">\n @defer (hydrate on hover) {\n <div sl-hdr-logo [href]=\"logo().href\" [title]=\"logo().title\" [alt]=\"logo().alt\" [src]=\"logo().src\" (click)=\"overlayClick()\"></div>\n }\n\n <nav class=\"sl-hdr-aux\" (click)=\"overlayClick()\">\n <div class=\"sl-hdr-aux-wrapper\">\n @for (auxMenuGroup of auxMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n @if (firstGroup) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n } @else if (isDesktop()) {\n <ul class=\"sl-hdr-aux-container\">\n @for (auxMenuItem of auxMenuGroup; track auxMenuItem.title) {\n <li\n sl-hdr-aux-item\n [item]=\"auxMenuItem\"\n [altStyle]=\"true\"\n (headerAuxMenuItemClick)=\"headerAuxMenuItemClick.emit($event)\"\n (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClick.emit($event)\"\n ></li>\n }\n </ul>\n }\n }\n @if (auxMenuGeoloc()) {\n <ul class=\"sl-hdr-aux-container\">\n <ng-container *ngTemplateOutlet=\"auxMenuGeoloc()\"></ng-container>\n </ul>\n }\n </div>\n </nav>\n\n @defer (hydrate on hover) {\n <div sl-hdr-act [loginUrl]=\"loginUrl()\" [showSearch]=\"showSearch()\" [homeUrl]=\"homeUrl()\"></div>\n }\n\n <nav class=\"sl-hdr-main\">\n <ul class=\"sl-hdr-main-list\">\n @for (mainItem of mainMenu(); track mainItem.title) {\n @defer (hydrate on hover) {\n <li sl-hdr-main-item [item]=\"mainItem\" (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClick.emit({ event: $event, item: mainItem })\"></li>\n }\n }\n </ul>\n </nav>\n\n @defer (hydrate when headerService.showSideMenu()) {\n <div sl-hdr-side [sideMenuGroups]=\"sideMenuGroups()\" [sideMenuGeoloc]=\"sideMenuGeoloc()\"></div>\n }\n\n @if (searchControl()) {\n @defer (hydrate when headerService.showSearch()) {\n <rdsite-search\n class=\"sl-hdr-search\"\n [searchControl]=\"searchControl()!\"\n [label]=\"'O que voc\u00EA procura?'\"\n [debounceTime]=\"1500\"\n [setFocus]=\"true\"\n (enterPress)=\"doSearch($event)\"\n >\n </rdsite-search>\n }\n }\n</div>\n\n@defer (hydrate when headerService.showSearch()) {\n <rdsite-overlay\n class=\"search-overlay\"\n [ngClass]=\"{ active: headerService.showSearch(), opacity: headerService.showSearchOpacity() }\"\n (overlayClick)=\"overlayClick()\"\n ></rdsite-overlay>\n}\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;box-shadow:0 1px 4px #26262629}header[sl-hdr] *{font-family:var(--font-family)!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 .sl-hdr-aux .sl-hdr-aux-wrapper{display:flex;width:100%;height:100%;justify-content:flex-start;gap:2px}header[sl-hdr] .sl-hdr-content .sl-hdr-aux .sl-hdr-aux-wrapper 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}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 nav.sl-hdr-main ul.sl-hdr-main-list{list-style-type:none;display:flex;width:100%;height:100%;justify-content:flex-start;gap:8px}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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: HeaderAuxMenuItemComponent, selector: "li[sl-hdr-aux-item]", inputs: ["item", "altStyle", "onlyDesktop"], outputs: ["headerAuxMenuItemClick", "headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent)], () => [import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent)], () => [import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent)], () => [i1.NgClass, import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)]] }); }
|
|
363
363
|
}
|
|
364
|
-
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.
|
|
364
|
+
i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "20.3.18", ngImport: i0, type: HeaderComponent, resolveDeferredDeps: () => [Promise.resolve().then(function () { return headerLogo_component; }).then(m => m.HeaderLogoComponent), import('@rededor/site-front-end-lib/components/header/components/action').then(m => m.HeaderActionMenuComponent), import('@rededor/site-front-end-lib/components/header/components/main').then(m => m.HeaderMainMenuItemComponent), import('@rededor/site-front-end-lib/components/header/components/side').then(m => m.HeaderSideMenuComponent), import('@rededor/site-front-end-lib/components/search').then(m => m.SearchComponent), import('@rededor/site-front-end-lib/components/overlay').then(m => m.OverlayComponent)], resolveMetadata: (HeaderLogoComponent, HeaderActionMenuComponent, HeaderMainMenuItemComponent, HeaderSideMenuComponent, SearchComponent, OverlayComponent) => ({ decorators: [{
|
|
365
365
|
type: Component,
|
|
366
366
|
args: [{ selector: 'header[sl-hdr]', imports: [
|
|
367
367
|
CommonModule,
|
|
@@ -391,10 +391,10 @@ class HeaderLogoComponent {
|
|
|
391
391
|
headerLogoClicked(event) {
|
|
392
392
|
this.headerLogoClick.emit(event);
|
|
393
393
|
}
|
|
394
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
395
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
394
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
395
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: HeaderLogoComponent, isStandalone: true, selector: "div[sl-hdr-logo]", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLogoClick: "headerLogoClick" }, ngImport: i0, template: "<a [href]=\"href()\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src()\" [alt]=\"alt()\" [title]=\"title()\" />\n</a>\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 }); }
|
|
396
396
|
}
|
|
397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderLogoComponent, decorators: [{
|
|
398
398
|
type: Component,
|
|
399
399
|
args: [{ selector: 'div[sl-hdr-logo]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [href]=\"href()\" (click)=\"headerLogoClicked($event)\" rdsitelink>\n <img loading=\"eager\" fetchpriority=\"high\" [src]=\"src()\" [alt]=\"alt()\" [title]=\"title()\" />\n</a>\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"] }]
|
|
400
400
|
}], propDecorators: { href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], headerLogoClick: [{ type: i0.Output, args: ["headerLogoClick"] }] } });
|
|
@@ -32,10 +32,10 @@ class ImageComponent {
|
|
|
32
32
|
handleImageError() {
|
|
33
33
|
this.imageDefaultSrc.set(this.libConfig.fallbackImgSrc || '');
|
|
34
34
|
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ImageComponent, isStandalone: true, selector: "rdsite-image", inputs: { imageWebpSrc: { classPropertyName: "imageWebpSrc", publicName: "imageWebpSrc", isSignal: true, isRequired: false, transformFunction: null }, imageDefaultSrc: { classPropertyName: "imageDefaultSrc", publicName: "imageDefaultSrc", isSignal: true, isRequired: false, transformFunction: null }, imageSizes: { classPropertyName: "imageSizes", publicName: "imageSizes", isSignal: true, isRequired: false, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageDefaultSrc: "imageDefaultSrcChange", mimeType: "mimeTypeChange" }, ngImport: i0, template: "<picture>\n @if (imageWebpSrc()) {\n <source [srcset]=\"imageWebpSrc()\" [type]=\"mimeType()\" />\n }\n @for (image of imageSizes(); track image.source_url) {\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n }\n <img [src]=\"imageDefaultSrc()\" [alt]=\"alt()\" [title]=\"title()\" [attr.loading]=\"loading()\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"] }); }
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ImageComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{ selector: 'rdsite-image', imports: [], template: "<picture>\n @if (imageWebpSrc()) {\n <source [srcset]=\"imageWebpSrc()\" [type]=\"mimeType()\" />\n }\n @for (image of imageSizes(); track image.source_url) {\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n }\n <img [src]=\"imageDefaultSrc()\" [alt]=\"alt()\" [title]=\"title()\" [attr.loading]=\"loading()\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [":host{display:block;max-width:100%;height:auto;overflow:hidden}:host img{width:100%;height:100%;object-fit:cover}\n"] }]
|
|
41
41
|
}], propDecorators: { imageWebpSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageWebpSrc", required: false }] }], imageDefaultSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageDefaultSrc", required: false }] }, { type: i0.Output, args: ["imageDefaultSrcChange"] }], imageSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "imageSizes", required: false }] }], mimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "mimeType", required: false }] }, { type: i0.Output, args: ["mimeTypeChange"] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
|
|
@@ -11,10 +11,10 @@ class LoadScreenComponent {
|
|
|
11
11
|
'--color-one-base': this.curaApiService.theme.colors.getColor('primary-base'),
|
|
12
12
|
};
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: LoadScreenComponent, isStandalone: true, selector: "rdsite-load-screen", host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<svg\n id=\"eHMRpL82XFk1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"85 98 130 104\"\n shape-rendering=\"geometricPrecision\"\n text-rendering=\"geometricPrecision\"\n project-id=\"d6bcc811f04c4bd68a9b60e9a293b656\"\n export-id=\"07f9d4f6c8ae45db93f339ab9b65e3a6\"\n cached=\"false\"\n>\n <style>\n #eHMRpL82XFk2 {\n animation-name: eHMRpL82XFk2_c_o, eHMRpL82XFk2_s_do;\n animation-duration: 3000ms;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-direction: normal;\n animation-iteration-count: infinite;\n }\n\n @keyframes eHMRpL82XFk2_c_o {\n 0% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 33.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes eHMRpL82XFk2_s_do {\n 0% {\n stroke-dashoffset: 1070.79;\n animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n }\n\n 33.333333% {\n stroke-dashoffset: 2141.58;\n }\n\n 100% {\n stroke-dashoffset: 2141.58;\n }\n }\n\n #eHMRpL82XFk3 {\n animation: eHMRpL82XFk3_c_o 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk3_c_o {\n 0% {\n opacity: 0;\n }\n\n 33.333333% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 73.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n #eHMRpL82XFk10_tr {\n animation: eHMRpL82XFk10_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk10_tr__tr {\n 0% {\n transform: translate(135.33781px, 207.03926px) rotate(720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(135.33781px, 207.03926px) rotate(439.480519deg);\n }\n }\n\n #eHMRpL82XFk11_tr {\n animation: eHMRpL82XFk11_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk11_tr__tr {\n 0% {\n transform: translate(11.12px, 29.9px) rotate(-720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(11.12px, 29.9px) rotate(-439.480519deg);\n }\n }\n </style>\n <path\n id=\"eHMRpL82XFk2\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"none\"\n stroke=\"#003da5\"\n stroke-linecap=\"square\"\n stroke-miterlimit=\"1\"\n stroke-dashoffset=\"1070.79\"\n stroke-dasharray=\"1070.79\"\n />\n <path\n id=\"eHMRpL82XFk3\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"#003da5\"\n />\n</svg>\n\n<h4>Aguarde mais um pouco</h4>\n\n<span>Estamos carregando as informa\u00E7\u00F5es.</span>\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;background:var(--neutral-pale, #e9e9e9)}:host svg{width:108px;height:auto;margin-bottom:22px}:host h4{color:var(--color-one-base, #004186);font-size:14px;font-weight:400;line-height:19px;letter-spacing:.28px}@media only screen and (min-width: 769px){:host h4{font-size:16px;line-height:23px;letter-spacing:.32px}}:host span{color:var(--neutral-dark, #6e6e6e);font-size:10px;font-weight:500;line-height:13px;letter-spacing:.6px}@media only screen and (min-width: 769px){:host span{font-size:12px;line-height:16px;letter-spacing:.72px}}\n"] }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: LoadScreenComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'rdsite-load-screen', template: "<svg\n id=\"eHMRpL82XFk1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"85 98 130 104\"\n shape-rendering=\"geometricPrecision\"\n text-rendering=\"geometricPrecision\"\n project-id=\"d6bcc811f04c4bd68a9b60e9a293b656\"\n export-id=\"07f9d4f6c8ae45db93f339ab9b65e3a6\"\n cached=\"false\"\n>\n <style>\n #eHMRpL82XFk2 {\n animation-name: eHMRpL82XFk2_c_o, eHMRpL82XFk2_s_do;\n animation-duration: 3000ms;\n animation-fill-mode: forwards;\n animation-timing-function: linear;\n animation-direction: normal;\n animation-iteration-count: infinite;\n }\n\n @keyframes eHMRpL82XFk2_c_o {\n 0% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 33.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes eHMRpL82XFk2_s_do {\n 0% {\n stroke-dashoffset: 1070.79;\n animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);\n }\n\n 33.333333% {\n stroke-dashoffset: 2141.58;\n }\n\n 100% {\n stroke-dashoffset: 2141.58;\n }\n }\n\n #eHMRpL82XFk3 {\n animation: eHMRpL82XFk3_c_o 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk3_c_o {\n 0% {\n opacity: 0;\n }\n\n 33.333333% {\n opacity: 0;\n animation-timing-function: cubic-bezier(0, 0, 0.58, 1);\n }\n\n 73.333333% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n #eHMRpL82XFk10_tr {\n animation: eHMRpL82XFk10_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk10_tr__tr {\n 0% {\n transform: translate(135.33781px, 207.03926px) rotate(720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(135.33781px, 207.03926px) rotate(439.480519deg);\n }\n }\n\n #eHMRpL82XFk11_tr {\n animation: eHMRpL82XFk11_tr__tr 3000ms linear infinite normal forwards;\n }\n\n @keyframes eHMRpL82XFk11_tr__tr {\n 0% {\n transform: translate(11.12px, 29.9px) rotate(-720deg);\n animation-timing-function: cubic-bezier(0.415, 0.08, 0.115, 0.955);\n }\n\n 100% {\n transform: translate(11.12px, 29.9px) rotate(-439.480519deg);\n }\n }\n </style>\n <path\n id=\"eHMRpL82XFk2\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"none\"\n stroke=\"#003da5\"\n stroke-linecap=\"square\"\n stroke-miterlimit=\"1\"\n stroke-dashoffset=\"1070.79\"\n stroke-dasharray=\"1070.79\"\n />\n <path\n id=\"eHMRpL82XFk3\"\n d=\"M45.8896,122.909c-7.3496-3.448-13.8476-5.167-19.4941-5.157-3.078,0-5.5353.425-7.4437,1.301-1.9084.875-2.8677,1.994-2.8677,3.35c0,1.357,1.026,2.384,3.037,3.24c2.011.855,4.617,1.265,7.6951,1.265c6.115,0,12.4711-1.333,19.0683-3.999h.0051Zm5.4276.071c4.7003,2.399,9.9085,3.669,15.2003,3.705c7.7772,0,14.9267-2.785,21.4487-8.356c9.1417-7.761,15.7748-18.3767,19.8998-31.8469c2.305-7.5551,3.459-14.5602,3.462-21.0152-.02-4.2002-.6-8.3796-1.723-12.431-3.175,3.6665-6.13,7.5131-8.85,11.5199-2.6365,3.9041-6.4207,10.0285-11.3524,18.3731-4.9761,8.4358-9.1417,14.7458-12.4968,18.9301-3.677,4.514-7.8415,8.619-12.4198,12.243-2.6984,2.143-7.088,5.102-13.1688,8.878ZM111.103,51.5833c1.315,4.414,1.994,8.9891,2.016,13.59-.065,7.4184-1.21,14.7891-3.401,21.8858-4.289,14.4049-11.3396,25.6719-21.1516,33.8009-6.1174,5.274-13.9813,8.155-22.1053,8.098-2.6512.025-5.2956-.269-7.8746-.876-2.3496-.577-5.7063-1.786-10.0703-3.629-7.8284,3.148-15.1011,4.724-21.818,4.728-2.8272.064-5.6463-.325-8.3466-1.154-1.3689-.434-2.5854-1.241-3.5089-2.329-.8731-.909-1.3833-2.099-1.4365-3.35c0-2.143,1.1971-3.83,3.5911-5.062c2.394-1.231,5.614-1.866,9.6598-1.903c6.3613,0,13.6545,2.111,21.8797,6.332c5.6424-3.842,10.7329-8.419,15.1336-13.605c2.9446-3.447,5.3455-6.459,7.182-9.1109c1.8366-2.6522,6.5921-9.7535,14.2204-21.3847c5.9509-8.9554,13.7588-18.066,23.4242-27.3319-2.203-5.0614-4.712-8.9419-7.526-11.6414-5.7971-5.6789-13.6033-8.515-23.4188-8.5083-12.9071,0-23.8376,4.3124-32.7912,12.9371-4.3018,4.0733-7.8304,8.8729-10.4191,14.1721-2.2292,4.4289-3.413,9.2983-3.4628,14.243c0,4.7645,1.51,8.6163,4.5299,11.5553c2.8523,2.8142,6.7853,4.2229,11.7991,4.2263c6.9152,0,13.5535-2.6421,19.9148-7.9262c8.6492-7.2244,14.6342-17.425,17.9551-30.6016l1.3594.4302c-1.3133,8.4864-4.1108,15.974-8.3927,22.4628-4.3759,6.5799-9.7779,11.5047-16.2212,14.6782-4.4278,2.241-9.3313,3.4137-14.3076,3.4215-6.4981,0-11.4828-2.1578-14.9541-6.4736-3.078-3.8163-4.5914-8.5083-4.5914-14.0354c0-7.0861,2.0845-14.0169,6.2535-20.7925c4.1094-6.7327,9.9778-12.2517,16.9907-15.979c7.0658-3.7556,14.9318-5.6351,23.5982-5.6385c11.5186,0,20.6176,3.3439,27.2972,10.0318c2.777,2.7737,5.415,6.725,7.915,11.854c5.572-4.8523,10.855-8.6551,15.852-11.4086l.513,1.807c-4.627,2.8648-9.714,7.0337-15.262,12.5068l-.025-.0202Zm20.145-22.4729h10.553v10.7455c0,4.3326-.684,7.2008-2.052,8.6045-1.402,1.4476-3.935,2.281-7.598,2.5003-.581-.1338-1.178-.19-1.775-.167v-4.9147c1.693,0,2.947-.3745,3.761-1.1236.81-.7542,1.19-2.2068,1.138-4.3731h-4.052l.025-11.2719Z\"\n transform=\"translate(72.3964 71.999878)\"\n opacity=\"0\"\n fill=\"#003da5\"\n />\n</svg>\n\n<h4>Aguarde mais um pouco</h4>\n\n<span>Estamos carregando as informa\u00E7\u00F5es.</span>\n", styles: [":host{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;background:var(--neutral-pale, #e9e9e9)}:host svg{width:108px;height:auto;margin-bottom:22px}:host h4{color:var(--color-one-base, #004186);font-size:14px;font-weight:400;line-height:19px;letter-spacing:.28px}@media only screen and (min-width: 769px){:host h4{font-size:16px;line-height:23px;letter-spacing:.32px}}:host span{color:var(--neutral-dark, #6e6e6e);font-size:10px;font-weight:500;line-height:13px;letter-spacing:.6px}@media only screen and (min-width: 769px){:host span{font-size:12px;line-height:16px;letter-spacing:.72px}}\n"] }]
|
|
20
20
|
}], propDecorators: { styleBinding: [{
|
|
@@ -113,10 +113,10 @@ class ModalDrawerComponent {
|
|
|
113
113
|
reset() {
|
|
114
114
|
this.modalContent.set(null);
|
|
115
115
|
}
|
|
116
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
116
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
117
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ModalDrawerComponent, isStandalone: true, selector: "dialog[rdsite-modal-drawer]#rdsite-modal-drawer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, modalContent: { classPropertyName: "modalContent", publicName: "modalContent", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange", modalContent: "modalContentChange", componentStyle: "componentStyleChange" }, host: { listeners: { "touchstart": "onDragStart($event)", "touchmove": "onDragMove($event)", "touchend": "onDragEnd($event)" }, properties: { "class": "this.classBinding", "style": "this.styleBinding" } }, ngImport: i0, template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:#002f6ce6}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
118
118
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalDrawerComponent, decorators: [{
|
|
120
120
|
type: Component,
|
|
121
121
|
args: [{ selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer', imports: [CommonModule], template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:#002f6ce6}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"] }]
|
|
122
122
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }, { type: i0.Output, args: ["idChange"] }], modalContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalContent", required: false }] }, { type: i0.Output, args: ["modalContentChange"] }], componentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentStyle", required: false }] }, { type: i0.Output, args: ["componentStyleChange"] }], classBinding: [{
|
|
@@ -57,10 +57,10 @@ class ModalComponent {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
61
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
60
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
61
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ModalComponent, isStandalone: true, selector: "dialog[rdsite-modal]#rdsite-modal", host: { listeners: { "document:keydown.escape": "closeModalOnEscape()", "click": "closeModalOnClick()" }, properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (modalContent) {\n <div class=\"rdsite-modal-container\">\n <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\n <a class=\"close-button\" (click)=\"close()\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n <ng-container *ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\n </div>\n </div>\n}\n", styles: [":host{width:100vw;height:100vh;margin:auto;background-color:transparent}:host::backdrop{background:var(--backdrop-color, rgba(0, 47, 108, .9))}:host .rdsite-modal-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host .rdsite-modal-content{position:relative}:host .rdsite-modal-content .close-button{position:absolute;top:7px;right:7px;cursor:pointer}:host .rdsite-modal-content .close-button svg{stroke:var(--close-color, rgb(235, 87, 87));stroke-width:2px;fill:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
62
62
|
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{ selector: 'dialog[rdsite-modal]#rdsite-modal', imports: [CommonModule], template: "@if (modalContent) {\n <div class=\"rdsite-modal-container\">\n <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\n <a class=\"close-button\" (click)=\"close()\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n <ng-container *ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\n </div>\n </div>\n}\n", styles: [":host{width:100vw;height:100vh;margin:auto;background-color:transparent}:host::backdrop{background:var(--backdrop-color, rgba(0, 47, 108, .9))}:host .rdsite-modal-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host .rdsite-modal-content{position:relative}:host .rdsite-modal-content .close-button{position:absolute;top:7px;right:7px;cursor:pointer}:host .rdsite-modal-content .close-button svg{stroke:var(--close-color, rgb(235, 87, 87));stroke-width:2px;fill:none}\n"] }]
|
|
66
66
|
}], propDecorators: { closeModalOnEscape: [{
|
|
@@ -8,10 +8,10 @@ class OverlayComponent {
|
|
|
8
8
|
overlayClicked() {
|
|
9
9
|
this.overlayClick.emit(undefined);
|
|
10
10
|
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: OverlayComponent, isStandalone: true, selector: "rdsite-overlay", outputs: { overlayClick: "overlayClick" }, ngImport: i0, template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: OverlayComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'rdsite-overlay', imports: [], template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }]
|
|
17
17
|
}], propDecorators: { overlayClick: [{ type: i0.Output, args: ["overlayClick"] }] } });
|