@db-ux/ngx-core-components 2.1.0 → 2.1.2

package/components/drawer/drawer.d.ts

@@ -18,7 +18,7 @@ export declare class DBDrawer implements AfterViewInit {
     close: import("@angular/core").OutputEmitterRef<any>;
     _ref: import("@angular/core").Signal<ElementRef<any> | undefined>;
     dialogContainerRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    handleClose(event: any): void;
+    handleClose(event: any, forceClose?: boolean): void;
     handleDialogOpen(): void;
     constructor();
     /**

package/components/header/header.d.ts

@@ -18,7 +18,7 @@ export declare class DBHeader implements AfterViewInit {
     _id: import("@angular/core").WritableSignal<string | undefined>;
     initialized: import("@angular/core").WritableSignal<boolean>;
     forcedToMobile: import("@angular/core").WritableSignal<boolean | undefined>;
-    handleToggle(): void;
+    handleToggle(event?: any): void;
     handleNavigationItemClick(event: unknown): void;
     constructor();
     /**

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

@@ -180,7 +180,6 @@ const defaultProps$z = {};
 class DBButton {
     handleClick(event) {
         if (this.click) {
-            event.stopPropagation();
             this.click.emit(event);
         }
     }
@@ -760,7 +759,6 @@ const defaultProps$v = {};
 class DBCard {
     handleClick(event) {
         if (this.click) {
-            event.stopPropagation();
             this.click.emit(event);
         }
     }
@@ -978,7 +976,6 @@ class DBCheckbox {
         }
     }
     handleChange(event) {
-        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -986,13 +983,11 @@ 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);
         }
@@ -1334,11 +1329,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
 
 const defaultProps$r = {};
 class DBDrawer {
-    handleClose(event) {
+    handleClose(event, forceClose) {
         if (event.key === "Escape") {
             event.preventDefault();
         }
-        if (event === "close" ||
+        if (forceClose) {
+            event.stopPropagation();
+        }
+        if (forceClose ||
             event.key === "Escape" ||
             (event.target.nodeName === "DIALOG" &&
                 event.type === "click" &&
@@ -1470,7 +1468,7 @@ class DBDrawer {
             variant="ghost"
             [id]="closeButtonId()"
             [noText]="true"
-            (click)="handleClose('close')"
+            (click)="handleClose($event, true)"
           >
             {{closeButtonText() ?? DEFAULT_CLOSE_BUTTON}}
           </db-button>
@@ -1510,7 +1508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
             variant="ghost"
             [id]="closeButtonId()"
             [noText]="true"
-            (click)="handleClose('close')"
+            (click)="handleClose($event, true)"
           >
             {{closeButtonText() ?? DEFAULT_CLOSE_BUTTON}}
           </db-button>
@@ -1694,7 +1692,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
 
 const defaultProps$q = {};
 class DBHeader {
-    handleToggle() {
+    handleToggle(event) {
+        if (event && event.stopPropagation) {
+            event.stopPropagation();
+        }
         const open = !getBoolean(this.drawerOpen(), "drawerOpen");
         if (this.toggle) {
             this.toggle.emit(open);
@@ -2044,7 +2045,6 @@ class DBInput {
         }
     }
     handleInput(event) {
-        event.stopPropagation();
         if (this.input) {
             this.input.emit(event);
         }
@@ -2052,7 +2052,6 @@ class DBInput {
         this.handleValidation();
     }
     handleChange(event) {
-        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -2060,13 +2059,11 @@ 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);
         }
@@ -2396,7 +2393,6 @@ const defaultProps$n = {};
 class DBLink {
     handleClick(event) {
         if (this.click) {
-            event.stopPropagation();
             this.click.emit(event);
         }
     }
@@ -2634,20 +2630,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
 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);
         }
@@ -2932,12 +2925,10 @@ class DBSelect {
     }
     handleClick(event) {
         if (this.click) {
-            event.stopPropagation();
             this.click.emit(event);
         }
     }
     handleInput(event) {
-        event.stopPropagation();
         if (this.input) {
             this.input.emit(event);
         }
@@ -2945,7 +2936,6 @@ class DBSelect {
         this.handleValidation();
     }
     handleChange(event) {
-        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -2953,13 +2943,11 @@ 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);
         }
@@ -3172,7 +3160,7 @@ class DBSelect {
             </option>
             }
           </optgroup>
-          } @if(!option.options){
+          }@else{
           <option
             [value]="option.value"
             [disabled]="option.disabled"
@@ -3255,7 +3243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
             </option>
             }
           </optgroup>
-          } @if(!option.options){
+          }@else{
           <option
             [value]="option.value"
             [disabled]="option.disabled"
@@ -3292,7 +3280,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
 const defaultProps$i = {};
 class DBSwitch {
     handleChange(event) {
-        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -3301,13 +3288,11 @@ 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);
         }
@@ -4015,7 +4000,6 @@ class DBTextarea {
         }
     }
     handleInput(event) {
-        event.stopPropagation();
         if (this.input) {
             this.input.emit(event);
         }
@@ -4023,7 +4007,6 @@ class DBTextarea {
         this.handleValidation();
     }
     handleChange(event) {
-        event.stopPropagation();
         if (this.change) {
             this.change.emit(event);
         }
@@ -4031,13 +4014,11 @@ 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);
         }
@@ -5345,6 +5326,7 @@ class DBTabs {
     initTabs(init) {
         if (this._ref()?.nativeElement) {
             const tabItems = Array.from(this._ref()?.nativeElement.getElementsByClassName("db-tab-item"));
+            const tabPanels = Array.from(this._ref()?.nativeElement.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
             for (const tabItem of tabItems) {
                 const index = tabItems.indexOf(tabItem);
                 const label = tabItem.querySelector("label");
@@ -5353,9 +5335,11 @@ class DBTabs {
                     if (!input.id) {
                         const tabId = `${this._name()}-tab-${index}`;
                         label.setAttribute("for", tabId);
-                        input.setAttribute("aria-controls", `${this._name()}-tab-panel-${index}`);
                         input.id = tabId;
                         input.setAttribute("name", this._name());
+                        if (tabPanels.length > index) {
+                            input.setAttribute("aria-controls", `${this._name()}-tab-panel-${index}`);
+                        }
                     }
                     if (init) {
                         // Auto select
@@ -5369,7 +5353,6 @@ class DBTabs {
                     }
                 }
             }
-            const tabPanels = Array.from(this._ref()?.nativeElement.querySelectorAll(":is(:scope > .db-tab-panel, :scope > db-tab-panel > .db-tab-panel)"));
             for (const panel of tabPanels) {
                 if (panel.id)
                     continue;