energy-components 1.6.0-beta.1 → 1.7.0

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

@@ -5,7 +5,9 @@ declare function __VLS_template(): {
         'right-icon'?(_: {}): any;
         'helper-text'?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        input: HTMLInputElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -121,7 +123,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: string;
         validator: (value: string, props: any) => boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}>, {
+    focus: () => void;
+    blur: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (event: Event) => any;
     keydown: (event: KeyboardEvent) => any;
     keypress: (event: KeyboardEvent) => any;
@@ -258,7 +263,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     helperText: string;
     clearable: boolean;
     autocomplete: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
+    input: HTMLInputElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -25,6 +25,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Mostrar o no el Blur del overlay</span>
+     */
+    blurOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * <span>Define el ancho del componente al abrirse</span>
      */
@@ -32,6 +39,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * <span>Indica si el sidedrawer permanece abierto al hacer click fuera de él</span>
+     */
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     /**
      * { boolean } Muestra el estado actual del sidebar.
@@ -66,6 +80,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Mostrar o no el Blur del overlay</span>
+     */
+    blurOverlay: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * <span>Define el ancho del componente al abrirse</span>
      */
@@ -73,12 +94,21 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: StringConstructor;
         default: string;
     };
+    /**
+     * <span>Indica si el sidedrawer permanece abierto al hacer click fuera de él</span>
+     */
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onSidedrawerChange?: ((isHide: boolean) => any) | undefined;
 }>, {
     title: string;
     iconClose: boolean;
+    blurOverlay: boolean;
     containerWidth: string;
+    persistent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {
     sidebar: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/types/src/components/navigation/pagination/pagination.vue.d.ts

@@ -1,109 +1,158 @@
 interface NavigationElement {
-    navigator?: string;
+    navigator?: 'first' | 'prev' | 'next' | 'last';
     page?: number;
 }
-interface NavigationElementEvent extends NavigationElement {
+interface PageChangedEventPayload extends NavigationElement {
+    page: number;
     offset: number;
-    end: number;
     limit: number;
+    end: number;
     reset?: boolean;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
-     * La página actual que se está visualizando.
+     * La página actual que se está visualizando. Usada para inicializar el componente.
      */
     currentPage: {
         type: NumberConstructor;
         required: true;
     };
     /**
-     * Habilita la opción de "saltar" a una página específica de la paginación.
+     * Habilita los botones para "saltar" a la primera y última página.
      */
     jumpTo: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * Marca la paginación como seleccionada.
-     */
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Ocultar la leyenda de paginación
+     * Oculta la leyenda "Mostrando resultados X-Y de Z".
+     * Solo tiene efecto si se usa la prop `totalItems`.
      */
     hideLeyend: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * El número total de items
+     * El número total de items a paginar.
+     * Requerido si no se proporciona `totalPages`. Habilita la leyenda.
      */
     totalItems: {
         type: NumberConstructor;
-        required: true;
+        required: false;
+        default: undefined;
     };
     /**
-     * Items por página
+     * Número de items a mostrar por página.
+     * Usado para calcular el total de páginas (si se usa `totalItems`) y el offset/end en el evento.
      */
     itemsPerPage: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * El número total de páginas.
+     * Usado como fallback si `totalItems` no se proporciona.
+     */
+    totalPages: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Controla si el número de la página activa se resalta visualmente.
+     * El resaltado requiere que esta prop sea true.
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Desactiva el evento por defecto de la paginación al cargar el componente.
+     * Si se desactiva, la carga de datos debe manejarse manualmente la primera vez que se carga el componente.
+     */
+    disableFirstLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
+    /** Resetea la paginación a la primera página y emite el evento pageChanged. */
     resetPagination: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    pageChanged: (element: NavigationElementEvent) => any;
+    pageChanged: (payload: PageChangedEventPayload) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * La página actual que se está visualizando.
+     * La página actual que se está visualizando. Usada para inicializar el componente.
      */
     currentPage: {
         type: NumberConstructor;
         required: true;
     };
     /**
-     * Habilita la opción de "saltar" a una página específica de la paginación.
+     * Habilita los botones para "saltar" a la primera y última página.
      */
     jumpTo: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * Marca la paginación como seleccionada.
-     */
-    selected: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * Ocultar la leyenda de paginación
+     * Oculta la leyenda "Mostrando resultados X-Y de Z".
+     * Solo tiene efecto si se usa la prop `totalItems`.
      */
     hideLeyend: {
         type: BooleanConstructor;
         default: boolean;
     };
     /**
-     * El número total de items
+     * El número total de items a paginar.
+     * Requerido si no se proporciona `totalPages`. Habilita la leyenda.
      */
     totalItems: {
         type: NumberConstructor;
-        required: true;
+        required: false;
+        default: undefined;
     };
     /**
-     * Items por página
+     * Número de items a mostrar por página.
+     * Usado para calcular el total de páginas (si se usa `totalItems`) y el offset/end en el evento.
      */
     itemsPerPage: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * El número total de páginas.
+     * Usado como fallback si `totalItems` no se proporciona.
+     */
+    totalPages: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
+    /**
+     * Controla si el número de la página activa se resalta visualmente.
+     * El resaltado requiere que esta prop sea true.
+     */
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Desactiva el evento por defecto de la paginación al cargar el componente.
+     * Si se desactiva, la carga de datos debe manejarse manualmente la primera vez que se carga el componente.
+     */
+    disableFirstLoad: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
-    onPageChanged?: ((element: NavigationElementEvent) => any) | undefined;
+    onPageChanged?: ((payload: PageChangedEventPayload) => any) | undefined;
 }>, {
     selected: boolean;
     jumpTo: boolean;
     hideLeyend: boolean;
+    totalItems: number;
     itemsPerPage: number;
+    totalPages: number;
+    disableFirstLoad: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/types/src/components/overlay/modal/modal.vue.d.ts

@@ -120,8 +120,32 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: number;
         validator: (value: string | number) => boolean;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}>, {
+    /**
+     * { () => void } Gestiona el clic fuera del modal.
+     */
+    modalClickOutside: () => void;
+    /**
+     * { () => void } Solicita abrir el modal.
+     */
+    openModal: () => void;
+    /**
+     * { () => void } Solicita cerrar el modal.
+     */
+    closeModal: () => void;
+    /**
+     * { (state: boolean) => void } Cambia el estado del modal.
+     * @param {boolean} state - true para abrir, false para cerrar
+     */
+    changeModalState: (state: boolean) => void;
+    /**
+     * { () => void } Alterna el estado del modal.
+     */
+    toggleModal: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     onCloseRequest: () => any;
+    onOpenRequest: () => any;
+    onToggleRequest: () => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Define el estado del modal
@@ -171,6 +195,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>> & Readonly<{
     onOnCloseRequest?: (() => any) | undefined;
+    onOnOpenRequest?: (() => any) | undefined;
+    onOnToggleRequest?: (() => any) | undefined;
 }>, {
     open: boolean;
     width: string | number;

package/dist/types/src/components/overlay/tooltip/tooltip.vue.d.ts

@@ -2,6 +2,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        'tooltip-content'?(_: {}): any;
     };
     refs: {
         referenceRef: HTMLDivElement;