@tinya-code/gas-admin-ui 0.2.0-alpha.7 → 0.2.0-alpha.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/tinya-code-gas-admin-ui-color-Dljh_By3.mjs +107 -0
- package/fesm2022/tinya-code-gas-admin-ui-color-Dljh_By3.mjs.map +1 -0
- package/fesm2022/{tinya-code-gas-admin-ui-form-view-DN7g36Qu.mjs → tinya-code-gas-admin-ui-form-view-DRcpZH1V.mjs} +6 -4
- package/fesm2022/tinya-code-gas-admin-ui-form-view-DRcpZH1V.mjs.map +1 -0
- package/fesm2022/{tinya-code-gas-admin-ui-list-fSnmwLDC.mjs → tinya-code-gas-admin-ui-list-C1ZrXfW9.mjs} +2 -2
- package/fesm2022/{tinya-code-gas-admin-ui-list-fSnmwLDC.mjs.map → tinya-code-gas-admin-ui-list-C1ZrXfW9.mjs.map} +1 -1
- package/fesm2022/{tinya-code-gas-admin-ui-render-registry-XbMiaB7x.mjs → tinya-code-gas-admin-ui-render-registry-wGs_AG4N.mjs} +41 -21
- package/fesm2022/tinya-code-gas-admin-ui-render-registry-wGs_AG4N.mjs.map +1 -0
- package/fesm2022/tinya-code-gas-admin-ui-rich-select-c0gTPZQ6.mjs +152 -0
- package/fesm2022/tinya-code-gas-admin-ui-rich-select-c0gTPZQ6.mjs.map +1 -0
- package/fesm2022/{tinya-code-gas-admin-ui-seed-CMnUYVxI.mjs → tinya-code-gas-admin-ui-seed-BK0epEqy.mjs} +2 -2
- package/fesm2022/{tinya-code-gas-admin-ui-seed-CMnUYVxI.mjs.map → tinya-code-gas-admin-ui-seed-BK0epEqy.mjs.map} +1 -1
- package/fesm2022/{tinya-code-gas-admin-ui-select--98lPbev.mjs → tinya-code-gas-admin-ui-select-CDwX9yNO.mjs} +55 -51
- package/fesm2022/tinya-code-gas-admin-ui-select-CDwX9yNO.mjs.map +1 -0
- package/fesm2022/tinya-code-gas-admin-ui.mjs +9 -5
- package/fesm2022/tinya-code-gas-admin-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/tinya-code-gas-admin-ui.d.ts +29 -2
- package/fesm2022/tinya-code-gas-admin-ui-form-view-DN7g36Qu.mjs.map +0 -1
- package/fesm2022/tinya-code-gas-admin-ui-render-registry-XbMiaB7x.mjs.map +0 -1
- package/fesm2022/tinya-code-gas-admin-ui-select--98lPbev.mjs.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as get } from "./tinya-code-gas-admin-ui-render-registry-
|
|
1
|
+
import { n as get } from "./tinya-code-gas-admin-ui-render-registry-wGs_AG4N.mjs";
|
|
2
2
|
const COL_SPANS = {
|
|
3
3
|
1: "sm:col-span-1",
|
|
4
4
|
2: "sm:col-span-2",
|
|
@@ -77,4 +77,4 @@ function isRecord(value) {
|
|
|
77
77
|
}
|
|
78
78
|
export { colSpanClass as a, seedFields as i, mergeRecord as n, seedFieldValue as r, isRecord as t };
|
|
79
79
|
|
|
80
|
-
//# sourceMappingURL=tinya-code-gas-admin-ui-seed-
|
|
80
|
+
//# sourceMappingURL=tinya-code-gas-admin-ui-seed-BK0epEqy.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tinya-code-gas-admin-ui-seed-
|
|
1
|
+
{"version":3,"file":"tinya-code-gas-admin-ui-seed-BK0epEqy.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/shared/utils/col-span.ts","../../../projects/gas-admin-ui/src/lib/shared/utils/seed.ts"],"sourcesContent":["/**\n * Anchos de columna del layout (base.md §4: `width` 1–12).\n *\n * `sm:col-span-*` como literales: Tailwind v4 solo genera las clases que ve\n * en el código, así que no pueden construirse por concatenación.\n */\nconst COL_SPANS: Record<number, string> = {\n 1: 'sm:col-span-1',\n 2: 'sm:col-span-2',\n 3: 'sm:col-span-3',\n 4: 'sm:col-span-4',\n 5: 'sm:col-span-5',\n 6: 'sm:col-span-6',\n 7: 'sm:col-span-7',\n 8: 'sm:col-span-8',\n 9: 'sm:col-span-9',\n 10: 'sm:col-span-10',\n 11: 'sm:col-span-11',\n 12: 'sm:col-span-12',\n};\n\n/** Clase `sm:col-span-*` para el ancho del campo (por defecto: 12). */\nexport function colSpanClass(width: number | undefined): string {\n return COL_SPANS[width ?? 12];\n}\n","import type { FieldSchema, GroupField } from '../../core/models/schema.model';\nimport { get } from '../../core/registry/render-registry';\n\n/**\n * Forma del valor inicial que siembra un campo (D32 · R3.8).\n *\n * Son **todos** los valores posibles del dominio: un campo de formulario\n * nuevo nace como cadena, número, booleano, lista o como contenedor que\n * siembra sus hijos. Si un tipo llegara a necesitar otra forma, ampliar este\n * `type` obliga a compilar el `switch` de `seedValue` — que es exactamente\n * el fail-loud que la regla 4 pide.\n */\nexport type SeedKind = 'string' | 'number' | 'boolean' | 'array' | 'recursive';\n\n/**\n * Siembra del modelo del formulario: un valor por defecto para CADA campo\n * declarado en el schema (base.md §10).\n *\n * Compartido entre `form-model` (crear/recargar) y los componentes de lista\n * (crear ítems nuevos con la forma de sus `itemFields`).\n */\n\n/**\n * Valor inicial cuando el schema no declara `default`.\n *\n * **D32 · ya no despacha por tipo.** El `switch` de 20 ramas que obligaba a\n * editar este fichero al añadir un campo — y que §0 contaba como tocar el\n * motor — pasa a resolver el nombre que declara el propio descriptor\n * (`RenderDescriptor.seed`). «Añadir un tipo» queda en carpeta + manifiesto\n * + unión: este archivo no se entera.\n *\n * Dos salidas distintas, ninguna silenciosa:\n *\n * · **tipo fuera del catálogo** ⇒ `undefined`, la misma degradación\n * controlada que el render (R1.10): el campo no se pinta, así que su\n * valor no existe;\n * · **descriptor sin `seed`** ⇒ lanza. Es un error de programación que\n * `core/registry/contract.spec.ts` detecta en CI antes de llegar acá.\n */\nexport function seedValue(field: FieldSchema): unknown {\n const descriptor = get('field', field.type);\n\n if (!descriptor) {\n return undefined;\n }\n if (!descriptor.seed) {\n throw new Error(`[seed] el descriptor de \"${field.type}\" no declara \\`seed\\`.`);\n }\n\n switch (descriptor.seed) {\n case 'string':\n return '';\n case 'number':\n return null;\n case 'boolean':\n return false;\n case 'array':\n return [];\n case 'recursive':\n return seedHijos(field, descriptor.seed);\n }\n}\n\n/**\n * Siembra recursiva de un contenedor.\n *\n * El único `seed` recursivo del catálogo es `group`, pero el registro no lo\n * sabe — sólo lleva un nombre. El estrechado se comprueba aquí y **falla\n * ruidoso** si algún día un tipo declara `'recursive'` sin traer subcampos.\n */\nfunction seedHijos(field: FieldSchema, seed: 'recursive'): unknown {\n if (seed !== 'recursive' || !esGrupo(field)) {\n throw new Error(`[seed] \"${field.type}\" declara \\`seed: 'recursive'\\` pero no trae subcampos.`);\n }\n return seedFields(field.fields);\n}\n\n/** Estrechado de forma, no de despacho: no decide qué hacer, sólo accede. */\nfunction esGrupo(field: FieldSchema): field is GroupField {\n return field.type === 'group';\n}\n\n/** Valor sembrado de un campo, fusionando `default` con la forma del schema. */\nexport function seedFieldValue(field: FieldSchema): unknown {\n if (field.default === undefined) {\n return seedValue(field);\n }\n if (field.type === 'group' && isRecord(field.default)) {\n // Un `default` de grupo podría traer claves incompletas: los hijos se\n // acceden por árbol, así que la forma completa es obligatoria.\n return { ...seedFields(field.fields), ...field.default };\n }\n if (field.type === 'list' && Array.isArray(field.default)) {\n return field.default.map((item) =>\n isRecord(item) ? { ...seedFields(field.itemFields), ...item } : item,\n );\n }\n return field.default;\n}\n\n/**\n * Siembra recursiva: los `group` anidan sus propios campos. Exportada porque\n * la lista crea sus ítems nuevos con la misma forma (`base.md §6`).\n */\nexport function seedFields(fields: readonly FieldSchema[]): Record<string, unknown> {\n const model: Record<string, unknown> = {};\n for (const field of fields) {\n model[field.key] = seedFieldValue(field);\n }\n return model;\n}\n\n/**\n * Fusiona el registro leído con la forma sembrada del schema.\n *\n * El backend puede omitir claves (p. ej. un ítem guardado antes de que el\n * schema agregara un campo): sin esta fusión el árbol no tendría nodo para\n * ese campo y `childTree` lanzaría al renderizar. Lo ausente toma su\n * `default` y los extras del registro (p. ej. `position` de los ítems) se\n * conservan.\n */\nexport function mergeRecord(\n fields: readonly FieldSchema[],\n record: Record<string, unknown>,\n): Record<string, unknown> {\n const merged: Record<string, unknown> = {};\n for (const field of fields) {\n const incoming = record[field.key];\n if (field.type === 'group') {\n merged[field.key] = isRecord(incoming)\n ? mergeRecord(field.fields, incoming)\n : seedFieldValue(field);\n continue;\n }\n if (field.type === 'list') {\n const itemSeed = seedFields(field.itemFields);\n merged[field.key] = Array.isArray(incoming)\n ? incoming.map((item) => (isRecord(item) ? { ...itemSeed, ...item } : item))\n : seedFieldValue(field);\n continue;\n }\n merged[field.key] = incoming !== undefined ? incoming : seedFieldValue(field);\n }\n return merged;\n}\n\nexport function isRecord(value: unknown): value is Record<string, unknown> {\n return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n"],"mappings":";AAMA,MAAM,YAAoC;CACxC,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;AACL;AAGD,SAAgB,aAAa,OAAyB;CACpD,OAAO,UAAU,SAAS;AAC5B;ACeA,SAAgB,UAAU,OAAkB;CAC1C,MAAM,aAAa,IAAI,SAAS,MAAM,IAAI;CAE1C,IAAI,CAAC,YACH;CAEF,IAAI,CAAC,WAAW,MACd,MAAM,IAAI,MAAM,4BAA4B,MAAM,KAAI,uBAAwB;CAGhF,QAAQ,WAAW,MAAnB;EACE,KAAK,UACH,OAAO;EACT,KAAK,UACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,SACH,OAAO,CAAA;EACT,KAAK,aACH,OAAO,UAAU,OAAO,WAAW,IAAI;CAC3C;AACF;AASA,SAAS,UAAU,OAAoB,MAAiB;CACtD,IAAI,SAAS,eAAe,CAAC,QAAQ,KAAK,GACxC,MAAM,IAAI,MAAM,WAAW,MAAM,KAAI,wDAAyD;CAEhG,OAAO,WAAW,MAAM,MAAM;AAChC;AAGA,SAAS,QAAQ,OAAkB;CACjC,OAAO,MAAM,SAAS;AACxB;AAGA,SAAgB,eAAe,OAAkB;CAC/C,IAAI,MAAM,YAAY,QACpB,OAAO,UAAU,KAAK;CAExB,IAAI,MAAM,SAAS,WAAW,SAAS,MAAM,OAAO,GAGlD,OAAO;EAAE,GAAG,WAAW,MAAM,MAAM;EAAG,GAAG,MAAM;CAAO;CAExD,IAAI,MAAM,SAAS,UAAU,MAAM,QAAQ,MAAM,OAAO,GACtD,OAAO,MAAM,QAAQ,KAAK,SACxB,SAAS,IAAI,IAAI;EAAE,GAAG,WAAW,MAAM,UAAU;EAAG,GAAG;CAAI,IAAK,IAAI;CAGxE,OAAO,MAAM;AACf;AAMA,SAAgB,WAAW,QAA8B;CACvD,MAAM,QAAiC,CAAA;CACvC,KAAK,MAAM,SAAS,QAClB,MAAM,MAAM,OAAO,eAAe,KAAK;CAEzC,OAAO;AACT;AAWA,SAAgB,YACd,QACA,QAA+B;CAE/B,MAAM,SAAkC,CAAA;CACxC,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,WAAW,OAAO,MAAM;EAC9B,IAAI,MAAM,SAAS,SAAS;GAC1B,OAAO,MAAM,OAAO,SAAS,QAAQ,IACjC,YAAY,MAAM,QAAQ,QAAQ,IAClC,eAAe,KAAK;GACxB;EACF;EACA,IAAI,MAAM,SAAS,QAAQ;GACzB,MAAM,WAAW,WAAW,MAAM,UAAU;GAC5C,OAAO,MAAM,OAAO,MAAM,QAAQ,QAAQ,IACtC,SAAS,KAAK,SAAU,SAAS,IAAI,IAAI;IAAE,GAAG;IAAU,GAAG;GAAI,IAAK,IAAK,IACzE,eAAe,KAAK;GACxB;EACF;EACA,OAAO,MAAM,OAAO,aAAa,SAAY,WAAW,eAAe,KAAK;CAC9E;CACA,OAAO;AACT;AAEA,SAAgB,SAAS,OAAc;CACrC,OAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK;AAC5E"}
|
|
@@ -139,33 +139,35 @@ var FieldSelect = class FieldSelect {
|
|
|
139
139
|
</label>
|
|
140
140
|
}
|
|
141
141
|
</div>
|
|
142
|
-
} @else
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
<select class="field-input" [id]="state().name()" [formField]="node()">
|
|
158
|
-
@if (!field().required) {
|
|
159
|
-
<option value="">{{ field().placeholder ?? '— Seleccionar —' }}</option>
|
|
142
|
+
} @else {
|
|
143
|
+
@if (useSearch()) {
|
|
144
|
+
<!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el
|
|
145
|
+
select nativo en vez de construir un combobox: el teclado, el
|
|
146
|
+
anuncio de la opción activa y el valor elegido siguen siendo los
|
|
147
|
+
del navegador. -->
|
|
148
|
+
<input
|
|
149
|
+
type="search"
|
|
150
|
+
class="mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
|
|
151
|
+
placeholder="Buscar…"
|
|
152
|
+
aria-label="Buscar entre las opciones"
|
|
153
|
+
[attr.aria-controls]="state().name()"
|
|
154
|
+
[value]="query()"
|
|
155
|
+
(input)="onQuery($event)"
|
|
156
|
+
/>
|
|
160
157
|
}
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
{{
|
|
164
|
-
|
|
158
|
+
<select class="field-input" [id]="state().name()" [formField]="node()">
|
|
159
|
+
@if (!field().required) {
|
|
160
|
+
<option value="">{{ field().placeholder ?? '— Seleccionar —' }}</option>
|
|
161
|
+
}
|
|
162
|
+
@for (option of visibleOptions(); track option.value) {
|
|
163
|
+
<option [value]="option.value" [disabled]="option.disabled ?? false">
|
|
164
|
+
{{ option.label }}
|
|
165
|
+
</option>
|
|
166
|
+
}
|
|
167
|
+
</select>
|
|
168
|
+
@if (noMatches()) {
|
|
169
|
+
<p class="mt-1 text-xs text-neutral" role="status">Sin resultados para «{{ query() }}».</p>
|
|
165
170
|
}
|
|
166
|
-
</select>
|
|
167
|
-
@if (noMatches()) {
|
|
168
|
-
<p class="mt-1 text-xs text-neutral" role="status">Sin resultados para «{{ query() }}».</p>
|
|
169
171
|
}
|
|
170
172
|
`,
|
|
171
173
|
isInline: true,
|
|
@@ -237,33 +239,35 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
237
239
|
</label>
|
|
238
240
|
}
|
|
239
241
|
</div>
|
|
240
|
-
} @else
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
<select class="field-input" [id]="state().name()" [formField]="node()">
|
|
256
|
-
@if (!field().required) {
|
|
257
|
-
<option value="">{{ field().placeholder ?? '— Seleccionar —' }}</option>
|
|
242
|
+
} @else {
|
|
243
|
+
@if (useSearch()) {
|
|
244
|
+
<!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el
|
|
245
|
+
select nativo en vez de construir un combobox: el teclado, el
|
|
246
|
+
anuncio de la opción activa y el valor elegido siguen siendo los
|
|
247
|
+
del navegador. -->
|
|
248
|
+
<input
|
|
249
|
+
type="search"
|
|
250
|
+
class="mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"
|
|
251
|
+
placeholder="Buscar…"
|
|
252
|
+
aria-label="Buscar entre las opciones"
|
|
253
|
+
[attr.aria-controls]="state().name()"
|
|
254
|
+
[value]="query()"
|
|
255
|
+
(input)="onQuery($event)"
|
|
256
|
+
/>
|
|
258
257
|
}
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
{{
|
|
262
|
-
|
|
258
|
+
<select class="field-input" [id]="state().name()" [formField]="node()">
|
|
259
|
+
@if (!field().required) {
|
|
260
|
+
<option value="">{{ field().placeholder ?? '— Seleccionar —' }}</option>
|
|
261
|
+
}
|
|
262
|
+
@for (option of visibleOptions(); track option.value) {
|
|
263
|
+
<option [value]="option.value" [disabled]="option.disabled ?? false">
|
|
264
|
+
{{ option.label }}
|
|
265
|
+
</option>
|
|
266
|
+
}
|
|
267
|
+
</select>
|
|
268
|
+
@if (noMatches()) {
|
|
269
|
+
<p class="mt-1 text-xs text-neutral" role="status">Sin resultados para «{{ query() }}».</p>
|
|
263
270
|
}
|
|
264
|
-
</select>
|
|
265
|
-
@if (noMatches()) {
|
|
266
|
-
<p class="mt-1 text-xs text-neutral" role="status">Sin resultados para «{{ query() }}».</p>
|
|
267
271
|
}
|
|
268
272
|
`
|
|
269
273
|
}]
|
|
@@ -289,4 +293,4 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
289
293
|
});
|
|
290
294
|
export { FieldSelect };
|
|
291
295
|
|
|
292
|
-
//# sourceMappingURL=tinya-code-gas-admin-ui-select
|
|
296
|
+
//# sourceMappingURL=tinya-code-gas-admin-ui-select-CDwX9yNO.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tinya-code-gas-admin-ui-select-CDwX9yNO.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/select/select.ts"],"sourcesContent":["import { Component, computed, inject, input, resource, signal } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { SelectField, 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 { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\nimport { esGrupoRadio } from './radio-mode';\n\n/**\n * Desplegable de un solo valor (base.md §5.1).\n *\n * Sus opciones se declaran de dos formas y **exactamente una** (XOR, D62):\n * `options` estáticas en el schema o `source` — una fuente declarada que\n * pide `DataSourceService` con la misma caché que usan las relaciones y los\n * widgets (F8 · R6.5). Mientras la vuelta no llega se anuncia; sin anuncio\n * un desplegable vacío se confundiría con «esto no tiene opciones».\n */\n@Component({\n selector: 'app-field-select',\n imports: [FieldAria, FormField],\n template: `\n @if (fallo()) {\n <p class=\"mb-1 text-xs text-danger\" role=\"alert\">No se pudieron cargar las opciones.</p>\n } @else if (cargando()) {\n <p class=\"mb-1 text-xs text-neutral\" role=\"status\">Cargando opciones…</p>\n }\n @if (useRadio()) {\n <!-- Guía de control: 2–4 opciones estáticas → radio buttons, no un\n desplegable. Cada opción es un label implícito (texto y control\n juntos) y el grupo se nombra con aria-label: el rótulo del host\n se dibuja como texto porque un grupo no es un único control con\n el que emparejar un for. formField va en CADA input: Signal\n Forms soporta radio (checked = value === element.value) y setea\n name/disabled del grupo por estado de campo. -->\n <div\n class=\"mt-1 flex flex-col gap-1\"\n role=\"radiogroup\"\n [attr.aria-label]=\"field().label\"\n data-testid=\"select-radios\"\n >\n @if (!field().required) {\n <label class=\"flex w-fit items-center gap-2 text-sm\">\n <input\n type=\"radio\"\n class=\"accent-primary\"\n [id]=\"state().name() + '-__vacio'\"\n value=\"\"\n [formField]=\"node()\"\n />\n <span class=\"text-neutral\">{{ field().placeholder ?? '— Seleccionar —' }}</span>\n </label>\n }\n @for (option of options(); track option.value) {\n <label class=\"flex w-fit items-center gap-2 text-sm\">\n <input\n type=\"radio\"\n class=\"accent-primary\"\n [id]=\"state().name() + '-' + option.value\"\n [value]=\"option.value\"\n [formField]=\"node()\"\n />\n <span>{{ option.label }}</span>\n </label>\n }\n </div>\n } @else {\n @if (useSearch()) {\n <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el\n select nativo en vez de construir un combobox: el teclado, el\n anuncio de la opción activa y el valor elegido siguen siendo los\n del navegador. -->\n <input\n type=\"search\"\n class=\"mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n placeholder=\"Buscar…\"\n aria-label=\"Buscar entre las opciones\"\n [attr.aria-controls]=\"state().name()\"\n [value]=\"query()\"\n (input)=\"onQuery($event)\"\n />\n }\n <select class=\"field-input\" [id]=\"state().name()\" [formField]=\"node()\">\n @if (!field().required) {\n <option value=\"\">{{ field().placeholder ?? '— Seleccionar —' }}</option>\n }\n @for (option of visibleOptions(); track option.value) {\n <option [value]=\"option.value\" [disabled]=\"option.disabled ?? false\">\n {{ option.label }}\n </option>\n }\n </select>\n @if (noMatches()) {\n <p class=\"mt-1 text-xs text-neutral\" role=\"status\">Sin resultados para «{{ query() }}».</p>\n }\n }\n `,\n})\nexport class FieldSelect {\n readonly field = input.required<SelectField>();\n readonly tree = input.required<RootTree>();\n\n private readonly ds = inject(DataSourceService);\n\n protected readonly node = computed(() => childTree<string>(this.tree(), this.field().key));\n protected readonly state = computed(() => this.node()());\n\n /** Texto escrito en el buscador (sólo se usa si supera el umbral). */\n protected readonly query = signal('');\n\n /**\n * Registro del formulario, sólo para resolver `{campo}` en `source.params`.\n * Sin parámetros declarados no se lee: el campo no depende del formulario.\n */\n private readonly registro = computed<Record<string, unknown> | undefined>(() => {\n const source = this.field().source;\n if (source === undefined || source.params === undefined) return undefined;\n return this.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 /**\n * Opciones efectivas: las estáticas del schema o las filas de la fuente\n * declarada, mapeadas con la misma regla que una relación (F8 · R6.5).\n */\n protected readonly options = 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 propio render rompe en vez\n // de 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 /** Umbral de la guía §1: 5–7 opciones dropdown simple, más de 7 con búsqueda. */\n protected readonly useSearch = computed(() => this.options().length > 7);\n\n /** Guía §1: 2–4 opciones estáticas → radio buttons (ver `radio-mode.ts`). */\n protected readonly useRadio = computed(() => esGrupoRadio(this.field()));\n\n protected onQuery(event: Event): void {\n this.query.set((event.target as HTMLInputElement).value);\n }\n\n /**\n * Opciones que coinciden con el término, SIN conservar la elegida: es la\n * base del mensaje «Sin resultados».\n */\n protected readonly matches = computed<SelectOption[]>(() => {\n const all = this.options();\n const term = this.query().trim().toLowerCase();\n if (term === '') {\n return all;\n }\n return all.filter((option) => option.label.toLowerCase().includes(term));\n });\n\n /** El buscador está activo y no encontró nada nuevo (el elegido no cuenta). */\n protected readonly noMatches = computed(\n () => this.useSearch() && this.query().trim() !== '' && this.matches().length === 0,\n );\n\n /**\n * Opciones que se dibujan. Con búsqueda activa se acotan por etiqueta, pero\n * la opción elegida se conserva siempre aunque no coincida con el término:\n * si desapareciera del DOM, el select dejaría de mostrar el valor actual\n * (guía §1: «valor seleccionado siempre visible»).\n */\n protected readonly visibleOptions = computed<SelectOption[]>(() => {\n const filtered = this.matches();\n if (this.query().trim() === '') {\n return filtered;\n }\n const selected = String(this.state().value() ?? '');\n if (filtered.some((option) => option.value === selected)) {\n return filtered;\n }\n const kept = this.options().find((option) => option.value === selected);\n return kept === undefined ? filtered : [...filtered, kept];\n });\n}\n"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as __exportAll } from "./tinya-code-gas-admin-ui-rolldown-runtime-DpJrqANO.mjs";
|
|
2
2
|
import { _ as DEFAULT_RESPONSE_UNWRAP, a as provideFirebaseAdapter, b as ApiError, c as ConfigService, d as AuthService, f as LOGIN_PATH, g as API_URL, h as API_DRIVER, i as getSchema, l as ApiService, m as SESSION_USER_KEY, n as allSchemas, o as provideGasAdmin, p as SESSION_TOKEN_KEY, r as getAuth, s as setSchemaCatalog, t as GAS_SCHEMAS, u as apiErrorInterceptor, v as FIREBASE_AUTH_ADAPTER, x as renewedTokenOf, y as VALUE_SOURCES } from "./tinya-code-gas-admin-ui-schema-catalog-D0Pk0wAN.mjs";
|
|
3
|
-
import { a as register, c as unregister, d as SUPPORTED_FIELD_TYPE_LIST, f as fieldDescriptors, i as provideRenderDescriptors, l as viewDescriptors, m as columnFormatDescriptors, n as get, o as renderKinds, p as COLUMN_FORMAT_TYPES, r as isSupported, u as layoutDescriptors } from "./tinya-code-gas-admin-ui-render-registry-
|
|
3
|
+
import { a as register, c as unregister, d as SUPPORTED_FIELD_TYPE_LIST, f as fieldDescriptors, i as provideRenderDescriptors, l as viewDescriptors, m as columnFormatDescriptors, n as get, o as renderKinds, p as COLUMN_FORMAT_TYPES, r as isSupported, u as layoutDescriptors } from "./tinya-code-gas-admin-ui-render-registry-wGs_AG4N.mjs";
|
|
4
4
|
import { n as ViewNavigationService, t as evaluateCondition } from "./tinya-code-gas-admin-ui-condition-evaluator-DY2k1M3C.mjs";
|
|
5
5
|
import { t as Button } from "./tinya-code-gas-admin-ui-button-BQjNW8KB.mjs";
|
|
6
6
|
import { t as NotificationService } from "./tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs";
|
|
@@ -10,7 +10,7 @@ import { t as ErrorMapperService } from "./tinya-code-gas-admin-ui-error-mapper.
|
|
|
10
10
|
import { t as UploadService } from "./tinya-code-gas-admin-ui-upload.service-CZPEPCeN.mjs";
|
|
11
11
|
import { t as EmptyState } from "./tinya-code-gas-admin-ui-empty-state-BMc0QtoT.mjs";
|
|
12
12
|
import { a as stringItemTree, i as listTree, n as groupTree, r as itemTree, t as childTree } from "./tinya-code-gas-admin-ui-field-node-CIK6KNN_.mjs";
|
|
13
|
-
import { _ as resolveShare, a as DrawerForm, c as buildFormSchema, d as actionTypes, f as actionsFor, g as isTriggerAction, h as isShareAction, i as CopyShare, l as FieldHost, m as registerAction, o as buildPayload, p as getAction, r as Modal, s as seedModel, t as FormView, u as actionType, v as RenderHost } from "./tinya-code-gas-admin-ui-form-view-
|
|
13
|
+
import { _ as resolveShare, a as DrawerForm, c as buildFormSchema, d as actionTypes, f as actionsFor, g as isTriggerAction, h as isShareAction, i as CopyShare, l as FieldHost, m as registerAction, o as buildPayload, p as getAction, r as Modal, s as seedModel, t as FormView, u as actionType, v as RenderHost } from "./tinya-code-gas-admin-ui-form-view-DRcpZH1V.mjs";
|
|
14
14
|
import { t as Skeleton } from "./tinya-code-gas-admin-ui-skeleton-DnWK0tcZ.mjs";
|
|
15
15
|
import { t as getValue } from "./tinya-code-gas-admin-ui-field-path-B4-FTBGZ.mjs";
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
@@ -1445,7 +1445,9 @@ const FORMATO_POR_DEFECTO = {
|
|
|
1445
1445
|
boolean: "boolean",
|
|
1446
1446
|
select: "badge",
|
|
1447
1447
|
image: "thumbnail",
|
|
1448
|
-
file: "text"
|
|
1448
|
+
file: "text",
|
|
1449
|
+
color: "text",
|
|
1450
|
+
"rich-select": "badge"
|
|
1449
1451
|
};
|
|
1450
1452
|
function formatoPorTipo(type) {
|
|
1451
1453
|
return Object.prototype.hasOwnProperty.call(FORMATO_POR_DEFECTO, type) ? FORMATO_POR_DEFECTO[type] : void 0;
|
|
@@ -3530,8 +3532,10 @@ var ResourcePage = class ResourcePage {
|
|
|
3530
3532
|
}
|
|
3531
3533
|
const permissions = schema.permissions;
|
|
3532
3534
|
if (!permissions || schema.kind === "dashboard") return false;
|
|
3533
|
-
if (schema.kind === "singleton") return permissions.update === false;
|
|
3534
|
-
|
|
3535
|
+
if (schema.kind === "singleton") return !!!schema.endpoint?.get && permissions.update === false;
|
|
3536
|
+
const hasReadEndpoint = !!schema.endpoint?.list || !!schema.endpoint?.get;
|
|
3537
|
+
const canWrite = permissions.create !== false || permissions.update !== false || permissions.remove !== false;
|
|
3538
|
+
return !hasReadEndpoint && !canWrite;
|
|
3535
3539
|
}
|
|
3536
3540
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
3537
3541
|
minVersion: "12.0.0",
|