@rededor/site-front-end-lib 1.3.12 → 1.3.13
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/esm2022/lib/components/algolia-dropdown/algolia-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/banner/content-banner/content-banner.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumbs/breadcrumbs.component.mjs +3 -3
- package/esm2022/lib/components/cards/card-unidade-planos-convenios/card-unidade-planos-convenios.component.mjs +3 -3
- package/esm2022/lib/components/cards/expandable-card/expandable-card.component.mjs +3 -3
- package/esm2022/lib/components/cards/testimonial-card/testimonial-card.component.mjs +3 -3
- package/esm2022/lib/components/carousels/testimonials-carousel/testimonials-carousel.component.mjs +3 -3
- package/esm2022/lib/components/cta-wrapper/cta-wrapper.component.mjs +3 -3
- package/esm2022/lib/components/error/error-service/error.service.mjs +3 -3
- package/esm2022/lib/components/error/error.component.mjs +3 -3
- package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs +3 -3
- package/esm2022/lib/components/filters/filter-generic/filter-generic.component.mjs +3 -3
- package/esm2022/lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.mjs +5 -5
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-action-menu/header-action-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu/header-aux-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-container/header-aux-menu-container.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item/header-aux-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-aux-menu-item-dropdown/header-aux-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-logo/header-logo.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu/header-main-menu.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item/header-main-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-main-menu-item-dropdown/header-main-menu-item-dropdown.component.mjs +3 -3
- package/esm2022/lib/components/header/components/header-side-menu/header-side-menu.component.mjs +5 -5
- package/esm2022/lib/components/header/components/header-side-menu-item/header-side-menu-item.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +3 -3
- package/esm2022/lib/components/header/services/header.service.mjs +3 -3
- package/esm2022/lib/components/image/image.component.mjs +3 -3
- package/esm2022/lib/components/load-screen/load-screen.component.mjs +3 -3
- package/esm2022/lib/components/overlay/overlay.component.mjs +3 -3
- package/esm2022/lib/components/page-header/page-header.component.mjs +3 -3
- package/esm2022/lib/components/page-template-sidebar/page-template-sidebar.component.mjs +3 -3
- package/esm2022/lib/components/pagination/pagination.component.mjs +3 -3
- package/esm2022/lib/components/search/search.component.mjs +3 -3
- package/esm2022/lib/components/section-navigation/section-navigation.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.mjs +3 -3
- package/esm2022/lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.mjs +5 -5
- package/esm2022/lib/components/side-ctas/models/SideCta.model.mjs +1 -1
- package/esm2022/lib/components/side-ctas/side-ctas.component.mjs +4 -4
- package/esm2022/lib/components/whatsapp/whatsapp.component.mjs +3 -3
- package/esm2022/lib/directives/rdsite-click-outside/rdsite-click-outside.directive.mjs +3 -3
- package/esm2022/lib/directives/rdsite-link/rdsite-link.directive.mjs +3 -3
- package/esm2022/lib/directives/rdsite-phone-modal/rdsite-phone-modal.directive.mjs +4 -4
- package/esm2022/lib/helpers/formatPhone.func.mjs +1 -1
- package/esm2022/lib/interceptors/error.interceptor.mjs +3 -3
- package/esm2022/lib/interceptors/log.interceptor.mjs +3 -3
- package/esm2022/lib/models/wordpress/unidade/wp-unidade-site.model.mjs +1 -1
- package/esm2022/lib/pipes/index.mjs +1 -1
- package/esm2022/lib/pipes/phone/phone.pipe.mjs +4 -4
- package/esm2022/lib/services/algolia/algolia.service.mjs +3 -3
- package/esm2022/lib/services/algolia-search-api/algolia-search-api.service.mjs +3 -3
- package/esm2022/lib/services/cura/cura.service.mjs +3 -3
- package/esm2022/lib/services/geoloc/geoloc.service.mjs +3 -3
- package/esm2022/lib/services/http-client/http-client.service.mjs +3 -3
- package/esm2022/lib/services/log/log.service.mjs +3 -3
- package/esm2022/lib/services/mapbox/mapbox.service.mjs +3 -3
- package/esm2022/lib/services/modal/modal.service.mjs +3 -3
- package/esm2022/lib/services/modal-drawer/modal-drawer.service.mjs +4 -4
- package/esm2022/lib/services/ngu-carousel/ngu-carousel.service.mjs +3 -3
- package/esm2022/lib/services/phone/phone.service.mjs +4 -4
- package/esm2022/lib/services/privacy-tools/privacy-tools.service.mjs +3 -3
- package/esm2022/lib/services/seo/seo.service.mjs +3 -3
- package/esm2022/lib/services/server-response/server-response.service.mjs +3 -3
- package/esm2022/lib/services/site-back-end/site-back-end.service.mjs +3 -3
- package/esm2022/lib/services/ssr-loading/ssr-loading.service.mjs +3 -3
- package/esm2022/lib/services/transfer-state/transfer-state.service.mjs +3 -3
- package/esm2022/lib/services/youtube/youtube.service.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +199 -199
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/header/components/header-side-menu/header-side-menu.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -76,10 +76,10 @@ export class AlgoliaDropdownComponent {
|
|
|
76
76
|
optionSelect(event) {
|
|
77
77
|
this.optionSelected.emit(event.target.value);
|
|
78
78
|
}
|
|
79
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
80
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.
|
|
79
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AlgoliaDropdownComponent, deps: [{ token: i1.AlgoliaSearchApiService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
80
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: AlgoliaDropdownComponent, isStandalone: true, selector: "rdsite-algolia-dropdown", inputs: { algoliaConfig: "algoliaConfig", name: "name", value: "value", size: "size", label: "label", placeholder: "placeholder", status: "status", icon: "icon", disabled: "disabled", required: "required", maxheight: "maxheight", searchdelay: "searchdelay", searchminchars: "searchminchars", helperText: "helperText", cssMaxHeight: "cssMaxHeight", searchParams: "searchParams" }, outputs: { algoliaResults: "algoliaResults", resetResults: "resetResults", optionSelected: "optionSelected" }, ngImport: i0, template: "<cura-dropdown-search\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [status]=\"status\"\r\n [icon]=\"icon\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n [maxheight]=\"maxheight\"\r\n [searchdelay]=\"searchdelay\"\r\n [searchminchars]=\"searchminchars\"\r\n [helperText]=\"helperText\"\r\n [cssMaxHeight]=\"cssMaxHeight\"\r\n (termchange)=\"termChange($event)\"\r\n (optionselect)=\"optionSelect($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</cura-dropdown-search>\r\n", styles: [""] }); }
|
|
81
81
|
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: AlgoliaDropdownComponent, decorators: [{
|
|
83
83
|
type: Component,
|
|
84
84
|
args: [{ selector: 'rdsite-algolia-dropdown', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<cura-dropdown-search\r\n [name]=\"name\"\r\n [value]=\"value\"\r\n [placeholder]=\"placeholder\"\r\n [label]=\"label\"\r\n [status]=\"status\"\r\n [icon]=\"icon\"\r\n [disabled]=\"disabled\"\r\n [required]=\"required\"\r\n [maxheight]=\"maxheight\"\r\n [searchdelay]=\"searchdelay\"\r\n [searchminchars]=\"searchminchars\"\r\n [helperText]=\"helperText\"\r\n [cssMaxHeight]=\"cssMaxHeight\"\r\n (termchange)=\"termChange($event)\"\r\n (optionselect)=\"optionSelect($event)\"\r\n>\r\n <ng-content></ng-content>\r\n</cura-dropdown-search>\r\n" }]
|
|
85
85
|
}], ctorParameters: () => [{ type: i1.AlgoliaSearchApiService }], propDecorators: { algoliaConfig: [{
|
|
@@ -20,10 +20,10 @@ export class ContentBannerComponent {
|
|
|
20
20
|
onCtaClick(text, link) {
|
|
21
21
|
this.ctaClick.emit({ text, link });
|
|
22
22
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentBannerComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: "content" }, outputs: { ctaClick: "ctaClick" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"] }] }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'rdsite-content-banner', standalone: true, imports: [CommonModule, RdsiteLinkDirective, ImageComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.title) {\r\n <cura-heading level=\"4\" weight=\"bold\" color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.title }}\r\n </cura-heading>\r\n}\r\n\r\n@if (content?.text) {\r\n <cura-paragraph color=\"neutral-purewhite\" margin-block=\"0\">\r\n {{ content?.text }}\r\n </cura-paragraph>\r\n}\r\n\r\n@if (content?.info?.length) {\r\n <div class=\"info\" data-testid=\"_content-banner-info\">\r\n @for (item of content?.info || []; track $index) {\r\n @if (item.text) {\r\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\r\n @if (item.icon) {\r\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\r\n }\r\n {{ item.text }}\r\n </a>\r\n }\r\n }\r\n </div>\r\n}\r\n\r\n@if (content?.cta?.text && content?.cta?.link) {\r\n <cura-button\r\n (click)=\"onCtaClick(content?.cta?.text || '', content?.cta?.link || '')\"\r\n size=\"large\"\r\n type=\"button\"\r\n color=\"accent\"\r\n [attr.icon-name]=\"content?.cta?.icon || ''\"\r\n [href]=\"content?.cta?.link\"\r\n target=\"_self\"\r\n >\r\n {{ content?.cta?.text }}\r\n </cura-button>\r\n}\r\n\r\n@if (content?.image) {\r\n <rdsite-image [imageDefaultSrc]=\"content?.image.url\" [imageWebpSrc]=\"content?.image?.webp_url\" [title]=\"content?.image.title\" [alt]=\"content?.image.alt\">\r\n </rdsite-image>\r\n}\r\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
|
|
29
29
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { content: [{
|
|
@@ -92,10 +92,10 @@ export class BreadcrumbsComponent {
|
|
|
92
92
|
return jsonItem;
|
|
93
93
|
});
|
|
94
94
|
}
|
|
95
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
96
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
95
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsComponent, deps: [{ token: i1.CuraService }, { token: LIB_CONFIG }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
96
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: BreadcrumbsComponent, isStandalone: true, selector: "rdsite-breadcrumbs", inputs: { labelIconColor: "labelIconColor", breadcrumbs: "breadcrumbs" }, host: { listeners: { "window:resize": "onWindowResize()" } }, viewQueries: [{ propertyName: "breadCrumbsElement", first: true, predicate: ["breadCrumbsElement"], descendants: true }], ngImport: i0, template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop || breadcrumbs.length < 3) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
97
97
|
}
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: BreadcrumbsComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
100
|
args: [{ selector: 'rdsite-breadcrumbs', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (breadcrumbs.length) {\r\n <nav class=\"breadcrumb\" #breadCrumbsElement>\r\n <ol>\r\n @if (isDesktop || breadcrumbs.length < 3) {\r\n <ng-container *ngTemplateOutlet=\"Desktop\"></ng-container>\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"Mobile\"></ng-container>\r\n }\r\n </ol>\r\n </nav>\r\n}\r\n\r\n<ng-template #Desktop>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (!last) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n @if (first) {\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n }\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else {\r\n <span [class.last-item]=\"last && !first\">\r\n {{ breadcrumb.label }}\r\n </span>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #Mobile>\r\n @for (breadcrumb of breadcrumbs; track breadcrumb.label; let first = $first; let last = $last; let index = $index) {\r\n <li>\r\n @if (first) {\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <cura-icon name=\"home\" [attr.color]=\"labelIconColor\" size=\"16\"> </cura-icon>\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n <span class=\"divider\">/</span>\r\n } @else if (index === breadcrumbs.length - 2) {\r\n <span class=\"back\"><</span>\r\n <a rdsitelink [href]=\"getUrl(breadcrumb.url)\">\r\n <span>\r\n {{ breadcrumb.label }}\r\n </span>\r\n </a>\r\n }\r\n </li>\r\n }\r\n</ng-template>\r\n", styles: [".breadcrumb *{font-family:var(--font-family)}.breadcrumb ol{display:flex}.breadcrumb ol li{display:flex;gap:8px}.breadcrumb ol li a{color:var(--label-icon-color);display:flex;gap:4px;text-decoration:none}.breadcrumb ol li a span{text-decoration:underline;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.last-item{color:var(--disabled-color);text-decoration:none;pointer-events:none;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.divider,.breadcrumb ol li span.back{color:var(--divider-color);padding-right:8px;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.72px}.breadcrumb ol li span.back{padding:0}\n"] }]
|
|
101
101
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: undefined, decorators: [{
|
|
@@ -23,10 +23,10 @@ export class CardUnidadePlanosConveniosComponent {
|
|
|
23
23
|
'--color-base': this.curaService.getColor('primary-base'),
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CardUnidadePlanosConveniosComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: CardUnidadePlanosConveniosComponent, isStandalone: true, selector: "rdsite-card-unidade-planos-convenios", inputs: { title: "title", subtitle: "subtitle", coverage: "coverage", address: "address", cta1: "cta1", cta2: "cta2", logoWebpSrc: "logoWebpSrc", logoDefaultSrc: "logoDefaultSrc", logoSizes: "logoSizes", logoMimeType: "logoMimeType", logoAlt: "logoAlt", logoTitle: "logoTitle" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"rdsite-card-unidade-planos-convenios\">\r\n <rdsite-image\r\n class=\"rdsite-card-unidade-planos-convenios-logo\"\r\n [imageWebpSrc]=\"logoWebpSrc\"\r\n [imageDefaultSrc]=\"logoDefaultSrc\"\r\n [imageSizes]=\"logoSizes\"\r\n [mimeType]=\"logoMimeType\"\r\n [alt]=\"logoAlt\"\r\n [title]=\"logoTitle\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-heading\">\r\n @if (title) {\r\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\r\n {{ title }}\r\n </cura-heading>\r\n }\r\n\r\n @if (subtitle) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ subtitle }}\r\n </span>\r\n </cura-paragraph>\r\n }\r\n </div>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\r\n @if (coverage) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ coverage.title }}\r\n </span>\r\n </cura-paragraph>\r\n\r\n @if (coverage.list?.length) {\r\n <div class=\"coverage-list\">\r\n @for (item of coverage.list; track item.title) {\r\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\r\n {{ item.title }}\r\n </cura-badge-pill>\r\n }\r\n </div>\r\n }\r\n }\r\n\r\n @if (address) {\r\n <div class=\"address\">\r\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\r\n\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\"> {{ address }} \u2022 </span>\r\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address }}\">Mapa</a>\r\n </cura-paragraph>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\r\n @if (cta2 && cta2.label && cta2.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"calendar\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\r\n {{ cta2.label }}\r\n </cura-button>\r\n }\r\n\r\n @if (cta1 && cta1.label && cta1.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"exam\" color=\"accent\" rdsitelink [href]=\"cta1.link\">\r\n {{ cta1.label }}\r\n </cura-button>\r\n }\r\n </div>\r\n</div>\r\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"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CardUnidadePlanosConveniosComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'rdsite-card-unidade-planos-convenios', standalone: true, imports: [ImageComponent, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-card-unidade-planos-convenios\">\r\n <rdsite-image\r\n class=\"rdsite-card-unidade-planos-convenios-logo\"\r\n [imageWebpSrc]=\"logoWebpSrc\"\r\n [imageDefaultSrc]=\"logoDefaultSrc\"\r\n [imageSizes]=\"logoSizes\"\r\n [mimeType]=\"logoMimeType\"\r\n [alt]=\"logoAlt\"\r\n [title]=\"logoTitle\"\r\n loading=\"lazy\"\r\n ></rdsite-image>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-heading\">\r\n @if (title) {\r\n <cura-heading size=\"small\" level=\"2\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"150%\">\r\n {{ title }}\r\n </cura-heading>\r\n }\r\n\r\n @if (subtitle) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" weight=\"bold\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ subtitle }}\r\n </span>\r\n </cura-paragraph>\r\n }\r\n </div>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-content\">\r\n @if (coverage) {\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\">\r\n {{ coverage.title }}\r\n </span>\r\n </cura-paragraph>\r\n\r\n @if (coverage.list?.length) {\r\n <div class=\"coverage-list\">\r\n @for (item of coverage.list; track item.title) {\r\n <cura-badge-pill type=\"solid\" color=\"success\" [attr.disabled]=\"!item.isCovered\" [attr.icon-name]=\"item.isCovered ? 'check' : 'close'\">\r\n {{ item.title }}\r\n </cura-badge-pill>\r\n }\r\n </div>\r\n }\r\n }\r\n\r\n @if (address) {\r\n <div class=\"address\">\r\n <cura-icon name=\"geotag\" color=\"neutral-dark\" size=\"20\"></cura-icon>\r\n\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-black\" margin-block=\"0\" line-height=\"130%\">\r\n <span class=\"cura-paragraph-weight\"> {{ address }} \u2022 </span>\r\n <a rdsitelink href=\"https://www.google.com/maps?q={{ address }}\">Mapa</a>\r\n </cura-paragraph>\r\n </div>\r\n }\r\n </div>\r\n\r\n <div class=\"rdsite-card-unidade-planos-convenios-ctas\">\r\n @if (cta2 && cta2.label && cta2.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"calendar\" color=\"accent\" rdsitelink [href]=\"cta2.link\">\r\n {{ cta2.label }}\r\n </cura-button>\r\n }\r\n\r\n @if (cta1 && cta1.label && cta1.link) {\r\n <cura-button type=\"button\" size=\"medium\" icon-name=\"exam\" color=\"accent\" rdsitelink [href]=\"cta1.link\">\r\n {{ cta1.label }}\r\n </cura-button>\r\n }\r\n </div>\r\n</div>\r\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"] }]
|
|
32
32
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { title: [{
|
|
@@ -35,10 +35,10 @@ export class ExpandableCardComponent {
|
|
|
35
35
|
checkDisabledCard() {
|
|
36
36
|
this.classes = this.disabled ? ['disabled'] : [];
|
|
37
37
|
}
|
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ExpandableCardComponent, deps: [{ token: i1.CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ExpandableCardComponent, isStandalone: true, selector: "rdsite-expandable-card", inputs: { opened: "opened", label: "label", link: "link", badgeLabel: "badgeLabel", openIcon: "openIcon", closeIcon: "closeIcon", disabled: "disabled" }, outputs: { toggle: "toggle" }, host: { properties: { "style": "this.styleBinding", "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "@if (label) {\r\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (link && label) {\r\n <a rdsitelink class=\"card-link\" [href]=\"link\">\r\n {{ label }}\r\n <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n </div>\r\n}\r\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);color:var(--color-one-dark);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}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }] }); }
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ExpandableCardComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
43
|
args: [{ selector: 'rdsite-expandable-card', standalone: true, imports: [CommonModule, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (label) {\r\n <div class=\"card-header\" [ngClass]=\"{ noBadge: !badgeLabel }\" (click)=\"toggleCard()\">\r\n @if (link && label) {\r\n <a rdsitelink class=\"card-link\" [href]=\"link\">\r\n {{ label }}\r\n <cura-icon name=\"arrowRight\" color=\"primary-dark\" size=\"16\"></cura-icon>\r\n </a>\r\n }\r\n\r\n @if (badgeLabel) {\r\n <cura-badge-pill type=\"solid\" color=\"primary\">\r\n {{ badgeLabel }}\r\n </cura-badge-pill>\r\n }\r\n\r\n <cura-icon [attr.name]=\"opened ? closeIcon : openIcon\" color=\"primary-dark\" size=\"20\"></cura-icon>\r\n </div>\r\n\r\n <div class=\"card-content\" [ngClass]=\"{ opened: opened }\">\r\n <ng-content></ng-content>\r\n </div>\r\n}\r\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);color:var(--color-one-dark);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}\n"] }]
|
|
44
44
|
}], ctorParameters: () => [{ type: i1.CuraService }], propDecorators: { opened: [{
|
|
@@ -43,10 +43,10 @@ export class TestimonialCardComponent {
|
|
|
43
43
|
ngOnDestroy() {
|
|
44
44
|
this.youtubeService.removeScript();
|
|
45
45
|
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialCardComponent, deps: [{ token: i1.CuraService }, { token: i1.YoutubeService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", 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 }], ngImport: i0, template: "@if ((image() || getVideoId()) && text()) {\r\n @switch (type()) {\r\n @case ('image') {\r\n @if (image()) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n [mimeType]=\"image()?.mime_type\"\r\n [alt]=\"image()?.alt\"\r\n >\r\n </rdsite-image>\r\n }\r\n }\r\n @case ('video') {\r\n @if (getVideoId() && platformBrowser()) {\r\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n }\r\n }\r\n }\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n <path\r\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\"\r\n fill=\"#202122\"\r\n />\r\n </svg>\r\n\r\n <div class=\"testimonials-text\">\r\n <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\r\n\r\n @if (author()) {\r\n <span class=\"author\">{{ author() }}</span>\r\n }\r\n\r\n @if (position()) {\r\n <span class=\"position\">\r\n {{ position() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\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"] }, { kind: "ngmodule", type: YouTubePlayerModule }, { kind: "component", type: i2.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"] }] }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialCardComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: 'rdsite-testimonial-card', standalone: true, imports: [ImageComponent, YouTubePlayerModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if ((image() || getVideoId()) && text()) {\r\n @switch (type()) {\r\n @case ('image') {\r\n @if (image()) {\r\n <rdsite-image\r\n [imageWebpSrc]=\"image()?.webp_sizes?.['rdsl-card-unidades']\"\r\n [imageDefaultSrc]=\"image()?.sizes?.['rdsl-card-unidades']\"\r\n [mimeType]=\"image()?.mime_type\"\r\n [alt]=\"image()?.alt\"\r\n >\r\n </rdsite-image>\r\n }\r\n }\r\n @case ('video') {\r\n @if (getVideoId() && platformBrowser()) {\r\n <youtube-player #youtubePlayer [videoId]=\"getVideoId()\" [disablePlaceholder]=\"true\"></youtube-player>\r\n }\r\n }\r\n }\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"26\" viewBox=\"0 0 32 26\" fill=\"none\">\r\n <path\r\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\"\r\n fill=\"#202122\"\r\n />\r\n </svg>\r\n\r\n <div class=\"testimonials-text\">\r\n <q class=\"quote\" (click)=\"stopVideo()\">{{ text() }}</q>\r\n\r\n @if (author()) {\r\n <span class=\"author\">{{ author() }}</span>\r\n }\r\n\r\n @if (position()) {\r\n <span class=\"position\">\r\n {{ position() }}\r\n </span>\r\n }\r\n </div>\r\n}\r\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"] }]
|
|
52
52
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: i1.YoutubeService }, { type: undefined, decorators: [{
|
package/esm2022/lib/components/carousels/testimonials-carousel/testimonials-carousel.component.mjs
CHANGED
|
@@ -43,10 +43,10 @@ export class TestimonialsCarouselComponent {
|
|
|
43
43
|
}
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
46
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialsCarouselComponent, deps: [{ token: i1.CuraService }, { token: i1.NguCarouselService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", 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: ["carouselTestimonials"], descendants: true, static: true }, { propertyName: "testimonialCards", predicate: ["testimonialCard"], descendants: true }], ngImport: i0, template: "@if (title()) {\r\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\r\n}\r\n\r\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\r\n <ngu-item *nguCarouselDef=\"let item\">\r\n <rdsite-testimonial-card\r\n #testimonialCard\r\n [type]=\"item.type\"\r\n [image]=\"item.image\"\r\n [videoUrl]=\"item.video_url\"\r\n [text]=\"item.text\"\r\n [author]=\"item.author\"\r\n [position]=\"item.role\"\r\n >\r\n </rdsite-testimonial-card>\r\n </ngu-item>\r\n</ngu-carousel>\r\n\r\n<div class=\"testimonials-carousel-controls\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\r\n\r\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\r\n\r\n <ul>\r\n @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\r\n <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\r\n }\r\n </ul>\r\n</div>\r\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"] }] }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TestimonialsCarouselComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: 'rdsite-testimonials-carousel', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, TestimonialCardComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (title()) {\r\n <h3 class=\"testimonials-carousel-title\">{{ title() }}</h3>\r\n}\r\n\r\n<ngu-carousel #carouselTestimonials [inputs]=\"carouselTestimonialsConfig()!\" [dataSource]=\"items()\" (onMove)=\"stopVideos()\">\r\n <ngu-item *nguCarouselDef=\"let item\">\r\n <rdsite-testimonial-card\r\n #testimonialCard\r\n [type]=\"item.type\"\r\n [image]=\"item.image\"\r\n [videoUrl]=\"item.video_url\"\r\n [text]=\"item.text\"\r\n [author]=\"item.author\"\r\n [position]=\"item.role\"\r\n >\r\n </rdsite-testimonial-card>\r\n </ngu-item>\r\n</ngu-carousel>\r\n\r\n<div class=\"testimonials-carousel-controls\">\r\n <cura-icon name=\"arrowLeftCircle\" size=\"40\" color=\"primary-base\" (click)=\"prevSlide()\"></cura-icon>\r\n\r\n <cura-icon name=\"arrowRightCircle\" size=\"40\" color=\"primary-base\" (click)=\"nextSlide()\"></cura-icon>\r\n\r\n <ul>\r\n @for (item of carouselTestimonials.pointNumbers; track i; let i = $index) {\r\n <li [class.active]=\"i === carouselTestimonials.activePoint\" (click)=\"moveTo(i)\"></li>\r\n }\r\n </ul>\r\n</div>\r\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"] }]
|
|
52
52
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: i1.NguCarouselService }], propDecorators: { carouselTestimonials: [{
|
|
@@ -45,10 +45,10 @@ export class CtaWrapperComponent {
|
|
|
45
45
|
moreOptions() {
|
|
46
46
|
this.seeMoreControl = !this.seeMoreControl;
|
|
47
47
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CtaWrapperComponent, deps: [{ token: i1.CuraService }, { token: i1.NguCarouselService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: CtaWrapperComponent, isStandalone: true, selector: "rdsite-cta-wrapper", inputs: { content: "content", showTitleAndText: "showTitleAndText", colors: "colors" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style": "this.style", "class": "this.class" } }, viewQueries: [{ propertyName: "nguCarouselCtas", first: true, predicate: ["nguCarouselCtas"], descendants: true }], ngImport: i0, template: "@if (content?.ctas?.length) {\r\n @if (content?.title && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </nav>\r\n } @else {\r\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </nav>\r\n }\r\n}\r\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:60px}: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"] }] }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: CtaWrapperComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{ selector: 'rdsite-cta-wrapper', standalone: true, imports: [NguCarousel, NguItemComponent, NguCarouselDefDirective, RdsiteLinkDirective], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "@if (content?.ctas?.length) {\r\n @if (content?.title && showTitleAndText) {\r\n <h3 class=\"ctas-title\">{{ content?.title }}</h3>\r\n }\r\n\r\n @if (content?.text && showTitleAndText) {\r\n <p class=\"ctas-text\" [innerHTML]=\"content?.text\"></p>\r\n }\r\n\r\n @if (!seeMoreControl) {\r\n <nav class=\"ctas-wrapper\" data-testid=\"_rdsite-ctas-wrapper\">\r\n @if (!bannerControl) {\r\n <ngu-carousel #nguCarouselCtas [inputs]=\"carouselCtasConfig\" [dataSource]=\"content?.ctas\">\r\n <ngu-item *nguCarouselDef=\"let cta; let i = index\">\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n </ngu-item>\r\n </ngu-carousel>\r\n\r\n <div class=\"show-more\" data-testid=\"_rdsite-ctas-wrapper-show-more\">\r\n <button type=\"button\" (click)=\"moreOptions()\">Mais op\u00E7\u00F5es</button>\r\n </div>\r\n } @else {\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n }\r\n </nav>\r\n } @else {\r\n <nav class=\"more-options\" data-testid=\"_rdsite-ctas-wrapper-more-options\">\r\n @for (cta of content?.ctas; track $index) {\r\n @if (cta?.label) {\r\n <a rdsitelink class=\"cta\" [href]=\"cta?.link\">\r\n @if (cta?.icon) {\r\n <cura-icon [attr.name]=\"cta?.icon\" size=\"24\" [attr.color]=\"colors.icon\"></cura-icon>\r\n }\r\n <p>{{ cta?.label }}</p>\r\n </a>\r\n }\r\n }\r\n </nav>\r\n }\r\n}\r\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:60px}: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"] }]
|
|
54
54
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: i1.NguCarouselService }, { type: undefined, decorators: [{
|
|
@@ -5,10 +5,10 @@ export class ErrorService {
|
|
|
5
5
|
constructor() {
|
|
6
6
|
this.ctas = new BehaviorSubject({});
|
|
7
7
|
}
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
9
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
9
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ErrorService, providedIn: 'root' }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ErrorService, decorators: [{
|
|
12
12
|
type: Injectable,
|
|
13
13
|
args: [{
|
|
14
14
|
providedIn: 'root',
|
|
@@ -134,10 +134,10 @@ export class ErrorComponent {
|
|
|
134
134
|
ngOnDestroy() {
|
|
135
135
|
this.ctasSubscription?.unsubscribe();
|
|
136
136
|
}
|
|
137
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
138
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
137
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ErrorComponent, deps: [{ token: i1.ErrorService }, { token: i2.CuraService }, { token: i2.LogService }, { token: i2.SeoService }, { token: i2.ServerResponseService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
138
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: ErrorComponent, isStandalone: true, selector: "rdsite-error", inputs: { theme: "theme", type: "type", returnRoute: "returnRoute", returnLabel: "returnLabel", pageTitle: "pageTitle", component: "component", breadcrumbsItems: "breadcrumbsItems" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"], dependencies: [{ kind: "component", type: CtaWrapperComponent, selector: "rdsite-cta-wrapper", inputs: ["content", "showTitleAndText", "colors"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "breadcrumbs"] }] }); }
|
|
139
139
|
}
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
141
141
|
type: Component,
|
|
142
142
|
args: [{ selector: 'rdsite-error', standalone: true, imports: [CtaWrapperComponent, RdsiteLinkDirective, BreadcrumbsComponent], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"rdsite-error\">\r\n @if (ctasIconColor && breadcrumbsItems.length) {\r\n <rdsite-breadcrumbs [breadcrumbs]=\"breadcrumbsItems\" [labelIconColor]=\"ctasIconColor\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"rdsite-error-container\">\r\n @if (labelTextColor) {\r\n <cura-label [attr.color]=\"labelTextColor\">\r\n {{ type === 'server-response' ? '500' : '404' }}\r\n </cura-label>\r\n }\r\n\r\n <cura-heading color=\"neutral-black\" size=\"medium\" weight=\"bold\"> Algo deu errado :( </cura-heading>\r\n\r\n @if (responseText) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">\r\n {{ responseText }}\r\n </cura-paragraph>\r\n }\r\n\r\n @if (type === error.NOT_FOUND && returnRoute && returnLabel) {\r\n <cura-button\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonColor\"\r\n font-color=\"light\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button>\r\n }\r\n\r\n @if (type === error.SERVER_RESPONSE) {\r\n @if (curaButtonColor) {\r\n <cura-button size=\"medium\" type=\"button\" (click)=\"reloadPage()\" [attr.color]=\"curaButtonColor\" font-color=\"light\" icon-name=\"arrowLeft\" target=\"_self\">\r\n Atualizar p\u00E1gina novamente\r\n </cura-button>\r\n }\r\n\r\n @if (returnLabel && returnRoute) {\r\n <cura-paragraph color=\"neutral-black\" size=\"large\">ou</cura-paragraph>\r\n @if (curaButtonOutlineColor) {\r\n <cura-button-outline\r\n rdsitelink\r\n [href]=\"returnRoute\"\r\n size=\"medium\"\r\n type=\"button\"\r\n [color]=\"curaButtonOutlineColor\"\r\n icon-name=\"arrowLeft\"\r\n target=\"_self\"\r\n >\r\n Voltar para {{ returnLabel }}\r\n </cura-button-outline>\r\n }\r\n }\r\n }\r\n @if (ctasContent.ctas!.length > 0 && ctasBorderColor && ctasIconColor) {\r\n <cura-paragraph class=\"wrapper-text\" color=\"neutral-black\" size=\"large\"> Voc\u00EA pode tamb\u00E9m: </cura-paragraph>\r\n\r\n <rdsite-cta-wrapper [content]=\"ctasContent\" [showTitleAndText]=\"false\" [colors]=\"{ border: ctasBorderColor, icon: ctasIconColor }\"></rdsite-cta-wrapper>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".rdsite-error{width:100%;background-color:var(--backgroundColor)}.rdsite-error rdsite-breadcrumbs{display:block;padding-block:16px;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.rdsite-error rdsite-breadcrumbs.full-container{width:100%;max-width:100%}.rdsite-error-container{box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto;padding:48px 0 40px}.rdsite-error-container.full-container{width:100%;max-width:100%}.rdsite-error-container cura-label{width:fit-content;padding:var(--sizes-space-tiny, 4px);border-radius:var(--sizes-cornerRadius-nano, 2px);background:var(--labelColor)}.rdsite-error-container cura-heading{--margin-block: 40px}.rdsite-error-container cura-paragraph.wrapper-text{margin-top:80px}\n"] }]
|
|
143
143
|
}], ctorParameters: () => [{ type: i1.ErrorService }, { type: i2.CuraService }, { type: i2.LogService }, { type: i2.SeoService }, { type: i2.ServerResponseService }, { type: undefined, decorators: [{
|
package/esm2022/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.mjs
CHANGED
|
@@ -69,10 +69,10 @@ export class FilterLetterAndTermsComponent {
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
73
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.
|
|
72
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [{ token: i1.CuraService }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
73
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FilterLetterAndTermsComponent, isStandalone: true, selector: "rdsite-filter-letter-and-terms", inputs: { options: "options", baseUrl: "baseUrl", baseUrlAll: "baseUrlAll", enableScroll: "enableScroll", selectedOption: "selectedOption" }, outputs: { optionSelected: "optionSelected" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{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)}\n"] }); }
|
|
74
74
|
}
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
76
76
|
type: Component,
|
|
77
77
|
args: [{ selector: 'rdsite-filter-letter-and-terms', standalone: true, imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-letter-and-terms\">\r\n <a\r\n id=\"todas\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === ''\"\r\n [href]=\"baseUrlAll ? baseUrlAll : baseUrl ? baseUrl : '#'\"\r\n (click)=\"selectOption('', $event)\"\r\n >\r\n TODAS\r\n </a>\r\n\r\n @for (option of options; track option) {\r\n <a\r\n [id]=\"option\"\r\n rdsitelink\r\n class=\"filter-option\"\r\n [class.selected]=\"selectedOption === option\"\r\n [href]=\"baseUrl ? baseUrl + option.toLowerCase() : '#'\"\r\n (click)=\"selectOption(option, $event)\"\r\n >\r\n {{ option }}\r\n </a>\r\n }\r\n</div>\r\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;border-radius:4px;background-color:var(--neutral-pale);border:1px solid var(--neutral-light)}.filter-letter-and-terms .filter-option:hover{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)}\n"] }]
|
|
78
78
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: Document, decorators: [{
|
|
@@ -172,10 +172,10 @@ export class FilterGenericComponent {
|
|
|
172
172
|
isFilterDataEmpty(filterData) {
|
|
173
173
|
return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
|
|
174
174
|
}
|
|
175
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.
|
|
176
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-generic\" [ngClass]=\"{ 'container-style': withContainerStyle }\" aria-label=\"Filtros\">\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-heading>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n <div class=\"filter-header\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n {{ section.config.title || 'Filtre por' }}\r\n </cura-heading>\r\n </div>\r\n\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.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:after{content:\"\";display:block;width:100%;height:1px;margin-top:12px;background-color:var(--neutral-light);grid-column:1/-1}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios:after{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-top:6px;grid-column:1/-1}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.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,.filter-actions cura-button-transparent{flex:1}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterGenericComponent, deps: [{ token: i1.CuraService }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
176
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.11", type: FilterGenericComponent, isStandalone: true, selector: "rdsite-filter-generic", inputs: { withContainerStyle: "withContainerStyle", showClearButton: "showClearButton", showApplyButton: "showApplyButton", showCloseButton: "showCloseButton", disableButtonsWithoutSelection: "disableButtonsWithoutSelection", showBadge: "showBadge", showToggleIcon: "showToggleIcon", isFilterOpen: "isFilterOpen", mobileBehavior: "mobileBehavior", forceCollapsed: "forceCollapsed", emitOnReset: "emitOnReset", textTitle: "textTitle", sections: "sections" }, outputs: { filterChange: "filterChange", closeModal: "closeModal", openMobileFilter: "openMobileFilter" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-generic\" [ngClass]=\"{ 'container-style': withContainerStyle }\" aria-label=\"Filtros\">\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-heading>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n <div class=\"filter-header\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n {{ section.config.title || 'Filtre por' }}\r\n </cura-heading>\r\n </div>\r\n\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.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:after{content:\"\";display:block;width:100%;height:1px;margin-top:12px;background-color:var(--neutral-light);grid-column:1/-1}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios:after{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-top:6px;grid-column:1/-1}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.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,.filter-actions cura-button-transparent{flex:1}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
177
177
|
}
|
|
178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.
|
|
178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: FilterGenericComponent, decorators: [{
|
|
179
179
|
type: Component,
|
|
180
180
|
args: [{ selector: 'rdsite-filter-generic', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-generic\" [ngClass]=\"{ 'container-style': withContainerStyle }\" aria-label=\"Filtros\">\r\n <div class=\"filter-header-container\" [ngClass]=\"{ 'no-padding': !isFilterOpen, hidden: !isFilterOpen }\">\r\n <div class=\"filter-title-wrapper\">\r\n <cura-heading size=\"small\" level=\"4\" color=\"neutral-black\" weight=\"bold\" margin-block=\"0\" line-height=\"16px\">\r\n {{ textTitle }}\r\n </cura-heading>\r\n\r\n @if (showBadge) {\r\n <cura-badge-counter\r\n [type]=\"'solid'\"\r\n [color]=\"hasSelection() ? 'primary' : 'neutral'\"\r\n [number]=\"selectedFiltersCount\"\r\n class=\"filter-badge\"\r\n ></cura-badge-counter>\r\n }\r\n </div>\r\n\r\n @if (showToggleIcon) {\r\n <cura-button-transparent size=\"small\" font-color=\"dark\" color=\"primary\" text-align=\"center\" (click)=\"toggleFilter()\" [attr.aria-expanded]=\"isFilterOpen\">\r\n <cura-icon [name]=\"isFilterOpen ? 'up' : 'down'\" size=\"16\" class=\"filter-icon\" color=\"primary-dark\"></cura-icon>\r\n </cura-button-transparent>\r\n }\r\n </div>\r\n\r\n <div class=\"filter-content\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n @for (section of sections; track section.type) {\r\n @if (section.visible !== false) {\r\n <div class=\"filter-section\">\r\n @switch (section.type) {\r\n @case ('input') {\r\n <cura-input-text\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [name]=\"section.config.name || ''\"\r\n [iconName]=\"section.config.iconName || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (valueChange)=\"handleInputChange($event, section.config.control)\"\r\n ></cura-input-text>\r\n }\r\n @case ('select') {\r\n <cura-select\r\n [label]=\"section.config.label || ''\"\r\n [placeholder]=\"section.config.placeholder || ''\"\r\n [attr.value]=\"section.config.control.value\"\r\n (selected)=\"handleSelectChange($event, section.config.control)\"\r\n >\r\n @if (section.config.includeDefaultOption) {\r\n <cura-select-option [attr.value]=\"''\">{{ section.config.defaultOptionText || 'Fa\u00E7a a sua Sele\u00E7\u00E3o' }}</cura-select-option>\r\n }\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-select-option [attr.value]=\"option?.value\">{{ option?.label }}</cura-select-option>\r\n }\r\n </cura-select>\r\n }\r\n @case ('checkbox-group') {\r\n <div class=\"filter-header\">\r\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\r\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\r\n {{ section.config.title || 'Filtre por' }}\r\n </cura-heading>\r\n </div>\r\n\r\n @if (section.config.subtitle) {\r\n <div class=\"filter-subtitle\">\r\n <cura-heading size=\"xsmall\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\">\r\n {{ section.config.subtitle }}\r\n </cura-heading>\r\n </div>\r\n }\r\n\r\n @if (section.config.description) {\r\n <div class=\"filter-description\">\r\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\r\n {{ section.config.description }}\r\n </cura-paragraph>\r\n </div>\r\n }\r\n\r\n <div class=\"filter-checkboxes\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-checkbox\r\n color=\"primary\"\r\n size=\"small\"\r\n icon-color=\"light\"\r\n [attr.name]=\"option?.label\"\r\n [attr.label]=\"option?.label\"\r\n [attr.value]=\"option?.value\"\r\n [attr.checked]=\"option?.checked\"\r\n (onchange)=\"handleCheckboxChange($event, section.config.options)\"\r\n ></cura-checkbox>\r\n }\r\n </div>\r\n }\r\n @case ('radio-group') {\r\n <div class=\"filter-radios\">\r\n @for (option of section.config.options || []; track option?.value) {\r\n <cura-radio\r\n [name]=\"section.config.name || 'radio-group'\"\r\n [label]=\"option.label\"\r\n [value]=\"option.value\"\r\n [checked]=\"getRadioGroupValue(section.config.control) === option.value\"\r\n (onchange)=\"handleRadioChange($event, section.config.control)\"\r\n ></cura-radio>\r\n }\r\n </div>\r\n }\r\n @case ('custom') {\r\n <ng-container *ngTemplateOutlet=\"section.config.template\"></ng-container>\r\n }\r\n }\r\n </div>\r\n }\r\n }\r\n </div>\r\n\r\n <div class=\"filter-actions\" [class.hidden]=\"!isFilterOpen || (forceCollapsed && isMobile())\">\r\n <div class=\"main-actions\">\r\n @if (showClearButton) {\r\n <cura-button-transparent\r\n size=\"small\"\r\n font-color=\"dark\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n (click)=\"reset()\"\r\n >\r\n <span>Limpar todos os filtros</span>\r\n </cura-button-transparent>\r\n }\r\n\r\n @if (showApplyButton) {\r\n <cura-button\r\n size=\"medium\"\r\n font-color=\"light\"\r\n color=\"primary\"\r\n text-align=\"center\"\r\n (click)=\"filter()\"\r\n [disabled]=\"disableButtonsWithoutSelection && !hasSelection()\"\r\n class=\"filter-button\"\r\n >\r\n Filtrar\r\n </cura-button>\r\n }\r\n </div>\r\n\r\n @if (showCloseButton) {\r\n <div class=\"divider-strong\"></div>\r\n <div class=\"close-action-wrapper\">\r\n <div class=\"close-action\" (click)=\"close()\">\r\n <cura-icon name=\"close\" color=\"error-dark\" size=\"small\"></cura-icon>\r\n <cura-button-transparent size=\"\" type=\"button\" color=\"error\" target=\"_self\"> Fechar </cura-button-transparent>\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n", styles: [":host *{font-family:Gotham,Roboto,sans-serif}.filter-generic{display:flex;flex-direction:column;gap:18px}.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:after{content:\"\";display:block;width:100%;height:1px;margin-top:12px;background-color:var(--neutral-light);grid-column:1/-1}.filter-section .filter-radios{display:flex;flex-direction:column;gap:12px}.filter-section .filter-radios:after{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-top:6px;grid-column:1/-1}.filter-actions{display:flex;flex-direction:column;gap:0}.filter-actions .main-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}.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,.filter-actions cura-button-transparent{flex:1}@media screen and (max-width: 1024px){.filter-checkboxes:after{background-color:transparent}}\n"] }]
|
|
181
181
|
}], ctorParameters: () => [{ type: i1.CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|