@rededor/site-front-end-lib 20.0.0-alpha.4 → 20.0.0-alpha.6

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.
Files changed (48) hide show
  1. package/README.md +124 -124
  2. package/components/page-template-fullcontent/index.d.ts +17 -0
  3. package/components/sidebar-navigation/index.d.ts +26 -0
  4. package/components/sticky-navigation/index.d.ts +31 -0
  5. package/core/index.d.ts +16 -11
  6. package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs.map +1 -1
  7. package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs.map +1 -1
  8. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +2 -2
  9. package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
  10. package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +2 -2
  11. package/fesm2022/rededor-site-front-end-lib-components-footer.mjs.map +1 -1
  12. package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +2 -2
  13. package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs.map +1 -1
  14. package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +2 -2
  15. package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs.map +1 -1
  16. package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +4 -4
  17. package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map +1 -1
  18. package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +4 -4
  19. package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs.map +1 -1
  20. package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +2 -2
  21. package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs.map +1 -1
  22. package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +2 -2
  23. package/fesm2022/rededor-site-front-end-lib-components-modal.mjs.map +1 -1
  24. package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +27 -0
  25. package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs.map +1 -0
  26. package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +2 -2
  27. package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs +79 -0
  28. package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs.map +1 -0
  29. package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs +87 -0
  30. package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs.map +1 -0
  31. package/fesm2022/rededor-site-front-end-lib-core.mjs +3 -1
  32. package/fesm2022/rededor-site-front-end-lib-core.mjs.map +1 -1
  33. package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs.map +1 -1
  34. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +2 -2
  35. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs.map +1 -1
  36. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +2 -2
  37. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs.map +1 -1
  38. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +2 -2
  39. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs.map +1 -1
  40. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +2 -2
  41. package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs.map +1 -1
  42. package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +2 -2
  43. package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs.map +1 -1
  44. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs.map +1 -1
  45. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs.map +1 -1
  46. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +2 -2
  47. package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +1 -1
  48. package/package.json +21 -9
package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs CHANGED
@@ -84,11 +84,11 @@ class HeaderMainMenuItemDropdownComponent {
84
84
  this.lv3ItemSubscription?.unsubscribe();
85
85
  }
86
86
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
87
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
87
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\r\n <div class=\"sl-hdr-main-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item().title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item().description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item().children; track itemLv2.title) {\r\n <li>\r\n <a\r\n class=\"link lv2\"\r\n [ngClass]=\"{ active: itemLv2.active }\"\r\n [href]=\"itemLv2.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\r\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\r\n >\r\n {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\r\n <li>\r\n <a\r\n class=\"link lv3\"\r\n [ngClass]=\"{ active: itemLv3.active }\"\r\n [href]=\"itemLv3.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n >\r\n {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n {{ itemLv4.title }}\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item().itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item().ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
88
88
  }
89
89
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
90
90
  type: Component,
91
- args: [{ selector: 'div[sl-hdr-main-item-dropdown]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
91
+ args: [{ selector: 'div[sl-hdr-main-item-dropdown]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\r\n <div class=\"sl-hdr-main-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item().title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item().description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item().children; track itemLv2.title) {\r\n <li>\r\n <a\r\n class=\"link lv2\"\r\n [ngClass]=\"{ active: itemLv2.active }\"\r\n [href]=\"itemLv2.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\r\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\r\n >\r\n {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\r\n <li>\r\n <a\r\n class=\"link lv3\"\r\n [ngClass]=\"{ active: itemLv3.active }\"\r\n [href]=\"itemLv3.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n >\r\n {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n {{ itemLv4.title }}\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item().itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item().ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
92
92
  }], ctorParameters: () => [] });
93
93
 
94
94
  class HeaderMainMenuItemComponent {
@@ -146,11 +146,11 @@ class HeaderMainMenuItemComponent {
146
146
  this.dropdownSubscription?.unsubscribe();
147
147
  }
148
148
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
149
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\n <a\n class=\"sl-hdr-main-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item().url\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item()\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
149
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\r\n <a\r\n class=\"sl-hdr-main-item-link\"\r\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item().url\"\r\n rdsitelink\r\n >\r\n {{ item().title }}\r\n @if (item().children?.length) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item().children?.length) {\r\n <div\r\n sl-hdr-main-item-dropdown\r\n class=\"sl-hdr-main-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [item]=\"item()\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
150
150
  }
151
151
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
152
152
  type: Component,
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"] }]
153
+ args: [{ selector: 'li[sl-hdr-main-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\r\n <a\r\n class=\"sl-hdr-main-item-link\"\r\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item().url\"\r\n rdsitelink\r\n >\r\n {{ item().title }}\r\n @if (item().children?.length) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item().children?.length) {\r\n <div\r\n sl-hdr-main-item-dropdown\r\n class=\"sl-hdr-main-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [item]=\"item()\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"] }]
154
154
  }], ctorParameters: () => [], propDecorators: { onMouseOver: [{
155
155
  type: HostListener,
156
156
  args: ['mouseover']
package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-components-header-components-main.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/main/rededor-site-front-end-lib-components-header-components-main.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, computed, inject, input, OnDestroy, output, signal, ViewEncapsulation } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { debounceTime, Subject, Subscription } from 'rxjs';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[sl-hdr-main-item-dropdown]',\n imports: [CommonModule, RdsiteLinkDirective],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header-main-menu-item-dropdown.component.html',\n styleUrl: './header-main-menu-item-dropdown.component.scss',\n})\nexport class HeaderMainMenuItemDropdownComponent implements OnDestroy {\n private cdr = inject(ChangeDetectorRef);\n private curaApiService = inject(CuraApiService);\n\n item = input.required<MenuItem>();\n headerMainMenuItemDDClick = output<Event>();\n headerMainMenuHighlightDDClick = output<Event>();\n headerMainMenuCtaDDClick = output<Event>();\n\n // Também é controlado pelo HeaderMainMenuItemComponent\n opened = signal(false);\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n selectedLv2Item: MenuItem | null = null;\n selectedLv3Item: MenuItem | null = null;\n lv2Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\n lv3Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\n lv2ItemSubscription: Subscription | null = null;\n lv3ItemSubscription: Subscription | null = null;\n\n isLv2ItemHover: boolean = false;\n isLv3ContainerHover: boolean = false;\n isLv3ItemHover: boolean = false;\n isLv4ContainerHover: boolean = false;\n\n constructor() {\n const timeToDebounce = 50;\n\n this.lv2ItemSubscription = this.lv2Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\n if (!this.isLv2ItemHover && !this.isLv3ContainerHover && !this.isLv3ItemHover && !this.isLv4ContainerHover) {\n list.forEach((i) => (i.active = false));\n this.selectedLv2Item = null;\n } else {\n list.forEach((i) => (i.active = i.title == item?.title));\n this.selectedLv2Item = item;\n }\n this.cdr.detectChanges();\n });\n\n this.lv3ItemSubscription = this.lv3Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\n if (!this.isLv3ItemHover && !this.isLv4ContainerHover) {\n list.forEach((i) => (i.active = false));\n this.selectedLv3Item = null;\n } else {\n list.forEach((i) => (i.active = i.title == item?.title));\n this.selectedLv3Item = item;\n }\n this.cdr.detectChanges();\n });\n }\n\n lv2ItemHoverChange(value: boolean, lv2Item: MenuItem, lv2List: MenuItem[] = []) {\n this.isLv2ItemHover = value;\n this.lv2Item$.next({ item: lv2Item, list: lv2List });\n }\n\n lv3ContainerHoverChange(value: boolean, lv2List: MenuItem[] = []) {\n this.isLv3ContainerHover = value;\n this.lv2Item$.next({ item: this.selectedLv2Item, list: lv2List });\n }\n\n lv3ItemHoverChange(value: boolean, lv3Item: MenuItem, lv3List: MenuItem[] = []) {\n this.isLv3ItemHover = value;\n this.lv3Item$.next({ item: lv3Item, list: lv3List });\n }\n\n lv4ContainerHoverChange(value: boolean, lv3List: MenuItem[] = []) {\n this.isLv4ContainerHover = value;\n this.lv3Item$.next({ item: this.selectedLv3Item, list: lv3List });\n }\n\n closeDropdown() {\n this.opened.set(false);\n }\n\n headerMainMenuItemDDClicked(event: Event) {\n this.headerMainMenuItemDDClick.emit(event);\n }\n\n headerMainMenuHighlightDDClicked(event: Event) {\n this.headerMainMenuHighlightDDClick.emit(event);\n }\n\n headerMainMenuCtaDDClicked(event: Event) {\n this.headerMainMenuCtaDDClick.emit(event);\n }\n\n ngOnDestroy(): void {\n this.lv2ItemSubscription?.unsubscribe();\n this.lv3ItemSubscription?.unsubscribe();\n }\n}\n","@if (item()) {\n <div class=\"sl-hdr-main-item-dropdown\">\n <div class=\"info\">\n <p class=\"info-title\">\n {{ item().title }}\n </p>\n\n <p class=\"info-description\">\n {{ item().description }}\n </p>\n </div>\n\n <nav class=\"links-lv2\">\n <ul class=\"links-lv2-content\">\n @for (itemLv2 of item().children; track itemLv2.title) {\n <li>\n <a\n class=\"link lv2\"\n [ngClass]=\"{ active: itemLv2.active }\"\n [href]=\"itemLv2.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n >\n {{ itemLv2.title }}\n @if (itemLv2?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n @if (selectedLv2Item?.children?.length) {\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n <ul class=\"links-lv3-content\">\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n <li>\n <a\n class=\"link lv3\"\n [ngClass]=\"{ active: itemLv3.active }\"\n [href]=\"itemLv3.url\"\n rdsitelink\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n >\n {{ itemLv3.title }}\n @if (itemLv3?.children?.length) {\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n </svg>\n }\n </a>\n </li>\n }\n </ul>\n\n @if (selectedLv3Item?.children?.length) {\n <nav\n class=\"links-lv4\"\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n >\n <ul class=\"links-lv4-content\">\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n <li>\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n {{ itemLv4.title }}\n </a>\n </li>\n }\n </ul>\n </nav>\n }\n </nav>\n }\n </nav>\n\n <div class=\"ctas-container\">\n <div class=\"highlights\">\n @for (destaque of item().itens_destaque; track destaque.titulo) {\n <div class=\"highlight\">\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n <img\n loading=\"lazy\"\n fetchpriority=\"low\"\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n />\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n </a>\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n </div>\n }\n </div>\n\n <div class=\"ctas\">\n @for (cta of item().ctas; track cta.titulo) {\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n </svg>\n {{ cta.titulo }}\n </a>\n }\n </div>\n </div>\n </div>\n}\n","import { CommonModule } from '@angular/common';\nimport { Component, effect, HostListener, inject, input, OnDestroy, output, ViewEncapsulation, viewChild, computed } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { HeaderMainMenuItemDropdownComponent } from '../header-main-menu-item-dropdown/header-main-menu-item-dropdown.component';\nimport { debounceTime, Subject, Subscription } from 'rxjs';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'li[sl-hdr-main-item]',\n imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header-main-menu-item.component.html',\n styleUrl: './header-main-menu-item.component.scss',\n})\nexport class HeaderMainMenuItemComponent implements OnDestroy {\n private curaApiService = inject(CuraApiService);\n\n item = input.required<MenuItem>();\n headerMainMenuItemClick = output<Event>();\n headerMainMenuItemDDClick = output<Event>();\n headerMainMenuHighlightDDClick = output<Event>();\n headerMainMenuCtaDDClick = output<Event>();\n\n isMenuHover: boolean = false;\n isDropdownHover: boolean = false;\n\n dropdownOpen$: Subject<boolean> = new Subject();\n dropdownSubscription: Subscription | null = null;\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n readonly dropdownComponent = viewChild(HeaderMainMenuItemDropdownComponent);\n\n @HostListener('mouseover')\n onMouseOver() {\n this.btnHoverChange(true);\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n this.btnHoverChange(false);\n }\n\n constructor() {\n effect(() => {\n if (!this.dropdownComponent()?.opened()) {\n this.isMenuHover = false;\n this.isDropdownHover = false;\n }\n });\n\n const timeToDebounce = 50;\n this.dropdownSubscription = this.dropdownOpen$.pipe(debounceTime(timeToDebounce)).subscribe((open) => {\n this.dropdownComponent()?.opened?.set(open);\n });\n }\n\n headerMainMenuItemClicked(event: Event) {\n this.headerMainMenuItemClick.emit(event);\n }\n\n headerMainMenuItemDDClicked(event: Event) {\n this.headerMainMenuItemDDClick.emit(event);\n }\n\n headerMainMenuHighlightDDClicked(event: Event) {\n this.headerMainMenuHighlightDDClick.emit(event);\n }\n\n headerMainMenuCtaDDClicked(event: Event) {\n this.headerMainMenuCtaDDClick.emit(event);\n }\n\n btnHoverChange(value: boolean) {\n this.isMenuHover = value;\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\n }\n\n dropdownHoverChange(value: boolean) {\n this.isDropdownHover = value;\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\n }\n\n ngOnDestroy(): void {\n this.dropdownSubscription?.unsubscribe();\n }\n}\n","@if (item()) {\n <a\n class=\"sl-hdr-main-item-link\"\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n (click)=\"headerMainMenuItemClicked($event)\"\n [href]=\"item().url\"\n rdsitelink\n >\n {{ item().title }}\n @if (item().children?.length) {\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n </svg>\n }\n </a>\n\n @if (item().children?.length) {\n <div\n sl-hdr-main-item-dropdown\n class=\"sl-hdr-main-item-dropdown-container\"\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n (mouseenter)=\"dropdownHoverChange(true)\"\n (mouseleave)=\"dropdownHoverChange(false)\"\n [item]=\"item()\"\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n ></div>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"rededor-site-front-end-lib-components-header-components-main.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/main/header-main-menu-item/header-main-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/main/rededor-site-front-end-lib-components-header-components-main.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, computed, inject, input, OnDestroy, output, signal, ViewEncapsulation } from '@angular/core';\r\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\r\nimport { debounceTime, Subject, Subscription } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'div[sl-hdr-main-item-dropdown]',\r\n imports: [CommonModule, RdsiteLinkDirective],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-main-menu-item-dropdown.component.html',\r\n styleUrl: './header-main-menu-item-dropdown.component.scss',\r\n})\r\nexport class HeaderMainMenuItemDropdownComponent implements OnDestroy {\r\n private cdr = inject(ChangeDetectorRef);\r\n private curaApiService = inject(CuraApiService);\r\n\r\n item = input.required<MenuItem>();\r\n headerMainMenuItemDDClick = output<Event>();\r\n headerMainMenuHighlightDDClick = output<Event>();\r\n headerMainMenuCtaDDClick = output<Event>();\r\n\r\n // Também é controlado pelo HeaderMainMenuItemComponent\r\n opened = signal(false);\r\n\r\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n selectedLv2Item: MenuItem | null = null;\r\n selectedLv3Item: MenuItem | null = null;\r\n lv2Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\r\n lv3Item$ = new Subject<{ item: MenuItem | null; list: MenuItem[] }>();\r\n lv2ItemSubscription: Subscription | null = null;\r\n lv3ItemSubscription: Subscription | null = null;\r\n\r\n isLv2ItemHover: boolean = false;\r\n isLv3ContainerHover: boolean = false;\r\n isLv3ItemHover: boolean = false;\r\n isLv4ContainerHover: boolean = false;\r\n\r\n constructor() {\r\n const timeToDebounce = 50;\r\n\r\n this.lv2ItemSubscription = this.lv2Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\r\n if (!this.isLv2ItemHover && !this.isLv3ContainerHover && !this.isLv3ItemHover && !this.isLv4ContainerHover) {\r\n list.forEach((i) => (i.active = false));\r\n this.selectedLv2Item = null;\r\n } else {\r\n list.forEach((i) => (i.active = i.title == item?.title));\r\n this.selectedLv2Item = item;\r\n }\r\n this.cdr.detectChanges();\r\n });\r\n\r\n this.lv3ItemSubscription = this.lv3Item$.pipe(debounceTime(timeToDebounce)).subscribe(({ item, list }) => {\r\n if (!this.isLv3ItemHover && !this.isLv4ContainerHover) {\r\n list.forEach((i) => (i.active = false));\r\n this.selectedLv3Item = null;\r\n } else {\r\n list.forEach((i) => (i.active = i.title == item?.title));\r\n this.selectedLv3Item = item;\r\n }\r\n this.cdr.detectChanges();\r\n });\r\n }\r\n\r\n lv2ItemHoverChange(value: boolean, lv2Item: MenuItem, lv2List: MenuItem[] = []) {\r\n this.isLv2ItemHover = value;\r\n this.lv2Item$.next({ item: lv2Item, list: lv2List });\r\n }\r\n\r\n lv3ContainerHoverChange(value: boolean, lv2List: MenuItem[] = []) {\r\n this.isLv3ContainerHover = value;\r\n this.lv2Item$.next({ item: this.selectedLv2Item, list: lv2List });\r\n }\r\n\r\n lv3ItemHoverChange(value: boolean, lv3Item: MenuItem, lv3List: MenuItem[] = []) {\r\n this.isLv3ItemHover = value;\r\n this.lv3Item$.next({ item: lv3Item, list: lv3List });\r\n }\r\n\r\n lv4ContainerHoverChange(value: boolean, lv3List: MenuItem[] = []) {\r\n this.isLv4ContainerHover = value;\r\n this.lv3Item$.next({ item: this.selectedLv3Item, list: lv3List });\r\n }\r\n\r\n closeDropdown() {\r\n this.opened.set(false);\r\n }\r\n\r\n headerMainMenuItemDDClicked(event: Event) {\r\n this.headerMainMenuItemDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuHighlightDDClicked(event: Event) {\r\n this.headerMainMenuHighlightDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuCtaDDClicked(event: Event) {\r\n this.headerMainMenuCtaDDClick.emit(event);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.lv2ItemSubscription?.unsubscribe();\r\n this.lv3ItemSubscription?.unsubscribe();\r\n }\r\n}\r\n","@if (item()) {\r\n <div class=\"sl-hdr-main-item-dropdown\">\r\n <div class=\"info\">\r\n <p class=\"info-title\">\r\n {{ item().title }}\r\n </p>\r\n\r\n <p class=\"info-description\">\r\n {{ item().description }}\r\n </p>\r\n </div>\r\n\r\n <nav class=\"links-lv2\">\r\n <ul class=\"links-lv2-content\">\r\n @for (itemLv2 of item().children; track itemLv2.title) {\r\n <li>\r\n <a\r\n class=\"link lv2\"\r\n [ngClass]=\"{ active: itemLv2.active }\"\r\n [href]=\"itemLv2.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\r\n (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\r\n >\r\n {{ itemLv2.title }}\r\n @if (itemLv2?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n @if (selectedLv2Item?.children?.length) {\r\n <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\r\n <ul class=\"links-lv3-content\">\r\n @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\r\n <li>\r\n <a\r\n class=\"link lv3\"\r\n [ngClass]=\"{ active: itemLv3.active }\"\r\n [href]=\"itemLv3.url\"\r\n rdsitelink\r\n (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n >\r\n {{ itemLv3.title }}\r\n @if (itemLv3?.children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n\r\n @if (selectedLv3Item?.children?.length) {\r\n <nav\r\n class=\"links-lv4\"\r\n (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n >\r\n <ul class=\"links-lv4-content\">\r\n @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\r\n <li>\r\n <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n {{ itemLv4.title }}\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </nav>\r\n }\r\n </nav>\r\n }\r\n </nav>\r\n\r\n <div class=\"ctas-container\">\r\n <div class=\"highlights\">\r\n @for (destaque of item().itens_destaque; track destaque.titulo) {\r\n <div class=\"highlight\">\r\n <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n <img\r\n loading=\"lazy\"\r\n fetchpriority=\"low\"\r\n [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n />\r\n <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n </a>\r\n <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"ctas\">\r\n @for (cta of item().ctas; track cta.titulo) {\r\n <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\r\n </svg>\r\n {{ cta.titulo }}\r\n </a>\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, effect, HostListener, inject, input, OnDestroy, output, ViewEncapsulation, viewChild, computed } from '@angular/core';\r\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\r\nimport { HeaderMainMenuItemDropdownComponent } from '../header-main-menu-item-dropdown/header-main-menu-item-dropdown.component';\r\nimport { debounceTime, Subject, Subscription } from 'rxjs';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'li[sl-hdr-main-item]',\r\n imports: [CommonModule, RdsiteLinkDirective, HeaderMainMenuItemDropdownComponent],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-main-menu-item.component.html',\r\n styleUrl: './header-main-menu-item.component.scss',\r\n})\r\nexport class HeaderMainMenuItemComponent implements OnDestroy {\r\n private curaApiService = inject(CuraApiService);\r\n\r\n item = input.required<MenuItem>();\r\n headerMainMenuItemClick = output<Event>();\r\n headerMainMenuItemDDClick = output<Event>();\r\n headerMainMenuHighlightDDClick = output<Event>();\r\n headerMainMenuCtaDDClick = output<Event>();\r\n\r\n isMenuHover: boolean = false;\r\n isDropdownHover: boolean = false;\r\n\r\n dropdownOpen$: Subject<boolean> = new Subject();\r\n dropdownSubscription: Subscription | null = null;\r\n\r\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n readonly dropdownComponent = viewChild(HeaderMainMenuItemDropdownComponent);\r\n\r\n @HostListener('mouseover')\r\n onMouseOver() {\r\n this.btnHoverChange(true);\r\n }\r\n\r\n @HostListener('mouseleave')\r\n onMouseLeave() {\r\n this.btnHoverChange(false);\r\n }\r\n\r\n constructor() {\r\n effect(() => {\r\n if (!this.dropdownComponent()?.opened()) {\r\n this.isMenuHover = false;\r\n this.isDropdownHover = false;\r\n }\r\n });\r\n\r\n const timeToDebounce = 50;\r\n this.dropdownSubscription = this.dropdownOpen$.pipe(debounceTime(timeToDebounce)).subscribe((open) => {\r\n this.dropdownComponent()?.opened?.set(open);\r\n });\r\n }\r\n\r\n headerMainMenuItemClicked(event: Event) {\r\n this.headerMainMenuItemClick.emit(event);\r\n }\r\n\r\n headerMainMenuItemDDClicked(event: Event) {\r\n this.headerMainMenuItemDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuHighlightDDClicked(event: Event) {\r\n this.headerMainMenuHighlightDDClick.emit(event);\r\n }\r\n\r\n headerMainMenuCtaDDClicked(event: Event) {\r\n this.headerMainMenuCtaDDClick.emit(event);\r\n }\r\n\r\n btnHoverChange(value: boolean) {\r\n this.isMenuHover = value;\r\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\r\n }\r\n\r\n dropdownHoverChange(value: boolean) {\r\n this.isDropdownHover = value;\r\n this.dropdownOpen$.next(this.isMenuHover || this.isDropdownHover);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.dropdownSubscription?.unsubscribe();\r\n }\r\n}\r\n","@if (item()) {\r\n <a\r\n class=\"sl-hdr-main-item-link\"\r\n [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\r\n (click)=\"headerMainMenuItemClicked($event)\"\r\n [href]=\"item().url\"\r\n rdsitelink\r\n >\r\n {{ item().title }}\r\n @if (item().children?.length) {\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item().children?.length) {\r\n <div\r\n sl-hdr-main-item-dropdown\r\n class=\"sl-hdr-main-item-dropdown-container\"\r\n [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\r\n (mouseenter)=\"dropdownHoverChange(true)\"\r\n (mouseleave)=\"dropdownHoverChange(false)\"\r\n [item]=\"item()\"\r\n (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n ></div>\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs CHANGED
@@ -35,11 +35,11 @@ class HeaderSideMenuItemComponent {
35
35
  this.headerSideMenuItemClick.emit(event);
36
36
  }
37
37
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
38
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", 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 }); }
38
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", 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()) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item().title }}</span>\r\n @if (!item().children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item().children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item().children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\r\n @for (child of item().children; track child.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
39
39
  }
40
40
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
41
41
  type: Component,
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"] }]
42
+ args: [{ selector: 'li[sl-hdr-side-item]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item().title }}</span>\r\n @if (!item().children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item().children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item().children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\r\n @for (child of item().children; track child.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"] }]
43
43
  }], propDecorators: { style: [{
44
44
  type: HostBinding
45
45
  }] } });
@@ -56,11 +56,11 @@ class HeaderSideMenuComponent {
56
56
  this.headerService.toggleShowSideMenu(false);
57
57
  }
58
58
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
59
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", 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 }); }
59
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", 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() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n @if (sideMenuGeoloc()) {\r\n <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\r\n }\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\r\n @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\r\n <li\r\n sl-hdr-side-item\r\n [item]=\"sideMenuItem\"\r\n [fontSize]=\"firstGroup ? 16 : 14\"\r\n [altStyle]=\"lastGroup\"\r\n [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\r\n ></li>\r\n }\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: 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
61
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
62
62
  type: Component,
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"] }]
63
+ args: [{ selector: 'div[sl-hdr-side]', imports: [CommonModule, OverlayComponent, HeaderSideMenuItemComponent], encapsulation: ViewEncapsulation.None, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n @if (sideMenuGeoloc()) {\r\n <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\r\n }\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\r\n @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\r\n <li\r\n sl-hdr-side-item\r\n [item]=\"sideMenuItem\"\r\n [fontSize]=\"firstGroup ? 16 : 14\"\r\n [altStyle]=\"lastGroup\"\r\n [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\r\n ></li>\r\n }\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"] }]
64
64
  }] });
65
65
 
66
66
  /**
package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-components-header-components-side.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/side/header-side-menu-item/header-side-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/side/header-side-menu-item/header-side-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/side/header-side-menu/header-side-menu.component.ts","../../../projects/site-front-end-lib/components/header/components/side/header-side-menu/header-side-menu.component.html","../../../projects/site-front-end-lib/components/header/components/side/rededor-site-front-end-lib-components-header-components-side.ts"],"sourcesContent":["import { Component, computed, HostBinding, inject, input, InputSignal, output, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'li[sl-hdr-side-item]',\n imports: [CommonModule, RdsiteLinkDirective],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header-side-menu-item.component.html',\n styleUrl: './header-side-menu-item.component.scss',\n})\nexport class HeaderSideMenuItemComponent {\n private curaApiService = inject(CuraApiService);\n headerService = inject(HeaderService);\n\n item = input.required<MenuItem>();\n altStyle = input<boolean>(false);\n fontSize = input<number>(14);\n headerSideMenuItemClick = output<Event>();\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n @HostBinding() get style() {\n return {\n '--side-menu-item-font-size': `${this.fontSize()}px`,\n };\n }\n\n overlayClick() {\n this.headerService.toggleShowSideMenu(false);\n }\n\n toggleList(event: Event, sideMenuItem: InputSignal<MenuItem>, canCloseSideMenu: boolean) {\n event.stopPropagation();\n sideMenuItem().active = !sideMenuItem().active;\n if (canCloseSideMenu) return this.headerService.toggleShowSideMenu(false);\n }\n\n headerSideMenuItemClicked(event: Event) {\n this.headerSideMenuItemClick.emit(event);\n }\n}\n","@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","import { Component, computed, inject, input, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\nimport { HeaderSideMenuItemComponent } from '../header-side-menu-item/header-side-menu-item.component';\nimport { MenuItem } from '@rededor/site-front-end-lib/core';\nimport { OverlayComponent } from '@rededor/site-front-end-lib/components/overlay';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'div[sl-hdr-side]',\n imports: [CommonModule, OverlayComponent, HeaderSideMenuItemComponent],\n encapsulation: ViewEncapsulation.None,\n templateUrl: './header-side-menu.component.html',\n styleUrl: './header-side-menu.component.scss',\n})\nexport class HeaderSideMenuComponent {\n headerService = inject(HeaderService);\n private curaApiService = inject(CuraApiService);\n\n sideMenuGroups = input<MenuItem[][]>([]);\n sideMenuGeoloc = input<TemplateRef<any> | null>(null);\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n overlayClick() {\n this.headerService.toggleShowSideMenu(false);\n }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"rededor-site-front-end-lib-components-header-components-side.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/side/header-side-menu-item/header-side-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/side/header-side-menu-item/header-side-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/side/header-side-menu/header-side-menu.component.ts","../../../projects/site-front-end-lib/components/header/components/side/header-side-menu/header-side-menu.component.html","../../../projects/site-front-end-lib/components/header/components/side/rededor-site-front-end-lib-components-header-components-side.ts"],"sourcesContent":["import { Component, computed, HostBinding, inject, input, InputSignal, output, ViewEncapsulation } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\r\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'li[sl-hdr-side-item]',\r\n imports: [CommonModule, RdsiteLinkDirective],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-side-menu-item.component.html',\r\n styleUrl: './header-side-menu-item.component.scss',\r\n})\r\nexport class HeaderSideMenuItemComponent {\r\n private curaApiService = inject(CuraApiService);\r\n headerService = inject(HeaderService);\r\n\r\n item = input.required<MenuItem>();\r\n altStyle = input<boolean>(false);\r\n fontSize = input<number>(14);\r\n headerSideMenuItemClick = output<Event>();\r\n\r\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n @HostBinding() get style() {\r\n return {\r\n '--side-menu-item-font-size': `${this.fontSize()}px`,\r\n };\r\n }\r\n\r\n overlayClick() {\r\n this.headerService.toggleShowSideMenu(false);\r\n }\r\n\r\n toggleList(event: Event, sideMenuItem: InputSignal<MenuItem>, canCloseSideMenu: boolean) {\r\n event.stopPropagation();\r\n sideMenuItem().active = !sideMenuItem().active;\r\n if (canCloseSideMenu) return this.headerService.toggleShowSideMenu(false);\r\n }\r\n\r\n headerSideMenuItemClicked(event: Event) {\r\n this.headerSideMenuItemClick.emit(event);\r\n }\r\n}\r\n","@if (item()) {\r\n <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\r\n <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\r\n <span>{{ item().title }}</span>\r\n @if (!item().children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\r\n </svg>\r\n }\r\n </a>\r\n\r\n @if (item().children?.length) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\r\n </svg>\r\n }\r\n </div>\r\n\r\n @if (item().children?.length) {\r\n <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\r\n @for (child of item().children; track child.title) {\r\n <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\r\n }\r\n </ul>\r\n }\r\n}\r\n","import { Component, computed, inject, input, TemplateRef, ViewEncapsulation } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\r\nimport { HeaderSideMenuItemComponent } from '../header-side-menu-item/header-side-menu-item.component';\r\nimport { MenuItem } from '@rededor/site-front-end-lib/core';\r\nimport { OverlayComponent } from '@rededor/site-front-end-lib/components/overlay';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n // eslint-disable-next-line @angular-eslint/component-selector\r\n selector: 'div[sl-hdr-side]',\r\n imports: [CommonModule, OverlayComponent, HeaderSideMenuItemComponent],\r\n encapsulation: ViewEncapsulation.None,\r\n templateUrl: './header-side-menu.component.html',\r\n styleUrl: './header-side-menu.component.scss',\r\n})\r\nexport class HeaderSideMenuComponent {\r\n headerService = inject(HeaderService);\r\n private curaApiService = inject(CuraApiService);\r\n\r\n sideMenuGroups = input<MenuItem[][]>([]);\r\n sideMenuGeoloc = input<TemplateRef<any> | null>(null);\r\n\r\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n overlayClick() {\r\n this.headerService.toggleShowSideMenu(false);\r\n }\r\n}\r\n","<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\r\n <div class=\"side-menu\">\r\n <div class=\"side-menu-close\">\r\n <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </button>\r\n </div>\r\n\r\n @if (sideMenuGeoloc()) {\r\n <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\r\n }\r\n\r\n <nav>\r\n <ul class=\"side-menu-content\">\r\n @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\r\n @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\r\n <li\r\n sl-hdr-side-item\r\n [item]=\"sideMenuItem\"\r\n [fontSize]=\"firstGroup ? 16 : 14\"\r\n [altStyle]=\"lastGroup\"\r\n [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\r\n ></li>\r\n }\r\n }\r\n </ul>\r\n </nav>\r\n </div>\r\n</div>\r\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs CHANGED
@@ -114,11 +114,11 @@ class ModalDrawerComponent {
114
114
  this.modalContent.set(null);
115
115
  }
116
116
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ModalDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
117
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", 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"] }] }); }
117
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", 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\">\r\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\r\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\r\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\r\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\r\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\r\n </div>\r\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </a>\r\n </div>\r\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\r\n @if (modalContent()) {\r\n <ng-container>\r\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\r\n </ng-container>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\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
119
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: ModalDrawerComponent, decorators: [{
120
120
  type: Component,
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"] }]
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\">\r\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\r\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\r\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\r\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\r\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\r\n </div>\r\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </a>\r\n </div>\r\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\r\n @if (modalContent()) {\r\n <ng-container>\r\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\r\n </ng-container>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\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: { classBinding: [{
123
123
  type: HostBinding,
124
124
  args: ['class']
package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"rededor-site-front-end-lib-components-modal-drawer.mjs","sources":["../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.ts","../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.html","../../../projects/site-front-end-lib/components/modal-drawer/rededor-site-front-end-lib-components-modal-drawer.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectorRef, Component, DOCUMENT, HostBinding, HostListener, inject, model, PLATFORM_ID, computed } from '@angular/core';\nimport { AbstractModalDrawerComponent, RdsiteModalDrawerComponentStyle } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer',\n imports: [CommonModule],\n templateUrl: './modal-drawer.component.html',\n styleUrl: './modal-drawer.component.scss',\n})\nexport class ModalDrawerComponent implements AbstractModalDrawerComponent {\n private readonly curaApiService = inject(CuraApiService);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly document = inject(DOCUMENT);\n private readonly cdr = inject(ChangeDetectorRef);\n\n sheet!: HTMLElement;\n sheetContents!: HTMLElement;\n draggableArea!: HTMLElement;\n sheetHeight!: number;\n dragPosition!: number;\n maxHeight = 75; // isso também pode ser controlado pelo service\n\n closeHeight = this.maxHeight / 1.5;\n\n rdsiteModalComponentStyle = RdsiteModalDrawerComponentStyle;\n\n id = model<string>('default');\n modalContent = model<any>();\n componentStyle = model<RdsiteModalDrawerComponentStyle>(RdsiteModalDrawerComponentStyle.DEFAULT);\n\n modal!: HTMLDialogElement;\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n @HostBinding('class') get classBinding() {\n return {\n 'filter-doencas': this.componentStyle() === RdsiteModalDrawerComponentStyle.FILTERDOENCAS,\n };\n }\n\n @HostBinding('style') styleBinding = {\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\n '--primary-light': this.curaApiService.theme.colors.getColor('primary-light'),\n '--secondary-base': this.curaApiService.theme.colors.getColor('secondary-base'),\n };\n\n ngOnInit() {\n this.modal = this.document.getElementById('rdsite-modal-drawer') as HTMLDialogElement;\n }\n\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.sheet = this.document.querySelector('#sheet')!;\n this.sheetContents = this.sheet.querySelector('.contents')!;\n this.draggableArea = this.sheet.querySelector('.draggable-area')!;\n }\n }\n\n setSheetHeight(value: number) {\n this.sheetHeight = Math.max(0, Math.min(100, value));\n if (this.sheetHeight > this.maxHeight) {\n return;\n }\n this.sheetContents.style.height = `${this.sheetHeight}vh`;\n }\n\n setIsSheetShown(isShown: boolean) {\n this.sheet.setAttribute('aria-hidden', String(!isShown));\n if (isPlatformBrowser(this.platformId) && !isShown) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n }\n }\n }\n\n openSheet() {\n if (this.componentStyle() === RdsiteModalDrawerComponentStyle.FORMFALLBACK) {\n this.maxHeight = 45;\n this.closeHeight = this.maxHeight / 1.5;\n }\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'hidden';\n this.cdr.detectChanges();\n (this.modal as any).showModal();\n this.setSheetHeight(Math.min(this.maxHeight, (720 / window.innerHeight) * 100));\n this.setIsSheetShown(true);\n }\n }\n }\n\n closeSheet() {\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n (this.modal as any).close();\n this.reset();\n this.setIsSheetShown(false);\n }\n }\n }\n\n touchPosition(event: any) {\n return event?.touches ? event.touches[0] : event;\n }\n\n @HostListener('touchstart', ['$event'])\n onDragStart(event: TouchEvent) {\n this.dragPosition = this.touchPosition(event).pageY;\n this.sheetContents.classList.add('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = 'grabbing';\n }\n\n @HostListener('touchmove', ['$event'])\n onDragMove(event: TouchEvent) {\n if (this.dragPosition === undefined) return;\n\n const y = this.touchPosition(event).pageY;\n const deltaY = this.dragPosition - y;\n const deltaHeight = (deltaY / window.innerHeight) * 100;\n\n this.setSheetHeight(this.sheetHeight + deltaHeight);\n this.dragPosition = y;\n }\n\n @HostListener('touchend', ['$event'])\n onDragEnd() {\n this.dragPosition = 0;\n this.sheetContents.classList.remove('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = '';\n\n if (this.sheetHeight < this.closeHeight) {\n this.closeSheet();\n } else {\n this.setSheetHeight(this.maxHeight);\n }\n }\n\n public reset() {\n this.modalContent.set(null as any);\n }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"rededor-site-front-end-lib-components-modal-drawer.mjs","sources":["../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.ts","../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.html","../../../projects/site-front-end-lib/components/modal-drawer/rededor-site-front-end-lib-components-modal-drawer.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\r\nimport { ChangeDetectorRef, Component, DOCUMENT, HostBinding, HostListener, inject, model, PLATFORM_ID, computed } from '@angular/core';\r\nimport { AbstractModalDrawerComponent, RdsiteModalDrawerComponentStyle } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer',\r\n imports: [CommonModule],\r\n templateUrl: './modal-drawer.component.html',\r\n styleUrl: './modal-drawer.component.scss',\r\n})\r\nexport class ModalDrawerComponent implements AbstractModalDrawerComponent {\r\n private readonly curaApiService = inject(CuraApiService);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n private readonly document = inject(DOCUMENT);\r\n private readonly cdr = inject(ChangeDetectorRef);\r\n\r\n sheet!: HTMLElement;\r\n sheetContents!: HTMLElement;\r\n draggableArea!: HTMLElement;\r\n sheetHeight!: number;\r\n dragPosition!: number;\r\n maxHeight = 75; // isso também pode ser controlado pelo service\r\n\r\n closeHeight = this.maxHeight / 1.5;\r\n\r\n rdsiteModalComponentStyle = RdsiteModalDrawerComponentStyle;\r\n\r\n id = model<string>('default');\r\n modalContent = model<any>();\r\n componentStyle = model<RdsiteModalDrawerComponentStyle>(RdsiteModalDrawerComponentStyle.DEFAULT);\r\n\r\n modal!: HTMLDialogElement;\r\n\r\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n @HostBinding('class') get classBinding() {\r\n return {\r\n 'filter-doencas': this.componentStyle() === RdsiteModalDrawerComponentStyle.FILTERDOENCAS,\r\n };\r\n }\r\n\r\n @HostBinding('style') styleBinding = {\r\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\r\n '--primary-light': this.curaApiService.theme.colors.getColor('primary-light'),\r\n '--secondary-base': this.curaApiService.theme.colors.getColor('secondary-base'),\r\n };\r\n\r\n ngOnInit() {\r\n this.modal = this.document.getElementById('rdsite-modal-drawer') as HTMLDialogElement;\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n if (isPlatformBrowser(this.platformId)) {\r\n this.sheet = this.document.querySelector('#sheet')!;\r\n this.sheetContents = this.sheet.querySelector('.contents')!;\r\n this.draggableArea = this.sheet.querySelector('.draggable-area')!;\r\n }\r\n }\r\n\r\n setSheetHeight(value: number) {\r\n this.sheetHeight = Math.max(0, Math.min(100, value));\r\n if (this.sheetHeight > this.maxHeight) {\r\n return;\r\n }\r\n this.sheetContents.style.height = `${this.sheetHeight}vh`;\r\n }\r\n\r\n setIsSheetShown(isShown: boolean) {\r\n this.sheet.setAttribute('aria-hidden', String(!isShown));\r\n if (isPlatformBrowser(this.platformId) && !isShown) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'auto';\r\n }\r\n }\r\n }\r\n\r\n openSheet() {\r\n if (this.componentStyle() === RdsiteModalDrawerComponentStyle.FORMFALLBACK) {\r\n this.maxHeight = 45;\r\n this.closeHeight = this.maxHeight / 1.5;\r\n }\r\n if (isPlatformBrowser(this.platformId)) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'hidden';\r\n this.cdr.detectChanges();\r\n (this.modal as any).showModal();\r\n this.setSheetHeight(Math.min(this.maxHeight, (720 / window.innerHeight) * 100));\r\n this.setIsSheetShown(true);\r\n }\r\n }\r\n }\r\n\r\n closeSheet() {\r\n if (isPlatformBrowser(this.platformId)) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'auto';\r\n (this.modal as any).close();\r\n this.reset();\r\n this.setIsSheetShown(false);\r\n }\r\n }\r\n }\r\n\r\n touchPosition(event: any) {\r\n return event?.touches ? event.touches[0] : event;\r\n }\r\n\r\n @HostListener('touchstart', ['$event'])\r\n onDragStart(event: TouchEvent) {\r\n this.dragPosition = this.touchPosition(event).pageY;\r\n this.sheetContents.classList.add('not-selectable');\r\n this.draggableArea.style.cursor = this.document.body.style.cursor = 'grabbing';\r\n }\r\n\r\n @HostListener('touchmove', ['$event'])\r\n onDragMove(event: TouchEvent) {\r\n if (this.dragPosition === undefined) return;\r\n\r\n const y = this.touchPosition(event).pageY;\r\n const deltaY = this.dragPosition - y;\r\n const deltaHeight = (deltaY / window.innerHeight) * 100;\r\n\r\n this.setSheetHeight(this.sheetHeight + deltaHeight);\r\n this.dragPosition = y;\r\n }\r\n\r\n @HostListener('touchend', ['$event'])\r\n onDragEnd() {\r\n this.dragPosition = 0;\r\n this.sheetContents.classList.remove('not-selectable');\r\n this.draggableArea.style.cursor = this.document.body.style.cursor = '';\r\n\r\n if (this.sheetHeight < this.closeHeight) {\r\n this.closeSheet();\r\n } else {\r\n this.setSheetHeight(this.maxHeight);\r\n }\r\n }\r\n\r\n public reset() {\r\n this.modalContent.set(null as any);\r\n }\r\n}\r\n","<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\r\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\r\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\r\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\r\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\r\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\r\n </div>\r\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </a>\r\n </div>\r\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\r\n @if (modalContent()) {\r\n <ng-container>\r\n <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\r\n </ng-container>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}