fw-webbuilder 1.1.285 → 1.1.287

package/index.d.ts

@@ -20,6 +20,8 @@ import { NzImageService } from 'ng-zorro-antd/image';
  */
 declare class webBuilderService {
     private http;
+    private modal;
+    private translate;
     private pendingObjectUpdates;
     private pendingBlockUpdates;
     private pendingPageUpdates;
@@ -255,11 +257,15 @@ declare class webBuilderService {
      */
     deleteObject(object: any, code?: any): Promise<any>;
     /**
-     * Nén ảnh thông minh trước khi upload:
-     * - Bỏ qua file không phải ảnh hoặc file svg, gif
-     * - Bỏ qua ảnh <= 1MB
-     * - Giới hạn kích thước tối đa 2560px (chuẩn 2K)
-     * - Nén chất lượng 85% giữ độ sắc nét hoàn hảo
+     * Chuẩn hóa tên file: chuyển tiếng Việt có dấu thành không dấu, thay khoảng trắng và ký tự lạ bằng '-'
+     */
+    sanitizeFileName(fileName: string): string;
+    /**
+     * Nén ảnh trực tiếp trên trình duyệt bằng HTML5 Canvas trước khi tải lên.
+     * - Giữ nguyên ảnh <= 1MB, SVG, GIF
+     * - Tự động resize nếu kích thước lớn hơn maxWidth/maxHeight
+     * - Chuyển đổi PNG lớn sang WebP để giảm tới 80% dung lượng
+     * - Chuẩn hóa tên file sạch sẽ, an toàn
      */
     compressImage(file: File, maxWidth?: number, maxHeight?: number, quality?: number): Promise<File>;
     uploadFileWithProgress(file: File, newPath: string): Observable<HttpEvent<any>>;
@@ -462,6 +468,7 @@ declare class webBuilderService {
     getDashboard(startDate: string, endDate: string): Promise<Object>;
     private getVisitorId;
     changeTemplate(db: string, id_template: string): Promise<Object>;
+    moveToTemplate(id_project: string, data?: any): Promise<Object>;
     pasteFormatStyle(item: any): void;
     exportProjectBackup(type: 'template' | 'content'): Promise<any>;
     importProjectBackup(file: File): Promise<any>;
@@ -478,6 +485,10 @@ declare class webBuilderService {
      * Tự động đồng bộ Font chữ Google, Font chủ đề, Màu chủ đề và Line Height
      */
     getTinyMceConfig(customOptions?: any): any;
+    /**
+     * Mở modal Quản lý đa phương tiện (ManageImgsComponent) để chọn ảnh/video cho TinyMCE editor
+     */
+    openManageImgsForEditor(callback: (url: string, meta?: any) => void): void;
     /**
      * hàm chuyển tên thành slug
      * vd: "Giới thieu" => "gioi-thieu"
@@ -3046,6 +3057,9 @@ declare class ManageImgsComponent implements OnInit {
     typeImgs: any;
     typeVideos: any;
     typeFiles: any;
+    isImg(extension: string): boolean;
+    isVideo(extension: string): boolean;
+    isDocFile(extension: string): boolean;
     constructor(webbuilderService: webBuilderService, msg: NzMessageService, translate: TranslateService, modal: NzModalService, modalRef: NzModalRef<ManageImgsComponent>);
     ngOnInit(): void;
     getFiles(): void;
@@ -3059,6 +3073,7 @@ declare class ManageImgsComponent implements OnInit {
     onDelete(item: any): void;
     onChangePath(item: any): void;
     onSelectFile(item: any, event: MouseEvent): void;
+    onKeydown(event: KeyboardEvent): void;
     deleteMany(): void;
     handleRename(e: any, item: any): void;
     onBackgroundClick(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fw-webbuilder",
-  "version": "1.1.285",
+  "version": "1.1.287",
   "peerDependencies": {
     "@fingerprintjs/fingerprintjs": "^5.2.0",
     "@abacritt/angularx-social-login": "2.4.0",