igniteui-angular 17.0.12 → 17.0.14

package/lib/buttonGroup/buttonGroup.component.d.ts

@@ -203,12 +203,13 @@ export declare class IgxButtonGroupComponent extends DisplayDensityBase implemen
      */
     selectedIndexes: number[];
     protected buttonClickNotifier$: Subject<boolean>;
-    protected buttonSelectedNotifier$: Subject<boolean>;
     protected queryListNotifier$: Subject<boolean>;
     private _isVertical;
     private _itemContentCssClass;
     private _disabled;
     private _selectionMode;
+    private mutationObserver;
+    private observerConfig;
     constructor(_cdr: ChangeDetectorRef, _renderer: Renderer2, _el: ElementRef, _displayDensityOptions: IDisplayDensityOptions);
     /**
      * Gets the selected button/buttons.
@@ -270,6 +271,9 @@ export declare class IgxButtonGroupComponent extends DisplayDensityBase implemen
      * @hidden
      */
     _clickHandler(index: number): void;
+    private setMutationsObserver;
+    private getUpdatedButtons;
+    private updateButtonSelectionState;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxButtonGroupComponent, [null, null, null, { optional: true; }]>;
     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 ngAcceptInputType_disabled: unknown;

package/lib/core/density.d.ts

@@ -61,7 +61,6 @@ export declare class DisplayDensityBase implements DoCheck, OnInit {
      * Sets the theme of the component.
      */
     set displayDensity(val: DisplayDensity);
-    get size(): string;
     /**
      * @hidden
      */

package/lib/core/styles/components/button/_button-theme.scss

@@ -376,20 +376,13 @@
         compact: rem(4px)
     );
 
-    $icon-sizes: map.get((
-        material: rem(18px),
-        fluent: rem(16px),
-        bootstrap: rem(18px),
-        indigo-design: rem(18px),
-    ), $variant);
-
     $filtering-row-button-size: (
         comfortable: rem(40px),
         cosy: rem(30px),
         compact: rem(21px)
     );
 
-    $icon-in-button-size: $icon-sizes;
+    $icon-in-button-size: rem(18px);
 
     $raised-shadow: map.get((
         material: var-get($raised-theme, 'resting-shadow'),
@@ -487,12 +480,6 @@
             map.get($items-gap, 'comfortable')
         );
 
-
-        @if ($variant == 'bootstrap') {
-            // important is needed to override the typography margins
-            margin: rem(4px) !important;
-        }
-
         igx-icon {
             --component-size: var(--ig-size, var(--ig-size-large));
             display: flex;

package/lib/core/styles/components/grid/_excel-filtering-theme.scss

@@ -456,6 +456,11 @@
         margin-inline: pad-inline(rem(4px), rem(4px), rem(16px));
         margin-block-start: 0;
 
+        @if $bootstrap-theme {
+            // important is needed to override the typography margins
+            margin-block-end: rem(4px)!important;
+        }
+
         igx-icon {
             width: var(--igx-icon-size, #{rem(18px)});
             height: var(--igx-icon-size, #{rem(18px)});

package/lib/core/styles/components/grid/_grid-theme.scss

@@ -2654,6 +2654,12 @@
                 }
             }
         }
+
+        @if ($variant == 'bootstrap') {
+            [igxButton] {
+                margin: rem(4px);
+            }
+        }
     }
 
     %igx-grid__filtering-dropdown-items {

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

@@ -131,7 +131,7 @@ export declare class IgxAutocompleteDirective extends IgxDropDownItemNavigationD
     get ariaAutocomplete(): string;
     protected _composing: boolean;
     protected id: string;
-    protected get model(): NgModel | FormControlName;
+    protected get model(): FormControlName | NgModel;
     private _shouldBeOpen;
     private destroy$;
     private defaultSettings;

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

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { ElementRef, EventEmitter, Renderer2, AfterContentInit } from '@angular/core';
 import { DisplayDensityBase, IDisplayDensityOptions } from '../../core/density';
 import { IBaseEventArgs } from '../../core/utils';
 import * as i0 from "@angular/core";
@@ -32,7 +32,7 @@ export type IgxButtonType = typeof IgxButtonType[keyof typeof IgxButtonType];
  * <button type="button" igxButton="outlined">A Button</button>
  * ```
  */
-export declare class IgxButtonDirective extends DisplayDensityBase {
+export declare class IgxButtonDirective extends DisplayDensityBase implements AfterContentInit {
     element: ElementRef;
     private _renderer;
     protected _displayDensityOptions: IDisplayDensityOptions;
@@ -97,6 +97,7 @@ export declare class IgxButtonDirective extends DisplayDensityBase {
     set selected(value: boolean);
     get selected(): boolean;
     constructor(element: ElementRef, _renderer: Renderer2, _displayDensityOptions: IDisplayDensityOptions);
+    ngAfterContentInit(): void;
     /**
      * @hidden
      * @internal

package/lib/grids/filtering/base/grid-filtering-row.component.d.ts

@@ -24,7 +24,7 @@ export declare class IgxGridFilteringRowComponent implements AfterViewInit, OnDe
     set column(val: ColumnType);
     get value(): any;
     set value(val: any);
-    get displayDensity(): "compact" | "cosy";
+    get displayDensity(): "cosy" | "compact";
     defaultCSSClass: boolean;
     get compactCSSClass(): boolean;
     get cosyCSSClass(): boolean;
@@ -63,7 +63,7 @@ export declare class IgxGridFilteringRowComponent implements AfterViewInit, OnDe
     ngAfterViewInit(): void;
     get disabled(): boolean;
     get template(): TemplateRef<any>;
-    get type(): "text" | "number";
+    get type(): "number" | "text";
     get conditions(): any;
     get isUnaryCondition(): boolean;
     get placeholder(): string;

package/lib/grids/filtering/excel-style/excel-style-default-expression.component.d.ts

@@ -40,7 +40,7 @@ export declare class IgxExcelStyleDefaultExpressionComponent implements AfterVie
     get isSingle(): boolean;
     get conditionsPlaceholder(): string;
     get inputValuePlaceholder(): string;
-    get type(): "text" | "number";
+    get type(): "number" | "text";
     constructor(cdr: ChangeDetectorRef, platform: PlatformUtil);
     get conditions(): string[];
     protected get inputValuesElement(): HTMLInputElement;

package/lib/grids/filtering/excel-style/excel-style-filtering.component.d.ts

@@ -144,7 +144,7 @@ export declare class IgxGridExcelStyleFilteringComponent extends BaseFilteringCo
     /**
      * @hidden @internal
      */
-    get displayDensity(): "compact" | "comfortable" | "cosy";
+    get displayDensity(): "comfortable" | "cosy" | "compact";
     constructor(cdr: ChangeDetectorRef, element: ElementRef<HTMLElement>, platform: PlatformUtil, document: any, gridAPI?: GridType);
     /**
      * @hidden @internal

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

@@ -3401,7 +3401,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     /**
      * @hidden
      */
-    resolveDataTypes(rec: any): "string" | "number" | "boolean" | "image" | "date";
+    resolveDataTypes(rec: any): "string" | "number" | "boolean" | "date" | "image";
     /**
      * @hidden
      */
@@ -3477,6 +3477,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
     private find;
     private rebuildMatchCache;
     private configureRowEditingOverlay;
+    private handleColumnPinningForGroups;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxGridBaseDirective, [null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null, { optional: true; }]>;
     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; }; "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; }; "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"; "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"; "rowToggle": "rowToggle"; "rowPinning": "rowPinning"; "rowPinned": "rowPinned"; "activeNodeChange": "activeNodeChange"; "sortingExpressionsChange": "sortingExpressionsChange"; "toolbarExporting": "toolbarExporting"; "rangeSelected": "rangeSelected"; "rendered": "rendered"; "localeChange": "localeChange"; "dataChanging": "dataChanging"; "dataChanged": "dataChanged"; }, ["actionStrip", "excelStyleLoadingValuesTemplateDirective", "rowAddText", "rowExpandedIndicatorDirectiveTemplate", "rowCollapsedIndicatorDirectiveTemplate", "headerExpandedIndicatorDirectiveTemplate", "headerCollapsedIndicatorDirectiveTemplate", "excelStyleHeaderIconDirectiveTemplate", "sortAscendingHeaderIconDirectiveTemplate", "sortDescendingHeaderIconDirectiveTemplate", "sortHeaderIconDirectiveTemplate", "excelStyleFilteringComponents", "columnList", "headSelectorsTemplates", "rowSelectorsTemplates", "dragGhostCustomTemplates", "rowEditCustomDirectives", "rowEditTextDirectives", "rowEditActionsDirectives", "dragIndicatorIconTemplates", "rowEditTabsCUSTOM", "toolbar", "paginationComponents"], never, false, never>;
     static ngAcceptInputType_autoGenerate: unknown;

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

@@ -132,6 +132,8 @@ export declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBas
      * @hidden
      */
     childLayoutKeys: any[];
+    /** @hidden @internal */
+    dataSetByUser: boolean;
     /**
      * @hidden
      */
@@ -328,6 +330,8 @@ export declare class IgxHierarchicalGridComponent extends IgxHierarchicalGridBas
      */
     getCellByKey(rowSelector: any, columnField: string): CellType;
     pinRow(rowID: any, index?: number): boolean;
+    /** @hidden @internal */
+    setDataInternal(value: any): void;
     unpinRow(rowID: any): boolean;
     /**
      * @hidden @internal

package/lib/tabs/tab-content.directive.d.ts

@@ -12,7 +12,7 @@ export declare abstract class IgxTabContentDirective implements IgxTabContentBas
     /** @hidden */
     get tabIndex(): 0 | -1;
     /** @hidden */
-    get zIndex(): "auto" | -1;
+    get zIndex(): -1 | "auto";
     /** @hidden */
     get nativeElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<IgxTabContentDirective, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-angular",
-  "version": "17.0.12",
+  "version": "17.0.14",
   "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",