@clr/angular 13.18.2 → 13.18.3

package/fesm2020/clr-angular.mjs

@@ -18691,7 +18691,10 @@ class ClrStackBlock {
     addChild() {
         this.expandable = true;
     }
-    toggleExpand() {
+    toggleExpand(event) {
+        if (eventIsInputEvent(event)) {
+            return;
+        }
         if (this.expandable) {
             this.expanded = !this.expanded;
             this.expandedChange.emit(this.expanded);
@@ -18700,6 +18703,12 @@ class ClrStackBlock {
     getStackChildrenId() {
         return this.expanded ? `clr-stack-children-${this.uniqueId}` : null;
     }
+    preventDefaultIfNotInputEvent(event) {
+        if (eventIsInputEvent(event)) {
+            return;
+        }
+        event.preventDefault();
+    }
 }
 ClrStackBlock.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ClrStackBlock, deps: [{ token: ClrStackBlock, optional: true, skipSelf: true }, { token: ClrCommonStringsService }], target: i0.ɵɵFactoryTarget.Component });
 ClrStackBlock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ClrStackBlock, selector: "clr-stack-block", inputs: { expanded: ["clrSbExpanded", "expanded"], expandable: ["clrSbExpandable", "expandable"], ariaLevel: ["clrStackViewLevel", "ariaLevel"], ariaSetsize: ["clrStackViewSetsize", "ariaSetsize"], ariaPosinset: ["clrStackViewPosinset", "ariaPosinset"], setChangedValue: ["clrSbNotifyChange", "setChangedValue"] }, outputs: { expandedChange: "clrSbExpandedChange" }, host: { properties: { "class.stack-block": "true", "attr.role": "\"heading\"", "attr.aria-level": "headingLevel", "class.stack-block-expanded": "this.expanded", "class.stack-block-expandable": "this.expandable", "class.stack-block-changed": "this.getChangedValue", "class.on-focus": "this.onStackLabelFocus" } }, queries: [{ propertyName: "stackBlockTitle", first: true, predicate: ClrStackViewLabel, descendants: true }], ngImport: i0, template: `
@@ -18707,10 +18716,10 @@ ClrStackBlock.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
          from scrolling when a stack block is toggled via the space key. -->
     <div
       class="stack-block-label"
-      (click)="toggleExpand()"
-      (keyup.enter)="toggleExpand()"
-      (keyup.space)="toggleExpand()"
-      (keydown.space)="$event.preventDefault()"
+      (click)="toggleExpand($event)"
+      (keyup.enter)="toggleExpand($event)"
+      (keyup.space)="toggleExpand($event)"
+      (keydown.space)="preventDefaultIfNotInputEvent($event)"
       (focus)="focused = true"
       (blur)="focused = false"
       [id]="uniqueId"
@@ -18752,10 +18761,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
          from scrolling when a stack block is toggled via the space key. -->
     <div
       class="stack-block-label"
-      (click)="toggleExpand()"
-      (keyup.enter)="toggleExpand()"
-      (keyup.space)="toggleExpand()"
-      (keydown.space)="$event.preventDefault()"
+      (click)="toggleExpand($event)"
+      (keyup.enter)="toggleExpand($event)"
+      (keyup.space)="toggleExpand($event)"
+      (keydown.space)="preventDefaultIfNotInputEvent($event)"
       (focus)="focused = true"
       (blur)="focused = false"
       [id]="uniqueId"
@@ -18844,6 +18853,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: HostBinding,
                 args: ['class.on-focus']
             }] } });
+function eventIsInputEvent(event) {
+    const targetElement = event?.target;
+    return targetElement?.tagName === 'INPUT';
+}
 
 /*
  * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.