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

package/fesm2022/tinya-code-gas-admin-ui-textarea-CGLSIW13.mjs

@@ -0,0 +1,223 @@
+import { t as Button } from "./tinya-code-gas-admin-ui-button-BQjNW8KB.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 * as i0 from "@angular/core";
+import { Component, computed, input, viewChild } from "@angular/core";
+import { FormField } from "@angular/forms/signals";
+var FieldTextarea = class FieldTextarea {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	tree = input.required(...ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []);
+	area = viewChild("area", ...ngDevMode ? [{ debugName: "area" }] : /* 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 */ []);
+	insertToken(key) {
+		const area = this.area()?.nativeElement;
+		const token = `{${key}}`;
+		const current = typeof this.state().value() === "string" ? this.state().value() : "";
+		let next;
+		let caret;
+		if (area) {
+			const start = area.selectionStart ?? current.length;
+			const end = area.selectionEnd ?? start;
+			next = current.slice(0, start) + token + current.slice(end);
+			caret = start + token.length;
+		} else {
+			next = current + token;
+			caret = next.length;
+		}
+		this.state().value.set(next);
+		if (area) {
+			area.focus();
+			area.setSelectionRange(caret, caret);
+		}
+	}
+	counter = computed(() => {
+		const field = this.field();
+		const value = this.state().value();
+		const text = typeof value === "string" ? value : "";
+		const chars = text.length;
+		const words = text.trim() === "" ? 0 : text.trim().split(/\s+/).length;
+		const parts = [];
+		const maxChars = field.validators?.maxLength;
+		if (maxChars !== void 0) parts.push(`${chars}/${maxChars} caracteres`);
+		const maxWords = field.validators?.maxWords ?? field.maxWords;
+		const minWords = field.validators?.minWords ?? field.minWords;
+		if (maxWords !== void 0) parts.push(minWords !== void 0 ? `${words}/${maxWords} palabras (mín. ${minWords})` : `${words}/${maxWords} palabras`);
+		else if (minWords !== void 0) parts.push(`${words} palabras (mín. ${minWords})`);
+		return parts.length > 0 ? parts.join(" · ") : null;
+	}, ...ngDevMode ? [{ debugName: "counter" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldTextarea,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldTextarea,
+		isStandalone: true,
+		selector: "app-field-textarea",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tree: {
+				classPropertyName: "tree",
+				publicName: "tree",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			}
+		},
+		viewQueries: [{
+			propertyName: "area",
+			first: true,
+			predicate: ["area"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    <div>
+      <textarea
+        class="field-input"
+        [id]="state().name()"
+        [formField]="node()"
+        [placeholder]="field().placeholder ?? ''"
+        [attr.rows]="field().rows ?? 4"
+        #area
+      ></textarea>
+      @if (field().tokens?.length) {
+        <div class="mt-1.5 flex flex-wrap gap-2 lg:gap-1.5" data-testid="textarea-tokens">
+          @for (token of field().tokens; track token.key) {
+            <button
+              app-button
+              type="button"
+              variant="outline"
+              size="sm"
+              [attr.title]="'Inserta {' + token.key + '} en el texto'"
+              (click)="insertToken(token.key)"
+            >
+              {{ token.label }}
+            </button>
+          }
+        </div>
+      }
+      @if (counter(); as counter) {
+        <div class="mt-1 flex justify-right text-xs text-neutral" data-testid="textarea-counter">
+          {{ counter }}
+        </div>
+      }
+    </div>
+  `,
+		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"]
+			},
+			{
+				kind: "component",
+				type: Button,
+				selector: "button[app-button]",
+				inputs: [
+					"variant",
+					"size",
+					"type",
+					"disabled",
+					"loading"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldTextarea,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-textarea",
+			imports: [
+				FieldAria,
+				FormField,
+				Button
+			],
+			template: `
+    <div>
+      <textarea
+        class="field-input"
+        [id]="state().name()"
+        [formField]="node()"
+        [placeholder]="field().placeholder ?? ''"
+        [attr.rows]="field().rows ?? 4"
+        #area
+      ></textarea>
+      @if (field().tokens?.length) {
+        <div class="mt-1.5 flex flex-wrap gap-2 lg:gap-1.5" data-testid="textarea-tokens">
+          @for (token of field().tokens; track token.key) {
+            <button
+              app-button
+              type="button"
+              variant="outline"
+              size="sm"
+              [attr.title]="'Inserta {' + token.key + '} en el texto'"
+              (click)="insertToken(token.key)"
+            >
+              {{ token.label }}
+            </button>
+          }
+        </div>
+      }
+      @if (counter(); as counter) {
+        <div class="mt-1 flex justify-right text-xs text-neutral" data-testid="textarea-counter">
+          {{ counter }}
+        </div>
+      }
+    </div>
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: true
+			}]
+		}],
+		area: [{
+			type: i0.ViewChild,
+			args: ["area", { isSignal: true }]
+		}]
+	}
+});
+export { FieldTextarea };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-textarea-CGLSIW13.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-textarea-CGLSIW13.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-textarea-CGLSIW13.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/textarea/textarea.ts"],"sourcesContent":["import { Component, computed, ElementRef, input, viewChild } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { TextareaField } from '../../core/models/schema.model';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\nimport { Button } from '../../shared/components/button/button';\n\n/**\n * Área multilínea con contador de caracteres/palabras (base.md §5.1).\n * Los límites salen de `validators.*`, con `minWords`/`maxWords` del tipo\n * como respaldo, y coinciden con las reglas de `form-view/form-schema.ts`.\n *\n * Cuando el campo declara `tokens`, se pinta una fila de chips debajo: cada\n * chip escribe `{key}` **en la posición del cursor** (no al final) y devuelve\n * el foco, así el operador escribe → apreta → sigue escribiendo. Es la UI de\n * la plantilla de compartir; el motor back no se entera.\n */\n@Component({\n  selector: 'app-field-textarea',\n  imports: [FieldAria, FormField, Button],\n  template: `\n    <div>\n      <textarea\n        class=\"field-input\"\n        [id]=\"state().name()\"\n        [formField]=\"node()\"\n        [placeholder]=\"field().placeholder ?? ''\"\n        [attr.rows]=\"field().rows ?? 4\"\n        #area\n      ></textarea>\n      @if (field().tokens?.length) {\n        <div class=\"mt-1.5 flex flex-wrap gap-2 lg:gap-1.5\" data-testid=\"textarea-tokens\">\n          @for (token of field().tokens; track token.key) {\n            <button\n              app-button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              [attr.title]=\"'Inserta {' + token.key + '} en el texto'\"\n              (click)=\"insertToken(token.key)\"\n            >\n              {{ token.label }}\n            </button>\n          }\n        </div>\n      }\n      @if (counter(); as counter) {\n        <div class=\"mt-1 flex justify-right text-xs text-neutral\" data-testid=\"textarea-counter\">\n          {{ counter }}\n        </div>\n      }\n    </div>\n  `,\n})\nexport class FieldTextarea {\n  readonly field = input.required<TextareaField>();\n  readonly tree = input.required<RootTree>();\n\n  private readonly area = viewChild<ElementRef<HTMLTextAreaElement>>('area');\n\n  protected readonly node = computed(() => childTree<string>(this.tree(), this.field().key));\n  protected readonly state = computed(() => this.node()());\n\n  /**\n   * Escribe `{key}` donde está el cursor (o reemplaza la selección) y\n   * reposiciona el cursor DESPUÉS del token insertado, para seguir escribiendo.\n   *\n   * Si el textarea aún no está montado (o no hay cursor válido) cae al\n   * final del texto: nunca revienta por un click temprano.\n   */\n  protected insertToken(key: string): void {\n    const area = this.area()?.nativeElement;\n    const token = `{${key}}`;\n    const current =\n      typeof this.state().value() === 'string' ? (this.state().value() as string) : '';\n\n    let next: string;\n    let caret: number;\n    if (area) {\n      const start = area.selectionStart ?? current.length;\n      const end = area.selectionEnd ?? start;\n      next = current.slice(0, start) + token + current.slice(end);\n      caret = start + token.length;\n    } else {\n      next = current + token;\n      caret = next.length;\n    }\n\n    this.state().value.set(next);\n\n    if (area) {\n      area.focus();\n      area.setSelectionRange(caret, caret);\n    }\n  }\n\n  /** Contador `n/m …`; `null` cuando el campo no declara límites. */\n  protected readonly counter = computed<string | null>(() => {\n    const field = this.field();\n    const value = this.state().value();\n    const text = typeof value === 'string' ? value : '';\n    const chars = text.length;\n    const words = text.trim() === '' ? 0 : text.trim().split(/\\s+/).length;\n\n    const parts: string[] = [];\n    const maxChars = field.validators?.maxLength;\n    if (maxChars !== undefined) {\n      parts.push(`${chars}/${maxChars} caracteres`);\n    }\n    // `validators` tiene prioridad sobre las opciones propias del tipo\n    // (mismo criterio que las reglas de `form-schema.ts`).\n    const maxWords = field.validators?.maxWords ?? field.maxWords;\n    const minWords = field.validators?.minWords ?? field.minWords;\n    if (maxWords !== undefined) {\n      parts.push(\n        minWords !== undefined\n          ? `${words}/${maxWords} palabras (mín. ${minWords})`\n          : `${words}/${maxWords} palabras`,\n      );\n    } else if (minWords !== undefined) {\n      parts.push(`${words} palabras (mín. ${minWords})`);\n    }\n    return parts.length > 0 ? parts.join(' · ') : null;\n  });\n}\n"],"mappings":"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"}

package/fesm2022/tinya-code-gas-admin-ui-time-BcHzsTWf.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 FieldTime = class FieldTime {
+	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: FieldTime,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: FieldTime,
+		isStandalone: true,
+		selector: "app-field-time",
+		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="time"
+      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: FieldTime,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-time",
+			imports: [FieldAria, FormField],
+			template: `
+    <input
+      type="time"
+      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 { FieldTime };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-time-BcHzsTWf.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-time-BcHzsTWf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-time-BcHzsTWf.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/time/time.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { TimeField } from '../../core/models/schema.model';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\n\n/** Selector de hora `HH:mm` (base.md §5.1). */\n@Component({\n  selector: 'app-field-time',\n  imports: [FieldAria, FormField],\n  template: `\n    <input\n      type=\"time\"\n      class=\"field-input\"\n      [id]=\"state().name()\"\n      [formField]=\"node()\"\n      [placeholder]=\"field().placeholder ?? ''\"\n    />\n  `,\n})\nexport class FieldTime {\n  readonly field = input.required<TimeField>();\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":";;;;;AAqBA,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"}

package/fesm2022/tinya-code-gas-admin-ui-upload.service-C1g545w5.mjs

@@ -0,0 +1,60 @@
+import { t as ApiService } from "./tinya-code-gas-admin-ui-api.service-CZrUeclM.mjs";
+import * as i0 from "@angular/core";
+import { Service, inject } from "@angular/core";
+import { HttpClient, HttpEventType, HttpResponse } from "@angular/common/http";
+import { map, switchMap } from "rxjs";
+var UploadService = class UploadService {
+	http = inject(HttpClient);
+	api = inject(ApiService);
+	uploadWithProgress(file, resource, field) {
+		const payload = field ? {
+			resource,
+			field
+		} : { resource };
+		return this.api.request("POST", "/admin/upload-signature", payload).pipe(switchMap((signature) => {
+			const form = new FormData();
+			form.append("file", file, file.name);
+			form.append("api_key", signature.api_key);
+			form.append("timestamp", String(signature.timestamp));
+			form.append("signature", signature.signature);
+			form.append("folder", signature.folder);
+			form.append("allowed_formats", signature.allowed_formats);
+			return this.http.post(signature.upload_url, form, {
+				reportProgress: true,
+				observe: "events"
+			});
+		}), map((event) => {
+			if (event.type !== HttpEventType.Response) return event;
+			const url = typeof event.body?.secure_url === "string" ? event.body.secure_url : "";
+			return new HttpResponse({
+				body: url,
+				status: event.status,
+				statusText: event.statusText
+			});
+		}));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: UploadService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: UploadService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UploadService,
+	decorators: [{ type: Service }]
+});
+export { UploadService as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-upload.service-C1g545w5.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-upload.service-C1g545w5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-upload.service-C1g545w5.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/core/services/upload.service.ts"],"sourcesContent":["import { HttpClient, HttpEvent, HttpEventType, HttpResponse } from '@angular/common/http';\nimport { inject, Service } from '@angular/core';\nimport { map, Observable, switchMap } from 'rxjs';\n\nimport { ApiService } from './api.service';\n\n/** Firma que emite `/admin/upload-signature` (baseapi §11.3). NUNCA `api_secret`. */\ninterface UploadSignature {\n  cloud_name: string;\n  api_key: string;\n  timestamp: number;\n  signature: string;\n  folder: string;\n  allowed_formats: string;\n  upload_url: string;\n}\n\n/** Respuesta de Cloudinary en un upload normal (sólo interesa `secure_url`). */\ninterface CloudinaryResponse {\n  secure_url?: unknown;\n}\n\n/**\n * Subida de imágenes en DOS PASOS (baseapi §11.2, opción B):\n *  1. Firma firmada por el backend → `POST /admin/upload-signature`\n *     con `{ resource }` (mismo envelope text/plain que todo `/admin/*`).\n *  2. El navegador sube directo a Cloudinary (FormData a `upload_url`) con\n *     los parámetros que fijó y firmó el backend; el API secret jamás sale\n *     de acá (§11.1–§11.3).\n *\n * Se guarda SOLO `secure_url` (base.md §7: la URL pública es el valor del\n * campo; la imagen anterior no se borra al reemplazar — §11.6).\n *\n * Los errores (firma caducada, rate-limit 429, red) llegan por el canal de\n * error; el componente conserva la imagen anterior (§11.2 paso 6).\n */\n@Service()\nexport class UploadService {\n  private readonly http = inject(HttpClient);\n  private readonly api = inject(ApiService);\n\n  /**\n   * Misma subida con eventos de progreso (base.md §7, estado «Subiendo»):\n   * emite `UploadProgress` durante la subida a Cloudinary y termina con\n   * `Response` llevando la URL en el body. El campo sólo cambia cuando\n   * llega la respuesta.\n   */\n  uploadWithProgress(file: File, resource: string, field?: string): Observable<HttpEvent<string>> {\n    // `field` es opcional (R9.5.3): si el campo declara `formats`, esos son\n    // los formatos que el backend firma. Sin campo firma la lista global.\n    const payload: { resource: string; field?: string } = field\n      ? { resource, field }\n      : { resource };\n    return this.api.request<UploadSignature>('POST', '/admin/upload-signature', payload).pipe(\n      switchMap((signature) => {\n        const form = new FormData();\n        form.append('file', file, file.name);\n        form.append('api_key', signature.api_key);\n        form.append('timestamp', String(signature.timestamp));\n        form.append('signature', signature.signature);\n        form.append('folder', signature.folder);\n        form.append('allowed_formats', signature.allowed_formats);\n        return this.http.post<CloudinaryResponse>(signature.upload_url, form, {\n          reportProgress: true,\n          observe: 'events',\n        });\n      }),\n      map((event) => {\n        if (event.type !== HttpEventType.Response) {\n          return event;\n        }\n        const url = typeof event.body?.secure_url === 'string' ? event.body.secure_url : '';\n        return new HttpResponse({\n          body: url,\n          status: event.status,\n          statusText: event.statusText,\n        });\n      }),\n    );\n  }\n}\n"],"mappings":";;;;;AAqCA,IAAa,gBAAb,MAAa,cAAa;CACP,OAAO,OAAO,UAAU;CACxB,MAAM,OAAO,UAAU;CAQxC,mBAAmB,MAAY,UAAkB,OAAc;EAG7D,MAAM,UAAgD,QAClD;GAAE;GAAU;EAAK,IACjB,EAAE,SAAQ;EACd,OAAO,KAAK,IAAI,QAAyB,QAAQ,2BAA2B,OAAO,CAAC,CAAC,KACnF,WAAW,cAAa;GACtB,MAAM,OAAO,IAAI,SAAQ;GACzB,KAAK,OAAO,QAAQ,MAAM,KAAK,IAAI;GACnC,KAAK,OAAO,WAAW,UAAU,OAAO;GACxC,KAAK,OAAO,aAAa,OAAO,UAAU,SAAS,CAAC;GACpD,KAAK,OAAO,aAAa,UAAU,SAAS;GAC5C,KAAK,OAAO,UAAU,UAAU,MAAM;GACtC,KAAK,OAAO,mBAAmB,UAAU,eAAe;GACxD,OAAO,KAAK,KAAK,KAAyB,UAAU,YAAY,MAAM;IACpE,gBAAgB;IAChB,SAAS;GACV,CAAA;EACH,CAAC,GACD,KAAK,UAAS;GACZ,IAAI,MAAM,SAAS,cAAc,UAC/B,OAAO;GAET,MAAM,MAAM,OAAO,MAAM,MAAM,eAAe,WAAW,MAAM,KAAK,aAAa;GACjF,OAAO,IAAI,aAAa;IACtB,MAAM;IACN,QAAQ,MAAM;IACd,YAAY,MAAM;GACnB,CAAA;EACH,CAAC,CAAC;CAEN;CA1CW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAa,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAb,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAa,CAAA;;AAAb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA,EADzB,MAAA,QAAA,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-url-GO4LZi__.mjs

@@ -0,0 +1,141 @@
+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 FieldUrl = class FieldUrl {
+	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 */ []);
+	href = computed(() => {
+		const value = this.state().value();
+		return typeof value === "string" && /^https?:\/\//i.test(value) ? value : null;
+	}, ...ngDevMode ? [{ debugName: "href" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldUrl,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldUrl,
+		isStandalone: true,
+		selector: "app-field-url",
+		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: `
+    <div class="flex items-start gap-2">
+      <input
+        type="url"
+        class="field-input"
+        [id]="state().name()"
+        [formField]="node()"
+        [placeholder]="field().placeholder ?? 'https://…'"
+      />
+      @if (href(); as href) {
+        <!-- Mismo lenguaje que la variante outline de app-button (el
+             selector del componente es button[app-button], un ancla no
+             puede usarlo): borde /40, hover con fondo, 44 px en mobile. -->
+        <a
+          class="min-h-11 shrink-0 rounded-lg border border-neutral/40 bg-surface px-3 py-2 text-sm text-neutral hover:bg-neutral/10 lg:min-h-0"
+          [href]="href"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Abrir
+        </a>
+      }
+    </div>
+  `,
+		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: FieldUrl,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-url",
+			imports: [FieldAria, FormField],
+			template: `
+    <div class="flex items-start gap-2">
+      <input
+        type="url"
+        class="field-input"
+        [id]="state().name()"
+        [formField]="node()"
+        [placeholder]="field().placeholder ?? 'https://…'"
+      />
+      @if (href(); as href) {
+        <!-- Mismo lenguaje que la variante outline de app-button (el
+             selector del componente es button[app-button], un ancla no
+             puede usarlo): borde /40, hover con fondo, 44 px en mobile. -->
+        <a
+          class="min-h-11 shrink-0 rounded-lg border border-neutral/40 bg-surface px-3 py-2 text-sm text-neutral hover:bg-neutral/10 lg:min-h-0"
+          [href]="href"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Abrir
+        </a>
+      }
+    </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 { FieldUrl };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-url-GO4LZi__.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-url-GO4LZi__.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-url-GO4LZi__.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/url/url.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { UrlField } from '../../core/models/schema.model';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\n\n/**\n * Input con validación de URL y botón «abrir» (base.md §5.1). La validación\n * de formato la aporta Fase 10 (`pattern`/`validate`); acá solo se enlaza el\n * valor cuando es http(s).\n */\n@Component({\n  selector: 'app-field-url',\n  imports: [FieldAria, FormField],\n  template: `\n    <div class=\"flex items-start gap-2\">\n      <input\n        type=\"url\"\n        class=\"field-input\"\n        [id]=\"state().name()\"\n        [formField]=\"node()\"\n        [placeholder]=\"field().placeholder ?? 'https://…'\"\n      />\n      @if (href(); as href) {\n        <!-- Mismo lenguaje que la variante outline de app-button (el\n             selector del componente es button[app-button], un ancla no\n             puede usarlo): borde /40, hover con fondo, 44 px en mobile. -->\n        <a\n          class=\"min-h-11 shrink-0 rounded-lg border border-neutral/40 bg-surface px-3 py-2 text-sm text-neutral hover:bg-neutral/10 lg:min-h-0\"\n          [href]=\"href\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          Abrir\n        </a>\n      }\n    </div>\n  `,\n})\nexport class FieldUrl {\n  readonly field = input.required<UrlField>();\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  /** Solo http(s): evita enlazar `javascript:` u otros esquemas. */\n  protected readonly href = computed(() => {\n    const value = this.state().value();\n    return typeof value === 'string' && /^https?:\\/\\//i.test(value) ? value : null;\n  });\n}\n"],"mappings":";;;;;AAwCA,IAAa,WAAb,MAAa,SAAQ;CACV,QAAQ,MAAM,SAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAClC,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;CAGrC,OAAO,eAAc;EACtC,MAAM,QAAQ,KAAK,MAAK,CAAE,CAAC,MAAK;EAChC,OAAO,OAAO,UAAU,YAAY,gBAAgB,KAAK,KAAK,IAAI,QAAQ;CAC5E,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAXS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAR,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAQ,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,UAzBT;;;;;;;;;;;;;;;;;;;;;;;;EAuBT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAxBS;GAAS,UAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAS,UAAA;GAAA,QAAA,CAAA,WAAA;GAAA,UAAA,CAAA,WAAA;EAAA,CAAA;CAAA,CAAA;;AA0BnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAQ,YAAA,CAAA;EA5BpB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,WAAW,SAAS;GAC9B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;EAwBX,CAAA"}