@rededor/site-front-end-lib 20.0.21 → 20.0.22
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.
- package/components/breadcrumbs/index.d.ts +2 -1
- package/core/index.d.ts +1 -1
- package/cura/forms/cura-checkbox/index.d.ts +5 -1
- package/cura/forms/cura-select/index.d.ts +2 -1
- package/cura/forms/cura-textarea/index.d.ts +1 -0
- package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs +6 -5
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +9 -9
- package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-image.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-search.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-core.mjs +54 -54
- package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-cura-api.mjs +18 -18
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs +11 -7
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +7 -6
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs +6 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia-search-api.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ngu-carousel.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ssr-loading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-transfer-state.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-youtube.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-shared.mjs +6 -6
- package/package.json +1 -1
|
@@ -38,10 +38,10 @@ class CardUnidadePlanosConveniosComponent {
|
|
|
38
38
|
'--color-base': this.curaApiService.theme.colors.getColor('primary-base'),
|
|
39
39
|
};
|
|
40
40
|
}
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardUnidadePlanosConveniosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CardUnidadePlanosConveniosComponent, isStandalone: true, selector: "rdsite-card-unidade-planos-convenios", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, coverage: { classPropertyName: "coverage", publicName: "coverage", isSignal: true, isRequired: false, transformFunction: null }, address: { classPropertyName: "address", publicName: "address", isSignal: true, isRequired: false, transformFunction: null }, cta1: { classPropertyName: "cta1", publicName: "cta1", isSignal: true, isRequired: false, transformFunction: null }, cta2: { classPropertyName: "cta2", publicName: "cta2", isSignal: true, isRequired: false, transformFunction: null }, isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, logoWebpSrc: { classPropertyName: "logoWebpSrc", publicName: "logoWebpSrc", isSignal: true, isRequired: false, transformFunction: null }, logoDefaultSrc: { classPropertyName: "logoDefaultSrc", publicName: "logoDefaultSrc", isSignal: true, isRequired: false, transformFunction: null }, logoSizes: { classPropertyName: "logoSizes", publicName: "logoSizes", isSignal: true, isRequired: false, transformFunction: null }, logoMimeType: { classPropertyName: "logoMimeType", publicName: "logoMimeType", isSignal: true, isRequired: false, transformFunction: null }, logoAlt: { classPropertyName: "logoAlt", publicName: "logoAlt", isSignal: true, isRequired: false, transformFunction: null }, logoTitle: { classPropertyName: "logoTitle", publicName: "logoTitle", isSignal: true, isRequired: false, transformFunction: null } }, 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-heading\">\n @if (title()) {\n <cura-heading size=\"small\" [level]=\"2\" color=\"neutral-black\" weight=\"bold\" marginBlock=\"0\" lineHeight=\"150%\">\n {{ title() }}\n </cura-heading>\n }\n\n @if (subtitle()) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" marginBlock=\"0\" lineHeight=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ subtitle() }}\n </span>\n </cura-paragraph>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\n @if (coverage()) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"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\" [disabled]=\"!item.isCovered\" [iconName]=\"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\" marginBlock=\"0\" lineHeight=\"130%\">\n <span class=\"cura-paragraph-weight\"> {{ address() }} \u2022 </span>\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address() }}\">Mapa</a>\n </cura-paragraph>\n </div>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\n @if (cta2() && cta2()?.label && cta2()?.link) {\n <cura-button\n type=\"button\"\n size=\"medium\"\n iconName=\"calendar\"\n [fontColor]=\"isStarTheme() ? 'light' : 'dark'\"\n [color]=\"isStarTheme() ? 'primary' : 'accent'\"\n rdsitelink\n [href]=\"cta2()!.link\"\n >\n {{ cta2()?.label }}\n </cura-button>\n }\n\n @if (cta1() && cta1()?.label && cta1()?.link) {\n <cura-button\n type=\"button\"\n size=\"medium\"\n iconName=\"exam\"\n [fontColor]=\"isStarTheme() ? 'light' : 'dark'\"\n [color]=\"isStarTheme() ? 'primary' : 'accent'\"\n rdsitelink\n [href]=\"cta1()!.link\"\n >\n {{ cta1()?.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:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"logo\" \"heading\" \"content\" \"ctas\";gap:12px 0;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image{grid-area:logo;padding:16px;background-color:var(--neutral-white);border-radius:4px}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:80%;display:flex;align-items:center;justify-content:center}.rdsite-card-unidade-planos-convenios-heading{grid-area:heading}.rdsite-card-unidade-planos-convenios-content{grid-area: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:center;gap:8px;width:100%;border-radius:4px;background-color:var(--neutral-white, rgb(246, 246, 246))}.rdsite-card-unidade-planos-convenios-content .address a{color:var(--color-base);font-weight:500}.rdsite-card-unidade-planos-convenios-content .coverage-list{display:flex;gap:8px;flex-wrap:wrap}.rdsite-card-unidade-planos-convenios-ctas{grid-area:ctas;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:12px}@media screen and (min-width: 992px){.rdsite-card-unidade-planos-convenios{grid-template-rows:auto;grid-template-columns:152px 1fr auto;grid-template-areas:\"logo heading ctas\" \"content content content\";gap:20px;align-items:flex-start}.rdsite-card-unidade-planos-convenios-logo{aspect-ratio:1.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:100%}.rdsite-card-unidade-planos-convenios-content{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-content .address{width:fit-content}.rdsite-card-unidade-planos-convenios-ctas{width:224px}}span.cura-paragraph-weight{font-weight:500}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { 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: CuraBadgePillComponent, selector: "cura-badge-pill", inputs: ["type", "color", "iconName", "iconset", "disabled", "iconOnly", "borderRadius"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { 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"] }] }); }
|
|
43
43
|
}
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CardUnidadePlanosConveniosComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
46
|
args: [{ selector: 'rdsite-card-unidade-planos-convenios', imports: [ImageComponent, RdsiteLinkDirective, CuraHeadingComponent, CuraParagraphComponent, CuraBadgePillComponent, CuraIconComponent, CuraButtonComponent], 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-heading\">\n @if (title()) {\n <cura-heading size=\"small\" [level]=\"2\" color=\"neutral-black\" weight=\"bold\" marginBlock=\"0\" lineHeight=\"150%\">\n {{ title() }}\n </cura-heading>\n }\n\n @if (subtitle()) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" marginBlock=\"0\" lineHeight=\"130%\">\n <span class=\"cura-paragraph-weight\">\n {{ subtitle() }}\n </span>\n </cura-paragraph>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\n @if (coverage()) {\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"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\" [disabled]=\"!item.isCovered\" [iconName]=\"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\" marginBlock=\"0\" lineHeight=\"130%\">\n <span class=\"cura-paragraph-weight\"> {{ address() }} \u2022 </span>\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address() }}\">Mapa</a>\n </cura-paragraph>\n </div>\n }\n </div>\n\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\n @if (cta2() && cta2()?.label && cta2()?.link) {\n <cura-button\n type=\"button\"\n size=\"medium\"\n iconName=\"calendar\"\n [fontColor]=\"isStarTheme() ? 'light' : 'dark'\"\n [color]=\"isStarTheme() ? 'primary' : 'accent'\"\n rdsitelink\n [href]=\"cta2()!.link\"\n >\n {{ cta2()?.label }}\n </cura-button>\n }\n\n @if (cta1() && cta1()?.label && cta1()?.link) {\n <cura-button\n type=\"button\"\n size=\"medium\"\n iconName=\"exam\"\n [fontColor]=\"isStarTheme() ? 'light' : 'dark'\"\n [color]=\"isStarTheme() ? 'primary' : 'accent'\"\n rdsitelink\n [href]=\"cta1()!.link\"\n >\n {{ cta1()?.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:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:\"logo\" \"heading\" \"content\" \"ctas\";gap:12px 0;width:100%}.rdsite-card-unidade-planos-convenios-logo{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image{grid-area:logo;padding:16px;background-color:var(--neutral-white);border-radius:4px}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:80%;display:flex;align-items:center;justify-content:center}.rdsite-card-unidade-planos-convenios-heading{grid-area:heading}.rdsite-card-unidade-planos-convenios-content{grid-area: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:center;gap:8px;width:100%;border-radius:4px;background-color:var(--neutral-white, rgb(246, 246, 246))}.rdsite-card-unidade-planos-convenios-content .address a{color:var(--color-base);font-weight:500}.rdsite-card-unidade-planos-convenios-content .coverage-list{display:flex;gap:8px;flex-wrap:wrap}.rdsite-card-unidade-planos-convenios-ctas{grid-area:ctas;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:stretch;gap:12px}@media screen and (min-width: 992px){.rdsite-card-unidade-planos-convenios{grid-template-rows:auto;grid-template-columns:152px 1fr auto;grid-template-areas:\"logo heading ctas\" \"content content content\";gap:20px;align-items:flex-start}.rdsite-card-unidade-planos-convenios-logo{aspect-ratio:1.26}.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture,.rdsite-card-unidade-planos-convenios ::ng-deep rdsite-image picture img{width:100%}.rdsite-card-unidade-planos-convenios-content{gap:16px}.rdsite-card-unidade-planos-convenios-content .coverage-list{gap:16px 8px}.rdsite-card-unidade-planos-convenios-content .address{width:fit-content}.rdsite-card-unidade-planos-convenios-ctas{width:224px}}span.cura-paragraph-weight{font-weight:500}\n"] }]
|
|
47
47
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], coverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "coverage", required: false }] }], address: [{ type: i0.Input, args: [{ isSignal: true, alias: "address", required: false }] }], cta1: [{ type: i0.Input, args: [{ isSignal: true, alias: "cta1", required: false }] }], cta2: [{ type: i0.Input, args: [{ isSignal: true, alias: "cta2", required: false }] }], isStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStarTheme", required: false }] }], logoWebpSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoWebpSrc", required: false }] }], logoDefaultSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoDefaultSrc", required: false }] }], logoSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoSizes", required: false }] }], logoMimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoMimeType", required: false }] }], logoAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoAlt", required: false }] }], logoTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "logoTitle", required: false }] }], styleBinding: [{
|
|
@@ -91,10 +91,10 @@ class ExpandableCardComponent {
|
|
|
91
91
|
this.opened.set(!this.opened());
|
|
92
92
|
this.toggle.emit(this.opened());
|
|
93
93
|
}
|
|
94
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
95
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
94
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ExpandableCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
95
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, badgeLabel: { classPropertyName: "badgeLabel", publicName: "badgeLabel", isSignal: true, isRequired: false, transformFunction: null }, openIcon: { classPropertyName: "openIcon", publicName: "openIcon", isSignal: true, isRequired: false, transformFunction: null }, closeIcon: { classPropertyName: "closeIcon", publicName: "closeIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isStarTheme: { classPropertyName: "isStarTheme", publicName: "isStarTheme", isSignal: true, isRequired: false, transformFunction: null }, isMaternityStarTheme: { classPropertyName: "isMaternityStarTheme", publicName: "isMaternityStarTheme", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "openedChange", toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, ngImport: i0, template: "@if (label()) {\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel() }\" (click)=\"toggleCard()\">\n @if (link() && label()) {\n <a rdsitelink class=\"card-link\" [style.color]=\"isStarTheme() ? 'var(--primary-base)' : 'var(--primary-dark)'\" [href]=\"link()\">\n {{ label() }}\n <cura-icon name=\"arrowRight\" [color]=\"isStarTheme() ? 'primary-base' : 'primary-dark'\" size=\"16\"></cura-icon>\n </a>\n }\n\n @if (badgeLabel()) {\n <cura-badge-pill\n [style.--color-background]=\"isStarTheme() ? '#EBE7DE' : isMaternityStarTheme() ? 'var(--secondary-lighter)' : 'var(--primary-light)'\"\n [style.--color-base]=\"'var(--primary-dark)'\"\n type=\"solid\"\n >\n {{ badgeLabel() }}\n </cura-badge-pill>\n }\n\n <cura-icon\n [name]=\"opened() ? closeIcon() : openIcon()\"\n [style.--color]=\"isStarTheme() ? 'var(--primary-base)' : 'var(--primary-dark)'\"\n size=\"20\"\n ></cura-icon>\n </div>\n\n <div class=\"card-content\" [ngClass]=\"{ opened: opened() }\">\n <ng-content></ng-content>\n </div>\n}\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\" \"link\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}:host.starTheme{border-radius:unset;border:unset;border-bottom:2px solid var(--accent-light)}:host.maternityStarTheme{border-radius:12px;border:unset;border-bottom:unset;box-shadow:0 1px 4px #26262629}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraBadgePillComponent, selector: "cura-badge-pill", inputs: ["type", "color", "iconName", "iconset", "disabled", "iconOnly", "borderRadius"] }] }); }
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
98
98
|
type: Component,
|
|
99
99
|
args: [{ selector: 'rdsite-expandable-card', imports: [CommonModule, RdsiteLinkDirective, CuraIconComponent, CuraBadgePillComponent], template: "@if (label()) {\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel() }\" (click)=\"toggleCard()\">\n @if (link() && label()) {\n <a rdsitelink class=\"card-link\" [style.color]=\"isStarTheme() ? 'var(--primary-base)' : 'var(--primary-dark)'\" [href]=\"link()\">\n {{ label() }}\n <cura-icon name=\"arrowRight\" [color]=\"isStarTheme() ? 'primary-base' : 'primary-dark'\" size=\"16\"></cura-icon>\n </a>\n }\n\n @if (badgeLabel()) {\n <cura-badge-pill\n [style.--color-background]=\"isStarTheme() ? '#EBE7DE' : isMaternityStarTheme() ? 'var(--secondary-lighter)' : 'var(--primary-light)'\"\n [style.--color-base]=\"'var(--primary-dark)'\"\n type=\"solid\"\n >\n {{ badgeLabel() }}\n </cura-badge-pill>\n }\n\n <cura-icon\n [name]=\"opened() ? closeIcon() : openIcon()\"\n [style.--color]=\"isStarTheme() ? 'var(--primary-base)' : 'var(--primary-dark)'\"\n size=\"20\"\n ></cura-icon>\n </div>\n\n <div class=\"card-content\" [ngClass]=\"{ opened: opened() }\">\n <ng-content></ng-content>\n </div>\n}\n", styles: [":host{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--neutral-base);background:var(--neutral-purewhite)}:host .card-header{display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr auto;grid-template-areas:\"badge . icon\" \"label . icon\" \"link . icon\";width:100%;height:auto;padding:20px;cursor:pointer}:host .card-header .card-link{grid-area:link;font-family:var(--font-family);font-size:14px;font-weight:500;line-height:19px;letter-spacing:.28px;text-decoration-line:underline;display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-top:4px}@media screen and (min-width: 992px){:host .card-header .card-link{font-size:16px;line-height:23px;letter-spacing:.32px}}:host .card-header cura-badge-pill{grid-area:badge;margin-bottom:4px}:host .card-header>cura-icon{grid-area:icon;margin-left:16px}:host .card-header.noBadge{grid-template-areas:\"label . icon\" \"link . icon\"}:host .card-content{overflow:hidden;max-height:0;transition:all .25s ease;transform:translateZ(0)}:host .card-content.opened{max-height:fit-content;transition:.5s ease .14s}:host.disabled .card-header{grid-template-areas:\"label\" \"link\";cursor:default}:host.disabled .card-header cura-badge-pill,:host.disabled .card-header>cura-icon{display:none}:host.starTheme{border-radius:unset;border:unset;border-bottom:2px solid var(--accent-light)}:host.maternityStarTheme{border-radius:12px;border:unset;border-bottom:unset;box-shadow:0 1px 4px #26262629}\n"] }]
|
|
100
100
|
}], propDecorators: { opened: [{ type: i0.Input, args: [{ isSignal: true, alias: "opened", required: false }] }, { type: i0.Output, args: ["openedChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], badgeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeLabel", required: false }] }], openIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "openIcon", required: false }] }], closeIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeIcon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isStarTheme", required: false }] }], isMaternityStarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMaternityStarTheme", required: false }] }], toggle: [{ type: i0.Output, args: ["toggle"] }], styleBinding: [{
|
|
@@ -145,10 +145,10 @@ class TestimonialCardComponent {
|
|
|
145
145
|
ngOnDestroy() {
|
|
146
146
|
this.youtubeService.removeScript();
|
|
147
147
|
}
|
|
148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
148
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TestimonialCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
149
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: TestimonialCardComponent, isStandalone: true, selector: "rdsite-testimonial-card", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, videoUrl: { classPropertyName: "videoUrl", publicName: "videoUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "youtubePlayer", first: true, predicate: ["youtubePlayer"], descendants: true, isSignal: true }], ngImport: i0, template: "@if ((image() || getVideoId()) && text()) {\n @switch (type()) {\n @case ('image') {\n @if (image()) {\n <rdsite-image\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\n [mimeType]=\"image()?.mime_type\"\n [alt]=\"image()?.alt\"\n >\n </rdsite-image>\n }\n }\n @case ('video') {\n @if (getVideoId() && platformBrowser()) {\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\n }\n }\n }\n\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\n <path\n d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\n fill=\"#202122\"\n />\n </svg>\n\n <div class=\"testimonials-text\">\n <q class=\"quote\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></q>\n\n @if (author()) {\n <span class=\"author\">{{ author() }}</span>\n }\n\n @if (position()) {\n <span class=\"position\">\n {{ position() }}\n </span>\n }\n </div>\n}\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"], dependencies: [{ kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i1$1.YouTubePlayer, selector: "youtube-player", inputs: ["videoId", "height", "width", "startSeconds", "endSeconds", "suggestedQuality", "playerVars", "disableCookies", "loadApi", "disablePlaceholder", "showBeforeIframeApiLoads", "placeholderButtonLabel", "placeholderImageQuality"], outputs: ["ready", "stateChange", "error", "apiChange", "playbackQualityChange", "playbackRateChange"] }] }); }
|
|
150
150
|
}
|
|
151
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TestimonialCardComponent, decorators: [{
|
|
152
152
|
type: Component,
|
|
153
153
|
args: [{ selector: 'rdsite-testimonial-card', imports: [ImageComponent, YouTubePlayerModule], template: "@if ((image() || getVideoId()) && text()) {\n @switch (type()) {\n @case ('image') {\n @if (image()) {\n <rdsite-image\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\n [mimeType]=\"image()?.mime_type\"\n [alt]=\"image()?.alt\"\n >\n </rdsite-image>\n }\n }\n @case ('video') {\n @if (getVideoId() && platformBrowser()) {\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\n }\n }\n }\n\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\n <path\n d=\"M14.375 3.3125C12.9062 4.15625 11.7188 4.89062 10.8125 5.51562C9.90625 6.10938 8.98438 6.90625 8.04688 7.90625C7.17188 8.84375 6.5 9.82812 6.03125 10.8594C5.5625 11.8906 5.23438 13.2188 5.04688 14.8438H7.29688C9.23438 14.8438 10.75 15.3281 11.8438 16.2969C12.9688 17.2344 13.5312 18.625 13.5312 20.4688C13.5312 21.7812 13.0312 23.0156 12.0312 24.1719C11.0625 25.2969 9.71875 25.8594 8 25.8594C5.3125 25.8594 3.39062 24.9844 2.23438 23.2344C1.07812 21.4531 0.5 19.125 0.5 16.25C0.5 14.2188 0.9375 12.375 1.8125 10.7188C2.6875 9.03125 3.75 7.53125 5 6.21875C6.28125 4.875 7.64062 3.73438 9.07812 2.79688C10.5156 1.85938 11.7188 1.09375 12.6875 0.5L14.375 3.3125ZM31.7188 3.3125C30.25 4.15625 29.0625 4.89062 28.1562 5.51562C27.25 6.10938 26.3281 6.90625 25.3906 7.90625C24.4844 8.875 23.7969 9.875 23.3281 10.9062C22.8906 11.9062 22.5781 13.2188 22.3906 14.8438H24.6406C26.5781 14.8438 28.0938 15.3281 29.1875 16.2969C30.3125 17.2344 30.875 18.625 30.875 20.4688C30.875 21.7812 30.375 23.0156 29.375 24.1719C28.4062 25.2969 27.0625 25.8594 25.3438 25.8594C22.6562 25.8594 20.7344 24.9844 19.5781 23.2344C18.4219 21.4531 17.8438 19.125 17.8438 16.25C17.8438 14.2188 18.2812 12.375 19.1562 10.7188C20.0312 9.03125 21.0938 7.53125 22.3438 6.21875C23.625 4.875 24.9844 3.73438 26.4219 2.79688C27.8594 1.85938 29.0625 1.09375 30.0312 0.5L31.7188 3.3125Z\"\n fill=\"#202122\"\n />\n </svg>\n\n <div class=\"testimonials-text\">\n <q class=\"quote\" [innerHTML]=\"text()\" (click)=\"stopVideo()\"></q>\n\n @if (author()) {\n <span class=\"author\">{{ author() }}</span>\n }\n\n @if (position()) {\n <span class=\"position\">\n {{ position() }}\n </span>\n }\n </div>\n}\n", styles: [":host{display:flex;flex-direction:column;gap:15px;width:100%;height:auto;padding:28px;border-radius:3px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host{flex-direction:row;justify-content:center;gap:12px;background:linear-gradient(to right,#fff 102px,#f7f5f0 0)}}:host rdsite-image,:host youtube-player{border-radius:3px 50px 3px 3px}@media screen and (min-width: 1024px){:host rdsite-image,:host youtube-player{flex:1 1 50%}}:host rdsite-image{aspect-ratio:1.35}@media screen and (min-width: 769px){:host rdsite-image{aspect-ratio:1.78}}:host youtube-player{overflow:hidden;aspect-ratio:1.35}@media screen and (min-width: 769px){:host youtube-player{aspect-ratio:unset}}:host youtube-player ::ng-deep>div{width:100%;height:100%}:host youtube-player ::ng-deep iframe{width:100%;height:100%}:host svg{margin-top:24px}:host .testimonials-text{flex:1 1 50%;display:flex;flex-direction:column}:host .testimonials-text *{font-family:var(--font-family)}:host .testimonials-text .quote{color:var(--color-one-darker);font-size:17px;font-weight:400;line-height:150%;margin-bottom:15px}@media screen and (min-width: 1024px){:host .testimonials-text .quote{font-size:19px;margin-bottom:44px;margin-top:44px}}:host .testimonials-text .author,:host .testimonials-text .position{color:var(--neutral-black);font-size:12px;font-weight:500;line-height:135%;letter-spacing:.48px}@media screen and (min-width: 1024px){:host .testimonials-text .author,:host .testimonials-text .position{font-size:14px;letter-spacing:.56px}}\n"] }]
|
|
154
154
|
}], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], videoUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "videoUrl", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], youtubePlayer: [{ type: i0.ViewChild, args: ['youtubePlayer', { isSignal: true }] }], styleBinding: [{
|
|
@@ -56,10 +56,10 @@ class TestimonialsCarouselComponent {
|
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
60
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
59
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TestimonialsCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: TestimonialsCarouselComponent, isStandalone: true, selector: "rdsite-testimonials-carousel", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.styleBinding" } }, viewQueries: [{ propertyName: "carouselTestimonials", first: true, predicate: ["carouselTestimonialsEl"], descendants: true, isSignal: true }, { propertyName: "testimonialCards", predicate: ["testimonialCard"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (title()) {\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\n}\n\n<ngu-carousel #carouselTestimonialsEl [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\n <ngu-item *nguCarouselDef=\"let item\">\n <rdsite-testimonial-card\n #testimonialCard\n [type]=\"item.type\"\n [image]=\"item.image\"\n [videoUrl]=\"item.video_url\"\n [text]=\"item.text\"\n [author]=\"item.author\"\n [position]=\"item.role\"\n >\n </rdsite-testimonial-card>\n </ngu-item>\n</ngu-carousel>\n\n<div class=\"testimonials-carousel-controls\">\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\n\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\n\n <ul>\n @for (item of carouselTestimonials().pointNumbers(); track i; let i = $index) {\n <li [class.active]=\"i === carouselTestimonials().activePoint()\" (click)=\"moveTo(i)\"></li>\n }\n </ul>\n</div>\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "component", type: TestimonialCardComponent, selector: "rdsite-testimonial-card", inputs: ["type", "image", "videoUrl", "text", "author", "position"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TestimonialsCarouselComponent, decorators: [{
|
|
63
63
|
type: Component,
|
|
64
64
|
args: [{ selector: 'rdsite-testimonials-carousel', imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, TestimonialCardComponent, CuraIconComponent], template: "@if (title()) {\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\n}\n\n<ngu-carousel #carouselTestimonialsEl [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\n <ngu-item *nguCarouselDef=\"let item\">\n <rdsite-testimonial-card\n #testimonialCard\n [type]=\"item.type\"\n [image]=\"item.image\"\n [videoUrl]=\"item.video_url\"\n [text]=\"item.text\"\n [author]=\"item.author\"\n [position]=\"item.role\"\n >\n </rdsite-testimonial-card>\n </ngu-item>\n</ngu-carousel>\n\n<div class=\"testimonials-carousel-controls\">\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\n\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\n\n <ul>\n @for (item of carouselTestimonials().pointNumbers(); track i; let i = $index) {\n <li [class.active]=\"i === carouselTestimonials().activePoint()\" (click)=\"moveTo(i)\"></li>\n }\n </ul>\n</div>\n", styles: [":host{display:block}@media screen and (min-width: 1024px){:host{background-color:var(--neutral-purewhite)}}:host .testimonials-carousel-title{color:var(--neutral-black);font-family:var(--font-family);font-size:24px;font-weight:500;line-height:130%;margin-bottom:16px}@media screen and (min-width: 1024px){:host .testimonials-carousel-title{font-size:28px;margin-bottom:48px}}:host ngu-carousel{background-color:#f7f5f0}@media screen and (min-width: 1024px){:host ngu-item{background:linear-gradient(to right,var(--neutral-purewhite) 102px,#f7f5f0 0)}}:host ngu-item rdsite-testimonial-card{height:100%}:host .testimonials-carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:20px 0 48px 28px;background-color:#f7f5f0}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls{padding:48px 0 0;background-color:transparent}}:host .testimonials-carousel-controls cura-icon{display:none}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls cura-icon{display:block;cursor:pointer}:host .testimonials-carousel-controls cura-icon:nth-of-type(1){margin-left:48px}:host .testimonials-carousel-controls cura-icon:nth-of-type(2){margin-right:48px}}:host .testimonials-carousel-controls ul{display:flex;justify-content:center;align-items:center;gap:8px}@media screen and (min-width: 1024px){:host .testimonials-carousel-controls ul{display:none}}:host .testimonials-carousel-controls ul li{background-color:transparent;width:11px;height:11px;border:2px solid var(--neutral-black);border-radius:50%;list-style-type:none}:host .testimonials-carousel-controls ul li.active{background-color:var(--neutral-black)}\n"] }]
|
|
65
65
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], carouselTestimonials: [{ type: i0.ViewChild, args: ['carouselTestimonialsEl', { isSignal: true }] }], testimonialCards: [{ type: i0.ViewChildren, args: ['testimonialCard', { isSignal: true }] }], styleBinding: [{
|
|
@@ -53,10 +53,10 @@ class CtaWrapperComponent {
|
|
|
53
53
|
ctaWrapperItemClicked(event) {
|
|
54
54
|
this.ctaWrapperItemClick.emit(event);
|
|
55
55
|
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
56
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CtaWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, showTitleAndText: { classPropertyName: "showTitleAndText", publicName: "showTitleAndText", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ctaWrapperItemClick: "ctaWrapperItemClick" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (content()?.ctas?.length) {\n @if (content()?.title && showTitleAndText()) {\n <h3 class=\"ctas-title\">{{ content()?.title }}</h3>\n }\n\n @if (content()?.text && showTitleAndText()) {\n <p class=\"ctas-text\" [innerHTML]=\"content()?.text\"></p>\n }\n\n @if (!seeMoreControl) {\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n @if (!bannerControl) {\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content()?.ctas\">\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n </ngu-item>\n </ngu-carousel>\n\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n </div>\n } @else {\n @for (cta of content()?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n }\n </nav>\n } @else {\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n @for (cta of content()?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </nav>\n }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"], dependencies: [{ kind: "component", type: NguCarousel, selector: "ngu-carousel", inputs: ["inputs", "dataSource", "trackBy"], outputs: ["carouselLoad", "onMove"] }, { kind: "component", type: NguItemComponent, selector: "ngu-item" }, { kind: "directive", type: NguCarouselDefDirective, selector: "[nguCarouselDef]" }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
58
58
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
61
|
args: [{ selector: 'rdsite-cta-wrapper', imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective, CuraIconComponent], template: "@if (content()?.ctas?.length) {\n @if (content()?.title && showTitleAndText()) {\n <h3 class=\"ctas-title\">{{ content()?.title }}</h3>\n }\n\n @if (content()?.text && showTitleAndText()) {\n <p class=\"ctas-text\" [innerHTML]=\"content()?.text\"></p>\n }\n\n @if (!seeMoreControl) {\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\n @if (!bannerControl) {\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content()?.ctas\">\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n </ngu-item>\n </ngu-carousel>\n\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\n </div>\n } @else {\n @for (cta of content()?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n }\n </nav>\n } @else {\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\n @for (cta of content()?.ctas; track $index) {\n @if (cta?.label) {\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\" (click)=\"ctaWrapperItemClicked($event)\">\n @if (cta?.icon) {\n <cura-icon [name]=\"cta.icon\" size=\"24\" [color]=\"colors().icon\"></cura-icon>\n }\n <p>{{ cta?.label }}</p>\n </a>\n }\n }\n </nav>\n }\n}\n", styles: [":host{display:block}:host .ctas-title,:host .ctas-text{font-family:var(--font-family);padding:0;margin:0}:host .ctas-title:not(:last-child),:host .ctas-text:not(:last-child){padding-bottom:0}:host .ctas-title{color:var(--icon-color);font-size:29px;font-weight:500;line-height:38px;letter-spacing:-.58px;padding:0 24px;margin-bottom:24px}@media only screen and (min-width: 1024px){:host .ctas-title{font-size:33px;line-height:43px;letter-spacing:-.66px;padding:0}}:host .ctas-text{color:var(--icon-color);font-size:17px;font-weight:400;line-height:25px;padding:0 24px}@media only screen and (min-width: 1024px){:host .ctas-text{font-size:19px;line-height:28px;padding:0}}:host .ctas-wrapper{display:flex;flex-wrap:wrap;gap:16px;margin-top:50px}:host .ctas-wrapper ngu-carousel{max-width:100vw;margin-left:-6%}:host .ctas-wrapper ngu-carousel::ng-deep .ngucarousel{padding-left:6%}:host .ctas-wrapper ngu-item a{margin-right:16px}:host .ctas-wrapper .show-more{display:flex;justify-content:flex-end;width:100%;height:auto}:host .ctas-wrapper .show-more button{font-family:var(--font-family);color:var(--icon-color);background-color:transparent;font-size:16px;font-weight:500;line-height:145%;letter-spacing:.32px;text-decoration-line:underline;text-align:center}:host .more-options{display:flex;flex-wrap:wrap;gap:16px;margin-top:60px}:host .cta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-width:150px;height:100%;min-height:150px;padding:24px 16px;border-radius:4px;border:1px solid var(--border-color);text-decoration:none}:host .cta p{font-family:var(--font-family);color:var(--icon-color);font-size:16px;font-weight:700;line-height:145%;letter-spacing:.32px;padding:0;margin:0;text-align:center}\n"] }]
|
|
62
62
|
}], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], showTitleAndText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTitleAndText", required: false }] }], colors: [{ type: i0.Input, args: [{ isSignal: true, alias: "colors", required: false }] }], ctaWrapperItemClick: [{ type: i0.Output, args: ["ctaWrapperItemClick"] }], nguCarouselCtas: [{ type: i0.ViewChild, args: ['nguCarouselCtas', { isSignal: true }] }], onWindowResize: [{
|
|
@@ -148,10 +148,10 @@ class ErrorComponent {
|
|
|
148
148
|
ngOnDestroy() {
|
|
149
149
|
this.ctasSubscription?.unsubscribe();
|
|
150
150
|
}
|
|
151
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
152
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
151
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
152
|
+
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"] }] }); }
|
|
153
153
|
}
|
|
154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
155
155
|
type: Component,
|
|
156
156
|
args: [{ selector: 'rdsite-error', imports: [
|
|
157
157
|
CtaWrapperComponent,
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
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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"}
|
|
@@ -72,10 +72,10 @@ class FilterLetterAndTermsComponent {
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
75
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
+
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"] }); }
|
|
77
77
|
}
|
|
78
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
80
|
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"] }]
|
|
81
81
|
}], 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: [{
|
|
@@ -209,10 +209,10 @@ class FilterGenericComponent {
|
|
|
209
209
|
isFilterDataEmpty(filterData) {
|
|
210
210
|
return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
|
|
211
211
|
}
|
|
212
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
213
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n class=\"filter-generic\"\n [ngClass]=\"{ 'container-style': withContainerStyle(), 'clickable-mobile': shouldHandleMobileClick() }\"\n aria-label=\"Filtros\"\n (click)=\"handleMobileClick()\"\n>\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen(), hidden: !isFilterOpen() }\">\n <div class=\"filter-title-wrapper\">\n <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" marginBlock=\"0\" lineHeight=\"16px\">\n {{ textTitle() }}\n </cura-label>\n\n @if (showBadge()) {\n <cura-badge-counter\n [type]=\"'solid'\"\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n [number]=\"selectedFiltersCount()\"\n class=\"filter-badge\"\n ></cura-badge-counter>\n }\n </div>\n\n @if (showToggleIcon()) {\n <cura-button-transparent\n size=\"small\"\n fontColor=\"dark\"\n color=\"primary\"\n textAlign=\"center\"\n (click)=\"toggleFilter()\"\n [attr.aria-expanded]=\"isFilterOpen()\"\n [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\n >\n <cura-icon [name]=\"isFilterOpen() ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n </cura-button-transparent>\n }\n </div>\n\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n @for (section of sections(); track section.type) {\n @if (section.visible !== false) {\n <div class=\"filter-section\">\n @switch (section.type) {\n @case ('input') {\n <cura-input-text\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [value]=\"section.config.control.value\"\n (selected)=\"handleSelectChange($event, section.config.control)\"\n >\n @if (section.config.includeDefaultOption) {\n <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n }\n @for (option of section.config.options || []; track option?.value) {\n <cura-select-option [value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n }\n </cura-select>\n }\n @case ('checkbox-group') {\n @if (section.config.title) {\n <div class=\"filter-header\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n {{ section.config.title }}\n </cura-heading>\n </div>\n }\n\n @if (section.config.subtitle) {\n <div class=\"filter-subtitle\">\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\">\n {{ section.config.subtitle }}\n </cura-heading>\n </div>\n }\n\n @if (section.config.description) {\n <div class=\"filter-description\">\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n {{ section.config.description }}\n </cura-paragraph>\n </div>\n }\n\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; track option.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n iconColor=\"light\"\n [name]=\"option.label\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"option.checked || false\"\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\n ></cura-checkbox>\n }\n </div>\n }\n @case ('radio-group') {\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; track option?.value) {\n <cura-radio\n [name]=\"section.config.name || 'radio-group'\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n (onchange)=\"handleRadioChange($event, section.config.control)\"\n ></cura-radio>\n }\n </div>\n }\n @case ('custom') {\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n }\n }\n </div>\n }\n }\n </div>\n\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n <div class=\"main-actions\">\n @if (showClearButton()) {\n <cura-button-transparent\n size=\"small\"\n fontColor=\"dark\"\n color=\"primary\"\n textAlign=\"center\"\n [disabled]=\"disableButtons() || !hasSelection()\"\n (click)=\"reset()\"\n >\n <span>Limpar todos os filtros</span>\n </cura-button-transparent>\n }\n\n @if (showApplyButton()) {\n <cura-button\n size=\"medium\"\n fontColor=\"light\"\n color=\"primary\"\n textAlign=\"center\"\n (click)=\"filter()\"\n [disabled]=\"disableButtons() || !hasSelection()\"\n class=\"filter-button\"\n >\n Filtrar\n </cura-button>\n }\n </div>\n\n @if (showCloseButton()) {\n <div class=\"divider-strong\"></div>\n <div class=\"close-action-wrapper\">\n <div class=\"close-action\" (click)=\"close()\">\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n <cura-button-transparent type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: [":host *{font-family:var(--font-family)}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraRadioComponent, selector: "cura-radio", inputs: ["checked", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "background", "size", "color", "isSquare", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "valueChange", "onchange"] }, { 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: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
|
|
212
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
213
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: { classPropertyName: "withContainerStyle", publicName: "withContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, showApplyButton: { classPropertyName: "showApplyButton", publicName: "showApplyButton", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, disableButtons: { classPropertyName: "disableButtons", publicName: "disableButtons", isSignal: true, isRequired: false, transformFunction: null }, showBadge: { classPropertyName: "showBadge", publicName: "showBadge", isSignal: true, isRequired: false, transformFunction: null }, showToggleIcon: { classPropertyName: "showToggleIcon", publicName: "showToggleIcon", isSignal: true, isRequired: false, transformFunction: null }, isFilterOpen: { classPropertyName: "isFilterOpen", publicName: "isFilterOpen", isSignal: true, isRequired: false, transformFunction: null }, mobileBehavior: { classPropertyName: "mobileBehavior", publicName: "mobileBehavior", isSignal: true, isRequired: false, transformFunction: null }, forceCollapsed: { classPropertyName: "forceCollapsed", publicName: "forceCollapsed", isSignal: true, isRequired: false, transformFunction: null }, emitOnReset: { classPropertyName: "emitOnReset", publicName: "emitOnReset", isSignal: true, isRequired: false, transformFunction: null }, textTitle: { classPropertyName: "textTitle", publicName: "textTitle", isSignal: true, isRequired: false, transformFunction: null }, sections: { classPropertyName: "sections", publicName: "sections", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter", isFilterOpen: "isFilterOpenChange" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div\n class=\"filter-generic\"\n [ngClass]=\"{ 'container-style': withContainerStyle(), 'clickable-mobile': shouldHandleMobileClick() }\"\n aria-label=\"Filtros\"\n (click)=\"handleMobileClick()\"\n>\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen(), hidden: !isFilterOpen() }\">\n <div class=\"filter-title-wrapper\">\n <cura-label size=\"medium\" level=\"4\" color=\"neutral-black\" weight=\"regular\" marginBlock=\"0\" lineHeight=\"16px\">\n {{ textTitle() }}\n </cura-label>\n\n @if (showBadge()) {\n <cura-badge-counter\n [type]=\"'solid'\"\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\n [number]=\"selectedFiltersCount()\"\n class=\"filter-badge\"\n ></cura-badge-counter>\n }\n </div>\n\n @if (showToggleIcon()) {\n <cura-button-transparent\n size=\"small\"\n fontColor=\"dark\"\n color=\"primary\"\n textAlign=\"center\"\n (click)=\"toggleFilter()\"\n [attr.aria-expanded]=\"isFilterOpen()\"\n [ariaLabel]=\"isFilterOpen() ? 'Fechar filtros' : 'Abrir filtros'\"\n >\n <cura-icon [name]=\"isFilterOpen() ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\n </cura-button-transparent>\n }\n </div>\n\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n @for (section of sections(); track section.type) {\n @if (section.visible !== false) {\n <div class=\"filter-section\">\n @switch (section.type) {\n @case ('input') {\n <cura-input-text\n [placeholder]=\"section.config.placeholder || ''\"\n [name]=\"section.config.name || ''\"\n [iconName]=\"section.config.iconName || ''\"\n [value]=\"section.config.control.value\"\n (valueChange)=\"handleInputChange($event, section.config.control)\"\n ></cura-input-text>\n }\n @case ('select') {\n <cura-select\n [label]=\"section.config.label || ''\"\n [placeholder]=\"section.config.placeholder || ''\"\n [value]=\"section.config.control.value\"\n (selected)=\"handleSelectChange($event, section.config.control)\"\n >\n @if (section.config.includeDefaultOption) {\n <cura-select-option [value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\n }\n @for (option of section.config.options || []; track option?.value) {\n <cura-select-option [value]=\"option?.value\">{{ option?.label }}</cura-select-option>\n }\n </cura-select>\n }\n @case ('checkbox-group') {\n @if (section.config.title) {\n <div class=\"filter-header\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" [level]=\"5\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\" lineHeight=\"16px\">\n {{ section.config.title }}\n </cura-heading>\n </div>\n }\n\n @if (section.config.subtitle) {\n <div class=\"filter-subtitle\">\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" marginBlock=\"0\">\n {{ section.config.subtitle }}\n </cura-heading>\n </div>\n }\n\n @if (section.config.description) {\n <div class=\"filter-description\">\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" marginBlock=\"0\">\n {{ section.config.description }}\n </cura-paragraph>\n </div>\n }\n\n <div class=\"filter-checkboxes\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; track option.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n iconColor=\"light\"\n [name]=\"option.label\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"option.checked || false\"\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\n ></cura-checkbox>\n }\n </div>\n }\n @case ('radio-group') {\n <div class=\"filter-radios\" [class.scrollable]=\"hasScroll(section)\">\n @for (option of section.config.options || []; track option?.value) {\n <cura-radio\n [name]=\"section.config.name || 'radio-group'\"\n [label]=\"option.label\"\n [value]=\"option.value\"\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\n (onchange)=\"handleRadioChange($event, section.config.control)\"\n ></cura-radio>\n }\n </div>\n }\n @case ('custom') {\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\n }\n }\n </div>\n }\n }\n </div>\n\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen() || (forceCollapsed() && isMobile())\">\n <div class=\"main-actions\">\n @if (showClearButton()) {\n <cura-button-transparent\n size=\"small\"\n fontColor=\"dark\"\n color=\"primary\"\n textAlign=\"center\"\n [disabled]=\"disableButtons() || !hasSelection()\"\n (click)=\"reset()\"\n >\n <span>Limpar todos os filtros</span>\n </cura-button-transparent>\n }\n\n @if (showApplyButton()) {\n <cura-button\n size=\"medium\"\n fontColor=\"light\"\n color=\"primary\"\n textAlign=\"center\"\n (click)=\"filter()\"\n [disabled]=\"disableButtons() || !hasSelection()\"\n class=\"filter-button\"\n >\n Filtrar\n </cura-button>\n }\n </div>\n\n @if (showCloseButton()) {\n <div class=\"divider-strong\"></div>\n <div class=\"close-action-wrapper\">\n <div class=\"close-action\" (click)=\"close()\">\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\n <cura-button-transparent type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: [":host *{font-family:var(--font-family)}.filter-generic{display:flex;flex-direction:column;gap:18px}.filter-generic.clickable-mobile{cursor:pointer}.filter-generic.clickable-mobile:hover{background-color:var(--primary-lighter)}.filter-generic.container-style{width:100%;padding:20px;border-radius:12px;border:2px solid var(--neutral-lighter);background-color:var(--neutral-purewhite)}.filter-generic cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}.filter-header-container{display:flex;padding-bottom:12px;align-items:center}.filter-header-container.no-padding{padding-bottom:0}.filter-header-container .filter-title-wrapper{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.filter-header-container .filter-badge{display:flex;height:20px;min-width:20px;justify-content:center;align-items:center;gap:4px}.filter-header-container .filter-icon{display:block}.filter-content,.filter-actions{transition:all .3s ease}.filter-content.hidden,.filter-actions.hidden{display:none;height:0;overflow:hidden;opacity:0;margin:0;padding:0}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-section .filter-header{display:flex;align-items:center;gap:14px}.filter-section .filter-subtitle{font-weight:500}.filter-section .filter-description{display:flex;flex-direction:column;gap:8px}.filter-section .filter-description:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-section .filter-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-section .filter-checkboxes.scrollable{max-height:100px;overflow-y:auto;grid-template-columns:1fr;padding-right:8px;gap:12px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-checkboxes.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-checkboxes.scrollable:after{display:none}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios.scrollable{max-height:100px;overflow-y:auto;padding-right:8px;gap:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar{width:8px}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb{background:var(--neutral-medium)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-base)}.filter-section .filter-radios.scrollable::-webkit-scrollbar-track{background:var(--neutral-opacity-black)}.filter-section .filter-radios.scrollable:after{display:none}@media screen and (max-width: 1024px){.filter-checkboxes.scrollable,.filter-radios.scrollable{max-height:100px}.filter-checkboxes:after{display:none;background-color:transparent}}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions:before{content:\"\";display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--neutral-light) 75%,transparent 15%);background-size:10px 1px;background-repeat:repeat-x;margin-bottom:20px}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filter-actions .divider-strong{height:1px;width:100%;margin-top:20px;margin-bottom:16px;background:linear-gradient(90deg,#e2e2e2 70%,transparent 70%);background-size:4px 1px;background-repeat:repeat-x}.filter-actions .close-action-wrapper{display:flex;justify-content:center;width:100%}.filter-actions .close-action{display:inline-flex;align-items:center;gap:8px}.filter-actions .close-action cura-button-transparent{padding:0;margin:0;background:transparent;border:none;color:inherit}.filter-actions cura-button-transparent{display:flex;justify-content:flex-start;text-align:left;flex:0 1 auto}.filter-actions cura-button{display:flex;justify-content:flex-start;text-align:left;flex:1 0 auto}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }, { kind: "component", type: CuraButtonTransparentComponent, selector: "cura-button-transparent", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraInputTextComponent, selector: "cura-input-text", inputs: ["mode", "status", "size", "type", "inputMode", "label", "name", "placeholder", "value", "iconName", "disabled", "required", "maskPreset", "enableSelectionMode", "maskRegex", "maskAdvanced", "maxlength", "readOnly", "isLoading", "clearIcon", "hideErrorIcon", "autocomplete"], outputs: ["valueChange", "inputClear"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraSelectComponent, selector: "cura-select", inputs: ["name", "label", "placeholder", "value", "mode", "size", "iconName", "status", "disabled", "required", "searchBehavior", "caseSensitive", "maxHeight"], outputs: ["valueChange", "selected", "searchTermInput"] }, { kind: "component", type: CuraSelectOptionComponent, selector: "cura-select-option", inputs: ["value", "selected", "active", "size", "visible"], outputs: ["selectedChange", "activeChange", "sizeChange", "visibleChange"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraCheckboxComponent, selector: "cura-checkbox", inputs: ["disableCheckIcon", "checked", "indeterminate", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "size", "background", "iconColor", "color", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "indeterminateChange", "valueChange", "onchange"] }, { kind: "component", type: CuraRadioComponent, selector: "cura-radio", inputs: ["checked", "status", "disabled", "required", "label", "ontabindex", "position", "value", "name", "background", "size", "color", "isSquare", "overflowLabel", "overflowHelper"], outputs: ["checkedChange", "valueChange", "onchange"] }, { 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: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
|
|
214
214
|
}
|
|
215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: FilterGenericComponent, decorators: [{
|
|
216
216
|
type: Component,
|
|
217
217
|
args: [{ selector: 'rdsite-filter-generic', imports: [
|
|
218
218
|
CommonModule,
|