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

package/fesm2022/tinya-code-gas-admin-ui-rolldown-runtime-DpJrqANO.mjs

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+export { __exportAll as t };

package/fesm2022/tinya-code-gas-admin-ui-schema-catalog-CDrz9pVN.mjs

@@ -0,0 +1,131 @@
+import { n as AuthService, s as ApiError, t as ApiService } from "./tinya-code-gas-admin-ui-api.service-CZrUeclM.mjs";
+import * as i0 from "@angular/core";
+import { InjectionToken, Service, inject, provideAppInitializer, signal } from "@angular/core";
+import { HttpErrorResponse, HttpResponse, provideHttpClient, withInterceptors } from "@angular/common/http";
+import { catchError, firstValueFrom, forkJoin, map, of, throwError } from "rxjs";
+function httpMessage(status) {
+	switch (status) {
+		case 0: return "No se pudo conectar con el servidor. Revisa tu conexión.";
+		case 401: return "Tu sesión ha expirado. Vuelve a iniciar sesión.";
+		case 403: return "No tienes permisos para realizar esta acción.";
+		case 404: return "No se encontró el recurso solicitado.";
+		case 409: return "El registro cambió o ya existe. Recarga la página y vuelve a intentarlo.";
+		case 413: return "El archivo es demasiado grande.";
+		case 422: return "Los datos enviados no son válidos.";
+		default:
+			if (status >= 500) return "El servidor tuvo un problema. Vuelve a intentarlo en unos segundos.";
+			return status >= 400 ? "No se pudo completar la operación." : "Error inesperado.";
+	}
+}
+function isErrorBody(body) {
+	if (typeof body !== "object" || body === null) return false;
+	const error = body.error;
+	return typeof error === "object" && error !== null && typeof error.message === "string";
+}
+const apiErrorInterceptor = (req, next) => {
+	const auth = inject(AuthService);
+	return next(req).pipe(map((event) => {
+		if (event instanceof HttpResponse && isErrorBody(event.body)) {
+			const { status, message, path, code, errors } = event.body.error;
+			auth.applyAuthCode(code);
+			throw new ApiError(status, message, path, code, errors ?? []);
+		}
+		return event;
+	}), catchError((err) => {
+		if (err instanceof ApiError) return throwError(() => err);
+		if (err instanceof HttpErrorResponse) return throwError(() => new ApiError(err.status, httpMessage(err.status)));
+		return throwError(() => err);
+	}));
+};
+var ConfigService = class ConfigService {
+	api = inject(ApiService, { optional: true });
+	globalConfig = signal({ public_base_url: typeof window !== "undefined" ? window.location.origin : "" }, ...ngDevMode ? [{ debugName: "globalConfig" }] : /* istanbul ignore next */ []);
+	endpoints = [];
+	loaded = false;
+	inFlight = null;
+	load(endpoints) {
+		this.endpoints = endpoints;
+		this.ensure();
+	}
+	ensureLoaded() {
+		return this.ensure();
+	}
+	ensure() {
+		if (this.loaded) return Promise.resolve();
+		if (this.inFlight) return this.inFlight;
+		if (!this.api || typeof this.api.get !== "function" || this.endpoints.length === 0) return Promise.resolve();
+		this.inFlight = firstValueFrom(forkJoin(this.endpoints.map((endpoint) => this.api.get(endpoint).pipe(catchError(() => of(null)))))).then((blocks) => {
+			this.inFlight = null;
+			blocks.forEach((data) => {
+				if (data && typeof data === "object" && Object.keys(data).length > 0) this.globalConfig.update((current) => ({
+					...current,
+					...data
+				}));
+			});
+			this.loaded = blocks.every((data) => data !== null);
+		});
+		return this.inFlight;
+	}
+	buildInterpolationContext(record) {
+		const config = this.globalConfig();
+		const baseUrl = String(config["public_base_url"] || window.location.origin).replace(/\/+$/, "");
+		return {
+			...config,
+			...record,
+			public_base_url: baseUrl
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: ConfigService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: ConfigService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: ConfigService,
+	decorators: [{ type: Service }]
+});
+let catalog = [];
+let authCatalog;
+function setSchemaCatalog(schemas, auth) {
+	catalog = schemas;
+	authCatalog = auth;
+}
+function getSchema(id) {
+	return catalog.find((schema) => schema.id === id);
+}
+function allSchemas() {
+	return catalog;
+}
+function getAuth() {
+	return authCatalog;
+}
+const GAS_SCHEMAS = new InjectionToken("gas.admin.schemas");
+function provideGasAdmin(config) {
+	setSchemaCatalog(config.schemas, config.auth);
+	const configEndpoints = () => config.schemas.flatMap((schema) => schema.kind === "singleton" && schema.endpoint?.get ? [{ get: schema.endpoint.get }] : []);
+	return [
+		{
+			provide: GAS_SCHEMAS,
+			useValue: config.schemas
+		},
+		provideHttpClient(withInterceptors([apiErrorInterceptor])),
+		provideAppInitializer(() => inject(ConfigService).load(configEndpoints())),
+		provideAppInitializer(() => inject(AuthService).restore())
+	];
+}
+export { provideGasAdmin as a, apiErrorInterceptor as c, getSchema as i, allSchemas as n, setSchemaCatalog as o, getAuth as r, ConfigService as s, GAS_SCHEMAS as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-schema-catalog-CDrz9pVN.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-schema-catalog-CDrz9pVN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-schema-catalog-CDrz9pVN.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/core/interceptors/api-error.interceptor.ts","../../../projects/gas-admin-ui/src/lib/core/services/config.service.ts","../../../projects/gas-admin-ui/src/lib/core/registry/schema-catalog.ts"],"sourcesContent":["import { HttpErrorResponse, HttpInterceptorFn, HttpResponse } from '@angular/common/http';\nimport { inject } from '@angular/core';\nimport { catchError, map, throwError } from 'rxjs';\n\nimport { ApiError } from '../models/api.model';\nimport type { ApiErrorBody } from '../models/api.model';\nimport { AuthService } from '../services/auth.service';\n\n/**\n * Mensaje humano para un error HTTP real (§2).\n *\n * El backend siempre responde 200 con el error dentro del body —eso ya\n * viene en español—, así que esto sólo cubre lo que el transporte falla:\n * red caída, proxy y 5xx. Sin esto el usuario ve el texto crudo de Angular\n * («Http failure response for http://…»), que es inglés técnico.\n */\nfunction httpMessage(status: number): string {\n  switch (status) {\n    case 0:\n      return 'No se pudo conectar con el servidor. Revisa tu conexión.';\n    case 401:\n      return 'Tu sesión ha expirado. Vuelve a iniciar sesión.';\n    case 403:\n      return 'No tienes permisos para realizar esta acción.';\n    case 404:\n      return 'No se encontró el recurso solicitado.';\n    case 409:\n      return 'El registro cambió o ya existe. Recarga la página y vuelve a intentarlo.';\n    case 413:\n      return 'El archivo es demasiado grande.';\n    case 422:\n      return 'Los datos enviados no son válidos.';\n    default:\n      if (status >= 500) {\n        return 'El servidor tuvo un problema. Vuelve a intentarlo en unos segundos.';\n      }\n      return status >= 400 ? 'No se pudo completar la operación.' : 'Error inesperado.';\n  }\n}\n\nfunction isErrorBody(body: unknown): body is ApiErrorBody {\n  if (typeof body !== 'object' || body === null) {\n    return false;\n  }\n  const error = (body as ApiErrorBody).error;\n  return typeof error === 'object' && error !== null && typeof error.message === 'string';\n}\n\n/**\n * El backend responde SIEMPRE HTTP 200 y pone los errores en el body\n * (api.md §7), así que se detectan en el canal de **éxito** y se relanzan\n * como `ApiError` (con `fieldPath` cuando el backend envía `path`).\n * Los errores HTTP reales (red caída, proxy) también se normalizan.\n *\n * **R2.9 — paso dos de dos.** Éste archivo es el ÚNICO punto donde el\n * sobre de error se abre; lo que decide qué ocurre con un `AUTH_*` es\n * `AuthService.applyAuthCode` (la tabla de §4.5). Aquí sólo se le entrega\n * el código y se propaga el `ApiError` con él — un segundo sitio que\n * «interprete» el código sería una regla duplicada y, a la larga, una que\n * se contradiga con la primera.\n */\nexport const apiErrorInterceptor: HttpInterceptorFn = (req, next) => {\n  const auth = inject(AuthService);\n\n  return next(req).pipe(\n    map((event) => {\n      if (event instanceof HttpResponse && isErrorBody(event.body)) {\n        const { status, message, path, code, errors } = event.body.error;\n        // R2.9: ésta es la ÚNICA llamada a la tabla de §4.5.\n        auth.applyAuthCode(code);\n        // `errors[]` es el422 con rutas (D42): va entero al ApiError para que\n        // `ErrorMapperService` lo convierta en `serverErrors[prefix + key]`.\n        throw new ApiError(status, message, path, code, errors ?? []);\n      }\n      return event;\n    }),\n    catchError((err: unknown) => {\n      if (err instanceof ApiError) {\n        return throwError(() => err);\n      }\n      if (err instanceof HttpErrorResponse) {\n        return throwError(() => new ApiError(err.status, httpMessage(err.status)));\n      }\n      return throwError(() => err);\n    }),\n  );\n};\n","import { inject, Service, signal } from '@angular/core';\nimport { catchError, firstValueFrom, forkJoin, of } from 'rxjs';\n\nimport { ApiService } from './api.service';\nimport type { ResourceEndpoints } from '../models/schema.model';\n\n/**\n * Servicio global de configuración: reúne los singletons declarativos y los\n * deja disponibles para interpolación de plantillas (enlaces públicos,\n * mensajes para compartir).\n *\n * Es genérico a propósito: NO conoce ningún singleton concreto. Los\n * endpoints los inyecta `app.config.ts` con `provideAppInitializer`,\n * derivándolos del registry — agregar un singleton de configuración nuevo\n * = declarar su schema, sin tocar este fichero (refactormotor.md §1 — el\n * schema es el único plano de control).\n *\n * No hay efectos en el constructor: la carga es explícita (`load`), así un\n * TestBed que sólo provee un ApiService parcial no recibe una llamada\n * síncrona a `get` durante la construcción.\n */\n@Service()\nexport class ConfigService {\n  private readonly api = inject(ApiService, { optional: true });\n\n  /** Mapa reactivo de configuración global (p. ej. `public_base_url`). */\n  readonly globalConfig = signal<Record<string, unknown>>({\n    // Fallback genérico: el origen actual. Lo que declare el singleton\n    // (p. ej. `share_message_template`) lo pone el backend, no el front.\n    public_base_url: typeof window !== 'undefined' ? window.location.origin : '',\n  });\n\n  /** Endpoints conocidos; los guarda `load` para que `ensureLoaded` pueda reintentar. */\n  private endpoints: readonly ResourceEndpoints[] = [];\n\n  /**\n   * `true` cuando la última carga terminó SIN fallos. Si algún singleton\n   * falló (o ninguno respondió), queda `false` y el próximo punto crítico\n   * vuelve a intentar: no hay estado «cargado a medias para siempre».\n   */\n  private loaded = false;\n\n  /** Carga en curso: `ensureLoaded` la reutiliza en vez de duplicar viajes. */\n  private inFlight: Promise<void> | null = null;\n\n  /**\n   * Carga todos los endpoints de configuración recibidos. Silenciosa: un\n   * singleton que falle o que devuelva vacío no rompe nada, simplemente no\n   * aporta claves (y deja `loaded = false` para poder reintentar).\n   */\n  load(endpoints: readonly ResourceEndpoints[]): void {\n    this.endpoints = endpoints;\n    void this.ensure();\n  }\n\n  /**\n   * Garantiza la config global antes de un punto que la necesita.\n   *\n   * El load del bootstrap NO es bloqueante y sólo intenta una vez: si la app\n   * arrancó sin sesión (el 401 de los singletons se traga en el `catchError`)\n   * o la red tardó, la sesión seguía con la config vacía y, por ejemplo, el\n   * mensaje de `copy-share` degradaba a «sólo la URL» (R8.7). Acá el reintento\n   * corre con la sesión ya iniciada y responde bien; si ya se cargó, es un\n   * no-op síncrono.\n   */\n  ensureLoaded(): Promise<void> {\n    return this.ensure();\n  }\n\n  private ensure(): Promise<void> {\n    if (this.loaded) return Promise.resolve();\n    if (this.inFlight) return this.inFlight;\n    if (!this.api || typeof this.api.get !== 'function' || this.endpoints.length === 0) {\n      return Promise.resolve();\n    }\n\n    this.inFlight = firstValueFrom(\n      forkJoin(\n        this.endpoints.map((endpoint) =>\n          this.api!.get<Record<string, unknown>>(endpoint).pipe(\n            // `null` marca el fallo: con `of({})` un singleton caído era\n            // indistinguible de uno realmente vacío y la carga quedaría\n            // «hecha» sin datos.\n            catchError(() => of(null)),\n          ),\n        ),\n      ),\n    ).then((blocks) => {\n      this.inFlight = null;\n      blocks.forEach((data) => {\n        if (data && typeof data === 'object' && Object.keys(data).length > 0) {\n          this.globalConfig.update((current) => ({ ...current, ...data }));\n        }\n      });\n      this.loaded = blocks.every((data) => data !== null);\n    });\n\n    return this.inFlight;\n  }\n\n  /**\n   * Contexto de datos para interpolar plantillas del schema\n   * (`urlTemplate`, `shareTextTemplate`, `postCreate.description`, …).\n   *\n   * Sólo aporta datos y la base pública — la FORMA de la URL pública\n   * (`/p/{ref}`) la declara el propio schema en su `urlTemplate`; este\n   * servicio no decide cómo se arma el enlace.\n   */\n  buildInterpolationContext(record: Record<string, unknown>): Record<string, unknown> {\n    const config = this.globalConfig();\n    const baseUrl = String(config['public_base_url'] || window.location.origin).replace(/\\/+$/, '');\n\n    return {\n      ...config,\n      ...record,\n      public_base_url: baseUrl,\n    };\n  }\n}\n","import {\n  EnvironmentProviders,\n  InjectionToken,\n  Provider,\n  inject,\n  provideAppInitializer,\n} from '@angular/core';\nimport { provideHttpClient, withInterceptors } from '@angular/common/http';\n\nimport { apiErrorInterceptor } from '../interceptors/api-error.interceptor';\nimport { AuthService } from '../services/auth.service';\nimport { ConfigService } from '../services/config.service';\nimport type { AuthSchema, ResourceSchema } from '../models/schema.model';\n\n/**\n * Catálogo de schemas del consumidor (F1 · G-F2).\n *\n * Antes de la extracción el motor importaba `getSchema` del\n * `schemas/registry.ts` de la app. Ese acoplamiento se rompe con un\n * catálogo a nivel módulo: el consumidor llama\n * `provideGasAdmin({ schemas, auth })` en su `app.config.ts` y el motor\n * resuelve en runtime con la MISMA semántica que antes (un solo catálogo\n * por aplicación, seteado una vez en el bootstrap).\n *\n * `provideGasAdmin` se ejecuta al evaluarse el `app.config` (módulo), y\n * todo uso del catálogo (guards, componentes, rutas dinámicas) ocurre en\n * runtime posterior al bootstrap — el orden es determinístico.\n */\n\nlet catalog: readonly ResourceSchema[] = [];\nlet authCatalog: AuthSchema | undefined;\n\n/** Fija el catálogo (uso interno de `provideGasAdmin`; testable directo). */\nexport function setSchemaCatalog(\n  schemas: readonly ResourceSchema[],\n  auth?: AuthSchema,\n): void {\n  catalog = schemas;\n  authCatalog = auth;\n}\n\n/** Busca un schema por `id`; `undefined` si no existe. */\nexport function getSchema(id: string): ResourceSchema | undefined {\n  return catalog.find((schema) => schema.id === id);\n}\n\n/** Catálogo completo en orden (menú lateral). */\nexport function allSchemas(): readonly ResourceSchema[] {\n  return catalog;\n}\n\n/** Declaración de la pantalla de login; `undefined` sin `auth` en config. */\nexport function getAuth(): AuthSchema | undefined {\n  return authCatalog;\n}\n\n/** Token DI del catálogo (para inyectarlo donde un `inject()` es posible). */\nexport const GAS_SCHEMAS = new InjectionToken<readonly ResourceSchema[]>(\n  'gas.admin.schemas',\n);\n\n/** Configuración del motor. */\nexport interface GasAdminConfig {\n  /** Catálogo ordenado de recursos (menú + rutas + resolución `getSchema`). */\n  schemas: readonly ResourceSchema[];\n  /** Declaración de la pantalla de login (opcional: sin ella, sin `/login`). */\n  auth?: AuthSchema;\n}\n\n/**\n * Wiring completo del motor: catálogo + HTTP con el interceptor de\n * errores del envelope + loaders de config y sesión en el bootstrap\n * (antes en el `app.config` del consumidor).\n *\n * El consumidor conserva `provideRouter` y `{ provide: API_URL, ... }`\n * (su environment decide la URL del Web App).\n */\nexport function provideGasAdmin(\n  config: GasAdminConfig,\n): (Provider | EnvironmentProviders)[] {\n  setSchemaCatalog(config.schemas, config.auth);\n  // Singletons de configuración: los declara el catálogo, no el servicio.\n  // Un singleton nuevo con `endpoint.get` se carga solo.\n  const configEndpoints = () =>\n    config.schemas.flatMap((schema) =>\n      schema.kind === 'singleton' && schema.endpoint?.get\n        ? [{ get: schema.endpoint.get }]\n        : [],\n    );\n  return [\n    { provide: GAS_SCHEMAS, useValue: config.schemas },\n    // Sin `authInterceptor`: el token viaja en el cuerpo del envelope\n    // (baseapi §2.3, criterio 11: ninguna cabecera custom).\n    provideHttpClient(withInterceptors([apiErrorInterceptor])),\n    // Carga de config en bootstrap (fuera del constructor del servicio):\n    // un singleton que falle no rompe el arranque.\n    provideAppInitializer(() => inject(ConfigService).load(configEndpoints())),\n    // Sesión (R2.12): revalida contra `/auth/me` el token que restauró el\n    // AuthService de `sessionStorage`. Corre ANTES del primer guard.\n    provideAppInitializer(() => inject(AuthService).restore()),\n  ];\n}\n"],"mappings":"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"}

package/fesm2022/tinya-code-gas-admin-ui-seed-CNbQtREA.mjs

@@ -0,0 +1,80 @@
+import { n as get } from "./tinya-code-gas-admin-ui-render-registry-B_D5Jhp9.mjs";
+const COL_SPANS = {
+	1: "sm:col-span-1",
+	2: "sm:col-span-2",
+	3: "sm:col-span-3",
+	4: "sm:col-span-4",
+	5: "sm:col-span-5",
+	6: "sm:col-span-6",
+	7: "sm:col-span-7",
+	8: "sm:col-span-8",
+	9: "sm:col-span-9",
+	10: "sm:col-span-10",
+	11: "sm:col-span-11",
+	12: "sm:col-span-12"
+};
+function colSpanClass(width) {
+	return COL_SPANS[width ?? 12];
+}
+function seedValue(field) {
+	const descriptor = get("field", field.type);
+	if (!descriptor) return;
+	if (!descriptor.seed) throw new Error(`[seed] el descriptor de "${field.type}" no declara \`seed\`.`);
+	switch (descriptor.seed) {
+		case "string": return "";
+		case "number": return null;
+		case "boolean": return false;
+		case "array": return [];
+		case "recursive": return seedHijos(field, descriptor.seed);
+	}
+}
+function seedHijos(field, seed) {
+	if (seed !== "recursive" || !esGrupo(field)) throw new Error(`[seed] "${field.type}" declara \`seed: 'recursive'\` pero no trae subcampos.`);
+	return seedFields(field.fields);
+}
+function esGrupo(field) {
+	return field.type === "group";
+}
+function seedFieldValue(field) {
+	if (field.default === void 0) return seedValue(field);
+	if (field.type === "group" && isRecord(field.default)) return {
+		...seedFields(field.fields),
+		...field.default
+	};
+	if (field.type === "list" && Array.isArray(field.default)) return field.default.map((item) => isRecord(item) ? {
+		...seedFields(field.itemFields),
+		...item
+	} : item);
+	return field.default;
+}
+function seedFields(fields) {
+	const model = {};
+	for (const field of fields) model[field.key] = seedFieldValue(field);
+	return model;
+}
+function mergeRecord(fields, record) {
+	const merged = {};
+	for (const field of fields) {
+		const incoming = record[field.key];
+		if (field.type === "group") {
+			merged[field.key] = isRecord(incoming) ? mergeRecord(field.fields, incoming) : seedFieldValue(field);
+			continue;
+		}
+		if (field.type === "list") {
+			const itemSeed = seedFields(field.itemFields);
+			merged[field.key] = Array.isArray(incoming) ? incoming.map((item) => isRecord(item) ? {
+				...itemSeed,
+				...item
+			} : item) : seedFieldValue(field);
+			continue;
+		}
+		merged[field.key] = incoming !== void 0 ? incoming : seedFieldValue(field);
+	}
+	return merged;
+}
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+export { colSpanClass as a, seedFields as i, mergeRecord as n, seedFieldValue as r, isRecord as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-seed-CNbQtREA.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-seed-CNbQtREA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-seed-CNbQtREA.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/shared/utils/col-span.ts","../../../projects/gas-admin-ui/src/lib/shared/utils/seed.ts"],"sourcesContent":["/**\n * Anchos de columna del layout (base.md §4: `width` 1–12).\n *\n * `sm:col-span-*` como literales: Tailwind v4 solo genera las clases que ve\n * en el código, así que no pueden construirse por concatenación.\n */\nconst COL_SPANS: Record<number, string> = {\n  1: 'sm:col-span-1',\n  2: 'sm:col-span-2',\n  3: 'sm:col-span-3',\n  4: 'sm:col-span-4',\n  5: 'sm:col-span-5',\n  6: 'sm:col-span-6',\n  7: 'sm:col-span-7',\n  8: 'sm:col-span-8',\n  9: 'sm:col-span-9',\n  10: 'sm:col-span-10',\n  11: 'sm:col-span-11',\n  12: 'sm:col-span-12',\n};\n\n/** Clase `sm:col-span-*` para el ancho del campo (por defecto: 12). */\nexport function colSpanClass(width: number | undefined): string {\n  return COL_SPANS[width ?? 12];\n}\n","import type { FieldSchema, GroupField } from '../../core/models/schema.model';\nimport { get } from '../../core/registry/render-registry';\n\n/**\n * Forma del valor inicial que siembra un campo (D32 · R3.8).\n *\n * Son **todos** los valores posibles del dominio: un campo de formulario\n * nuevo nace como cadena, número, booleano, lista o como contenedor que\n * siembra sus hijos. Si un tipo llegara a necesitar otra forma, ampliar este\n * `type` obliga a compilar el `switch` de `seedValue` — que es exactamente\n * el fail-loud que la regla 4 pide.\n */\nexport type SeedKind = 'string' | 'number' | 'boolean' | 'array' | 'recursive';\n\n/**\n * Siembra del modelo del formulario: un valor por defecto para CADA campo\n * declarado en el schema (base.md §10).\n *\n * Compartido entre `form-model` (crear/recargar) y los componentes de lista\n * (crear ítems nuevos con la forma de sus `itemFields`).\n */\n\n/**\n * Valor inicial cuando el schema no declara `default`.\n *\n * **D32 · ya no despacha por tipo.** El `switch` de 20 ramas que obligaba a\n * editar este fichero al añadir un campo — y que §0 contaba como tocar el\n * motor — pasa a resolver el nombre que declara el propio descriptor\n * (`RenderDescriptor.seed`). «Añadir un tipo» queda en carpeta + manifiesto\n * + unión: este archivo no se entera.\n *\n * Dos salidas distintas, ninguna silenciosa:\n *\n *  · **tipo fuera del catálogo** ⇒ `undefined`, la misma degradación\n *    controlada que el render (R1.10): el campo no se pinta, así que su\n *    valor no existe;\n *  · **descriptor sin `seed`** ⇒ lanza. Es un error de programación que\n *    `core/registry/contract.spec.ts` detecta en CI antes de llegar acá.\n */\nexport function seedValue(field: FieldSchema): unknown {\n  const descriptor = get('field', field.type);\n\n  if (!descriptor) {\n    return undefined;\n  }\n  if (!descriptor.seed) {\n    throw new Error(`[seed] el descriptor de \"${field.type}\" no declara \\`seed\\`.`);\n  }\n\n  switch (descriptor.seed) {\n    case 'string':\n      return '';\n    case 'number':\n      return null;\n    case 'boolean':\n      return false;\n    case 'array':\n      return [];\n    case 'recursive':\n      return seedHijos(field, descriptor.seed);\n  }\n}\n\n/**\n * Siembra recursiva de un contenedor.\n *\n * El único `seed` recursivo del catálogo es `group`, pero el registro no lo\n * sabe — sólo lleva un nombre. El estrechado se comprueba aquí y **falla\n * ruidoso** si algún día un tipo declara `'recursive'` sin traer subcampos.\n */\nfunction seedHijos(field: FieldSchema, seed: 'recursive'): unknown {\n  if (seed !== 'recursive' || !esGrupo(field)) {\n    throw new Error(`[seed] \"${field.type}\" declara \\`seed: 'recursive'\\` pero no trae subcampos.`);\n  }\n  return seedFields(field.fields);\n}\n\n/** Estrechado de forma, no de despacho: no decide qué hacer, sólo accede. */\nfunction esGrupo(field: FieldSchema): field is GroupField {\n  return field.type === 'group';\n}\n\n/** Valor sembrado de un campo, fusionando `default` con la forma del schema. */\nexport function seedFieldValue(field: FieldSchema): unknown {\n  if (field.default === undefined) {\n    return seedValue(field);\n  }\n  if (field.type === 'group' && isRecord(field.default)) {\n    // Un `default` de grupo podría traer claves incompletas: los hijos se\n    // acceden por árbol, así que la forma completa es obligatoria.\n    return { ...seedFields(field.fields), ...field.default };\n  }\n  if (field.type === 'list' && Array.isArray(field.default)) {\n    return field.default.map((item) =>\n      isRecord(item) ? { ...seedFields(field.itemFields), ...item } : item,\n    );\n  }\n  return field.default;\n}\n\n/**\n * Siembra recursiva: los `group` anidan sus propios campos. Exportada porque\n * la lista crea sus ítems nuevos con la misma forma (`base.md §6`).\n */\nexport function seedFields(fields: readonly FieldSchema[]): Record<string, unknown> {\n  const model: Record<string, unknown> = {};\n  for (const field of fields) {\n    model[field.key] = seedFieldValue(field);\n  }\n  return model;\n}\n\n/**\n * Fusiona el registro leído con la forma sembrada del schema.\n *\n * El backend puede omitir claves (p. ej. un ítem guardado antes de que el\n * schema agregara un campo): sin esta fusión el árbol no tendría nodo para\n * ese campo y `childTree` lanzaría al renderizar. Lo ausente toma su\n * `default` y los extras del registro (p. ej. `position` de los ítems) se\n * conservan.\n */\nexport function mergeRecord(\n  fields: readonly FieldSchema[],\n  record: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = {};\n  for (const field of fields) {\n    const incoming = record[field.key];\n    if (field.type === 'group') {\n      merged[field.key] = isRecord(incoming)\n        ? mergeRecord(field.fields, incoming)\n        : seedFieldValue(field);\n      continue;\n    }\n    if (field.type === 'list') {\n      const itemSeed = seedFields(field.itemFields);\n      merged[field.key] = Array.isArray(incoming)\n        ? incoming.map((item) => (isRecord(item) ? { ...itemSeed, ...item } : item))\n        : seedFieldValue(field);\n      continue;\n    }\n    merged[field.key] = incoming !== undefined ? incoming : seedFieldValue(field);\n  }\n  return merged;\n}\n\nexport function isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n"],"mappings":";AAMA,MAAM,YAAoC;CACxC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;AACL;AAGD,SAAgB,aAAa,OAAyB;CACpD,OAAO,UAAU,SAAS;AAC5B;ACeA,SAAgB,UAAU,OAAkB;CAC1C,MAAM,aAAa,IAAI,SAAS,MAAM,IAAI;CAE1C,IAAI,CAAC,YACH;CAEF,IAAI,CAAC,WAAW,MACd,MAAM,IAAI,MAAM,4BAA4B,MAAM,KAAI,uBAAwB;CAGhF,QAAQ,WAAW,MAAnB;EACE,KAAK,UACH,OAAO;EACT,KAAK,UACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,SACH,OAAO,CAAA;EACT,KAAK,aACH,OAAO,UAAU,OAAO,WAAW,IAAI;CAC3C;AACF;AASA,SAAS,UAAU,OAAoB,MAAiB;CACtD,IAAI,SAAS,eAAe,CAAC,QAAQ,KAAK,GACxC,MAAM,IAAI,MAAM,WAAW,MAAM,KAAI,wDAAyD;CAEhG,OAAO,WAAW,MAAM,MAAM;AAChC;AAGA,SAAS,QAAQ,OAAkB;CACjC,OAAO,MAAM,SAAS;AACxB;AAGA,SAAgB,eAAe,OAAkB;CAC/C,IAAI,MAAM,YAAY,QACpB,OAAO,UAAU,KAAK;CAExB,IAAI,MAAM,SAAS,WAAW,SAAS,MAAM,OAAO,GAGlD,OAAO;EAAE,GAAG,WAAW,MAAM,MAAM;EAAG,GAAG,MAAM;CAAO;CAExD,IAAI,MAAM,SAAS,UAAU,MAAM,QAAQ,MAAM,OAAO,GACtD,OAAO,MAAM,QAAQ,KAAK,SACxB,SAAS,IAAI,IAAI;EAAE,GAAG,WAAW,MAAM,UAAU;EAAG,GAAG;CAAI,IAAK,IAAI;CAGxE,OAAO,MAAM;AACf;AAMA,SAAgB,WAAW,QAA8B;CACvD,MAAM,QAAiC,CAAA;CACvC,KAAK,MAAM,SAAS,QAClB,MAAM,MAAM,OAAO,eAAe,KAAK;CAEzC,OAAO;AACT;AAWA,SAAgB,YACd,QACA,QAA+B;CAE/B,MAAM,SAAkC,CAAA;CACxC,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,WAAW,OAAO,MAAM;EAC9B,IAAI,MAAM,SAAS,SAAS;GAC1B,OAAO,MAAM,OAAO,SAAS,QAAQ,IACjC,YAAY,MAAM,QAAQ,QAAQ,IAClC,eAAe,KAAK;GACxB;EACF;EACA,IAAI,MAAM,SAAS,QAAQ;GACzB,MAAM,WAAW,WAAW,MAAM,UAAU;GAC5C,OAAO,MAAM,OAAO,MAAM,QAAQ,QAAQ,IACtC,SAAS,KAAK,SAAU,SAAS,IAAI,IAAI;IAAE,GAAG;IAAU,GAAG;GAAI,IAAK,IAAK,IACzE,eAAe,KAAK;GACxB;EACF;EACA,OAAO,MAAM,OAAO,aAAa,SAAY,WAAW,eAAe,KAAK;CAC9E;CACA,OAAO;AACT;AAEA,SAAgB,SAAS,OAAc;CACrC,OAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E"}

package/fesm2022/tinya-code-gas-admin-ui-select-DzaRfHXO.mjs

@@ -0,0 +1,292 @@
+import { i as getSchema } from "./tinya-code-gas-admin-ui-schema-catalog-CDrz9pVN.mjs";
+import { n as dataSourceKey, t as DataSourceService } from "./tinya-code-gas-admin-ui-data-source.service-LD8AM3Rn.mjs";
+import { n as FieldAria } from "./tinya-code-gas-admin-ui-field-aria-BD1Wiggc.mjs";
+import { t as childTree } from "./tinya-code-gas-admin-ui-field-node-CIK6KNN_.mjs";
+import { t as optionsFromRows } from "./tinya-code-gas-admin-ui-source-options-B9R4mw8-.mjs";
+import { t as esGrupoRadio } from "./tinya-code-gas-admin-ui-radio-mode-DxvN07DY.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input, resource, signal } from "@angular/core";
+import { FormField } from "@angular/forms/signals";
+var FieldSelect = class FieldSelect {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	tree = input.required(...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+	ds = inject(DataSourceService);
+	node = computed(() => childTree(this.tree(), this.field().key), ...ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []);
+	state = computed(() => this.node()(), ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	query = signal("", ...ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []);
+	registro = computed(() => {
+		const source = this.field().source;
+		if (source === void 0 || source.params === void 0) return void 0;
+		return this.tree()().value();
+	}, ...ngDevMode ? [{ debugName: "registro" }] : /* istanbul ignore next */ []);
+	claveFuente = computed(() => {
+		const source = this.field().source;
+		return source === void 0 ? void 0 : dataSourceKey(source, this.registro());
+	}, ...ngDevMode ? [{ debugName: "claveFuente" }] : /* istanbul ignore next */ []);
+	fuenteResource = resource({
+		...ngDevMode ? { debugName: "fuenteResource" } : /* istanbul ignore next */ {},
+		params: () => this.claveFuente(),
+		loader: async () => {
+			const source = this.field().source;
+			if (source === void 0) return [];
+			return this.ds.rows(source, this.registro());
+		}
+	});
+	options = computed(() => {
+		const field = this.field();
+		if (field.source === void 0) return field.options ?? [];
+		if (this.fuenteResource.status() === "error") return [];
+		return optionsFromRows(this.fuenteResource.value() ?? [], {
+			source: field.source,
+			target: getSchema(field.source.resource)
+		});
+	}, ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	cargando = computed(() => this.claveFuente() !== void 0 && this.fuenteResource.status() === "loading", ...ngDevMode ? [{ debugName: "cargando" }] : /* istanbul ignore next */ []);
+	fallo = computed(() => this.claveFuente() !== void 0 && this.fuenteResource.status() === "error", ...ngDevMode ? [{ debugName: "fallo" }] : /* istanbul ignore next */ []);
+	useSearch = computed(() => this.options().length > 7, ...ngDevMode ? [{ debugName: "useSearch" }] : /* istanbul ignore next */ []);
+	useRadio = computed(() => esGrupoRadio(this.field()), ...ngDevMode ? [{ debugName: "useRadio" }] : /* istanbul ignore next */ []);
+	onQuery(event) {
+		this.query.set(event.target.value);
+	}
+	matches = computed(() => {
+		const all = this.options();
+		const term = this.query().trim().toLowerCase();
+		if (term === "") return all;
+		return all.filter((option) => option.label.toLowerCase().includes(term));
+	}, ...ngDevMode ? [{ debugName: "matches" }] : /* istanbul ignore next */ []);
+	noMatches = computed(() => this.useSearch() && this.query().trim() !== "" && this.matches().length === 0, ...ngDevMode ? [{ debugName: "noMatches" }] : /* istanbul ignore next */ []);
+	visibleOptions = computed(() => {
+		const filtered = this.matches();
+		if (this.query().trim() === "") return filtered;
+		const selected = String(this.state().value() ?? "");
+		if (filtered.some((option) => option.value === selected)) return filtered;
+		const kept = this.options().find((option) => option.value === selected);
+		return kept === void 0 ? filtered : [...filtered, kept];
+	}, ...ngDevMode ? [{ debugName: "visibleOptions" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldSelect,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldSelect,
+		isStandalone: true,
+		selector: "app-field-select",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tree: {
+				classPropertyName: "tree",
+				publicName: "tree",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    @if (fallo()) {
+      <p class="mb-1 text-xs text-danger" role="alert">No se pudieron cargar las opciones.</p>
+    } @else if (cargando()) {
+      <p class="mb-1 text-xs text-neutral" role="status">Cargando opciones…</p>
+    }
+    @if (useRadio()) {
+      <!-- Guía de control: 2–4 opciones estáticas → radio buttons, no un
+           desplegable. Cada opción es un label implícito (texto y control
+           juntos) y el grupo se nombra con aria-label: el rótulo del host
+           se dibuja como texto porque un grupo no es un único control con
+           el que emparejar un for. formField va en CADA input: Signal
+           Forms soporta radio (checked = value === element.value) y setea
+           name/disabled del grupo por estado de campo. -->
+      <div
+        class="mt-1 flex flex-col gap-1"
+        role="radiogroup"
+        [attr.aria-label]="field().label"
+        data-testid="select-radios"
+      >
+        @if (!field().required) {
+          <label class="flex w-fit items-center gap-2 text-sm">
+            <input
+              type="radio"
+              class="accent-primary"
+              [id]="state().name() + '-__vacio'"
+              value=""
+              [formField]="node()"
+            />
+            <span class="text-neutral">{{ field().placeholder ?? '— Seleccionar —' }}</span>
+          </label>
+        }
+        @for (option of options(); track option.value) {
+          <label class="flex w-fit items-center gap-2 text-sm">
+            <input
+              type="radio"
+              class="accent-primary"
+              [id]="state().name() + '-' + option.value"
+              [value]="option.value"
+              [formField]="node()"
+            />
+            <span>{{ option.label }}</span>
+          </label>
+        }
+      </div>
+    } @else if (useSearch()) {
+      <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el
+           select nativo en vez de construir un combobox: el teclado, el
+           anuncio de la opción activa y el valor elegido siguen siendo los
+           del navegador. -->
+      <input
+        type="search"
+        class="mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
+        placeholder="Buscar…"
+        aria-label="Buscar entre las opciones"
+        [attr.aria-controls]="state().name()"
+        [value]="query()"
+        (input)="onQuery($event)"
+      />
+    }
+    <select class="field-input" [id]="state().name()" [formField]="node()">
+      @if (!field().required) {
+        <option value="">{{ field().placeholder ?? '— Seleccionar —' }}</option>
+      }
+      @for (option of visibleOptions(); track option.value) {
+        <option [value]="option.value" [disabled]="option.disabled ?? false">
+          {{ option.label }}
+        </option>
+      }
+    </select>
+    @if (noMatches()) {
+      <p class="mt-1 text-xs text-neutral" role="status">Sin resultados para «{{ query() }}».</p>
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: FieldAria,
+			selector: "input[id], select[id], textarea[id], output[id]"
+		}, {
+			kind: "directive",
+			type: FormField,
+			selector: "[formField]",
+			inputs: ["formField"],
+			exportAs: ["formField"]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldSelect,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-select",
+			imports: [FieldAria, FormField],
+			template: `
+    @if (fallo()) {
+      <p class="mb-1 text-xs text-danger" role="alert">No se pudieron cargar las opciones.</p>
+    } @else if (cargando()) {
+      <p class="mb-1 text-xs text-neutral" role="status">Cargando opciones…</p>
+    }
+    @if (useRadio()) {
+      <!-- Guía de control: 2–4 opciones estáticas → radio buttons, no un
+           desplegable. Cada opción es un label implícito (texto y control
+           juntos) y el grupo se nombra con aria-label: el rótulo del host
+           se dibuja como texto porque un grupo no es un único control con
+           el que emparejar un for. formField va en CADA input: Signal
+           Forms soporta radio (checked = value === element.value) y setea
+           name/disabled del grupo por estado de campo. -->
+      <div
+        class="mt-1 flex flex-col gap-1"
+        role="radiogroup"
+        [attr.aria-label]="field().label"
+        data-testid="select-radios"
+      >
+        @if (!field().required) {
+          <label class="flex w-fit items-center gap-2 text-sm">
+            <input
+              type="radio"
+              class="accent-primary"
+              [id]="state().name() + '-__vacio'"
+              value=""
+              [formField]="node()"
+            />
+            <span class="text-neutral">{{ field().placeholder ?? '— Seleccionar —' }}</span>
+          </label>
+        }
+        @for (option of options(); track option.value) {
+          <label class="flex w-fit items-center gap-2 text-sm">
+            <input
+              type="radio"
+              class="accent-primary"
+              [id]="state().name() + '-' + option.value"
+              [value]="option.value"
+              [formField]="node()"
+            />
+            <span>{{ option.label }}</span>
+          </label>
+        }
+      </div>
+    } @else if (useSearch()) {
+      <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el
+           select nativo en vez de construir un combobox: el teclado, el
+           anuncio de la opción activa y el valor elegido siguen siendo los
+           del navegador. -->
+      <input
+        type="search"
+        class="mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
+        placeholder="Buscar…"
+        aria-label="Buscar entre las opciones"
+        [attr.aria-controls]="state().name()"
+        [value]="query()"
+        (input)="onQuery($event)"
+      />
+    }
+    <select class="field-input" [id]="state().name()" [formField]="node()">
+      @if (!field().required) {
+        <option value="">{{ field().placeholder ?? '— Seleccionar —' }}</option>
+      }
+      @for (option of visibleOptions(); track option.value) {
+        <option [value]="option.value" [disabled]="option.disabled ?? false">
+          {{ option.label }}
+        </option>
+      }
+    </select>
+    @if (noMatches()) {
+      <p class="mt-1 text-xs text-neutral" role="status">Sin resultados para «{{ query() }}».</p>
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: true
+			}]
+		}]
+	}
+});
+export { FieldSelect };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-select-DzaRfHXO.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-select-DzaRfHXO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-select-DzaRfHXO.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/select/select.ts"],"sourcesContent":["import { Component, computed, inject, input, resource, signal } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { SelectField, SelectOption } from '../../core/models/schema.model';\nimport { DataSourceService, dataSourceKey } from '../../core/services/data-source.service';\nimport { optionsFromRows } from '../../core/utils/source-options';\nimport { getSchema } from '../../core/registry/schema-catalog';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\nimport { esGrupoRadio } from './radio-mode';\n\n/**\n * Desplegable de un solo valor (base.md §5.1).\n *\n * Sus opciones se declaran de dos formas y **exactamente una** (XOR, D62):\n * `options` estáticas en el schema o `source` — una fuente declarada que\n * pide `DataSourceService` con la misma caché que usan las relaciones y los\n * widgets (F8 · R6.5). Mientras la vuelta no llega se anuncia; sin anuncio\n * un desplegable vacío se confundiría con «esto no tiene opciones».\n */\n@Component({\n  selector: 'app-field-select',\n  imports: [FieldAria, FormField],\n  template: `\n    @if (fallo()) {\n      <p class=\"mb-1 text-xs text-danger\" role=\"alert\">No se pudieron cargar las opciones.</p>\n    } @else if (cargando()) {\n      <p class=\"mb-1 text-xs text-neutral\" role=\"status\">Cargando opciones…</p>\n    }\n    @if (useRadio()) {\n      <!-- Guía de control: 2–4 opciones estáticas → radio buttons, no un\n           desplegable. Cada opción es un label implícito (texto y control\n           juntos) y el grupo se nombra con aria-label: el rótulo del host\n           se dibuja como texto porque un grupo no es un único control con\n           el que emparejar un for. formField va en CADA input: Signal\n           Forms soporta radio (checked = value === element.value) y setea\n           name/disabled del grupo por estado de campo. -->\n      <div\n        class=\"mt-1 flex flex-col gap-1\"\n        role=\"radiogroup\"\n        [attr.aria-label]=\"field().label\"\n        data-testid=\"select-radios\"\n      >\n        @if (!field().required) {\n          <label class=\"flex w-fit items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              class=\"accent-primary\"\n              [id]=\"state().name() + '-__vacio'\"\n              value=\"\"\n              [formField]=\"node()\"\n            />\n            <span class=\"text-neutral\">{{ field().placeholder ?? '— Seleccionar —' }}</span>\n          </label>\n        }\n        @for (option of options(); track option.value) {\n          <label class=\"flex w-fit items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              class=\"accent-primary\"\n              [id]=\"state().name() + '-' + option.value\"\n              [value]=\"option.value\"\n              [formField]=\"node()\"\n            />\n            <span>{{ option.label }}</span>\n          </label>\n        }\n      </div>\n    } @else if (useSearch()) {\n      <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el\n           select nativo en vez de construir un combobox: el teclado, el\n           anuncio de la opción activa y el valor elegido siguen siendo los\n           del navegador. -->\n      <input\n        type=\"search\"\n        class=\"mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n        placeholder=\"Buscar…\"\n        aria-label=\"Buscar entre las opciones\"\n        [attr.aria-controls]=\"state().name()\"\n        [value]=\"query()\"\n        (input)=\"onQuery($event)\"\n      />\n    }\n    <select class=\"field-input\" [id]=\"state().name()\" [formField]=\"node()\">\n      @if (!field().required) {\n        <option value=\"\">{{ field().placeholder ?? '— Seleccionar —' }}</option>\n      }\n      @for (option of visibleOptions(); track option.value) {\n        <option [value]=\"option.value\" [disabled]=\"option.disabled ?? false\">\n          {{ option.label }}\n        </option>\n      }\n    </select>\n    @if (noMatches()) {\n      <p class=\"mt-1 text-xs text-neutral\" role=\"status\">Sin resultados para «{{ query() }}».</p>\n    }\n  `,\n})\nexport class FieldSelect {\n  readonly field = input.required<SelectField>();\n  readonly tree = input.required<RootTree>();\n\n  private readonly ds = inject(DataSourceService);\n\n  protected readonly node = computed(() => childTree<string>(this.tree(), this.field().key));\n  protected readonly state = computed(() => this.node()());\n\n  /** Texto escrito en el buscador (sólo se usa si supera el umbral). */\n  protected readonly query = signal('');\n\n  /**\n   * Registro del formulario, sólo para resolver `{campo}` en `source.params`.\n   * Sin parámetros declarados no se lee: el campo no depende del formulario.\n   */\n  private readonly registro = computed<Record<string, unknown> | undefined>(() => {\n    const source = this.field().source;\n    if (source === undefined || source.params === undefined) return undefined;\n    return this.tree()().value();\n  });\n\n  /** `undefined` sin fuente ⇒ `resource` queda idle y jamás llama al loader. */\n  private readonly claveFuente = computed(() => {\n    const source = this.field().source;\n    return source === undefined ? undefined : dataSourceKey(source, this.registro());\n  });\n\n  private readonly fuenteResource = resource({\n    params: () => this.claveFuente(),\n    loader: async () => {\n      const source = this.field().source;\n      if (source === undefined) return [];\n      return this.ds.rows(source, this.registro());\n    },\n  });\n\n  /**\n   * Opciones efectivas: las estáticas del schema o las filas de la fuente\n   * declarada, mapeadas con la misma regla que una relación (F8 · R6.5).\n   */\n  protected readonly options = computed<SelectOption[]>(() => {\n    const field = this.field();\n    if (field.source === undefined) return field.options ?? [];\n    // `value()` del resource TIRA en estado error (contract de Angular):\n    // se mira el estado antes de leerlo, o el propio render rompe en vez\n    // de pintar el aviso de fallo.\n    if (this.fuenteResource.status() === 'error') return [];\n    return optionsFromRows(this.fuenteResource.value() ?? [], {\n      source: field.source,\n      target: getSchema(field.source.resource),\n    });\n  });\n\n  /** Sólo aplica con `source`: una lista estática no tiene vuelta que esperar. */\n  protected readonly cargando = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'loading',\n  );\n\n  protected readonly fallo = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'error',\n  );\n\n  /** Umbral de la guía §1: 5–7 opciones dropdown simple, más de 7 con búsqueda. */\n  protected readonly useSearch = computed(() => this.options().length > 7);\n\n  /** Guía §1: 2–4 opciones estáticas → radio buttons (ver `radio-mode.ts`). */\n  protected readonly useRadio = computed(() => esGrupoRadio(this.field()));\n\n  protected onQuery(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n  }\n\n  /**\n   * Opciones que coinciden con el término, SIN conservar la elegida: es la\n   * base del mensaje «Sin resultados».\n   */\n  protected readonly matches = computed<SelectOption[]>(() => {\n    const all = this.options();\n    const term = this.query().trim().toLowerCase();\n    if (term === '') {\n      return all;\n    }\n    return all.filter((option) => option.label.toLowerCase().includes(term));\n  });\n\n  /** El buscador está activo y no encontró nada nuevo (el elegido no cuenta). */\n  protected readonly noMatches = computed(\n    () => this.useSearch() && this.query().trim() !== '' && this.matches().length === 0,\n  );\n\n  /**\n   * Opciones que se dibujan. Con búsqueda activa se acotan por etiqueta, pero\n   * la opción elegida se conserva siempre aunque no coincida con el término:\n   * si desapareciera del DOM, el select dejaría de mostrar el valor actual\n   * (guía §1: «valor seleccionado siempre visible»).\n   */\n  protected readonly visibleOptions = computed<SelectOption[]>(() => {\n    const filtered = this.matches();\n    if (this.query().trim() === '') {\n      return filtered;\n    }\n    const selected = String(this.state().value() ?? '');\n    if (filtered.some((option) => option.value === selected)) {\n      return filtered;\n    }\n    const kept = this.options().find((option) => option.value === selected);\n    return kept === undefined ? filtered : [...filtered, kept];\n  });\n}\n"],"mappings":";;;;;;;;;AAkGA,IAAa,cAAb,MAAa,YAAW;CACb,QAAQ,MAAM,SAAuB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACrC,OAAO,MAAM,SAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEzB,KAAK,OAAO,iBAAiB;CAE3B,OAAO,eAAe,UAAkB,KAAK,KAAI,GAAI,KAAK,MAAK,CAAE,CAAC,GAAG,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACvE,QAAQ,eAAe,KAAK,KAAI,CAAE,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAGrC,QAAQ,OAAO,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAMpB,WAAW,eAAmD;EAC7E,MAAM,SAAS,KAAK,MAAK,CAAE,CAAC;EAC5B,IAAI,WAAW,UAAa,OAAO,WAAW,QAAW,OAAO;EAChE,OAAO,KAAK,KAAI,CAAE,CAAA,CAAE,CAAC,MAAK;CAC5B,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAGe,cAAc,eAAc;EAC3C,MAAM,SAAS,KAAK,MAAK,CAAE,CAAC;EAC5B,OAAO,WAAW,SAAY,SAAY,cAAc,QAAQ,KAAK,SAAQ,CAAE;CACjF,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAEe,iBAAiB,SAAQ;EAAA,GAAA,YAAA,EAAA,WAAA,iBAAA,+BAAA,CAAA;EACxC,cAAc,KAAK,YAAW;EAC9B,QAAQ,YAAW;GACjB,MAAM,SAAS,KAAK,MAAK,CAAE,CAAC;GAC5B,IAAI,WAAW,QAAW,OAAO,CAAA;GACjC,OAAO,KAAK,GAAG,KAAK,QAAQ,KAAK,SAAQ,CAAE;EAC7C;CAAC,CAAA;CAOgB,UAAU,eAA8B;EACzD,MAAM,QAAQ,KAAK,MAAK;EACxB,IAAI,MAAM,WAAW,QAAW,OAAO,MAAM,WAAW,CAAA;EAIxD,IAAI,KAAK,eAAe,OAAM,MAAO,SAAS,OAAO,CAAA;EACrD,OAAO,gBAAgB,KAAK,eAAe,MAAK,KAAM,CAAA,GAAI;GACxD,QAAQ,MAAM;GACd,QAAQ,UAAU,MAAM,OAAO,QAAQ;EACxC,CAAA;CACH,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAGiB,WAAW,eACtB,KAAK,YAAW,MAAO,UAAa,KAAK,eAAe,OAAM,MAAO,WAC5E,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAEkB,QAAQ,eACnB,KAAK,YAAW,MAAO,UAAa,KAAK,eAAe,OAAM,MAAO,SAC5E,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAGkB,YAAY,eAAe,KAAK,QAAO,CAAE,CAAC,SAAS,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAGrD,WAAW,eAAe,aAAa,KAAK,MAAK,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAE9D,QAAQ,OAAY;EAC5B,KAAK,MAAM,IAAK,MAAM,OAA4B,KAAK;CACzD;CAMmB,UAAU,eAA8B;EACzD,MAAM,MAAM,KAAK,QAAO;EACxB,MAAM,OAAO,KAAK,MAAK,CAAE,CAAC,KAAI,CAAE,CAAC,YAAW;EAC5C,IAAI,SAAS,IACX,OAAO;EAET,OAAO,IAAI,QAAQ,WAAW,OAAO,MAAM,YAAW,CAAE,CAAC,SAAS,IAAI,CAAC;CACzE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAGiB,YAAY,eACvB,KAAK,UAAS,KAAM,KAAK,MAAK,CAAE,CAAC,KAAI,MAAO,MAAM,KAAK,QAAO,CAAE,CAAC,WAAW,GACnF,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAQkB,iBAAiB,eAA8B;EAChE,MAAM,WAAW,KAAK,QAAO;EAC7B,IAAI,KAAK,MAAK,CAAE,CAAC,KAAI,MAAO,IAC1B,OAAO;EAET,MAAM,WAAW,OAAO,KAAK,MAAK,CAAE,CAAC,MAAK,KAAM,EAAE;EAClD,IAAI,SAAS,MAAM,WAAW,OAAO,UAAU,QAAQ,GACrD,OAAO;EAET,MAAM,OAAO,KAAK,QAAO,CAAE,CAAC,MAAM,WAAW,OAAO,UAAU,QAAQ;EACtE,OAAO,SAAS,SAAY,WAAW,CAAC,GAAG,UAAU,IAAI;CAC3D,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CA5GS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UA3EZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyET,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MA1ES;GAAS,UAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAS,UAAA;GAAA,QAAA,CAAA,WAAA;GAAA,UAAA,CAAA,WAAA;EAAA,CAAA;CAAA,CAAA;;AA4EnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EA9EvB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,WAAW,SAAS;GAC9B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EX,CAAA"}