@clr/angular 16.3.0 → 16.3.1

package/fesm2020/clr-angular.mjs

@@ -3817,16 +3817,14 @@ class ClrButtonGroup {
         this.menuButtons = tempInMenuButtons;
     }
     handleFocusOnMenuOpen() {
-        if (this.menuButtons.length) {
-            this.toggleService.popoverVisible.pipe(takeUntil(this.destroy$)).subscribe(visible => {
-                if (visible) {
-                    this.focusHandler.initialize({
-                        menu: this.menu.nativeElement,
-                        menuToggle: this.menuToggle.nativeElement,
-                    });
-                }
-            });
-        }
+        this.toggleService.popoverVisible.pipe(takeUntil(this.destroy$)).subscribe(visible => {
+            if (visible) {
+                this.focusHandler.initialize({
+                    menu: this.menu.nativeElement,
+                    menuToggle: this.menuToggle.nativeElement,
+                });
+            }
+        });
     }
 }
 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 });
@@ -3925,7 +3923,7 @@ class ClrLoadingButton {
 }
 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 });
 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: `
-    <ng-container [ngSwitch]="state">
+    <div @parent [ngSwitch]="state">
       <span *ngSwitchCase="buttonState.LOADING">
         <span @spinner class="spinner spinner-inline"></span>
       </span>
@@ -3939,8 +3937,13 @@ ClrLoadingButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
       <span *ngSwitchCase="buttonState.DEFAULT" @defaultButton>
         <ng-content></ng-content>
       </span>
-    </ng-container>
+    </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: i5.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i5.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], animations: [
+        trigger('parent', [
+            // Skip :enter animation on first render.
+            // The button text/content should only be faded when transitioning to or from a non-default state.
+            transition(':enter', []),
+        ]),
         trigger('defaultButton', [
             transition(':enter', [style({ opacity: 0 }), animate('200ms 100ms ease-in', style({ opacity: 1 }))]),
             // TODO: see if we can get leave animation to work before spinner's enter animation
@@ -3968,7 +3971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
             args: [{
                     selector: 'button[clrLoading]',
                     template: `
-    <ng-container [ngSwitch]="state">
+    <div @parent [ngSwitch]="state">
       <span *ngSwitchCase="buttonState.LOADING">
         <span @spinner class="spinner spinner-inline"></span>
       </span>
@@ -3982,10 +3985,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.2", ngImpor
       <span *ngSwitchCase="buttonState.DEFAULT" @defaultButton>
         <ng-content></ng-content>
       </span>
-    </ng-container>
+    </div>
   `,
                     providers: [{ provide: LoadingListener, useExisting: ClrLoadingButton }],
                     animations: [
+                        trigger('parent', [
+                            // Skip :enter animation on first render.
+                            // The button text/content should only be faded when transitioning to or from a non-default state.
+                            transition(':enter', []),
+                        ]),
                         trigger('defaultButton', [
                             transition(':enter', [style({ opacity: 0 }), animate('200ms 100ms ease-in', style({ opacity: 1 }))]),
                             // TODO: see if we can get leave animation to work before spinner's enter animation
@@ -9608,9 +9616,11 @@ class ClrDateInput extends WrappedFormControl {
     }
     set min(dateString) {
         this.dateIOService.setMinDate(dateString);
+        this.triggerControlValidation();
     }
     set max(dateString) {
         this.dateIOService.setMaxDate(dateString);
+        this.triggerControlValidation();
     }
     get disabled() {
         if (this.dateFormControlService) {
@@ -9675,6 +9685,13 @@ class ClrDateInput extends WrappedFormControl {
             this.focusService.focused = focus;
         }
     }
+    triggerControlValidation() {
+        if (this.datepickerHasFormControl()) {
+            // Set `emitEvent` to false to prevent unnecessary value change event. Status change event will be emitted by `setErrors` below.
+            this.control.control?.updateValueAndValidity({ emitEvent: false });
+            this.control.control?.setErrors(this.control.control.errors);
+        }
+    }
     populateServicesFromContainerComponent() {
         if (!this.container) {
             this.dateIOService = this.getProviderFromContainer(DateIOService);
@@ -19954,7 +19971,7 @@ class ClrAlert {
         }
         const isCurrentAlert = this.multiAlertService?.currentAlert === this;
         this._closed = true;
-        if (this.multiAlertService) {
+        if (this.multiAlertService?.activeAlerts) {
             this.multiAlertService.close(isCurrentAlert);
         }
         this._closedChanged.emit(true);