@file-viewer/vue3 2.0.0

package/dist/src/package/components/FileViewer/hooks/useViewerSourceLoading.d.ts

@@ -0,0 +1,57 @@
+import { Ref } from 'vue';
+import { FileViewerErrorMessageFormatter, FileViewerRequestController, FileViewerFileRef as FileRef, FileViewerLifecycleContext, FileViewerLoadStartState, FileViewerOptions, FileViewerRenderCompleteState } from '@file-viewer/core';
+import { FileViewerVueRenderSession } from '../rendererBridge';
+interface UseViewerSourceLoadingOptions {
+    getFile: () => FileRef | undefined;
+    getUrl: () => string | undefined;
+    getOptions: () => FileViewerOptions | undefined;
+    filename: Ref<string>;
+    currentFile: Ref<File | null>;
+    currentBuffer: Ref<ArrayBuffer | null>;
+    currentSourceUrl: Ref<string | null>;
+    renderedReady: Ref<boolean>;
+    progressiveReady: Ref<boolean>;
+    requestController: FileViewerRequestController;
+    clearRenderedContent: (reason?: FileViewerLifecycleContext['reason']) => void;
+    mountRenderedContent: (buffer: ArrayBuffer, file: File, version: number, sourceUrl?: string, streamUrl?: string) => Promise<FileViewerVueRenderSession | undefined>;
+    destroyRenderSession: (session?: FileViewerVueRenderSession | null) => void;
+    setActiveRenderSession: (session: FileViewerVueRenderSession | null) => void;
+    buildLoadStartState: (input: {
+        version: number;
+        source: FileViewerLifecycleContext['source'];
+        file?: File | null;
+        sourceUrl?: string | null;
+    }) => FileViewerLoadStartState;
+    buildRenderCompleteState: (input: {
+        version: number;
+        source: FileViewerLifecycleContext['source'];
+        file?: File | null;
+        sourceUrl?: string | null;
+    }) => FileViewerRenderCompleteState;
+    notifyLifecycle: (context: FileViewerLifecycleContext) => void;
+    setActiveDocumentContext: (context: FileViewerLifecycleContext) => void;
+    markLoadStarted: (version: number) => void;
+    clearLoadStarted: (version: number) => void;
+    startLoading: (message: string) => void;
+    setLoadingMessage: (message: string) => void;
+    stopLoading: () => void;
+    showError: (message: string) => void;
+    clearError: () => void;
+    resetLoading: () => void;
+    formatErrorMessage: FileViewerErrorMessageFormatter;
+}
+/**
+ * FileViewer 组件层的来源加载门面。
+ *
+ * 请求版本、取消错误、文件包装、PDF URL 流式判断等通用能力来自
+ * `@file-viewer/core`；这里只把 Vue 状态、加载态和渲染挂载回调串起来。
+ */
+export declare const useViewerSourceLoading: ({ getFile, getUrl, getOptions, filename, currentFile, currentBuffer, currentSourceUrl, renderedReady, progressiveReady, requestController, clearRenderedContent, mountRenderedContent, destroyRenderSession, setActiveRenderSession, buildLoadStartState, buildRenderCompleteState, notifyLifecycle, setActiveDocumentContext, markLoadStarted, clearLoadStarted, startLoading, setLoadingMessage, stopLoading, showError, clearError, resetLoading, formatErrorMessage }: UseViewerSourceLoadingOptions) => {
+    cancelPreview: (reason?: FileViewerLifecycleContext["reason"]) => void;
+    refreshPreview: () => Promise<void>;
+    resetViewer: (reason?: FileViewerLifecycleContext["reason"]) => void;
+    isCurrentRequest: (version: number) => boolean;
+    previewLocalFile: (source: FileRef, version: number) => Promise<import('@file-viewer/core').FileViewerLocalFilePreviewState<FileViewerVueRenderSession>>;
+    previewRemoteFile: (url: string, version: number) => Promise<import('@file-viewer/core').FileViewerRemoteFilePreviewState<FileViewerVueRenderSession>>;
+};
+export {};

package/dist/src/package/components/FileViewer/hooks/useViewerToolbar.d.ts

@@ -0,0 +1,33 @@
+import { ComputedRef, Ref, ShallowRef } from 'vue';
+import { FileRenderExportAdapter, FileViewerOperationAvailability, FileViewerOptions, FileViewerToolbarOptions, FileViewerToolbarPosition, FileViewerZoomState } from '@file-viewer/core';
+interface UseViewerToolbarOptions {
+    activeExportAdapter: ShallowRef<FileRenderExportAdapter | null>;
+    currentBuffer: Ref<ArrayBuffer | null>;
+    currentExtend: ComputedRef<string>;
+    currentFile: Ref<File | null>;
+    currentSourceUrl: Ref<string | null>;
+    error: Ref<string>;
+    getOptions: () => FileViewerOptions | undefined;
+    getZoomState: () => FileViewerZoomState;
+    loading: Ref<boolean>;
+    normalizedToolbar: ComputedRef<FileViewerToolbarOptions>;
+    renderedReady: Ref<boolean>;
+    zoomState: FileViewerZoomState;
+    emitOperationAvailabilityChange: (availability: FileViewerOperationAvailability) => void;
+    emitZoomChange: (state: FileViewerZoomState) => void;
+}
+/**
+ * FileViewer 组件层的工具栏与能力状态门面。
+ *
+ * 按钮显隐、PDF 默认悬浮位置和能力矩阵由 `@file-viewer/core` 统一计算；
+ * 这里只负责把 Vue 响应式状态、组件事件和操作 API 串起来。
+ */
+export declare const useViewerToolbar: ({ activeExportAdapter, currentBuffer, currentExtend, currentFile, currentSourceUrl, error, getOptions, getZoomState, loading, normalizedToolbar, renderedReady, zoomState, emitOperationAvailabilityChange, emitZoomChange }: UseViewerToolbarOptions) => {
+    operationAvailability: ComputedRef<FileViewerOperationAvailability>;
+    visibleToolbar: ComputedRef<FileViewerToolbarOptions>;
+    showToolbar: ComputedRef<boolean>;
+    toolbarPosition: ComputedRef<FileViewerToolbarPosition>;
+    toolbarDisabled: ComputedRef<boolean>;
+    zoomButtonDisabled: (action: keyof Pick<FileViewerZoomState, "canZoomIn" | "canZoomOut" | "canReset">) => boolean;
+};
+export {};

package/dist/src/package/components/FileViewer/hooks/useViewerWatermark.d.ts

@@ -0,0 +1,6 @@
+import { FileViewerWatermarkOptions } from '@file-viewer/core';
+export declare const useViewerWatermark: (getWatermark: () => boolean | FileViewerWatermarkOptions | undefined) => {
+    normalizedWatermark: import('vue').ComputedRef<FileViewerWatermarkOptions | null>;
+    watermarkStyle: import('vue').ComputedRef<import('@file-viewer/core').FileViewerWatermarkStyle | undefined>;
+    watermarkInlineStyle: import('vue').ComputedRef<string>;
+};

package/dist/src/package/components/FileViewer/hooks/useViewerZoom.d.ts

@@ -0,0 +1,34 @@
+import { Ref } from 'vue';
+import { FileViewerOperationType } from '@file-viewer/core';
+interface UseFileViewerZoomOptions {
+    output: Ref<HTMLDivElement | null>;
+    enabled: () => boolean;
+    runBeforeOperation: (operation: FileViewerOperationType) => Promise<boolean>;
+}
+/**
+ * FileViewer 组件层的缩放门面。
+ *
+ * provider 注册、状态读取和 MutationObserver 调度由 core controller 负责；
+ * 这里只保留 Vue 响应式状态同步、操作前置钩子和组件 ref API。
+ */
+export declare const useViewerZoom: ({ output, enabled, runBeforeOperation }: UseFileViewerZoomOptions) => {
+    hasZoomProvider(): boolean;
+    refreshZoomProvider(): import('@file-viewer/core').FileViewerZoomProvider | null;
+    startZoomObserver(): import('@file-viewer/core').FileViewerZoomState;
+    stopZoomObserver(): import('@file-viewer/core').FileViewerZoomState;
+    clearZoomProvider(): import('@file-viewer/core').FileViewerZoomState;
+    getZoomState(): import('@file-viewer/core').FileViewerZoomState;
+    zoomIn(): Promise<import('@file-viewer/core').FileViewerZoomState>;
+    zoomOut(): Promise<import('@file-viewer/core').FileViewerZoomState>;
+    resetZoom(): Promise<import('@file-viewer/core').FileViewerZoomState>;
+    zoomState: {
+        scale: number;
+        label: string;
+        canZoomIn: boolean;
+        canZoomOut: boolean;
+        canReset: boolean;
+        minScale?: number | undefined;
+        maxScale?: number | undefined;
+    };
+};
+export {};

package/dist/src/package/components/FileViewer/index.d.ts

@@ -0,0 +1,2 @@
+import { default as FileViewer } from './FileViewer.vue';
+export default FileViewer;

package/dist/src/package/components/FileViewer/rendererBridge.d.ts

@@ -0,0 +1,9 @@
+import { FileRenderContext, FileRenderHandlerRendererSession, FileViewerRenderedInstance as Rendered } from '@file-viewer/core';
+export type FileViewerVueRenderSession = FileRenderHandlerRendererSession<Rendered | undefined>;
+/**
+ * Bridges the Vue renderer registry into the framework-neutral core renderer session.
+ *
+ * The Vue component package owns only the async component loaders and DOM surface; source
+ * normalization, handler dispatch and session teardown stay in @file-viewer/core.
+ */
+export declare function createVueRenderSession(buffer: ArrayBuffer, type: string, target: HTMLDivElement, context?: FileRenderContext): Promise<FileViewerVueRenderSession>;

package/dist/src/package/controller.d.ts

@@ -0,0 +1,121 @@
+import { FileViewerAiOptions, FileViewerArchiveOptions, FileViewerCadOptions, FileViewerDocxOptions, FileViewerDocumentAnchor, FileViewerDocumentChunk, FileViewerEvent, FileViewerEventHandler, FileViewerEventType, FileViewerFileRef, FileViewerInstance, FileViewerLifecycleContext, FileViewerOperationAvailability, FileViewerOperationContext, FileViewerOptions, FileViewerPdfOptions, FileViewerSpreadsheetOptions, FileViewerPublicApi, FileViewerSearchOptions, FileViewerSearchState, FileViewerThemeMode, FileViewerToolbarOptions, FileViewerToolbarPosition, FileViewerTypstOptions, FileViewerWatermarkOptions, FileViewerZoomState, RendererRegistry } from '@file-viewer/core';
+export type FileRef = FileViewerFileRef;
+export type ViewerWatermarkOptions = FileViewerWatermarkOptions;
+export type ViewerToolbarPosition = FileViewerToolbarPosition;
+export type ViewerToolbarOptions = FileViewerToolbarOptions;
+export type ViewerArchiveOptions = FileViewerArchiveOptions;
+export type ViewerPdfOptions = FileViewerPdfOptions;
+export type ViewerSpreadsheetOptions = FileViewerSpreadsheetOptions;
+export type ViewerDocxOptions = FileViewerDocxOptions;
+export type ViewerTypstOptions = FileViewerTypstOptions;
+export type ViewerCadOptions = FileViewerCadOptions;
+export type ViewerSearchOptions = FileViewerSearchOptions;
+export type ViewerAiOptions = FileViewerAiOptions;
+export type ViewerThemeMode = FileViewerThemeMode;
+export type ViewerOptions = FileViewerOptions;
+export type ViewerEventType = FileViewerEventType;
+export type ViewerEvent = FileViewerEvent;
+export type ViewerEventHandler = FileViewerEventHandler;
+export type ViewerLifecycleContext = FileViewerLifecycleContext;
+export type ViewerOperationContext = FileViewerOperationContext;
+export interface ViewerState {
+    loading: boolean;
+    ready: boolean;
+    error: unknown | null;
+    lastEvent: ViewerEvent | null;
+    lifecycle: ViewerLifecycleContext | null;
+    availability: FileViewerOperationAvailability | null;
+    search: FileViewerSearchState | null;
+    zoom: FileViewerZoomState | null;
+    location: FileViewerDocumentAnchor | null;
+}
+export type ViewerStateListener = (state: ViewerState, event?: ViewerEvent) => void;
+export interface ViewerMountOptions {
+    url?: string;
+    file?: FileRef;
+    buffer?: ArrayBuffer;
+    name?: string;
+    filename?: string;
+    type?: string;
+    size?: number;
+    options?: ViewerOptions;
+    onEvent?: ViewerEventHandler;
+    onStateChange?: ViewerStateListener;
+}
+export interface ViewerSourceInput {
+    url?: string;
+    file?: FileRef;
+    buffer?: ArrayBuffer;
+    filename?: string;
+    name?: string;
+    type?: string;
+    size?: number;
+}
+export interface ViewerFetchInput {
+    url: string;
+    signal?: AbortSignal;
+    source: ViewerSourceInput;
+}
+export type ViewerFetchFile = (input: ViewerFetchInput) => Promise<FileRef | null | undefined>;
+export interface ViewerCoreOptions {
+    registry?: RendererRegistry;
+    fetchFile?: ViewerFetchFile;
+    onError?: (error: unknown, source: ViewerSourceInput) => void;
+}
+export interface ViewerController {
+    readonly container: HTMLElement;
+    load(options: ViewerMountOptions): Promise<void>;
+    update(options?: ViewerMountOptions): Promise<void>;
+    reload(): Promise<void>;
+    destroy(): void;
+    getApi(): FileViewerPublicApi | FileViewerInstance | null;
+    downloadOriginalFile(): Promise<void>;
+    printRenderedHtml(): Promise<void>;
+    exportRenderedHtml(): Promise<void>;
+    zoomIn(): Promise<FileViewerZoomState | null>;
+    zoomOut(): Promise<FileViewerZoomState | null>;
+    resetZoom(): Promise<FileViewerZoomState | null>;
+    searchDocument(query: string): Promise<FileViewerSearchState | null>;
+    clearDocumentSearch(): Promise<FileViewerSearchState | null>;
+    nextSearchResult(): Promise<FileViewerSearchState | null>;
+    previousSearchResult(): Promise<FileViewerSearchState | null>;
+    collectDocumentAnchors(): Promise<FileViewerDocumentAnchor[]>;
+    scrollToAnchor(anchor: FileViewerDocumentAnchor | string): Promise<boolean>;
+    scrollToLine(line: number): Promise<boolean>;
+    getDocumentTextChunks(): FileViewerDocumentChunk[];
+    getOperationAvailability(): FileViewerOperationAvailability | null;
+    getZoomState(): FileViewerZoomState | null;
+    getSearchState(): FileViewerSearchState | null;
+    getState(): ViewerState;
+    subscribe(listener: ViewerStateListener): () => void;
+}
+export type ViewerControllerAccessor = () => ViewerController | null;
+export interface ViewerControllerHandle {
+    load(options: ViewerMountOptions): Promise<void>;
+    update(options?: ViewerMountOptions): Promise<void>;
+    reload(): Promise<void>;
+    destroy(): void;
+    getController(): ViewerController | null;
+    getApi(): FileViewerPublicApi | FileViewerInstance | null;
+    downloadOriginalFile(): Promise<void>;
+    printRenderedHtml(): Promise<void>;
+    exportRenderedHtml(): Promise<void>;
+    zoomIn(): Promise<FileViewerZoomState | null>;
+    zoomOut(): Promise<FileViewerZoomState | null>;
+    resetZoom(): Promise<FileViewerZoomState | null>;
+    searchDocument(query: string): Promise<FileViewerSearchState | null>;
+    clearDocumentSearch(): Promise<FileViewerSearchState | null>;
+    nextSearchResult(): Promise<FileViewerSearchState | null>;
+    previousSearchResult(): Promise<FileViewerSearchState | null>;
+    collectDocumentAnchors(): Promise<FileViewerDocumentAnchor[]>;
+    scrollToAnchor(anchor: FileViewerDocumentAnchor | string): Promise<boolean>;
+    scrollToLine(line: number): Promise<boolean>;
+    getDocumentTextChunks(): FileViewerDocumentChunk[];
+    getOperationAvailability(): FileViewerOperationAvailability | null;
+    getZoomState(): FileViewerZoomState | null;
+    getSearchState(): FileViewerSearchState | null;
+    getState(): ViewerState | null;
+    subscribe(listener: ViewerStateListener): () => void;
+}
+export declare const createViewerControllerHandle: (getController: ViewerControllerAccessor, dispose: () => void) => ViewerControllerHandle;
+export declare const mountViewer: (container: HTMLElement, initialOptions?: ViewerMountOptions, coreOptions?: ViewerCoreOptions) => ViewerController;

package/dist/src/package/index.d.ts

@@ -0,0 +1,30 @@
+import { default as FileViewer } from './components/FileViewer';
+import { App } from 'vue';
+import { FileViewerExpose } from './common/type';
+declare interface FileViewerInstaller {
+    /**
+     * 全局注册 `<file-viewer>` 组件。
+     */
+    install(app: App, options?: FileViewerVue3PluginOptions): void;
+}
+export interface FileViewerVue3PluginOptions {
+    componentName?: string;
+}
+export type FileViewerVue3Handle = FileViewerExpose;
+/**
+ * Vue3 插件安装器。
+ *
+ * 这里顺手引入库级样式，确保宿主项目只要 `app.use(FileViewer)`，
+ * 就能拿到组件渲染所需的基础样式。
+ */
+declare class Installer implements FileViewerInstaller {
+    private installed;
+    install(app: App, options?: FileViewerVue3PluginOptions): void;
+}
+declare const _default: Installer;
+export default _default;
+export { FileViewer };
+export { createFlyfishFileViewer, mountFlyfishFileViewer } from './native';
+export type { CreateFlyfishFileViewerOptions, FlyfishFileViewerNativeController, FlyfishFileViewerNativeSource } from './native';
+export type { FileRef, ViewerAiOptions, ViewerArchiveOptions, ViewerCadOptions, ViewerController, ViewerControllerAccessor, ViewerControllerHandle, ViewerDocxOptions, ViewerEvent, ViewerEventHandler, ViewerEventType, ViewerFetchFile, ViewerFetchInput, ViewerMountOptions, ViewerOptions, ViewerPdfOptions, ViewerSpreadsheetOptions, ViewerCoreOptions, ViewerSearchOptions, ViewerSourceInput, ViewerThemeMode, ViewerToolbarOptions, ViewerToolbarPosition, ViewerTypstOptions, ViewerWatermarkOptions, ViewerLifecycleContext, ViewerOperationContext, ViewerState, ViewerStateListener, } from './controller';
+export type { FileRenderContext, FileRenderExportAdapter, FileRenderExportMode, FileRenderExportOptions, FileViewerAiOptions, FileViewerArchiveOptions, FileViewerBeforeOperation, FileViewerCadDwfLineWeightMode, FileViewerCadOptions, FileViewerCadRenderer, FileViewerDocxOptions, FileViewerDocumentAnchor, FileViewerDocumentChunk, FileViewerEmits, FileViewerEventMap, FileViewerExpose, FileViewerLifecycleContext, FileViewerLifecycleHooks, FileViewerLifecyclePhase, FileViewerOperationAvailability, FileViewerOperationContext, FileViewerOperationType, FileViewerOptions, FileViewerPdfOptions, FileViewerSpreadsheetOptions, FileViewerProps, FileViewerSearchMatch, FileViewerSearchOptions, FileViewerSearchProvider, FileViewerSearchState, FileViewerSourceType, FileViewerToolbarOptions, FileViewerToolbarPosition, FileViewerThemeMode, FileViewerTypstOptions, FileViewerWatermarkOptions, FileViewerZoomProvider, FileViewerZoomState } from './common/type';

package/dist/src/package/native.d.ts

@@ -0,0 +1,18 @@
+import { ViewerController, ViewerMountOptions, ViewerCoreOptions, ViewerSourceInput } from './controller';
+export interface CreateFlyfishFileViewerOptions extends ViewerMountOptions {
+    source?: ViewerSourceInput;
+    autoLoad?: boolean;
+    fetchFile?: ViewerCoreOptions['fetchFile'];
+    onError?: ViewerCoreOptions['onError'];
+}
+export type FlyfishFileViewerNativeController = ViewerController;
+export type FlyfishFileViewerNativeSource = ViewerSourceInput;
+/**
+ * Mount the full Flyfish renderer stack directly into a DOM container.
+ *
+ * This is the native integration base used by framework component packages. Component packages keep
+ * their own component lifecycle and call the shared core controller for loading,
+ * teardown, search, zoom, print and export.
+ */
+export declare const createFlyfishFileViewer: (container: HTMLElement, options?: CreateFlyfishFileViewerOptions) => ViewerController;
+export declare const mountFlyfishFileViewer: (container: HTMLElement, options?: CreateFlyfishFileViewerOptions) => ViewerController;

package/dist/src/package/vendors/nestedRender.d.ts

@@ -0,0 +1,8 @@
+import { FileRenderContext, FileViewerRenderedInstance as Rendered } from '@file-viewer/core';
+/**
+ * 压缩包内文件和邮件附件的嵌套预览入口。
+ *
+ * 主预览器和附件预览共享 core dispatcher。Vue3 标准组件包 不再持有格式专属
+ * vendor，所有类型统一交给 framework-neutral core renderer。
+ */
+export declare const renderNestedBuffer: (buffer: ArrayBuffer, type: string, target: HTMLDivElement, context?: FileRenderContext) => Promise<Rendered>;

package/dist/src/package/vendors/renders.d.ts

@@ -0,0 +1,8 @@
+import { FileRenderHandler, FileViewerRenderedInstance as AppWrapper } from '@file-viewer/core';
+type FileHandler = FileRenderHandler<AppWrapper, HTMLDivElement>;
+export declare const vueRendererRegistryBridge: import('@file-viewer/core').FileRenderHandlerRegistryResult<AppWrapper, HTMLDivElement>;
+export declare const vueRendererRegistry: import('@file-viewer/core').RendererRegistry;
+export declare const vueRendererDispatcher: import('@file-viewer/core').FileViewerRendererDispatcher<FileHandler>;
+export declare const missingCoreRendererHandlers: string[];
+declare const renders: Map<string, FileHandler>;
+export default renders;

package/dist/style.css

@@ -0,0 +1 @@
+

package/dist/vue3.css

@@ -0,0 +1,2 @@
+.file-viewer[data-v-e0748d68]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.file-viewer[data-viewer-theme=dark][data-v-e0748d68]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f171d}.viewer-stage[data-v-e0748d68]{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.viewer-actions[data-v-e0748d68]{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(20,35,53,.06);flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;min-height:45px;padding:6px 10px;display:inline-flex}.viewer-actions--floating[data-v-e0748d68]{z-index:30;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(255,255,255,.94);border:1px solid rgba(20,35,53,.1);border-radius:999px;min-height:42px;padding:6px;position:absolute;box-shadow:0 18px 44px rgba(15,23,42,.16)}.viewer-actions-group[data-v-e0748d68]{background:rgba(20,35,53,.035);border:1px solid rgba(20,35,53,.08);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.viewer-actions button[data-v-e0748d68]{color:#40546a;min-width:42px;height:30px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:800}.viewer-actions .viewer-icon-button[data-v-e0748d68]{justify-content:center;align-items:center;width:30px;min-width:30px;padding:0;display:inline-flex}.viewer-actions .viewer-zoom-meter[data-v-e0748d68]{color:#23465e;min-width:48px;padding:0 8px}.viewer-actions--floating button[data-v-e0748d68]{border-radius:999px;min-width:48px;height:32px}.viewer-actions--floating .viewer-icon-button[data-v-e0748d68]{width:32px;min-width:32px}.viewer-actions--floating .viewer-zoom-meter[data-v-e0748d68]{min-width:54px}.viewer-actions button[data-v-e0748d68]:hover:not(:disabled){color:#16774c;background:rgba(33,163,102,.1)}.viewer-actions button[data-v-e0748d68]:disabled{color:#aab5c0;cursor:not-allowed}.viewer-content-shell[data-v-e0748d68]{flex:1;min-height:0;position:relative;overflow:hidden}.content[data-v-e0748d68]{background:#f2f2f2;width:100%;height:100%;display:block;overflow:auto}.content.hidden[data-v-e0748d68]{visibility:hidden}.flyfish-search-match{color:inherit;background:rgba(255,214,102,.72);border-radius:4px;padding:0 2px;box-shadow:0 0 0 1px rgba(185,128,0,.14)}.flyfish-search-match--active{background:rgba(47,191,122,.82);box-shadow:0 0 0 2px rgba(30,132,83,.24)}.viewer-watermark[data-v-e0748d68]{z-index:20;pointer-events:none;background-repeat:repeat;position:absolute;top:0;bottom:0;left:0;right:0}.state-panel[data-v-e0748d68]{z-index:40;background:linear-gradient(rgba(255,255,255,.92),rgba(246,248,249,.98));justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loading-card[data-v-e0748d68],.error-card[data-v-e0748d68]{background:rgba(255,255,255,.92);border:1px solid rgba(19,36,55,.06);border-radius:24px;align-items:center;gap:18px;width:min(100%,460px);padding:22px;display:flex;box-shadow:0 18px 42px rgba(15,31,47,.12)}.loading-icon[data-v-e0748d68]{background:linear-gradient(135deg, var(--viewer-accent) 0%, var(--viewer-accent) 100%);color:#fff;letter-spacing:.04em;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;min-width:70px;height:70px;padding:0 12px;font-size:22px;font-weight:800;display:inline-flex;box-shadow:0 14px 30px rgba(17,28,40,.14)}.loading-copy[data-v-e0748d68]{flex:1;min-width:0}.loading-kicker[data-v-e0748d68]{color:var(--viewer-accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.loading-copy strong[data-v-e0748d68],.error-card strong[data-v-e0748d68]{color:#16283b;margin-top:4px;font-size:20px;line-height:1.2;display:block}.loading-copy p[data-v-e0748d68],.error-card p[data-v-e0748d68]{color:#6a7d90;margin:8px 0 0;line-height:1.6}.loading-ring[data-v-e0748d68]{border:3px solid var(--viewer-soft);border-top-color:var(--viewer-accent);border-radius:999px;flex-shrink:0;width:38px;height:38px;animation:.9s linear infinite viewer-spin-e0748d68}.error-card[data-v-e0748d68]{text-align:center;display:block}.error-card strong[data-v-e0748d68]{color:#b42318}.file-viewer[data-viewer-theme=dark] .viewer-actions--floating[data-v-e0748d68]{background:rgba(14,22,28,.94);border-color:rgba(167,185,198,.16);box-shadow:0 20px 52px rgba(0,0,0,.34)}.file-viewer[data-viewer-theme=dark] .viewer-actions[data-v-e0748d68]{background:rgba(14,22,28,.94);border-bottom-color:rgba(167,185,198,.12)}.file-viewer[data-viewer-theme=dark] .viewer-actions button[data-v-e0748d68]{color:#b8c7d5}.file-viewer[data-viewer-theme=dark] .viewer-actions-group[data-v-e0748d68]{background:rgba(167,185,198,.08);border-color:rgba(167,185,198,.13)}.file-viewer[data-viewer-theme=dark] .viewer-actions button[data-v-e0748d68]:hover:not(:disabled){color:#5ee0ae;background:rgba(45,212,154,.14)}.file-viewer[data-viewer-theme=dark] .viewer-actions button[data-v-e0748d68]:disabled{color:#667888}.file-viewer[data-viewer-theme=dark] .content[data-v-e0748d68]{background:#141c23}.file-viewer[data-viewer-theme=dark] .state-panel[data-v-e0748d68]{background:linear-gradient(rgba(15,23,30,.92),rgba(11,17,22,.98))}.file-viewer[data-viewer-theme=dark] .loading-card[data-v-e0748d68],.file-viewer[data-viewer-theme=dark] .error-card[data-v-e0748d68]{background:rgba(19,29,37,.94);border-color:rgba(139,161,177,.16);box-shadow:0 22px 52px rgba(0,0,0,.34)}.file-viewer[data-viewer-theme=dark] .loading-copy strong[data-v-e0748d68],.file-viewer[data-viewer-theme=dark] .error-card strong[data-v-e0748d68]{color:#eff7fb}.file-viewer[data-viewer-theme=dark] .loading-copy p[data-v-e0748d68],.file-viewer[data-viewer-theme=dark] .error-card p[data-v-e0748d68]{color:#9eb0bf}.file-viewer[data-viewer-theme=dark] .error-card strong[data-v-e0748d68]{color:#ff9c91}@keyframes viewer-spin-e0748d68{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){.file-viewer[data-viewer-theme=system][data-v-e0748d68]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f171d}.file-viewer[data-viewer-theme=system] .viewer-actions--floating[data-v-e0748d68]{background:rgba(14,22,28,.94);border-color:rgba(167,185,198,.16);box-shadow:0 20px 52px rgba(0,0,0,.34)}.file-viewer[data-viewer-theme=system] .viewer-actions[data-v-e0748d68]{background:rgba(14,22,28,.94);border-bottom-color:rgba(167,185,198,.12)}.file-viewer[data-viewer-theme=system] .viewer-actions button[data-v-e0748d68]{color:#b8c7d5}.file-viewer[data-viewer-theme=system] .viewer-actions-group[data-v-e0748d68]{background:rgba(167,185,198,.08);border-color:rgba(167,185,198,.13)}.file-viewer[data-viewer-theme=system] .viewer-actions button[data-v-e0748d68]:hover:not(:disabled){color:#5ee0ae;background:rgba(45,212,154,.14)}.file-viewer[data-viewer-theme=system] .viewer-actions button[data-v-e0748d68]:disabled{color:#667888}.file-viewer[data-viewer-theme=system] .content[data-v-e0748d68]{background:#141c23}.file-viewer[data-viewer-theme=system] .state-panel[data-v-e0748d68]{background:linear-gradient(rgba(15,23,30,.92),rgba(11,17,22,.98))}.file-viewer[data-viewer-theme=system] .loading-card[data-v-e0748d68],.file-viewer[data-viewer-theme=system] .error-card[data-v-e0748d68]{background:rgba(19,29,37,.94);border-color:rgba(139,161,177,.16);box-shadow:0 22px 52px rgba(0,0,0,.34)}.file-viewer[data-viewer-theme=system] .loading-copy strong[data-v-e0748d68],.file-viewer[data-viewer-theme=system] .error-card strong[data-v-e0748d68]{color:#eff7fb}.file-viewer[data-viewer-theme=system] .loading-copy p[data-v-e0748d68],.file-viewer[data-viewer-theme=system] .error-card p[data-v-e0748d68]{color:#9eb0bf}.file-viewer[data-viewer-theme=system] .error-card strong[data-v-e0748d68]{color:#ff9c91}}@media (max-width:767px){.viewer-actions--floating[data-v-e0748d68]{right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:4px;max-width:calc(100% - 20px);padding:5px;overflow-x:auto}.viewer-actions--floating button[data-v-e0748d68]{min-width:40px;height:30px;padding:0 9px}}.file-render{width:100%;min-width:0;height:100%;min-height:0}
+/*$vite$:1*/