@progressio_resources/gravity-design-system 4.0.22 → 4.0.24

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progressio_resources/gravity-design-system",
   "description": "Gravity Design System",
-  "version": "4.0.22",
+  "version": "4.0.24",
   "license": "SEE LICENSE IN LIBRARY-LICENSE",
   "peerDependencies": {
     "@angular/common": "^21.1.4",

package/types/progressio_resources-gravity-design-system.d.ts

@@ -1016,7 +1016,7 @@ declare class GravityRadioButtonComponent {
 
 declare class GravityRadioCardComponent {
     layout: 'leading' | 'trailing';
-    state: 'active' | 'selected' | 'readonly';
+    state: 'active' | 'selected' | 'readonly' | 'error';
     size: 'sm' | 'md';
     width: 'fit-content' | 'full';
     avatar: {
@@ -1028,10 +1028,11 @@ declare class GravityRadioCardComponent {
     } | undefined;
     value: string;
     image: string;
+    supportText: string;
     onClick: EventEmitter<string>;
     onCardClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityRadioCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityRadioCardComponent, "gravity-radio-card", never, { "layout": { "alias": "layout"; "required": false; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "value": { "alias": "value"; "required": false; }; "image": { "alias": "image"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityRadioCardComponent, "gravity-radio-card", never, { "layout": { "alias": "layout"; "required": false; }; "state": { "alias": "state"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "value": { "alias": "value"; "required": false; }; "image": { "alias": "image"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
 }
 
 declare class GravityStatusIndicatorComponent implements OnChanges {
@@ -2072,7 +2073,7 @@ interface DatePickerConfig {
     initDate?: Date | Date[] | null;
 }
 interface DatePickerAppearance {
-    isMobile?: boolean;
+    size?: 'sm' | 'md';
     language?: 'es' | 'en';
     state?: 'active' | 'hidden' | 'disabled' | 'destroy';
 }
@@ -2100,44 +2101,40 @@ declare class GravityDatePickerComponent {
     showCo: any;
     get i18n(): {
         readonly apply: "Apply";
+        readonly clear: "Clear selection";
         readonly date_placeholder: "mm/dd/yyyy";
         readonly date_unavailable: "This date isn’t available. Please choose another one.";
         readonly end_after_start: "End date must be after the start date.";
-        readonly end_date: "End date";
+        readonly end_date: "Until";
         readonly invalid_date: "Invalid date";
         readonly next_month: "Next month";
         readonly next_year: "Next year";
         readonly next_years: "Next years";
+        readonly no_date_applied: "Selected dates pending application.";
         readonly preview_month: "Preview month";
         readonly preview_year: "Preview year";
         readonly preview_years: "Preview years";
-        readonly select_date: "Select a date";
-        readonly select_range: "Select a date range";
         readonly select_valid_date: "Select a valid date to continue your range.";
         readonly start_before_end: "Start date must be before the end date.";
-        readonly start_date: "Start date";
-        readonly clear: "Clear selection";
-        readonly no_date_applied: "Selected dates pending application.";
+        readonly start_date: "From";
     } | {
         readonly apply: "Aplicar";
         readonly clear: "Limpiar selección";
         readonly date_placeholder: "dd/mm/aaaa";
         readonly date_unavailable: "Esta fecha no está disponible. Por favor, elige otra.";
         readonly end_after_start: "La fecha final debe ser posterior a la fecha de inicio.";
-        readonly end_date: "Fecha final";
+        readonly end_date: "Hasta";
         readonly invalid_date: "Fecha inválida";
         readonly next_month: "Mes siguiente";
         readonly next_year: "Año siguiente";
         readonly next_years: "Años siguientes";
+        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
         readonly preview_month: "Mes anterior";
         readonly preview_year: "Año anterior";
         readonly preview_years: "Años anteriores";
-        readonly select_date: "Selecciona una fecha";
-        readonly select_range: "Selecciona un rango de fechas";
         readonly select_valid_date: "Selecciona una fecha válida para continuar con tu rango.";
         readonly start_before_end: "La fecha de inicio debe ser anterior a la final.";
-        readonly start_date: "Fecha inicial";
-        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
+        readonly start_date: "Desde";
     };
     set config(value: DatePickerConfig);
     get config(): DatePickerConfig;
@@ -2148,12 +2145,45 @@ declare class GravityDatePickerComponent {
     response: EventEmitter<DatePickerResponse>;
     handleClear(): void;
     handleResponse(value: Date[] | Date): void;
-    handleCloseButton(): void;
     applyOnClose(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDatePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GravityDatePickerComponent, "gravity-date-picker", never, { "cypressTag": { "alias": "cypressTag"; "required": false; }; "datePickerType": { "alias": "datePickerType"; "required": false; }; "config": { "alias": "config"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, { "clear": "clear"; "close": "close"; "response": "response"; }, never, never, true, never>;
 }
 
+interface SegmentedButton {
+    text: string;
+    icon?: string;
+    value: string;
+    disabled?: boolean;
+    cypressTag?: string;
+}
+declare class GravitySegmentedButtonComponent implements OnInit, AfterViewInit {
+    size: 'sm' | 'md';
+    buttons: SegmentedButton[];
+    disabled: boolean;
+    preselectedItem?: string;
+    selected: EventEmitter<string>;
+    buttonElements: QueryList<ElementRef<HTMLElement>>;
+    selectedValue: string;
+    sliderStyle: {
+        left: string;
+        width: string;
+    };
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onSelect(button: SegmentedButton): void;
+    getState(button: SegmentedButton): string;
+    updateSliderStyle(): void;
+    getSliderStyle(): {
+        left: string;
+        width: string;
+    };
+    setSelectedValue(value: string): void;
+    onResize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GravitySegmentedButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravitySegmentedButtonComponent, "gravity-segmented-button", never, { "size": { "alias": "size"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "preselectedItem": { "alias": "preselectedItem"; "required": false; }; }, { "selected": "selected"; }, never, never, true, never>;
+}
+
 declare function changeDate(offset: number, currentDate: Date, isMonth: boolean): Date;
 declare function isPeriodAvailable(currentDate: Date, limitDate: Date, period: 'month' | 'year', direction: 'prev' | 'next', startYearBlock?: number): boolean;
 declare function calendarDateToDate(cd: CalendarDate): Date;
@@ -2161,8 +2191,6 @@ declare function calendarDateToDate(cd: CalendarDate): Date;
 declare function isPreview(component: DayCalendarComponent, day: CalendarDate): boolean;
 declare function onHoverDay(component: DayCalendarComponent, day: CalendarDate): void;
 declare function onClearHover(component: DayCalendarComponent): void;
-declare function searchDate(component: DayCalendarComponent, dateStr: string, target: 'start' | 'end'): void;
-declare function onDateKeyup(component: DayCalendarComponent, event: KeyboardEvent, target: 'start' | 'end'): void;
 
 declare class DayCalendarComponent implements OnChanges {
     initYear: Date;
@@ -2179,17 +2207,16 @@ declare class DayCalendarComponent implements OnChanges {
     hoverDay: EventEmitter<CalendarDate>;
     selectedRage: EventEmitter<CalendarDate>;
     calendarResponse: EventEmitter<Date[] | Date>;
-    endDateField: GravityTextFieldComponent;
-    startDateField: GravityTextFieldComponent;
-    endDateError: string;
-    startDateError: string;
-    endFieldDisabled: boolean;
-    startFieldDisabled: boolean;
+    get dateSelectionOptions(): SegmentedButton[];
+    segmentedButton: GravitySegmentedButtonComponent;
+    private _focused;
+    get focused(): 'start' | 'end';
+    set focused(value: 'start' | 'end');
+    handleDateSelectionChange(value: string): void;
     selectedRangeEnd: CalendarDate | null;
     selectedRangeStart: CalendarDate | null;
     showYearCalendar: boolean;
     showMonthCalendar: boolean;
-    focused: 'start' | 'end';
     hoveredDay: CalendarDate | null;
     selectedDay: CalendarDate | null;
     notification: {
@@ -2198,44 +2225,40 @@ declare class DayCalendarComponent implements OnChanges {
     };
     get i18n(): {
         readonly apply: "Apply";
+        readonly clear: "Clear selection";
         readonly date_placeholder: "mm/dd/yyyy";
         readonly date_unavailable: "This date isn’t available. Please choose another one.";
         readonly end_after_start: "End date must be after the start date.";
-        readonly end_date: "End date";
+        readonly end_date: "Until";
         readonly invalid_date: "Invalid date";
         readonly next_month: "Next month";
         readonly next_year: "Next year";
         readonly next_years: "Next years";
+        readonly no_date_applied: "Selected dates pending application.";
         readonly preview_month: "Preview month";
         readonly preview_year: "Preview year";
         readonly preview_years: "Preview years";
-        readonly select_date: "Select a date";
-        readonly select_range: "Select a date range";
         readonly select_valid_date: "Select a valid date to continue your range.";
         readonly start_before_end: "Start date must be before the end date.";
-        readonly start_date: "Start date";
-        readonly clear: "Clear selection";
-        readonly no_date_applied: "Selected dates pending application.";
+        readonly start_date: "From";
     } | {
         readonly apply: "Aplicar";
         readonly clear: "Limpiar selección";
         readonly date_placeholder: "dd/mm/aaaa";
         readonly date_unavailable: "Esta fecha no está disponible. Por favor, elige otra.";
         readonly end_after_start: "La fecha final debe ser posterior a la fecha de inicio.";
-        readonly end_date: "Fecha final";
+        readonly end_date: "Hasta";
         readonly invalid_date: "Fecha inválida";
         readonly next_month: "Mes siguiente";
         readonly next_year: "Año siguiente";
         readonly next_years: "Años siguientes";
+        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
         readonly preview_month: "Mes anterior";
         readonly preview_year: "Año anterior";
         readonly preview_years: "Años anteriores";
-        readonly select_date: "Selecciona una fecha";
-        readonly select_range: "Selecciona un rango de fechas";
         readonly select_valid_date: "Selecciona una fecha válida para continuar con tu rango.";
         readonly start_before_end: "La fecha de inicio debe ser anterior a la final.";
-        readonly start_date: "Fecha inicial";
-        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
+        readonly start_date: "Desde";
     };
     get monthsList(): string[];
     get daysList(): string[];
@@ -2248,15 +2271,13 @@ declare class DayCalendarComponent implements OnChanges {
     private getSingleDaySelectionClass;
     onSelectDay(day: CalendarDate): void;
     applySelectedDate(): void;
-    clearSelectedDate(clearTarget: 'all' | 'start' | 'end'): void;
+    clearSelectedDate(clearTarget?: 'all' | 'start' | 'end'): void;
     handleCalendarResponse(date: Date | Date[], isMonth: boolean): void;
     handleOnClickDropdownLabel(isMonth: boolean): void;
     getMonthGrid(): CalendarDate[][];
     protected readonly changeDate: typeof changeDate;
     protected readonly isPreview: typeof isPreview;
-    protected readonly searchDate: typeof searchDate;
     protected readonly onHoverDay: typeof onHoverDay;
-    protected readonly onDateKeyup: typeof onDateKeyup;
     protected readonly onClearHover: typeof onClearHover;
     protected readonly isPeriodAvailable: typeof isPeriodAvailable;
     protected readonly calendarDateToDate: typeof calendarDateToDate;
@@ -2276,44 +2297,40 @@ declare class MonthCalendarComponent implements OnChanges {
     selectedMonth: CalendarPeriod;
     get i18n(): {
         readonly apply: "Apply";
+        readonly clear: "Clear selection";
         readonly date_placeholder: "mm/dd/yyyy";
         readonly date_unavailable: "This date isn’t available. Please choose another one.";
         readonly end_after_start: "End date must be after the start date.";
-        readonly end_date: "End date";
+        readonly end_date: "Until";
         readonly invalid_date: "Invalid date";
         readonly next_month: "Next month";
         readonly next_year: "Next year";
         readonly next_years: "Next years";
+        readonly no_date_applied: "Selected dates pending application.";
         readonly preview_month: "Preview month";
         readonly preview_year: "Preview year";
         readonly preview_years: "Preview years";
-        readonly select_date: "Select a date";
-        readonly select_range: "Select a date range";
         readonly select_valid_date: "Select a valid date to continue your range.";
         readonly start_before_end: "Start date must be before the end date.";
-        readonly start_date: "Start date";
-        readonly clear: "Clear selection";
-        readonly no_date_applied: "Selected dates pending application.";
+        readonly start_date: "From";
     } | {
         readonly apply: "Aplicar";
         readonly clear: "Limpiar selección";
         readonly date_placeholder: "dd/mm/aaaa";
         readonly date_unavailable: "Esta fecha no está disponible. Por favor, elige otra.";
         readonly end_after_start: "La fecha final debe ser posterior a la fecha de inicio.";
-        readonly end_date: "Fecha final";
+        readonly end_date: "Hasta";
         readonly invalid_date: "Fecha inválida";
         readonly next_month: "Mes siguiente";
         readonly next_year: "Año siguiente";
         readonly next_years: "Años siguientes";
+        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
         readonly preview_month: "Mes anterior";
         readonly preview_year: "Año anterior";
         readonly preview_years: "Años anteriores";
-        readonly select_date: "Selecciona una fecha";
-        readonly select_range: "Selecciona un rango de fechas";
         readonly select_valid_date: "Selecciona una fecha válida para continuar con tu rango.";
         readonly start_before_end: "La fecha de inicio debe ser anterior a la final.";
-        readonly start_date: "Fecha inicial";
-        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
+        readonly start_date: "Desde";
     };
     get monthsList(): string[];
     get monthsShortList(): string[];
@@ -2345,44 +2362,40 @@ declare class YearCalendarComponent implements OnChanges, OnInit {
     startYear: number;
     get i18n(): {
         readonly apply: "Apply";
+        readonly clear: "Clear selection";
         readonly date_placeholder: "mm/dd/yyyy";
         readonly date_unavailable: "This date isn’t available. Please choose another one.";
         readonly end_after_start: "End date must be after the start date.";
-        readonly end_date: "End date";
+        readonly end_date: "Until";
         readonly invalid_date: "Invalid date";
         readonly next_month: "Next month";
         readonly next_year: "Next year";
         readonly next_years: "Next years";
+        readonly no_date_applied: "Selected dates pending application.";
         readonly preview_month: "Preview month";
         readonly preview_year: "Preview year";
         readonly preview_years: "Preview years";
-        readonly select_date: "Select a date";
-        readonly select_range: "Select a date range";
         readonly select_valid_date: "Select a valid date to continue your range.";
         readonly start_before_end: "Start date must be before the end date.";
-        readonly start_date: "Start date";
-        readonly clear: "Clear selection";
-        readonly no_date_applied: "Selected dates pending application.";
+        readonly start_date: "From";
     } | {
         readonly apply: "Aplicar";
         readonly clear: "Limpiar selección";
         readonly date_placeholder: "dd/mm/aaaa";
         readonly date_unavailable: "Esta fecha no está disponible. Por favor, elige otra.";
         readonly end_after_start: "La fecha final debe ser posterior a la fecha de inicio.";
-        readonly end_date: "Fecha final";
+        readonly end_date: "Hasta";
         readonly invalid_date: "Fecha inválida";
         readonly next_month: "Mes siguiente";
         readonly next_year: "Año siguiente";
         readonly next_years: "Años siguientes";
+        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
         readonly preview_month: "Mes anterior";
         readonly preview_year: "Año anterior";
         readonly preview_years: "Años anteriores";
-        readonly select_date: "Selecciona una fecha";
-        readonly select_range: "Selecciona un rango de fechas";
         readonly select_valid_date: "Selecciona una fecha válida para continuar con tu rango.";
         readonly start_before_end: "La fecha de inicio debe ser anterior a la final.";
-        readonly start_date: "Fecha inicial";
-        readonly no_date_applied: "Fechas seleccionadas pendientes de aplicar.";
+        readonly start_date: "Desde";
     };
     trackByYear(_: number, year: number): string;
     ngOnInit(): void;
@@ -2399,38 +2412,6 @@ declare class YearCalendarComponent implements OnChanges, OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<YearCalendarComponent, "year-calendar", never, { "config": { "alias": "config"; "required": false; }; "initDate": { "alias": "initDate"; "required": false; }; "restart": { "alias": "restart"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "integratedMode": { "alias": "integratedMode"; "required": false; }; }, { "clearSelection": "clearSelection"; "response": "response"; }, never, never, true, never>;
 }
 
-interface SegmentedButton {
-    text: string;
-    icon?: string;
-    value: string;
-    cypressTag?: string;
-}
-declare class GravitySegmentedButtonComponent implements OnInit, AfterViewInit {
-    size: 'sm' | 'md';
-    buttons: SegmentedButton[];
-    disabled: boolean;
-    preselectedItem?: string;
-    selected: EventEmitter<string>;
-    buttonElements: QueryList<ElementRef<HTMLElement>>;
-    selectedValue: string;
-    sliderStyle: {
-        left: string;
-        width: string;
-    };
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    onSelect(button: SegmentedButton): void;
-    getState(button: SegmentedButton): string;
-    updateSliderStyle(): void;
-    getSliderStyle(): {
-        left: string;
-        width: string;
-    };
-    setSelectedValue(value: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GravitySegmentedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravitySegmentedButtonComponent, "gravity-segmented-button", never, { "size": { "alias": "size"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "preselectedItem": { "alias": "preselectedItem"; "required": false; }; }, { "selected": "selected"; }, never, never, true, never>;
-}
-
 declare class GravityCurrencyDisplayV2Component {
     cypressTag: string;
     disabled: boolean;