@rededor/site-front-end-lib 1.3.49 → 1.3.50

package/lib/components/filters/filter-generic/filter-generic.component.d.ts

@@ -1,31 +1,43 @@
-import { ChangeDetectorRef, EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
-import { CuraService } from '../../../services';
-import { FilterControlValue, FilterSection } from '../../../models/filters/filter-section.type';
 import { FilterEvent } from '../../../models/filters/filter-planos-convenios.model';
+import { FilterControlValue, FilterSection } from '../../../models/filters/filter-section.type';
+import { CuraCheckboxCustomEvent, CuraInputTextCustomEvent, CuraRadioCustomEvent, CuraSelectCustomEvent } from '@rededor/cura';
 import * as i0 from "@angular/core";
+export interface SelectSelectedEvent {
+    value: string;
+}
+export interface CheckboxChangeEvent {
+    value: string;
+    checked: boolean;
+    indeterminate: boolean;
+}
+export interface RadioChangeEvent {
+    value: string;
+    checked: boolean;
+}
 export declare class FilterGenericComponent implements OnInit {
-    private readonly curaService;
+    private readonly curaApiService;
     private readonly cdr;
     private readonly platformId;
-    filterChange: EventEmitter<FilterEvent<any>>;
-    closeModal: EventEmitter<boolean>;
-    openMobileFilter: EventEmitter<void>;
-    withContainerStyle: boolean;
-    showClearButton: boolean;
-    showApplyButton: boolean;
-    showCloseButton: boolean;
-    disableButtonsWithoutSelection: boolean;
-    showBadge: boolean;
-    showToggleIcon: boolean;
-    isFilterOpen: boolean;
-    mobileBehavior: boolean;
-    forceCollapsed: boolean;
-    emitOnReset: boolean;
-    textTitle: string;
-    sections: FilterSection[];
-    selectedFiltersCount: number;
-    windowWidth: number;
+    readonly filterChange: import("@angular/core").OutputEmitterRef<FilterEvent<any>>;
+    readonly closeModal: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly openMobileFilter: import("@angular/core").OutputEmitterRef<void>;
+    readonly withContainerStyle: import("@angular/core").InputSignal<boolean>;
+    readonly showClearButton: import("@angular/core").InputSignal<boolean>;
+    readonly showApplyButton: import("@angular/core").InputSignal<boolean>;
+    readonly showCloseButton: import("@angular/core").InputSignal<boolean>;
+    readonly disableButtons: import("@angular/core").InputSignal<boolean>;
+    readonly showBadge: import("@angular/core").InputSignal<boolean>;
+    readonly showToggleIcon: import("@angular/core").InputSignal<boolean>;
+    isFilterOpen: import("@angular/core").ModelSignal<boolean>;
+    readonly mobileBehavior: import("@angular/core").InputSignal<boolean>;
+    readonly forceCollapsed: import("@angular/core").InputSignal<boolean>;
+    readonly emitOnReset: import("@angular/core").InputSignal<boolean>;
+    readonly textTitle: import("@angular/core").InputSignal<string>;
+    readonly sections: import("@angular/core").InputSignal<FilterSection[]>;
+    readonly windowWidth: import("@angular/core").WritableSignal<number>;
+    selectedFiltersCount: import("@angular/core").Signal<number>;
     styleBinding: {
         '--font-family': string | null;
         '--neutral-opacity-black': string | null;
@@ -38,29 +50,27 @@ export declare class FilterGenericComponent implements OnInit {
         '--primary-base': string | null;
         '--primary-lighter': string | null;
     };
-    constructor(curaService: CuraService, cdr: ChangeDetectorRef, platformId: object);
     ngOnInit(): void;
-    handleInputChange(event: any, control: FormControl): void;
-    handleSelectChange(event: any, control: FormControl): void;
-    handleCheckboxChange(event: any, options: any[]): void;
-    handleRadioChange(event: any, control: FormControl): void;
+    handleInputChange(event: CuraInputTextCustomEvent<string | number>, control: FormControl): void;
+    handleSelectChange(event: CuraSelectCustomEvent<any>, control: FormControl): void;
+    handleCheckboxChange(event: CuraCheckboxCustomEvent<any>, options: any[]): void;
+    handleRadioChange(event: CuraRadioCustomEvent<any>, control: FormControl): void;
     filter(): void;
     reset(): void;
     close(): void;
     toggleFilter(): void;
     hasSelection(): boolean;
-    isMobile(): boolean;
+    readonly isMobile: import("@angular/core").Signal<boolean>;
     getRadioGroupValue(control?: FormControl<FilterControlValue>): any;
     hasScroll(section: FilterSection): boolean;
     getSectionClass(section: FilterSection): string;
     shouldHandleMobileClick(): boolean;
     handleMobileClick(): void;
     private emitFilterChange;
-    private updateSelectedFiltersCount;
     private resetAllControls;
     private updateCheckboxGroup;
     private buildFilterData;
     private isFilterDataEmpty;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterGenericComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterGenericComponent, "rdsite-filter-generic", never, { "withContainerStyle": { "alias": "withContainerStyle"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "disableButtonsWithoutSelection": { "alias": "disableButtonsWithoutSelection"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; }; "showToggleIcon": { "alias": "showToggleIcon"; "required": false; }; "isFilterOpen": { "alias": "isFilterOpen"; "required": false; }; "mobileBehavior": { "alias": "mobileBehavior"; "required": false; }; "forceCollapsed": { "alias": "forceCollapsed"; "required": false; }; "emitOnReset": { "alias": "emitOnReset"; "required": false; }; "textTitle": { "alias": "textTitle"; "required": false; }; "sections": { "alias": "sections"; "required": false; }; }, { "filterChange": "filterChange"; "closeModal": "closeModal"; "openMobileFilter": "openMobileFilter"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterGenericComponent, "rdsite-filter-generic", never, { "withContainerStyle": { "alias": "withContainerStyle"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "disableButtons": { "alias": "disableButtons"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "showToggleIcon": { "alias": "showToggleIcon"; "required": false; "isSignal": true; }; "isFilterOpen": { "alias": "isFilterOpen"; "required": false; "isSignal": true; }; "mobileBehavior": { "alias": "mobileBehavior"; "required": false; "isSignal": true; }; "forceCollapsed": { "alias": "forceCollapsed"; "required": false; "isSignal": true; }; "emitOnReset": { "alias": "emitOnReset"; "required": false; "isSignal": true; }; "textTitle": { "alias": "textTitle"; "required": false; "isSignal": true; }; "sections": { "alias": "sections"; "required": false; "isSignal": true; }; }, { "filterChange": "filterChange"; "closeModal": "closeModal"; "openMobileFilter": "openMobileFilter"; "isFilterOpen": "isFilterOpenChange"; }, never, never, true, never>;
 }

package/lib/models/filters/filter-sections.model.d.ts

@@ -38,6 +38,7 @@ export interface CustomFilterConfig {
     control?: any;
     context?: any;
     options?: FilterOption[];
+    count?: number;
 }
 export interface InputFilterSection extends FilterSectionBase<FilterType.INPUT, InputFilterConfig> {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/site-front-end-lib",
-  "version": "1.3.49",
+  "version": "1.3.50",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",

package/styles/_breakpoints.scss

@@ -1,5 +1,5 @@
-$breakpoint-xsmall: 361px !default;
-$breakpoint-small: 769px !default;
-$breakpoint-medium-large: 992px !default;
-$breakpoint-medium: 1024px !default;
-$breakpoint-large: 1366px !default;
+$breakpoint-xsmall: 361px !default;
+$breakpoint-small: 769px !default;
+$breakpoint-medium-large: 992px !default;
+$breakpoint-medium: 1024px !default;
+$breakpoint-large: 1366px !default;