@libs-ui/icons 0.2.357-7 → 0.2.357-9

package/README.md

@@ -229,7 +229,7 @@ Tất cả icon component đều kế thừa `LibsUiIconsComponentAbstract` và
 |---|---|---|---|---|
 | `size` | `number` | `16` (xem bảng riêng) | Kích thước icon theo px (áp dụng cho cả width và height của SVG) | `[size]="24"` |
 | `color` | `string` | `'#e6e7ea'` (xem bảng riêng) | Màu fill mặc định của icon khi không active | `[color]="'#333333'"` |
-| `colorActive` | `string` | `'#ffffff'` | Màu fill của icon khi `active` là `true` | `[colorActive]="'#0050CC'"` |
+| `colorActive` | `string` | `'#9CA2AD'` | Màu fill của icon khi `active` là `true` | `[colorActive]="'#0050CC'"` |
 | `active` | `boolean` | `undefined` | Khi `true`, icon hiển thị với màu `colorActive` thay vì `color` | `[active]="isSelected()"` |
 
 ### Default size và color theo từng component
@@ -240,8 +240,8 @@ Tất cả icon component đều kế thừa `LibsUiIconsComponentAbstract` và
 | `LibsUiIconsAiInteractionComponent` | `libs_ui-icons-ai-interaction` | `32` | `#e6e7ea` |
 | `LibsIconsImageDefaultComponent` | `libs_ui-icons-image_default` | `64` | `#e6e7ea` |
 | `LibsIconsJsonComponent` | `libs_ui-icons-json` | `32` | `#e6e7ea` |
-| `LibsUiIconsNoDataComponent` | `libs_ui-icons-no_data` | `65` | `#e6e7ea` |
-| `LibsUiIconsNoResultComponent` | `libs_ui-icons-no_result` | `65` | `#e6e7ea` |
+| `LibsUiIconsNoDataComponent` | `libs_ui-icons-no_data` | `16`* | `#e6e7ea` |
+| `LibsUiIconsNoResultComponent` | `libs_ui-icons-no_result` | `16`* | `#e6e7ea` |
 | `LibsUiIconsPdfComponent` | `libs_ui-icons-pdf` | `32` | `#e6e7ea` |
 | `LibsUiIconsPptxComponent` | `libs_ui-icons-pptx` | `32` | `#e6e7ea` |
 | `LibsUiIconsReloadComponent` | `libs_ui-icons-reload` | `32` | `#6A7383` |
@@ -252,6 +252,8 @@ Tất cả icon component đều kế thừa `LibsUiIconsComponentAbstract` và
 | `LibsUiIconsXlsxComponent` | `libs_ui-icons-xlsx` | `32` | `#e6e7ea` |
 | `LibsUiIconsXmlComponent` | `libs_ui-icons-xml` | `32` | `#e6e7ea` |
 
+\* `no-data`/`no-result` khai báo `input(16, { transform: (v) => v ?? 65 })` — theo cơ chế `input()` của Angular, `transform` chỉ chạy khi có giá trị được binding từ template (kể cả `undefined`), KHÔNG áp dụng cho giá trị khởi tạo khi hoàn toàn không binding `[size]`. Do đó nếu bỏ trống `[size]` hoàn toàn, giá trị thực tế là `16`; chỉ khi binding rõ `[size]="undefined"` mới ra `65`. Luôn truyền `[size]` tường minh (ví dụ `[size]="65"`) để tránh phụ thuộc vào chi tiết này.
+
 ## Pipe — LibsUiIconsGetIconComponentPipe
 
 Pipe async lazy-load icon component theo key string. Trả về `Promise<Type<any> | null>`, dùng kết hợp với `AsyncPipe` và `NgComponentOutlet`.
@@ -332,7 +334,7 @@ export class CustomIconComponent extends LibsUiIconsComponentAbstract {
 |---|---|---|
 | `size` | `input<number>` (default: `16`) | Kích thước px |
 | `color` | `input<string>` (default: `'#e6e7ea'`) | Màu mặc định |
-| `colorActive` | `input<string>` (default: `'#ffffff'`) | Màu khi active |
+| `colorActive` | `input<string>` (default: `'#9CA2AD'`) | Màu khi active |
 | `active` | `input<boolean>` | Trạng thái active |
 | `colorBind` | `computed` (protected) | Trả về `colorActive()` khi `active()` là `true`, ngược lại trả về `color()` |
 
@@ -344,14 +346,6 @@ export class CustomIconComponent extends LibsUiIconsComponentAbstract {
 
 ⚠️ **Icon AI (`libs_ui-icons-ai`) dùng SVG gradient**: Màu của icon AI được định nghĩa trực tiếp trong SVG path qua `linearGradient`, input `color` không ảnh hưởng đến màu gradient này.
 
-⚠️ **`colorActive` default là `'#ffffff'`**: Trong abstract base, giá trị mặc định của `colorActive` khi không truyền vào là `'#ffffff'` (trắng). Một số component override giá trị này (ví dụ: `reload` dùng `#6A7383`, `send-solid` dùng `#226FF5`). Kiểm tra bảng default ở trên trước khi dùng.
+⚠️ **`colorActive` default là `'#9CA2AD'`**: Trong abstract base, giá trị mặc định của `colorActive` khi không truyền vào là `'#9CA2AD'` (xám). Không có icon component nào trong lib hiện override giá trị này — tất cả 15 icon dùng chung default `colorActive` từ abstract (chỉ `size` và `color` được override riêng, ví dụ: `reload` dùng `color: '#6A7383'`, `send-solid`/`sparkles-ai-solid`/`stop-solid` dùng `color: '#226FF5'`). Kiểm tra bảng default ở trên trước khi dùng.
 
 ⚠️ **Không có @Output()**: Tất cả icon component chỉ là SVG display thuần, không emit event. Nếu cần xử lý click, bọc bên ngoài bằng `<button>` hoặc element có `(click)` handler.
-
-## Demo
-
-```bash
-npx nx serve core-ui
-```
-
-Truy cập: http://localhost:4500/icons

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@libs-ui/icons",
-  "version": "0.2.357-7",
+  "version": "0.2.357-9",
   "peerDependencies": {
     "@angular/core": ">=18.0.0"
   },