@litigiovirtual/ius-design-components 1.0.291 → 1.0.293

package/lib/button-auth/button-auth.component.d.ts

@@ -5,6 +5,8 @@ export declare class ButtonAuthComponent {
     private sanitizer;
     disabled: boolean;
     textButton?: 'Google' | 'Microsoft' | 'LinkedIn';
+    prefixIcon: boolean;
+    sufixIcon: boolean;
     buttonClicked: EventEmitter<void>;
     colorDisabled: string;
     svg: SafeHtml;
@@ -18,5 +20,5 @@ export declare class ButtonAuthComponent {
     svgLinkedin: string;
     svgLinkedinDisabled: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonAuthComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonAuthComponent, "ius-button-auth", never, { "disabled": { "alias": "disabled"; "required": false; }; "textButton": { "alias": "textButton"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonAuthComponent, "ius-button-auth", never, { "disabled": { "alias": "disabled"; "required": false; }; "textButton": { "alias": "textButton"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
 }

package/lib/button-dynamic/button-dynamic.component.d.ts

@@ -9,6 +9,8 @@ export declare class ButtonDynamicComponent implements OnChanges, OnDestroy {
     disabled: boolean;
     loading: boolean;
     result: ButtonResult;
+    prefixIcon: boolean;
+    sufixIcon: boolean;
     autoReset: boolean;
     autoResetDelay: number;
     buttonClicked: EventEmitter<Event>;
@@ -23,6 +25,6 @@ export declare class ButtonDynamicComponent implements OnChanges, OnDestroy {
     onClick(event: Event): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDynamicComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonDynamicComponent, "ius-button-dynamic", never, { "labelDefault": { "alias": "labelDefault"; "required": false; }; "labelSuccess": { "alias": "labelSuccess"; "required": false; }; "labelError": { "alias": "labelError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "result": { "alias": "result"; "required": false; }; "autoReset": { "alias": "autoReset"; "required": false; }; "autoResetDelay": { "alias": "autoResetDelay"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonDynamicComponent, "ius-button-dynamic", never, { "labelDefault": { "alias": "labelDefault"; "required": false; }; "labelSuccess": { "alias": "labelSuccess"; "required": false; }; "labelError": { "alias": "labelError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "result": { "alias": "result"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; "autoReset": { "alias": "autoReset"; "required": false; }; "autoResetDelay": { "alias": "autoResetDelay"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, true, never>;
 }
 export {};

package/lib/button-standard-outline/button-standard-outline.component.d.ts

@@ -3,8 +3,10 @@ import * as i0 from "@angular/core";
 export declare class ButtonStandardOutlineComponent {
     disabled: boolean;
     iconName: string;
+    prefixIcon: boolean;
+    sufixIcon: boolean;
     buttonClicked: EventEmitter<Event>;
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonStandardOutlineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardOutlineComponent, "ius-button-standard-outline", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardOutlineComponent, "ius-button-standard-outline", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
 }

package/lib/button-standard-primary/button-standard-primary.component.d.ts

@@ -3,8 +3,10 @@ import * as i0 from "@angular/core";
 export declare class ButtonStandardPrimaryComponent {
     disabled: boolean;
     iconName: string;
+    prefixIcon: boolean;
+    sufixIcon: boolean;
     buttonClicked: EventEmitter<Event>;
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonStandardPrimaryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardPrimaryComponent, "ius-button-standard-primary", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardPrimaryComponent, "ius-button-standard-primary", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
 }

package/lib/button-standard-tertiary/button-standard-tertiary.component.d.ts

@@ -3,8 +3,10 @@ import * as i0 from "@angular/core";
 export declare class ButtonStandardTertiaryComponent {
     disabled: boolean;
     iconName: string;
+    prefixIcon: boolean;
+    sufixIcon: boolean;
     buttonClicked: EventEmitter<Event>;
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonStandardTertiaryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardTertiaryComponent, "ius-button-standard-tertiary", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardTertiaryComponent, "ius-button-standard-tertiary", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
 }

package/lib/button-standard-tertiary-small/button-standard-tertiary-small.component.d.ts

@@ -3,9 +3,10 @@ import * as i0 from "@angular/core";
 export declare class ButtonStandardTertiarySmallComponent {
     disabled: boolean;
     iconName: string;
-    iconNameRight: string;
+    prefixIcon: boolean;
+    sufixIcon: boolean;
     buttonClicked: EventEmitter<Event>;
     onClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonStandardTertiarySmallComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardTertiarySmallComponent, "ius-button-standard-tertiary-small", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconNameRight": { "alias": "iconNameRight"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonStandardTertiarySmallComponent, "ius-button-standard-tertiary-small", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "sufixIcon": { "alias": "sufixIcon"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
 }

package/lib/dropdown-option-item/dropdown-option-item.component.d.ts

@@ -5,9 +5,9 @@ export declare class DropdownOptionItemComponent {
     private router;
     iconName: string;
     route: string;
-    click: EventEmitter<void>;
+    optionClick: EventEmitter<void>;
     constructor(router: Router);
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownOptionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownOptionItemComponent, "ius-dropdown-option-item", never, { "iconName": { "alias": "iconName"; "required": false; }; "route": { "alias": "route"; "required": false; }; }, { "click": "click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownOptionItemComponent, "ius-dropdown-option-item", never, { "iconName": { "alias": "iconName"; "required": false; }; "route": { "alias": "route"; "required": false; }; }, { "optionClick": "optionClick"; }, never, ["*"], true, never>;
 }

package/lib/menu-item/menu-item.component.d.ts

@@ -4,8 +4,14 @@ export declare class MenuItemComponent {
     isActive: boolean;
     iconName: string;
     numberAlerts?: number;
+    iconColorActive: '#99CC33' | '#595959';
+    iconColorDefault: '#99CC33' | '#595959';
+    iconColorHovered: '#99CC33' | '#595959';
     buttonClicked: EventEmitter<void>;
+    isHovered: boolean;
+    isPressed: boolean;
+    get iconColor(): string;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "ius-menu-item", never, { "isActive": { "alias": "isActive"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "numberAlerts": { "alias": "numberAlerts"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "ius-menu-item", never, { "isActive": { "alias": "isActive"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "numberAlerts": { "alias": "numberAlerts"; "required": false; }; "iconColorActive": { "alias": "iconColorActive"; "required": false; }; "iconColorDefault": { "alias": "iconColorDefault"; "required": false; }; "iconColorHovered": { "alias": "iconColorHovered"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, ["*"], true, never>;
 }

package/lib/notification-card/notification-card.component.d.ts

@@ -1,30 +1,37 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class NotificationCardComponent {
+export declare class NotificationCardComponent implements OnChanges {
+    private eRef;
     date?: string;
     title?: string;
     body?: string;
     simple?: boolean;
     activity?: boolean;
-    process?: boolean;
+    confirmable?: boolean;
+    fechaActividad?: Date;
+    mostrarPosponer?: boolean;
+    mostrarEditar: boolean;
+    esNavegable: boolean;
+    mostrarAyuda: boolean;
     onAccept: EventEmitter<void>;
     onDone: EventEmitter<void>;
-    onPostpone15Min: EventEmitter<void>;
-    onPostpone30Min: EventEmitter<void>;
-    onPostpone1Hour: EventEmitter<void>;
-    onPostpone1Day: EventEmitter<void>;
-    onPostpone1Week: EventEmitter<void>;
+    onPostpone: EventEmitter<number>;
     onEditActivity: EventEmitter<void>;
+    onClickAlert: EventEmitter<void>;
     handlePostpone?: boolean;
+    presetsHabilitados: number[];
+    constructor(eRef: ElementRef);
+    onDocumentClick(event: Event): void;
+    private addMinutes;
+    puedePosponer(mins: number): boolean;
+    ngOnChanges(): void;
+    get hayAlgunPreset(): boolean;
+    onCardClick(): void;
     onClickAccept(): void;
     onClickDone(): void;
     onClickPostpone(): void;
-    onClickPostpone15Min(): void;
-    onClickPostpone30Min(): void;
-    onClickPostpone1Hour(): void;
-    onClickPostpone1Day(): void;
-    onClickPostpone1Week(): void;
+    seleccionarPosponer(minutos: number): void;
     onClickEditActivity(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationCardComponent, "ius-notification-card", never, { "date": { "alias": "date"; "required": false; }; "title": { "alias": "title"; "required": false; }; "body": { "alias": "body"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "activity": { "alias": "activity"; "required": false; }; "process": { "alias": "process"; "required": false; }; }, { "onAccept": "onAccept"; "onDone": "onDone"; "onPostpone15Min": "onPostpone15Min"; "onPostpone30Min": "onPostpone30Min"; "onPostpone1Hour": "onPostpone1Hour"; "onPostpone1Day": "onPostpone1Day"; "onPostpone1Week": "onPostpone1Week"; "onEditActivity": "onEditActivity"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationCardComponent, "ius-notification-card", never, { "date": { "alias": "date"; "required": false; }; "title": { "alias": "title"; "required": false; }; "body": { "alias": "body"; "required": false; }; "simple": { "alias": "simple"; "required": false; }; "activity": { "alias": "activity"; "required": false; }; "confirmable": { "alias": "confirmable"; "required": false; }; "fechaActividad": { "alias": "fechaActividad"; "required": false; }; "mostrarPosponer": { "alias": "mostrarPosponer"; "required": false; }; "mostrarEditar": { "alias": "mostrarEditar"; "required": false; }; "esNavegable": { "alias": "esNavegable"; "required": false; }; "mostrarAyuda": { "alias": "mostrarAyuda"; "required": false; }; }, { "onAccept": "onAccept"; "onDone": "onDone"; "onPostpone": "onPostpone"; "onEditActivity": "onEditActivity"; "onClickAlert": "onClickAlert"; }, never, never, true, never>;
 }

package/lib/notifications/notifications.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from '@angular/core';
-import { Alert } from "../toolbar/toolbar.component";
+import { EventEmitter, OnChanges } from '@angular/core';
+import { Alert } from '../toolbar/toolbar.component';
 import * as i0 from "@angular/core";
-export declare class NotificationsComponent {
+export declare class NotificationsComponent implements OnChanges {
     alerts: Alert[];
     titleDrawer: string;
     percentProgressBar: number;
@@ -9,11 +9,22 @@ export declare class NotificationsComponent {
     onPostponeAlert: EventEmitter<any>;
     onPressedBackEvent: EventEmitter<any>;
     onDrawerClosed: EventEmitter<void>;
+    onEditAlert: EventEmitter<Alert>;
+    onClickAlertEvent: EventEmitter<Alert>;
+    onDeleteAllAlerts: EventEmitter<void>;
     isVisible: boolean;
+    mostrarVacio: boolean;
+    private prevLength;
+    ngOnChanges(): void;
+    onListDone(): void;
+    trackByAlert(index: number, alert: Alert): any;
     close(): void;
     onAnimDone(event: any): void;
-    onPostpone(alert: Alert, time: string): void;
+    onPostpone(alert: Alert, minutos: number): void;
     onClickDone(alertaID: number): void;
+    onEdit(alert: Alert): void;
+    onClickCard(alert: Alert): void;
+    deleteAllAlerts(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsComponent, "ius-notifications", never, { "alerts": { "alias": "alerts"; "required": true; }; "titleDrawer": { "alias": "titleDrawer"; "required": false; }; "percentProgressBar": { "alias": "percentProgressBar"; "required": false; }; }, { "onDoneAlert": "onDoneAlert"; "onPostponeAlert": "onPostponeAlert"; "onPressedBackEvent": "onPressedBackEvent"; "onDrawerClosed": "onDrawerClosed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsComponent, "ius-notifications", never, { "alerts": { "alias": "alerts"; "required": true; }; "titleDrawer": { "alias": "titleDrawer"; "required": false; }; "percentProgressBar": { "alias": "percentProgressBar"; "required": false; }; }, { "onDoneAlert": "onDoneAlert"; "onPostponeAlert": "onPostponeAlert"; "onPressedBackEvent": "onPressedBackEvent"; "onDrawerClosed": "onDrawerClosed"; "onEditAlert": "onEditAlert"; "onClickAlertEvent": "onClickAlertEvent"; "onDeleteAllAlerts": "onDeleteAllAlerts"; }, never, never, true, never>;
 }

package/lib/toolbar/toolbar.component.d.ts

@@ -49,6 +49,10 @@ export interface Alert {
     tipoAlerta?: string;
     tipoAlertaValor?: string;
     isDone?: boolean;
+    aplicacionOrigen?: string;
+    referenciaOrigenId?: string;
+    tipoReferencia?: string;
+    mostrarPosponer?: boolean;
 }
 export declare class ToolbarComponent {
     private sanitizer;
@@ -87,6 +91,9 @@ export declare class ToolbarComponent {
     clickAgregarAccount: EventEmitter<any>;
     onDoneAlert: EventEmitter<any>;
     onPostponeAlert: EventEmitter<any>;
+    onEditAlert: EventEmitter<Alert>;
+    onClickAlertEvent: EventEmitter<Alert>;
+    onDeleteAllAlerts: EventEmitter<void>;
     onClickShowTickets: EventEmitter<any>;
     onClickAddTicket: EventEmitter<any>;
     buttonsAccion: ElementRef;
@@ -133,5 +140,5 @@ export declare class ToolbarComponent {
     svgFirmaString: string;
     svgCrmString: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "ius-toolbar", never, { "object": { "alias": "object"; "required": true; }; "pagina": { "alias": "pagina"; "required": false; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; }; "subscripcionDetalle": { "alias": "subscripcionDetalle"; "required": false; }; "detallesConsumo": { "alias": "detallesConsumo"; "required": false; }; "accountList": { "alias": "accountList"; "required": false; }; "alerts": { "alias": "alerts"; "required": false; }; "showUsuariosGrupos": { "alias": "showUsuariosGrupos"; "required": false; }; "showConfiguracionCuenta": { "alias": "showConfiguracionCuenta"; "required": false; }; "showPagosFacturacion": { "alias": "showPagosFacturacion"; "required": false; }; "showSubscripcionesServicios": { "alias": "showSubscripcionesServicios"; "required": false; }; "showReferir": { "alias": "showReferir"; "required": false; }; "closeForm": { "alias": "closeForm"; "required": false; }; }, { "clickOpenToolbarUserMenu": "clickOpenToolbarUserMenu"; "clickUsuariosRoles": "clickUsuariosRoles"; "clickConfiguracion": "clickConfiguracion"; "clickPagos": "clickPagos"; "clickSubsServicios": "clickSubsServicios"; "clickCambiarCuenta": "clickCambiarCuenta"; "clickCerrarSesion": "clickCerrarSesion"; "clickPerfilPreferencias": "clickPerfilPreferencias"; "clickReferir": "clickReferir"; "clickNotificaciones": "clickNotificaciones"; "clickServicioVigilancia": "clickServicioVigilancia"; "clickServicioCorreo": "clickServicioCorreo"; "clickServicioLocalizador": "clickServicioLocalizador"; "clickServicioFirma": "clickServicioFirma"; "clickServicioCRM": "clickServicioCRM"; "clickAccountSelected": "clickAccountSelected"; "clickAccountPredeterminada": "clickAccountPredeterminada"; "clickEditAccount": "clickEditAccount"; "clickUnlinkAccount": "clickUnlinkAccount"; "clickAgregarAccount": "clickAgregarAccount"; "onDoneAlert": "onDoneAlert"; "onPostponeAlert": "onPostponeAlert"; "onClickShowTickets": "onClickShowTickets"; "onClickAddTicket": "onClickAddTicket"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "ius-toolbar", never, { "object": { "alias": "object"; "required": true; }; "pagina": { "alias": "pagina"; "required": false; }; "notificationsCount": { "alias": "notificationsCount"; "required": false; }; "subscripcionDetalle": { "alias": "subscripcionDetalle"; "required": false; }; "detallesConsumo": { "alias": "detallesConsumo"; "required": false; }; "accountList": { "alias": "accountList"; "required": false; }; "alerts": { "alias": "alerts"; "required": false; }; "showUsuariosGrupos": { "alias": "showUsuariosGrupos"; "required": false; }; "showConfiguracionCuenta": { "alias": "showConfiguracionCuenta"; "required": false; }; "showPagosFacturacion": { "alias": "showPagosFacturacion"; "required": false; }; "showSubscripcionesServicios": { "alias": "showSubscripcionesServicios"; "required": false; }; "showReferir": { "alias": "showReferir"; "required": false; }; "closeForm": { "alias": "closeForm"; "required": false; }; }, { "clickOpenToolbarUserMenu": "clickOpenToolbarUserMenu"; "clickUsuariosRoles": "clickUsuariosRoles"; "clickConfiguracion": "clickConfiguracion"; "clickPagos": "clickPagos"; "clickSubsServicios": "clickSubsServicios"; "clickCambiarCuenta": "clickCambiarCuenta"; "clickCerrarSesion": "clickCerrarSesion"; "clickPerfilPreferencias": "clickPerfilPreferencias"; "clickReferir": "clickReferir"; "clickNotificaciones": "clickNotificaciones"; "clickServicioVigilancia": "clickServicioVigilancia"; "clickServicioCorreo": "clickServicioCorreo"; "clickServicioLocalizador": "clickServicioLocalizador"; "clickServicioFirma": "clickServicioFirma"; "clickServicioCRM": "clickServicioCRM"; "clickAccountSelected": "clickAccountSelected"; "clickAccountPredeterminada": "clickAccountPredeterminada"; "clickEditAccount": "clickEditAccount"; "clickUnlinkAccount": "clickUnlinkAccount"; "clickAgregarAccount": "clickAgregarAccount"; "onDoneAlert": "onDoneAlert"; "onPostponeAlert": "onPostponeAlert"; "onEditAlert": "onEditAlert"; "onClickAlertEvent": "onClickAlertEvent"; "onDeleteAllAlerts": "onDeleteAllAlerts"; "onClickShowTickets": "onClickShowTickets"; "onClickAddTicket": "onClickAddTicket"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litigiovirtual/ius-design-components",
-  "version": "1.0.291",
+  "version": "1.0.293",
   "peerDependencies": {
     "@angular/cdk": ">=17.0.0 <20.0.0",
     "@angular/common": ">=17.0.0 <20.0.0",