@rededor/site-front-end-lib 0.0.54 → 0.0.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +6 -4
  2. package/esm2022/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.mjs +59 -0
  3. package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +4 -4
  4. package/esm2022/lib/components/error/error-service/error.service.mjs +1 -1
  5. package/esm2022/lib/components/error/error.component.mjs +46 -19
  6. package/esm2022/lib/components/image/image.component.mjs +61 -0
  7. package/esm2022/lib/components/index.mjs +3 -1
  8. package/esm2022/lib/components/page-header/page-header.component.mjs +11 -8
  9. package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +3 -3
  10. package/esm2022/lib/enums/ImageMimeType.enum.mjs +7 -0
  11. package/esm2022/lib/enums/UnidadeCoverageType.enum.mjs +7 -0
  12. package/esm2022/lib/enums/index.mjs +3 -1
  13. package/esm2022/lib/models/images/rdsite-image.model.mjs +2 -0
  14. package/esm2022/lib/services/cura/cura.service.mjs +3 -3
  15. package/esm2022/lib/tokens/LibConfig.mjs +1 -1
  16. package/fesm2022/rededor-site-front-end-lib.mjs +190 -35
  17. package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
  18. package/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.d.ts +40 -0
  19. package/lib/components/error/error-service/error.service.d.ts +2 -2
  20. package/lib/components/error/error.component.d.ts +8 -6
  21. package/lib/components/image/image.component.d.ts +22 -0
  22. package/lib/components/index.d.ts +2 -0
  23. package/lib/components/page-header/page-header.component.d.ts +3 -4
  24. package/lib/enums/ImageMimeType.enum.d.ts +5 -0
  25. package/lib/enums/UnidadeCoverageType.enum.d.ts +5 -0
  26. package/lib/enums/index.d.ts +2 -0
  27. package/lib/models/images/rdsite-image.model.d.ts +5 -0
  28. package/lib/services/cura/cura.service.d.ts +1 -1
  29. package/lib/tokens/LibConfig.d.ts +1 -0
  30. package/package.json +1 -1
@@ -324,8 +324,8 @@ class CuraService {
324
324
  loadTheme(theme) {
325
325
  this.curaApi?.theme?.load(theme);
326
326
  }
327
- getColor(colorWithDepth) {
328
- return this.curaApi?.theme?.colors.getColor(colorWithDepth) ?? null;
327
+ getColor(colorWithDepth, opacity = 1) {
328
+ return this.curaApi?.theme?.colors.getColor(colorWithDepth, opacity) ?? null;
329
329
  }
330
330
  getSpacing() {
331
331
  return this.curaApi?.theme.spacing.getSpacing() ?? null;
@@ -18679,9 +18679,9 @@ class CtaWrapperComponent {
18679
18679
  this.colors = {};
18680
18680
  this.seeMoreControl = false;
18681
18681
  this.styleBinding = {
18682
- '--more-options-color': this.curaService.getColor(this.colors.icon),
18683
- '--border-color': this.curaService.getColor(this.colors.border),
18684
- '--label-color': this.curaService.getColor(this.colors.icon),
18682
+ '--more-options-color': this.curaService.getColor(this.colors?.icon),
18683
+ '--border-color': this.curaService.getColor(this.colors?.border),
18684
+ '--label-color': this.curaService.getColor(this.colors?.icon),
18685
18685
  '--title-color': this.curaService.getColor(this.colors?.title),
18686
18686
  '--text-color': this.curaService.getColor(this.colors?.text),
18687
18687
  };
@@ -18766,9 +18766,11 @@ class BreadcrumbsComponent {
18766
18766
  }
18767
18767
  }
18768
18768
  getColors(color) {
18769
- this.breadCrumbsElement.nativeElement.style.setProperty('--label-icon-color', this.curaService.getColor(color));
18770
- this.breadCrumbsElement.nativeElement.style.setProperty('--divider-color', this.curaService.getColor('neutral-light'));
18771
- this.breadCrumbsElement.nativeElement.style.setProperty('--disabled-color', this.curaService.getColor('neutral-dark'));
18769
+ if (isPlatformBrowser(this.platformId)) {
18770
+ this.breadCrumbsElement.nativeElement.style.setProperty('--label-icon-color', this.curaService.getColor(color));
18771
+ this.breadCrumbsElement.nativeElement.style.setProperty('--divider-color', this.curaService.getColor('neutral-light'));
18772
+ this.breadCrumbsElement.nativeElement.style.setProperty('--disabled-color', this.curaService.getColor('neutral-dark'));
18773
+ }
18772
18774
  }
18773
18775
  getUrl(urls = []) {
18774
18776
  return urls.join('');
@@ -18884,6 +18886,13 @@ var EnumDoencaTaxonomyCat;
18884
18886
  EnumDoencaTaxonomyCat["SINTOMA"] = "sintomas";
18885
18887
  })(EnumDoencaTaxonomyCat || (EnumDoencaTaxonomyCat = {}));
18886
18888
 
18889
+ var ImageMimeType;
18890
+ (function (ImageMimeType) {
18891
+ ImageMimeType["WEBP"] = "image/webp";
18892
+ ImageMimeType["JPEG"] = "image/jpeg";
18893
+ ImageMimeType["PNG"] = "image/png";
18894
+ })(ImageMimeType || (ImageMimeType = {}));
18895
+
18887
18896
  var RdsiteModalDrawerComponentStyle;
18888
18897
  (function (RdsiteModalDrawerComponentStyle) {
18889
18898
  RdsiteModalDrawerComponentStyle["DEFAULT"] = "default";
@@ -18905,6 +18914,13 @@ var Errors;
18905
18914
  Errors["SERVER_RESPONSE"] = "server-response";
18906
18915
  })(Errors || (Errors = {}));
18907
18916
 
18917
+ var UnidadeCoverageType;
18918
+ (function (UnidadeCoverageType) {
18919
+ UnidadeCoverageType["TOTAL"] = "Cobertura completa";
18920
+ UnidadeCoverageType["PARTIAL"] = "Cobertura apenas para";
18921
+ UnidadeCoverageType["NONE"] = "Esta unidade n\u00E3o oferece cobertura ao seu plano ou conv\u00EAnio";
18922
+ })(UnidadeCoverageType || (UnidadeCoverageType = {}));
18923
+
18908
18924
  class ErrorService {
18909
18925
  constructor() {
18910
18926
  this.ctas = new BehaviorSubject([]);
@@ -18920,6 +18936,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
18920
18936
  }] });
18921
18937
 
18922
18938
  class ErrorComponent {
18939
+ get style() {
18940
+ switch (this.theme) {
18941
+ case Themes.REDE:
18942
+ return {
18943
+ '--backgroundColor': this.curaService.getColor('neutral-white'),
18944
+ '--labelColor': this.curaService.getColor('primary-lighter'),
18945
+ };
18946
+ case Themes.ONCO:
18947
+ return {
18948
+ '--backgroundColor': this.curaService.getColor('neutral-light'),
18949
+ '--labelColor': this.curaService.getColor('auxiliar-lighter'),
18950
+ };
18951
+ case Themes.MATERNIDADE:
18952
+ return {
18953
+ '--backgroundColor': this.curaService.getColor('accent-lighter'),
18954
+ '--labelColor': this.curaService.getColor('primary-light'),
18955
+ };
18956
+ case Themes.RICHET:
18957
+ return {
18958
+ '--backgroundColor': this.curaService.getColor('neutral-white'),
18959
+ '--labelColor': this.curaService.getColor('primary-lighter'),
18960
+ };
18961
+ default:
18962
+ return {
18963
+ '--backgroundColor': this.curaService.getColor('neutral-white'),
18964
+ '--labelColor': this.curaService.getColor('primary-lighter'),
18965
+ };
18966
+ }
18967
+ }
18923
18968
  constructor(errorService, curaService, logService, seoService, serverResponse, platformId) {
18924
18969
  this.errorService = errorService;
18925
18970
  this.curaService = curaService;
@@ -18928,9 +18973,19 @@ class ErrorComponent {
18928
18973
  this.serverResponse = serverResponse;
18929
18974
  this.platformId = platformId;
18930
18975
  this.theme = Themes.REDE;
18976
+ this.returnRoute = '';
18977
+ this.returnLabel = '';
18931
18978
  this.pageTitle = 'Default component';
18932
18979
  this.component = 'DefaultComponent';
18980
+ this.breadcrumbsItems = [];
18933
18981
  this.responseText = '';
18982
+ this.backgroundColor = '';
18983
+ this.labelColor = '';
18984
+ this.labelTextColor = '';
18985
+ this.curaButtonColor = '';
18986
+ this.curaButtonOutlineColor = '';
18987
+ this.ctasBorderColor = '';
18988
+ this.ctasIconColor = '';
18934
18989
  this.error = Errors;
18935
18990
  }
18936
18991
  ngOnInit() {
@@ -18953,15 +19008,11 @@ class ErrorComponent {
18953
19008
  this.ctasSubscription = this.errorService.ctas.subscribe((ctas) => {
18954
19009
  this.ctas = ctas;
18955
19010
  });
18956
- }
18957
- ngAfterViewInit() {
18958
19011
  this.setTheme(this.theme);
18959
19012
  }
18960
19013
  setTheme(theme) {
18961
19014
  switch (theme) {
18962
19015
  case Themes.REDE:
18963
- this.backgroundColor = this.curaService.getColor('neutral-white') ?? '';
18964
- this.labelColor = this.curaService.getColor('primary-lighter') ?? '';
18965
19016
  this.labelTextColor = 'primary-dark';
18966
19017
  this.curaButtonColor = 'primary';
18967
19018
  this.curaButtonOutlineColor = 'primary';
@@ -18969,8 +19020,6 @@ class ErrorComponent {
18969
19020
  this.ctasIconColor = 'primary-darker';
18970
19021
  break;
18971
19022
  case Themes.ONCO:
18972
- this.backgroundColor = this.curaService.getColor('neutral-light') ?? '';
18973
- this.labelColor = this.curaService.getColor('auxiliar-lighter') ?? '';
18974
19023
  this.labelTextColor = 'primary-lighter';
18975
19024
  this.curaButtonColor = 'accent';
18976
19025
  this.curaButtonOutlineColor = 'accent';
@@ -18978,8 +19027,6 @@ class ErrorComponent {
18978
19027
  this.ctasIconColor = 'primary-base';
18979
19028
  break;
18980
19029
  case Themes.MATERNIDADE:
18981
- this.backgroundColor = this.curaService.getColor('accent-lighter') ?? '';
18982
- this.labelColor = this.curaService.getColor('primary-light') ?? '';
18983
19030
  this.labelTextColor = 'accent-base';
18984
19031
  this.curaButtonColor = 'accent';
18985
19032
  this.curaButtonOutlineColor = 'accent';
@@ -18987,8 +19034,6 @@ class ErrorComponent {
18987
19034
  this.ctasIconColor = 'accent-base';
18988
19035
  break;
18989
19036
  case Themes.RICHET:
18990
- this.backgroundColor = this.curaService.getColor('neutral-white') ?? '';
18991
- this.labelColor = this.curaService.getColor('primary-lighter') ?? '';
18992
19037
  this.labelTextColor = 'primary-dark';
18993
19038
  this.curaButtonColor = 'primary';
18994
19039
  this.curaButtonOutlineColor = 'primary';
@@ -18996,8 +19041,6 @@ class ErrorComponent {
18996
19041
  this.ctasIconColor = 'primary-darker';
18997
19042
  break;
18998
19043
  }
18999
- this.errorElement.nativeElement.style.setProperty('--backgroundColor', this.backgroundColor);
19000
- this.errorElement.nativeElement.style.setProperty('--labelColor', this.labelColor);
19001
19044
  }
19002
19045
  reloadPage() {
19003
19046
  if (window !== undefined) {
@@ -19008,11 +19051,11 @@ class ErrorComponent {
19008
19051
  this.ctasSubscription?.unsubscribe();
19009
19052
  }
19010
19053
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, deps: [{ token: ErrorService }, { token: CuraService }, { token: LogService }, { token: SeoService }, { token: ServerResponseService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
19011
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, viewQueries: [{ propertyName: "errorElement", first: true, predicate: ["errorElement"], descendants: true }], ngImport: i0, template: "<div class=\"rdsite-error\" #errorElement>\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\n <div class=\"rdsite-error-container\">\n <cura-label [color]=\"labelTextColor\">\n {{ type === 'server-response' ? '500' : '404' }}\n </cura-label>\n\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n <cura-paragraph color=\"neutral-black\" size=\"large\">\n {{ responseText }}\n </cura-paragraph>\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 font-color=\"light\"\n icon-name=\"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()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" 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 icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button-outline>\n }\n }\n }\n\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n @if (ctas.length > 0) {\n <rdsite-cta-wrapper [ctas]=\"ctas\" [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;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{display:block;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 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}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["title", "text", "ctas", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
19054
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\n @if (ctasIconColor && breadcrumbsItems) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\n }\n <div class=\"rdsite-error-container\">\n @if (labelTextColor) {\n <cura-label [attr.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 font-color=\"light\"\n icon-name=\"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()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" 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 icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button-outline>\n }\n }\n }\n\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n @if (ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n <rdsite-cta-wrapper [ctas]=\"ctas\" [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:48px 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}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["title", "text", "ctas", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
19012
19055
  }
19013
19056
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ErrorComponent, decorators: [{
19014
19057
  type: Component,
19015
- args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\" #errorElement>\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\n <div class=\"rdsite-error-container\">\n <cura-label [color]=\"labelTextColor\">\n {{ type === 'server-response' ? '500' : '404' }}\n </cura-label>\n\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\n\n <cura-paragraph color=\"neutral-black\" size=\"large\">\n {{ responseText }}\n </cura-paragraph>\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 font-color=\"light\"\n icon-name=\"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()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" 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 icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button-outline>\n }\n }\n }\n\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n @if (ctas.length > 0) {\n <rdsite-cta-wrapper [ctas]=\"ctas\" [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;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{display:block;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 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}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"] }]
19058
+ args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\n @if (ctasIconColor && breadcrumbsItems) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\n }\n <div class=\"rdsite-error-container\">\n @if (labelTextColor) {\n <cura-label [attr.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 font-color=\"light\"\n icon-name=\"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()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" 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 icon-name=\"arrowLeft\"\n target=\"_self\"\n >\n Voltar para {{ returnLabel }}\n </cura-button-outline>\n }\n }\n }\n\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\n\n @if (ctas.length > 0 && ctasBorderColor && ctasIconColor) {\n <rdsite-cta-wrapper [ctas]=\"ctas\" [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:48px 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}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"] }]
19016
19059
  }], ctorParameters: () => [{ type: ErrorService }, { type: CuraService }, { type: LogService }, { type: SeoService }, { type: ServerResponseService }, { type: undefined, decorators: [{
19017
19060
  type: Inject,
19018
19061
  args: [PLATFORM_ID]
@@ -19030,30 +19073,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
19030
19073
  type: Input
19031
19074
  }], breadcrumbsItems: [{
19032
19075
  type: Input
19033
- }], errorElement: [{
19034
- type: ViewChild,
19035
- args: ['errorElement']
19076
+ }], style: [{
19077
+ type: HostBinding,
19078
+ args: ['style']
19036
19079
  }] } });
19037
19080
 
19038
19081
  class PageHeaderComponent {
19082
+ get style() {
19083
+ return {
19084
+ '--bg-color': this.curaService.getColor(this.bgColor),
19085
+ };
19086
+ }
19039
19087
  constructor(curaService) {
19040
19088
  this.curaService = curaService;
19041
19089
  this.pageTitle = '';
19042
19090
  this.pageHeaderText = '';
19043
19091
  this.hasPadding = false;
19044
19092
  this.breadcrumbs = [];
19045
- this.style = {
19046
- '--spacing': this.curaService.getSpacing(),
19047
- '--color': this.curaService.getColor('neutral-purewhite'),
19048
- '--bg-color': this.curaService.getColor('primary-base'),
19049
- };
19093
+ this.bgColor = 'primary-base';
19050
19094
  }
19051
19095
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
19052
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;display:block;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
19096
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { pageTitle: "pageTitle", pageHeaderText: "pageHeaderText", hasPadding: "hasPadding", breadcrumbs: "breadcrumbs", bgColor: "bgColor" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
19053
19097
  }
19054
19098
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageHeaderComponent, decorators: [{
19055
19099
  type: Component,
19056
- args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;display:block;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"] }]
19100
+ args: [{ selector: 'rdsite-page-header', standalone: true, imports: [CommonModule, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<header class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding }\">\n <div class=\"page-header-content container\">\n @if (breadcrumbs.length) {\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbs\"></rdsite-breadcrumbs>\n }\n @if (pageTitle) {\n <cura-display level=\"1\" color=\"neutral-purewhite\" margin-block=\"0\">{{ pageTitle }}</cura-display>\n }\n @if (pageHeaderText) {\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">{{ pageHeaderText }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n</header>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-content{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-content.full-container{width:100%;max-width:100%}@media screen and (min-width: 769px){.page-header-content{gap:12px;padding:50px 0}}@media screen and (min-width: 769px){.page-header.more-padding{padding-inline:102px}}\n"] }]
19057
19101
  }], ctorParameters: () => [{ type: CuraService }], propDecorators: { pageTitle: [{
19058
19102
  type: Input
19059
19103
  }], pageHeaderText: [{
@@ -19062,6 +19106,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
19062
19106
  type: Input
19063
19107
  }], breadcrumbs: [{
19064
19108
  type: Input
19109
+ }], bgColor: [{
19110
+ type: Input
19065
19111
  }], style: [{
19066
19112
  type: HostBinding,
19067
19113
  args: ['style']
@@ -19076,11 +19122,11 @@ class PageTemplateSidebarComponent {
19076
19122
  this.sidebarContent = null;
19077
19123
  }
19078
19124
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19079
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\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\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{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\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 992px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}@media screen and (max-width: 992px){:host .rdsite-template-container{grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
19125
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\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\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{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\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .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){:host .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
19080
19126
  }
19081
19127
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
19082
19128
  type: Component,
19083
- args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\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\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{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\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 992px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}@media screen and (max-width: 992px){:host .rdsite-template-container{grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
19129
+ args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-template-header\">\n @if (header) {\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n }\n</div>\n\n<div class=\"rdsite-template-before-content\">\n @if (beforeContent) {\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n }\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\n<div class=\"rdsite-template-after-content\">\n @if (afterContent) {\n <ng-container *ngTemplateOutlet=\"afterContent\"></ng-container>\n }\n</div>\n", styles: [":host{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\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){:host{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}:host .rdsite-template-header{grid-area:header}:host .rdsite-template-before-content{grid-area:beforecontent}:host .rdsite-template-container{grid-area:pagecontent}:host .rdsite-template-after-content{grid-area:aftercontent}:host .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){:host .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}:host .rdsite-template-container .rdsite-content-container{grid-area:content;position:relative;max-width:100%}:host .rdsite-template-container .rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
19084
19130
  }], propDecorators: { header: [{
19085
19131
  type: Input
19086
19132
  }], beforeContent: [{
@@ -19215,6 +19261,115 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
19215
19261
  type: Output
19216
19262
  }] } });
19217
19263
 
19264
+ class ImageComponent {
19265
+ constructor(libConfig, platformId) {
19266
+ this.libConfig = libConfig;
19267
+ this.platformId = platformId;
19268
+ this.imageWebpSrc = '';
19269
+ this.imageDefaultSrc = '';
19270
+ this.imageSizes = [];
19271
+ this.mimeType = ImageMimeType.JPEG;
19272
+ this.alt = '';
19273
+ this.title = '';
19274
+ this.loading = 'lazy';
19275
+ }
19276
+ ngOnInit() {
19277
+ if (this.imageWebpSrc) {
19278
+ this.mimeType = ImageMimeType.WEBP;
19279
+ }
19280
+ if (isPlatformServer(this.platformId)) {
19281
+ this.handleServerImageError();
19282
+ }
19283
+ }
19284
+ handleServerImageError() {
19285
+ if (!this.imageDefaultSrc) {
19286
+ this.handleImageError();
19287
+ }
19288
+ }
19289
+ handleImageError() {
19290
+ this.imageDefaultSrc = this.libConfig.fallbackImgSrc || '';
19291
+ }
19292
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, deps: [{ token: LIB_CONFIG }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
19293
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ImageComponent, isStandalone: true, selector: "rdsite-image", inputs: { imageWebpSrc: "imageWebpSrc", imageDefaultSrc: "imageDefaultSrc", imageSizes: "imageSizes", mimeType: "mimeType", alt: "alt", title: "title", loading: "loading" }, ngImport: i0, template: "<picture class=\"rdsite-image\">\n @if (imageWebpSrc) {\n <source [srcset]=\"imageWebpSrc\" [type]=\"mimeType\" />\n }\n @for (image of imageSizes; track image.source_url) {\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n }\n <img [src]=\"imageDefaultSrc\" [alt]=\"alt\" [title]=\"title\" [attr.loading]=\"loading\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [".rdsite-image{display:block}.rdsite-image img{max-width:100%;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
19294
+ }
19295
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ImageComponent, decorators: [{
19296
+ type: Component,
19297
+ args: [{ selector: 'rdsite-image', standalone: true, imports: [CommonModule], template: "<picture class=\"rdsite-image\">\n @if (imageWebpSrc) {\n <source [srcset]=\"imageWebpSrc\" [type]=\"mimeType\" />\n }\n @for (image of imageSizes; track image.source_url) {\n <source [srcset]=\"image.source_url\" [media]=\"image.media\" [type]=\"image.mime_type\" />\n }\n <img [src]=\"imageDefaultSrc\" [alt]=\"alt\" [title]=\"title\" [attr.loading]=\"loading\" (error)=\"handleImageError()\" />\n</picture>\n", styles: [".rdsite-image{display:block}.rdsite-image img{max-width:100%;height:auto}\n"] }]
19298
+ }], ctorParameters: () => [{ type: undefined, decorators: [{
19299
+ type: Inject,
19300
+ args: [LIB_CONFIG]
19301
+ }] }, { type: undefined, decorators: [{
19302
+ type: Inject,
19303
+ args: [PLATFORM_ID]
19304
+ }] }], propDecorators: { imageWebpSrc: [{
19305
+ type: Input
19306
+ }], imageDefaultSrc: [{
19307
+ type: Input
19308
+ }], imageSizes: [{
19309
+ type: Input
19310
+ }], mimeType: [{
19311
+ type: Input
19312
+ }], alt: [{
19313
+ type: Input
19314
+ }], title: [{
19315
+ type: Input
19316
+ }], loading: [{
19317
+ type: Input
19318
+ }] } });
19319
+
19320
+ class CardUnidadePlanosConveniosComponent {
19321
+ constructor(curaService) {
19322
+ this.curaService = curaService;
19323
+ this.title = '';
19324
+ this.subtitle = '';
19325
+ this.address = '';
19326
+ this.logoWebpSrc = '';
19327
+ this.logoDefaultSrc = '';
19328
+ this.logoSizes = [];
19329
+ this.logoMimeType = ImageMimeType.JPEG;
19330
+ this.logoAlt = '';
19331
+ this.logoTitle = '';
19332
+ this.styleBinding = {
19333
+ '--neutral-light': this.curaService.getColor('neutral-light'),
19334
+ '--neutral-white': this.curaService.getColor('neutral-white'),
19335
+ '--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
19336
+ };
19337
+ }
19338
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
19339
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CardUnidadePlanosConveniosComponent, isStandalone: true, selector: "rdsite-card-unidade-planos-convenios", inputs: { title: "title", subtitle: "subtitle", coverage: "coverage", address: "address", cta1: "cta1", cta2: "cta2", logoWebpSrc: "logoWebpSrc", logoDefaultSrc: "logoDefaultSrc", logoSizes: "logoSizes", logoMimeType: "logoMimeType", logoAlt: "logoAlt", logoTitle: "logoTitle" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-card-unidade-planos-convenios\">\n <rdsite-image\n class=\"rdsite-card-unidade-planos-convenios-logo\"\n [imageWebpSrc]=\"logoWebpSrc\"\n [imageDefaultSrc]=\"logoDefaultSrc\"\n [imageSizes]=\"logoSizes\"\n [mimeType]=\"logoMimeType\"\n [alt]=\"logoAlt\"\n [title]=\"logoTitle\"\n loading=\"lazy\"\n ></rdsite-image>\n\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\n <div class=\"heading\">\n @if (title) {\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\n {{ title }}\n </cura-heading>\n }\n\n @if (subtitle) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ subtitle }}\n </span>\n </cura-paragraph>\n }\n </div>\n\n @if (coverage) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ coverage.title }}\n </span>\n </cura-paragraph>\n\n @if (coverage.list?.length) {\n <div class=\"coverage-list\">\n @for (item of coverage.list; track item.title) {\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\n {{ item.title }}\n </cura-badge-pill>\n }\n </div>\n }\n }\n\n @if (address) {\n <div class=\"address\">\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\n\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ address }}\n </span>\n </cura-paragraph>\n </div>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\n @if (cta1 && cta1.label && cta1.link) {\n <cura-button-outline type=\"button\" size=\"large\" color=\"primary\" rdsitelink [href]=\"cta1.link\">\n {{ cta1.label }}\n </cura-button-outline>\n }\n\n @if (cta2 && cta2.label && cta2.link) {\n <cura-button type=\"button\" size=\"large\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\n {{ cta2.label }}\n </cura-button>\n }\n </div>\n</div>\n", styles: [":host{display:flex;width:100%;padding:20px;border-radius:12px;border:1px solid var(--neutral-light, rgb(212, 212, 212));background-color:var(--neutral-purewhite, rgb(255, 255, 255))}.rdsite-card-unidade-planos-convenios{display:flex;flex-direction:column;gap:24px;align-items:flex-start;align-self:stretch;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;flex:1 0 0;width:100%;padding:7px 60px}.rdsite-card-unidade-planos-convenios-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:3 0 0;width:100%}.rdsite-card-unidade-planos-convenios-content .address{display:flex;padding:8px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;background-color:var(--neutral-white, rgb(246, 246, 246))}.rdsite-card-unidade-planos-convenios-content .coverage-list{display:flex;gap:8px;flex-wrap:wrap}.rdsite-card-unidade-planos-convenios-ctas{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:16px}@media screen and (min-width: 1024px){.rdsite-card-unidade-planos-convenios{gap:32px;flex-direction:row}.rdsite-card-unidade-planos-convenios-logo{padding:0}.rdsite-card-unidade-planos-convenios-content{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-ctas{width:210px}}span.cura-paragraph-weight{font-weight:500}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
19340
+ }
19341
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CardUnidadePlanosConveniosComponent, decorators: [{
19342
+ type: Component,
19343
+ args: [{ selector: 'rdsite-card-unidade-planos-convenios', standalone: true, imports: [ImageComponent, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-card-unidade-planos-convenios\">\n <rdsite-image\n class=\"rdsite-card-unidade-planos-convenios-logo\"\n [imageWebpSrc]=\"logoWebpSrc\"\n [imageDefaultSrc]=\"logoDefaultSrc\"\n [imageSizes]=\"logoSizes\"\n [mimeType]=\"logoMimeType\"\n [alt]=\"logoAlt\"\n [title]=\"logoTitle\"\n loading=\"lazy\"\n ></rdsite-image>\n\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\n <div class=\"heading\">\n @if (title) {\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\n {{ title }}\n </cura-heading>\n }\n\n @if (subtitle) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ subtitle }}\n </span>\n </cura-paragraph>\n }\n </div>\n\n @if (coverage) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ coverage.title }}\n </span>\n </cura-paragraph>\n\n @if (coverage.list?.length) {\n <div class=\"coverage-list\">\n @for (item of coverage.list; track item.title) {\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\n {{ item.title }}\n </cura-badge-pill>\n }\n </div>\n }\n }\n\n @if (address) {\n <div class=\"address\">\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\n\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ address }}\n </span>\n </cura-paragraph>\n </div>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\n @if (cta1 && cta1.label && cta1.link) {\n <cura-button-outline type=\"button\" size=\"large\" color=\"primary\" rdsitelink [href]=\"cta1.link\">\n {{ cta1.label }}\n </cura-button-outline>\n }\n\n @if (cta2 && cta2.label && cta2.link) {\n <cura-button type=\"button\" size=\"large\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\n {{ cta2.label }}\n </cura-button>\n }\n </div>\n</div>\n", styles: [":host{display:flex;width:100%;padding:20px;border-radius:12px;border:1px solid var(--neutral-light, rgb(212, 212, 212));background-color:var(--neutral-purewhite, rgb(255, 255, 255))}.rdsite-card-unidade-planos-convenios{display:flex;flex-direction:column;gap:24px;align-items:flex-start;align-self:stretch;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;flex:1 0 0;width:100%;padding:7px 60px}.rdsite-card-unidade-planos-convenios-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:3 0 0;width:100%}.rdsite-card-unidade-planos-convenios-content .address{display:flex;padding:8px;align-items:flex-start;gap:8px;align-self:stretch;border-radius:4px;background-color:var(--neutral-white, rgb(246, 246, 246))}.rdsite-card-unidade-planos-convenios-content .coverage-list{display:flex;gap:8px;flex-wrap:wrap}.rdsite-card-unidade-planos-convenios-ctas{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:16px}@media screen and (min-width: 1024px){.rdsite-card-unidade-planos-convenios{gap:32px;flex-direction:row}.rdsite-card-unidade-planos-convenios-logo{padding:0}.rdsite-card-unidade-planos-convenios-content{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-ctas{width:210px}}span.cura-paragraph-weight{font-weight:500}\n"] }]
19344
+ }], ctorParameters: () => [{ type: CuraService }], propDecorators: { title: [{
19345
+ type: Input
19346
+ }], subtitle: [{
19347
+ type: Input
19348
+ }], coverage: [{
19349
+ type: Input
19350
+ }], address: [{
19351
+ type: Input
19352
+ }], cta1: [{
19353
+ type: Input
19354
+ }], cta2: [{
19355
+ type: Input
19356
+ }], logoWebpSrc: [{
19357
+ type: Input
19358
+ }], logoDefaultSrc: [{
19359
+ type: Input
19360
+ }], logoSizes: [{
19361
+ type: Input
19362
+ }], logoMimeType: [{
19363
+ type: Input
19364
+ }], logoAlt: [{
19365
+ type: Input
19366
+ }], logoTitle: [{
19367
+ type: Input
19368
+ }], styleBinding: [{
19369
+ type: HostBinding,
19370
+ args: ['style']
19371
+ }] } });
19372
+
19218
19373
  // Components
19219
19374
 
19220
19375
  class PhonePipe {
@@ -19241,5 +19396,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
19241
19396
  * Generated bundle index. Do not edit.
19242
19397
  */
19243
19398
 
19244
- export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorService, Errors, Estados, FilterLetterAndTermsComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, Themes, TransferStateService, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
19399
+ export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorService, Errors, Estados, FilterLetterAndTermsComponent, FooterComponent, FooterDisclaimerComponent, FooterMenuComponent, FooterMenuItemComponent, FooterSocialMediasComponent, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, formatPhone, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
19245
19400
  //# sourceMappingURL=rededor-site-front-end-lib.mjs.map