igniteui-angular 17.0.12 → 17.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/esm2022/lib/buttonGroup/buttonGroup.component.mjs +60 -24
  2. package/esm2022/lib/directives/button/button.directive.mjs +10 -5
  3. package/esm2022/lib/grids/columns/column-group.component.mjs +15 -2
  4. package/esm2022/lib/grids/grid-base.directive.mjs +43 -35
  5. package/fesm2022/igniteui-angular.mjs +124 -62
  6. package/fesm2022/igniteui-angular.mjs.map +1 -1
  7. package/lib/buttonGroup/buttonGroup.component.d.ts +5 -1
  8. package/lib/core/styles/components/button/_button-theme.scss +1 -8
  9. package/lib/directives/button/button.directive.d.ts +3 -2
  10. package/lib/grids/grid-base.directive.d.ts +1 -0
  11. package/package.json +1 -1
  12. package/styles/igniteui-fluent-dark-excel.css +1 -1
  13. package/styles/igniteui-fluent-dark-word.css +1 -1
  14. package/styles/igniteui-fluent-dark.css +1 -1
  15. package/styles/igniteui-fluent-light-excel.css +1 -1
  16. package/styles/igniteui-fluent-light-word.css +1 -1
  17. package/styles/igniteui-fluent-light.css +1 -1
  18. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  19. package/styles/maps/igniteui-angular.css.map +1 -1
  20. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  21. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  22. package/styles/maps/igniteui-dark-green.css.map +1 -1
  23. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  24. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  25. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  26. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  27. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  28. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  29. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  30. package/styles/maps/igniteui-indigo-light.css.map +1 -1
@@ -203,12 +203,13 @@ export declare class IgxButtonGroupComponent extends DisplayDensityBase implemen
203
203
  */
204
204
  selectedIndexes: number[];
205
205
  protected buttonClickNotifier$: Subject<boolean>;
206
- protected buttonSelectedNotifier$: Subject<boolean>;
207
206
  protected queryListNotifier$: Subject<boolean>;
208
207
  private _isVertical;
209
208
  private _itemContentCssClass;
210
209
  private _disabled;
211
210
  private _selectionMode;
211
+ private mutationObserver;
212
+ private observerConfig;
212
213
  constructor(_cdr: ChangeDetectorRef, _renderer: Renderer2, _el: ElementRef, _displayDensityOptions: IDisplayDensityOptions);
213
214
  /**
214
215
  * Gets the selected button/buttons.
@@ -270,6 +271,9 @@ export declare class IgxButtonGroupComponent extends DisplayDensityBase implemen
270
271
  * @hidden
271
272
  */
272
273
  _clickHandler(index: number): void;
274
+ private setMutationsObserver;
275
+ private getUpdatedButtons;
276
+ private updateButtonSelectionState;
273
277
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxButtonGroupComponent, [null, null, null, { optional: true; }]>;
274
278
  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>;
275
279
  static ngAcceptInputType_disabled: unknown;
@@ -376,20 +376,13 @@
376
376
  compact: rem(4px)
377
377
  );
378
378
 
379
- $icon-sizes: map.get((
380
- material: rem(18px),
381
- fluent: rem(16px),
382
- bootstrap: rem(18px),
383
- indigo-design: rem(18px),
384
- ), $variant);
385
-
386
379
  $filtering-row-button-size: (
387
380
  comfortable: rem(40px),
388
381
  cosy: rem(30px),
389
382
  compact: rem(21px)
390
383
  );
391
384
 
392
- $icon-in-button-size: $icon-sizes;
385
+ $icon-in-button-size: rem(18px);
393
386
 
394
387
  $raised-shadow: map.get((
395
388
  material: var-get($raised-theme, 'resting-shadow'),
@@ -1,4 +1,4 @@
1
- import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
1
+ import { ElementRef, EventEmitter, Renderer2, AfterContentInit } from '@angular/core';
2
2
  import { DisplayDensityBase, IDisplayDensityOptions } from '../../core/density';
3
3
  import { IBaseEventArgs } from '../../core/utils';
4
4
  import * as i0 from "@angular/core";
@@ -32,7 +32,7 @@ export type IgxButtonType = typeof IgxButtonType[keyof typeof IgxButtonType];
32
32
  * <button type="button" igxButton="outlined">A Button</button>
33
33
  * ```
34
34
  */
35
- export declare class IgxButtonDirective extends DisplayDensityBase {
35
+ export declare class IgxButtonDirective extends DisplayDensityBase implements AfterContentInit {
36
36
  element: ElementRef;
37
37
  private _renderer;
38
38
  protected _displayDensityOptions: IDisplayDensityOptions;
@@ -97,6 +97,7 @@ export declare class IgxButtonDirective extends DisplayDensityBase {
97
97
  set selected(value: boolean);
98
98
  get selected(): boolean;
99
99
  constructor(element: ElementRef, _renderer: Renderer2, _displayDensityOptions: IDisplayDensityOptions);
100
+ ngAfterContentInit(): void;
100
101
  /**
101
102
  * @hidden
102
103
  * @internal
@@ -3477,6 +3477,7 @@ export declare abstract class IgxGridBaseDirective extends DisplayDensityBase im
3477
3477
  private find;
3478
3478
  private rebuildMatchCache;
3479
3479
  private configureRowEditingOverlay;
3480
+ private handleColumnPinningForGroups;
3480
3481
  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; }]>;
3481
3482
  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>;
3482
3483
  static ngAcceptInputType_autoGenerate: unknown;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "igniteui-angular",
3
- "version": "17.0.12",
3
+ "version": "17.0.13",
4
4
  "description": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps",
5
5
  "author": "Infragistics",
6
6
  "license": "SEE LICENSE IN LICENSE",