@eternalheart/angular-file-preview 1.6.5

package/lib/fesm2022/eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-C518mdUd-B5SCzrzU.mjs

@@ -0,0 +1,550 @@
+import * as i0 from '@angular/core';
+import { input, inject, signal, computed, effect, untracked, DestroyRef, viewChild, afterNextRender, ChangeDetectionStrategy, Component } from '@angular/core';
+import { parse } from 'opentype.js';
+import { L as LocaleService, R as RequestService, T as ThemeService, g as getFallbackTranslator } 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';
+
+class FontPreviewLine {
+    constructor() {
+        this.font = input(null);
+        this.text = input.required();
+        this.fontSize = input.required();
+        this.renderMode = input.required();
+        this.theme = input.required();
+        this.wrapper = viewChild('wrapperRef');
+        this.canvas = viewChild('canvasRef');
+        this.resizeObserver = null;
+        afterNextRender(() => {
+            if (this.renderMode() === 'canvas') {
+                this.drawCanvas();
+                this.setupObserver();
+            }
+        });
+        effect(() => {
+            this.text();
+            this.fontSize();
+            this.renderMode();
+            this.theme();
+            this.font();
+            if (this.renderMode() === 'canvas') {
+                requestAnimationFrame(() => {
+                    this.drawCanvas();
+                    this.setupObserver();
+                });
+            }
+        });
+        inject(DestroyRef).onDestroy(() => this.teardownObserver());
+    }
+    teardownObserver() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+    }
+    drawCanvas() {
+        const wrapper = this.wrapper()?.nativeElement;
+        const canvas = this.canvas()?.nativeElement;
+        const font = this.font();
+        if (!wrapper || !canvas || this.renderMode() !== 'canvas' || !font)
+            return;
+        const containerWidth = wrapper.clientWidth || 600;
+        const dpr = window.devicePixelRatio || 1;
+        const fontSize = this.fontSize();
+        const lineHeight = fontSize * 1.4;
+        const fillColor = this.theme() === 'light' ? '#1f2937' : '#f3f4f6';
+        const wrapLine = (line) => {
+            if (!line)
+                return [''];
+            const result = [];
+            let buf = '';
+            for (const ch of Array.from(line)) {
+                const next = buf + ch;
+                const w = font.getAdvanceWidth(next, fontSize);
+                if (w > containerWidth && buf) {
+                    result.push(buf);
+                    buf = ch;
+                }
+                else {
+                    buf = next;
+                }
+            }
+            if (buf)
+                result.push(buf);
+            return result;
+        };
+        const wrappedLines = [];
+        this.text().split('\n').forEach((seg) => {
+            wrapLine(seg).forEach((l) => wrappedLines.push(l));
+        });
+        const width = containerWidth;
+        const height = lineHeight * wrappedLines.length + 4;
+        canvas.width = Math.max(1, Math.floor(width * dpr));
+        canvas.height = Math.max(1, Math.floor(height * dpr));
+        canvas.style.width = `${width}px`;
+        canvas.style.height = `${height}px`;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+        ctx.clearRect(0, 0, width, height);
+        wrappedLines.forEach((line, idx) => {
+            const path = font.getPath(line, 0, fontSize + idx * lineHeight, fontSize);
+            path.fill = fillColor;
+            path.draw(ctx);
+        });
+    }
+    setupObserver() {
+        this.teardownObserver();
+        if (this.renderMode() !== 'canvas')
+            return;
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        const wrapper = this.wrapper()?.nativeElement;
+        if (!wrapper)
+            return;
+        this.resizeObserver = new ResizeObserver(() => this.drawCanvas());
+        this.resizeObserver.observe(wrapper);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FontPreviewLine, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: FontPreviewLine, isStandalone: true, selector: "afp-font-preview-line", inputs: { font: { classPropertyName: "font", publicName: "font", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: true, transformFunction: null }, renderMode: { classPropertyName: "renderMode", publicName: "renderMode", isSignal: true, isRequired: true, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapperRef"], descendants: true, isSignal: true }, { propertyName: "canvas", first: true, predicate: ["canvasRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div #wrapperRef class="afp-w-full">
+      @if (renderMode() === 'canvas') {
+        <canvas #canvasRef class="afp-block"></canvas>
+      } @else {
+        <div
+          class="afp-w-full afp-text-fg-primary afp-whitespace-pre-wrap afp-break-words"
+          [style.fontFamily]="'PreviewFont, sans-serif'"
+          [style.fontSize]="fontSize() + 'px'"
+          [style.lineHeight]="1.4"
+        >{{ text() }}</div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FontPreviewLine, decorators: [{
+            type: Component,
+            args: [{ selector: 'afp-font-preview-line', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div #wrapperRef class="afp-w-full">
+      @if (renderMode() === 'canvas') {
+        <canvas #canvasRef class="afp-block"></canvas>
+      } @else {
+        <div
+          class="afp-w-full afp-text-fg-primary afp-whitespace-pre-wrap afp-break-words"
+          [style.fontFamily]="'PreviewFont, sans-serif'"
+          [style.fontSize]="fontSize() + 'px'"
+          [style.lineHeight]="1.4"
+        >{{ text() }}</div>
+      }
+    </div>
+  `, styles: [":host{display:block;width:100%}\n"] }]
+        }], ctorParameters: () => [] });
+
+const MAGIC_WOFF2 = 0x774f4632;
+const MAGIC_WOFF = 0x774f4646;
+const MAGIC_OTTO = 0x4f54544f;
+const MAGIC_TTF1 = 0x00010000;
+const MAGIC_TRUE = 0x74727565;
+const detectMagic = (buf) => {
+    if (buf.byteLength < 4)
+        return 'unknown';
+    const m = new DataView(buf).getUint32(0);
+    if (m === MAGIC_WOFF2)
+        return 'woff2';
+    if (m === MAGIC_WOFF)
+        return 'woff';
+    if (m === MAGIC_OTTO)
+        return 'otf';
+    if (m === MAGIC_TTF1 || m === MAGIC_TRUE)
+        return 'ttf';
+    return 'unknown';
+};
+const DEFAULT_SAMPLES = {
+    latin: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ\nabcdefghijklmnopqrstuvwxyz\n0123456789 .,;:!?@#$%&*()[]{}',
+    chinese: '春夏秋冬东南西北天地人和风雨雷电山水日月',
+    mixed: 'The Quick Brown Fox Jumps Over The Lazy Dog\n敏捷的棕色狐狸跳过了懒狗',
+};
+const SIZES = [72, 48, 36, 24, 18];
+class FontRenderer {
+    constructor() {
+        this.url = input.required();
+        this.locale = inject(LocaleService, { optional: true });
+        this.request = inject(RequestService, { optional: true });
+        this.theme = inject(ThemeService, { optional: true });
+        this.t = this.locale?.t() ?? getFallbackTranslator();
+        this.sizes = SIZES;
+        this.samples = DEFAULT_SAMPLES;
+        this.font = signal(null);
+        this.metadata = signal(null);
+        this.metadataStatus = signal('loading');
+        this.loading = signal(true);
+        this.error = signal(null);
+        this.customText = signal('');
+        this.renderMode = signal('fontface');
+        this.displayText = computed(() => this.customText() || DEFAULT_SAMPLES.mixed);
+        this.showMetaPlaceholder = computed(() => this.metadataStatus() !== 'ready');
+        this.metaPlaceholder = computed(() => this.metadataStatus() === 'loading' ? this.t('font.metadata_loading') : this.t('font.metadata_unavailable'));
+        this.effectiveRenderMode = computed(() => (this.renderMode() === 'canvas' && this.font() ? 'canvas' : 'fontface'));
+        this.resolvedTheme = computed(() => this.theme?.theme() ?? 'dark');
+        this.fontFace = null;
+        this.getToolbarGroups = () => [];
+        effect(() => {
+            const url = this.url();
+            if (!url)
+                return;
+            untracked(() => { void this.loadFont(); });
+        });
+        inject(DestroyRef).onDestroy(() => this.releaseFontFace());
+    }
+    onCustomInput(ev) {
+        this.customText.set(ev.target.value);
+    }
+    releaseFontFace() {
+        if (this.fontFace) {
+            document.fonts.delete(this.fontFace);
+            this.fontFace = null;
+        }
+    }
+    detectFormat(url) {
+        const ext = url.split('.').pop()?.toLowerCase().split('?')[0] || '';
+        const formatMap = {
+            ttf: 'TrueType (TTF)',
+            otf: 'OpenType (OTF)',
+            woff: 'Web Open Font Format (WOFF)',
+            woff2: 'Web Open Font Format 2 (WOFF2)',
+        };
+        return formatMap[ext] || 'TTF';
+    }
+    formatLabel(magic, url) {
+        const labels = {
+            woff2: 'Web Open Font Format 2 (WOFF2)',
+            woff: 'Web Open Font Format (WOFF)',
+            otf: 'OpenType (OTF)',
+            ttf: 'TrueType (TTF)',
+            unknown: null,
+        };
+        return labels[magic] ?? this.detectFormat(url);
+    }
+    async loadFontFace(faceBuffer) {
+        try {
+            this.fontFace = new FontFace('PreviewFont', faceBuffer);
+            await this.fontFace.load();
+            document.fonts.add(this.fontFace);
+            this.renderMode.set('fontface');
+        }
+        catch (faceErr) {
+            console.warn('[FontRenderer] FontFace API rejected, fallback to Canvas:', faceErr);
+            this.renderMode.set('canvas');
+            throw faceErr;
+        }
+    }
+    async loadMetadata(arrayBuffer, magic) {
+        if (magic === 'woff2') {
+            throw new Error('WOFF2 metadata parsing intentionally skipped');
+        }
+        const fontData = parse(arrayBuffer);
+        if (!fontData) {
+            throw new Error('Font data is invalid');
+        }
+        const rawNames = (fontData.names || {});
+        const platformTables = ['windows', 'macintosh', 'unicode']
+            .map((k) => rawNames[k])
+            .filter((t) => !!t && typeof t === 'object');
+        const pickName = (key) => {
+            for (const table of platformTables) {
+                const entry = table[key];
+                const val = entry?.en || entry?.['zh-Hans'];
+                if (val)
+                    return val;
+            }
+            const flat = rawNames[key];
+            return flat?.en || flat?.['zh-Hans'] || '';
+        };
+        const meta = {
+            family: pickName('fontFamily') || pickName('postScriptName') || 'Unknown',
+            subfamily: pickName('fontSubfamily'),
+            version: pickName('version'),
+            designer: pickName('designer'),
+            glyphCount: fontData.numGlyphs || 0,
+            format: this.formatLabel(magic, this.url()),
+        };
+        this.font.set(fontData);
+        this.metadata.set(meta);
+        this.metadataStatus.set('ready');
+    }
+    async loadFont() {
+        this.releaseFontFace();
+        this.font.set(null);
+        try {
+            this.loading.set(true);
+            this.error.set(null);
+            this.metadataStatus.set('loading');
+            const fetcher = this.request?.fetcher() ?? ((u, init) => fetch(u, init));
+            const response = await fetcher(this.url());
+            if (!response.ok) {
+                throw new Error('Failed to load font file');
+            }
+            const arrayBuffer = await response.arrayBuffer();
+            const faceBuffer = arrayBuffer.slice(0);
+            const magic = detectMagic(arrayBuffer);
+            const facePromise = this.loadFontFace(faceBuffer);
+            const metadataPromise = this.loadMetadata(arrayBuffer, magic);
+            await facePromise.catch(() => {
+                // FontFace 失败由 metadata 兜底
+            });
+            this.loading.set(false);
+            try {
+                await metadataPromise;
+            }
+            catch (metaErr) {
+                if (magic !== 'woff2') {
+                    console.warn('[FontRenderer] Metadata parse failed, font is still rendered via FontFace:', metaErr instanceof Error ? metaErr.message : String(metaErr));
+                }
+                this.metadataStatus.set('unavailable');
+                this.metadata.set({
+                    family: 'Unknown',
+                    subfamily: '',
+                    version: '',
+                    designer: '',
+                    glyphCount: 0,
+                    format: this.formatLabel(magic, this.url()),
+                });
+            }
+        }
+        catch (err) {
+            console.warn('[FontRenderer] Failed to load font:', err instanceof Error ? err.message : String(err));
+            this.error.set(this.t('font.load_failed'));
+            this.loading.set(false);
+            this.metadataStatus.set('unavailable');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FontRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: FontRenderer, isStandalone: true, selector: "afp-font-renderer", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "afp-block afp-w-full afp-h-full" }, ngImport: i0, template: `
+    <div class="afp-flex afp-flex-col afp-w-full afp-h-full afp-overflow-hidden">
+      @if (loading()) {
+        <div class="afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full">
+          <div class="afp-text-fg-secondary">{{ t('font.loading') }}</div>
+        </div>
+      } @else if (error() || !metadata()) {
+        <afp-renderer-error [message]="error() || t('font.parse_failed')" />
+      } @else {
+        <div class="afp-flex-shrink-0 afp-px-6 afp-py-4 afp-bg-surface-1 afp-border-b afp-border-line-weak afp-min-w-0">
+          <div class="afp-grid afp-grid-cols-2 afp-gap-x-6 afp-gap-y-2 afp-text-sm afp-min-w-0">
+            <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+              <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.family') }}:</span>
+              <span class="afp-text-fg-primary afp-font-semibold afp-truncate">
+                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.family }}
+              </span>
+            </div>
+            @if (metadata()!.subfamily) {
+              <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+                <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.subfamily') }}:</span>
+                <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.subfamily }}</span>
+              </div>
+            }
+            <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+              <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.format') }}:</span>
+              <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.format }}</span>
+            </div>
+            <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+              <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.glyphs') }}:</span>
+              <span class="afp-text-fg-primary afp-truncate">
+                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.glyphCount }}
+              </span>
+            </div>
+            @if (metadata()!.designer) {
+              <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+                <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.designer') }}:</span>
+                <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.designer }}</span>
+              </div>
+            }
+            @if (metadata()!.version) {
+              <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+                <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.version') }}:</span>
+                <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.version }}</span>
+              </div>
+            }
+          </div>
+        </div>
+
+        <div class="afp-flex-1 afp-overflow-auto afp-min-w-0">
+          <div class="afp-px-6 afp-py-6 afp-space-y-8 afp-min-w-0">
+            <div class="afp-min-w-0">
+              <label class="afp-block afp-text-xs afp-text-fg-tertiary afp-mb-2">
+                {{ t('font.sample_text_placeholder') }}
+              </label>
+              <textarea
+                [value]="customText()"
+                class="afp-block afp-w-full afp-box-border afp-px-3 afp-py-2.5 afp-bg-surface-2 afp-text-fg-primary afp-text-sm afp-leading-relaxed afp-border afp-border-line afp-rounded-md afp-resize-y focus:afp-outline-none focus:afp-border-line-strong"
+                rows="2"
+                [placeholder]="t('font.sample_text_placeholder')"
+                [style.minHeight]="'64px'"
+                [style.maxHeight]="'160px'"
+                (input)="onCustomInput($event)"
+              ></textarea>
+            </div>
+
+            <div class="afp-space-y-6 afp-min-w-0">
+              @for (size of sizes; track size) {
+                <div class="afp-space-y-2 afp-min-w-0">
+                  <div class="afp-text-xs afp-text-fg-tertiary">{{ size }}px</div>
+                  <afp-font-preview-line
+                    [font]="font()"
+                    [text]="displayText()"
+                    [fontSize]="size"
+                    [renderMode]="effectiveRenderMode()"
+                    [theme]="resolvedTheme()"
+                  />
+                </div>
+              }
+            </div>
+
+            <div class="afp-space-y-6 afp-pt-6 afp-border-t afp-border-line-weak afp-min-w-0">
+              <div class="afp-min-w-0">
+                <div class="afp-text-sm afp-text-fg-tertiary afp-mb-3">Latin Alphabet</div>
+                <afp-font-preview-line
+                  [font]="font()"
+                  [text]="samples.latin"
+                  [fontSize]="24"
+                  [renderMode]="effectiveRenderMode()"
+                  [theme]="resolvedTheme()"
+                />
+              </div>
+
+              <div class="afp-min-w-0">
+                <div class="afp-text-sm afp-text-fg-tertiary afp-mb-3">Chinese Characters</div>
+                <afp-font-preview-line
+                  [font]="font()"
+                  [text]="samples.chinese"
+                  [fontSize]="24"
+                  [renderMode]="effectiveRenderMode()"
+                  [theme]="resolvedTheme()"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "component", type: RendererError, selector: "afp-renderer-error", inputs: ["message", "detail", "showIcon"] }, { kind: "component", type: FontPreviewLine, selector: "afp-font-preview-line", inputs: ["font", "text", "fontSize", "renderMode", "theme"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FontRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'afp-font-renderer',
+                    standalone: true,
+                    imports: [RendererError, FontPreviewLine],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'afp-block afp-w-full afp-h-full' },
+                    template: `
+    <div class="afp-flex afp-flex-col afp-w-full afp-h-full afp-overflow-hidden">
+      @if (loading()) {
+        <div class="afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full">
+          <div class="afp-text-fg-secondary">{{ t('font.loading') }}</div>
+        </div>
+      } @else if (error() || !metadata()) {
+        <afp-renderer-error [message]="error() || t('font.parse_failed')" />
+      } @else {
+        <div class="afp-flex-shrink-0 afp-px-6 afp-py-4 afp-bg-surface-1 afp-border-b afp-border-line-weak afp-min-w-0">
+          <div class="afp-grid afp-grid-cols-2 afp-gap-x-6 afp-gap-y-2 afp-text-sm afp-min-w-0">
+            <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+              <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.family') }}:</span>
+              <span class="afp-text-fg-primary afp-font-semibold afp-truncate">
+                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.family }}
+              </span>
+            </div>
+            @if (metadata()!.subfamily) {
+              <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+                <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.subfamily') }}:</span>
+                <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.subfamily }}</span>
+              </div>
+            }
+            <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+              <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.format') }}:</span>
+              <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.format }}</span>
+            </div>
+            <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+              <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.glyphs') }}:</span>
+              <span class="afp-text-fg-primary afp-truncate">
+                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.glyphCount }}
+              </span>
+            </div>
+            @if (metadata()!.designer) {
+              <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+                <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.designer') }}:</span>
+                <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.designer }}</span>
+              </div>
+            }
+            @if (metadata()!.version) {
+              <div class="afp-flex afp-items-center afp-gap-2 afp-min-w-0">
+                <span class="afp-text-fg-tertiary afp-flex-shrink-0">{{ t('font.meta.version') }}:</span>
+                <span class="afp-text-fg-primary afp-truncate">{{ metadata()!.version }}</span>
+              </div>
+            }
+          </div>
+        </div>
+
+        <div class="afp-flex-1 afp-overflow-auto afp-min-w-0">
+          <div class="afp-px-6 afp-py-6 afp-space-y-8 afp-min-w-0">
+            <div class="afp-min-w-0">
+              <label class="afp-block afp-text-xs afp-text-fg-tertiary afp-mb-2">
+                {{ t('font.sample_text_placeholder') }}
+              </label>
+              <textarea
+                [value]="customText()"
+                class="afp-block afp-w-full afp-box-border afp-px-3 afp-py-2.5 afp-bg-surface-2 afp-text-fg-primary afp-text-sm afp-leading-relaxed afp-border afp-border-line afp-rounded-md afp-resize-y focus:afp-outline-none focus:afp-border-line-strong"
+                rows="2"
+                [placeholder]="t('font.sample_text_placeholder')"
+                [style.minHeight]="'64px'"
+                [style.maxHeight]="'160px'"
+                (input)="onCustomInput($event)"
+              ></textarea>
+            </div>
+
+            <div class="afp-space-y-6 afp-min-w-0">
+              @for (size of sizes; track size) {
+                <div class="afp-space-y-2 afp-min-w-0">
+                  <div class="afp-text-xs afp-text-fg-tertiary">{{ size }}px</div>
+                  <afp-font-preview-line
+                    [font]="font()"
+                    [text]="displayText()"
+                    [fontSize]="size"
+                    [renderMode]="effectiveRenderMode()"
+                    [theme]="resolvedTheme()"
+                  />
+                </div>
+              }
+            </div>
+
+            <div class="afp-space-y-6 afp-pt-6 afp-border-t afp-border-line-weak afp-min-w-0">
+              <div class="afp-min-w-0">
+                <div class="afp-text-sm afp-text-fg-tertiary afp-mb-3">Latin Alphabet</div>
+                <afp-font-preview-line
+                  [font]="font()"
+                  [text]="samples.latin"
+                  [fontSize]="24"
+                  [renderMode]="effectiveRenderMode()"
+                  [theme]="resolvedTheme()"
+                />
+              </div>
+
+              <div class="afp-min-w-0">
+                <div class="afp-text-sm afp-text-fg-tertiary afp-mb-3">Chinese Characters</div>
+                <afp-font-preview-line
+                  [font]="font()"
+                  [text]="samples.chinese"
+                  [fontSize]="24"
+                  [renderMode]="effectiveRenderMode()"
+                  [theme]="resolvedTheme()"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+export { FontRenderer };
+//# sourceMappingURL=eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-C518mdUd-B5SCzrzU.mjs.map

package/lib/fesm2022/eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-C518mdUd-B5SCzrzU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eternalheart-angular-file-preview-eternalheart-angular-file-preview-index-C518mdUd-B5SCzrzU.mjs","sources":["../fesm2022/eternalheart-angular-file-preview-index-C518mdUd.mjs"],"sourcesContent":["import * as i0 from '@angular/core';\nimport { input, viewChild, afterNextRender, effect, inject, DestroyRef, ChangeDetectionStrategy, Component, signal, computed, untracked } from '@angular/core';\nimport { parse } from 'opentype.js';\nimport { L as LocaleService, R as RequestService, T as ThemeService, 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';\n\nclass FontPreviewLine {\n    constructor() {\n        this.font = input(null);\n        this.text = input.required();\n        this.fontSize = input.required();\n        this.renderMode = input.required();\n        this.theme = input.required();\n        this.wrapper = viewChild('wrapperRef');\n        this.canvas = viewChild('canvasRef');\n        this.resizeObserver = null;\n        afterNextRender(() => {\n            if (this.renderMode() === 'canvas') {\n                this.drawCanvas();\n                this.setupObserver();\n            }\n        });\n        effect(() => {\n            this.text();\n            this.fontSize();\n            this.renderMode();\n            this.theme();\n            this.font();\n            if (this.renderMode() === 'canvas') {\n                requestAnimationFrame(() => {\n                    this.drawCanvas();\n                    this.setupObserver();\n                });\n            }\n        });\n        inject(DestroyRef).onDestroy(() => this.teardownObserver());\n    }\n    teardownObserver() {\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = null;\n        }\n    }\n    drawCanvas() {\n        const wrapper = this.wrapper()?.nativeElement;\n        const canvas = this.canvas()?.nativeElement;\n        const font = this.font();\n        if (!wrapper || !canvas || this.renderMode() !== 'canvas' || !font)\n            return;\n        const containerWidth = wrapper.clientWidth || 600;\n        const dpr = window.devicePixelRatio || 1;\n        const fontSize = this.fontSize();\n        const lineHeight = fontSize * 1.4;\n        const fillColor = this.theme() === 'light' ? '#1f2937' : '#f3f4f6';\n        const wrapLine = (line) => {\n            if (!line)\n                return [''];\n            const result = [];\n            let buf = '';\n            for (const ch of Array.from(line)) {\n                const next = buf + ch;\n                const w = font.getAdvanceWidth(next, fontSize);\n                if (w > containerWidth && buf) {\n                    result.push(buf);\n                    buf = ch;\n                }\n                else {\n                    buf = next;\n                }\n            }\n            if (buf)\n                result.push(buf);\n            return result;\n        };\n        const wrappedLines = [];\n        this.text().split('\\n').forEach((seg) => {\n            wrapLine(seg).forEach((l) => wrappedLines.push(l));\n        });\n        const width = containerWidth;\n        const height = lineHeight * wrappedLines.length + 4;\n        canvas.width = Math.max(1, Math.floor(width * dpr));\n        canvas.height = Math.max(1, Math.floor(height * dpr));\n        canvas.style.width = `${width}px`;\n        canvas.style.height = `${height}px`;\n        const ctx = canvas.getContext('2d');\n        if (!ctx)\n            return;\n        ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n        ctx.clearRect(0, 0, width, height);\n        wrappedLines.forEach((line, idx) => {\n            const path = font.getPath(line, 0, fontSize + idx * lineHeight, fontSize);\n            path.fill = fillColor;\n            path.draw(ctx);\n        });\n    }\n    setupObserver() {\n        this.teardownObserver();\n        if (this.renderMode() !== 'canvas')\n            return;\n        if (typeof ResizeObserver === 'undefined')\n            return;\n        const wrapper = this.wrapper()?.nativeElement;\n        if (!wrapper)\n            return;\n        this.resizeObserver = new ResizeObserver(() => this.drawCanvas());\n        this.resizeObserver.observe(wrapper);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: FontPreviewLine, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"19.2.25\", type: FontPreviewLine, isStandalone: true, selector: \"afp-font-preview-line\", inputs: { font: { classPropertyName: \"font\", publicName: \"font\", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: \"text\", publicName: \"text\", isSignal: true, isRequired: true, transformFunction: null }, fontSize: { classPropertyName: \"fontSize\", publicName: \"fontSize\", isSignal: true, isRequired: true, transformFunction: null }, renderMode: { classPropertyName: \"renderMode\", publicName: \"renderMode\", isSignal: true, isRequired: true, transformFunction: null }, theme: { classPropertyName: \"theme\", publicName: \"theme\", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: \"wrapper\", first: true, predicate: [\"wrapperRef\"], descendants: true, isSignal: true }, { propertyName: \"canvas\", first: true, predicate: [\"canvasRef\"], descendants: true, isSignal: true }], ngImport: i0, template: `\n    <div #wrapperRef class=\"afp-w-full\">\n      @if (renderMode() === 'canvas') {\n        <canvas #canvasRef class=\"afp-block\"></canvas>\n      } @else {\n        <div\n          class=\"afp-w-full afp-text-fg-primary afp-whitespace-pre-wrap afp-break-words\"\n          [style.fontFamily]=\"'PreviewFont, sans-serif'\"\n          [style.fontSize]=\"fontSize() + 'px'\"\n          [style.lineHeight]=\"1.4\"\n        >{{ text() }}</div>\n      }\n    </div>\n  `, isInline: true, styles: [\":host{display:block;width:100%}\\n\"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: FontPreviewLine, decorators: [{\n            type: Component,\n            args: [{ selector: 'afp-font-preview-line', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `\n    <div #wrapperRef class=\"afp-w-full\">\n      @if (renderMode() === 'canvas') {\n        <canvas #canvasRef class=\"afp-block\"></canvas>\n      } @else {\n        <div\n          class=\"afp-w-full afp-text-fg-primary afp-whitespace-pre-wrap afp-break-words\"\n          [style.fontFamily]=\"'PreviewFont, sans-serif'\"\n          [style.fontSize]=\"fontSize() + 'px'\"\n          [style.lineHeight]=\"1.4\"\n        >{{ text() }}</div>\n      }\n    </div>\n  `, styles: [\":host{display:block;width:100%}\\n\"] }]\n        }], ctorParameters: () => [] });\n\nconst MAGIC_WOFF2 = 0x774f4632;\nconst MAGIC_WOFF = 0x774f4646;\nconst MAGIC_OTTO = 0x4f54544f;\nconst MAGIC_TTF1 = 0x00010000;\nconst MAGIC_TRUE = 0x74727565;\nconst detectMagic = (buf) => {\n    if (buf.byteLength < 4)\n        return 'unknown';\n    const m = new DataView(buf).getUint32(0);\n    if (m === MAGIC_WOFF2)\n        return 'woff2';\n    if (m === MAGIC_WOFF)\n        return 'woff';\n    if (m === MAGIC_OTTO)\n        return 'otf';\n    if (m === MAGIC_TTF1 || m === MAGIC_TRUE)\n        return 'ttf';\n    return 'unknown';\n};\nconst DEFAULT_SAMPLES = {\n    latin: 'ABCDEFGHIJKLMNOPQRSTUVWXYZ\\nabcdefghijklmnopqrstuvwxyz\\n0123456789 .,;:!?@#$%&*()[]{}',\n    chinese: '春夏秋冬东南西北天地人和风雨雷电山水日月',\n    mixed: 'The Quick Brown Fox Jumps Over The Lazy Dog\\n敏捷的棕色狐狸跳过了懒狗',\n};\nconst SIZES = [72, 48, 36, 24, 18];\nclass FontRenderer {\n    constructor() {\n        this.url = input.required();\n        this.locale = inject(LocaleService, { optional: true });\n        this.request = inject(RequestService, { optional: true });\n        this.theme = inject(ThemeService, { optional: true });\n        this.t = this.locale?.t() ?? getFallbackTranslator();\n        this.sizes = SIZES;\n        this.samples = DEFAULT_SAMPLES;\n        this.font = signal(null);\n        this.metadata = signal(null);\n        this.metadataStatus = signal('loading');\n        this.loading = signal(true);\n        this.error = signal(null);\n        this.customText = signal('');\n        this.renderMode = signal('fontface');\n        this.displayText = computed(() => this.customText() || DEFAULT_SAMPLES.mixed);\n        this.showMetaPlaceholder = computed(() => this.metadataStatus() !== 'ready');\n        this.metaPlaceholder = computed(() => this.metadataStatus() === 'loading' ? this.t('font.metadata_loading') : this.t('font.metadata_unavailable'));\n        this.effectiveRenderMode = computed(() => (this.renderMode() === 'canvas' && this.font() ? 'canvas' : 'fontface'));\n        this.resolvedTheme = computed(() => this.theme?.theme() ?? 'dark');\n        this.fontFace = null;\n        this.getToolbarGroups = () => [];\n        effect(() => {\n            const url = this.url();\n            if (!url)\n                return;\n            untracked(() => { void this.loadFont(); });\n        });\n        inject(DestroyRef).onDestroy(() => this.releaseFontFace());\n    }\n    onCustomInput(ev) {\n        this.customText.set(ev.target.value);\n    }\n    releaseFontFace() {\n        if (this.fontFace) {\n            document.fonts.delete(this.fontFace);\n            this.fontFace = null;\n        }\n    }\n    detectFormat(url) {\n        const ext = url.split('.').pop()?.toLowerCase().split('?')[0] || '';\n        const formatMap = {\n            ttf: 'TrueType (TTF)',\n            otf: 'OpenType (OTF)',\n            woff: 'Web Open Font Format (WOFF)',\n            woff2: 'Web Open Font Format 2 (WOFF2)',\n        };\n        return formatMap[ext] || 'TTF';\n    }\n    formatLabel(magic, url) {\n        const labels = {\n            woff2: 'Web Open Font Format 2 (WOFF2)',\n            woff: 'Web Open Font Format (WOFF)',\n            otf: 'OpenType (OTF)',\n            ttf: 'TrueType (TTF)',\n            unknown: null,\n        };\n        return labels[magic] ?? this.detectFormat(url);\n    }\n    async loadFontFace(faceBuffer) {\n        try {\n            this.fontFace = new FontFace('PreviewFont', faceBuffer);\n            await this.fontFace.load();\n            document.fonts.add(this.fontFace);\n            this.renderMode.set('fontface');\n        }\n        catch (faceErr) {\n            console.warn('[FontRenderer] FontFace API rejected, fallback to Canvas:', faceErr);\n            this.renderMode.set('canvas');\n            throw faceErr;\n        }\n    }\n    async loadMetadata(arrayBuffer, magic) {\n        if (magic === 'woff2') {\n            throw new Error('WOFF2 metadata parsing intentionally skipped');\n        }\n        const fontData = parse(arrayBuffer);\n        if (!fontData) {\n            throw new Error('Font data is invalid');\n        }\n        const rawNames = (fontData.names || {});\n        const platformTables = ['windows', 'macintosh', 'unicode']\n            .map((k) => rawNames[k])\n            .filter((t) => !!t && typeof t === 'object');\n        const pickName = (key) => {\n            for (const table of platformTables) {\n                const entry = table[key];\n                const val = entry?.en || entry?.['zh-Hans'];\n                if (val)\n                    return val;\n            }\n            const flat = rawNames[key];\n            return flat?.en || flat?.['zh-Hans'] || '';\n        };\n        const meta = {\n            family: pickName('fontFamily') || pickName('postScriptName') || 'Unknown',\n            subfamily: pickName('fontSubfamily'),\n            version: pickName('version'),\n            designer: pickName('designer'),\n            glyphCount: fontData.numGlyphs || 0,\n            format: this.formatLabel(magic, this.url()),\n        };\n        this.font.set(fontData);\n        this.metadata.set(meta);\n        this.metadataStatus.set('ready');\n    }\n    async loadFont() {\n        this.releaseFontFace();\n        this.font.set(null);\n        try {\n            this.loading.set(true);\n            this.error.set(null);\n            this.metadataStatus.set('loading');\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('Failed to load font file');\n            }\n            const arrayBuffer = await response.arrayBuffer();\n            const faceBuffer = arrayBuffer.slice(0);\n            const magic = detectMagic(arrayBuffer);\n            const facePromise = this.loadFontFace(faceBuffer);\n            const metadataPromise = this.loadMetadata(arrayBuffer, magic);\n            await facePromise.catch(() => {\n                // FontFace 失败由 metadata 兜底\n            });\n            this.loading.set(false);\n            try {\n                await metadataPromise;\n            }\n            catch (metaErr) {\n                if (magic !== 'woff2') {\n                    console.warn('[FontRenderer] Metadata parse failed, font is still rendered via FontFace:', metaErr instanceof Error ? metaErr.message : String(metaErr));\n                }\n                this.metadataStatus.set('unavailable');\n                this.metadata.set({\n                    family: 'Unknown',\n                    subfamily: '',\n                    version: '',\n                    designer: '',\n                    glyphCount: 0,\n                    format: this.formatLabel(magic, this.url()),\n                });\n            }\n        }\n        catch (err) {\n            console.warn('[FontRenderer] Failed to load font:', err instanceof Error ? err.message : String(err));\n            this.error.set(this.t('font.load_failed'));\n            this.loading.set(false);\n            this.metadataStatus.set('unavailable');\n        }\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: FontRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"19.2.25\", type: FontRenderer, isStandalone: true, selector: \"afp-font-renderer\", inputs: { url: { classPropertyName: \"url\", publicName: \"url\", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: \"afp-block afp-w-full afp-h-full\" }, ngImport: i0, template: `\n    <div class=\"afp-flex afp-flex-col afp-w-full afp-h-full afp-overflow-hidden\">\n      @if (loading()) {\n        <div class=\"afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full\">\n          <div class=\"afp-text-fg-secondary\">{{ t('font.loading') }}</div>\n        </div>\n      } @else if (error() || !metadata()) {\n        <afp-renderer-error [message]=\"error() || t('font.parse_failed')\" />\n      } @else {\n        <div class=\"afp-flex-shrink-0 afp-px-6 afp-py-4 afp-bg-surface-1 afp-border-b afp-border-line-weak afp-min-w-0\">\n          <div class=\"afp-grid afp-grid-cols-2 afp-gap-x-6 afp-gap-y-2 afp-text-sm afp-min-w-0\">\n            <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n              <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.family') }}:</span>\n              <span class=\"afp-text-fg-primary afp-font-semibold afp-truncate\">\n                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.family }}\n              </span>\n            </div>\n            @if (metadata()!.subfamily) {\n              <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n                <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.subfamily') }}:</span>\n                <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.subfamily }}</span>\n              </div>\n            }\n            <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n              <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.format') }}:</span>\n              <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.format }}</span>\n            </div>\n            <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n              <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.glyphs') }}:</span>\n              <span class=\"afp-text-fg-primary afp-truncate\">\n                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.glyphCount }}\n              </span>\n            </div>\n            @if (metadata()!.designer) {\n              <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n                <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.designer') }}:</span>\n                <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.designer }}</span>\n              </div>\n            }\n            @if (metadata()!.version) {\n              <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n                <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.version') }}:</span>\n                <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.version }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        <div class=\"afp-flex-1 afp-overflow-auto afp-min-w-0\">\n          <div class=\"afp-px-6 afp-py-6 afp-space-y-8 afp-min-w-0\">\n            <div class=\"afp-min-w-0\">\n              <label class=\"afp-block afp-text-xs afp-text-fg-tertiary afp-mb-2\">\n                {{ t('font.sample_text_placeholder') }}\n              </label>\n              <textarea\n                [value]=\"customText()\"\n                class=\"afp-block afp-w-full afp-box-border afp-px-3 afp-py-2.5 afp-bg-surface-2 afp-text-fg-primary afp-text-sm afp-leading-relaxed afp-border afp-border-line afp-rounded-md afp-resize-y focus:afp-outline-none focus:afp-border-line-strong\"\n                rows=\"2\"\n                [placeholder]=\"t('font.sample_text_placeholder')\"\n                [style.minHeight]=\"'64px'\"\n                [style.maxHeight]=\"'160px'\"\n                (input)=\"onCustomInput($event)\"\n              ></textarea>\n            </div>\n\n            <div class=\"afp-space-y-6 afp-min-w-0\">\n              @for (size of sizes; track size) {\n                <div class=\"afp-space-y-2 afp-min-w-0\">\n                  <div class=\"afp-text-xs afp-text-fg-tertiary\">{{ size }}px</div>\n                  <afp-font-preview-line\n                    [font]=\"font()\"\n                    [text]=\"displayText()\"\n                    [fontSize]=\"size\"\n                    [renderMode]=\"effectiveRenderMode()\"\n                    [theme]=\"resolvedTheme()\"\n                  />\n                </div>\n              }\n            </div>\n\n            <div class=\"afp-space-y-6 afp-pt-6 afp-border-t afp-border-line-weak afp-min-w-0\">\n              <div class=\"afp-min-w-0\">\n                <div class=\"afp-text-sm afp-text-fg-tertiary afp-mb-3\">Latin Alphabet</div>\n                <afp-font-preview-line\n                  [font]=\"font()\"\n                  [text]=\"samples.latin\"\n                  [fontSize]=\"24\"\n                  [renderMode]=\"effectiveRenderMode()\"\n                  [theme]=\"resolvedTheme()\"\n                />\n              </div>\n\n              <div class=\"afp-min-w-0\">\n                <div class=\"afp-text-sm afp-text-fg-tertiary afp-mb-3\">Chinese Characters</div>\n                <afp-font-preview-line\n                  [font]=\"font()\"\n                  [text]=\"samples.chinese\"\n                  [fontSize]=\"24\"\n                  [renderMode]=\"effectiveRenderMode()\"\n                  [theme]=\"resolvedTheme()\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  `, isInline: true, dependencies: [{ kind: \"component\", type: RendererError, selector: \"afp-renderer-error\", inputs: [\"message\", \"detail\", \"showIcon\"] }, { kind: \"component\", type: FontPreviewLine, selector: \"afp-font-preview-line\", inputs: [\"font\", \"text\", \"fontSize\", \"renderMode\", \"theme\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"19.2.25\", ngImport: i0, type: FontRenderer, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'afp-font-renderer',\n                    standalone: true,\n                    imports: [RendererError, FontPreviewLine],\n                    changeDetection: ChangeDetectionStrategy.OnPush,\n                    host: { class: 'afp-block afp-w-full afp-h-full' },\n                    template: `\n    <div class=\"afp-flex afp-flex-col afp-w-full afp-h-full afp-overflow-hidden\">\n      @if (loading()) {\n        <div class=\"afp-flex afp-items-center afp-justify-center afp-w-full afp-h-full\">\n          <div class=\"afp-text-fg-secondary\">{{ t('font.loading') }}</div>\n        </div>\n      } @else if (error() || !metadata()) {\n        <afp-renderer-error [message]=\"error() || t('font.parse_failed')\" />\n      } @else {\n        <div class=\"afp-flex-shrink-0 afp-px-6 afp-py-4 afp-bg-surface-1 afp-border-b afp-border-line-weak afp-min-w-0\">\n          <div class=\"afp-grid afp-grid-cols-2 afp-gap-x-6 afp-gap-y-2 afp-text-sm afp-min-w-0\">\n            <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n              <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.family') }}:</span>\n              <span class=\"afp-text-fg-primary afp-font-semibold afp-truncate\">\n                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.family }}\n              </span>\n            </div>\n            @if (metadata()!.subfamily) {\n              <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n                <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.subfamily') }}:</span>\n                <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.subfamily }}</span>\n              </div>\n            }\n            <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n              <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.format') }}:</span>\n              <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.format }}</span>\n            </div>\n            <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n              <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.glyphs') }}:</span>\n              <span class=\"afp-text-fg-primary afp-truncate\">\n                {{ showMetaPlaceholder() ? metaPlaceholder() : metadata()!.glyphCount }}\n              </span>\n            </div>\n            @if (metadata()!.designer) {\n              <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n                <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.designer') }}:</span>\n                <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.designer }}</span>\n              </div>\n            }\n            @if (metadata()!.version) {\n              <div class=\"afp-flex afp-items-center afp-gap-2 afp-min-w-0\">\n                <span class=\"afp-text-fg-tertiary afp-flex-shrink-0\">{{ t('font.meta.version') }}:</span>\n                <span class=\"afp-text-fg-primary afp-truncate\">{{ metadata()!.version }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        <div class=\"afp-flex-1 afp-overflow-auto afp-min-w-0\">\n          <div class=\"afp-px-6 afp-py-6 afp-space-y-8 afp-min-w-0\">\n            <div class=\"afp-min-w-0\">\n              <label class=\"afp-block afp-text-xs afp-text-fg-tertiary afp-mb-2\">\n                {{ t('font.sample_text_placeholder') }}\n              </label>\n              <textarea\n                [value]=\"customText()\"\n                class=\"afp-block afp-w-full afp-box-border afp-px-3 afp-py-2.5 afp-bg-surface-2 afp-text-fg-primary afp-text-sm afp-leading-relaxed afp-border afp-border-line afp-rounded-md afp-resize-y focus:afp-outline-none focus:afp-border-line-strong\"\n                rows=\"2\"\n                [placeholder]=\"t('font.sample_text_placeholder')\"\n                [style.minHeight]=\"'64px'\"\n                [style.maxHeight]=\"'160px'\"\n                (input)=\"onCustomInput($event)\"\n              ></textarea>\n            </div>\n\n            <div class=\"afp-space-y-6 afp-min-w-0\">\n              @for (size of sizes; track size) {\n                <div class=\"afp-space-y-2 afp-min-w-0\">\n                  <div class=\"afp-text-xs afp-text-fg-tertiary\">{{ size }}px</div>\n                  <afp-font-preview-line\n                    [font]=\"font()\"\n                    [text]=\"displayText()\"\n                    [fontSize]=\"size\"\n                    [renderMode]=\"effectiveRenderMode()\"\n                    [theme]=\"resolvedTheme()\"\n                  />\n                </div>\n              }\n            </div>\n\n            <div class=\"afp-space-y-6 afp-pt-6 afp-border-t afp-border-line-weak afp-min-w-0\">\n              <div class=\"afp-min-w-0\">\n                <div class=\"afp-text-sm afp-text-fg-tertiary afp-mb-3\">Latin Alphabet</div>\n                <afp-font-preview-line\n                  [font]=\"font()\"\n                  [text]=\"samples.latin\"\n                  [fontSize]=\"24\"\n                  [renderMode]=\"effectiveRenderMode()\"\n                  [theme]=\"resolvedTheme()\"\n                />\n              </div>\n\n              <div class=\"afp-min-w-0\">\n                <div class=\"afp-text-sm afp-text-fg-tertiary afp-mb-3\">Chinese Characters</div>\n                <afp-font-preview-line\n                  [font]=\"font()\"\n                  [text]=\"samples.chinese\"\n                  [fontSize]=\"24\"\n                  [renderMode]=\"effectiveRenderMode()\"\n                  [theme]=\"resolvedTheme()\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  `,\n                }]\n        }], ctorParameters: () => [] });\n\nexport { FontRenderer };\n//# sourceMappingURL=eternalheart-angular-file-preview-index-C518mdUd.mjs.map\n"],"names":[],"mappings":"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"}