@libs-ui/pipes-check-file-extension 0.2.356-42 → 0.2.356-43

package/README.md

@@ -1,26 +1,28 @@
 # @libs-ui/pipes-check-file-extension
 
-> Version: `0.2.355-10`
->
-> Pipe kiểm tra định dạng file dựa trên extension (đuôi file) để phân loại thành các nhóm định dạng phổ biến.
+> Pipe kiểm tra định dạng file theo nhóm loại (image, video, word, xlsx, pdf, pptx, other), trả về `boolean`.
 
 ## Giới thiệu
 
-`LibsUiPipesCheckFileExtensionPipe` giúp xác định nhanh chóng một file có thuộc nhóm định dạng cụ thể (như image, video, pdf...) hay không. Kết quả trả về là `boolean` (`true` nếu khớp, `false` nếu không).
+`LibsUiPipesCheckFileExtensionPipe` nhận vào một đối tượng `IFile` và một nhóm loại file, sau đó trả về `true` nếu file thuộc nhóm đó và `false` nếu không. Pipe hỗ trợ kiểm tra cả extension rút gọn (vd: `jpg`, `pdf`) lẫn MIME type đầy đủ (vd: `image/jpeg`, `application/pdf`). Thích hợp dùng trong danh sách file, màn hình upload, hoặc hiển thị icon file attachment.
 
-### Tính năng
+## Tính năng
 
-- ✅ Kiểm tra định dạng file dựa trên extension
-- ✅ Hỗ trợ các nhóm: image, video, word, xlsx, pdf, pptx, other
-- ✅ Hỗ trợ MIME type cho các loại văn bản
-- ✅ Pure logic, hiệu năng cao
-- ✅ Standalone pipe (Angular 16+)
+- ✅ Phân loại file theo 7 nhóm: `image`, `video`, `word`, `xlsx`, `pdf`, `pptx`, `other`
+- ✅ Hỗ trợ extension rút gọn (vd: `jpg`, `mp4`, `docx`) và MIME type đầy đủ (vd: `application/pdf`)
+- ✅ Tự động extract extension từ `name`, `mimetype`, `url` của `IFile`
+- ✅ Case-insensitive: `JPG`, `jpg`, `Jpg` đều nhận diện đúng
+- ✅ Nhóm `other` bắt tất cả định dạng không nằm trong các nhóm đã biết
+- ✅ Standalone pipe, không cần NgModule
+- ✅ Pure pipe, hiệu năng cao, an toàn trong danh sách dài
 
 ## Khi nào sử dụng
 
-- Khi cần kiểm tra loại file dựa trên phần mở rộng (extension) để hiển thị icon hoặc UI tương ứng.
-- Hỗ trợ các nhóm định dạng: image, video, word, xlsx, pdf, pptx, other.
-- Sử dụng trong danh sách file, upload preview, hoặc file attachment.
+- Hiển thị icon/thumbnail khác nhau cho từng loại file trong danh sách attachment
+- Lọc hoặc phân nhóm file trong màn hình upload preview
+- Ẩn/hiện nút xem trước (preview) tùy theo file có phải image hay video không
+- Validate loại file phía client trước khi gọi API upload
+- Render component phù hợp (image viewer, video player, PDF viewer) dựa trên loại file
 
 ## Cài đặt
 
@@ -38,94 +40,202 @@ import { LibsUiPipesCheckFileExtensionPipe } from '@libs-ui/pipes-check-file-ext
   imports: [LibsUiPipesCheckFileExtensionPipe],
   // ...
 })
+export class MyComponent {}
 ```
 
-## Cách sử dụng
+## Ví dụ sử dụng
 
-### 1. Kiểm tra Image
-
-```html
-{{ fileImage | LibsUiPipesCheckFileExtensionPipe : 'image' }}
-```
+### 1. Hiển thị nhãn loại file trong template
 
 ```typescript
-readonly fileImage: IFile = { name: 'holiday-photo.jpg', size: '2 MB' };
+import { Component } from '@angular/core';
+import { LibsUiPipesCheckFileExtensionPipe } from '@libs-ui/pipes-check-file-extension';
+import { IFile } from '@libs-ui/interfaces-types';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCheckFileExtensionPipe],
+  template: `
+    @if (file | LibsUiPipesCheckFileExtensionPipe : 'image') {
+      <span class="libs-ui-font-h6r text-green-600">Ảnh</span>
+    }
+    @if (file | LibsUiPipesCheckFileExtensionPipe : 'video') {
+      <span class="libs-ui-font-h6r text-blue-600">Video</span>
+    }
+    @if (file | LibsUiPipesCheckFileExtensionPipe : 'pdf') {
+      <span class="libs-ui-font-h6r text-red-600">PDF</span>
+    }
+    @if (file | LibsUiPipesCheckFileExtensionPipe : 'other') {
+      <span class="libs-ui-font-h6r text-gray-500">Khác</span>
+    }
+  `,
+})
+export class FileTypeLabelComponent {
+  protected file: IFile = { name: 'report.pdf', mimetype: 'application/pdf' };
+}
 ```
 
-### 2. Kiểm tra Video
+### 2. Render danh sách file với icon theo loại
 
-```html
-{{ fileVideo | LibsUiPipesCheckFileExtensionPipe : 'video' }}
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesCheckFileExtensionPipe } from '@libs-ui/pipes-check-file-extension';
+import { IFile } from '@libs-ui/interfaces-types';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCheckFileExtensionPipe],
+  template: `
+    @for (file of attachments; track file.id) {
+      <div class="flex items-center gap-2 p-2 border border-gray-200 rounded mb-1">
+        @if (file | LibsUiPipesCheckFileExtensionPipe : 'image') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="text-green-500">
+            <path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/>
+          </svg>
+        }
+        @if (file | LibsUiPipesCheckFileExtensionPipe : 'video') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="text-blue-500">
+            <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>
+          </svg>
+        }
+        @if (file | LibsUiPipesCheckFileExtensionPipe : 'word') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="text-indigo-500">
+            <path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/>
+          </svg>
+        }
+        @if (file | LibsUiPipesCheckFileExtensionPipe : 'pdf') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="text-red-500">
+            <path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z"/>
+          </svg>
+        }
+        @if (file | LibsUiPipesCheckFileExtensionPipe : 'xlsx') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="text-green-700">
+            <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z"/>
+          </svg>
+        }
+        @if (file | LibsUiPipesCheckFileExtensionPipe : 'other') {
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="text-gray-400">
+            <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"/>
+          </svg>
+        }
+        <span class="libs-ui-font-h6r text-gray-700">{{ file.name }}</span>
+      </div>
+    }
+  `,
+})
+export class FileListComponent {
+  protected attachments: IFile[] = [
+    { id: '1', name: 'avatar.jpg' },
+    { id: '2', name: 'demo.mp4' },
+    { id: '3', name: 'report.docx' },
+    { id: '4', name: 'budget.xlsx' },
+    { id: '5', name: 'spec.pdf' },
+    { id: '6', name: 'slides.pptx' },
+    { id: '7', name: 'readme.txt' },
+  ];
+}
 ```
 
+### 3. Dùng standalone (pipe.transform) trong TypeScript
+
 ```typescript
-readonly fileVideo: IFile = { name: 'presentation.mp4', size: '10 MB' };
-```
+import { LibsUiPipesCheckFileExtensionPipe } from '@libs-ui/pipes-check-file-extension';
+import { IFile } from '@libs-ui/interfaces-types';
 
-### 3. Kiểm tra sai loại (False)
+const pipe = new LibsUiPipesCheckFileExtensionPipe();
 
-```html
-{{ fileDoc | LibsUiPipesCheckFileExtensionPipe : 'image' }}
-```
+const file: IFile = { name: 'photo.jpg' };
 
-```typescript
-readonly fileDoc: IFile = { name: 'requirements.docx', size: '5 KB' };
+console.log(pipe.transform(file, 'image')); // true
+console.log(pipe.transform(file, 'video')); // false
+console.log(pipe.transform(file, 'other')); // false
+
+const unknown: IFile = { name: 'archive.zip' };
+console.log(pipe.transform(unknown, 'other')); // true
 ```
 
-### 4. Ứng dụng: Hiển thị Icon theo loại file
+### 4. Kết hợp với MIME type
 
-```html
-@for (file of fileList; track file.name) {
-  <div class="flex items-center gap-2 mb-2">
-    @if (file | LibsUiPipesCheckFileExtensionPipe : 'image') {
-      <span>🖼️ Image:</span>
-    }
-    @if (file | LibsUiPipesCheckFileExtensionPipe : 'video') {
-      <span>🎥 Video:</span>
+```typescript
+import { Component } from '@angular/core';
+import { LibsUiPipesCheckFileExtensionPipe } from '@libs-ui/pipes-check-file-extension';
+import { IFile } from '@libs-ui/interfaces-types';
+
+@Component({
+  standalone: true,
+  imports: [LibsUiPipesCheckFileExtensionPipe],
+  template: `
+    @if (uploadedFile | LibsUiPipesCheckFileExtensionPipe : 'image') {
+      <img [src]="uploadedFile.url" alt="preview" class="w-32 h-32 object-cover rounded" />
     }
-    @if (file | LibsUiPipesCheckFileExtensionPipe : 'word') {
-      <span>📝 Word:</span>
+    @if (uploadedFile | LibsUiPipesCheckFileExtensionPipe : 'pdf') {
+      <div class="p-4 bg-red-50 rounded libs-ui-font-h6r text-red-600">
+        Tài liệu PDF — {{ uploadedFile.name }}
+      </div>
     }
-    <span>{{ file.name }}</span>
-  </div>
+  `,
+})
+export class UploadPreviewComponent {
+  // MIME type đầy đủ cũng được nhận diện
+  protected uploadedFile: IFile = {
+    name: 'contract.pdf',
+    mimetype: 'application/pdf',
+    url: 'https://example.com/files/contract.pdf',
+  };
 }
 ```
 
-```typescript
-readonly fileList: IFile[] = [
-  { name: 'holiday-photo.jpg' },
-  { name: 'presentation.mp4' },
-  { name: 'requirements.docx' }
-];
+## Transform (Pipe API)
+
+| Tham số | Type | Bắt buộc | Mô tả | Ví dụ |
+|---|---|---|---|---|
+| `file` | `IFile` | Có | Đối tượng file cần kiểm tra. Pipe ưu tiên `mimetype` → `file.type` → extract từ `name`/`url` | `{ name: 'photo.jpg' }` |
+| `type` | `'image' \| 'video' \| 'word' \| 'xlsx' \| 'pdf' \| 'pptx' \| 'other'` | Có | Nhóm định dạng muốn kiểm tra | `'image'` |
+
+**Trả về:** `boolean` — `true` nếu file thuộc nhóm, `false` nếu không (kể cả khi không tìm được extension).
+
+### Ví dụ template
+
+```html
+{{ file | LibsUiPipesCheckFileExtensionPipe : 'image' }}
 ```
 
-## API Reference
+### Ví dụ standalone
 
-### LibsUiPipesCheckFileExtensionPipe
+```typescript
+const pipe = new LibsUiPipesCheckFileExtensionPipe();
+pipe.transform({ name: 'photo.jpg' }, 'image');  // true
+pipe.transform({ name: 'photo.jpg' }, 'video');  // false
+```
 
-#### Parameters
+## Danh sách extension hỗ trợ
 
-| Property | Type                                                                   | Default | Description                                      |
-| -------- | ---------------------------------------------------------------------- | ------- | ------------------------------------------------- |
-| `file`   | `IFile \| any`                                                         | `-`     | Đối tượng file cần kiểm tra (cần có `name`, `mimetype`, hoặc `type`). |
-| `type`   | `'image' \| 'video' \| 'word' \| 'xlsx' \| 'pdf' \| 'pptx' \| 'other'` | `-`     | Nhóm định dạng muốn kiểm tra.                    |
+| Nhóm | Extension / MIME type được nhận diện |
+|---|---|
+| `image` | `gif`, `jpg`, `jpeg`, `png`, `webp`, `image/gif`, `image/jpeg`, `image/png` |
+| `video` | `mp4`, `mov`, `mpg`, `avi`, `wmv`, `video/mp4`, `video/quicktime`, `video/mpeg`, `video/x-msvideo`, `video/x-ms-wmv` |
+| `word` | `doc`, `docx`, `application/msword`, `application/vnd.openxmlformats-officedocument.wordprocessingml.document` |
+| `xlsx` | `xls`, `xlsx`, `gsheet`, `application/vnd.ms-excel`, `application/vnd.openxmlformats-officedocument.spreadsheetml.sheet` |
+| `pdf` | `pdf`, `application/pdf` |
+| `pptx` | `ppt`, `pptx`, `application/vnd.ms-powerpoint`, `application/vnd.openxmlformats-officedocument.presentationml.presentation` |
+| `other` | Bất kỳ extension nào **không** thuộc image, video, doc, xls, ppt, pdf, json, xml và các MIME type tương ứng |
 
 ## Types & Interfaces
 
-### IFile
-
 ```typescript
+import { IFile } from '@libs-ui/interfaces-types';
+
 export interface IFile {
   id?: string;
-  name?: string;
-  file?: File;
+  name?: string;           // Tên file — pipe sẽ extract extension từ đây
+  file?: File;             // Đối tượng File của browser — pipe đọc file.type
   size?: string;
   isUploading?: boolean;
   percentUploading?: number;
   isUpdate?: boolean;
-  url?: string;
-  origin_url?: string;
-  mimetype?: string;
+  url?: string;            // Fallback khi không có name
+  origin_url?: string;     // Fallback khi không có name và url
+  mimetype?: string;       // Ưu tiên cao nhất khi extract extension
   type?: TYPE_FILE;
   error?: string;
   isAvatar?: boolean;
@@ -134,30 +244,35 @@ export interface IFile {
 export type TYPE_FILE = 'document' | 'image' | 'video' | 'audio';
 ```
 
-**Mô tả**: Interface cho đối tượng file. Pipe yêu cầu ít nhất một trong các thuộc tính: `name`, `mimetype`, hoặc `type` (từ `file.type` nếu là File object) để hoạt động.
+**Thứ tự ưu tiên khi extract extension:**
+1. `file.type` (nếu là đối tượng `File` gốc của browser)
+2. `mimetype` của `IFile`
+3. `file.file?.type` (nếu có File đính kèm)
+4. Extension từ `name`
+5. Extension từ `url` hoặc `origin_url`
 
-## Lưu ý quan trọng (Important Notes)
+## Lưu ý quan trọng
 
-> ⚠️ **Caveats**:
->
-> - **Yêu cầu đối tượng File**: Pipe này yêu cầu input là một object có ít nhất một trong các thuộc tính: `name`, `mimetype`, hoặc `type` (từ `file.type` nếu là File object). Pipe sẽ tự động extract extension từ `name` hoặc sử dụng trực tiếp `mimetype`/`type`. Nếu không tìm thấy, pipe sẽ trả về `false`.
-> - **Hỗ trợ MIME Type**: Đối với các loại văn bản (word, xlsx, pdf...), pipe hỗ trợ kiểm tra cả extension rút gọn (ví dụ: `pdf`) và MIME type đầy đủ (ví dụ: `application/pdf`).
-> - **Phân loại "Other"**: Loại `other` sẽ trả về `true` cho bất kỳ định dạng nào **KHÔNG** nằm trong danh sách mặc định của Image, Video và Documents phổ biến.
-> - **Hiệu năng**: Pipe này là pure logic, có thể sử dụng an toàn trong các danh sách dài mà không gây ảnh hưởng hiệu năng đáng kể.
+⚠️ **Extension không tìm được**: Nếu `IFile` không có `name`, `mimetype`, `url` hoặc đối tượng file browser, pipe trả về `false` cho mọi nhóm.
 
-## Công nghệ sử dụng
+⚠️ **Case-insensitive**: Pipe tự động chuyển extension về chữ thường trước khi so sánh, vì vậy `JPG`, `jpg`, `Jpg` đều cho kết quả như nhau.
 
-- Angular 18+
-- TypeScript 5+
+⚠️ **Nhóm `other`**: Trả về `true` cho các file không thuộc bất kỳ nhóm nào trong danh sách mặc định (bao gồm cả `json`, `xml`, `audio`). Dùng nhóm này để bắt các định dạng không xác định thay vì dùng `@else`.
 
-## Demo
+⚠️ **MIME type**: Với file upload từ browser qua `<input type="file">`, đối tượng `File` gốc có thuộc tính `type` là MIME type đầy đủ. `IFile` hỗ trợ trường `file: File`, pipe sẽ ưu tiên đọc `file.type` nếu có.
 
-- **Local Development**: [http://localhost:4500/pipes/check-file-extension](http://localhost:4500/pipes/check-file-extension)
+⚠️ **`gsheet`**: Extension `gsheet` (Google Sheet) được nhận diện thuộc nhóm `xlsx`.
 
-## Unit Tests
+## Demo
 
-Xem file `test-commands.md` để biết cách chạy unit tests.
+```bash
+npx nx serve core-ui
+```
 
-## License
+Truy cập: http://localhost:4500/pipes/check-file-extension
 
-MIT
+## Unit Tests
+
+```bash
+npx nx test libs-ui-pipes-check-file-extension --testFile=libs-ui/pipes/check-file-extension/src/check-file-extension.pipe.spec.ts
+```

package/fesm2022/libs-ui-pipes-check-file-extension.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"libs-ui-pipes-check-file-extension.mjs","sources":["../../../../../libs-ui/pipes/check-file-extension/src/check-file-extension.pipe.ts","../../../../../libs-ui/pipes/check-file-extension/src/libs-ui-pipes-check-file-extension.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { IFile } from '@libs-ui/interfaces-types';\nimport { DocumentExtList, getFileExtension, ImageExtList, VideoExtList } from '@libs-ui/utils';\n\n@Pipe({\n  name: 'LibsUiPipesCheckFileExtensionPipe',\n  standalone: true,\n})\nexport class LibsUiPipesCheckFileExtensionPipe implements PipeTransform {\n  transform(file: IFile, type: 'image' | 'video' | 'word' | 'xlsx' | 'pdf' | 'pptx' | 'other') {\n    const fileExtension = getFileExtension(file);\n\n    if (!fileExtension) {\n      return false;\n    }\n    switch (type) {\n      case 'image':\n        return ImageExtList.includes(fileExtension);\n\n      case 'video':\n        return VideoExtList.includes(fileExtension);\n\n      case 'word':\n        return ['doc', 'docx', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'].includes(fileExtension);\n\n      case 'xlsx':\n        return ['xls', 'xlsx', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'gsheet'].includes(fileExtension);\n\n      case 'pdf':\n        return ['pdf', 'application/pdf'].includes(fileExtension);\n\n      case 'pptx':\n        return ['ppt', 'pptx', 'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation'].includes(fileExtension);\n\n      case 'other':\n        return ![...ImageExtList, ...VideoExtList, ...DocumentExtList].includes(fileExtension);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,iCAAiC,CAAA;IAC5C,SAAS,CAAC,IAAW,EAAE,IAAoE,EAAA;AACzF,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC;QAE5C,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,OAAO,KAAK;QACd;QACA,QAAQ,IAAI;AACV,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC;AAE7C,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC;AAE7C,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,oBAAoB,EAAE,yEAAyE,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;AAEjJ,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,0BAA0B,EAAE,mEAAmE,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;AAE3J,YAAA,KAAK,KAAK;gBACR,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;AAE3D,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,+BAA+B,EAAE,2EAA2E,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;AAE9J,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,YAAY,EAAE,GAAG,eAAe,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC;;IAE5F;wGA7BW,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA;sGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mCAAA,EAAA,CAAA;;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAJ7C,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,mCAAmC;AACzC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;ACPD;;AAEG;;;;"}
+{"version":3,"file":"libs-ui-pipes-check-file-extension.mjs","sources":["../../../../../libs-ui/pipes/check-file-extension/src/check-file-extension.pipe.ts","../../../../../libs-ui/pipes/check-file-extension/src/libs-ui-pipes-check-file-extension.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { IFile } from '@libs-ui/interfaces-types';\nimport { DocumentExtList, getFileExtension, ImageExtList, VideoExtList } from '@libs-ui/utils';\n\n@Pipe({\n  name: 'LibsUiPipesCheckFileExtensionPipe',\n  standalone: true,\n})\nexport class LibsUiPipesCheckFileExtensionPipe implements PipeTransform {\n  transform(file: IFile, type: 'image' | 'video' | 'word' | 'xlsx' | 'pdf' | 'pptx' | 'other') {\n    const fileExtension = getFileExtension(file);\n\n    if (!fileExtension) {\n      return false;\n    }\n    switch (type) {\n      case 'image':\n        return ImageExtList.includes(fileExtension);\n\n      case 'video':\n        return VideoExtList.includes(fileExtension);\n\n      case 'word':\n        return ['doc', 'docx', 'application/msword', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'].includes(fileExtension);\n\n      case 'xlsx':\n        return ['xls', 'xlsx', 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'gsheet'].includes(fileExtension);\n\n      case 'pdf':\n        return ['pdf', 'application/pdf'].includes(fileExtension);\n\n      case 'pptx':\n        return ['ppt', 'pptx', 'application/vnd.ms-powerpoint', 'application/vnd.openxmlformats-officedocument.presentationml.presentation'].includes(fileExtension);\n\n      case 'other':\n        return ![...ImageExtList, ...VideoExtList, ...DocumentExtList].includes(fileExtension);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,iCAAiC,CAAA;IAC5C,SAAS,CAAC,IAAW,EAAE,IAAoE,EAAA;AACzF,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAE7C,IAAI,CAAC,aAAa,EAAE;AAClB,YAAA,OAAO,KAAK,CAAC;SACd;QACD,QAAQ,IAAI;AACV,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE9C,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE9C,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,oBAAoB,EAAE,yEAAyE,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAElJ,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,0BAA0B,EAAE,mEAAmE,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE5J,YAAA,KAAK,KAAK;gBACR,OAAO,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE5D,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,+BAA+B,EAAE,2EAA2E,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE/J,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,CAAC,CAAC,GAAG,YAAY,EAAE,GAAG,YAAY,EAAE,GAAG,eAAe,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;SAC1F;KACF;wGA7BU,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;sGAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,mCAAA,EAAA,CAAA,CAAA;;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAJ7C,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,mCAAmC;AACzC,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@libs-ui/pipes-check-file-extension",
-  "version": "0.2.356-42",
+  "version": "0.2.356-43",
   "peerDependencies": {
     "@angular/core": ">=18.0.0",
-    "@libs-ui/interfaces-types": "0.2.356-42",
-    "@libs-ui/utils": "0.2.356-42"
+    "@libs-ui/interfaces-types": "0.2.356-43",
+    "@libs-ui/utils": "0.2.356-43"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-pipes-check-file-extension.mjs",