igniteui-angular 22.2.0-rc.1 → 22.2.0

package/types/igniteui-angular-button-group.d.ts

@@ -27,10 +27,10 @@ type ButtonGroupAlignment = typeof ButtonGroupAlignment[keyof typeof ButtonGroup
  * ```
  * The `fontOptions` value shown above is defined as:
  * ```typescript
- * this.fontOptions = [
- *   { icon: 'format_bold', selected: false },
- *   { icon: 'format_italic', selected: false },
- *   { icon: 'format_underlined', selected: false }];
+ * public fontOptions: IButtonGroupButton[] = [
+ *   { label: 'Bold', icon: 'format_bold', selected: false },
+ *   { label: 'Italic', icon: 'format_italic', selected: false },
+ *   { label: 'Underline', icon: 'format_underlined', selected: false }];
  * ```
  */
 declare class IgxButtonGroupComponent implements AfterViewInit, OnDestroy {
@@ -90,13 +90,6 @@ declare class IgxButtonGroupComponent implements AfterViewInit, OnDestroy {
      * ```
      */
     get itemContentCssClass(): string;
-    /**
-     * Enables selecting multiple buttons. By default, multi-selection is false.
-     *
-     * @deprecated in version 16.1.0. Use the `selectionMode` property instead.
-     */
-    get multiSelection(): boolean;
-    set multiSelection(selectionMode: boolean);
     /**
      * Gets/Sets the selection mode to 'single', 'singleRequired' or 'multi' of the buttons. By default, the selection mode is 'single'.
      * ```html
@@ -106,32 +99,25 @@ declare class IgxButtonGroupComponent implements AfterViewInit, OnDestroy {
     get selectionMode(): "single" | "singleRequired" | "multi";
     set selectionMode(selectionMode: 'single' | 'singleRequired' | 'multi');
     /**
-     * Property that configures the buttons in the button group using a collection of `Button` objects.
+     * Configures the buttons rendered by the button group using a collection of `IButtonGroupButton` objects.
+     * The buttons are rendered before any buttons projected in the group's content.
+     *
+     * The `selected` flag of each item is kept in sync with the selection state of its button.
+     *
+     * @example
      * ```typescript
-     *  public ngOnInit() {
-     *      this.cities = [
-     *        new Button({
-     *          label: "Sofia"
-     *      }),
-     *        new Button({
-     *          label: "London"
-     *      }),
-     *        new Button({
-     *          label: "New York",
-     *          selected: true
-     *      }),
-     *        new Button({
-     *          label: "Tokyo"
-     *      })
-     *  ];
-     *  }
-     *  //..
+     * public cities: IButtonGroupButton[] = [
+     *     { label: 'Sofia' },
+     *     { label: 'London' },
+     *     { label: 'New York', selected: true },
+     *     { label: 'Tokyo', disabled: true }
+     * ];
      * ```
      * ```html
-     *  <igx-buttongroup [selectionMode]="'single'" [values]="cities"></igx-buttongroup>
+     * <igx-buttongroup [selectionMode]="'single'" [values]="cities"></igx-buttongroup>
      * ```
      */
-    values: any;
+    values: IButtonGroupButton[];
     /**
      * Disables the `igx-buttongroup` component. By default it's false.
      * ```html
@@ -286,7 +272,7 @@ declare class IgxButtonGroupComponent implements AfterViewInit, OnDestroy {
     private getUpdatedButtons;
     private updateButtonSelectionState;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxButtonGroupComponent, "igx-buttongroup", never, { "id": { "alias": "id"; "required": false; }; "itemContentCssClass": { "alias": "itemContentCssClass"; "required": false; }; "multiSelection": { "alias": "multiSelection"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, { "selected": "selected"; "deselected": "deselected"; }, ["templateButtons"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxButtonGroupComponent, "igx-buttongroup", never, { "id": { "alias": "id"; "required": false; }; "itemContentCssClass": { "alias": "itemContentCssClass"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "values": { "alias": "values"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, { "selected": "selected"; "deselected": "deselected"; }, ["templateButtons"], ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 interface IButtonGroupEventArgs extends IBaseEventArgs {
@@ -294,6 +280,35 @@ interface IButtonGroupEventArgs extends IBaseEventArgs {
     button: IgxButtonDirective;
     index: number;
 }
+/**
+ * Describes a button rendered by `IgxButtonGroupComponent` through its `values` input.
+ *
+ * @example
+ * ```typescript
+ * public alignOptions: IButtonGroupButton[] = [
+ *     { label: 'Left', icon: 'format_align_left', selected: true },
+ *     { label: 'Center', icon: 'format_align_center' },
+ *     { label: 'Right', icon: 'format_align_right', disabled: true }
+ * ];
+ * ```
+ */
+interface IButtonGroupButton {
+    /**
+     * The text displayed in the button. It is also used as the button's `aria-label`
+     * and to track the button when the `values` collection changes, so it should be unique in the collection.
+     */
+    label: string;
+    /** The name of the icon displayed before the label. */
+    icon?: string;
+    /** The color of the ripple effect shown when the button is clicked. */
+    ripple?: string;
+    /** Whether the button is selected. Kept in sync with the selection state of the button group. */
+    selected?: boolean;
+    /** Whether the button is disabled. Disabling the button group disables all of its buttons. */
+    disabled?: boolean;
+    /** Rendered as the button's `data-togglable` attribute. */
+    togglable?: boolean;
+}
 
 declare const IGX_BUTTON_GROUP_DIRECTIVES: readonly [typeof IgxButtonGroupComponent, typeof IgxButtonDirective];
 
@@ -309,4 +324,4 @@ declare class IgxButtonGroupModule {
 }
 
 export { ButtonGroupAlignment, IGX_BUTTON_GROUP_DIRECTIVES, IgxButtonGroupComponent, IgxButtonGroupModule };
-export type { IButtonGroupEventArgs };
+export type { IButtonGroupButton, IButtonGroupEventArgs };

package/types/igniteui-angular-calendar.d.ts

@@ -4,7 +4,6 @@ import * as igniteui_angular_core from 'igniteui-angular/core';
 import { CalendarDay, DateRangeDescriptor, PlatformUtil, DayInterval, ICalendarResourceStrings, WEEKDAYS } from 'igniteui-angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as rxjs from 'rxjs';
-import { Subject } from 'rxjs';
 
 /**
  * @hidden
@@ -289,7 +288,7 @@ declare abstract class IgxCalendarViewDirective implements ControlValueAccessor
     /**
      * @hidden
      */
-    protected get formatter(): Intl.DateTimeFormat;
+    protected abstract get formatter(): Intl.DateTimeFormat;
     /**
      * @hidden
      */
@@ -476,7 +475,8 @@ declare class IgxMonthsViewComponent extends IgxCalendarViewDirective implements
      */
     protected onMouseDown(): void;
     /**
-     * Returns the locale representation of the month in the months view.
+     * Returns the locale representation of the month in the months view,
+     * otherwise returns the default `Date.getMonth()` value.
      *
      * @hidden
      */
@@ -653,18 +653,6 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
      * @hidden
      */
     pageScrollDirection: ScrollDirection;
-    /**
-     * @hidden
-     */
-    scrollPage$: Subject<void>;
-    /**
-     * @hidden
-     */
-    stopPageScroll$: Subject<boolean>;
-    /**
-     * @hidden
-     */
-    startPageScroll$: Subject<void>;
     /**
      * @hidden
      */
@@ -693,10 +681,6 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
      * @hidden
      */
     protected get formatterYear(): Intl.DateTimeFormat;
-    /**
-     * @hidden
-     */
-    protected get formatterMonthDay(): Intl.DateTimeFormat;
     /**
      * @hidden
      */
@@ -858,10 +842,6 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
      * @hidden @internal
      */
     previousViewDate: Date;
-    /**
-     * @hidden
-     */
-    changeYear(date: Date): void;
     /**
      * Returns the locale representation of the year in the year view if enabled,
      * otherwise returns the default `Date.getFullYear()` value.
@@ -1465,10 +1445,7 @@ declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements A
         $implicit: {
             index: number;
             date: Date;
-        } | {
-            index: number;
-            date: Date;
-        }[];
+        };
     };
     /**
      * Gets the context for the template marked with either `igxCalendarSubHeaderMonth`
@@ -1483,10 +1460,7 @@ declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements A
         $implicit: {
             index: number;
             date: Date;
-        } | {
-            index: number;
-            date: Date;
-        }[];
+        };
     };
     /**
      * Date displayed in header
@@ -1623,16 +1597,6 @@ declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements A
      * @internal
      */
     onActiveViewDecadeKB(date: Date, event: KeyboardEvent, activeViewIdx: number): void;
-    /**
-     * @hidden
-     * @internal
-     */
-    onYearsViewClick(event: MouseEvent): void;
-    /**
-     * @hidden
-     * @internal
-     */
-    onYearsViewKeydown(event: KeyboardEvent): void;
     /**
      * @hidden
      * @internal
@@ -1706,10 +1670,7 @@ declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements A
         $implicit: {
             index: number;
             date: Date;
-        } | {
-            index: number;
-            date: Date;
-        }[];
+        };
     };
     /**
      * @hidden
@@ -1750,7 +1711,7 @@ declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implement
      * @hidden
      * @internal
      */
-    private _activeDescendant;
+    private _activeDescendant?;
     /**
      * @hidden
      * @internal
@@ -1843,6 +1804,26 @@ declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implement
      */
     protected set showActiveDay(value: boolean);
     protected get showActiveDay(): boolean;
+    /**
+     * Gets the date that is presented. By default it is the current date.
+     *
+     * @returns The date presented in the current view.
+     * @example
+     * ```typescript
+     * const viewDate = this.monthPicker.viewDate;
+     * ```
+     */
+    get viewDate(): Date;
+    /**
+     * Sets the date that will be presented in the default view when the component renders.
+     *
+     * @param value The date to present.
+     * @example
+     * ```html
+     * <igx-month-picker [viewDate]="viewDate"></igx-month-picker>
+     * ```
+     */
+    set viewDate(value: Date | string);
     protected get activeDescendant(): number;
     protected set activeDescendant(date: Date);
     get isDefaultView(): boolean;
@@ -1851,6 +1832,11 @@ declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implement
     protected onWrapperFocus(event: FocusEvent): void;
     protected onWrapperBlur(event: FocusEvent): void;
     private handlePageUpDown;
+    /**
+     * Drops the cached keyboard-active item so `aria-activedescendant`
+     * falls back to the view date, which is rendered in the current view.
+     */
+    private resetActiveDescendant;
     private handlePageUp;
     private handlePageDown;
     private onArrowUp;
@@ -1880,10 +1866,7 @@ declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implement
         $implicit: {
             index: number;
             date: Date;
-        } | {
-            index: number;
-            date: Date;
-        }[];
+        };
     };
     /**
      * Helper method building and returning the context object inside the calendar templates.

package/types/igniteui-angular-card.d.ts

@@ -1,5 +1,4 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import * as i1 from 'igniteui-angular/directives';
 
 /**
@@ -207,8 +206,8 @@ type IgxCardActionsLayout = (typeof IgxCardActionsLayout)[keyof typeof IgxCardAc
 /**
  * Card actions is container for the card actions.
  */
-declare class IgxCardActionsComponent implements OnInit, OnChanges {
-    card: IgxCardComponent | null;
+declare class IgxCardActionsComponent {
+    card: IgxCardComponent;
     /**
      * Sets the layout style of the actions.
      * You can justify the elements slotted in the igx-card-action container
@@ -222,26 +221,22 @@ declare class IgxCardActionsComponent implements OnInit, OnChanges {
      */
     layout: IgxCardActionsLayout | string;
     /**
-     * Sets the vertical attribute of the actions.
-     * When set to `true` the actions will be layed out vertically.
+     * Sets/gets whether the actions are laid out vertically.
+     * When not set explicitly, it follows the `horizontal` property of the parent card.
+     *
+     * @example
+     * ```html
+     * <igx-card-actions [vertical]="true"></igx-card-actions>
+     * ```
      */
-    vertical: boolean;
+    get vertical(): boolean;
+    set vertical(value: boolean);
     /**
      * A getter that returns `true` when the layout has been
      * set to `justify`.
      */
     get isJustifyLayout(): boolean;
-    private isVerticalSet;
-    /**
-     * @hidden
-     * @internal
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    /**
-     * @hidden
-     * @internal
-     */
-    ngOnInit(): void;
+    private _vertical?;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxCardActionsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxCardActionsComponent, "igx-card-actions", never, { "layout": { "alias": "layout"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, ["[igxStart], [igxButton]:not([igxEnd])", "*", "[igxEnd], [igxIconButton]:not([igxStart]), igx-icon:not([igxStart])"], true, never>;
     static ngAcceptInputType_vertical: unknown;

package/types/igniteui-angular-combo.d.ts

@@ -701,6 +701,12 @@ declare abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewC
     get filteringOptions(): IComboFilteringOptions;
     set filteringOptions(value: IComboFilteringOptions);
     protected itemSize: number | undefined;
+    /**
+     * @hidden @internal
+     * No over-scan, so `stateChange` starts at the first visible row, as `igxFor` did.
+     * Otherwise a page fetched for row 20 binds at row 18.
+     */
+    protected readonly overScan = 0;
     /** The wanted window, in the shape `virtualizationState` and `dataPreLoad` use. */
     private _virtualizationState;
     /** Where the records currently bound sit, which a pending request has not moved yet. */

package/types/igniteui-angular-core.d.ts

@@ -734,7 +734,7 @@ interface IgxTouchManagerCallbacks {
     panCancel?: (event: IgxGestureEvent) => void;
     /** Fired on pointer up when the movement stays below `tapThreshold`. Suppresses `panEnd`. */
     tap?: (event: IgxGestureEvent) => void;
-    /** Fired on pointer up for a fast, primarily horizontal gesture, before `panEnd`. */
+    /** Fired on pointer up for a fast, primarily horizontal recognized pan, before `panEnd`. */
     swipe?: (event: IgxGestureEvent) => void;
 }
 /**
@@ -750,6 +750,10 @@ interface IgxTouchManagerOptions {
     setPointerCapture?: boolean;
     /** Maximum movement (in px) for a pointer up to be recognized as a tap. Defaults to `0` (disabled). */
     tapThreshold?: number;
+    /** Minimum movement (in px) before a pan starts. Defaults to `0`. */
+    panThreshold?: number;
+    /** Axis on which movement can start a pan. Defaults to `'all'`. */
+    panAxis?: 'all' | 'horizontal' | 'vertical';
     /** Minimum velocity (in px/ms) for a primarily horizontal gesture to be recognized as a swipe. Defaults to `0.3`. */
     swipeVelocityThreshold?: number;
     /**
@@ -807,6 +811,8 @@ declare class IgxTouchManager {
     private readonly _pointerTypes;
     private readonly _setPointerCapture;
     private readonly _tapThreshold;
+    private readonly _panThreshold;
+    private readonly _panAxis;
     private readonly _swipeVelocityThreshold;
     private readonly _canStart;
     private readonly _ngZone;
@@ -823,8 +829,9 @@ declare class IgxTouchManager {
     private _onPointerUp;
     private _onPointerCancel;
     private _onTouchMove;
-    /** Stops tracking the current gesture and best-effort releases the pointer capture. */
+    private _canStartPan;
     private _stopTracking;
+    private _resetTracking;
 }
 
 /** Source of the state behind an `NgControl`. */
@@ -1380,6 +1387,7 @@ declare class BlockScrollStrategy extends ScrollStrategy {
      */
     detach(): void;
     private onScroll;
+    private preventDefault;
 }
 
 /**

package/types/igniteui-angular-grids-core.d.ts

@@ -6237,8 +6237,9 @@ declare class IgxExcelStyleSearchComponent implements AfterViewInit, OnDestroy {
      */
     private firstVisibleIndex;
     /**
-     * Clears the focused option when no displayed item remains, so the listbox stops
-     * naming a row that the empty render took away.
+     * Clears the focused option and scrolls back to the top when no displayed item remains, so the
+     * listbox stops naming a row that the empty render took away and the next list does not open
+     * at the old offset.
      */
     private reconcileEmptyList;
     /** Names the focused row's element while it is rendered, and nothing while it is not. */
@@ -10762,13 +10763,56 @@ declare class IgxPdfExporterService extends IgxBaseExporter {
      * @memberof IgxPdfExporterService
      */
     exportEnded: EventEmitter<IPdfExportEndedEventArgs>;
-    private _currentFontName;
-    private _currentBoldFontName;
     protected exportDataImplementation(data: IExportRecord[], options: IgxPdfExporterOptions, done: () => void): void;
     private drawMultiLevelHeaders;
     private drawHierarchicalChildren;
     private drawTableHeaders;
     private drawDataRow;
+    /**
+     * The value every record holds for each of its row dimensions, worked out once up front so
+     * that the merging below can look down the page without searching the columns again for
+     * every row it passes.
+     */
+    private resolveRowDimensionValues;
+    /**
+     * How many records from each one on carry the same row dimension value, level by level -
+     * the run the grid shows as a single, merged row header cell. A value only continues a run
+     * when the dimensions above it match too, so a date that repeats under two different cities
+     * stays two cells. A blank value is left on its own: it is what the export falls back to
+     * when it cannot work a dimension out, and merging blanks would take the row lines of the
+     * dimension column with them.
+     */
+    private measureRowDimensionRuns;
+    /**
+     * Opens the row dimension cells of a record. One that a record above already covers comes
+     * back with no span at all, and one that would reach past the bottom of the page is cut off
+     * there - the next page opens it again, under its own redrawn headers.
+     */
+    private takeRowDimensionCells;
+    /**
+     * The value a pivot record holds for one of its row dimensions: read off the record where it
+     * carries the dimension itself, and worked out from the row header columns by position where
+     * it does not.
+     */
+    private resolveRowDimensionValue;
+    /**
+     * Selects the shade a header cell is filled with. Every cell that heads rather than holds
+     * data takes the same one: a summary row, which closes the rows above it the way the header
+     * opens them, and a pivot grid's row dimension cells, which head the record they sit on.
+     */
+    private setShadedFill;
+    /**
+     * Draws the border of a cell below the header row, together with the shaded background that
+     * goes with it when the cell heads its row rather than holding one of its values.
+     */
+    private drawBodyCell;
+    /**
+     * Selects a font and measures a character with it, so that a font file jsPDF could not read
+     * throws here instead of part way through drawing the table. Both steps are needed: selecting
+     * a font is enough for a name that was never registered, and measuring is what reaches the
+     * glyph data an unreadable file leaves missing.
+     */
+    private verifyFont;
     private saveFile;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxPdfExporterService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<any>;

package/types/igniteui-angular-grids-grid.d.ts

@@ -3787,6 +3787,10 @@ declare abstract class IgxGridBaseDirective implements GridType, OnInit, DoCheck
     private initLocale;
     private onResourceChange;
     private updateResources;
+    /**
+     * Setup header container listeners related to horizontal scrolling and autosize.
+     */
+    protected setupHeaderContainerListeners(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridBaseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<IgxGridBaseDirective, never, never, { "snackbarDisplayTime": { "alias": "snackbarDisplayTime"; "required": false; }; "autoGenerate": { "alias": "autoGenerate"; "required": false; }; "autoGenerateExclude": { "alias": "autoGenerateExclude"; "required": false; }; "moving": { "alias": "moving"; "required": false; }; "emptyGridTemplate": { "alias": "emptyGridTemplate"; "required": false; }; "addRowEmptyTemplate": { "alias": "addRowEmptyTemplate"; "required": false; }; "loadingGridTemplate": { "alias": "loadingGridTemplate"; "required": false; }; "summaryRowHeight": { "alias": "summaryRowHeight"; "required": false; }; "dataCloneStrategy": { "alias": "dataCloneStrategy"; "required": false; }; "clipboardOptions": { "alias": "clipboardOptions"; "required": false; }; "rowClasses": { "alias": "rowClasses"; "required": false; }; "rowStyles": { "alias": "rowStyles"; "required": false; }; "primaryKey": { "alias": "primaryKey"; "required": false; }; "uniqueColumnValuesStrategy": { "alias": "uniqueColumnValuesStrategy"; "required": false; }; "dragGhostCustomTemplate": { "alias": "dragGhostCustomTemplate"; "required": false; }; "rowEditTextTemplate": { "alias": "rowEditTextTemplate"; "required": false; }; "rowAddTextTemplate": { "alias": "rowAddTextTemplate"; "required": false; }; "rowEditActionsTemplate": { "alias": "rowEditActionsTemplate"; "required": false; }; "rowExpandedIndicatorTemplate": { "alias": "rowExpandedIndicatorTemplate"; "required": false; }; "rowCollapsedIndicatorTemplate": { "alias": "rowCollapsedIndicatorTemplate"; "required": false; }; "headerExpandedIndicatorTemplate": { "alias": "headerExpandedIndicatorTemplate"; "required": false; }; "headerCollapsedIndicatorTemplate": { "alias": "headerCollapsedIndicatorTemplate"; "required": false; }; "excelStyleHeaderIconTemplate": { "alias": "excelStyleHeaderIconTemplate"; "required": false; }; "sortAscendingHeaderIconTemplate": { "alias": "sortAscendingHeaderIconTemplate"; "required": false; }; "sortDescendingHeaderIconTemplate": { "alias": "sortDescendingHeaderIconTemplate"; "required": false; }; "sortHeaderIconTemplate": { "alias": "sortHeaderIconTemplate"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "filteringLogic": { "alias": "filteringLogic"; "required": false; }; "filteringExpressionsTree": { "alias": "filteringExpressionsTree"; "required": false; }; "advancedFilteringExpressionsTree": { "alias": "advancedFilteringExpressionsTree"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "pagingMode": { "alias": "pagingMode"; "required": false; }; "hideRowSelectors": { "alias": "hideRowSelectors"; "required": false; }; "rowDraggable": { "alias": "rowDraggable"; "required": false; }; "validationTrigger": { "alias": "validationTrigger"; "required": false; }; "rowEditable": { "alias": "rowEditable"; "required": false; }; "height": { "alias": "height"; "required": false; }; "width": { "alias": "width"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "columnWidth": { "alias": "columnWidth"; "required": false; }; "emptyGridMessage": { "alias": "emptyGridMessage"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "emptyFilteredGridMessage": { "alias": "emptyFilteredGridMessage"; "required": false; }; "pinning": { "alias": "pinning"; "required": false; }; "allowFiltering": { "alias": "allowFiltering"; "required": false; }; "allowAdvancedFiltering": { "alias": "allowAdvancedFiltering"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "summaryPosition": { "alias": "summaryPosition"; "required": false; }; "summaryCalculationMode": { "alias": "summaryCalculationMode"; "required": false; }; "showSummaryOnCollapse": { "alias": "showSummaryOnCollapse"; "required": false; }; "filterStrategy": { "alias": "filterStrategy"; "required": false; }; "sortStrategy": { "alias": "sortStrategy"; "required": false; }; "mergeStrategy": { "alias": "mergeStrategy"; "required": false; }; "sortingOptions": { "alias": "sortingOptions"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "headSelectorTemplate": { "alias": "headSelectorTemplate"; "required": false; }; "rowSelectorTemplate": { "alias": "rowSelectorTemplate"; "required": false; }; "dragIndicatorIconTemplate": { "alias": "dragIndicatorIconTemplate"; "required": false; }; "sortingExpressions": { "alias": "sortingExpressions"; "required": false; }; "batchEditing": { "alias": "batchEditing"; "required": false; }; "cellSelection": { "alias": "cellSelection"; "required": false; }; "cellMergeMode": { "alias": "cellMergeMode"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "columnSelection": { "alias": "columnSelection"; "required": false; }; "expansionStates": { "alias": "expansionStates"; "required": false; }; "outlet": { "alias": "outlet"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "selectRowOnClick": { "alias": "selectRowOnClick"; "required": false; }; }, { "filteringExpressionsTreeChange": "filteringExpressionsTreeChange"; "advancedFilteringExpressionsTreeChange": "advancedFilteringExpressionsTreeChange"; "gridScroll": "gridScroll"; "cellClick": "cellClick"; "rowClick": "rowClick"; "formGroupCreated": "formGroupCreated"; "validationStatusChange": "validationStatusChange"; "selected": "selected"; "rowSelectionChanging": "rowSelectionChanging"; "columnSelectionChanging": "columnSelectionChanging"; "columnPin": "columnPin"; "columnPinned": "columnPinned"; "cellEditEnter": "cellEditEnter"; "cellEditExit": "cellEditExit"; "cellEdit": "cellEdit"; "cellEditDone": "cellEditDone"; "rowEditEnter": "rowEditEnter"; "rowEdit": "rowEdit"; "rowEditDone": "rowEditDone"; "rowEditExit": "rowEditExit"; "columnInit": "columnInit"; "sorting": "sorting"; "sortingDone": "sortingDone"; "filtering": "filtering"; "filteringDone": "filteringDone"; "rowAdded": "rowAdded"; "rowDeleted": "rowDeleted"; "rowDelete": "rowDelete"; "rowAdd": "rowAdd"; "columnResized": "columnResized"; "contextMenu": "contextMenu"; "doubleClick": "doubleClick"; "columnVisibilityChanging": "columnVisibilityChanging"; "columnVisibilityChanged": "columnVisibilityChanged"; "columnMovingStart": "columnMovingStart"; "columnMoving": "columnMoving"; "columnMovingEnd": "columnMovingEnd"; "gridKeydown": "gridKeydown"; "rowDragStart": "rowDragStart"; "rowDragEnd": "rowDragEnd"; "gridCopy": "gridCopy"; "expansionStatesChange": "expansionStatesChange"; "selectedRowsChange": "selectedRowsChange"; "rowToggle": "rowToggle"; "rowPinning": "rowPinning"; "rowPinned": "rowPinned"; "activeNodeChange": "activeNodeChange"; "sortingExpressionsChange": "sortingExpressionsChange"; "toolbarExporting": "toolbarExporting"; "rangeSelected": "rangeSelected"; "rendered": "rendered"; "localeChange": "localeChange"; "dataChanging": "dataChanging"; "dataChanged": "dataChanged"; }, ["excelStyleLoadingValuesTemplateDirective", "rowAddText", "rowExpandedIndicatorDirectiveTemplate", "rowCollapsedIndicatorDirectiveTemplate", "headerExpandedIndicatorDirectiveTemplate", "headerCollapsedIndicatorDirectiveTemplate", "excelStyleHeaderIconDirectiveTemplate", "sortAscendingHeaderIconDirectiveTemplate", "sortDescendingHeaderIconDirectiveTemplate", "sortHeaderIconDirectiveTemplate", "loadingDirectiveTemplate", "emptyDirectiveTemplate", "excelStyleFilteringComponents", "columnList", "headSelectorsTemplates", "rowSelectorsTemplates", "dragGhostCustomTemplates", "rowEditCustomDirectives", "rowEditTextDirectives", "rowEditActionsDirectives", "actionStripComponents", "dragIndicatorIconTemplates", "rowEditTabsCUSTOM", "toolbar", "paginationComponents"], never, true, never>;
     static ngAcceptInputType_autoGenerate: unknown;

package/types/igniteui-angular-grids-lite.d.ts

@@ -44,7 +44,11 @@ declare class IgxGridLiteColumnComponent<T extends object = any> {
     /** Reference to the embedded view for the header template and its template function. */
     private headerViewRef?;
     protected headerTemplateFunc?: (ctx: IgcHeaderContext<T>) => Node[];
-    /** Reference to the embedded view for the cell template and its template function. */
+    /**
+     * Embedded views for the cell template, one per cell element, and the template function.
+     * Keyed by cell, not by row data: the virtualizer recycles rows by index, so a cell can
+     * show another record without re-rendering, while a view keyed by data would move away.
+     */
     private cellViewRefs?;
     protected cellTemplateFunc?: (ctx: IgcCellContext<T>) => Node[];
     /** Template directives used for inline templating */

package/types/igniteui-angular-grids-pivot-grid.d.ts

@@ -1074,6 +1074,10 @@ declare class IgxPivotGridComponent extends IgxGridBaseDirective implements OnIn
      * Notifies for dimension change.
      */
     notifyDimensionChange(regenerateColumns?: boolean): void;
+    /**
+     * @hidden @internal
+     */
+    _zoneBegoneListeners(): void;
     /**
      * Gets the full list of dimensions.
      *
@@ -1585,7 +1589,7 @@ interface IDataSelectorPanel {
 declare class IgxPivotDataSelectorComponent implements OnDestroy {
     private renderer;
     private cdr;
-    private pivotConfigChangeSub;
+    private pivotConfigChangeSub?;
     protected pipeRetrigger: number;
     /**
      * Gets/sets whether the columns panel is expanded

package/types/igniteui-angular-navigation-drawer.d.ts

@@ -451,6 +451,7 @@ declare class IgxNavigationDrawerComponent implements IToggleView, OnInit, After
     private updateEdgeZone;
     private checkPinThreshold;
     private swipe;
+    private canStartPan;
     private panStart;
     private pan;
     private panEnd;

package/types/igniteui-angular-radio.d.ts

@@ -331,6 +331,11 @@ declare class IgxRadioGroupDirective implements ControlValueAccessor, OnDestroy,
      * @internal
      */
     private _onChangeCallback;
+    /**
+     * @hidden
+     * @internal
+     */
+    private _onTouchedCallback;
     /**
      * @hidden
      * @internal