@eternalheart/ngx-file-preview/esm2022/lib/preview-types/unknown-preview/unknown-preview.component.mjs

A powerful Angular file preview component library supporting multiple file formats including images, videos, PDFs, Office documents, text files and more.

import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { PreviewIconComponent } from '../../components';
import { BasePreviewComponent } from "../base-preview/base-preview.component";
import { I18nPipe } from "../../i18n/i18n.pipe";
import * as i0 from "@angular/core";
export class UnknownPreviewComponent extends BasePreviewComponent {
    async handleFileContent(content) {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UnknownPreviewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UnknownPreviewComponent, isStandalone: true, selector: "ngx-unknown-preview", usesInheritance: true, ngImport: i0, template: `
    <div class="unknown-preview">
      <div class="unknown-message">
        <preview-icon [themeMode]="themeMode" [size]="72" svg="unknown"></preview-icon>
        <p>{{ file.name }}</p>
        <p>{{'unknownFileTips'|i18n}}</p>
      </div>
    </div>
  `, isInline: true, styles: [":root{--nfp-primary-color: #177ddc;--nfp-primary-hover: #1890ff;--nfp-primary-active: #0050b3;--nfp-error-color: #d32029;--nfp-warning-color: #d89614;--nfp-success-color: #49aa19;--nfp-text-primary: rgba(0, 0, 0, .85);--nfp-text-secondary: rgba(0, 0, 0, .65);--nfp-text-disabled: rgba(0, 0, 0, .25);--nfp-bg-container: #ffffff;--nfp-bg-elevated: #fafafa;--nfp-bg-layout: #f0f2f5;--nfp-hover-bg: rgba(0, 0, 0, .04);--nfp-border-color: #d9d9d9;--nfp-split-color: rgba(0, 0, 0, .06);--nfp-scrollbar-bg: #ffffff;--nfp-scrollbar-thumb: #d9d9d9;--nfp-toolbar-bg: #fafafa;--nfp-toolbar-border: #d9d9d9;--nfp-toolbar-hover: rgba(0, 0, 0, .04);--nfp-toolbar-active: #e6f4ff;--nfp-preview-mask: rgba(0, 0, 0, .3);--nfp-preview-loading-bg: rgba(255, 255, 255, .8);--nfp-preview-toolbar-bg: rgba(0, 0, 0, .1);--nfp-theme-transition-duration: .3s}[data-nfp-theme=dark]{--nfp-primary-color: #177ddc;--nfp-primary-hover: #1890ff;--nfp-primary-active: #0050b3;--nfp-error-color: #a61d24;--nfp-warning-color: #d89614;--nfp-success-color: #49aa19;--nfp-text-primary: rgba(255, 255, 255, .85);--nfp-text-secondary: rgba(255, 255, 255, .65);--nfp-text-disabled: rgba(255, 255, 255, .25);--nfp-bg-container: #1a1a1a;--nfp-bg-elevated: #262626;--nfp-bg-layout: #141414;--nfp-hover-bg: rgba(255, 255, 255, .08);--nfp-border-color: #303030;--nfp-split-color: rgba(255, 255, 255, .12);--nfp-scrollbar-bg: #1a1a1a;--nfp-scrollbar-thumb: #404040;--nfp-toolbar-bg: #262626;--nfp-toolbar-border: #303030;--nfp-toolbar-hover: rgba(255, 255, 255, .08);--nfp-toolbar-active: #111b26;--nfp-preview-mask: rgba(0, 0, 0, .65);--nfp-preview-loading-bg: rgba(0, 0, 0, .8);--nfp-preview-toolbar-bg: rgba(0, 0, 0, .4);--nfp-theme-transition-duration: .3s}*{transition:background-color var(--nfp-theme-transition-duration) var(--theme-transition-timing),border-color var(--nfp-theme-transition-duration) var(--theme-transition-timing),color var(--nfp-theme-transition-duration) var(--theme-transition-timing)}.no-transition,.no-transition *{transition:none!important}\n", ":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center}:host p{margin:0;padding:0}.unknown-preview{text-align:center;padding:24px;background:var(--nfp-bg-container);color:var(--nfp-text-primary)}.unknown-preview .unknown-message{display:flex;flex-direction:column;align-items:center;gap:8px}.unknown-preview .unknown-message .message{font-size:16px;color:var(--nfp-text-secondary)}.unknown-preview .unknown-message .filename{font-size:14px;color:var(--nfp-text-primary);word-break:break-all}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PreviewIconComponent, selector: "preview-icon", inputs: ["name", "svg", "size", "color", "themeMode", "title", "cursor"] }, { kind: "pipe", type: I18nPipe, name: "i18n" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UnknownPreviewComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ngx-unknown-preview', standalone: true, imports: [CommonModule, PreviewIconComponent, I18nPipe], template: `
    <div class="unknown-preview">
      <div class="unknown-message">
        <preview-icon [themeMode]="themeMode" [size]="72" svg="unknown"></preview-icon>
        <p>{{ file.name }}</p>
        <p>{{'unknownFileTips'|i18n}}</p>
      </div>
    </div>
  `, styles: [":root{--nfp-primary-color: #177ddc;--nfp-primary-hover: #1890ff;--nfp-primary-active: #0050b3;--nfp-error-color: #d32029;--nfp-warning-color: #d89614;--nfp-success-color: #49aa19;--nfp-text-primary: rgba(0, 0, 0, .85);--nfp-text-secondary: rgba(0, 0, 0, .65);--nfp-text-disabled: rgba(0, 0, 0, .25);--nfp-bg-container: #ffffff;--nfp-bg-elevated: #fafafa;--nfp-bg-layout: #f0f2f5;--nfp-hover-bg: rgba(0, 0, 0, .04);--nfp-border-color: #d9d9d9;--nfp-split-color: rgba(0, 0, 0, .06);--nfp-scrollbar-bg: #ffffff;--nfp-scrollbar-thumb: #d9d9d9;--nfp-toolbar-bg: #fafafa;--nfp-toolbar-border: #d9d9d9;--nfp-toolbar-hover: rgba(0, 0, 0, .04);--nfp-toolbar-active: #e6f4ff;--nfp-preview-mask: rgba(0, 0, 0, .3);--nfp-preview-loading-bg: rgba(255, 255, 255, .8);--nfp-preview-toolbar-bg: rgba(0, 0, 0, .1);--nfp-theme-transition-duration: .3s}[data-nfp-theme=dark]{--nfp-primary-color: #177ddc;--nfp-primary-hover: #1890ff;--nfp-primary-active: #0050b3;--nfp-error-color: #a61d24;--nfp-warning-color: #d89614;--nfp-success-color: #49aa19;--nfp-text-primary: rgba(255, 255, 255, .85);--nfp-text-secondary: rgba(255, 255, 255, .65);--nfp-text-disabled: rgba(255, 255, 255, .25);--nfp-bg-container: #1a1a1a;--nfp-bg-elevated: #262626;--nfp-bg-layout: #141414;--nfp-hover-bg: rgba(255, 255, 255, .08);--nfp-border-color: #303030;--nfp-split-color: rgba(255, 255, 255, .12);--nfp-scrollbar-bg: #1a1a1a;--nfp-scrollbar-thumb: #404040;--nfp-toolbar-bg: #262626;--nfp-toolbar-border: #303030;--nfp-toolbar-hover: rgba(255, 255, 255, .08);--nfp-toolbar-active: #111b26;--nfp-preview-mask: rgba(0, 0, 0, .65);--nfp-preview-loading-bg: rgba(0, 0, 0, .8);--nfp-preview-toolbar-bg: rgba(0, 0, 0, .4);--nfp-theme-transition-duration: .3s}*{transition:background-color var(--nfp-theme-transition-duration) var(--theme-transition-timing),border-color var(--nfp-theme-transition-duration) var(--theme-transition-timing),color var(--nfp-theme-transition-duration) var(--theme-transition-timing)}.no-transition,.no-transition *{transition:none!important}\n", ":host{display:flex;width:100%;height:100%;justify-content:center;align-items:center}:host p{margin:0;padding:0}.unknown-preview{text-align:center;padding:24px;background:var(--nfp-bg-container);color:var(--nfp-text-primary)}.unknown-preview .unknown-message{display:flex;flex-direction:column;align-items:center;gap:8px}.unknown-preview .unknown-message .message{font-size:16px;color:var(--nfp-text-secondary)}.unknown-preview .unknown-message .filename{font-size:14px;color:var(--nfp-text-primary);word-break:break-all}\n"] }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5rbm93bi1wcmV2aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvbmd4LWZpbGUtcHJldmlldy9zcmMvbGliL3ByZXZpZXctdHlwZXMvdW5rbm93bi1wcmV2aWV3L3Vua25vd24tcHJldmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4QyxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFFLG9CQUFvQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFFdkQsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDNUUsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLHNCQUFzQixDQUFDOztBQWlCOUMsTUFBTSxPQUFPLHVCQUF3QixTQUFRLG9CQUFvQjtJQUM1QyxLQUFLLENBQUMsaUJBQWlCLENBQUMsT0FBMkI7SUFDdEUsQ0FBQzsrR0FGVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixzR0FYeEI7Ozs7Ozs7O0dBUVQsbWtGQVRTLFlBQVksK0JBQUUsb0JBQW9CLDhIQUFFLFFBQVE7OzRGQVkzQyx1QkFBdUI7a0JBZm5DLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxvQkFBb0IsRUFBRSxRQUFRLENBQUMsWUFDN0M7Ozs7Ozs7O0dBUVQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFByZXZpZXdJY29uQ29tcG9uZW50fSBmcm9tICcuLi8uLi9jb21wb25lbnRzJztcbmltcG9ydCB7RmlsZVJlYWRlclJlc3BvbnNlfSBmcm9tIFwiLi4vLi4vc2VydmljZXNcIjtcbmltcG9ydCB7QmFzZVByZXZpZXdDb21wb25lbnR9IGZyb20gXCIuLi9iYXNlLXByZXZpZXcvYmFzZS1wcmV2aWV3LmNvbXBvbmVudFwiO1xuaW1wb3J0IHtJMThuUGlwZX0gZnJvbSBcIi4uLy4uL2kxOG4vaTE4bi5waXBlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC11bmtub3duLXByZXZpZXcnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBQcmV2aWV3SWNvbkNvbXBvbmVudCwgSTE4blBpcGVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ1bmtub3duLXByZXZpZXdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ1bmtub3duLW1lc3NhZ2VcIj5cbiAgICAgICAgPHByZXZpZXctaWNvbiBbdGhlbWVNb2RlXT1cInRoZW1lTW9kZVwiIFtzaXplXT1cIjcyXCIgc3ZnPVwidW5rbm93blwiPjwvcHJldmlldy1pY29uPlxuICAgICAgICA8cD57eyBmaWxlLm5hbWUgfX08L3A+XG4gICAgICAgIDxwPnt7J3Vua25vd25GaWxlVGlwcyd8aTE4bn19PC9wPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuLi8uLi9zdHlsZXMvX3RoZW1lLnNjc3MnLCAndW5rbm93bi1wcmV2aWV3LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFVua25vd25QcmV2aWV3Q29tcG9uZW50IGV4dGVuZHMgQmFzZVByZXZpZXdDb21wb25lbnQge1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgaGFuZGxlRmlsZUNvbnRlbnQoY29udGVudDogRmlsZVJlYWRlclJlc3BvbnNlKSB7XG4gIH1cbn1cbiJdfQ==