@clr/angular 17.0.0-beta.1 → 17.0.0-beta.2

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.
@@ -3808,16 +3808,14 @@ class ClrButtonGroup {
3808
3808
  this.menuButtons = tempInMenuButtons;
3809
3809
  }
3810
3810
  handleFocusOnMenuOpen() {
3811
- if (this.menuButtons.length) {
3812
- this.toggleService.popoverVisible.pipe(takeUntil(this.destroy$)).subscribe(visible => {
3813
- if (visible) {
3814
- this.focusHandler.initialize({
3815
- menu: this.menu.nativeElement,
3816
- menuToggle: this.menuToggle.nativeElement,
3817
- });
3818
- }
3819
- });
3820
- }
3811
+ this.toggleService.popoverVisible.pipe(takeUntil(this.destroy$)).subscribe(visible => {
3812
+ if (visible) {
3813
+ this.focusHandler.initialize({
3814
+ menu: this.menu.nativeElement,
3815
+ menuToggle: this.menuToggle.nativeElement,
3816
+ });
3817
+ }
3818
+ });
3821
3819
  }
3822
3820
  }
3823
3821
  ClrButtonGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrButtonGroup, deps: [{ token: ButtonInGroupService }, { token: ClrPopoverToggleService }, { token: ClrCommonStringsService }, { token: ClrDestroyService }, { token: ButtonGroupFocusHandler }], target: i0.ɵɵFactoryTarget.Component });
@@ -3916,7 +3914,7 @@ class ClrLoadingButton {
3916
3914
  }
3917
3915
  ClrLoadingButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrLoadingButton, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
3918
3916
  ClrLoadingButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.2", type: ClrLoadingButton, selector: "button[clrLoading]", inputs: { disabled: "disabled" }, outputs: { clrLoadingChange: "clrLoadingChange" }, host: { properties: { "attr.disabled": "disabled? '' : null" } }, providers: [{ provide: LoadingListener, useExisting: ClrLoadingButton }], ngImport: i0, template: `
3919
- <ng-container [ngSwitch]="state">
3917
+ <div @parent [ngSwitch]="state">
3920
3918
  <span *ngSwitchCase="buttonState.LOADING">
3921
3919
  <span @spinner class="spinner spinner-inline"></span>
3922
3920
  </span>
@@ -3930,8 +3928,13 @@ ClrLoadingButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
3930
3928
  <span *ngSwitchCase="buttonState.DEFAULT" @defaultButton>
3931
3929
  <ng-content></ng-content>
3932
3930
  </span>
3933
- </ng-container>
3931
+ </div>
3934
3932
  `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [
3933
+ trigger('parent', [
3934
+ // Skip :enter animation on first render.
3935
+ // The button text/content should only be faded when transitioning to or from a non-default state.
3936
+ transition(':enter', []),
3937
+ ]),
3935
3938
  trigger('defaultButton', [
3936
3939
  transition(':enter', [style({ opacity: 0 }), animate('200ms 100ms ease-in', style({ opacity: 1 }))]),
3937
3940
  // TODO: see if we can get leave animation to work before spinner's enter animation
@@ -3959,7 +3962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
3959
3962
  args: [{
3960
3963
  selector: 'button[clrLoading]',
3961
3964
  template: `
3962
- <ng-container [ngSwitch]="state">
3965
+ <div @parent [ngSwitch]="state">
3963
3966
  <span *ngSwitchCase="buttonState.LOADING">
3964
3967
  <span @spinner class="spinner spinner-inline"></span>
3965
3968
  </span>
@@ -3973,10 +3976,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
3973
3976
  <span *ngSwitchCase="buttonState.DEFAULT" @defaultButton>
3974
3977
  <ng-content></ng-content>
3975
3978
  </span>
3976
- </ng-container>
3979
+ </div>
3977
3980
  `,
3978
3981
  providers: [{ provide: LoadingListener, useExisting: ClrLoadingButton }],
3979
3982
  animations: [
3983
+ trigger('parent', [
3984
+ // Skip :enter animation on first render.
3985
+ // The button text/content should only be faded when transitioning to or from a non-default state.
3986
+ transition(':enter', []),
3987
+ ]),
3980
3988
  trigger('defaultButton', [
3981
3989
  transition(':enter', [style({ opacity: 0 }), animate('200ms 100ms ease-in', style({ opacity: 1 }))]),
3982
3990
  // TODO: see if we can get leave animation to work before spinner's enter animation
@@ -4869,7 +4877,7 @@ class WrappedFormControl {
4869
4877
  else {
4870
4878
  this._id = this.controlIdService.id;
4871
4879
  }
4872
- if (this.ngControlService) {
4880
+ if (this.ngControlService && this.ngControl) {
4873
4881
  this.ngControlService.setControl(this.ngControl);
4874
4882
  }
4875
4883
  }
@@ -4907,8 +4915,10 @@ class WrappedFormControl {
4907
4915
  }
4908
4916
  }
4909
4917
  markAsTouched() {
4910
- this.ngControl.control.markAsTouched();
4911
- this.ngControl.control.updateValueAndValidity();
4918
+ if (this.ngControl) {
4919
+ this.ngControl.control.markAsTouched();
4920
+ this.ngControl.control.updateValueAndValidity();
4921
+ }
4912
4922
  }
4913
4923
  setAriaDescribedBy(helpers) {
4914
4924
  if (helpers.show) {
@@ -9658,9 +9668,11 @@ class ClrDateInput extends WrappedFormControl {
9658
9668
  }
9659
9669
  set min(dateString) {
9660
9670
  this.dateIOService.setMinDate(dateString);
9671
+ this.triggerControlValidation();
9661
9672
  }
9662
9673
  set max(dateString) {
9663
9674
  this.dateIOService.setMaxDate(dateString);
9675
+ this.triggerControlValidation();
9664
9676
  }
9665
9677
  get disabled() {
9666
9678
  if (this.dateFormControlService) {
@@ -9725,6 +9737,14 @@ class ClrDateInput extends WrappedFormControl {
9725
9737
  this.focusService.focused = focus;
9726
9738
  }
9727
9739
  }
9740
+ triggerControlValidation() {
9741
+ var _a, _b;
9742
+ if (this.datepickerHasFormControl()) {
9743
+ // Set `emitEvent` to false to prevent unnecessary value change event. Status change event will be emitted by `setErrors` below.
9744
+ (_a = this.control.control) === null || _a === void 0 ? void 0 : _a.updateValueAndValidity({ emitEvent: false });
9745
+ (_b = this.control.control) === null || _b === void 0 ? void 0 : _b.setErrors(this.control.control.errors);
9746
+ }
9747
+ }
9728
9748
  populateServicesFromContainerComponent() {
9729
9749
  if (!this.container) {
9730
9750
  this.dateIOService = this.getProviderFromContainer(DateIOService);
@@ -13314,11 +13334,9 @@ class Items {
13314
13334
  this._change = new Subject();
13315
13335
  this._allChanges = new Subject();
13316
13336
  /**
13317
- * Tracking function to identify objects. Default is reference equality.
13318
- *
13319
- * @deprecated in v15 and scheduled for removal in v17 (CDE-71)
13337
+ * Tracking function to identify objects.
13320
13338
  */
13321
- this.iteratorTrackBy = (_index, item) => item;
13339
+ this.trackBy = item => item;
13322
13340
  }
13323
13341
  get smart() {
13324
13342
  return this._smart;
@@ -13395,22 +13413,6 @@ class Items {
13395
13413
  this._filterItems();
13396
13414
  }
13397
13415
  }
13398
- canTrackBy() {
13399
- // all items are needed unless `datagridTrackBy` is set because `iteratorTrackBy` requires the item's index
13400
- return !!this.datagridTrackBy || Array.isArray(this.all);
13401
- }
13402
- trackBy(item, index) {
13403
- if (this.datagridTrackBy) {
13404
- return this.datagridTrackBy(item);
13405
- }
13406
- else if (Array.isArray(this.all)) {
13407
- index = index !== null && index !== void 0 ? index : this.all.indexOf(item);
13408
- return this.iteratorTrackBy(index, item);
13409
- }
13410
- else {
13411
- throw new Error('improper call to Items#trackBy');
13412
- }
13413
- }
13414
13416
  emitChange() {
13415
13417
  this._change.next(this.displayed);
13416
13418
  }
@@ -13493,7 +13495,6 @@ class ClrDatagridItems {
13493
13495
  this._rawItems = items ? items : []; // local copy for ngOnChange diffing
13494
13496
  }
13495
13497
  set trackBy(value) {
13496
- this.items.iteratorTrackBy = value;
13497
13498
  this.iterableProxy.ngForTrackBy = value;
13498
13499
  }
13499
13500
  /**
@@ -14010,12 +14011,10 @@ class Selection {
14010
14011
  let selectionUpdated = false;
14011
14012
  // if the currentSingle has been set before data was loaded, we look up and save the ref from current data set
14012
14013
  if (this.currentSingle && !this.prevSingleSelectionRef) {
14013
- if (this._items.canTrackBy()) {
14014
- this.prevSingleSelectionRef = this._items.trackBy(this.currentSingle);
14015
- }
14014
+ this.prevSingleSelectionRef = this._items.trackBy(this.currentSingle);
14016
14015
  }
14017
- updatedItems.forEach((item, index) => {
14018
- const ref = this._items.trackBy(item, index);
14016
+ updatedItems.forEach(item => {
14017
+ const ref = this._items.trackBy(item);
14019
14018
  // If one of the updated items is the previously selectedSingle, set it as the new one
14020
14019
  if (this.prevSingleSelectionRef === ref) {
14021
14020
  newSingle = item;
@@ -14048,20 +14047,18 @@ class Selection {
14048
14047
  let selectionUpdated = false;
14049
14048
  // if the current has been set before data was loaded, we look up and save the ref from current data set
14050
14049
  if (this.current.length > 0 && this.prevSelectionRefs.length !== this.current.length) {
14051
- if (this._items.canTrackBy()) {
14052
- this.prevSelectionRefs = [];
14053
- this.current.forEach(item => {
14054
- this.prevSelectionRefs.push(this._items.trackBy(item));
14055
- });
14056
- }
14050
+ this.prevSelectionRefs = [];
14051
+ this.current.forEach(item => {
14052
+ this.prevSelectionRefs.push(this._items.trackBy(item));
14053
+ });
14057
14054
  }
14058
14055
  // Duplicate loop, when the issue is issue#2342 is revisited keep in mind that
14059
14056
  // we need to go over every updated item and check to see if there are valid to be
14060
14057
  // locked or not and update it. When only add items that are found in the lockedRefs back.
14061
14058
  //
14062
14059
  // The both loops below that goes over updatedItems could be combined into one.
14063
- updatedItems.forEach((item, index) => {
14064
- const ref = this._items.trackBy(item, index);
14060
+ updatedItems.forEach(item => {
14061
+ const ref = this._items.trackBy(item);
14065
14062
  if (this.lockedRefs.indexOf(ref) > -1) {
14066
14063
  updateLockedRef.push(ref);
14067
14064
  }
@@ -14070,8 +14067,8 @@ class Selection {
14070
14067
  // currently, the selection is cleared when filter is applied, so the logic inside
14071
14068
  // the if statement below results in broken behavior.
14072
14069
  if (leftOver.length > 0) {
14073
- updatedItems.forEach((item, index) => {
14074
- const ref = this._items.trackBy(item, index);
14070
+ updatedItems.forEach(item => {
14071
+ const ref = this._items.trackBy(item);
14075
14072
  // Look in current selected refs array if item is selected, and update actual value
14076
14073
  const selectedIndex = this.prevSelectionRefs.indexOf(ref);
14077
14074
  if (selectedIndex > -1) {
@@ -14137,7 +14134,7 @@ class Selection {
14137
14134
  return;
14138
14135
  }
14139
14136
  this._currentSingle = value;
14140
- if (this._items.canTrackBy() && value) {
14137
+ if (value) {
14141
14138
  this.prevSingleSelectionRef = this._items.trackBy(value);
14142
14139
  }
14143
14140
  this.emitChange();
@@ -14283,10 +14280,8 @@ class Selection {
14283
14280
  */
14284
14281
  selectItem(item) {
14285
14282
  this.current = this.current.concat(item);
14286
- if (this._items.canTrackBy()) {
14287
- // Push selected ref onto array
14288
- this.prevSelectionRefs.push(this._items.trackBy(item));
14289
- }
14283
+ // Push selected ref onto array
14284
+ this.prevSelectionRefs.push(this._items.trackBy(item));
14290
14285
  }
14291
14286
  /**
14292
14287
  * Deselects an item
@@ -14304,7 +14299,7 @@ class Selection {
14304
14299
  * Make sure that it could be locked
14305
14300
  */
14306
14301
  canItBeLocked() {
14307
- return this._selectionType !== SelectionType.None && this._items.canTrackBy();
14302
+ return this._selectionType !== SelectionType.None;
14308
14303
  }
14309
14304
  emitChange() {
14310
14305
  if (this._selectionType === SelectionType.Single) {
@@ -15092,7 +15087,7 @@ class ClrDatagrid {
15092
15087
  this.selection.rowSelectionMode = value;
15093
15088
  }
15094
15089
  set trackBy(value) {
15095
- this.items.datagridTrackBy = value;
15090
+ this.items.trackBy = value;
15096
15091
  }
15097
15092
  /**
15098
15093
  * Indicates if all currently displayed items are selected
@@ -15134,9 +15129,7 @@ class ClrDatagrid {
15134
15129
  });
15135
15130
  // Try to update only when there is something cached and its open.
15136
15131
  if (this.detailService.state && this.detailService.isOpen) {
15137
- const row = this.items.canTrackBy()
15138
- ? this.rows.find(row => this.items.trackBy(row.item) === this.items.trackBy(this.detailService.state))
15139
- : undefined;
15132
+ const row = this.rows.find(row => this.items.trackBy(row.item) === this.items.trackBy(this.detailService.state));
15140
15133
  /**
15141
15134
  * Reopen updated row or close it
15142
15135
  */
@@ -15523,47 +15516,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
15523
15516
  */
15524
15517
  const columnToggleTrackByFn = index => index;
15525
15518
 
15526
- /*
15527
- * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
15528
- * This software is released under MIT license.
15529
- * The full license information can be found in LICENSE in the root directory of this project.
15530
- */
15531
- class ClrDatagridItemsTrackBy {
15532
- constructor(_items) {
15533
- this._items = _items;
15534
- }
15535
- set trackBy(value) {
15536
- /**
15537
- * This is a workaround to prevent the items `trackBy` function from
15538
- * being replaced when the "manage columns" button is clicked. This is
15539
- * not a complete solution. If there is another `ngForTrackBy` function
15540
- * within the datagrid in application code, it could sill replace the
15541
- * items `trackBy` function whether it is the row iterator or not.
15542
- */
15543
- if (value === columnToggleTrackByFn) {
15544
- return;
15545
- }
15546
- if (this._items) {
15547
- this._items.iteratorTrackBy = value;
15548
- }
15549
- }
15550
- }
15551
- ClrDatagridItemsTrackBy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, deps: [{ token: Items, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
15552
- ClrDatagridItemsTrackBy.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.2", type: ClrDatagridItemsTrackBy, selector: "[ngForTrackBy]", inputs: { trackBy: ["ngForTrackBy", "trackBy"] }, ngImport: i0 });
15553
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridItemsTrackBy, decorators: [{
15554
- type: Directive,
15555
- args: [{
15556
- selector: '[ngForTrackBy]',
15557
- }]
15558
- }], ctorParameters: function () {
15559
- return [{ type: Items, decorators: [{
15560
- type: Optional
15561
- }] }];
15562
- }, propDecorators: { trackBy: [{
15563
- type: Input,
15564
- args: ['ngForTrackBy']
15565
- }] } });
15566
-
15567
15519
  /*
15568
15520
  * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
15569
15521
  * This software is released under MIT license.
@@ -15732,7 +15684,7 @@ ClrDatagridColumnToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
15732
15684
  <clr-dg-column-toggle-button (clrAllSelected)="allColumnsSelected()"></clr-dg-column-toggle-button>
15733
15685
  </div>
15734
15686
  </div>
15735
- `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocusModule_CdkTrapFocus, selector: "[cdkTrapFocus]" }, { kind: "directive", type: CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: ClrLabel, selector: "label", inputs: ["for"] }, { kind: "directive", type: ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "component", type: ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClrPopoverAnchor, selector: "[clrPopoverAnchor]" }, { kind: "directive", type: ClrPopoverCloseButton, selector: "[clrPopoverCloseButton]", outputs: ["clrPopoverOnCloseChange"] }, { kind: "directive", type: ClrPopoverOpenCloseButton, selector: "[clrPopoverOpenCloseButton]", outputs: ["clrPopoverOpenCloseChange"] }, { kind: "directive", type: ClrPopoverContent, selector: "[clrPopoverContent]", inputs: ["clrPopoverContent", "clrPopoverContentAt", "clrPopoverContentOutsideClickToClose", "clrPopoverContentScrollToClose"] }, { kind: "directive", type: ClrDatagridItemsTrackBy, selector: "[ngForTrackBy]", inputs: ["ngForTrackBy"] }, { kind: "component", type: ClrDatagridColumnToggleButton, selector: "clr-dg-column-toggle-button", outputs: ["clrAllSelected"] }] });
15687
+ `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocusModule_CdkTrapFocus, selector: "[cdkTrapFocus]" }, { kind: "directive", type: CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: ClrLabel, selector: "label", inputs: ["for"] }, { kind: "directive", type: ClrCheckbox, selector: "[clrCheckbox],[clrToggle]" }, { kind: "component", type: ClrCheckboxWrapper, selector: "clr-checkbox-wrapper,clr-toggle-wrapper" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ClrPopoverAnchor, selector: "[clrPopoverAnchor]" }, { kind: "directive", type: ClrPopoverCloseButton, selector: "[clrPopoverCloseButton]", outputs: ["clrPopoverOnCloseChange"] }, { kind: "directive", type: ClrPopoverOpenCloseButton, selector: "[clrPopoverOpenCloseButton]", outputs: ["clrPopoverOpenCloseChange"] }, { kind: "directive", type: ClrPopoverContent, selector: "[clrPopoverContent]", inputs: ["clrPopoverContent", "clrPopoverContentAt", "clrPopoverContentOutsideClickToClose", "clrPopoverContentScrollToClose"] }, { kind: "component", type: ClrDatagridColumnToggleButton, selector: "clr-dg-column-toggle-button", outputs: ["clrAllSelected"] }] });
15736
15688
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImport: i0, type: ClrDatagridColumnToggle, decorators: [{
15737
15689
  type: Component,
15738
15690
  args: [{
@@ -17252,7 +17204,6 @@ const CLR_DATAGRID_DIRECTIVES = [
17252
17204
  ClrDatagridFooter,
17253
17205
  ClrDatagridHideableColumn,
17254
17206
  ClrDatagridItems,
17255
- ClrDatagridItemsTrackBy,
17256
17207
  ClrDatagridPageSize,
17257
17208
  ClrDatagridPagination,
17258
17209
  ClrDatagridPlaceholder,
@@ -17299,7 +17250,6 @@ ClrDatagridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
17299
17250
  ClrDatagridFooter,
17300
17251
  ClrDatagridHideableColumn,
17301
17252
  ClrDatagridItems,
17302
- ClrDatagridItemsTrackBy,
17303
17253
  ClrDatagridPageSize,
17304
17254
  ClrDatagridPagination,
17305
17255
  ClrDatagridPlaceholder,
@@ -17350,7 +17300,6 @@ ClrDatagridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versi
17350
17300
  ClrDatagridFooter,
17351
17301
  ClrDatagridHideableColumn,
17352
17302
  ClrDatagridItems,
17353
- ClrDatagridItemsTrackBy,
17354
17303
  ClrDatagridPageSize,
17355
17304
  ClrDatagridPagination,
17356
17305
  ClrDatagridPlaceholder,
@@ -20106,13 +20055,13 @@ class ClrAlert {
20106
20055
  this._closedChanged.emit(false);
20107
20056
  }
20108
20057
  close() {
20109
- var _a;
20058
+ var _a, _b;
20110
20059
  if (!this.closable) {
20111
20060
  return;
20112
20061
  }
20113
20062
  const isCurrentAlert = ((_a = this.multiAlertService) === null || _a === void 0 ? void 0 : _a.currentAlert) === this;
20114
20063
  this._closed = true;
20115
- if (this.multiAlertService) {
20064
+ if ((_b = this.multiAlertService) === null || _b === void 0 ? void 0 : _b.activeAlerts) {
20116
20065
  this.multiAlertService.close(isCurrentAlert);
20117
20066
  }
20118
20067
  this._closedChanged.emit(true);
@@ -26531,5 +26480,5 @@ const CLR_MENU_POSITIONS = [
26531
26480
  * Generated bundle index. Do not edit.
26532
26481
  */
26533
26482
 
26534
- export { CHANGE_KEYS, CLR_ALERT_DIRECTIVES, CLR_BUTTON_GROUP_DIRECTIVES, CLR_DATAGRID_DIRECTIVES, CLR_DATEPICKER_DIRECTIVES, CLR_DROPDOWN_DIRECTIVES, CLR_ICON_DIRECTIVES, CLR_LAYOUT_DIRECTIVES, CLR_LOADING_BUTTON_DIRECTIVES, CLR_LOADING_DIRECTIVES, CLR_MENU_POSITIONS, CLR_MODAL_DIRECTIVES, CLR_NAVIGATION_DIRECTIVES, CLR_PROGRESS_BAR_DIRECTIVES, CLR_SIGNPOST_DIRECTIVES, CLR_SPINNER_DIRECTIVES, CLR_STACK_VIEW_DIRECTIVES, CLR_TABS_DIRECTIVES, CLR_TOOLTIP_DIRECTIVES, CLR_TREE_VIEW_DIRECTIVES, CLR_VERTICAL_NAV_DIRECTIVES, CLR_WIZARD_DIRECTIVES, CONDITIONAL_DIRECTIVES, CUSTOM_BUTTON_TYPES, CdsIconCustomTag, ClarityModule, ClrAbstractContainer, ClrAccordion, ClrAccordionContent, ClrAccordionDescription, ClrAccordionModule, ClrAccordionPanel, ClrAccordionTitle, ClrAlert, ClrAlertItem, ClrAlertModule, ClrAlertText, ClrAlerts, ClrAlertsPager, ClrAlignment, ClrAriaCurrentLink, ClrAxis, ClrButton, ClrButtonGroup, ClrButtonGroupModule, ClrButtonModule, ClrCalendar, ClrCheckbox, ClrCheckboxContainer, ClrCheckboxModule, ClrCheckboxWrapper, ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrCommonFormsModule, ClrCommonStringsService, ClrConditionalModule, ClrControl, ClrControlContainer, ClrControlError, ClrControlHelper, ClrControlSuccess, ClrDataModule, ClrDatagrid, ClrDatagridActionBar, ClrDatagridActionOverflow, ClrDatagridCell, ClrDatagridColumn, ClrDatagridColumnSeparator, ClrDatagridColumnToggle, ClrDatagridColumnToggleButton, ClrDatagridDetail, ClrDatagridDetailBody, ClrDatagridDetailHeader, ClrDatagridFilter, ClrDatagridFooter, ClrDatagridHideableColumn, ClrDatagridItems, ClrDatagridItemsTrackBy, ClrDatagridModule, ClrDatagridPageSize, ClrDatagridPagination, ClrDatagridPlaceholder, ClrDatagridRow, ClrDatagridRowDetail, ClrDatagridSortOrder, ClrDatalist, ClrDatalistContainer, ClrDatalistInput, ClrDatalistModule, ClrDateContainer, ClrDateInput, ClrDateInputValidator, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrDestroyService, ClrDropdown, ClrDropdownItem, ClrDropdownMenu, ClrDropdownModule, ClrDropdownTrigger, ClrEmphasisModule, ClrExpandableAnimation, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrForm, ClrFormLayout, ClrFormsModule, ClrHeader, ClrIconCustomTag, ClrIconModule, ClrIfActive, ClrIfDetail, ClrIfError, ClrIfExpanded, ClrIfOpen, ClrIfSuccess, ClrInput, ClrInputContainer, ClrInputModule, ClrLabel, ClrLayout, ClrLayoutModule, ClrLoading, ClrLoadingButton, ClrLoadingButtonModule, ClrLoadingModule, ClrLoadingState, ClrMainContainer, ClrMainContainerModule, ClrModal, ClrModalBody, ClrModalModule, ClrMonthpicker, ClrNavLevel, ClrNavigationModule, ClrOption, ClrOptionItems, ClrOptionSelected, ClrOptions, ClrPassword, ClrPasswordContainer, ClrPasswordModule, ClrPopoverAnchor, ClrPopoverContent, ClrPopoverEventsService, ClrPopoverHostDirective, ClrPopoverModule, ClrPopoverPositionService, ClrPopoverToggleService, ClrProgressBar, ClrProgressBarModule, ClrRadio, ClrRadioContainer, ClrRadioModule, ClrRadioWrapper, ClrRange, ClrRangeContainer, ClrRangeModule, ClrRecursiveForOf, ClrSelect, ClrSelectContainer, ClrSelectModule, ClrSelectedState, ClrSide, ClrSignpost, ClrSignpostContent, ClrSignpostModule, ClrSignpostTrigger, ClrSpinner, ClrSpinnerModule, ClrStackBlock, ClrStackContentInput, ClrStackHeader, ClrStackView, ClrStackViewCustomTags, ClrStackViewLabel, ClrStackViewModule, ClrStandaloneCdkTrapFocus, ClrStepButton, ClrStepButtonType, ClrStepper, ClrStepperModule, ClrStepperPanel, ClrStopEscapePropagationDirective, ClrTab, ClrTabContent, ClrTabLink, ClrTabOverflowContent, ClrTabs, ClrTabsModule, ClrTextarea, ClrTextareaContainer, ClrTextareaModule, ClrTimeline, ClrTimelineLayout, ClrTimelineModule, ClrTimelineStep, ClrTimelineStepDescription, ClrTimelineStepHeader, ClrTimelineStepState, ClrTimelineStepTitle, ClrTooltip, ClrTooltipContent, ClrTooltipModule, ClrTooltipTrigger, ClrTree, ClrTreeNode, ClrTreeNodeLink, ClrTreeViewModule, ClrVerticalNav, ClrVerticalNavGroup, ClrVerticalNavGroupChildren, ClrVerticalNavIcon, ClrVerticalNavLink, ClrVerticalNavModule, ClrWizard, ClrWizardButton, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrWizardTitle, ClrYearpicker, DEFAULT_BUTTON_TYPES, DatagridNumericFilter, DatagridPropertyComparator, DatagridPropertyNumericFilter, DatagridPropertyStringFilter, DatagridStringFilter, EXPANDABLE_ANIMATION_DIRECTIVES, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, IS_TOGGLE, IS_TOGGLE_PROVIDER, LoadingListener, MainContainerWillyWonka, NavDetectionOompaLoompa, TOGGLE_SERVICE, TOGGLE_SERVICE_PROVIDER, ToggleServiceFactory, WrappedFormControl, collapse, commonStringsDefault, fade, fadeSlide, isToggleFactory, slide, AccordionOompaLoompa as ÇlrAccordionOompaLoompa, AccordionWillyWonka as ÇlrAccordionWillyWonka, ActionableOompaLoompa as ÇlrActionableOompaLoompa, ActiveOompaLoompa as ÇlrActiveOompaLoompa, ClrPopoverCloseButton as ÇlrClrPopoverCloseButton, ClrPopoverModuleNext as ÇlrClrPopoverModuleNext, ClrPopoverOpenCloseButton as ÇlrClrPopoverOpenCloseButton, DatagridCellRenderer as ÇlrDatagridCellRenderer, DatagridDetailRegisterer as ÇlrDatagridDetailRegisterer, DatagridHeaderRenderer as ÇlrDatagridHeaderRenderer, DatagridMainRenderer as ÇlrDatagridMainRenderer, DatagridRowRenderer as ÇlrDatagridRowRenderer, ClrDatagridSelectionCellDirective as ÇlrDatagridSelectionCellDirective, DatagridWillyWonka as ÇlrDatagridWillyWonka, ExpandableOompaLoompa as ÇlrExpandableOompaLoompa, StepperOompaLoompa as ÇlrStepperOompaLoompa, StepperWillyWonka as ÇlrStepperWillyWonka, TabsWillyWonka as ÇlrTabsWillyWonka, WrappedCell as ÇlrWrappedCell, WrappedColumn as ÇlrWrappedColumn, WrappedRow as ÇlrWrappedRow };
26483
+ export { CHANGE_KEYS, CLR_ALERT_DIRECTIVES, CLR_BUTTON_GROUP_DIRECTIVES, CLR_DATAGRID_DIRECTIVES, CLR_DATEPICKER_DIRECTIVES, CLR_DROPDOWN_DIRECTIVES, CLR_ICON_DIRECTIVES, CLR_LAYOUT_DIRECTIVES, CLR_LOADING_BUTTON_DIRECTIVES, CLR_LOADING_DIRECTIVES, CLR_MENU_POSITIONS, CLR_MODAL_DIRECTIVES, CLR_NAVIGATION_DIRECTIVES, CLR_PROGRESS_BAR_DIRECTIVES, CLR_SIGNPOST_DIRECTIVES, CLR_SPINNER_DIRECTIVES, CLR_STACK_VIEW_DIRECTIVES, CLR_TABS_DIRECTIVES, CLR_TOOLTIP_DIRECTIVES, CLR_TREE_VIEW_DIRECTIVES, CLR_VERTICAL_NAV_DIRECTIVES, CLR_WIZARD_DIRECTIVES, CONDITIONAL_DIRECTIVES, CUSTOM_BUTTON_TYPES, CdsIconCustomTag, ClarityModule, ClrAbstractContainer, ClrAccordion, ClrAccordionContent, ClrAccordionDescription, ClrAccordionModule, ClrAccordionPanel, ClrAccordionTitle, ClrAlert, ClrAlertItem, ClrAlertModule, ClrAlertText, ClrAlerts, ClrAlertsPager, ClrAlignment, ClrAriaCurrentLink, ClrAxis, ClrButton, ClrButtonGroup, ClrButtonGroupModule, ClrButtonModule, ClrCalendar, ClrCheckbox, ClrCheckboxContainer, ClrCheckboxModule, ClrCheckboxWrapper, ClrCombobox, ClrComboboxContainer, ClrComboboxModule, ClrCommonFormsModule, ClrCommonStringsService, ClrConditionalModule, ClrControl, ClrControlContainer, ClrControlError, ClrControlHelper, ClrControlSuccess, ClrDataModule, ClrDatagrid, ClrDatagridActionBar, ClrDatagridActionOverflow, ClrDatagridCell, ClrDatagridColumn, ClrDatagridColumnSeparator, ClrDatagridColumnToggle, ClrDatagridColumnToggleButton, ClrDatagridDetail, ClrDatagridDetailBody, ClrDatagridDetailHeader, ClrDatagridFilter, ClrDatagridFooter, ClrDatagridHideableColumn, ClrDatagridItems, ClrDatagridModule, ClrDatagridPageSize, ClrDatagridPagination, ClrDatagridPlaceholder, ClrDatagridRow, ClrDatagridRowDetail, ClrDatagridSortOrder, ClrDatalist, ClrDatalistContainer, ClrDatalistInput, ClrDatalistModule, ClrDateContainer, ClrDateInput, ClrDateInputValidator, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrDestroyService, ClrDropdown, ClrDropdownItem, ClrDropdownMenu, ClrDropdownModule, ClrDropdownTrigger, ClrEmphasisModule, ClrExpandableAnimation, ClrFocusOnViewInit, ClrFocusOnViewInitModule, ClrForm, ClrFormLayout, ClrFormsModule, ClrHeader, ClrIconCustomTag, ClrIconModule, ClrIfActive, ClrIfDetail, ClrIfError, ClrIfExpanded, ClrIfOpen, ClrIfSuccess, ClrInput, ClrInputContainer, ClrInputModule, ClrLabel, ClrLayout, ClrLayoutModule, ClrLoading, ClrLoadingButton, ClrLoadingButtonModule, ClrLoadingModule, ClrLoadingState, ClrMainContainer, ClrMainContainerModule, ClrModal, ClrModalBody, ClrModalModule, ClrMonthpicker, ClrNavLevel, ClrNavigationModule, ClrOption, ClrOptionItems, ClrOptionSelected, ClrOptions, ClrPassword, ClrPasswordContainer, ClrPasswordModule, ClrPopoverAnchor, ClrPopoverContent, ClrPopoverEventsService, ClrPopoverHostDirective, ClrPopoverModule, ClrPopoverPositionService, ClrPopoverToggleService, ClrProgressBar, ClrProgressBarModule, ClrRadio, ClrRadioContainer, ClrRadioModule, ClrRadioWrapper, ClrRange, ClrRangeContainer, ClrRangeModule, ClrRecursiveForOf, ClrSelect, ClrSelectContainer, ClrSelectModule, ClrSelectedState, ClrSide, ClrSignpost, ClrSignpostContent, ClrSignpostModule, ClrSignpostTrigger, ClrSpinner, ClrSpinnerModule, ClrStackBlock, ClrStackContentInput, ClrStackHeader, ClrStackView, ClrStackViewCustomTags, ClrStackViewLabel, ClrStackViewModule, ClrStandaloneCdkTrapFocus, ClrStepButton, ClrStepButtonType, ClrStepper, ClrStepperModule, ClrStepperPanel, ClrStopEscapePropagationDirective, ClrTab, ClrTabContent, ClrTabLink, ClrTabOverflowContent, ClrTabs, ClrTabsModule, ClrTextarea, ClrTextareaContainer, ClrTextareaModule, ClrTimeline, ClrTimelineLayout, ClrTimelineModule, ClrTimelineStep, ClrTimelineStepDescription, ClrTimelineStepHeader, ClrTimelineStepState, ClrTimelineStepTitle, ClrTooltip, ClrTooltipContent, ClrTooltipModule, ClrTooltipTrigger, ClrTree, ClrTreeNode, ClrTreeNodeLink, ClrTreeViewModule, ClrVerticalNav, ClrVerticalNavGroup, ClrVerticalNavGroupChildren, ClrVerticalNavIcon, ClrVerticalNavLink, ClrVerticalNavModule, ClrWizard, ClrWizardButton, ClrWizardHeaderAction, ClrWizardModule, ClrWizardPage, ClrWizardPageButtons, ClrWizardPageHeaderActions, ClrWizardPageNavTitle, ClrWizardPageTitle, ClrWizardStepnav, ClrWizardStepnavItem, ClrWizardTitle, ClrYearpicker, DEFAULT_BUTTON_TYPES, DatagridNumericFilter, DatagridPropertyComparator, DatagridPropertyNumericFilter, DatagridPropertyStringFilter, DatagridStringFilter, EXPANDABLE_ANIMATION_DIRECTIVES, FOCUS_ON_VIEW_INIT, FOCUS_ON_VIEW_INIT_DIRECTIVES, IS_TOGGLE, IS_TOGGLE_PROVIDER, LoadingListener, MainContainerWillyWonka, NavDetectionOompaLoompa, TOGGLE_SERVICE, TOGGLE_SERVICE_PROVIDER, ToggleServiceFactory, WrappedFormControl, collapse, commonStringsDefault, fade, fadeSlide, isToggleFactory, slide, AccordionOompaLoompa as ÇlrAccordionOompaLoompa, AccordionWillyWonka as ÇlrAccordionWillyWonka, ActionableOompaLoompa as ÇlrActionableOompaLoompa, ActiveOompaLoompa as ÇlrActiveOompaLoompa, ClrPopoverCloseButton as ÇlrClrPopoverCloseButton, ClrPopoverModuleNext as ÇlrClrPopoverModuleNext, ClrPopoverOpenCloseButton as ÇlrClrPopoverOpenCloseButton, DatagridCellRenderer as ÇlrDatagridCellRenderer, DatagridDetailRegisterer as ÇlrDatagridDetailRegisterer, DatagridHeaderRenderer as ÇlrDatagridHeaderRenderer, DatagridMainRenderer as ÇlrDatagridMainRenderer, DatagridRowRenderer as ÇlrDatagridRowRenderer, ClrDatagridSelectionCellDirective as ÇlrDatagridSelectionCellDirective, DatagridWillyWonka as ÇlrDatagridWillyWonka, ExpandableOompaLoompa as ÇlrExpandableOompaLoompa, StepperOompaLoompa as ÇlrStepperOompaLoompa, StepperWillyWonka as ÇlrStepperWillyWonka, TabsWillyWonka as ÇlrTabsWillyWonka, WrappedCell as ÇlrWrappedCell, WrappedColumn as ÇlrWrappedColumn, WrappedRow as ÇlrWrappedRow };
26535
26484
  //# sourceMappingURL=clr-angular.mjs.map