@alexochihua/exos-library-components 2.25.11 → 2.25.12

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

@@ -53139,6 +53139,7 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
     const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const isSelectFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const showPosition = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(true);
+    const wasDropdownOpenBeforeEmpty = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
     const MAX_LEN = {
       time: 8,
       timens: 5
@@ -53848,12 +53849,38 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
       });
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.watch)(() => props.options, newVal => {
-      if (newVal && newVal.length > 0) {
-        if (props.suggestion && tempValueInput.value && props.keepFilterText) {
-          // Si hay texto de filtro y keepFilterText está activo, aplicamos el filtro
-          filterOptionsSuggest(tempValueInput.value);
-        } else {
-          setOptions();
+      // Si no hay opciones, limpiar y cerrar (solo en modo suggestion)
+      if (!newVal || newVal.length === 0) {
+        if (props.suggestion) {
+          // Guardar el estado del dropdown antes de cerrarlo
+          wasDropdownOpenBeforeEmpty.value = isSelectOpened.value;
+          auxSuggestions.value = [];
+          isSelectOpened.value = false;
+        }
+        return;
+      }
+
+      // Si hay opciones, procesar según el modo
+      const hasTextInInput = props.suggestion && tempValueInput.value && typeof tempValueInput.value === 'string' && tempValueInput.value.trim() !== '';
+      if (hasTextInInput) {
+        // En modo suggestion con texto, aplicar filtro
+        filterOptionsSuggest(tempValueInput.value);
+
+        // Abrir dropdown automáticamente
+        (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.nextTick)(() => {
+          isSelectOpened.value = true;
+        });
+      } else {
+        // Sin texto o modo normal, usar opciones normales
+        setOptions();
+
+        // En modo suggestion, si el dropdown estaba abierto antes de vaciar las opciones,
+        // restaurarlo cuando se vuelven a llenar
+        if (props.suggestion && wasDropdownOpenBeforeEmpty.value) {
+          (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.nextTick)(() => {
+            isSelectOpened.value = true;
+            wasDropdownOpenBeforeEmpty.value = false; // Resetear el flag
+          });
         }
       }
     });

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

@@ -53157,6 +53157,7 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
     const messageRule = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     const isSelectFocused = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     const showPosition = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(true);
+    const wasDropdownOpenBeforeEmpty = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(false);
     const MAX_LEN = {
       time: 8,
       timens: 5
@@ -53866,12 +53867,38 @@ const ESelectvue_type_script_setup_true_lang_js_hoisted_11 = {
       });
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => props.options, newVal => {
-      if (newVal && newVal.length > 0) {
-        if (props.suggestion && tempValueInput.value && props.keepFilterText) {
-          // Si hay texto de filtro y keepFilterText está activo, aplicamos el filtro
-          filterOptionsSuggest(tempValueInput.value);
-        } else {
-          setOptions();
+      // Si no hay opciones, limpiar y cerrar (solo en modo suggestion)
+      if (!newVal || newVal.length === 0) {
+        if (props.suggestion) {
+          // Guardar el estado del dropdown antes de cerrarlo
+          wasDropdownOpenBeforeEmpty.value = isSelectOpened.value;
+          auxSuggestions.value = [];
+          isSelectOpened.value = false;
+        }
+        return;
+      }
+
+      // Si hay opciones, procesar según el modo
+      const hasTextInInput = props.suggestion && tempValueInput.value && typeof tempValueInput.value === 'string' && tempValueInput.value.trim() !== '';
+      if (hasTextInInput) {
+        // En modo suggestion con texto, aplicar filtro
+        filterOptionsSuggest(tempValueInput.value);
+
+        // Abrir dropdown automáticamente
+        (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+          isSelectOpened.value = true;
+        });
+      } else {
+        // Sin texto o modo normal, usar opciones normales
+        setOptions();
+
+        // En modo suggestion, si el dropdown estaba abierto antes de vaciar las opciones,
+        // restaurarlo cuando se vuelven a llenar
+        if (props.suggestion && wasDropdownOpenBeforeEmpty.value) {
+          (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
+            isSelectOpened.value = true;
+            wasDropdownOpenBeforeEmpty.value = false; // Resetear el flag
+          });
         }
       }
     });