@alexochihua/exos-library-components 2.22.0 → 2.23.1

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

@@ -960,13 +960,6 @@ module.exports = {}
 
 /***/ }),
 
-/***/ 775:
-/***/ (function(module) {
-
-module.exports = {}
-
-/***/ }),
-
 /***/ 7359:
 /***/ (function(module) {
 
@@ -5646,24 +5639,42 @@ const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
   },
   emits: [
   /**
-   * Evento disparado cuando se da click sobre el icono.
+   * Se emite cuando se hace clic sobre el componente `e-icon`.
+   *
+   * Este evento es útil cuando se quiere ejecutar una acción al hacer clic sobre el ícono,
+   * como cambiar de estado, abrir un modal, activar una función, etc.
+   *
+   * Este evento no emite ningún payload, simplemente notifica que se hizo clic.
+   *
+   * ### Ejemplo de uso
+   *
+   * ##### Sección "template"
+   * <e-icon name="sym-thumb_up" @click="onClickIcono" />
+   *
+   * ##### Sección "script"
+   * ```ts
+   * methods: {
+   *   onClickIcono() {
+   *     console.log('Se hizo clic en el ícono');
+   *   }
+   * }
+   * ```
+   *
+   * @event click
    */
   'click'],
   setup(__props, {
+    expose: __expose,
     emit: __emit
   }) {
-    const _vm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.getCurrentInstance)();
     const props = __props;
-    const $emit = __emit;
-    const symbolConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
-      return `'FILL' ${props.fill ? 1 : 0}, 'wght' 400, 'GRAD' 0, 'opsz' 24`;
-    });
+    const _vm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.getCurrentInstance)();
     const sizeInnerComputed = use_size(props);
     const sizeValueComputed = sizeValue(props);
     const divExa = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
-    const setRef = (key, el) => {
-      divExa.value = el;
-    };
+    const symbolConfig = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
+      return `'FILL' ${props.fill ? 1 : 0}, 'wght' 400, 'GRAD' 0, 'opsz' 24`;
+    });
     const colorGradRight = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let color = null;
       if (props.gradientColorRight && divExa.value) {
@@ -5707,14 +5718,49 @@ const EIconvue_type_script_setup_true_lang_js_hoisted_4 = ["stop-color"];
     const iconClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       return isLocalIcon.value ? `icon-${props.name?.split(':')[1]} ` : `${isMaterialSymbols.value ? `material-symbols-outlined` : `material-icons-outlined`} `;
     });
-    function handleClick() {
+    const setRef = (key, el) => {
+      divExa.value = el;
+    };
+    const handleClick = () => {
+      $emit('click');
+    };
+    const $emit = __emit;
+    __expose({
       /**
-       * Emitido cuando se da click sobre el icono.
+       * Ejecuta el comportamiento de clic sobre el componente `e-icon`.
+       *
+       * Este método se utiliza para disparar manualmente el evento `click` del icono,
+       * tal como si el usuario hubiera hecho clic directamente sobre él. Es útil
+       * cuando necesitas simular un clic desde otro componente o interacción externa.
+       *
+       * ### Consideraciones:
+       * - Este método emite el evento `click`, por lo que puedes escuchar este evento
+       *   en la instancia del componente.
+       * - Se respeta la condición de accesibilidad, permitiendo la simulación
+       *   de interacción sin intervención directa del usuario.
+       *
+       * ### Escenario de uso:
+       * Puedes invocar este método desde una referencia al componente `e-icon`:
        *
-       * @event success
+       * ##### Sección "template"
+       * <e-icon ref="iconoFavorito" name="favorite" color="text-red-500" />
+       *
+       * <e-btn text="Simular clic" @click="simularClicEnIcono" />
+       *
+       * ##### Sección "script"
+       * ```ts
+       * methods: {
+       *   simularClicEnIcono() {
+       *     this.$refs.iconoFavorito.handleClick();
+       *   }
+       * }
+       * ```
+       *
+       * @public
+       * @method
        */
-      $emit('click');
-    }
+      handleClick
+    });
     return (_ctx, _cache) => {
       const _directive_saveHTML = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDirective)("saveHTML");
       return !props.isSVG ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
@@ -6544,174 +6590,6 @@ function EDialogvue_type_template_id_6e83bf44_render(_ctx, _cache, $props, $setu
 const EDialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDialogvue_type_script_lang_js, [['render',EDialogvue_type_template_id_6e83bf44_render]])
 
 /* harmony default export */ var EDialog = (EDialog_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/fileList/EFileList.vue?vue&type=template&id=d53b5f46
-
-const EFileListvue_type_template_id_d53b5f46_hoisted_1 = {
-  class: "exos-flex exos-flex-col exos-justify-center exos-w-full exos-h-full exos-my-2 sm:exos-mx-6 lg:exos-mx-8"
-};
-const EFileListvue_type_template_id_d53b5f46_hoisted_2 = {
-  class: "exos-py-2 exos-align-middle exos-inline-block exos-min-w-full sm:exos-px-6 lg:exos-px-8"
-};
-const EFileListvue_type_template_id_d53b5f46_hoisted_3 = {
-  class: "exos-min-w-full exos-shadow-md"
-};
-const EFileListvue_type_template_id_d53b5f46_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("thead", null, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tr", null, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("th", {
-  scope: "col",
-  class: "exos-px-6 exos-py-3 exos-text-base exos-font-semibold"
-}, " Nombre del archivo "), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("th", {
-  scope: "col",
-  class: "exos-px-6 exos-py-3 exos-text-base exos-font-semibold"
-}, " Eliminar ")])], -1);
-const EFileListvue_type_template_id_d53b5f46_hoisted_5 = {
-  class: "exos-px-6 exos-py-4 exos-whitespace-nowrap exos-text-center"
-};
-const EFileListvue_type_template_id_d53b5f46_hoisted_6 = ["onClick"];
-const EFileListvue_type_template_id_d53b5f46_hoisted_7 = {
-  class: "exos-px-6 exos-py-4 exos-whitespace-nowrap exos-text-center"
-};
-const EFileListvue_type_template_id_d53b5f46_hoisted_8 = ["onClick"];
-const EFileListvue_type_template_id_d53b5f46_hoisted_9 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("svg", {
-  class: "exos-fill-secondary",
-  xmlns: "http://www.w3.org/2000/svg",
-  height: "24",
-  viewBox: "0 -960 960 960",
-  width: "24"
-}, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
-  d: "M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"
-}), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
-  xmlns: "http://www.w3.org/2000/svg",
-  d: "M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"
-})], -1);
-function EFileListvue_type_template_id_d53b5f46_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFileListvue_type_template_id_d53b5f46_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EFileListvue_type_template_id_d53b5f46_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("table", EFileListvue_type_template_id_d53b5f46_hoisted_3, [EFileListvue_type_template_id_d53b5f46_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tbody", null, [((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.documentList, (document, index) => {
-    return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", {
-      key: index,
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.listOptionsClass)
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("td", EFileListvue_type_template_id_d53b5f46_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.listTextColorClass),
-      onClick: $event => $options.handleShowDocument(document.route)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(document.name), 11, EFileListvue_type_template_id_d53b5f46_hoisted_6)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("td", EFileListvue_type_template_id_d53b5f46_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
-      type: "button",
-      class: "exos-cursor-pointer exos-items-center exos-rounded-md exos-mx-2 exos-px-10 exos-py-1",
-      onClick: $event => $options.handleRemoveDocument(index)
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconFileList", {}, () => [EFileListvue_type_template_id_d53b5f46_hoisted_9])], 8, EFileListvue_type_template_id_d53b5f46_hoisted_8)])], 2);
-  }), 128))])])], 2)])]);
-}
-;// CONCATENATED MODULE: ./src/ui/components/fileList/EFileList.vue?vue&type=template&id=d53b5f46
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/fileList/EFileList.vue?vue&type=script&lang=js
-/* harmony default export */ var EFileListvue_type_script_lang_js = ({
-  name: 'EFileList',
-  props: {
-    /**
-     * Recibe la lista de documentos a mostrar.
-     */
-    documentList: {
-      type: Array,
-      default: null,
-      description: 'Recibe la lista de documentos a mostrar.'
-    },
-    /**
-     * Setea el color del bg, y se puede agregar para los modos light y dark y estados como hover.<br>
-     * Ej:<br>bgColor="bg-gray-500 dark:bg-whit hover:bg-green-300"
-     */
-    bgColor: {
-      type: String,
-      default: null,
-      description: 'Setea el color de fondo del componente.'
-    },
-    /**
-     * Setea el color del bg del listado de archivos, y se puede agregar para los modos light y dark y estados como hover.<br>
-     * Ej:<br>listbgColor="bg-gray-500 dark:bg-whit hover:bg-green-300"
-     */
-    listbgColor: {
-      type: String,
-      default: null,
-      description: 'Setea el color de fondo del componente.'
-    },
-    /**
-     * Setea el color del texto del listado de archivos, y se puede agregar para los modos light y dark y estados como hover.<br>
-     * Ej:<br>listTextColor="text-gray-500 dark:text-whitw hover:text-green-300"
-     */
-    listTextColor: {
-      type: String,
-      default: null,
-      description: 'Setea el color de fondo del componente.'
-    },
-    /**
-     * Setea el color del texto, y se puede agregar para los modos light y dark y estados como hover.<br>
-     * Ej:<br>color="text-gray-500 dark:text-whit hover:text-green-300"
-     */
-    color: {
-      type: String,
-      default: null,
-      description: 'Setea el color del texto del componente.'
-    }
-  },
-  computed: {
-    mainClass() {
-      return ['exos-shadow exos-overflow-hidden exos-rounded-md', this.bgColor + ' e-fileList-bgColor', this.color + ' e-fileList-textColor'];
-    },
-    listOptionsClass() {
-      return [this.listbgColor + ' e-fileList-listBgColor'];
-    },
-    listTextColorClass() {
-      return [this.listTextColor + ' e-fileList-listTextColor'];
-    }
-  },
-  methods: {
-    /**
-     * Se llama cuando el usuario selecciona la opción de visualizar el documento
-     *
-     * @param {String} route Ruta del archivo
-     * @public Éste es un evento público
-     */
-    handleShowDocument(route) {
-      /** Emite la ruta del archivo seleccionado para su visualización
-       * @type {Event}
-       * @event show-document
-       * @param {String} route Ruta del archivo
-       */
-      this.$emit('show-document', route);
-    },
-    /**
-     * Se llama cuando el usuario selecciona la opción de eliminar el documento
-     *
-     * @param {Number} index Índice del documento del array de donde vino
-     * @public Éste es un evento público
-     */
-    handleRemoveDocument(index) {
-      /** Emite el índice del documento seleccionado para su eliminación
-       * @type {Event}
-       * @event remove-document
-       * @param {Number} index Índice del documento
-       */
-      this.$emit('remove-document', index);
-    }
-  }
-});
-;// CONCATENATED MODULE: ./src/ui/components/fileList/EFileList.vue?vue&type=script&lang=js
- 
-// EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/fileList/EFileList.vue?vue&type=custom&index=0&blockType=docs&lang=md
-var EFileListvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(775);
-var EFileListvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*/__webpack_require__.n(EFileListvue_type_custom_index_0_blockType_docs_lang_md);
-;// CONCATENATED MODULE: ./src/ui/components/fileList/EFileList.vue?vue&type=custom&index=0&blockType=docs&lang=md
- 
-;// CONCATENATED MODULE: ./src/ui/components/fileList/EFileList.vue
-
-
-
-/* custom blocks */
-;
-if (typeof (EFileListvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EFileListvue_type_custom_index_0_blockType_docs_lang_md_default()(EFileListvue_type_script_lang_js)
-
-
-;
-const EFileList_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFileListvue_type_script_lang_js, [['render',EFileListvue_type_template_id_d53b5f46_render]])
-
-/* harmony default export */ var EFileList = (EFileList_exports_);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.delete.js
 var web_url_search_params_delete = __webpack_require__(4603);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.url-search-params.has.js
@@ -6828,13 +6706,37 @@ const EFileViewervue_type_script_setup_true_lang_js_hoisted_11 = ["src", "id"];
       default: false
     }
   },
-  emits: 'close',
+  emits: [
+  /**
+   * Se emite cuando el visor de archivos es cerrado manualmente o mediante una llamada programática
+   * al método `handleClose`. Puedes usar este evento para realizar tareas como limpiar el estado,
+   * ocultar componentes o notificar al usuario.
+   *
+   * Este evento no emite payload, solo indica que se ha cerrado el visor.
+   *
+   * ### Ejemplo de uso
+   * ##### Sección "template"
+   * <e-file-viewer :data="archivo" fileName="documento" extention="pdf" @close="onCerrarVisor" />
+   *
+   * ##### Sección "script"
+   * ```ts
+   * methods: {
+   *   onCerrarVisor() {
+   *     console.log('El visor ha sido cerrado');
+   *   }
+   * }
+   * ```
+   *
+   * @event close
+   * @name close
+   */
+  'close'],
   setup(__props, {
+    expose: __expose,
     emit: __emit
   }) {
     const props = __props;
     const _vm = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.getCurrentInstance)();
-    const emit = __emit;
     const handleBodyColor = () => {
       const iframe = document.getElementById('iframe-' + _vm.uid);
       const docIframe = iframe.contentDocument || iframe.contentWindow.document;
@@ -6877,18 +6779,91 @@ const EFileViewervue_type_script_setup_true_lang_js_hoisted_11 = ["src", "id"];
       let url = mixins_default().methods.urlFileFromB64(props.data, nameFile.value);
       return url;
     });
-    function handleDownload() {
+    const handleDownload = () => {
       mixins_default().methods.downloadFileFromLink(src.value, nameFile.value);
-    }
-    function handleClose() {
+    };
+    const handleClose = () => {
+      emit('close');
+    };
+    const emit = __emit;
+    __expose({
       /**
-       * Se emite al dar click en el boton de cerrar
+       * Cierra visualmente el visor de archivos del componente `e-file-viewer`.
        *
-       * @event close
-       * @type {Event}
+       * Este método se utiliza para cerrar el diálogo de vista previa del archivo que ha sido cargado.
+       * Es útil cuando se requiere cerrar programáticamente el visor, por ejemplo, tras una acción externa
+       * como un botón personalizado o un flujo automático.
+       *
+       * ### Consideraciones:
+       * - Este método emite el evento `close`, por lo que puedes escuchar dicho evento para realizar
+       *   acciones adicionales al momento de cerrar el visor (ej. limpiar datos, notificar al usuario, etc.).
+       *
+       * ### Escenario de uso:
+       * Se puede invocar desde una instancia Vue que tenga una referencia al componente `e-file-viewer`, como:
+       *
+       * ##### Sección "template"
+       * <e-btn text="Cerrar visor" @click="cerrarVisor" />
+       *
+       * <e-file-viewer
+       *   ref="fileViewer"
+       *   :data="archivoEnB64"
+       *   fileName="documento"
+       *   extention="pdf"
+       * />
+       *
+       * ##### Sección "script"
+       *
+       * ```ts
+       * methods: {
+       *   cerrarVisor() {
+       *     this.$refs.fileViewer.handleClose();
+       *   }
+       * }
+       * ```
+       *
+       * @public
+       * @method
        */
-      emit('close');
-    }
+      handleClose,
+      /**
+       * Descarga el archivo que se está visualizando en el componente `e-file-viewer`.
+       *
+       * Este método genera una descarga del archivo actual, sin importar si fue cargado como link, archivo
+       * o base64. Es útil cuando se quiere permitir que el usuario descargue el archivo desde un botón externo
+       * o como parte de otro flujo programático.
+       *
+       * ### Consideraciones:
+       * - El nombre del archivo descargado se establece mediante la prop `fileName`.
+       * - Se utiliza internamente la utilidad `downloadFileFromLink` para generar la descarga.
+       *
+       * ### Escenario de uso:
+       * Se puede invocar desde una instancia Vue que tenga una referencia al componente `e-file-viewer`, como:
+       *
+       * ##### Sección "template"
+       * <e-btn text="Descargar archivo" @click="descargarArchivo" />
+       *
+       * <e-file-viewer
+       *   ref="fileViewer"
+       *   :data="archivoEnB64"
+       *   fileName="documento"
+       *   extention="pdf"
+       * />
+       *
+       * ##### Sección "script"
+       *
+       * ```ts
+       * methods: {
+       *   descargarArchivo() {
+       *     this.$refs.fileViewer.handleDownload();
+       *   }
+       * }
+       * ```
+       *
+       * @public
+       * @method
+       */
+      handleDownload
+    });
     return (_ctx, _cache) => {
       const _component_e_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-btn");
       const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
@@ -7062,196 +7037,55 @@ if (typeof (EFormvue_type_custom_index_0_blockType_docs_lang_md_default()) === '
 const EForm_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFormvue_type_script_lang_js, [['render',EFormvue_type_template_id_7d2ea516_render]])
 
 /* harmony default export */ var EForm = (EForm_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/modal/EModal.vue?vue&type=template&id=db6e77aa
-
-const EModalvue_type_template_id_db6e77aa_hoisted_1 = {
-  key: 1,
-  class: "exos-fixed exos-inset-0 exos-flex exos-items-center exos-justify-center exos-z-50"
-};
-const EModalvue_type_template_id_db6e77aa_hoisted_2 = {
-  class: "exos-bg-white exos-rounded-lg exos-p-8 exos-relative exos-pointer-events-auto"
-};
-const EModalvue_type_template_id_db6e77aa_hoisted_3 = {
-  class: "exos-text-lg exos-font-bold exos-mb-4"
-};
-const EModalvue_type_template_id_db6e77aa_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  "stroke-width": "1.5",
-  stroke: "rgb(156 163 175)",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-}, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
-  stroke: "rgb(59, 130, 246)",
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  d: "M6 18L18 6M6 6l12 12"
-})], -1);
-const EModalvue_type_template_id_db6e77aa_hoisted_5 = [EModalvue_type_template_id_db6e77aa_hoisted_4];
-const EModalvue_type_template_id_db6e77aa_hoisted_6 = {
-  key: 0
-};
-const EModalvue_type_template_id_db6e77aa_hoisted_7 = {
-  key: 1
-};
-const EModalvue_type_template_id_db6e77aa_hoisted_8 = ["src"];
-const EModalvue_type_template_id_db6e77aa_hoisted_9 = {
-  class: "exos-flex exos-justify-end"
-};
-function EModalvue_type_template_id_db6e77aa_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", null, [$props.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-    key: 0,
-    class: "exos-fixed exos-inset-0 exos-bg-black exos-opacity-50 exos-z-40",
-    onClick: _cache[0] || (_cache[0] = (...args) => $options.closeModal && $options.closeModal(...args))
-  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EModalvue_type_template_id_db6e77aa_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    class: "exos-fixed exos-inset-0",
-    onClick: _cache[1] || (_cache[1] = (...args) => $options.closeModal && $options.closeModal(...args))
-  }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EModalvue_type_template_id_db6e77aa_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("h2", EModalvue_type_template_id_db6e77aa_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    class: "exos-absolute exos-top-0 exos-right-0 exos-mt-2 exos-mr-2 exos-inline-block exos-rounded-full exos-cursor-pointer exos-shadow-md exos-p-1.5 exos-h-9 exos-w-9 exos-bg-zinc-100 dark:exos-bg-field",
-    onClick: _cache[2] || (_cache[2] = (...args) => $options.closeModal && $options.closeModal(...args))
-  }, EModalvue_type_template_id_db6e77aa_hoisted_5), $props.isData ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EModalvue_type_template_id_db6e77aa_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("pre", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(JSON.stringify($props.data, null, 2)), 1)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EModalvue_type_template_id_db6e77aa_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("iframe", {
-    src: $options.displayDocument,
-    ref: "pdfViewer"
-  }, null, 8, EModalvue_type_template_id_db6e77aa_hoisted_8)])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EModalvue_type_template_id_db6e77aa_hoisted_9, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
-    type: "button",
-    class: "exos-px-4 exos-py-2 exos-bg-secondary exos-text-content exos-rounded-lg exos-mr-4",
-    onClick: _cache[3] || (_cache[3] = (...args) => $options.closeModal && $options.closeModal(...args))
-  }, " Cerrar ")])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
-}
-;// CONCATENATED MODULE: ./src/ui/components/modal/EModal.vue?vue&type=template&id=db6e77aa
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/modal/EModal.vue?vue&type=script&lang=js
-/* harmony default export */ var EModalvue_type_script_lang_js = ({
-  data() {
-    return {
-      documentUrl: ''
-    };
-  },
-  props: {
-    /**
-     * Controla la visibilidad del modal.
-     */
-    show: {
-      type: Boolean,
-      required: false
-    },
-    /**
-     * Título del modal.
-     */
-    title: {
-      type: String,
-      required: true
-    },
-    /**
-     * Datos a mostrar en el modal si `isData` es `true`.
-     */
-    data: {
-      type: Object,
-      required: true
-    },
-    /**
-     * Indica si los datos deben mostrarse en formato JSON en lugar de un documento PDF (por defecto: `false`).
-     */
-    isData: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    /**
-     * Objeto de tipo Blob que representa un archivo PDF para mostrar en el modal.
-     */
-    file: {
-      type: Object,
-      required: false
-    }
-  },
-  computed: {
-    displayDocument() {
-      if (this.file instanceof Blob) {
-        const reader = new FileReader();
-        reader.onload = () => {
-          this.documentUrl = reader.result;
-        };
-        reader.readAsDataURL(this.file);
-        return this.documentUrl;
-      } else {
-        return null;
-      }
-    }
-  },
-  methods: {
-    closeModal() {
-      /**
-       * Cierra el modal y emite el evento `close`.
-       *
-       * @event close
-       * @type {Event}
-       */
-      this.$emit('close');
-    }
-  }
-});
-;// CONCATENATED MODULE: ./src/ui/components/modal/EModal.vue?vue&type=script&lang=js
- 
-;// CONCATENATED MODULE: ./src/ui/components/modal/EModal.vue
-
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=a00e8ef8
 
-
-
-;
-const EModal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EModalvue_type_script_lang_js, [['render',EModalvue_type_template_id_db6e77aa_render]])
-
-/* harmony default export */ var EModal = (EModal_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=4f50e7e7
-
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_1 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_1 = {
   class: "e-collapse__mainContainer"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_2 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_2 = {
   class: "e-collapse__leftSection__container"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_3 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_3 = {
   class: "e-collapse__iconLeft__container"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_4 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_4 = {
   class: "e-collapse__titleText__container"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_5 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_5 = {
   class: "e-collapse__rightSection__container"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_6 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_6 = {
   key: 0,
   class: "exos-w-fit"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_7 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_7 = {
   class: "e-collapse__arrowIcon__container"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_8 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_8 = {
   class: "e-collapse__dialog__container"
 };
-const ECollapsevue_type_template_id_4f50e7e7_hoisted_9 = {
+const ECollapsevue_type_template_id_a00e8ef8_hoisted_9 = {
   key: 0,
   class: "e-collapse__dialog__container__text"
 };
-function ECollapsevue_type_template_id_4f50e7e7_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ECollapsevue_type_template_id_a00e8ef8_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   const _component_e_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-btn");
   const _component_e_dialog = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-dialog");
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: 'e-collapse-' + _ctx.$.uid,
     "data-test": "collapse-cy",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass),
     onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleCollapse && $options.toggleCollapse(...args))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconLeft")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.titleText)
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 3), _ctx.$slots.description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {
     key: 0
-  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_5, [_ctx.$slots.rightSection ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightSection")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.expandIcon.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_5, [_ctx.$slots.rightSection ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "rightSection")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.expandIcon.show ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     key: 1
   }, $options.expandIcon, {
     onClick: $options.expandContent
-  }), null, 16, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "arrow", {
+  }), null, 16, ["onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "arrow", {
     isCollapseOpen: $data.isCollapseOpen
   }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)($options.arrowIcon)), null, 16)])])])], 2), $options.keepCollapseOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
@@ -7260,7 +7094,7 @@ function ECollapsevue_type_template_id_4f50e7e7_render(_ctx, _cache, $props, $se
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "filter-collapse")], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_dialog, {
     show: $data.showExpandDialog
   }, {
-    content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_8, [$props.text != null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_4f50e7e7_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_btn, {
+    content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_8, [$props.text != null ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECollapsevue_type_template_id_a00e8ef8_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.text), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_btn, {
       rounded: "",
       level: "3",
       iconName: "sym-close",
@@ -7273,7 +7107,7 @@ function ECollapsevue_type_template_id_4f50e7e7_render(_ctx, _cache, $props, $se
     _: 3
   }, 8, ["show"])]);
 }
-;// CONCATENATED MODULE: ./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=4f50e7e7
+;// CONCATENATED MODULE: ./src/ui/components/collapse/ECollapse.vue?vue&type=template&id=a00e8ef8
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/collapse/ECollapse.vue?vue&type=script&lang=js
 /* harmony default export */ var ECollapsevue_type_script_lang_js = ({
@@ -7597,25 +7431,168 @@ function ECollapsevue_type_template_id_4f50e7e7_render(_ctx, _cache, $props, $se
       }
     },
     /**
-     * Se llama para expandir/abrir el componente.
-     * @public Éste es un método público
+     * Expande visualmente el contenido del componente `e-collapse`.
+     *
+     * Este método se utiliza para abrir programáticamente el componente cuando está colapsado.
+     * Es útil en casos donde la expansión del contenido depende de una acción externa, como el clic de un botón o un evento de flujo personalizado.
+     *
+     * Si el componente tiene la prop `disabled` activa, este método no tiene efecto.
+     *
+     * ### Escenario de uso:
+     * Se puede invocar desde una instancia de Vue utilizando `ref`, por ejemplo:
+     *
+     * ```vue
+     * <e-btn text="Mostrar" @click="expandirContenido" />
+     * <e-collapse ref="miCollapse" text="Contenido" />
+     * ```
+     *
+     * ```ts
+     * methods: {
+     *   expandirContenido() {
+     *     this.$refs.miCollapse.show();
+     *   }
+     * }
+     * ```
+     *
+     * @public
      */
     show() {
+      if (this.disabled) return;
       this.isCollapseOpen = true;
     },
     /**
-     * Se llama para contraer/cerrar el componente.
-     * @public Éste es un método público
+     * Contrae visualmente el contenido del componente `e-collapse`.
+     *
+     * Este método se utiliza para cerrar programáticamente el componente cuando está expandido.
+     * Es útil para ocultar contenido dinámicamente en respuesta a una acción del usuario o evento externo.
+     *
+     * Si el componente tiene la prop `disabled` activa, este método no realiza ninguna acción.
+     *
+     * ### Escenario de uso:
+     * Se puede invocar desde una instancia de Vue utilizando `ref`, por ejemplo:
+     *
+     * ```vue
+     * <e-btn text="Ocultar" @click="contraerContenido" />
+     * <e-collapse ref="miCollapse" text="Contenido" />
+     * ```
+     *
+     * ```ts
+     * methods: {
+     *   contraerContenido() {
+     *     this.$refs.miCollapse.hide();
+     *   }
+     * }
+     * ```
+     *
+     * @public
      */
     hide() {
+      if (this.disabled) return;
       this.isCollapseOpen = false;
     },
+    /**
+     * Abre el contenido del componente `e-collapse` dentro de un `e-dialog` (modal).
+     *
+     * Este método es útil cuando se desea mostrar el contenido del `e-collapse` en un formato ampliado,
+     * ideal para interfaces con espacio limitado, contenido extenso o necesidades de accesibilidad.
+     *
+     * Al invocarse, muestra el componente `<e-dialog>` con el contenido definido en el slot `contentExpand`
+     * (si se proporciona), o en su defecto, reutiliza el contenido del slot `filter-collapse`.
+     *
+     * Además, emite el evento `expanded` para que otros componentes puedan reaccionar cuando el contenido ha sido desplegado en modo diálogo.
+     *
+     * ### Requisitos:
+     * - La prop `showExpand` debe estar activa (`true`) para que se muestre el ícono de expansión en el componente.
+     * - Si `disabled` es `true`, este método no realiza ninguna acción.
+     *
+     * ---
+     *
+     * ### Escenario de uso
+     * Se puede invocar directamente desde una instancia de Vue usando `ref`:
+     *
+     * ```vue
+     * <e-btn text="Ver en grande" @click="expandirCollapse" />
+     * <e-collapse ref="miCollapse" :showExpand="true">
+     *   <template #filter-collapse>
+     *     <div>Contenido colapsable</div>
+     *   </template>
+     * </e-collapse>
+     * ```
+     *
+     * ```ts
+     * methods: {
+     *   expandirCollapse() {
+     *     this.$refs.miCollapse.expandContent();
+     *   }
+     * }
+     * ```
+     *
+     * ---
+     *
+     * @public
+     */
     expandContent() {
+      if (this.disabled) return;
       this.showExpandDialog = true;
+      /**
+       * Se emite cuando el contenido del componente `e-collapse` es desplegado dentro de un `e-dialog` mediante el método `expandContent()`.
+       *
+       * Este evento permite a componentes padres o externos reaccionar al hecho de que el `e-collapse`
+       * ha pasado a modo de visualización ampliada. Es útil para ejecutar lógica adicional,
+       * como cargar datos adicionales, enfocar elementos dentro del diálogo, o registrar la interacción del usuario.
+       *
+       * ### Ejemplo de escucha:
+       * ```vue
+       * <e-collapse @expanded="onExpanded" showExpand />
+       * ```
+       *
+       * ```ts
+       * methods: {
+       *   onExpanded() {
+       *     console.log('El contenido del collapse fue expandido en un diálogo.');
+       *   }
+       * }
+       * ```
+       *
+       * @event expanded
+       * @type {Event}
+       */
       this.$emit('expanded');
     },
+    /**
+     * Oculta el contenido del componente `e-collapse` que fue previamente desplegado dentro de un `e-dialog`.
+     *
+     * Este método se utiliza para cerrar programáticamente el `e-dialog` que muestra el contenido del `e-collapse`
+     * en modo expandido. Es útil para restaurar el estado original del componente cuando el usuario decide cerrar
+     * la vista ampliada o cuando se necesita controlar esa acción desde otro componente o evento externo.
+     *
+     * Si el componente está deshabilitado (`disabled`), este método no realiza ninguna acción.
+     *
+     * También se puede escuchar el evento `contracted` para ejecutar lógica cuando el contenido es cerrado
+     *
+     * ---
+     *
+     * ### Escenario de uso:
+     * Por ejemplo, se puede invocar desde un botón:
+     *
+     * ```vue
+     * <e-btn iconName="sym-close" @click="$refs.miCollapse.hiddenContent()" />
+     * ```
+     *
+     * @public
+     */
     hiddenContent() {
+      if (this.disabled) return;
       this.showExpandDialog = false;
+      /**
+       * Se emite cuando el contenido expandido del `e-collapse` es cerrado desde el `e-dialog`.
+       *
+       * Este evento permite a componentes externos detectar cuándo se ha ocultado el contenido ampliado
+       * y realizar tareas de limpieza, navegación, registro o actualización de estado.
+       *
+       * @event contracted
+       * @type {Event}
+       */
       this.$emit('contracted');
     },
     calculateAvailableSpaceY() {
@@ -7631,7 +7608,6 @@ function ECollapsevue_type_template_id_4f50e7e7_render(_ctx, _cache, $props, $se
   },
   watch: {
     isCollapseOpen(newVal) {
-      this.handleOpenCloseStatus();
       if (newVal) {
         this.calculateAvailableSpaceY();
       }
@@ -7655,27 +7631,27 @@ if (typeof (ECollapsevue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_4f50e7e7_render]])
+const ECollapse_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECollapsevue_type_script_lang_js, [['render',ECollapsevue_type_template_id_a00e8ef8_render]])
 
 /* harmony default export */ var ECollapse = (ECollapse_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/switch/ESwitch.vue?vue&type=template&id=65489378
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/switch/ESwitch.vue?vue&type=template&id=72489820
 
-const ESwitchvue_type_template_id_65489378_hoisted_1 = {
+const ESwitchvue_type_template_id_72489820_hoisted_1 = {
   class: "e-switch__labelValue__container"
 };
-const ESwitchvue_type_template_id_65489378_hoisted_2 = {
+const ESwitchvue_type_template_id_72489820_hoisted_2 = {
   class: "e-switch__label__container"
 };
-const ESwitchvue_type_template_id_65489378_hoisted_3 = ["disabled", "checked"];
-function ESwitchvue_type_template_id_65489378_render(_ctx, _cache, $props, $setup, $data, $options) {
+const ESwitchvue_type_template_id_72489820_hoisted_3 = ["disabled", "checked"];
+function ESwitchvue_type_template_id_72489820_render(_ctx, _cache, $props, $setup, $data, $options) {
   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)($options.mainClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESwitchvue_type_template_id_65489378_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESwitchvue_type_template_id_72489820_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 3), $props.showLabel ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClassActive)
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.modelValue ? $props.activeText : $props.inactiveText), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESwitchvue_type_template_id_65489378_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.modelValue ? $props.activeText : $props.inactiveText), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESwitchvue_type_template_id_72489820_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["exos-relative exos-inline-flex exos-items-center", $props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
     ref: 'input' + _ctx.$.uid,
@@ -7685,11 +7661,11 @@ function ESwitchvue_type_template_id_65489378_render(_ctx, _cache, $props, $setu
     class: "exos-sr-only exos-peer exos-w-[20rem] exos-h-[20rem]",
     checked: $props.modelValue,
     onChange: _cache[0] || (_cache[0] = e => $options.handleChange(e.target.checked))
-  }, null, 40, ESwitchvue_type_template_id_65489378_hoisted_3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, null, 40, ESwitchvue_type_template_id_72489820_hoisted_3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.checkClass)
   }, null, 2)], 2)])], 2);
 }
-;// CONCATENATED MODULE: ./src/ui/components/switch/ESwitch.vue?vue&type=template&id=65489378
+;// CONCATENATED MODULE: ./src/ui/components/switch/ESwitch.vue?vue&type=template&id=72489820
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/switch/ESwitch.vue?vue&type=script&lang=js
 
@@ -7890,12 +7866,73 @@ function ESwitchvue_type_template_id_65489378_render(_ctx, _cache, $props, $setu
     }
   },
   methods: {
+    /**
+     * Cambia el valor del interruptor y emite el evento `update:modelValue`.
+     *
+     * Este método se ejecuta internamente cuando el usuario hace clic en el switch,
+     * pero también puede ser invocado programáticamente desde una referencia externa.
+     *
+     * ### Consideraciones:
+     * - Si el componente está deshabilitado (`disabled = true`), el método no realiza ninguna acción.
+     * - Internamente sincroniza el estado visual del `<input type="checkbox">` con `modelValue`.
+     * - Emite el evento `update:modelValue`, utilizado por `v-model` en Vue 3.
+     *
+     * ### Escenario de uso:
+     *
+     * ##### Sección "template"
+     *
+     * <e-switch ref="miSwitch" :modelValue="estado" />
+     *
+     * <e-btn text="Activar manualmente" @click="activarSwitch" />
+     *
+     * ##### Sección "script"
+     *
+     * ```ts
+     * methods: {
+     *   activarSwitch() {
+     *     this.$refs.miSwitch.handleChange(true); // Fuerza el cambio a 'true'
+     *   }
+     * }
+     * ```
+     *
+     * @param {boolean} newValue - Nuevo valor booleano a establecer para el interruptor (`true` o `false`).
+     * @public
+     * @method
+     */
     handleChange(newValue) {
+      if (this.disabled) return;
       /**
-       * Se emite al actualizar el valor del componente.
+       * Se emite cuando el valor del componente `e-switch` cambia.
+       *
+       * Este evento es utilizado por `v-model` para mantener sincronizado el estado del interruptor con el componente padre.
+       * El valor emitido es un booleano (`true` o `false`) que representa si el switch está activado o no.
+       *
+       * ### Escenario de uso
+       *
+       * Al usar `v-model`, no es necesario escuchar este evento manualmente, ya que Vue lo maneja internamente:
+       *
+       * ##### Sección "template"
+       *
+       * <e-switch v-model="estadoNotificaciones" />
+       *
+       * Si deseas escucharlo directamente:
+       *
+       * ##### Sección "template"
+       *
+       * <e-switch @update:modelValue="cambiarEstado" />
+       *
+       * ##### Sección "script"
+       *
+       * ```ts
+       * methods: {
+       *   cambiarEstado(nuevoValor) {
+       *     console.log('Nuevo valor del switch:', nuevoValor);
+       *   }
+       * }
+       * ```
        *
        * @event update:modelValue
-       * @type {Event}
+       * @type {boolean}
        */
       this.$emit('update:modelValue', newValue);
       this.$refs['input' + this.$.uid].checked = this.modelValue;
@@ -7910,7 +7947,7 @@ function ESwitchvue_type_template_id_65489378_render(_ctx, _cache, $props, $setu
 
 
 ;
-const ESwitch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESwitchvue_type_script_lang_js, [['render',ESwitchvue_type_template_id_65489378_render]])
+const ESwitch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESwitchvue_type_script_lang_js, [['render',ESwitchvue_type_template_id_72489820_render]])
 
 /* harmony default export */ var ESwitch = (ESwitch_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/pagination/EPaginationTable.vue?vue&type=template&id=2d915c4d
@@ -17726,50 +17763,50 @@ if (typeof (EBtnvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'f
 const EBtn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EBtnvue_type_script_lang_js, [['render',EBtnvue_type_template_id_5ce45fbc_render]])
 
 /* harmony default export */ var EBtn = (EBtn_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=19293506
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=083b591e
 
-const ECalendarvue_type_template_id_19293506_hoisted_1 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_1 = {
   class: "e-calendar__calendar__container"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_2 = ["disabled", "value", "id"];
-const ECalendarvue_type_template_id_19293506_hoisted_3 = ["for"];
-const ECalendarvue_type_template_id_19293506_hoisted_4 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_2 = ["disabled", "value", "id"];
+const ECalendarvue_type_template_id_083b591e_hoisted_3 = ["for"];
+const ECalendarvue_type_template_id_083b591e_hoisted_4 = {
   key: 0,
   class: "e-calendar--error-message"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_5 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_5 = {
   class: "exos-shadow-lg exos-rounded-b-md",
   style: {
     "max-width": "20rem"
   }
 };
-const ECalendarvue_type_template_id_19293506_hoisted_6 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_6 = {
   class: "text-body-4"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_7 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_7 = {
   class: "text-body-4"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_8 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_8 = {
   class: "e-calendar__popUp__navigationTime__container"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_9 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_9 = {
   class: "e-calendar__popUp__bodyYearMonths__container"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_10 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_10 = {
   key: 0,
   class: "exos-grid exos-grid-cols-3 exos-gap-2"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_11 = ["data-test", "onClick"];
-const ECalendarvue_type_template_id_19293506_hoisted_12 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_11 = ["data-test", "onClick"];
+const ECalendarvue_type_template_id_083b591e_hoisted_12 = {
   key: 1,
   class: "exos-grid exos-grid-cols-5 exos-gap-2"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_13 = ["data-test", "onClick"];
-const ECalendarvue_type_template_id_19293506_hoisted_14 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_13 = ["data-test", "onClick"];
+const ECalendarvue_type_template_id_083b591e_hoisted_14 = {
   key: 0,
   class: "e-calendar__popUp__bodyDaysName__container"
 };
-const ECalendarvue_type_template_id_19293506_hoisted_15 = {
+const ECalendarvue_type_template_id_083b591e_hoisted_15 = {
   key: 1,
   class: "e-calendar__popUp__bodyDays__container"
 };
@@ -17777,12 +17814,12 @@ const _hoisted_16 = ["data-test", "onClick"];
 const _hoisted_17 = {
   class: "e-calendar__popUp__footer__container"
 };
-function ECalendarvue_type_template_id_19293506_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ECalendarvue_type_template_id_083b591e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     ref: 'e-calendar__main__container-' + _ctx.$.uid,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainContainer)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_19293506_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_083b591e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-calendar__icon__container exos-left-3", $props.disabled ? 'exos-cursor-no-drop' : 'exos-cursor-pointer']),
     "data-test": "calendar-icon",
     onClick: _cache[0] || (_cache[0] = $event => $props.disabled ? null : $setup.showDatePicker = true)
@@ -17805,7 +17842,7 @@ function ECalendarvue_type_template_id_19293506_render(_ctx, _cache, $props, $se
     }),
     onFocus: _cache[3] || (_cache[3] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onBlur: _cache[4] || (_cache[4] = (...args) => $options.onInputBlur && $options.onInputBlur(...args))
-  }, null, 42, ECalendarvue_type_template_id_19293506_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, null, 42, ECalendarvue_type_template_id_083b591e_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     for: 'calendar-' + $props.label,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.classBoxLabel)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
@@ -17813,17 +17850,17 @@ function ECalendarvue_type_template_id_19293506_render(_ctx, _cache, $props, $se
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_template_id_19293506_hoisted_3)]), $data.isInValid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_19293506_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $setup.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_template_id_083b591e_hoisted_3)]), $data.isInValid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_083b591e_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $setup.showDatePicker ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 1,
     ref: "popUpCalendar",
     "data-test": "pop-up-calendar",
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($options.displayPopUpCalendar),
     class: "e-calendar__popUp__container"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_19293506_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_083b591e_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.popUpBodyClass, "exos-rounded-md"])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.popUpHeaderClass, "exos-rounded-t-md"])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_19293506_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitleYear), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_19293506_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitle), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_19293506_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_083b591e_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitleYear), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_083b591e_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.dateTodayOnFormatTitle), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_083b591e_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
     "data-test": "previous-month",
     type: "button",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowClasses),
@@ -17851,26 +17888,26 @@ function ECalendarvue_type_template_id_19293506_render(_ctx, _cache, $props, $se
     type: "button",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.arrowClasses),
     onClick: _cache[10] || (_cache[10] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.changeYear(1), ["prevent"]))
-  }, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_19293506_hoisted_9, [$data.showMonthSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_19293506_hoisted_10, [((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)($options.months, (month, index) => {
+  }, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_template_id_083b591e_hoisted_9, [$data.showMonthSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_083b591e_hoisted_10, [((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)($options.months, (month, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       "data-test": 'month-' + month,
       onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.selectMonth(month), ["prevent"]),
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.timeBankSelectClasses)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(month), 11, ECalendarvue_type_template_id_19293506_hoisted_11);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_19293506_hoisted_12, [((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)($options.years, (year, index) => {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(month), 11, ECalendarvue_type_template_id_083b591e_hoisted_11);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.yearSelector ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_083b591e_hoisted_12, [((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)($options.years, (year, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       "data-test": 'year-' + year,
       onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.selectYear(year), ["prevent"]),
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.timeBankSelectClasses)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(year), 11, ECalendarvue_type_template_id_19293506_hoisted_13);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_19293506_hoisted_14, [((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)($options.weekdays, (titleDay, i) => {
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(year), 11, ECalendarvue_type_template_id_083b591e_hoisted_13);
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_083b591e_hoisted_14, [((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)($options.weekdays, (titleDay, i) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       class: "e-calendar__popUp__bodyDaysName__title",
       key: i
     }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(titleDay), 1);
-  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_19293506_hoisted_15, [((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)($options.filteredDaysWithOffset, (day, index) => {
+  }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showMonthSelector == false && $data.yearSelector == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_template_id_083b591e_hoisted_15, [((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)($options.filteredDaysWithOffset, (day, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       "data-test": `${day}-${$options.currentMonth}-${$options.currentYear}`,
@@ -17886,7 +17923,7 @@ function ECalendarvue_type_template_id_19293506_render(_ctx, _cache, $props, $se
     onClick: _cache[12] || (_cache[12] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => $options.clearDate(), ["prevent"]))
   }, " Limpiar ", 2)])], 2)])], 4)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=19293506
+;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=template&id=083b591e
 
 ;// CONCATENATED MODULE: ./node_modules/luxon/src/errors.js
 // these aren't really private, but nor are they really useful to document
@@ -26020,6 +26057,7 @@ const VERSION = "3.4.4";
       if (formattedDate.isValid) {
         this.currentDate = formattedDate;
       }
+      if (this.rules.length >= 1) this.validate();
     }
   },
   beforeUnmount() {
@@ -26450,6 +26488,9 @@ const VERSION = "3.4.4";
         // Ajustar el formato de la fecha de entrada
         this.currentDate = DateTime.fromFormat(newVal, this.formatDate);
       }
+    },
+    modelValue() {
+      if (this.rules.length >= 1) this.validate();
     }
   }
 });
@@ -26470,28 +26511,28 @@ if (typeof (ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()) =
 
 
 ;
-const ECalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECalendarvue_type_script_lang_js, [['render',ECalendarvue_type_template_id_19293506_render]])
+const ECalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ECalendarvue_type_script_lang_js, [['render',ECalendarvue_type_template_id_083b591e_render]])
 
 /* harmony default export */ var ECalendar = (ECalendar_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=template&id=1eacd49a
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=template&id=14ec48df
 
-const EInputvue_type_template_id_1eacd49a_hoisted_1 = {
+const EInputvue_type_template_id_14ec48df_hoisted_1 = {
   class: "e-input__input__container"
 };
-const EInputvue_type_template_id_1eacd49a_hoisted_2 = ["for"];
-const EInputvue_type_template_id_1eacd49a_hoisted_3 = {
+const EInputvue_type_template_id_14ec48df_hoisted_2 = ["for"];
+const EInputvue_type_template_id_14ec48df_hoisted_3 = {
   key: 0,
   class: "e-input__messageContainer--error"
 };
-const EInputvue_type_template_id_1eacd49a_hoisted_4 = {
+const EInputvue_type_template_id_14ec48df_hoisted_4 = {
   key: 1,
   class: "e-input__messageContainer--error"
 };
-function EInputvue_type_template_id_1eacd49a_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EInputvue_type_template_id_14ec48df_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   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)($options.mainContainer)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EInputvue_type_template_id_1eacd49a_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.textarea ? 'textarea' : 'input'), {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EInputvue_type_template_id_14ec48df_hoisted_1, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.textarea ? 'textarea' : 'input'), {
     "data-test": "input-cy",
     placeholder: " ",
     type: $data.inputType,
@@ -26514,7 +26555,7 @@ function EInputvue_type_template_id_1eacd49a_render(_ctx, _cache, $props, $setup
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.inputLabel), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, EInputvue_type_template_id_1eacd49a_hoisted_2), !!$props.modelValue && !$props.disabled && $props.showClean ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, EInputvue_type_template_id_14ec48df_hoisted_2), !!$props.modelValue && !$props.disabled && $props.showClean ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     onClick: _cache[1] || (_cache[1] = (...args) => $options.clean && $options.clean(...args)),
     "data-test": "clean-icon",
@@ -26533,9 +26574,9 @@ function EInputvue_type_template_id_1eacd49a_render(_ctx, _cache, $props, $setup
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.slotIconClass)
   }, [_ctx.$slots.icon ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon", {
     key: 0
-  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)]), !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_1eacd49a_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRestrictions), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_1eacd49a_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)]), !!$data.messageRestrictions ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_14ec48df_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRestrictions), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_template_id_14ec48df_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=template&id=1eacd49a
+;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=template&id=14ec48df
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=script&lang=js
 
@@ -26916,7 +26957,7 @@ const patterns = {
     },
     inputClass() {
       const baseClasses = ['e-input__input exos-peer', this.shadowClass, this.roundedClass, this.textSizeClass, this.color + ' e-input__text--default', this.bgColor + ' e-input__background', this.textarea ? this.minHeightArea ?? '' : ''];
-      const borderClasses = [this.border ? ['e-input__border', this.modelValue ? [this.borderCustom + ' e-input__border', this.borderColor + ' e-input__border--active'] : this.borderColor + ' e-input__border--inactive'] : 'exos-border-none'];
+      const borderClasses = [this.border ? ['e-input__border', this.borderCustom ?? 'e-input__border', this.modelValue ? this.borderColor + ' e-input__border--active' : this.borderColor + ' e-input__border--inactive'] : 'exos-border-none'];
       const iconClasses = this.$slots.icon ? this.iconRight ? this.$slots.iconPassword || this.type == 'password' ? 'exos-pl-3 exos-pr-24' // Ícono a la derecha y también ícono de mostrar/ocultar password
       : 'exos-pl-3 exos-pr-[4.25rem]' // Ícono a la derecha
       : this.type == 'password' ? 'exos-pl-10 exos-pr-[4.25rem]' // Ícono a la izquierda y es de tipo password
@@ -27044,7 +27085,7 @@ const patterns = {
   },
   mounted() {
     this.$nextTick(() => {
-      if (this.modelModifiers?.money && this.modelValue) {
+      if (this.modelModifiers && Object.keys(this.modelModifiers).length > 0 && this.modelValue) {
         this.clearAndEmitValue({
           target: this.$refs['e-input-' + this.$.uid]
         });
@@ -27066,6 +27107,12 @@ const patterns = {
     },
     onInputBlur() {
       this.isInputFocused = false;
+      if (this.modelModifiers?.decimal) {
+        const formatted = this.formatDecimalOnBlur(this.modelValue);
+        if (formatted !== this.modelValue) {
+          this.$emit('update:modelValue', formatted);
+        }
+      }
     },
     async clearAndEmitValue(event) {
       let valueInput = event.target.value;
@@ -27077,7 +27124,6 @@ const patterns = {
       let incorrectEmail = null;
       let enteredTime;
       let startTime;
-      let validateTime;
       switch (true) {
         case this.modelModifiers?.charExclude || !!this.regexValidChars?.regex:
           {
@@ -27108,23 +27154,17 @@ const patterns = {
           }
           break;
         case this.modelModifiers?.decimal:
-          valueInput = valueInput.replace(patterns.decimal.regex, '');
-          if (event.target.value.includes('.')) {
-            let aux = event.target.value.split('.');
-            if (aux[1].length > 2) {
-              // Reemplazar los dígitos después del punto que están en la posición 3 en adelante
-              aux[1] = aux[1].substring(0, 2); // Solo mantén los primeros 2 dígitos después del punto
-              valueInput = aux.join('.'); // Vuelve a unir los componentes en una cadena
-            }
-            if (aux.length > 2) {
-              this.showRestrictions(patterns.decimal.msg);
+          {
+            const formatted = this.formatToDecimal(event.target.value);
+            if (!formatted) {
+              this.showRestrictions('El formato decimal no es válido');
+              valueInput = ''; // o puedes mantener el valor original
             } else {
+              valueInput = formatted;
               this.resetRestrictions();
             }
-          } else {
-            valueInput += '.00';
+            break;
           }
-          break;
         case this.modelModifiers?.money:
           {
             valueInput = valueInput.replace(/[^0-9.-]/g, '') // Elimina todos los caracteres que no sean números, puntos o guiones
@@ -27175,36 +27215,46 @@ const patterns = {
             break;
           }
         case this.modelModifiers?.time:
-          valueInput = valueInput.replace(patterns.time.regex, '');
-          if (valueInput.length == 1) valueInput += '0:00:00';
-          validateTime = DateTime.fromFormat(valueInput, 'HH:mm:ss');
-          if (validateTime.isValid && valueInput.split(':')[0] != '24') {
-            // El rango de horas es correcto
-            this.resetRestrictions();
-            enteredTime = valueInput;
-            startTime = this.startHour ? this.startHour : null;
-            if (startTime && enteredTime) {
-              this.validateTimeRange(startTime, enteredTime);
+          {
+            // 1. Obtener solo los dígitos
+            const digitsOnly = valueInput.replace(/\D/g, '');
+
+            // 2. Formatear como HH:mm:ss
+            valueInput = this.formatToHHMMSS(digitsOnly);
+
+            // 3. Validar que sea una hora válida (máximo 23:59:59)
+            const [hourStr, minStr, secStr] = valueInput.split(':');
+            const hour = parseInt(hourStr, 10);
+            const minute = parseInt(minStr ?? '0', 10);
+            const second = parseInt(secStr ?? '0', 10);
+            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60 && second >= 0 && second < 60;
+            if (isValid) {
+              this.resetRestrictions();
+              enteredTime = valueInput;
+              startTime = this.startHour ?? null;
+              if (startTime && enteredTime) {
+                this.validateTimeRange(startTime, enteredTime);
+              }
+            } else {
+              this.showRestrictions('El rango de horas es incorrecto');
             }
-          } else {
-            this.showRestrictions('El rango de horas es incorrecto');
+            break;
           }
-          break;
         case this.modelModifiers?.timens:
-          valueInput = valueInput.replace(patterns.timens.regex, '');
-          if (valueInput.length == 1) valueInput += '0:00';
-          validateTime = DateTime.fromFormat(valueInput, 'HH:mm');
-          if (validateTime.isValid && valueInput.split(':')[0] != '24') {
-            this.resetRestrictions();
-            enteredTime = valueInput;
-            startTime = this.startHour ? this.startHour : null;
-            if (startTime && enteredTime) {
-              this.validateTimeRange(startTime, enteredTime);
+          {
+            let digitsOnly = valueInput.replace(/\D/g, '');
+            valueInput = this.formatToHHMM(digitsOnly);
+            const [hourStr, minStr] = valueInput.split(':');
+            const hour = parseInt(hourStr, 10);
+            const minute = parseInt(minStr, 10);
+            const isValid = hour >= 0 && hour < 24 && minute >= 0 && minute < 60;
+            if (isValid) {
+              this.resetRestrictions();
+            } else {
+              this.showRestrictions('El rango de horas es incorrecto');
             }
-          } else {
-            this.showRestrictions('El rango de horas es incorrecto');
+            break;
           }
-          break;
         default:
           if (this.modelModifiers) {
             Object.keys(this.modelModifiers).find(key => {
@@ -27224,21 +27274,76 @@ const patterns = {
        * @type {Event}
        */
       await this.$emit('update:modelValue', valueInput);
-      let position = cursorPosition;
-      if (cursorPosition <= 1 && valueInput.includes('-')) {
-        position = 1 + charLengt;
-      } else if (cursorPosition <= charLengt) {
-        position = valueInput.includes('-') ? charLengt + 1 : charLengt;
-      } else if (cursorPosition <= 0) {
-        position = charLengt;
+      if (this.modelModifiers?.decimal) {
+        let position = cursorPosition;
+        if (cursorPosition <= 1 && valueInput.includes('-')) {
+          position = 1 + charLengt;
+        } else if (cursorPosition <= charLengt) {
+          position = valueInput.includes('-') ? charLengt + 1 : charLengt;
+        } else if (cursorPosition <= 0) {
+          position = charLengt;
+        }
+        this.$nextTick(() => {
+          event.target.setSelectionRange(position, position);
+        });
+      } else {
+        this.$nextTick(() => {
+          const len = event.target.value.length;
+          event.target.setSelectionRange(len, len);
+        });
       }
-      this.$nextTick(() => {
-        event.target.setSelectionRange(position, position);
-      });
       this.cleaningInput = true;
       this.cleaningInput = false;
       this.validate();
     },
+    formatDecimalOnBlur(value) {
+      if (value === '' || value == null) return '';
+      // Si el valor termina en punto, lo quitamos para evitar NaN
+      let cleanValue = value.endsWith('.') ? value.slice(0, -1) : value;
+      // Si el valor es solo un punto, lo dejamos vacío
+      if (cleanValue === '') return '';
+      // Si el valor es válido, lo formateamos
+      let num = Number(cleanValue);
+      if (isNaN(num)) return value;
+      return num.toFixed(2);
+    },
+    formatToDecimal(raw) {
+      // Solo permite dígitos y un punto
+      const cleaned = raw.replace(/[^\d.]/g, '');
+      const parts = cleaned.split('.');
+      if (parts.length > 2) {
+        return null; // Más de un punto → inválido
+      }
+      const intPart = parts[0];
+      const decPart = parts[1] ?? '';
+
+      // Permite: "1234", "1234.", "1234.5", "1234.56"
+      if (parts.length === 2) {
+        return `${intPart}.${decPart.substring(0, 2)}`;
+      } else if (intPart) {
+        return intPart;
+      }
+      return '';
+    },
+    formatToHHMM(raw) {
+      // Quitar todo lo que no sean dígitos
+      let digits = raw.replace(/\D/g, '');
+      if (digits.length === 0) return '';
+      if (digits.length === 1) return `${digits}:`;
+      if (digits.length === 2) return `${digits}:`;
+      if (digits.length === 3) return `${digits.slice(0, 2)}:${digits[2]}`;
+      if (digits.length >= 4) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}`;
+    },
+    formatToHHMMSS(raw) {
+      let digits = raw.replace(/\D/g, '');
+      if (digits.length === 0) return '';
+      if (digits.length === 1) return `${digits}:`;
+      if (digits.length === 2) return `${digits}:`;
+      if (digits.length === 3) return `${digits.slice(0, 2)}:${digits[2]}`;
+      if (digits.length === 4) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}:`;
+      if (digits.length === 5) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}:${digits[4]}`;
+      if (digits.length >= 6) return `${digits.slice(0, 2)}:${digits.slice(2, 4)}:${digits.slice(4, 6)}`;
+    },
     validateTimeRange(startTime, enteredTime) {
       const isInvalid = this.greaterThanTime && enteredTime < startTime || !this.greaterThanTime && enteredTime <= startTime;
       if (isInvalid) {
@@ -27374,25 +27479,25 @@ if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_1eacd49a_render]])
+const EInput_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EInputvue_type_script_lang_js, [['render',EInputvue_type_template_id_14ec48df_render]])
 
 /* harmony default export */ var EInput = (EInput_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=template&id=f56a0a38&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=template&id=792f1a6f&scoped=true
 
-const _withScopeId = n => (_pushScopeId("data-v-f56a0a38"), n = n(), _popScopeId(), n);
-const EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_1 = {
+const _withScopeId = n => (_pushScopeId("data-v-792f1a6f"), n = n(), _popScopeId(), n);
+const EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_1 = {
   class: "exos-mx-auto"
 };
-const EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_2 = {
+const EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_2 = {
   key: 0,
   class: "exos-text-center"
 };
-const EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_3 = {
+const EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_3 = {
   class: "exos-w-full exos-mt-2"
 };
-const EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_4 = ["data-test", "onClick"];
-function EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_1, [$props.showHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.currentMonth), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("table", EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tr", null, [((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.daysOfWeek, day => {
+const EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_4 = ["data-test", "onClick"];
+function EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_1, [$props.showHeader ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("h2", EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.currentMonth), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("table", EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tr", null, [((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.daysOfWeek, day => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("th", {
       key: day,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["exos-p-2 exos-w-2 exos-h-2", $options.textSizeH])
@@ -27413,11 +27518,11 @@ function EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_render(_ctx, _ca
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.formatDay(day.day)) + " ", 1), $options.isSelected(day.date) || $options.isToday(day.date) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
         key: 0,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($props.textSize)
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(day.weekday.toUpperCase()), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_hoisted_4);
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(day.weekday.toUpperCase()), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_hoisted_4);
     }), 128))]);
   }), 128))])])]);
 }
-;// CONCATENATED MODULE: ./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=template&id=f56a0a38&scoped=true
+;// CONCATENATED MODULE: ./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=template&id=792f1a6f&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=script&lang=js
 
@@ -27431,12 +27536,29 @@ function EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_render(_ctx, _ca
   },
   props: {
     /**
-     * Establecer el formato con el que se enviara la fecha seleccionada al componente padre.
+     * Establece el formato con el que se enviará la fecha seleccionada al componente padre.
+     *
+     * Este formato sigue la sintaxis de la librería [Luxon](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).
+     * Puedes personalizarlo según tus necesidades, pero **debes tener cuidado con diferencias entre mayúsculas y minúsculas**.
+     *
+     * ### Ejemplos comunes:
+     * - `"dd-MM-yyyy"` → 17-06-2025
+     * - `"yyyy-MM-dd"` → 2025-06-17 (ideal para bases de datos o APIs)
+     * - `"dd LLL yyyy"` → 17 Jun 2025
+     * - `"cccc d"` → Martes 17
+     *
+     * ⚠️ **Importante:** No uses `"mm"` para meses, ya que `mm` representa **minutos**. El mes debe escribirse como `MM` en mayúscula.
+     *
+     * ### Ejemplo de uso correcto:
+     *
+     * <e-menu-calendar formatDate="yyyy-MM-dd" />
+     *
+     * @default "dd-MM-yyyy"
      */
     formatDate: {
       type: String,
       default: 'dd-MM-yyyy',
-      description: 'Establecer el formato con el que se enviara la fecha seleccionada al componente padre.'
+      description: 'Establece el formato con el que se enviará la fecha seleccionada al componente padre.'
     },
     /**
      * Elegir como se veran escritos los dias de la semana.
@@ -27568,10 +27690,10 @@ function EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_render(_ctx, _ca
 });
 ;// CONCATENATED MODULE: ./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=style&index=0&id=f56a0a38&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=style&index=0&id=792f1a6f&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=style&index=0&id=f56a0a38&scoped=true&lang=css
+;// CONCATENATED MODULE: ./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=style&index=0&id=792f1a6f&scoped=true&lang=css
 
 // EXTERNAL MODULE: ./node_modules/vue-cli-plugin-styleguidist/empty-object-loader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/menuCalendar/EMenuCalendar.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EMenuCalendarvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(903);
@@ -27590,43 +27712,43 @@ if (typeof (EMenuCalendarvue_type_custom_index_0_blockType_docs_lang_md_default(
 
 
 ;
-const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMenuCalendarvue_type_script_lang_js, [['render',EMenuCalendarvue_type_template_id_f56a0a38_scoped_true_render],['__scopeId',"data-v-f56a0a38"]])
+const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMenuCalendarvue_type_script_lang_js, [['render',EMenuCalendarvue_type_template_id_792f1a6f_scoped_true_render],['__scopeId',"data-v-792f1a6f"]])
 
 /* harmony default export */ var EMenuCalendar = (EMenuCalendar_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=template&id=2aa5f5b0
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=template&id=56b5f990
 
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_1 = {
+const ESelectvue_type_template_id_56b5f990_hoisted_1 = {
   class: "e-select__relative__container"
 };
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_2 = ["disabled", "id", "maxlength", "readonly"];
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_3 = ["for"];
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_4 = ["disabled", "id"];
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_5 = {
+const ESelectvue_type_template_id_56b5f990_hoisted_2 = ["disabled", "id", "maxlength", "readonly"];
+const ESelectvue_type_template_id_56b5f990_hoisted_3 = ["for"];
+const ESelectvue_type_template_id_56b5f990_hoisted_4 = ["disabled", "id"];
+const ESelectvue_type_template_id_56b5f990_hoisted_5 = {
   class: "e-select__label__primaryContainer"
 };
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_6 = {
+const ESelectvue_type_template_id_56b5f990_hoisted_6 = {
   class: "e-select__label__secondaryContainer"
 };
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_7 = {
+const ESelectvue_type_template_id_56b5f990_hoisted_7 = {
   class: "exos-flex exos-items-center exos-left-3 exos-absolute exos-top-0 exos-h-full exos-justify-center"
 };
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_8 = {
+const ESelectvue_type_template_id_56b5f990_hoisted_8 = {
   key: 0,
   class: "e-select__groupContainer__primary__group"
 };
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_9 = ["data-test", "onClick"];
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_10 = ["onClick"];
-const ESelectvue_type_template_id_2aa5f5b0_hoisted_11 = {
+const ESelectvue_type_template_id_56b5f990_hoisted_9 = ["data-test", "onClick"];
+const ESelectvue_type_template_id_56b5f990_hoisted_10 = ["onClick"];
+const ESelectvue_type_template_id_56b5f990_hoisted_11 = {
   key: 0,
   class: "e-select--error-message exos-animate-slide-down"
 };
-function ESelectvue_type_template_id_2aa5f5b0_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ESelectvue_type_template_id_56b5f990_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-tooltip");
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     ref: "mainSelectComponent",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainContainer)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_2aa5f5b0_hoisted_1, [$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_56b5f990_hoisted_1, [$props.suggestion ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     ref: 'select__suggest__container-' + _ctx.$.uid,
     class: "e-select__suggest__relative__container"
@@ -27645,7 +27767,7 @@ function ESelectvue_type_template_id_2aa5f5b0_render(_ctx, _cache, $props, $setu
     onFocus: _cache[2] || (_cache[2] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onInput: _cache[3] || (_cache[3] = (...args) => $options.fetchSuggestions && $options.fetchSuggestions(...args)),
     onClick: _cache[4] || (_cache[4] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
-  }, null, 46, ESelectvue_type_template_id_2aa5f5b0_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelText, $data.tempValueInput]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, null, 46, ESelectvue_type_template_id_56b5f990_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelText, $data.tempValueInput]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: 'selectLabelSelectedSuggest-' + _ctx.$.uid,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.inputLabelSelectedClass)
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.labelSelected), 3), $data.showTooltip ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_tooltip, {
@@ -27661,7 +27783,7 @@ function ESelectvue_type_template_id_2aa5f5b0_render(_ctx, _cache, $props, $setu
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_2aa5f5b0_hoisted_3)], 512)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_56b5f990_hoisted_3)], 512)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
     key: 1,
     type: "button",
     "data-test": "select-default",
@@ -27673,14 +27795,14 @@ function ESelectvue_type_template_id_2aa5f5b0_render(_ctx, _cache, $props, $setu
     onBlur: _cache[5] || (_cache[5] = (...args) => $options.onInputBlur && $options.onInputBlur(...args)),
     onFocus: _cache[6] || (_cache[6] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onClick: _cache[7] || (_cache[7] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_2aa5f5b0_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_2aa5f5b0_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_56b5f990_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_56b5f990_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelSelectDefault)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.classBoxLabel)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.requiredIcon)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_2aa5f5b0_hoisted_7, [!$props.iconRight ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon", {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_56b5f990_hoisted_7, [!$props.iconRight ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon", {
     key: 0
   }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: 'selectLabelSelectedDefault-' + _ctx.$.uid,
@@ -27690,7 +27812,7 @@ function ESelectvue_type_template_id_2aa5f5b0_render(_ctx, _cache, $props, $setu
   }, {
     default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 1)]),
     _: 1
-  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 46, ESelectvue_type_template_id_2aa5f5b0_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 46, ESelectvue_type_template_id_56b5f990_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: 'e-select__iconsContainer-' + _ctx.$.uid,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconContainer)
   }, [$options.showCleanBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
@@ -27723,13 +27845,13 @@ function ESelectvue_type_template_id_2aa5f5b0_render(_ctx, _cache, $props, $setu
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-select__groupContainer__secondary", {
         'exos-flex-col': group?.group
       }])
-    }, [group?.group ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_template_id_2aa5f5b0_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(group.group), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((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)(group?.options || [group], option => {
+    }, [group?.group ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_template_id_56b5f990_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(group.group), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((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)(group?.options || [group], option => {
       return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("a", {
         key: option.value,
         "data-test": group?.group ? 'select-option--grouped' : 'select-option--ungrouped',
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([group?.group ? $options.optionsItem : $options.optionsItemUngrouped, $options.labelSelectedColor(option.value)]),
         onClick: $event => $options.selectOption(option)
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_2aa5f5b0_hoisted_9);
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_56b5f990_hoisted_9);
     }), 128))], 2)]);
   }), 128)) : ((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, {
     key: 1
@@ -27739,10 +27861,10 @@ function ESelectvue_type_template_id_2aa5f5b0_render(_ctx, _cache, $props, $setu
       "data-test": "select-option",
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.optionsItem, $options.labelSelectedColor(option.value)]),
       onClick: $event => $options.selectOption(option)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_2aa5f5b0_hoisted_10);
-  }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_2aa5f5b0_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_56b5f990_hoisted_10);
+  }), 128))], 6)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), !!$data.messageRule ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ESelectvue_type_template_id_56b5f990_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=template&id=2aa5f5b0
+;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=template&id=56b5f990
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=script&lang=js
 
@@ -28406,6 +28528,7 @@ const ESelectvue_type_script_lang_js_patterns = {
       this.calculateIconSectionWidth();
       this.calculateWidthLabelSelected();
     });
+    if (this.modelValue) this.validate();
   },
   beforeUnmount() {
     // Desregistra este componente en EForm antes de destruirse
@@ -28868,56 +28991,56 @@ if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_2aa5f5b0_render]])
+const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_56b5f990_render]])
 
 /* harmony default export */ var ESelect = (ESelect_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/table/ETable.vue?vue&type=template&id=4966f505
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/table/ETable.vue?vue&type=template&id=ace5bd16
 
-const ETablevue_type_template_id_4966f505_hoisted_1 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_1 = {
   class: "e-table__table__container"
 };
-const ETablevue_type_template_id_4966f505_hoisted_2 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_2 = {
   key: 0
 };
-const ETablevue_type_template_id_4966f505_hoisted_3 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_3 = {
   class: "e-table__selectable__container"
 };
-const ETablevue_type_template_id_4966f505_hoisted_4 = ["scope", "draggable", "onDragstart", "onDrop"];
-const ETablevue_type_template_id_4966f505_hoisted_5 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_4 = ["scope", "draggable", "onDragstart", "onDrop"];
+const ETablevue_type_template_id_ace5bd16_hoisted_5 = {
   class: "e-table__tooltip"
 };
-const ETablevue_type_template_id_4966f505_hoisted_6 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_6 = {
   key: 0
 };
-const ETablevue_type_template_id_4966f505_hoisted_7 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_7 = {
   key: 0
 };
-const ETablevue_type_template_id_4966f505_hoisted_8 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_8 = {
   class: "e-table__selectable__item"
 };
-const ETablevue_type_template_id_4966f505_hoisted_9 = ["scope", "onClick"];
-const ETablevue_type_template_id_4966f505_hoisted_10 = ["onClick"];
-const ETablevue_type_template_id_4966f505_hoisted_11 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_9 = ["scope", "onClick"];
+const ETablevue_type_template_id_ace5bd16_hoisted_10 = ["onClick"];
+const ETablevue_type_template_id_ace5bd16_hoisted_11 = {
   key: 0
 };
-const ETablevue_type_template_id_4966f505_hoisted_12 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_12 = {
   class: "e-table__footer__container"
 };
-const ETablevue_type_template_id_4966f505_hoisted_13 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_13 = {
   class: "e-table__pagination__btn__left"
 };
-const ETablevue_type_template_id_4966f505_hoisted_14 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_14 = {
   key: 0,
   class: "e-table__totalRecords__container"
 };
-const ETablevue_type_template_id_4966f505_hoisted_15 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_15 = {
   key: 1,
   class: "e-table__pagination"
 };
-const ETablevue_type_template_id_4966f505_hoisted_16 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_16 = {
   class: "e-table__pagination__paginationTable__container"
 };
-const ETablevue_type_template_id_4966f505_hoisted_17 = {
+const ETablevue_type_template_id_ace5bd16_hoisted_17 = {
   class: "e-table__pagination__select__container"
 };
 const _hoisted_18 = {
@@ -28927,7 +29050,7 @@ const _hoisted_18 = {
 const _hoisted_19 = {
   class: "e-table__pagination__btn__right"
 };
-function ETablevue_type_template_id_4966f505_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ETablevue_type_template_id_ace5bd16_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_checkbox = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-checkbox");
   const _component_e_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-tooltip");
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
@@ -28935,12 +29058,12 @@ function ETablevue_type_template_id_4966f505_render(_ctx, _cache, $props, $setup
   const _component_e_select = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-select");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (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.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("table", ETablevue_type_template_id_4966f505_hoisted_1, [$props.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("caption", ETablevue_type_template_id_4966f505_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tr", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("table", ETablevue_type_template_id_ace5bd16_hoisted_1, [$props.title ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("caption", ETablevue_type_template_id_ace5bd16_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("thead", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tr", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.headerClass)
   }, [$props.selectable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("th", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.styleHeaderClass(0))
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_4966f505_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_checkbox, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_ace5bd16_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_checkbox, {
     modelValue: $data.selectAllRecords,
     "onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => $data.selectAllRecords = $event), $options.handleSelectUnselectRows],
     label: "Seleccionar todo"
@@ -28966,7 +29089,7 @@ function ETablevue_type_template_id_4966f505_render(_ctx, _cache, $props, $setup
       displayDirection: "b",
       offset: "15px"
     }, {
-      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_4966f505_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(col.title), 1)]),
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_ace5bd16_hoisted_5, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(col.title), 1)]),
       _: 2
     }, 1024), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", null, [col.sortable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, {
       key: 0,
@@ -28976,8 +29099,8 @@ function ETablevue_type_template_id_4966f505_render(_ctx, _cache, $props, $setup
       isSVG: $options.sortIconName(col).includes('svg'),
       size: $data.sortBy === col.field ? '1.2rem' : '0.7rem',
       onClick: $event => $options.handleSort(col)
-    }, null, 8, ["class", "name", "isSVG", "size", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 4)], 42, ETablevue_type_template_id_4966f505_hoisted_4);
-  }), 128))], 2), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", ETablevue_type_template_id_4966f505_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+    }, null, 8, ["class", "name", "isSVG", "size", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 4)], 42, ETablevue_type_template_id_ace5bd16_hoisted_4);
+  }), 128))], 2), $props.headerSeparator ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", ETablevue_type_template_id_ace5bd16_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($props.headerSeparator)
   }, null, 2)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("tbody", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.bodyClass)
@@ -28988,7 +29111,7 @@ function ETablevue_type_template_id_4966f505_render(_ctx, _cache, $props, $setup
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", {
       key: 'row' + indexRow,
       "data-test": "row-table"
-    }, [$props.selectable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("td", ETablevue_type_template_id_4966f505_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_4966f505_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_checkbox, {
+    }, [$props.selectable ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("td", ETablevue_type_template_id_ace5bd16_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_ace5bd16_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_checkbox, {
       modelValue: row.check,
       "onUpdate:modelValue": [$event => row.check = $event, val => $options.handleSelectedRow(rowOrig, val)]
     }, null, 8, ["modelValue", "onUpdate:modelValue"])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), ((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)($options.finalColumns, (col, indexCol) => {
@@ -29022,20 +29145,20 @@ function ETablevue_type_template_id_4966f505_render(_ctx, _cache, $props, $setup
         size: "0.8rem",
         name: "content_copy",
         color: indexRow === $data.indexRowSelected ? 'e-table__copyIcon__color--rowSelected' : 'e-table__copyIcon__color'
-      }, null, 8, ["color"])])], 8, ETablevue_type_template_id_4966f505_hoisted_10)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 6)], 10, ETablevue_type_template_id_4966f505_hoisted_9))], 64);
+      }, null, 8, ["color"])])], 8, ETablevue_type_template_id_ace5bd16_hoisted_10)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 6)], 10, ETablevue_type_template_id_ace5bd16_hoisted_9))], 64);
     }), 128))]);
-  }), 128)), _ctx.$slots.lastRow ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", ETablevue_type_template_id_4966f505_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "lastRow")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)])], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_4966f505_hoisted_12, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }), 128)), _ctx.$slots.lastRow ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("tr", ETablevue_type_template_id_ace5bd16_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "lastRow")])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)])], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_ace5bd16_hoisted_12, [$props.rows.length < 1 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.bodyClass, "e-table__pagination__container--noData e-table__bgColor--noData"])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "noData", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)(" No existen datos para mostrar ")])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.paginationContainer)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_4966f505_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "btn-bl")]), $props.totalRecords && !$props.totalRowsRightAligned ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETablevue_type_template_id_4966f505_hoisted_14, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.totalRowsRangeLabel), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.numPagesTotal !== null && $props.showPagination ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETablevue_type_template_id_4966f505_hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_4966f505_hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_ace5bd16_hoisted_13, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "btn-bl")]), $props.totalRecords && !$props.totalRowsRightAligned ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETablevue_type_template_id_ace5bd16_hoisted_14, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.totalRowsRangeLabel), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.numPagesTotal !== null && $props.showPagination ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETablevue_type_template_id_ace5bd16_hoisted_15, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_ace5bd16_hoisted_16, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_pagination_table, {
     numPagesTotal: $options.numPagesTotal,
     hideBoundaryPages: $props.hideBoundaryPages,
     modelValue: $data.currentPage,
     "onUpdate:modelValue": [_cache[3] || (_cache[3] = $event => $data.currentPage = $event), _cache[4] || (_cache[4] = $event => $options.handleRequest(true))],
     ref: "paginationRef"
-  }, null, 8, ["numPagesTotal", "hideBoundaryPages", "modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_4966f505_hoisted_17, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_select, {
+  }, null, 8, ["numPagesTotal", "hideBoundaryPages", "modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETablevue_type_template_id_ace5bd16_hoisted_17, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_select, {
     outline: false,
     showClean: false,
     shadowSize: "none",
@@ -29045,7 +29168,7 @@ function ETablevue_type_template_id_4966f505_render(_ctx, _cache, $props, $setup
     options: $props.rowsByPage
   }, null, 8, ["bgColor", "modelValue", "options", "onUpdate:modelValue"])])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.totalRecords && $props.totalRowsRightAligned ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", _hoisted_18, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.totalRowsRangeLabel), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_19, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "btn-br")])], 2)])], 64);
 }
-;// CONCATENATED MODULE: ./src/ui/components/table/ETable.vue?vue&type=template&id=4966f505
+;// CONCATENATED MODULE: ./src/ui/components/table/ETable.vue?vue&type=template&id=ace5bd16
 
 ;// CONCATENATED MODULE: ./node_modules/ramda/es/is.js
 
@@ -30027,7 +30150,7 @@ const message = message_show;
       return borderMap[this.borderHeader] ?? 'e-table__borderDef';
     },
     bodyClass() {
-      const bodyClass = ['e-table__body__container', this.bgColor + ' e-table__body__bgColor', this.textColor + ' e-table__body__textColor', this.borderColor ?? 'e-table__borderColor', this.borderBodyClass];
+      const bodyClass = ['e-table__body__container', this.bgColor ?? 'e-table__body__bgColor', this.textColor ?? 'e-table__body__textColor', this.borderColor ?? 'e-table__borderColor', this.borderBodyClass];
       return bodyClass;
     },
     borderBodyClass() {
@@ -30237,7 +30360,7 @@ const message = message_show;
       return roundedHeaderClasses[this.roundedHeaderSize]?.[side] ?? null;
     },
     styleHeaderClass(indexCol) {
-      return ['e-table__header__container', this.draggable ? 'draggable-table' : 'exos-cursor-default', this.textHeaderSizeClass, this.textTransformClass, this.borderColor ?? 'e-table__borderColor', this.headerBgColor + ' e-table__header__bgColor', this.headerTextColor + ' e-table__header__textColor', this.roundedHeaderSize ? indexCol === 0 ? this.roundedHeaderClass('l') : indexCol === this.finalColumns.length - 1 ? this.roundedHeaderClass('r') : null : null];
+      return ['e-table__header__container', this.draggable ? 'draggable-table' : 'exos-cursor-default', this.textHeaderSizeClass, this.textTransformClass, this.borderColor ?? 'e-table__borderColor', this.headerBgColor ?? ' e-table__header__bgColor', this.headerTextColor ?? 'e-table__header__textColor', this.roundedHeaderSize ? indexCol === 0 ? this.roundedHeaderClass('l') : indexCol === this.finalColumns.length - 1 ? this.roundedHeaderClass('r') : null : null];
     },
     styleRowClass(col, indexRow, indexRowSelected) {
       const isClickable = col.isClickeable;
@@ -30487,7 +30610,7 @@ if (typeof (ETablevue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 
 
 ;
-const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_4966f505_render]])
+const ETable_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ETablevue_type_script_lang_js, [['render',ETablevue_type_template_id_ace5bd16_render]])
 
 /* harmony default export */ var ETable = (ETable_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/tab/ETab.vue?vue&type=script&setup=true&lang=js
@@ -30586,7 +30709,10 @@ const ETabvue_type_script_setup_true_lang_js_hoisted_5 = {
           key: 'tabOpt' + index,
           "data-test": "tab-cy",
           onClick: $event => !props.onlyRead ? handleSelected(option) : false
-        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(option[props.optionLabel]), 11, ETabvue_type_script_setup_true_lang_js_hoisted_4);
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, `option-content-${option[props.optionValue]}`, {
+          label: option[props.optionLabel],
+          option: option
+        }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(option[props.optionLabel]), 1)])], 10, ETabvue_type_script_setup_true_lang_js_hoisted_4);
       }), 128))])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETabvue_type_script_setup_true_lang_js_hoisted_5, [_ctx.$slots[`tab-${optionSelected.value}`] ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, `tab-${optionSelected.value}`, {
         key: 0
       }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !_ctx.$slots[`tab-${optionSelected.value}`] ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default", {
@@ -31051,42 +31177,42 @@ if (typeof (EBtnTogglevue_type_custom_index_0_blockType_docs_lang_md_default())
 const EBtnToggle_exports_ = EBtnTogglevue_type_script_setup_true_lang_js;
 
 /* harmony default export */ var EBtnToggle = (EBtnToggle_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=94f7ed4a
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=d885c98c
 
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_1 = ["accept", "multiple", "disabled", "id"];
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_2 = ["for"];
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_3 = {
+const EFilePickervue_type_template_id_d885c98c_hoisted_1 = ["accept", "multiple", "disabled", "id"];
+const EFilePickervue_type_template_id_d885c98c_hoisted_2 = ["for"];
+const EFilePickervue_type_template_id_d885c98c_hoisted_3 = {
   key: 1,
   class: "e-inputFile__multipleFiles__distributionContainer"
 };
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_4 = {
+const EFilePickervue_type_template_id_d885c98c_hoisted_4 = {
   class: "e-inputFile__multipleFiles"
 };
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_5 = ["onClick"];
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_6 = {
+const EFilePickervue_type_template_id_d885c98c_hoisted_5 = ["onClick"];
+const EFilePickervue_type_template_id_d885c98c_hoisted_6 = {
   class: "e-inputFile__singleFile__distributionContainer"
 };
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_7 = {
+const EFilePickervue_type_template_id_d885c98c_hoisted_7 = {
   class: "e-inputFile__labelClass--dragger"
 };
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_8 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
+const EFilePickervue_type_template_id_d885c98c_hoisted_8 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
   class: "e-inputFile__dragAndDrop__label"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
   class: "e-inputFile__dragAndDrop__label__callToAction"
 }, " Haga clic para cargar "), /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)(" o arrastre y suelte el archivo ")], -1);
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_9 = {
+const EFilePickervue_type_template_id_d885c98c_hoisted_9 = {
   key: 0,
   class: "e-inputFile__dragAndDrop__label__detail"
 };
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_10 = {
+const EFilePickervue_type_template_id_d885c98c_hoisted_10 = {
   key: 0,
   class: "e-inputFile__containerFileInfo"
 };
-const EFilePickervue_type_template_id_94f7ed4a_hoisted_11 = {
+const EFilePickervue_type_template_id_d885c98c_hoisted_11 = {
   key: 1,
   class: "e-inputFile__message--error"
 };
-function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $setup, $data, $options) {
+function EFilePickervue_type_template_id_d885c98c_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_e_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-icon");
   const _component_e_file_viewer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("e-file-viewer");
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
@@ -31106,8 +31232,8 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
     class: "e-inputFile__inputClass",
     id: 'inputFile-' + $props.label,
     onChange: _cache[0] || (_cache[0] = (...args) => $options.handleFileChange && $options.handleFileChange(...args)),
-    onClick: _cache[1] || (_cache[1] = (...args) => $options.handleClick && $options.handleClick(...args))
-  }, null, 40, EFilePickervue_type_template_id_94f7ed4a_hoisted_1), !$props.modelValue && $options.designClass !== 'asDragger' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", {
+    onClick: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.handleClick && $options.handleClick(...args), ["stop"]))
+  }, null, 40, EFilePickervue_type_template_id_d885c98c_hoisted_1), !$props.modelValue && $options.designClass !== 'asDragger' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("label", {
     key: 0,
     for: 'inputFile-' + $props.label,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
@@ -31116,7 +31242,7 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
   }, $options.iconInfo)), null, 16)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1), $props.required ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("span", {
     key: 0,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.requiredClass)
-  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_94f7ed4a_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_94f7ed4a_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EFilePickervue_type_template_id_94f7ed4a_hoisted_4, [((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)($options.labelSelected, (file, index) => {
+  }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 10, EFilePickervue_type_template_id_d885c98c_hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.multiple && $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_d885c98c_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EFilePickervue_type_template_id_d885c98c_hoisted_4, [((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)($options.labelSelected, (file, index) => {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
       key: index,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.multipleFileBox)
@@ -31128,7 +31254,7 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
     }, null, 8, ["name", "onClick"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.multipleFileLabelSelected),
       onClick: $event => $options.openOneItemFileViewerText(index)
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(file.name), 11, EFilePickervue_type_template_id_94f7ed4a_hoisted_5), $props.useTags ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(file.name), 11, EFilePickervue_type_template_id_d885c98c_hoisted_5), $props.useTags ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
       key: 0,
       ref_for: true
     }, $options.closeTagIcon, {
@@ -31142,7 +31268,7 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)($options.closeIcon)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : $options.labelSelected ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 2,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.singleFileBox)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EFilePickervue_type_template_id_94f7ed4a_hoisted_6, [$options.showFileIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EFilePickervue_type_template_id_d885c98c_hoisted_6, [$options.showFileIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_icon, {
     key: 0,
     name: $options.typeFileIconName($options.labelSelected.type),
     color: $options.singleFileIcon,
@@ -31165,7 +31291,7 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
     key: 3
   }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["e-inputFile__file__container--dragger", $props.dragDropHeight])
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)($options.draggerIcon)), null, 16), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EFilePickervue_type_template_id_94f7ed4a_hoisted_7, [EFilePickervue_type_template_id_94f7ed4a_hoisted_8, $props.accept ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", EFilePickervue_type_template_id_94f7ed4a_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.accept), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 2)]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 34), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_94f7ed4a_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_94f7ed4a_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_file_viewer, {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)($options.draggerIcon)), null, 16), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EFilePickervue_type_template_id_d885c98c_hoisted_7, [EFilePickervue_type_template_id_d885c98c_hoisted_8, $props.accept ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", EFilePickervue_type_template_id_d885c98c_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.accept), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 2)]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 34), $options.showInfoFileCounter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_d885c98c_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.formattedFileInfo), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$data.messageError ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EFilePickervue_type_template_id_d885c98c_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageError), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $data.showFileViwerFlag ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_e_file_viewer, {
     key: 2,
     data: $data.fileToview,
     fileName: $data.nameFile,
@@ -31174,7 +31300,7 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
     onClose: $options.handleCloseFileViewer
   }, null, 8, ["data", "fileName", "extention", "notSupported", "onClose"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
 }
-;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=94f7ed4a
+;// CONCATENATED MODULE: ./src/ui/components/filePicker/EFilePicker.vue?vue&type=template&id=d885c98c
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/filePicker/EFilePicker.vue?vue&type=script&lang=js
 
@@ -31598,6 +31724,12 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
       if (this.accept) {
         filterRules.push(this.filterByAccept);
       }
+      if (this.required) {
+        filterRules.unshift(val => {
+          const isValid = val !== null && val !== undefined && (Array.isArray(val) ? val.length > 0 : val !== '');
+          return isValid || `El campo ${this.label} es requerido`;
+        });
+      }
       return filterRules;
     },
     fileContainer() {
@@ -31778,6 +31910,7 @@ function EFilePickervue_type_template_id_94f7ed4a_render(_ctx, _cache, $props, $
         return; // Evita seguir ejecutando el resto del código
       }
       if (this.asButton) {
+        if (!this.modelValue) return;
         /**
          * Emite el evento 'click' cuando se hace clic en el componente.
          *
@@ -32144,7 +32277,7 @@ if (typeof (EFilePickervue_type_custom_index_0_blockType_docs_lang_md_default())
 
 
 ;
-const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_94f7ed4a_render]])
+const EFilePicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EFilePickervue_type_script_lang_js, [['render',EFilePickervue_type_template_id_d885c98c_render]])
 
 /* harmony default export */ var EFilePicker = (EFilePicker_exports_);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/dataDetail/EDataDetail.vue?vue&type=template&id=22bb1c42
@@ -33191,12 +33324,13 @@ const loading = {
 
 
 
+//import apexchart from 'vue3-apexcharts';
 
 
 
 
 
-
+//import EChart from './ui/components/chart/EChart.vue';
 
 
 
@@ -33230,15 +33364,16 @@ const ExosLibraryComponents = {
     app.component('EButtonsHeaderTpl', EButtonsHeaderTpl);
     app.component('EMainPageTpl', EMainPageTpl);
     app.component('EContentTpl', EContentTpl);
+    //app.component('apexchart', apexchart);
+
     app.component('EBtn', EBtn);
     app.component('ECard', ECard);
+    //app.component('EChart', EChart);
     app.component('EDetail', EDetail);
     app.component('EDropdown', EDropdown);
-    app.component('EFileList', EFileList);
     app.component('EFileViewer', EFileViewer);
     app.component('EIcon', EIcon);
     app.component('EInput', EInput);
-    app.component('EModal', EModal);
     app.component('EPaginationTable', EPaginationTable);
     app.component('ESelect', ESelect);
     app.component('ETable', ETable);