@alexochihua/exos-library-components 2.25.31 → 2.25.33

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

@@ -33805,9 +33805,9 @@ const ECollapsevue_type_script_setup_true_lang_js_hoisted_9 = {
         "data-testid": "collapse-cy",
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(mainClass.value),
         onClick: toggleCollapse
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_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_script_setup_true_lang_js_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_script_setup_true_lang_js_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECollapsevue_type_script_setup_true_lang_js_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_script_setup_true_lang_js_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header-section", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(titleText.value)
-      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.text), 3), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(slots).description ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "description", {
+      }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.text), 3)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(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_script_setup_true_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(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_script_setup_true_lang_js_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), expandIcon.value.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
@@ -50992,51 +50992,51 @@ function friendlyDateTime(dateTimeish) {
 
 const VERSION = "3.4.4";
 
-;// 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/calendar/ECalendar.vue?vue&type=script&setup=true&lang=js
+;// 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/calendar/ECalendar.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
 
 
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_1 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
   class: "e-calendar__calendar__container"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_2 = ["disabled", "value", "id"];
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_3 = ["for"];
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_4 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["disabled", "value", "id"];
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3 = ["for"];
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4 = {
   key: 0,
   class: "e-calendar--error-message"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_5 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_5 = {
   class: "exos-shadow-lg exos-rounded-b-md",
   style: {
     "max-width": "20rem"
   }
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_6 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_6 = {
   class: "text-body-4"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_7 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_7 = {
   class: "text-body-4"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_8 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_8 = {
   class: "e-calendar__popUp__navigationTime__container"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_9 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_9 = {
   class: "e-calendar__popUp__bodyYearMonths__container"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_10 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_10 = {
   key: 0,
   class: "exos-grid exos-grid-cols-3 exos-gap-2"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_11 = ["data-testid", "onClick"];
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_12 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11 = ["data-testid", "onClick"];
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_12 = {
   key: 1,
   class: "exos-grid exos-grid-cols-5 exos-gap-2"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_13 = ["data-testid", "onClick"];
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_14 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13 = ["data-testid", "onClick"];
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_14 = {
   key: 0,
   class: "e-calendar__popUp__bodyDaysName__container"
 };
-const ECalendarvue_type_script_setup_true_lang_js_hoisted_15 = {
+const ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_15 = {
   key: 1,
   class: "e-calendar__popUp__bodyDays__container"
 };
@@ -51051,7 +51051,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
 
 // Computed para días disponibles (modo claro y dark)
 
-/* harmony default export */ var ECalendarvue_type_script_setup_true_lang_js = ({
+/* harmony default export */ var ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
   __name: 'ECalendar',
   props: {
     /**
@@ -51316,6 +51316,14 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
     requiredMessage: {
       type: String,
       default: 'El campo %label% es requerido'
+    },
+    /**
+     * Mensaje que se muestra cuando la fecha escrita o seleccionada no es válida (formato o fecha inexistente)
+     * @values 'Error, no es una fecha valida' - mensaje por defecto, 'Introduce una fecha correcta' - ejemplo personalizado
+     */
+    invalidDateMessage: {
+      type: String,
+      default: 'Error, no es una fecha valida'
     }
   },
   emits: [
@@ -51334,6 +51342,8 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
   }) {
     const props = __props;
     const emit = __emit;
+    const attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.useAttrs)();
+    const hasMeaningfulPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => !!String(attrs?.placeholder ?? '').trim());
 
     // Inject dependencies
     const register = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.inject)('register', false);
@@ -51351,8 +51361,9 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
     const yearSelector = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const currentDate = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(DateTime.local());
     const isInValid = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
-    const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('Error, no es una fecha valida');
+    const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)('');
     const isInputFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
+    const isLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => !!props.modelValue || isInputFocused.value || hasMeaningfulPlaceholder.value);
     const isTodayBlocked = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const popUpCalendar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null);
     const showDatePicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
@@ -51368,10 +51379,17 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
       const iconClasses = instance.slots.icon ? instance.slots.iconRight ? 'exos-pl-3 exos-pr-24' : 'exos-pl-3 exos-pr-[4.25rem]' : 'exos-pl-10 exos-pr-10';
       return isInValid.value ? ['e-calendar--error', ...baseClasses, iconClasses] : baseClasses.concat(borderClasses, iconClasses);
     });
-    const classBoxLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => ['e-calendar__label__container--transition']);
+    const classBoxLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
+      const base = ['e-calendar__label__container--transition'];
+      if (hasMeaningfulPlaceholder.value) {
+        base.push('e-calendar__label__container--with-hint');
+      }
+      return base;
+    });
     const labelClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       const baseBoxLabelClasses = ['e-calendar__label', roundedClass.value];
-      const dynamicBoxLabelClasses = [props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', props.modelValue || isInputFocused.value ? ['exos-px-1', props.bgColor + ` ${props.disabled ? 'e-calendar__label__background--disabled' : 'e-calendar__label__background--active'}`] : 'exos-px-3', isInValid.value ? ['e-calendar__text--error', props.modelValue ? 'text-caption-2' : textSizeClass.value] : props.disabled ? [textSizeClass.value, 'e-calendar__text--inactive'] : props.modelValue ? ['text-caption-2', `${props.labelColor} e-calendar__text--active`] : [textSizeClass.value, `${props.labelColorNV} e-calendar__text--default`]];
+      const floated = isLabelFloatedVisual.value;
+      const dynamicBoxLabelClasses = [props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', floated ? ['exos-px-1', props.bgColor + ` ${props.disabled ? 'e-calendar__label__background--disabled' : 'e-calendar__label__background--active'}`] : 'exos-px-3', isInValid.value ? ['e-calendar__text--error', props.modelValue ? 'text-caption-2' : textSizeClass.value] : props.disabled ? [textSizeClass.value, 'e-calendar__text--inactive'] : floated ? ['text-caption-2', `${props.labelColor} e-calendar__text--active`] : [textSizeClass.value, `${props.labelColorNV} e-calendar__text--default`]];
       return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
     });
     const requiredIcon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => props.disabled ? 'exos-text-semanticDisabled' : 'exos-text-primary');
@@ -51805,7 +51823,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
         zone: 'local'
       });
       isInValid.value = !formattedDate.isValid;
-      messageRule.value = isInValid.value ? 'Error, no es una fecha valida' : '';
+      messageRule.value = isInValid.value ? props.invalidDateMessage : '';
       if (formattedDate.isValid) {
         let fechaActual = formattedDate.startOf('day');
         if (props.dateToStart) {
@@ -51976,7 +51994,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
       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)(mainContainer.value)
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_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-testid": "calendar-icon",
         onClick: _cache[0] || (_cache[0] = $event => __props.disabled ? null : showDatePicker.value = true)
@@ -51985,11 +52003,12 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
         "data-testid": "clean-icon",
         onClick: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => (clearDate(), isInValid.value = false), ["prevent"])),
         class: "e-calendar__icon__container exos-right-3"
-      }, [(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)(closeIconClass.value)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
+      }, [(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)(closeIconClass.value)), null, 16)])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
         maxlength: "10",
-        placeholder: " ",
+        placeholder: " "
+      }, _ctx.$attrs, {
         "data-testid": "input-calendar",
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(mainClass.value),
+        class: mainClass.value,
         disabled: __props.disabled,
         value: formatDateIn.value,
         id: 'calendar-' + __props.label,
@@ -51999,7 +52018,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
         }),
         onFocus: onInputFocus,
         onBlur: onInputBlur
-      }, null, 42, ECalendarvue_type_script_setup_true_lang_js_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+      }), null, 16, ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_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)(classBoxLabel.value)
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
@@ -52007,18 +52026,18 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
       }, [(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)(requiredIcon.value)
-      }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ECalendarvue_type_script_setup_true_lang_js_hoisted_3)]), isInValid.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(messageRule.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), showDatePicker.value ? ((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_script_setup_true_inherit_attrs_false_lang_js_hoisted_3)]), isInValid.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(messageRule.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), showDatePicker.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
         key: 1,
         ref_key: "popUpCalendar",
         ref: popUpCalendar,
         "data-testid": "pop-up-calendar",
         style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)(displayPopUpCalendar.value),
         class: "e-calendar__popUp__container"
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([popUpBodyClass.value, "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)([popUpHeaderClass.value, "exos-rounded-t-md"])
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_lang_js_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(dateTodayOnFormatTitleYear.value), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_lang_js_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(dateTodayOnFormatTitle.value), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_hoisted_6, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(dateTodayOnFormatTitleYear.value), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(dateTodayOnFormatTitle.value), 1)], 2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("button", {
         "data-testid": "previous-month",
         type: "button",
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(arrowClasses.value),
@@ -52046,26 +52065,26 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
         type: "button",
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(arrowClasses.value),
         onClick: _cache[6] || (_cache[6] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => changeYear(1), ["prevent"]))
-      }, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_lang_js_hoisted_9, [showMonthSelector.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_lang_js_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)(months.value, (month, index) => {
+      }, " > ", 2)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_9, [showMonthSelector.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_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)(months.value, (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-testid": 'month-' + month,
           onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => selectMonth(month), ["prevent"]),
           class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(timeBankSelectClasses.value)
-        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(month), 11, ECalendarvue_type_script_setup_true_lang_js_hoisted_11);
-      }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), yearSelector.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_lang_js_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)(years.value, (year, index) => {
+        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(month), 11, ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11);
+      }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), yearSelector.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_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)(years.value, (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-testid": 'year-' + year,
           onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => selectYear(year), ["prevent"]),
           class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(timeBankSelectClasses.value)
-        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(year), 11, ECalendarvue_type_script_setup_true_lang_js_hoisted_13);
-      }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_lang_js_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)(weekdays.value, (titleDay, i) => {
+        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(year), 11, ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13);
+      }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_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)(weekdays.value, (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), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_lang_js_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)(filteredDaysWithOffset.value, (day, index) => {
+      }), 128))])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), showMonthSelector.value == false && yearSelector.value == false ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js_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)(filteredDaysWithOffset.value, (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-testid": `${day}-${currentMonth.value}-${currentYear.value}`,
@@ -52083,7 +52102,7 @@ const dayStyleBlock = 'exos-opacity-10 dark:exos-opacity-20 exos-cursor-not-allo
     };
   }
 });
-;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/ui/components/calendar/ECalendar.vue?vue&type=script&setup=true&inherit-attrs=false&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/calendar/ECalendar.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var ECalendarvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(70331);
@@ -52095,35 +52114,35 @@ var ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE_
 
 /* custom blocks */
 ;
-if (typeof (ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()(ECalendarvue_type_script_setup_true_lang_js)
+if (typeof (ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ECalendarvue_type_custom_index_0_blockType_docs_lang_md_default()(ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js)
 
 
-const ECalendar_exports_ = ECalendarvue_type_script_setup_true_lang_js;
+const ECalendar_exports_ = ECalendarvue_type_script_setup_true_inherit_attrs_false_lang_js;
 
 /* 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/index.js??ruleSet[0].use[0]!./src/ui/components/input/EInput.vue?vue&type=script&setup=true&lang=js
+;// 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&setup=true&inherit-attrs=false&lang=js
 
 
 
 
 
 
-const EInputvue_type_script_setup_true_lang_js_hoisted_1 = {
+const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
   class: "e-input__input__container"
 };
-const EInputvue_type_script_setup_true_lang_js_hoisted_2 = ["for"];
-const EInputvue_type_script_setup_true_lang_js_hoisted_3 = {
+const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["for"];
+const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3 = {
   key: 0,
   class: "e-input__messageContainer--error"
 };
-const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
+const EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4 = {
   key: 1,
   class: "e-input__messageContainer--error"
 };
 
 
 
-/* harmony default export */ var EInputvue_type_script_setup_true_lang_js = ({
+/* harmony default export */ var EInputvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
   __name: 'EInput',
   props: {
     /**
@@ -52549,6 +52568,8 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
     const messageRestrictions = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const cleaningInput = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const isInputFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
+    const attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.useAttrs)();
+    const hasMeaningfulPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => !!String(attrs?.placeholder ?? '').trim());
     const MAX_LEN = {
       time: 8,
       timens: 5
@@ -52559,12 +52580,13 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
 
     /** Considera 0 y "0" como valor presente para label flotante e icono de limpiar */
     const hasValue = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => props.modelValue != null && props.modelValue != undefined && props.modelValue !== '');
+    const isLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => hasValue.value || isInputFocused.value || hasMeaningfulPlaceholder.value);
     const mainContainer = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       const heightClass = props.textarea ? 'exos-h-fit' : props.hideRuleHint ? hasValidationError.value ? 'exos-h-[65px]' : 'exos-h-fit' : 'exos-h-[65px]';
       return ['e-input__main__container', heightClass];
     });
     const inputLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
-      return hasValue.value || isInputFocused.value ? props.labelOnBorder ? props.labelOnBorder : props.label : props.label;
+      return isLabelFloatedVisual.value ? props.labelOnBorder ? props.labelOnBorder : props.label : props.label;
     });
     const inputClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       const baseClasses = ['e-input__input exos-peer', shadowClass.value, roundedClass.value, textSizeClass.value, props.color + ' e-input__text--default', props.bgColor + ' e-input__background', props.textarea ? props.minHeightArea ?? '' : ''];
@@ -52574,8 +52596,8 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
     });
     const classBoxLabel = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       const baseLabelClasses = ['e-input__label__container--transition', roundedClass.value];
-      const dynamicLabelClasses = [props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', hasValue.value || isInputFocused.value ? props.bgColor + ` ${props.disabled ? 'e-input__label__background--disabled' : 'e-input__label__background--active'}` : '', [slots.icon ? props.iconRight || hasValue.value || isInputFocused.value ? 'exos-px-2' : 'exos-pl-8' : 'exos-px-2']];
-      return baseLabelClasses.concat(dynamicLabelClasses);
+      const dynamicLabelClasses = [props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-text', isLabelFloatedVisual.value ? props.bgColor + ` ${props.disabled ? 'e-input__label__background--disabled' : 'e-input__label__background--active'}` : '', [slots.icon ? props.iconRight || isLabelFloatedVisual.value ? 'exos-px-2' : 'exos-pl-8' : 'exos-px-2']];
+      return baseLabelClasses.concat(dynamicLabelClasses, hasMeaningfulPlaceholder.value ? ['e-input__label__container--with-hint'] : []);
     });
     const slotIconClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       const baseClasses = ['e-input__icon'];
@@ -52615,7 +52637,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
     });
     const labelClass = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       const baseBoxLabelClasses = ['e-input__label'];
-      const isLabelFloated = hasValue.value || isInputFocused.value;
+      const isLabelFloated = isLabelFloatedVisual.value;
       const dynamicBoxLabelClasses = [hasValidationError.value ? ['e-input__text--error', hasValue.value ? 'text-caption-2' : textSizeClass.value] : props.disabled ? [isLabelFloated ? 'text-caption-2' : textSizeClass.value, 'e-input__text--inactive'] : [isLabelFloated ? ['text-caption-2', `${props.labelColor} e-input__text--active`] : [textSizeClass.value, `${props.labelColorNV} e-input__text--default`]]];
       return baseBoxLabelClasses.concat(dynamicBoxLabelClasses);
     });
@@ -53181,11 +53203,12 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
       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)(mainContainer.value)
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", EInputvue_type_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_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.mergeProps)({
+        placeholder: " "
+      }, _ctx.$attrs, {
         "data-testid": "input-cy",
-        placeholder: " ",
         type: inputType.value,
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(inputClass.value),
+        class: inputClass.value,
         disabled: __props.disabled,
         id: inputId.value,
         maxlength: finalLength.value,
@@ -53195,7 +53218,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
         onFocus: onInputFocus,
         onKeydown: handleKeydown,
         onInput: clearAndEmitValue
-      }, null, 40, ["type", "class", "disabled", "id", "maxlength", "value"])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+      }), null, 16, ["type", "class", "disabled", "id", "maxlength", "value"])), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         for: inputId.value,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(classBoxLabel.value),
         onClick: handleClickLabel
@@ -53204,7 +53227,7 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(inputLabel.value), 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)(requiredIcon.value)
-      }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, EInputvue_type_script_setup_true_lang_js_hoisted_2), hasValue.value && !__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_script_setup_true_inherit_attrs_false_lang_js_hoisted_2), hasValue.value && !__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: clean,
         "data-testid": "clean-icon",
@@ -53223,11 +53246,11 @@ const EInputvue_type_script_setup_true_lang_js_hoisted_4 = {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(slotIconClass.value)
       }, [_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)]), !!messageRestrictions.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_script_setup_true_lang_js_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(messageRestrictions.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!messageRule.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_script_setup_true_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(messageRule.value), 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)]), !!messageRestrictions.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(messageRestrictions.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !!messageRule.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(messageRule.value), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2);
     };
   }
 });
-;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/ui/components/input/EInput.vue?vue&type=script&setup=true&inherit-attrs=false&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/input/EInput.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EInputvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(18783);
@@ -53239,10 +53262,10 @@ var EInputvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*/
 
 /* custom blocks */
 ;
-if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputvue_type_custom_index_0_blockType_docs_lang_md_default()(EInputvue_type_script_setup_true_lang_js)
+if (typeof (EInputvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputvue_type_custom_index_0_blockType_docs_lang_md_default()(EInputvue_type_script_setup_true_inherit_attrs_false_lang_js)
 
 
-const EInput_exports_ = EInputvue_type_script_setup_true_lang_js;
+const EInput_exports_ = EInputvue_type_script_setup_true_inherit_attrs_false_lang_js;
 
 /* harmony default export */ var EInput = (EInput_exports_);
 ;// CONCATENATED MODULE: ./src/ui/components/inputMask/mask-presets.js
@@ -53724,20 +53747,20 @@ function listPresets() {
   registerPreset,
   listPresets
 });
-;// 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/inputMask/EInputMask.vue?vue&type=script&setup=true&lang=js
+;// 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/inputMask/EInputMask.vue?vue&type=script&setup=true&inherit-attrs=false&lang=js
 
 
 
 
-const EInputMaskvue_type_script_setup_true_lang_js_hoisted_1 = {
+const EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
   class: "e-input-mask__container"
 };
-const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
+const EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["id", "value"];
 
 
 
 
-/* harmony default export */ var EInputMaskvue_type_script_setup_true_lang_js = ({
+/* harmony default export */ var EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
   __name: 'EInputMask',
   props: {
     /**
@@ -54080,7 +54103,6 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     // Excluimos todas las props de EInputMask para evitar pasarlas a EInput
     const excludedProps = ['maskPattern', 'hiddenChar', 'preset', 'saveFormatted', 'visiblePrefix', 'visibleSuffix', 'decimals', 'currencySymbol', 'cardLengths', 'invalidCardMessage', 'invalidCardLengthMessage', 'required', 'rules', 'label', 'requiredMessage', 'invalidPhoneMessage', 'invalidNssMessage', 'invalidCurrencyMessage', 'invalidPercentageMessage'];
     const inputProps = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
-      console.log(props.label, 'attrs', attrs);
       const result = {};
       for (const key in attrs) {
         if (!excludedProps.includes(key)) {
@@ -55021,22 +55043,20 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
       getPresetInfo: () => activePreset.value
     });
     return (_ctx, _cache) => {
-      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputMaskvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
+      return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
         type: "hidden",
         id: hiddenInputId.value,
         value: realValue.value
-      }, null, 8, EInputMaskvue_type_script_setup_true_lang_js_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(EInput, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+      }, null, 8, EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(EInput, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(inputProps.value, {
         id: inputId.value,
         ref: el => inputRef.value = el,
         modelValue: displayValue.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => displayValue.value = $event)
-      }, inputProps.value, {
+        "onUpdate:modelValue": [_cache[0] || (_cache[0] = $event => displayValue.value = $event), handleDisplayUpdate],
         required: __props.required || inputProps.value.required,
         rules: inputRules.value || inputProps.value.rules,
         label: __props.label || inputProps.value.label,
         length: inputLength.value || inputProps.value.length,
         requiredMessage: __props.requiredMessage || inputProps.value.requiredMessage,
-        "onUpdate:modelValue": handleDisplayUpdate,
         onBlur: handleBlur,
         onFocus: handleFocus,
         onClean: handleClean,
@@ -55046,7 +55066,7 @@ const EInputMaskvue_type_script_setup_true_lang_js_hoisted_2 = ["id", "value"];
     };
   }
 });
-;// CONCATENATED MODULE: ./src/ui/components/inputMask/EInputMask.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/ui/components/inputMask/EInputMask.vue?vue&type=script&setup=true&inherit-attrs=false&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/inputMask/EInputMask.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var EInputMaskvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(54631);
@@ -55058,10 +55078,10 @@ var EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE
 
 /* custom blocks */
 ;
-if (typeof (EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()(EInputMaskvue_type_script_setup_true_lang_js)
+if (typeof (EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') EInputMaskvue_type_custom_index_0_blockType_docs_lang_md_default()(EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js)
 
 
-const EInputMask_exports_ = EInputMaskvue_type_script_setup_true_lang_js;
+const EInputMask_exports_ = EInputMaskvue_type_script_setup_true_inherit_attrs_false_lang_js;
 
 /* harmony default export */ var EInputMask = (EInputMask_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/menuCalendar/EMenuCalendar.vue?vue&type=script&setup=true&lang=js
@@ -55317,7 +55337,7 @@ if (typeof (EMenuCalendarvue_type_custom_index_0_blockType_docs_lang_md_default(
 const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMenuCalendarvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-5ce8369c"]])
 
 /* 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/index.js??ruleSet[0].use[0]!./src/ui/components/select/ESelect.vue?vue&type=script&setup=true&lang=js
+;// 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&setup=true&inherit-attrs=false&lang=js
 
 
 
@@ -55327,45 +55347,45 @@ const EMenuCalendar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(EMen
 
 
 
-const ESelectvue_type_script_setup_true_lang_js_hoisted_1 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_1 = {
   class: "e-select__relative__container"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_2 = ["disabled", "id", "maxlength", "readonly"];
-const ESelectvue_type_script_setup_true_lang_js_hoisted_3 = ["for"];
-const ESelectvue_type_script_setup_true_lang_js_hoisted_4 = ["disabled", "id"];
-const ESelectvue_type_script_setup_true_lang_js_hoisted_5 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2 = ["placeholder", "disabled", "id", "maxlength", "readonly"];
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3 = ["for"];
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4 = ["disabled", "id"];
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_5 = {
   class: "e-select__label__primaryContainer"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_6 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_6 = {
   class: "e-select__label__secondaryContainer"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_7 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_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_script_setup_true_lang_js_hoisted_8 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_8 = {
   key: 0,
   class: "e-select__groupContainer__primary__group"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_9 = ["data-testid", "onClick"];
-const ESelectvue_type_script_setup_true_lang_js_hoisted_10 = ["onClick"];
-const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_9 = ["data-testid", "onClick"];
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_10 = ["onClick"];
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11 = {
   key: 0,
   class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_12 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_12 = {
   class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4 exos-flex exos-items-center exos-gap-2"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_13 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13 = {
   key: 3,
   class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_14 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_14 = {
   key: 0,
   class: "e-select__groupContainer__primary__group"
 };
-const ESelectvue_type_script_setup_true_lang_js_hoisted_15 = ["data-testid", "onClick"];
-const ESelectvue_type_script_setup_true_lang_js_hoisted_16 = ["onClick"];
-const ESelectvue_type_script_setup_true_lang_js_hoisted_17 = {
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_15 = ["data-testid", "onClick"];
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_16 = ["onClick"];
+const ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_17 = {
   key: 0,
   class: "e-select__optionItem exos-px-3 exos-py-2 text-body-4"
 };
@@ -55393,7 +55413,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
  * usar el scroll-parent evita que el menú empuje el scroll del contenedor.
  */
 
-/* harmony default export */ var ESelectvue_type_script_setup_true_lang_js = ({
+/* harmony default export */ var ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js = ({
   __name: 'ESelect',
   props: {
     /**
@@ -55674,6 +55694,15 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       type: String,
       default: 'El campo %label% es requerido'
     },
+    /**
+     * Mensaje cuando en modo suggestion hay texto en el buscador pero no se eligió una opción (solo selección simple).
+     * Acepta el marcador %label% para insertar el label del campo.
+     * @values 'Es requerido elegir una opción de la lista.' - predeterminado
+     */
+    suggestionSelectRequiredMessage: {
+      type: String,
+      default: 'Es requerido elegir una opción de la lista.'
+    },
     /**
      * Selector CSS del elemento donde montar el dropdown (Teleport). Si se indica, el menú se renderiza en ese contenedor para evitar recorte por overflow; si el selector no existe se usa body como fallback.
      * @values null - sin Teleport (comportamiento actual), '#main' - contenedor del layout, 'body' - fallback
@@ -55831,6 +55860,8 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
     };
     const props = __props;
     const emit = __emit;
+    const attrs = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.useAttrs)();
+    const hasMeaningfulPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => !!String(attrs?.placeholder ?? '').trim());
 
     // Get slots
     const slots = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.useSlots)();
@@ -56038,8 +56069,9 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       return baseLabelSelectedClasses.concat(dynamicLabelClasses, iconClasses);
     });
     const labelSelectSuggest = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
-      const baseLabelClasses = [roundedClass.value, tempValueInput.value || hasInfo.value ? 'e-select__label--suggested' : 'e-select__label--default', isSelectFocused.value || hasInfo.value ? 'e-select__label--hasInfo' : textSizeClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', slots.icon && !props.iconRight ? 'exos-pl-20' : ''];
-      const dynamicLabelClasses = [errorRules.value || messageRule.value ? 'e-select__text--error' : [props.disabled ? 'e-select__text--inactive' : [hasInfo.value ? `${props.labelColor} e-select__text--active` : `${props.labelColorNV} e-select__text--default`]]];
+      const floated = isSuggestLabelFloatedVisual.value;
+      const baseLabelClasses = [roundedClass.value, floated ? 'e-select__label--suggested' : 'e-select__label--default', floated ? 'e-select__label--hasInfo' : textSizeClass.value, props.disabled ? 'exos-cursor-not-allowed' : 'exos-cursor-pointer', slots.icon && !props.iconRight ? 'exos-pl-20' : ''];
+      const dynamicLabelClasses = [errorRules.value || messageRule.value ? 'e-select__text--error' : [props.disabled ? 'e-select__text--inactive' : [hasInfo.value || hasMeaningfulPlaceholder.value ? `${props.labelColor} e-select__text--active` : `${props.labelColorNV} e-select__text--default`]]];
       return baseLabelClasses.concat(dynamicLabelClasses);
     });
     const labelSelectDefault = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
@@ -56110,6 +56142,15 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           return validVal;
       }
     });
+    const suggestionInputPlaceholder = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
+      if (!props.suggestion) return ' ';
+      if (hasInfo.value) return ' ';
+      const p = attrs.placeholder;
+      if (p == null || p === '') return ' ';
+      if (typeof p !== 'string') return String(p);
+      return p.trim() === '' ? ' ' : p;
+    });
+    const isSuggestLabelFloatedVisual = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => !!tempValueInput.value || hasInfo.value || isSelectFocused.value || hasMeaningfulPlaceholder.value);
     const labelSelected = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let label = null;
       let currentValue = props.emitObject ? props.modelValue?.value : props.modelValue;
@@ -56117,10 +56158,20 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       return label?.label !== undefined ? label.label : currentValue;
     });
     const formatRequiredMessage = () => props.requiredMessage.replace('%label%', props.label ?? '');
+    const formatSuggestionSelectRequiredMessage = () => props.suggestionSelectRequiredMessage.replace('%label%', props.label ?? '');
     const finalRules = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
       let rules = [...props.rules];
       if (props.required && typeof props.modelValue !== 'boolean') {
-        rules.unshift(val => val !== null && val !== undefined && val !== '' || formatRequiredMessage());
+        rules.unshift(val => {
+          if (props.suggestion && !props.multiple) {
+            const queryTrim = (tempValueInput.value ?? '').trim();
+            const isSelectionEmpty = val === null || val === undefined || val === '';
+            if (queryTrim && isSelectionEmpty) {
+              return formatSuggestionSelectRequiredMessage();
+            }
+          }
+          return val !== null && val !== undefined && val !== '' || formatRequiredMessage();
+        });
       }
       return rules;
     });
@@ -56838,6 +56889,11 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         validate();
       }
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.suggestionSelectRequiredMessage, () => {
+      if (messageRule.value) {
+        validate();
+      }
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.label, () => {
       if (messageRule.value) {
         validate();
@@ -56899,26 +56955,26 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
         ref_key: "mainSelectComponent",
         ref: mainSelectComponent,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(mainContainer.value)
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_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-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
         class: "e-select__suggest__relative__container"
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
-        placeholder: " ",
+      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)(_ctx.$attrs, {
+        placeholder: suggestionInputPlaceholder.value,
         "data-testid": "select-suggest",
         ref: `mainSelectComp-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(mainClass.value),
+        class: mainClass.value,
         disabled: __props.disabled,
         id: `input-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => tempValueInput.value = $event),
         maxlength: finalLength.value,
-        style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)(inputPaddingSelectedClass.value),
+        style: inputPaddingSelectedClass.value,
         readonly: __props.disabled,
         onBlur: onInputBlur,
         onFocus: onInputFocus,
         onInput: fetchSuggestions,
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(toggleDropdown, ["prevent"])
-      }, null, 46, ESelectvue_type_script_setup_true_lang_js_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelText, tempValueInput.value, void 0, {
+      }), null, 16, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_2), [[external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.vModelDynamic, tempValueInput.value, void 0, {
         trim: true
       }]]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         ref: `selectLabelSelectedSuggest-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
@@ -56936,26 +56992,27 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       }, [(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)(requiredIcon.value)
-      }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_script_setup_true_lang_js_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,
+      }, "*", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 2)], 10, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_3)], 512)) : ((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.mergeProps)({
+        key: 1
+      }, _ctx.$attrs, {
         type: "button",
         "data-testid": "select-default",
         ref: `mainSelectComp-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(mainClass.value),
+        class: mainClass.value,
         disabled: __props.disabled,
         id: `label-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
-        style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeStyle)(inputPaddingSelectedClass.value),
+        style: inputPaddingSelectedClass.value,
         onBlur: onInputBlur,
         onFocus: onInputFocus,
         onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(toggleDropdown, ["prevent"])
-      }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_script_setup_true_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("label", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(labelSelectDefault.value)
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(classBoxLabel.value)
       }, [(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)(requiredIcon.value)
-      }, "*", 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_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_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-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
@@ -56965,7 +57022,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
       }, {
         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)(getFormattedOptionSelected(labelSelected.value)), 1)]),
         _: 1
-      })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 46, ESelectvue_type_script_setup_true_lang_js_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+      })) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 16, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_4)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
         ref: `e-select__iconsContainer-${(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(instance).uid}`,
         class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(iconContainer.value)
       }, [showCleanBtn.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
@@ -57003,13 +57060,13 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           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_script_setup_true_lang_js_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_script_setup_true_inherit_attrs_false_lang_js_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-testid": group?.group ? 'select-option--grouped' : 'select-option--ungrouped',
             class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([group?.group ? optionsItem.value : optionsItemUngrouped.value, labelSelectedColor(option.value)]),
             onClick: $event => selectOption(option)
-          }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_lang_js_hoisted_9);
+          }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_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
@@ -57019,18 +57076,18 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           "data-testid": "select-option",
           class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([optionsItem.value, labelSelectedColor(option.value)]),
           onClick: $event => selectOption(option)
-        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_lang_js_hoisted_10);
+        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_10);
       }), 128)), isLazyMode.value ? ((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: 2
-      }, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_script_setup_true_lang_js_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.lazyEmptyText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), isLoadingLazy.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "lazyLoading", {
+      }, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_11, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.lazyEmptyText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), isLoadingLazy.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "lazyLoading", {
         key: 1
-      }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ESelectvue_type_script_setup_true_lang_js_hoisted_12, [(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)(loadingIconClass.value)), null, 16), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.loadingText), 1)])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), hasMoreData.value && !isLoadingLazy.value ? ((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_script_setup_true_inherit_attrs_false_lang_js_hoisted_12, [(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)(loadingIconClass.value)), null, 16), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.loadingText), 1)])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), hasMoreData.value && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
         key: 2,
         ref_key: "scrollSentinel",
         ref: scrollSentinel,
         class: "exos-h-2 exos-w-full",
         "data-testid": "select-lazy-sentinel"
-      }, null, 512)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !hasMoreData.value && displayOptionsForDropdown.value.length > 0 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_script_setup_true_lang_js_hoisted_13, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.lazyAllLoadedText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 64)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 6)], 8, ["to"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), isSelectOpened.value && !useTeleport.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+      }, null, 512)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), !hasMoreData.value && displayOptionsForDropdown.value.length > 0 ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_13, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.lazyAllLoadedText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 64)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 6)], 8, ["to"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), isSelectOpened.value && !useTeleport.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
         key: 3,
         ref_key: "contentSelect",
         ref: contentSelect,
@@ -57047,13 +57104,13 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           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_script_setup_true_lang_js_hoisted_14, (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_script_setup_true_inherit_attrs_false_lang_js_hoisted_14, (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-testid": group?.group ? 'select-option--grouped' : 'select-option--ungrouped',
             class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([group?.group ? optionsItem.value : optionsItemUngrouped.value, labelSelectedColor(option.value)]),
             onClick: $event => selectOption(option)
-          }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_lang_js_hoisted_15);
+          }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_15);
         }), 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
@@ -57063,10 +57120,10 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
           "data-testid": "select-option",
           class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([optionsItem.value, labelSelectedColor(option.value)]),
           onClick: $event => selectOption(option)
-        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_lang_js_hoisted_16);
+        }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(getFormattedOption(option)), 11, ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_16);
       }), 128)), isLazyMode.value ? ((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: 2
-      }, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_script_setup_true_lang_js_hoisted_17, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.lazyEmptyText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), isLoadingLazy.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "lazyLoading", {
+      }, [displayOptionsForDropdown.value.length === 0 && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("p", ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js_hoisted_17, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.lazyEmptyText), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), isLoadingLazy.value ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "lazyLoading", {
         key: 1
       }, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", _hoisted_18, [(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)(loadingIconClass.value)), null, 16), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(__props.loadingText), 1)])]) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), hasMoreData.value && !isLoadingLazy.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
         key: 2,
@@ -57078,7 +57135,7 @@ const DROPDOWN_MAX_HEIGHT_VH = 0.4;
     };
   }
 });
-;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=script&setup=true&lang=js
+;// CONCATENATED MODULE: ./src/ui/components/select/ESelect.vue?vue&type=script&setup=true&inherit-attrs=false&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/select/ESelect.vue?vue&type=custom&index=0&blockType=docs&lang=md
 var ESelectvue_type_custom_index_0_blockType_docs_lang_md = __webpack_require__(80695);
@@ -57090,10 +57147,10 @@ var ESelectvue_type_custom_index_0_blockType_docs_lang_md_default = /*#__PURE__*
 
 /* custom blocks */
 ;
-if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()(ESelectvue_type_script_setup_true_lang_js)
+if (typeof (ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()) === 'function') ESelectvue_type_custom_index_0_blockType_docs_lang_md_default()(ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js)
 
 
-const ESelect_exports_ = ESelectvue_type_script_setup_true_lang_js;
+const ESelect_exports_ = ESelectvue_type_script_setup_true_inherit_attrs_false_lang_js;
 
 /* 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/index.js??ruleSet[0].use[0]!./src/ui/components/table/ETable.vue?vue&type=script&setup=true&lang=js
@@ -60929,28 +60986,24 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_3 = {
 const ETreevue_type_script_setup_true_lang_js_hoisted_4 = ["onClick"];
 const ETreevue_type_script_setup_true_lang_js_hoisted_5 = ["onClick"];
 const ETreevue_type_script_setup_true_lang_js_hoisted_6 = {
-  key: 1,
-  class: "e-tree__checkbox"
-};
-const ETreevue_type_script_setup_true_lang_js_hoisted_7 = {
   key: 0,
   class: "e-tree__node-icon"
 };
-const ETreevue_type_script_setup_true_lang_js_hoisted_8 = {
+const ETreevue_type_script_setup_true_lang_js_hoisted_7 = {
   class: "e-tree__node-label"
 };
-const ETreevue_type_script_setup_true_lang_js_hoisted_9 = {
+const ETreevue_type_script_setup_true_lang_js_hoisted_8 = {
   class: "e-tree__node-label-text"
 };
-const ETreevue_type_script_setup_true_lang_js_hoisted_10 = {
+const ETreevue_type_script_setup_true_lang_js_hoisted_9 = {
   key: 0,
   class: "e-tree__node-label-description"
 };
-const ETreevue_type_script_setup_true_lang_js_hoisted_11 = {
+const ETreevue_type_script_setup_true_lang_js_hoisted_10 = {
   key: 0,
   class: "e-tree__node-body"
 };
-const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
+const ETreevue_type_script_setup_true_lang_js_hoisted_11 = {
   key: 1,
   class: "e-tree__children"
 };
@@ -61127,6 +61180,33 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
       if (isDisabled(node)) return;
       emit('selected', node);
     };
+
+    /**
+     * Clic en la flecha: no propagar al wrapper (evita doble toggleNode).
+     * Replica el comportamiento previo (toggle + selected en filas con ícono).
+     */
+    const onExpandIconClick = node => {
+      toggleNode(node);
+      handleSelected(node);
+    };
+
+    /**
+     * Clic en título / descripción / slot: con ícono de expand y nodos con hijos,
+     * expande o contrae además de emitir selected; sin ícono, delega en toggleNode.
+     */
+    const onNodeContentClick = node => {
+      if (isDisabled(node)) return;
+      if (!props.showExpandIcon) {
+        toggleNode(node);
+        return;
+      }
+      if (hasChildren(node)) {
+        toggleNode(node);
+        handleSelected(node);
+      } else {
+        handleSelected(node);
+      }
+    };
     const isExpanded = node => {
       return localExpanded.value.includes(node?.value);
     };
@@ -61449,16 +61529,20 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
           "data-testid": "tree-select-cy"
         }, [__props.parentNode ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_3)) : (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)([getNodeContentClasses(node), "e-tree__node-content-wrapper"]),
-          onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => !__props.showExpandIcon ? toggleNode(node) : handleSelected(node), ["stop"])
+          onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => onNodeContentClick(node), ["stop"])
         }, [__props.showExpandIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
           key: 0,
           class: "e-tree__expand-icon",
           "data-testid": "tree-toggle-cy",
-          onClick: $event => toggleNode(node)
+          onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($event => onExpandIconClick(node), ["stop"])
         }, [hasChildren(node) ? ((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: isExpanded(node) ? 'sym-arrow_drop_down' : 'sym-arrow_right'
-        }, null, 8, ["name"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 8, ETreevue_type_script_setup_true_lang_js_hoisted_5)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), __props.tickStrategy !== 'none' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_checkbox, {
+        }, null, 8, ["name"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)], 8, ETreevue_type_script_setup_true_lang_js_hoisted_5)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), __props.tickStrategy !== 'none' ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+          key: 1,
+          class: "e-tree__checkbox",
+          onClick: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["stop"]))
+        }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_checkbox, {
           modelValue: node?.disabled ? false : isTicked(node),
           checkedIcon: getCheckIcon(node),
           uncheckedIcon: getUncheckedIcon(node),
@@ -61474,14 +61558,14 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
           allNodes: processedNodes.value
         }) : ((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: 3
-        }, [node?.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
+        }, [node?.icon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_icon, {
           name: node?.icon,
           size: iconConfig.value.size,
           color: iconConfig.value.color
-        }, null, 8, ["name", "size", "color"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETreevue_type_script_setup_true_lang_js_hoisted_8, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETreevue_type_script_setup_true_lang_js_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(node.label), 1), node?.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(node.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 64))], 10, ETreevue_type_script_setup_true_lang_js_hoisted_4)], 2), node?.body && (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)($slots)[`body-${node.body}`] ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, `body-${node.body}`, {
+        }, null, 8, ["name", "size", "color"])])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETreevue_type_script_setup_true_lang_js_hoisted_7, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ETreevue_type_script_setup_true_lang_js_hoisted_8, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(node.label), 1), node?.description ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_9, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(node.description), 1)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])], 64))], 10, ETreevue_type_script_setup_true_lang_js_hoisted_4)], 2), node?.body && (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)($slots)[`body-${node.body}`] ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_10, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, `body-${node.body}`, {
           node: node,
           allNodes: processedNodes.value
-        })])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), hasChildren(node) && isExpanded(node) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_12, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_tree, {
+        })])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), hasChildren(node) && isExpanded(node) ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", ETreevue_type_script_setup_true_lang_js_hoisted_11, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_e_tree, {
           nodes: node.children,
           parentNode: node,
           tickStrategy: __props.tickStrategy,
@@ -61490,7 +61574,7 @@ const ETreevue_type_script_setup_true_lang_js_hoisted_12 = {
           showExpandIcon: __props.showExpandIcon,
           onTicked: handleTicked,
           onExpanded: handleExpanded,
-          onSelected: _cache[0] || (_cache[0] = $event => _ctx.$emit('selected', $event))
+          onSelected: _cache[1] || (_cache[1] = $event => _ctx.$emit('selected', $event))
         }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
           _: 2
         }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)($slots), (slotFn, name) => {