energy-components 2.5.1 → 2.7.0

package/dist/types/src/components/content/table/table-renderer.vue.d.ts

@@ -22,6 +22,8 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
         emptyStateText?: string;
         selectedKeys?: Array<string | number>;
         expandedKeys?: Array<string | number>;
+        selectAllAriaLabel?: string;
+        rowAriaLabel?: (row: T, index: number) => string;
         resizableColumns?: boolean;
         rowClass?: (row: T, index: number) => string;
         cellClass?: (row: T, header: TableHeader, index: number) => string;

package/dist/types/src/components/content/table/table.vue.d.ts

@@ -73,6 +73,15 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
          * Array de IDs (rowKey) de las filas seleccionadas (v-model).
          */
         checkedKeys?: Array<string | number>;
+        /**
+         * Texto accesible para el checkbox de selección global.
+         */
+        selectAllAriaLabel?: string;
+        /**
+         * Función para construir el texto accesible de cada checkbox de fila.
+         * example (row, index) => `Seleccionar ${row.name} (${index + 1})`
+         */
+        rowAriaLabel?: (row: T, index: number) => string;
         /**
          * Muestra un estado de carga (skeleton o spinner) sobre la tabla.
          */

package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts

@@ -18,6 +18,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Texto que se muestra en el botón para dispositivos móviles.
+     */
+    mobileButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Indica si el componente está deshabilitado.
      */
@@ -113,6 +120,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * Texto que se muestra en el botón para dispositivos móviles.
+     */
+    mobileButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
     /**
      * Indica si el componente está deshabilitado.
      */
@@ -202,6 +216,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     fullWidth: boolean;
     accept: string;
     detailText: string;
+    mobileButtonText: string;
     errorMessage: string;
     maxFiles: number | null;
     showDetailText: boolean;

package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts

@@ -18,6 +18,8 @@ export interface AutoCompleteProps {
     helperText?: string;
     autocompleteFilter: (option: DropdownOption | string, search: string) => boolean;
 }
+type LazyLoadItem = DropdownOption | string;
+type LazyLoadCallback = (page: number) => Promise<LazyLoadItem[]>;
 type __VLS_Slots = {
     'option'?: (props: {
         option: any;
@@ -217,6 +219,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Habilita lazy load por scroll al final de la lista.
+     * Puede ser boolean (modo evento) o callback async (modo automático).
+     */
+    lazyLoad: {
+        type: PropType<boolean | LazyLoadCallback>;
+        default: boolean;
+    };
     modelValue: {
         type: PropType<any>;
         required: true;
@@ -237,6 +247,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     open: (payload: any, componentId: string | number) => any;
     change: (options: any[]) => any;
     select: (selectOption: any) => any;
+    loadMore: (payload: {
+        page: number;
+    }) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Id del dropdown
@@ -412,6 +425,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Habilita lazy load por scroll al final de la lista.
+     * Puede ser boolean (modo evento) o callback async (modo automático).
+     */
+    lazyLoad: {
+        type: PropType<boolean | LazyLoadCallback>;
+        default: boolean;
+    };
     modelValue: {
         type: PropType<any>;
         required: true;
@@ -422,6 +443,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onChange?: ((options: any[]) => any) | undefined;
     onSelect?: ((selectOption: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onLoadMore?: ((payload: {
+        page: number;
+    }) => any) | undefined;
 }>, {
     loading: boolean;
     error: boolean;
@@ -442,6 +466,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     openDirection: string;
     textOnly: boolean;
     customTriggerClass: string;
+    lazyLoad: boolean | LazyLoadCallback;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts

@@ -42,6 +42,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Oculta visualmente el label manteniendo su accesibilidad para lectores de pantalla</span>
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * <span>Id del radio button</span>
@@ -86,10 +93,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Oculta visualmente el label manteniendo su accesibilidad para lectores de pantalla</span>
+     */
+    hideLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     error: boolean;
     label: string;
     icon: string;
     disabled: boolean;
+    hideLabel: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/src/components/input/text-field/text-field.vue.d.ts

@@ -76,12 +76,30 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     /**
-     * Indica si el campo de entrada es de solo lectura o no.
+     * Estado semántico de solo lectura. Añade el atributo HTML `readonly` al input, lo que
+     * impide la edición y lo anuncia a los lectores de pantalla como "solo lectura".
+     *
+     * **No cambia el aspecto visual del campo.** Si además se necesita el estilo visual
+     * (fondo gris, sin iconos, cursor texto), activa también `readonlyStyle`.
+     * Ambas props son independientes y pueden usarse juntas o por separado.
      */
     readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Estilo visual de solo lectura: fondo gris, borde por defecto, cursor texto y sin iconos
+     * ni elementos accionables. El campo parece no editable visualmente.
+     *
+     * **No añade el atributo HTML `readonly`** ni semántica de accesibilidad.
+     * Para bloquear la edición funcionalmente y anunciarlo a lectores de pantalla,
+     * activa también `:readonly="true"`.
+     * Ambas props son independientes y pueden usarse juntas o por separado.
+     */
+    readonlyStyle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * 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).
@@ -231,6 +249,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         required: false;
     };
+    /** Índice de tabulación del input nativo. */
+    inputTabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
     /** Control de capitalización automática del navegador en inputs text. */
     autocapitalize: {
         type: StringConstructor;
@@ -311,12 +334,30 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
     };
     /**
-     * Indica si el campo de entrada es de solo lectura o no.
+     * Estado semántico de solo lectura. Añade el atributo HTML `readonly` al input, lo que
+     * impide la edición y lo anuncia a los lectores de pantalla como "solo lectura".
+     *
+     * **No cambia el aspecto visual del campo.** Si además se necesita el estilo visual
+     * (fondo gris, sin iconos, cursor texto), activa también `readonlyStyle`.
+     * Ambas props son independientes y pueden usarse juntas o por separado.
      */
     readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Estilo visual de solo lectura: fondo gris, borde por defecto, cursor texto y sin iconos
+     * ni elementos accionables. El campo parece no editable visualmente.
+     *
+     * **No añade el atributo HTML `readonly`** ni semántica de accesibilidad.
+     * Para bloquear la edición funcionalmente y anunciarlo a lectores de pantalla,
+     * activa también `:readonly="true"`.
+     * Ambas props son independientes y pueden usarse juntas o por separado.
+     */
+    readonlyStyle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * 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).
@@ -466,6 +507,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         required: false;
     };
+    /** Índice de tabulación del input nativo. */
+    inputTabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+    };
     /** Control de capitalización automática del navegador en inputs text. */
     autocapitalize: {
         type: StringConstructor;
@@ -492,6 +538,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly: boolean;
     password: boolean;
     suffix: string;
+    readonlyStyle: boolean;
     rightIcon: string;
     helper: boolean;
     helperText: string;

package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts

@@ -49,6 +49,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * <span>Etiqueta accesible del panel lateral para lectores de pantalla.</span>
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     /**
      * { boolean } Muestra el estado actual del sidebar.
@@ -111,9 +118,17 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * <span>Etiqueta accesible del panel lateral para lectores de pantalla.</span>
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onSidedrawerChange?: ((isHide: boolean) => any) | undefined;
 }>, {
+    ariaLabel: string;
     title: string;
     closeAriaLabel: string;
     iconClose: boolean;