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

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

@@ -0,0 +1,176 @@
+import * as i0 from '@angular/core';
+import { inject, PLATFORM_ID, input, HostBinding, Component } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { ErrorService, LogService, SeoService, ServerResponseService, SsrResponseService, RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CtaWrapperComponent } from '@rededor/site-front-end-lib/components/cta-wrapper';
+import { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';
+import { Themes, Errors } from '@rededor/site-front-end-lib/enums';
+import { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';
+import { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';
+import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
+import { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';
+import { CuraButtonOutlineComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-outline';
+
+class ErrorComponent {
+    constructor() {
+        this.errorService = inject(ErrorService);
+        this.curaApiService = inject(CuraApiService);
+        this.logService = inject(LogService);
+        this.seoService = inject(SeoService);
+        this.serverResponse = inject(ServerResponseService);
+        this.ssrResponse = inject(SsrResponseService);
+        this.platformId = inject(PLATFORM_ID);
+        this.theme = input(Themes.REDE, ...(ngDevMode ? [{ debugName: "theme" }] : []));
+        this.type = input.required(...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.returnRoute = input('', ...(ngDevMode ? [{ debugName: "returnRoute" }] : []));
+        this.returnLabel = input('', ...(ngDevMode ? [{ debugName: "returnLabel" }] : []));
+        this.pageTitle = input('Default component', ...(ngDevMode ? [{ debugName: "pageTitle" }] : []));
+        this.component = input('DefaultComponent', ...(ngDevMode ? [{ debugName: "component" }] : []));
+        this.breadcrumbsItems = input([], ...(ngDevMode ? [{ debugName: "breadcrumbsItems" }] : []));
+        this.responseText = '';
+        this.backgroundColor = '';
+        this.backgroundColorBadge = '';
+        this.breadcrumbFontWeight = '';
+        this.labelColor = '';
+        this.labelTextColor = '';
+        this.curaButtonColor = '';
+        this.curaButtonOutlineColor = '';
+        this.ctasBorderColor = '';
+        this.ctasIconColor = '';
+        this.error = Errors;
+    }
+    get style() {
+        switch (this.theme()) {
+            case Themes.REDE:
+                return {
+                    '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),
+                    '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),
+                };
+            case Themes.ONCO:
+                return {
+                    '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-pale'),
+                    '--labelColor': this.curaApiService.theme.colors.getColor('success-lighter'),
+                };
+            case Themes.MATERNIDADE:
+                return {
+                    '--backgroundColor': this.curaApiService.theme.colors.getColor('accent-lighter'),
+                    '--labelColor': this.curaApiService.theme.colors.getColor('primary-light'),
+                };
+            case Themes.RICHET:
+                return {
+                    '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),
+                    '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),
+                };
+            case Themes.STAR:
+                return {
+                    '--backgroundColor': this.curaApiService.theme.colors.getColor('secondary-lighter'),
+                    '--labelColor': this.curaApiService.theme.colors.getColor('secondary-light'),
+                };
+            default:
+                return {
+                    '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),
+                    '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),
+                };
+        }
+    }
+    ngOnInit() {
+        const type = this.type();
+        if (type === Errors.NOT_FOUND) {
+            this.responseText = 'A página que você acessou não existe mais ou foi movida para outra URL';
+            if (isPlatformServer(this.platformId)) {
+                this.ssrResponse.setNotFound();
+                this.serverResponse.setNotFound();
+            }
+            this.logService.log404(this.component());
+            this.seoService.set404Title(this.pageTitle());
+        }
+        else if (type === Errors.SERVER_RESPONSE) {
+            this.responseText = 'Recomendamos atualizar a página ou tentar novamente mais tarde.';
+            if (isPlatformServer(this.platformId)) {
+                this.ssrResponse.setError();
+                this.serverResponse.setError();
+            }
+            this.logService.log500(this.component());
+            this.seoService.set500Title(this.pageTitle());
+        }
+        this.ctasSubscription = this.errorService.ctas.subscribe((ctas) => {
+            this.ctasContent = ctas;
+        });
+        this.setTheme(this.theme());
+    }
+    setTheme(theme) {
+        switch (theme) {
+            case Themes.REDE:
+                this.labelTextColor = 'primary-dark';
+                this.curaButtonColor = 'primary';
+                this.curaButtonOutlineColor = 'primary';
+                this.ctasBorderColor = 'primary-darker';
+                this.ctasIconColor = 'primary-darker';
+                break;
+            case Themes.ONCO:
+                this.labelTextColor = 'primary-dark';
+                this.backgroundColorBadge = 'success-lighter';
+                this.curaButtonColor = 'accent';
+                this.curaButtonOutlineColor = 'accent';
+                this.ctasBorderColor = 'accent-base';
+                this.ctasIconColor = 'primary-dark';
+                this.breadcrumbFontWeight = '700';
+                break;
+            case Themes.MATERNIDADE:
+                this.labelTextColor = 'accent-base';
+                this.curaButtonColor = 'accent';
+                this.curaButtonOutlineColor = 'accent';
+                this.ctasBorderColor = 'accent-base';
+                this.ctasIconColor = 'accent-base';
+                break;
+            case Themes.RICHET:
+                this.labelTextColor = 'primary-dark';
+                this.curaButtonColor = 'primary';
+                this.curaButtonOutlineColor = 'primary';
+                this.ctasBorderColor = 'primary-darker';
+                this.ctasIconColor = 'primary-darker';
+                break;
+            case Themes.STAR:
+                this.labelTextColor = 'secondary-dark';
+                this.curaButtonColor = 'secondary';
+                this.curaButtonOutlineColor = 'secondary';
+                this.ctasBorderColor = 'secondary-base';
+                this.ctasIconColor = 'secondary-darker';
+                break;
+        }
+    }
+    reloadPage() {
+        if (window !== undefined) {
+            window.location.reload();
+        }
+    }
+    ngOnDestroy() {
+        this.ctasSubscription?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, returnRoute: { classPropertyName: "returnRoute", publicName: "returnRoute", isSignal: true, isRequired: false, transformFunction: null }, returnLabel: { classPropertyName: "returnLabel", publicName: "returnLabel", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbsItems: { classPropertyName: "breadcrumbsItems", publicName: "breadcrumbsItems", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\n  @if (ctasIconColor && breadcrumbsItems().length) {\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems()\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n  }\n  <div class=\"rdsite-error-container\">\n    @if (labelTextColor) {\n      <cura-label [color]=\"labelTextColor\">\n        {{ type() === 'server-response' ? '500' : '404' }}\n      </cura-label>\n    }\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    @if (responseText) {\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\n        {{ responseText }}\n      </cura-paragraph>\n    }\n\n    @if (type() === error.NOT_FOUND && returnRoute() && returnLabel()) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute()\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        fontColor=\"light\"\n        iconName=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel() }}\n      </cura-button>\n    }\n\n    @if (type() === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"reload\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel() && returnRoute()) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute()\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            iconName=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel() }}\n          </cura-button-outline>\n        }\n      }\n    }\n    @if (ctasContent.ctas && ctasContent.ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["content", "showTitleAndText", "colors"], outputs: ["ctaWrapperItemClick"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs", "mobileBackView"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraButtonOutlineComponent, selector: "cura-button-outline", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-error', imports: [
+                        CtaWrapperComponent,
+                        RdsiteLinkDirective,
+                        BreadcrumbsComponent,
+                        CuraLabelComponent,
+                        CuraHeadingComponent,
+                        CuraParagraphComponent,
+                        CuraButtonComponent,
+                        CuraButtonOutlineComponent,
+                    ], template: "<div class=\"rdsite-error\">\n  @if (ctasIconColor && breadcrumbsItems().length) {\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems()\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n  }\n  <div class=\"rdsite-error-container\">\n    @if (labelTextColor) {\n      <cura-label [color]=\"labelTextColor\">\n        {{ type() === 'server-response' ? '500' : '404' }}\n      </cura-label>\n    }\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    @if (responseText) {\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\n        {{ responseText }}\n      </cura-paragraph>\n    }\n\n    @if (type() === error.NOT_FOUND && returnRoute() && returnLabel()) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute()\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        fontColor=\"light\"\n        iconName=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel() }}\n      </cura-button>\n    }\n\n    @if (type() === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"reload\" target=\"_self\">\n          Atualizar p\u00E1gina novamente\n        </cura-button>\n      }\n\n      @if (returnLabel() && returnRoute()) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute()\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            iconName=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel() }}\n          </cura-button-outline>\n        }\n      }\n    }\n    @if (ctasContent.ctas && ctasContent.ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:20px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}\n"] }]
+        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], returnRoute: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnRoute", required: false }] }], returnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "returnLabel", required: false }] }], pageTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageTitle", required: false }] }], component: [{ type: i0.Input, args: [{ isSignal: true, alias: "component", required: false }] }], breadcrumbsItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbsItems", required: false }] }], style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ErrorComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-components-error.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-components-error.mjs","sources":["../../../projects/site-front-end-lib/components/error/error.component.ts","../../../projects/site-front-end-lib/components/error/error.component.html","../../../projects/site-front-end-lib/components/error/rededor-site-front-end-lib-components-error.ts"],"sourcesContent":["import { Component, HostBinding, OnDestroy, OnInit, PLATFORM_ID, input, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { isPlatformServer } from '@angular/common';\nimport {\n  LogService,\n  SeoService,\n  ServerResponseService,\n  SsrResponseService,\n  RdsiteLinkDirective,\n  BreadcrumbsItems,\n  CtaWrapper,\n  ErrorService,\n} from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CtaWrapperComponent } from '@rededor/site-front-end-lib/components/cta-wrapper';\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\nimport { Errors, Themes } from '@rededor/site-front-end-lib/enums';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';\nimport { CuraButtonComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button';\nimport { CuraButtonOutlineComponent } from '@rededor/site-front-end-lib/cura/buttons/cura-button-outline';\n\n@Component({\n  selector: 'rdsite-error',\n  imports: [\n    CtaWrapperComponent,\n    RdsiteLinkDirective,\n    BreadcrumbsComponent,\n    CuraLabelComponent,\n    CuraHeadingComponent,\n    CuraParagraphComponent,\n    CuraButtonComponent,\n    CuraButtonOutlineComponent,\n  ],\n  templateUrl: './error.component.html',\n  styleUrl: './error.component.scss',\n})\nexport class ErrorComponent implements OnInit, OnDestroy {\n  private errorService = inject(ErrorService);\n  private curaApiService = inject(CuraApiService);\n  private logService = inject(LogService);\n  private seoService = inject(SeoService);\n  private serverResponse = inject(ServerResponseService);\n  private ssrResponse = inject(SsrResponseService);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  readonly theme = input<Themes>(Themes.REDE);\n  readonly type = input.required<Errors>();\n  readonly returnRoute = input<string>('');\n  readonly returnLabel = input<string>('');\n  readonly pageTitle = input('Default component');\n  readonly component = input('DefaultComponent');\n  readonly breadcrumbsItems = input<BreadcrumbsItems[]>([]);\n\n  ctasSubscription!: Subscription;\n  ctasContent!: CtaWrapper;\n  responseText = '';\n\n  backgroundColor: string = '';\n  backgroundColorBadge: string = '';\n  breadcrumbFontWeight: string = '';\n  labelColor: string = '';\n  labelTextColor: string = '';\n  curaButtonColor: string = '';\n  curaButtonOutlineColor: string = '';\n  ctasBorderColor: string = '';\n  ctasIconColor: string = '';\n  public error = Errors;\n\n  @HostBinding('style') get style() {\n    switch (this.theme()) {\n      case Themes.REDE:\n        return {\n          '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\n          '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\n        };\n      case Themes.ONCO:\n        return {\n          '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-pale'),\n          '--labelColor': this.curaApiService.theme.colors.getColor('success-lighter'),\n        };\n      case Themes.MATERNIDADE:\n        return {\n          '--backgroundColor': this.curaApiService.theme.colors.getColor('accent-lighter'),\n          '--labelColor': this.curaApiService.theme.colors.getColor('primary-light'),\n        };\n      case Themes.RICHET:\n        return {\n          '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\n          '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\n        };\n      case Themes.STAR:\n        return {\n          '--backgroundColor': this.curaApiService.theme.colors.getColor('secondary-lighter'),\n          '--labelColor': this.curaApiService.theme.colors.getColor('secondary-light'),\n        };\n      default:\n        return {\n          '--backgroundColor': this.curaApiService.theme.colors.getColor('neutral-white'),\n          '--labelColor': this.curaApiService.theme.colors.getColor('primary-lighter'),\n        };\n    }\n  }\n\n  ngOnInit(): void {\n    const type = this.type();\n    if (type === Errors.NOT_FOUND) {\n      this.responseText = 'A página que você acessou não existe mais ou foi movida para outra URL';\n      if (isPlatformServer(this.platformId)) {\n        this.ssrResponse.setNotFound();\n        this.serverResponse.setNotFound();\n      }\n      this.logService.log404(this.component());\n      this.seoService.set404Title(this.pageTitle());\n    } else if (type === Errors.SERVER_RESPONSE) {\n      this.responseText = 'Recomendamos atualizar a página ou tentar novamente mais tarde.';\n      if (isPlatformServer(this.platformId)) {\n        this.ssrResponse.setError();\n        this.serverResponse.setError();\n      }\n      this.logService.log500(this.component());\n      this.seoService.set500Title(this.pageTitle());\n    }\n    this.ctasSubscription = this.errorService.ctas.subscribe((ctas) => {\n      this.ctasContent = ctas;\n    });\n    this.setTheme(this.theme());\n  }\n\n  setTheme(theme: Themes) {\n    switch (theme) {\n      case Themes.REDE:\n        this.labelTextColor = 'primary-dark';\n        this.curaButtonColor = 'primary';\n        this.curaButtonOutlineColor = 'primary';\n        this.ctasBorderColor = 'primary-darker';\n        this.ctasIconColor = 'primary-darker';\n        break;\n      case Themes.ONCO:\n        this.labelTextColor = 'primary-dark';\n        this.backgroundColorBadge = 'success-lighter';\n        this.curaButtonColor = 'accent';\n        this.curaButtonOutlineColor = 'accent';\n        this.ctasBorderColor = 'accent-base';\n        this.ctasIconColor = 'primary-dark';\n        this.breadcrumbFontWeight = '700';\n        break;\n      case Themes.MATERNIDADE:\n        this.labelTextColor = 'accent-base';\n        this.curaButtonColor = 'accent';\n        this.curaButtonOutlineColor = 'accent';\n        this.ctasBorderColor = 'accent-base';\n        this.ctasIconColor = 'accent-base';\n        break;\n      case Themes.RICHET:\n        this.labelTextColor = 'primary-dark';\n        this.curaButtonColor = 'primary';\n        this.curaButtonOutlineColor = 'primary';\n        this.ctasBorderColor = 'primary-darker';\n        this.ctasIconColor = 'primary-darker';\n        break;\n      case Themes.STAR:\n        this.labelTextColor = 'secondary-dark';\n        this.curaButtonColor = 'secondary';\n        this.curaButtonOutlineColor = 'secondary';\n        this.ctasBorderColor = 'secondary-base';\n        this.ctasIconColor = 'secondary-darker';\n        break;\n    }\n  }\n\n  reloadPage() {\n    if (window !== undefined) {\n      window.location.reload();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.ctasSubscription?.unsubscribe();\n  }\n}\n","<div class=\"rdsite-error\">\n  @if (ctasIconColor && breadcrumbsItems().length) {\n    <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems()\" [labelIconColor]=\"ctasIconColor\" [fontWeight]=\"breadcrumbFontWeight\"></rdsite-breadcrumbs>\n  }\n  <div class=\"rdsite-error-container\">\n    @if (labelTextColor) {\n      <cura-label [color]=\"labelTextColor\">\n        {{ type() === 'server-response' ? '500' : '404' }}\n      </cura-label>\n    }\n\n    <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n    @if (responseText) {\n      <cura-paragraph color=\"neutral-black\" size=\"large\">\n        {{ responseText }}\n      </cura-paragraph>\n    }\n\n    @if (type() === error.NOT_FOUND && returnRoute() && returnLabel()) {\n      <cura-button\n        rdsitelink\n        [href]=\"returnRoute()\"\n        size=\"medium\"\n        type=\"button\"\n        [color]=\"curaButtonColor\"\n        fontColor=\"light\"\n        iconName=\"arrowLeft\"\n        target=\"_self\"\n      >\n        Voltar para {{ returnLabel() }}\n      </cura-button>\n    }\n\n    @if (type() === error.SERVER_RESPONSE) {\n      @if (curaButtonColor) {\n        <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [color]=\"curaButtonColor\" fontColor=\"light\" iconName=\"reload\" target=\"_self\">\n          Atualizar página novamente\n        </cura-button>\n      }\n\n      @if (returnLabel() && returnRoute()) {\n        <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\n        @if (curaButtonOutlineColor) {\n          <cura-button-outline\n            rdsitelink\n            [href]=\"returnRoute()\"\n            size=\"medium\"\n            type=\"button\"\n            [color]=\"curaButtonOutlineColor\"\n            iconName=\"arrowLeft\"\n            target=\"_self\"\n          >\n            Voltar para {{ returnLabel() }}\n          </cura-button-outline>\n        }\n      }\n    }\n    @if (ctasContent.ctas && ctasContent.ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n      <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Você pode também: </cura-paragraph>\n\n      <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\n    }\n  </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs

@@ -0,0 +1,93 @@
+import * as i0 from '@angular/core';
+import { inject, DOCUMENT, PLATFORM_ID, input, output, HostBinding, Input, Component } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+
+class FilterLetterAndTermsComponent {
+    constructor() {
+        this.curaApiService = inject(CuraApiService);
+        this.document = inject(DOCUMENT);
+        this.platformId = inject(PLATFORM_ID);
+        this.options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.baseUrl = input('', ...(ngDevMode ? [{ debugName: "baseUrl" }] : []));
+        this.baseUrlAll = input('', ...(ngDevMode ? [{ debugName: "baseUrlAll" }] : []));
+        this.enableScroll = input(false, ...(ngDevMode ? [{ debugName: "enableScroll" }] : []));
+        this.buttonMode = input(false, ...(ngDevMode ? [{ debugName: "buttonMode" }] : []));
+        this.isStarTheme = input(false, ...(ngDevMode ? [{ debugName: "isStarTheme" }] : []));
+        this.isFirstScroll = true;
+        this._selectedOption = '';
+        this.optionSelected = output();
+    }
+    set selectedOption(value) {
+        if (this._selectedOption === value)
+            return;
+        this._selectedOption = value;
+        if (this.enableScroll() && !this.isFirstScroll) {
+            this.scrollToSelectedOption(value);
+        }
+    }
+    get selectedOption() {
+        return this._selectedOption;
+    }
+    get style() {
+        return {
+            '--font-family': this.curaApiService.theme.fonts.getFamily(''),
+            '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),
+            '--neutral-pale': this.curaApiService.theme.colors.getColor('neutral-pale'),
+            '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),
+            '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),
+            '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),
+            '--color-one-light': this.curaApiService.theme.colors.getColor('primary-light'),
+            '--color-one-base': this.curaApiService.theme.colors.getColor('primary-base'),
+            '--color-one-dark': this.curaApiService.theme.colors.getColor('primary-dark'),
+            '--color-one-darker': this.curaApiService.theme.colors.getColor('primary-darker'),
+        };
+    }
+    ngAfterViewInit() {
+        if (this.selectedOption) {
+            setTimeout(() => {
+                this.scrollToSelectedOption(this.selectedOption);
+                this.isFirstScroll = false;
+            }, 100);
+        }
+    }
+    selectOption(option, event) {
+        event.preventDefault();
+        if (this._selectedOption !== option) {
+            this._selectedOption = option;
+            this.optionSelected.emit(option);
+            this.scrollToSelectedOption(option);
+        }
+    }
+    scrollToSelectedOption(value) {
+        if (isPlatformBrowser(this.platformId)) {
+            const elementId = value || 'todas';
+            const selectedElement = elementId === 'todas' ? this.document.getElementById('todas') : this.document.getElementById(value);
+            if (selectedElement) {
+                selectedElement.scrollIntoView({
+                    behavior: 'smooth',
+                    inline: 'center',
+                    block: 'nearest',
+                });
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: false, transformFunction: null }, baseUrlAll: { classPropertyName: "baseUrlAll", publicName: "baseUrlAll", isSignal: true, isRequired: false, transformFunction: null }, enableScroll: { classPropertyName: "enableScroll", publicName: "enableScroll", isSignal: true, isRequired: false, transformFunction: null }, buttonMode: { classPropertyName: "buttonMode", publicName: "buttonMode", isSignal: true, isRequired: false, transformFunction: null }, isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, selectedOption: { classPropertyName: "selectedOption", publicName: "selectedOption", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options().length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer;text-decoration:none}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms.starTheme .filter-option{border-radius:unset;color:var(--color-one-base);background-color:var(--neutral-purewhite);border:1px solid var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms.starTheme .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option.selected:not(.selected){background-color:var(--neutral-purewhite);border-color:var(--color-one-base)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rdsite-filter-letter-and-terms', imports: [], template: "<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options().length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n", styles: [".filter-letter-and-terms{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100vw;margin-inline:-5vw;padding-inline:5vw;padding-block:12px;overflow-x:scroll}@media (hover: none) and (pointer: coarse){.filter-letter-and-terms .filter-option:hover:not(.selected){background-color:var(--neutral-pale)}.filter-letter-and-terms .filter-option.selected{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:active:not(.selected){background-color:var(--neutral-pale)}}@media only screen and (min-width: 992px){.filter-letter-and-terms{flex-wrap:wrap;width:100%;padding:12px 0;margin:0;overflow-x:auto}}.filter-letter-and-terms .filter-option{flex:0 0 28px;display:flex;justify-content:center;align-items:center;padding:6px;color:var(--neutral-dark);font-family:var(--font-family);font-size:12px;font-weight:500;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light);cursor:pointer;text-decoration:none}.filter-letter-and-terms .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:not(.selected){background-color:var(--neutral-pale);border-color:var(--neutral-light)}.filter-letter-and-terms .filter-option.selected:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms.starTheme .filter-option{border-radius:unset;color:var(--color-one-base);background-color:var(--neutral-purewhite);border:1px solid var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option:hover{color:var(--neutral-purewhite);background-color:var(--color-one-dark)}.filter-letter-and-terms.starTheme .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms.starTheme .filter-option.selected:not(.selected){background-color:var(--neutral-purewhite);border-color:var(--color-one-base)}\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], baseUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrl", required: false }] }], baseUrlAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseUrlAll", required: false }] }], enableScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableScroll", required: false }] }], buttonMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonMode", required: false }] }], isStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStarTheme", required: false }] }], selectedOption: [{
+                type: Input
+            }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], style: [{
+                type: HostBinding,
+                args: ['style']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FilterLetterAndTermsComponent };
+//# sourceMappingURL=rededor-site-front-end-lib-components-filter-letter-and-terms.mjs.map

package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rededor-site-front-end-lib-components-filter-letter-and-terms.mjs","sources":["../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.ts","../../../projects/site-front-end-lib/components/filter-letter-and-terms/filter-letter-and-terms.component.html","../../../projects/site-front-end-lib/components/filter-letter-and-terms/rededor-site-front-end-lib-components-filter-letter-and-terms.ts"],"sourcesContent":["import { AfterViewInit, Component, HostBinding, Input, PLATFORM_ID, DOCUMENT, input, output, inject } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n  selector: 'rdsite-filter-letter-and-terms',\n  imports: [],\n  templateUrl: './filter-letter-and-terms.component.html',\n  styleUrl: './filter-letter-and-terms.component.scss',\n})\nexport class FilterLetterAndTermsComponent implements AfterViewInit {\n  private readonly curaApiService = inject(CuraApiService);\n  private document = inject<Document>(DOCUMENT);\n  private readonly platformId = inject(PLATFORM_ID);\n\n  readonly options = input<string[]>([]);\n  readonly baseUrl = input<string>('');\n  readonly baseUrlAll = input<string>('');\n  readonly enableScroll = input(false);\n  readonly buttonMode = input(false);\n  readonly isStarTheme = input(false);\n\n  private isFirstScroll = true;\n  private _selectedOption: string = '';\n\n  @Input()\n  set selectedOption(value: string) {\n    if (this._selectedOption === value) return;\n    this._selectedOption = value;\n    if (this.enableScroll() && !this.isFirstScroll) {\n      this.scrollToSelectedOption(value);\n    }\n  }\n\n  get selectedOption(): string {\n    return this._selectedOption;\n  }\n\n  readonly optionSelected = output<string>();\n\n  @HostBinding('style') get style() {\n    return {\n      '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n      '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n      '--neutral-pale': this.curaApiService.theme.colors.getColor('neutral-pale'),\n      '--neutral-light': this.curaApiService.theme.colors.getColor('neutral-light'),\n      '--neutral-dark': this.curaApiService.theme.colors.getColor('neutral-dark'),\n      '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\n      '--color-one-light': this.curaApiService.theme.colors.getColor('primary-light'),\n      '--color-one-base': this.curaApiService.theme.colors.getColor('primary-base'),\n      '--color-one-dark': this.curaApiService.theme.colors.getColor('primary-dark'),\n      '--color-one-darker': this.curaApiService.theme.colors.getColor('primary-darker'),\n    };\n  }\n\n  ngAfterViewInit() {\n    if (this.selectedOption) {\n      setTimeout(() => {\n        this.scrollToSelectedOption(this.selectedOption);\n        this.isFirstScroll = false;\n      }, 100);\n    }\n  }\n\n  selectOption(option: string, event: Event): void {\n    event.preventDefault();\n    if (this._selectedOption !== option) {\n      this._selectedOption = option;\n      this.optionSelected.emit(option);\n      this.scrollToSelectedOption(option);\n    }\n  }\n\n  scrollToSelectedOption(value: string) {\n    if (isPlatformBrowser(this.platformId)) {\n      const elementId = value || 'todas';\n      const selectedElement = elementId === 'todas' ? this.document.getElementById('todas') : this.document.getElementById(value);\n      if (selectedElement) {\n        selectedElement.scrollIntoView({\n          behavior: 'smooth',\n          inline: 'center',\n          block: 'nearest',\n        });\n      }\n    }\n  }\n}\n","<div class=\"filter-letter-and-terms\" [class.starTheme]=\"isStarTheme()\">\n  <a\n    id=\"todas\"\n    rdsitelink\n    class=\"filter-option\"\n    [class.selected]=\"selectedOption === ''\"\n    [href]=\"baseUrlAll() ? baseUrlAll() : baseUrl() ? baseUrl() : '#'\"\n    (click)=\"selectOption('', $event)\"\n  >\n    TODAS\n  </a>\n\n  @if (options().length > 1) {\n    @for (option of options(); track option) {\n      @if (!buttonMode()) {\n        <a\n          [id]=\"option\"\n          rdsitelink\n          class=\"filter-option\"\n          [class.selected]=\"selectedOption === option\"\n          [href]=\"baseUrl() ? baseUrl() + option.toLowerCase() : '#'\"\n          (click)=\"selectOption(option, $event)\"\n        >\n          {{ option }}\n        </a>\n      } @else {\n        <button type=\"button\" [id]=\"option\" class=\"filter-option\" [class.selected]=\"selectedOption === option\" (click)=\"selectOption(option, $event)\">\n          {{ option }}\n        </button>\n      }\n    }\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}