@rededor/site-front-end-lib 20.0.19 → 20.0.21

package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-header-components-auxiliar.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/rededor-site-front-end-lib-components-header-components-auxiliar.ts"],"sourcesContent":["import { Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'div[sl-hdr-aux-item-dropdown]',\n  imports: [RdsiteLinkDirective],\n  encapsulation: ViewEncapsulation.None,\n  templateUrl: './header-aux-menu-item-dropdown.component.html',\n  styleUrl: './header-aux-menu-item-dropdown.component.scss',\n})\nexport class HeaderAuxMenuItemDropdownComponent {\n  items = input.required<MenuItem[]>();\n  headerAuxMenuItemDDClick = output<Event>();\n\n  headerAuxMenuItemDDClicked(event: Event) {\n    this.headerAuxMenuItemDDClick.emit(event);\n  }\n}\n","<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n","import { CommonModule } from '@angular/common';\nimport { Component, computed, inject, input, output, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { HeaderAuxMenuItemDropdownComponent } from '../header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'li[sl-hdr-aux-item]',\n  imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent],\n  encapsulation: ViewEncapsulation.None,\n  templateUrl: './header-aux-menu-item.component.html',\n  styleUrl: './header-aux-menu-item.component.scss',\n})\nexport class HeaderAuxMenuItemComponent {\n  private curaApiService = inject(CuraApiService);\n\n  item = input.required<MenuItem>();\n  altStyle = input<boolean>(false);\n  onlyDesktop = input<boolean>(false);\n\n  headerAuxMenuItemClick = output<Event>();\n  headerAuxMenuItemDDClick = output<Event>();\n\n  isMenuHover: WritableSignal<boolean> = signal(false);\n  isDropdownHover: WritableSignal<boolean> = signal(false);\n\n  // Computed signals\n  public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n  headerAuxMenuItemClicked(event: Event) {\n    this.headerAuxMenuItemClick.emit(event);\n  }\n\n  headerAuxMenuItemDDClicked(event: Event) {\n    this.headerAuxMenuItemDDClick.emit(event);\n  }\n\n  btnHoverChange(value: boolean) {\n    this.isMenuHover.set(value);\n  }\n\n  dropdownHoverChange(value: boolean) {\n    this.isDropdownHover.set(value);\n  }\n}\n","@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle,\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rededor-site-front-end-lib-components-header-components-auxiliar.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.ts","../../../projects/site-front-end-lib/components/header/components/auxiliar/header-aux-menu-item/header-aux-menu-item.component.html","../../../projects/site-front-end-lib/components/header/components/auxiliar/rededor-site-front-end-lib-components-header-components-auxiliar.ts"],"sourcesContent":["import { Component, input, output, ViewEncapsulation } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'div[sl-hdr-aux-item-dropdown]',\n  imports: [RdsiteLinkDirective],\n  encapsulation: ViewEncapsulation.None,\n  templateUrl: './header-aux-menu-item-dropdown.component.html',\n  styleUrl: './header-aux-menu-item-dropdown.component.scss',\n})\nexport class HeaderAuxMenuItemDropdownComponent {\n  items = input.required<MenuItem[]>();\n  headerAuxMenuItemDDClick = output<Event>();\n\n  headerAuxMenuItemDDClicked(event: Event) {\n    this.headerAuxMenuItemDDClick.emit(event);\n  }\n}\n","<ul>\n  @for (dropdownItem of items(); track dropdownItem.title) {\n    <li class=\"dropdown-item\">\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\n    </li>\n  }\n</ul>\n","import { CommonModule } from '@angular/common';\nimport { Component, computed, inject, input, output, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\nimport { HeaderAuxMenuItemDropdownComponent } from '../header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'li[sl-hdr-aux-item]',\n  imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent],\n  encapsulation: ViewEncapsulation.None,\n  templateUrl: './header-aux-menu-item.component.html',\n  styleUrl: './header-aux-menu-item.component.scss',\n})\nexport class HeaderAuxMenuItemComponent {\n  private curaApiService = inject(CuraApiService);\n\n  item = input.required<MenuItem>();\n  altStyle = input<boolean>(false);\n  onlyDesktop = input<boolean>(false);\n\n  headerAuxMenuItemClick = output<Event>();\n  headerAuxMenuItemDDClick = output<Event>();\n\n  isMenuHover: WritableSignal<boolean> = signal(false);\n  isDropdownHover: WritableSignal<boolean> = signal(false);\n\n  // Computed signals\n  public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n  headerAuxMenuItemClicked(event: Event) {\n    this.headerAuxMenuItemClick.emit(event);\n  }\n\n  headerAuxMenuItemDDClicked(event: Event) {\n    this.headerAuxMenuItemDDClick.emit(event);\n  }\n\n  btnHoverChange(value: boolean) {\n    this.isMenuHover.set(value);\n  }\n\n  dropdownHoverChange(value: boolean) {\n    this.isDropdownHover.set(value);\n  }\n}\n","@if (item()) {\n  <a\n    class=\"sl-hdr-aux-item-link\"\n    [ngClass]=\"{\n      hover: isMenuHover() || isDropdownHover(),\n      alt: altStyle(),\n    }\"\n    (mouseenter)=\"btnHoverChange(true)\"\n    (mouseleave)=\"btnHoverChange(false)\"\n    [href]=\"item().url\"\n    (click)=\"headerAuxMenuItemClicked($event)\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-aux-item-dropdown\n      class=\"sl-hdr-aux-item-dropdown\"\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [items]=\"item().children ?? []\"\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\n    ></div>\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs

@@ -83,12 +83,12 @@ class HeaderMainMenuItemDropdownComponent {
         this.lv2ItemSubscription?.unsubscribe();
         this.lv3ItemSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n  <div class=\"sl-hdr-main-item-dropdown\">\n    <div class=\"info\">\n      <p class=\"info-title\">\n        {{ item().title }}\n      </p>\n\n      <p class=\"info-description\">\n        {{ item().description }}\n      </p>\n    </div>\n\n    <nav class=\"links-lv2\">\n      <ul class=\"links-lv2-content\">\n        @for (itemLv2 of item().children; track itemLv2.title) {\n          <li>\n            <a\n              class=\"link lv2\"\n              [ngClass]=\"{ active: itemLv2.active }\"\n              [href]=\"itemLv2.url\"\n              rdsitelink\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n            >\n              {{ itemLv2.title }}\n              @if (itemLv2?.children?.length) {\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                </svg>\n              }\n            </a>\n          </li>\n        }\n      </ul>\n      @if (selectedLv2Item?.children?.length) {\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n          <ul class=\"links-lv3-content\">\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n              <li>\n                <a\n                  class=\"link lv3\"\n                  [ngClass]=\"{ active: itemLv3.active }\"\n                  [href]=\"itemLv3.url\"\n                  rdsitelink\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n                >\n                  {{ itemLv3.title }}\n                  @if (itemLv3?.children?.length) {\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                    </svg>\n                  }\n                </a>\n              </li>\n            }\n          </ul>\n\n          @if (selectedLv3Item?.children?.length) {\n            <nav\n              class=\"links-lv4\"\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n            >\n              <ul class=\"links-lv4-content\">\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n                  <li>\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n                      {{ itemLv4.title }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            </nav>\n          }\n        </nav>\n      }\n    </nav>\n\n    <div class=\"ctas-container\">\n      <div class=\"highlights\">\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\n          <div class=\"highlight\">\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n              <img\n                loading=\"lazy\"\n                fetchpriority=\"low\"\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n              />\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n            </a>\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n          </div>\n        }\n      </div>\n\n      <div class=\"ctas\">\n        @for (cta of item().ctas; track cta.titulo) {\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n            </svg>\n            {{ cta.titulo }}\n          </a>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\n  <div class=\"sl-hdr-main-item-dropdown\">\n    <div class=\"info\">\n      <p class=\"info-title\">\n        {{ item().title }}\n      </p>\n\n      <p class=\"info-description\">\n        {{ item().description }}\n      </p>\n    </div>\n\n    <nav class=\"links-lv2\">\n      <ul class=\"links-lv2-content\">\n        @for (itemLv2 of item().children; track itemLv2.title) {\n          <li>\n            <a\n              class=\"link lv2\"\n              [ngClass]=\"{ active: itemLv2.active }\"\n              [href]=\"itemLv2.url\"\n              rdsitelink\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n            >\n              {{ itemLv2.title }}\n              @if (itemLv2?.children?.length) {\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                </svg>\n              }\n            </a>\n          </li>\n        }\n      </ul>\n      @if (selectedLv2Item?.children?.length) {\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n          <ul class=\"links-lv3-content\">\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n              <li>\n                <a\n                  class=\"link lv3\"\n                  [ngClass]=\"{ active: itemLv3.active }\"\n                  [href]=\"itemLv3.url\"\n                  rdsitelink\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n                >\n                  {{ itemLv3.title }}\n                  @if (itemLv3?.children?.length) {\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                    </svg>\n                  }\n                </a>\n              </li>\n            }\n          </ul>\n\n          @if (selectedLv3Item?.children?.length) {\n            <nav\n              class=\"links-lv4\"\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n            >\n              <ul class=\"links-lv4-content\">\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n                  <li>\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n                      {{ itemLv4.title }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            </nav>\n          }\n        </nav>\n      }\n    </nav>\n\n    <div class=\"ctas-container\">\n      <div class=\"highlights\">\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\n          <div class=\"highlight\">\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n              <img\n                loading=\"lazy\"\n                fetchpriority=\"low\"\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n              />\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n            </a>\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n          </div>\n        }\n      </div>\n\n      <div class=\"ctas\">\n        @for (cta of item().ctas; track cta.titulo) {\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n            </svg>\n            {{ cta.titulo }}\n          </a>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-hl-title-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, decorators: [{
             type: Component,
-            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"] }]
+            args: [{ selector: 'div[sl-hdr-main-item-dropdown]', imports: [CommonModule, RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\n  <div class=\"sl-hdr-main-item-dropdown\">\n    <div class=\"info\">\n      <p class=\"info-title\">\n        {{ item().title }}\n      </p>\n\n      <p class=\"info-description\">\n        {{ item().description }}\n      </p>\n    </div>\n\n    <nav class=\"links-lv2\">\n      <ul class=\"links-lv2-content\">\n        @for (itemLv2 of item().children; track itemLv2.title) {\n          <li>\n            <a\n              class=\"link lv2\"\n              [ngClass]=\"{ active: itemLv2.active }\"\n              [href]=\"itemLv2.url\"\n              rdsitelink\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\n            >\n              {{ itemLv2.title }}\n              @if (itemLv2?.children?.length) {\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                </svg>\n              }\n            </a>\n          </li>\n        }\n      </ul>\n      @if (selectedLv2Item?.children?.length) {\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\n          <ul class=\"links-lv3-content\">\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\n              <li>\n                <a\n                  class=\"link lv3\"\n                  [ngClass]=\"{ active: itemLv3.active }\"\n                  [href]=\"itemLv3.url\"\n                  rdsitelink\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\n                >\n                  {{ itemLv3.title }}\n                  @if (itemLv3?.children?.length) {\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\n                    </svg>\n                  }\n                </a>\n              </li>\n            }\n          </ul>\n\n          @if (selectedLv3Item?.children?.length) {\n            <nav\n              class=\"links-lv4\"\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\n            >\n              <ul class=\"links-lv4-content\">\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\n                  <li>\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\n                      {{ itemLv4.title }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            </nav>\n          }\n        </nav>\n      }\n    </nav>\n\n    <div class=\"ctas-container\">\n      <div class=\"highlights\">\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\n          <div class=\"highlight\">\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\n              <img\n                loading=\"lazy\"\n                fetchpriority=\"low\"\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\n              />\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\n            </a>\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\n          </div>\n        }\n      </div>\n\n      <div class=\"ctas\">\n        @for (cta of item().ctas; track cta.titulo) {\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\n            </svg>\n            {{ cta.titulo }}\n          </a>\n        }\n      </div>\n    </div>\n  </div>\n}\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-info-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active svg{stroke:var(--hdr-main-dd-icon-color-hover)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-hl-title-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-hl-title-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-hl-desc-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color);border:1px solid var(--hdr-main-dd-cta-border-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], headerMainMenuItemDDClick: [{ type: i0.Output, args: ["headerMainMenuItemDDClick"] }], headerMainMenuHighlightDDClick: [{ type: i0.Output, args: ["headerMainMenuHighlightDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }] } });
 
 class HeaderMainMenuItemComponent {
@@ -145,10 +145,10 @@ class HeaderMainMenuItemComponent {
     ngOnDestroy() {
         this.dropdownSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\n  <a\n    class=\"sl-hdr-main-item-link\"\n    [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\n    (click)=\"headerMainMenuItemClicked($event)\"\n    [href]=\"item().url\"\n    rdsitelink\n  >\n    {{ item().title }}\n    @if (item().children?.length) {\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </a>\n\n  @if (item().children?.length) {\n    <div\n      sl-hdr-main-item-dropdown\n      class=\"sl-hdr-main-item-dropdown-container\"\n      [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\n      (mouseenter)=\"dropdownHoverChange(true)\"\n      (mouseleave)=\"dropdownHoverChange(false)\"\n      [item]=\"item()\"\n      (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\n      (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\n      (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\n    ></div>\n  }\n}\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderMainMenuItemComponent, decorators: [{
             type: Component,
             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"] }]
         }], ctorParameters: () => [], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], headerMainMenuItemClick: [{ type: i0.Output, args: ["headerMainMenuItemClick"] }], headerMainMenuItemDDClick: [{ type: i0.Output, args: ["headerMainMenuItemDDClick"] }], headerMainMenuHighlightDDClick: [{ type: i0.Output, args: ["headerMainMenuHighlightDDClick"] }], headerMainMenuCtaDDClick: [{ type: i0.Output, args: ["headerMainMenuCtaDDClick"] }], dropdownComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => HeaderMainMenuItemDropdownComponent), { isSignal: true }] }], onMouseOver: [{

package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map

@@ -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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"}
+{"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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"}

package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs

@@ -34,10 +34,10 @@ class HeaderSideMenuItemComponent {
     headerSideMenuItemClicked(event) {
         this.headerSideMenuItemClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderSideMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-side-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerSideMenuItemClick: "headerSideMenuItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (item()) {\n  <div class=\"sl-hdr-side-item\" [ngClass]=\"{ active: item().active, alt: altStyle() }\" (click)=\"toggleList($event, item, false)\">\n    <a [href]=\"item().url\" rdsitelink (click)=\"toggleList($event, item, !item().children?.length || !!item().url); headerSideMenuItemClicked($event)\">\n      <span>{{ item().title }}</span>\n      @if (!item().children?.length) {\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#right'\"></use>\n        </svg>\n      }\n    </a>\n\n    @if (item().children?.length) {\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (item().active ? 'up' : 'down')\"></use>\n      </svg>\n    }\n  </div>\n\n  @if (item().children?.length) {\n    <ul class=\"sl-hdr-side-item-list\" [ngClass]=\"{ active: item().active }\">\n      @for (child of item().children; track child.title) {\n        <li sl-hdr-side-item [item]=\"child\" [fontSize]=\"fontSize()\" [altStyle]=\"altStyle()\" (headerSideMenuItemClick)=\"headerSideMenuItemClicked($event)\"></li>\n      }\n    </ul>\n  }\n}\n", styles: [".sl-hdr-side-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;min-height:44px;background-color:transparent;width:100%;cursor:pointer;border-bottom:solid 1px var(--hdr-side-border-bottom, rgb(0, 61, 165))}.sl-hdr-side-item svg{stroke:var(--hdr-side-color);flex-shrink:0}.sl-hdr-side-item.active{border-bottom:none}.sl-hdr-side-item.active a{text-decoration:none}.sl-hdr-side-item.active a span{color:var(--hdr-side-open-color, rgb(68, 142, 205))}.sl-hdr-side-item.active svg{stroke:var(--hdr-side-open-color)}.sl-hdr-side-item a{text-align:left;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none}.sl-hdr-side-item a span{font-size:var(--side-menu-item-font-size, 16px);font-weight:300;color:var(--hdr-side-color)}.sl-hdr-side-item a svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item:hover a span{color:var(--hdr-side-hover)}.sl-hdr-side-item:hover svg{stroke:var(--hdr-side-hover)!important}.sl-hdr-side-item:active a span{color:var(--hdr-side-active)}.sl-hdr-side-item:active svg{stroke:var(--hdr-side-active)!important}.sl-hdr-side-item.alt a span{color:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt svg{stroke:var(--hdr-side-alt-color)}.sl-hdr-side-item.alt:hover a span{color:var(--hdr-side-alt-hover)}.sl-hdr-side-item.alt:hover svg{stroke:var(--hdr-side-alt-hover)!important}.sl-hdr-side-item.alt:active a span{color:var(--hdr-side-alt-active)}.sl-hdr-side-item.alt:active svg{stroke:var(--hdr-side-alt-active)!important}.sl-hdr-side-item-list{padding:0 0 0 24px;display:none}.sl-hdr-side-item-list.active{display:block}\n"], dependencies: [{ kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuItemComponent, decorators: [{
             type: Component,
             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"] }]
         }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], altStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "altStyle", required: false }] }], fontSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontSize", required: false }] }], headerSideMenuItemClick: [{ type: i0.Output, args: ["headerSideMenuItemClick"] }], style: [{
@@ -55,10 +55,10 @@ class HeaderSideMenuComponent {
     overlayClick() {
         this.headerService.toggleShowSideMenu(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: HeaderSideMenuComponent, isStandalone: true, selector: "div[sl-hdr-side]", inputs: { sideMenuGroups: { classPropertyName: "sideMenuGroups", publicName: "sideMenuGroups", isSignal: true, isRequired: false, transformFunction: null }, sideMenuGeoloc: { classPropertyName: "sideMenuGeoloc", publicName: "sideMenuGeoloc", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"sl-hdr-side\" [ngClass]=\"{ active: headerService.showSideMenu() }\">\n  <div class=\"side-menu\">\n    <div class=\"side-menu-close\">\n      <button type=\"button\" aria-label=\"Fechar menu lateral\" (click)=\"headerService.toggleShowSideMenu()\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </button>\n    </div>\n\n    @if (sideMenuGeoloc()) {\n      <ng-container *ngTemplateOutlet=\"sideMenuGeoloc()\"></ng-container>\n    }\n\n    <nav>\n      <ul class=\"side-menu-content\">\n        @for (sideMenuGroup of sideMenuGroups(); track $index; let firstGroup = $first; let lastGroup = $last) {\n          @for (sideMenuItem of sideMenuGroup; track sideMenuItem.title; let lastItem = $last) {\n            <li\n              sl-hdr-side-item\n              [item]=\"sideMenuItem\"\n              [fontSize]=\"firstGroup ? 16 : 14\"\n              [altStyle]=\"lastGroup\"\n              [ngStyle]=\"{ 'margin-bottom': lastItem ? '12px' : '0px' }\"\n            ></li>\n          }\n        }\n      </ul>\n    </nav>\n  </div>\n</div>\n<rdsite-overlay class=\"side-menu-overlay\" [ngClass]=\"{ active: headerService.showSideMenu() }\" (overlayClick)=\"overlayClick()\"></rdsite-overlay>\n", styles: [".sl-hdr-side{display:block;position:absolute;top:0;right:0;z-index:-1;overflow:hidden;pointer-events:none;transition:z-index .3s ease-out}.sl-hdr-side.active{z-index:3004;pointer-events:auto}.sl-hdr-side.active .side-menu{transform:translate(0)}.side-menu{transition:transform .3s ease-out;transform:translate(100%);width:320px;height:100vh;overflow:auto;background-color:var(--hdr-side-bg-color)}.side-menu-close{display:flex;align-items:center;justify-content:flex-end;padding:8px 20px}.side-menu-close button{padding:12px;background-color:transparent;cursor:pointer}.side-menu-close button svg{cursor:pointer;stroke:var(--hdr-side-color)}.side-menu-content{display:flex;flex-direction:column;padding:2px 30px 64px 32px}.side-menu-content ul{list-style-type:none}.side-menu-overlay{top:0;right:0;z-index:-1;width:100vw;height:100vh;transition:all .3s ease-out;opacity:0;background-color:var(--hdr-over-bg-color);pointer-events:none}.side-menu-overlay.active{z-index:999;opacity:.9;pointer-events:all}@media only screen and (min-width: 361px){.side-menu{width:340px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: OverlayComponent, selector: "rdsite-overlay", outputs: ["overlayClick"] }, { kind: "component", type: HeaderSideMenuItemComponent, selector: "li[sl-hdr-side-item]", inputs: ["item", "altStyle", "fontSize"], outputs: ["headerSideMenuItemClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderSideMenuComponent, decorators: [{
             type: Component,
             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"] }]
         }], propDecorators: { sideMenuGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGroups", required: false }] }], sideMenuGeoloc: [{ type: i0.Input, args: [{ isSignal: true, alias: "sideMenuGeoloc", required: false }] }] } });

package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs

@@ -32,10 +32,10 @@ class HeaderService {
         }
         this.showSideMenu.update(() => value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: HeaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',