@eternalheart/angular-file-preview 1.6.5

package/lib/fesm2022/eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-DufW2Fuc-CTosCut6.mjs

@@ -0,0 +1,193 @@
+import * as i0 from '@angular/core';
+import { input, inject, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { WrapText, Code, Eye } from 'lucide-angular';
+import { L as LocaleService, R as RequestService, g as getFallbackTranslator, h as a0, e as e0 } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-UobTf36G.mjs';
+import { R as RendererError } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-RendererError-DtNihCIX-DtNihCIX.mjs';
+import { T as ToolbarEventEmitter } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-base.types-D5x7QPey-D5x7QPey.mjs';
+import { c as createShikiHighlight } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-shiki-highlight-CL9cG481-BKfwdOpN.mjs';
+
+class TextRenderer {
+    constructor() {
+        this.url = input.required();
+        this.fileName = input.required();
+        this.emitter = new ToolbarEventEmitter();
+        this.locale = inject(LocaleService, { optional: true });
+        this.request = inject(RequestService, { optional: true });
+        this.sanitizer = inject(DomSanitizer);
+        this.t = this.locale?.t() ?? getFallbackTranslator();
+        this.wordWrap = signal(true);
+        this.htmlPreview = signal(false);
+        this.content = signal('');
+        this.loading = signal(true);
+        this.error = signal(null);
+        this.language = computed(() => a0(this.fileName()));
+        this.isHtml = computed(() => this.language() === 'html');
+        this.lines = computed(() => this.content().split('\n'));
+        this.shiki = createShikiHighlight(() => (this.language() !== 'text' ? this.content() : ''), () => this.language());
+        this.lineHtmls = this.shiki.lineHtmls;
+        this.getToolbarGroups = () => {
+            const groups = [
+                {
+                    items: [
+                        {
+                            type: 'button',
+                            icon: WrapText,
+                            tooltip: this.wordWrap() ? this.t('toolbar.wrap_off') : this.t('toolbar.wrap_on'),
+                            action: () => this.wordWrap.update((v) => !v),
+                            active: this.wordWrap(),
+                        },
+                    ],
+                },
+            ];
+            if (this.isHtml()) {
+                groups.push({
+                    items: [
+                        {
+                            type: 'button',
+                            icon: this.htmlPreview() ? Code : Eye,
+                            tooltip: this.htmlPreview() ? this.t('toolbar.source') : this.t('toolbar.preview'),
+                            action: () => this.htmlPreview.update((v) => !v),
+                            active: this.htmlPreview(),
+                        },
+                    ],
+                });
+            }
+            return groups;
+        };
+        this.onToolbarChange = (listener) => this.emitter.subscribe(listener);
+        effect(() => {
+            this.url();
+            void this.loadText();
+        });
+        effect(() => {
+            this.content();
+            this.language();
+            void this.shiki.highlight();
+        });
+        effect(() => {
+            this.wordWrap();
+            this.htmlPreview();
+            this.loading();
+            this.isHtml();
+            this.emitter.notify();
+        });
+    }
+    trust(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+    async loadText() {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+            const fetcher = this.request?.fetcher() ?? ((u, init) => fetch(u, init));
+            const text = await e0(this.url(), { fetcher });
+            this.content.set(text);
+        }
+        catch (err) {
+            console.error(err);
+            this.error.set(this.t('text.load_failed'));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TextRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TextRenderer, isStandalone: true, selector: "afp-text-renderer", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "afp-block afp-w-full afp-h-full" }, ngImport: i0, template: `
+    @if (loading()) {
+      <div class="afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full">
+        <div class="afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin"></div>
+      </div>
+    } @else if (error()) {
+      <afp-renderer-error [message]="error()!" />
+    } @else if (htmlPreview() && language() === 'html') {
+      <div class="afp-w-full afp-h-full afp-bg-surface-toolbar">
+        <iframe
+          [srcdoc]="content()"
+          sandbox="allow-same-origin"
+          class="afp-w-full afp-h-full afp-border-0"
+          [title]="fileName()"
+        ></iframe>
+      </div>
+    } @else if (language() === 'text' || lineHtmls().length === 0) {
+      <div class="afp-w-full afp-h-full afp-overflow-auto" style="background: var(--fp-code-bg);">
+        <pre
+          class="afp-py-6 afp-px-4 afp-text-fg-primary afp-font-mono afp-text-sm"
+          [class.afp-whitespace-pre-wrap]="wordWrap()"
+          [class.afp-break-words]="wordWrap()"
+          [class.afp-whitespace-pre]="!wordWrap()"
+        >{{ content() }}</pre>
+      </div>
+    } @else {
+      <div class="afp-w-full afp-h-full afp-overflow-auto" style="background: var(--fp-code-bg);">
+        <div
+          class="afp-code-block with-line-numbers afp-w-full"
+          [class.no-wrap]="!wordWrap()"
+          [style.gridTemplateRows]="'repeat(' + lines().length + ', auto) minmax(1.5rem, 1fr)'"
+        >
+          @for (line of lines(); track $index) {
+            <span class="afp-code-gutter">{{ $index + 1 }}</span>
+            <span class="afp-code-line" [innerHTML]="trust(lineHtmls()[$index] ?? '')"></span>
+          }
+          <span class="afp-code-gutter-filler"></span>
+          <span class="afp-code-line-filler"></span>
+        </div>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: RendererError, selector: "afp-renderer-error", inputs: ["message", "detail", "showIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TextRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'afp-text-renderer',
+                    standalone: true,
+                    imports: [RendererError],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'afp-block afp-w-full afp-h-full' },
+                    template: `
+    @if (loading()) {
+      <div class="afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full">
+        <div class="afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin"></div>
+      </div>
+    } @else if (error()) {
+      <afp-renderer-error [message]="error()!" />
+    } @else if (htmlPreview() && language() === 'html') {
+      <div class="afp-w-full afp-h-full afp-bg-surface-toolbar">
+        <iframe
+          [srcdoc]="content()"
+          sandbox="allow-same-origin"
+          class="afp-w-full afp-h-full afp-border-0"
+          [title]="fileName()"
+        ></iframe>
+      </div>
+    } @else if (language() === 'text' || lineHtmls().length === 0) {
+      <div class="afp-w-full afp-h-full afp-overflow-auto" style="background: var(--fp-code-bg);">
+        <pre
+          class="afp-py-6 afp-px-4 afp-text-fg-primary afp-font-mono afp-text-sm"
+          [class.afp-whitespace-pre-wrap]="wordWrap()"
+          [class.afp-break-words]="wordWrap()"
+          [class.afp-whitespace-pre]="!wordWrap()"
+        >{{ content() }}</pre>
+      </div>
+    } @else {
+      <div class="afp-w-full afp-h-full afp-overflow-auto" style="background: var(--fp-code-bg);">
+        <div
+          class="afp-code-block with-line-numbers afp-w-full"
+          [class.no-wrap]="!wordWrap()"
+          [style.gridTemplateRows]="'repeat(' + lines().length + ', auto) minmax(1.5rem, 1fr)'"
+        >
+          @for (line of lines(); track $index) {
+            <span class="afp-code-gutter">{{ $index + 1 }}</span>
+            <span class="afp-code-line" [innerHTML]="trust(lineHtmls()[$index] ?? '')"></span>
+          }
+          <span class="afp-code-gutter-filler"></span>
+          <span class="afp-code-line-filler"></span>
+        </div>
+      </div>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { TextRenderer };
+//# sourceMappingURL=eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-DufW2Fuc-CTosCut6.mjs.map

package/lib/fesm2022/eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-DufW2Fuc-CTosCut6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-DufW2Fuc-CTosCut6.mjs","sources":["../fesm2022/eternalheart-angular-file-preview-index-DufW2Fuc.mjs"],"sourcesContent":["import * as i0 from '@angular/core';\nimport { input, inject, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport { WrapText, Code, Eye } from 'lucide-angular';\nimport { L as LocaleService, R as RequestService, g as getFallbackTranslator } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-DXwNhxAB.mjs';\nimport { R as RendererError } from './eternalheart-angular-file-preview-RendererError-DtNihCIX.mjs';\nimport { T as ToolbarEventEmitter } from './eternalheart-angular-file-preview-base.types-D5x7QPey.mjs';\nimport { c as createShikiHighlight } from './eternalheart-angular-file-preview-shiki-highlight-CL9cG481.mjs';\nimport { getLanguageFromFileName, fetchTextUtf8 } from '@eternalheart/file-preview-core';\n\nclass TextRenderer {\n    constructor() {\n        this.url = input.required();\n        this.fileName = input.required();\n        this.emitter = new ToolbarEventEmitter();\n        this.locale = inject(LocaleService, { optional: true });\n        this.request = inject(RequestService, { optional: true });\n        this.sanitizer = inject(DomSanitizer);\n        this.t = this.locale?.t() ?? getFallbackTranslator();\n        this.wordWrap = signal(true);\n        this.htmlPreview = signal(false);\n        this.content = signal('');\n        this.loading = signal(true);\n        this.error = signal(null);\n        this.language = computed(() => getLanguageFromFileName(this.fileName()));\n        this.isHtml = computed(() => this.language() === 'html');\n        this.lines = computed(() => this.content().split('\\n'));\n        this.shiki = createShikiHighlight(() => (this.language() !== 'text' ? this.content() : ''), () => this.language());\n        this.lineHtmls = this.shiki.lineHtmls;\n        this.getToolbarGroups = () => {\n            const groups = [\n                {\n                    items: [\n                        {\n                            type: 'button',\n                            icon: WrapText,\n                            tooltip: this.wordWrap() ? this.t('toolbar.wrap_off') : this.t('toolbar.wrap_on'),\n                            action: () => this.wordWrap.update((v) => !v),\n                            active: this.wordWrap(),\n                        },\n                    ],\n                },\n            ];\n            if (this.isHtml()) {\n                groups.push({\n                    items: [\n                        {\n                            type: 'button',\n                            icon: this.htmlPreview() ? Code : Eye,\n                            tooltip: this.htmlPreview() ? this.t('toolbar.source') : this.t('toolbar.preview'),\n                            action: () => this.htmlPreview.update((v) => !v),\n                            active: this.htmlPreview(),\n                        },\n                    ],\n                });\n            }\n            return groups;\n        };\n        this.onToolbarChange = (listener) => this.emitter.subscribe(listener);\n        effect(() => {\n            this.url();\n            void this.loadText();\n        });\n        effect(() => {\n            this.content();\n            this.language();\n            void this.shiki.highlight();\n        });\n        effect(() => {\n            this.wordWrap();\n            this.htmlPreview();\n            this.loading();\n            this.isHtml();\n            this.emitter.notify();\n        });\n    }\n    trust(html) {\n        return this.sanitizer.bypassSecurityTrustHtml(html);\n    }\n    async loadText() {\n        this.loading.set(true);\n        this.error.set(null);\n        try {\n            const fetcher = this.request?.fetcher() ?? ((u, init) => fetch(u, init));\n            const text = await fetchTextUtf8(this.url(), { fetcher });\n            this.content.set(text);\n        }\n        catch (err) {\n            console.error(err);\n            this.error.set(this.t('text.load_failed'));\n        }\n        finally {\n            this.loading.set(false);\n        }\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: TextRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"19.2.25\", type: TextRenderer, isStandalone: true, selector: \"afp-text-renderer\", inputs: { url: { classPropertyName: \"url\", publicName: \"url\", isSignal: true, isRequired: true, transformFunction: null }, fileName: { classPropertyName: \"fileName\", publicName: \"fileName\", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: \"afp-block afp-w-full afp-h-full\" }, ngImport: i0, template: `\n    @if (loading()) {\n      <div class=\"afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full\">\n        <div class=\"afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin\"></div>\n      </div>\n    } @else if (error()) {\n      <afp-renderer-error [message]=\"error()!\" />\n    } @else if (htmlPreview() && language() === 'html') {\n      <div class=\"afp-w-full afp-h-full afp-bg-surface-toolbar\">\n        <iframe\n          [srcdoc]=\"content()\"\n          sandbox=\"allow-same-origin\"\n          class=\"afp-w-full afp-h-full afp-border-0\"\n          [title]=\"fileName()\"\n        ></iframe>\n      </div>\n    } @else if (language() === 'text' || lineHtmls().length === 0) {\n      <div class=\"afp-w-full afp-h-full afp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n        <pre\n          class=\"afp-py-6 afp-px-4 afp-text-fg-primary afp-font-mono afp-text-sm\"\n          [class.afp-whitespace-pre-wrap]=\"wordWrap()\"\n          [class.afp-break-words]=\"wordWrap()\"\n          [class.afp-whitespace-pre]=\"!wordWrap()\"\n        >{{ content() }}</pre>\n      </div>\n    } @else {\n      <div class=\"afp-w-full afp-h-full afp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n        <div\n          class=\"afp-code-block with-line-numbers afp-w-full\"\n          [class.no-wrap]=\"!wordWrap()\"\n          [style.gridTemplateRows]=\"'repeat(' + lines().length + ', auto) minmax(1.5rem, 1fr)'\"\n        >\n          @for (line of lines(); track $index) {\n            <span class=\"afp-code-gutter\">{{ $index + 1 }}</span>\n            <span class=\"afp-code-line\" [innerHTML]=\"trust(lineHtmls()[$index] ?? '')\"></span>\n          }\n          <span class=\"afp-code-gutter-filler\"></span>\n          <span class=\"afp-code-line-filler\"></span>\n        </div>\n      </div>\n    }\n  `, isInline: true, dependencies: [{ kind: \"component\", type: RendererError, selector: \"afp-renderer-error\", inputs: [\"message\", \"detail\", \"showIcon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: TextRenderer, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'afp-text-renderer',\n                    standalone: true,\n                    imports: [RendererError],\n                    changeDetection: ChangeDetectionStrategy.OnPush,\n                    host: { class: 'afp-block afp-w-full afp-h-full' },\n                    template: `\n    @if (loading()) {\n      <div class=\"afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full\">\n        <div class=\"afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin\"></div>\n      </div>\n    } @else if (error()) {\n      <afp-renderer-error [message]=\"error()!\" />\n    } @else if (htmlPreview() && language() === 'html') {\n      <div class=\"afp-w-full afp-h-full afp-bg-surface-toolbar\">\n        <iframe\n          [srcdoc]=\"content()\"\n          sandbox=\"allow-same-origin\"\n          class=\"afp-w-full afp-h-full afp-border-0\"\n          [title]=\"fileName()\"\n        ></iframe>\n      </div>\n    } @else if (language() === 'text' || lineHtmls().length === 0) {\n      <div class=\"afp-w-full afp-h-full afp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n        <pre\n          class=\"afp-py-6 afp-px-4 afp-text-fg-primary afp-font-mono afp-text-sm\"\n          [class.afp-whitespace-pre-wrap]=\"wordWrap()\"\n          [class.afp-break-words]=\"wordWrap()\"\n          [class.afp-whitespace-pre]=\"!wordWrap()\"\n        >{{ content() }}</pre>\n      </div>\n    } @else {\n      <div class=\"afp-w-full afp-h-full afp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n        <div\n          class=\"afp-code-block with-line-numbers afp-w-full\"\n          [class.no-wrap]=\"!wordWrap()\"\n          [style.gridTemplateRows]=\"'repeat(' + lines().length + ', auto) minmax(1.5rem, 1fr)'\"\n        >\n          @for (line of lines(); track $index) {\n            <span class=\"afp-code-gutter\">{{ $index + 1 }}</span>\n            <span class=\"afp-code-line\" [innerHTML]=\"trust(lineHtmls()[$index] ?? '')\"></span>\n          }\n          <span class=\"afp-code-gutter-filler\"></span>\n          <span class=\"afp-code-line-filler\"></span>\n        </div>\n      </div>\n    }\n  `,\n                }]\n        }], ctorParameters: () => [] });\n\nexport { TextRenderer };\n//# sourceMappingURL=eternalheart-angular-file-preview-index-DufW2Fuc.mjs.map\n"],"names":["getLanguageFromFileName","fetchTextUtf8"],"mappings":"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"}

package/lib/fesm2022/eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-TSTa_Q7E-DBhkL6pV.mjs

@@ -0,0 +1,184 @@
+import * as i0 from '@angular/core';
+import { input, inject, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import mammoth from 'mammoth';
+import { L as LocaleService, R as RequestService, g as getFallbackTranslator, j as jg, B as Bg, X as Xg } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-UobTf36G.mjs';
+import { R as RendererError } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-RendererError-DtNihCIX-DtNihCIX.mjs';
+
+const PAGE_HEIGHT = 1123;
+const PAGE_PADDING_Y = 60;
+const PAGE_PADDING_X = 50;
+const PAGE_CONTENT_HEIGHT = PAGE_HEIGHT - PAGE_PADDING_Y * 2;
+const PAGE_GAP = 24;
+function themeToContentStyle(theme) {
+    return Xg(theme);
+}
+class DocxRenderer {
+    constructor() {
+        this.url = input.required();
+        this.locale = inject(LocaleService, { optional: true });
+        this.request = inject(RequestService, { optional: true });
+        this.sanitizer = inject(DomSanitizer);
+        this.t = this.locale?.t() ?? getFallbackTranslator();
+        this.html = signal('');
+        this.loading = signal(true);
+        this.error = signal(null);
+        this.pages = signal([]);
+        this.theme = signal({});
+        this.measureRef = viewChild('measureRef');
+        this.pageGap = PAGE_GAP;
+        this.contentStyle = computed(() => themeToContentStyle(this.theme()));
+        this.measureStyle = computed(() => ({
+            ...themeToContentStyle(this.theme()),
+            position: 'absolute',
+            visibility: 'hidden',
+            width: `${794 - PAGE_PADDING_X * 2}px`,
+            pointerEvents: 'none',
+        }));
+        this.pageBoxStyle = {
+            width: '100%',
+            maxWidth: '794px',
+            minHeight: `${PAGE_HEIGHT}px`,
+            background: 'white',
+            boxShadow: '0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 20px rgba(0, 0, 0, 0.10)',
+            flexShrink: 0,
+            padding: `${PAGE_PADDING_Y}px ${PAGE_PADDING_X}px`,
+        };
+        this.getToolbarGroups = () => [];
+        this.displayPages = computed(() => {
+            const pages = this.pages();
+            return pages.length > 0 ? pages : [''];
+        });
+        effect(() => {
+            const newUrl = this.url();
+            if (newUrl) {
+                untracked(() => {
+                    void this.loadDocx();
+                });
+            }
+        });
+        effect(() => {
+            const content = this.html();
+            const el = this.measureRef();
+            if (!content || !el)
+                return;
+            untracked(() => {
+                requestAnimationFrame(() => this.paginate());
+            });
+        });
+    }
+    trust(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(html);
+    }
+    async loadDocx() {
+        this.loading.set(true);
+        this.error.set(null);
+        this.html.set('');
+        this.pages.set([]);
+        this.theme.set({});
+        try {
+            const fetcher = this.request?.fetcher() ?? ((u, init) => fetch(u, init));
+            const response = await fetcher(this.url());
+            if (!response.ok)
+                throw new Error('文件加载失败');
+            const arrayBuffer = await response.arrayBuffer();
+            const [converted, theme] = await Promise.all([
+                mammoth.convertToHtml({ arrayBuffer }, { styleMap: jg }),
+                Bg(arrayBuffer).catch(() => ({})),
+            ]);
+            this.theme.set(theme);
+            this.html.set(converted.value);
+        }
+        catch (err) {
+            console.error('Docx 解析错误:', err);
+            this.error.set(this.t('docx.parse_failed'));
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    paginate() {
+        const container = this.measureRef()?.nativeElement;
+        if (!container || !this.html())
+            return;
+        const children = Array.from(container.children);
+        if (children.length === 0) {
+            this.pages.set([this.html()]);
+            return;
+        }
+        const result = [[]];
+        let currentPageUsed = 0;
+        for (const child of children) {
+            const h = child.offsetHeight;
+            if (currentPageUsed > 0 && currentPageUsed + h > PAGE_CONTENT_HEIGHT) {
+                result.push([]);
+                currentPageUsed = 0;
+            }
+            result[result.length - 1].push(child.outerHTML);
+            currentPageUsed += h;
+        }
+        if (result.length === 0)
+            result.push([]);
+        this.pages.set(result.map((blocks) => blocks.join('')));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocxRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: DocxRenderer, isStandalone: true, selector: "afp-docx-renderer", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "afp-block afp-w-full afp-h-full" }, viewQueries: [{ propertyName: "measureRef", first: true, predicate: ["measureRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (loading()) {
+      <div class="afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full">
+        <div
+          class="afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin"
+        ></div>
+      </div>
+    } @else if (error()) {
+      <afp-renderer-error [message]="error()!" />
+    } @else {
+      <div class="afp-docx-container afp-w-full afp-h-full afp-overflow-auto" style="background: rgba(0, 0, 0, 0.15)">
+        <div #measureRef [style]="measureStyle()" [innerHTML]="trust(html())"></div>
+
+        <div class="afp-flex afp-flex-col afp-items-center" [style.gap.px]="pageGap">
+          @for (pageHtml of displayPages(); track $index) {
+            <div [style]="pageBoxStyle">
+              <div [style]="contentStyle()" [innerHTML]="trust(pageHtml)"></div>
+            </div>
+          }
+        </div>
+      </div>
+    }
+  `, isInline: true, dependencies: [{ kind: "component", type: RendererError, selector: "afp-renderer-error", inputs: ["message", "detail", "showIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocxRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'afp-docx-renderer',
+                    standalone: true,
+                    imports: [RendererError],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'afp-block afp-w-full afp-h-full' },
+                    template: `
+    @if (loading()) {
+      <div class="afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full">
+        <div
+          class="afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin"
+        ></div>
+      </div>
+    } @else if (error()) {
+      <afp-renderer-error [message]="error()!" />
+    } @else {
+      <div class="afp-docx-container afp-w-full afp-h-full afp-overflow-auto" style="background: rgba(0, 0, 0, 0.15)">
+        <div #measureRef [style]="measureStyle()" [innerHTML]="trust(html())"></div>
+
+        <div class="afp-flex afp-flex-col afp-items-center" [style.gap.px]="pageGap">
+          @for (pageHtml of displayPages(); track $index) {
+            <div [style]="pageBoxStyle">
+              <div [style]="contentStyle()" [innerHTML]="trust(pageHtml)"></div>
+            </div>
+          }
+        </div>
+      </div>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { DocxRenderer };
+//# sourceMappingURL=eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-TSTa_Q7E-DBhkL6pV.mjs.map

package/lib/fesm2022/eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-TSTa_Q7E-DBhkL6pV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-TSTa_Q7E-DBhkL6pV.mjs","sources":["../fesm2022/eternalheart-angular-file-preview-index-TSTa_Q7E.mjs"],"sourcesContent":["import * as i0 from '@angular/core';\nimport { input, inject, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\nimport mammoth from 'mammoth';\nimport { L as LocaleService, R as RequestService, g as getFallbackTranslator } from './eternalheart-angular-file-preview-eternalheart-angular-file-preview-DXwNhxAB.mjs';\nimport { R as RendererError } from './eternalheart-angular-file-preview-RendererError-DtNihCIX.mjs';\nimport { docxThemeToCssVars, DOCX_MAMMOTH_STYLE_MAP, readDocxTheme } from '@eternalheart/file-preview-core';\n\nconst PAGE_HEIGHT = 1123;\nconst PAGE_PADDING_Y = 60;\nconst PAGE_PADDING_X = 50;\nconst PAGE_CONTENT_HEIGHT = PAGE_HEIGHT - PAGE_PADDING_Y * 2;\nconst PAGE_GAP = 24;\nfunction themeToContentStyle(theme) {\n    return docxThemeToCssVars(theme);\n}\nclass DocxRenderer {\n    constructor() {\n        this.url = input.required();\n        this.locale = inject(LocaleService, { optional: true });\n        this.request = inject(RequestService, { optional: true });\n        this.sanitizer = inject(DomSanitizer);\n        this.t = this.locale?.t() ?? getFallbackTranslator();\n        this.html = signal('');\n        this.loading = signal(true);\n        this.error = signal(null);\n        this.pages = signal([]);\n        this.theme = signal({});\n        this.measureRef = viewChild('measureRef');\n        this.pageGap = PAGE_GAP;\n        this.contentStyle = computed(() => themeToContentStyle(this.theme()));\n        this.measureStyle = computed(() => ({\n            ...themeToContentStyle(this.theme()),\n            position: 'absolute',\n            visibility: 'hidden',\n            width: `${794 - PAGE_PADDING_X * 2}px`,\n            pointerEvents: 'none',\n        }));\n        this.pageBoxStyle = {\n            width: '100%',\n            maxWidth: '794px',\n            minHeight: `${PAGE_HEIGHT}px`,\n            background: 'white',\n            boxShadow: '0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 20px rgba(0, 0, 0, 0.10)',\n            flexShrink: 0,\n            padding: `${PAGE_PADDING_Y}px ${PAGE_PADDING_X}px`,\n        };\n        this.getToolbarGroups = () => [];\n        this.displayPages = computed(() => {\n            const pages = this.pages();\n            return pages.length > 0 ? pages : [''];\n        });\n        effect(() => {\n            const newUrl = this.url();\n            if (newUrl) {\n                untracked(() => {\n                    void this.loadDocx();\n                });\n            }\n        });\n        effect(() => {\n            const content = this.html();\n            const el = this.measureRef();\n            if (!content || !el)\n                return;\n            untracked(() => {\n                requestAnimationFrame(() => this.paginate());\n            });\n        });\n    }\n    trust(html) {\n        return this.sanitizer.bypassSecurityTrustHtml(html);\n    }\n    async loadDocx() {\n        this.loading.set(true);\n        this.error.set(null);\n        this.html.set('');\n        this.pages.set([]);\n        this.theme.set({});\n        try {\n            const fetcher = this.request?.fetcher() ?? ((u, init) => fetch(u, init));\n            const response = await fetcher(this.url());\n            if (!response.ok)\n                throw new Error('文件加载失败');\n            const arrayBuffer = await response.arrayBuffer();\n            const [converted, theme] = await Promise.all([\n                mammoth.convertToHtml({ arrayBuffer }, { styleMap: DOCX_MAMMOTH_STYLE_MAP }),\n                readDocxTheme(arrayBuffer).catch(() => ({})),\n            ]);\n            this.theme.set(theme);\n            this.html.set(converted.value);\n        }\n        catch (err) {\n            console.error('Docx 解析错误:', err);\n            this.error.set(this.t('docx.parse_failed'));\n        }\n        finally {\n            this.loading.set(false);\n        }\n    }\n    paginate() {\n        const container = this.measureRef()?.nativeElement;\n        if (!container || !this.html())\n            return;\n        const children = Array.from(container.children);\n        if (children.length === 0) {\n            this.pages.set([this.html()]);\n            return;\n        }\n        const result = [[]];\n        let currentPageUsed = 0;\n        for (const child of children) {\n            const h = child.offsetHeight;\n            if (currentPageUsed > 0 && currentPageUsed + h > PAGE_CONTENT_HEIGHT) {\n                result.push([]);\n                currentPageUsed = 0;\n            }\n            result[result.length - 1].push(child.outerHTML);\n            currentPageUsed += h;\n        }\n        if (result.length === 0)\n            result.push([]);\n        this.pages.set(result.map((blocks) => blocks.join('')));\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: DocxRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"19.2.25\", type: DocxRenderer, isStandalone: true, selector: \"afp-docx-renderer\", inputs: { url: { classPropertyName: \"url\", publicName: \"url\", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: \"afp-block afp-w-full afp-h-full\" }, viewQueries: [{ propertyName: \"measureRef\", first: true, predicate: [\"measureRef\"], descendants: true, isSignal: true }], ngImport: i0, template: `\n    @if (loading()) {\n      <div class=\"afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full\">\n        <div\n          class=\"afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin\"\n        ></div>\n      </div>\n    } @else if (error()) {\n      <afp-renderer-error [message]=\"error()!\" />\n    } @else {\n      <div class=\"afp-docx-container afp-w-full afp-h-full afp-overflow-auto\" style=\"background: rgba(0, 0, 0, 0.15)\">\n        <div #measureRef [style]=\"measureStyle()\" [innerHTML]=\"trust(html())\"></div>\n\n        <div class=\"afp-flex afp-flex-col afp-items-center\" [style.gap.px]=\"pageGap\">\n          @for (pageHtml of displayPages(); track $index) {\n            <div [style]=\"pageBoxStyle\">\n              <div [style]=\"contentStyle()\" [innerHTML]=\"trust(pageHtml)\"></div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  `, isInline: true, dependencies: [{ kind: \"component\", type: RendererError, selector: \"afp-renderer-error\", inputs: [\"message\", \"detail\", \"showIcon\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: DocxRenderer, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'afp-docx-renderer',\n                    standalone: true,\n                    imports: [RendererError],\n                    changeDetection: ChangeDetectionStrategy.OnPush,\n                    host: { class: 'afp-block afp-w-full afp-h-full' },\n                    template: `\n    @if (loading()) {\n      <div class=\"afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full\">\n        <div\n          class=\"afp-w-12 afp-h-12 afp-border-4 afp-border-line-strong afp-border-t-spinner-head afp-rounded-full afp-animate-spin\"\n        ></div>\n      </div>\n    } @else if (error()) {\n      <afp-renderer-error [message]=\"error()!\" />\n    } @else {\n      <div class=\"afp-docx-container afp-w-full afp-h-full afp-overflow-auto\" style=\"background: rgba(0, 0, 0, 0.15)\">\n        <div #measureRef [style]=\"measureStyle()\" [innerHTML]=\"trust(html())\"></div>\n\n        <div class=\"afp-flex afp-flex-col afp-items-center\" [style.gap.px]=\"pageGap\">\n          @for (pageHtml of displayPages(); track $index) {\n            <div [style]=\"pageBoxStyle\">\n              <div [style]=\"contentStyle()\" [innerHTML]=\"trust(pageHtml)\"></div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n  `,\n                }]\n        }], ctorParameters: () => [] });\n\nexport { DocxRenderer };\n//# sourceMappingURL=eternalheart-angular-file-preview-index-TSTa_Q7E.mjs.map\n"],"names":["docxThemeToCssVars","DOCX_MAMMOTH_STYLE_MAP","readDocxTheme"],"mappings":"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"}