energy-components 2.1.0 → 2.3.0

package/llms/index.md

@@ -12,6 +12,7 @@ Generated for intelligent coding assistants.
 - [RDSActionButton](./rdsaction-button.md)
 - [RDSCheckbox](./rdscheckbox.md)
 - [RDSTextField](./rdstext-field.md)
+- [RDSSearchField](./rdssearch-field.md)
 - [RDSTextArea](./rdstext-area.md)
 - [RDSSwitch](./rdsswitch.md)
 - [RDSRadioButton](./rdsradio-button.md)
@@ -39,6 +40,7 @@ Generated for intelligent coding assistants.
 - [RDSPagination](./rdspagination.md)
 - [RDSDirectAccess](./rdsdirect-access.md)
 - [RDSIndicator](./rdsindicator.md)
+- [RDSIndicatorDots](./rdsindicator-dots.md)
 - [RDSBadge](./rdsbadge.md)
 - [RDSPersistentToast](./rdspersistent-toast.md)
 - [RDSSnackBar](./rdssnack-bar.md)

package/llms/rdsdate-picker.md

@@ -5,6 +5,7 @@
 | Prop | Tipo | Requerida | Default | Descripción | Valores |
 |---|---|:--:|---|---|---|
 | id | string | Sí |  | ID del interruptor |  |
+| compact | boolean | No | false | Versión compacta del datepicker con altura reducida (42px en lugar de 52px). En este modo se ocultan visualmente el label y el helper text para ahorrar espacio. ⚠️ **Uso recomendado**: Solo para celdas de tablas editables. No se recomienda fuera de este contexto por cuestiones de accesibilidad, ya que la ausencia del label visible puede dificultar la comprensión del campo. |  |
 | label | string | No | Seleccione una fecha | Etiqueta para el interruptor |  |
 | locale | string | No | es-ES | Localizacion de la fecha |  |
 | disabled | boolean | No | false | Si el interruptor está deshabilitado |  |

package/llms/rdsdropdown.md

@@ -5,6 +5,7 @@
 | Prop | Tipo | Requerida | Default | Descripción | Valores |
 |---|---|:--:|---|---|---|
 | id | string|number | Sí |  | Id del dropdown |  |
+| compact | boolean | No | false | Versión compacta del dropdown con altura reducida (42px en lugar de 52px). En este modo se ocultan visualmente el label y el helper text para ahorrar espacio. ⚠️ **Uso recomendado**: Solo para celdas de tablas editables. No se recomienda fuera de este contexto por cuestiones de accesibilidad, ya que la ausencia del label visible puede dificultar la comprensión del campo. |  |
 | label | string | Sí |  |  |  |
 | options | DropdownOption[] | string[] | Sí |  | Valores a mostrar en el dropdown |  |
 | disabled | boolean | No | false | Indica si el dropdown está deshabilitado |  |

package/llms/rdsindicator-dots.md

@@ -0,0 +1,23 @@
+# RDSIndicatorDots
+> Componente de la librería Energy Components.
+
+## Props
+| Prop | Tipo | Requerida | Default | Descripción | Valores |
+|---|---|:--:|---|---|---|
+| items | number | Sí |  | Número total de elementos a indicar. |  |
+| modelValue | number | Sí |  | Índice del elemento activo actual (base 0). |  |
+| showArrows | boolean | No | false | Muestra los botones de flecha anterior/siguiente. |  |
+| size | String as () => SizeType | No | default | Variante de tamaño del componente. |  |
+| inverse | boolean | No | false | Usa los tokens de color inverso (superficie oscura). |  |
+| maxVisible | number | No | 7 | Número máximo de puntos visibles a la vez antes de activar la ventana deslizante. |  |
+| playInterval | number | No | 3000 | Duración en milisegundos de cada elemento antes de avanzar automáticamente cuando isPlaying es true. |  |
+| interactive | boolean | No | false | Si es true, habilita la navegación manual: flechas (si showArrows) y clics en los puntos. Si es false, las flechas se ocultan y los puntos son solo visuales. |  |
+| showPlayPause | boolean | No | false | Muestra el botón de acción play/pause al final del componente. |  |
+| isPlaying | boolean | No | false | Si es true, el componente avanza automáticamente por los elementos con un temporizador, emitiendo update:modelValue. El botón play/pause (showPlayPause) refleja y controla este estado. |  |
+| id | string | No | undefined | Atributo ID opcional para pruebas. |  |
+
+## Eventos
+| Evento | Payload | Descripción |
+|---|---|---|
+| update:modelValue | number | Emitido al cambiar el índice activo. |
+| playPauseClick |  | Emitido al hacer clic en el botón play/pause. |

package/llms/rdssearch-field.md

@@ -0,0 +1,22 @@
+# RDSSearchField
+> Componente de la librería Energy Components.
+
+## Props
+| Prop | Tipo | Requerida | Default | Descripción | Valores |
+|---|---|:--:|---|---|---|
+| modelValue | string | Sí |  | v-model valor del campo de búsqueda. |  |
+| placeholder | string | No | Search... | Texto de ayuda contextual que se muestra cuando el campo está vacío. |  |
+| disabled | boolean | No | false | Indica si el campo está deshabilitado. |  |
+| small | boolean | No | false | Versión reducida del campo (altura 40px en lugar de 52px). |  |
+| suggestions | Array as () => string[] | No | () => [] | Lista de sugerencias a mostrar cuando el campo tiene contenido. El componente padre es responsable de filtrar las sugerencias. |  |
+| maxLength | number | No |  | Número máximo de caracteres permitidos. |  |
+| id | string | No |  | Identificador único del campo. Se autogenera si no se proporciona. |  |
+| clearButtonAriaLabel | string | No | Limpiar campo | Texto accesible del botón de limpiar. Permite internacionalización. |  |
+
+## Eventos
+| Evento | Payload | Descripción |
+|---|---|---|
+| update:modelValue | string | Emitido cuando el valor del campo cambia |
+| clear |  | Emitido cuando el usuario limpia el campo |
+| search | string | Emitido cuando el usuario pulsa Enter (sin sugerencia activa) |
+| select | string | Emitido cuando el usuario selecciona una sugerencia |

package/llms/rdstable.md

@@ -30,6 +30,7 @@
 | rowClass | TSFunctionType | No |  | Función para aplicar clases CSS condicionales a una fila completa (<tr>). |  |
 | cellClass | TSFunctionType | No |  | Función para aplicar clases CSS condicionales a una celda específica (td). |  |
 | isRowDisabled | TSFunctionType | No |  | Predicado para deshabilitar la selección (checkbox/radio) de una fila específica. |  |
+| resizableColumns | boolean | No |  | Activa el resize de columnas arrastrando el borde derecho del encabezado. |  |
 
 ## Eventos
 | Evento | Payload | Descripción |
@@ -41,6 +42,7 @@
 | optionsChange | { page: number, pageSize: number, sort: SortDescriptor | null } | ⚡ Evento Maestro: Cambio de Opciones. Agrupa cambios de paginación (page, pageSize) y ordenación (sort). Ideal para disparar llamadas al API en modo 'server'. |
 | selectionChange | Array | Evento de cambio de selección (duplicado de update:checkedKeys). Útil si prefieres escuchar el evento @selection-change en lugar de usar v-model. |
 | rowExpand | T | Se emite cuando una fila es clickeada para expandirse. Retorna el objeto completo de la fila. |
+| columnResize | { key: string, width: number } | Se emite cuando finaliza el resize de una columna. |
 
 ## Slots
 | Slot | Descripción | Bindings |

package/llms/rdstext-field.md

@@ -5,9 +5,12 @@
 | Prop | Tipo | Requerida | Default | Descripción | Valores |
 |---|---|:--:|---|---|---|
 | fullWidth | boolean | No | false | Hace que el campo ocupe todo el ancho disponible del contenedor padre (elimina min-width). ⚠️ Solo recomendado para contenedores muy pequeños. |  |
+| compact | boolean | No | false | Versión compacta del campo de texto con altura reducida (42px en lugar de 52px). En este modo se ocultan visualmente el label y el helper text para ahorrar espacio. Los eventos y cambios de estado visual se mantienen. ⚠️ **Uso recomendado**: Solo para celdas de tablas editables. No se recomienda fuera de este contexto por cuestiones de accesibilidad, ya que la ausencia del label visible puede dificultar la comprensión del campo. |  |
 | label | string | Sí |  | Etiqueta que se muestra sobre el campo de entrada. y Placeholder |  |
 | id | string | No |  | Identificador único del campo de entrada. |  |
 | modelValue | string|number|null | Sí |  | v-model valor de entrada y salida |  |
+| prefix | string | No |  | Texto a mostrar antes del valor del input. (Reemplaza al icono izquierdo si existe) |  |
+| suffix | string | No |  | Texto a mostrar después del valor del input, siguiendo dinámicamente al texto. |  |
 | disabled | boolean | No | false | Indica si el campo de entrada está deshabilitado o no. |  |
 | readonly | boolean | No | false | Indica si el campo de entrada es de solo lectura o no. |  |
 | maxLength | number | No |  | Número máximo de caracteres permitidos en el campo de entrada. Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería). Recomendación: establecerlo sólo cuando exista una restricción funcional o de negocio. |  |
@@ -48,5 +51,7 @@
 | Slot | Descripción | Bindings |
 |---|---|---|
 | left-icon | Icono a mostrar en la parte Izquierda |  |
+| prefix |  |  |
+| suffix |  |  |
 | right-icon | Icono a mostrar en la parte derecha |  |
 | helper-text | Texto a mostrar en el hueco del helper |  |

package/llms/rdstooltip.md

@@ -18,7 +18,7 @@
 | openOnHover | boolean | No | true | <span>Abre/cierran mediante hover. Por defecto activo para mantener compatibilidad.</span> |  |
 | openOnFocus | boolean | No | true | <span>Abre/cierran mediante focus/blur. Por defecto activo para accesibilidad.</span> |  |
 | openOnClick | boolean | No | false | <span>Permite abrir el tooltip al hacer click en el activador. Útil en dispositivos táctiles o cuando se prefiere disparo manual.</span> |  |
-| open | boolean | No | undefined | <span>Controla la visibilidad mediante v-model:open. Si se establece, el componente se comporta de forma controlada.</span> |  |
+| open | boolean | No | undefined | <span>Controla la visibilidad mediante v-model:open. Si se pasa (true o false), el componente entra en modo controlado: los eventos internos (hover/focus/click) solo emiten `update:open` sin cambiar la visibilidad directamente. Para volver al modo no controlado, no pasar la prop (undefined).</span> |  |
 | target | string | No | trigger | <span>Objetivo para posicionamiento: 'trigger' o 'cursor'. 'cursor' solo disponible con openOnClick.</span> | trigger, cursor |
 | autoUpdate | boolean | No | true | <span>Actualiza la posición automáticamente en scroll/resize/mutaciones</span> |  |
 | teleportTo | string | No | null | <span>Selector para teleport (ej: 'body', '#modal-container'). Si no se especifica se renderiza inline.</span> |  |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "energy-components",
   "description": "",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "author": "Repsol",
   "auto-changelog": {
     "commitLimit": false,