@rededor/site-front-end-lib 20.0.4 → 20.0.6

package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs

@@ -37,6 +37,8 @@ class SectionNavigationComponent {
         this.scrollToMenuAnchorSubject = new BehaviorSubject('');
         this.containerEl = viewChild.required('containerEl');
         this.anchorsEl = viewChildren('anchorEl', ...(ngDevMode ? [{ debugName: "anchorsEl" }] : []));
+        this.padding = input(0, ...(ngDevMode ? [{ debugName: "padding" }] : []));
+        this.headerClass = input('.page-header', ...(ngDevMode ? [{ debugName: "headerClass" }] : []));
         this.ariaLabel = input('Navegação da página', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
         this.anchorAdjustment = input(0, ...(ngDevMode ? [{ debugName: "anchorAdjustment" }] : []));
         this.sectionChange = output();
@@ -72,12 +74,12 @@ class SectionNavigationComponent {
     }
     windowScroll() {
         const navHeight = document.querySelector('.rdsite-section-navigation')?.getBoundingClientRect().top || 0;
-        const pageHeaderHeight = document.querySelector('.page-header')?.getBoundingClientRect().top || 0;
+        const pageHeaderHeight = document.querySelector(this.headerClass())?.getBoundingClientRect().top || 0;
         let selectedIndex = -1;
         this.sections()?.forEach((section, index) => {
             const menuTop = document.querySelector(`#${section.id}`)?.getBoundingClientRect().top || 0;
             if (menuTop) {
-                const calc = window.scrollY - menuTop + navHeight + pageHeaderHeight;
+                const calc = window.scrollY - menuTop + navHeight + pageHeaderHeight + this.padding();
                 if (calc >= 0) {
                     selectedIndex = index;
                     if (this.sections()?.[selectedIndex]) {
@@ -110,7 +112,7 @@ class SectionNavigationComponent {
         this.scrollToMenuAnchorSubscription?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true, isSignal: true }, { propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }, { propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n    @for (section of sections(); track section.id) {\r\n      @if (section.title) {\r\n        <li role=\"none\">\r\n          <a\r\n            #anchorEl\r\n            id=\"anchor-{{ section.id }}\"\r\n            role=\"menuitem\"\r\n            [href]=\"getPath(section.id)\"\r\n            rdsitelink\r\n            [anchorAdjustment]=\"anchorAdjustment()\"\r\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            [ngClass]=\"{ active: activeSection() === section.id }\"\r\n          >\r\n            {{ section.title }}\r\n          </a>\r\n        </li>\r\n      }\r\n    }\r\n  </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:12px;font-weight:500;color:var(--neutral-dark);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--neutral-purewhite)}\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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, headerClass: { classPropertyName: "headerClass", publicName: "headerClass", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()", "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["containerEl"], descendants: true, isSignal: true }, { propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }, { propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n    @for (section of sections(); track section.id) {\r\n      @if (section.title) {\r\n        <li role=\"none\">\r\n          <a\r\n            #anchorEl\r\n            id=\"anchor-{{ section.id }}\"\r\n            role=\"menuitem\"\r\n            [href]=\"getPath(section.id)\"\r\n            rdsitelink\r\n            [anchorAdjustment]=\"anchorAdjustment()\"\r\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            [ngClass]=\"{ active: activeSection() === section.id }\"\r\n          >\r\n            {{ section.title }}\r\n          </a>\r\n        </li>\r\n      }\r\n    }\r\n  </ul>\r\n</nav>\r\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:var(--neutral-purewhite);border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px 0 var(--neutral-black);padding-top:10px}.rdsite-section-navigation *{font-family:var(--font-family)}.rdsite-section-navigation-menu{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;display:flex}.rdsite-section-navigation-menu.full-container{width:100%;max-width:100%}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu{overflow-x:auto;white-space:nowrap}}.rdsite-section-navigation-menu li>a{text-decoration:none;padding:12px 8px;font-size:12px;font-weight:500;color:var(--neutral-dark);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:158px}@media only screen and (max-width: 1366px){.rdsite-section-navigation-menu li>a{max-width:135px}}.rdsite-section-navigation-menu li>a.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base);color:var(--neutral-purewhite)}\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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SectionNavigationComponent, decorators: [{
             type: Component,
@@ -121,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
             }], onWindowScroll: [{
                 type: HostListener,
                 args: ['window:scroll']
-            }], navigationSections: [{
+            }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], headerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerClass", required: false }] }], navigationSections: [{
                 type: Input,
                 args: [{ required: true }]
             }], navigationConfig: [{

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

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-section-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/section-navigation/section-navigation.component.ts","../../../projects/site-front-end-lib/components/section-navigation/section-navigation.component.html","../../../projects/site-front-end-lib/components/section-navigation/rededor-site-front-end-lib-components-section-navigation.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  signal,\r\n  effect,\r\n  OnInit,\r\n  ElementRef,\r\n  HostBinding,\r\n  HostListener,\r\n  OnDestroy,\r\n  input,\r\n  output,\r\n  viewChild,\r\n  viewChildren,\r\n  inject,\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RdsiteLinkDirective, SectionNavigationData, SectionNavigationConfig } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { BehaviorSubject, debounceTime, Subscription } from 'rxjs';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'nav[rdsite-section-navigation]',\r\n  imports: [CommonModule, RdsiteLinkDirective],\r\n  templateUrl: './section-navigation.component.html',\r\n  styleUrls: ['./section-navigation.component.scss'],\r\n})\r\nexport class SectionNavigationComponent implements OnInit, OnDestroy {\r\n  private curaApiService = inject(CuraApiService);\r\n  private router = inject(Router);\r\n\r\n  readonly sections = signal<SectionNavigationData[]>([]);\r\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\r\n  readonly activeSection = signal<string>('');\r\n\r\n  isMobile: boolean = window.innerWidth < 768;\r\n\r\n  scrollToMenuAnchorSubscription: Subscription | null = null;\r\n  scrollToMenuAnchorSubject: BehaviorSubject<string> = new BehaviorSubject('');\r\n\r\n  readonly containerEl = viewChild.required<ElementRef<HTMLDivElement>>('containerEl');\r\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\r\n\r\n  @HostListener('window:resize')\r\n  onWindowResize(): void {\r\n    this.isMobile = window.innerWidth < 768;\r\n  }\r\n\r\n  @HostListener('window:scroll')\r\n  onWindowScroll(): void {\r\n    this.windowScroll();\r\n  }\r\n\r\n  @Input({ required: true })\r\n  set navigationSections(value: SectionNavigationData[]) {\r\n    if (!value?.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n    this.sections.set(value);\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(value[0].id);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  set navigationConfig(value: SectionNavigationConfig) {\r\n    this.config.set(value);\r\n  }\r\n\r\n  readonly ariaLabel = input('Navegação da página');\r\n  readonly anchorAdjustment = input(0);\r\n\r\n  readonly sectionChange = output<SectionNavigationData>();\r\n\r\n  @HostBinding('style') styleBinding = {\r\n    '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n    '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\r\n    '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black', 0.16),\r\n    '--color-base': this.curaApiService.theme.colors.getColor('primary-base'),\r\n    '--font-size': this.curaApiService.theme.fonts.getSize(),\r\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n  };\r\n\r\n  readonly navigationMenu = viewChild.required<ElementRef<HTMLUListElement>>('navigationMenu');\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const sections = this.sections();\r\n      if (sections.length && !this.activeSection()) {\r\n        this.activeSection.set(sections[0].id);\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    const sections = this.sections();\r\n    if (!sections.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(sections[0].id);\r\n    }\r\n\r\n    // Usado para evitar multiplos calculos desnecessários enquanto scrolla\r\n    const TIME_TO_AVOID_UNECESSARY_CALCULATIONS = 50;\r\n    this.scrollToMenuAnchorSubscription = this.scrollToMenuAnchorSubject.pipe(debounceTime(TIME_TO_AVOID_UNECESSARY_CALCULATIONS)).subscribe((anchorId) => {\r\n      this.scrollToMenuAnchor(anchorId);\r\n    });\r\n  }\r\n\r\n  private windowScroll(): void {\r\n    const navHeight = document.querySelector<HTMLElement>('.rdsite-section-navigation')?.getBoundingClientRect().top || 0;\r\n    const pageHeaderHeight = document.querySelector<HTMLElement>('.page-header')?.getBoundingClientRect().top || 0;\r\n    let selectedIndex = -1;\r\n    this.sections()?.forEach((section, index) => {\r\n      const menuTop = document.querySelector<HTMLElement>(`#${section.id}`)?.getBoundingClientRect().top || 0;\r\n      if (menuTop) {\r\n        const calc = window.scrollY - menuTop + navHeight + pageHeaderHeight;\r\n        if (calc >= 0) {\r\n          selectedIndex = index;\r\n          if (this.sections()?.[selectedIndex]) {\r\n            this.activeSection.set(this.sections()?.[selectedIndex]?.id);\r\n          }\r\n        }\r\n      }\r\n    });\r\n\r\n    if (this.sections()?.[selectedIndex]) {\r\n      this.scrollToMenuAnchorSubject.next(this.sections()?.[selectedIndex]?.id);\r\n    }\r\n  }\r\n\r\n  scrollToMenuAnchor(anchorId: string): void {\r\n    const anchor = this.anchorsEl().find((anchor) => anchor.nativeElement.id == `anchor-${anchorId}`);\r\n    if (!anchor) return;\r\n    const distanceFromTheCenterOfTheAnchor = (anchor.nativeElement.offsetLeft + anchor.nativeElement.offsetLeft + anchor?.nativeElement.offsetWidth) / 2;\r\n    const containerEl = this.containerEl();\r\n    const centerOfContainerEl = containerEl?.nativeElement.clientWidth / 2;\r\n    const left = distanceFromTheCenterOfTheAnchor - centerOfContainerEl;\r\n    containerEl.nativeElement.scrollTo({\r\n      left: left,\r\n      behavior: 'smooth',\r\n    });\r\n  }\r\n\r\n  getPath(sectionId: string): string {\r\n    return `${this.router.url}#${sectionId}`;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.scrollToMenuAnchorSubscription?.unsubscribe();\r\n  }\r\n}\r\n","<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n    @for (section of sections(); track section.id) {\r\n      @if (section.title) {\r\n        <li role=\"none\">\r\n          <a\r\n            #anchorEl\r\n            id=\"anchor-{{ section.id }}\"\r\n            role=\"menuitem\"\r\n            [href]=\"getPath(section.id)\"\r\n            rdsitelink\r\n            [anchorAdjustment]=\"anchorAdjustment()\"\r\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            [ngClass]=\"{ active: activeSection() === section.id }\"\r\n          >\r\n            {{ section.title }}\r\n          </a>\r\n        </li>\r\n      }\r\n    }\r\n  </ul>\r\n</nav>\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-section-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/section-navigation/section-navigation.component.ts","../../../projects/site-front-end-lib/components/section-navigation/section-navigation.component.html","../../../projects/site-front-end-lib/components/section-navigation/rededor-site-front-end-lib-components-section-navigation.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Input,\r\n  signal,\r\n  effect,\r\n  OnInit,\r\n  ElementRef,\r\n  HostBinding,\r\n  HostListener,\r\n  OnDestroy,\r\n  input,\r\n  output,\r\n  viewChild,\r\n  viewChildren,\r\n  inject,\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RdsiteLinkDirective, SectionNavigationData, SectionNavigationConfig } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { BehaviorSubject, debounceTime, Subscription } from 'rxjs';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'nav[rdsite-section-navigation]',\r\n  imports: [CommonModule, RdsiteLinkDirective],\r\n  templateUrl: './section-navigation.component.html',\r\n  styleUrls: ['./section-navigation.component.scss'],\r\n})\r\nexport class SectionNavigationComponent implements OnInit, OnDestroy {\r\n  private curaApiService = inject(CuraApiService);\r\n  private router = inject(Router);\r\n\r\n  readonly sections = signal<SectionNavigationData[]>([]);\r\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\r\n  readonly activeSection = signal<string>('');\r\n\r\n  isMobile: boolean = window.innerWidth < 768;\r\n\r\n  scrollToMenuAnchorSubscription: Subscription | null = null;\r\n  scrollToMenuAnchorSubject: BehaviorSubject<string> = new BehaviorSubject('');\r\n\r\n  readonly containerEl = viewChild.required<ElementRef<HTMLDivElement>>('containerEl');\r\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\r\n\r\n  @HostListener('window:resize')\r\n  onWindowResize(): void {\r\n    this.isMobile = window.innerWidth < 768;\r\n  }\r\n\r\n  @HostListener('window:scroll')\r\n  onWindowScroll(): void {\r\n    this.windowScroll();\r\n  }\r\n  readonly padding = input(0);\r\n  readonly headerClass = input('.page-header');\r\n\r\n  @Input({ required: true })\r\n  set navigationSections(value: SectionNavigationData[]) {\r\n    if (!value?.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n    this.sections.set(value);\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(value[0].id);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  set navigationConfig(value: SectionNavigationConfig) {\r\n    this.config.set(value);\r\n  }\r\n\r\n  readonly ariaLabel = input('Navegação da página');\r\n  readonly anchorAdjustment = input(0);\r\n\r\n  readonly sectionChange = output<SectionNavigationData>();\r\n\r\n  @HostBinding('style') styleBinding = {\r\n    '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n    '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\r\n    '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black', 0.16),\r\n    '--color-base': this.curaApiService.theme.colors.getColor('primary-base'),\r\n    '--font-size': this.curaApiService.theme.fonts.getSize(),\r\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n  };\r\n\r\n  readonly navigationMenu = viewChild.required<ElementRef<HTMLUListElement>>('navigationMenu');\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      const sections = this.sections();\r\n      if (sections.length && !this.activeSection()) {\r\n        this.activeSection.set(sections[0].id);\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    const sections = this.sections();\r\n    if (!sections.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(sections[0].id);\r\n    }\r\n\r\n    // Usado para evitar multiplos calculos desnecessários enquanto scrolla\r\n    const TIME_TO_AVOID_UNECESSARY_CALCULATIONS = 50;\r\n    this.scrollToMenuAnchorSubscription = this.scrollToMenuAnchorSubject.pipe(debounceTime(TIME_TO_AVOID_UNECESSARY_CALCULATIONS)).subscribe((anchorId) => {\r\n      this.scrollToMenuAnchor(anchorId);\r\n    });\r\n  }\r\n\r\n  private windowScroll(): void {\r\n    const navHeight = document.querySelector<HTMLElement>('.rdsite-section-navigation')?.getBoundingClientRect().top || 0;\r\n    const pageHeaderHeight = document.querySelector<HTMLElement>(this.headerClass())?.getBoundingClientRect().top || 0;\r\n    let selectedIndex = -1;\r\n    this.sections()?.forEach((section, index) => {\r\n      const menuTop = document.querySelector<HTMLElement>(`#${section.id}`)?.getBoundingClientRect().top || 0;\r\n      if (menuTop) {\r\n        const calc = window.scrollY - menuTop + navHeight + pageHeaderHeight + this.padding();\r\n        if (calc >= 0) {\r\n          selectedIndex = index;\r\n          if (this.sections()?.[selectedIndex]) {\r\n            this.activeSection.set(this.sections()?.[selectedIndex]?.id);\r\n          }\r\n        }\r\n      }\r\n    });\r\n\r\n    if (this.sections()?.[selectedIndex]) {\r\n      this.scrollToMenuAnchorSubject.next(this.sections()?.[selectedIndex]?.id);\r\n    }\r\n  }\r\n\r\n  scrollToMenuAnchor(anchorId: string): void {\r\n    const anchor = this.anchorsEl().find((anchor) => anchor.nativeElement.id == `anchor-${anchorId}`);\r\n    if (!anchor) return;\r\n    const distanceFromTheCenterOfTheAnchor = (anchor.nativeElement.offsetLeft + anchor.nativeElement.offsetLeft + anchor?.nativeElement.offsetWidth) / 2;\r\n    const containerEl = this.containerEl();\r\n    const centerOfContainerEl = containerEl?.nativeElement.clientWidth / 2;\r\n    const left = distanceFromTheCenterOfTheAnchor - centerOfContainerEl;\r\n    containerEl.nativeElement.scrollTo({\r\n      left: left,\r\n      behavior: 'smooth',\r\n    });\r\n  }\r\n\r\n  getPath(sectionId: string): string {\r\n    return `${this.router.url}#${sectionId}`;\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.scrollToMenuAnchorSubscription?.unsubscribe();\r\n  }\r\n}\r\n","<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <ul #containerEl class=\"rdsite-section-navigation-menu\" role=\"menubar\">\r\n    @for (section of sections(); track section.id) {\r\n      @if (section.title) {\r\n        <li role=\"none\">\r\n          <a\r\n            #anchorEl\r\n            id=\"anchor-{{ section.id }}\"\r\n            role=\"menuitem\"\r\n            [href]=\"getPath(section.id)\"\r\n            rdsitelink\r\n            [anchorAdjustment]=\"anchorAdjustment()\"\r\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            [ngClass]=\"{ active: activeSection() === section.id }\"\r\n          >\r\n            {{ section.title }}\r\n          </a>\r\n        </li>\r\n      }\r\n    }\r\n  </ul>\r\n</nav>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs

@@ -5,12 +5,13 @@ import { CuraCardComponent } from '@rededor/site-front-end-lib/cura/cards/cura-c
 import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
 import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
 import { Router } from '@angular/router';
-import { isPlatformBrowser } from '@angular/common';
+import { Location, isPlatformBrowser } from '@angular/common';
 
 class SidebarNavigationComponent {
     constructor() {
         this.curaApiService = inject(CuraApiService);
         this.router = inject(Router);
+        this.location = inject(Location);
         this.platformId = inject(PLATFORM_ID);
         this.document = inject(DOCUMENT);
         this.sections = signal([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
@@ -68,18 +69,23 @@ class SidebarNavigationComponent {
             }
         });
     }
+    getBasePath() {
+        const base = this.location.prepareExternalUrl('');
+        const normalized = base.replace(/\/$/, '');
+        return normalized === '' || normalized === '/' ? '' : normalized;
+    }
     getPath(sectionId) {
-        return `${this.router.url}#${sectionId}`;
+        return `${this.getBasePath}${this.router.url}#${sectionId}`;
     }
     onSectionClick(event) {
         this.sectionChange.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SidebarNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\n    @if (title()) {\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n    }\n    <ul role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              #anchorEl\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sidebar-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              rdsitelink\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>\n                {{ section.title }}\n              </b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraCardComponent, selector: "cura-card", inputs: ["hasPadding", "hasShadow", "type", "colorMode", "href", "target"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: SidebarNavigationComponent, isStandalone: true, selector: "nav[rdsite-sidebar-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\r\n    @if (title()) {\r\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n    }\r\n    <ul role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              #anchorEl\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sidebar-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              rdsitelink\r\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>\r\n                {{ section.title }}\r\n              </b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </cura-card>\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraCardComponent, selector: "cura-card", inputs: ["hasPadding", "hasShadow", "type", "colorMode", "href", "target"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nav[rdsite-sidebar-navigation]', imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent], template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\n    @if (title()) {\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n    }\n    <ul role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              #anchorEl\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sidebar-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              rdsitelink\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>\n                {{ section.title }}\n              </b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  </cura-card>\n</nav>\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}\n"] }]
+            args: [{ selector: 'nav[rdsite-sidebar-navigation]', imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent], template: "<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\r\n    @if (title()) {\r\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n    }\r\n    <ul role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              #anchorEl\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sidebar-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              rdsitelink\r\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>\r\n                {{ section.title }}\r\n              </b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </cura-card>\r\n</nav>\r\n", styles: ["nav *{font-family:var(--font-family)}nav ul{display:flex;flex-direction:column}nav ul li{width:100%}nav ul li cura-paragraph,nav ul li a{text-align:left}nav ul li a{color:unset;text-decoration:none}\n"] }]
         }], propDecorators: { anchorAdjustment: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorAdjustment", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], navigationSections: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-sidebar-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.ts","../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.html","../../../projects/site-front-end-lib/components/sidebar-navigation/rededor-site-front-end-lib-components-sidebar-navigation.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  Input,\n  signal,\n  HostListener,\n  HostBinding,\n  inject,\n  input,\n  output,\n  viewChildren,\n  DOCUMENT,\n  PLATFORM_ID,\n  AfterViewInit,\n} from '@angular/core';\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\nimport { CuraCardComponent } from '@rededor/site-front-end-lib/cura/cards/cura-card';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { Router } from '@angular/router';\nimport { isPlatformBrowser } from '@angular/common';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'nav[rdsite-sidebar-navigation]',\n  imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent],\n  templateUrl: './sidebar-navigation.component.html',\n  styleUrl: './sidebar-navigation.component.scss',\n})\nexport class SidebarNavigationComponent implements AfterViewInit {\n  private readonly curaApiService = inject(CuraApiService);\n  private router = inject(Router);\n  private platformId = inject(PLATFORM_ID);\n  private document = inject<Document>(DOCUMENT);\n\n  readonly sections = signal<SectionNavigationData[]>([]);\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\n  readonly activeSection = signal<string>('');\n  public selectedIndex = signal<number>(0);\n  public defaultAnchorAdjustment = signal(0);\n\n  private menuHeaderHeight = 0;\n\n  readonly anchorAdjustment = input(0);\n  readonly title = input('Nesta página');\n  readonly ariaLabel = input('Navegação da página');\n  readonly padding = input(-50);\n\n  @Input({ required: true })\n  set navigationSections(value: SectionNavigationData[]) {\n    if (!value?.length) {\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\n    }\n    this.sections.set(value);\n\n    if (!this.activeSection()) {\n      this.activeSection.set(value[0].id);\n    }\n  }\n\n  @Input()\n  set navigationConfig(value: SectionNavigationConfig) {\n    this.config.set(value);\n  }\n\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\n  readonly sectionChange = output<SectionNavigationData>();\n\n  @HostListener('window:scroll')\n  onWindowScroll(): void {\n    this.windowScroll();\n  }\n\n  @HostBinding('style') styleBinding = {\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n  };\n\n  ngAfterViewInit(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      setTimeout(() => {\n        this.menuHeaderHeight = this.document.querySelector<HTMLElement>('header[sl-hdr]')?.offsetHeight || 0;\n        this.defaultAnchorAdjustment.set(this.menuHeaderHeight + (this.padding() - 1));\n      }, 200);\n    }\n  }\n\n  private windowScroll(): void {\n    this.selectedIndex.set(-1);\n\n    this.sections()?.forEach((section, index) => {\n      const element = document.querySelector<HTMLElement>(`#${section.id}`);\n      if (!element) return;\n\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\n      const currentScroll = window.scrollY + this.menuHeaderHeight + this.padding();\n      if (currentScroll >= elementTop) {\n        this.selectedIndex.set(index);\n        if (this.sections()?.[this.selectedIndex()]) {\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\n        }\n      }\n    });\n  }\n\n  getPath(sectionId: string): string {\n    return `${this.router.url}#${sectionId}`;\n  }\n\n  onSectionClick(event: SectionNavigationData) {\n    this.sectionChange.emit(event);\n  }\n}\n","<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\n    @if (title()) {\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n    }\n    <ul role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              #anchorEl\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sidebar-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              rdsitelink\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>\n                {{ section.title }}\n              </b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  </cura-card>\n</nav>\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-sidebar-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.ts","../../../projects/site-front-end-lib/components/sidebar-navigation/sidebar-navigation.component.html","../../../projects/site-front-end-lib/components/sidebar-navigation/rededor-site-front-end-lib-components-sidebar-navigation.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  signal,\r\n  HostListener,\r\n  HostBinding,\r\n  inject,\r\n  input,\r\n  output,\r\n  viewChildren,\r\n  DOCUMENT,\r\n  PLATFORM_ID,\r\n  AfterViewInit,\r\n} from '@angular/core';\r\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\r\nimport { CuraCardComponent } from '@rededor/site-front-end-lib/cura/cards/cura-card';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { Router } from '@angular/router';\r\nimport { isPlatformBrowser, Location } from '@angular/common';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'nav[rdsite-sidebar-navigation]',\r\n  imports: [RdsiteLinkDirective, CuraCardComponent, CuraParagraphComponent],\r\n  templateUrl: './sidebar-navigation.component.html',\r\n  styleUrl: './sidebar-navigation.component.scss',\r\n})\r\nexport class SidebarNavigationComponent implements AfterViewInit {\r\n  private readonly curaApiService = inject(CuraApiService);\r\n  private router = inject(Router);\r\n  private location = inject(Location);\r\n  private platformId = inject(PLATFORM_ID);\r\n  private document = inject<Document>(DOCUMENT);\r\n\r\n  readonly sections = signal<SectionNavigationData[]>([]);\r\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\r\n  readonly activeSection = signal<string>('');\r\n  public selectedIndex = signal<number>(0);\r\n  public defaultAnchorAdjustment = signal(0);\r\n\r\n  private menuHeaderHeight = 0;\r\n\r\n  readonly anchorAdjustment = input(0);\r\n  readonly title = input('Nesta página');\r\n  readonly ariaLabel = input('Navegação da página');\r\n  readonly padding = input(-50);\r\n\r\n  @Input({ required: true })\r\n  set navigationSections(value: SectionNavigationData[]) {\r\n    if (!value?.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n    this.sections.set(value);\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(value[0].id);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  set navigationConfig(value: SectionNavigationConfig) {\r\n    this.config.set(value);\r\n  }\r\n\r\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\r\n  readonly sectionChange = output<SectionNavigationData>();\r\n\r\n  @HostListener('window:scroll')\r\n  onWindowScroll(): void {\r\n    this.windowScroll();\r\n  }\r\n\r\n  @HostBinding('style') styleBinding = {\r\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n  };\r\n\r\n  ngAfterViewInit(): void {\r\n    if (isPlatformBrowser(this.platformId)) {\r\n      setTimeout(() => {\r\n        this.menuHeaderHeight = this.document.querySelector<HTMLElement>('header[sl-hdr]')?.offsetHeight || 0;\r\n        this.defaultAnchorAdjustment.set(this.menuHeaderHeight + (this.padding() - 1));\r\n      }, 200);\r\n    }\r\n  }\r\n\r\n  private windowScroll(): void {\r\n    this.selectedIndex.set(-1);\r\n\r\n    this.sections()?.forEach((section, index) => {\r\n      const element = document.querySelector<HTMLElement>(`#${section.id}`);\r\n      if (!element) return;\r\n\r\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\r\n      const currentScroll = window.scrollY + this.menuHeaderHeight + this.padding();\r\n      if (currentScroll >= elementTop) {\r\n        this.selectedIndex.set(index);\r\n        if (this.sections()?.[this.selectedIndex()]) {\r\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  getBasePath(): string {\r\n    const base = this.location.prepareExternalUrl('');\r\n    const normalized = base.replace(/\\/$/, '');\r\n\r\n    return normalized === '' || normalized === '/' ? '' : normalized;\r\n  }\r\n\r\n  getPath(sectionId: string): string {\r\n    return `${this.getBasePath}${this.router.url}#${sectionId}`;\r\n  }\r\n\r\n  onSectionClick(event: SectionNavigationData) {\r\n    this.sectionChange.emit(event);\r\n  }\r\n}\r\n","<nav class=\"rdsite-sidebar-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  <cura-card class=\"only-mobile\" [hasPadding]=\"true\" marginBlock=\"8px\" [hasShadow]=\"false\" type=\"solid\" colorMode=\"light\" target=\"_self\">\r\n    @if (title()) {\r\n      <cura-paragraph size=\"small\" color=\"neutral-black\" marginBlock=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n    }\r\n    <ul role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              #anchorEl\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sidebar-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              rdsitelink\r\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>\r\n                {{ section.title }}\r\n              </b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  </cura-card>\r\n</nav>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs

@@ -5,12 +5,13 @@ import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
 import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
 import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
 import { Router } from '@angular/router';
-import { isPlatformBrowser } from '@angular/common';
+import { Location, isPlatformBrowser } from '@angular/common';
 
 class StickyNavigationComponent {
     constructor() {
         this.curaApiService = inject(CuraApiService);
         this.router = inject(Router);
+        this.location = inject(Location);
         this.platformId = inject(PLATFORM_ID);
         this.document = inject(DOCUMENT);
         this.sections = signal([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
@@ -70,8 +71,13 @@ class StickyNavigationComponent {
             }
         });
     }
+    getBasePath() {
+        const base = this.location.prepareExternalUrl('');
+        const normalized = base.replace(/\/$/, '');
+        return normalized === '' || normalized === '/' ? '' : normalized;
+    }
     getPath(sectionId) {
-        return `${this.router.url}#${sectionId}`;
+        return `${this.getBasePath}${this.router.url}#${sectionId}`;
     }
     onSectionClick(event) {
         this.sectionChange.emit(event);
@@ -79,7 +85,7 @@ class StickyNavigationComponent {
     }
     toggleOpen() {
         this.isOpen.update((value) => !value);
-        if (isPlatformBrowser(this.platformId) && this.isOpen() && !this.anchorAdjustment) {
+        if (isPlatformBrowser(this.platformId) && this.isOpen() && !this.anchorAdjustment()) {
             setTimeout(() => {
                 // Utilizo o timeout para pegar a altura do elemento depois dele aberto
                 const menuStickyOpenedHeight = this.document.querySelector('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;
@@ -88,11 +94,11 @@ class StickyNavigationComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StickyNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  @if (title()) {\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n    </div>\n    @if (sections().length && !isOpen()) {\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n        <b>{{ sections()[selectedIndex()].title }}</b>\n      </cura-paragraph>\n    }\n  }\n\n  @if (isOpen()) {\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sticky-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              rdsitelink\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>{{ section.title }}</b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  }\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: StickyNavigationComponent, isStandalone: true, selector: "nav[rdsite-sticky-navigation]", inputs: { anchorAdjustment: { classPropertyName: "anchorAdjustment", publicName: "anchorAdjustment", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, navigationSections: { classPropertyName: "navigationSections", publicName: "navigationSections", isSignal: false, isRequired: true, transformFunction: null }, navigationConfig: { classPropertyName: "navigationConfig", publicName: "navigationConfig", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:scroll": "onWindowScroll()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "anchorsEl", predicate: ["anchorEl"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  @if (title()) {\r\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n    </div>\r\n    @if (sections().length && !isOpen()) {\r\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\r\n        <b>{{ sections()[selectedIndex()].title }}</b>\r\n      </cura-paragraph>\r\n    }\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sticky-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              rdsitelink\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>{{ section.title }}</b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</nav>\r\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StickyNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nav[rdsite-sticky-navigation]', imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  @if (title()) {\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n    </div>\n    @if (sections().length && !isOpen()) {\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n        <b>{{ sections()[selectedIndex()].title }}</b>\n      </cura-paragraph>\n    }\n  }\n\n  @if (isOpen()) {\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sticky-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              rdsitelink\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>{{ section.title }}</b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  }\n</nav>\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"] }]
+            args: [{ selector: 'nav[rdsite-sticky-navigation]', imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent], template: "<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  @if (title()) {\r\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n    </div>\r\n    @if (sections().length && !isOpen()) {\r\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\r\n        <b>{{ sections()[selectedIndex()].title }}</b>\r\n      </cura-paragraph>\r\n    }\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sticky-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              rdsitelink\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>{{ section.title }}</b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</nav>\r\n", styles: ["nav{border-radius:2px;background:var(--neutral-purewhite);box-shadow:0 1px 4px #26262629;padding:8px 20px}nav *{font-family:var(--font-family)}nav .title-bar{display:flex;justify-content:space-between;align-items:center;cursor:pointer}nav ul.menu{display:flex;flex-direction:column;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease,transform .3s ease,opacity .3s ease}nav ul.menu.open{max-height:fit-content;transform:scaleY(1);opacity:1}nav ul.menu li{width:100%}nav ul.menu li cura-paragraph,nav ul.menu li a{text-align:left}nav ul.menu li a{color:unset;text-decoration:none}\n"] }]
         }], propDecorators: { anchorAdjustment: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorAdjustment", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], navigationSections: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-sticky-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.ts","../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.html","../../../projects/site-front-end-lib/components/sticky-navigation/rededor-site-front-end-lib-components-sticky-navigation.ts"],"sourcesContent":["import {\n  Component,\n  ElementRef,\n  Input,\n  signal,\n  HostListener,\n  HostBinding,\n  inject,\n  input,\n  output,\n  viewChildren,\n  PLATFORM_ID,\n  DOCUMENT,\n  AfterViewInit,\n} from '@angular/core';\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { Router } from '@angular/router';\nimport { isPlatformBrowser } from '@angular/common';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'nav[rdsite-sticky-navigation]',\n  imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent],\n  templateUrl: './sticky-navigation.component.html',\n  styleUrl: './sticky-navigation.component.scss',\n})\nexport class StickyNavigationComponent implements AfterViewInit {\n  private curaApiService = inject(CuraApiService);\n  private router = inject(Router);\n  private platformId = inject(PLATFORM_ID);\n  private document = inject<Document>(DOCUMENT);\n\n  public readonly sections = signal<SectionNavigationData[]>([]);\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\n  readonly activeSection = signal<string>('');\n  readonly isOpen = signal<boolean>(false);\n  public selectedIndex = signal<number>(0);\n  public defaultAnchorAdjustment = signal(0);\n\n  private menuHeaderHeight = 0;\n  private menuStickyClosedHeight = 0;\n\n  readonly anchorAdjustment = input(0);\n  readonly title = input('Nesta página');\n  readonly ariaLabel = input('Navegação da página');\n  readonly padding = input(20);\n\n  @Input({ required: true })\n  set navigationSections(value: SectionNavigationData[]) {\n    if (!value?.length) {\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\n    }\n    this.sections.set(value);\n\n    if (!this.activeSection()) {\n      this.activeSection.set(value[0].id);\n    }\n  }\n\n  @Input()\n  set navigationConfig(value: SectionNavigationConfig) {\n    this.config.set(value);\n  }\n\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\n  readonly sectionChange = output<SectionNavigationData>();\n\n  @HostListener('window:scroll')\n  onWindowScroll(): void {\n    this.windowScroll();\n  }\n\n  @HostBinding('style') styleBinding = {\n    '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n  };\n\n  ngAfterViewInit(): void {\n    if (isPlatformBrowser(this.platformId)) {\n      setTimeout(() => {\n        this.menuHeaderHeight = this.document.querySelector<HTMLElement>('header[sl-hdr]')?.offsetHeight || 0;\n        this.menuStickyClosedHeight = this.document.querySelector<HTMLElement>('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;\n      }, 200);\n    }\n  }\n\n  private windowScroll(): void {\n    this.sections()?.forEach((section, index) => {\n      const element = this.document.querySelector<HTMLElement>(`#${section.id}`);\n      if (!element) return;\n\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\n      const currentScroll = window.scrollY + this.menuHeaderHeight + this.menuStickyClosedHeight + this.padding();\n\n      if (currentScroll >= elementTop) {\n        this.selectedIndex.set(index);\n        if (this.sections()?.[this.selectedIndex()]) {\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\n        }\n      }\n    });\n  }\n\n  getPath(sectionId: string): string {\n    return `${this.router.url}#${sectionId}`;\n  }\n\n  onSectionClick(event: SectionNavigationData) {\n    this.sectionChange.emit(event);\n    this.isOpen.update((value) => !value);\n  }\n\n  toggleOpen(): void {\n    this.isOpen.update((value) => !value);\n    if (isPlatformBrowser(this.platformId) && this.isOpen() && !this.anchorAdjustment) {\n      setTimeout(() => {\n        // Utilizo o timeout para pegar a altura do elemento depois dele aberto\n        const menuStickyOpenedHeight = this.document.querySelector<HTMLElement>('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;\n        this.defaultAnchorAdjustment.set(menuStickyOpenedHeight + this.menuHeaderHeight);\n      }, 100);\n    }\n  }\n}\n","<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  @if (title()) {\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\n        <b>{{ title() }}</b>\n      </cura-paragraph>\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\n    </div>\n    @if (sections().length && !isOpen()) {\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\n        <b>{{ sections()[selectedIndex()].title }}</b>\n      </cura-paragraph>\n    }\n  }\n\n  @if (isOpen()) {\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\n      @for (section of sections(); track section.id) {\n        <li role=\"none\">\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\n            <a\n              id=\"anchor-{{ section.id }}\"\n              class=\"rdsite-sticky-link\"\n              role=\"menuitem\"\n              [href]=\"getPath(section.id)\"\n              rdsitelink\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\n            >\n              <b>{{ section.title }}</b>\n            </a>\n          </cura-paragraph>\n        </li>\n      }\n    </ul>\n  }\n</nav>\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-sticky-navigation.mjs","sources":["../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.ts","../../../projects/site-front-end-lib/components/sticky-navigation/sticky-navigation.component.html","../../../projects/site-front-end-lib/components/sticky-navigation/rededor-site-front-end-lib-components-sticky-navigation.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  signal,\r\n  HostListener,\r\n  HostBinding,\r\n  inject,\r\n  input,\r\n  output,\r\n  viewChildren,\r\n  PLATFORM_ID,\r\n  DOCUMENT,\r\n  AfterViewInit,\r\n} from '@angular/core';\r\nimport { RdsiteLinkDirective, SectionNavigationConfig, SectionNavigationData } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { Router } from '@angular/router';\r\nimport { isPlatformBrowser, Location } from '@angular/common';\r\n\r\n@Component({\r\n  // eslint-disable-next-line @angular-eslint/component-selector\r\n  selector: 'nav[rdsite-sticky-navigation]',\r\n  imports: [RdsiteLinkDirective, CuraParagraphComponent, CuraIconComponent],\r\n  templateUrl: './sticky-navigation.component.html',\r\n  styleUrl: './sticky-navigation.component.scss',\r\n})\r\nexport class StickyNavigationComponent implements AfterViewInit {\r\n  private curaApiService = inject(CuraApiService);\r\n  private router = inject(Router);\r\n  private location = inject(Location);\r\n  private platformId = inject(PLATFORM_ID);\r\n  private document = inject<Document>(DOCUMENT);\r\n\r\n  public readonly sections = signal<SectionNavigationData[]>([]);\r\n  readonly config = signal<SectionNavigationConfig | undefined>(undefined);\r\n  readonly activeSection = signal<string>('');\r\n  readonly isOpen = signal<boolean>(false);\r\n  public selectedIndex = signal<number>(0);\r\n  public defaultAnchorAdjustment = signal(0);\r\n\r\n  private menuHeaderHeight = 0;\r\n  private menuStickyClosedHeight = 0;\r\n\r\n  readonly anchorAdjustment = input(0);\r\n  readonly title = input('Nesta página');\r\n  readonly ariaLabel = input('Navegação da página');\r\n  readonly padding = input(20);\r\n\r\n  @Input({ required: true })\r\n  set navigationSections(value: SectionNavigationData[]) {\r\n    if (!value?.length) {\r\n      throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');\r\n    }\r\n    this.sections.set(value);\r\n\r\n    if (!this.activeSection()) {\r\n      this.activeSection.set(value[0].id);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  set navigationConfig(value: SectionNavigationConfig) {\r\n    this.config.set(value);\r\n  }\r\n\r\n  readonly anchorsEl = viewChildren<ElementRef<HTMLAnchorElement>>('anchorEl');\r\n  readonly sectionChange = output<SectionNavigationData>();\r\n\r\n  @HostListener('window:scroll')\r\n  onWindowScroll(): void {\r\n    this.windowScroll();\r\n  }\r\n\r\n  @HostBinding('style') styleBinding = {\r\n    '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n  };\r\n\r\n  ngAfterViewInit(): void {\r\n    if (isPlatformBrowser(this.platformId)) {\r\n      setTimeout(() => {\r\n        this.menuHeaderHeight = this.document.querySelector<HTMLElement>('header[sl-hdr]')?.offsetHeight || 0;\r\n        this.menuStickyClosedHeight = this.document.querySelector<HTMLElement>('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;\r\n      }, 200);\r\n    }\r\n  }\r\n\r\n  private windowScroll(): void {\r\n    this.sections()?.forEach((section, index) => {\r\n      const element = this.document.querySelector<HTMLElement>(`#${section.id}`);\r\n      if (!element) return;\r\n\r\n      const elementTop = element.getBoundingClientRect().top + window.scrollY;\r\n      const currentScroll = window.scrollY + this.menuHeaderHeight + this.menuStickyClosedHeight + this.padding();\r\n\r\n      if (currentScroll >= elementTop) {\r\n        this.selectedIndex.set(index);\r\n        if (this.sections()?.[this.selectedIndex()]) {\r\n          this.activeSection.set(this.sections()?.[this.selectedIndex()]?.id);\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  getBasePath(): string {\r\n    const base = this.location.prepareExternalUrl('');\r\n    const normalized = base.replace(/\\/$/, '');\r\n\r\n    return normalized === '' || normalized === '/' ? '' : normalized;\r\n  }\r\n\r\n  getPath(sectionId: string): string {\r\n    return `${this.getBasePath}${this.router.url}#${sectionId}`;\r\n  }\r\n\r\n  onSectionClick(event: SectionNavigationData) {\r\n    this.sectionChange.emit(event);\r\n    this.isOpen.update((value) => !value);\r\n  }\r\n\r\n  toggleOpen(): void {\r\n    this.isOpen.update((value) => !value);\r\n    if (isPlatformBrowser(this.platformId) && this.isOpen() && !this.anchorAdjustment()) {\r\n      setTimeout(() => {\r\n        // Utilizo o timeout para pegar a altura do elemento depois dele aberto\r\n        const menuStickyOpenedHeight = this.document.querySelector<HTMLElement>('nav[rdsite-sticky-navigation]')?.offsetHeight || 0;\r\n        this.defaultAnchorAdjustment.set(menuStickyOpenedHeight + this.menuHeaderHeight);\r\n      }, 100);\r\n    }\r\n  }\r\n}\r\n","<nav class=\"rdsite-sticky-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\r\n  @if (title()) {\r\n    <div class=\"title-bar\" (click)=\"toggleOpen()\" [attr.aria-expanded]=\"isOpen()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"toggleOpen()\">\r\n      <cura-paragraph size=\"small\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\" marginBlock=\"8px\">\r\n        <b>{{ title() }}</b>\r\n      </cura-paragraph>\r\n      <cura-icon [name]=\"isOpen() ? 'up' : 'down'\" size=\"16\" [color]=\"isOpen() ? 'neutraldark' : 'primary-base'\"></cura-icon>\r\n    </div>\r\n    @if (sections().length && !isOpen()) {\r\n      <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" color=\"neutral-black\">\r\n        <b>{{ sections()[selectedIndex()].title }}</b>\r\n      </cura-paragraph>\r\n    }\r\n  }\r\n\r\n  @if (isOpen()) {\r\n    <ul class=\"menu\" [class.open]=\"isOpen()\" role=\"menubar\">\r\n      @for (section of sections(); track section.id) {\r\n        <li role=\"none\">\r\n          <cura-paragraph size=\"xsmall\" marginBlock=\"8px\" [color]=\"activeSection() === section.id ? 'neutral-black' : 'primary-base'\">\r\n            <a\r\n              id=\"anchor-{{ section.id }}\"\r\n              class=\"rdsite-sticky-link\"\r\n              role=\"menuitem\"\r\n              [href]=\"getPath(section.id)\"\r\n              rdsitelink\r\n              (click)=\"onSectionClick({ id: section.id, title: section.title })\"\r\n              [anchorAdjustment]=\"anchorAdjustment() || defaultAnchorAdjustment()\"\r\n              [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\r\n              [attr.aria-label]=\"'Navegar para ' + section.title\"\r\n            >\r\n              <b>{{ section.title }}</b>\r\n            </a>\r\n          </cura-paragraph>\r\n        </li>\r\n      }\r\n    </ul>\r\n  }\r\n</nav>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}