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

package/fesm2022/tinya-code-gas-admin-ui-metric-card-DnGMQL8l.mjs

@@ -0,0 +1,127 @@
+import * as i0 from "@angular/core";
+import { Component, computed, input } from "@angular/core";
+var MetricCard = class MetricCard {
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	value = input(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	hint = input("", ...ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []);
+	empty = computed(() => this.value() === null || this.value() === void 0, ...ngDevMode ? [{ debugName: "empty" }] : /* istanbul ignore next */ []);
+	display = computed(() => {
+		const value = this.value();
+		return typeof value === "number" ? new Intl.NumberFormat("es-PE").format(value) : String(value);
+	}, ...ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: MetricCard,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: MetricCard,
+		isStandalone: true,
+		selector: "app-metric-card",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hint: {
+				classPropertyName: "hint",
+				publicName: "hint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    <article class="rounded-lg border border-neutral/20 bg-surface p-4">
+      <p class="text-sm text-neutral">{{ label() }}</p>
+
+      @if (empty()) {
+        <p class="font-display text-3xl font-semibold text-neutral/40" data-testid="value-empty">
+          —
+        </p>
+      } @else {
+        <p class="font-display text-3xl font-semibold" data-testid="value">{{ display() }}</p>
+      }
+
+      @if (hint()) {
+        <p class="mt-1 text-xs text-neutral">{{ hint() }}</p>
+      }
+    </article>
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: MetricCard,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-metric-card",
+			template: `
+    <article class="rounded-lg border border-neutral/20 bg-surface p-4">
+      <p class="text-sm text-neutral">{{ label() }}</p>
+
+      @if (empty()) {
+        <p class="font-display text-3xl font-semibold text-neutral/40" data-testid="value-empty">
+          —
+        </p>
+      } @else {
+        <p class="font-display text-3xl font-semibold" data-testid="value">{{ display() }}</p>
+      }
+
+      @if (hint()) {
+        <p class="mt-1 text-xs text-neutral">{{ hint() }}</p>
+      }
+    </article>
+  `
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}]
+	}
+});
+export { MetricCard };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-metric-card-DnGMQL8l.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-metric-card-DnGMQL8l.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-metric-card-DnGMQL8l.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/widgets/metric-card/metric-card.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\n/**\n * KPI de una cifra suelta («3 pendientes»).\n *\n * Cero dependencias: es sólo presentación — el valor lo trae el\n * orquestador del panel desde el endpoint de métricas.\n *\n * Sin `icon`: el schema no tiene hoy un registro de nombres de icono\n * (los Lucide se importan estáticamente), así que un `icon?: string` no\n * podría resolverse declarativamente. Se añade cuando exista ese registro.\n */\n@Component({\n  selector: 'app-metric-card',\n  template: `\n    <article class=\"rounded-lg border border-neutral/20 bg-surface p-4\">\n      <p class=\"text-sm text-neutral\">{{ label() }}</p>\n\n      @if (empty()) {\n        <p class=\"font-display text-3xl font-semibold text-neutral/40\" data-testid=\"value-empty\">\n          —\n        </p>\n      } @else {\n        <p class=\"font-display text-3xl font-semibold\" data-testid=\"value\">{{ display() }}</p>\n      }\n\n      @if (hint()) {\n        <p class=\"mt-1 text-xs text-neutral\">{{ hint() }}</p>\n      }\n    </article>\n  `,\n})\nexport class MetricCard {\n  /** Rótulo del KPI. */\n  readonly label = input.required<string>();\n  /** Cifra a mostrar; `null`/`undefined` ⇒ estado vacío. */\n  readonly value = input<unknown>(null);\n  /** Texto secundario estático bajo la cifra. */\n  readonly hint = input('');\n\n  /** `0` es un valor, no un vacío: sólo `null`/`undefined` vacían la tarjeta. */\n  protected readonly empty = computed(() => this.value() === null || this.value() === undefined);\n\n  protected readonly display = computed(() => {\n    const value = this.value();\n    return typeof value === 'number' ? new Intl.NumberFormat('es-PE').format(value) : String(value);\n  });\n}\n"],"mappings":";;AAgCA,IAAa,aAAb,MAAa,WAAU;CAEZ,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAEhC,QAAQ,MAAe,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE5B,OAAO,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAGN,QAAQ,eAAe,KAAK,MAAK,MAAO,QAAQ,KAAK,MAAK,MAAO,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE3E,UAAU,eAAc;EACzC,MAAM,QAAQ,KAAK,MAAK;EACxB,OAAO,OAAO,UAAU,WAAW,IAAI,KAAK,aAAa,OAAO,CAAC,CAAC,OAAO,KAAK,IAAI,OAAO,KAAK;CAChG,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAdS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,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,UAlBX;;;;;;;;;;;;;;;;;EAgBT,UAAA;CAAA,CAAA;;AAEU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EApBtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;;EAiBX,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-multiselect-CuWwAfdY.mjs

@@ -0,0 +1,251 @@
+import { t as __exportAll } from "./tinya-code-gas-admin-ui-rolldown-runtime-DpJrqANO.mjs";
+import { i as getSchema } from "./tinya-code-gas-admin-ui-schema-catalog-CDrz9pVN.mjs";
+import { n as dataSourceKey, t as DataSourceService } from "./tinya-code-gas-admin-ui-data-source.service-LD8AM3Rn.mjs";
+import { t as optionsFromRows } from "./tinya-code-gas-admin-ui-source-options-B9R4mw8-.mjs";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input, model, resource } from "@angular/core";
+import { LucideX } from "@lucide/angular";
+var multiselect_exports = /* @__PURE__ */ __exportAll({ FieldMultiselect: () => FieldMultiselect });
+var FieldMultiselect = class FieldMultiselect {
+	field = input.required(...ngDevMode ? [{ debugName: "field" }] : /* istanbul ignore next */ []);
+	tree = input(...ngDevMode ? [void 0, { debugName: "tree" }] : /* istanbul ignore next */ []);
+	value = model.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	disabled = input(false, ...ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []);
+	ds = inject(DataSourceService);
+	registro = computed(() => {
+		const source = this.field().source;
+		const tree = this.tree();
+		if (source === void 0 || source.params === void 0 || tree === void 0) return void 0;
+		return tree().value();
+	}, ...ngDevMode ? [{ debugName: "registro" }] : /* istanbul ignore next */ []);
+	claveFuente = computed(() => {
+		const source = this.field().source;
+		return source === void 0 ? void 0 : dataSourceKey(source, this.registro());
+	}, ...ngDevMode ? [{ debugName: "claveFuente" }] : /* istanbul ignore next */ []);
+	fuenteResource = resource({
+		...ngDevMode ? { debugName: "fuenteResource" } : /* istanbul ignore next */ {},
+		params: () => this.claveFuente(),
+		loader: async () => {
+			const source = this.field().source;
+			if (source === void 0) return [];
+			return this.ds.rows(source, this.registro());
+		}
+	});
+	opciones = computed(() => {
+		const field = this.field();
+		if (field.source === void 0) return field.options ?? [];
+		if (this.fuenteResource.status() === "error") return [];
+		return optionsFromRows(this.fuenteResource.value() ?? [], {
+			source: field.source,
+			target: getSchema(field.source.resource)
+		});
+	}, ...ngDevMode ? [{ debugName: "opciones" }] : /* istanbul ignore next */ []);
+	cargando = computed(() => this.claveFuente() !== void 0 && this.fuenteResource.status() === "loading", ...ngDevMode ? [{ debugName: "cargando" }] : /* istanbul ignore next */ []);
+	fallo = computed(() => this.claveFuente() !== void 0 && this.fuenteResource.status() === "error", ...ngDevMode ? [{ debugName: "fallo" }] : /* istanbul ignore next */ []);
+	toggle(option) {
+		if (this.disabled()) return;
+		this.value.update((current) => current.includes(option.value) ? current.filter((item) => item !== option.value) : [...current, option.value]);
+	}
+	remove(item) {
+		if (this.disabled()) return;
+		this.value.update((current) => current.filter((value) => value !== item));
+	}
+	isSelected(item) {
+		return this.value().includes(item);
+	}
+	labelOf(item) {
+		return this.opciones().find((option) => option.value === item)?.label ?? item;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldMultiselect,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: FieldMultiselect,
+		isStandalone: true,
+		selector: "app-field-multiselect",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tree: {
+				classPropertyName: "tree",
+				publicName: "tree",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		ngImport: i0,
+		template: `
+    <div class="space-y-2">
+      @if (fallo()) {
+        <p class="text-xs text-danger" role="alert">No se pudieron cargar las opciones.</p>
+      } @else if (cargando()) {
+        <p class="text-xs text-neutral" role="status">Cargando opciones…</p>
+      }
+      @if (value().length > 0) {
+        <div class="flex flex-wrap gap-1.5" data-testid="multiselect-chips">
+          @for (item of value(); track item) {
+            <span
+              class="inline-flex items-center rounded-full bg-primary/10 px-2.5 py-1 text-xs text-primary"
+            >
+              {{ labelOf(item) }}
+              <button
+                type="button"
+                class="rounded-full px-0.5 hover:text-danger"
+                [attr.aria-label]="'Quitar ' + labelOf(item)"
+                [disabled]="disabled()"
+                (click)="remove(item)"
+              >
+                <svg lucideX size="14" />
+              </button>
+            </span>
+          }
+        </div>
+      }
+      <div class="flex flex-wrap gap-1.5">
+        @for (option of opciones(); track option.value) {
+          @if (!isSelected(option.value)) {
+            <button
+              type="button"
+              class="rounded-full border border-neutral/30 px-2.5 py-1 text-xs hover:border-primary disabled:cursor-not-allowed disabled:opacity-50"
+              [disabled]="disabled() || (option.disabled ?? false)"
+              (click)="toggle(option)"
+            >
+              {{ option.label }}
+            </button>
+          }
+        }
+      </div>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: LucideX,
+			selector: "svg[lucideX]"
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldMultiselect,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-multiselect",
+			imports: [LucideX],
+			template: `
+    <div class="space-y-2">
+      @if (fallo()) {
+        <p class="text-xs text-danger" role="alert">No se pudieron cargar las opciones.</p>
+      } @else if (cargando()) {
+        <p class="text-xs text-neutral" role="status">Cargando opciones…</p>
+      }
+      @if (value().length > 0) {
+        <div class="flex flex-wrap gap-1.5" data-testid="multiselect-chips">
+          @for (item of value(); track item) {
+            <span
+              class="inline-flex items-center rounded-full bg-primary/10 px-2.5 py-1 text-xs text-primary"
+            >
+              {{ labelOf(item) }}
+              <button
+                type="button"
+                class="rounded-full px-0.5 hover:text-danger"
+                [attr.aria-label]="'Quitar ' + labelOf(item)"
+                [disabled]="disabled()"
+                (click)="remove(item)"
+              >
+                <svg lucideX size="14" />
+              </button>
+            </span>
+          }
+        </div>
+      }
+      <div class="flex flex-wrap gap-1.5">
+        @for (option of opciones(); track option.value) {
+          @if (!isSelected(option.value)) {
+            <button
+              type="button"
+              class="rounded-full border border-neutral/30 px-2.5 py-1 text-xs hover:border-primary disabled:cursor-not-allowed disabled:opacity-50"
+              [disabled]="disabled() || (option.disabled ?? false)"
+              (click)="toggle(option)"
+            >
+              {{ option.label }}
+            </button>
+          }
+        }
+      </div>
+    </div>
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: false
+			}]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+export { multiselect_exports as n, FieldMultiselect as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-multiselect-CuWwAfdY.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-multiselect-CuWwAfdY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-multiselect-CuWwAfdY.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/multiselect/multiselect.ts"],"sourcesContent":["import { Component, computed, inject, input, model, resource } from '@angular/core';\nimport { LucideX } from '@lucide/angular';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport type { MultiselectField, SelectOption } from '../../core/models/schema.model';\nimport { DataSourceService, dataSourceKey } from '../../core/services/data-source.service';\nimport { optionsFromRows } from '../../core/utils/source-options';\nimport { getSchema } from '../../core/registry/schema-catalog';\nimport type { RootTree } from '../field-node';\n\n/**\n * Selección múltiple con chips (base.md §5.1). `<select multiple>` no está\n * soportado por `[formField]`, así que es un control propio que cumple el\n * contrato `FormValueControl<string[]>`: el nodo llega desde el host con\n * `[formField]` y el valor se sincroniza por `model()`.\n *\n * Opciones: estáticas (`options`) o una fuente declarada (`source`), con la\n * misma regla XOR que el `select` y el mismo fetcher (F8 · R6.5). `tree`\n * existe para resolver `{campo}` en `source.params` con el registro del\n * formulario — sin él un multiselect con parámetros quedaría con el mismo\n * nombre de opción y otra regla que el select.\n */\n@Component({\n  selector: 'app-field-multiselect',\n  imports: [LucideX],\n  template: `\n    <div class=\"space-y-2\">\n      @if (fallo()) {\n        <p class=\"text-xs text-danger\" role=\"alert\">No se pudieron cargar las opciones.</p>\n      } @else if (cargando()) {\n        <p class=\"text-xs text-neutral\" role=\"status\">Cargando opciones…</p>\n      }\n      @if (value().length > 0) {\n        <div class=\"flex flex-wrap gap-1.5\" data-testid=\"multiselect-chips\">\n          @for (item of value(); track item) {\n            <span\n              class=\"inline-flex items-center rounded-full bg-primary/10 px-2.5 py-1 text-xs text-primary\"\n            >\n              {{ labelOf(item) }}\n              <button\n                type=\"button\"\n                class=\"rounded-full px-0.5 hover:text-danger\"\n                [attr.aria-label]=\"'Quitar ' + labelOf(item)\"\n                [disabled]=\"disabled()\"\n                (click)=\"remove(item)\"\n              >\n                <svg lucideX size=\"14\" />\n              </button>\n            </span>\n          }\n        </div>\n      }\n      <div class=\"flex flex-wrap gap-1.5\">\n        @for (option of opciones(); track option.value) {\n          @if (!isSelected(option.value)) {\n            <button\n              type=\"button\"\n              class=\"rounded-full border border-neutral/30 px-2.5 py-1 text-xs hover:border-primary disabled:cursor-not-allowed disabled:opacity-50\"\n              [disabled]=\"disabled() || (option.disabled ?? false)\"\n              (click)=\"toggle(option)\"\n            >\n              {{ option.label }}\n            </button>\n          }\n        }\n      </div>\n    </div>\n  `,\n})\nexport class FieldMultiselect implements FormValueControl<string[]> {\n  readonly field = input.required<MultiselectField>();\n\n  /** Registro del formulario, sólo para resolver `{campo}` en `source.params`. */\n  readonly tree = input<RootTree>();\n\n  /** Sincronizado por el directive `FormField` del host. */\n  readonly value = model.required<string[]>();\n  readonly disabled = input(false);\n\n  private readonly ds = inject(DataSourceService);\n\n  private readonly registro = computed<Record<string, unknown> | undefined>(() => {\n    const source = this.field().source;\n    const tree = this.tree();\n    if (source === undefined || source.params === undefined || tree === undefined) return undefined;\n    return tree().value();\n  });\n\n  /** `undefined` sin fuente ⇒ `resource` queda idle y jamás llama al loader. */\n  private readonly claveFuente = computed(() => {\n    const source = this.field().source;\n    return source === undefined ? undefined : dataSourceKey(source, this.registro());\n  });\n\n  private readonly fuenteResource = resource({\n    params: () => this.claveFuente(),\n    loader: async () => {\n      const source = this.field().source;\n      if (source === undefined) return [];\n      return this.ds.rows(source, this.registro());\n    },\n  });\n\n  /** Estáticas del schema o filas de la fuente declarada (F8 · R6.5). */\n  protected readonly opciones = computed<SelectOption[]>(() => {\n    const field = this.field();\n    if (field.source === undefined) return field.options ?? [];\n    // `value()` del resource TIRA en estado error (contract de Angular):\n    // se mira el estado antes de leerlo, o el render rompe en vez de\n    // pintar el aviso de fallo.\n    if (this.fuenteResource.status() === 'error') return [];\n    return optionsFromRows(this.fuenteResource.value() ?? [], {\n      source: field.source,\n      target: getSchema(field.source.resource),\n    });\n  });\n\n  /** Sólo aplica con `source`: una lista estática no tiene vuelta que esperar. */\n  protected readonly cargando = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'loading',\n  );\n\n  protected readonly fallo = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'error',\n  );\n\n  protected toggle(option: SelectOption): void {\n    if (this.disabled()) {\n      return;\n    }\n    this.value.update((current) =>\n      current.includes(option.value)\n        ? current.filter((item) => item !== option.value)\n        : [...current, option.value],\n    );\n  }\n\n  protected remove(item: string): void {\n    if (this.disabled()) {\n      return;\n    }\n    this.value.update((current) => current.filter((value) => value !== item));\n  }\n\n  protected isSelected(item: string): boolean {\n    return this.value().includes(item);\n  }\n\n  protected labelOf(item: string): string {\n    return this.opciones().find((option) => option.value === item)?.label ?? item;\n  }\n}\n"],"mappings":"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"}

package/fesm2022/tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs

@@ -0,0 +1,66 @@
+import * as i0 from "@angular/core";
+import { Service, signal } from "@angular/core";
+var NotificationService = class NotificationService {
+	toasts = signal([], ...ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []);
+	confirmation = signal(null, ...ngDevMode ? [{ debugName: "confirmation" }] : /* istanbul ignore next */ []);
+	nextId = 1;
+	pendingResolve = null;
+	success(message) {
+		this.push("success", message);
+	}
+	error(message) {
+		this.push("error", message);
+	}
+	info(message) {
+		this.push("info", message);
+	}
+	dismiss(id) {
+		this.toasts.update((toasts) => toasts.filter((toast) => toast.id !== id));
+	}
+	confirm(options) {
+		this.pendingResolve?.(false);
+		this.confirmation.set(options);
+		return new Promise((resolve) => {
+			this.pendingResolve = resolve;
+		});
+	}
+	resolveConfirmation(accepted) {
+		this.confirmation.set(null);
+		const resolve = this.pendingResolve;
+		this.pendingResolve = null;
+		resolve?.(accepted);
+	}
+	push(kind, message) {
+		const id = this.nextId++;
+		this.toasts.update((toasts) => [...toasts, {
+			id,
+			kind,
+			message
+		}]);
+		if (kind !== "error") setTimeout(() => this.dismiss(id), 4e3);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NotificationService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Service
+	});
+	static ɵprov = i0.ɵɵngDeclareService({
+		minVersion: "22.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NotificationService
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NotificationService,
+	decorators: [{ type: Service }]
+});
+export { NotificationService as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/core/services/notification.service.ts"],"sourcesContent":["import { Service, signal } from '@angular/core';\n\nexport type ToastKind = 'success' | 'error' | 'info';\n\nexport interface Toast {\n  id: number;\n  kind: ToastKind;\n  message: string;\n}\n\nexport interface ConfirmOptions {\n  title: string;\n  message: string;\n  confirmLabel?: string;\n  cancelLabel?: string;\n}\n\n/**\n * Notificaciones de la app: toasts (señales, se renderizan en `app-toast`,\n * Fase 5) y un diálogo de confirmación con respuesta como `Promise`\n * (base.md §10: borrado con confirmación, aviso de cambios sin guardar).\n */\n@Service()\nexport class NotificationService {\n  readonly toasts = signal<Toast[]>([]);\n  /** Confirmación en curso; `null` = sin diálogo. */\n  readonly confirmation = signal<ConfirmOptions | null>(null);\n\n  private nextId = 1;\n  private pendingResolve: ((accepted: boolean) => void) | null = null;\n\n  success(message: string): void {\n    this.push('success', message);\n  }\n\n  error(message: string): void {\n    this.push('error', message);\n  }\n\n  info(message: string): void {\n    this.push('info', message);\n  }\n\n  dismiss(id: number): void {\n    this.toasts.update((toasts) => toasts.filter((toast) => toast.id !== id));\n  }\n\n  /** Abre el diálogo de confirmación y espera la respuesta del usuario. */\n  confirm(options: ConfirmOptions): Promise<boolean> {\n    // Solo una confirmación a la vez: la anterior se responde como rechazo.\n    this.pendingResolve?.(false);\n    this.confirmation.set(options);\n    return new Promise<boolean>((resolve) => {\n      this.pendingResolve = resolve;\n    });\n  }\n\n  /** Resuelve la confirmación pendiente (lo llama el componente de diálogo, Fase 5). */\n  resolveConfirmation(accepted: boolean): void {\n    this.confirmation.set(null);\n    const resolve = this.pendingResolve;\n    this.pendingResolve = null;\n    resolve?.(accepted);\n  }\n\n  private push(kind: ToastKind, message: string): void {\n    const id = this.nextId++;\n    this.toasts.update((toasts) => [...toasts, { id, kind, message }]);\n    if (kind !== 'error') {\n      setTimeout(() => this.dismiss(id), 4000);\n    }\n  }\n}\n"],"mappings":";;AAuBA,IAAa,sBAAb,MAAa,oBAAmB;CACrB,SAAS,OAAgB,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAE5B,eAAe,OAA8B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,eAAA,CAAA,+BAAA,CAAA,CAAA;CAEnD,SAAS;CACT,iBAAuD;CAE/D,QAAQ,SAAe;EACrB,KAAK,KAAK,WAAW,OAAO;CAC9B;CAEA,MAAM,SAAe;EACnB,KAAK,KAAK,SAAS,OAAO;CAC5B;CAEA,KAAK,SAAe;EAClB,KAAK,KAAK,QAAQ,OAAO;CAC3B;CAEA,QAAQ,IAAU;EAChB,KAAK,OAAO,QAAQ,WAAW,OAAO,QAAQ,UAAU,MAAM,OAAO,EAAE,CAAC;CAC1E;CAGA,QAAQ,SAAuB;EAE7B,KAAK,iBAAiB,KAAK;EAC3B,KAAK,aAAa,IAAI,OAAO;EAC7B,OAAO,IAAI,SAAkB,YAAW;GACtC,KAAK,iBAAiB;EACxB,CAAC;CACH;CAGA,oBAAoB,UAAiB;EACnC,KAAK,aAAa,IAAI,IAAI;EAC1B,MAAM,UAAU,KAAK;EACrB,KAAK,iBAAiB;EACtB,UAAU,QAAQ;CACpB;CAEQ,KAAK,MAAiB,SAAe;EAC3C,MAAM,KAAK,KAAK;EAChB,KAAK,OAAO,QAAQ,WAAW,CAAC,GAAG,QAAQ;GAAE;GAAI;GAAM;EAAO,CAAE,CAAC;EACjE,IAAI,SAAS,SACX,iBAAiB,KAAK,QAAQ,EAAE,GAAG,GAAI;CAE3C;CAhDW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAmB,CAAA;;AAAnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA,EAD/B,MAAA,QAAA,CAAA"}

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

@@ -0,0 +1,114 @@
+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 FieldNumber = class FieldNumber {
+	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 */ []);
+	stepAttr = computed(() => {
+		const field = this.field();
+		if (field.step !== void 0) return field.step;
+		return field.decimals !== void 0 ? Math.pow(10, -field.decimals) : null;
+	}, ...ngDevMode ? [{ debugName: "stepAttr" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldNumber,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: FieldNumber,
+		isStandalone: true,
+		selector: "app-field-number",
+		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="number"
+      class="field-input"
+      [id]="state().name()"
+      [formField]="node()"
+      [step]="stepAttr()"
+      [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: FieldNumber,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-number",
+			imports: [FieldAria, FormField],
+			template: `
+    <input
+      type="number"
+      class="field-input"
+      [id]="state().name()"
+      [formField]="node()"
+      [step]="stepAttr()"
+      [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 { FieldNumber };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-number-JNr7glc8.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-number-JNr7glc8.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/number/number.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { NumberField } from '../../core/models/schema.model';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\n\n/**\n * Input numérico (base.md §5.1). `step` sale del tipo o de `decimals`;\n * `min`/`max` los gestiona `FormField` desde las reglas (Fase 10).\n */\n@Component({\n  selector: 'app-field-number',\n  imports: [FieldAria, FormField],\n  template: `\n    <input\n      type=\"number\"\n      class=\"field-input\"\n      [id]=\"state().name()\"\n      [formField]=\"node()\"\n      [step]=\"stepAttr()\"\n      [placeholder]=\"field().placeholder ?? ''\"\n    />\n  `,\n})\nexport class FieldNumber {\n  readonly field = input.required<NumberField>();\n  readonly tree = input.required<RootTree>();\n\n  protected readonly node = computed(() => childTree<number>(this.tree(), this.field().key));\n  protected readonly state = computed(() => this.node()());\n\n  protected readonly stepAttr = computed<number | null>(() => {\n    const field = this.field();\n    if (field.step !== undefined) {\n      return field.step;\n    }\n    return field.decimals !== undefined ? Math.pow(10, -field.decimals) : null;\n  });\n}\n"],"mappings":";;;;;AAyBA,IAAa,cAAb,MAAa,YAAW;CACb,QAAQ,MAAM,SAAuB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACrC,OAAO,MAAM,SAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;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;CAErC,WAAW,eAA6B;EACzD,MAAM,QAAQ,KAAK,MAAK;EACxB,IAAI,MAAM,SAAS,QACjB,OAAO,MAAM;EAEf,OAAO,MAAM,aAAa,SAAY,KAAK,IAAI,IAAI,CAAC,MAAM,QAAQ,IAAI;CACxE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CAbS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UAXZ;;;;;;;;;;EAST,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MAVS;GAAS,UAAA;EAAA,GAAA;GAAA,MAAA;GAAA,MAAE;GAAS,UAAA;GAAA,QAAA,CAAA,WAAA;GAAA,UAAA,CAAA,WAAA;EAAA,CAAA;CAAA,CAAA;;AAYnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EAdvB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,WAAW,SAAS;GAC9B,UAAU;;;;;;;;;;EAUX,CAAA"}