@db-ux/ngx-core-components 3.0.1 → 3.0.2

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

@@ -7167,22 +7167,27 @@ class DBTabs {
     }
     handleChange(event) {
         event.stopPropagation();
-        const closest = event.target?.closest;
-        if (!closest)
-            return;
-        const list = closest("ul");
-        const listItem = 
-        // db-tab-item for angular and stencil wrapping elements
-        closest("db-tab-item") ?? closest("li");
-        if (list !== null && listItem !== null) {
-            const indices = Array.from(list.childNodes).indexOf(listItem);
-            if (this.indexChange) {
-                this.indexChange.emit(indices);
+        if (event.target) {
+            const target = event.target;
+            const parent = target.parentElement;
+            if (parent &&
+                parent.parentElement &&
+                parent.parentElement?.nodeName === "LI") {
+                const tabItem = parent.parentElement.parentElement;
+                if (tabItem) {
+                    const list = tabItem.parentElement;
+                    if (list) {
+                        const indices = Array.from(list.childNodes).indexOf(tabItem);
+                        if (this.indexChange) {
+                            this.indexChange.emit(indices);
+                        }
+                        if (this.tabSelect) {
+                            this.tabSelect.emit(event);
+                        }
+                    }
+                }
             }
         }
-        if (this.tabSelect) {
-            this.tabSelect.emit(event);
-        }
     }
     trackByTab0(index, tab) {
         return this.name() + "tab-item" + index;
@@ -7295,6 +7300,7 @@ class DBTabs {
     [attr.data-alignment]="alignment() ?? 'start'"
     [attr.data-width]="width() ?? 'auto'"
     (input)="handleChange($event)"
+    (change)="handleChange($event)"
   >
     @if(showScrollLeft()){
     <db-button
@@ -7350,6 +7356,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
     [attr.data-alignment]="alignment() ?? 'start'"
     [attr.data-width]="width() ?? 'auto'"
     (input)="handleChange($event)"
+    (change)="handleChange($event)"
   >
     @if(showScrollLeft()){
     <db-button