@db-ux/ngx-core-components 2.0.4 → 2.0.6

package/fesm2022/db-ux-ngx-core-components.mjs

@@ -166,6 +166,7 @@ const getSearchInput = (element) => element.querySelector(`input[type="search"]`
 const defaultProps$z = {};
 class DBButton {
     handleClick(event) {
+        event.stopPropagation();
         if (this.click) {
             this.click.emit(event);
         }
@@ -397,6 +398,7 @@ const TESTING_VIEWPORTS = [{
 const defaultProps$y = {};
 class DBNotification {
     handleClose(event) {
+        event.stopPropagation();
         if (this.close) {
             this.close.emit(event);
         }
@@ -744,6 +746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 const defaultProps$v = {};
 class DBCard {
     handleClick(event) {
+        event.stopPropagation();
         if (this.click) {
             this.click.emit(event);
         }
@@ -962,6 +965,7 @@ class DBCheckbox {
         }
     }
     handleChange(event) {
+        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -969,11 +973,13 @@ class DBCheckbox {
         this.handleValidation();
     }
     handleBlur(event) {
+        event.stopPropagation();
         if (this.blur) {
             this.blur.emit(event);
         }
     }
     handleFocus(event) {
+        event.stopPropagation();
         if (this.focus) {
             this.focus.emit(event);
         }
@@ -2024,6 +2030,7 @@ class DBInput {
         }
     }
     handleInput(event) {
+        event.stopPropagation();
         if (this.input) {
             this.input.emit(event);
         }
@@ -2031,6 +2038,7 @@ class DBInput {
         this.handleValidation();
     }
     handleChange(event) {
+        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -2038,11 +2046,13 @@ class DBInput {
         this.handleValidation();
     }
     handleBlur(event) {
+        event.stopPropagation();
         if (this.blur) {
             this.blur.emit(event);
         }
     }
     handleFocus(event) {
+        event.stopPropagation();
         if (this.focus) {
             this.focus.emit(event);
         }
@@ -2370,6 +2380,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 const defaultProps$n = {};
 class DBLink {
     handleClick(event) {
+        event.stopPropagation();
         if (this.click) {
             this.click.emit(event);
         }
@@ -2608,17 +2619,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 const defaultProps$l = {};
 class DBRadio {
     handleChange(event) {
+        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
         handleFrameworkEventAngular(this, event);
     }
     handleBlur(event) {
+        event.stopPropagation();
         if (this.blur) {
             this.blur.emit(event);
         }
     }
     handleFocus(event) {
+        event.stopPropagation();
         if (this.focus) {
             this.focus.emit(event);
         }
@@ -2901,11 +2915,13 @@ class DBSelect {
         }
     }
     handleClick(event) {
+        event.stopPropagation();
         if (this.click) {
             this.click.emit(event);
         }
     }
     handleInput(event) {
+        event.stopPropagation();
         if (this.input) {
             this.input.emit(event);
         }
@@ -2913,6 +2929,7 @@ class DBSelect {
         this.handleValidation();
     }
     handleChange(event) {
+        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -2920,11 +2937,13 @@ class DBSelect {
         this.handleValidation();
     }
     handleBlur(event) {
+        event.stopPropagation();
         if (this.blur) {
             this.blur.emit(event);
         }
     }
     handleFocus(event) {
+        event.stopPropagation();
         if (this.focus) {
             this.focus.emit(event);
         }
@@ -3082,6 +3101,7 @@ class DBSelect {
         this._invalidMessage.set(this.invalidMessage() || DEFAULT_INVALID_MESSAGE);
     }
     ngAfterViewInit() {
+        this.writeValue(this.value());
         this.initialized.set(true);
         const element = this._ref()?.nativeElement;
         this.enableAttributePassing(element, "db-select");
@@ -3255,6 +3275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 const defaultProps$i = {};
 class DBSwitch {
     handleChange(event) {
+        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -3263,11 +3284,13 @@ class DBSwitch {
         handleFrameworkEventAngular(this, event, "checked");
     }
     handleBlur(event) {
+        event.stopPropagation();
         if (this.blur) {
             this.blur.emit(event);
         }
     }
     handleFocus(event) {
+        event.stopPropagation();
         if (this.focus) {
             this.focus.emit(event);
         }
@@ -3461,6 +3484,7 @@ class DBTabItem {
         }
     }
     handleChange(event) {
+        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -3641,6 +3665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 const defaultProps$g = {};
 class DBTag {
     handleRemove(event) {
+        event?.stopPropagation();
         if (this.remove) {
             this.remove.emit(event);
         }
@@ -3835,6 +3860,7 @@ class DBTextarea {
         }
     }
     handleInput(event) {
+        event.stopPropagation();
         if (this.input) {
             this.input.emit(event);
         }
@@ -3842,6 +3868,7 @@ class DBTextarea {
         this.handleValidation();
     }
     handleChange(event) {
+        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -3849,11 +3876,13 @@ class DBTextarea {
         this.handleValidation();
     }
     handleBlur(event) {
+        event.stopPropagation();
         if (this.blur) {
             this.blur.emit(event);
         }
     }
     handleFocus(event) {
+        event.stopPropagation();
         if (this.focus) {
             this.focus.emit(event);
         }
@@ -4144,6 +4173,7 @@ class DBNavigationItem {
         }
     }
     handleClick(event) {
+        event.stopPropagation();
         if (this.click) {
             this.click.emit(event);
         }
@@ -5325,6 +5355,7 @@ class DBTabs {
         }
     }
     handleChange(event) {
+        event.stopPropagation();
         const list = event.target?.closest("ul");
         const listItem = 
         // db-tab-item for angular and stencil wrapping elements