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

package/fesm2022/tinya-code-gas-admin-ui-display-file-BiIhqvQC.mjs

@@ -0,0 +1,125 @@
+import { t as Badge } from "./tinya-code-gas-admin-ui-badge-EeCA_l-o.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+var FieldDisplayFile = class FieldDisplayFile {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	chip = input(false, ...ngDevMode ? [{ debugName: "chip" }] : /* istanbul ignore next */ []);
+	url = computed(() => String(this.value()), ...ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldDisplayFile,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldDisplayFile,
+		isStandalone: true,
+		selector: "app-field-display-file",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chip: {
+				classPropertyName: "chip",
+				publicName: "chip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    @if (chip()) {
+      <app-badge [label]="url()" />
+    } @else {
+      <a
+        class="font-medium text-primary hover:underline"
+        [href]="url()"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Abrir archivo
+      </a>
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: Badge,
+			selector: "app-badge",
+			inputs: ["label", "kind"]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldDisplayFile,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-display-file",
+			imports: [Badge],
+			template: `
+    @if (chip()) {
+      <app-badge [label]="url()" />
+    } @else {
+      <a
+        class="font-medium text-primary hover:underline"
+        [href]="url()"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Abrir archivo
+      </a>
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		chip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chip",
+				required: false
+			}]
+		}]
+	}
+});
+export { FieldDisplayFile };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-display-file-BiIhqvQC.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-display-file-BiIhqvQC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-display-file-BiIhqvQC.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/display/display-file.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\nimport { Badge } from '../../shared/components/badge/badge';\nimport type { FieldSchema } from '../../core/models/schema.model';\n\n/**\n * Display por defecto de `file` (R4.1 · modo `display` · R9.5.3).\n *\n * Un archivo no tiene miniatura: el valor es la URL pública, y lo honesto\n * en la ficha de detalle es un enlace que lo abre (mismo lenguaje que el\n * «Abrir» de `url`). En la cabecera (`chip`) va como badge con la URL, la\n * paridad con el resto de los displays.\n */\n@Component({\n  selector: 'app-field-display-file',\n  imports: [Badge],\n  template: `\n    @if (chip()) {\n      <app-badge [label]=\"url()\" />\n    } @else {\n      <a\n        class=\"font-medium text-primary hover:underline\"\n        [href]=\"url()\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        Abrir archivo\n      </a>\n    }\n  `,\n})\nexport class FieldDisplayFile {\n  /** Campo que se pinta. Lo usa el tipo; acá sólo tipa la forma común. */\n  readonly field = input.required<FieldSchema>();\n  /** Valor crudo del registro (la URL pública). El host ya filtró el vacío. */\n  readonly value = input<unknown>(null);\n  /** `true` en la cabecera: la URL se pinta como chip compacto. */\n  readonly chip = input(false);\n\n  protected readonly url = computed(() => String(this.value()));\n}\n"],"mappings":";;;AA+BA,IAAa,mBAAb,MAAa,iBAAgB;CAElB,QAAQ,MAAM,SAAuB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAErC,QAAQ,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE5B,OAAO,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAET,MAAM,eAAe,OAAO,KAAK,MAAK,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CARlD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;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,UAfjB;;;;;;;;;;;;;;EAaT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAdS;GAAK,UAAA;GAAA,QAAA,CAAA,SAAA,MAAA;EAAA,CAAA;CAAA,CAAA;;AAgBJ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAlB5B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,KAAK;GACf,UAAU;;;;;;;;;;;;;;EAcX,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-display-image-C1dhnZi1.mjs

@@ -0,0 +1,152 @@
+import { t as Badge } from "./tinya-code-gas-admin-ui-badge-EeCA_l-o.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+import { LucideExternalLink } from "@lucide/angular";
+var FieldDisplayImage = class FieldDisplayImage {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	chip = input(false, ...ngDevMode ? [{ debugName: "chip" }] : /* istanbul ignore next */ []);
+	url = computed(() => String(this.value()), ...ngDevMode ? [{ debugName: "url" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldDisplayImage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldDisplayImage,
+		isStandalone: true,
+		selector: "app-field-display-image",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chip: {
+				classPropertyName: "chip",
+				publicName: "chip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    @if (chip()) {
+      <!-- Paridad R4.2: la cabecera siempre mostró el valor formateado
+           como chip, y para una imagen ese valor era la URL. -->
+      <app-badge [label]="url()" />
+    } @else {
+      <a
+        [href]="url()"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="group relative inline-block overflow-hidden rounded-xl border border-neutral/20 shadow-xs transition hover:border-primary"
+      >
+        <img
+          [src]="url()"
+          [alt]="field().label"
+          class="h-28 w-28 object-cover transition duration-300 group-hover:scale-105"
+        />
+        <div
+          class="absolute inset-0 flex items-center justify-center bg-black/40 opacity-0 transition group-hover:opacity-100"
+        >
+          <svg lucideExternalLink size="18" class="text-white" />
+        </div>
+      </a>
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: Badge,
+			selector: "app-badge",
+			inputs: ["label", "kind"]
+		}, {
+			kind: "component",
+			type: LucideExternalLink,
+			selector: "svg[lucideExternalLink]"
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldDisplayImage,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-display-image",
+			imports: [Badge, LucideExternalLink],
+			template: `
+    @if (chip()) {
+      <!-- Paridad R4.2: la cabecera siempre mostró el valor formateado
+           como chip, y para una imagen ese valor era la URL. -->
+      <app-badge [label]="url()" />
+    } @else {
+      <a
+        [href]="url()"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="group relative inline-block overflow-hidden rounded-xl border border-neutral/20 shadow-xs transition hover:border-primary"
+      >
+        <img
+          [src]="url()"
+          [alt]="field().label"
+          class="h-28 w-28 object-cover transition duration-300 group-hover:scale-105"
+        />
+        <div
+          class="absolute inset-0 flex items-center justify-center bg-black/40 opacity-0 transition group-hover:opacity-100"
+        >
+          <svg lucideExternalLink size="18" class="text-white" />
+        </div>
+      </a>
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		chip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chip",
+				required: false
+			}]
+		}]
+	}
+});
+export { FieldDisplayImage };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-display-image-C1dhnZi1.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-display-image-C1dhnZi1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-display-image-C1dhnZi1.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/display/display-image.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\nimport { LucideExternalLink } from '@lucide/angular';\n\nimport { Badge } from '../../shared/components/badge/badge';\nimport type { FieldSchema } from '../../core/models/schema.model';\n\n/**\n * Display por defecto de `image` (R4.1 · modo `display`).\n *\n * Mismo maquetado que la rama `kind === 'image'` de `detail-view` antes de\n * R4.2: miniatura de 7×7 con enlace a la imagen completa y overlay con el\n * icono de «abrir». El `alt` sigue siendo la etiqueta del campo.\n *\n * El host ya se encarga del valor vacío (pinta `—`), así que acá la URL\n * siempre existe.\n */\n@Component({\n  selector: 'app-field-display-image',\n  imports: [Badge, LucideExternalLink],\n  template: `\n    @if (chip()) {\n      <!-- Paridad R4.2: la cabecera siempre mostró el valor formateado\n           como chip, y para una imagen ese valor era la URL. -->\n      <app-badge [label]=\"url()\" />\n    } @else {\n      <a\n        [href]=\"url()\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class=\"group relative inline-block overflow-hidden rounded-xl border border-neutral/20 shadow-xs transition hover:border-primary\"\n      >\n        <img\n          [src]=\"url()\"\n          [alt]=\"field().label\"\n          class=\"h-28 w-28 object-cover transition duration-300 group-hover:scale-105\"\n        />\n        <div\n          class=\"absolute inset-0 flex items-center justify-center bg-black/40 opacity-0 transition group-hover:opacity-100\"\n        >\n          <svg lucideExternalLink size=\"18\" class=\"text-white\" />\n        </div>\n      </a>\n    }\n  `,\n})\nexport class FieldDisplayImage {\n  readonly field = input.required<FieldSchema>();\n  readonly value = input<unknown>(null);\n  /** `true` en la cabecera: la URL se pinta como chip compacto. */\n  readonly chip = input(false);\n\n  protected readonly url = computed(() => String(this.value()));\n}\n"],"mappings":";;;;AA8CA,IAAa,oBAAb,MAAa,kBAAiB;CACnB,QAAQ,MAAM,SAAuB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACrC,QAAQ,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE5B,OAAO,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAET,MAAM,eAAe,OAAO,KAAK,MAAK,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CANlD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;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,UA1BlB;;;;;;;;;;;;;;;;;;;;;;;;;EAwBT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAzBS;GAAK,UAAA;GAAA,QAAA,CAAA,SAAA,MAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAkB,UAAA;EAAA,CAAA;CAAA,CAAA;;AA2BxB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EA7B7B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,OAAO,kBAAkB;GACnC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;EAyBX,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-display-list-DOEuUbGe.mjs

@@ -0,0 +1,211 @@
+import { t as Badge } from "./tinya-code-gas-admin-ui-badge-EeCA_l-o.mjs";
+import { n as resolveBadgeKind } from "./tinya-code-gas-admin-ui-display-badge-fwk6sDU7.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+import { LucideClock } from "@lucide/angular";
+const FORMATO_FECHA_HORA = new Intl.DateTimeFormat("es-PE", {
+	dateStyle: "medium",
+	timeStyle: "short",
+	timeZone: "UTC"
+});
+var FieldDisplayList = class FieldDisplayList {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	chip = input(false, ...ngDevMode ? [{ debugName: "chip" }] : /* istanbul ignore next */ []);
+	items = computed(() => Array.isArray(this.value()) ? this.value() : [], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	resumen() {
+		return `${this.items().length} elementos`;
+	}
+	fechaHora(valor) {
+		if (!valor) return "—";
+		const d = new Date(String(valor));
+		return Number.isNaN(d.getTime()) ? String(valor) : FORMATO_FECHA_HORA.format(d);
+	}
+	etiquetaAccion(valor) {
+		if (!valor) return "";
+		return String(valor).replace(/_/g, " ");
+	}
+	kindAccion(valor) {
+		return resolveBadgeKind(String(valor));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldDisplayList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldDisplayList,
+		isStandalone: true,
+		selector: "app-field-display-list",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chip: {
+				classPropertyName: "chip",
+				publicName: "chip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    @if (chip()) {
+      <!-- Paridad R4.2: la cabecera siempre mostró el valor formateado
+           como chip, y para una lista ese valor era «N elementos». -->
+      <app-badge [label]="resumen()" />
+    } @else if (items().length > 0) {
+      <div
+        class="relative pl-6 space-y-4 before:absolute before:left-2 before:top-2 before:bottom-2 before:w-0.5 before:bg-neutral/20"
+      >
+        @for (item of items(); track $index) {
+          <div class="relative group">
+            <span
+              class="absolute -left-6 top-1 flex h-4 w-4 items-center justify-center rounded-full bg-primary/20 ring-4 ring-surface"
+            >
+              <span class="h-1.5 w-1.5 rounded-full bg-primary"></span>
+            </span>
+            <div
+              class="rounded-xl border border-neutral/10 bg-neutral/5 p-3.5 transition hover:border-neutral/20"
+            >
+              <div class="flex flex-wrap items-center justify-between gap-2 mb-1.5">
+                @if (item['action']) {
+                  <app-badge
+                    [label]="etiquetaAccion(item['action'])"
+                    [kind]="kindAccion(item['action'])"
+                  />
+                }
+                @if (item['at']) {
+                  <span class="text-xs text-neutral flex items-center gap-1">
+                    <svg lucideClock size="12" />
+                    {{ fechaHora(item['at']) }}
+                  </span>
+                }
+              </div>
+              @if (item['detail']) {
+                <p class="text-sm text-neutral-light">{{ item['detail'] }}</p>
+              }
+            </div>
+          </div>
+        }
+      </div>
+    } @else {
+      <p class="text-xs italic text-neutral">No hay registros en el historial.</p>
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: Badge,
+			selector: "app-badge",
+			inputs: ["label", "kind"]
+		}, {
+			kind: "component",
+			type: LucideClock,
+			selector: "svg[lucideClock]"
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldDisplayList,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-display-list",
+			imports: [Badge, LucideClock],
+			template: `
+    @if (chip()) {
+      <!-- Paridad R4.2: la cabecera siempre mostró el valor formateado
+           como chip, y para una lista ese valor era «N elementos». -->
+      <app-badge [label]="resumen()" />
+    } @else if (items().length > 0) {
+      <div
+        class="relative pl-6 space-y-4 before:absolute before:left-2 before:top-2 before:bottom-2 before:w-0.5 before:bg-neutral/20"
+      >
+        @for (item of items(); track $index) {
+          <div class="relative group">
+            <span
+              class="absolute -left-6 top-1 flex h-4 w-4 items-center justify-center rounded-full bg-primary/20 ring-4 ring-surface"
+            >
+              <span class="h-1.5 w-1.5 rounded-full bg-primary"></span>
+            </span>
+            <div
+              class="rounded-xl border border-neutral/10 bg-neutral/5 p-3.5 transition hover:border-neutral/20"
+            >
+              <div class="flex flex-wrap items-center justify-between gap-2 mb-1.5">
+                @if (item['action']) {
+                  <app-badge
+                    [label]="etiquetaAccion(item['action'])"
+                    [kind]="kindAccion(item['action'])"
+                  />
+                }
+                @if (item['at']) {
+                  <span class="text-xs text-neutral flex items-center gap-1">
+                    <svg lucideClock size="12" />
+                    {{ fechaHora(item['at']) }}
+                  </span>
+                }
+              </div>
+              @if (item['detail']) {
+                <p class="text-sm text-neutral-light">{{ item['detail'] }}</p>
+              }
+            </div>
+          </div>
+        }
+      </div>
+    } @else {
+      <p class="text-xs italic text-neutral">No hay registros en el historial.</p>
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		chip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chip",
+				required: false
+			}]
+		}]
+	}
+});
+export { FieldDisplayList };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-display-list-DOEuUbGe.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-display-list-DOEuUbGe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-display-list-DOEuUbGe.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/display/display-list.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\nimport { LucideClock } from '@lucide/angular';\n\nimport { Badge, type BadgeKind } from '../../shared/components/badge/badge';\nimport type { FieldSchema } from '../../core/models/schema.model';\nimport { resolveBadgeKind } from './display-badge';\n\nconst FORMATO_FECHA_HORA = new Intl.DateTimeFormat('es-PE', {\n  dateStyle: 'medium',\n  timeStyle: 'short',\n  timeZone: 'UTC',\n});\n\ntype Item = Record<string, unknown>;\n\n/**\n * Display por defecto de `list` (R4.1 · modo `display`).\n *\n * Es la línea de tiempo del historial: **toda la plantilla de `list` que\n * vivía en `detail-view`** se muda acá, que es lo que R4.2 exige\n * («`detail-view` no tiene plantilla propia de campo»). El agrupador sigue\n * siendo `detail-view`: él decide que este campo va en su bloque con el\n * `<h3>` y el ancho grande; acá sólo se pinta el valor.\n *\n * `itemFields` no participa: el timeline lee `action` / `at` / `detail`\n * directamente, igual que antes.\n */\n@Component({\n  selector: 'app-field-display-list',\n  imports: [Badge, LucideClock],\n  template: `\n    @if (chip()) {\n      <!-- Paridad R4.2: la cabecera siempre mostró el valor formateado\n           como chip, y para una lista ese valor era «N elementos». -->\n      <app-badge [label]=\"resumen()\" />\n    } @else if (items().length > 0) {\n      <div\n        class=\"relative pl-6 space-y-4 before:absolute before:left-2 before:top-2 before:bottom-2 before:w-0.5 before:bg-neutral/20\"\n      >\n        @for (item of items(); track $index) {\n          <div class=\"relative group\">\n            <span\n              class=\"absolute -left-6 top-1 flex h-4 w-4 items-center justify-center rounded-full bg-primary/20 ring-4 ring-surface\"\n            >\n              <span class=\"h-1.5 w-1.5 rounded-full bg-primary\"></span>\n            </span>\n            <div\n              class=\"rounded-xl border border-neutral/10 bg-neutral/5 p-3.5 transition hover:border-neutral/20\"\n            >\n              <div class=\"flex flex-wrap items-center justify-between gap-2 mb-1.5\">\n                @if (item['action']) {\n                  <app-badge\n                    [label]=\"etiquetaAccion(item['action'])\"\n                    [kind]=\"kindAccion(item['action'])\"\n                  />\n                }\n                @if (item['at']) {\n                  <span class=\"text-xs text-neutral flex items-center gap-1\">\n                    <svg lucideClock size=\"12\" />\n                    {{ fechaHora(item['at']) }}\n                  </span>\n                }\n              </div>\n              @if (item['detail']) {\n                <p class=\"text-sm text-neutral-light\">{{ item['detail'] }}</p>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <p class=\"text-xs italic text-neutral\">No hay registros en el historial.</p>\n    }\n  `,\n})\nexport class FieldDisplayList {\n  readonly field = input.required<FieldSchema>();\n  readonly value = input<unknown>(null);\n  /** `true` en la cabecera: el resumen «N elementos» va como chip. */\n  readonly chip = input(false);\n\n  /** El host entrega el valor crudo; sólo un array tiene timeline. */\n  protected readonly items = computed<Item[]>(() =>\n    Array.isArray(this.value()) ? (this.value() as Item[]) : [],\n  );\n\n  /** Mismo texto que daba el formateo de detalle previo a R4.2. */\n  protected resumen(): string {\n    return `${this.items().length} elementos`;\n  }\n\n  protected fechaHora(valor: unknown): string {\n    if (!valor) return '—';\n    const d = new Date(String(valor));\n    return Number.isNaN(d.getTime()) ? String(valor) : FORMATO_FECHA_HORA.format(d);\n  }\n\n  protected etiquetaAccion(valor: unknown): string {\n    if (!valor) return '';\n    return String(valor).replace(/_/g, ' ');\n  }\n\n  protected kindAccion(valor: unknown): BadgeKind {\n    return resolveBadgeKind(String(valor));\n  }\n}\n"],"mappings":";;;;;AAQA,MAAM,qBAAqB,IAAI,KAAK,eAAe,SAAS;CAC1D,WAAW;CACX,WAAW;CACX,UAAU;AACX,CAAA;AAgED,IAAa,mBAAb,MAAa,iBAAgB;CAClB,QAAQ,MAAM,SAAuB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACrC,QAAQ,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE5B,OAAO,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAGT,QAAQ,eACzB,MAAM,QAAQ,KAAK,MAAK,CAAE,IAAK,KAAK,MAAK,IAAgB,CAAA,GAC1D,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAGS,UAAO;EACf,OAAO,GAAG,KAAK,MAAK,CAAE,CAAC,OAAM;CAC/B;CAEU,UAAU,OAAc;EAChC,IAAI,CAAC,OAAO,OAAO;EACnB,MAAM,IAAI,IAAI,KAAK,OAAO,KAAK,CAAC;EAChC,OAAO,OAAO,MAAM,EAAE,QAAO,CAAE,IAAI,OAAO,KAAK,IAAI,mBAAmB,OAAO,CAAC;CAChF;CAEU,eAAe,OAAc;EACrC,IAAI,CAAC,OAAO,OAAO;EACnB,OAAO,OAAO,KAAK,CAAC,CAAC,QAAQ,MAAM,GAAG;CACxC;CAEU,WAAW,OAAc;EACjC,OAAO,iBAAiB,OAAO,KAAK,CAAC;CACvC;CA7BW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;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,UA7CjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MA5CS;GAAK,UAAA;GAAA,QAAA,CAAA,SAAA,MAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAW,UAAA;EAAA,CAAA;CAAA,CAAA;;AA8CjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAhD5B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,OAAO,WAAW;GAC5B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CX,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-display-number-DDMzr4Hn.mjs

@@ -0,0 +1,116 @@
+import { t as Badge } from "./tinya-code-gas-admin-ui-badge-EeCA_l-o.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+const FORMATO_NUMERO = new Intl.NumberFormat("es-PE");
+var FieldDisplayNumber = class FieldDisplayNumber {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	chip = input(false, ...ngDevMode ? [{ debugName: "chip" }] : /* istanbul ignore next */ []);
+	texto = computed(() => {
+		const n = Number(this.value());
+		if (!Number.isFinite(n)) return String(this.value());
+		return FORMATO_NUMERO.format(n);
+	}, ...ngDevMode ? [{ debugName: "texto" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldDisplayNumber,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldDisplayNumber,
+		isStandalone: true,
+		selector: "app-field-display-number",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			chip: {
+				classPropertyName: "chip",
+				publicName: "chip",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    @if (chip()) {
+      <app-badge [label]="texto()" />
+    } @else {
+      {{ texto() }}
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: Badge,
+			selector: "app-badge",
+			inputs: ["label", "kind"]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldDisplayNumber,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-display-number",
+			imports: [Badge],
+			template: `
+    @if (chip()) {
+      <app-badge [label]="texto()" />
+    } @else {
+      {{ texto() }}
+    }
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		chip: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chip",
+				required: false
+			}]
+		}]
+	}
+});
+export { FieldDisplayNumber };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-display-number-DDMzr4Hn.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-display-number-DDMzr4Hn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-display-number-DDMzr4Hn.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/display/display-number.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\nimport { Badge } from '../../shared/components/badge/badge';\nimport type { FieldSchema } from '../../core/models/schema.model';\n\nconst FORMATO_NUMERO = new Intl.NumberFormat('es-PE');\n\n/**\n * Display por defecto de `number` y `currency` (R4.1 · modo `display`).\n *\n * Los dos tipos compartían rama en `formatValue` y la comparten acá: miles\n * con separador `es-PE` y sin decimales fijos (el schema controla los\n * decimales con `decimals` en el form; en display manda el valor tal cual\n * viene). Si no es número, se pinta el texto crudo — la degradación que ya\n * hacía `detail-view`.\n */\n@Component({\n  selector: 'app-field-display-number',\n  imports: [Badge],\n  template: `\n    @if (chip()) {\n      <app-badge [label]=\"texto()\" />\n    } @else {\n      {{ texto() }}\n    }\n  `,\n})\nexport class FieldDisplayNumber {\n  readonly field = input.required<FieldSchema>();\n  readonly value = input<unknown>(null);\n  /** `true` en la cabecera: el número se pinta como chip compacto. */\n  readonly chip = input(false);\n\n  protected readonly texto = computed(() => {\n    const n = Number(this.value());\n    if (!Number.isFinite(n)) {\n      return String(this.value());\n    }\n    return FORMATO_NUMERO.format(n);\n  });\n}\n"],"mappings":";;;AAKA,MAAM,iBAAiB,IAAI,KAAK,aAAa,OAAO;AAsBpD,IAAa,qBAAb,MAAa,mBAAkB;CACpB,QAAQ,MAAM,SAAuB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACrC,QAAQ,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE5B,OAAO,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAET,QAAQ,eAAc;EACvC,MAAM,IAAI,OAAO,KAAK,MAAK,CAAE;EAC7B,IAAI,CAAC,OAAO,SAAS,CAAC,GACpB,OAAO,OAAO,KAAK,MAAK,CAAE;EAE5B,OAAO,eAAe,OAAO,CAAC;CAChC,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAZS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAkB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAlB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAkB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;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,UARnB;;;;;;;EAMT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAPS;GAAK,UAAA;GAAA,QAAA,CAAA,SAAA,MAAA;EAAA,CAAA;CAAA,CAAA;;AASJ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAX9B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,KAAK;GACf,UAAU;;;;;;;EAOX,CAAA"}