fix: elimina los ultimos errores de estrictez y normaliza a LF

libs/ui/src/lib/ui/carousel/carousel/carousel.component.ts

@@ -151,8 +151,8 @@ export class PiCarouselComponent
     return this._currentItemIndex;
   }
 
-  itemsPerPage: number;
+  itemsPerPage!: number;
-  pages: Array<number>;
+  pages!: Array<number>;
 
   // Drag variables
   isDragging = false;
@@ -160,13 +160,13 @@ export class PiCarouselComponent
   dragInitPosition = 0;
   dragFinalPosition = 0;
 
-  private mousedownListener: () => void;
+  private mousedownListener!: () => void;
-  private mouseupListener: () => void;
+  private mouseupListener!: () => void;
-  private mousemoveListener: () => void;
+  private mousemoveListener!: () => void;
 
-  private touchstartListener: () => void;
+  private touchstartListener!: () => void;
-  private touchmoveListener: () => void;
+  private touchmoveListener!: () => void;
-  private touchendListener: () => void;
+  private touchendListener!: () => void;
 
   constructor(
     private cdr: ChangeDetectorRef,

libs/ui/src/lib/ui/chart/chart/chart.component.ts

@@ -55,7 +55,7 @@ export class PiChartComponent implements OnInit, AfterViewInit {
   readonly xAxisMarks = input<Array<string>>();
   readonly isComparativeChart = input<boolean>(true);
 
-  private _hoveredDatasetIndex: number;
+  private _hoveredDatasetIndex!: number;
   set hoveredDatasetIndex(index: number) {
     this._hoveredDatasetIndex = index;
   }
@@ -65,7 +65,7 @@ export class PiChartComponent implements OnInit, AfterViewInit {
 
   readonly chartRef = viewChild.required('chart', { read: (ElementRef<HTMLCanvasElement>) });
 
-  chart: Chart;
+  chart!: Chart;
 
   constructor(
     private translate: TranslateService,
@@ -144,10 +144,9 @@ export class PiChartComponent implements OnInit, AfterViewInit {
                 return context.dataset.borderColor as string;
               },
               label: function (context) {
+                const datasetLabel = context.dataset.label ?? '';
                 const chartLabel =
-                  context.dataset.label.length > 12
+                  datasetLabel.length > 12 ? datasetLabel.slice(0, 12) + '...' : datasetLabel;
-                    ? context.dataset.label.slice(0, 12) + '...'
-                    : context.dataset.label;
                 let label: string;
                 if ((context.dataset as any).unitPosition === 'before') {
                   label =

libs/ui/src/lib/ui/chip/chip-date/chip-date.component.ts

@@ -69,7 +69,7 @@ export class PiChipDateComponent extends PiBaseChipComponent {
     return {
       day: dateObj.day.toString() || '',
       month: dateObj.monthShort || '',
-      weekDay: isDateToday ? _.capitalize(dateObj.toRelativeCalendar()) : _.capitalize(dateObj.weekdayShort  || ''),
+      weekDay: isDateToday ? _.capitalize(dateObj.toRelativeCalendar() ?? '') : _.capitalize(dateObj.weekdayShort  || ''),
     };
   }
 }

libs/ui/src/lib/ui/data-grid/data-grid/data-grid.component.ts

@@ -134,7 +134,7 @@ export class PiDataGridComponent<T> {
    *  - When de data data direction === COLUMN, 1 column emulates a row.
    *
    */
-  protected get columnsClass(): string {
+  protected get columnsClass() {
     const columns = this.columns();
     return columns && `pi-data-grid__columns--${columns}`;
   }
@@ -202,7 +202,7 @@ export class PiDataGridComponent<T> {
    *      with the cardType in order to generate grid template area to implement a specific design.
    *
    */
-  protected get modeClass(): string {
+  protected get modeClass() {
     const mode = this.mode();
     return mode && `pi-data-grid__mode--${mode}`;
   }
@@ -214,7 +214,7 @@ export class PiDataGridComponent<T> {
    *  - When de data data direction === COLUMN, 1 row emulates a column.
    *
    */
-  protected get rowsClass(): string {
+  protected get rowsClass() {
     const rows = this.rows();
     return rows && `pi-data-grid__rows--${rows}`;
   }

libs/ui/src/lib/ui/data-table/base-data-table/base-data-table.component.ts

@@ -42,7 +42,7 @@ export class PiBaseDataTableComponent implements OnInit {
     return `pi-base-data-table__data-direction--${this.dataDirection()}`;
   }
 
-  get typeClass(): string | void {
+  get typeClass() {
     return this.type() === 'header' && 'pi-base-data-table__type--header';
   }
 
@@ -52,7 +52,7 @@ export class PiBaseDataTableComponent implements OnInit {
       .pipe(take(1))
       .subscribe((deviceType: string) => {
         if (deviceType !== 'DESKTOP' && this.hideValues()) {
-          delete this.items()[0].values;
+          delete this.items()?.[0]?.values;
         }
       });
   }

libs/ui/src/lib/ui/data-table/data-table-item/data-table-item.component.ts

@@ -50,7 +50,7 @@ export class PiDataTableItemComponent implements AfterViewInit {
 
   setCellClassByIndex(): void {
     this.values()?.forEach((item: string, index: number) => {
-      this.componentItem().nativeElement.children[index].classList.add(`pi-cell__${index}`);
+      this.componentItem()?.nativeElement.children[index].classList.add(`pi-cell__${index}`);
     });
   }
 

libs/ui/src/lib/ui/data-table/entities/data-table-item.model.ts

@@ -2,5 +2,6 @@ export interface DataTableItem {
   heading: string;
   key?: string;
   position?: number;
-  values: Array<string>;
+  // opcional: base-data-table lo borra en pantallas pequeñas
+  values?: Array<string>;
 }

libs/ui/src/lib/ui/form-field/incremental-number-field/incremental-number-field.component.ts

@@ -79,7 +79,7 @@ export class PiIncrementalNumberFieldComponent extends PiBaseFormFieldComponent
   }
 
   isIncrementButtonDisabled(): boolean {
-    return this.disabled || this.control.value + this.slot() > this.max();
+    return this.disabled || this.control.value + this.slot() > (this.max() ?? Infinity);
   }
 
   isDecrementButtonDisabled(): boolean {

libs/ui/src/lib/ui/modal/modal/modal.component.ts

@@ -42,8 +42,8 @@ export class PiModalComponent {
     return ['pi-modal', typeClass, disableCloseClass].join(' ');
   }
 
-  styleType: ModalStyleType;
+  styleType!: ModalStyleType;
-  buttonColor: ModalStyleType;
+  buttonColor!: ModalStyleType;
 
   title: string | undefined;
   subtitle: string | undefined;

libs/ui/src/lib/ui/note/note/note.component.ts

@@ -97,7 +97,7 @@ export class PiNoteComponent implements OnInit {
   readonly appearance = input<'fill' | 'ghost'>('fill');
   readonly type = input<'status' | 'simple'>('status');
 
-  noteStatus!: NoteStatus;
+  noteStatus?: NoteStatus;
 
   constructor(private noteDataService: NoteDataService) {}
 

libs/ui/src/lib/ui/notification/snack-bar/snack-bar.component.ts

@@ -48,7 +48,7 @@ export class PiSnackBarComponent {
   buttonColor!: styleType;
 
   /** The instance of the component making up the content of the snack bar. */
-  private readonly snackBarRef: MatSnackBarRef<PiSnackBarComponent>;
+  private readonly snackBarRef!: MatSnackBarRef<PiSnackBarComponent>;
 
   constructor(@Optional() @Inject(MAT_SNACK_BAR_DATA) public data: any) {
     if (data) {

libs/ui/src/lib/ui/panel/base-panel.component.ts

@@ -98,7 +98,7 @@ export abstract class PiBasePanelComponent implements OnInit {
     return paddingValue ? `pi-panel__padding--${paddingValue}` : '';
   }
 
-  protected get gridClass(): string | false {
+  protected get gridClass() {
     const grid = this.grid();
     return grid && `pi-panel__grid--${grid}`;
   }

libs/ui/src/lib/ui/select/base-select.component.ts

@@ -300,7 +300,7 @@ export class PiBaseSelectComponent extends PiFormControl {
    *
    * color depending on the user profile.
    */
-  protected get colorClass(): string | undefined {
+  protected get colorClass() {
     const color = this.color();
     return this.menuType() !== 'custom-grid' && color && `pi-color__${color}`;
   }
@@ -347,7 +347,7 @@ export class PiBaseSelectComponent extends PiFormControl {
    * B) the Picked Option Type === Button
    *    it means that the picked option emulate a Button.
    */
-  protected get pickedOptionTypeClass(): string | undefined {
+  protected get pickedOptionTypeClass() {
     const pickedOptionType = this.pickedOptionType();
     return (
       this.type() === 'dropdown' &&

libs/ui/src/lib/ui/tab/tab/tab.component.ts

@@ -68,7 +68,7 @@ export class PiTabComponent implements AfterViewChecked, OnDestroy {
 
   readonly tabWrapperElementRef = viewChild.required('tabWrapper', { read: ElementRef });
 
-  currentContent: number;
+  currentContent!: number;
   currentTabElement: number = 0;
 
   isTabWrapperScrolledToStart: boolean = true;

libs/ui/src/lib/ui/text/text-viewer-link/text-viewer-link.component.ts

@@ -47,7 +47,7 @@ export class PiTextViewerLinkComponent extends PiBaseTextViewerComponent {
   override readonly justify = input<justify>('flex-start');
   readonly display = input<display>('flex');
 
-  template: 'link' | 'route' | 'onClick';
+  template!: 'link' | 'route' | 'onClick';
 
   getTemplate(): 'link' | 'route' | 'onClick' {
     if (this.route()) {

libs/ui/src/lib/ui/tooltip/tooltip.directive.ts

@@ -21,9 +21,9 @@ export class PiTooltipDirective implements OnInit, OnDestroy {
   readonly tooltipColor = input<'white' | 'grey' | 'dark'>('white');
   readonly tooltipPosition = input<TooltipPosition>('right');
 
-  private mouseoverListener: () => void;
+  private mouseoverListener!: () => void;
-  private mouseoutListener: () => void;
+  private mouseoutListener!: () => void;
-  private clickListener: () => void;
+  private clickListener!: () => void;
 
   constructor(private tooltip: MatTooltip, private el: ElementRef, private renderer: Renderer2) {}
 

libs/ui/src/lib/util/common/common.ts

@@ -49,7 +49,7 @@ export class Commons {
 
   static downloadPDF(url: string, name: string, target?: string): void {
     const targetLink = target || '_self';
-    let link = document.createElement('a');
+    let link: HTMLAnchorElement | null = document.createElement('a');
     link.href = url;
     link.download = name;
     link.target = targetLink;
@@ -101,7 +101,7 @@ export class Commons {
     minValue: number,
     maxValue: number,
     unit: string,
-    defaultLocale?: string
+    defaultLocale = ''
   ): string {
     if (!!minValue && !!maxValue) {
       return `${minValue}${unit} - ${maxValue}${unit}`;
@@ -115,7 +115,7 @@ export class Commons {
     return defaultLocale;
   }
 
-  static removeEmptyValuesFromObject(obj: unknown): unknown {
+  static removeEmptyValuesFromObject(obj: object): unknown {
     return Object.fromEntries(
       Object.entries(obj).filter(
         ([_, v]) => v != null && v !== '' && (v as Array<string>).length !== 0
@@ -138,7 +138,7 @@ export class Commons {
     return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
   }
 
-  static getScrollParent(node: HTMLElement): HTMLElement {
+  static getScrollParent(node: HTMLElement): HTMLElement | null {
     if (node == null) {
       return null;
     }

libs/ui/src/lib/util/device-configs/application/device-configs.facade.ts

@@ -21,7 +21,8 @@ export class DeviceConfigsFacade {
 
   // Device
   readonly device$: Observable<Device> = this.store.select(fromSelectors.getDevice);
-  readonly size$: Observable<Size> = this.store.select(fromSelectors.getSize);
+  // `null` hasta que se resuelve el tamaño (así lo declara el estado inicial)
+  readonly size$: Observable<Size | null> = this.store.select(fromSelectors.getSize);
   readonly isSmallDevice$: Observable<boolean> = this.store.select(fromSelectors.getIsSmallDevice);
 
   // Browser

libs/ui/src/lib/util/device-configs/state/device-configs.reducer.ts

@@ -7,7 +7,7 @@ export const featureKey = 'CORE_deviceConfigs';
 
 export interface DeviceConfigsState {
   device: Device;
-  size: Size;
+  size: Size | null;
   browser: Browser
 }
 

libs/ui/src/lib/util/form-control/form-control.ts

@@ -3,7 +3,7 @@ import { ControlContainer, ControlValueAccessor } from '@angular/forms';
 
 @Injectable()
 export class PiFormControl implements ControlValueAccessor {
-  value: number | string | Array<string> | boolean;
+  value!: number | string | Array<string> | boolean;
 
   onChange = (value: number | string | Array<string> | boolean) => {};
 

libs/ui/src/lib/util/menu/directives/base-menu-item.directive.ts

@@ -52,6 +52,6 @@ export abstract class PiBaseMenuEventItem {
     const parent = this.el.nativeElement as HTMLElement;
     const children = (parent.children as HTMLCollection).item(1) ?? null;
 
-    return children?.classList.contains('is-visible');
+    return children?.classList.contains('is-visible') ?? false;
   }
 }

libs/ui/src/lib/util/pipes/pipes.ts

@@ -3,7 +3,7 @@ import { Pipe, PipeTransform } from '@angular/core';
 @Pipe({ name: 'numberFormat', })
 export class NumberFormatPipe implements PipeTransform {
   transform(value: unknown, ...args: Array<unknown>): unknown {
-    return new Intl.NumberFormat('de-DE').format(+value);
+    return new Intl.NumberFormat('de-DE').format(Number(value));
   }
 }
 
@@ -53,7 +53,7 @@ export class TruncatePipe implements PipeTransform {
 @Pipe({ name: 'maxTwoDecimals' })
 export class MaxTwoDecimalsPipe implements PipeTransform {
   transform(value: unknown, ...args: Array<unknown>): unknown {
-    return Math.round(+value * 100) / 100;
+    return Math.round(Number(value) * 100) / 100;
   }
 }
 

libs/ui/src/lib/util/schema/schema.service.ts

@@ -6,7 +6,7 @@ import { Inject, Injectable, Renderer2 } from '@angular/core';
   providedIn: 'root',
 })
 export class SchemaService {
-  script: HTMLScriptElement;
+  script!: HTMLScriptElement;
 
   constructor(@Inject(DOCUMENT) private doc: Document) {}
 

libs/ui/src/lib/util/validator/utils.ts

@@ -237,7 +237,7 @@ export function validateMultipleChoiceRequired(control: AbstractControl): Valida
   };
   let selected: boolean = false;
 
-  selected = !!choices ? Object.entries(choices)?.some(([key, value]) => value) : null;
+  selected = !!choices ? Object.entries(choices)?.some(([key, value]) => value) : false;
 
   if (choices && !selected) {
     return { message: ['common.validator.atLeastOneOption'] };
@@ -246,8 +246,8 @@ export function validateMultipleChoiceRequired(control: AbstractControl): Valida
 }
 
 export function rangeValidator(control: AbstractControl): ValidationErrors | null {
-  const from = Number(control.get('from').value);
+  const from = Number(control.get('from')?.value);
-  const to = Number(control.get('to').value);
+  const to = Number(control.get('to')?.value);
   if (!from || !to) return null;
   return from <= to
     ? null