@tinya-code/gas-admin-ui 0.2.0-alpha.7 → 0.2.0-alpha.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinya-code/gas-admin-ui",
-  "version": "0.2.0-alpha.7",
+  "version": "0.2.0-alpha.9",
   "description": "Motor de render Angular para admin CRUD: declará ResourceSchema y el motor dibuja vistas, campos y widgets.",
   "repository": {
     "type": "git",

package/types/tinya-code-gas-admin-ui.d.ts

@@ -98,6 +98,9 @@ export interface TextField extends FieldBase<string> {
   maxLength?: number;
   pattern?: string;
 }
+export interface ColorField extends FieldBase<string> {
+  type: 'color';
+}
 export interface TextareaField extends FieldBase<string> {
   type: 'textarea';
   rows?: number;
@@ -169,6 +172,30 @@ export type SelectField = FieldBase<string> & {
 export type MultiselectField = FieldBase<string[]> & {
   type: 'multiselect';
 } & SelectData;
+/**
+ * Opción de un selector visual enriquecido (`rich-select`).
+ *
+ * Además de `value`/`label`, cada opción puede declarar una `preview` con
+ * HTML seguro que el motor renderiza como tarjeta visual (badge, chip con
+ * icono, color swatch, etc.). El HTML viaja en el schema y el motor lo
+ * pinta tal cual tras pasar por el sanitizador de Angular.
+ */
+export interface RichSelectOption {
+  value: string;
+  label: string;
+  disabled?: boolean;
+  /** HTML seguro para pintar como preview de la opción (ej. `<span class="chip">…</span>`). */
+  preview?: string;
+}
+/**
+ * Selector visual enriquecido: cada opción se renderiza como tarjeta con su
+ * `preview` HTML en vez de un `<select>` nativo o radio buttons planos.
+ * Sólo opciones estáticas (sin `source`).
+ */
+export interface RichSelectField extends FieldBase<string> {
+  type: 'rich-select';
+  options: RichSelectOption[];
+}
 export interface UrlField extends FieldBase<string> {
   type: 'url';
 }
@@ -406,7 +433,7 @@ export interface StatusProgressWidget extends WidgetBase {
 }
 export type WidgetSchema = MetricCardWidget | BarChartWidget | ChartLineWidget | RecordListWidget | QuickActionsWidget | StatusProgressWidget;
 export type WidgetType = WidgetSchema['type'];
-export type FieldSchema = TextField | TextareaField | SlugField | NumberField | CurrencyField | BooleanField | SelectField | MultiselectField | UrlField | EmailField | PhoneField | DateField | TimeField | ReadonlyTextField | RelationField | ImageField | FileField | GroupField | ListField | StringListField | KeyValueField;
+export type FieldSchema = TextField | TextareaField | SlugField | NumberField | CurrencyField | BooleanField | SelectField | MultiselectField | RichSelectField | UrlField | EmailField | PhoneField | DateField | TimeField | ReadonlyTextField | RelationField | ImageField | FileField | GroupField | ListField | StringListField | KeyValueField | ColorField;
 export type FieldType = FieldSchema['type'];
 export type ListColumnFormat = 'text' | 'badge' | 'thumbnail' | 'boolean' | 'number' | 'currency' | 'date';
 export interface ListColumn {
@@ -3212,7 +3239,7 @@ export declare class Toast {
  * aserción en el **mismo archivo**: añadir un tipo toca una carpeta y una
  * línea de este manifiesto, y el host no se entera.
  */
-export declare const SUPPORTED_FIELD_TYPE_LIST: readonly ["text", "textarea", "slug", "number", "currency", "boolean", "select", "multiselect", "url", "email", "phone", "date", "time", "readonly-text", "group", "list", "string-list", "key-value", "relation", "image", "file"];
+export declare const SUPPORTED_FIELD_TYPE_LIST: readonly ["text", "textarea", "slug", "number", "currency", "boolean", "select", "multiselect", "url", "email", "phone", "date", "time", "readonly-text", "group", "list", "string-list", "key-value", "relation", "image", "file", "color", "rich-select"];
 /**
  * Manifiesto de descriptores de campo (R3.3 · registro único de render).
  *