igniteui-angular 13.2.4 → 13.2.7

package/fesm2020/igniteui-angular.mjs

@@ -37693,7 +37693,7 @@ class IgxSimpleComboComponent extends IgxComboBaseDirective {
     }
     /** @hidden @internal */
     onBlur() {
-        if (this.collapsed) {
+        if (this.collapsed && !this.selectedItem) {
             this.clearOnBlur();
         }
         super.onBlur();
@@ -46365,6 +46365,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                     selector: '[igxTreeExpandIndicator]'
                 }]
         }] });
+/**
+ * IgxTreeComponent allows a developer to show a set of nodes in a hierarchical fashion.
+ *
+ * @igxModule IgxTreeModule
+ * @igxKeywords tree
+ * @igxTheme igx-tree-theme
+ * @igxGroup Grids & Lists
+ *
+ * @remark
+ * The Angular Tree Component allows users to represent hierarchical data in a tree-view structure,
+ * maintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.
+ * Its primary purpose is to allow end-users to visualize and navigate within hierarchical data structures.
+ * The Ignite UI for Angular Tree Component also provides load on demand capabilities, item activation,
+ * bi-state and cascading selection of items through built-in checkboxes, built-in keyboard navigation and more.
+ *
+ * @example
+ * ```html
+ * <igx-tree>
+ *   <igx-tree-node>
+ *      I am a parent node 1
+ *      <igx-tree-node>
+ *          I am a child node 1
+ *      </igx-tree-node>
+ *      ...
+ *   </igx-tree-node>
+ *	 ...
+ * </igx-tree>
+ * ```
+ */
 class IgxTreeComponent extends DisplayDensityBase {
     constructor(navService, selectionService, treeService, element, _displayDensityOptions) {
         super(_displayDensityOptions);
@@ -76043,6 +76072,12 @@ class IgxHierarchicalGridComponent extends IgxHierarchicalGridBaseDirective {
         const id = this.id;
         return (!this.parentIsland && this.paginationComponents?.first) || this.rootGrid.paginatorList?.find((pg) => pg.nativeElement.offsetParent?.id === id);
     }
+    /** @hidden @internal */
+    get excelStyleFilteringComponent() {
+        return this.parentIsland ?
+            this.parentIsland.excelStyleFilteringComponents.first :
+            super.excelStyleFilteringComponent;
+    }
     /**
      * Sets an array of objects containing the filtered data in the `IgxHierarchicalGridComponent`.
      * ```typescript
@@ -86312,6 +86347,19 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
          */
         this.toolbarExporting = new EventEmitter();
     }
+    /**
+     * Gets the sorting expressions generated for the dimensions.
+     *
+     * @example
+     * ```typescript
+     * const expressions = this.grid.dimensionsSortingExpressions;
+     * ```
+     */
+    get dimensionsSortingExpressions() {
+        const allEnabledDimensions = this.rowDimensions.concat(this.columnDimensions);
+        const dimensionsSortingExpressions = PivotSortUtil.generateDimensionSortingExpressions(allEnabledDimensions);
+        return dimensionsSortingExpressions;
+    }
     set pivotConfiguration(value) {
         this._pivotConfiguration = value;
         if (!this._init) {
@@ -87334,9 +87382,8 @@ class IgxPivotGridComponent extends IgxGridBaseDirective {
             dim.childLevel.sortDirection = dimension.sortDirection;
             dim = dim.childLevel;
         }
-        const dimensionsSortingExpressions = PivotSortUtil.generateDimensionSortingExpressions(this.rowDimensions);
         this.pipeTrigger++;
-        this.dimensionsSortingExpressionsChange.emit(dimensionsSortingExpressions);
+        this.dimensionsSortingExpressionsChange.emit(this.dimensionsSortingExpressions);
         if (dimensionType === PivotDimensionType.Column) {
             this.setupColumns();
         }