@libs-ui/pipes-call-function-in-template 0.2.356-42 → 0.2.356-43

package/README.md

@@ -1,28 +1,31 @@
 # @libs-ui/pipes-call-function-in-template
 
-> Version: `0.2.355-15`
->
-> Pipe đa năng giúp gọi function xử lý logic ngay trong template, hỗ trợ truyền tham số và xử lý kết quả Async (Observable).
+> Pipe đa năng giúp gọi function xử lý logic ngay trong Angular template, hỗ trợ truyền tham số và trả về Observable (async).
 
 ## Giới thiệu
 
-`LibsUiPipesCallFunctionInTemplatePipe` là một giải pháp linh hoạt cho phép bạn thực hiện các phép biến đổi dữ liệu phức tạp ngay trong template HTML của Angular thông qua các hàm helper trong Component, thay vì phải tạo nhiều Pipe đơn lẻ cho từng mục đích cụ thể.
+`LibsUiPipesCallFunctionInTemplatePipe` cho phép gọi một arrow function tùy ý từ component ngay bên trong template HTML của Angular. Thay vì tạo nhiều Pipe riêng biệt cho từng nghiệp vụ, pipe này đóng vai trò là "bridge" truyền `value`, `item`, `otherData` vào function, nhận lại `Observable<T>` và kết hợp với `async` pipe để hiển thị kết quả.
 
-### Tính năng
+Pipe tích hợp sẵn logic chuẩn hóa giá trị đầu ra: tự động xử lý `null`, `undefined`, chuỗi rỗng, số `0` và non-primitive (object, mảng) — không cần viết thêm guard trong function.
 
-- ✅ Gọi function xử lý logic ngay trong template
-- ✅ Hỗ trợ truyền tham số phụ (item, otherData)
-- ✅ Xử lý bất đồng bộ (Async) với Observable
-- ✅ Tự động xử lý giá trị rỗng (null, undefined, 0)
-- ✅ Tùy chỉnh giá trị mặc định cho các trường hợp đặc biệt
-- ✅ Standalone pipe (Angular 16+)
+## Tính năng
+
+- ✅ Gọi bất kỳ arrow function nào trực tiếp trong template mà không cần tạo Pipe riêng
+- ✅ Hỗ trợ truyền 2 tham số phụ: `item` và `otherData`
+- ✅ Trả về `Observable<T>` — kết hợp với `async` pipe hoặc `@if (...; as val)`
+- ✅ Tích hợp `switchMap` — tự hủy Observable cũ khi giá trị đầu vào thay đổi
+- ✅ Tự động chuẩn hóa giá trị rỗng: `null` / `undefined` / `''` / `NaN` → `'__'` (mặc định)
+- ✅ Tùy chỉnh giá trị mặc định cho `0` và empty qua tham số `defaultValueEmpty`
+- ✅ Non-primitive (object, mảng, Date) được giữ nguyên reference
+- ✅ Boolean được trả về nguyên dạng `boolean`, không bị stringify
+- ✅ Standalone pipe, Angular 16+
 
 ## Khi nào sử dụng
 
-- Khi cần xử lý logic phức tạp để hiển thị dữ liệu mà không muốn tạo Pipe riêng biệt cho từng trường hợp.
-- Khi cần truyền thêm tham số phụ (item, otherData) vào hàm xử lý.
-- Khi logic xử lý có thể tái sử dụng dưới dạng function helper.
-- Hỗ trợ xử lý bất đồng bộ (Async) đơn giản trong template.
+- Cần xử lý/biến đổi dữ liệu phức tạp để hiển thị nhưng không muốn tạo riêng một Pipe chỉ dùng 1 lần
+- Cần truyền thêm ngữ cảnh (`item`, `otherData`) vào hàm xử lý — ví dụ: tính tổng tiền từ giá × số lượng − giảm giá
+- Logic transform có thể tái sử dụng giữa nhiều hàng trong `@for` hoặc nhiều chỗ trong cùng component
+- Cần gọi một hàm async (mock API, lookup map) và hiển thị kết quả trong template
 
 ## Cài đặt
 
@@ -40,117 +43,268 @@ import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-funct
   imports: [LibsUiPipesCallFunctionInTemplatePipe],
   // ...
 })
+export class MyComponent {}
 ```
 
-## Cách sử dụng
+## Ví dụ sử dụng
 
-### 1. Transform String Cơ bản
+### 1. Transform chuỗi đơn giản
 
-```html
-{{ 'hello world' | LibsUiPipesCallFunctionInTemplatePipe : transformUppercase | async }}
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';
+import { Observable, of } from 'rxjs';
+import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCallFunctionInTemplatePipe],
+  template: `
+    <span>{{ 'hello world' | LibsUiPipesCallFunctionInTemplatePipe : transformUppercase | async }}</span>
+  `,
+})
+export class MyComponent {
+  transformUppercase: TYPE_FUNCTION<string> = (data: { value: string }): Observable<string> => {
+    return of((data.value || '').toUpperCase());
+  };
+}
 ```
 
+Kết quả hiển thị: `HELLO WORLD`
+
+---
+
+### 2. Truyền tham số phụ `item` và `otherData`
+
 ```typescript
-transformUppercase = (data: { value: string }): Observable<string> => {
-  return of((data.value || '').toUpperCase());
-};
+import { Component } from '@angular/core';
+import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';
+import { Observable, of } from 'rxjs';
+import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCallFunctionInTemplatePipe],
+  template: `
+    <!-- value=100, item=5 (số lượng), otherData=20 (giảm giá) -->
+    <span>{{ 100 | LibsUiPipesCallFunctionInTemplatePipe : calculateTotal : 5 : 20 | async }}</span>
+  `,
+})
+export class MyComponent {
+  calculateTotal: TYPE_FUNCTION<string> = (data: {
+    value: number;
+    item?: number;
+    otherData?: number;
+  }): Observable<string> => {
+    const qty = data.item || 0;
+    const discount = data.otherData || 0;
+    const total = data.value * qty - discount;
+    return of(`${total.toFixed(0)} đ`);
+  };
+}
 ```
 
-### 2. Truyền tham số nâng cao
+Kết quả hiển thị: `480 đ` (100 × 5 − 20)
 
-```html
-{{ 100 | LibsUiPipesCallFunctionInTemplatePipe : calculateTotal : 5 : 20 | async }}
-```
+---
+
+### 3. Dùng trong `@for` để render từng hàng
 
 ```typescript
-calculateTotal = (data: { value: number; item?: number; otherData?: number }): Observable<string> => {
-  const qty = data.item || 0;
-  const discount = data.otherData || 0;
-  const total = (data.value * qty) - discount;
-  return of(`$${total.toFixed(2)}`);
-};
+import { Component, signal } from '@angular/core';
+import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';
+import { Observable, of } from 'rxjs';
+import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
+
+type T_product = { id: string; name: string; status: string };
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCallFunctionInTemplatePipe],
+  template: `
+    @for (product of products(); track product.id) {
+      <div>
+        {{ product.name }}
+        — {{ product.status | LibsUiPipesCallFunctionInTemplatePipe : formatStatus | async }}
+      </div>
+    }
+  `,
+})
+export class MyComponent {
+  protected products = signal<T_product[]>([
+    { id: '1', name: 'Sản phẩm A', status: 'active' },
+    { id: '2', name: 'Sản phẩm B', status: 'inactive' },
+  ]);
+
+  formatStatus: TYPE_FUNCTION<string> = (data: { value: string }): Observable<string> => {
+    const map: Record<string, string> = {
+      active: 'Đang kinh doanh',
+      inactive: 'Ngừng kinh doanh',
+    };
+    return of(map[data.value] ?? data.value);
+  };
+}
 ```
 
-### 3. Xử lý giá trị rỗng/mặc định
+---
+
+### 4. Tùy chỉnh giá trị mặc định cho `null` và `0`
 
 ```html
-<!-- Case 1: Null Input -->
-{{ null | LibsUiPipesCallFunctionInTemplatePipe : undefined : undefined : undefined : { valueIsEmpty: 'Empty Data' } | async }}
+<!-- null → 'Chưa có dữ liệu' thay vì '__' mặc định -->
+{{ null | LibsUiPipesCallFunctionInTemplatePipe : undefined : undefined : undefined : { valueIsEmpty: 'Chưa có dữ liệu' } | async }}
+
+<!-- 0 → 'Miễn phí' thay vì '0' mặc định -->
+{{ 0 | LibsUiPipesCallFunctionInTemplatePipe : undefined : undefined : undefined : { valueIs0: 'Miễn phí' } | async }}
 
-<!-- Case 2: Zero Input -->
-{{ 0 | LibsUiPipesCallFunctionInTemplatePipe : undefined : undefined : undefined : { valueIs0: 'Zero Value' } | async }}
+<!-- Không cần function, chỉ cần normalize giá trị hiển thị -->
+{{ price() | LibsUiPipesCallFunctionInTemplatePipe : undefined : undefined : undefined : { valueIs0: 'Miễn phí', valueIsEmpty: 'Chưa cập nhật' } | async }}
 ```
 
-### 4. Async Data (Mock API)
+---
 
-```html
-@if (('active' | LibsUiPipesCallFunctionInTemplatePipe : fetchStatus | async) as status) {
-  {{ status }}
-} @else {
-  <span>Loading status...</span>
+### 5. Gọi hàm async (mock API, lookup bất đồng bộ)
+
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';
+import { Observable, of, delay } from 'rxjs';
+import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCallFunctionInTemplatePipe],
+  template: `
+    @if ('active' | LibsUiPipesCallFunctionInTemplatePipe : fetchStatusLabel | async; as label) {
+      <span class="status-badge">{{ label }}</span>
+    } @else {
+      <span>Đang tải...</span>
+    }
+  `,
+})
+export class MyComponent {
+  fetchStatusLabel: TYPE_FUNCTION<string> = (data: { value: string }): Observable<string> => {
+    const statusMap: Record<string, string> = {
+      active: 'Đang hoạt động',
+      inactive: 'Ngừng hoạt động',
+      pending: 'Đang chờ duyệt',
+    };
+    return of(statusMap[data.value] || 'Không xác định').pipe(delay(500));
+  };
 }
 ```
 
+---
+
+### 6. Sử dụng standalone (gọi transform trực tiếp trong TypeScript)
+
 ```typescript
-fetchStatus = (data: { value: string }): Observable<string> => {
-  const statusMap: Record<string, string> = {
-    'active': 'Đang hoạt động (Online)',
-    'inactive': 'Ngừng kích hoạt (Offline)',
-    'pending': 'Đang chờ xử lý'
-  };
-  return of(statusMap[data.value] || 'Unknown').pipe(delay(1000));
-};
+import { TestBed } from '@angular/core/testing';
+import { firstValueFrom, of } from 'rxjs';
+import { LibsUiPipesCallFunctionInTemplatePipe } from '@libs-ui/pipes-call-function-in-template';
+
+const pipe = TestBed.runInInjectionContext(
+  () => new LibsUiPipesCallFunctionInTemplatePipe()
+);
+
+// Không truyền function — chỉ normalize giá trị
+const result = await firstValueFrom(pipe.transform('hello'));
+// result === 'hello'
+
+const empty = await firstValueFrom(pipe.transform(null));
+// empty === '__' (CHARACTER_DATA_EMPTY)
+
+// Truyền function transform
+const upper = await firstValueFrom(
+  pipe.transform('world', (data) => of(data.value.toUpperCase()))
+);
+// upper === 'WORLD'
 ```
 
-## API Reference
+## Transform
 
-### LibsUiPipesCallFunctionInTemplatePipe
+| Tham số | Type | Bắt buộc | Default | Mô tả |
+|---|---|---|---|---|
+| `value` | `any` | ✅ | — | Giá trị đầu vào cần xử lý hoặc hiển thị |
+| `functionCall` | `TYPE_FUNCTION` | ❌ | `undefined` | Arrow function nhận `{ value, item, otherData }` và trả về `Observable<T>`. Nếu không truyền, pipe chỉ chuẩn hóa `value` |
+| `item` | `any` | ❌ | `undefined` | Tham số phụ thứ nhất — ví dụ: số lượng, row index, config object |
+| `otherData` | `any` | ❌ | `undefined` | Tham số phụ thứ hai — ví dụ: giảm giá, currency, extra config |
+| `defaultValueEmpty` | `{ valueIs0?: any; valueIsEmpty?: any }` | ❌ | `undefined` | Ghi đè giá trị mặc định khi output là `0` hoặc falsy/null/undefined |
 
-#### Parameters
+**Cú pháp trong template:**
 
-| Property           | Type                                 | Default     | Description                                      |
-| ------------------ | ------------------------------------ | ----------- | ------------------------------------------------ |
-| `value`            | `any`                                | `-`         | Giá trị đầu vào cần xử lý.                      |
-| `functionCall`     | `TYPE_FUNCTION`                     | `undefined` | Hàm xử lý logic chính. Nhận object chứa input và params, trả về Observable. |
-| `item`             | `any`                                | `undefined` | Tham số phụ thứ nhất truyền vào functionCall.    |
-| `otherData`        | `any`                                | `undefined` | Tham số phụ thứ hai truyền vào functionCall.    |
-| `defaultValueEmpty`| `{ valueIs0?: any; valueIsEmpty?: any }` | `undefined` | Cấu hình giá trị trả về mặc định khi kết quả là 0 hoặc rỗng/null. |
+```html
+{{ value | LibsUiPipesCallFunctionInTemplatePipe : functionCall : item : otherData : defaultValueEmpty | async }}
+```
+
+**Kết quả trả về — quy tắc chuẩn hóa:**
+
+| Giá trị output | Kết quả |
+|---|---|
+| `null` / `undefined` / `''` / `NaN` | `defaultValueEmpty.valueIsEmpty` nếu có, hoặc `'__'` |
+| `0` (số nguyên, float) | `defaultValueEmpty.valueIs0` nếu có, hoặc `'0'` |
+| Số khác `0` | Chuỗi stringify: `'42'`, `'-1'`, `'3.14'` |
+| `boolean` | Giữ nguyên `true` / `false` (không stringify) |
+| Non-primitive (object, mảng, Date, function) | Giữ nguyên reference |
 
 ## Types & Interfaces
 
-### TYPE_FUNCTION
+```typescript
+import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
+```
 
 ```typescript
+/**
+ * Type cho function xử lý logic trong pipe.
+ * Nhận object chứa value, item, otherData — trả về Observable<T>.
+ */
 export type TYPE_FUNCTION<T = any> = (
   data: { value: any; item?: any; otherData?: any }
 ) => Observable<T>;
 ```
 
-**Mô tả**: Type cho function xử lý logic. Nhận object chứa value, item, otherData và trả về Observable.
+**Ví dụ khai báo có type cụ thể:**
+
+```typescript
+import { Observable, of } from 'rxjs';
+import { TYPE_FUNCTION } from '@libs-ui/interfaces-types';
+
+// Typed rõ ràng — T = string
+formatCurrency: TYPE_FUNCTION<string> = (data: {
+  value: number;
+  item?: string; // currency code
+}): Observable<string> => {
+  const currency = data.item ?? 'VND';
+  return of(`${data.value.toLocaleString()} ${currency}`);
+};
+```
+
+## Lưu ý quan trọng
 
-## Lưu ý quan trọng (Important Notes)
+⚠️ **Bắt buộc dùng `async` pipe**: Pipe này luôn trả về `Observable`. Bắt buộc kết hợp với `| async` trong template hoặc dùng `@if (... | async; as val)` để unwrap giá trị. Thiếu `async` sẽ hiển thị object Observable thay vì giá trị thực.
 
-> ⚠️ **Caveats**:
->
-> - **Yêu cầu `async` pipe**: Pipe này trả về một `Observable`. Bạn **BẮT BUỘC** phải sử dụng thêm `async` pipe trong template để hiển thị giá trị cuối cùng (ví dụ: `value | LibsUiPipesCallFunctionInTemplatePipe : fn | async`).
-> - **Cơ chế SwitchMap**: Pipe sử dụng `switchMap` bên trong, do đó hàm xử lý của bạn phải trả về một Observable hoặc Promise.
-> - **Xử lý giá trị rỗng**: Pipe tích hợp sẵn logic để handle `null`, `undefined` hoặc `0`. Bạn có thể tùy chỉnh thông qua tham số cuối cùng.
-> - **Tham số truyền vào**: Hàm xử lý (`functionCall`) sẽ nhận một object duy nhất chứa `{ value, item, otherData }` để thuận tiện cho việc giải nén (destructuring).
+⚠️ **Function phải là arrow function (class property)**: `functionCall` phải là class property kiểu arrow function, không được là method thông thường. Method thông thường sẽ mất `this` context khi được truyền qua pipe.
 
-## Công nghệ sử dụng
+```typescript
+// ✅ ĐÚNG — class property arrow function
+formatLabel: TYPE_FUNCTION<string> = (data) => of(this.translate(data.value));
 
-- Angular 18+
-- RxJS 7.8+
-- TypeScript 5+
+// ❌ SAI — method thông thường, mất `this`
+formatLabel(data: { value: string }): Observable<string> {
+  return of(this.translate(data.value)); // this là undefined khi pipe gọi
+}
+```
 
-## Demo
+⚠️ **SwitchMap hủy Observable cũ**: Pipe dùng `switchMap` nội bộ. Khi `value` thay đổi, Observable từ lần gọi trước bị hủy ngay lập tức. Đây là hành vi đúng cho hầu hết use case, nhưng cần chú ý nếu function trả về Observable thực hiện side-effect.
 
-- **Local Development**: [http://localhost:4500/pipes/call-function-in-template](http://localhost:4500/pipes/call-function-in-template)
+⚠️ **`bigint 0n` không kích hoạt `valueIs0`**: `defaultValueEmpty.valueIs0` chỉ áp dụng cho `value === 0` (số JS tiêu chuẩn). `0n` (BigInt) được xử lý như falsy primitive và rơi vào nhánh `valueIsEmpty`.
 
-## Unit Tests
+⚠️ **Symbol gây TypeError**: Truyền `Symbol` vào pipe (dù là value hay kết quả trả về từ function) sẽ ném `TypeError` khi pipe cố stringify. Không dùng `Symbol` với pipe này.
 
-Xem file `test-commands.md` để biết cách chạy unit tests.
+## Demo
 
-## License
+```bash
+npx nx serve core-ui
+```
 
-MIT
+Truy cập: [http://localhost:4500/pipes/call-function-in-template](http://localhost:4500/pipes/call-function-in-template)

package/fesm2022/libs-ui-pipes-call-function-in-template.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-pipes-call-function-in-template.mjs","sources":["../../../../../libs-ui/pipes/call-function-in-template/src/call-function-in-template.pipe.ts","../../../../../libs-ui/pipes/call-function-in-template/src/libs-ui-pipes-call-function-in-template.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { DestroyRef, inject, Pipe, PipeTransform } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TYPE_FUNCTION } from '@libs-ui/interfaces-types';\nimport { CHARACTER_DATA_EMPTY, isPrimitiveType } from '@libs-ui/utils';\nimport { map, Observable, of, switchMap } from 'rxjs';\n\n@Pipe({\n  name: 'LibsUiPipesCallFunctionInTemplatePipe',\n  standalone: true,\n})\nexport class LibsUiPipesCallFunctionInTemplatePipe implements PipeTransform {\n  private readonly destroyRef = inject(DestroyRef);\n  transform(value: any, functionCall?: TYPE_FUNCTION, item?: any, otherData?: any, defaultValueEmpty?: { valueIs0?: any; valueIsEmpty?: any }): Observable<any> {\n    if (!functionCall) {\n      return of(this.getValueOfType(value, defaultValueEmpty));\n    }\n    return of({ value, item, otherData }).pipe(\n      switchMap(functionCall),\n      map((data) => this.getValueOfType(data, defaultValueEmpty)),\n      takeUntilDestroyed(this.destroyRef)\n    );\n  }\n\n  private getValueOfType(value: any, defaultValueEmpty?: { valueIs0?: any; valueIsEmpty?: string }) {\n    if (!isPrimitiveType(value) || typeof value === 'boolean') {\n      return value ?? defaultValueEmpty?.valueIsEmpty ?? CHARACTER_DATA_EMPTY;\n    }\n\n    if (value) {\n      return `${value}`;\n    }\n\n    if (value === 0) {\n      return defaultValueEmpty?.valueIs0 ?? '0';\n    }\n\n    return defaultValueEmpty?.valueIsEmpty || CHARACTER_DATA_EMPTY;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;MAWa,qCAAqC,CAAA;AAC/B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAChD,SAAS,CAAC,KAAU,EAAE,YAA4B,EAAE,IAAU,EAAE,SAAe,EAAE,iBAA0D,EAAA;QACzI,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAC1D;AACA,QAAA,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CACxC,SAAS,CAAC,YAAY,CAAC,EACvB,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,EAC3D,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CACpC;IACH;IAEQ,cAAc,CAAC,KAAU,EAAE,iBAA6D,EAAA;QAC9F,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;AACzD,YAAA,OAAO,KAAK,IAAI,iBAAiB,EAAE,YAAY,IAAI,oBAAoB;QACzE;QAEA,IAAI,KAAK,EAAE;YACT,OAAO,CAAA,EAAG,KAAK,CAAA,CAAE;QACnB;AAEA,QAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,YAAA,OAAO,iBAAiB,EAAE,QAAQ,IAAI,GAAG;QAC3C;AAEA,QAAA,OAAO,iBAAiB,EAAE,YAAY,IAAI,oBAAoB;IAChE;wGA3BW,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;sGAArC,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,uCAAA,EAAA,CAAA;;4FAArC,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAJjD,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,uCAAuC;AAC7C,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"libs-ui-pipes-call-function-in-template.mjs","sources":["../../../../../libs-ui/pipes/call-function-in-template/src/call-function-in-template.pipe.ts","../../../../../libs-ui/pipes/call-function-in-template/src/libs-ui-pipes-call-function-in-template.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { DestroyRef, inject, Pipe, PipeTransform } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { TYPE_FUNCTION } from '@libs-ui/interfaces-types';\nimport { CHARACTER_DATA_EMPTY, isPrimitiveType } from '@libs-ui/utils';\nimport { map, Observable, of, switchMap } from 'rxjs';\n\n@Pipe({\n  name: 'LibsUiPipesCallFunctionInTemplatePipe',\n  standalone: true,\n})\nexport class LibsUiPipesCallFunctionInTemplatePipe implements PipeTransform {\n  private readonly destroyRef = inject(DestroyRef);\n  transform(value: any, functionCall?: TYPE_FUNCTION, item?: any, otherData?: any, defaultValueEmpty?: { valueIs0?: any; valueIsEmpty?: any }): Observable<any> {\n    if (!functionCall) {\n      return of(this.getValueOfType(value, defaultValueEmpty));\n    }\n    return of({ value, item, otherData }).pipe(\n      switchMap(functionCall),\n      map((data) => this.getValueOfType(data, defaultValueEmpty)),\n      takeUntilDestroyed(this.destroyRef)\n    );\n  }\n\n  private getValueOfType(value: any, defaultValueEmpty?: { valueIs0?: any; valueIsEmpty?: string }) {\n    if (!isPrimitiveType(value) || typeof value === 'boolean') {\n      return value ?? defaultValueEmpty?.valueIsEmpty ?? CHARACTER_DATA_EMPTY;\n    }\n\n    if (value) {\n      return `${value}`;\n    }\n\n    if (value === 0) {\n      return defaultValueEmpty?.valueIs0 ?? '0';\n    }\n\n    return defaultValueEmpty?.valueIsEmpty || CHARACTER_DATA_EMPTY;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;MAWa,qCAAqC,CAAA;AAC/B,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACjD,SAAS,CAAC,KAAU,EAAE,YAA4B,EAAE,IAAU,EAAE,SAAe,EAAE,iBAA0D,EAAA;QACzI,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;SAC1D;AACD,QAAA,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CACxC,SAAS,CAAC,YAAY,CAAC,EACvB,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC,EAC3D,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CACpC,CAAC;KACH;IAEO,cAAc,CAAC,KAAU,EAAE,iBAA6D,EAAA;QAC9F,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;AACzD,YAAA,OAAO,KAAK,IAAI,iBAAiB,EAAE,YAAY,IAAI,oBAAoB,CAAC;SACzE;QAED,IAAI,KAAK,EAAE;YACT,OAAO,CAAA,EAAG,KAAK,CAAA,CAAE,CAAC;SACnB;AAED,QAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,YAAA,OAAO,iBAAiB,EAAE,QAAQ,IAAI,GAAG,CAAC;SAC3C;AAED,QAAA,OAAO,iBAAiB,EAAE,YAAY,IAAI,oBAAoB,CAAC;KAChE;wGA3BU,qCAAqC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;sGAArC,qCAAqC,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,uCAAA,EAAA,CAAA,CAAA;;4FAArC,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAJjD,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,uCAAuC;AAC7C,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@libs-ui/pipes-call-function-in-template",
-  "version": "0.2.356-42",
+  "version": "0.2.356-43",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
-    "@libs-ui/utils": "0.2.356-42",
+    "@libs-ui/utils": "0.2.356-43",
     "rxjs": "~7.8.0",
-    "@libs-ui/interfaces-types": "0.2.356-42"
+    "@libs-ui/interfaces-types": "0.2.356-43"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-pipes-call-function-in-template.mjs",