@libs-ui/components-card 0.2.357-8 → 0.2.357-9

package/README.md

@@ -99,8 +99,8 @@ import { LibsUiComponentsCardComponent } from '@libs-ui/components-card';
 export class ExampleComponent {
   protected isCardHidden = signal<boolean>(false);
 
-  protected handlerChangeState(event: Event): void {
-    event.stopPropagation();
+  protected handlerChangeState(isHidden: boolean): void {
+    console.log('Card is now:', isHidden ? 'hidden' : 'visible');
     // isHidden signal đã được cập nhật tự động qua two-way binding
   }
 }
@@ -172,9 +172,8 @@ export class ExampleComponent {
   private cardControls = signal<IFunctionControlCard | null>(null);
   protected isCardHidden = signal<boolean>(false);
 
-  protected handlerReceiveFunctionsControl(event: Event): void {
-    event.stopPropagation();
-    this.cardControls.set(event as unknown as IFunctionControlCard);
+  protected handlerReceiveFunctionsControl(controls: IFunctionControlCard): void {
+    this.cardControls.set(controls);
   }
 
   protected handlerToggleCard(event: Event): void {
@@ -182,14 +181,13 @@ export class ExampleComponent {
     this.cardControls()?.changeHidden();
   }
 
-  protected handlerChangeState(event: Event): void {
-    event.stopPropagation();
-    this.isCardHidden.set(event as unknown as boolean);
+  protected handlerChangeState(isHidden: boolean): void {
+    this.isCardHidden.set(isHidden);
   }
 }
 ```
 
-> **Lưu ý:** `outFunctionsControl` emit `IFunctionControlCard` (không phải DOM Event). Binding đúng là `(outFunctionsControl)="handlerReceiveFunctionsControl($event)"` với `$event` kiểu `IFunctionControlCard`.
+> **Lưu ý:** `outFunctionsControl` emit `IFunctionControlCard` và `outChangeStateShowContent` emit `boolean` (không phải DOM Event). `event.stopPropagation()` chỉ áp dụng cho handler của DOM event thật (ví dụ `(click)` trên nút bên ngoài), không áp dụng cho các `@Output()` của component.
 
 ### 5. Card với custom template header
 
@@ -296,8 +294,8 @@ export class ExampleComponent {
 
 | Output | Type | Mô tả | Handler TS | Binding HTML |
 |---|---|---|---|---|
-| `(outChangeStateShowContent)` | `boolean` | Emit giá trị `isHidden` mỗi khi trạng thái ẩn/hiện thay đổi | `handlerChangeState(isHidden: boolean): void { event.stopPropagation(); this.isCardHidden.set(isHidden); }` | `(outChangeStateShowContent)="handlerChangeState($event)"` |
-| `(outFunctionsControl)` | `IFunctionControlCard` | Emit object chứa các hàm điều khiển card; được emit một lần trong `ngOnInit` | `handlerReceiveFunctionsControl(controls: IFunctionControlCard): void { event.stopPropagation(); this.cardControls.set(controls); }` | `(outFunctionsControl)="handlerReceiveFunctionsControl($event)"` |
+| `(outChangeStateShowContent)` | `boolean` | Emit giá trị `isHidden` mỗi khi trạng thái ẩn/hiện thay đổi | `handlerChangeState(isHidden: boolean): void { this.isCardHidden.set(isHidden); }` | `(outChangeStateShowContent)="handlerChangeState($event)"` |
+| `(outFunctionsControl)` | `IFunctionControlCard` | Emit object chứa các hàm điều khiển card; được emit một lần trong `ngOnInit` | `handlerReceiveFunctionsControl(controls: IFunctionControlCard): void { this.cardControls.set(controls); }` | `(outFunctionsControl)="handlerReceiveFunctionsControl($event)"` |
 
 ## @Input() — libs_ui-components-card-wrapper
 
@@ -375,11 +373,3 @@ interface ILabel {
 ⚠️ **CardWrapper tự động uppercase + i18n**: `labelConfig.labelLeft` được pipe qua `translate` rồi `uppercase` trong template của wrapper. Truyền i18n key nếu có, hoặc truyền chuỗi thường — kết quả sẽ luôn viết hoa.
 
 ⚠️ **isHidden là model() signal**: Hỗ trợ cú pháp two-way binding `[(isHidden)]`. Có thể dùng `[isHidden]` (one-way) hoặc `[(isHidden)]` (two-way) tùy nhu cầu.
-
-## Demo
-
-```bash
-npx nx serve core-ui
-```
-
-Truy cập: http://localhost:4500/card

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@libs-ui/components-card",
-  "version": "0.2.357-8",
+  "version": "0.2.357-9",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
-    "@libs-ui/components-label": "0.2.357-8",
-    "@libs-ui/interfaces-types": "0.2.357-8",
+    "@libs-ui/components-label": "0.2.357-9",
+    "@libs-ui/interfaces-types": "0.2.357-9",
     "@ngx-translate/core": "^15.0.0"
   },
   "sideEffects": false,