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

package/fesm2022/tinya-code-gas-admin-ui-string-list-gleasqzD.mjs

@@ -0,0 +1,432 @@
+import { t as Button } from "./tinya-code-gas-admin-ui-button-BQjNW8KB.mjs";
+import { t as NotificationService } from "./tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs";
+import { n as FieldAria } from "./tinya-code-gas-admin-ui-field-aria-BD1Wiggc.mjs";
+import { a as stringItemTree, t as childTree } from "./tinya-code-gas-admin-ui-field-node-CIK6KNN_.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input } from "@angular/core";
+import { LucideArrowDown, LucideArrowUp, LucideGripVertical, LucideTrash2 } from "@lucide/angular";
+import { FormField } from "@angular/forms/signals";
+import { CdkDrag, CdkDragHandle, CdkDropList, moveItemInArray } from "@angular/cdk/drag-drop";
+var FieldStringList = class FieldStringList {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	tree = input.required(...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+	notifications = inject(NotificationService);
+	itemsNode = computed(() => childTree(this.tree(), this.field().key), ...ngDevMode ? [{ debugName: "itemsNode" }] : /* istanbul ignore next */ []);
+	state = computed(() => this.itemsNode()(), ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	idPrefix = computed(() => this.state().name(), ...ngDevMode ? [{ debugName: "idPrefix" }] : /* istanbul ignore next */ []);
+	items = computed(() => this.state().value() ?? [], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	sortable = computed(() => this.field().sortable ?? true, ...ngDevMode ? [{ debugName: "sortable" }] : /* istanbul ignore next */ []);
+	inputType = computed(() => this.field().itemType ?? "text", ...ngDevMode ? [{ debugName: "inputType" }] : /* istanbul ignore next */ []);
+	itemNode(index) {
+		return stringItemTree(this.itemsNode(), index);
+	}
+	canAdd() {
+		const max = this.field().max;
+		return max === void 0 || this.items().length < max;
+	}
+	canRemove() {
+		return this.items().length > (this.field().min ?? 0);
+	}
+	add() {
+		if (!this.canAdd()) return;
+		this.updateItems((next) => {
+			next.push("");
+		});
+	}
+	move(index, direction) {
+		const target = index + direction;
+		if (target < 0 || target >= this.items().length) return;
+		this.updateItems((next) => {
+			moveItemInArray(next, index, target);
+		});
+	}
+	onDrop(event) {
+		if (event.previousIndex === event.currentIndex) return;
+		this.updateItems((next) => {
+			moveItemInArray(next, event.previousIndex, event.currentIndex);
+		});
+	}
+	async remove(index) {
+		if (!this.canRemove()) return;
+		if ((this.items()[index] ?? "").trim() !== "") {
+			if (!await this.notifications.confirm({
+				title: `Eliminar elemento ${index + 1}`,
+				message: "Esta acción no se puede deshacer.",
+				confirmLabel: "Eliminar",
+				cancelLabel: "Cancelar"
+			})) return;
+		}
+		this.updateItems((next) => {
+			next.splice(index, 1);
+		});
+	}
+	updateItems(mutator) {
+		this.state().controlValue.update((current) => {
+			const next = [...current];
+			mutator(next);
+			return next;
+		});
+	}
+	placeholderFor() {
+		switch (this.field().itemType) {
+			case "url": return "https://…";
+			case "email": return "nombre@ejemplo.com";
+			default: return "Ej. Opción 1";
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldStringList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldStringList,
+		isStandalone: true,
+		selector: "app-field-string-list",
+		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 (items().length === 0) {
+      <p
+        class="rounded-lg border border-dashed border-neutral/30 px-4 py-6 text-center text-sm text-neutral"
+      >
+        {{ field().emptyText ?? 'Sin elementos.' }}
+      </p>
+    } @else {
+      <div
+        cdkDropList
+        class="space-y-2"
+        [cdkDropListData]="items()"
+        [cdkDropListDisabled]="!sortable()"
+        (cdkDropListDropped)="onDrop($event)"
+      >
+        @for (item of items(); track $index; let i = $index) {
+          <div class="flex items-center gap-2" cdkDrag [cdkDragDisabled]="!sortable()">
+            @if (sortable()) {
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                class="cursor-grab"
+                cdkDragHandle
+                [attr.aria-label]="'Reordenar elemento ' + (i + 1)"
+                title="Arrastrar para reordenar"
+              >
+                <svg lucideGripVertical size="16" />
+              </button>
+            }
+            <input
+              class="field-input min-w-0 grow"
+              [type]="inputType()"
+              [placeholder]="field().placeholder ?? placeholderFor()"
+              [attr.aria-label]="field().label + ', elemento ' + (i + 1)"
+              [id]="idPrefix() + '-' + i"
+              [formField]="itemNode(i)"
+            />
+            <span class="flex shrink-0 items-center gap-2 lg:gap-1">
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                [disabled]="i === 0"
+                [attr.aria-label]="'Subir elemento ' + (i + 1)"
+                (click)="move(i, -1)"
+              >
+                <svg lucideArrowUp size="16" />
+              </button>
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                [disabled]="i === items().length - 1"
+                [attr.aria-label]="'Bajar elemento ' + (i + 1)"
+                (click)="move(i, 1)"
+              >
+                <svg lucideArrowDown size="16" />
+              </button>
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                [disabled]="!canRemove()"
+                [attr.aria-label]="'Eliminar elemento ' + (i + 1)"
+                (click)="remove(i)"
+              >
+                <svg lucideTrash2 size="16" />
+              </button>
+            </span>
+          </div>
+        }
+      </div>
+    }
+
+    <div class="mt-3">
+      <button app-button variant="outline" type="button" [disabled]="!canAdd()" (click)="add()">
+        + {{ field().addLabel ?? 'Agregar elemento' }}
+      </button>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: FieldAria,
+				selector: "input[id], select[id], textarea[id], output[id]"
+			},
+			{
+				kind: "component",
+				type: Button,
+				selector: "button[app-button]",
+				inputs: [
+					"variant",
+					"size",
+					"type",
+					"disabled",
+					"loading"
+				]
+			},
+			{
+				kind: "directive",
+				type: CdkDrag,
+				selector: "[cdkDrag]",
+				inputs: [
+					"cdkDragData",
+					"cdkDragLockAxis",
+					"cdkDragRootElement",
+					"cdkDragBoundary",
+					"cdkDragStartDelay",
+					"cdkDragFreeDragPosition",
+					"cdkDragDisabled",
+					"cdkDragConstrainPosition",
+					"cdkDragPreviewClass",
+					"cdkDragPreviewContainer",
+					"cdkDragScale"
+				],
+				outputs: [
+					"cdkDragStarted",
+					"cdkDragReleased",
+					"cdkDragEnded",
+					"cdkDragEntered",
+					"cdkDragExited",
+					"cdkDragDropped",
+					"cdkDragMoved"
+				],
+				exportAs: ["cdkDrag"]
+			},
+			{
+				kind: "directive",
+				type: CdkDragHandle,
+				selector: "[cdkDragHandle]",
+				inputs: ["cdkDragHandleDisabled"]
+			},
+			{
+				kind: "directive",
+				type: CdkDropList,
+				selector: "[cdkDropList], cdk-drop-list",
+				inputs: [
+					"cdkDropListConnectedTo",
+					"cdkDropListData",
+					"cdkDropListOrientation",
+					"id",
+					"cdkDropListLockAxis",
+					"cdkDropListDisabled",
+					"cdkDropListSortingDisabled",
+					"cdkDropListEnterPredicate",
+					"cdkDropListSortPredicate",
+					"cdkDropListAutoScrollDisabled",
+					"cdkDropListAutoScrollStep",
+					"cdkDropListElementContainer",
+					"cdkDropListHasAnchor"
+				],
+				outputs: [
+					"cdkDropListDropped",
+					"cdkDropListEntered",
+					"cdkDropListExited",
+					"cdkDropListSorted"
+				],
+				exportAs: ["cdkDropList"]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
+			{
+				kind: "component",
+				type: LucideArrowDown,
+				selector: "svg[lucideArrowDown]"
+			},
+			{
+				kind: "component",
+				type: LucideArrowUp,
+				selector: "svg[lucideArrowUp]"
+			},
+			{
+				kind: "component",
+				type: LucideGripVertical,
+				selector: "svg[lucideGripVertical]"
+			},
+			{
+				kind: "component",
+				type: LucideTrash2,
+				selector: "svg[lucideTrash], svg[lucideTrash2]"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldStringList,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-string-list",
+			imports: [
+				FieldAria,
+				Button,
+				CdkDrag,
+				CdkDragHandle,
+				CdkDropList,
+				FormField,
+				LucideArrowDown,
+				LucideArrowUp,
+				LucideGripVertical,
+				LucideTrash2
+			],
+			template: `
+    @if (items().length === 0) {
+      <p
+        class="rounded-lg border border-dashed border-neutral/30 px-4 py-6 text-center text-sm text-neutral"
+      >
+        {{ field().emptyText ?? 'Sin elementos.' }}
+      </p>
+    } @else {
+      <div
+        cdkDropList
+        class="space-y-2"
+        [cdkDropListData]="items()"
+        [cdkDropListDisabled]="!sortable()"
+        (cdkDropListDropped)="onDrop($event)"
+      >
+        @for (item of items(); track $index; let i = $index) {
+          <div class="flex items-center gap-2" cdkDrag [cdkDragDisabled]="!sortable()">
+            @if (sortable()) {
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                class="cursor-grab"
+                cdkDragHandle
+                [attr.aria-label]="'Reordenar elemento ' + (i + 1)"
+                title="Arrastrar para reordenar"
+              >
+                <svg lucideGripVertical size="16" />
+              </button>
+            }
+            <input
+              class="field-input min-w-0 grow"
+              [type]="inputType()"
+              [placeholder]="field().placeholder ?? placeholderFor()"
+              [attr.aria-label]="field().label + ', elemento ' + (i + 1)"
+              [id]="idPrefix() + '-' + i"
+              [formField]="itemNode(i)"
+            />
+            <span class="flex shrink-0 items-center gap-2 lg:gap-1">
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                [disabled]="i === 0"
+                [attr.aria-label]="'Subir elemento ' + (i + 1)"
+                (click)="move(i, -1)"
+              >
+                <svg lucideArrowUp size="16" />
+              </button>
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                [disabled]="i === items().length - 1"
+                [attr.aria-label]="'Bajar elemento ' + (i + 1)"
+                (click)="move(i, 1)"
+              >
+                <svg lucideArrowDown size="16" />
+              </button>
+              <button
+                type="button"
+                app-button
+                variant="ghost"
+                size="icon"
+                [disabled]="!canRemove()"
+                [attr.aria-label]="'Eliminar elemento ' + (i + 1)"
+                (click)="remove(i)"
+              >
+                <svg lucideTrash2 size="16" />
+              </button>
+            </span>
+          </div>
+        }
+      </div>
+    }
+
+    <div class="mt-3">
+      <button app-button variant="outline" type="button" [disabled]="!canAdd()" (click)="add()">
+        + {{ field().addLabel ?? 'Agregar elemento' }}
+      </button>
+    </div>
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: true
+			}]
+		}]
+	}
+});
+export { FieldStringList };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-string-list-gleasqzD.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-string-list-gleasqzD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-string-list-gleasqzD.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/string-list/string-list.ts"],"sourcesContent":["import { Component, computed, inject, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport {\n  CdkDrag,\n  CdkDragDrop,\n  CdkDragHandle,\n  CdkDropList,\n  moveItemInArray,\n} from '@angular/cdk/drag-drop';\n\nimport { LucideArrowDown, LucideArrowUp, LucideGripVertical, LucideTrash2 } from '@lucide/angular';\nimport type { StringListField } from '../../core/models/schema.model';\nimport { NotificationService } from '../../core/services/notification.service';\nimport { Button } from '../../shared/components/button/button';\nimport { FieldAria } from '../field-aria';\nimport { childTree, stringItemTree, type RootTree } from '../field-node';\n\n/**\n * Lista de cadenas (base.md §9: `text`, `url` o `email` por ítem).\n *\n * Hoja: renderiza sus propios `<input [formField]>` (el nodo de cada ítem es\n * `FieldTree<string>`) y no toca FieldHost. Los ítems escalares no pueden\n * llevar `position`: si el schema la declara, el orden viaja como orden del\n * arreglo y el backend renumera (api.md R3).\n */\n@Component({\n  selector: 'app-field-string-list',\n  imports: [\n    FieldAria,\n    Button,\n    CdkDrag,\n    CdkDragHandle,\n    CdkDropList,\n    FormField,\n    LucideArrowDown,\n    LucideArrowUp,\n    LucideGripVertical,\n    LucideTrash2,\n  ],\n  template: `\n    @if (items().length === 0) {\n      <p\n        class=\"rounded-lg border border-dashed border-neutral/30 px-4 py-6 text-center text-sm text-neutral\"\n      >\n        {{ field().emptyText ?? 'Sin elementos.' }}\n      </p>\n    } @else {\n      <div\n        cdkDropList\n        class=\"space-y-2\"\n        [cdkDropListData]=\"items()\"\n        [cdkDropListDisabled]=\"!sortable()\"\n        (cdkDropListDropped)=\"onDrop($event)\"\n      >\n        @for (item of items(); track $index; let i = $index) {\n          <div class=\"flex items-center gap-2\" cdkDrag [cdkDragDisabled]=\"!sortable()\">\n            @if (sortable()) {\n              <button\n                type=\"button\"\n                app-button\n                variant=\"ghost\"\n                size=\"icon\"\n                class=\"cursor-grab\"\n                cdkDragHandle\n                [attr.aria-label]=\"'Reordenar elemento ' + (i + 1)\"\n                title=\"Arrastrar para reordenar\"\n              >\n                <svg lucideGripVertical size=\"16\" />\n              </button>\n            }\n            <input\n              class=\"field-input min-w-0 grow\"\n              [type]=\"inputType()\"\n              [placeholder]=\"field().placeholder ?? placeholderFor()\"\n              [attr.aria-label]=\"field().label + ', elemento ' + (i + 1)\"\n              [id]=\"idPrefix() + '-' + i\"\n              [formField]=\"itemNode(i)\"\n            />\n            <span class=\"flex shrink-0 items-center gap-2 lg:gap-1\">\n              <button\n                type=\"button\"\n                app-button\n                variant=\"ghost\"\n                size=\"icon\"\n                [disabled]=\"i === 0\"\n                [attr.aria-label]=\"'Subir elemento ' + (i + 1)\"\n                (click)=\"move(i, -1)\"\n              >\n                <svg lucideArrowUp size=\"16\" />\n              </button>\n              <button\n                type=\"button\"\n                app-button\n                variant=\"ghost\"\n                size=\"icon\"\n                [disabled]=\"i === items().length - 1\"\n                [attr.aria-label]=\"'Bajar elemento ' + (i + 1)\"\n                (click)=\"move(i, 1)\"\n              >\n                <svg lucideArrowDown size=\"16\" />\n              </button>\n              <button\n                type=\"button\"\n                app-button\n                variant=\"ghost\"\n                size=\"icon\"\n                [disabled]=\"!canRemove()\"\n                [attr.aria-label]=\"'Eliminar elemento ' + (i + 1)\"\n                (click)=\"remove(i)\"\n              >\n                <svg lucideTrash2 size=\"16\" />\n              </button>\n            </span>\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"mt-3\">\n      <button app-button variant=\"outline\" type=\"button\" [disabled]=\"!canAdd()\" (click)=\"add()\">\n        + {{ field().addLabel ?? 'Agregar elemento' }}\n      </button>\n    </div>\n  `,\n})\nexport class FieldStringList {\n  readonly field = input.required<StringListField>();\n  readonly tree = input.required<RootTree>();\n\n  private readonly notifications = inject(NotificationService);\n\n  private readonly itemsNode = computed(() => childTree<string[]>(this.tree(), this.field().key));\n  private readonly state = computed(() => this.itemsNode()());\n  /** Prefijo estable del campo para los id de cada ítem (§8). */\n  protected readonly idPrefix = computed(() => this.state().name());\n  protected readonly items = computed(() => this.state().value() ?? []);\n\n  protected readonly sortable = computed(() => this.field().sortable ?? true);\n  protected readonly inputType = computed(() => this.field().itemType ?? 'text');\n\n  protected itemNode(index: number): ReturnType<typeof stringItemTree> {\n    return stringItemTree(this.itemsNode(), index);\n  }\n\n  protected canAdd(): boolean {\n    const max = this.field().max;\n    return max === undefined || this.items().length < max;\n  }\n\n  protected canRemove(): boolean {\n    return this.items().length > (this.field().min ?? 0);\n  }\n\n  protected add(): void {\n    if (!this.canAdd()) {\n      return;\n    }\n    this.updateItems((next) => {\n      next.push('');\n    });\n  }\n\n  protected move(index: number, direction: -1 | 1): void {\n    const target = index + direction;\n    if (target < 0 || target >= this.items().length) {\n      return;\n    }\n    this.updateItems((next) => {\n      moveItemInArray(next, index, target);\n    });\n  }\n\n  protected onDrop(event: CdkDragDrop<string[]>): void {\n    if (event.previousIndex === event.currentIndex) {\n      return;\n    }\n    this.updateItems((next) => {\n      moveItemInArray(next, event.previousIndex, event.currentIndex);\n    });\n  }\n\n  protected async remove(index: number): Promise<void> {\n    if (!this.canRemove()) {\n      return;\n    }\n    const value = this.items()[index] ?? '';\n    if (value.trim() !== '') {\n      const accepted = await this.notifications.confirm({\n        title: `Eliminar elemento ${index + 1}`,\n        message: 'Esta acción no se puede deshacer.',\n        confirmLabel: 'Eliminar',\n        cancelLabel: 'Cancelar',\n      });\n      if (!accepted) {\n        return;\n      }\n    }\n    this.updateItems((next) => {\n      next.splice(index, 1);\n    });\n  }\n\n  private updateItems(mutator: (next: string[]) => void): void {\n    this.state().controlValue.update((current) => {\n      const next = [...current];\n      mutator(next);\n      return next;\n    });\n  }\n\n  private placeholderFor(): string {\n    switch (this.field().itemType) {\n      case 'url':\n        return 'https://…';\n      case 'email':\n        return 'nombre@ejemplo.com';\n      default:\n        // §2: placeholder siempre ejemplo, nunca instrucción.\n        return 'Ej. Opción 1';\n    }\n  }\n}\n"],"mappings":"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"}

package/fesm2022/tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs

@@ -0,0 +1,36 @@
+function interpolateTemplate(template, data = {}, extraContext = {}) {
+	if (!template) return "";
+	return template.replace(/\{([a-zA-Z0-9_.]+)\}/g, (match, key) => {
+		const val = getDeepValue(data, key) ?? getDeepValue(extraContext, key);
+		if (val === null || val === void 0) return "";
+		return String(val);
+	});
+}
+function getDeepValue(obj, path) {
+	if (!obj || typeof obj !== "object") return void 0;
+	const parts = path.split(".");
+	let current = obj;
+	for (const part of parts) {
+		if (current === null || current === void 0 || typeof current !== "object") return;
+		current = current[part];
+	}
+	return current;
+}
+function parseNavigationUrl(url) {
+	if (!url) return {
+		path: "",
+		queryParams: {}
+	};
+	const [path, queryString] = url.split("?");
+	const queryParams = {};
+	if (queryString) new URLSearchParams(queryString).forEach((value, key) => {
+		queryParams[key] = value;
+	});
+	return {
+		path: path || "",
+		queryParams
+	};
+}
+export { parseNavigationUrl as n, interpolateTemplate as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/core/utils/template-interpolator.ts"],"sourcesContent":["/**\n * Resuelve una plantilla de texto reemplazando marcadores `{key}` o `{nested.key}`\n * con los valores presentes en el objeto `data` o en el contexto adicional `extraContext`.\n *\n * Si un valor es `null` o `undefined`, se reemplaza por una cadena vacía.\n * No arroja excepciones ante claves no encontradas ni ante objetos nulos.\n */\nexport function interpolateTemplate(\n  template: string,\n  data: Record<string, unknown> = {},\n  extraContext: Record<string, unknown> = {},\n): string {\n  if (!template) return '';\n\n  return template.replace(/\\{([a-zA-Z0-9_.]+)\\}/g, (match, key: string) => {\n    const val = getDeepValue(data, key) ?? getDeepValue(extraContext, key);\n    if (val === null || val === undefined) {\n      return '';\n    }\n    return String(val);\n  });\n}\n\nfunction getDeepValue(obj: Record<string, unknown>, path: string): unknown {\n  if (!obj || typeof obj !== 'object') return undefined;\n  const parts = path.split('.');\n  let current: unknown = obj;\n  for (const part of parts) {\n    if (current === null || current === undefined || typeof current !== 'object') {\n      return undefined;\n    }\n    current = (current as Record<string, unknown>)[part];\n  }\n  return current;\n}\n\nexport interface ParsedRoute {\n  path: string;\n  queryParams: Record<string, string>;\n}\n\n/**\n * Descompone una ruta relativa o absoluta en path y queryParams para routerLink.\n */\nexport function parseNavigationUrl(url: string): ParsedRoute {\n  if (!url) return { path: '', queryParams: {} };\n  const [path, queryString] = url.split('?');\n  const queryParams: Record<string, string> = {};\n  if (queryString) {\n    const params = new URLSearchParams(queryString);\n    params.forEach((value, key) => {\n      queryParams[key] = value;\n    });\n  }\n  return { path: path || '', queryParams };\n}\n"],"mappings":"AAOA,SAAgB,oBACd,UACA,OAAgC,CAAA,GAChC,eAAwC,CAAA,GAAE;CAE1C,IAAI,CAAC,UAAU,OAAO;CAEtB,OAAO,SAAS,QAAQ,0BAA0B,OAAO,QAAe;EACtE,MAAM,MAAM,aAAa,MAAM,GAAG,KAAK,aAAa,cAAc,GAAG;EACrE,IAAI,QAAQ,QAAQ,QAAQ,QAC1B,OAAO;EAET,OAAO,OAAO,GAAG;CACnB,CAAC;AACH;AAEA,SAAS,aAAa,KAA8B,MAAY;CAC9D,IAAI,CAAC,OAAO,OAAO,QAAQ,UAAU,OAAO;CAC5C,MAAM,QAAQ,KAAK,MAAM,GAAG;CAC5B,IAAI,UAAmB;CACvB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,YAAY,QAAQ,YAAY,UAAa,OAAO,YAAY,UAClE;EAEF,UAAW,QAAoC;CACjD;CACA,OAAO;AACT;AAUA,SAAgB,mBAAmB,KAAW;CAC5C,IAAI,CAAC,KAAK,OAAO;EAAE,MAAM;EAAI,aAAa,CAAA;CAAE;CAC5C,MAAM,CAAC,MAAM,eAAe,IAAI,MAAM,GAAG;CACzC,MAAM,cAAsC,CAAA;CAC5C,IAAI,aAEF,IADmB,gBAAgB,WACnC,CAAA,CAAO,SAAS,OAAO,QAAO;EAC5B,YAAY,OAAO;CACrB,CAAC;CAEH,OAAO;EAAE,MAAM,QAAQ;EAAI;CAAW;AACxC"}

package/fesm2022/tinya-code-gas-admin-ui-text-CUPmL7W_.mjs

@@ -0,0 +1,107 @@
+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 * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+import { FormField } from "@angular/forms/signals";
+var FieldText = class FieldText {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	tree = input.required(...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+	node = computed(() => childTree(this.tree(), this.field().key), ...ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []);
+	state = computed(() => this.node()(), ...ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldText,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: FieldText,
+		isStandalone: true,
+		selector: "app-field-text",
+		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: `
+    <input
+      type="text"
+      class="field-input"
+      [id]="state().name()"
+      [formField]="node()"
+      [placeholder]="field().placeholder ?? ''"
+    />
+  `,
+		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: FieldText,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-text",
+			imports: [FieldAria, FormField],
+			template: `
+    <input
+      type="text"
+      class="field-input"
+      [id]="state().name()"
+      [formField]="node()"
+      [placeholder]="field().placeholder ?? ''"
+    />
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: true
+			}]
+		}]
+	}
+});
+export { FieldText };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-text-CUPmL7W_.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-text-CUPmL7W_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-text-CUPmL7W_.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/text/text.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { TextField } from '../../core/models/schema.model';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\n\n/**\n * Input de una línea (base.md §5.1 `text`).\n *\n * `readonly`, `maxLength` y `pattern` NO se bindean como atributos: el\n * directive `FormField` los gestiona desde el estado del campo y el compilador\n * lo exige (NG8022). La Fase 10 los traduce a reglas (`readonly()`,\n * `maxLength()`, `pattern()`) en el schema del formulario.\n */\n@Component({\n  selector: 'app-field-text',\n  imports: [FieldAria, FormField],\n  template: `\n    <input\n      type=\"text\"\n      class=\"field-input\"\n      [id]=\"state().name()\"\n      [formField]=\"node()\"\n      [placeholder]=\"field().placeholder ?? ''\"\n    />\n  `,\n})\nexport class FieldText {\n  readonly field = input.required<TextField>();\n  readonly tree = input.required<RootTree>();\n\n  protected readonly node = computed(() => childTree<string>(this.tree(), this.field().key));\n  protected readonly state = computed(() => this.node()());\n}\n"],"mappings":";;;;;AA4BA,IAAa,YAAb,MAAa,UAAS;CACX,QAAQ,MAAM,SAAqB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACnC,OAAO,MAAM,SAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEvB,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;CAL7C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,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,UAVV;;;;;;;;;EAQT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MATS;GAAS,UAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAS,UAAA;GAAA,QAAA,CAAA,WAAA;GAAA,UAAA,CAAA,WAAA;EAAA,CAAA;CAAA,CAAA;;AAWnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EAbrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,WAAW,SAAS;GAC9B,UAAU;;;;;;;;;EASX,CAAA"}