@rededor/site-front-end-lib 20.0.8 → 20.0.9

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

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-footer.mjs","sources":["../../../projects/site-front-end-lib/components/footer/helpers/footerTheme.func.ts","../../../projects/site-front-end-lib/components/footer/footer.component.ts","../../../projects/site-front-end-lib/components/footer/footer.component.html","../../../projects/site-front-end-lib/components/footer/rededor-site-front-end-lib-components-footer.ts"],"sourcesContent":["import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { FooterTheme } from '../models/FooterTheme.model';\r\n\r\nexport const getFooterTheme = (project: string = 'site', themeStyle: string = 'default', curaApiService: CuraApiService) => {\r\n  const theme: FooterTheme = {\r\n    ftr: {},\r\n    'ftr-disc': {},\r\n    'ftr-menu': {},\r\n    'ftr-social': {},\r\n  };\r\n\r\n  const [primaryLighter, primaryLight, primaryBase, primaryDarker] = [\r\n    curaApiService.theme.colors.getColor('primary-lighter'),\r\n    curaApiService.theme.colors.getColor('primary-light'),\r\n    curaApiService.theme.colors.getColor('primary-base'),\r\n    curaApiService.theme.colors.getColor('primary-darker'),\r\n  ];\r\n  const [accentLight, accentBase] = [curaApiService.theme.colors.getColor('accent-light'), curaApiService.theme.colors.getColor('accent-base')];\r\n  const [neutralPurewhite, neutralWhite, neutralBlack] = [\r\n    curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n    curaApiService.theme.colors.getColor('neutral-white'),\r\n    curaApiService.theme.colors.getColor('neutral-black'),\r\n  ];\r\n\r\n  switch (project) {\r\n    case 'site':\r\n      if (themeStyle === 'default') {\r\n        theme.ftr = {\r\n          'bg-color': primaryDarker,\r\n          color: neutralWhite,\r\n          'alt-color': primaryLighter,\r\n        };\r\n        theme['ftr-disc'] = {\r\n          'bg-color': neutralPurewhite,\r\n          color: neutralBlack,\r\n          'alt-color': primaryBase,\r\n        };\r\n        theme['ftr-menu'] = {\r\n          'hover-color': accentLight,\r\n          'active-color': accentBase,\r\n          'alt-hover-color': primaryLight,\r\n          'alt-active-color': primaryBase,\r\n        };\r\n        theme['ftr-social'] = {\r\n          color: neutralWhite,\r\n        };\r\n      } else {\r\n        theme.ftr = {\r\n          'bg-color': primaryDarker,\r\n          color: neutralWhite,\r\n          'alt-color': primaryLighter,\r\n        };\r\n        theme['ftr-disc'] = {\r\n          'bg-color': neutralPurewhite,\r\n          color: neutralBlack,\r\n          'alt-color': primaryBase,\r\n        };\r\n        theme['ftr-menu'] = {\r\n          'hover-color': accentLight,\r\n          'active-color': accentBase,\r\n          'alt-hover-color': primaryLight,\r\n          'alt-active-color': primaryBase,\r\n        };\r\n        theme['ftr-social'] = {\r\n          color: neutralWhite,\r\n        };\r\n      }\r\n      break;\r\n\r\n    default:\r\n      break;\r\n  }\r\n\r\n  return theme;\r\n};\r\n","import { Component, ElementRef, AfterViewInit, ViewEncapsulation, input, output, inject, effect, computed } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PrivacyToolsService, LIB_CONFIG, LibConfig, RdsiteLinkDirective, MenuItem, MenuSocialMedia } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { FooterTheme } from './models/FooterTheme.model';\r\nimport { getFooterTheme } from './helpers/footerTheme.func';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'footer[sl-ftr]',\r\n  imports: [CommonModule, RdsiteLinkDirective],\r\n  encapsulation: ViewEncapsulation.None,\r\n  templateUrl: './footer.component.html',\r\n  styleUrl: './footer.component.scss',\r\n})\r\nexport class FooterComponent implements AfterViewInit {\r\n  public privacyTools = inject(PrivacyToolsService);\r\n  private curaApiService = inject(CuraApiService);\r\n  private elementRef = inject(ElementRef);\r\n\r\n  project = input<string>('site');\r\n  theme = input<string>('default');\r\n  disclaimer = input<string>('');\r\n  linkPrivacyFooter = input<string>('');\r\n  logo = input<any>(null);\r\n  partnerLogo = input<any>(null);\r\n  phone = input<string>('');\r\n  dora = input<{ number: string; link: string; imgUrl: string }>({ number: '', link: '', imgUrl: '' });\r\n  socialMenu = input<MenuSocialMedia[]>([]);\r\n  logoWidth = input<number>(72);\r\n  footerMenu = input<MenuItem[]>([]);\r\n\r\n  footerPrivacyClick = output<Event>();\r\n  footerCookieClick = output<Event>();\r\n  footerSocialMediaClick = output<Event>();\r\n  footerMenuItemClick = output<Event>();\r\n\r\n  currentYear: number = new Date().getFullYear();\r\n\r\n  // Computed signals\r\n  public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      this.updateFooterTheme();\r\n    });\r\n\r\n    effect(() => {\r\n      this.updateLogoWidth();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.updateFooterTheme();\r\n  }\r\n\r\n  private updateLogoWidth() {\r\n    this.elementRef.nativeElement.style.setProperty('--logo-width', `${this.logoWidth()}px`);\r\n  }\r\n\r\n  private updateFooterTheme() {\r\n    const footerTheme: FooterTheme = getFooterTheme(this.project(), this.theme(), this.curaApiService);\r\n    Object.entries(footerTheme).forEach(([key, value]) => {\r\n      Object.entries(value).forEach(([prop, val]) => {\r\n        const cssVar = `--${key}-${prop}`;\r\n        this.elementRef.nativeElement.style.setProperty(cssVar, val as string);\r\n      });\r\n    });\r\n  }\r\n\r\n  footerSocialMediaClicked(event: Event) {\r\n    this.footerSocialMediaClick.emit(event);\r\n  }\r\n\r\n  toggleSubMenu(event: Event, menu: Partial<MenuItem>) {\r\n    event.stopPropagation();\r\n    menu.active = !menu.active;\r\n  }\r\n\r\n  footerMenuItemClicked(event: Event) {\r\n    this.footerMenuItemClick.emit(event);\r\n  }\r\n\r\n  footerPrivacyClicked(event: Event) {\r\n    this.footerPrivacyClick.emit(event);\r\n  }\r\n\r\n  footerCookieClicked(event: Event) {\r\n    this.footerCookieClick.emit(event);\r\n  }\r\n}\r\n","<div class=\"sl-ftr-content\">\r\n  <div>\r\n    <div class=\"sl-ftr-contact\">\r\n      <div class=\"logos\">\r\n        @if (logo()) {\r\n          <div class=\"logo\">\r\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n          </div>\r\n        }\r\n        @if (partnerLogo()) {\r\n          <div class=\"partner-logo\">\r\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\r\n          </div>\r\n        }\r\n      </div>\r\n      <div class=\"phones\">\r\n        @if (dora().number && dora().link) {\r\n          <div class=\"dora\">\r\n            <div\r\n              class=\"img\"\r\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\r\n            ></div>\r\n            <span class=\"label\">\r\n              <p>Fale com a Dora</p>\r\n              <a rdsitelink [href]=\"dora().link\">\r\n                {{ dora().number }}\r\n              </a>\r\n            </span>\r\n          </div>\r\n        }\r\n        @if (phone()) {\r\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\r\n            <div class=\"svg\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\r\n              </svg>\r\n            </div>\r\n            <span class=\"label\">\r\n              <p>Central</p>\r\n              <a rdsitelink href=\"tel:{{ phone() }}\">\r\n                {{ phone() }}\r\n              </a>\r\n            </span>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    <nav class=\"sl-ftr-medias\">\r\n      <ul>\r\n        @for (social of socialMenu(); track social.title) {\r\n          <li>\r\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\r\n              </svg>\r\n            </a>\r\n          </li>\r\n        }\r\n      </ul>\r\n    </nav>\r\n  </div>\r\n\r\n  <div class=\"content-menu\">\r\n    @if (footerMenu().length) {\r\n      <div class=\"sl-ftr-menu\">\r\n        <nav>\r\n          <ul class=\"sl-ftr-menu-list\">\r\n            @for (menu of footerMenu(); track menu.title) {\r\n              <li class=\"sl-ftr-menu-list-item\">\r\n                @if (menu.title) {\r\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\r\n                    <a\r\n                      class=\"sl-ftr-menu-item-link\"\r\n                      [href]=\"menu.url\"\r\n                      rdsitelink\r\n                      [title]=\"menu.title\"\r\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\r\n                    >\r\n                      {{ menu.title }}\r\n                    </a>\r\n\r\n                    @if (menu.children?.length) {\r\n                      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n                        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (menu.active ? 'up' : 'down')\"></use>\r\n                      </svg>\r\n                    }\r\n                  </div>\r\n\r\n                  @if (menu.children?.length) {\r\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\r\n                      @for (submenu of menu.children; track submenu.title) {\r\n                        <li class=\"sl-ftr-menu-item-children-item\">\r\n                          <div class=\"sl-ftr-menu-item alt\">\r\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\r\n                              {{ submenu.title }}\r\n                            </a>\r\n                          </div>\r\n                        </li>\r\n                      }\r\n                    </ul>\r\n                  }\r\n                }\r\n              </li>\r\n            }\r\n          </ul>\r\n        </nav>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n\r\n<div class=\"sl-ftr-disc\">\r\n  <div class=\"disc-content\">\r\n    <div class=\"disc-content-copy\">©{{ currentYear }} {{ disclaimer() }}</div>\r\n    <ul class=\"disc-content-links\">\r\n      <li>\r\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\r\n      </li>\r\n      <li>\r\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rededor-site-front-end-lib-components-footer.mjs","sources":["../../../projects/site-front-end-lib/components/footer/helpers/footerTheme.func.ts","../../../projects/site-front-end-lib/components/footer/footer.component.ts","../../../projects/site-front-end-lib/components/footer/footer.component.html","../../../projects/site-front-end-lib/components/footer/rededor-site-front-end-lib-components-footer.ts"],"sourcesContent":["import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { FooterTheme } from '../models/FooterTheme.model';\n\nexport const getFooterTheme = (project: string = 'site', themeStyle: string = 'default', curaApiService: CuraApiService) => {\n  const theme: FooterTheme = {\n    ftr: {},\n    'ftr-disc': {},\n    'ftr-menu': {},\n    'ftr-social': {},\n  };\n\n  const [primaryLighter, primaryLight, primaryBase, primaryDarker] = [\n    curaApiService.theme.colors.getColor('primary-lighter'),\n    curaApiService.theme.colors.getColor('primary-light'),\n    curaApiService.theme.colors.getColor('primary-base'),\n    curaApiService.theme.colors.getColor('primary-darker'),\n  ];\n  const [accentLight, accentBase] = [curaApiService.theme.colors.getColor('accent-light'), curaApiService.theme.colors.getColor('accent-base')];\n  const [neutralPurewhite, neutralWhite, neutralBlack] = [\n    curaApiService.theme.colors.getColor('neutral-purewhite'),\n    curaApiService.theme.colors.getColor('neutral-white'),\n    curaApiService.theme.colors.getColor('neutral-black'),\n  ];\n\n  switch (project) {\n    case 'site':\n      if (themeStyle === 'default') {\n        theme.ftr = {\n          'bg-color': primaryDarker,\n          color: neutralWhite,\n          'alt-color': primaryLighter,\n        };\n        theme['ftr-disc'] = {\n          'bg-color': neutralPurewhite,\n          color: neutralBlack,\n          'alt-color': primaryBase,\n        };\n        theme['ftr-menu'] = {\n          'hover-color': accentLight,\n          'active-color': accentBase,\n          'alt-hover-color': primaryLight,\n          'alt-active-color': primaryBase,\n        };\n        theme['ftr-social'] = {\n          color: neutralWhite,\n        };\n      } else {\n        theme.ftr = {\n          'bg-color': primaryDarker,\n          color: neutralWhite,\n          'alt-color': primaryLighter,\n        };\n        theme['ftr-disc'] = {\n          'bg-color': neutralPurewhite,\n          color: neutralBlack,\n          'alt-color': primaryBase,\n        };\n        theme['ftr-menu'] = {\n          'hover-color': accentLight,\n          'active-color': accentBase,\n          'alt-hover-color': primaryLight,\n          'alt-active-color': primaryBase,\n        };\n        theme['ftr-social'] = {\n          color: neutralWhite,\n        };\n      }\n      break;\n\n    default:\n      break;\n  }\n\n  return theme;\n};\n","import { Component, ElementRef, AfterViewInit, ViewEncapsulation, input, output, inject, effect, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PrivacyToolsService, LIB_CONFIG, LibConfig, RdsiteLinkDirective, MenuItem, MenuSocialMedia } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { FooterTheme } from './models/FooterTheme.model';\nimport { getFooterTheme } from './helpers/footerTheme.func';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'footer[sl-ftr]',\n  imports: [CommonModule, RdsiteLinkDirective],\n  encapsulation: ViewEncapsulation.None,\n  templateUrl: './footer.component.html',\n  styleUrl: './footer.component.scss',\n})\nexport class FooterComponent implements AfterViewInit {\n  public privacyTools = inject(PrivacyToolsService);\n  private curaApiService = inject(CuraApiService);\n  private elementRef = inject(ElementRef);\n\n  project = input<string>('site');\n  theme = input<string>('default');\n  disclaimer = input<string>('');\n  linkPrivacyFooter = input<string>('');\n  logo = input<any>(null);\n  partnerLogo = input<any>(null);\n  phone = input<string>('');\n  dora = input<{ number: string; link: string; imgUrl: string }>({ number: '', link: '', imgUrl: '' });\n  socialMenu = input<MenuSocialMedia[]>([]);\n  logoWidth = input<number>(72);\n  footerMenu = input<MenuItem[]>([]);\n\n  footerPrivacyClick = output<Event>();\n  footerCookieClick = output<Event>();\n  footerSocialMediaClick = output<Event>();\n  footerMenuItemClick = output<Event>();\n\n  currentYear: number = new Date().getFullYear();\n\n  // Computed signals\n  public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n  constructor() {\n    effect(() => {\n      this.updateFooterTheme();\n    });\n\n    effect(() => {\n      this.updateLogoWidth();\n    });\n  }\n\n  ngAfterViewInit() {\n    this.updateFooterTheme();\n  }\n\n  private updateLogoWidth() {\n    this.elementRef.nativeElement.style.setProperty('--logo-width', `${this.logoWidth()}px`);\n  }\n\n  private updateFooterTheme() {\n    const footerTheme: FooterTheme = getFooterTheme(this.project(), this.theme(), this.curaApiService);\n    Object.entries(footerTheme).forEach(([key, value]) => {\n      Object.entries(value).forEach(([prop, val]) => {\n        const cssVar = `--${key}-${prop}`;\n        this.elementRef.nativeElement.style.setProperty(cssVar, val as string);\n      });\n    });\n  }\n\n  footerSocialMediaClicked(event: Event) {\n    this.footerSocialMediaClick.emit(event);\n  }\n\n  toggleSubMenu(event: Event, menu: Partial<MenuItem>) {\n    event.stopPropagation();\n    menu.active = !menu.active;\n  }\n\n  footerMenuItemClicked(event: Event) {\n    this.footerMenuItemClick.emit(event);\n  }\n\n  footerPrivacyClicked(event: Event) {\n    this.footerPrivacyClick.emit(event);\n  }\n\n  footerCookieClicked(event: Event) {\n    this.footerCookieClick.emit(event);\n  }\n}\n","<div class=\"sl-ftr-content\">\n  <div>\n    <div class=\"sl-ftr-contact\">\n      <div class=\"logos\">\n        @if (logo()) {\n          <div class=\"logo\">\n            <img [src]=\"logo()?.url\" [alt]=\"logo()?.alt\" [title]=\"logo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n        @if (partnerLogo()) {\n          <div class=\"partner-logo\">\n            <img [src]=\"partnerLogo()?.url\" [alt]=\"partnerLogo()?.alt\" [title]=\"partnerLogo()?.title\" loading=\"lazy\" fetchpriority=\"low\" />\n          </div>\n        }\n      </div>\n      <div class=\"phones\">\n        @if (dora().number && dora().link) {\n          <div class=\"dora\">\n            <div\n              class=\"img\"\n              [style.background-image]=\"dora().imgUrl ? 'url(' + dora().imgUrl + ')' : 'url(' + assetsPath() + '/imgs/bg_dora_whatsapp.webp)'\"\n            ></div>\n            <span class=\"label\">\n              <p>Fale com a Dora</p>\n              <a rdsitelink [href]=\"dora().link\">\n                {{ dora().number }}\n              </a>\n            </span>\n          </div>\n        }\n        @if (phone()) {\n          <div class=\"phone\" [class.before]=\"dora().number && dora().link\">\n            <div class=\"svg\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#phone'\"></use>\n              </svg>\n            </div>\n            <span class=\"label\">\n              <p>Central</p>\n              <a rdsitelink href=\"tel:{{ phone() }}\">\n                {{ phone() }}\n              </a>\n            </span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <nav class=\"sl-ftr-medias\">\n      <ul>\n        @for (social of socialMenu(); track social.title) {\n          <li>\n            <a [href]=\"social.link\" rdsitelink [title]=\"social.title\" (click)=\"footerSocialMediaClicked($event)\">\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n                <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + social.icon\"></use>\n              </svg>\n            </a>\n          </li>\n        }\n      </ul>\n    </nav>\n  </div>\n\n  <div class=\"content-menu\">\n    @if (footerMenu().length) {\n      <div class=\"sl-ftr-menu\">\n        <nav>\n          <ul class=\"sl-ftr-menu-list\">\n            @for (menu of footerMenu(); track menu.title) {\n              <li class=\"sl-ftr-menu-list-item\">\n                @if (menu.title) {\n                  <div class=\"sl-ftr-menu-item\" [ngClass]=\"{ 'have-children': menu.children?.length }\" (click)=\"toggleSubMenu($event, menu)\">\n                    <a\n                      class=\"sl-ftr-menu-item-link\"\n                      [href]=\"menu.url\"\n                      rdsitelink\n                      [title]=\"menu.title\"\n                      (click)=\"toggleSubMenu($event, menu); footerMenuItemClicked($event)\"\n                    >\n                      {{ menu.title }}\n                    </a>\n\n                    @if (menu.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#' + (menu.active ? 'up' : 'down')\"></use>\n                      </svg>\n                    }\n                  </div>\n\n                  @if (menu.children?.length) {\n                    <ul class=\"sl-ftr-menu-item-children\" [ngClass]=\"{ closed: !menu.active }\">\n                      @for (submenu of menu.children; track submenu.title) {\n                        <li class=\"sl-ftr-menu-item-children-item\">\n                          <div class=\"sl-ftr-menu-item alt\">\n                            <a class=\"sl-ftr-menu-item-link\" [href]=\"submenu.url\" rdsitelink [title]=\"submenu.title\" (click)=\"footerMenuItemClicked($event)\">\n                              {{ submenu.title }}\n                            </a>\n                          </div>\n                        </li>\n                      }\n                    </ul>\n                  }\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n  </div>\n</div>\n\n<div class=\"sl-ftr-disc\">\n  <div class=\"disc-content\">\n    <div class=\"disc-content-copy\">©{{ currentYear }} {{ disclaimer() }}</div>\n    <ul class=\"disc-content-links\">\n      <li>\n        <a [href]=\"linkPrivacyFooter() || '#'\" target=\"_blank\" data-testid=\"_avisoPrivacidade\" (click)=\"footerPrivacyClicked($event)\"> Aviso de Privacidade </a>\n      </li>\n      <li>\n        <button (click)=\"privacyTools.openCookieBanner(); footerCookieClicked($event)\" data-testid=\"_avisoCookies\">Aviso de Cookies</button>\n      </li>\n    </ul>\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -18,12 +18,12 @@ class HeaderActionMenuComponent {
     headerLoginClicked(event) {
         this.headerLoginClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeaderActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\r\n  <div class=\"sl-hdr-act-login\">\r\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <span>ENTRAR</span>\r\n    </a>\r\n  </div>\r\n}\r\n@if (homeUrl()) {\r\n  <div class=\"sl-hdr-act-home\">\r\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n  </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n  @if (showSearch()) {\r\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n      @if (!headerService.showSearch()) {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\r\n        </svg>\r\n        <span>BUSCAR</span>\r\n      } @else {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n        <span>FECHAR</span>\r\n      }\r\n    </button>\r\n  }\r\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n    </svg>\r\n  </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderActionMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderActionMenuComponent, isStandalone: true, selector: "div[sl-hdr-act]", inputs: { loginUrl: { classPropertyName: "loginUrl", publicName: "loginUrl", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, homeUrl: { classPropertyName: "homeUrl", publicName: "homeUrl", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerLoginClick: "headerLoginClick" }, ngImport: i0, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderActionMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[sl-hdr-act]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl()) {\r\n  <div class=\"sl-hdr-act-login\">\r\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <span>ENTRAR</span>\r\n    </a>\r\n  </div>\r\n}\r\n@if (homeUrl()) {\r\n  <div class=\"sl-hdr-act-home\">\r\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\r\n  </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n  @if (showSearch()) {\r\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n      @if (!headerService.showSearch()) {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\r\n        </svg>\r\n        <span>BUSCAR</span>\r\n      } @else {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n        <span>FECHAR</span>\r\n      }\r\n    </button>\r\n  }\r\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n    </svg>\r\n  </button>\r\n</div>\r\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
+            args: [{ selector: 'div[sl-hdr-act]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"P\u00E1gina inicial\" rdsitelink> Portal Rede D\u2019Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\n", styles: ["div[sl-hdr-act]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;gap:2px;background-color:var(--hdr-act-bg-color)}.sl-hdr-act-login,.sl-hdr-act-home{display:flex;align-items:center;justify-content:center;height:100%;padding:0 15px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-login-link,.sl-hdr-act-home-link{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:6px;text-decoration:none;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-login-link svg,.sl-hdr-act-home-link svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-login-link:hover,.sl-hdr-act-home-link:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:hover svg,.sl-hdr-act-home-link:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-login-link:active,.sl-hdr-act-home-link:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link:active svg,.sl-hdr-act-home-link:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:none}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:inline}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span,.sl-hdr-act-home{display:none}.sl-hdr-act-acts{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;background-color:var(--hdr-act-items-bg-color)}.sl-hdr-act-acts-button{display:flex;align-items:center;justify-content:center;height:100%;gap:8px;padding:8px;background-color:transparent;color:var(--hdr-act-items-color)!important;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500;cursor:pointer}.sl-hdr-act-acts-button svg{stroke:var(--hdr-act-items-color)!important}.sl-hdr-act-acts-button:hover{color:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:hover svg{stroke:var(--hdr-act-items-hover)!important}.sl-hdr-act-acts-button:active{color:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button:active svg{stroke:var(--hdr-act-items-active)!important}.sl-hdr-act-acts-button span{display:none}@media only screen and (min-width: 1024px){.sl-hdr-act-login,.sl-hdr-act-home{padding:0 12px}.sl-hdr-act-login-link,.sl-hdr-act-home-link{padding:8px}.sl-hdr-act-login-link .icon-desktop,.sl-hdr-act-home-link .icon-desktop{display:inline}.sl-hdr-act-login-link .icon-mobile,.sl-hdr-act-home-link .icon-mobile{display:none}.sl-hdr-act-login-link span,.sl-hdr-act-home-link span{display:inline}.sl-hdr-act-home{display:flex}.sl-hdr-act-acts{padding:0 8px}.sl-hdr-act-acts-button span{display:inline}}\n"] }]
         }], propDecorators: { loginUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "loginUrl", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], homeUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "homeUrl", required: false }] }], headerLoginClick: [{ type: i0.Output, args: ["headerLoginClick"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-header-components-action.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.ts","../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.html","../../../projects/site-front-end-lib/components/header/components/action/rededor-site-front-end-lib-components-header-components-action.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, output, ViewEncapsulation } from '@angular/core';\r\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\r\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'div[sl-hdr-act]',\r\n  imports: [RdsiteLinkDirective],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './header-action-menu.component.html',\r\n  styleUrl: './header-action-menu.component.scss',\r\n})\r\nexport class HeaderActionMenuComponent {\r\n  headerService = inject(HeaderService);\r\n  private curaApiService = inject(CuraApiService);\r\n\r\n  loginUrl = input<string>('');\r\n  showSearch = input<boolean>(true);\r\n  homeUrl = input<string>('');\r\n  headerLoginClick = output<Event>();\r\n\r\n  // Computed signals\r\n  public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n  headerLoginClicked(event: Event) {\r\n    this.headerLoginClick.emit(event);\r\n  }\r\n}\r\n","@if (loginUrl()) {\r\n  <div class=\"sl-hdr-act-login\">\r\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\r\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\r\n      </svg>\r\n      <span>ENTRAR</span>\r\n    </a>\r\n  </div>\r\n}\r\n@if (homeUrl()) {\r\n  <div class=\"sl-hdr-act-home\">\r\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"Página inicial\" rdsitelink> Portal Rede D’Or </a>\r\n  </div>\r\n}\r\n\r\n<div class=\"sl-hdr-act-acts\">\r\n  @if (showSearch()) {\r\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\r\n      @if (!headerService.showSearch()) {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\r\n        </svg>\r\n        <span>BUSCAR</span>\r\n      } @else {\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n        <span>FECHAR</span>\r\n      }\r\n    </button>\r\n  }\r\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\r\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\r\n    </svg>\r\n  </button>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,yBAAyB,CAAA;AATtC,IAAA,WAAA,GAAA;AAUE,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;AAC7B,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC;AAC5B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,IAAI,sDAAC;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC;QAC3B,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAAS;;AAG3B,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,sDAAC;AAK1E,IAAA;AAHC,IAAA,kBAAkB,CAAC,KAAY,EAAA;AAC7B,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;IACnC;+GAdW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdtC,ylEAyCA,EAAA,MAAA,EAAA,CAAA,4oFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjCY,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,uBAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMlB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;+BAEE,iBAAiB,EAAA,OAAA,EAClB,CAAC,mBAAmB,CAAC,EAAA,aAAA,EACf,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ylEAAA,EAAA,MAAA,EAAA,CAAA,4oFAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}
+{"version":3,"file":"rededor-site-front-end-lib-components-header-components-action.mjs","sources":["../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.ts","../../../projects/site-front-end-lib/components/header/components/action/header-action-menu/header-action-menu.component.html","../../../projects/site-front-end-lib/components/header/components/action/rededor-site-front-end-lib-components-header-components-action.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input, output, ViewEncapsulation } from '@angular/core';\nimport { HeaderService } from '@rededor/site-front-end-lib/components/header/services';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'div[sl-hdr-act]',\n  imports: [RdsiteLinkDirective],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './header-action-menu.component.html',\n  styleUrl: './header-action-menu.component.scss',\n})\nexport class HeaderActionMenuComponent {\n  headerService = inject(HeaderService);\n  private curaApiService = inject(CuraApiService);\n\n  loginUrl = input<string>('');\n  showSearch = input<boolean>(true);\n  homeUrl = input<string>('');\n  headerLoginClick = output<Event>();\n\n  // Computed signals\n  public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n  headerLoginClicked(event: Event) {\n    this.headerLoginClick.emit(event);\n  }\n}\n","@if (loginUrl()) {\n  <div class=\"sl-hdr-act-login\">\n    <a [href]=\"loginUrl()\" aria-label=\"Entrar\" (click)=\"headerLoginClicked($event)\" rdsitelink class=\"sl-hdr-act-login-link\">\n      <svg class=\"icon-mobile\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <svg class=\"icon-desktop\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#profileCircle'\"></use>\n      </svg>\n      <span>ENTRAR</span>\n    </a>\n  </div>\n}\n@if (homeUrl()) {\n  <div class=\"sl-hdr-act-home\">\n    <a [href]=\"homeUrl()\" class=\"sl-hdr-act-home-link\" aria-label=\"Página inicial\" rdsitelink> Portal Rede D’Or </a>\n  </div>\n}\n\n<div class=\"sl-hdr-act-acts\">\n  @if (showSearch()) {\n    <button type=\"button\" aria-label=\"Buscar\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSearch()\">\n      @if (!headerService.showSearch()) {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#search'\"></use>\n        </svg>\n        <span>BUSCAR</span>\n      } @else {\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n        <span>FECHAR</span>\n      }\n    </button>\n  }\n  <button type=\"button\" aria-label=\"Abrir menu lateral\" class=\"sl-hdr-act-acts-button\" (click)=\"headerService.toggleShowSideMenu()\">\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#menuHamburguer'\"></use>\n    </svg>\n  </button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,yBAAyB,CAAA;AATtC,IAAA,WAAA,GAAA;AAUE,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;AAC7B,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC;AAC5B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,IAAI,sDAAC;AACjC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,EAAE,mDAAC;QAC3B,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAAS;;AAG3B,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,sDAAC;AAK1E,IAAA;AAHC,IAAA,kBAAkB,CAAC,KAAY,EAAA;AAC7B,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;IACnC;+GAdW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdtC,ugEAyCA,EAAA,MAAA,EAAA,CAAA,4oFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDjCY,mBAAmB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,uBAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMlB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBATrC,SAAS;+BAEE,iBAAiB,EAAA,OAAA,EAClB,CAAC,mBAAmB,CAAC,EAAA,aAAA,EACf,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ugEAAA,EAAA,MAAA,EAAA,CAAA,4oFAAA,CAAA,EAAA;;;AEVjD;;AAEG;;;;"}

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

@@ -13,12 +13,12 @@ class HeaderAuxMenuItemDropdownComponent {
     headerAuxMenuItemDDClicked(event) {
         this.headerAuxMenuItemDDClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<ul>\r\n  @for (dropdownItem of items(); track dropdownItem.title) {\r\n    <li class=\"dropdown-item\">\r\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\r\n    </li>\r\n  }\r\n</ul>\r\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderAuxMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-aux-item-dropdown]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "<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", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'div[sl-hdr-aux-item-dropdown]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<ul>\r\n  @for (dropdownItem of items(); track dropdownItem.title) {\r\n    <li class=\"dropdown-item\">\r\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\r\n    </li>\r\n  }\r\n</ul>\r\n", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
+            args: [{ selector: 'div[sl-hdr-aux-item-dropdown]', imports: [RdsiteLinkDirective], encapsulation: ViewEncapsulation.None, template: "<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", styles: ["div[sl-hdr-aux-item-dropdown]{position:absolute;top:calc(100% - 10px);right:0;z-index:1;margin-top:8px;min-width:220px;background-color:var(--hdr-aux-drop-bg-color);border-radius:4px;box-shadow:4px 4px 12px -5px #000;padding:20px 30px;display:block;width:100%}.dropdown-item{margin-bottom:8px;display:flex;align-items:center}.dropdown-item a{padding-block:6px;text-decoration:none}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }] } });
 
 class HeaderAuxMenuItemComponent {
@@ -46,12 +46,12 @@ class HeaderAuxMenuItemComponent {
     dropdownHoverChange(value) {
         this.isDropdownHover.set(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@if (item()) {\r\n  <a\r\n    class=\"sl-hdr-aux-item-link\"\r\n    [ngClass]=\"{\r\n      hover: isMenuHover() || isDropdownHover(),\r\n      alt: altStyle,\r\n    }\"\r\n    (mouseenter)=\"btnHoverChange(true)\"\r\n    (mouseleave)=\"btnHoverChange(false)\"\r\n    [href]=\"item().url\"\r\n    (click)=\"headerAuxMenuItemClicked($event)\"\r\n    rdsitelink\r\n  >\r\n    {{ item().title }}\r\n    @if (item().children?.length) {\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </a>\r\n\r\n  @if (item().children?.length) {\r\n    <div\r\n      sl-hdr-aux-item-dropdown\r\n      class=\"sl-hdr-aux-item-dropdown\"\r\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\r\n      (mouseenter)=\"dropdownHoverChange(true)\"\r\n      (mouseleave)=\"dropdownHoverChange(false)\"\r\n      [items]=\"item().children ?? []\"\r\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n    ></div>\r\n  }\r\n}\r\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderAuxMenuItemDropdownComponent, selector: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: HeaderAuxMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-aux-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null }, altStyle: { classPropertyName: "altStyle", publicName: "altStyle", isSignal: true, isRequired: false, transformFunction: null }, onlyDesktop: { classPropertyName: "onlyDesktop", publicName: "onlyDesktop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerAuxMenuItemClick: "headerAuxMenuItemClick", headerAuxMenuItemDDClick: "headerAuxMenuItemDDClick" }, ngImport: i0, template: "@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", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderAuxMenuItemDropdownComponent, selector: "div[sl-hdr-aux-item-dropdown]", inputs: ["items"], outputs: ["headerAuxMenuItemDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HeaderAuxMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'li[sl-hdr-aux-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@if (item()) {\r\n  <a\r\n    class=\"sl-hdr-aux-item-link\"\r\n    [ngClass]=\"{\r\n      hover: isMenuHover() || isDropdownHover(),\r\n      alt: altStyle,\r\n    }\"\r\n    (mouseenter)=\"btnHoverChange(true)\"\r\n    (mouseleave)=\"btnHoverChange(false)\"\r\n    [href]=\"item().url\"\r\n    (click)=\"headerAuxMenuItemClicked($event)\"\r\n    rdsitelink\r\n  >\r\n    {{ item().title }}\r\n    @if (item().children?.length) {\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </a>\r\n\r\n  @if (item().children?.length) {\r\n    <div\r\n      sl-hdr-aux-item-dropdown\r\n      class=\"sl-hdr-aux-item-dropdown\"\r\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\r\n      (mouseenter)=\"dropdownHoverChange(true)\"\r\n      (mouseleave)=\"dropdownHoverChange(false)\"\r\n      [items]=\"item().children ?? []\"\r\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n    ></div>\r\n  }\r\n}\r\n", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
+            args: [{ selector: 'li[sl-hdr-aux-item]', imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent], encapsulation: ViewEncapsulation.None, template: "@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", styles: ["li[sl-hdr-aux-item]{display:flex;align-items:center;position:relative}.sl-hdr-aux-item-link{display:flex;height:32px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-aux-color)!important;padding:8px;border-radius:4px;font-size:12px;line-height:13px;letter-spacing:.72px;font-weight:500!important;text-align:center;text-decoration:none}.sl-hdr-aux-item-link svg{stroke:var(--hdr-aux-color)!important}.sl-hdr-aux-item-link.hover{color:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link.hover svg{stroke:var(--hdr-aux-hover)!important}.sl-hdr-aux-item-link:active{color:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link:active svg{stroke:var(--hdr-aux-active)!important}.sl-hdr-aux-item-link.alt{color:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt svg{stroke:var(--hdr-aux-color-alt)!important}.sl-hdr-aux-item-link.alt.hover{color:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt.hover svg{stroke:var(--hdr-aux-hover-alt)!important}.sl-hdr-aux-item-link.alt:active{color:var(--hdr-aux-active-alt)!important}.sl-hdr-aux-item-link.alt:active svg{stroke:var(--hdr-aux-active-alt)!important}\n"] }]
         }], propDecorators: { item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: true }] }], altStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "altStyle", required: false }] }], onlyDesktop: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyDesktop", required: false }] }], headerAuxMenuItemClick: [{ type: i0.Output, args: ["headerAuxMenuItemClick"] }], headerAuxMenuItemDDClick: [{ type: i0.Output, args: ["headerAuxMenuItemDDClick"] }] } });
 
 /**

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';\r\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'div[sl-hdr-aux-item-dropdown]',\r\n  imports: [RdsiteLinkDirective],\r\n  encapsulation: ViewEncapsulation.None,\r\n  templateUrl: './header-aux-menu-item-dropdown.component.html',\r\n  styleUrl: './header-aux-menu-item-dropdown.component.scss',\r\n})\r\nexport class HeaderAuxMenuItemDropdownComponent {\r\n  items = input.required<MenuItem[]>();\r\n  headerAuxMenuItemDDClick = output<Event>();\r\n\r\n  headerAuxMenuItemDDClicked(event: Event) {\r\n    this.headerAuxMenuItemDDClick.emit(event);\r\n  }\r\n}\r\n","<ul>\r\n  @for (dropdownItem of items(); track dropdownItem.title) {\r\n    <li class=\"dropdown-item\">\r\n      <a [href]=\"dropdownItem.url\" (click)=\"headerAuxMenuItemDDClicked($event)\" rdsitelink>{{ dropdownItem.title }}</a>\r\n    </li>\r\n  }\r\n</ul>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, computed, inject, input, output, signal, ViewEncapsulation, WritableSignal } from '@angular/core';\r\nimport { RdsiteLinkDirective, MenuItem } from '@rededor/site-front-end-lib/core';\r\nimport { HeaderAuxMenuItemDropdownComponent } from '../header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'li[sl-hdr-aux-item]',\r\n  imports: [CommonModule, RdsiteLinkDirective, HeaderAuxMenuItemDropdownComponent],\r\n  encapsulation: ViewEncapsulation.None,\r\n  templateUrl: './header-aux-menu-item.component.html',\r\n  styleUrl: './header-aux-menu-item.component.scss',\r\n})\r\nexport class HeaderAuxMenuItemComponent {\r\n  private curaApiService = inject(CuraApiService);\r\n\r\n  item = input.required<MenuItem>();\r\n  altStyle = input<boolean>(false);\r\n  onlyDesktop = input<boolean>(false);\r\n\r\n  headerAuxMenuItemClick = output<Event>();\r\n  headerAuxMenuItemDDClick = output<Event>();\r\n\r\n  isMenuHover: WritableSignal<boolean> = signal(false);\r\n  isDropdownHover: WritableSignal<boolean> = signal(false);\r\n\r\n  // Computed signals\r\n  public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n  headerAuxMenuItemClicked(event: Event) {\r\n    this.headerAuxMenuItemClick.emit(event);\r\n  }\r\n\r\n  headerAuxMenuItemDDClicked(event: Event) {\r\n    this.headerAuxMenuItemDDClick.emit(event);\r\n  }\r\n\r\n  btnHoverChange(value: boolean) {\r\n    this.isMenuHover.set(value);\r\n  }\r\n\r\n  dropdownHoverChange(value: boolean) {\r\n    this.isDropdownHover.set(value);\r\n  }\r\n}\r\n","@if (item()) {\r\n  <a\r\n    class=\"sl-hdr-aux-item-link\"\r\n    [ngClass]=\"{\r\n      hover: isMenuHover() || isDropdownHover(),\r\n      alt: altStyle,\r\n    }\"\r\n    (mouseenter)=\"btnHoverChange(true)\"\r\n    (mouseleave)=\"btnHoverChange(false)\"\r\n    [href]=\"item().url\"\r\n    (click)=\"headerAuxMenuItemClicked($event)\"\r\n    rdsitelink\r\n  >\r\n    {{ item().title }}\r\n    @if (item().children?.length) {\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (isMenuHover() || isDropdownHover() ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </a>\r\n\r\n  @if (item().children?.length) {\r\n    <div\r\n      sl-hdr-aux-item-dropdown\r\n      class=\"sl-hdr-aux-item-dropdown\"\r\n      [ngStyle]=\"{ display: isMenuHover() || isDropdownHover() ? 'block' : 'none' }\"\r\n      (mouseenter)=\"dropdownHoverChange(true)\"\r\n      (mouseleave)=\"dropdownHoverChange(false)\"\r\n      [items]=\"item().children ?? []\"\r\n      (headerAuxMenuItemDDClick)=\"headerAuxMenuItemDDClicked($event)\"\r\n    ></div>\r\n  }\r\n}\r\n","/**\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.15", ngImport: i0, type: HeaderMainMenuItemDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HeaderMainMenuItemDropdownComponent, isStandalone: true, selector: "div[sl-hdr-main-item-dropdown]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, ngImport: i0, template: "@if (item()) {\r\n  <div class=\"sl-hdr-main-item-dropdown\">\r\n    <div class=\"info\">\r\n      <p class=\"info-title\">\r\n        {{ item().title }}\r\n      </p>\r\n\r\n      <p class=\"info-description\">\r\n        {{ item().description }}\r\n      </p>\r\n    </div>\r\n\r\n    <nav class=\"links-lv2\">\r\n      <ul class=\"links-lv2-content\">\r\n        @for (itemLv2 of item().children; track itemLv2.title) {\r\n          <li>\r\n            <a\r\n              class=\"link lv2\"\r\n              [ngClass]=\"{ active: itemLv2.active }\"\r\n              [href]=\"itemLv2.url\"\r\n              rdsitelink\r\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\r\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\r\n            >\r\n              {{ itemLv2.title }}\r\n              @if (itemLv2?.children?.length) {\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n                </svg>\r\n              }\r\n            </a>\r\n          </li>\r\n        }\r\n      </ul>\r\n      @if (selectedLv2Item?.children?.length) {\r\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\r\n          <ul class=\"links-lv3-content\">\r\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\r\n              <li>\r\n                <a\r\n                  class=\"link lv3\"\r\n                  [ngClass]=\"{ active: itemLv3.active }\"\r\n                  [href]=\"itemLv3.url\"\r\n                  rdsitelink\r\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n                >\r\n                  {{ itemLv3.title }}\r\n                  @if (itemLv3?.children?.length) {\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n                    </svg>\r\n                  }\r\n                </a>\r\n              </li>\r\n            }\r\n          </ul>\r\n\r\n          @if (selectedLv3Item?.children?.length) {\r\n            <nav\r\n              class=\"links-lv4\"\r\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n            >\r\n              <ul class=\"links-lv4-content\">\r\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\r\n                  <li>\r\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n                      {{ itemLv4.title }}\r\n                    </a>\r\n                  </li>\r\n                }\r\n              </ul>\r\n            </nav>\r\n          }\r\n        </nav>\r\n      }\r\n    </nav>\r\n\r\n    <div class=\"ctas-container\">\r\n      <div class=\"highlights\">\r\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\r\n          <div class=\"highlight\">\r\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n              <img\r\n                loading=\"lazy\"\r\n                fetchpriority=\"low\"\r\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n              />\r\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n            </a>\r\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"ctas\">\r\n        @for (cta of item().ctas; track cta.titulo) {\r\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\r\n            </svg>\r\n            {{ cta.titulo }}\r\n          </a>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    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-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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", 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()) {\r\n  <div class=\"sl-hdr-main-item-dropdown\">\r\n    <div class=\"info\">\r\n      <p class=\"info-title\">\r\n        {{ item().title }}\r\n      </p>\r\n\r\n      <p class=\"info-description\">\r\n        {{ item().description }}\r\n      </p>\r\n    </div>\r\n\r\n    <nav class=\"links-lv2\">\r\n      <ul class=\"links-lv2-content\">\r\n        @for (itemLv2 of item().children; track itemLv2.title) {\r\n          <li>\r\n            <a\r\n              class=\"link lv2\"\r\n              [ngClass]=\"{ active: itemLv2.active }\"\r\n              [href]=\"itemLv2.url\"\r\n              rdsitelink\r\n              (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n              (mouseenter)=\"lv2ItemHoverChange(true, itemLv2, item().children)\"\r\n              (mouseleave)=\"lv2ItemHoverChange(false, itemLv2, item().children)\"\r\n            >\r\n              {{ itemLv2.title }}\r\n              @if (itemLv2?.children?.length) {\r\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n                  <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n                </svg>\r\n              }\r\n            </a>\r\n          </li>\r\n        }\r\n      </ul>\r\n      @if (selectedLv2Item?.children?.length) {\r\n        <nav class=\"links-lv3\" (mouseenter)=\"lv3ContainerHoverChange(true, item().children)\" (mouseleave)=\"lv3ContainerHoverChange(false, item().children)\">\r\n          <ul class=\"links-lv3-content\">\r\n            @for (itemLv3 of selectedLv2Item?.children; track itemLv3.title) {\r\n              <li>\r\n                <a\r\n                  class=\"link lv3\"\r\n                  [ngClass]=\"{ active: itemLv3.active }\"\r\n                  [href]=\"itemLv3.url\"\r\n                  rdsitelink\r\n                  (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\"\r\n                  (mouseenter)=\"lv3ItemHoverChange(true, itemLv3, selectedLv2Item?.children)\"\r\n                  (mouseleave)=\"lv3ItemHoverChange(false, itemLv3, selectedLv2Item?.children)\"\r\n                >\r\n                  {{ itemLv3.title }}\r\n                  @if (itemLv3?.children?.length) {\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n                      <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#arrowRightCircle'\"></use>\r\n                    </svg>\r\n                  }\r\n                </a>\r\n              </li>\r\n            }\r\n          </ul>\r\n\r\n          @if (selectedLv3Item?.children?.length) {\r\n            <nav\r\n              class=\"links-lv4\"\r\n              (mouseenter)=\"lv4ContainerHoverChange(true, selectedLv2Item?.children)\"\r\n              (mouseleave)=\"lv4ContainerHoverChange(false, selectedLv2Item?.children)\"\r\n            >\r\n              <ul class=\"links-lv4-content\">\r\n                @for (itemLv4 of selectedLv3Item?.children; track itemLv4.title) {\r\n                  <li>\r\n                    <a class=\"link lv4\" [href]=\"itemLv4.url\" rdsitelink (click)=\"closeDropdown(); headerMainMenuItemDDClicked($event)\">\r\n                      {{ itemLv4.title }}\r\n                    </a>\r\n                  </li>\r\n                }\r\n              </ul>\r\n            </nav>\r\n          }\r\n        </nav>\r\n      }\r\n    </nav>\r\n\r\n    <div class=\"ctas-container\">\r\n      <div class=\"highlights\">\r\n        @for (destaque of item().itens_destaque; track destaque.titulo) {\r\n          <div class=\"highlight\">\r\n            <a [href]=\"destaque.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuHighlightDDClicked($event)\">\r\n              <img\r\n                loading=\"lazy\"\r\n                fetchpriority=\"low\"\r\n                [src]=\"destaque.imagem?.webp_url || destaque.imagem?.url\"\r\n                [alt]=\"destaque.imagem?.alt || destaque.titulo\"\r\n              />\r\n              <span class=\"highlight-title\">{{ destaque.titulo }}</span>\r\n            </a>\r\n            <span class=\"highlight-description\">{{ destaque.descricao }}</span>\r\n          </div>\r\n        }\r\n      </div>\r\n\r\n      <div class=\"ctas\">\r\n        @for (cta of item().ctas; track cta.titulo) {\r\n          <a [href]=\"cta.link\" rdsitelink (click)=\"closeDropdown(); headerMainMenuCtaDDClicked($event)\">\r\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n              <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + cta.icone\"></use>\r\n            </svg>\r\n            {{ cta.titulo }}\r\n          </a>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: ["div[sl-hdr-main-item-dropdown]{display:grid;grid:\". content .\";grid-template-columns:minmax(0px,auto) minmax(auto,1366px) minmax(0px,auto);position:absolute;top:100%;right:0;margin-top:0;z-index:1;width:100vw;max-height:calc(100vh - 80px);background-color:var(--hdr-main-dd-bg-color);box-shadow:4px 4px 12px -5px #000;padding:40px}@media only screen and (min-width: 1366px){div[sl-hdr-main-item-dropdown]{max-height:calc(100vh - 88px)}}.sl-hdr-main-item-dropdown{grid-area:content;display:grid;grid-template-columns:minmax(23%,264px) auto minmax(24%,225px) auto 47%;grid-template-areas:\"info . links . ctas\";max-width:1366px;overflow:auto}.sl-hdr-main-item-dropdown .info{grid-area:info;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .info p{color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .info p.info-title{font-size:28px;line-height:36px;letter-spacing:0px;padding-bottom:15px}.sl-hdr-main-item-dropdown .info p.info-description{font-size:16px;line-height:23px;letter-spacing:.32px}.sl-hdr-main-item-dropdown nav svg{stroke:var(--hdr-main-dd-icon-color);flex:0 0 20px}.sl-hdr-main-item-dropdown .links-lv2{position:relative;grid-area:links;display:flex;flex-direction:column;flex:1 0 0}.sl-hdr-main-item-dropdown .links-lv2 .links-lv2-content{display:flex;flex-direction:column;overflow:auto;max-height:calc(100vh - 168px);height:fit-content;background-color:var(--hdr-main-dd-lv2-content-bg);gap:2px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .link{display:flex;justify-content:space-between;align-items:center;height:40px;padding:12px;text-decoration:none;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.56px}.sl-hdr-main-item-dropdown .links-lv2 .link.lv2{background-color:var(--hdr-main-dd-lv2-bg);color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv3{background-color:var(--hdr-main-dd-lv3-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4{background-color:var(--hdr-main-dd-lv4-bg);color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.lv4:hover{color:var(--hdr-main-dd-alt-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active{font-size:14px;color:var(--hdr-main-dd-color)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv2{background-color:var(--hdr-main-dd-lv3-bg)}.sl-hdr-main-item-dropdown .links-lv2 .link.active.lv3{background-color:var(--hdr-main-dd-lv4-bg)}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv3-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv3-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4{position:absolute;top:0;left:99%;width:100%;height:100%;background-color:var(--hdr-main-dd-lv4-bg);border-radius:4px}.sl-hdr-main-item-dropdown .links-lv2 .links-lv3 .links-lv4 .links-lv4-content{display:flex;flex-direction:column;overflow:auto;max-height:100%;padding:12px 0 0 12px;list-style-type:none}.sl-hdr-main-item-dropdown .ctas-container{grid-area:ctas;display:flex;flex-direction:column;align-self:stretch;gap:48px}.sl-hdr-main-item-dropdown .ctas-container .highlights{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight{flex:1 1 0px;display:flex;flex-direction:column;gap:12px}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a{display:flex;flex-direction:column;gap:12px;overflow:hidden;text-decoration:none}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a img{width:100%;height:108px;object-fit:cover;transition:all .2s linear}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a .highlight-title{font-size:19px;line-height:28px;letter-spacing:0px;color:var(--hdr-main-dd-alt-color);font-weight:500}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover img{scale:1.05}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight a:hover .highlight-title{color:var(--hdr-main-dd-alt-hover)}.sl-hdr-main-item-dropdown .ctas-container .highlights .highlight .highlight-description{font-size:14px;line-height:19px;letter-spacing:.56px;color:var(--hdr-main-dd-alt-color);font-weight:300}.sl-hdr-main-item-dropdown .ctas-container .ctas{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.sl-hdr-main-item-dropdown .ctas-container .ctas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;background-color:var(--hdr-main-dd-cta-bg);border-radius:4px;text-decoration:none;font-weight:500;text-align:center;font-size:16px;line-height:20px;letter-spacing:.32px;color:var(--hdr-main-dd-cta-color)}.sl-hdr-main-item-dropdown .ctas-container .ctas a svg{stroke:var(--hdr-main-dd-cta-color)}\n"] }]
+            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"] }]
         }], 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,12 +145,12 @@ class HeaderMainMenuItemComponent {
     ngOnDestroy() {
         this.dropdownSubscription?.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HeaderMainMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: HeaderMainMenuItemComponent, isStandalone: true, selector: "li[sl-hdr-main-item]", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { headerMainMenuItemClick: "headerMainMenuItemClick", headerMainMenuItemDDClick: "headerMainMenuItemDDClick", headerMainMenuHighlightDDClick: "headerMainMenuHighlightDDClick", headerMainMenuCtaDDClick: "headerMainMenuCtaDDClick" }, host: { listeners: { "mouseover": "onMouseOver()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: HeaderMainMenuItemDropdownComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (item()) {\r\n  <a\r\n    class=\"sl-hdr-main-item-link\"\r\n    [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\r\n    (click)=\"headerMainMenuItemClicked($event)\"\r\n    [href]=\"item().url\"\r\n    rdsitelink\r\n  >\r\n    {{ item().title }}\r\n    @if (item().children?.length) {\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </a>\r\n\r\n  @if (item().children?.length) {\r\n    <div\r\n      sl-hdr-main-item-dropdown\r\n      class=\"sl-hdr-main-item-dropdown-container\"\r\n      [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\r\n      (mouseenter)=\"dropdownHoverChange(true)\"\r\n      (mouseleave)=\"dropdownHoverChange(false)\"\r\n      [item]=\"item()\"\r\n      (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n      (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n      (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n    ></div>\r\n  }\r\n}\r\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: HeaderMainMenuItemDropdownComponent, selector: "div[sl-hdr-main-item-dropdown]", inputs: ["item"], outputs: ["headerMainMenuItemDDClick", "headerMainMenuHighlightDDClick", "headerMainMenuCtaDDClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    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.15", 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()) {\r\n  <a\r\n    class=\"sl-hdr-main-item-link\"\r\n    [ngClass]=\"{ hover: !!dropdownComponent()?.opened() }\"\r\n    (click)=\"headerMainMenuItemClicked($event)\"\r\n    [href]=\"item().url\"\r\n    rdsitelink\r\n  >\r\n    {{ item().title }}\r\n    @if (item().children?.length) {\r\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n        <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#' + (!!dropdownComponent()?.opened() ? 'up' : 'down')\"></use>\r\n      </svg>\r\n    }\r\n  </a>\r\n\r\n  @if (item().children?.length) {\r\n    <div\r\n      sl-hdr-main-item-dropdown\r\n      class=\"sl-hdr-main-item-dropdown-container\"\r\n      [ngStyle]=\"{ display: !!dropdownComponent()?.opened() ? 'grid' : 'none' }\"\r\n      (mouseenter)=\"dropdownHoverChange(true)\"\r\n      (mouseleave)=\"dropdownHoverChange(false)\"\r\n      [item]=\"item()\"\r\n      (headerMainMenuItemDDClick)=\"headerMainMenuItemDDClicked($event)\"\r\n      (headerMainMenuHighlightDDClick)=\"headerMainMenuHighlightDDClicked($event)\"\r\n      (headerMainMenuCtaDDClick)=\"headerMainMenuCtaDDClicked($event)\"\r\n    ></div>\r\n  }\r\n}\r\n", styles: ["li[sl-hdr-main-item]{display:none}@media only screen and (min-width: 1024px){li[sl-hdr-main-item]{display:flex;align-items:center}}.sl-hdr-main-item-link{display:flex;height:40px;align-items:center;justify-content:center;gap:8px;color:var(--hdr-main-color)!important;padding:0 8px;border-radius:4px;font-size:14px;line-height:16px;letter-spacing:.56px;font-weight:350;text-align:center;text-decoration:none;font-weight:500}.sl-hdr-main-item-link svg{stroke:var(--hdr-main-color)!important}.sl-hdr-main-item-link:hover,.sl-hdr-main-item-link.hover{color:var(--hdr-main-hover)!important;background-color:var(--hdr-main-bg-hover)}.sl-hdr-main-item-link:hover svg,.sl-hdr-main-item-link.hover svg{stroke:var(--hdr-main-hover)!important}.sl-hdr-main-item-link:active{color:var(--hdr-main-active)!important}.sl-hdr-main-item-link:active svg{stroke:var(--hdr-main-active)!important}@media only screen and (min-width: 1366px){.sl-hdr-main-item-link{height:44px;padding:0 16px}}\n"] }]
+            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: [{
                 type: HostListener,
                 args: ['mouseover']