@libs-ui/components-breadcrumb 0.2.357-7 → 0.2.357-9

package/README.md

@@ -157,12 +157,10 @@ export class ExampleComponent {
   private breadcrumbControl: IBreadCrumbFunctionControlEvent | undefined;
 
   handlerFunctionControl(event: IBreadCrumbFunctionControlEvent): void {
-    event.stopPropagation?.();
     this.breadcrumbControl = event;
   }
 
   handlerStepSelected(event: ITabBreadCrumbSelected): void {
-    event.stopPropagation?.();
     this.breadcrumbControl?.setSelectedStep(event.index);
   }
 
@@ -219,7 +217,6 @@ export class ExampleComponent {
   ];
 
   handlerMultiStepSelect(event: ITabBreadCrumbMultiStepSelected<ITabBreadCrumbMultiStep>): void {
-    event.stopPropagation?.();
     console.log('Selected step:', event.index, 'Type:', event.type);
   }
 }
@@ -277,8 +274,8 @@ export class ExampleComponent {
 
 | Output | Type | Mô tả | Handler TS | Binding HTML |
 |---|---|---|---|---|
-| `(outFunctionControl)` | `IBreadCrumbFunctionControlEvent` | Emit object chứa các hàm điều khiển component, phát ngay trong `ngOnInit`. Phải capture để gọi API programmatic. | `handlerFunctionControl(event: IBreadCrumbFunctionControlEvent): void { event.stopPropagation?.(); this.control = event; }` | `(outFunctionControl)="handlerFunctionControl($event)"` |
-| `(outStepSelected)` | `ITabBreadCrumbSelected` | Emit khi người dùng click vào một bước (không phát nếu bước bị `disable`) | `handlerStepSelected(event: ITabBreadCrumbSelected): void { event.stopPropagation?.(); this.control?.setSelectedStep(event.index); }` | `(outStepSelected)="handlerStepSelected($event)"` |
+| `(outFunctionControl)` | `IBreadCrumbFunctionControlEvent` | Emit object chứa các hàm điều khiển component, phát ngay trong `ngOnInit`. Phải capture để gọi API programmatic. | `handlerFunctionControl(event: IBreadCrumbFunctionControlEvent): void { this.control = event; }` | `(outFunctionControl)="handlerFunctionControl($event)"` |
+| `(outStepSelected)` | `ITabBreadCrumbSelected` | Emit khi người dùng click vào một bước (không phát nếu bước bị `disable`) | `handlerStepSelected(event: ITabBreadCrumbSelected): void { this.control?.setSelectedStep(event.index); }` | `(outStepSelected)="handlerStepSelected($event)"` |
 
 ## @Input() — LibsUiComponentsBreadcrumbMultiStepComponent
 
@@ -297,7 +294,7 @@ Kế thừa toàn bộ Output của `LibsUiComponentsBreadcrumbComponent`, cộn
 
 | Output | Type | Mô tả | Handler TS | Binding HTML |
 |---|---|---|---|---|
-| `(outMultiStepSelect)` | `ITabBreadCrumbMultiStepSelected<any>` | Emit khi người dùng chọn bước (text click hoặc chọn item từ dropdown). Kèm `callBack` để ẩn/hiện keys trong dropdown. | `handlerMultiStepSelect(event: ITabBreadCrumbMultiStepSelected<MyStep>): void { event.stopPropagation?.(); this.onSelectStep(event); }` | `(outMultiStepSelect)="handlerMultiStepSelect($event)"` |
+| `(outMultiStepSelect)` | `ITabBreadCrumbMultiStepSelected<any>` | Emit khi người dùng chọn bước (text click hoặc chọn item từ dropdown). Kèm `callBack` để ẩn/hiện keys trong dropdown. | `handlerMultiStepSelect(event: ITabBreadCrumbMultiStepSelected<MyStep>): void { this.onSelectStep(event); }` | `(outMultiStepSelect)="handlerMultiStepSelect($event)"` |
 
 ## FunctionsControl API — IBreadCrumbFunctionControlEvent
 
@@ -421,11 +418,3 @@ import { LibsUiComponentsBreadcrumbMultiStepComponent } from '@libs-ui/component
   (outMultiStepSelect)="handlerMultiStepSelect($event)"
 />
 ```
-
-## Demo
-
-```bash
-npx nx serve core-ui
-```
-
-Truy cập: http://localhost:4500/components/breadcrumb

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@libs-ui/components-breadcrumb",
-  "version": "0.2.357-7",
+  "version": "0.2.357-9",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
     "@ngx-translate/core": "^15.0.0",
-    "@libs-ui/components-list": "0.2.357-7",
-    "@libs-ui/components-popover": "0.2.357-7",
-    "@libs-ui/components-dropdown": "0.2.357-7"
+    "@libs-ui/components-list": "0.2.357-9",
+    "@libs-ui/components-popover": "0.2.357-9",
+    "@libs-ui/components-dropdown": "0.2.357-9"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-breadcrumb.mjs",