@alexochihua/exos-library-components 2.2.4 → 2.3.0

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

@@ -5067,79 +5067,74 @@ if (typeof (EDetailvue_type_custom_index_0_blockType_docs_lang_md_default()) ===
 const EDetail_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDetailvue_type_script_lang_js, [['render',EDetailvue_type_template_id_4cfd89f9_render]])
 
 /* harmony default export */ var EDetail = (EDetail_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.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/dialog/EDialog.vue?vue&type=template&id=3910d0b7
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.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/dialog/EDialog.vue?vue&type=template&id=1d24162e
 
-const EDialogvue_type_template_id_3910d0b7_hoisted_1 = {
-  key: 0,
-  class: "exos-fixed exos-inset-0 exos-flex exos-items-center exos-justify-center exos-bg-zinc-400 exos-bg-opacity-40 exos-z-50"
+const EDialogvue_type_template_id_1d24162e_hoisted_1 = {
+  class: "e-dialog__extraContentContainerClass"
 };
-const EDialogvue_type_template_id_3910d0b7_hoisted_2 = {
-  key: 0,
-  class: "exos-flex exos-w-full exos-justify-end"
+const EDialogvue_type_template_id_1d24162e_hoisted_2 = {
+  key: 3,
+  class: "e-dialog__btnContainerClass"
 };
-const EDialogvue_type_template_id_3910d0b7_hoisted_3 = /*#__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": "2",
-  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 EDialogvue_type_template_id_3910d0b7_hoisted_4 = [EDialogvue_type_template_id_3910d0b7_hoisted_3];
-const EDialogvue_type_template_id_3910d0b7_hoisted_5 = {
-  key: 2,
-  class: "exos-flex exos-flex-col exos-justify-center exos-mt-3 exos-mb-4 exos-w-full"
-};
-const EDialogvue_type_template_id_3910d0b7_hoisted_6 = {
-  class: "exos-flex exos-flex-wrap exos-w-[30%] exos-pb-1.5 exos-gap-x-2 exos-gap-y-1 exos-items-center exos-justify-center"
+const EDialogvue_type_template_id_1d24162e_hoisted_3 = {
+  key: 4,
+  class: "e-dialog__btnContainerClass"
 };
-function EDialogvue_type_template_id_3910d0b7_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("EIcon");
+function EDialogvue_type_template_id_1d24162e_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EBtn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("EBtn");
+  const _component_EIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("EIcon");
   const _directive_saveHTML = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDirective)("saveHTML");
-  return $options.showDialog ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDialogvue_type_template_id_3910d0b7_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([!_ctx.$slots.content ? 'exos-w-1/2' : 'exos-min-w-2/3', $options.mainClass])
+  return $options.showDialog ? ((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.mainContainer)
+  }, [(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)("button", {
     ref: "focusButton",
     onClick: _cache[0] || (_cache[0] = (...args) => $options.handleEnter && $options.handleEnter(...args)),
     class: "exos-opacity-0 exos-absolute exos-w-0 exos-h-0 exos-overflow-hidden"
   }, null, 512), !_ctx.$slots.content ? ((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, {
     key: 0
-  }, [$props.closeBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDialogvue_type_template_id_3910d0b7_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
-    class: "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-fieldDark",
-    onClick: _cache[1] || (_cache[1] = (...args) => $options.close && $options.close(...args))
-  }, EDialogvue_type_template_id_3910d0b7_hoisted_4)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!$props.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, [$props.closeBtn ? ((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.closeBtnContainer)
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_EBtn, {
+    rounded: "",
+    padding: "exos-p-1",
+    iconName: "sym-close",
+    color: "exos-bg-zinc-100",
+    textColor: "exos-text-secondary",
+    onClick: $options.close
+  }, null, 8, ["onClick"])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 1,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$props.colorBgIcon ?? 'exos-bg-secondary', "exos-flex exos-items-center exos-justify-center exos-absolute -exos-top-8 exos-left-1/2 exos-transform -exos-translate-x-1/2 exos-shadow-lg exos-rounded-full exos-w-[4.3rem] exos-h-[4.3rem] exos-border-4 exos-border-field"])
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.iconContainer)
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_EIcon, {
+    size: "xl",
     name: $props.icon,
     fill: $props.fillIcon,
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($props.colorIcon ?? 'exos-text-white'),
-    size: "xl"
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($props.colorIcon ?? 'exos-text-white')
   }, null, 8, ["name", "fill", "class"])], 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)([!!$props.icon && !$props.closeBtn ? 'exos-mt-9' : 'exos-mt-0', $options.titleClass])
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title ?? ''), 3), $props.description != '' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDialogvue_type_template_id_3910d0b7_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.titleContainer)
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.title ?? ''), 3), $props.description != '' ? ((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.descContainer)
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.descClass)
-  }, null, 2), [[_directive_saveHTML, $props.description]])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDialogvue_type_template_id_3910d0b7_hoisted_6, [$props.errorBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_EBtn, {
-    key: 0,
-    width: "exos-w-full",
+  }, null, 2), [[_directive_saveHTML, $props.description]])], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EDialogvue_type_template_id_1d24162e_hoisted_1, [_ctx.$slots.extraContent ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "extraContent", {
+    key: 0
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), _ctx.$slots.buttonsMessage ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDialogvue_type_template_id_1d24162e_hoisted_2, [_ctx.$slots.buttonsMessage ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "buttonsMessage", {
+    key: 0
+  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])) : $props.textErrorBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EDialogvue_type_template_id_1d24162e_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_EBtn, {
+    width: "exos-w-[35%]",
     roundedSize: "md",
     text: $props.textErrorBtn,
     onClick: $options.close
-  }, null, 8, ["text", "onClick"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), _ctx.$slots.buttonsMessage ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "buttonsMessage", {
-    key: 1
-  }) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 64)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+  }, null, 8, ["text", "onClick"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 64)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 1,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.contentClass)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")], 2))], 2)])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true);
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")], 2))], 2)], 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true);
 }
-;// CONCATENATED MODULE: ./src/ui/components/dialog/EDialog.vue?vue&type=template&id=3910d0b7
+;// CONCATENATED MODULE: ./src/ui/components/dialog/EDialog.vue?vue&type=template&id=1d24162e
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.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/btn/EBtn.vue?vue&type=template&id=4aa59095
 
@@ -5619,8 +5614,19 @@ const EBtn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EBtnvue_type_
     };
   },
   computed: {
+    mainContainer() {
+      const mainContainerClass = ['e-dialog__mainContainer'];
+      return mainContainerClass;
+    },
     mainClass() {
-      return ['e-dialog-mainClass', this.bgColor ?? 'e-dialog-bgColors'];
+      const mainClass = ['e-dialog__mainClass'];
+      const bgColorClass = [this.bgColor ?? 'e-dialog-bgColors'];
+      const dynamicClass = [!this.$slots.content ? 'exos-w-1/2' : 'exos-min-w-2/3'];
+      return mainClass.concat(bgColorClass, dynamicClass);
+    },
+    closeBtnContainer() {
+      const closeBtnContainerClass = ['e-dialog__closeBtnContainerClass'];
+      return closeBtnContainerClass;
     },
     titleClass() {
       return [this.textTitleSizeClass, 'e-dialog-mainTextClass', this.titleColor + ' e-dialog-titleTextColors'];
@@ -5631,6 +5637,19 @@ const EBtn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EBtnvue_type_
     contentClass() {
       return 'e-dialog-contentSlotClass';
     },
+    iconContainer() {
+      const iconContainerClass = ['e-dialog__iconContainer'];
+      const dynamicClass = [this.colorBgIcon ?? 'exos-bg-secondary'];
+      return iconContainerClass.concat(dynamicClass);
+    },
+    titleContainer() {
+      const dynamicClass = [!!this.icon && !this.closeBtn ? 'exos-mt-9' : 'exos-mt-0', this.titleClass];
+      return dynamicClass;
+    },
+    descContainer() {
+      const descContainerClass = ['e-dialog__descContainer'];
+      return descContainerClass;
+    },
     textDescSizeClass() {
       const textSizeClasses = {
         xs: 'exos-text-xs',
@@ -5706,7 +5725,7 @@ const EBtn_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EBtnvue_type_
 
 
 ;
-const EDialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDialogvue_type_script_lang_js, [['render',EDialogvue_type_template_id_3910d0b7_render]])
+const EDialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EDialogvue_type_script_lang_js, [['render',EDialogvue_type_template_id_1d24162e_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-41.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=71763e44
@@ -25722,32 +25741,32 @@ 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_c9fd0884_scoped_true_render],['__scopeId',"data-v-c9fd0884"]])
 
 /* harmony default export */ var EMenuCalendar = (EMenuCalendar_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.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=af19b560
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.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=9926dc2e
 
-const ESelectvue_type_template_id_af19b560_hoisted_1 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_1 = {
   ref: "mainSelectComponent",
   class: "exos-flex exos-flex-col"
 };
-const ESelectvue_type_template_id_af19b560_hoisted_2 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_2 = {
   class: "exos-relative"
 };
-const ESelectvue_type_template_id_af19b560_hoisted_3 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_3 = {
   key: 0,
   class: "exos-relative"
 };
-const ESelectvue_type_template_id_af19b560_hoisted_4 = ["disabled", "id", "value", "readonly"];
-const ESelectvue_type_template_id_af19b560_hoisted_5 = ["for"];
-const ESelectvue_type_template_id_af19b560_hoisted_6 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_4 = ["disabled", "id", "value", "maxlength", "readonly"];
+const ESelectvue_type_template_id_9926dc2e_hoisted_5 = ["for"];
+const ESelectvue_type_template_id_9926dc2e_hoisted_6 = {
   key: 0
 };
-const ESelectvue_type_template_id_af19b560_hoisted_7 = ["disabled", "id"];
-const ESelectvue_type_template_id_af19b560_hoisted_8 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_7 = ["disabled", "id"];
+const ESelectvue_type_template_id_9926dc2e_hoisted_8 = {
   class: "exos-flex exos-items-center exos-w-full"
 };
-const ESelectvue_type_template_id_af19b560_hoisted_9 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_9 = {
   key: 0
 };
-const ESelectvue_type_template_id_af19b560_hoisted_10 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_10 = {
   key: 1,
   class: "exos-w-4 exos-h-4 exos-text-secondary exos-opacity-60 hover:exos-opacity-100 dark:exos-text-white",
   "aria-hidden": "true",
@@ -25755,15 +25774,15 @@ const ESelectvue_type_template_id_af19b560_hoisted_10 = {
   fill: "none",
   viewBox: "0 0 15 15"
 };
-const ESelectvue_type_template_id_af19b560_hoisted_11 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
+const ESelectvue_type_template_id_9926dc2e_hoisted_11 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
 }, null, -1);
-const ESelectvue_type_template_id_af19b560_hoisted_12 = [ESelectvue_type_template_id_af19b560_hoisted_11];
-const ESelectvue_type_template_id_af19b560_hoisted_13 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_12 = [ESelectvue_type_template_id_9926dc2e_hoisted_11];
+const ESelectvue_type_template_id_9926dc2e_hoisted_13 = {
   key: 1,
   "aria-hidden": "true",
   class: "exos-w-6 exos-h-6 exos-text-gray-200 exos-animate-spin dark:exos-text-gray-600 exos-fill-secondary",
@@ -25771,43 +25790,44 @@ const ESelectvue_type_template_id_af19b560_hoisted_13 = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const ESelectvue_type_template_id_af19b560_hoisted_14 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
+const ESelectvue_type_template_id_9926dc2e_hoisted_14 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
   d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
   fill: "currentColor"
 }, null, -1);
-const ESelectvue_type_template_id_af19b560_hoisted_15 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
+const ESelectvue_type_template_id_9926dc2e_hoisted_15 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
   d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
   fill: "currentFill"
 }, null, -1);
-const ESelectvue_type_template_id_af19b560_hoisted_16 = [ESelectvue_type_template_id_af19b560_hoisted_14, ESelectvue_type_template_id_af19b560_hoisted_15];
-const ESelectvue_type_template_id_af19b560_hoisted_17 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
+const ESelectvue_type_template_id_9926dc2e_hoisted_16 = [ESelectvue_type_template_id_9926dc2e_hoisted_14, ESelectvue_type_template_id_9926dc2e_hoisted_15];
+const ESelectvue_type_template_id_9926dc2e_hoisted_17 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
   stroke: "currentColor",
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "1.9",
   d: "m1 1 5.326 5.7a.909.909 0 0 0 1.348 0L13 1"
 }, null, -1);
-const ESelectvue_type_template_id_af19b560_hoisted_18 = [ESelectvue_type_template_id_af19b560_hoisted_17];
-const ESelectvue_type_template_id_af19b560_hoisted_19 = ["onClick"];
-const ESelectvue_type_template_id_af19b560_hoisted_20 = {
+const ESelectvue_type_template_id_9926dc2e_hoisted_18 = [ESelectvue_type_template_id_9926dc2e_hoisted_17];
+const ESelectvue_type_template_id_9926dc2e_hoisted_19 = ["onClick"];
+const ESelectvue_type_template_id_9926dc2e_hoisted_20 = {
   key: 0,
   class: "e-select--error-message exos-animate-slide-down"
 };
-function ESelectvue_type_template_id_af19b560_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", ESelectvue_type_template_id_af19b560_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_af19b560_hoisted_2, [$props.suggestion ? ((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_af19b560_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
+function ESelectvue_type_template_id_9926dc2e_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", ESelectvue_type_template_id_9926dc2e_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_9926dc2e_hoisted_2, [$props.suggestion ? ((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_9926dc2e_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
     placeholder: " ",
     ref: "refSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass),
     disabled: $props.disabled,
     id: 'input-' + $props.label,
     value: $data.tempValueInput,
+    maxlength: $options.finalLength,
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)($options.inputPaddingSelectedClass),
     readonly: $options.isReadonlyInSuggestMode,
     onBlur: _cache[0] || (_cache[0] = (...args) => $options.onInputBlur && $options.onInputBlur(...args)),
     onFocus: _cache[1] || (_cache[1] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onInput: _cache[2] || (_cache[2] = (...args) => $options.fetchSuggestions && $options.fetchSuggestions(...args)),
     onClick: _cache[3] || (_cache[3] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"]))
-  }, null, 46, ESelectvue_type_template_id_af19b560_hoisted_4), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, null, 46, ESelectvue_type_template_id_9926dc2e_hoisted_4), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: "inputLabelSelected",
     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), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
@@ -25815,7 +25835,7 @@ function ESelectvue_type_template_id_af19b560_render(_ctx, _cache, $props, $setu
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelClass)
   }, [(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", ESelectvue_type_template_id_af19b560_hoisted_6, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_af19b560_hoisted_5)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
+  }, [(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", ESelectvue_type_template_id_9926dc2e_hoisted_6, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_template_id_9926dc2e_hoisted_5)])) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", {
     key: 1,
     ref: "refSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.mainClass),
@@ -25824,16 +25844,16 @@ function ESelectvue_type_template_id_af19b560_render(_ctx, _cache, $props, $setu
     onBlur: _cache[4] || (_cache[4] = (...args) => $options.onInputBlur && $options.onInputBlur(...args)),
     onFocus: _cache[5] || (_cache[5] = (...args) => $options.onInputFocus && $options.onInputFocus(...args)),
     onClick: _cache[6] || (_cache[6] = (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_af19b560_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_template_id_9926dc2e_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['exos-flex exos-flex-col', _ctx.$slots.icon ? [$props.iconRight ? '' : 'exos-pl-5'] : ''])
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.labelSelected ? $options.labelClass : $options.textSizeClass, $props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer'])
   }, [(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", ESelectvue_type_template_id_af19b560_hoisted_9, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 2), !$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)("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", ESelectvue_type_template_id_9926dc2e_hoisted_9, "*")) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 2), !$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,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.labelSelectedClass)
-  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)])], 42, ESelectvue_type_template_id_af19b560_hoisted_7)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOptionSelected($options.labelSelected)), 3)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)])], 42, ESelectvue_type_template_id_9926dc2e_hoisted_7)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: "eSelectIconSection",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['e-select-icon', $props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', _ctx.$slots.icon ? 'exos-right-11' :  true ? $props.iconRight ? 'exos-right-11' : 'exos-right-3' : 0])
   }, [$options.showCleanBtn ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
@@ -25842,7 +25862,7 @@ function ESelectvue_type_template_id_af19b560_render(_ctx, _cache, $props, $setu
     class: "exos-animate-slide-down"
   }, [_ctx.$slots.iconClose ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "iconClose", {
     key: 0
-  }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", ESelectvue_type_template_id_af19b560_hoisted_10, ESelectvue_type_template_id_af19b560_hoisted_12))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", ESelectvue_type_template_id_af19b560_hoisted_13, ESelectvue_type_template_id_af19b560_hoisted_16)) : ((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.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", ESelectvue_type_template_id_9926dc2e_hoisted_10, ESelectvue_type_template_id_9926dc2e_hoisted_12))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $props.loading ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", ESelectvue_type_template_id_9926dc2e_hoisted_13, ESelectvue_type_template_id_9926dc2e_hoisted_16)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 2,
     onClick: _cache[8] || (_cache[8] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)((...args) => $options.toggleDropdown && $options.toggleDropdown(...args), ["prevent"])),
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)({
@@ -25857,7 +25877,7 @@ function ESelectvue_type_template_id_af19b560_render(_ctx, _cache, $props, $setu
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 14 8"
-  }, ESelectvue_type_template_id_af19b560_hoisted_18, 2))], 2))], 2), $setup.isDropdownOpen ? ((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_9926dc2e_hoisted_18, 2))], 2))], 2), $setup.isDropdownOpen ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
     key: 2,
     ref: "contentSelect",
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.containerOptionsClass),
@@ -25867,10 +25887,10 @@ function ESelectvue_type_template_id_af19b560_render(_ctx, _cache, $props, $setu
       onClick: $event => $options.selectOption(option),
       key: option.value,
       class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([$options.optionsClass, $options.labelSelectedColor(option.value)])
-    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_af19b560_hoisted_19);
-  }), 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_af19b560_hoisted_20, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 512);
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($options.getFormattedOption(option)), 11, ESelectvue_type_template_id_9926dc2e_hoisted_19);
+  }), 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_9926dc2e_hoisted_20, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($data.messageRule), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 512);
 }
-;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=template&id=af19b560
+;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=template&id=9926dc2e
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-41.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=script&lang=js
 
@@ -25942,7 +25962,7 @@ const ESelectvue_type_script_lang_js_patterns = {
      * Valor que se le asignará al componente ESelect.
      */
     modelValue: {
-      type: [String, Number, Boolean, Array],
+      type: [String, Number, Boolean, Array, Object],
       default: null,
       description: 'Valor que se le asignará al componente ESelect.'
     },
@@ -25965,6 +25985,22 @@ const ESelectvue_type_script_lang_js_patterns = {
       default: null,
       description: 'Regex para solo admitir ciertos caracteres, se maneja un objeto con 2 atributos.'
     },
+    /**
+     * Caracteres permitidos en el valor del componente cuando es de tipo suggest.
+     */
+    length: {
+      type: [String, Number],
+      default: null,
+      description: 'Caracteres permitidos en el valor del componente cuando es de tipo suggest.'
+    },
+    /**
+     * Bandera para emitir el objeto completo de la opción seleccionada.
+     */
+    emitObject: {
+      type: Boolean,
+      default: false,
+      description: 'Bandera para emitir el objeto completo de la opción seleccionada.'
+    },
     /**
      * Bandera para habilitar el componente de selección multiple.
      */
@@ -26205,6 +26241,7 @@ const ESelectvue_type_script_lang_js_patterns = {
   },
   data() {
     return {
+      currentValue: null,
       tempValueInput: null,
       auxSuggestions: this.options,
       multipleValue: [],
@@ -26216,7 +26253,11 @@ const ESelectvue_type_script_lang_js_patterns = {
       errorRules: false,
       messageRule: false,
       isInputFocused: false,
-      showPosition: true
+      showPosition: true,
+      MAX_LEN: {
+        time: 8,
+        timens: 5
+      }
     };
   },
   computed: {
@@ -26315,22 +26356,38 @@ const ESelectvue_type_script_lang_js_patterns = {
       };
       return this.textSize ? textSizeClasses[this.textSize] : 'exos-text-base';
     },
+    finalLength() {
+      let auxLen = null;
+      let types = Object.keys(this.MAX_LEN);
+      if (this.modelModifiers && this.length == null) {
+        let mod = Object.keys(this.modelModifiers).toString();
+        types.map(info => {
+          if (info === mod) {
+            auxLen = this.MAX_LEN[info];
+          }
+        });
+      } else {
+        auxLen = this.length;
+      }
+      return auxLen;
+    },
     multipleLabelSelected() {
       if (this.modelValue) {
-        let label = this.modelValue.map(item => this.options.find(val => val.value === item).label).join(', ');
+        let label = this.modelValue.map(item => this.options.find(val => val.value === this.emitObject ? item.value : item).label).join(', ');
         return label ?? this.modelValue;
       } else {
         return null;
       }
     },
     labelSelected() {
+      let currentValue = this.emitObject ? this.modelValue?.value : this.modelValue;
       let label = null;
       if (typeof this.modelValue === 'boolean') {
-        label = this.options.find(val => typeof val.value === 'boolean' && val.value === this.modelValue);
+        label = this.options.find(val => typeof val.value === 'boolean' && val.value === currentValue);
       } else {
-        label = this.options.find(val => val.value === this.modelValue);
+        label = this.options.find(val => val.value === currentValue);
       }
-      return label ? label.label : this.modelValue;
+      return label ? label.label : currentValue;
     },
     finalRules() {
       let rules = [...this.rules];
@@ -26463,7 +26520,12 @@ const ESelectvue_type_script_lang_js_patterns = {
     },
     labelSelectedColor(value) {
       if (this.modelValue) {
-        const isSelected = this.multiple ? this.modelValue.includes(value) : this.modelValue === value;
+        const isSelected = this.multiple ? this.emitObject ? this.modelValue.some(item => item.value === value) // Verifica si algún elemento del modelo tiene el valor proporcionado
+        : this.modelValue.includes(value) // Verifica si el valor proporcionado está en el modelo
+        : this.emitObject ? this.modelValue?.value === value // Compara el valor del modelo con el valor proporcionado
+        : this.modelValue === value; // Compara el valor del modelo con el valor proporcionado
+
+        // Devuelve el color de fondo si la etiqueta está seleccionada; de lo contrario, null
         return isSelected ? [this.selectedOptionBgColor] : null;
       }
     },
@@ -26553,16 +26615,27 @@ const ESelectvue_type_script_lang_js_patterns = {
        * @event update:modelValue
        * @type {Event}
        */
-      await this.$emit('update:modelValue', option.value);
+      if (this.emitObject) {
+        await this.$emit('update:modelValue', option);
+      } else {
+        await this.$emit('update:modelValue', option.value);
+      }
       this.validate();
     },
     async selectMultiOption(option) {
-      const index = (this.multipleValue ?? []).indexOf(option.value);
+      let index = null;
+      if (this.emitObject) {
+        // Caso en que `this.emitObject` es true y `this.multipleValue` es un array de objetos
+        index = (this.multipleValue ?? []).findIndex(item => item.value === option.value);
+      } else {
+        // Caso en que `this.emitObject` es false y `this.multipleValue` es un array de valores
+        index = (this.multipleValue ?? []).indexOf(option.value);
+      }
       if (index === -1) {
-        // Si no existe lo agrega al arreglo de selección multiple
-        this.multipleValue.push(option.value);
+        // Si no existe, lo agrega al arreglo de selección múltiple
+        this.multipleValue.push(this.emitObject ? option : option.value);
       } else {
-        // Si existe lo elimina del arreglo de selección multiple
+        // Si existe, lo elimina del arreglo de selección múltiple
         this.multipleValue.splice(index, 1);
       }
       const updatedValue = this.multipleValue.length > 0 ? this.multipleValue : null;
@@ -26598,8 +26671,9 @@ const ESelectvue_type_script_lang_js_patterns = {
     validateOneSelect(rules) {
       let i = 0;
       let result = true;
+      let currentValue = this.emitObject ? this.modelValue?.value : this.modelValue;
       while (i < rules.length && result === true) {
-        result = rules[i](this.modelValue);
+        result = rules[i](currentValue);
         i++;
       }
       if (result !== true) {
@@ -26620,8 +26694,8 @@ const ESelectvue_type_script_lang_js_patterns = {
         // Verifica si this.modelValue existe y es un array antes de iterar
         if (Array.isArray(this.modelValue)) {
           for (let j = 0; j < this.modelValue.length; j++) {
-            if (typeof this.modelValue[j] !== 'boolean') {
-              result = rules[i](this.modelValue[j]);
+            if (typeof (this.emitObject ? this.modelValue[j].value : this.modelValue[j]) !== 'boolean') {
+              result = rules[i](this.emitObject ? this.modelValue[j].value : this.modelValue[j]);
             }
             if (result !== true) {
               this.setMessageRule(result);
@@ -26723,7 +26797,7 @@ 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_af19b560_render]])
+const ESelect_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ESelectvue_type_script_lang_js, [['render',ESelectvue_type_template_id_9926dc2e_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-41.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=82e0a956