igniteui-angular 19.2.0-alpha.2 → 19.2.0-rc.0

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>;

package/lib/query-builder/query-builder-tree.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, EventEmitter, TemplateRef } from '@angular/core';
-import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, QueryList, ElementRef, OnDestroy } from '@angular/core';
 import { IgxChipComponent } from '../chips/chip.component';
 import { IQueryBuilderResourceStrings } from '../core/i18n/query-builder-resources';
 import { PlatformUtil, trackByIdentity } from '../core/utils';
@@ -19,10 +19,18 @@ import * as i0 from "@angular/core";
 /** @hidden */
 export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDestroy {
     cdr: ChangeDetectorRef;
+    dragService: IgxQueryBuilderDragService;
     protected platform: PlatformUtil;
-    protected el: ElementRef;
     private elRef;
     protected _localeId: string;
+    /**
+     * @hidden @internal
+     */
+    _expressionTree: IExpressionTree;
+    /**
+     * @hidden @internal
+     */
+    _expressionTreeCopy: IExpressionTree;
     /**
      * @hidden @internal
      */
@@ -82,6 +90,10 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
      * Returns the resource strings.
      */
     get resourceStrings(): IQueryBuilderResourceStrings;
+    /**
+     * Gets/sets the expected return field.
+     */
+    expectedReturnField: string;
     /**
      * Event fired as the expression tree is changed.
      */
@@ -103,7 +115,10 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
     private entityChangeDialog;
     private addExpressionItemDropDown;
     private groupContextMenuDropDown;
-    private expressionsChips;
+    /**
+     * @hidden @internal
+     */
+    expressionsChips: QueryList<IgxChipComponent>;
     protected set editingInputsContainer(value: ElementRef);
     /** @hidden */
     protected get editingInputsContainer(): ElementRef;
@@ -199,7 +214,6 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
     private _prevFocusedContainer;
     private _expandedExpressions;
     private _fields;
-    private _expressionTree;
     private _locale;
     private _entityNewValue;
     private _resourceStrings;
@@ -220,8 +234,10 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
     /** @hidden */
     protected isAdvancedFiltering(): boolean;
     /** @hidden */
+    protected isHierarchicalNestedQuery(): boolean;
+    /** @hidden */
     protected isSearchValueInputDisabled(): boolean;
-    constructor(cdr: ChangeDetectorRef, platform: PlatformUtil, el: ElementRef, elRef: ElementRef, _localeId: string);
+    constructor(cdr: ChangeDetectorRef, dragService: IgxQueryBuilderDragService, platform: PlatformUtil, elRef: ElementRef, _localeId: string);
     /**
      * @hidden @internal
      */
@@ -314,7 +330,10 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
      * @hidden @internal
      */
     cancelOperandAdd(): void;
-    private deleteItem;
+    /**
+     * @hidden @internal
+     */
+    deleteItem: (expressionItem: ExpressionItem, skipEmit?: boolean) => void;
     /**
      * @hidden @internal
      */
@@ -357,11 +376,10 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
      * @hidden @internal
      */
     onChipRemove(expressionItem: ExpressionItem): void;
-    private focusChipAfterDrag;
     /**
      * @hidden @internal
      */
-    dragService: IgxQueryBuilderDragService;
+    focusChipAfterDrag: (index: number) => void;
     /**
      * @hidden @internal
      */
@@ -475,9 +493,9 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
     onReturnFieldSelectChanging(event: IComboSelectionChangingEventArgs | ISelectionEventArgs): void;
     initExpressionTree(selectedEntityName: string, selectedReturnFields: string[]): void;
     getSearchValueTemplateContext(defaultSearchValueTemplate: any): any;
-    private setFormat;
+    private getPipeArgs;
     private selectDefaultCondition;
-    private setFilters;
+    private getFilters;
     private addGroup;
     private createExpressionGroupItem;
     private createExpressionTreeFromGroupItem;
@@ -487,5 +505,5 @@ export declare class IgxQueryBuilderTreeComponent implements AfterViewInit, OnDe
     /** rootGroup is recreated after clicking Apply, which sets new expressionTree and calls init()*/
     protected trackExpressionItem: typeof trackByIdentity;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxQueryBuilderTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IgxQueryBuilderTreeComponent, "igx-query-builder-tree", never, { "entities": { "alias": "entities"; "required": false; }; "queryBuilder": { "alias": "queryBuilder"; "required": false; }; "searchValueTemplate": { "alias": "searchValueTemplate"; "required": false; }; "parentExpression": { "alias": "parentExpression"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "expressionTree": { "alias": "expressionTree"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; }, { "expressionTreeChange": "expressionTreeChange"; "inEditModeChange": "inEditModeChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IgxQueryBuilderTreeComponent, "igx-query-builder-tree", never, { "entities": { "alias": "entities"; "required": false; }; "queryBuilder": { "alias": "queryBuilder"; "required": false; }; "searchValueTemplate": { "alias": "searchValueTemplate"; "required": false; }; "parentExpression": { "alias": "parentExpression"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "expressionTree": { "alias": "expressionTree"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "expectedReturnField": { "alias": "expectedReturnField"; "required": false; }; }, { "expressionTreeChange": "expressionTreeChange"; "inEditModeChange": "inEditModeChange"; }, never, never, true, never>;
 }

package/lib/query-builder/query-builder.common.d.ts

@@ -46,6 +46,7 @@ export declare const QueryBuilderSelectors: {
     FILTER_TREE_EXPRESSION_CONTEXT_MENU: string;
     FILTER_TREE_EXPRESSION_ITEM: string;
     FILTER_TREE_EXPRESSION_ITEM_DROP_GHOST: string;
+    FILTER_TREE_EXPRESSION_ITEM_KEYBOARD_GHOST: string;
     FILTER_TREE_EXPRESSION_ITEM_GHOST: string;
     FILTER_TREE_EXPRESSION_SECTION: string;
     FILTER_TREE_LINE_AND: string;
@@ -55,5 +56,4 @@ export declare const QueryBuilderSelectors: {
     QUERY_BUILDER_BODY: string;
     QUERY_BUILDER_HEADER: string;
     QUERY_BUILDER_TREE: string;
-    VIABLE_DROP_AREA: string;
 };

package/migrations/migration-collection.json

@@ -216,6 +216,16 @@
             "version": "19.1.1",
             "description": "Updates Ignite UI for Angular from v19.1.0 to v19.1.1",
             "factory": "./update-19_1_1"
+        },
+        "migration-44": {
+            "version": "19.1.4",
+            "description": "Updates Ignite UI for Angular from v19.1.0 to v19.1.4",
+            "factory": "./update-19_1_4"
+        },
+        "migration-45": {
+            "version": "19.2.0",
+            "description": "Updates Ignite UI for Angular from v19.1.0 to v19.2.0",
+            "factory": "./update-19_2_0"
         }
     }
 }

package/migrations/update-19_1_4/changes/theme-changes.json

@@ -0,0 +1,29 @@
+{
+    "$schema": "../../common/schema/theme-changes.schema.json",
+    "changes": [
+      {
+        "name": "$root-summaries-background",
+        "remove": true,
+        "owner": "grid-theme",
+        "type": "property"
+      },
+      {
+        "name": "$root-summaries-text-color",
+        "remove": true,
+        "owner": "grid-theme",
+        "type": "property"
+      },
+      {
+        "name": "$body-summaries-background",
+        "remove": true,
+        "owner": "grid-theme",
+        "type": "property"
+      },
+      {
+        "name": "$body-summaries-text-color",
+        "remove": true,
+        "owner": "grid-theme",
+        "type": "property"
+      }
+    ]
+  }

package/migrations/update-19_1_4/index.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from '@angular-devkit/schematics';
+declare const _default: () => Rule;
+export default _default;

package/migrations/update-19_1_4/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UpdateChanges_1 = require("../common/UpdateChanges");
+const version = '19.1.4';
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
+    context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
+    update.applyChanges();
+});

package/migrations/update-19_2_0/changes/inputs.json

@@ -0,0 +1,13 @@
+{
+    "$schema": "../../common/schema/binding.schema.json",
+    "changes": [
+        {
+            "name": "keyboardSupport",
+            "remove": true,
+            "owner": {
+                "selector": "igx-carousel",
+                "type": "component"
+            }
+        }
+    ]
+}

package/migrations/update-19_2_0/changes/theme-changes.json

@@ -0,0 +1,59 @@
+{
+    "$schema": "../../common/schema/theme-changes.schema.json",
+    "changes": [
+      {
+        "name": "$label-invalid-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$track-error-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$thumb-on-error-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$error-color",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$error-color-hover",
+        "remove": true,
+        "owner": "switch-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-hover-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-selected-current-focus-outline",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      },
+      {
+        "name": "$date-special-current-border-color",
+        "remove": true,
+        "owner": "calendar-theme",
+        "type": "property"
+      }
+    ]
+  }

package/migrations/update-19_2_0/index.d.ts

@@ -0,0 +1,3 @@
+import type { Rule } from '@angular-devkit/schematics';
+declare const _default: () => Rule;
+export default _default;

package/migrations/update-19_2_0/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const UpdateChanges_1 = require("../common/UpdateChanges");
+const version = '19.2.0';
+exports.default = () => (host, context) => __awaiter(void 0, void 0, void 0, function* () {
+    context.logger.info(`Applying migration for Ignite UI for Angular to version ${version}`);
+    const update = new UpdateChanges_1.UpdateChanges(__dirname, host, context);
+    update.applyChanges();
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "19.2.0-alpha.2",
+  "version": "19.2.0-rc.0",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -73,7 +73,7 @@
     "tslib": "^2.3.0",
     "igniteui-trial-watermark": "^3.0.2",
     "lodash-es": "^4.17.21",
-    "igniteui-theming": "^16.0.0",
+    "igniteui-theming": "^17.2.0",
     "@igniteui/material-icons-extended": "^3.1.0"
   },
   "peerDependencies": {