@vadem/ui 0.0.0-stage → 0.0.1

package/fesm2022/vadem-ui-file-preview.mjs

@@ -0,0 +1,532 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DOCUMENT, DestroyRef, ViewEncapsulation, afterRenderEffect, computed, inject, input, model, signal } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
+import { VdButton } from "@vadem/ui/button";
+import { VdFileSizePipe } from "@vadem/ui/file-size";
+import * as i1 from "@vadem/ui/dialog";
+import { VD_DIALOG } from "@vadem/ui/dialog";
+import { vdTexts } from "@vadem/ui/locale";
+var VdFilePreview = class VdFilePreview {
+	open = model(false, ...ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []);
+	file = input(null, ...ngDevMode ? [{ debugName: "file" }] : /* istanbul ignore next */ []);
+	name = input(...ngDevMode ? [void 0, { debugName: "name" }] : /* istanbul ignore next */ []);
+	alt = input(...ngDevMode ? [void 0, { debugName: "alt" }] : /* istanbul ignore next */ []);
+	closeLabel = input(...ngDevMode ? [void 0, { debugName: "closeLabel" }] : /* istanbul ignore next */ []);
+	downloadLabel = input(...ngDevMode ? [void 0, { debugName: "downloadLabel" }] : /* istanbul ignore next */ []);
+	loadingText = input(...ngDevMode ? [void 0, { debugName: "loadingText" }] : /* istanbul ignore next */ []);
+	errorText = input(...ngDevMode ? [void 0, { debugName: "errorText" }] : /* istanbul ignore next */ []);
+	emptyText = input(...ngDevMode ? [void 0, { debugName: "emptyText" }] : /* istanbul ignore next */ []);
+	unsupportedText = input(...ngDevMode ? [void 0, { debugName: "unsupportedText" }] : /* istanbul ignore next */ []);
+	pdfText = input(...ngDevMode ? [void 0, { debugName: "pdfText" }] : /* istanbul ignore next */ []);
+	titleText = input(...ngDevMode ? [void 0, { debugName: "titleText" }] : /* istanbul ignore next */ []);
+	t = vdTexts("filePreview", {
+		title: this.titleText,
+		closeLabel: this.closeLabel,
+		downloadLabel: this.downloadLabel,
+		loadingText: this.loadingText,
+		errorText: this.errorText,
+		emptyText: this.emptyText,
+		unsupportedText: this.unsupportedText,
+		pdfText: this.pdfText
+	});
+	title = computed(() => this.t().title, ...ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []);
+	filename = computed(() => this.name()?.trim() || this.file()?.name?.trim() || this.title(), ...ngDevMode ? [{ debugName: "filename" }] : /* istanbul ignore next */ []);
+	kind = computed(() => {
+		const type = this.file()?.type.toLowerCase();
+		return type === "application/pdf" ? "pdf" : [
+			"image/png",
+			"image/jpeg",
+			"image/gif",
+			"image/webp",
+			"image/avif"
+		].includes(type ?? "") ? "image" : "unsupported";
+	}, ...ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []);
+	allocated = signal(null, ...ngDevMode ? [{ debugName: "allocated" }] : /* istanbul ignore next */ []);
+	source = computed(() => {
+		const source = this.allocated();
+		return this.open() && source?.file === this.file() ? source : null;
+	}, ...ngDevMode ? [{ debugName: "source" }] : /* istanbul ignore next */ []);
+	sources = computed(() => this.source() ? [this.source()] : [], ...ngDevMode ? [{ debugName: "sources" }] : /* istanbul ignore next */ []);
+	imageResult = signal("loading", ...ngDevMode ? [{ debugName: "imageResult" }] : /* istanbul ignore next */ []);
+	state = computed(() => !this.file() ? "empty" : !this.source() ? "preparing" : this.kind() === "image" ? this.imageResult() : this.kind() === "pdf" ? "pdf" : "unsupported", ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	constructor() {
+		const document = inject(DOCUMENT);
+		const sanitizer = inject(DomSanitizer);
+		let release;
+		inject(DestroyRef).onDestroy(() => release?.());
+		afterRenderEffect(() => {
+			const file = this.file();
+			const open = this.open();
+			release?.();
+			release = void 0;
+			this.allocated.set(null);
+			this.imageResult.set("loading");
+			const urlApi = document.defaultView?.URL;
+			if (!open || !file || !urlApi?.createObjectURL) return;
+			const blob = file.type.toLowerCase() === "application/pdf" ? file.slice(0, file.size, "application/pdf") : file;
+			const url = urlApi.createObjectURL(blob);
+			release = () => urlApi.revokeObjectURL(url);
+			this.allocated.set({
+				file,
+				url,
+				pdf: file.type.toLowerCase() === "application/pdf" ? sanitizer.bypassSecurityTrustResourceUrl(url) : null
+			});
+		});
+	}
+	imageState(source, state) {
+		if (this.source() === source) this.imageResult.set(state);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdFilePreview,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: VdFilePreview,
+		isStandalone: true,
+		selector: "vd-file-preview",
+		inputs: {
+			open: {
+				classPropertyName: "open",
+				publicName: "open",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			file: {
+				classPropertyName: "file",
+				publicName: "file",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			alt: {
+				classPropertyName: "alt",
+				publicName: "alt",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeLabel: {
+				classPropertyName: "closeLabel",
+				publicName: "closeLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			downloadLabel: {
+				classPropertyName: "downloadLabel",
+				publicName: "downloadLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loadingText: {
+				classPropertyName: "loadingText",
+				publicName: "loadingText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			errorText: {
+				classPropertyName: "errorText",
+				publicName: "errorText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyText: {
+				classPropertyName: "emptyText",
+				publicName: "emptyText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			unsupportedText: {
+				classPropertyName: "unsupportedText",
+				publicName: "unsupportedText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pdfText: {
+				classPropertyName: "pdfText",
+				publicName: "pdfText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			titleText: {
+				classPropertyName: "titleText",
+				publicName: "titleText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { open: "openChange" },
+		host: { classAttribute: "vd-file-preview" },
+		ngImport: i0,
+		template: `
+    <dialog
+      vdDialog
+      size="lg"
+      class="vd-file-preview__dialog"
+      [open]="open()"
+      (openChange)="open.set($event)"
+    >
+      <header vdDialogHeader>
+        <span class="vd-file-preview__heading">{{ title() }}</span>
+        <button
+          vdButton
+          variant="ghost"
+          size="sm"
+          type="button"
+          autofocus
+          (click)="open.set(false)"
+        >
+          {{ t().closeLabel }}
+        </button>
+      </header>
+      <div
+        vdDialogBody
+        class="vd-file-preview__body"
+        tabindex="0"
+        role="region"
+        [attr.aria-label]="filename()"
+        [attr.data-state]="state()"
+      >
+        <h2 vdDialogTitle class="vd-file-preview__filename">
+          <bdi>{{ filename() }}</bdi>
+        </h2>
+        @if (file(); as file) {
+          <p class="vd-file-preview__size">
+            <bdi>{{ file.size | vdFileSize }}</bdi>
+          </p>
+        }
+        @if (open()) {
+          @for (source of sources(); track source.url) {
+            @if (kind() === 'image') {
+              <p class="vd-file-preview__notice" role="status">
+                {{
+                  state() === 'loading' ? t().loadingText : state() === 'error' ? t().errorText : ''
+                }}
+              </p>
+              @if (state() !== 'error') {
+                <img
+                  class="vd-file-preview__image"
+                  [src]="source.url"
+                  [alt]="alt() ?? filename()"
+                  [hidden]="state() !== 'ready'"
+                  (load)="imageState(source, 'ready')"
+                  (error)="imageState(source, 'error')"
+                />
+              }
+            } @else if (kind() === 'pdf') {
+              <p class="vd-file-preview__notice">{{ t().pdfText }}</p>
+              <object
+                class="vd-file-preview__pdf"
+                [data]="source.pdf"
+                type="application/pdf"
+                [attr.aria-label]="filename()"
+              >
+                <p>{{ t().pdfText }}</p>
+              </object>
+            } @else {
+              <p class="vd-file-preview__notice">{{ t().unsupportedText }}</p>
+            }
+          } @empty {
+            <p class="vd-file-preview__notice" role="status">
+              {{ file() ? t().loadingText : t().emptyText }}
+            </p>
+          }
+        }
+      </div>
+      @if (source(); as source) {
+        <footer vdDialogFooter>
+          <a vdButton variant="secondary" [href]="source.url" [download]="filename()">{{
+            t().downloadLabel
+          }}</a>
+        </footer>
+      }
+    </dialog>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: VdButton,
+				selector: "button[vdButton], a[vdButton]",
+				inputs: [
+					"variant",
+					"size",
+					"disabled",
+					"loading",
+					"iconOnly",
+					"type"
+				]
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialog,
+				selector: "dialog[vdDialog]",
+				inputs: [
+					"open",
+					"size",
+					"placement",
+					"dismissible"
+				],
+				outputs: ["openChange", "closed"],
+				exportAs: ["vdDialog"]
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogHeader,
+				selector: "[vdDialogHeader]"
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogTitle,
+				selector: "[vdDialogTitle]"
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogBody,
+				selector: "[vdDialogBody]"
+			},
+			{
+				kind: "directive",
+				type: i1.VdDialogFooter,
+				selector: "[vdDialogFooter]"
+			},
+			{
+				kind: "pipe",
+				type: VdFileSizePipe,
+				name: "vdFileSize"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdFilePreview,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "vd-file-preview",
+			imports: [
+				VdButton,
+				VD_DIALOG,
+				VdFileSizePipe
+			],
+			template: `
+    <dialog
+      vdDialog
+      size="lg"
+      class="vd-file-preview__dialog"
+      [open]="open()"
+      (openChange)="open.set($event)"
+    >
+      <header vdDialogHeader>
+        <span class="vd-file-preview__heading">{{ title() }}</span>
+        <button
+          vdButton
+          variant="ghost"
+          size="sm"
+          type="button"
+          autofocus
+          (click)="open.set(false)"
+        >
+          {{ t().closeLabel }}
+        </button>
+      </header>
+      <div
+        vdDialogBody
+        class="vd-file-preview__body"
+        tabindex="0"
+        role="region"
+        [attr.aria-label]="filename()"
+        [attr.data-state]="state()"
+      >
+        <h2 vdDialogTitle class="vd-file-preview__filename">
+          <bdi>{{ filename() }}</bdi>
+        </h2>
+        @if (file(); as file) {
+          <p class="vd-file-preview__size">
+            <bdi>{{ file.size | vdFileSize }}</bdi>
+          </p>
+        }
+        @if (open()) {
+          @for (source of sources(); track source.url) {
+            @if (kind() === 'image') {
+              <p class="vd-file-preview__notice" role="status">
+                {{
+                  state() === 'loading' ? t().loadingText : state() === 'error' ? t().errorText : ''
+                }}
+              </p>
+              @if (state() !== 'error') {
+                <img
+                  class="vd-file-preview__image"
+                  [src]="source.url"
+                  [alt]="alt() ?? filename()"
+                  [hidden]="state() !== 'ready'"
+                  (load)="imageState(source, 'ready')"
+                  (error)="imageState(source, 'error')"
+                />
+              }
+            } @else if (kind() === 'pdf') {
+              <p class="vd-file-preview__notice">{{ t().pdfText }}</p>
+              <object
+                class="vd-file-preview__pdf"
+                [data]="source.pdf"
+                type="application/pdf"
+                [attr.aria-label]="filename()"
+              >
+                <p>{{ t().pdfText }}</p>
+              </object>
+            } @else {
+              <p class="vd-file-preview__notice">{{ t().unsupportedText }}</p>
+            }
+          } @empty {
+            <p class="vd-file-preview__notice" role="status">
+              {{ file() ? t().loadingText : t().emptyText }}
+            </p>
+          }
+        }
+      </div>
+      @if (source(); as source) {
+        <footer vdDialogFooter>
+          <a vdButton variant="secondary" [href]="source.url" [download]="filename()">{{
+            t().downloadLabel
+          }}</a>
+        </footer>
+      }
+    </dialog>
+  `,
+			host: { class: "vd-file-preview" },
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		open: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "open",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["openChange"]
+		}],
+		file: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "file",
+				required: false
+			}]
+		}],
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		alt: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "alt",
+				required: false
+			}]
+		}],
+		closeLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeLabel",
+				required: false
+			}]
+		}],
+		downloadLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "downloadLabel",
+				required: false
+			}]
+		}],
+		loadingText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loadingText",
+				required: false
+			}]
+		}],
+		errorText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "errorText",
+				required: false
+			}]
+		}],
+		emptyText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyText",
+				required: false
+			}]
+		}],
+		unsupportedText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "unsupportedText",
+				required: false
+			}]
+		}],
+		pdfText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pdfText",
+				required: false
+			}]
+		}],
+		titleText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "titleText",
+				required: false
+			}]
+		}]
+	}
+});
+export { VdFilePreview };
+
+//# sourceMappingURL=vadem-ui-file-preview.mjs.map

package/fesm2022/vadem-ui-file-preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-file-preview.mjs","names":[],"sources":["../../../projects/ui/file-preview/src/file-preview.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  DOCUMENT,\n  ViewEncapsulation,\n  afterRenderEffect,\n  computed,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport { DomSanitizer, type SafeResourceUrl } from '@angular/platform-browser';\nimport { VdButton } from '@vadem/ui/button';\nimport { VdFileSizePipe } from '@vadem/ui/file-size';\nimport { VD_DIALOG } from '@vadem/ui/dialog';\nimport { vdTexts } from '@vadem/ui/locale';\n\ntype PreviewState = 'empty' | 'preparing' | 'loading' | 'ready' | 'error' | 'unsupported' | 'pdf';\ninterface PreviewSource {\n  file: Blob;\n  url: string;\n  pdf: SafeResourceUrl | null;\n}\n\n/** Local file presentation. The caller owns file acquisition and validation. */\n@Component({\n  selector: 'vd-file-preview',\n  imports: [VdButton, VD_DIALOG, VdFileSizePipe],\n  template: `\n    <dialog\n      vdDialog\n      size=\"lg\"\n      class=\"vd-file-preview__dialog\"\n      [open]=\"open()\"\n      (openChange)=\"open.set($event)\"\n    >\n      <header vdDialogHeader>\n        <span class=\"vd-file-preview__heading\">{{ title() }}</span>\n        <button\n          vdButton\n          variant=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n          autofocus\n          (click)=\"open.set(false)\"\n        >\n          {{ t().closeLabel }}\n        </button>\n      </header>\n      <div\n        vdDialogBody\n        class=\"vd-file-preview__body\"\n        tabindex=\"0\"\n        role=\"region\"\n        [attr.aria-label]=\"filename()\"\n        [attr.data-state]=\"state()\"\n      >\n        <h2 vdDialogTitle class=\"vd-file-preview__filename\">\n          <bdi>{{ filename() }}</bdi>\n        </h2>\n        @if (file(); as file) {\n          <p class=\"vd-file-preview__size\">\n            <bdi>{{ file.size | vdFileSize }}</bdi>\n          </p>\n        }\n        @if (open()) {\n          @for (source of sources(); track source.url) {\n            @if (kind() === 'image') {\n              <p class=\"vd-file-preview__notice\" role=\"status\">\n                {{\n                  state() === 'loading' ? t().loadingText : state() === 'error' ? t().errorText : ''\n                }}\n              </p>\n              @if (state() !== 'error') {\n                <img\n                  class=\"vd-file-preview__image\"\n                  [src]=\"source.url\"\n                  [alt]=\"alt() ?? filename()\"\n                  [hidden]=\"state() !== 'ready'\"\n                  (load)=\"imageState(source, 'ready')\"\n                  (error)=\"imageState(source, 'error')\"\n                />\n              }\n            } @else if (kind() === 'pdf') {\n              <p class=\"vd-file-preview__notice\">{{ t().pdfText }}</p>\n              <object\n                class=\"vd-file-preview__pdf\"\n                [data]=\"source.pdf\"\n                type=\"application/pdf\"\n                [attr.aria-label]=\"filename()\"\n              >\n                <p>{{ t().pdfText }}</p>\n              </object>\n            } @else {\n              <p class=\"vd-file-preview__notice\">{{ t().unsupportedText }}</p>\n            }\n          } @empty {\n            <p class=\"vd-file-preview__notice\" role=\"status\">\n              {{ file() ? t().loadingText : t().emptyText }}\n            </p>\n          }\n        }\n      </div>\n      @if (source(); as source) {\n        <footer vdDialogFooter>\n          <a vdButton variant=\"secondary\" [href]=\"source.url\" [download]=\"filename()\">{{\n            t().downloadLabel\n          }}</a>\n        </footer>\n      }\n    </dialog>\n  `,\n  host: { class: 'vd-file-preview' },\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class VdFilePreview {\n  readonly open = model(false);\n  readonly file = input<Blob | null>(null);\n  readonly name = input<string>();\n  readonly alt = input<string>();\n  readonly closeLabel = input<string>();\n  readonly downloadLabel = input<string>();\n  readonly loadingText = input<string>();\n  readonly errorText = input<string>();\n  readonly emptyText = input<string>();\n  readonly unsupportedText = input<string>();\n  readonly pdfText = input<string>();\n  readonly titleText = input<string>();\n  protected readonly t = vdTexts('filePreview', {\n    title: this.titleText,\n    closeLabel: this.closeLabel,\n    downloadLabel: this.downloadLabel,\n    loadingText: this.loadingText,\n    errorText: this.errorText,\n    emptyText: this.emptyText,\n    unsupportedText: this.unsupportedText,\n    pdfText: this.pdfText,\n  });\n  protected readonly title = computed(() => this.t().title);\n  protected readonly filename = computed(\n    () =>\n      this.name()?.trim() ||\n      (this.file() as (Blob & { name?: string }) | null)?.name?.trim() ||\n      this.title(),\n  );\n  protected readonly kind = computed(() => {\n    const type = this.file()?.type.toLowerCase();\n    return type === 'application/pdf'\n      ? 'pdf'\n      : ['image/png', 'image/jpeg', 'image/gif', 'image/webp', 'image/avif'].includes(type ?? '')\n        ? 'image'\n        : 'unsupported';\n  });\n  private readonly allocated = signal<PreviewSource | null>(null);\n  protected readonly source = computed(() => {\n    const source = this.allocated();\n    return this.open() && source?.file === this.file() ? source : null;\n  });\n  protected readonly sources = computed(() => (this.source() ? [this.source()!] : []));\n  private readonly imageResult = signal<PreviewState>('loading');\n  protected readonly state = computed<PreviewState>(() =>\n    !this.file()\n      ? 'empty'\n      : !this.source()\n        ? 'preparing'\n        : this.kind() === 'image'\n          ? this.imageResult()\n          : this.kind() === 'pdf'\n            ? 'pdf'\n            : 'unsupported',\n  );\n\n  constructor() {\n    const document = inject(DOCUMENT);\n    const sanitizer = inject(DomSanitizer);\n    let release: (() => void) | undefined;\n    inject(DestroyRef).onDestroy(() => release?.());\n    afterRenderEffect(() => {\n      const file = this.file();\n      const open = this.open();\n      release?.();\n      release = undefined;\n      this.allocated.set(null);\n      this.imageResult.set('loading');\n      const urlApi = document.defaultView?.URL;\n      if (!open || !file || !urlApi?.createObjectURL) return;\n      // Explicit PDF MIME prevents resource embedding as HTML, including mislabeled input.\n      const blob =\n        file.type.toLowerCase() === 'application/pdf'\n          ? file.slice(0, file.size, 'application/pdf')\n          : file;\n      const url = urlApi.createObjectURL(blob);\n      release = () => urlApi.revokeObjectURL(url);\n      this.allocated.set({\n        file,\n        url,\n        pdf:\n          file.type.toLowerCase() === 'application/pdf'\n            ? sanitizer.bypassSecurityTrustResourceUrl(url)\n            : null,\n      });\n    });\n  }\n  protected imageState(source: PreviewSource, state: 'ready' | 'error'): void {\n    if (this.source() === source) this.imageResult.set(state);\n  }\n}\n"],"mappings":"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"}

package/fesm2022/vadem-ui-file-size.mjs

@@ -0,0 +1,83 @@
+import * as i0 from "@angular/core";
+import { Pipe, inject } from "@angular/core";
+import { VD_LOCALE } from "@vadem/ui/locale";
+const UNITS = [
+	"byte",
+	"kilobyte",
+	"megabyte",
+	"gigabyte",
+	"terabyte",
+	"petabyte"
+];
+const BINARY = [
+	"",
+	"KiB",
+	"MiB",
+	"GiB",
+	"TiB",
+	"PiB"
+];
+function vdFormatFileSize(bytes, options = {}) {
+	if (typeof bytes !== "number" || !Number.isSafeInteger(bytes) || bytes < 0) return options.unknownText ?? "Unknown size";
+	const requested = options.maximumFractionDigits ?? 1;
+	const digits = Number.isInteger(requested) && requested >= 0 && requested <= 3 ? requested : 1;
+	const base = options.system === "binary" ? 1024 : 1e3;
+	let index = 0;
+	while (index < UNITS.length - 1 && bytes >= base ** (index + 1)) index++;
+	if (index < UNITS.length - 1 && Number((bytes / base ** index).toFixed(digits)) >= base) index++;
+	const value = bytes / base ** index;
+	const numberOptions = { maximumFractionDigits: digits };
+	const binary = options.system === "binary" && index > 0;
+	if (!binary) Object.assign(numberOptions, {
+		style: "unit",
+		unit: UNITS[index],
+		unitDisplay: "short"
+	});
+	let formatter;
+	try {
+		formatter = new Intl.NumberFormat(options.locale ?? "en", numberOptions);
+	} catch {
+		formatter = new Intl.NumberFormat("en", numberOptions);
+	}
+	return binary ? `${formatter.format(value)}\u00a0${BINARY[index]}` : formatter.format(value);
+}
+var VdFileSizePipe = class VdFileSizePipe {
+	texts = inject(VD_LOCALE);
+	transform(bytes, system = "decimal", maximumFractionDigits = 1, locale = this.texts.code, unknownText = this.texts.fileSize.unknownText) {
+		return vdFormatFileSize(bytes, {
+			system,
+			maximumFractionDigits,
+			locale,
+			unknownText
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdFileSizePipe,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Pipe
+	});
+	static ɵpipe = i0.ɵɵngDeclarePipe({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: VdFileSizePipe,
+		isStandalone: true,
+		name: "vdFileSize"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: VdFileSizePipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "vdFileSize" }]
+	}]
+});
+export { VdFileSizePipe, vdFormatFileSize };
+
+//# sourceMappingURL=vadem-ui-file-size.mjs.map

package/fesm2022/vadem-ui-file-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vadem-ui-file-size.mjs","names":[],"sources":["../../../projects/ui/file-size/src/core/file-size.ts","../../../projects/ui/file-size/src/file-size.ts"],"sourcesContent":["export type VdFileSizeSystem = 'decimal' | 'binary';\nexport interface VdFileSizeOptions {\n  readonly locale?: string;\n  readonly system?: VdFileSizeSystem;\n  readonly maximumFractionDigits?: number;\n  readonly unknownText?: string;\n}\nconst UNITS = ['byte', 'kilobyte', 'megabyte', 'gigabyte', 'terabyte', 'petabyte'];\nconst BINARY = ['', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB'];\n\n/** Formats byte counts only; display strings are never parsed back into values. */\nexport function vdFormatFileSize(\n  bytes: number | null | undefined,\n  options: VdFileSizeOptions = {},\n): string {\n  if (typeof bytes !== 'number' || !Number.isSafeInteger(bytes) || bytes < 0)\n    return options.unknownText ?? 'Unknown size';\n  const requested = options.maximumFractionDigits ?? 1;\n  const digits = Number.isInteger(requested) && requested >= 0 && requested <= 3 ? requested : 1;\n  const base = options.system === 'binary' ? 1024 : 1000;\n  let index = 0;\n  while (index < UNITS.length - 1 && bytes >= base ** (index + 1)) index++;\n  if (index < UNITS.length - 1 && Number((bytes / base ** index).toFixed(digits)) >= base) index++;\n  const value = bytes / base ** index;\n  const numberOptions: Intl.NumberFormatOptions = { maximumFractionDigits: digits };\n  const binary = options.system === 'binary' && index > 0;\n  if (!binary)\n    Object.assign(numberOptions, { style: 'unit', unit: UNITS[index], unitDisplay: 'short' });\n  let formatter: Intl.NumberFormat;\n  try {\n    formatter = new Intl.NumberFormat(options.locale ?? 'en', numberOptions);\n  } catch {\n    formatter = new Intl.NumberFormat('en', numberOptions);\n  }\n  return binary ? `${formatter.format(value)}\\u00a0${BINARY[index]}` : formatter.format(value);\n}\n","import { Pipe, inject, type PipeTransform } from '@angular/core';\nimport { VD_LOCALE } from '@vadem/ui/locale';\nimport { vdFormatFileSize, type VdFileSizeSystem } from './core/file-size';\n\n@Pipe({ name: 'vdFileSize' })\nexport class VdFileSizePipe implements PipeTransform {\n  private readonly texts = inject(VD_LOCALE);\n  transform(\n    bytes: number | null | undefined,\n    system: VdFileSizeSystem = 'decimal',\n    maximumFractionDigits = 1,\n    locale = this.texts.code,\n    unknownText = this.texts.fileSize.unknownText,\n  ): string {\n    return vdFormatFileSize(bytes, { system, maximumFractionDigits, locale, unknownText });\n  }\n}\n"],"mappings":";;;AAOA,MAAM,QAAQ;CAAC;CAAQ;CAAY;CAAY;CAAY;CAAY;AAAU;AACjF,MAAM,SAAS;CAAC;CAAI;CAAO;CAAO;CAAO;CAAO;AAAK;AAGrD,SAAgB,iBACd,OACA,UAA6B,CAAA,GAAE;CAE/B,IAAI,OAAO,UAAU,YAAY,CAAC,OAAO,cAAc,KAAK,KAAK,QAAQ,GACvE,OAAO,QAAQ,eAAe;CAChC,MAAM,YAAY,QAAQ,yBAAyB;CACnD,MAAM,SAAS,OAAO,UAAU,SAAS,KAAK,aAAa,KAAK,aAAa,IAAI,YAAY;CAC7F,MAAM,OAAO,QAAQ,WAAW,WAAW,OAAO;CAClD,IAAI,QAAQ;CACZ,OAAO,QAAQ,MAAM,SAAS,KAAK,SAAS,SAAS,QAAQ,IAAI;CACjE,IAAI,QAAQ,MAAM,SAAS,KAAK,QAAQ,QAAQ,QAAQ,MAAA,CAAO,QAAQ,MAAM,CAAC,KAAK,MAAM;CACzF,MAAM,QAAQ,QAAQ,QAAQ;CAC9B,MAAM,gBAA0C,EAAE,uBAAuB,OAAM;CAC/E,MAAM,SAAS,QAAQ,WAAW,YAAY,QAAQ;CACtD,IAAI,CAAC,QACH,OAAO,OAAO,eAAe;EAAE,OAAO;EAAQ,MAAM,MAAM;EAAQ,aAAa;CAAO,CAAE;CAC1F,IAAI;CACJ,IAAI;EACF,YAAY,IAAI,KAAK,aAAa,QAAQ,UAAU,MAAM,aAAa;CACzE,QAAQ;EACN,YAAY,IAAI,KAAK,aAAa,MAAM,aAAa;CACvD;CACA,OAAO,SAAS,GAAG,UAAU,OAAO,KAAK,EAAC,QAAS,OAAO,WAAW,UAAU,OAAO,KAAK;AAC7F;AC9BA,IAAa,iBAAb,MAAa,eAAc;CACR,QAAQ,OAAO,SAAS;CACzC,UACE,OACA,SAA2B,WAC3B,wBAAwB,GACxB,SAAS,KAAK,MAAM,MACpB,cAAc,KAAK,MAAM,SAAS,aAAW;EAE7C,OAAO,iBAAiB,OAAO;GAAE;GAAQ;GAAuB;GAAQ;EAAW,CAAE;CACvF;CAVW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,QAAA,GAAA,gBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,cAAA;EAAA,MAAA;CAAA,CAAA;;AAAd,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAD1B,MAAA;EAAK,MAAA,CAAA,EAAE,MAAM,aAAY,CAAE"}