@rededor/site-front-end-lib 20.0.26 → 20.0.27

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

@@ -1,30 +0,0 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { input, Component } from '@angular/core';
-
-class PageTemplateSidebarComponent {
-    constructor() {
-        this.header = input(null, ...(ngDevMode ? [{ debugName: "header" }] : []));
-        this.stickyContent = input(null, ...(ngDevMode ? [{ debugName: "stickyContent" }] : []));
-        this.beforeContent = input(null, ...(ngDevMode ? [{ debugName: "beforeContent" }] : []));
-        this.content = input(null, ...(ngDevMode ? [{ debugName: "content" }] : []));
-        this.afterContent = input(null, ...(ngDevMode ? [{ debugName: "afterContent" }] : []));
-        this.sidebarContent = input(null, ...(ngDevMode ? [{ debugName: "sidebarContent" }] : []));
-        this.isArticle = input(false, ...(ngDevMode ? [{ debugName: "isArticle" }] : []));
-        this.reverseSidebar = input(false, ...(ngDevMode ? [{ debugName: "reverseSidebar" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, stickyContent: { classPropertyName: "stickyContent", publicName: "stickyContent", isSignal: true, isRequired: false, transformFunction: null }, beforeContent: { classPropertyName: "beforeContent", publicName: "beforeContent", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, afterContent: { classPropertyName: "afterContent", publicName: "afterContent", isSignal: true, isRequired: false, transformFunction: null }, sidebarContent: { classPropertyName: "sidebarContent", publicName: "sidebarContent", isSignal: true, isRequired: false, transformFunction: null }, isArticle: { classPropertyName: "isArticle", publicName: "isArticle", isSignal: true, isRequired: false, transformFunction: null }, reverseSidebar: { classPropertyName: "reverseSidebar", publicName: "reverseSidebar", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isArticle()) {\n  <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </article>\n} @else {\n  <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </section>\n}\n<ng-template #mainContent>\n  @if (header()) {\n    <header class=\"rdsite-template-header\">\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n    </header>\n  }\n  @if (stickyContent()) {\n    <div class=\"rdsite-template-sticky-content\">\n      <ng-container *ngTemplateOutlet=\"stickyContent()\"></ng-container>\n    </div>\n  }\n\n  @if (beforeContent()) {\n    <div class=\"rdsite-template-before-content\">\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n    </div>\n  }\n  <div class=\"rdsite-template-container\">\n    @if (content()) {\n      <section class=\"rdsite-content-container\">\n        <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n      </section>\n    }\n\n    @if (sidebarContent()) {\n      <aside class=\"rdsite-sidebar-content-container\">\n        <ng-container *ngTemplateOutlet=\"sidebarContent()\"></ng-container>\n      </aside>\n    }\n  </div>\n</ng-template>\n\n@if (afterContent()?.length) {\n  @for (tpl of afterContent(); track $index) {\n    @if (tpl.show) {\n      <aside class=\"rdsite-template-after-content\">\n        <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n      </aside>\n    }\n  }\n}\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rdsite-page-template-sidebar', imports: [CommonModule], template: "@if (isArticle()) {\n  <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </article>\n} @else {\n  <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </section>\n}\n<ng-template #mainContent>\n  @if (header()) {\n    <header class=\"rdsite-template-header\">\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n    </header>\n  }\n  @if (stickyContent()) {\n    <div class=\"rdsite-template-sticky-content\">\n      <ng-container *ngTemplateOutlet=\"stickyContent()\"></ng-container>\n    </div>\n  }\n\n  @if (beforeContent()) {\n    <div class=\"rdsite-template-before-content\">\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n    </div>\n  }\n  <div class=\"rdsite-template-container\">\n    @if (content()) {\n      <section class=\"rdsite-content-container\">\n        <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n      </section>\n    }\n\n    @if (sidebarContent()) {\n      <aside class=\"rdsite-sidebar-content-container\">\n        <ng-container *ngTemplateOutlet=\"sidebarContent()\"></ng-container>\n      </aside>\n    }\n  </div>\n</ng-template>\n\n@if (afterContent()?.length) {\n  @for (tpl of afterContent(); track $index) {\n    @if (tpl.show) {\n      <aside class=\"rdsite-template-after-content\">\n        <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n      </aside>\n    }\n  }\n}\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"] }]
-        }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], stickyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyContent", required: false }] }], beforeContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeContent", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], afterContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "afterContent", required: false }] }], sidebarContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarContent", required: false }] }], isArticle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isArticle", required: false }] }], reverseSidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseSidebar", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PageTemplateSidebarComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-components-page-template-sidebar.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-page-template-sidebar.mjs","sources":["../../../projects/site-front-end-lib/components/page-template-sidebar/page-template-sidebar.component.ts","../../../projects/site-front-end-lib/components/page-template-sidebar/page-template-sidebar.component.html","../../../projects/site-front-end-lib/components/page-template-sidebar/rededor-site-front-end-lib-components-page-template-sidebar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, TemplateRef, input } from '@angular/core';\n\n@Component({\n  selector: 'rdsite-page-template-sidebar',\n  imports: [CommonModule],\n  templateUrl: './page-template-sidebar.component.html',\n  styleUrl: './page-template-sidebar.component.scss',\n})\nexport class PageTemplateSidebarComponent {\n  readonly header = input<TemplateRef<any> | null>(null);\n  readonly stickyContent = input<TemplateRef<any> | null>(null);\n  readonly beforeContent = input<TemplateRef<any> | null>(null);\n  readonly content = input<TemplateRef<any> | null>(null);\n  readonly afterContent = input<\n    | {\n        template: TemplateRef<any>;\n        show: boolean;\n      }[]\n    | null\n  >(null);\n  readonly sidebarContent = input<TemplateRef<any> | null>(null);\n  readonly isArticle = input(false);\n  readonly reverseSidebar = input(false);\n}\n","@if (isArticle()) {\n  <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </article>\n} @else {\n  <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </section>\n}\n<ng-template #mainContent>\n  @if (header()) {\n    <header class=\"rdsite-template-header\">\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n    </header>\n  }\n  @if (stickyContent()) {\n    <div class=\"rdsite-template-sticky-content\">\n      <ng-container *ngTemplateOutlet=\"stickyContent()\"></ng-container>\n    </div>\n  }\n\n  @if (beforeContent()) {\n    <div class=\"rdsite-template-before-content\">\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n    </div>\n  }\n  <div class=\"rdsite-template-container\">\n    @if (content()) {\n      <section class=\"rdsite-content-container\">\n        <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\n      </section>\n    }\n\n    @if (sidebarContent()) {\n      <aside class=\"rdsite-sidebar-content-container\">\n        <ng-container *ngTemplateOutlet=\"sidebarContent()\"></ng-container>\n      </aside>\n    }\n  </div>\n</ng-template>\n\n@if (afterContent()?.length) {\n  @for (tpl of afterContent(); track $index) {\n    @if (tpl.show) {\n      <aside class=\"rdsite-template-after-content\">\n        <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n      </aside>\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,55 +0,0 @@
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, input, output, HostBinding, Component } from '@angular/core';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
-
-class PaginationComponent {
-    constructor() {
-        this.curaApiService = inject(CuraApiService);
-        this.totalPages = input.required(...(ngDevMode ? [{ debugName: "totalPages" }] : []));
-        this.activePage = input.required(...(ngDevMode ? [{ debugName: "activePage" }] : []));
-        this.perPage = input(10, ...(ngDevMode ? [{ debugName: "perPage" }] : []));
-        this.perPageOptions = input([10, 30, 50], ...(ngDevMode ? [{ debugName: "perPageOptions" }] : []));
-        this.customStyle = input({}, ...(ngDevMode ? [{ debugName: "customStyle" }] : []));
-        this.containerClass = input(true, ...(ngDevMode ? [{ debugName: "containerClass" }] : []));
-        this.darkMode = input(false, ...(ngDevMode ? [{ debugName: "darkMode" }] : []));
-        this.pageChange = output();
-        this.perPageChange = output();
-        this.styleBinding = {
-            '--font-family': this.curaApiService.theme.fonts.getFamily(''),
-            '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),
-            '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),
-            '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),
-            '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),
-            '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),
-        };
-    }
-    next() {
-        if (this.activePage() < this.totalPages()) {
-            this.pageChange.emit(this.activePage() + 1);
-        }
-    }
-    prev() {
-        if (this.activePage() > 1) {
-            this.pageChange.emit(this.activePage() - 1);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: PaginationComponent, isStandalone: true, selector: "rdsite-pagination", inputs: { totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: true, transformFunction: null }, activePage: { classPropertyName: "activePage", publicName: "activePage", isSignal: true, isRequired: true, transformFunction: null }, perPage: { classPropertyName: "perPage", publicName: "perPage", isSignal: true, isRequired: false, transformFunction: null }, perPageOptions: { classPropertyName: "perPageOptions", publicName: "perPageOptions", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null }, containerClass: { classPropertyName: "containerClass", publicName: "containerClass", isSignal: true, isRequired: false, transformFunction: null }, darkMode: { classPropertyName: "darkMode", publicName: "darkMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", perPageChange: "perPageChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n  class=\"rdsite-pagination\"\n  [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode() }\"\n  [style]=\"customStyle()\"\n  data-testid=\"_rdsite-rdsite-pagination\"\n>\n  @if (totalPages() && totalPages() > 1) {\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage() === 1 ? true : null\">\n        <cura-icon\n          name=\"arrowLeftCircle\"\n          size=\"24\"\n          [color]=\"activePage() === 1 ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n        >\n        </cura-icon>\n      </button>\n\n      <span>P\u00E1gina {{ activePage() }} - {{ totalPages() }}</span>\n\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage() === totalPages() ? true : null\">\n        <cura-icon\n          name=\"arrowRightCircle\"\n          size=\"24\"\n          [color]=\"activePage() === totalPages() ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n        >\n        </cura-icon>\n      </button>\n    </nav>\n  }\n\n  @if (perPageOptions().length) {\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\n      <span>Resultados por p\u00E1gina</span>\n\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\n        @for (option of perPageOptions(); let i = $index; track option) {\n          <button\n            type=\"button\"\n            (click)=\"perPageChange.emit(option)\"\n            [attr.disabled]=\"option === perPage() ? true : null\"\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\n            class=\"button-link\"\n          >\n            {{ option }}\n            @if (i < perPageOptions().length - 1) {\n              <span class=\"bar\">|</span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rdsite-pagination', imports: [CommonModule, CuraIconComponent], template: "<div\n  class=\"rdsite-pagination\"\n  [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode() }\"\n  [style]=\"customStyle()\"\n  data-testid=\"_rdsite-rdsite-pagination\"\n>\n  @if (totalPages() && totalPages() > 1) {\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\n      <button (click)=\"prev()\" type=\"button\" title=\"P\u00E1gina anterior\" class=\"button-link\" [attr.disabled]=\"activePage() === 1 ? true : null\">\n        <cura-icon\n          name=\"arrowLeftCircle\"\n          size=\"24\"\n          [color]=\"activePage() === 1 ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n        >\n        </cura-icon>\n      </button>\n\n      <span>P\u00E1gina {{ activePage() }} - {{ totalPages() }}</span>\n\n      <button (click)=\"next()\" type=\"button\" title=\"Pr\u00F3xima p\u00E1gina\" class=\"button-link\" [attr.disabled]=\"activePage() === totalPages() ? true : null\">\n        <cura-icon\n          name=\"arrowRightCircle\"\n          size=\"24\"\n          [color]=\"activePage() === totalPages() ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n        >\n        </cura-icon>\n      </button>\n    </nav>\n  }\n\n  @if (perPageOptions().length) {\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\n      <span>Resultados por p\u00E1gina</span>\n\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\n        @for (option of perPageOptions(); let i = $index; track option) {\n          <button\n            type=\"button\"\n            (click)=\"perPageChange.emit(option)\"\n            [attr.disabled]=\"option === perPage() ? true : null\"\n            title=\"Exibir {{ option }} resultados por p\u00E1gina.\"\n            class=\"button-link\"\n          >\n            {{ option }}\n            @if (i < perPageOptions().length - 1) {\n              <span class=\"bar\">|</span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":host{width:100%}:host *{font-family:var(--font-family)}.rdsite-pagination{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden}.rdsite-pagination-pp-options,.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;padding:16px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link],.rdsite-pagination-nav span{font-weight:500;font-size:12px;line-height:13px;height:auto;padding:0;background-color:transparent;letter-spacing:.72px}.rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination-nav button[class*=-link]{color:var(--primary-base);cursor:pointer}.rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination-pp-options span,.rdsite-pagination-nav button[class*=-link]:disabled,.rdsite-pagination-nav span{color:var(--neutral-dark);background-color:transparent;pointer-events:none}.rdsite-pagination-pp-options span.bar,.rdsite-pagination-nav span.bar{margin:0 20px;color:var(--neutral-light)}.rdsite-pagination-pp-options>span{display:inline;margin-right:18px}.rdsite-pagination-pp-options-controls{text-wrap:nowrap}.rdsite-pagination nav.rdsite-pagination-nav{display:flex;justify-content:space-between;align-self:center;align-items:center;width:100%;border-top:1px dashed var(--neutral-light)}.rdsite-pagination nav.rdsite-pagination-nav span{margin:0 44px}@media screen and (min-width: 1024px){.rdsite-pagination{flex-direction:row;justify-content:space-between}.rdsite-pagination-pp-options,.rdsite-pagination nav.rdsite-pagination-nav{width:auto;border-top:none}.rdsite-pagination-pp-options>span{margin-right:44px}}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link],.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options button[class*=-link]:disabled,.rdsite-pagination.dark-mode .rdsite-pagination-nav button[class*=-link]:disabled{color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span,.rdsite-pagination.dark-mode .rdsite-pagination-nav span{color:var(--neutral-purewhite)}.rdsite-pagination.dark-mode .rdsite-pagination-pp-options span.bar,.rdsite-pagination.dark-mode .rdsite-pagination-nav span.bar{margin:0 20px;color:var(--primary-base)}.rdsite-pagination.dark-mode .rdsite-pagination-nav{border-top:1px dashed var(--primary-base)}\n"] }]
-        }], propDecorators: { totalPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalPages", required: true }] }], activePage: [{ type: i0.Input, args: [{ isSignal: true, alias: "activePage", required: true }] }], perPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPage", required: false }] }], perPageOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "perPageOptions", required: false }] }], customStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "customStyle", required: false }] }], containerClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "containerClass", required: false }] }], darkMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "darkMode", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], perPageChange: [{ type: i0.Output, args: ["perPageChange"] }], styleBinding: [{
-                type: HostBinding,
-                args: ['style']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PaginationComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-components-pagination.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-pagination.mjs","sources":["../../../projects/site-front-end-lib/components/pagination/pagination.component.ts","../../../projects/site-front-end-lib/components/pagination/pagination.component.html","../../../projects/site-front-end-lib/components/pagination/rededor-site-front-end-lib-components-pagination.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, HostBinding, input, output, inject } from '@angular/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\n\n@Component({\n  selector: 'rdsite-pagination',\n  imports: [CommonModule, CuraIconComponent],\n  templateUrl: './pagination.component.html',\n  styleUrl: './pagination.component.scss',\n})\nexport class PaginationComponent {\n  private readonly curaApiService = inject(CuraApiService);\n\n  readonly totalPages = input.required<number>();\n  readonly activePage = input.required<number>();\n  readonly perPage = input<number>(10);\n  readonly perPageOptions = input([10, 30, 50]);\n  readonly customStyle = input<{\n    [key: string]: string;\n  }>({});\n  readonly containerClass = input(true);\n  readonly darkMode = input(false);\n\n  readonly pageChange = output<number>();\n  readonly perPageChange = output<number>();\n\n  @HostBinding('style') styleBinding = {\n    '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n    '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\n    '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),\n    '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n    '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n    '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\n  };\n\n  next() {\n    if (this.activePage() < this.totalPages()) {\n      this.pageChange.emit(this.activePage() + 1);\n    }\n  }\n\n  prev() {\n    if (this.activePage() > 1) {\n      this.pageChange.emit(this.activePage() - 1);\n    }\n  }\n}\n","<div\n  class=\"rdsite-pagination\"\n  [ngClass]=\"{ 'rdsite-container': containerClass, 'dark-mode': darkMode() }\"\n  [style]=\"customStyle()\"\n  data-testid=\"_rdsite-rdsite-pagination\"\n>\n  @if (totalPages() && totalPages() > 1) {\n    <nav class=\"rdsite-pagination-nav\" aria-label=\"Pagination nav\">\n      <button (click)=\"prev()\" type=\"button\" title=\"Página anterior\" class=\"button-link\" [attr.disabled]=\"activePage() === 1 ? true : null\">\n        <cura-icon\n          name=\"arrowLeftCircle\"\n          size=\"24\"\n          [color]=\"activePage() === 1 ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n        >\n        </cura-icon>\n      </button>\n\n      <span>Página {{ activePage() }} - {{ totalPages() }}</span>\n\n      <button (click)=\"next()\" type=\"button\" title=\"Próxima página\" class=\"button-link\" [attr.disabled]=\"activePage() === totalPages() ? true : null\">\n        <cura-icon\n          name=\"arrowRightCircle\"\n          size=\"24\"\n          [color]=\"activePage() === totalPages() ? (darkMode() ? 'primary-base' : 'neutral-dark') : darkMode() ? 'neutral-purewhite' : 'primary-base'\"\n        >\n        </cura-icon>\n      </button>\n    </nav>\n  }\n\n  @if (perPageOptions().length) {\n    <div class=\"rdsite-pagination-pp-options\" data-testid=\"_rdsite-rdsite-pagination-pp-options\">\n      <span>Resultados por página</span>\n\n      <div class=\"rdsite-pagination-pp-options-controls\" data-testid=\"_rdsite-rdsite-pagination-pp-options-controls\">\n        @for (option of perPageOptions(); let i = $index; track option) {\n          <button\n            type=\"button\"\n            (click)=\"perPageChange.emit(option)\"\n            [attr.disabled]=\"option === perPage() ? true : null\"\n            title=\"Exibir {{ option }} resultados por página.\"\n            class=\"button-link\"\n          >\n            {{ option }}\n            @if (i < perPageOptions().length - 1) {\n              <span class=\"bar\">|</span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -1,119 +0,0 @@
-import * as i1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, input, output, viewChild, effect, HostBinding, Component } from '@angular/core';
-import * as i2 from '@angular/forms';
-import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
-import { DeviceDetectorService } from 'ngx-device-detector';
-import { debounceTime } from 'rxjs';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-import { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';
-import { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';
-
-class SearchComponent {
-    constructor() {
-        this.deviceService = inject(DeviceDetectorService);
-        this.curaApiService = inject(CuraApiService);
-        this.platformId = inject(PLATFORM_ID);
-        this.searchControl = input(new UntypedFormControl(''), ...(ngDevMode ? [{ debugName: "searchControl" }] : []));
-        this.showSearchButtonMobile = input(true, ...(ngDevMode ? [{ debugName: "showSearchButtonMobile" }] : []));
-        this.debounceTime = input(300, ...(ngDevMode ? [{ debugName: "debounceTime" }] : []));
-        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
-        this.canClean = input(false, ...(ngDevMode ? [{ debugName: "canClean" }] : []));
-        this.controlBlur = output();
-        this.controlFocus = output();
-        this.controlReset = output();
-        this.termChange = output();
-        this.enterPress = output();
-        this.enable = input(true, ...(ngDevMode ? [{ debugName: "enable" }] : []));
-        this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-        this.setFocus = input(false, ...(ngDevMode ? [{ debugName: "setFocus" }] : []));
-        this.focus = false;
-        this.controlSubscription = null;
-        this.searchInput = viewChild('searchInput', ...(ngDevMode ? [{ debugName: "searchInput" }] : []));
-        this.style = {
-            '--color': this.curaApiService.theme.colors.getColor('neutral-black'),
-        };
-        effect(() => {
-            this.setControlState();
-        });
-    }
-    ngAfterViewInit() {
-        if (this.setFocus())
-            this.setInitialFocus();
-    }
-    ngOnInit() {
-        this.controlSubscription = this.searchControl()
-            .valueChanges.pipe(debounceTime(this.debounceTime()))
-            .subscribe((term) => this.onChange(term));
-    }
-    setInitialFocus() {
-        if (isPlatformBrowser(this.platformId)) {
-            // Usar setTimeout para evitar mudanças de expressão após verificação
-            setTimeout(() => {
-                this.searchInput()?.nativeElement?.focus();
-                this.onFocus();
-            }, 10);
-        }
-    }
-    onChange(term) {
-        this.termChange.emit(term);
-    }
-    onFocus() {
-        this.focus = true;
-        this.controlFocus.emit();
-    }
-    onBlur() {
-        this.focus = false;
-        this.controlBlur.emit();
-    }
-    onSubmit($event) {
-        if (this.searchControl().value) {
-            this.enterPress.emit($event.target.value);
-            if (this.deviceService.isMobile() && this.showSearchButtonMobile()) {
-                this.focus = false;
-                $event.target.blur();
-            }
-        }
-    }
-    onSubmitByClick() {
-        const searchControl = this.searchControl();
-        if (searchControl.value) {
-            this.enterPress.emit(searchControl.value);
-            if (this.deviceService.isMobile() && this.showSearchButtonMobile()) {
-                this.focus = false;
-            }
-        }
-    }
-    setControlState() {
-        if (this.enable()) {
-            this.searchControl().enable();
-        }
-        else {
-            this.searchControl().disable();
-        }
-    }
-    clean() {
-        this.searchControl().setValue('');
-        this.controlReset.emit();
-    }
-    ngOnDestroy() {
-        this.controlSubscription?.unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: SearchComponent, isStandalone: true, selector: "rdsite-search", inputs: { searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, showSearchButtonMobile: { classPropertyName: "showSearchButtonMobile", publicName: "showSearchButtonMobile", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, canClean: { classPropertyName: "canClean", publicName: "canClean", isSignal: true, isRequired: false, transformFunction: null }, enable: { classPropertyName: "enable", publicName: "enable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, setFocus: { classPropertyName: "setFocus", publicName: "setFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlBlur: "controlBlur", controlFocus: "controlFocus", controlReset: "controlReset", termChange: "termChange", enterPress: "enterPress" }, host: { properties: { "style": "this.style" } }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl().enabled, focus: focus }\">\n  <label class=\"label-hidden\">{{ label() }}</label>\n  <input\n    #searchInput\n    class=\"rdsite-search-control-input\"\n    [type]=\"'text'\"\n    name=\"term\"\n    autocomplete=\"off\"\n    [placeholder]=\"label()\"\n    [formControl]=\"searchControl()\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    (keyup.enter)=\"onSubmit($event)\"\n    enterkeyhint=\"search\"\n    (search)=\"onSubmit($event)\"\n  />\n\n  <div class=\"rdsite-search-control-icon\">\n    <cura-icon\n      name=\"closeCircle\"\n      size=\"20\"\n      color=\"primary-base\"\n      (click)=\"clean()\"\n      class=\"close\"\n      [ngClass]=\"{ active: (searchControl().value || canClean()) && !loading() }\"\n    ></cura-icon>\n    <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading() }\"></cura-icon>\n    @if (loading()) {\n      <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\n    }\n  </div>\n</div>\n", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SearchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rdsite-search', imports: [CommonModule, ReactiveFormsModule, CuraIconComponent, CuraLoaderCircleComponent], template: "<div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl().enabled, focus: focus }\">\n  <label class=\"label-hidden\">{{ label() }}</label>\n  <input\n    #searchInput\n    class=\"rdsite-search-control-input\"\n    [type]=\"'text'\"\n    name=\"term\"\n    autocomplete=\"off\"\n    [placeholder]=\"label()\"\n    [formControl]=\"searchControl()\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    (keyup.enter)=\"onSubmit($event)\"\n    enterkeyhint=\"search\"\n    (search)=\"onSubmit($event)\"\n  />\n\n  <div class=\"rdsite-search-control-icon\">\n    <cura-icon\n      name=\"closeCircle\"\n      size=\"20\"\n      color=\"primary-base\"\n      (click)=\"clean()\"\n      class=\"close\"\n      [ngClass]=\"{ active: (searchControl().value || canClean()) && !loading() }\"\n    ></cura-icon>\n    <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading() }\"></cura-icon>\n    @if (loading()) {\n      <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\n    }\n  </div>\n</div>\n", styles: [":host{background-color:#fff;box-shadow:0 4px 8px #26262629;height:100%;width:100%;max-width:100vw}:host .rdsite-search-control{display:flex;align-items:center;width:100%;height:100%;padding:0 20px}:host .rdsite-search-control-input{flex-grow:1;padding:0 8px 0 0;color:var(--color);font-size:16px!important;font-weight:500;line-height:20px}:host .rdsite-search-control-icon{display:flex;align-items:center;justify-content:center;gap:20px}:host .rdsite-search-control-icon cura-icon{cursor:pointer;visibility:hidden}:host .rdsite-search-control-icon cura-icon.active{visibility:unset}@media only screen and (min-width: 1024px){:host .rdsite-search-control{padding:0 40px 0 20px}}.label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { searchControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchControl", required: false }] }], showSearchButtonMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearchButtonMobile", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], canClean: [{ type: i0.Input, args: [{ isSignal: true, alias: "canClean", required: false }] }], controlBlur: [{ type: i0.Output, args: ["controlBlur"] }], controlFocus: [{ type: i0.Output, args: ["controlFocus"] }], controlReset: [{ type: i0.Output, args: ["controlReset"] }], termChange: [{ type: i0.Output, args: ["termChange"] }], enterPress: [{ type: i0.Output, args: ["enterPress"] }], enable: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], setFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "setFocus", required: false }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], style: [{
-                type: HostBinding,
-                args: ['style']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SearchComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-components-search.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rededor-site-front-end-lib-components-search.mjs","sources":["../../../projects/site-front-end-lib/components/search/search.component.ts","../../../projects/site-front-end-lib/components/search/search.component.html","../../../projects/site-front-end-lib/components/search/rededor-site-front-end-lib-components-search.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { AfterViewInit, Component, ElementRef, HostBinding, OnDestroy, OnInit, PLATFORM_ID, input, output, viewChild, inject, effect } from '@angular/core';\nimport { ReactiveFormsModule, UntypedFormControl } from '@angular/forms';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport { debounceTime, Subscription } from 'rxjs';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\n\n@Component({\n  selector: 'rdsite-search',\n  imports: [CommonModule, ReactiveFormsModule, CuraIconComponent, CuraLoaderCircleComponent],\n  templateUrl: './search.component.html',\n  styleUrl: './search.component.scss',\n})\nexport class SearchComponent implements OnInit, OnDestroy, AfterViewInit {\n  private deviceService = inject(DeviceDetectorService);\n  private curaApiService = inject(CuraApiService);\n  private platformId = inject(PLATFORM_ID);\n\n  readonly searchControl = input(new UntypedFormControl(''));\n  readonly showSearchButtonMobile = input(true);\n  readonly debounceTime = input(300);\n  readonly label = input<string>('');\n  readonly canClean = input(false);\n  readonly controlBlur = output();\n  readonly controlFocus = output();\n  readonly controlReset = output();\n  readonly termChange = output<string>();\n  readonly enterPress = output<string>();\n\n  readonly enable = input(true);\n  readonly loading = input(false);\n\n  readonly setFocus = input(false);\n  focus = false;\n\n  controlSubscription: Subscription | null = null;\n\n  readonly searchInput = viewChild<ElementRef<HTMLInputElement>>('searchInput');\n\n  @HostBinding('style') style = {\n    '--color': this.curaApiService.theme.colors.getColor('neutral-black'),\n  };\n\n  constructor() {\n    effect(() => {\n      this.setControlState();\n    });\n  }\n\n  ngAfterViewInit(): void {\n    if (this.setFocus()) this.setInitialFocus();\n  }\n\n  ngOnInit() {\n    this.controlSubscription = this.searchControl()\n      .valueChanges.pipe(debounceTime(this.debounceTime()))\n      .subscribe((term) => this.onChange(term));\n  }\n\n  setInitialFocus() {\n    if (isPlatformBrowser(this.platformId)) {\n      // Usar setTimeout para evitar mudanças de expressão após verificação\n      setTimeout(() => {\n        this.searchInput()?.nativeElement?.focus();\n        this.onFocus();\n      }, 10);\n    }\n  }\n\n  onChange(term: string) {\n    this.termChange.emit(term);\n  }\n\n  onFocus() {\n    this.focus = true;\n    this.controlFocus.emit();\n  }\n\n  onBlur() {\n    this.focus = false;\n    this.controlBlur.emit();\n  }\n\n  onSubmit($event: any) {\n    if (this.searchControl().value) {\n      this.enterPress.emit($event.target.value);\n      if (this.deviceService.isMobile() && this.showSearchButtonMobile()) {\n        this.focus = false;\n        $event.target.blur();\n      }\n    }\n  }\n\n  onSubmitByClick() {\n    const searchControl = this.searchControl();\n    if (searchControl.value) {\n      this.enterPress.emit(searchControl.value);\n      if (this.deviceService.isMobile() && this.showSearchButtonMobile()) {\n        this.focus = false;\n      }\n    }\n  }\n\n  setControlState() {\n    if (this.enable()) {\n      this.searchControl().enable();\n    } else {\n      this.searchControl().disable();\n    }\n  }\n\n  clean() {\n    this.searchControl().setValue('');\n    this.controlReset.emit();\n  }\n\n  ngOnDestroy() {\n    this.controlSubscription?.unsubscribe();\n  }\n}\n","<div class=\"rdsite-search-control\" [ngClass]=\"{ disabled: !enable || !searchControl().enabled, focus: focus }\">\n  <label class=\"label-hidden\">{{ label() }}</label>\n  <input\n    #searchInput\n    class=\"rdsite-search-control-input\"\n    [type]=\"'text'\"\n    name=\"term\"\n    autocomplete=\"off\"\n    [placeholder]=\"label()\"\n    [formControl]=\"searchControl()\"\n    (focus)=\"onFocus()\"\n    (blur)=\"onBlur()\"\n    (keyup.enter)=\"onSubmit($event)\"\n    enterkeyhint=\"search\"\n    (search)=\"onSubmit($event)\"\n  />\n\n  <div class=\"rdsite-search-control-icon\">\n    <cura-icon\n      name=\"closeCircle\"\n      size=\"20\"\n      color=\"primary-base\"\n      (click)=\"clean()\"\n      class=\"close\"\n      [ngClass]=\"{ active: (searchControl().value || canClean()) && !loading() }\"\n    ></cura-icon>\n    <cura-icon name=\"search\" size=\"20\" color=\"primary-base\" (click)=\"onSubmitByClick()\" class=\"search\" [ngClass]=\"{ active: !loading() }\"></cura-icon>\n    @if (loading()) {\n      <cura-loader-circle color=\"primary\" size=\"small\"></cura-loader-circle>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;MAea,eAAe,CAAA;AA8B1B,IAAA,WAAA,GAAA;AA7BQ,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,qBAAqB,CAAC;AAC7C,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;QAE/B,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,IAAI,kBAAkB,CAAC,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACjD,QAAA,IAAA,CAAA,sBAAsB,GAAG,KAAK,CAAC,IAAI,kEAAC;AACpC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,GAAG,wDAAC;AACzB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC;QACvB,IAAA,CAAA,WAAW,GAAG,MAAM,EAAE;QACtB,IAAA,CAAA,YAAY,GAAG,MAAM,EAAE;QACvB,IAAA,CAAA,YAAY,GAAG,MAAM,EAAE;QACvB,IAAA,CAAA,UAAU,GAAG,MAAM,EAAU;QAC7B,IAAA,CAAA,UAAU,GAAG,MAAM,EAAU;AAE7B,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,IAAI,kDAAC;AACpB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,KAAK,mDAAC;AAEtB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,oDAAC;QAChC,IAAA,CAAA,KAAK,GAAG,KAAK;QAEb,IAAA,CAAA,mBAAmB,GAAwB,IAAI;AAEtC,QAAA,IAAA,CAAA,WAAW,GAAG,SAAS,CAA+B,aAAa,uDAAC;AAEvD,QAAA,IAAA,CAAA,KAAK,GAAG;AAC5B,YAAA,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;SACtE;QAGC,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,eAAe,EAAE;AACxB,QAAA,CAAC,CAAC;IACJ;IAEA,eAAe,GAAA;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE,IAAI,CAAC,eAAe,EAAE;IAC7C;IAEA,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,aAAa;aAC1C,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;AACnD,aAAA,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;;YAEtC,UAAU,CAAC,MAAK;gBACd,IAAI,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;gBAC1C,IAAI,CAAC,OAAO,EAAE;YAChB,CAAC,EAAE,EAAE,CAAC;QACR;IACF;AAEA,IAAA,QAAQ,CAAC,IAAY,EAAA;AACnB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5B;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;IACzB;AAEA,IAAA,QAAQ,CAAC,MAAW,EAAA;AAClB,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE;YAC9B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;AACzC,YAAA,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,sBAAsB,EAAE,EAAE;AAClE,gBAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,gBAAA,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;YACtB;QACF;IACF;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE;AAC1C,QAAA,IAAI,aAAa,CAAC,KAAK,EAAE;YACvB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AACzC,YAAA,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,sBAAsB,EAAE,EAAE;AAClE,gBAAA,IAAI,CAAC,KAAK,GAAG,KAAK;YACpB;QACF;IACF;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE;AACjB,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE;QAC/B;aAAO;AACL,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE;QAChC;IACF;IAEA,KAAK,GAAA;QACH,IAAI,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;IAC1B;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,mBAAmB,EAAE,WAAW,EAAE;IACzC;+GAzGW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,sBAAA,EAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,aAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf5B,8mCAgCA,EAAA,MAAA,EAAA,CAAA,gyBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDrBY,YAAY,4HAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI9E,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACE,eAAe,EAAA,OAAA,EAChB,CAAC,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,yBAAyB,CAAC,EAAA,QAAA,EAAA,8mCAAA,EAAA,MAAA,EAAA,CAAA,gyBAAA,CAAA,EAAA;4qCA4B3B,aAAa,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA;sBAE3E,WAAW;uBAAC,OAAO;;;AEzCtB;;AAEG;;;;"}

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

@@ -1,141 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, signal, viewChild, viewChildren, input, output, effect, HostBinding, Input, HostListener, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-import { BehaviorSubject, debounceTime } from 'rxjs';
-import { Router } from '@angular/router';
-
-class SectionNavigationComponent {
-    onWindowResize() {
-        this.isMobile = window.innerWidth < 768;
-    }
-    onWindowScroll() {
-        this.windowScroll();
-    }
-    set navigationSections(value) {
-        if (!value?.length) {
-            throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');
-        }
-        this.sections.set(value);
-        if (!this.activeSection()) {
-            this.activeSection.set(value[0].id);
-        }
-    }
-    set navigationConfig(value) {
-        this.config.set(value);
-    }
-    constructor() {
-        this.curaApiService = inject(CuraApiService);
-        this.router = inject(Router);
-        this.sections = signal([], ...(ngDevMode ? [{ debugName: "sections" }] : []));
-        this.config = signal(undefined, ...(ngDevMode ? [{ debugName: "config" }] : []));
-        this.activeSection = signal('', ...(ngDevMode ? [{ debugName: "activeSection" }] : []));
-        this.isMobile = window.innerWidth < 768;
-        this.scrollToMenuAnchorSubscription = null;
-        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();
-        this.styleBinding = {
-            '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),
-            '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),
-            '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black', 0.16),
-            '--color-base': this.curaApiService.theme.colors.getColor('primary-base'),
-            '--font-size': this.curaApiService.theme.fonts.getSize(),
-            '--font-family': this.curaApiService.theme.fonts.getFamily(''),
-        };
-        this.navigationMenu = viewChild.required('navigationMenu');
-        effect(() => {
-            const sections = this.sections();
-            if (sections.length && !this.activeSection()) {
-                this.activeSection.set(sections[0].id);
-            }
-        });
-    }
-    ngOnInit() {
-        const sections = this.sections();
-        if (!sections.length) {
-            throw new Error('O SectionNavigationComponent requer pelo menos uma seção.');
-        }
-        if (!this.activeSection()) {
-            this.activeSection.set(sections[0].id);
-        }
-        // Usado para evitar multiplos calculos desnecessários enquanto scrolla
-        const TIME_TO_AVOID_UNECESSARY_CALCULATIONS = 50;
-        this.scrollToMenuAnchorSubscription = this.scrollToMenuAnchorSubject.pipe(debounceTime(TIME_TO_AVOID_UNECESSARY_CALCULATIONS)).subscribe((anchorId) => {
-            this.scrollToMenuAnchor(anchorId);
-        });
-    }
-    windowScroll() {
-        const navHeight = document.querySelector('.rdsite-section-navigation')?.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 + this.padding();
-                if (calc >= 0) {
-                    selectedIndex = index;
-                    if (this.sections()?.[selectedIndex]) {
-                        this.activeSection.set(this.sections()?.[selectedIndex]?.id);
-                    }
-                }
-            }
-        });
-        if (this.sections()?.[selectedIndex]) {
-            this.scrollToMenuAnchorSubject.next(this.sections()?.[selectedIndex]?.id);
-        }
-    }
-    scrollToMenuAnchor(anchorId) {
-        const anchor = this.anchorsEl().find((anchor) => anchor.nativeElement.id == `anchor-${anchorId}`);
-        if (!anchor)
-            return;
-        const distanceFromTheCenterOfTheAnchor = (anchor.nativeElement.offsetLeft + anchor.nativeElement.offsetLeft + anchor?.nativeElement.offsetWidth) / 2;
-        const containerEl = this.containerEl();
-        const centerOfContainerEl = containerEl?.nativeElement.clientWidth / 2;
-        const left = distanceFromTheCenterOfTheAnchor - centerOfContainerEl;
-        containerEl.nativeElement.scrollTo({
-            left: left,
-            behavior: 'smooth',
-        });
-    }
-    getPath(sectionId) {
-        return `${this.router.url}#${sectionId}`;
-    }
-    ngOnDestroy() {
-        this.scrollToMenuAnchorSubscription?.unsubscribe();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: SectionNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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\">\n  <ul #containerEl 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            #anchorEl\n            id=\"anchor-{{ section.id }}\"\n            role=\"menuitem\"\n            [href]=\"getPath(section.id)\"\n            rdsitelink\n            [anchorAdjustment]=\"anchorAdjustment()\"\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\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: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.16", ngImport: i0, type: SectionNavigationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'nav[rdsite-section-navigation]', imports: [CommonModule, RdsiteLinkDirective], template: "<nav class=\"rdsite-section-navigation\" [attr.aria-label]=\"ariaLabel()\" [style.top.px]=\"config()?.offsetTop || 0\">\n  <ul #containerEl 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            #anchorEl\n            id=\"anchor-{{ section.id }}\"\n            role=\"menuitem\"\n            [href]=\"getPath(section.id)\"\n            rdsitelink\n            [anchorAdjustment]=\"anchorAdjustment()\"\n            [attr.aria-current]=\"activeSection() === section.id ? 'page' : null\"\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: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"] }]
-        }], ctorParameters: () => [], propDecorators: { containerEl: [{ type: i0.ViewChild, args: ['containerEl', { isSignal: true }] }], anchorsEl: [{ type: i0.ViewChildren, args: ['anchorEl', { isSignal: true }] }], onWindowResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }], onWindowScroll: [{
-                type: HostListener,
-                args: ['window:scroll']
-            }], 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: [{
-                type: Input
-            }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], anchorAdjustment: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchorAdjustment", required: false }] }], sectionChange: [{ type: i0.Output, args: ["sectionChange"] }], styleBinding: [{
-                type: HostBinding,
-                args: ['style']
-            }], navigationMenu: [{ type: i0.ViewChild, args: ['navigationMenu', { isSignal: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SectionNavigationComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-components-section-navigation.mjs.map

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

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