@rededor/site-front-end-lib 0.0.71 → 0.0.72

package/fesm2022/rededor-site-front-end-lib.mjs

@@ -19346,6 +19346,10 @@ class SectionNavigationComponent {
         this.sectionChange = new EventEmitter();
         this.styleBinding = {
             '--color-base': this.curaService.getColor('primary-base'),
+            '--color-text': this.curaService.getColor('neutral-base'),
+            '--color-active-text': this.curaService.getColor('neutral-purewhite'),
+            '--font-size': this.curaService.getFontSize(),
+            '--font-weight-active': this.curaService.getFontWeights()['medium'],
         };
         this.scrollSub = null;
         this.scrollToMenuAnchorSubject = new BehaviorSubject(-1);
@@ -19428,11 +19432,11 @@ class SectionNavigationComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n    @for (section of sections(); track section.id) {\n      @if (section.title) {\n        <li role=\"none\">\n          <a\n            target=\"_self\"\n            role=\"menuitem\"\n            [href]=\"'#' + section.id\"\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n            (click)=\"$event.preventDefault(); onSectionClick(section)\"\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\n          >\n            <cura-paragraph\n              size=\"xsmall\"\n              [ngClass]=\"{ active: activeSection() === section.id }\"\n              [color]=\"activeSection() === section.id ? 'neutral-purewhite' : 'neutral-dark'\"\n            >\n              {{ section.title }}\n            </cura-paragraph>\n          </a>\n        </li>\n      }\n    }\n  </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.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}cura-paragraph{--margin-block: 0 !important;position:relative;padding:12px 8px;font-weight:500}cura-paragraph.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SectionNavigationComponent, isStandalone: true, selector: "nav[rdsite-section-navigation]", inputs: { navigationSections: "navigationSections", navigationConfig: "navigationConfig", ariaLabel: "ariaLabel" }, outputs: { sectionChange: "sectionChange" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "navigationMenu", first: true, predicate: ["navigationMenu"], descendants: true, static: true }], ngImport: i0, template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n    @for (section of sections(); track section.id) {\n      @if (section.title) {\n        <li role=\"none\">\n          <a\n            target=\"_self\"\n            role=\"menuitem\"\n            [href]=\"'#' + section.id\"\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n            (click)=\"$event.preventDefault(); onSectionClick(section)\"\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\n            [ngClass]=\"{ active: activeSection() === section.id }\"\n          >\n            {{ section.title }}\n          </a>\n        </li>\n      }\n    }\n  </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.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:var(--font-size);font-weight:var(--font-weight-active);color:var(--color-text);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(--color-active-text)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionNavigationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n    @for (section of sections(); track section.id) {\n      @if (section.title) {\n        <li role=\"none\">\n          <a\n            target=\"_self\"\n            role=\"menuitem\"\n            [href]=\"'#' + section.id\"\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n            (click)=\"$event.preventDefault(); onSectionClick(section)\"\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\n          >\n            <cura-paragraph\n              size=\"xsmall\"\n              [ngClass]=\"{ active: activeSection() === section.id }\"\n              [color]=\"activeSection() === section.id ? 'neutral-purewhite' : 'neutral-dark'\"\n            >\n              {{ section.title }}\n            </cura-paragraph>\n          </a>\n        </li>\n      }\n    }\n  </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.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}cura-paragraph{--margin-block: 0 !important;position:relative;padding:12px 8px;font-weight:500}cura-paragraph.active{border-radius:4px 4px 0 0!important;background-color:var(--color-base)}\n"] }]
+            args: [{ selector: 'nav[rdsite-section-navigation]', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <ul #navigationMenu class=\"rdsite-section-navigation-menu\" role=\"menubar\">\n    @for (section of sections(); track section.id) {\n      @if (section.title) {\n        <li role=\"none\">\n          <a\n            target=\"_self\"\n            role=\"menuitem\"\n            [href]=\"'#' + section.id\"\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\n            (click)=\"$event.preventDefault(); onSectionClick(section)\"\n            [attr.aria-label]=\"'Navegar para ' + section.title\"\n            [ngClass]=\"{ active: activeSection() === section.id }\"\n          >\n            {{ section.title }}\n          </a>\n        </li>\n      }\n    }\n  </ul>\n</nav>\n", styles: [".rdsite-section-navigation{width:100%;position:sticky;left:0;z-index:1000;background-color:#fff;border-bottom:1px solid #b7b7b7;box-shadow:0 4px 8px #26262629;padding-top:10px}.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:var(--font-size);font-weight:var(--font-weight-active);color:var(--color-text);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(--color-active-text)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize']