fix(build): fixing the lib build with 21

kdinev · kdinev · commit 245f0a83a173 · 2025-11-19T16:14:24.000-05:00
diff --git a/projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts b/projects/igniteui-angular/calendar/src/calendar/common/calendar-view.directive.ts
@@ -183,39 +183,39 @@ export abstract class IgxCalendarViewDirective implements ControlValueAccessor {
      * @hidden
      */
     @HostListener("keydown.arrowdown", ["$event"])
-    public onKeydownArrowDown(event: KeyboardEvent) {
+    public onKeydownArrowDown(event) {
         this.navigateTo(event, IgxCalendarNavDirection.NEXT, 3);
     }
 
     /**
      * @hidden
      */
     @HostListener("keydown.arrowup", ["$event"])
-    public onKeydownArrowUp(event: KeyboardEvent) {
+    public onKeydownArrowUp(event) {
         this.navigateTo(event, IgxCalendarNavDirection.PREV, 3);
     }
 
     /**
      * @hidden
      */
     @HostListener("keydown.arrowright", ["$event"])
-    public onKeydownArrowRight(event: KeyboardEvent) {
+    public onKeydownArrowRight(event) {
         this.navigateTo(event, IgxCalendarNavDirection.NEXT, 1);
     }
 
     /**
      * @hidden
      */
     @HostListener("keydown.arrowleft", ["$event"])
-    public onKeydownArrowLeft(event: KeyboardEvent) {
+    public onKeydownArrowLeft(event) {
         this.navigateTo(event, IgxCalendarNavDirection.PREV, 1);
     }
 
     /**
      * @hidden
      */
     @HostListener("keydown.home", ["$event"])
-    public onKeydownHome(event: KeyboardEvent) {
+    public onKeydownHome(event) {
         event.preventDefault();
         event.stopPropagation();
 
@@ -227,7 +227,7 @@ export abstract class IgxCalendarViewDirective implements ControlValueAccessor {
      * @hidden
      */
     @HostListener("keydown.end", ["$event"])
-    public onKeydownEnd(event: KeyboardEvent) {
+    public onKeydownEnd(event) {
         event.preventDefault();
         event.stopPropagation();
 
@@ -239,7 +239,7 @@ export abstract class IgxCalendarViewDirective implements ControlValueAccessor {
      * @hidden
      */
     @HostListener("keydown.enter", ["$event"])
-    public onKeydownEnter(event: KeyboardEvent) {
+    public onKeydownEnter(event) {
         event.stopPropagation();
 
         this.selected.emit(this.date);
diff --git a/projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts b/projects/igniteui-angular/calendar/src/calendar/days-view/days-view.component.ts
@@ -231,31 +231,31 @@ export class IgxDaysViewComponent extends IgxCalendarBaseDirective {
      * @hidden
      */
     @HostListener('keydown.arrowright', ['$event'])
-    protected onArrowRight(event: KeyboardEvent) {
+    protected onArrowRight(event) {
         this.handleArrowKeydown(event, 1);
     }
 
     /**
      * @hidden
      */
     @HostListener('keydown.arrowleft', ['$event'])
-    protected onArrowLeft(event: KeyboardEvent) {
+    protected onArrowLeft(event) {
         this.handleArrowKeydown(event, -1);
     }
 
     /**
      * @hidden
      */
     @HostListener('keydown.arrowup', ['$event'])
-    protected onArrowUp(event: KeyboardEvent) {
+    protected onArrowUp(event) {
         this.handleArrowKeydown(event, -7);
     }
 
     /**
      * @hidden
      */
     @HostListener('keydown.arrowdown', ['$event'])
-    protected onArrowDown(event: KeyboardEvent) {
+    protected onArrowDown(event) {
         this.handleArrowKeydown(event, 7);
     }
 
@@ -264,7 +264,7 @@ export class IgxDaysViewComponent extends IgxCalendarBaseDirective {
      */
     @HostListener('keydown.Space', ['$event'])
     @HostListener('keydown.enter', ['$event'])
-    protected onKeydownEnter(event: KeyboardEvent) {
+    protected onKeydownEnter(event) {
         event.stopPropagation();
         this.selectActiveDate();
     }
@@ -273,7 +273,7 @@ export class IgxDaysViewComponent extends IgxCalendarBaseDirective {
      * @hidden
      */
     @HostListener('keydown.home', ['$event'])
-    protected onKeydownHome(event: KeyboardEvent) {
+    protected onKeydownHome(event) {
         event.preventDefault();
         event.stopPropagation();
 
@@ -288,7 +288,7 @@ export class IgxDaysViewComponent extends IgxCalendarBaseDirective {
      * @hidden
      */
     @HostListener('keydown.end', ['$event'])
-    protected onKeydownEnd(event: KeyboardEvent) {
+    protected onKeydownEnd(event) {
         event.preventDefault();
         event.stopPropagation();
 
diff --git a/projects/igniteui-angular/calendar/src/calendar/month-picker/month-picker.component.html b/projects/igniteui-angular/calendar/src/calendar/month-picker/month-picker.component.html
@@ -18,7 +18,7 @@
         [attr.aria-label]="prevNavLabel((getPrevYearDate(viewDate) | date: 'yyyy'))"
         data-action="prev"
         igxCalendarScrollPage
-        (mousedown)="previousPage()"
+        (mousedown)="previousPage($event)"
         (keydown)="changePageKB($event, false)"
     >
         <ng-container *ngTemplateOutlet="prevArrow"></ng-container>
@@ -35,7 +35,7 @@
         [attr.aria-label]="nextNavLabel((getNextYearDate(viewDate) | date: 'yyyy'))"
         data-action="next"
         igxCalendarScrollPage
-        (mousedown)="nextPage()"
+        (mousedown)="nextPage($event)"
         (keydown)="changePageKB($event)"
     >
         <ng-container *ngTemplateOutlet="nextArrow"></ng-container>
@@ -131,8 +131,8 @@
                 [monthFormat]="formatOptions.month"
                 [showActive]="showActiveDay"
                 [standalone]="false"
-                (swiperight)="previousPage()"
-                (swipeleft)="nextPage()"
+                (swiperight)="previousPage($event)"
+                (swipeleft)="nextPage($event)"
                 (selected)="selectMonth($event)"
                 (pageChanged)="updateDate($event)"
                 (mousedown)="$event.preventDefault()">
@@ -151,8 +151,8 @@
                 [yearFormat]="formatOptions.year"
                 [showActive]="showActiveDay"
                 [standalone]="false"
-                (swiperight)="previousPage()"
-                (swipeleft)="nextPage()"
+                (swiperight)="previousPage($event)"
+                (swipeleft)="nextPage($event)"
                 (selected)="selectYear($event)"
                 (pageChanged)="updateDate($event)"
                 (mousedown)="$event.preventDefault()"
diff --git a/projects/igniteui-angular/calendar/src/calendar/month-picker/month-picker.component.ts b/projects/igniteui-angular/calendar/src/calendar/month-picker/month-picker.component.ts
@@ -102,7 +102,7 @@ export class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements
      * @hidden
      */
     @HostListener("keydown.pageup", ["$event"])
-    public previousPage(event?: KeyboardEvent) {
+    public previousPage(event) {
         event?.preventDefault();
         this.previousViewDate = this.viewDate;
 
@@ -124,7 +124,7 @@ export class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements
      * @hidden
      */
     @HostListener("keydown.pagedown", ["$event"])
-    public nextPage(event?: KeyboardEvent) {
+    public nextPage(event) {
         event?.preventDefault();
         this.previousViewDate = this.viewDate;
 
@@ -206,9 +206,9 @@ export class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements
             event.stopPropagation();
 
             if (next) {
-                this.nextPage();
+                this.nextPage(event);
             } else {
-                this.previousPage();
+                this.previousPage(event);
             }
         }
     }
@@ -370,7 +370,7 @@ export class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements
             this.viewDate = CalendarDay.from(this.viewDate).add('year', delta).native;
             this.cdr.detectChanges();
         } else {
-            delta > 0 ? this.nextPage() : this.previousPage();
+            delta > 0 ? this.nextPage(event) : this.previousPage(event);
         }
     }
 
diff --git a/projects/igniteui-angular/chips/src/chips/chips-area.component.ts b/projects/igniteui-angular/chips/src/chips/chips-area.component.ts
@@ -187,7 +187,7 @@ export class IgxChipsAreaComponent implements DoCheck, AfterViewInit, OnDestroy
     protected destroy$ = new Subject<boolean>();
 
     @HostBinding('class')
-    private hostClass = 'igx-chip-area';
+    public hostClass = 'igx-chip-area';
 
     private modifiedChipsArray: IgxChipComponent[];
     private _differ: IterableDiffer<IgxChipComponent> | null = null;
diff --git a/projects/igniteui-angular/directives/src/directives/button/icon-button.directive.ts b/projects/igniteui-angular/directives/src/directives/button/icon-button.directive.ts
@@ -28,7 +28,7 @@ export class IgxIconButtonDirective extends IgxButtonBaseDirective {
      * @internal
      */
     @HostBinding('class.igx-icon-button')
-    private _cssClass = 'igx-icon-button';
+    public _cssClass = 'igx-icon-button';
 
     /**
      * @hidden
diff --git a/projects/igniteui-angular/directives/src/directives/form-control/form-control.directive.ts b/projects/igniteui-angular/directives/src/directives/form-control/form-control.directive.ts
@@ -7,7 +7,7 @@ import {
 } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 
-@Directive({ 
+@Directive({
     selector: 'igc-rating[ngModel],igc-rating[formControlName]',
     providers: [
         {
@@ -35,9 +35,9 @@ export class IgcFormControlDirective implements ControlValueAccessor {
     }
 
     /** @hidden @internal */
-    @HostListener('igcChange', ['$event.detail'])
-    public listenForValueChange(value) {
-        this.onChange(value);
+    @HostListener('igcChange', ['$event'])
+    public listenForValueChange(event): void {
+        this.onChange(event.detail);
     }
 
     /** @hidden @internal */
diff --git a/projects/igniteui-angular/directives/src/directives/mask/mask.directive.ts b/projects/igniteui-angular/directives/src/directives/mask/mask.directive.ts
@@ -273,10 +273,10 @@ export class IgxMaskDirective implements OnInit, AfterViewChecked, ControlValueA
     }
 
     /** @hidden */
-    @HostListener('blur', ['$event.target.value'])
-    public onBlur(value: string): void {
+    @HostListener('blur', ['$event'])
+    public onBlur(event): void {
         this._focused = false;
-        this.showDisplayValue(value);
+        this.showDisplayValue(event.target.value);
         this._onTouchedCallback();
     }
 
diff --git a/projects/igniteui-angular/expansion-panel/src/expansion-panel/expansion-panel-header.component.ts b/projects/igniteui-angular/expansion-panel/src/expansion-panel/expansion-panel-header.component.ts
@@ -245,7 +245,7 @@ export class IgxExpansionPanelHeaderComponent {
 
     /** @hidden @internal */
     @HostListener('keydown.Alt.ArrowDown', ['$event'])
-    public openPanel(event: KeyboardEvent) {
+    public openPanel(event) {
         if (event.altKey) {
             const eventArgs: IExpansionPanelCancelableEventArgs = { event, owner: this.panel, cancel: false };
             this.interaction.emit(eventArgs);
@@ -258,7 +258,7 @@ export class IgxExpansionPanelHeaderComponent {
 
     /** @hidden @internal */
     @HostListener('keydown.Alt.ArrowUp', ['$event'])
-    public closePanel(event: KeyboardEvent) {
+    public closePanel(event) {
         if (event.altKey) {
             const eventArgs: IExpansionPanelCancelableEventArgs = { event, owner: this.panel, cancel: false };
             this.interaction.emit(eventArgs);
diff --git a/projects/igniteui-angular/expansion-panel/src/expansion-panel/expansion-panel.component.ts b/projects/igniteui-angular/expansion-panel/src/expansion-panel/expansion-panel.component.ts
@@ -97,7 +97,7 @@ export class IgxExpansionPanelComponent extends ToggleAnimationPlayer implements
      * @hidden
      */
     @HostBinding('class.igx-expansion-panel--expanded')
-    private opened = false;
+    public opened = false;
 
     /**
      * @hidden @internal
diff --git a/projects/igniteui-angular/grids/core/src/grid.rowEdit.directive.ts b/projects/igniteui-angular/grids/core/src/grid.rowEdit.directive.ts
@@ -8,7 +8,7 @@ import { GridType, IgxGridEmptyTemplateContext, IgxGridRowEditActionsTemplateCon
 })
 export class IgxRowEditTemplateDirective {
     public static ngTemplateContextGuard(_directive: IgxRowEditTemplateDirective,
-        context: unknown): context is IgxGridRowEditTemplateContext { 
+        context: unknown): context is IgxGridRowEditTemplateContext {
         return true;
     }
  }
@@ -20,7 +20,7 @@ export class IgxRowEditTemplateDirective {
 })
 export class IgxRowEditTextDirective {
     public static ngTemplateContextGuard(_directive: IgxRowEditTextDirective,
-        context: unknown): context is IgxGridRowEditTextTemplateContext { 
+        context: unknown): context is IgxGridRowEditTextTemplateContext {
         return true;
     }
  }
@@ -32,7 +32,7 @@ export class IgxRowEditTextDirective {
 })
 export class IgxRowAddTextDirective {
     public static ngTemplateContextGuard(_directive: IgxRowAddTextDirective,
-        context: unknown): context is IgxGridEmptyTemplateContext { 
+        context: unknown): context is IgxGridEmptyTemplateContext {
         return true;
     }
  }
@@ -44,7 +44,7 @@ export class IgxRowAddTextDirective {
 })
 export class IgxRowEditActionsDirective {
     public static ngTemplateContextGuard(_directive: IgxRowEditActionsDirective,
-        context: unknown): context is IgxGridRowEditActionsTemplateContext { 
+        context: unknown): context is IgxGridRowEditActionsTemplateContext {
         return true;
     }
  }
@@ -63,7 +63,7 @@ export class IgxRowEditTabStopDirective {
 
     @HostListener('keydown.Tab', [`$event`])
     @HostListener('keydown.Shift.Tab', [`$event`])
-    public handleTab(event: KeyboardEvent): void {
+    public handleTab(event): void {
         event.stopPropagation();
         if ((this.grid.rowEditTabs.last === this && !event.shiftKey) ||
             (this.grid.rowEditTabs.first === this && event.shiftKey)
@@ -73,13 +73,13 @@ export class IgxRowEditTabStopDirective {
     }
 
     @HostListener('keydown.Escape', [`$event`])
-    public handleEscape(event: KeyboardEvent): void {
+    public handleEscape(event): void {
         this.grid.crudService.endEdit(false, event);
         this.grid.tbody.nativeElement.focus();
     }
 
     @HostListener('keydown.Enter', ['$event'])
-    public handleEnter(event: KeyboardEvent): void {
+    public handleEnter(event): void {
         event.stopPropagation();
     }
 
diff --git a/projects/igniteui-angular/radio/src/radio/radio.component.ts b/projects/igniteui-angular/radio/src/radio/radio.component.ts
@@ -129,7 +129,7 @@ export class IgxRadioComponent
      * @internal
      */
     @HostListener('change', ['$event'])
-    public _changed(event: Event) {
+    public _changed(event) {
         if (event instanceof Event) {
             event.preventDefault();
         }
diff --git a/projects/igniteui-angular/slider/src/slider/slider.component.ts b/projects/igniteui-angular/slider/src/slider/slider.component.ts
@@ -1125,8 +1125,9 @@ export class IgxSliderComponent implements
         }
     }
 
+    /* @hidden */
     @HostListener('pointerdown', ['$event'])
-    private onPointerDown($event: PointerEvent) {
+    public onPointerDown($event) {
         this.findClosestThumb($event);
 
         if (!this.thumbTo.isActive && this.thumbFrom === undefined) {
@@ -1147,8 +1148,9 @@ export class IgxSliderComponent implements
         }
     }
 
+    /* @hidden */
     @HostListener('pointerup', ['$event'])
-    private onPointerUp($event: PointerEvent) {
+    public onPointerUp($event) {
         if (!this.thumbTo.isActive && this.thumbFrom === undefined) {
             return;
         }
diff --git a/projects/igniteui-angular/time-picker/src/time-picker/time-picker.directives.ts b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.directives.ts

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ import {`
`7`	`7`	`} from '@angular/core';`
`8`	`8`	`import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';`
`9`	`9`
`10`		`-@Directive({`
	`10`	`+@Directive({`
`11`	`11`	`selector: 'igc-rating[ngModel],igc-rating[formControlName]',`
`12`	`12`	`providers: [`
`13`	`13`	`{`
`@@ -35,9 +35,9 @@ export class IgcFormControlDirective implements ControlValueAccessor {`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`/** @hidden @internal */`
`38`		`- @HostListener('igcChange', ['$event.detail'])`
`39`		`- public listenForValueChange(value) {`
`40`		`- this.onChange(value);`
	`38`	`+ @HostListener('igcChange', ['$event'])`
	`39`	`+ public listenForValueChange(event): void {`
	`40`	`+ this.onChange(event.detail);`
`41`	`41`	`}`
`42`	`42`
`43`	`43`	`/** @hidden @internal */`
Original file line number	Diff line number	Diff line change
`@@ -273,10 +273,10 @@ export class IgxMaskDirective implements OnInit, AfterViewChecked, ControlValueA`
`273`	`273`	`}`
`274`	`274`
`275`	`275`	`/** @hidden */`
`276`		`- @HostListener('blur', ['$event.target.value'])`
`277`		`- public onBlur(value: string): void {`
	`276`	`+ @HostListener('blur', ['$event'])`
	`277`	`+ public onBlur(event): void {`
`278`	`278`	`this._focused = false;`
`279`		`- this.showDisplayValue(value);`
	`279`	`+ this.showDisplayValue(event.target.value);`
`280`	`280`	`this._onTouchedCallback();`
`281`	`281`	`}`
`282`	`282`