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

package/fesm2022/tinya-code-gas-admin-ui-phone-jR417hPf.mjs

@@ -0,0 +1,116 @@
+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 FieldPhone = class FieldPhone {
+	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 */ []);
+	normalize() {
+		const current = this.state().value();
+		if (typeof current !== "string" || current === "") return;
+		const digits = current.replace(/\D/g, "");
+		const normalized = this.field().format === "digits" ? digits : digits !== "" ? `+${digits.slice(0, 15)}` : "";
+		if (normalized !== current) this.state().value.set(normalized);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldPhone,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: FieldPhone,
+		isStandalone: true,
+		selector: "app-field-phone",
+		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="tel"
+      class="field-input"
+      [id]="state().name()"
+      [formField]="node()"
+      [placeholder]="field().placeholder ?? ''"
+      (blur)="normalize()"
+    />
+  `,
+		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: FieldPhone,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-phone",
+			imports: [FieldAria, FormField],
+			template: `
+    <input
+      type="tel"
+      class="field-input"
+      [id]="state().name()"
+      [formField]="node()"
+      [placeholder]="field().placeholder ?? ''"
+      (blur)="normalize()"
+    />
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: true
+			}]
+		}]
+	}
+});
+export { FieldPhone };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-phone-jR417hPf.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-phone-jR417hPf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-phone-jR417hPf.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/phone/phone.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { PhoneField } from '../../core/models/schema.model';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\n\n/**\n * Input telefónico (base.md §5.1). El valor se normaliza al perder el foco:\n * `e164` → `+` y dígitos (máx. 15); `digits` → solo dígitos. Mientras se\n * escribe se conserva lo tipeado.\n */\n@Component({\n  selector: 'app-field-phone',\n  imports: [FieldAria, FormField],\n  template: `\n    <input\n      type=\"tel\"\n      class=\"field-input\"\n      [id]=\"state().name()\"\n      [formField]=\"node()\"\n      [placeholder]=\"field().placeholder ?? ''\"\n      (blur)=\"normalize()\"\n    />\n  `,\n})\nexport class FieldPhone {\n  readonly field = input.required<PhoneField>();\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  protected normalize(): void {\n    const current = this.state().value();\n    if (typeof current !== 'string' || current === '') {\n      return;\n    }\n    const digits = current.replace(/\\D/g, '');\n    const normalized =\n      this.field().format === 'digits' ? digits : digits !== '' ? `+${digits.slice(0, 15)}` : '';\n    if (normalized !== current) {\n      this.state().value.set(normalized);\n    }\n  }\n}\n"],"mappings":";;;;;AA0BA,IAAa,aAAb,MAAa,WAAU;CACZ,QAAQ,MAAM,SAAsB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACpC,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;CAE9C,YAAS;EACjB,MAAM,UAAU,KAAK,MAAK,CAAE,CAAC,MAAK;EAClC,IAAI,OAAO,YAAY,YAAY,YAAY,IAC7C;EAEF,MAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE;EACxC,MAAM,aACJ,KAAK,MAAK,CAAE,CAAC,WAAW,WAAW,SAAS,WAAW,KAAK,IAAI,OAAO,MAAM,GAAG,EAAE,MAAM;EAC1F,IAAI,eAAe,SACjB,KAAK,MAAK,CAAE,CAAC,MAAM,IAAI,UAAU;CAErC;CAlBW,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,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UAXX;;;;;;;;;;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;CAAU,YAAA,CAAA;EAdtB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,WAAW,SAAS;GAC9B,UAAU;;;;;;;;;;EAUX,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-quick-actions-DCQ6emmF.mjs

@@ -0,0 +1,235 @@
+import { n as parseNavigationUrl } from "./tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs";
+import * as i0 from "@angular/core";
+import { Component, input } from "@angular/core";
+import { RouterLink } from "@angular/router";
+import { LucideExternalLink, LucideFileText, LucidePlus, LucideSettings, LucideZap } from "@lucide/angular";
+const BUTTON_CLASSES = {
+	primary: "bg-primary text-surface hover:bg-primary/90 font-medium px-4 py-2.5 rounded-lg inline-flex items-center gap-2 text-sm transition-colors",
+	outline: "border border-neutral/40 bg-surface text-neutral hover:bg-neutral/10 font-medium px-4 py-2.5 rounded-lg inline-flex items-center gap-2 text-sm transition-colors",
+	secondary: "bg-neutral/10 text-neutral-light hover:bg-neutral/20 font-medium px-4 py-2.5 rounded-lg inline-flex items-center gap-2 text-sm transition-colors"
+};
+var QuickActions = class QuickActions {
+	widget = input.required(...ngDevMode ? [{ debugName: "widget" }] : /* istanbul ignore next */ []);
+	isExternal(url) {
+		return /^https?:\/\//i.test(url);
+	}
+	parseRoute(url) {
+		return parseNavigationUrl(url);
+	}
+	buttonClass(variant) {
+		return BUTTON_CLASSES[variant || "secondary"] || BUTTON_CLASSES["secondary"];
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: QuickActions,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: QuickActions,
+		isStandalone: true,
+		selector: "app-quick-actions",
+		inputs: { widget: {
+			classPropertyName: "widget",
+			publicName: "widget",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: `
+    <article class="flex h-full flex-col rounded-xl border border-neutral/20 bg-surface p-4">
+      <h2 class="mb-3 text-sm font-semibold text-neutral-light">{{ widget().label }}</h2>
+
+      <div class="grid flex-1 grid-cols-1 gap-2.5 sm:grid-cols-2">
+        @for (action of widget().actions; track action.label) {
+          @if (isExternal(action.navigateTo)) {
+            <a
+              [href]="action.navigateTo"
+              target="_blank"
+              rel="noopener noreferrer"
+              [class]="buttonClass(action.variant)"
+            >
+              @switch (action.icon) {
+                @case ('plus') {
+                  <svg lucidePlus size="16" class="shrink-0" />
+                }
+                @case ('settings') {
+                  <svg lucideSettings size="16" class="shrink-0" />
+                }
+                @case ('document') {
+                  <svg lucideFileText size="16" class="shrink-0" />
+                }
+                @default {
+                  <svg lucideExternalLink size="16" class="shrink-0" />
+                }
+              }
+              <span class="truncate">{{ action.label }}</span>
+            </a>
+          } @else {
+            <a
+              [routerLink]="parseRoute(action.navigateTo).path"
+              [queryParams]="parseRoute(action.navigateTo).queryParams"
+              [class]="buttonClass(action.variant)"
+            >
+              @switch (action.icon) {
+                @case ('plus') {
+                  <svg lucidePlus size="16" class="shrink-0" />
+                }
+                @case ('settings') {
+                  <svg lucideSettings size="16" class="shrink-0" />
+                }
+                @case ('document') {
+                  <svg lucideFileText size="16" class="shrink-0" />
+                }
+                @default {
+                  <svg lucideZap size="16" class="shrink-0" />
+                }
+              }
+              <span class="truncate">{{ action.label }}</span>
+            </a>
+          }
+        }
+      </div>
+    </article>
+  `,
+		isInline: true,
+		dependencies: [
+			{
+				kind: "directive",
+				type: RouterLink,
+				selector: "[routerLink]",
+				inputs: [
+					"target",
+					"queryParams",
+					"fragment",
+					"queryParamsHandling",
+					"state",
+					"info",
+					"relativeTo",
+					"preserveFragment",
+					"skipLocationChange",
+					"replaceUrl",
+					"browserUrl",
+					"routerLink"
+				]
+			},
+			{
+				kind: "component",
+				type: LucidePlus,
+				selector: "svg[lucidePlus]"
+			},
+			{
+				kind: "component",
+				type: LucideSettings,
+				selector: "svg[lucideSettings]"
+			},
+			{
+				kind: "component",
+				type: LucideFileText,
+				selector: "svg[lucideFileText]"
+			},
+			{
+				kind: "component",
+				type: LucideExternalLink,
+				selector: "svg[lucideExternalLink]"
+			},
+			{
+				kind: "component",
+				type: LucideZap,
+				selector: "svg[lucideZap]"
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: QuickActions,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-quick-actions",
+			imports: [
+				RouterLink,
+				LucidePlus,
+				LucideSettings,
+				LucideFileText,
+				LucideExternalLink,
+				LucideZap
+			],
+			template: `
+    <article class="flex h-full flex-col rounded-xl border border-neutral/20 bg-surface p-4">
+      <h2 class="mb-3 text-sm font-semibold text-neutral-light">{{ widget().label }}</h2>
+
+      <div class="grid flex-1 grid-cols-1 gap-2.5 sm:grid-cols-2">
+        @for (action of widget().actions; track action.label) {
+          @if (isExternal(action.navigateTo)) {
+            <a
+              [href]="action.navigateTo"
+              target="_blank"
+              rel="noopener noreferrer"
+              [class]="buttonClass(action.variant)"
+            >
+              @switch (action.icon) {
+                @case ('plus') {
+                  <svg lucidePlus size="16" class="shrink-0" />
+                }
+                @case ('settings') {
+                  <svg lucideSettings size="16" class="shrink-0" />
+                }
+                @case ('document') {
+                  <svg lucideFileText size="16" class="shrink-0" />
+                }
+                @default {
+                  <svg lucideExternalLink size="16" class="shrink-0" />
+                }
+              }
+              <span class="truncate">{{ action.label }}</span>
+            </a>
+          } @else {
+            <a
+              [routerLink]="parseRoute(action.navigateTo).path"
+              [queryParams]="parseRoute(action.navigateTo).queryParams"
+              [class]="buttonClass(action.variant)"
+            >
+              @switch (action.icon) {
+                @case ('plus') {
+                  <svg lucidePlus size="16" class="shrink-0" />
+                }
+                @case ('settings') {
+                  <svg lucideSettings size="16" class="shrink-0" />
+                }
+                @case ('document') {
+                  <svg lucideFileText size="16" class="shrink-0" />
+                }
+                @default {
+                  <svg lucideZap size="16" class="shrink-0" />
+                }
+              }
+              <span class="truncate">{{ action.label }}</span>
+            </a>
+          }
+        }
+      </div>
+    </article>
+  `
+		}]
+	}],
+	propDecorators: { widget: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "widget",
+			required: true
+		}]
+	}] }
+});
+export { QuickActions };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-quick-actions-DCQ6emmF.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-quick-actions-DCQ6emmF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-quick-actions-DCQ6emmF.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/widgets/quick-actions/quick-actions.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { RouterLink } from '@angular/router';\nimport {\n  LucideExternalLink,\n  LucideFileText,\n  LucidePlus,\n  LucideSettings,\n  LucideZap,\n} from '@lucide/angular';\n\nimport type { QuickActionsWidget } from '../../core/models/schema.model';\nimport { parseNavigationUrl, type ParsedRoute } from '../../core/utils/template-interpolator';\n\nconst BUTTON_CLASSES: Record<string, string> = {\n  primary:\n    'bg-primary text-surface hover:bg-primary/90 font-medium px-4 py-2.5 rounded-lg inline-flex items-center gap-2 text-sm transition-colors',\n  outline:\n    'border border-neutral/40 bg-surface text-neutral hover:bg-neutral/10 font-medium px-4 py-2.5 rounded-lg inline-flex items-center gap-2 text-sm transition-colors',\n  secondary:\n    'bg-neutral/10 text-neutral-light hover:bg-neutral/20 font-medium px-4 py-2.5 rounded-lg inline-flex items-center gap-2 text-sm transition-colors',\n};\n\n/**\n * Grid de accesos directos y atajos operativos para el Dashboard.\n */\n@Component({\n  selector: 'app-quick-actions',\n  imports: [RouterLink, LucidePlus, LucideSettings, LucideFileText, LucideExternalLink, LucideZap],\n  template: `\n    <article class=\"flex h-full flex-col rounded-xl border border-neutral/20 bg-surface p-4\">\n      <h2 class=\"mb-3 text-sm font-semibold text-neutral-light\">{{ widget().label }}</h2>\n\n      <div class=\"grid flex-1 grid-cols-1 gap-2.5 sm:grid-cols-2\">\n        @for (action of widget().actions; track action.label) {\n          @if (isExternal(action.navigateTo)) {\n            <a\n              [href]=\"action.navigateTo\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              [class]=\"buttonClass(action.variant)\"\n            >\n              @switch (action.icon) {\n                @case ('plus') {\n                  <svg lucidePlus size=\"16\" class=\"shrink-0\" />\n                }\n                @case ('settings') {\n                  <svg lucideSettings size=\"16\" class=\"shrink-0\" />\n                }\n                @case ('document') {\n                  <svg lucideFileText size=\"16\" class=\"shrink-0\" />\n                }\n                @default {\n                  <svg lucideExternalLink size=\"16\" class=\"shrink-0\" />\n                }\n              }\n              <span class=\"truncate\">{{ action.label }}</span>\n            </a>\n          } @else {\n            <a\n              [routerLink]=\"parseRoute(action.navigateTo).path\"\n              [queryParams]=\"parseRoute(action.navigateTo).queryParams\"\n              [class]=\"buttonClass(action.variant)\"\n            >\n              @switch (action.icon) {\n                @case ('plus') {\n                  <svg lucidePlus size=\"16\" class=\"shrink-0\" />\n                }\n                @case ('settings') {\n                  <svg lucideSettings size=\"16\" class=\"shrink-0\" />\n                }\n                @case ('document') {\n                  <svg lucideFileText size=\"16\" class=\"shrink-0\" />\n                }\n                @default {\n                  <svg lucideZap size=\"16\" class=\"shrink-0\" />\n                }\n              }\n              <span class=\"truncate\">{{ action.label }}</span>\n            </a>\n          }\n        }\n      </div>\n    </article>\n  `,\n})\nexport class QuickActions {\n  readonly widget = input.required<QuickActionsWidget>();\n\n  protected isExternal(url: string): boolean {\n    return /^https?:\\/\\//i.test(url);\n  }\n\n  protected parseRoute(url: string): ParsedRoute {\n    return parseNavigationUrl(url);\n  }\n\n  protected buttonClass(variant?: string): string {\n    return BUTTON_CLASSES[variant || 'secondary'] || BUTTON_CLASSES['secondary'];\n  }\n}\n"],"mappings":";;;;;AAaA,MAAM,iBAAyC;CAC7C,SACE;CACF,SACE;CACF,WACE;AACH;AAiED,IAAa,eAAb,MAAa,aAAY;CACd,SAAS,MAAM,SAA8B,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAE5C,WAAW,KAAW;EAC9B,OAAO,gBAAgB,KAAK,GAAG;CACjC;CAEU,WAAW,KAAW;EAC9B,OAAO,mBAAmB,GAAG;CAC/B;CAEU,YAAY,SAAgB;EACpC,OAAO,eAAe,WAAW,gBAAgB,eAAe;CAClE;CAbW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAY,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,QAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,UAAA;EAAA,UAzDb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDT,UAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MAxDS;IAAU,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAU,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAc,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAc,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAkB,UAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAS,UAAA;GAAA;EAAA;CAAA,CAAA;;AA0DpF,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EA5DxB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS;IAAC;IAAY;IAAY;IAAgB;IAAgB;IAAoB;GAAS;GAC/F,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDX,CAAA"}

package/fesm2022/tinya-code-gas-admin-ui-radio-mode-DxvN07DY.mjs

@@ -0,0 +1,8 @@
+function esGrupoRadio(field) {
+	if (field.source !== void 0) return false;
+	const total = field.options?.length ?? 0;
+	return total >= 2 && total <= 4;
+}
+export { esGrupoRadio as t };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-radio-mode-DxvN07DY.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-radio-mode-DxvN07DY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-radio-mode-DxvN07DY.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/select/radio-mode.ts"],"sourcesContent":["import type { SelectField } from '../../core/models/schema.model';\n\n/**\n * Guía de control (standards §Control selection): 2–4 opciones → radio\n * buttons; 5–7 → dropdown simple; más de 7 → dropdown con búsqueda.\n *\n * Dos limitaciones deliberadas:\n *  - **Sólo opciones estáticas** (`source` excluido): una fuente se carga\n *    después y su cantidad de filas puede cambiar; el control no debe mutar\n *    de `<select>` a radios en mitad de una edición.\n *  - **Mínimo 2**: con una sola opción el dropdown (o un único radio) no\n *    aporta nada y el caso real (`users.role`) ya existe así.\n *\n * La comparten el campo (`select.ts`, para ramificar su plantilla) y el\n * rótulo del host (`render-host.ts`): sin este mismo cálculo el host\n * dibujaría un `label[for]` apuntando a un id que un grupo de radios no\n * tiene (el ancla la reemplaza `role=\"radiogroup\"` + `aria-label`).\n */\nexport function esGrupoRadio(field: SelectField): boolean {\n  if (field.source !== undefined) {\n    return false;\n  }\n  const total = field.options?.length ?? 0;\n  return total >= 2 && total <= 4;\n}\n"],"mappings":"AAkBA,SAAgB,aAAa,OAAkB;CAC7C,IAAI,MAAM,WAAW,QACnB,OAAO;CAET,MAAM,QAAQ,MAAM,SAAS,UAAU;CACvC,OAAO,SAAS,KAAK,SAAS;AAChC"}

package/fesm2022/tinya-code-gas-admin-ui-readonly-text-BL7-4qie.mjs

@@ -0,0 +1,124 @@
+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";
+var FieldReadonlyText = class FieldReadonlyText {
+	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 */ []);
+	display = computed(() => {
+		const value = this.state().value();
+		if (value === null || value === void 0 || value === "") return "—";
+		const format = this.field().format;
+		if (format === "date" || format === "datetime") {
+			const date = new Date(String(value));
+			if (Number.isNaN(date.getTime())) return String(value);
+			return new Intl.DateTimeFormat("es-PE", {
+				timeZone: "UTC",
+				day: "2-digit",
+				month: "2-digit",
+				year: "numeric",
+				...format === "datetime" ? {
+					hour: "2-digit",
+					minute: "2-digit"
+				} : {}
+			}).format(date);
+		}
+		if (format === "number") {
+			const number = Number(value);
+			return Number.isNaN(number) ? String(value) : new Intl.NumberFormat("es-PE").format(number);
+		}
+		return typeof value === "string" ? value : String(value);
+	}, ...ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: FieldReadonlyText,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: FieldReadonlyText,
+		isStandalone: true,
+		selector: "app-field-readonly-text",
+		inputs: {
+			field: {
+				classPropertyName: "field",
+				publicName: "field",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tree: {
+				classPropertyName: "tree",
+				publicName: "tree",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: `
+    <output
+      [id]="state().name()"
+      class="block py-2 text-sm text-neutral"
+      data-testid="readonly-text"
+    >
+      {{ display() }}
+    </output>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: FieldAria,
+			selector: "input[id], select[id], textarea[id], output[id]"
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: FieldReadonlyText,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-field-readonly-text",
+			imports: [FieldAria],
+			template: `
+    <output
+      [id]="state().name()"
+      class="block py-2 text-sm text-neutral"
+      data-testid="readonly-text"
+    >
+      {{ display() }}
+    </output>
+  `
+		}]
+	}],
+	propDecorators: {
+		field: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "field",
+				required: true
+			}]
+		}],
+		tree: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tree",
+				required: true
+			}]
+		}]
+	}
+});
+export { FieldReadonlyText };
+
+//# sourceMappingURL=tinya-code-gas-admin-ui-readonly-text-BL7-4qie.mjs.map

package/fesm2022/tinya-code-gas-admin-ui-readonly-text-BL7-4qie.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tinya-code-gas-admin-ui-readonly-text-BL7-4qie.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/readonly-text/readonly-text.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\nimport type { ReadonlyTextField } from '../../core/models/schema.model';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\n\n/**\n * Dato de solo lectura (base.md §5.1, ej. `updated_at`). No edita: lee el\n * valor del árbol y lo presenta según `format` (`date`, `datetime`,\n * `number`; por defecto, texto). Renderiza `<output>` para que el `<label>`\n * del host pueda asociarse por `for`.\n */\n@Component({\n  selector: 'app-field-readonly-text',\n  imports: [FieldAria],\n  template: `\n    <output\n      [id]=\"state().name()\"\n      class=\"block py-2 text-sm text-neutral\"\n      data-testid=\"readonly-text\"\n    >\n      {{ display() }}\n    </output>\n  `,\n})\nexport class FieldReadonlyText {\n  readonly field = input.required<ReadonlyTextField>();\n  readonly tree = input.required<RootTree>();\n\n  private readonly node = computed(() => childTree<unknown>(this.tree(), this.field().key));\n  protected readonly state = computed(() => this.node()());\n\n  protected readonly display = computed(() => {\n    const value = this.state().value();\n    if (value === null || value === undefined || value === '') {\n      return '—';\n    }\n    const format = this.field().format;\n    if (format === 'date' || format === 'datetime') {\n      const date = new Date(String(value));\n      if (Number.isNaN(date.getTime())) {\n        return String(value);\n      }\n      return new Intl.DateTimeFormat('es-PE', {\n        timeZone: 'UTC',\n        day: '2-digit',\n        month: '2-digit',\n        year: 'numeric',\n        ...(format === 'datetime' ? { hour: '2-digit', minute: '2-digit' } : {}),\n      }).format(date);\n    }\n    if (format === 'number') {\n      const number = Number(value);\n      return Number.isNaN(number) ? String(value) : new Intl.NumberFormat('es-PE').format(number);\n    }\n    return typeof value === 'string' ? value : String(value);\n  });\n}\n"],"mappings":";;;;AAyBA,IAAa,oBAAb,MAAa,kBAAiB;CACnB,QAAQ,MAAM,SAA6B,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAC3C,OAAO,MAAM,SAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEzB,OAAO,eAAe,UAAmB,KAAK,KAAI,GAAI,KAAK,MAAK,CAAE,CAAC,GAAG,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACtE,QAAQ,eAAe,KAAK,KAAI,CAAE,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAErC,UAAU,eAAc;EACzC,MAAM,QAAQ,KAAK,MAAK,CAAE,CAAC,MAAK;EAChC,IAAI,UAAU,QAAQ,UAAU,UAAa,UAAU,IACrD,OAAO;EAET,MAAM,SAAS,KAAK,MAAK,CAAE,CAAC;EAC5B,IAAI,WAAW,UAAU,WAAW,YAAY;GAC9C,MAAM,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;GACnC,IAAI,OAAO,MAAM,KAAK,QAAO,CAAE,GAC7B,OAAO,OAAO,KAAK;GAErB,OAAO,IAAI,KAAK,eAAe,SAAS;IACtC,UAAU;IACV,KAAK;IACL,OAAO;IACP,MAAM;IACN,GAAI,WAAW,aAAa;KAAE,MAAM;KAAW,QAAQ;IAAS,IAAK,CAAA;GACtE,CAAA,CAAC,CAAC,OAAO,IAAI;EAChB;EACA,IAAI,WAAW,UAAU;GACvB,MAAM,SAAS,OAAO,KAAK;GAC3B,OAAO,OAAO,MAAM,MAAM,IAAI,OAAO,KAAK,IAAI,IAAI,KAAK,aAAa,OAAO,CAAC,CAAC,OAAO,MAAM;EAC5F;EACA,OAAO,OAAO,UAAU,WAAW,QAAQ,OAAO,KAAK;CACzD,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CA/BS,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,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UAVlB;;;;;;;;;EAQT,UAAA;EAAA,cAAA,CAAA;GAAA,MAAA;GAAA,MATS;GAAS,UAAA;EAAA,CAAA;CAAA,CAAA;;AAWR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiB,YAAA,CAAA;EAb7B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,SAAS,CAAC,SAAS;GACnB,UAAU;;;;;;;;;EASX,CAAA"}