@rededor/site-front-end-lib 1.3.9 → 1.3.10
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/filter-letter-and-terms/filter-letter-and-terms.component.mjs +6 -3
- package/esm2022/lib/components/filters/filter-generic/filter-generic.component.mjs +217 -0
- package/esm2022/lib/components/filters/filter-planos-convenios/filter-planos-convenios.component.mjs +3 -3
- package/esm2022/lib/components/index.mjs +2 -1
- package/esm2022/lib/enums/Filter.enum.mjs +9 -0
- package/esm2022/lib/enums/index.mjs +2 -1
- package/esm2022/lib/models/filters/filter-planos-convenios.model.mjs +1 -1
- package/esm2022/lib/models/filters/filter-section.type.mjs +2 -0
- package/esm2022/lib/models/filters/filter-sections.model.mjs +2 -0
- package/fesm2022/rededor-site-front-end-lib.mjs +227 -5
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/filter-letter-and-terms/filter-letter-and-terms.component.d.ts +3 -0
- package/lib/components/filters/filter-generic/filter-generic.component.d.ts +56 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/enums/Filter.enum.d.ts +7 -0
- package/lib/enums/index.d.ts +1 -0
- package/lib/models/filters/filter-planos-convenios.model.d.ts +11 -0
- package/lib/models/filters/filter-section.type.d.ts +12 -0
- package/lib/models/filters/filter-sections.model.d.ts +51 -0
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export var FilterType;
|
|
2
|
+
(function (FilterType) {
|
|
3
|
+
FilterType["INPUT"] = "input";
|
|
4
|
+
FilterType["SELECT"] = "select";
|
|
5
|
+
FilterType["CHECKBOX_GROUP"] = "checkbox-group";
|
|
6
|
+
FilterType["RADIO_GROUP"] = "radio-group";
|
|
7
|
+
FilterType["CUSTOM"] = "custom";
|
|
8
|
+
})(FilterType || (FilterType = {}));
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9lbnVtcy9GaWx0ZXIuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxVQU1YO0FBTkQsV0FBWSxVQUFVO0lBQ3BCLDZCQUFlLENBQUE7SUFDZiwrQkFBaUIsQ0FBQTtJQUNqQiwrQ0FBaUMsQ0FBQTtJQUNqQyx5Q0FBMkIsQ0FBQTtJQUMzQiwrQkFBaUIsQ0FBQTtBQUNuQixDQUFDLEVBTlcsVUFBVSxLQUFWLFVBQVUsUUFNckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBGaWx0ZXJUeXBlIHtcclxuICBJTlBVVCA9ICdpbnB1dCcsXHJcbiAgU0VMRUNUID0gJ3NlbGVjdCcsXHJcbiAgQ0hFQ0tCT1hfR1JPVVAgPSAnY2hlY2tib3gtZ3JvdXAnLFxyXG4gIFJBRElPX0dST1VQID0gJ3JhZGlvLWdyb3VwJyxcclxuICBDVVNUT00gPSAnY3VzdG9tJyxcclxufVxyXG4iXX0=
|
|
@@ -7,4 +7,5 @@ export * from './RdsiteModalDrawerComponentStyle.enum';
|
|
|
7
7
|
export * from './EnumThemes.enum';
|
|
8
8
|
export * from './EnumError.enum';
|
|
9
9
|
export * from './UnidadeCoverageType.enum';
|
|
10
|
-
|
|
10
|
+
export * from './Filter.enum';
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9lbnVtcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsa0JBQWtCLENBQUM7QUFDakMsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vRXN0YWRvcy5lbnVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9FbnVtRG9lbmNhVGF4b25vbXkuZW51bSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vSWNvbkN1cmFEZWZhdWx0VHlwZS5lbnVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9JbWFnZU1pbWVUeXBlLmVudW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL1Jkc2l0ZU1vZGFsQ29tcG9uZW50U3R5bGUuZW51bSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vUmRzaXRlTW9kYWxEcmF3ZXJDb21wb25lbnRTdHlsZS5lbnVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9FbnVtVGhlbWVzLmVudW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL0VudW1FcnJvci5lbnVtJztcclxuZXhwb3J0ICogZnJvbSAnLi9VbmlkYWRlQ292ZXJhZ2VUeXBlLmVudW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL0ZpbHRlci5lbnVtJztcclxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXBsYW5vcy1jb252ZW5pb3MubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9tb2RlbHMvZmlsdGVycy9maWx0ZXItcGxhbm9zLWNvbnZlbmlvcy5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBGaWx0ZXJQbGFub3NDb252ZW5pb3Mge1xyXG4gIGxhYmVsOiBzdHJpbmc7XHJcbiAgdmFsdWU6IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBGaWx0ZXJQbGFub3NDb252ZW5pb3NDb2JlcnR1cmEgZXh0ZW5kcyBGaWx0ZXJQbGFub3NDb252ZW5pb3Mge1xyXG4gIGNoZWNrZWQ6IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmlsdGVyUGxhbm9zQ29udmVuaW9zQ2hhbmdlIHtcclxuICB1bmlkYWRlOiBzdHJpbmcgfCBudW1iZXIgfCBudWxsO1xyXG4gIGVzdGFkbzogc3RyaW5nIHwgbnVtYmVyIHwgbnVsbDtcclxuICBjb2JlcnR1cmE6IEZpbHRlclBsYW5vc0NvbnZlbmlvc0NvYmVydHVyYVtdO1xyXG59XHJcblxyXG4vLyBJbnRlcmZhY2UgYmFzZSBwYXJhIG9ww6fDtWVzIGRlIGZpbHRyb1xyXG5leHBvcnQgaW50ZXJmYWNlIEZpbHRlck9wdGlvbiB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICB2YWx1ZTogc3RyaW5nIHwgbnVtYmVyO1xyXG4gIGNoZWNrZWQ/OiBib29sZWFuO1xyXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcclxufVxyXG5cclxuLy8gSW50ZXJmYWNlIGJhc2UgcGFyYSBzZcOnw7VlcyBkZSBmaWx0cm9cclxuZXhwb3J0IGludGVyZmFjZSBGaWx0ZXJTZWN0aW9uQmFzZTxUIGV4dGVuZHMgc3RyaW5nLCBDPiB7XHJcbiAgdHlwZTogVDtcclxuICBjb25maWc6IEM7XHJcbiAgdmlzaWJsZT86IGJvb2xlYW47XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXNlY3Rpb24udHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL21vZGVscy9maWx0ZXJzL2ZpbHRlci1zZWN0aW9uLnR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBJbnB1dEZpbHRlclNlY3Rpb24gfSBmcm9tICcuL2ZpbHRlci1zZWN0aW9ucy5tb2RlbCc7XHJcbmltcG9ydCB7IFNlbGVjdEZpbHRlclNlY3Rpb24gfSBmcm9tICcuL2ZpbHRlci1zZWN0aW9ucy5tb2RlbCc7XHJcbmltcG9ydCB7IENoZWNrYm94R3JvdXBGaWx0ZXJTZWN0aW9uIH0gZnJvbSAnLi9maWx0ZXItc2VjdGlvbnMubW9kZWwnO1xyXG5pbXBvcnQgeyBSYWRpb0dyb3VwRmlsdGVyU2VjdGlvbiB9IGZyb20gJy4vZmlsdGVyLXNlY3Rpb25zLm1vZGVsJztcclxuaW1wb3J0IHsgQ3VzdG9tRmlsdGVyU2VjdGlvbiB9IGZyb20gJy4vZmlsdGVyLXNlY3Rpb25zLm1vZGVsJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUmFkaW9Hcm91cFZhbHVlIHtcclxuICB2YWx1ZTogYW55O1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBGaWx0ZXJTZWN0aW9uID0gSW5wdXRGaWx0ZXJTZWN0aW9uIHwgU2VsZWN0RmlsdGVyU2VjdGlvbiB8IENoZWNrYm94R3JvdXBGaWx0ZXJTZWN0aW9uIHwgUmFkaW9Hcm91cEZpbHRlclNlY3Rpb24gfCBDdXN0b21GaWx0ZXJTZWN0aW9uO1xyXG5cclxuLy8gVGlwb3MgZGUgY29udHJvbGVzIHN1cG9ydGFkb3NcclxuZXhwb3J0IHR5cGUgRmlsdGVyQ29udHJvbCA9IEZvcm1Db250cm9sPEZpbHRlckNvbnRyb2xWYWx1ZT47XHJcblxyXG5leHBvcnQgdHlwZSBGaWx0ZXJDb250cm9sVmFsdWUgPSBzdHJpbmcgfCBudW1iZXIgfCBib29sZWFuIHwgYW55W10gfCBSYWRpb0dyb3VwVmFsdWUgfCBudWxsO1xyXG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLXNlY3Rpb25zLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2l0ZS1mcm9udC1lbmQtbGliL3NyYy9saWIvbW9kZWxzL2ZpbHRlcnMvZmlsdGVyLXNlY3Rpb25zLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRmlsdGVyT3B0aW9uLCBGaWx0ZXJTZWN0aW9uQmFzZSB9IGZyb20gJy4vZmlsdGVyLXBsYW5vcy1jb252ZW5pb3MubW9kZWwnO1xyXG5pbXBvcnQgeyBGaWx0ZXJDb250cm9sIH0gZnJvbSAnLi9maWx0ZXItc2VjdGlvbi50eXBlJztcclxuaW1wb3J0IHsgRmlsdGVyVHlwZSB9IGZyb20gJy4uLy4uL2VudW1zJztcclxuXHJcbi8vIElucHV0XHJcbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRGaWx0ZXJDb25maWcge1xyXG4gIG5hbWU6IHN0cmluZztcclxuICBwbGFjZWhvbGRlcj86IHN0cmluZztcclxuICBpY29uTmFtZT86IHN0cmluZztcclxuICBjb250cm9sOiBGaWx0ZXJDb250cm9sO1xyXG4gIG9wdGlvbnM/OiBGaWx0ZXJPcHRpb25bXTtcclxufVxyXG5cclxuLy8gU2VsZWN0XHJcbmV4cG9ydCBpbnRlcmZhY2UgU2VsZWN0RmlsdGVyQ29uZmlnIHtcclxuICBuYW1lOiBzdHJpbmc7XHJcbiAgbGFiZWw/OiBzdHJpbmc7XHJcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XHJcbiAgaW5jbHVkZURlZmF1bHRPcHRpb24/OiBib29sZWFuO1xyXG4gIGRlZmF1bHRPcHRpb25UZXh0Pzogc3RyaW5nO1xyXG4gIGNvbnRyb2w6IEZpbHRlckNvbnRyb2w7XHJcbiAgb3B0aW9ucz86IEZpbHRlck9wdGlvbltdO1xyXG59XHJcblxyXG4vLyBDaGVja2JveCBHcm91cFxyXG5leHBvcnQgaW50ZXJmYWNlIENoZWNrYm94R3JvdXBGaWx0ZXJDb25maWcge1xyXG4gIG5hbWU6IHN0cmluZztcclxuICB0aXRsZT86IHN0cmluZztcclxuICBzdWJ0aXRsZT86IHN0cmluZztcclxuICBkZXNjcmlwdGlvbj86IHN0cmluZztcclxuICBjb250cm9sOiBGb3JtQ29udHJvbDxhbnlbXT47XHJcbiAgb3B0aW9uczogRmlsdGVyT3B0aW9uW107XHJcbn1cclxuXHJcbi8vIFJhZGlvIEdyb3VwXHJcbmV4cG9ydCBpbnRlcmZhY2UgUmFkaW9Hcm91cEZpbHRlckNvbmZpZyB7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIHRpdGxlPzogc3RyaW5nO1xyXG4gIGNvbnRyb2w6IEZpbHRlckNvbnRyb2w7XHJcbiAgb3B0aW9uczogRmlsdGVyT3B0aW9uW107XHJcbn1cclxuXHJcbi8vIEN1c3RvbVxyXG5leHBvcnQgaW50ZXJmYWNlIEN1c3RvbUZpbHRlckNvbmZpZyB7XHJcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgY29udHJvbD86IGFueTtcclxuICBjb250ZXh0PzogYW55O1xyXG4gIG9wdGlvbnM/OiBGaWx0ZXJPcHRpb25bXTtcclxufVxyXG5cclxuLy8gSW50ZXJmYWNlcyBjb21wbGV0YXMgcG9yIHRpcG9cclxuZXhwb3J0IGludGVyZmFjZSBJbnB1dEZpbHRlclNlY3Rpb24gZXh0ZW5kcyBGaWx0ZXJTZWN0aW9uQmFzZTxGaWx0ZXJUeXBlLklOUFVULCBJbnB1dEZpbHRlckNvbmZpZz4ge31cclxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RGaWx0ZXJTZWN0aW9uIGV4dGVuZHMgRmlsdGVyU2VjdGlvbkJhc2U8RmlsdGVyVHlwZS5TRUxFQ1QsIFNlbGVjdEZpbHRlckNvbmZpZz4ge31cclxuZXhwb3J0IGludGVyZmFjZSBDaGVja2JveEdyb3VwRmlsdGVyU2VjdGlvbiBleHRlbmRzIEZpbHRlclNlY3Rpb25CYXNlPEZpbHRlclR5cGUuQ0hFQ0tCT1hfR1JPVVAsIENoZWNrYm94R3JvdXBGaWx0ZXJDb25maWc+IHt9XHJcbmV4cG9ydCBpbnRlcmZhY2UgUmFkaW9Hcm91cEZpbHRlclNlY3Rpb24gZXh0ZW5kcyBGaWx0ZXJTZWN0aW9uQmFzZTxGaWx0ZXJUeXBlLlJBRElPX0dST1VQLCBSYWRpb0dyb3VwRmlsdGVyQ29uZmlnPiB7fVxyXG5leHBvcnQgaW50ZXJmYWNlIEN1c3RvbUZpbHRlclNlY3Rpb24gZXh0ZW5kcyBGaWx0ZXJTZWN0aW9uQmFzZTxGaWx0ZXJUeXBlLkNVU1RPTSwgQ3VzdG9tRmlsdGVyQ29uZmlnPiB7fVxyXG4iXX0=
|
|
@@ -3785,6 +3785,15 @@ var UnidadeCoverageType;
|
|
|
3785
3785
|
UnidadeCoverageType["NONE"] = "Esta unidade n\u00E3o oferece cobertura ao seu plano ou conv\u00EAnio";
|
|
3786
3786
|
})(UnidadeCoverageType || (UnidadeCoverageType = {}));
|
|
3787
3787
|
|
|
3788
|
+
var FilterType;
|
|
3789
|
+
(function (FilterType) {
|
|
3790
|
+
FilterType["INPUT"] = "input";
|
|
3791
|
+
FilterType["SELECT"] = "select";
|
|
3792
|
+
FilterType["CHECKBOX_GROUP"] = "checkbox-group";
|
|
3793
|
+
FilterType["RADIO_GROUP"] = "radio-group";
|
|
3794
|
+
FilterType["CUSTOM"] = "custom";
|
|
3795
|
+
})(FilterType || (FilterType = {}));
|
|
3796
|
+
|
|
3788
3797
|
class ErrorService {
|
|
3789
3798
|
constructor() {
|
|
3790
3799
|
this.ctas = new BehaviorSubject({});
|
|
@@ -4023,6 +4032,216 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4023
4032
|
type: Input
|
|
4024
4033
|
}] } });
|
|
4025
4034
|
|
|
4035
|
+
class FilterGenericComponent {
|
|
4036
|
+
constructor(curaService, cdr, platformId) {
|
|
4037
|
+
this.curaService = curaService;
|
|
4038
|
+
this.cdr = cdr;
|
|
4039
|
+
this.platformId = platformId;
|
|
4040
|
+
this.filterChange = new EventEmitter();
|
|
4041
|
+
this.closeModal = new EventEmitter();
|
|
4042
|
+
this.openMobileFilter = new EventEmitter();
|
|
4043
|
+
this.withContainerStyle = true;
|
|
4044
|
+
this.showClearButton = true;
|
|
4045
|
+
this.showApplyButton = true;
|
|
4046
|
+
this.showCloseButton = false;
|
|
4047
|
+
this.disableButtonsWithoutSelection = false;
|
|
4048
|
+
this.showBadge = true;
|
|
4049
|
+
this.showToggleIcon = true;
|
|
4050
|
+
this.isFilterOpen = true;
|
|
4051
|
+
this.mobileBehavior = false;
|
|
4052
|
+
this.forceCollapsed = false;
|
|
4053
|
+
this.emitOnReset = false;
|
|
4054
|
+
this.textTitle = 'Filtrar por';
|
|
4055
|
+
this.sections = [];
|
|
4056
|
+
this.selectedFiltersCount = 0;
|
|
4057
|
+
this.windowWidth = 0;
|
|
4058
|
+
this.styleBinding = {
|
|
4059
|
+
'--neutral-darker': this.curaService.getColor('neutral-darker'),
|
|
4060
|
+
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
4061
|
+
'--neutral-lighter': this.curaService.getColor('neutral-lighter'),
|
|
4062
|
+
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
4063
|
+
};
|
|
4064
|
+
}
|
|
4065
|
+
ngOnInit() {
|
|
4066
|
+
if (isPlatformBrowser(this.platformId)) {
|
|
4067
|
+
this.windowWidth = window.innerWidth;
|
|
4068
|
+
}
|
|
4069
|
+
if (this.forceCollapsed && this.isMobile()) {
|
|
4070
|
+
this.isFilterOpen = false;
|
|
4071
|
+
}
|
|
4072
|
+
}
|
|
4073
|
+
handleInputChange(event, control) {
|
|
4074
|
+
control.setValue(event.detail);
|
|
4075
|
+
this.updateSelectedFiltersCount();
|
|
4076
|
+
}
|
|
4077
|
+
handleSelectChange(event, control) {
|
|
4078
|
+
if (event?.detail !== undefined) {
|
|
4079
|
+
control.setValue(event.detail);
|
|
4080
|
+
this.updateSelectedFiltersCount();
|
|
4081
|
+
}
|
|
4082
|
+
}
|
|
4083
|
+
handleCheckboxChange(event, options) {
|
|
4084
|
+
const changedOption = options.find((opt) => opt.value === event.detail.value);
|
|
4085
|
+
if (changedOption)
|
|
4086
|
+
changedOption.checked = event.detail.checked;
|
|
4087
|
+
this.updateCheckboxGroup(options);
|
|
4088
|
+
this.updateSelectedFiltersCount();
|
|
4089
|
+
}
|
|
4090
|
+
handleRadioChange(event, control) {
|
|
4091
|
+
const selectedValue = event.detail.value;
|
|
4092
|
+
control.setValue(control.value?.value === selectedValue ? null : { value: selectedValue });
|
|
4093
|
+
}
|
|
4094
|
+
filter() {
|
|
4095
|
+
this.emitFilterChange();
|
|
4096
|
+
if (this.mobileBehavior || this.showCloseButton)
|
|
4097
|
+
this.close();
|
|
4098
|
+
}
|
|
4099
|
+
reset() {
|
|
4100
|
+
this.resetAllControls();
|
|
4101
|
+
this.updateSelectedFiltersCount();
|
|
4102
|
+
if (this.emitOnReset) {
|
|
4103
|
+
this.emitFilterChange();
|
|
4104
|
+
this.close();
|
|
4105
|
+
}
|
|
4106
|
+
}
|
|
4107
|
+
close() {
|
|
4108
|
+
this.closeModal.emit(true);
|
|
4109
|
+
}
|
|
4110
|
+
toggleFilter() {
|
|
4111
|
+
if (this.mobileBehavior && this.isMobile()) {
|
|
4112
|
+
this.openMobileFilter.emit();
|
|
4113
|
+
}
|
|
4114
|
+
else {
|
|
4115
|
+
this.isFilterOpen = !this.isFilterOpen;
|
|
4116
|
+
}
|
|
4117
|
+
this.cdr.detectChanges();
|
|
4118
|
+
}
|
|
4119
|
+
hasSelection() {
|
|
4120
|
+
this.updateSelectedFiltersCount();
|
|
4121
|
+
return this.selectedFiltersCount > 0;
|
|
4122
|
+
}
|
|
4123
|
+
isMobile() {
|
|
4124
|
+
return this.windowWidth <= MediaQueries.smallBreakpoint;
|
|
4125
|
+
}
|
|
4126
|
+
getRadioGroupValue(control) {
|
|
4127
|
+
const value = control?.value;
|
|
4128
|
+
return value && typeof value === 'object' && 'value' in value ? value.value : null;
|
|
4129
|
+
}
|
|
4130
|
+
emitFilterChange() {
|
|
4131
|
+
const filterData = this.buildFilterData();
|
|
4132
|
+
const isEmpty = this.isFilterDataEmpty(filterData);
|
|
4133
|
+
this.filterChange.emit(this.emitOnReset || !isEmpty ? filterData : null);
|
|
4134
|
+
}
|
|
4135
|
+
updateSelectedFiltersCount() {
|
|
4136
|
+
this.selectedFiltersCount = this.sections.reduce((count, section) => {
|
|
4137
|
+
if (!section.config?.control)
|
|
4138
|
+
return count;
|
|
4139
|
+
const value = section.config.control.value;
|
|
4140
|
+
switch (section.type) {
|
|
4141
|
+
case 'checkbox-group':
|
|
4142
|
+
return count + (Array.isArray(value) ? value.filter((item) => item?.checked).length : 0);
|
|
4143
|
+
case 'radio-group':
|
|
4144
|
+
return count + (value?.value ? 1 : 0);
|
|
4145
|
+
default:
|
|
4146
|
+
return count + (value ? 1 : 0);
|
|
4147
|
+
}
|
|
4148
|
+
}, 0);
|
|
4149
|
+
}
|
|
4150
|
+
resetAllControls() {
|
|
4151
|
+
this.sections.forEach((section) => {
|
|
4152
|
+
if (!section.config?.control)
|
|
4153
|
+
return;
|
|
4154
|
+
if (section.type === 'checkbox-group') {
|
|
4155
|
+
const resetOptions = section.config.options.map((option) => ({ ...option, checked: false }));
|
|
4156
|
+
section.config.options = resetOptions;
|
|
4157
|
+
section.config.control.setValue(resetOptions, { emitEvent: false });
|
|
4158
|
+
}
|
|
4159
|
+
else {
|
|
4160
|
+
section.config.control.reset('', { emitEvent: false });
|
|
4161
|
+
}
|
|
4162
|
+
});
|
|
4163
|
+
}
|
|
4164
|
+
updateCheckboxGroup(options) {
|
|
4165
|
+
this.sections
|
|
4166
|
+
.filter((section) => section.type === 'checkbox-group')
|
|
4167
|
+
.forEach((section) => {
|
|
4168
|
+
section.config.options = [...options];
|
|
4169
|
+
section.config.control.setValue([...options]);
|
|
4170
|
+
});
|
|
4171
|
+
}
|
|
4172
|
+
buildFilterData() {
|
|
4173
|
+
const filterData = {
|
|
4174
|
+
unidade: '',
|
|
4175
|
+
estado: '',
|
|
4176
|
+
cobertura: [],
|
|
4177
|
+
};
|
|
4178
|
+
this.sections.forEach((section) => {
|
|
4179
|
+
if (!section.config?.control)
|
|
4180
|
+
return;
|
|
4181
|
+
const value = section.config.control.value;
|
|
4182
|
+
switch (section.type) {
|
|
4183
|
+
case 'input':
|
|
4184
|
+
filterData.unidade = value || '';
|
|
4185
|
+
break;
|
|
4186
|
+
case 'select':
|
|
4187
|
+
filterData.estado = value || '';
|
|
4188
|
+
break;
|
|
4189
|
+
case 'checkbox-group':
|
|
4190
|
+
filterData.cobertura = Array.isArray(value) ? value.filter((item) => item.checked) : [];
|
|
4191
|
+
break;
|
|
4192
|
+
}
|
|
4193
|
+
});
|
|
4194
|
+
return filterData;
|
|
4195
|
+
}
|
|
4196
|
+
isFilterDataEmpty(filterData) {
|
|
4197
|
+
return Object.values(filterData).every((val) => val === null || val === '' || (Array.isArray(val) && val.length === 0));
|
|
4198
|
+
}
|
|
4199
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, deps: [{ token: CuraService }, { token: i0.ChangeDetectorRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4200
|
+
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 }] }); }
|
|
4201
|
+
}
|
|
4202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterGenericComponent, decorators: [{
|
|
4203
|
+
type: Component,
|
|
4204
|
+
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"] }]
|
|
4205
|
+
}], ctorParameters: () => [{ type: CuraService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
4206
|
+
type: Inject,
|
|
4207
|
+
args: [PLATFORM_ID]
|
|
4208
|
+
}] }], propDecorators: { filterChange: [{
|
|
4209
|
+
type: Output
|
|
4210
|
+
}], closeModal: [{
|
|
4211
|
+
type: Output
|
|
4212
|
+
}], openMobileFilter: [{
|
|
4213
|
+
type: Output
|
|
4214
|
+
}], withContainerStyle: [{
|
|
4215
|
+
type: Input
|
|
4216
|
+
}], showClearButton: [{
|
|
4217
|
+
type: Input
|
|
4218
|
+
}], showApplyButton: [{
|
|
4219
|
+
type: Input
|
|
4220
|
+
}], showCloseButton: [{
|
|
4221
|
+
type: Input
|
|
4222
|
+
}], disableButtonsWithoutSelection: [{
|
|
4223
|
+
type: Input
|
|
4224
|
+
}], showBadge: [{
|
|
4225
|
+
type: Input
|
|
4226
|
+
}], showToggleIcon: [{
|
|
4227
|
+
type: Input
|
|
4228
|
+
}], isFilterOpen: [{
|
|
4229
|
+
type: Input
|
|
4230
|
+
}], mobileBehavior: [{
|
|
4231
|
+
type: Input
|
|
4232
|
+
}], forceCollapsed: [{
|
|
4233
|
+
type: Input
|
|
4234
|
+
}], emitOnReset: [{
|
|
4235
|
+
type: Input
|
|
4236
|
+
}], textTitle: [{
|
|
4237
|
+
type: Input
|
|
4238
|
+
}], sections: [{
|
|
4239
|
+
type: Input
|
|
4240
|
+
}], styleBinding: [{
|
|
4241
|
+
type: HostBinding,
|
|
4242
|
+
args: ['style']
|
|
4243
|
+
}] } });
|
|
4244
|
+
|
|
4026
4245
|
class FilterPlanosConveniosComponent {
|
|
4027
4246
|
constructor(curaService) {
|
|
4028
4247
|
this.curaService = curaService;
|
|
@@ -4113,11 +4332,11 @@ class FilterPlanosConveniosComponent {
|
|
|
4113
4332
|
this.coberturaControl.reset(this.coberturas);
|
|
4114
4333
|
}
|
|
4115
4334
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, deps: [{ token: CuraService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\
|
|
4335
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FilterPlanosConveniosComponent, isStandalone: true, selector: "rdsite-filter-planos-convenios", inputs: { withContainerStyle: "withContainerStyle", isLoading: "isLoading", emitOnChange: "emitOnChange", initialEstado: "initialEstado", estados: "estados", coberturas: "coberturas", unidadeControl: "unidadeControl", estadoControl: "estadoControl" }, outputs: { filterChange: "filterChange", closeModal: "closeModal" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n @if (!isLoading) {\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n icon-name=\"search\"\n autocomplete=\"off\"\n [attr.value]=\"unidadeControl.value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [attr.value]=\"estadoControl.value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n @for (estado of estados || []; track estado?.value) {\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas || []; track option?.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n icon-color=\"light\"\n [attr.name]=\"option?.label\"\n [attr.label]=\"option?.label\"\n [attr.value]=\"option?.value\"\n [attr.checked]=\"option?.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }] }); }
|
|
4117
4336
|
}
|
|
4118
4337
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterPlanosConveniosComponent, decorators: [{
|
|
4119
4338
|
type: Component,
|
|
4120
|
-
args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\
|
|
4339
|
+
args: [{ selector: 'rdsite-filter-planos-convenios', standalone: true, imports: [CommonModule, ReactiveFormsModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"filter-planos-convenios\" [ngClass]=\"{ 'container-style': withContainerStyle }\">\n @if (!isLoading) {\n <cura-heading size=\"small\" level=\"4\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Refine sua busca </cura-heading>\n\n <div class=\"filter-planos-convenios-unidade\">\n <cura-input-text\n placeholder=\"Nome da unidade\"\n name=\"unidade-input\"\n icon-name=\"search\"\n autocomplete=\"off\"\n [attr.value]=\"unidadeControl.value\"\n (valueChange)=\"inputTextChange($event)\"\n ></cura-input-text>\n </div>\n\n <div class=\"filter-planos-convenios-estado\">\n @if (estados) {\n <cura-select\n label=\"Selecione o estado\"\n placeholder=\"Fa\u00E7a a sua Sele\u00E7\u00E3o\"\n mode=\"default\"\n size=\"medium\"\n status=\"default\"\n [attr.value]=\"estadoControl.value\"\n (selected)=\"selectChange($event)\"\n >\n <cura-select-option [attr.value]=\"''\">Fa\u00E7a a sua Sele\u00E7\u00E3o</cura-select-option>\n\n @for (estado of estados || []; track estado?.value) {\n <cura-select-option [attr.value]=\"estado?.value\">{{ estado?.label }}</cura-select-option>\n }\n </cura-select>\n }\n </div>\n\n <div class=\"filter-planos-convenios-cobertura\">\n <cura-icon name=\"filter\" size=\"20\" color=\"info-dark\"></cura-icon>\n <cura-heading size=\"xsmall\" level=\"5\" weight=\"bold\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\">\n Filtre pela cobertura do seu plano\n </cura-heading>\n </div>\n\n <div class=\"filter-planos-convenios-content\">\n <cura-heading size=\"xsmall\" level=\"5\" color=\"neutral-black\" margin-block=\"0\" line-height=\"16px\"> Tipos de cobertura </cura-heading>\n <cura-paragraph size=\"xsmall\" color=\"neutral-dark\" margin-block=\"0\">\n Voc\u00EA pode selecionar uma ou mais portas de entrada, de acordo com a cobertura do seu plano.\n </cura-paragraph>\n </div>\n\n <div class=\"filter-planos-convenios-checkboxes\">\n @for (option of coberturas || []; track option?.value) {\n <cura-checkbox\n color=\"primary\"\n size=\"small\"\n icon-color=\"light\"\n [attr.name]=\"option?.label\"\n [attr.label]=\"option?.label\"\n [attr.value]=\"option?.value\"\n [attr.checked]=\"option?.checked\"\n (onchange)=\"checkboxChange($event)\"\n >\n </cura-checkbox>\n }\n </div>\n\n <div class=\"filter-planos-convenios-buttons\">\n <cura-button-transparent size=\"small\" color=\"primary\" font-color=\"dark\" text-align=\"center\" (click)=\"reset()\">\n <span> Limpar todos os filtros </span>\n </cura-button-transparent>\n\n <cura-button size=\"medium\" color=\"primary\" font-color=\"light\" background=\"light\" text-align=\"center\" (click)=\"filter()\"> Filtrar </cura-button>\n </div>\n } @else {\n <cura-loader-circle color=\"primary\" size=\"small\"> </cura-loader-circle>\n }\n</div>\n", styles: [".filter-planos-convenios{display:flex;flex-direction:column;gap:23px}.filter-planos-convenios.container-style{width:100%;padding:20px;border-radius:4px;border:1px solid var(--neutral-lighter, #e2e2e2);background-color:var(--neutral-purewhite, #ffffff)}.filter-planos-convenios-cobertura{color:var(--neutral-darker);display:flex;align-items:center;gap:14px}.filter-planos-convenios-content{display:flex;flex-direction:column;gap:10px}.filter-planos-convenios-content:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:13px}.filter-planos-convenios-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:11px 0px}.filter-planos-convenios-checkboxes:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--neutral-light);margin-top:12px;grid-column:1/-1}.filter-planos-convenios-buttons{display:flex;gap:10px;justify-content:space-between}.filter-planos-convenios-buttons cura-button-transparent{display:flex;flex:1 0 0;max-width:170px}.filter-planos-convenios-buttons cura-button-transparent span{line-height:13px;letter-spacing:.72px;text-align:left}.filter-planos-convenios-buttons cura-button{display:flex;flex:0 0 100px}cura-loader-circle{display:flex;justify-content:center;align-items:center;width:100%;min-height:100px}\n"] }]
|
|
4121
4340
|
}], ctorParameters: () => [{ type: CuraService }], propDecorators: { filterChange: [{
|
|
4122
4341
|
type: Output
|
|
4123
4342
|
}], closeModal: [{
|
|
@@ -4159,6 +4378,9 @@ class FilterLetterAndTermsComponent {
|
|
|
4159
4378
|
return {
|
|
4160
4379
|
'--font-family': this.curaService.getFontFamily(''),
|
|
4161
4380
|
'--neutral-purewhite': this.curaService.getColor('neutral-purewhite'),
|
|
4381
|
+
'--neutral-pale': this.curaService.getColor('neutral-pale'),
|
|
4382
|
+
'--neutral-light': this.curaService.getColor('neutral-light'),
|
|
4383
|
+
'--neutral-dark': this.curaService.getColor('neutral-dark'),
|
|
4162
4384
|
'--neutral-black': this.curaService.getColor('neutral-black'),
|
|
4163
4385
|
'--color-one-light': this.curaService.getColor('primary-light'),
|
|
4164
4386
|
'--color-one-base': this.curaService.getColor('primary-base'),
|
|
@@ -4203,11 +4425,11 @@ class FilterLetterAndTermsComponent {
|
|
|
4203
4425
|
}
|
|
4204
4426
|
}
|
|
4205
4427
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, deps: [{ token: CuraService }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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 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-
|
|
4428
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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 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);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }); }
|
|
4207
4429
|
}
|
|
4208
4430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FilterLetterAndTermsComponent, decorators: [{
|
|
4209
4431
|
type: Component,
|
|
4210
|
-
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 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-
|
|
4432
|
+
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 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);transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear}.filter-letter-and-terms .filter-option:hover{background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option:focus{outline:2px solid var(--color-one-light)}.filter-letter-and-terms .filter-option.selected{color:var(--neutral-purewhite);background-color:var(--color-one-base)}.filter-letter-and-terms .filter-option.selected:hover{background-color:var(--color-one-dark)}\n"] }]
|
|
4211
4433
|
}], ctorParameters: () => [{ type: CuraService }, { type: Document, decorators: [{
|
|
4212
4434
|
type: Inject,
|
|
4213
4435
|
args: [DOCUMENT]
|
|
@@ -4811,5 +5033,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
4811
5033
|
* Generated bundle index. Do not edit.
|
|
4812
5034
|
*/
|
|
4813
5035
|
|
|
4814
|
-
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaDropdownComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorInterceptor, ErrorService, Errors, Estados, ExpandableCardComponent, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FooterComponent, GeolocService, GeolocationPermissions, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogInterceptor, LogService, MapBoxService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PaginationComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, TestimonialCardComponent, TestimonialsCarouselComponent, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, YoutubeService, formatPhone, getCircularReplacer, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
5036
|
+
export { AbstractModalComponent, AbstractModalDrawerComponent, AlgoliaDropdownComponent, AlgoliaSearchApiService, AlgoliaService, BreadcrumbsComponent, CardUnidadePlanosConveniosComponent, ContentBannerComponent, CtaWrapperComponent, CuraService, EnumDoencaTaxonomy, EnumDoencaTaxonomyCat, ErrorComponent, ErrorInterceptor, ErrorService, Errors, Estados, ExpandableCardComponent, FilterGenericComponent, FilterLetterAndTermsComponent, FilterPlanosConveniosComponent, FilterType, FooterComponent, GeolocService, GeolocationPermissions, HeaderActionMenuComponent, HeaderAuxMenuComponent, HeaderAuxMenuContainerComponent, HeaderAuxMenuItemComponent, HeaderAuxMenuItemDropdownComponent, HeaderComponent, HeaderLogoComponent, HeaderMainMenuComponent, HeaderMainMenuItemComponent, HeaderMainMenuItemDropdownComponent, HeaderService, HeaderSideMenuComponent, HeaderSideMenuItemComponent, HttpClientService, IconCuraDefaultType, ImageComponent, ImageMimeType, LIB_CONFIG, LoadScreenComponent, LogInterceptor, LogService, MapBoxService, ModalDrawerService, ModalService, NguCarouselService, OverlayComponent, PageHeaderComponent, PageTemplateSidebarComponent, PaginationComponent, PhonePipe, PhoneService, PrivacyToolsService, REQUEST, RESPONSE, RdsiteClickOutsideDirective, RdsiteLinkDirective, RdsiteModalComponentStyle, RdsiteModalDrawerComponentStyle, RdsitePhoneModalDirective, SSR_CURA_API, SearchComponent, SectionNavigationComponent, SeoService, ServerResponseService, SideCtasBottomComponent, SideCtasComponent, SideCtasRightBottomComponent, SideCtasRightMiddleComponent, SideCtasRightTopComponent, SiteBackendService, SsrLoadingService, TestimonialCardComponent, TestimonialsCarouselComponent, Themes, TransferStateService, UnidadeCoverageType, WhatsappComponent, YoutubeService, formatPhone, getCircularReplacer, getSiteUrl, removeDuplicateObjectsFromArray, removeDuplicateValuesFromArray, removeHtmlTags, toQueryParams };
|
|
4815
5037
|
//# sourceMappingURL=rededor-site-front-end-lib.mjs.map
|