igniteui-angular 19.2.0-alpha.1 → 19.2.0-beta.0

package/lib/core/styles/components/switch/_switch-theme.scss

@@ -39,11 +39,6 @@
 /// @param {Color} $focus-outline-color-focused [null] - The focus outlined color for focused state.
 /// @param {Color} $focus-fill-color [null] - The focus fill color.
 /// @param {Color} $focus-fill-hover-color [null] - The focus fill color on hover.
-/// @param {Color} $label-invalid-color [null] - The color of the switch label in invalid state.
-/// @param {Color} $track-error-color [null] - The color of the track in invalid state when the switch is off.
-/// @param {Color} $thumb-on-error-color [null] - The color of the thumb when the switch is on and invalid.
-/// @param {Color} $error-color [null] - The border and fill colors in invalid state.
-/// @param {Color} $error-color-hover [null] - The border and fill colors in invalid state on hover.
 /// @requires $light-material-schema
 ///
 /// @example scss Set custom track and thumb on colors
@@ -68,7 +63,6 @@
     $label-color: null,
     $label-hover-color: null,
     $label-disabled-color: null,
-    $label-invalid-color: null,
 
     $resting-shadow: null,
     $hover-shadow: null,
@@ -86,10 +80,6 @@
     $focus-outline-color-focused: null,
     $focus-fill-color: null,
     $focus-fill-hover-color: null,
-    $track-error-color: null,
-    $thumb-on-error-color: null,
-    $error-color: null,
-    $error-color-hover: null,
 ) {
     $name: 'igx-switch';
     $switch-schema: ();
@@ -148,7 +138,6 @@
         label-color: $label-color,
         label-hover-color: $label-hover-color,
         label-disabled-color: $label-disabled-color,
-        label-invalid-color: $label-invalid-color,
 
         resting-shadow: $resting-shadow,
         hover-shadow: $hover-shadow,
@@ -166,10 +155,6 @@
         focus-outline-color-focused: $focus-outline-color-focused,
         focus-fill-color: $focus-fill-color,
         focus-fill-hover-color: $focus-fill-hover-color,
-        track-error-color: $track-error-color,
-        thumb-on-error-color: $thumb-on-error-color,
-        error-color: $error-color,
-        error-color-hover: $error-color-hover,
         theme: map.get($schema, '_meta', 'theme'),
         _meta: map.merge(if($meta, $meta, ()), (
             variant: map.get($schema, '_meta', 'theme'),
@@ -316,25 +301,6 @@
         }
     }
 
-    %switch-composite--invalid {
-        border-color: var-get($theme, 'error-color');
-
-        @if $variant == 'material' {
-            border-color: var-get($theme, 'track-error-color');
-            background: var-get($theme, 'track-error-color');
-        }
-    }
-
-    %switch-composite--invalid--hover {
-        @if $variant == 'fluent' {
-            border-color: var-get($theme, 'error-color-hover');
-
-            %switch-thumb {
-                background: var-get($theme, 'error-color-hover');
-            }
-        }
-    }
-
     %switch-composite--x {
         background: var-get($theme, 'track-on-color');
         border-color: var-get($theme, 'border-on-color');
@@ -403,14 +369,6 @@
         background: var-get($theme, 'thumb-on-color');
     }
 
-    %switch-thumb--invalid {
-        background: var-get($theme, 'error-color');
-    }
-
-    %switch-thumb--x--invalid {
-        background: var-get($theme, 'thumb-on-error-color');
-    }
-
     %switch-thumb--disabled {
         background: var-get($theme, 'thumb-disabled-color');
         box-shadow: $thumb-disabled-shadow;
@@ -477,25 +435,6 @@
         }
     }
 
-    %igx-switch--focused--invalid {
-        @if $variant == 'bootstrap' {
-            %switch-composite {
-                border-color: var-get($theme, 'error-color');
-                box-shadow: 0 0 0 rem(4px) var-get($theme, 'error-color-hover');
-            }
-
-            %switch-thumb {
-                background: var-get($theme, 'error-color');
-            }
-        }
-
-        @if $variant == 'indigo' {
-            %switch-composite {
-                box-shadow: 0 0 0 rem(3px) var-get($theme, 'error-color-hover');
-            }
-        }
-    }
-
     %igx-switch--focused-checked {
         @if $variant == 'bootstrap' {
             %switch-composite {
@@ -550,10 +489,6 @@
         background: var-get($theme, 'thumb-on-color');
     }
 
-    %switch-ripple--focused-invalid {
-        background: var-get($theme, 'error-color-hover');
-    }
-
     %switch-label {
         display: inline-block;
         color: var-get($theme, 'label-color');
@@ -585,10 +520,6 @@
         color: var-get($theme, 'label-hover-color');
     }
 
-    %switch-label--invalid {
-        color: var-get($theme, 'label-invalid-color');
-    }
-
     %switch-label--disabled {
         color: var-get($theme, 'label-disabled-color');
     }
@@ -618,18 +549,6 @@
         }
     }
 
-    %switch-ripple--hover-invalid {
-        &::after {
-            background: var-get($theme, 'error-color-hover');
-        }
-    }
-
-    %switch-ripple--hover-checked-invalid {
-        &::after {
-            background: var-get($theme, 'thumb-on-color');
-        }
-    }
-
     %switch-ripple--pressed {
         &::after {
             opacity: .12;

package/lib/core/styles/components/tree/_tree-theme.scss

@@ -288,9 +288,7 @@
         }
 
         igx-circular-bar {
-            --circular-bar: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};
-            width: var(--circular-bar);
-            height: var(--circular-bar);
+            --diameter: #{sizable(#{map.get($circular-bar-size, 'compact')}, #{map.get($circular-bar-size, 'cosy')}, #{map.get($circular-bar-size, 'comfortable')})};
         }
     }
 

package/lib/data-operations/filtering-condition.d.ts

@@ -15,6 +15,7 @@ export declare class IgxFilteringOperand {
     conditionList(): string[];
     /**
      * Returns an array of names of the conditions which are visible in the UI, including "In" and "Not In", allowing the creation of sub-queries.
+     * @hidden @internal
      */
     extendedConditionList(): string[];
     /**
@@ -29,10 +30,7 @@ export declare class IgxFilteringOperand {
      * @param operation The filtering operation.
      */
     append(operation: IFilteringOperation): void;
-    /**
-     * @hidden
-     */
-    findValueInSet(target: any, searchVal: Set<any>): boolean;
+    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
 }
 /**
  * Provides filtering operations for booleans
@@ -54,10 +52,7 @@ declare class IgxBaseDateTimeFilteringOperand extends IgxFilteringOperand {
      * @memberof IgxDateFilteringOperand
      */
     static getDateParts(date: Date, dateFormat?: string): IDateParts;
-    /**
-     * @hidden
-     */
-    findValueInSet(target: any, searchVal: Set<any>): boolean;
+    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
     protected validateInputData(target: Date): void;
 }
 /**
@@ -67,17 +62,14 @@ declare class IgxBaseDateTimeFilteringOperand extends IgxFilteringOperand {
  */
 export declare class IgxDateFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();
-    findValueInSet(target: any, searchVal: Set<any>): boolean;
+    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
 }
 export declare class IgxDateTimeFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();
 }
 export declare class IgxTimeFilteringOperand extends IgxBaseDateTimeFilteringOperand {
     protected constructor();
-    /**
-     * @hidden
-     */
-    findValueInSet(target: any, searchVal: Set<any>): boolean;
+    protected findValueInSet(target: any, searchVal: Set<any>): boolean;
 }
 /**
  * Provides filtering operations for numbers
@@ -112,7 +104,7 @@ export interface IFilteringOperation {
     isNestedQuery?: boolean;
     iconName: string;
     hidden?: boolean;
-    logic: (value: any, searchVal?: any, ignoreCase?: boolean) => boolean;
+    logic?: null | ((value: any, searchVal?: any, ignoreCase?: boolean) => boolean);
 }
 /**
  * Interface describing Date object in parts

package/lib/data-operations/filtering-expression.interface.d.ts

@@ -9,9 +9,9 @@ export declare enum FilteringLogic {
  */
 export declare interface IFilteringExpression {
     fieldName: string;
-    condition?: IFilteringOperation;
-    conditionName?: string;
+    condition?: IFilteringOperation | null;
+    conditionName?: string | null;
     searchVal?: any;
-    searchTree?: IExpressionTree;
+    searchTree?: IExpressionTree | null;
     ignoreCase?: boolean;
 }

package/lib/data-operations/filtering-expressions-tree.d.ts

@@ -7,9 +7,9 @@ export declare enum FilteringExpressionsTreeType {
 export declare interface IExpressionTree {
     filteringOperands: (IExpressionTree | IFilteringExpression)[];
     operator: FilteringLogic;
-    fieldName?: string;
-    entity?: string;
-    returnFields?: string[];
+    fieldName?: string | null;
+    entity?: string | null;
+    returnFields?: string[] | null;
 }
 export declare interface IFilteringExpressionsTree extends IBaseEventArgs, IExpressionTree {
     filteringOperands: (IFilteringExpressionsTree | IFilteringExpression)[];

package/lib/directives/button/button.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, Renderer2, AfterContentInit, OnDestroy } from '@angular/core';
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
 import { IBaseEventArgs } from '../../core/utils';
 import { IgxButtonBaseDirective } from './button-base';
 import * as i0 from "@angular/core";
@@ -31,7 +31,7 @@ export type IgxButtonType = typeof IgxButtonType[keyof typeof IgxButtonType];
  * <button type="button" igxButton="outlined">A Button</button>
  * ```
  */
-export declare class IgxButtonDirective extends IgxButtonBaseDirective implements AfterContentInit, OnDestroy {
+export declare class IgxButtonDirective extends IgxButtonBaseDirective {
     element: ElementRef;
     private _renderer;
     private static ngAcceptInputType_type;
@@ -69,7 +69,7 @@ export declare class IgxButtonDirective extends IgxButtonBaseDirective implement
      * @internal
      */
     private _selected;
-    private emitSelected;
+    protected emitSelected(): void;
     /**
      * Gets or sets whether the button is selected.
      * Mainly used in the IgxButtonGroup component and it will have no effect if set separately.
@@ -82,8 +82,6 @@ export declare class IgxButtonDirective extends IgxButtonBaseDirective implement
     set selected(value: boolean);
     get selected(): boolean;
     constructor(element: ElementRef, _renderer: Renderer2);
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
     /**
      * Sets the type of the button.
      *

package/lib/directives/drag-drop/drag-drop.directive.d.ts

@@ -564,6 +564,7 @@ export declare class IgxDragDirective implements AfterContentInit, OnDestroy {
      * @hidden
      */
     onTransitionEnd(event: any): void;
+    protected detachGhost(): void;
     protected clearGhost(): void;
     /**
      * @hidden

package/lib/grids/columns/column.component.d.ts

@@ -307,7 +307,8 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      *
      * @memberof IgxColumnComponent
      */
-    maxWidth: string;
+    set maxWidth(value: string);
+    get maxWidth(): string;
     /**
      * Sets/gets the class selector of the column header.
      * ```typescript
@@ -631,6 +632,10 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     get minWidthPx(): number;
+    /**
+     * @hidden
+     */
+    get userSetMinWidthPx(): number;
     /**
      * @hidden
      */
@@ -1120,6 +1125,10 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     destroy$: Subject<any>;
+    /**
+     * @hidden
+     */
+    widthConstrained: boolean;
     /**
      * @hidden
      */
@@ -1193,6 +1202,10 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      * @hidden
      */
     protected _defaultMinWidth: string;
+    /**
+     * @hidden
+     */
+    protected _maxWidth: any;
     /**
      * @hidden
      */
@@ -1373,6 +1386,11 @@ export declare class IgxColumnComponent implements AfterContentInit, OnDestroy,
      */
     populateVisibleIndexes(): void;
     protected getColumnSizesString(children: QueryList<IgxColumnComponent>): string;
+    /**
+     * @hidden
+     * @internal
+     */
+    getConstrainedSizePx(newSize: any): any;
     /**
      * @hidden
      * @internal

package/lib/grids/common/random.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Use the function to get a random UUID string when secure context is not guaranteed making crypto.randomUUID unavailable.
+ * @returns A random UUID string.
+ */
+export declare function getUUID(): `${string}-${string}-${string}-${string}-${string}`;

package/lib/grids/grid-base.directive.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EnvironmentInjector, EventEmitter, Injector, IterableDiffers, NgZone, OnDestroy, OnInit, QueryList, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ComponentRef, DoCheck, ElementRef, EnvironmentInjector, EventEmitter, Injector, IterableDiffers, NgZone, OnDestroy, OnInit, QueryList, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { PlatformUtil } from '../core/utils';
 import { FilteringLogic } from '../data-operations/filtering-expression.interface';
@@ -123,7 +123,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * <igx-grid [id]="'igx-grid-1'" [data]="Data" [emptyGridTemplate]="myTemplate" [autoGenerate]="true"></igx-grid>
      * ```
      */
-    emptyGridTemplate: TemplateRef<void>;
+    emptyGridTemplate: TemplateRef<IgxGridTemplateContext>;
     /**
      * Gets/Sets a custom template for adding row UI when grid is empty.
      *
@@ -141,7 +141,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * <igx-grid [id]="'igx-grid-1'" [data]="Data" [loadingGridTemplate]="myTemplate" [autoGenerate]="true"></igx-grid>
      * ```
      */
-    loadingGridTemplate: TemplateRef<void>;
+    loadingGridTemplate: TemplateRef<IgxGridTemplateContext>;
     /**
      * Get/Set IgxSummaryRow height
      */
@@ -1929,6 +1929,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     protected _sortingOptions: ISortingOptions;
     protected _filterStrategy: IFilteringStrategy;
     protected _autoGeneratedCols: any[];
+    protected _autoGeneratedColsRefs: ComponentRef<IgxColumnComponent>[];
     protected _dataView: any[];
     protected _lastSearchInfo: ISearchInfo;
     protected gridComputedStyles: any;
@@ -2054,6 +2055,10 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
      * @hidden @internal
      */
     private get hasZeroResultFilter();
+    protected get totalCalcWidth(): number;
+    protected get renderData(): any[];
+    protected displayStyle: string;
+    protected templateRows: string;
     /**
      * @hidden @internal
      */
@@ -3185,7 +3190,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     /**
      * @hidden @internal
      */
-    trackColumnChanges(index: any, col: any): any;
+    trackColumnChanges(_index: any, col: any): any;
     /**
      * @hidden
      */
@@ -3244,7 +3249,7 @@ export declare abstract class IgxGridBaseDirective implements GridType, OnInit,
     /**
      * @hidden
      */
-    rowEditingWheelHandler(event: WheelEvent): void;
+    rowEditingWheelHandler: (event: WheelEvent) => void;
     /**
      * @hidden
      */

package/lib/grids/hierarchical-grid/events.d.ts

@@ -5,4 +5,5 @@ export interface IGridCreatedEventArgs extends IBaseEventArgs {
     owner: IgxRowIslandComponent;
     parentID: any;
     grid: IgxHierarchicalGridComponent;
+    parentRowData?: any;
 }

package/lib/grids/hierarchical-grid/hierarchical-grid-base.directive.d.ts

@@ -26,6 +26,7 @@ export declare const IgxHierarchicalTransactionServiceFactory: {
 };
 export declare abstract class IgxHierarchicalGridBaseDirective extends IgxGridBaseDirective implements GridType {
     gridAPI: IgxHierarchicalGridAPIService;
+    navigation: IgxHierarchicalGridNavigationService;
     /**
      * Gets/Sets the key indicating whether a row has children. If row has no children it does not render an expand indicator.
      *
@@ -86,7 +87,6 @@ export declare abstract class IgxHierarchicalGridBaseDirective extends IgxGridBa
     abstract rootGrid: GridType;
     abstract expandChildren: boolean;
     constructor(validationService: IgxGridValidationService, selectionService: IgxGridSelectionService, colResizingService: IgxColumnResizingService, gridAPI: IgxHierarchicalGridAPIService, transactionFactory: IgxFlatTransactionFactory, elementRef: ElementRef<HTMLElement>, zone: NgZone, document: any, cdr: ChangeDetectorRef, differs: IterableDiffers, viewRef: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector, navigation: IgxHierarchicalGridNavigationService, filteringService: IgxFilteringService, textHighlightService: IgxTextHighlightService, overlayService: IgxOverlayService, summaryService: IgxGridSummaryService, localeId: string, platform: PlatformUtil, _diTransactions?: TransactionService<Transaction, State>);
-    navigation: IgxHierarchicalGridNavigationService;
     /**
      * @hidden
      */

package/lib/grids/pivot-grid/pivot-grid.component.d.ts

@@ -50,6 +50,7 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class IgxPivotGridComponent extends IgxGridBaseDirective implements OnInit, AfterContentInit, GridType, AfterViewInit, OnChanges {
+    navigation: IgxPivotGridNavigationService;
     /**
      * Emitted when the dimension collection is changed via the grid chip area.
      *
@@ -513,7 +514,6 @@ export declare class IgxPivotGridComponent extends IgxGridBaseDirective implemen
     set batchEditing(_val: boolean);
     get selectedRows(): any[];
     constructor(validationService: IgxGridValidationService, selectionService: IgxGridSelectionService, colResizingService: IgxPivotColumnResizingService, gridAPI: GridBaseAPIService<IgxGridBaseDirective & GridType>, transactionFactory: IgxFlatTransactionFactory, elementRef: ElementRef<HTMLElement>, zone: NgZone, document: any, cdr: ChangeDetectorRef, differs: IterableDiffers, viewRef: ViewContainerRef, injector: Injector, envInjector: EnvironmentInjector, navigation: IgxPivotGridNavigationService, filteringService: IgxFilteringService, textHighlightService: IgxTextHighlightService, overlayService: IgxOverlayService, summaryService: IgxGridSummaryService, localeId: string, platform: PlatformUtil, _diTransactions?: TransactionService<Transaction, State>);
-    navigation: IgxPivotGridNavigationService;
     /**
      * @hidden
      */
@@ -545,6 +545,7 @@ export declare class IgxPivotGridComponent extends IgxGridBaseDirective implemen
     get allDimensions(): IPivotDimension[];
     protected get allVisibleDimensions(): IPivotDimension[];
     protected get shouldResize(): boolean;
+    protected get emptyBottomSize(): number;
     /** @hidden @internal */
     createFilterESF(dropdown: any, column: ColumnType, options: OverlaySettings, shouldReatach: boolean): {
         id: any;

package/lib/grids/pivot-grid/pivot-header-row.component.d.ts

@@ -25,7 +25,6 @@ export declare class IgxPivotHeaderRowComponent extends IgxGridHeaderRowComponen
     filterDropdownDimensions: Set<any>;
     filterAreaDimensions: Set<any>;
     private _dropPos;
-    private valueData;
     private _subMenuPositionSettings;
     private _subMenuOverlaySettings;
     /**

package/lib/grids/toolbar/grid-toolbar-advanced-filtering.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { IgxToolbarToken } from './token';
 import { OverlaySettings } from '../../services/overlay/utilities';
 import { IFilteringExpressionsTree } from '../../data-operations/filtering-expressions-tree';
@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
  * <igx-grid-toolbar-advanced-filtering>Custom text</igx-grid-toolbar-advanced-filtering>
  * ```
  */
-export declare class IgxGridToolbarAdvancedFilteringComponent implements AfterViewInit {
+export declare class IgxGridToolbarAdvancedFilteringComponent implements OnInit {
     private toolbar;
     protected numberOfColumns: number;
     /**
@@ -29,7 +29,7 @@ export declare class IgxGridToolbarAdvancedFilteringComponent implements AfterVi
     /**
      * @hidden
      */
-    ngAfterViewInit(): void;
+    ngOnInit(): void;
     protected extractUniqueFieldNamesFromFilterTree(filteringTree?: IFilteringExpressionsTree): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridToolbarAdvancedFilteringComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IgxGridToolbarAdvancedFilteringComponent, "igx-grid-toolbar-advanced-filtering", never, { "overlaySettings": { "alias": "overlaySettings"; "required": false; }; }, {}, never, ["*"], true, never>;

package/lib/query-builder/query-builder-drag.service.d.ts

@@ -4,32 +4,29 @@ import { ExpressionGroupItem, ExpressionItem } from './query-builder.common';
 import * as i0 from "@angular/core";
 /** @hidden @internal */
 export declare class IgxQueryBuilderDragService {
+    /** The ExpressionItem that's actually the drop ghost's content */
+    dropGhostExpression: ExpressionItem;
+    isKeyboardDrag: boolean;
     private _queryBuilderTreeComponent;
     private _queryBuilderTreeComponentElRef;
-    private _queryBuilderTreeComponentDeleteItem;
-    private _queryBuilderFocusChipAfterDrag;
-    constructor(_queryBuilderTreeComponent: IgxQueryBuilderTreeComponent, _queryBuilderTreeComponentElRef: ElementRef, _queryBuilderTreeComponentDeleteItem: (expressionItem: ExpressionItem) => void, _queryBuilderFocusChipAfterDrag: (index: number) => void);
-    dropGhostChipNode: Node;
-    private sourceExpressionItem;
-    private sourceElement;
-    private targetExpressionItem;
-    private targetElement;
-    private dropUnder;
+    private _sourceExpressionItem;
+    private _sourceElement;
+    private _targetExpressionItem;
+    private _dropUnder;
     private _ghostChipMousemoveSubscription$;
     private _keyboardSubscription$;
-    private _keyDragOffsetIndex;
-    private _keyDragFirstMove;
-    private _isKeyboardDrag;
-    /** stores a flat ordered list of all chips, including +Condition button, while performing the keyboard drag&drop */
-    private _dropZonesList;
-    /** stores a flat ordered list of all expressions, including +Condition button, while performing the keyboard drag&drop */
-    private _expressionsList;
+    private _keyDragCurrentIndex;
+    private _keyDragInitialIndex;
+    private _isKeyDragsFirstMove;
+    /** Stores a flat ordered list of possible drop locations as Tuple <[targetExpression, dropUnder]>, while performing the keyboard drag&drop */
+    private _possibleDropLocations;
     private _timeoutId;
     /** Get the dragged ghost as a HTMLElement*/
-    private get dragGhostElement();
-    /** Get the drop ghost as a HTMLElement*/
-    private get dropGhostElement();
-    private get mainExpressionTree();
+    private get getDragGhostElement();
+    /** Get the drop ghost chip component */
+    private get getDropGhostElement();
+    private get getMainExpressionTree();
+    register(tree: IgxQueryBuilderTreeComponent, el: ElementRef): void;
     /** When chip is picked up for dragging
      *
      * @param sourceDragElement The HTML element of the chip that's been dragged
@@ -87,30 +84,23 @@ export declare class IgxQueryBuilderDragService {
     private dragGhostIsOnDropGhostRow;
     /** Checks if the dragged ghost is north or south of a target element's center*/
     private ghostInLowerPart;
-    /** Create the drop ghost node based on the base chip that's been dragged*/
-    private createDropGhost;
-    /** Make a copy of the drag chip and place it in the DOM north or south of the drop chip*/
+    /** Make a copy of the _sourceExpressionItem's chip and paste it in the tree north or south of the _targetExpressionItem's chip */
     private renderDropGhostChip;
     /** Set the cursor when dragging a ghost*/
     private setDragCursor;
-    /** Execute the drop*/
-    private moveDraggedChipToNewLocation;
+    /** Removes the drop ghost expression from the tree and it's chip effectively  */
+    private clearDropGhost;
     /** Reset Drag&Drop vars. Optionally the drag source vars too*/
     private resetDragAndDrop;
+    /** Start listening for drag and drop specific keys */
     private listenToKeyboard;
     /** Perform up/down movement of drop ghost along the expression tree*/
     private arrowDrag;
-    /** Get previous chip area taking into account a possible hidden sub-tree or collapsed base chip*/
-    private getPreviousChip;
-    /** Get next chip area taking into account a possible hidden sub-tree or collapsed base chip*/
-    private getNextChip;
-    /** Get all expressions from the tree flatten out as a list, including the expression groups*/
-    private getListedExpressions;
-    /** Gets all chip elements owned by this tree (discard child trees), AND/OR group roots and '+condition' button, flatten out as a list of HTML elements*/
-    private getListedDropZones;
-    /** Determine which chip to be focused after successful drop is completed*/
-    private calculateDropLocationIndex;
-    /** Sets the z-index of the drag ghost with a little delay, since we don't have access to ghostCreated() but we know it's executed right after moveStart()*/
+    /** Produces a flat ordered list of possible drop locations as Tuple <[targetExpression, dropUnder]>, while performing the keyboard drag&drop */
+    private getPossibleDropLocations;
+    /** Counts how many chips will be in the tree (from top to bottom) before the dropped one */
+    private countChipsBeforeDropLocation;
+    /** Sets the z-index of the drag ghost with a little delay, since we don't have access to ghostCreated() but we know it's executed right after moveStart() */
     private setDragGhostZIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxQueryBuilderDragService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IgxQueryBuilderDragService>;