@tinya-code/gas-admin-ui 0.0.0-stage → 0.1.0-alpha.1

package/fesm2022/tinya-code-gas-admin-ui-file-Dg2N3XQ2.mjs

@@ -0,0 +1,408 @@
+import { t as __exportAll } from "./tinya-code-gas-admin-ui-rolldown-runtime-DpJrqANO.mjs";
+import { s as ApiError } from "./tinya-code-gas-admin-ui-api.service-CZrUeclM.mjs";
+import { t as Button } from "./tinya-code-gas-admin-ui-button-BQjNW8KB.mjs";
+import { t as NotificationService } from "./tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs";
+import { t as UploadService } from "./tinya-code-gas-admin-ui-upload.service-C1g545w5.mjs";
+import * as i0 from "@angular/core";
+import { Component, DestroyRef, computed, inject, input, model, output, signal, viewChild } from "@angular/core";
+import { HttpEventType } from "@angular/common/http";
+var file_exports = /* @__PURE__ */ __exportAll({ FieldFile: () => FieldFile });
+var FieldFile = class FieldFile {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	resource = input("", ...ngDevMode ? [{ debugName: "resource" }] : /* istanbul ignore next */ []);
+	value = model.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	touch = output();
+	upload = inject(UploadService);
+	notifications = inject(NotificationService);
+	destroyRef = inject(DestroyRef);
+	uploading = signal(false, ...ngDevMode ? [{ debugName: "uploading" }] : /* istanbul ignore next */ []);
+	progress = signal(0, ...ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []);
+	error = signal(null, ...ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []);
+	fileName = computed(() => {
+		const url = this.value();
+		const segment = url.split("/").pop() ?? url;
+		return decodeURIComponent(segment);
+	}, ...ngDevMode ? [{ debugName: "fileName" }] : /* istanbul ignore next */ []);
+	acceptAttr = computed(() => this.field().accept ?? "", ...ngDevMode ? [{ debugName: "acceptAttr" }] : /* istanbul ignore next */ []);
+	fileInput = viewChild.required("fileInput", ...ngDevMode ? [{ debugName: "fileInput" }] : /* istanbul ignore next */ []);
+	uploadSub;
+	pickFile() {
+		this.fileInput().nativeElement.click();
+	}
+	clear() {
+		this.value.set("");
+		this.error.set(null);
+		this.touch.emit();
+	}
+	onFileSelected(event) {
+		const input = event.target;
+		const file = input.files?.[0];
+		input.value = "";
+		if (file) this.startUpload(file);
+	}
+	onDrop(event) {
+		event.preventDefault();
+		const file = event.dataTransfer?.files?.[0];
+		if (file) this.startUpload(file);
+	}
+	startUpload(file) {
+		if (this.disabled()) return;
+		const problem = this.validate(file);
+		if (problem !== null) {
+			this.error.set(problem);
+			this.touch.emit();
+			return;
+		}
+		this.error.set(null);
+		this.uploading.set(true);
+		this.progress.set(0);
+		this.touch.emit();
+		this.uploadSub?.unsubscribe();
+		this.uploadSub = this.upload.uploadWithProgress(file, this.resource(), this.field().key).subscribe({
+			next: (event) => {
+				if (event.type === HttpEventType.UploadProgress) {
+					if (event.total) this.progress.set(Math.round(event.loaded / event.total * 100));
+					return;
+				}
+				if (event.type === HttpEventType.Response) {
+					const url = event.body ?? "";
+					this.uploading.set(false);
+					if (url === "") {
+						this.error.set("No se pudo subir el archivo.");
+						return;
+					}
+					this.value.set(url);
+					this.notifications.success("Archivo subido.");
+				}
+			},
+			error: (err) => {
+				this.uploading.set(false);
+				this.error.set(err instanceof ApiError ? err.message : "No se pudo subir el archivo. Revisa la conexión e inténtalo de nuevo.");
+			}
+		});
+		this.destroyRef.onDestroy(() => this.uploadSub?.unsubscribe());
+	}
+	validate(file) {
+		const accept = this.field().accept;
+		if (accept !== void 0 && accept !== "" && !acceptMatches(accept, file)) return "Formato no permitido para este campo.";
+		const maxSizeMB = this.field().maxSizeMB;
+		if (maxSizeMB !== void 0 && file.size > maxSizeMB * 1024 * 1024) return `El archivo supera ${maxSizeMB} MB.`;
+		return null;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldFile,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldFile,
+		isStandalone: true,
+		selector: "app-field-file",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			resource: {
+				classPropertyName: "resource",
+				publicName: "resource",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			value: "valueChange",
+			touch: "touch"
+		},
+		viewQueries: [{
+			propertyName: "fileInput",
+			first: true,
+			predicate: ["fileInput"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: ` @if (error(); as message) {
+      <p
+        class="mb-2 rounded-lg border border-danger/30 bg-danger/10 px-3 py-2 text-xs text-danger"
+        role="alert"
+      >
+        {{ message }}
+      </p>
+    }
+    @if (uploading()) {
+      <div class="rounded-xl border border-neutral/20 bg-surface p-3" data-testid="file-uploading">
+        <div class="h-1.5 w-full overflow-hidden rounded-full bg-neutral/20">
+          <div
+            class="h-full rounded-full bg-primary transition-all"
+            [style.width.%]="progress()"
+          ></div>
+        </div>
+        <p class="mt-1 text-xs text-neutral">Subiendo… {{ progress() }}%</p>
+      </div>
+    } @else if (value()) {
+      <div
+        class="rounded-xl border border-neutral/20 bg-surface p-3"
+        data-testid="file-preview"
+        (dragover)="$event.preventDefault()"
+        (drop)="onDrop($event)"
+      >
+        <p class="truncate text-sm font-medium" [title]="value()">{{ fileName() }}</p>
+        <div class="mt-2 flex flex-wrap items-center gap-2">
+          <button
+            type="button"
+            app-button
+            variant="outline"
+            [disabled]="disabled()"
+            (click)="pickFile()"
+          >
+            Reemplazar
+          </button>
+          @if (!field().required) {
+            <button
+              type="button"
+              app-button
+              variant="outline"
+              [disabled]="disabled()"
+              (click)="clear()"
+            >
+              Quitar
+            </button>
+          }
+          <a
+            class="text-sm font-medium text-primary hover:underline"
+            [href]="value()"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Abrir
+          </a>
+        </div>
+      </div>
+    } @else {
+      <div
+        class="rounded-xl border-2 border-dashed border-neutral/30 p-6 text-center"
+        data-testid="file-dropzone"
+        (dragover)="$event.preventDefault()"
+        (drop)="onDrop($event)"
+      >
+        <p class="text-sm text-neutral">Arrastrá un archivo acá</p>
+        <button
+          type="button"
+          app-button
+          variant="outline"
+          class="mt-2"
+          [disabled]="disabled()"
+          (click)="pickFile()"
+        >
+          Subir archivo
+        </button>
+      </div>
+    }
+
+    <input
+      #fileInput
+      type="file"
+      class="sr-only"
+      [accept]="acceptAttr()"
+      [disabled]="disabled()"
+      (change)="onFileSelected($event)"
+    />`,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: Button,
+			selector: "button[app-button]",
+			inputs: [
+				"variant",
+				"size",
+				"type",
+				"disabled",
+				"loading"
+			]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldFile,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-file",
+			imports: [Button],
+			template: ` @if (error(); as message) {
+      <p
+        class="mb-2 rounded-lg border border-danger/30 bg-danger/10 px-3 py-2 text-xs text-danger"
+        role="alert"
+      >
+        {{ message }}
+      </p>
+    }
+    @if (uploading()) {
+      <div class="rounded-xl border border-neutral/20 bg-surface p-3" data-testid="file-uploading">
+        <div class="h-1.5 w-full overflow-hidden rounded-full bg-neutral/20">
+          <div
+            class="h-full rounded-full bg-primary transition-all"
+            [style.width.%]="progress()"
+          ></div>
+        </div>
+        <p class="mt-1 text-xs text-neutral">Subiendo… {{ progress() }}%</p>
+      </div>
+    } @else if (value()) {
+      <div
+        class="rounded-xl border border-neutral/20 bg-surface p-3"
+        data-testid="file-preview"
+        (dragover)="$event.preventDefault()"
+        (drop)="onDrop($event)"
+      >
+        <p class="truncate text-sm font-medium" [title]="value()">{{ fileName() }}</p>
+        <div class="mt-2 flex flex-wrap items-center gap-2">
+          <button
+            type="button"
+            app-button
+            variant="outline"
+            [disabled]="disabled()"
+            (click)="pickFile()"
+          >
+            Reemplazar
+          </button>
+          @if (!field().required) {
+            <button
+              type="button"
+              app-button
+              variant="outline"
+              [disabled]="disabled()"
+              (click)="clear()"
+            >
+              Quitar
+            </button>
+          }
+          <a
+            class="text-sm font-medium text-primary hover:underline"
+            [href]="value()"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Abrir
+          </a>
+        </div>
+      </div>
+    } @else {
+      <div
+        class="rounded-xl border-2 border-dashed border-neutral/30 p-6 text-center"
+        data-testid="file-dropzone"
+        (dragover)="$event.preventDefault()"
+        (drop)="onDrop($event)"
+      >
+        <p class="text-sm text-neutral">Arrastrá un archivo acá</p>
+        <button
+          type="button"
+          app-button
+          variant="outline"
+          class="mt-2"
+          [disabled]="disabled()"
+          (click)="pickFile()"
+        >
+          Subir archivo
+        </button>
+      </div>
+    }
+
+    <input
+      #fileInput
+      type="file"
+      class="sr-only"
+      [accept]="acceptAttr()"
+      [disabled]="disabled()"
+      (change)="onFileSelected($event)"
+    />`
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		resource: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "resource",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		touch: [{
+			type: i0.Output,
+			args: ["touch"]
+		}],
+		fileInput: [{
+			type: i0.ViewChild,
+			args: ["fileInput", { isSignal: true }]
+		}]
+	}
+});
+function acceptMatches(accept, file) {
+	for (const raw of accept.split(",")) {
+		const entry = raw.trim().toLowerCase();
+		if (entry === "") continue;
+		if (entry.startsWith(".")) {
+			if (file.name.toLowerCase().endsWith(entry)) return true;
+		} else if (entry.endsWith("/*")) {
+			if (file.type.startsWith(entry.slice(0, -1))) return true;
+		} else if (file.type === entry) return true;
+	}
+	return false;
+}
+export { file_exports as n, FieldFile as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-file-Dg2N3XQ2.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-file-Dg2N3XQ2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-file-Dg2N3XQ2.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/file/file.ts"],"sourcesContent":["import { HttpEventType } from '@angular/common/http';\nimport {\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport type { FileField } from '../../core/models/schema.model';\nimport { ApiError } from '../../core/models/api.model';\nimport { NotificationService } from '../../core/services/notification.service';\nimport { Button } from '../../shared/components/button/button';\nimport { UploadService } from '../../core/services/upload.service';\n\n/**\n * Carga de archivo (base.md §7 · R9.5.3): el valor es SOLO la URL pública,\n * igual que `image`, pero para cualquier tipo de archivo (pdf, xlsx, zip…).\n *\n * Espejo de `FieldImage` (D27: es un control propio que no pasa por\n * `NgComponentOutlet`, porque su `value` es un `model()` que el host\n * sincroniza por `[formField]`). La ÚNICA diferencia de comportamiento: no\n * fuerza el prefijo `image/` — el catálogo de formatos lo define el backend\n * por campo (`formats` declarado) o la lista global, y el cliente sólo\n * respeta `accept`/`maxSizeMB` como validación de comodidad.\n *\n * Estados: vacío (zona punteada + arrastrar-soltar), subiendo (progreso; el\n * valor no cambia hasta la respuesta), con archivo (nombre + Quitar / Ver) y\n * error (conserva el archivo anterior).\n */\n@Component({\n  selector: 'app-field-file',\n  imports: [Button],\n  template: ` @if (error(); as message) {\n      <p\n        class=\"mb-2 rounded-lg border border-danger/30 bg-danger/10 px-3 py-2 text-xs text-danger\"\n        role=\"alert\"\n      >\n        {{ message }}\n      </p>\n    }\n    @if (uploading()) {\n      <div class=\"rounded-xl border border-neutral/20 bg-surface p-3\" data-testid=\"file-uploading\">\n        <div class=\"h-1.5 w-full overflow-hidden rounded-full bg-neutral/20\">\n          <div\n            class=\"h-full rounded-full bg-primary transition-all\"\n            [style.width.%]=\"progress()\"\n          ></div>\n        </div>\n        <p class=\"mt-1 text-xs text-neutral\">Subiendo… {{ progress() }}%</p>\n      </div>\n    } @else if (value()) {\n      <div\n        class=\"rounded-xl border border-neutral/20 bg-surface p-3\"\n        data-testid=\"file-preview\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p class=\"truncate text-sm font-medium\" [title]=\"value()\">{{ fileName() }}</p>\n        <div class=\"mt-2 flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            app-button\n            variant=\"outline\"\n            [disabled]=\"disabled()\"\n            (click)=\"pickFile()\"\n          >\n            Reemplazar\n          </button>\n          @if (!field().required) {\n            <button\n              type=\"button\"\n              app-button\n              variant=\"outline\"\n              [disabled]=\"disabled()\"\n              (click)=\"clear()\"\n            >\n              Quitar\n            </button>\n          }\n          <a\n            class=\"text-sm font-medium text-primary hover:underline\"\n            [href]=\"value()\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Abrir\n          </a>\n        </div>\n      </div>\n    } @else {\n      <div\n        class=\"rounded-xl border-2 border-dashed border-neutral/30 p-6 text-center\"\n        data-testid=\"file-dropzone\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p class=\"text-sm text-neutral\">Arrastrá un archivo acá</p>\n        <button\n          type=\"button\"\n          app-button\n          variant=\"outline\"\n          class=\"mt-2\"\n          [disabled]=\"disabled()\"\n          (click)=\"pickFile()\"\n        >\n          Subir archivo\n        </button>\n      </div>\n    }\n\n    <input\n      #fileInput\n      type=\"file\"\n      class=\"sr-only\"\n      [accept]=\"acceptAttr()\"\n      [disabled]=\"disabled()\"\n      (change)=\"onFileSelected($event)\"\n    />`,\n})\nexport class FieldFile implements FormValueControl<string> {\n  readonly field = input.required<FileField>();\n  /** Recurso dueño del archivo (firma de subida: carpeta de Cloudinary, §11.2). */\n  readonly resource = input('');\n\n  /** Sincronizado por el directive `FormField` del host. */\n  readonly value = model.required<string>();\n  readonly disabled = input(false);\n  /** Marca el campo como tocado (upload/clear/error), como el `blur` nativo. */\n  readonly touch = output<void>();\n\n  private readonly upload = inject(UploadService);\n  private readonly notifications = inject(NotificationService);\n  private readonly destroyRef = inject(DestroyRef);\n\n  protected readonly uploading = signal(false);\n  protected readonly progress = signal(0);\n  protected readonly error = signal<string | null>(null);\n\n  /**\n   * Nombre derivado de la URL para el preview. Cloudinary guarda el\n   * `public_id` al final del path (…/v123/produccion/adjuntos/archivo_xyz):\n   * lo presentable es el sufijo tras el último `/`, sin extensión ruidosa.\n   */\n  protected readonly fileName = computed(() => {\n    const url = this.value();\n    const segment = url.split('/').pop() ?? url;\n    return decodeURIComponent(segment);\n  });\n\n  /** `accept` de `<input type=file>`: el declarado o `''` (sin forzar `image/*`). */\n  protected readonly acceptAttr = computed(() => this.field().accept ?? '');\n\n  /**\n   * Template ref `#fileInput`: Angular NO auto-asigna las template refs a\n   * propiedades de clase (mismo motivo que en `FieldImage`).\n   */\n  private readonly fileInput = viewChild.required<ElementRef<HTMLInputElement>>('fileInput');\n  private uploadSub?: { unsubscribe(): void };\n\n  protected pickFile(): void {\n    this.fileInput().nativeElement.click();\n  }\n\n  protected clear(): void {\n    this.value.set('');\n    this.error.set(null);\n    this.touch.emit();\n  }\n\n  protected onFileSelected(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const file = input.files?.[0];\n    // Permite volver a elegir el mismo archivo tras un error.\n    input.value = '';\n    if (file) {\n      this.startUpload(file);\n    }\n  }\n\n  protected onDrop(event: Event): void {\n    event.preventDefault();\n    const file = (event as DragEvent).dataTransfer?.files?.[0];\n    if (file) {\n      this.startUpload(file);\n    }\n  }\n\n  /** Valida en cliente (accept + maxSizeMB) y sube con progreso. */\n  private startUpload(file: File): void {\n    if (this.disabled()) {\n      return;\n    }\n    const problem = this.validate(file);\n    if (problem !== null) {\n      this.error.set(problem);\n      this.touch.emit();\n      return;\n    }\n    this.error.set(null);\n    this.uploading.set(true);\n    this.progress.set(0);\n    this.touch.emit();\n\n    this.uploadSub?.unsubscribe();\n    // El nombre del campo viaja siempre: si declara `formats`, el backend\n    // firma ESA lista; sin formatos firma la lista global (R9.5.3).\n    this.uploadSub = this.upload\n      .uploadWithProgress(file, this.resource(), this.field().key)\n      .subscribe({\n        next: (event) => {\n          if (event.type === HttpEventType.UploadProgress) {\n            if (event.total) {\n              this.progress.set(Math.round((event.loaded / event.total) * 100));\n            }\n            return;\n          }\n          if (event.type === HttpEventType.Response) {\n            const url = event.body ?? '';\n            this.uploading.set(false);\n            if (url === '') {\n              this.error.set('No se pudo subir el archivo.');\n              return;\n            }\n            this.value.set(url);\n            this.notifications.success('Archivo subido.');\n          }\n        },\n        error: (err: unknown) => {\n          this.uploading.set(false);\n          // El backend explica el motivo (firma inválida, 429 rate-limit…).\n          this.error.set(\n            err instanceof ApiError\n              ? err.message\n              : 'No se pudo subir el archivo. Revisa la conexión e inténtalo de nuevo.',\n          );\n        },\n      });\n    this.destroyRef.onDestroy(() => this.uploadSub?.unsubscribe());\n  }\n\n  private validate(file: File): string | null {\n    const accept = this.field().accept;\n    if (accept !== undefined && accept !== '' && !acceptMatches(accept, file)) {\n      return 'Formato no permitido para este campo.';\n    }\n    const maxSizeMB = this.field().maxSizeMB;\n    if (maxSizeMB !== undefined && file.size > maxSizeMB * 1024 * 1024) {\n      return `El archivo supera ${maxSizeMB} MB.`;\n    }\n    return null;\n  }\n}\n\n/** `accept` de `<input type=file>`: lista, `tipo/*` o extensión `.png`. */\nfunction acceptMatches(accept: string, file: File): boolean {\n  for (const raw of accept.split(',')) {\n    const entry = raw.trim().toLowerCase();\n    if (entry === '') {\n      continue;\n    }\n    if (entry.startsWith('.')) {\n      if (file.name.toLowerCase().endsWith(entry)) {\n        return true;\n      }\n    } else if (entry.endsWith('/*')) {\n      if (file.type.startsWith(entry.slice(0, -1))) {\n        return true;\n      }\n    } else if (file.type === entry) {\n      return true;\n    }\n  }\n  return false;\n}\n"],"mappings":"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"}