@shival99/z-ui 2.3.10 → 2.4.0

package/fesm2022/shival99-z-ui-services.mjs

@@ -118,6 +118,7 @@ function zAppendLegacyScope(value, scopeSuffix) {
 
 /** Injection token for data passed to a dynamic component or template. */
 const Z_DYNAMIC_DATA = new InjectionToken('Z_DYNAMIC_DATA');
+const Z_DYNAMIC_ANIMATION_DURATION = 150;
 
 /**
  * Controls one free-form dynamic overlay instance.
@@ -175,13 +176,26 @@ let ZDynamicRef = class ZDynamicRef {
             return;
         }
         this._isClosing = true;
-        this._overlayRef?.dispose();
-        this._componentRef = null;
-        this.componentInstance = null;
-        this.afterClose.emit(result);
-        this.afterClose.complete();
-        this._destroy$.next();
-        this._destroy$.complete();
+        const contentElements = this._getContentElements();
+        for (const element of contentElements) {
+            element.classList.add('z-animate-out', 'z-fade-out', 'z-zoom-out-95');
+        }
+        this._overlayRef?.backdropElement?.classList.add('z-backdrop-leaving');
+        setTimeout(() => {
+            this._overlayRef?.dispose();
+            this._componentRef = null;
+            this.componentInstance = null;
+            this.afterClose.emit(result);
+            this.afterClose.complete();
+            this._destroy$.next();
+            this._destroy$.complete();
+        }, Z_DYNAMIC_ANIMATION_DURATION);
+    }
+    _getContentElements() {
+        if (!this._overlayRef) {
+            return [];
+        }
+        return Array.from(this._overlayRef.overlayElement.children).filter(element => element !== this._overlayRef?.backdropElement);
     }
     /**
      * @deprecated Không còn tác dụng — overlay tự do giờ luôn dùng vị trí toàn cục (global),
@@ -195,6 +209,10 @@ let ZDynamicRef = class ZDynamicRef {
     updateSize(width, height) {
         this._overlayRef?.updateSize({ width, height });
     }
+    /** Applies an input after the component has been attached. */
+    setInput(name, value) {
+        this._componentRef?.setInput(name, value);
+    }
     /** @internal Used by the service after attaching a component portal. */
     attachComponentRef(componentRef) {
         this._componentRef = componentRef;
@@ -639,6 +657,9 @@ class ZDynamicService {
             injector,
             viewContainerRef: options.viewContainerRef,
         });
+        for (const [name, value] of Object.entries(options.inputs ?? {})) {
+            componentRef.setInput(name, value);
+        }
         componentRef.changeDetectorRef.detectChanges();
         dynamicRef.attachComponentRef(componentRef);
         return dynamicRef;
@@ -652,7 +673,7 @@ class ZDynamicService {
             backdropClass: options.backdropClass ?? 'z-modal-backdrop-dark',
             panelClass: options.panelClass,
             scrollLock: options.scrollLock ?? true,
-            scrollable: true,
+            scrollable: options.scrollable ?? true,
             size: {
                 width: options.width,
                 height: options.height,
@@ -1333,6 +1354,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 }]
         }] });
 
+class ZGalleryOfficeRenderService {
+    async renderDoc(container, blob) {
+        const { renderAsync } = await import('docx-preview');
+        await renderAsync(blob, container, undefined, {
+            className: 'z-gallery-docx',
+            inWrapper: true,
+            breakPages: true,
+        });
+        const observer = this._observeDocxZoom(container);
+        return { dispose: () => observer?.disconnect() };
+    }
+    async renderSheet(container, blob) {
+        const [{ read, utils }, { createUniver, LocaleType, mergeLocales }, sheetsCore, viVN] = await Promise.all([
+            import('xlsx'),
+            import('@univerjs/presets'),
+            import('@univerjs/preset-sheets-core'),
+            import('@univerjs/preset-sheets-core/locales/vi-VN'),
+        ]);
+        const workbook = read(await blob.arrayBuffer(), { type: 'array' });
+        const { univerAPI } = createUniver({
+            locale: LocaleType.VI_VN,
+            locales: { [LocaleType.VI_VN]: mergeLocales(viVN.default ?? viVN) },
+            presets: [
+                sheetsCore.UniverSheetsCorePreset({
+                    container,
+                    header: true,
+                    toolbar: false,
+                    contextMenu: false,
+                    formulaBar: true,
+                }),
+            ],
+        });
+        univerAPI.createWorkbook(this._toUniverWorkbook(workbook, utils)).setEditable(false);
+        return { dispose: () => univerAPI.dispose() };
+    }
+    async renderSlide(container, blob) {
+        const { PptxViewer, RECOMMENDED_ZIP_LIMITS } = await import('@aiden0z/pptx-renderer');
+        const viewer = new PptxViewer(container, {
+            fitMode: 'contain',
+            zipLimits: RECOMMENDED_ZIP_LIMITS,
+            pdfjs: {
+                moduleUrl: '/assets/pdfjs/build/pdf.mjs',
+                workerUrl: '/assets/pdfjs/build/pdf.worker.mjs',
+            },
+        });
+        await viewer.open(blob, { renderMode: 'slide' });
+        return { dispose: () => viewer.destroy() };
+    }
+    _toUniverWorkbook(workbook, utils) {
+        const sheets = {};
+        const sheetOrder = [];
+        workbook.SheetNames.forEach((sheetName, index) => {
+            const sheet = workbook.Sheets[sheetName];
+            if (!sheet) {
+                return;
+            }
+            const rows = utils.sheet_to_json(sheet, { header: 1, raw: true, defval: null });
+            const sheetId = `sheet-${index}`;
+            sheetOrder.push(sheetId);
+            sheets[sheetId] = {
+                id: sheetId,
+                name: sheetName,
+                rowCount: Math.max(rows.length + 10, 50),
+                columnCount: Math.max(...rows.map(row => row.length), 10) + 5,
+                cellData: this._toUniverCellData(rows),
+            };
+        });
+        return {
+            id: 'z-gallery-preview',
+            appVersion: '0.25.1',
+            name: workbook.Props?.Title ?? '',
+            sheetOrder,
+            sheets,
+        };
+    }
+    _toUniverCellData(rows) {
+        const cellData = {};
+        rows.forEach((row, rowIndex) => {
+            row.forEach((value, columnIndex) => {
+                if (value === null || value === undefined || value === '') {
+                    return;
+                }
+                cellData[rowIndex] ??= {};
+                cellData[rowIndex][columnIndex] = typeof value === 'number' ? { v: value } : { v: String(value) };
+            });
+        });
+        return cellData;
+    }
+    _observeDocxZoom(container) {
+        if (typeof ResizeObserver === 'undefined') {
+            return null;
+        }
+        const observer = new ResizeObserver(() => {
+            const wrapper = container.querySelector('.docx-wrapper');
+            const page = wrapper?.querySelector('.docx');
+            if (!wrapper || !page) {
+                return;
+            }
+            const availableWidth = container.clientWidth;
+            const pageWidth = page.offsetWidth;
+            const scale = pageWidth > 0 && availableWidth < pageWidth ? availableWidth / pageWidth : 1;
+            wrapper.style.zoom = `${scale}`;
+        });
+        observer.observe(container);
+        return observer;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZGalleryOfficeRenderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZGalleryOfficeRenderService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ZGalleryOfficeRenderService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class ZIndexDbService {
     _db = null;
     _dbName;
@@ -2691,5 +2826,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ZCacheService, ZDynamicRef, ZDynamicService, ZExcelService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZOverlayZIndexService, ZSubjectService, ZThemeService, ZTranslateService, Z_CACHE_DEFAULT_PREFIX, Z_CACHE_SCOPE_SEPARATOR, Z_DB_SCOPE_SEPARATOR, Z_DEFAULT_THEME, Z_DYNAMIC_DATA, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_LANG_TO_LOCALE, Z_STORAGE_SCOPE_FALLBACK, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY, zBuildLegacyScopedCacheKey, zBuildLegacyScopedDbName, zBuildScopedCacheKey, zBuildScopedDbName, zConfigureStorageAppName, zGetStorageAppName, zNormalizeStorageAppName, zStripLegacyScopedCacheKey, zStripScopedCacheKey };
+export { ZCacheService, ZDynamicRef, ZDynamicService, ZExcelService, ZGalleryOfficeRenderService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZOverlayZIndexService, ZSubjectService, ZThemeService, ZTranslateService, Z_CACHE_DEFAULT_PREFIX, Z_CACHE_SCOPE_SEPARATOR, Z_DB_SCOPE_SEPARATOR, Z_DEFAULT_THEME, Z_DYNAMIC_ANIMATION_DURATION, Z_DYNAMIC_DATA, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_LANG_TO_LOCALE, Z_STORAGE_SCOPE_FALLBACK, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY, zBuildLegacyScopedCacheKey, zBuildLegacyScopedDbName, zBuildScopedCacheKey, zBuildScopedDbName, zConfigureStorageAppName, zGetStorageAppName, zNormalizeStorageAppName, zStripLegacyScopedCacheKey, zStripScopedCacheKey };
 //# sourceMappingURL=shival99-z-ui-services.mjs.map