energy-components 2.6.0 → 2.8.0

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

@@ -1,4 +1,4 @@
-import type { TableHeader } from './types';
+import type { ColumnReorderEvent, TableHeader } from './types';
 declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onHeaderClick?: ((header: TableHeader<any>) => any) | undefined;
@@ -9,7 +9,8 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
             key: string;
             width: number;
         }) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onHeaderClick" | "onToggleSelectAll" | "onToggleRowSelection" | "onRowClick" | "onColumnResize"> & {
+        readonly onColumnReorder?: ((payload: ColumnReorderEvent) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onHeaderClick" | "onToggleSelectAll" | "onToggleRowSelection" | "onRowClick" | "onColumnResize" | "onColumnReorder"> & {
         headers: TableHeader<T>[];
         rows: T[];
         rowKey: keyof T;
@@ -22,7 +23,10 @@ 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;
+        reorderableColumns?: boolean;
         rowClass?: (row: T, index: number) => string;
         cellClass?: (row: T, header: TableHeader, index: number) => string;
         isRowDisabled?: (row: T) => boolean;
@@ -55,6 +59,7 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
             key: string;
             width: number;
         }): void;
+        (e: "columnReorder", payload: ColumnReorderEvent): void;
     };
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

@@ -5,6 +5,11 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
             key: string;
             width: number;
         }) => any) | undefined;
+        readonly onColumnReorder?: ((v: {
+            keys: string[];
+            fromIndex: number;
+            toIndex: number;
+        }) => any) | undefined;
         readonly "onUpdate:page"?: ((v: number) => any) | undefined;
         readonly "onUpdate:pageSize"?: ((v: number) => any) | undefined;
         readonly "onUpdate:sort"?: ((v: SortDescriptor | null) => any) | undefined;
@@ -16,7 +21,7 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
         }) => any) | undefined;
         readonly onSelectionChange?: ((v: (string | number)[]) => any) | undefined;
         readonly onRowExpand?: ((v: T) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onColumnResize" | "onUpdate:page" | "onUpdate:pageSize" | "onUpdate:sort" | "onUpdate:checkedKeys" | "onOptionsChange" | "onSelectionChange" | "onRowExpand"> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onColumnResize" | "onColumnReorder" | "onUpdate:page" | "onUpdate:pageSize" | "onUpdate:sort" | "onUpdate:checkedKeys" | "onOptionsChange" | "onSelectionChange" | "onRowExpand"> & {
         /**
          * Definición de las columnas de la tabla.
          * Cada objeto define clave, texto, ancho, alineación y si es ordenable.
@@ -73,6 +78,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.
          */
@@ -148,6 +162,13 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
          * Activa el resize de columnas arrastrando el borde derecho del encabezado.
          */
         resizableColumns?: boolean;
+        /**
+         * Activa el reorder de columnas arrastrando el encabezado.
+         * Las columnas de selección permanecen ancladas y no participan en el reorder.
+         * Columnas individuales pueden excluirse con `reorderable: false` en su definición.
+         * El evento `columnReorder` se emite al soltar con `{ keys, fromIndex, toIndex }`.
+         */
+        reorderableColumns?: boolean;
         /**
          * Si es `true` (por defecto), al cambiar el orden de una columna la página se resetea a 1.
          * Pasa `false` para mantener la página actual al ordenar (útil en modo server-side con lógica propia).
@@ -183,6 +204,11 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
             key: string;
             width: number;
         }): void;
+        (e: "columnReorder", v: {
+            keys: string[];
+            fromIndex: number;
+            toIndex: number;
+        }): void;
     };
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/types/src/components/content/table/use-column-reorder.d.ts

@@ -0,0 +1,29 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { ColumnType, TableHeader } from './types';
+export interface UseColumnReorderOptions {
+    /** Column types that are always excluded from reordering (default: ['selection', 'actions']) */
+    excludeTypes?: ColumnType[];
+}
+export interface UseColumnReorderReturn<T> {
+    /** Headers in the current display order */
+    reorderedHeaders: ComputedRef<TableHeader<T>[]>;
+    /** Whether a drag is currently in progress */
+    isDragging: Ref<boolean>;
+    /** Horizontal offset in pixels of the actively dragged column */
+    dragOffsetX: Ref<number>;
+    /** The index in reorderedHeaders where the drop indicator should appear */
+    dragOverIndex: Ref<number | null>;
+    /** The key of the column being dragged */
+    dragSourceKey: Ref<string | null>;
+    /** Start a drag for the given header key */
+    startDrag: (key: string, event: PointerEvent, onEnd: (payload: {
+        keys: string[];
+        fromIndex: number;
+        toIndex: number;
+    }) => void) => void;
+    /** Cancel the current drag and restore original order */
+    cancelDrag: () => void;
+    /** Update the drop target index based on pointer position over the thead */
+    updateDragOver: (index: number) => void;
+}
+export declare function useColumnReorder<T = any>(headers: Ref<TableHeader<T>[]>, options?: UseColumnReorderOptions): UseColumnReorderReturn<T>;

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/Multiselect/MultiselectContentWrapper.vue.d.ts

@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     options: ArrayConstructor;
     hasOptionGroup: BooleanConstructor;
     search: StringConstructor;
+    externalSearch: {
+        type: StringConstructor;
+        default: string;
+    };
     loading: BooleanConstructor;
     showNoResults: BooleanConstructor;
     showNoOptions: BooleanConstructor;
@@ -67,6 +71,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     options: ArrayConstructor;
     hasOptionGroup: BooleanConstructor;
     search: StringConstructor;
+    externalSearch: {
+        type: StringConstructor;
+        default: string;
+    };
     loading: BooleanConstructor;
     showNoResults: BooleanConstructor;
     showNoOptions: BooleanConstructor;
@@ -84,6 +92,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     id: string | number;
     multiple: boolean;
     showNoResults: boolean;
+    externalSearch: string;
     showNoOptions: boolean;
     hasOptionGroup: boolean;
     contentStyle: Record<string, any>;

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/overlay/popover/popover.vue.d.ts

@@ -17,6 +17,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     autoFlip: boolean;
     closeOnTriggerHidden: boolean;
     triggerOnHover: boolean;
+    triggerTag: string;
+    triggerAriaLabel?: string | undefined;
     $props: {
         readonly width?: number | undefined;
         readonly placement?: string | undefined;
@@ -27,6 +29,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
         readonly autoFlip?: boolean | undefined;
         readonly closeOnTriggerHidden?: boolean | undefined;
         readonly triggerOnHover?: boolean | undefined;
+        readonly triggerTag?: string | undefined;
+        readonly triggerAriaLabel?: string | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts

@@ -28,18 +28,22 @@ interface RDSPopoverMenuProps {
     closeOnTriggerHidden: boolean;
     /** Si true abre/cierra con hover/focus (desktop). Por defecto sólo click */
     triggerOnHover?: boolean;
+    /** Tag HTML para el contenedor del trigger */
+    triggerTag?: string;
+    /** Aria-label del contenedor del trigger */
+    triggerAriaLabel?: string;
 }
-declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {
+declare var __VLS_15: {}, __VLS_21: {}, __VLS_23: {
     item: RDSPopoverMenuItem;
     index: number;
     onSelect: () => void;
 };
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_1) => any;
+    trigger?: (props: typeof __VLS_15) => any;
 } & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_21) => any;
 } & {
-    item?: (props: typeof __VLS_9) => any;
+    item?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<RDSPopoverMenuProps, {
     /** Alterna el estado abierto/cerrado del popover */
@@ -66,6 +70,8 @@ declare const __VLS_component: import("vue").DefineComponent<RDSPopoverMenuProps
     autoFlip: boolean;
     closeOnTriggerHidden: boolean;
     triggerOnHover: boolean;
+    triggerTag: string;
+    triggerAriaLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;