igniteui-angular 21.0.3 → 21.1.0-alpha.0

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 (93) hide show
  1. package/LICENSE +1 -0
  2. package/README.md +5 -6
  3. package/fesm2022/igniteui-angular-action-strip.mjs +39 -34
  4. package/fesm2022/igniteui-angular-action-strip.mjs.map +1 -1
  5. package/fesm2022/igniteui-angular-banner.mjs +64 -59
  6. package/fesm2022/igniteui-angular-banner.mjs.map +1 -1
  7. package/fesm2022/igniteui-angular-calendar.mjs +182 -161
  8. package/fesm2022/igniteui-angular-calendar.mjs.map +1 -1
  9. package/fesm2022/igniteui-angular-carousel.mjs +7 -3
  10. package/fesm2022/igniteui-angular-carousel.mjs.map +1 -1
  11. package/fesm2022/igniteui-angular-chips.mjs +140 -136
  12. package/fesm2022/igniteui-angular-chips.mjs.map +1 -1
  13. package/fesm2022/igniteui-angular-combo.mjs +360 -356
  14. package/fesm2022/igniteui-angular-combo.mjs.map +1 -1
  15. package/fesm2022/igniteui-angular-core.mjs +420 -618
  16. package/fesm2022/igniteui-angular-core.mjs.map +1 -1
  17. package/fesm2022/igniteui-angular-date-picker.mjs +124 -32
  18. package/fesm2022/igniteui-angular-date-picker.mjs.map +1 -1
  19. package/fesm2022/igniteui-angular-directives.mjs +15 -10
  20. package/fesm2022/igniteui-angular-directives.mjs.map +1 -1
  21. package/fesm2022/igniteui-angular-grids-core.mjs +75 -57
  22. package/fesm2022/igniteui-angular-grids-core.mjs.map +1 -1
  23. package/fesm2022/igniteui-angular-grids-grid.mjs +71 -62
  24. package/fesm2022/igniteui-angular-grids-grid.mjs.map +1 -1
  25. package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs +51 -6
  26. package/fesm2022/igniteui-angular-grids-hierarchical-grid.mjs.map +1 -1
  27. package/fesm2022/igniteui-angular-grids-pivot-grid.mjs +6 -1
  28. package/fesm2022/igniteui-angular-grids-pivot-grid.mjs.map +1 -1
  29. package/fesm2022/igniteui-angular-grids-tree-grid.mjs +8 -8
  30. package/fesm2022/igniteui-angular-grids-tree-grid.mjs.map +1 -1
  31. package/fesm2022/igniteui-angular-input-group.mjs +8 -4
  32. package/fesm2022/igniteui-angular-input-group.mjs.map +1 -1
  33. package/fesm2022/igniteui-angular-list.mjs +24 -19
  34. package/fesm2022/igniteui-angular-list.mjs.map +1 -1
  35. package/fesm2022/igniteui-angular-paginator.mjs +71 -66
  36. package/fesm2022/igniteui-angular-paginator.mjs.map +1 -1
  37. package/fesm2022/igniteui-angular-query-builder.mjs +51 -36
  38. package/fesm2022/igniteui-angular-query-builder.mjs.map +1 -1
  39. package/fesm2022/igniteui-angular-time-picker.mjs +50 -8
  40. package/fesm2022/igniteui-angular-time-picker.mjs.map +1 -1
  41. package/fesm2022/igniteui-angular-tree.mjs +64 -61
  42. package/fesm2022/igniteui-angular-tree.mjs.map +1 -1
  43. package/lib/core/styles/components/calendar/_calendar-theme.scss +2 -0
  44. package/lib/core/styles/components/grid/_grid-theme.scss +2 -1
  45. package/lib/core/styles/components/slider/_slider-theme.scss +0 -1
  46. package/lib/core/styles/components/tabs/_tabs-theme.scss +2 -1
  47. package/package.json +3 -2
  48. package/schematics/tsconfig.tsbuildinfo +1 -1
  49. package/schematics/utils/dependency-handler.js +1 -0
  50. package/styles/igniteui-angular-dark.css +1 -1
  51. package/styles/igniteui-angular.css +1 -1
  52. package/styles/igniteui-bootstrap-dark.css +1 -1
  53. package/styles/igniteui-bootstrap-light.css +1 -1
  54. package/styles/igniteui-dark-green.css +1 -1
  55. package/styles/igniteui-fluent-dark-excel.css +1 -1
  56. package/styles/igniteui-fluent-dark-word.css +1 -1
  57. package/styles/igniteui-fluent-dark.css +1 -1
  58. package/styles/igniteui-fluent-light-excel.css +1 -1
  59. package/styles/igniteui-fluent-light-word.css +1 -1
  60. package/styles/igniteui-fluent-light.css +1 -1
  61. package/styles/igniteui-indigo-dark.css +1 -1
  62. package/styles/igniteui-indigo-light.css +1 -1
  63. package/styles/maps/igniteui-angular-dark.css.map +1 -1
  64. package/styles/maps/igniteui-angular.css.map +1 -1
  65. package/styles/maps/igniteui-bootstrap-dark.css.map +1 -1
  66. package/styles/maps/igniteui-bootstrap-light.css.map +1 -1
  67. package/styles/maps/igniteui-dark-green.css.map +1 -1
  68. package/styles/maps/igniteui-fluent-dark-excel.css.map +1 -1
  69. package/styles/maps/igniteui-fluent-dark-word.css.map +1 -1
  70. package/styles/maps/igniteui-fluent-dark.css.map +1 -1
  71. package/styles/maps/igniteui-fluent-light-excel.css.map +1 -1
  72. package/styles/maps/igniteui-fluent-light-word.css.map +1 -1
  73. package/styles/maps/igniteui-fluent-light.css.map +1 -1
  74. package/styles/maps/igniteui-indigo-dark.css.map +1 -1
  75. package/styles/maps/igniteui-indigo-light.css.map +1 -1
  76. package/types/igniteui-angular-action-strip.d.ts +3 -0
  77. package/types/igniteui-angular-banner.d.ts +3 -0
  78. package/types/igniteui-angular-calendar.d.ts +37 -47
  79. package/types/igniteui-angular-carousel.d.ts +1 -0
  80. package/types/igniteui-angular-chips.d.ts +2 -0
  81. package/types/igniteui-angular-combo.d.ts +4 -2
  82. package/types/igniteui-angular-core.d.ts +152 -397
  83. package/types/igniteui-angular-date-picker.d.ts +22 -4
  84. package/types/igniteui-angular-directives.d.ts +8 -4
  85. package/types/igniteui-angular-grids-core.d.ts +18 -8
  86. package/types/igniteui-angular-grids-grid.d.ts +9 -7
  87. package/types/igniteui-angular-grids-hierarchical-grid.d.ts +20 -3
  88. package/types/igniteui-angular-input-group.d.ts +1 -0
  89. package/types/igniteui-angular-list.d.ts +3 -0
  90. package/types/igniteui-angular-paginator.d.ts +3 -0
  91. package/types/igniteui-angular-query-builder.d.ts +8 -0
  92. package/types/igniteui-angular-time-picker.d.ts +7 -2
  93. package/types/igniteui-angular-tree.d.ts +2 -1
@@ -1,5 +1,6 @@
1
1
  import * as i0 from '@angular/core';
2
- import { EventEmitter, ElementRef, InjectionToken, TemplateRef, AfterViewInit, OnDestroy, QueryList, ChangeDetectorRef, AfterContentChecked, OnInit } from '@angular/core';
2
+ import { EventEmitter, ElementRef, InjectionToken, TemplateRef, AfterViewInit, OnDestroy, QueryList, DestroyRef, ChangeDetectorRef, OnInit } from '@angular/core';
3
+ import * as igniteui_angular_core from 'igniteui-angular/core';
3
4
  import { CalendarDay, DateRangeDescriptor, PlatformUtil, DayInterval, ICalendarResourceStrings, WEEKDAYS } from 'igniteui-angular/core';
4
5
  import { ControlValueAccessor } from '@angular/forms';
5
6
  import * as rxjs from 'rxjs';
@@ -288,16 +289,17 @@ declare abstract class IgxCalendarViewDirective implements ControlValueAccessor
288
289
  /**
289
290
  * @hidden
290
291
  */
291
- protected _formatter: Intl.DateTimeFormat;
292
+ protected get formatter(): Intl.DateTimeFormat;
292
293
  /**
293
294
  * @hidden
294
295
  */
295
- protected _locale: string;
296
+ protected _locale: any;
296
297
  /**
297
298
  * @hidden
298
- * @internal
299
299
  */
300
+ protected _defaultLocale: any;
300
301
  private _date;
302
+ private _destroyRef;
301
303
  /**
302
304
  * @hidden
303
305
  */
@@ -392,14 +394,11 @@ declare abstract class IgxCalendarViewDirective implements ControlValueAccessor
392
394
  * @hidden
393
395
  */
394
396
  protected navigateTo(event: KeyboardEvent, direction: IgxCalendarNavDirection, delta: number): void;
395
- /**
396
- * @hidden
397
- */
398
- protected abstract initFormatter(): void;
399
397
  /**
400
398
  * @hidden
401
399
  */
402
400
  protected abstract get range(): Date[];
401
+ private initLocale;
403
402
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxCalendarViewDirective, never>;
404
403
  static ɵdir: i0.ɵɵDirectiveDeclaration<IgxCalendarViewDirective, never, never, { "role": { "alias": "role"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "formatView": { "alias": "formatView"; "required": false; }; "showActive": { "alias": "showActive"; "required": false; }; "date": { "alias": "date"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; }, { "selected": "selected"; "pageChanged": "pageChanged"; "activeDateChanged": "activeDateChanged"; }, never, never, true, never>;
405
404
  static ngAcceptInputType_formatView: unknown;
@@ -464,6 +463,10 @@ declare class IgxMonthsViewComponent extends IgxCalendarViewDirective implements
464
463
  * @hidden @internal
465
464
  */
466
465
  get range(): Date[];
466
+ /**
467
+ * @hidden
468
+ */
469
+ protected get formatter(): Intl.DateTimeFormat;
467
470
  /**
468
471
  * @hidden
469
472
  */
@@ -485,10 +488,6 @@ declare class IgxMonthsViewComponent extends IgxCalendarViewDirective implements
485
488
  * @hidden
486
489
  */
487
490
  monthTracker(_: number, item: Date): string;
488
- /**
489
- * @hidden
490
- */
491
- protected initFormatter(): void;
492
491
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxMonthsViewComponent, never>;
493
492
  static ɵcmp: i0.ɵɵComponentDeclaration<IgxMonthsViewComponent, "igx-months-view", never, { "id": { "alias": "id"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; "monthFormat": { "alias": "monthFormat"; "required": false; }; "formatView": { "alias": "formatView"; "required": false; }; }, {}, never, never, true, never>;
494
493
  static ngAcceptInputType_formatView: unknown;
@@ -509,6 +508,10 @@ declare class IgxYearsViewComponent extends IgxCalendarViewDirective implements
509
508
  */
510
509
  get standalone(): boolean;
511
510
  set standalone(value: boolean);
511
+ /**
512
+ * @hidden
513
+ */
514
+ protected get formatter(): Intl.DateTimeFormat;
512
515
  /**
513
516
  * @hidden
514
517
  */
@@ -555,10 +558,6 @@ declare class IgxYearsViewComponent extends IgxCalendarViewDirective implements
555
558
  * @hidden
556
559
  */
557
560
  yearTracker(_: number, item: Date): string;
558
- /**
559
- * @hidden
560
- */
561
- protected initFormatter(): void;
562
561
  /**
563
562
  * @hidden
564
563
  */
@@ -583,10 +582,12 @@ declare class KeyboardNavigationService {
583
582
 
584
583
  /** @hidden @internal */
585
584
  declare class IgxCalendarBaseDirective implements ControlValueAccessor {
585
+ protected _destroyRef: DestroyRef;
586
586
  protected platform: PlatformUtil;
587
587
  protected _localeId: string;
588
588
  protected keyboardNavigation?: KeyboardNavigationService;
589
589
  protected cdr?: ChangeDetectorRef;
590
+ protected i18nFormatter: igniteui_angular_core.BaseFormatter;
590
591
  /**
591
592
  * Holds month view index we are operating on.
592
593
  */
@@ -678,27 +679,27 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
678
679
  /**
679
680
  * @hidden
680
681
  */
681
- protected formatterWeekday: Intl.DateTimeFormat;
682
+ protected get formatterWeekday(): Intl.DateTimeFormat;
682
683
  /**
683
684
  * @hidden
684
685
  */
685
- protected formatterDay: Intl.DateTimeFormat;
686
+ protected get formatterDay(): Intl.DateTimeFormat;
686
687
  /**
687
688
  * @hidden
688
689
  */
689
- protected formatterMonth: Intl.DateTimeFormat;
690
+ protected get formatterMonth(): Intl.DateTimeFormat;
690
691
  /**
691
692
  * @hidden
692
693
  */
693
- protected formatterYear: Intl.DateTimeFormat;
694
+ protected get formatterYear(): Intl.DateTimeFormat;
694
695
  /**
695
696
  * @hidden
696
697
  */
697
- protected formatterMonthday: Intl.DateTimeFormat;
698
+ protected get formatterMonthDay(): Intl.DateTimeFormat;
698
699
  /**
699
700
  * @hidden
700
701
  */
701
- protected formatterRangeday: Intl.DateTimeFormat;
702
+ protected get formatterRangeDay(): Intl.DateTimeFormat;
702
703
  /**
703
704
  * @hidden
704
705
  */
@@ -719,10 +720,18 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
719
720
  * @hidden
720
721
  */
721
722
  private _locale;
723
+ /**
724
+ * @hidden
725
+ */
726
+ private _defaultLocale;
722
727
  /**
723
728
  * @hidden
724
729
  */
725
730
  private _weekStart;
731
+ /**
732
+ * @hidden
733
+ */
734
+ private _localeWeekStart;
726
735
  /**
727
736
  * @hidden
728
737
  */
@@ -747,8 +756,8 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
747
756
  * @hidden
748
757
  */
749
758
  private _selection;
750
- /** @hidden @internal */
751
759
  private _resourceStrings;
760
+ private _defaultResourceStrings;
752
761
  /**
753
762
  * @hidden
754
763
  */
@@ -1006,10 +1015,6 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
1006
1015
  * @hidden
1007
1016
  */
1008
1017
  private deselectRange;
1009
- /**
1010
- * @hidden
1011
- */
1012
- protected initFormatters(): void;
1013
1018
  /**
1014
1019
  * @hidden
1015
1020
  */
@@ -1023,6 +1028,8 @@ declare class IgxCalendarBaseDirective implements ControlValueAccessor {
1023
1028
  */
1024
1029
  private generateDateRange;
1025
1030
  private validateDate;
1031
+ private initLocale;
1032
+ private onResourceChange;
1026
1033
  static ɵfac: i0.ɵɵFactoryDeclaration<IgxCalendarBaseDirective, never>;
1027
1034
  static ɵdir: i0.ɵɵDirectiveDeclaration<IgxCalendarBaseDirective, "[igxCalendarBase]", never, { "hideOutsideDays": { "alias": "hideOutsideDays"; "required": false; }; "resourceStrings": { "alias": "resourceStrings"; "required": false; }; "weekStart": { "alias": "weekStart"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "formatViews": { "alias": "formatViews"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "viewDate": { "alias": "viewDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "specialDates": { "alias": "specialDates"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "selected": "selected"; "viewDateChanged": "viewDateChanged"; "activeViewChanged": "activeViewChanged"; }, never, never, true, never>;
1028
1035
  static ngAcceptInputType_hideOutsideDays: unknown;
@@ -1034,7 +1041,7 @@ interface IViewChangingEventArgs {
1034
1041
  nextDate: Date;
1035
1042
  }
1036
1043
 
1037
- declare class IgxDaysViewComponent extends IgxCalendarBaseDirective implements AfterContentChecked {
1044
+ declare class IgxDaysViewComponent extends IgxCalendarBaseDirective {
1038
1045
  #private;
1039
1046
  protected el: ElementRef<any>;
1040
1047
  cdr: ChangeDetectorRef;
@@ -1108,19 +1115,12 @@ declare class IgxDaysViewComponent extends IgxCalendarBaseDirective implements A
1108
1115
  private _hideLeadingDays;
1109
1116
  private _hideTrailingDays;
1110
1117
  private _showActiveDay;
1111
- private _destroyRef;
1112
1118
  private _theme;
1113
1119
  defaultClass: boolean;
1114
1120
  protected get isMaterial(): boolean;
1115
1121
  protected get isFluent(): boolean;
1116
1122
  protected get isBootstrap(): boolean;
1117
1123
  protected get isIndigo(): boolean;
1118
- /**
1119
- * @hidden
1120
- */
1121
- constructor();
1122
- private setComponentTheme;
1123
- ngAfterContentChecked(): void;
1124
1124
  /**
1125
1125
  * @hidden
1126
1126
  */
@@ -1261,7 +1261,7 @@ declare class IgxDaysViewComponent extends IgxCalendarBaseDirective implements A
1261
1261
  * <igx-calendar selection="range"></igx-calendar>
1262
1262
  * ```
1263
1263
  */
1264
- declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements AfterViewInit, OnDestroy {
1264
+ declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements AfterViewInit {
1265
1265
  /**
1266
1266
  * @hidden
1267
1267
  * @internal
@@ -1719,11 +1719,6 @@ declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements A
1719
1719
  * @internal
1720
1720
  */
1721
1721
  resetActiveDate(date: Date): void;
1722
- /**
1723
- * @hidden
1724
- * @internal
1725
- */
1726
- ngOnDestroy(): void;
1727
1722
  /**
1728
1723
  * @hidden
1729
1724
  * @internal
@@ -1748,7 +1743,7 @@ declare class IgxCalendarComponent extends IgxCalendarBaseDirective implements A
1748
1743
  static ngAcceptInputType_showWeekNumbers: unknown;
1749
1744
  }
1750
1745
 
1751
- declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements OnInit, AfterViewInit, OnDestroy {
1746
+ declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implements OnInit, AfterViewInit {
1752
1747
  /**
1753
1748
  * Sets/gets the `id` of the month picker.
1754
1749
  * If not set, the `id` will have value `"igx-month-picker-0"`.
@@ -1868,11 +1863,6 @@ declare class IgxMonthPickerComponent extends IgxCalendarBaseDirective implement
1868
1863
  private onEnter;
1869
1864
  private onHome;
1870
1865
  private onEnd;
1871
- /**
1872
- * @hidden
1873
- * @internal
1874
- */
1875
- ngOnDestroy(): void;
1876
1866
  /**
1877
1867
  * @hidden
1878
1868
  * @internal
@@ -504,6 +504,7 @@ declare class IgxCarouselComponent extends IgxCarouselComponentBase implements O
504
504
  protected previousItem: IgxSlideComponent;
505
505
  private _interval;
506
506
  private _resourceStrings;
507
+ private _defaultResourceStrings;
507
508
  private lastInterval;
508
509
  private playing;
509
510
  private destroyed;
@@ -446,6 +446,8 @@ declare class IgxChipComponent implements OnInit, OnDestroy {
446
446
  protected _movedWhileRemoving: boolean;
447
447
  protected computedStyles: any;
448
448
  private _resourceStrings;
449
+ private _defaultResourceStrings;
450
+ constructor();
449
451
  /**
450
452
  * @hidden
451
453
  * @internal
@@ -3,8 +3,8 @@ import { IgxInputGroupType, IgxLabelDirective, IgxInputGroupComponent, IgxInputD
3
3
  import * as i0 from '@angular/core';
4
4
  import { ElementRef, EventEmitter, InjectionToken, AfterViewChecked, OnInit, AfterViewInit, AfterContentChecked, OnDestroy, ChangeDetectorRef, Injector, TemplateRef, QueryList, DoCheck, PipeTransform } from '@angular/core';
5
5
  import { ControlValueAccessor, NgControl } from '@angular/forms';
6
- import * as igniteui_angular_core from 'igniteui-angular/core';
7
6
  import { IBaseEventArgs, CancelableBrowserEventArgs, IgxSelectionAPIService, OverlaySettings, SortingDirection, IComboResourceStrings, IBaseCancelableBrowserEventArgs, CancelableEventArgs, IBaseCancelableEventArgs, EditorProvider } from 'igniteui-angular/core';
7
+ import * as igniteui_i18n_core from 'igniteui-i18n-core';
8
8
  import { Subject } from 'rxjs';
9
9
  import { IForOfState, IgxForOfDirective } from 'igniteui-angular/directives';
10
10
  import { IgxIconService } from 'igniteui-angular/icon';
@@ -695,7 +695,8 @@ declare abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewC
695
695
  protected _filteredData: any[];
696
696
  protected _displayKey: string;
697
697
  protected _remoteSelection: {};
698
- protected _resourceStrings: igniteui_angular_core.IResourceStrings;
698
+ protected _resourceStrings: IComboResourceStrings;
699
+ protected _defaultResourceStrings: igniteui_i18n_core.PrefixedResourceStrings<igniteui_i18n_core.IComboResourceStrings, "igx_">;
699
700
  protected _valid: IgxInputState;
700
701
  protected ngControl: NgControl;
701
702
  protected destroy$: Subject<void>;
@@ -716,6 +717,7 @@ declare abstract class IgxComboBaseDirective implements IgxComboBase, AfterViewC
716
717
  private itemsInContainer;
717
718
  abstract dropdown: IgxComboDropDownComponent;
718
719
  abstract selectionChanging: EventEmitter<any>;
720
+ constructor();
719
721
  ngAfterViewChecked(): void;
720
722
  /** @hidden @internal */
721
723
  ngAfterContentChecked(): void;