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

package/fesm2022/tinya-code-gas-admin-ui-record-list-BiZfnd_7.mjs

@@ -0,0 +1,249 @@
+import { n as parseNavigationUrl, t as interpolateTemplate } from "./tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs";
+import { t as EmptyState } from "./tinya-code-gas-admin-ui-empty-state-BMc0QtoT.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input } from "@angular/core";
+import { Router, RouterLink } from "@angular/router";
+var RecordList = class RecordList {
+	router = inject(Router, { optional: true });
+	widget = input.required(...ngDevMode ? [{ debugName: "widget" }] : /* istanbul ignore next */ []);
+	data = input(null, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
+	rows = computed(() => {
+		const val = this.data();
+		if (!Array.isArray(val)) return [];
+		return val.filter((item) => typeof item === "object" && item !== null);
+	}, ...ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []);
+	formatHeader(key) {
+		return key.replace(/_/g, " ");
+	}
+	formatCell(value) {
+		if (value === null || value === void 0 || value === "") return "—";
+		if (typeof value === "object") return JSON.stringify(value);
+		return String(value);
+	}
+	trackRow(row, index) {
+		return row["id"] || row["ref"] || row["key"] || index;
+	}
+	resolveRoute(row) {
+		const template = this.widget().action?.routeTemplate;
+		if (!template) return {
+			path: "",
+			queryParams: {}
+		};
+		return parseNavigationUrl(interpolateTemplate(template, row));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RecordList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: RecordList,
+		isStandalone: true,
+		selector: "app-record-list",
+		inputs: {
+			widget: {
+				classPropertyName: "widget",
+				publicName: "widget",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			data: {
+				classPropertyName: "data",
+				publicName: "data",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    <article class="flex h-full flex-col rounded-xl border border-neutral/20 bg-surface p-4">
+      <header class="mb-3 flex items-center justify-between">
+        <div class="flex items-center gap-2">
+          <h2 class="text-sm font-semibold text-neutral-light">{{ widget().label }}</h2>
+          @if (rows().length > 0) {
+            <span
+              class="inline-flex items-center rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary"
+            >
+              {{ rows().length }}
+            </span>
+          }
+        </div>
+      </header>
+
+      @if (rows().length === 0) {
+        <div class="flex flex-1 items-center justify-center py-6">
+          <app-empty-state
+            title="Sin registros pendientes"
+            message="No hay registros que requieran atención en este momento."
+          />
+        </div>
+      } @else {
+        <div class="flex-1 overflow-x-auto">
+          <table class="w-full text-left text-sm" role="table">
+            <thead>
+              <tr class="border-b border-neutral/10 text-xs text-neutral">
+                @for (col of widget().columns; track col) {
+                  <th scope="col" class="pb-2 font-medium capitalize">{{ formatHeader(col) }}</th>
+                }
+                @if (widget().action) {
+                  <th scope="col" class="pb-2 text-right font-medium">Acción</th>
+                }
+              </tr>
+            </thead>
+            <tbody class="divide-y divide-neutral/10">
+              @for (row of rows(); track trackRow(row, $index)) {
+                <tr class="transition-colors hover:bg-neutral/5">
+                  @for (col of widget().columns; track col) {
+                    <td class="py-2.5 pr-3 text-neutral-light">
+                      <span class="line-clamp-1">{{ formatCell(row[col]) }}</span>
+                    </td>
+                  }
+                  @if (widget().action) {
+                    <td class="py-2.5 text-right">
+                      <a
+                        [routerLink]="resolveRoute(row).path"
+                        [queryParams]="resolveRoute(row).queryParams"
+                        class="inline-flex items-center rounded-lg border border-neutral/30 bg-surface px-2.5 py-1 text-xs font-medium text-neutral-light transition-colors hover:bg-neutral/10"
+                      >
+                        {{ widget().action?.label || 'Ver' }}
+                      </a>
+                    </td>
+                  }
+                </tr>
+              }
+            </tbody>
+          </table>
+        </div>
+      }
+    </article>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: EmptyState,
+			selector: "app-empty-state",
+			inputs: ["title", "message"]
+		}, {
+			kind: "directive",
+			type: RouterLink,
+			selector: "[routerLink]",
+			inputs: [
+				"target",
+				"queryParams",
+				"fragment",
+				"queryParamsHandling",
+				"state",
+				"info",
+				"relativeTo",
+				"preserveFragment",
+				"skipLocationChange",
+				"replaceUrl",
+				"browserUrl",
+				"routerLink"
+			]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RecordList,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-record-list",
+			imports: [EmptyState, RouterLink],
+			template: `
+    <article class="flex h-full flex-col rounded-xl border border-neutral/20 bg-surface p-4">
+      <header class="mb-3 flex items-center justify-between">
+        <div class="flex items-center gap-2">
+          <h2 class="text-sm font-semibold text-neutral-light">{{ widget().label }}</h2>
+          @if (rows().length > 0) {
+            <span
+              class="inline-flex items-center rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary"
+            >
+              {{ rows().length }}
+            </span>
+          }
+        </div>
+      </header>
+
+      @if (rows().length === 0) {
+        <div class="flex flex-1 items-center justify-center py-6">
+          <app-empty-state
+            title="Sin registros pendientes"
+            message="No hay registros que requieran atención en este momento."
+          />
+        </div>
+      } @else {
+        <div class="flex-1 overflow-x-auto">
+          <table class="w-full text-left text-sm" role="table">
+            <thead>
+              <tr class="border-b border-neutral/10 text-xs text-neutral">
+                @for (col of widget().columns; track col) {
+                  <th scope="col" class="pb-2 font-medium capitalize">{{ formatHeader(col) }}</th>
+                }
+                @if (widget().action) {
+                  <th scope="col" class="pb-2 text-right font-medium">Acción</th>
+                }
+              </tr>
+            </thead>
+            <tbody class="divide-y divide-neutral/10">
+              @for (row of rows(); track trackRow(row, $index)) {
+                <tr class="transition-colors hover:bg-neutral/5">
+                  @for (col of widget().columns; track col) {
+                    <td class="py-2.5 pr-3 text-neutral-light">
+                      <span class="line-clamp-1">{{ formatCell(row[col]) }}</span>
+                    </td>
+                  }
+                  @if (widget().action) {
+                    <td class="py-2.5 text-right">
+                      <a
+                        [routerLink]="resolveRoute(row).path"
+                        [queryParams]="resolveRoute(row).queryParams"
+                        class="inline-flex items-center rounded-lg border border-neutral/30 bg-surface px-2.5 py-1 text-xs font-medium text-neutral-light transition-colors hover:bg-neutral/10"
+                      >
+                        {{ widget().action?.label || 'Ver' }}
+                      </a>
+                    </td>
+                  }
+                </tr>
+              }
+            </tbody>
+          </table>
+        </div>
+      }
+    </article>
+  `
+		}]
+	}],
+	propDecorators: {
+		widget: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "widget",
+				required: true
+			}]
+		}],
+		data: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data",
+				required: false
+			}]
+		}]
+	}
+});
+export { RecordList };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-record-list-BiZfnd_7.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-record-list-BiZfnd_7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-record-list-BiZfnd_7.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/widgets/record-list/record-list.ts"],"sourcesContent":["import { Component, computed, inject, input } from '@angular/core';\nimport { Router, RouterLink } from '@angular/router';\n\nimport type { RecordListWidget } from '../../core/models/schema.model';\nimport { interpolateTemplate, parseNavigationUrl } from '../../core/utils/template-interpolator';\nimport { EmptyState } from '../../shared/components/empty-state/empty-state';\n\n/**\n * Tabla embebida de registros operativos para el Dashboard.\n * Permite visualizar filas clave (ej. pedidos que requieren atención)\n * con enlace de acción por fila hacia su ficha de detalle.\n */\n@Component({\n  selector: 'app-record-list',\n  imports: [EmptyState, RouterLink],\n  template: `\n    <article class=\"flex h-full flex-col rounded-xl border border-neutral/20 bg-surface p-4\">\n      <header class=\"mb-3 flex items-center justify-between\">\n        <div class=\"flex items-center gap-2\">\n          <h2 class=\"text-sm font-semibold text-neutral-light\">{{ widget().label }}</h2>\n          @if (rows().length > 0) {\n            <span\n              class=\"inline-flex items-center rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary\"\n            >\n              {{ rows().length }}\n            </span>\n          }\n        </div>\n      </header>\n\n      @if (rows().length === 0) {\n        <div class=\"flex flex-1 items-center justify-center py-6\">\n          <app-empty-state\n            title=\"Sin registros pendientes\"\n            message=\"No hay registros que requieran atención en este momento.\"\n          />\n        </div>\n      } @else {\n        <div class=\"flex-1 overflow-x-auto\">\n          <table class=\"w-full text-left text-sm\" role=\"table\">\n            <thead>\n              <tr class=\"border-b border-neutral/10 text-xs text-neutral\">\n                @for (col of widget().columns; track col) {\n                  <th scope=\"col\" class=\"pb-2 font-medium capitalize\">{{ formatHeader(col) }}</th>\n                }\n                @if (widget().action) {\n                  <th scope=\"col\" class=\"pb-2 text-right font-medium\">Acción</th>\n                }\n              </tr>\n            </thead>\n            <tbody class=\"divide-y divide-neutral/10\">\n              @for (row of rows(); track trackRow(row, $index)) {\n                <tr class=\"transition-colors hover:bg-neutral/5\">\n                  @for (col of widget().columns; track col) {\n                    <td class=\"py-2.5 pr-3 text-neutral-light\">\n                      <span class=\"line-clamp-1\">{{ formatCell(row[col]) }}</span>\n                    </td>\n                  }\n                  @if (widget().action) {\n                    <td class=\"py-2.5 text-right\">\n                      <a\n                        [routerLink]=\"resolveRoute(row).path\"\n                        [queryParams]=\"resolveRoute(row).queryParams\"\n                        class=\"inline-flex items-center rounded-lg border border-neutral/30 bg-surface px-2.5 py-1 text-xs font-medium text-neutral-light transition-colors hover:bg-neutral/10\"\n                      >\n                        {{ widget().action?.label || 'Ver' }}\n                      </a>\n                    </td>\n                  }\n                </tr>\n              }\n            </tbody>\n          </table>\n        </div>\n      }\n    </article>\n  `,\n})\nexport class RecordList {\n  protected readonly router = inject(Router, { optional: true });\n\n  readonly widget = input.required<RecordListWidget>();\n  readonly data = input<Record<string, unknown>[] | null>(null);\n\n  protected readonly rows = computed<Record<string, unknown>[]>(() => {\n    const val = this.data();\n    if (!Array.isArray(val)) return [];\n    return val.filter(\n      (item): item is Record<string, unknown> => typeof item === 'object' && item !== null,\n    );\n  });\n\n  protected formatHeader(key: string): string {\n    return key.replace(/_/g, ' ');\n  }\n\n  protected formatCell(value: unknown): string {\n    if (value === null || value === undefined || value === '') return '—';\n    if (typeof value === 'object') return JSON.stringify(value);\n    return String(value);\n  }\n\n  protected trackRow(row: Record<string, unknown>, index: number): string | number {\n    return (row['id'] as string) || (row['ref'] as string) || (row['key'] as string) || index;\n  }\n\n  protected resolveRoute(row: Record<string, unknown>): {\n    path: string;\n    queryParams: Record<string, string>;\n  } {\n    const template = this.widget().action?.routeTemplate;\n    if (!template) return { path: '', queryParams: {} };\n    return parseNavigationUrl(interpolateTemplate(template, row));\n  }\n}\n"],"mappings":";;;;;AA8EA,IAAa,aAAb,MAAa,WAAU;CACF,SAAS,OAAO,QAAQ,EAAE,UAAU,KAAI,CAAE;CAEpD,SAAS,MAAM,SAA4B,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAC3C,OAAO,MAAwC,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAE1C,OAAO,eAAyC;EACjE,MAAM,MAAM,KAAK,KAAI;EACrB,IAAI,CAAC,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAA;EAChC,OAAO,IAAI,QACR,SAA0C,OAAO,SAAS,YAAY,SAAS,IAAI;CAExF,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEQ,aAAa,KAAW;EAChC,OAAO,IAAI,QAAQ,MAAM,GAAG;CAC9B;CAEU,WAAW,OAAc;EACjC,IAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,IAAI,OAAO;EAClE,IAAI,OAAO,UAAU,UAAU,OAAO,KAAK,UAAU,KAAK;EAC1D,OAAO,OAAO,KAAK;CACrB;CAEU,SAAS,KAA8B,OAAa;EAC5D,OAAQ,IAAI,SAAqB,IAAI,UAAsB,IAAI,UAAqB;CACtF;CAEU,aAAa,KAA4B;EAIjD,MAAM,WAAW,KAAK,OAAM,CAAE,CAAC,QAAQ;EACvC,IAAI,CAAC,UAAU,OAAO;GAAE,MAAM;GAAI,aAAa,CAAA;EAAE;EACjD,OAAO,mBAAmB,oBAAoB,UAAU,GAAG,CAAC;CAC9D;CAnCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,QAAA;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,UA/DX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6DT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MA9DS;GAAU,UAAA;GAAA,QAAA,CAAA,SAAA,SAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAU,UAAA;GAAA,QAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;GAAA;EAAA,CAAA;CAAA,CAAA;;AAgErB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EAlEtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,YAAY,UAAU;GAChC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DX,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-relation-drawer.service-B0kT8EiW.mjs

@@ -0,0 +1,39 @@
+import * as i0 from "@angular/core";
+import { Service, signal } from "@angular/core";
+var RelationDrawerService = class RelationDrawerService {
+	pending = signal(null, ...ngDevMode ? [{ debugName: "pending" }] : /* istanbul ignore next */ []);
+	request = this.pending.asReadonly();
+	open(resource, onCreated) {
+		this.pending.set({
+			resource,
+			onCreated
+		});
+	}
+	clear() {
+		this.pending.set(null);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RelationDrawerService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: RelationDrawerService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: RelationDrawerService,
+	decorators: [{ type: Service }]
+});
+export { RelationDrawerService as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-relation-drawer.service-B0kT8EiW.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-relation-drawer.service-B0kT8EiW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-relation-drawer.service-B0kT8EiW.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/core/services/relation-drawer.service.ts"],"sourcesContent":["import { Service, signal } from '@angular/core';\n\n/** Pedido de «Crear nuevo» lanzado desde el dropdown de una relación. */\nexport interface RelationCreateRequest {\n  /** Recurso a crear (el `source.resource` de la relación). */\n  resource: string;\n  /**\n   * Se invoca con la clave recién creada. Vive en la relación porque es ella\n   * la que tiene que recargar sus opciones y preseleccionar el valor.\n   */\n  onCreated: (key: string) => void;\n}\n\n/**\n * Puente entre el control `relation` y el drawer que abre el formulario.\n *\n * Existe como señal inyectable y NO como un `output()` encadenado porque el\n * camino directo — `relation → DrawerForm → FieldHost → relation` — arma un\n * ciclo de imports de módulos: `field-host` se decoraría con\n * `FieldRelation === undefined` y Angular tiraría `Cannot read properties of\n * undefined (reading 'ɵcmp')`. El campo no puede importar un componente que,\n * a su vez, lo importa a él.\n *\n * Sólo hay un drawer a la vez, así que una única señal alcanza: quien lo\n * abre lo cierra con `clear()` al recibir `close`/`saved`.\n */\n@Service()\nexport class RelationDrawerService {\n  private readonly pending = signal<RelationCreateRequest | null>(null);\n\n  /** Pedido en curso; `null` cuando no hay panel abierto. */\n  readonly request = this.pending.asReadonly();\n\n  open(resource: string, onCreated: (key: string) => void): void {\n    this.pending.set({ resource, onCreated });\n  }\n\n  clear(): void {\n    this.pending.set(null);\n  }\n}\n"],"mappings":";;AA2BA,IAAa,wBAAb,MAAa,sBAAqB;CACf,UAAU,OAAqC,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAG5D,UAAU,KAAK,QAAQ,WAAU;CAE1C,KAAK,UAAkB,WAAgC;EACrD,KAAK,QAAQ,IAAI;GAAE;GAAU;EAAS,CAAE;CAC1C;CAEA,QAAK;EACH,KAAK,QAAQ,IAAI,IAAI;CACvB;CAZW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAqB,CAAA;;AAArB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA,EADjC,MAAA,QAAA,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-relation-ykpJ3PYl.mjs

@@ -0,0 +1,309 @@
+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 { n as dataSourceKey, t as DataSourceService } from "./tinya-code-gas-admin-ui-data-source.service-96FSbN72.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 Skeleton } from "./tinya-code-gas-admin-ui-skeleton-DnWK0tcZ.mjs";
+import { t as RelationDrawerService } from "./tinya-code-gas-admin-ui-relation-drawer.service-B0kT8EiW.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input, resource, signal } from "@angular/core";
+import { LucidePlus } from "@lucide/angular";
+import { FormField } from "@angular/forms/signals";
+var FieldRelation = class FieldRelation {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	tree = input.required(...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+	ds = inject(DataSourceService);
+	drawer = inject(RelationDrawerService);
+	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 */ []);
+	targetSchema = computed(() => getSchema(this.field().source.resource), ...ngDevMode ? [{ debugName: "targetSchema" }] : /* istanbul ignore next */ []);
+	canCreate = computed(() => this.targetSchema()?.permissions?.create !== false, ...ngDevMode ? [{ debugName: "canCreate" }] : /* istanbul ignore next */ []);
+	useSearch = computed(() => this.options().length > 7, ...ngDevMode ? [{ debugName: "useSearch" }] : /* 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 */ []);
+	requestCreate() {
+		const resource = this.field().source.resource;
+		this.drawer.open(resource, (key) => {
+			this.ds.invalidate(resource);
+			this.optionsResource.reload();
+			this.node()().value.set(key);
+		});
+	}
+	registro = computed(() => this.field().source.params === void 0 ? void 0 : this.tree()().value(), ...ngDevMode ? [{ debugName: "registro" }] : /* istanbul ignore next */ []);
+	claveFuente = computed(() => dataSourceKey(this.field().source, this.registro()), ...ngDevMode ? [{ debugName: "claveFuente" }] : /* istanbul ignore next */ []);
+	optionsResource = resource({
+		...ngDevMode ? { debugName: "optionsResource" } : /* istanbul ignore next */ {},
+		params: () => this.claveFuente(),
+		loader: async () => this.ds.rows(this.field().source, this.registro())
+	});
+	options = computed(() => this.optionsResource.status() === "error" ? [] : optionsFromRows(this.optionsResource.value() ?? [], {
+		source: this.field().source,
+		target: this.targetSchema(),
+		onlyActive: this.field().onlyActive,
+		secondaryField: this.field().secondaryField
+	}), ...ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldRelation,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldRelation,
+		isStandalone: true,
+		selector: "app-field-relation",
+		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: `
+    @switch (optionsResource.status()) {
+      @case ('loading') {
+        <!-- El output es labelable: el for del label del host sigue teniendo
+             ancla, y como ya es live region anuncia la carga. El skeleton
+             reemplaza al texto con animate-pulse (plan 6.7). -->
+        <output class="block" [id]="state().name()" aria-busy="true">
+          <app-skeleton [lines]="1" [height]="40" />
+          <span class="sr-only">Cargando opciones…</span>
+        </output>
+      }
+      @case ('error') {
+        <!-- Output en vez de un párrafo: es labelable (el label del host
+             tiene ancla) y ya es live region, así que con role=alert el
+             fallo de carga se anuncia sin repetir el texto en otro nodo. -->
+        <output class="field-input block text-danger" [id]="state().name()" role="alert">
+          No se pudieron cargar las opciones.
+        </output>
+      }
+      @default {
+        @if (useSearch()) {
+          <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. El filtro
+               no reemplaza al select, lo acota; así el teclado y el valor
+               elegido siguen funcionando igual. -->
+          <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">{{ option.label }}</option>
+          }
+        </select>
+        @if (noMatches()) {
+          <p class="mt-1 text-xs text-neutral" role="status">
+            Sin resultados para «{{ query() }}».
+          </p>
+        } @else if (options().length === 0) {
+          <p class="mt-1 text-xs text-neutral">Sin opciones disponibles.</p>
+        }
+        @if (targetSchema() !== undefined && canCreate()) {
+          <!-- Un <option> no puede contener un botón: la acción va justo
+               debajo del control, pegada al dropdown. -->
+          <button
+            app-button
+            variant="ghost"
+            type="button"
+            class="mt-1 -ml-2"
+            (click)="requestCreate()"
+          >
+            <svg lucidePlus size="16" />
+            Crear nuevo
+          </button>
+        }
+      }
+    }
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "component",
+				type: Button,
+				selector: "button[app-button]",
+				inputs: [
+					"variant",
+					"size",
+					"type",
+					"disabled",
+					"loading"
+				]
+			},
+			{
+				kind: "directive",
+				type: FieldAria,
+				selector: "input[id], select[id], textarea[id], output[id]"
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
+			{
+				kind: "component",
+				type: LucidePlus,
+				selector: "svg[lucidePlus]"
+			},
+			{
+				kind: "component",
+				type: Skeleton,
+				selector: "app-skeleton",
+				inputs: [
+					"lines",
+					"height",
+					"width"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldRelation,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-relation",
+			imports: [
+				Button,
+				FieldAria,
+				FormField,
+				LucidePlus,
+				Skeleton
+			],
+			template: `
+    @switch (optionsResource.status()) {
+      @case ('loading') {
+        <!-- El output es labelable: el for del label del host sigue teniendo
+             ancla, y como ya es live region anuncia la carga. El skeleton
+             reemplaza al texto con animate-pulse (plan 6.7). -->
+        <output class="block" [id]="state().name()" aria-busy="true">
+          <app-skeleton [lines]="1" [height]="40" />
+          <span class="sr-only">Cargando opciones…</span>
+        </output>
+      }
+      @case ('error') {
+        <!-- Output en vez de un párrafo: es labelable (el label del host
+             tiene ancla) y ya es live region, así que con role=alert el
+             fallo de carga se anuncia sin repetir el texto en otro nodo. -->
+        <output class="field-input block text-danger" [id]="state().name()" role="alert">
+          No se pudieron cargar las opciones.
+        </output>
+      }
+      @default {
+        @if (useSearch()) {
+          <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. El filtro
+               no reemplaza al select, lo acota; así el teclado y el valor
+               elegido siguen funcionando igual. -->
+          <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">{{ option.label }}</option>
+          }
+        </select>
+        @if (noMatches()) {
+          <p class="mt-1 text-xs text-neutral" role="status">
+            Sin resultados para «{{ query() }}».
+          </p>
+        } @else if (options().length === 0) {
+          <p class="mt-1 text-xs text-neutral">Sin opciones disponibles.</p>
+        }
+        @if (targetSchema() !== undefined && canCreate()) {
+          <!-- Un <option> no puede contener un botón: la acción va justo
+               debajo del control, pegada al dropdown. -->
+          <button
+            app-button
+            variant="ghost"
+            type="button"
+            class="mt-1 -ml-2"
+            (click)="requestCreate()"
+          >
+            <svg lucidePlus size="16" />
+            Crear nuevo
+          </button>
+        }
+      }
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: true
+			}]
+		}]
+	}
+});
+export { FieldRelation };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-relation-ykpJ3PYl.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-relation-ykpJ3PYl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-relation-ykpJ3PYl.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/relation/relation.ts"],"sourcesContent":["import { Component, computed, inject, input, resource, signal } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport { LucidePlus } from '@lucide/angular';\n\nimport type { RelationField, SelectOption } from '../../core/models/schema.model';\nimport { DataSourceService, dataSourceKey } from '../../core/services/data-source.service';\nimport { RelationDrawerService } from '../../core/services/relation-drawer.service';\nimport { optionsFromRows } from '../../core/utils/source-options';\nimport { Button } from '../../shared/components/button/button';\nimport { getSchema } from '../../core/registry/schema-catalog';\nimport { Skeleton } from '../../shared/components/skeleton/skeleton';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\n\n/**\n * Referencia a otro recurso (base.md §5.2): `<select>` con opciones del\n * listado del recurso destino, cargadas desde `field.source` (F8 · R6.5).\n *\n * La vuelta no la arma este componente: pasa por `DataSourceService`, que\n * centraliza la caché por `resource+view+params`. El `resource()` de Angular\n * de acá sólo aporta el estado (loading/error/recarga), y su `params` es la\n * clave de la fuente ya interpolada — así una relación con `params`\n * dependientes del formulario se recarga cuando cambia el dato, y una sin\n * `params` no se entera de las teclas.\n *\n * Más de 7 opciones → búsqueda encima del select (plan 6.1, guía §1). Se\n * filtra un `<select>` nativo y no se construye un combobox propio: conserva\n * la navegación con teclado del navegador, el valor seleccionado visible y\n * la lista de opciones accesible sin gestionar `aria-activedescendant`.\n */\n@Component({\n  selector: 'app-field-relation',\n  imports: [Button, FieldAria, FormField, LucidePlus, Skeleton],\n  template: `\n    @switch (optionsResource.status()) {\n      @case ('loading') {\n        <!-- El output es labelable: el for del label del host sigue teniendo\n             ancla, y como ya es live region anuncia la carga. El skeleton\n             reemplaza al texto con animate-pulse (plan 6.7). -->\n        <output class=\"block\" [id]=\"state().name()\" aria-busy=\"true\">\n          <app-skeleton [lines]=\"1\" [height]=\"40\" />\n          <span class=\"sr-only\">Cargando opciones…</span>\n        </output>\n      }\n      @case ('error') {\n        <!-- Output en vez de un párrafo: es labelable (el label del host\n             tiene ancla) y ya es live region, así que con role=alert el\n             fallo de carga se anuncia sin repetir el texto en otro nodo. -->\n        <output class=\"field-input block text-danger\" [id]=\"state().name()\" role=\"alert\">\n          No se pudieron cargar las opciones.\n        </output>\n      }\n      @default {\n        @if (useSearch()) {\n          <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. El filtro\n               no reemplaza al select, lo acota; así el teclado y el valor\n               elegido siguen funcionando igual. -->\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\">{{ option.label }}</option>\n          }\n        </select>\n        @if (noMatches()) {\n          <p class=\"mt-1 text-xs text-neutral\" role=\"status\">\n            Sin resultados para «{{ query() }}».\n          </p>\n        } @else if (options().length === 0) {\n          <p class=\"mt-1 text-xs text-neutral\">Sin opciones disponibles.</p>\n        }\n        @if (targetSchema() !== undefined && canCreate()) {\n          <!-- Un <option> no puede contener un botón: la acción va justo\n               debajo del control, pegada al dropdown. -->\n          <button\n            app-button\n            variant=\"ghost\"\n            type=\"button\"\n            class=\"mt-1 -ml-2\"\n            (click)=\"requestCreate()\"\n          >\n            <svg lucidePlus size=\"16\" />\n            Crear nuevo\n          </button>\n        }\n      }\n    }\n  `,\n})\nexport class FieldRelation {\n  readonly field = input.required<RelationField>();\n  readonly tree = input.required<RootTree>();\n\n  private readonly ds = inject(DataSourceService);\n  private readonly drawer = inject(RelationDrawerService);\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  protected readonly targetSchema = computed(() => getSchema(this.field().source.resource));\n\n  protected readonly canCreate = computed(() => this.targetSchema()?.permissions?.create !== false);\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  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 de búsqueda, SIN conservar la\n   * elegida. Es la 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,\n   * PERO la opción elegida se conserva siempre: si desapareciera del DOM el\n   * select dejaría de mostrar el valor actual (guía §1: «valor seleccionado\n   * siempre visible»). Por eso no se dibuja a partir de `matches`.\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  /**\n   * Pide el panel de «Crear nuevo». El servicio guarda el callback que, al\n   * confirmarse la creación, recarga las opciones y preselecciona la clave.\n   */\n  protected requestCreate(): void {\n    const resource = this.field().source.resource;\n    this.drawer.open(resource, (key) => {\n      // La fila nueva todavía no está en la caché compartida: sin este\n      // `invalidate` la recarga devolvería la lista vieja (F8 · R6.5).\n      this.ds.invalidate(resource);\n      this.optionsResource.reload();\n      // Se setea DESPUÉS de pedir la recarga: si la opción todavía no está\n      // en el DOM el select mostraría vacío, y al llegar se reengancha sola\n      // (visibleOptions conserva la elegida aunque el filtro la oculte).\n      this.node()().value.set(key);\n    });\n  }\n\n  /**\n   * Registro del formulario, sólo para resolver `{campo}` en `source.params`.\n   *\n   * Si la fuente no declara parámetros el registro NO se lee: la relación\n   * no depende del formulario y no se recalcula con cada tecla.\n   */\n  private readonly registro = computed<Record<string, unknown> | undefined>(() =>\n    this.field().source.params === undefined ? undefined : this.tree()().value(),\n  );\n\n  /** Clave de la fuente ya interpolada: es lo que `resource` compara. */\n  private readonly claveFuente = computed(() =>\n    dataSourceKey(this.field().source, this.registro()),\n  );\n\n  /**\n   * Carga de las opciones. `resource()` sólo aporta estado (loading/error/\n   * recarga): la vuelta y la caché son del `DataSourceService`, que así\n   * comparte filas con el resto de consumidores de la misma fuente.\n   */\n  private readonly optionsResource = resource({\n    params: () => this.claveFuente(),\n    loader: async () => this.ds.rows(this.field().source, this.registro()),\n  });\n\n  /**\n   * Opciones (F8): filas de la fuente declarada → `SelectOption`.\n   *\n   * El `@switch` del template sólo entra en `default` cuando no hubo fallo,\n   * pero el estado se mira acá también: `value()` del resource TIRA en\n   * estado error (contract de Angular) y un computed que se evalúe por otra\n   * vía tiraría el render entero.\n   */\n  protected readonly options = computed<SelectOption[]>(() =>\n    this.optionsResource.status() === 'error'\n      ? []\n      : optionsFromRows(this.optionsResource.value() ?? [], {\n          source: this.field().source,\n          target: this.targetSchema(),\n          onlyActive: this.field().onlyActive,\n          secondaryField: this.field().secondaryField,\n        }),\n  );\n}\n"],"mappings":"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"}