@tinya-code/gas-admin-ui 0.2.0-alpha.12 → 0.2.0-alpha.15

package/fesm2022/tinya-code-gas-admin-ui-image-7UhJ7nqI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tinya-code-gas-admin-ui-image-7UhJ7nqI.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/image/image.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 { ImageField } 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 imagen (base.md §7): el valor es SOLO la URL pública.\n *\n * Control propio `FormValueControl<string>`: el nodo llega con `[formField]`\n * desde el despachador y el `id` lo pone el host sobre este elemento (mismo\n * patrón que `multiselect`), para que el `<label for>` del campo exista.\n *\n * Estados: vacío (zona punteada + arrastrar-soltar), subiendo (progreso; el\n * valor no cambia hasta la respuesta), con imagen (preview + Reemplazar /\n * Quitar / Ver en grande, y drop sobre el preview para reemplazar) y error\n * (conserva la imagen anterior).\n */\n@Component({\n  selector: 'app-field-image',\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=\"image-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=\"image-preview\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <img\n          [src]=\"value()\"\n          [alt]=\"''\"\n          [class]=\"previewClass()\"\n          [style.aspect-ratio]=\"aspectRatio()\"\n        />\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            Ver en grande\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=\"image-dropzone\"\n        (dragover)=\"$event.preventDefault()\"\n        (drop)=\"onDrop($event)\"\n      >\n        <p class=\"text-sm text-neutral\">Arrastrá una imagen 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 imagen\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 FieldImage implements FormValueControl<string> {\n  readonly field = input.required<ImageField>();\n  /** Recurso dueño de la imagen (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  /** Literal en el código: Tailwind v4 genera las clases al escanearlo. */\n  protected readonly previewClass = computed(\n    () => `${this.field().previewSize ?? 'w-48'} rounded-lg object-cover`,\n  );\n  protected readonly aspectRatio = computed(() => this.field().aspectRatio ?? null);\n  protected readonly acceptAttr = computed(() => this.field().accept ?? 'image/*');\n\n  /**\n   * Template ref `#fileInput`: Angular NO auto-asigna las template refs a\n   * propiedades de clase (el campo `fileInput` quedaba `undefined` y\n   * `pickFile()` no hacía nada — el selector no se abría). Igual que en\n   * `modal.ts`: el tipo se expresa como genérico (`ElementRef<T>`).\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 la imagen.');\n              return;\n            }\n            this.value.set(url);\n            this.notifications.success('Imagen subida.');\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 la imagen. 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    if (!file.type.startsWith('image/')) {\n      return 'El archivo debe ser una imagen.';\n    }\n    const accept = this.field().accept;\n    if (accept !== undefined && !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 `La imagen supera ${maxSizeMB} MB.`;\n    }\n    return null;\n  }\n}\n\n/** `accept` de `<input type=file>`: lista, `image/*` 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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"}

package/fesm2022/tinya-code-gas-admin-ui-kanban-view-Dl0Ol5Kb.mjs

@@ -1,439 +0,0 @@
-import { i as getSchema } from "./tinya-code-gas-admin-ui-schema-catalog-D0Pk0wAN.mjs";
-import { t as Button } from "./tinya-code-gas-admin-ui-button-BQjNW8KB.mjs";
-import { t as DataSourceService } from "./tinya-code-gas-admin-ui-data-source.service-96FSbN72.mjs";
-import { t as ErrorMapperService } from "./tinya-code-gas-admin-ui-error-mapper.service-DY5y1FjE.mjs";
-import { t as EmptyState } from "./tinya-code-gas-admin-ui-empty-state-BMc0QtoT.mjs";
-import { t as Skeleton } from "./tinya-code-gas-admin-ui-skeleton-DnWK0tcZ.mjs";
-import * as i0 from "@angular/core";
-import { ChangeDetectionStrategy, Component, computed, effect, inject, signal } from "@angular/core";
-import { ActivatedRoute } from "@angular/router";
-import { toSignal } from "@angular/core/rxjs-interop";
-const CARD_NO_TITLE = "Sin título";
-const OBJECT_VALUE_KEYS = [
-	"label",
-	"value",
-	"id"
-];
-function scalarText(value) {
-	if (typeof value === "string") {
-		const text = value.trim();
-		return text === "" ? null : text;
-	}
-	if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") return String(value);
-	return null;
-}
-function cellText(value) {
-	const scalar = scalarText(value);
-	if (scalar !== null) return scalar;
-	if (value !== null && typeof value === "object") {
-		const cell = value;
-		for (const key of OBJECT_VALUE_KEYS) {
-			const text = scalarText(cell[key]);
-			if (text !== null) return text;
-		}
-	}
-	return null;
-}
-function mapKanbanRows(rows, config, opts = {}) {
-	const columns = [];
-	const byValue = /* @__PURE__ */ new Map();
-	const declared = Array.isArray(config.columns) ? config.columns : [];
-	for (const column of declared) {
-		const value = typeof column?.value === "string" ? column.value : "";
-		if (value === "" || byValue.has(value)) continue;
-		const bucket = {
-			value,
-			label: typeof column.label === "string" && column.label !== "" ? column.label : value,
-			rows: []
-		};
-		byValue.set(value, bucket);
-		columns.push(bucket);
-	}
-	const unknown = [];
-	for (const row of rows) {
-		const value = cellText(row[config.groupField]);
-		if (value === null) {
-			unknown.push(row);
-			continue;
-		}
-		let bucket = byValue.get(value);
-		if (bucket === void 0) {
-			bucket = {
-				value,
-				label: opts.labelFor !== void 0 ? opts.labelFor(value) : value,
-				rows: []
-			};
-			byValue.set(value, bucket);
-			columns.push(bucket);
-		}
-		bucket.rows.push(row);
-	}
-	return {
-		columns,
-		unknown
-	};
-}
-function cardTitle(row, config, schema) {
-	const candidates = [
-		config.titleField,
-		schema.titleField,
-		schema.keyField
-	];
-	for (const field of candidates) {
-		if (typeof field !== "string" || field === "") continue;
-		const text = cellText(row[field]);
-		if (text !== null) return text;
-	}
-	return CARD_NO_TITLE;
-}
-function cardSubtitle(row, config, _schema) {
-	const field = config.subtitleField;
-	if (typeof field !== "string" || field === "") return "";
-	return cellText(row[field]) ?? "";
-}
-function kanbanConfigOf(view) {
-	if (!view || typeof view !== "object") return void 0;
-	const candidate = view;
-	return candidate.type === "kanban" && candidate.config !== void 0 ? candidate.config : void 0;
-}
-const UNKNOWN_LABEL = "Sin valor";
-const UNKNOWN_VALUE = "__sin_valor__";
-var KanbanView = class KanbanView {
-	route = inject(ActivatedRoute);
-	routeData = toSignal(this.route.data, { requireSync: true });
-	dataSource = inject(DataSourceService);
-	errorMapper = inject(ErrorMapperService);
-	schema = computed(() => {
-		const data = this.routeData();
-		const explicit = data["schema"];
-		if (explicit !== void 0) return explicit;
-		const resourceId = data["resourceId"];
-		return typeof resourceId === "string" ? getSchema(resourceId) : void 0;
-	}, ...ngDevMode ? [{ debugName: "schema" }] : /* istanbul ignore next */ []);
-	config = computed(() => {
-		const schema = this.schema();
-		const viewName = this.routeData()["uiView"];
-		if (schema === void 0 || typeof viewName !== "string") return void 0;
-		const cfg = kanbanConfigOf(schema.uiViews?.[viewName]);
-		if (cfg === void 0) return void 0;
-		return typeof cfg.groupField === "string" && cfg.groupField !== "" && Array.isArray(cfg.columns) && cfg.columns.length > 0 && cfg.columns.every((column) => typeof column?.value === "string" && column.value !== "") ? cfg : void 0;
-	}, ...ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []);
-	status = signal("loading", ...ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []);
-	rows = signal([], ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
-	errorMessage = signal("", ...ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []);
-	seleccionada = signal(null, ...ngDevMode ? [{ debugName: "seleccionada" }] : /* istanbul ignore next */ []);
-	loadEpoch = 0;
-	constructor() {
-		effect(() => {
-			const cfg = this.config();
-			if (cfg === void 0) return;
-			this.load(cfg);
-		});
-	}
-	mapping = computed(() => {
-		const cfg = this.config();
-		const schema = this.schema();
-		if (cfg === void 0 || schema === void 0) return {
-			columns: [],
-			unknown: []
-		};
-		return mapKanbanRows(this.rows(), cfg);
-	}, ...ngDevMode ? [{ debugName: "mapping" }] : /* istanbul ignore next */ []);
-	columns = computed(() => {
-		const { columns, unknown } = this.mapping();
-		if (unknown.length === 0) return columns;
-		return [...columns, {
-			value: UNKNOWN_VALUE,
-			label: UNKNOWN_LABEL,
-			rows: unknown
-		}];
-	}, ...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
-	retry() {
-		const cfg = this.config();
-		if (cfg !== void 0) this.load(cfg);
-	}
-	keyOf(row) {
-		const schema = this.schema();
-		const key = schema ? row[schema.keyField] : void 0;
-		return key === void 0 || key === null ? "" : String(key);
-	}
-	binding() {
-		return this.routeData()["select"];
-	}
-	activar(event, row) {
-		if (!this.seleccionable()) return;
-		event.preventDefault();
-		this.seleccionar(row);
-	}
-	seleccionar(row) {
-		const binding = this.binding();
-		if (binding === void 0) return;
-		if (binding.mode === "inline") {
-			this.seleccionada.set(this.keyOf(row));
-			return;
-		}
-		if (binding.mode === "none") return;
-		const schema = this.schema();
-		const emit = this.routeData()["emit"];
-		emit?.({
-			resource: schema?.id ?? String(this.routeData()["resourceId"] ?? ""),
-			key: this.keyOf(row),
-			action: binding.on
-		});
-	}
-	seleccionable() {
-		const binding = this.binding();
-		return binding !== void 0 && binding.mode !== "none";
-	}
-	esSeleccionada(row) {
-		return this.seleccionable() && this.seleccionada() === this.keyOf(row);
-	}
-	columnAria(column) {
-		const count = column.rows.length;
-		return `${column.label}: ${count} ${count === 1 ? "tarjeta" : "tarjetas"}`;
-	}
-	cardTitleOf(row) {
-		const cfg = this.config();
-		const schema = this.schema();
-		if (cfg === void 0 || schema === void 0) return "";
-		return cardTitle(row, cfg, schema);
-	}
-	cardSubtitleOf(row) {
-		const cfg = this.config();
-		const schema = this.schema();
-		if (cfg === void 0 || schema === void 0) return "";
-		return cardSubtitle(row, cfg, schema);
-	}
-	async load(cfg) {
-		const schema = this.schema();
-		if (schema === void 0) return;
-		const epoch = ++this.loadEpoch;
-		this.status.set("loading");
-		const source = cfg.source ?? { resource: schema.id };
-		try {
-			const rows = await this.dataSource.rows(source, void 0);
-			if (epoch !== this.loadEpoch) return;
-			this.rows.set(rows);
-			this.errorMessage.set("");
-			this.status.set("ready");
-		} catch (error) {
-			if (epoch !== this.loadEpoch) return;
-			this.errorMessage.set(this.errorMapper.map(error).general ?? "No se pudo cargar el tablero.");
-			this.status.set("error");
-		}
-	}
-	static ɵfac = i0.ɵɵngDeclareFactory({
-		minVersion: "12.0.0",
-		version: "22.2.3",
-		ngImport: i0,
-		type: KanbanView,
-		deps: [],
-		target: i0.ɵɵFactoryTarget.Component
-	});
-	static ɵcmp = i0.ɵɵngDeclareComponent({
-		minVersion: "17.0.0",
-		version: "22.2.3",
-		type: KanbanView,
-		isStandalone: true,
-		selector: "app-kanban-view",
-		ngImport: i0,
-		template: `
-    @if (config(); as cfg) {
-      <section class="space-y-4" aria-label="Tablero" [attr.aria-busy]="status() === 'loading'">
-        <header class="flex flex-wrap items-center justify-between gap-3">
-          <h2 class="font-display text-xl font-semibold">Tablero</h2>
-          <p class="text-sm text-neutral">
-            Agrupado por <code>{{ cfg.groupField }}</code>
-          </p>
-        </header>
-
-        @switch (status()) {
-          @case ('loading') {
-            <app-skeleton [lines]="6" [height]="32" />
-          }
-          @case ('error') {
-            <app-empty-state title="No se pudo cargar el tablero" [message]="errorMessage()">
-              <button app-button variant="outline" type="button" (click)="retry()">
-                Reintentar
-              </button>
-            </app-empty-state>
-          }
-          @case ('ready') {
-            <div class="flex gap-3 overflow-x-auto pb-2">
-              @for (column of columns(); track column.value) {
-                <section
-                  class="flex w-64 shrink-0 flex-col gap-3 rounded-xl border border-neutral/20 bg-surface p-3"
-                  [attr.data-column]="column.value"
-                  [attr.aria-label]="columnAria(column)"
-                >
-                  <header class="flex items-center justify-between gap-2">
-                    <h3 class="text-sm font-semibold">{{ column.label }}</h3>
-                    <span class="rounded-full bg-neutral/10 px-2 py-0.5 text-xs text-neutral">
-                      {{ column.rows.length }}<span class="sr-only"> tarjetas</span>
-                    </span>
-                  </header>
-                  @if (column.rows.length === 0) {
-                    <p class="text-sm text-neutral">Sin tarjetas</p>
-                  } @else {
-                    <ul class="flex flex-col gap-2">
-                      @for (row of column.rows; track $index) {
-                        <li
-                          class="rounded-lg border border-neutral/15 p-2"
-                          [attr.tabindex]="seleccionable() ? '0' : null"
-                          [attr.role]="seleccionable() ? 'button' : null"
-                          [class.cursor-pointer]="seleccionable()"
-                          [class.ring-2]="esSeleccionada(row)"
-                          [attr.data-selectable]="seleccionable() ? 'true' : null"
-                          (click)="seleccionar(row)"
-                          (keydown.enter)="activar($event, row)"
-                          (keydown.space)="activar($event, row)"
-                        >
-                          <p class="text-sm font-medium">{{ cardTitleOf(row) }}</p>
-                          @if (cardSubtitleOf(row); as subtitle) {
-                            <p class="mt-0.5 text-xs text-neutral">{{ subtitle }}</p>
-                          }
-                        </li>
-                      }
-                    </ul>
-                  }
-                </section>
-              }
-            </div>
-          }
-        }
-      </section>
-    } @else {
-      <app-empty-state
-        title="Configuración inválida"
-        message="Esta vista no declara una configuración de kanban válida."
-      />
-    }
-  `,
-		isInline: true,
-		dependencies: [
-			{
-				kind: "component",
-				type: Button,
-				selector: "button[app-button]",
-				inputs: [
-					"variant",
-					"size",
-					"type",
-					"disabled",
-					"loading"
-				]
-			},
-			{
-				kind: "component",
-				type: EmptyState,
-				selector: "app-empty-state",
-				inputs: ["title", "message"]
-			},
-			{
-				kind: "component",
-				type: Skeleton,
-				selector: "app-skeleton",
-				inputs: [
-					"lines",
-					"height",
-					"width"
-				]
-			}
-		],
-		changeDetection: i0.ChangeDetectionStrategy.OnPush
-	});
-};
-i0.ɵɵngDeclareClassMetadata({
-	minVersion: "12.0.0",
-	version: "22.2.3",
-	ngImport: i0,
-	type: KanbanView,
-	decorators: [{
-		type: Component,
-		args: [{
-			selector: "app-kanban-view",
-			changeDetection: ChangeDetectionStrategy.OnPush,
-			imports: [
-				Button,
-				EmptyState,
-				Skeleton
-			],
-			template: `
-    @if (config(); as cfg) {
-      <section class="space-y-4" aria-label="Tablero" [attr.aria-busy]="status() === 'loading'">
-        <header class="flex flex-wrap items-center justify-between gap-3">
-          <h2 class="font-display text-xl font-semibold">Tablero</h2>
-          <p class="text-sm text-neutral">
-            Agrupado por <code>{{ cfg.groupField }}</code>
-          </p>
-        </header>
-
-        @switch (status()) {
-          @case ('loading') {
-            <app-skeleton [lines]="6" [height]="32" />
-          }
-          @case ('error') {
-            <app-empty-state title="No se pudo cargar el tablero" [message]="errorMessage()">
-              <button app-button variant="outline" type="button" (click)="retry()">
-                Reintentar
-              </button>
-            </app-empty-state>
-          }
-          @case ('ready') {
-            <div class="flex gap-3 overflow-x-auto pb-2">
-              @for (column of columns(); track column.value) {
-                <section
-                  class="flex w-64 shrink-0 flex-col gap-3 rounded-xl border border-neutral/20 bg-surface p-3"
-                  [attr.data-column]="column.value"
-                  [attr.aria-label]="columnAria(column)"
-                >
-                  <header class="flex items-center justify-between gap-2">
-                    <h3 class="text-sm font-semibold">{{ column.label }}</h3>
-                    <span class="rounded-full bg-neutral/10 px-2 py-0.5 text-xs text-neutral">
-                      {{ column.rows.length }}<span class="sr-only"> tarjetas</span>
-                    </span>
-                  </header>
-                  @if (column.rows.length === 0) {
-                    <p class="text-sm text-neutral">Sin tarjetas</p>
-                  } @else {
-                    <ul class="flex flex-col gap-2">
-                      @for (row of column.rows; track $index) {
-                        <li
-                          class="rounded-lg border border-neutral/15 p-2"
-                          [attr.tabindex]="seleccionable() ? '0' : null"
-                          [attr.role]="seleccionable() ? 'button' : null"
-                          [class.cursor-pointer]="seleccionable()"
-                          [class.ring-2]="esSeleccionada(row)"
-                          [attr.data-selectable]="seleccionable() ? 'true' : null"
-                          (click)="seleccionar(row)"
-                          (keydown.enter)="activar($event, row)"
-                          (keydown.space)="activar($event, row)"
-                        >
-                          <p class="text-sm font-medium">{{ cardTitleOf(row) }}</p>
-                          @if (cardSubtitleOf(row); as subtitle) {
-                            <p class="mt-0.5 text-xs text-neutral">{{ subtitle }}</p>
-                          }
-                        </li>
-                      }
-                    </ul>
-                  }
-                </section>
-              }
-            </div>
-          }
-        }
-      </section>
-    } @else {
-      <app-empty-state
-        title="Configuración inválida"
-        message="Esta vista no declara una configuración de kanban válida."
-      />
-    }
-  `
-		}]
-	}],
-	ctorParameters: () => []
-});
-export { KanbanView };
-
-//# sourceMappingURL=tinya-code-gas-admin-ui-kanban-view-Dl0Ol5Kb.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-kanban-view-Dl0Ol5Kb.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tinya-code-gas-admin-ui-kanban-view-Dl0Ol5Kb.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/views/kanban-view/kanban-model.ts","../../../projects/gas-admin-ui/src/lib/views/kanban-view/kanban-view.ts"],"sourcesContent":["import type { KanbanViewConfig, ResourceSchema } from '../../core/models/schema.model';\nimport type { SourceRow } from '../../core/services/data-source.service';\n\n/**\n * Pure grouping + card-text model for the generic kanban view (R9.8.4).\n *\n * No Angular imports: everything here is a plain function over rows, so the\n * rules below are testable without a TestBed.\n *\n * Rules (decided · R9.8.1 read-only, R9.8.4 visibility):\n * - Column order is `config.columns` order; a declared column ALWAYS exists,\n *   even with zero rows (an empty column is a visible «Sin tarjetas», never\n *   a missing column).\n * - A row whose `groupField` value is empty/undefined goes to `unknown` —\n *   surfaced, never silently dropped.\n * - A value that is not declared gets its own column appended AFTER the\n *   declared ones: undeclared values are VISIBLE, not hidden.\n * - Order inside a column is the row insertion order (stable, deterministic).\n */\n\n/** One column of the board: declared in the config or discovered in the rows. */\nexport interface KanbanColumnBucket {\n  /** Raw `groupField` value that owns the bucket (unique across the board). */\n  value: string;\n  /** Visible label: the declared column's label, or the raw value. */\n  label: string;\n  /** Rows of the bucket, in insertion order. */\n  rows: SourceRow[];\n}\n\n/** Result of grouping raw rows onto board columns (R9.8.4). */\nexport interface KanbanMapping {\n  /** Declared columns (in declared order) + one bucket per undeclared value. */\n  columns: KanbanColumnBucket[];\n  /** Rows whose `groupField` value is empty — visible, never dropped. */\n  unknown: SourceRow[];\n}\n\n/** Options of the grouping (all optional; the defaults are the decided rules). */\nexport interface KanbanMapOptions {\n  /**\n   * Label of buckets whose value is NOT declared in `config.columns`.\n   * Default: the raw value itself, so undeclared values stay verbatim and\n   * visible. The view uses the default; the hook exists for callers that\n   * want to decorate the label without touching the grouping rules.\n   */\n  labelFor?: (value: string) => string;\n}\n\n/** Title of a card whose every candidate is empty/unreadable (never blank). */\nexport const CARD_NO_TITLE = 'Sin título';\n\n/** Object cells: the readable keys, in preference order. */\nconst OBJECT_VALUE_KEYS = ['label', 'value', 'id'] as const;\n\n/** Printable text of a scalar cell; `null` when it is empty or not scalar. */\nfunction scalarText(value: unknown): string | null {\n  if (typeof value === 'string') {\n    const text = value.trim();\n    return text === '' ? null : text;\n  }\n  if (typeof value === 'number' || typeof value === 'boolean' || typeof value === 'bigint') {\n    return String(value);\n  }\n  return null;\n}\n\n/**\n * Printable text of ANY cell: scalars as-is (trimmed), objects reduced to\n * their first readable `label`/`value`/`id`. `null` when there is nothing\n * readable — the caller decides (bucket → `unknown`, card → next fallback).\n *\n * Never returns `undefined` nor `[object Object]`: that is the whole point.\n */\nfunction cellText(value: unknown): string | null {\n  const scalar = scalarText(value);\n  if (scalar !== null) return scalar;\n  if (value !== null && typeof value === 'object') {\n    const cell = value as Record<string, unknown>;\n    for (const key of OBJECT_VALUE_KEYS) {\n      const text = scalarText(cell[key]);\n      if (text !== null) return text;\n    }\n  }\n  return null;\n}\n\n/**\n * Pure row → board grouping (R9.8.4): the single place that decides which\n * column owns each row, which rows are «unknown» and in what order the\n * columns are painted.\n *\n * Deterministic: declared columns keep their declared order (even when\n * empty), undeclared values are appended in first-appearance order, and the\n * rows inside each column keep their insertion order.\n */\nexport function mapKanbanRows(\n  rows: readonly SourceRow[],\n  config: KanbanViewConfig,\n  opts: KanbanMapOptions = {},\n): KanbanMapping {\n  const columns: KanbanColumnBucket[] = [];\n  const byValue = new Map<string, KanbanColumnBucket>();\n\n  // Declared columns first — always visible, even with zero rows.\n  const declared = Array.isArray(config.columns) ? config.columns : [];\n  for (const column of declared) {\n    const value = typeof column?.value === 'string' ? column.value : '';\n    // Contract (R9.8.2): `value` obligatorio y único — a duplicated or empty\n    // declaration cannot own a bucket, the first valid one wins.\n    if (value === '' || byValue.has(value)) continue;\n    const label = typeof column.label === 'string' && column.label !== '' ? column.label : value;\n    const bucket: KanbanColumnBucket = { value, label, rows: [] };\n    byValue.set(value, bucket);\n    columns.push(bucket);\n  }\n\n  const unknown: SourceRow[] = [];\n  for (const row of rows) {\n    const value = cellText(row[config.groupField]);\n    if (value === null) {\n      // Empty/undefined (or unreadable object): visible bucket, never dropped.\n      unknown.push(row);\n      continue;\n    }\n    let bucket = byValue.get(value);\n    if (bucket === undefined) {\n      // Undeclared value: its own column, appended AFTER the declared ones.\n      const label = opts.labelFor !== undefined ? opts.labelFor(value) : value;\n      bucket = { value, label, rows: [] };\n      byValue.set(value, bucket);\n      columns.push(bucket);\n    }\n    bucket.rows.push(row);\n  }\n\n  return { columns, unknown };\n}\n\n/**\n * Title of a card: `config.titleField` → `schema.titleField` →\n * `schema.keyField`, first candidate with readable text wins. An unreadable\n * value (empty, `undefined`, an object with no label) never reaches the DOM:\n * the chain falls through to the key, and to a visible «Sin título» when not\n * even the key has text.\n */\nexport function cardTitle(\n  row: SourceRow,\n  config: KanbanViewConfig,\n  schema: ResourceSchema,\n): string {\n  const candidates = [config.titleField, schema.titleField, schema.keyField];\n  for (const field of candidates) {\n    if (typeof field !== 'string' || field === '') continue;\n    const text = cellText(row[field]);\n    if (text !== null) return text;\n  }\n  return CARD_NO_TITLE;\n}\n\n/**\n * Second line of a card: the `config.subtitleField` value when the config\n * declares one, `''` otherwise (the schema has no notion of subtitle).\n */\nexport function cardSubtitle(\n  row: SourceRow,\n  config: KanbanViewConfig,\n  _schema: ResourceSchema,\n): string {\n  const field = config.subtitleField;\n  if (typeof field !== 'string' || field === '') return '';\n  return cellText(row[field]) ?? '';\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  inject,\n  signal,\n} from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute } from '@angular/router';\n\nimport type {\n  KanbanViewConfig,\n  ResourceSchema,\n  SelectionBinding,\n} from '../../core/models/schema.model';\nimport { ErrorMapperService } from '../../core/services/error-mapper.service';\nimport { DataSourceService, type SourceRow } from '../../core/services/data-source.service';\nimport type { SelectionEmitter } from '../composer/view-context';\nimport { getSchema } from '../../core/registry/schema-catalog';\nimport { Button } from '../../shared/components/button/button';\nimport { EmptyState } from '../../shared/components/empty-state/empty-state';\nimport { Skeleton } from '../../shared/components/skeleton/skeleton';\nimport {\n  cardSubtitle,\n  cardTitle,\n  mapKanbanRows,\n  type KanbanColumnBucket,\n  type KanbanMapping,\n} from './kanban-model';\n\n/**\n * Narrowing helper: `UiViewBase` keeps `type: string` open, so comparing\n * `view.type === 'kanban'` alone does not remove the base member from the\n * union. Requiring `config` in the value is what actually proves the view is\n * a `UiViewKanban` at runtime.\n */\nfunction kanbanConfigOf(view: unknown): KanbanViewConfig | undefined {\n  if (!view || typeof view !== 'object') return undefined;\n  const candidate = view as { type?: unknown; config?: unknown };\n  return candidate.type === 'kanban' && candidate.config !== undefined\n    ? (candidate.config as KanbanViewConfig)\n    : undefined;\n}\n\ntype Status = 'loading' | 'ready' | 'error';\n\n/** Label of the bucket for rows without a group value (Spanish UI copy). */\nconst UNKNOWN_LABEL = 'Sin valor';\n\n/**\n * Synthetic `value` of that bucket: a real group value can never collide\n * with it (a declared `value` is non-empty and the grouping never produces\n * this literal), so `@for` tracking stays unique.\n */\nconst UNKNOWN_VALUE = '__sin_valor__';\n\n/**\n * Generic kanban view (R9.8.4): rows of the declared\n * `KanbanViewConfig.source` (or the resource's own listing) grouped by\n * `groupField` into the declared columns, client-side.\n *\n * Data flow: ONE fetcher (`DataSourceService.rows`) — there is no dynamic\n * context here, so `ctx` is `undefined`; the 30 s cache of the service is\n * what keeps repeated visits free.\n *\n * Read-only by design (R9.8.1): no drag-and-drop, no move buttons, no\n * mutation path at all. Colour never carries meaning alone — every count is\n * text — and an empty column is a visible «Sin tarjetas», never a gap.\n */\n@Component({\n  selector: 'app-kanban-view',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [Button, EmptyState, Skeleton],\n  template: `\n    @if (config(); as cfg) {\n      <section class=\"space-y-4\" aria-label=\"Tablero\" [attr.aria-busy]=\"status() === 'loading'\">\n        <header class=\"flex flex-wrap items-center justify-between gap-3\">\n          <h2 class=\"font-display text-xl font-semibold\">Tablero</h2>\n          <p class=\"text-sm text-neutral\">\n            Agrupado por <code>{{ cfg.groupField }}</code>\n          </p>\n        </header>\n\n        @switch (status()) {\n          @case ('loading') {\n            <app-skeleton [lines]=\"6\" [height]=\"32\" />\n          }\n          @case ('error') {\n            <app-empty-state title=\"No se pudo cargar el tablero\" [message]=\"errorMessage()\">\n              <button app-button variant=\"outline\" type=\"button\" (click)=\"retry()\">\n                Reintentar\n              </button>\n            </app-empty-state>\n          }\n          @case ('ready') {\n            <div class=\"flex gap-3 overflow-x-auto pb-2\">\n              @for (column of columns(); track column.value) {\n                <section\n                  class=\"flex w-64 shrink-0 flex-col gap-3 rounded-xl border border-neutral/20 bg-surface p-3\"\n                  [attr.data-column]=\"column.value\"\n                  [attr.aria-label]=\"columnAria(column)\"\n                >\n                  <header class=\"flex items-center justify-between gap-2\">\n                    <h3 class=\"text-sm font-semibold\">{{ column.label }}</h3>\n                    <span class=\"rounded-full bg-neutral/10 px-2 py-0.5 text-xs text-neutral\">\n                      {{ column.rows.length }}<span class=\"sr-only\"> tarjetas</span>\n                    </span>\n                  </header>\n                  @if (column.rows.length === 0) {\n                    <p class=\"text-sm text-neutral\">Sin tarjetas</p>\n                  } @else {\n                    <ul class=\"flex flex-col gap-2\">\n                      @for (row of column.rows; track $index) {\n                        <li\n                          class=\"rounded-lg border border-neutral/15 p-2\"\n                          [attr.tabindex]=\"seleccionable() ? '0' : null\"\n                          [attr.role]=\"seleccionable() ? 'button' : null\"\n                          [class.cursor-pointer]=\"seleccionable()\"\n                          [class.ring-2]=\"esSeleccionada(row)\"\n                          [attr.data-selectable]=\"seleccionable() ? 'true' : null\"\n                          (click)=\"seleccionar(row)\"\n                          (keydown.enter)=\"activar($event, row)\"\n                          (keydown.space)=\"activar($event, row)\"\n                        >\n                          <p class=\"text-sm font-medium\">{{ cardTitleOf(row) }}</p>\n                          @if (cardSubtitleOf(row); as subtitle) {\n                            <p class=\"mt-0.5 text-xs text-neutral\">{{ subtitle }}</p>\n                          }\n                        </li>\n                      }\n                    </ul>\n                  }\n                </section>\n              }\n            </div>\n          }\n        }\n      </section>\n    } @else {\n      <app-empty-state\n        title=\"Configuración inválida\"\n        message=\"Esta vista no declara una configuración de kanban válida.\"\n      />\n    }\n  `,\n})\nexport class KanbanView {\n  private readonly route = inject(ActivatedRoute);\n  // The shell mounts views via `loadComponent` (no input bindings), so the\n  // schema is resolved from route data exactly like CalendarView does.\n  private readonly routeData = toSignal(this.route.data, { requireSync: true });\n  private readonly dataSource = inject(DataSourceService);\n  private readonly errorMapper = inject(ErrorMapperService);\n\n  /**\n   * Resource schema for this view. The shell mounts views via\n   * `loadComponent` (no input bindings), so the schema is resolved from\n   * route data: either an explicit `schema` object (fixtures), or a\n   * `resourceId` looked up in the registry (the production route shape).\n   */\n  readonly schema = computed<ResourceSchema | undefined>(() => {\n    const data = this.routeData();\n    const explicit = data['schema'];\n    if (explicit !== undefined) return explicit as ResourceSchema;\n    const resourceId = data['resourceId'];\n    return typeof resourceId === 'string' ? getSchema(resourceId) : undefined;\n  });\n\n  /**\n   * Config resolved from `schema.uiViews[<route uiView>]`; `undefined` when\n   * the route does not name a kanban view with a usable config — the\n   * template then renders the invalid-config empty state and NOTHING is\n   * fetched (the effect below bails out on `undefined`).\n   */\n  readonly config = computed<KanbanViewConfig | undefined>(() => {\n    const schema = this.schema();\n    const viewName = this.routeData()['uiView'];\n    if (schema === undefined || typeof viewName !== 'string') return undefined;\n    const cfg = kanbanConfigOf(schema.uiViews?.[viewName]);\n    if (cfg === undefined) return undefined;\n    // Usable = the two references the board cannot render without: a\n    // non-empty `groupField` and at least one column with a non-empty value.\n    const usable =\n      typeof cfg.groupField === 'string' &&\n      cfg.groupField !== '' &&\n      Array.isArray(cfg.columns) &&\n      cfg.columns.length > 0 &&\n      cfg.columns.every((column) => typeof column?.value === 'string' && column.value !== '');\n    return usable ? cfg : undefined;\n  });\n\n  readonly status = signal<Status>('loading');\n  readonly rows = signal<SourceRow[]>([]);\n  readonly errorMessage = signal('');\n  /** Clave seleccionada localmente cuando el binding declara `mode:'inline'`. */\n  readonly seleccionada = signal<string | null>(null);\n\n  /** Guards against a slow response overwriting a newer load's rows. */\n  private loadEpoch = 0;\n\n  constructor() {\n    effect(() => {\n      const cfg = this.config();\n      if (cfg === undefined) return;\n      void this.load(cfg);\n    });\n  }\n\n  /** Rows grouped onto columns + the visible `unknown` bucket (pure model). */\n  readonly mapping = computed<KanbanMapping>(() => {\n    const cfg = this.config();\n    const schema = this.schema();\n    if (cfg === undefined || schema === undefined) return { columns: [], unknown: [] };\n    return mapKanbanRows(this.rows(), cfg);\n  });\n\n  /**\n   * Columns to paint: the model's buckets plus the `unknown` bucket at the\n   * END — but only when it actually has rows, otherwise the board would show\n   * an empty column nobody declared.\n   */\n  readonly columns = computed<readonly KanbanColumnBucket[]>(() => {\n    const { columns, unknown } = this.mapping();\n    if (unknown.length === 0) return columns;\n    return [...columns, { value: UNKNOWN_VALUE, label: UNKNOWN_LABEL, rows: unknown }];\n  });\n\n  retry(): void {\n    const cfg = this.config();\n    if (cfg !== undefined) void this.load(cfg);\n  }\n\n  /** Clave estable de la fila (mismo campo que el resto del motor). */\n  private keyOf(row: SourceRow): string {\n    const schema = this.schema();\n    const key = schema ? row[schema.keyField] : undefined;\n    return key === undefined || key === null ? '' : String(key);\n  }\n\n  /** Binding `select` declarado por la vista (R9.9.4 · decision table). */\n  private binding(): SelectionBinding | undefined {\n    return this.routeData()['select'] as SelectionBinding | undefined;\n  }\n\n  /**\n   * Clic de tarjeta. Sin declaración ⇒ inerte (el tablero no navegaba);\n   * con declaración ⇒ sólo el contrato declarado corre: `route` emite al\n   * dispatcher, `inline` selecciona en local, `none` es no-op explícito.\n   */\n  /**\n   * R9.8.7 — la misma selección que el clic, operable con teclado (Enter y\n   * Space sobre la tarjeta focusable). Sólo tiene sentido con `select`\n   * declarado: sin binding la tarjeta no es focusable y esto nunca corre.\n   */\n  activar(event: Event, row: SourceRow): void {\n    if (!this.seleccionable()) return;\n    event.preventDefault(); // Space no debe desplazar la página\n    this.seleccionar(row);\n  }\n\n  seleccionar(row: SourceRow): void {\n    const binding = this.binding();\n    if (binding === undefined) return;\n    if (binding.mode === 'inline') {\n      this.seleccionada.set(this.keyOf(row));\n      return;\n    }\n    if (binding.mode === 'none') return;\n    const schema = this.schema();\n    const emit = this.routeData()['emit'] as SelectionEmitter | undefined;\n    emit?.({\n      resource: schema?.id ?? String(this.routeData()['resourceId'] ?? ''),\n      key: this.keyOf(row),\n      action: binding.on,\n    });\n  }\n\n  /** El DOM declara clicable sólo si hay contrato que responder. */\n  seleccionable(): boolean {\n    const binding = this.binding();\n    return binding !== undefined && binding.mode !== 'none';\n  }\n\n  esSeleccionada(row: SourceRow): boolean {\n    return this.seleccionable() && this.seleccionada() === this.keyOf(row);\n  }\n\n  /** «Por hacer: 2 tarjetas» — the count is text, never colour alone. */\n  columnAria(column: KanbanColumnBucket): string {\n    const count = column.rows.length;\n    return `${column.label}: ${count} ${count === 1 ? 'tarjeta' : 'tarjetas'}`;\n  }\n\n  cardTitleOf(row: SourceRow): string {\n    const cfg = this.config();\n    const schema = this.schema();\n    if (cfg === undefined || schema === undefined) return '';\n    return cardTitle(row, cfg, schema);\n  }\n\n  cardSubtitleOf(row: SourceRow): string {\n    const cfg = this.config();\n    const schema = this.schema();\n    if (cfg === undefined || schema === undefined) return '';\n    return cardSubtitle(row, cfg, schema);\n  }\n\n  private async load(cfg: KanbanViewConfig): Promise<void> {\n    const schema = this.schema();\n    if (schema === undefined) return;\n    const epoch = ++this.loadEpoch;\n    this.status.set('loading');\n    const source = cfg.source ?? { resource: schema.id };\n    try {\n      const rows = await this.dataSource.rows(source, undefined);\n      if (epoch !== this.loadEpoch) return;\n      this.rows.set(rows);\n      this.errorMessage.set('');\n      this.status.set('ready');\n    } catch (error) {\n      if (epoch !== this.loadEpoch) return;\n      this.errorMessage.set(this.errorMapper.map(error).general ?? 'No se pudo cargar el tablero.');\n      this.status.set('error');\n    }\n  }\n}\n"],"mappings":"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"}