@alexochihua/exos-library-components 2.25.5 → 2.25.7

package/dist/exos-library-components.common.js

@@ -29585,7 +29585,7 @@ const EFormvue_type_script_setup_true_lang_js_hoisted_1 = {
       registeredComp.value.push(element);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.provide)('unregister', element => {
-      registeredComp.value = registeredComp.value.filter(comp => comp !== element);
+      registeredComp.value = registeredComp.value.filter(comp => comp.uid !== element.uid);
     });
     const handleValidation = () => {
       isFormValid.value = true;
@@ -29629,7 +29629,8 @@ const EFormvue_type_script_setup_true_lang_js_hoisted_1 = {
       /**
        * Variable Indica si el formulario es válido
        */
-      isFormValid
+      isFormValid,
+      registeredComp
     });
     return (_ctx, _cache) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFormvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("form", {
@@ -30098,7 +30099,11 @@ const ECollapsevue_type_script_setup_true_lang_js_hoisted_9 = {
        * </template>
        * ```
        */
-      handleOpenCloseStatus
+      handleOpenCloseStatus,
+      /**
+       * Alterna el estado de apertura del collapse
+       */
+      toggleCollapse
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
@@ -30465,9 +30470,21 @@ const EPaginationTablevue_type_script_setup_true_lang_js_hoisted_4 = {
        */
       setPage,
       /**
-       * Navega a la primera página y emite el evento update:modelValue con la página 1
+       * Navega a la primera página y emite el evento update:modelValue
+       */
+      handleFirstPage,
+      /**
+       * Navega a la última página y emite el evento update:modelValue
+       */
+      handleLast,
+      /**
+       * Navega a la página anterior y emite el evento update:modelValue
        */
-      handleFirstPage
+      handlePrev,
+      /**
+       * Navega a la página siguiente y emite el evento update:modelValue
+       */
+      handleNext
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
@@ -39612,7 +39629,11 @@ const EDropdownvue_type_script_setup_true_lang_js_hoisted_2 = ["onClick"];
       /**
        * Alterna el estado del dropdown entre abierto y cerrado
        */
-      toggleDropdown
+      toggleDropdown,
+      /**
+       * Selecciona y emite la opción elegida (option: { label: string, value: any }) del menú desplegable
+       */
+      selectOption
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
@@ -48097,7 +48118,15 @@ const _hoisted_17 = {
       /**
        * Limpia la fecha seleccionada y emite el evento clean
        */
-      clearDate
+      clearDate,
+      /**
+       * Selecciona la fecha actual (date: string en formato dd-MM-yyyy), actualiza el calendario y emite el valor
+       */
+      onTodaySelection,
+      /**
+       * Establece la fecha seleccionada (day: number | null) en el calendario y actualiza el valor del v-model
+       */
+      setDay
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.onBeforeUnmount)(() => {
       window.removeEventListener('resize', handleResize);
@@ -51790,7 +51819,27 @@ const _hoisted_19 = {
       /**
        * Limpia el índice de la fila seleccionada
        */
-      cleanIndexRowSelected
+      cleanIndexRowSelected,
+      /**
+       * Establece el índice de la fila seleccionada (index: number) y actualiza el estado de selección de la tabla
+       */
+      setIndexRowSelected,
+      /**
+       * Realiza una solicitud de actualización de datos (params: { page: number, itemsPerPage: number }) y retorna los nuevos datos paginados
+       */
+      handleRequest,
+      /**
+       * Selecciona o deselecciona todas las filas de la tabla
+       */
+      handleSelectUnselectRows,
+      /**
+       * Selecciona todas las filas de la tabla y emite un arreglo con los items seleccionados
+       */
+      handleSelectAll,
+      /**
+       * Deselecciona todas las filas de la tabla y emite un arreglo vacío de selección
+       */
+      handleUnselectAll
     });
 
     // Watchers
@@ -52068,7 +52117,7 @@ const ETabvue_type_script_setup_true_lang_js_hoisted_5 = {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-tab__title", _ctx.$slots.title ? 'exos-bg-red' : ''])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "title")], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETabvue_type_script_setup_true_lang_js_hoisted_3, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)(__props.options, (option, index) => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-          class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-tab__option", `${option[__props.optionValue] == optionSelected.value ? 'e-tab__option-selected' : ''} ${__props.onlyRead ? '' : 'e-tab__only-read'}`]),
+          class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-tab__option", `${option[__props.optionValue] == optionSelected.value ? 'e-tab__option-selected' : ''} ${__props.onlyRead ? 'e-tab__only-read' : ''}`]),
           key: 'tabOpt' + index,
           "data-test": "tab-cy",
           onClick: $event => !__props.onlyRead ? handleSelected(option) : false
@@ -53322,6 +53371,9 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
         clean();
       }
     };
+    const showPicker = () => {
+      eFilePicker.value.showPicker();
+    };
 
     // Resetear mensaje de error y estilos de la regla, llamar a resetear mensaje y estilos de restricción
     const reset = () => {
@@ -53510,7 +53562,11 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
       /**
        * Muestra el visor de archivos
        */
-      showViewer
+      showViewer,
+      /**
+       * Muestra el selector de archivos
+       */
+      showPicker
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
@@ -53522,7 +53578,8 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
         onDragover: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(onDragOver, ["prevent"]),
         onDragleave: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(onDragLeave, ["prevent"])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
-        ref: 'e-filePicker-' + _ctx.$.uid,
+        ref_key: "eFilePicker",
+        ref: eFilePicker,
         "data-test": "file-picker-cy",
         type: "file",
         placeholder: " ",
@@ -54233,6 +54290,8 @@ const EDataDetail_exports_ = EDataDetailvue_type_script_setup_true_lang_js;
       if (parentEl.value) {
         parentEl.value.addEventListener('mouseover', showTooltip);
         parentEl.value.addEventListener('mouseout', hideTooltip);
+        // Escuchamos los eventos del loading
+        document.addEventListener('loading-overlay-shown', hideTooltip);
         showToRight.value = calculateAvailableSpaceX();
         showToBottom.value = calculateAvailableSpaceY();
       }
@@ -54242,6 +54301,9 @@ const EDataDetail_exports_ = EDataDetailvue_type_script_setup_true_lang_js;
         parentEl.value.removeEventListener('mouseover', showTooltip);
         parentEl.value.removeEventListener('mouseout', hideTooltip);
       }
+
+      // Removemos los listeners de eventos personalizados
+      document.removeEventListener('loading-overlay-shown', hideTooltip);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(isVisible, newVal => {
       if (parentEl.value) {
@@ -55181,6 +55243,9 @@ function loading_show(config) {
   const newDiv = document.createElement('div');
   newDiv.innerHTML = html;
   document.body.appendChild(newDiv);
+
+  // Emitimos un evento personalizado cuando se muestra el loading
+  document.dispatchEvent(new CustomEvent('loading-overlay-shown'));
 }
 function loading_hide() {
   let loadingApp = document.getElementById('loadingApp');

package/dist/exos-library-components.umd.js

@@ -29603,7 +29603,7 @@ const EFormvue_type_script_setup_true_lang_js_hoisted_1 = {
       registeredComp.value.push(element);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.provide)('unregister', element => {
-      registeredComp.value = registeredComp.value.filter(comp => comp !== element);
+      registeredComp.value = registeredComp.value.filter(comp => comp.uid !== element.uid);
     });
     const handleValidation = () => {
       isFormValid.value = true;
@@ -29647,7 +29647,8 @@ const EFormvue_type_script_setup_true_lang_js_hoisted_1 = {
       /**
        * Variable Indica si el formulario es válido
        */
-      isFormValid
+      isFormValid,
+      registeredComp
     });
     return (_ctx, _cache) => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", EFormvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("form", {
@@ -30116,7 +30117,11 @@ const ECollapsevue_type_script_setup_true_lang_js_hoisted_9 = {
        * </template>
        * ```
        */
-      handleOpenCloseStatus
+      handleOpenCloseStatus,
+      /**
+       * Alterna el estado de apertura del collapse
+       */
+      toggleCollapse
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
@@ -30483,9 +30488,21 @@ const EPaginationTablevue_type_script_setup_true_lang_js_hoisted_4 = {
        */
       setPage,
       /**
-       * Navega a la primera página y emite el evento update:modelValue con la página 1
+       * Navega a la primera página y emite el evento update:modelValue
+       */
+      handleFirstPage,
+      /**
+       * Navega a la última página y emite el evento update:modelValue
+       */
+      handleLast,
+      /**
+       * Navega a la página anterior y emite el evento update:modelValue
        */
-      handleFirstPage
+      handlePrev,
+      /**
+       * Navega a la página siguiente y emite el evento update:modelValue
+       */
+      handleNext
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
@@ -39630,7 +39647,11 @@ const EDropdownvue_type_script_setup_true_lang_js_hoisted_2 = ["onClick"];
       /**
        * Alterna el estado del dropdown entre abierto y cerrado
        */
-      toggleDropdown
+      toggleDropdown,
+      /**
+       * Selecciona y emite la opción elegida (option: { label: string, value: any }) del menú desplegable
+       */
+      selectOption
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
@@ -48115,7 +48136,15 @@ const _hoisted_17 = {
       /**
        * Limpia la fecha seleccionada y emite el evento clean
        */
-      clearDate
+      clearDate,
+      /**
+       * Selecciona la fecha actual (date: string en formato dd-MM-yyyy), actualiza el calendario y emite el valor
+       */
+      onTodaySelection,
+      /**
+       * Establece la fecha seleccionada (day: number | null) en el calendario y actualiza el valor del v-model
+       */
+      setDay
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onBeforeUnmount)(() => {
       window.removeEventListener('resize', handleResize);
@@ -51808,7 +51837,27 @@ const _hoisted_19 = {
       /**
        * Limpia el índice de la fila seleccionada
        */
-      cleanIndexRowSelected
+      cleanIndexRowSelected,
+      /**
+       * Establece el índice de la fila seleccionada (index: number) y actualiza el estado de selección de la tabla
+       */
+      setIndexRowSelected,
+      /**
+       * Realiza una solicitud de actualización de datos (params: { page: number, itemsPerPage: number }) y retorna los nuevos datos paginados
+       */
+      handleRequest,
+      /**
+       * Selecciona o deselecciona todas las filas de la tabla
+       */
+      handleSelectUnselectRows,
+      /**
+       * Selecciona todas las filas de la tabla y emite un arreglo con los items seleccionados
+       */
+      handleSelectAll,
+      /**
+       * Deselecciona todas las filas de la tabla y emite un arreglo vacío de selección
+       */
+      handleUnselectAll
     });
 
     // Watchers
@@ -52086,7 +52135,7 @@ const ETabvue_type_script_setup_true_lang_js_hoisted_5 = {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-tab__title", _ctx.$slots.title ? 'exos-bg-red' : ''])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "title")], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", ETabvue_type_script_setup_true_lang_js_hoisted_3, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)(__props.options, (option, index) => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
-          class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-tab__option", `${option[__props.optionValue] == optionSelected.value ? 'e-tab__option-selected' : ''} ${__props.onlyRead ? '' : 'e-tab__only-read'}`]),
+          class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)(["e-tab__option", `${option[__props.optionValue] == optionSelected.value ? 'e-tab__option-selected' : ''} ${__props.onlyRead ? 'e-tab__only-read' : ''}`]),
           key: 'tabOpt' + index,
           "data-test": "tab-cy",
           onClick: $event => !__props.onlyRead ? handleSelected(option) : false
@@ -53340,6 +53389,9 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
         clean();
       }
     };
+    const showPicker = () => {
+      eFilePicker.value.showPicker();
+    };
 
     // Resetear mensaje de error y estilos de la regla, llamar a resetear mensaje y estilos de restricción
     const reset = () => {
@@ -53528,7 +53580,11 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
       /**
        * Muestra el visor de archivos
        */
-      showViewer
+      showViewer,
+      /**
+       * Muestra el selector de archivos
+       */
+      showPicker
     });
     return (_ctx, _cache) => {
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("e-icon");
@@ -53540,7 +53596,8 @@ const EFilePickervue_type_script_setup_true_lang_js_hoisted_11 = {
         onDragover: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onDragOver, ["prevent"]),
         onDragleave: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withModifiers)(onDragLeave, ["prevent"])
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("input", {
-        ref: 'e-filePicker-' + _ctx.$.uid,
+        ref_key: "eFilePicker",
+        ref: eFilePicker,
         "data-test": "file-picker-cy",
         type: "file",
         placeholder: " ",
@@ -54251,6 +54308,8 @@ const EDataDetail_exports_ = EDataDetailvue_type_script_setup_true_lang_js;
       if (parentEl.value) {
         parentEl.value.addEventListener('mouseover', showTooltip);
         parentEl.value.addEventListener('mouseout', hideTooltip);
+        // Escuchamos los eventos del loading
+        document.addEventListener('loading-overlay-shown', hideTooltip);
         showToRight.value = calculateAvailableSpaceX();
         showToBottom.value = calculateAvailableSpaceY();
       }
@@ -54260,6 +54319,9 @@ const EDataDetail_exports_ = EDataDetailvue_type_script_setup_true_lang_js;
         parentEl.value.removeEventListener('mouseover', showTooltip);
         parentEl.value.removeEventListener('mouseout', hideTooltip);
       }
+
+      // Removemos los listeners de eventos personalizados
+      document.removeEventListener('loading-overlay-shown', hideTooltip);
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(isVisible, newVal => {
       if (parentEl.value) {
@@ -55199,6 +55261,9 @@ function loading_show(config) {
   const newDiv = document.createElement('div');
   newDiv.innerHTML = html;
   document.body.appendChild(newDiv);
+
+  // Emitimos un evento personalizado cuando se muestra el loading
+  document.dispatchEvent(new CustomEvent('loading-overlay-shown'));
 }
 function loading_hide() {
   let loadingApp = document.getElementById('loadingApp');