@libs-ui/pipes-clone-object 0.2.356-42 → 0.2.356-43

package/README.md

@@ -1,90 +1,26 @@
 # @libs-ui/pipes-clone-object
 
-> Version: `0.2.355-15`
->
-> Pipe clone object/array với hỗ trợ shallow clone, deep clone và xử lý Signal tự động.
+> Angular pipe clone object/array với hỗ trợ shallow clone, deep clone và tự động unwrap Signal.
 
 ## Giới thiệu
 
-`LibsUiPipesCloneObjectPipe` là một Angular pipe đa năng để clone object hoặc array. Pipe hỗ trợ cả shallow clone (nhanh, ít memory) và deep clone (an toàn cho nested objects), đồng thờ tự động unwrap Signal nếu input là Signal.
+`LibsUiPipesCloneObjectPipe` là một Angular standalone pipe đa năng dùng để clone object hoặc array trực tiếp trong template. Pipe hỗ trợ cả shallow clone (nhanh, ít memory) và deep clone (an toàn cho nested objects), đồng thời tự động phát hiện và unwrap Angular Signal nếu input là Signal — không cần gọi `()` trong template. Khi input là falsy, pipe trả về `defaultData` hoặc object rỗng `{}` để tránh lỗi `undefined`.
 
-### Tính năng
+## Tính năng
 
-- ✅ Shallow clone với spread operator (nhanh)
-- ✅ Deep clone với lodash cloneDeep (an toàn nested)
-- ✅ Auto-unwrap Signal (không cần gọi `.()`)
-- ✅ Default data khi input falsy
+- ✅ Shallow clone với spread operator (`{ ...obj }` / `[ ...arr ]`) — nhanh, ít memory
+- ✅ Deep clone với `cloneDeep` từ `@libs-ui/utils` — an toàn cho nested objects
+- ✅ Tự động unwrap Signal — không cần gọi `.()` trong template
+- ✅ Default data khi input là falsy (`null`, `undefined`, `0`, `""`, `false`)
 - ✅ Hoạt động với cả object và array
-- ✅ Standalone pipe (Angular 16+)
+- ✅ Standalone pipe (Angular 16+), không cần NgModule
 
 ## Khi nào sử dụng
 
-### 📝 Form Editing (với Cancel functionality)
-
-Khi bạn cần chỉnh sửa data trong form nhưng muốn có khả năng Cancel để khôi phục data gốc:
-
-```typescript
-// ❌ Sai: Gán trực tiếp - cùng reference
-this.editUser = this.user;
-this.editUser.name = 'Jane'; // ❌ user.name cũng đổi!
-
-// ✅ Đúng: Clone trước khi edit
-this.editUser = cloneDeep(this.user);
-this.editUser.name = 'Jane'; // ✅ user.name không đổi
-// Khi Cancel: đơn giản là bỏ editUser
-```
-
-### 🔽 Pass Data xuống Child Component
-
-Khi truyền data xuống component con nhưng không muốn component con làm thay đổi data cha:
-
-```typescript
-// Parent Component
-items = ['apple', 'banana'];
-
-// ❌ Child có thể mutate parent data
-<app-child [items]="items">
-// Child: items.push('orange') => Parent.items cũng đổi!
-
-// ✅ Clone trước khi truyền
-<app-child [items]="items | LibsUiPipesCloneObjectPipe">
-// Child tự do modify mà không ảnh hưởng Parent
-```
-
-### ⏪ Undo/Redo Functionality
-
-Lưu trữ các state cũ để khôi phục:
-
-```typescript
-history = [cloneDeep(currentState)];
-
-// Sau khi thay đổi
-history.push(cloneDeep(newState));
-
-// Undo: khôi phục state trước đó
-currentState = cloneDeep(history[history.length - 2]);
-```
-
-### 🔄 Signal Unwrap & Clone
-
-Đơn giản hóa template khi làm việc với Signal:
-
-```typescript
-// ❌ Không dùng pipe - phải gọi .() nhiều lần
-<p>{{ userSignal().name }}</p>
-<p>{{ userSignal().email }}</p>
-
-// ✅ Dùng pipe - auto unwrap + clone
-@let user = (userSignal | LibsUiPipesCloneObjectPipe);
-<p>{{ user.name }}</p>
-<p>{{ user.email }}</p>
-```
-
-## ⚠️ Important Notes
-
-- **🔄 Signal Auto-Unwrap**: Pipe tự động unwrap Signal nếu input là Signal. Không cần gọi `.()` trong template.
-- **🔀 Shallow vs Deep**: Mặc định shallow clone (spread). Dùng `isCloneDeep = true` để deep clone nested objects.
-- **📦 Default Data**: Nếu input falsy, trả về `defaultData` hoặc empty object `{}`.
+- **Form Editing với Cancel**: Clone data trước khi cho user chỉnh sửa. Khi Cancel, data gốc không bị ảnh hưởng vì form đang thao tác trên bản clone.
+- **Truyền data xuống Child Component**: Clone trước khi truyền để component con tự do modify mà không làm thay đổi data ở component cha.
+- **Undo/Redo Functionality**: Lưu trữ các snapshot state cũ để có thể khôi phục.
+- **Signal Unwrap trong template**: Dùng pipe để tự động unwrap Signal và clone giá trị, giúp template gọn hơn khi cần truy cập nhiều property.
 
 ## Cài đặt
 
@@ -105,170 +41,214 @@ import { LibsUiPipesCloneObjectPipe } from '@libs-ui/pipes-clone-object';
 export class YourComponent {}
 ```
 
-## Ví dụ
+## Transform
 
-### 1. Shallow Clone (Mặc định)
-
-```html
-@let cloned = (user | LibsUiPipesCloneObjectPipe);
-
-<p>Original: {{ user.name }}</p>
-<p>Cloned: {{ cloned.name }}</p>
 ```
-
-```typescript
-user = { name: 'John', age: 30 };
-// Shallow clone dùng spread: { ...user }
-// Chỉnh sửa clone không ảnh hưởng original (top-level)
+value | LibsUiPipesCloneObjectPipe : isCloneDeep? : defaultData?
 ```
 
-### 2. Deep Clone
+| Tham số | Type | Bắt buộc | Default | Mô tả | Ví dụ |
+|---|---|---|---|---|---|
+| `data` | `any \| Signal<any>` | Có | — | Object, array hoặc Signal cần clone | `user \| LibsUiPipesCloneObjectPipe` |
+| `isCloneDeep` | `boolean` | Không | `false` | `true` để deep clone toàn bộ nested structure; `false` để shallow clone | `user \| LibsUiPipesCloneObjectPipe : true` |
+| `defaultData` | `any` | Không | `{}` | Giá trị trả về khi `data` là falsy | `val \| LibsUiPipesCloneObjectPipe : false : { name: 'Guest' }` |
 
-```html
-@let cloned = (user | LibsUiPipesCloneObjectPipe : true);
+**Return:** `any` — object/array đã được clone, hoặc `defaultData` nếu input là falsy.
 
-<p>City: {{ cloned.address.city }}</p>
-<button (click)="cloned.address.city = 'HN'">Edit</button>
-```
+## Ví dụ sử dụng
+
+### 1. Shallow Clone (mặc định)
+
+Phù hợp khi object chỉ có 1 cấp (không nested) hoặc cần hiệu năng cao.
 
 ```typescript
-user = {
-  name: 'John',
-  address: { city: 'HCM', country: 'VN' }
-};
+// component.ts
+import { LibsUiPipesCloneObjectPipe } from '@libs-ui/pipes-clone-object';
 
-// Deep clone - address là object mới hoàn toàn
-// An toàn khi edit nested properties
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCloneObjectPipe],
+  template: `
+    @let editUser = (user | LibsUiPipesCloneObjectPipe);
+    <p>Original: {{ user.name }}</p>
+    <p>Clone: {{ editUser.name }}</p>
+  `,
+})
+export class UserFormComponent {
+  user = { name: 'John', email: 'john@example.com' };
+}
 ```
 
-### 3. Clone Array
+Shallow clone dùng spread `{ ...user }`. Thay đổi top-level property trên clone sẽ không ảnh hưởng object gốc. Tuy nhiên, nếu object có nested property (như `user.address`), hai bên vẫn dùng chung reference.
 
-```html
-@let clonedItems = (items | LibsUiPipesCloneObjectPipe);
+### 2. Deep Clone cho Nested Objects
 
-<ul>
-  @for (item of clonedItems; track item) {
-    <li>{{ item }}</li>
-  }
-</ul>
-```
+Dùng khi object có nested structure và cần chỉnh sửa an toàn ở bất kỳ cấp nào.
 
 ```typescript
-items = ['apple', 'banana', 'orange'];
-// Array clone dùng spread: [...items]
+// component.ts
+import { LibsUiPipesCloneObjectPipe } from '@libs-ui/pipes-clone-object';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCloneObjectPipe],
+  template: `
+    @let cloned = (company | LibsUiPipesCloneObjectPipe : true);
+    <p>CEO gốc: {{ company.ceo.name }}</p>
+    <p>CEO clone: {{ cloned.ceo.name }}</p>
+  `,
+})
+export class CompanyFormComponent {
+  company = {
+    name: 'Tech Corp',
+    ceo: { name: 'John', address: { city: 'HCM' } },
+  };
+}
 ```
 
-### 4. 🔄 Signal Auto-Unwrap
+Truyền `true` làm tham số thứ hai để kích hoạt deep clone. Mọi cấp nested đều là object mới hoàn toàn — chỉnh sửa clone không ảnh hưởng gì đến original.
 
-```html
-<!-- Không cần gọi userSignal().name -->
-@let cloned = (userSignal | LibsUiPipesCloneObjectPipe);
-<p>Name: {{ cloned.name }}</p>
-```
+### 3. Clone Array
 
 ```typescript
-userSignal = signal({ name: 'John', age: 30 });
+// component.ts
+import { LibsUiPipesCloneObjectPipe } from '@libs-ui/pipes-clone-object';
 
-// Pipe tự động detect Signal và unwrap
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCloneObjectPipe],
+  template: `
+    @let clonedItems = (items | LibsUiPipesCloneObjectPipe);
+    <ul>
+      @for (item of clonedItems; track item) {
+        <li>{{ item }}</li>
+      }
+    </ul>
+  `,
+})
+export class ListComponent {
+  items = ['apple', 'banana', 'orange'];
+}
 ```
 
-### 5. Default Data
+Pipe tự nhận diện array và dùng spread `[ ...arr ]` để clone. Push/splice trên `clonedItems` sẽ không thay đổi mảng `items` gốc.
 
-```html
-@let result = (maybeNull | LibsUiPipesCloneObjectPipe : false : { name: 'Default' });
-<p>Result: {{ result.name }}</p>
-```
+### 4. Signal Auto-Unwrap
+
+Pipe tự động phát hiện Angular Signal bằng `isSignal()` và gọi `data()` trước khi clone — không cần làm thủ công trong template.
 
 ```typescript
-maybeNull = null;
-// Trả về { name: 'Default' } vì input là null
+// component.ts
+import { Component, signal } from '@angular/core';
+import { LibsUiPipesCloneObjectPipe } from '@libs-ui/pipes-clone-object';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCloneObjectPipe],
+  template: `
+    @let user = (userSignal | LibsUiPipesCloneObjectPipe);
+    <p>Name: {{ user.name }}</p>
+    <p>Age: {{ user.age }}</p>
+  `,
+})
+export class ProfileComponent {
+  userSignal = signal({ name: 'John', age: 30 });
+}
 ```
 
-## API
+Không cần viết `userSignal()` trong template — pipe tự unwrap và clone.
 
-### LibsUiPipesCloneObjectPipe
+### 5. Default Data cho Falsy Input
+
+Dùng khi data có thể là `null` hoặc `undefined`, để tránh lỗi `Cannot read property of null` trong template.
 
 ```typescript
-data | LibsUiPipesCloneObjectPipe : isCloneDeep? : defaultData?
+// component.ts
+import { LibsUiPipesCloneObjectPipe } from '@libs-ui/pipes-clone-object';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCloneObjectPipe],
+  template: `
+    @let config = (apiConfig | LibsUiPipesCloneObjectPipe : false : defaultConfig);
+    <p>API URL: {{ config.apiUrl }}</p>
+    <p>Timeout: {{ config.timeout }}ms</p>
+  `,
+})
+export class SettingsComponent {
+  apiConfig: { apiUrl: string; timeout: number } | null = null;
+  defaultConfig = { apiUrl: '/api/v1', timeout: 5000 };
+}
 ```
 
-#### Parameters
+Khi `apiConfig` là `null`, pipe trả về clone của `defaultConfig`. Truyền `false` làm `isCloneDeep` (tham số thứ 2) để không nhầm với `defaultData`.
 
-| Property      | Type                    | Default  | Description                                               |
-| ------------- | ----------------------- | -------- | --------------------------------------------------------- |
-| `data`        | `any \| Signal<any>`    | -        | Data cần clone (object, array, hoặc Signal).              |
-| `isCloneDeep` | `boolean \| undefined`  | `false`  | `true` để deep clone, `false` để shallow clone.           |
-| `defaultData` | `any \| undefined`      | `{}`     | Giá trị mặc định trả về nếu data falsy.                   |
+### 6. Dùng trong TypeScript (không cần inject pipe)
 
-#### Returns
+Pipe là thin wrapper của `cloneDeep` từ `@libs-ui/utils`. Khi cần clone trong file `.ts`, import thẳng hàm đó — không cần inject pipe.
 
-`any` - Object/array đã được clone (hoặc defaultData nếu input falsy)
+```typescript
+import { cloneDeep } from '@libs-ui/utils';
+
+// Shallow clone
+const shallow = { ...this.user };
+shallow.name = 'Jane'; // user.name không thay đổi (top-level)
 
-## Hidden Logic
+// Deep clone
+const deep = cloneDeep(this.user);
+deep.address.city = 'HN'; // user.address.city không thay đổi
+```
 
-### 1. 🔄 Signal Auto-Unwrapping
+## Logic ẩn quan trọng
 
-Pipe sử dụng `isSignal()` từ @angular/core để detect và auto-unwrap Signal:
+### Signal Auto-Unwrapping
 
 ```typescript
+// Bên trong pipe
 if (isSignal(data)) {
-  data = data(); // Auto-unwrap
+  data = data(); // tự động unwrap Signal
 }
-return isCloneDeep ? cloneDeep(data) : { ...data };
+return isCloneDeep ? cloneDeep(data) : Array.isArray(data) ? [...data] : { ...data };
 ```
 
-**So sánh:**
-```typescript
-// ❌ Không dùng pipe - phải unwrap thủ công
-{{ userSignal().name }}
+Pipe dùng `isSignal()` từ `@angular/core` để detect Signal tại runtime. Điều này hoạt động với cả `signal()`, `computed()` và `input()`.
 
-// ✅ Dùng pipe - auto unwrap
-@let cloned = (userSignal | LibsUiPipesCloneObjectPipe);
-{{ cloned.name }}
-```
+### Shallow vs Deep — khi nào chọn cái nào
 
-### 2. 🔀 Shallow vs Deep Clone
+| Tiêu chí | Shallow (`false`) | Deep (`true`) |
+|---|---|---|
+| Cách thực hiện | `{ ...obj }` hoặc `[ ...arr ]` | `cloneDeep(obj)` từ lodash |
+| Tốc độ | Nhanh | Chậm hơn |
+| Memory | Ít | Nhiều hơn |
+| An toàn nested | Không — nested share reference | Có — toàn bộ cây object mới |
+| Nên dùng khi | Object phẳng, 1 cấp | Object có nested structure |
 
-| Loại | Cách làm | Pros | Cons |
-| ---- | -------- | ---- | ---- |
-| Shallow | `{ ...obj }` hoặc `[ ...arr ]` | Nhanh, ít memory | Nested objects share reference |
-| Deep | `cloneDeep(obj)` | An toàn toàn bộ | Chậm hơn, nhiều memory |
+### Default data handling
 
-```typescript
-// Shallow - nested vẫn share reference
-const shallow = { ...user };
-shallow.name = 'Jane'; // ✅ Không ảnh hưởng original
-shallow.address.city = 'HN'; // ❌ Ảnh hưởng original!
-
-// Deep - hoàn toàn independent
-const deep = cloneDeep(user);
-deep.address.city = 'HN'; // ✅ Không ảnh hưởng original
-```
+Pipe kiểm tra input với `if (!data)` — tất cả các giá trị falsy đều kích hoạt fallback:
 
-### 3. 📦 Default Data Handling
+```
+transform(null)      => defaultData ?? {}
+transform(undefined) => defaultData ?? {}
+transform(0)         => defaultData ?? {}
+transform('')        => defaultData ?? {}
+transform(false)     => defaultData ?? {}
+```
 
-Khi input là falsy, pipe trả về defaultData hoặc empty object:
+## Lưu ý quan trọng
 
-```typescript
-// Các trường hợp return default
-transform(null)           => defaultData || {}
-transform(undefined)      => defaultData || {}
-transform(0)              => defaultData || {}
-transform('')             => defaultData || {}
-
-// Với custom defaultData
-transform(null, false, { name: 'Guest' })
-// => { name: 'Guest' }
-```
+⚠️ **Shallow clone không bảo vệ nested objects**: Khi dùng shallow clone (mặc định), chỉ các property ở cấp đầu tiên là độc lập. Nested object vẫn dùng chung reference với original. Nếu cần chỉnh sửa property lồng sâu, bắt buộc dùng `isCloneDeep = true`.
 
-## Demo
+⚠️ **Deep clone tốn tài nguyên hơn**: `cloneDeep` từ lodash clone toàn bộ cây object. Tránh dùng trong vòng lặp lớn hoặc với object cực kỳ lớn. Với list, cân nhắc chỉ clone khi thực sự cần thay đổi nested data.
 
-- **Local Development**: [http://localhost:4500/pipes/clone-object](http://localhost:4500/pipes/clone-object)
+⚠️ **Signal unwrap xảy ra trước khi clone**: Nếu input là `Signal<Signal<T>>` (signal lồng signal), chỉ cấp ngoài cùng được unwrap. Pipe không đệ quy unwrap nhiều cấp signal.
 
-## Unit Tests
+⚠️ **Không dùng `@libs-ui/exports`**: BẮT BUỘC import từ entrypoint cụ thể `@libs-ui/pipes-clone-object`, không import từ `@libs-ui/exports`.
 
-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/clone-object

package/fesm2022/libs-ui-pipes-clone-object.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-pipes-clone-object.mjs","sources":["../../../../../libs-ui/pipes/clone-object/src/clone-object.component.ts","../../../../../libs-ui/pipes/clone-object/src/libs-ui-pipes-clone-object.ts"],"sourcesContent":["import { isSignal, Pipe, PipeTransform } from '@angular/core';\nimport { cloneDeep } from '@libs-ui/utils';\n@Pipe({\n  name: 'LibsUiPipesCloneObjectPipe',\n  standalone: true,\n})\nexport class LibsUiPipesCloneObjectPipe implements PipeTransform {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transform(data: any, isCloneDeep?: boolean, defaultData?: any): any {\n    if (!data) {\n      return defaultData ?? {};\n    }\n\n    if (isSignal(data)) {\n      data = data();\n    }\n\n    if (isCloneDeep) {\n      return cloneDeep(data);\n    }\n\n    return Array.isArray(data) ? [...data] : { ...data };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAMa,0BAA0B,CAAA;;AAErC,IAAA,SAAS,CAAC,IAAS,EAAE,WAAqB,EAAE,WAAiB,EAAA;QAC3D,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,WAAW,IAAI,EAAE;QAC1B;AAEA,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;YAClB,IAAI,GAAG,IAAI,EAAE;QACf;QAEA,IAAI,WAAW,EAAE;AACf,YAAA,OAAO,SAAS,CAAC,IAAI,CAAC;QACxB;QAEA,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE;IACtD;wGAhBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;sGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,4BAA4B;AAClC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACLD;;AAEG;;;;"}
+{"version":3,"file":"libs-ui-pipes-clone-object.mjs","sources":["../../../../../libs-ui/pipes/clone-object/src/clone-object.component.ts","../../../../../libs-ui/pipes/clone-object/src/libs-ui-pipes-clone-object.ts"],"sourcesContent":["import { isSignal, Pipe, PipeTransform } from '@angular/core';\nimport { cloneDeep } from '@libs-ui/utils';\n@Pipe({\n  name: 'LibsUiPipesCloneObjectPipe',\n  standalone: true,\n})\nexport class LibsUiPipesCloneObjectPipe implements PipeTransform {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  transform(data: any, isCloneDeep?: boolean, defaultData?: any): any {\n    if (!data) {\n      return defaultData ?? {};\n    }\n\n    if (isSignal(data)) {\n      data = data();\n    }\n\n    if (isCloneDeep) {\n      return cloneDeep(data);\n    }\n\n    return Array.isArray(data) ? [...data] : { ...data };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAMa,0BAA0B,CAAA;;AAErC,IAAA,SAAS,CAAC,IAAS,EAAE,WAAqB,EAAE,WAAiB,EAAA;QAC3D,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,WAAW,IAAI,EAAE,CAAC;SAC1B;AAED,QAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;YAClB,IAAI,GAAG,IAAI,EAAE,CAAC;SACf;QAED,IAAI,WAAW,EAAE;AACf,YAAA,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;SACxB;QAED,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;KACtD;wGAhBU,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;sGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,4BAAA,EAAA,CAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,4BAA4B;AAClC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACLD;;AAEG;;;;"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@libs-ui/pipes-clone-object",
-  "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"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-pipes-clone-object.mjs",