lau-ecom-design-system 1.0.29 → 1.0.30

package/dist/lau-ecom-design-system.ssr.js

@@ -1430,6 +1430,13 @@ var script$l = /*@__PURE__*/vue.defineComponent({
       emit('update:modelValue', '');
       emit('clear');
     };
+    var handleSearch = function handleSearch() {
+      if (inputValue.value) {
+        emit('search', inputValue.value);
+        inputValue.value = '';
+        emit('update:modelValue', '');
+      }
+    };
     var handleKeyUp = function handleKeyUp(event) {
       if (event.key === 'Enter' && inputValue.value) {
         emit('search', inputValue.value);
@@ -1470,11 +1477,7 @@ var script$l = /*@__PURE__*/vue.defineComponent({
       }, null, 8 /* PROPS */, ["width", "height", "class"])], 2 /* CLASS */)) : vue.createCommentVNode("v-if", true), vue.createCommentVNode(" Icono de búsqueda "), vue.createElementVNode("button", {
         type: "button",
         class: vue.normalizeClass(['dsEcom-absolute dsEcom-right-0 dsEcom-top-0 dsEcom-bottom-0', 'dsEcom-flex dsEcom-items-center dsEcom-justify-center', 'dsEcom-px-4', 'dsEcom-transition-colors dsEcom-duration-300', 'dsEcom-rounded-r-lg', _ctx.searchIconBgClass, 'hover:dsEcom-opacity-80']),
-        onClick: _cache[3] || (_cache[3] = function () {
-          emit('search', inputValue.value.value);
-          inputValue.value.value = '';
-          emit('update:modelValue', '');
-        })
+        onClick: handleSearch
       }, [vue.createVNode(vue.unref(script$r), {
         width: _ctx.searchIconSize.width,
         height: _ctx.searchIconSize.height,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lau-ecom-design-system",
   "private": false,
-  "version": "1.0.29",
+  "version": "1.0.30",
   "sourceType": "module",
   "sideEffects": false,
   "main": "dist/lau-ecom-design-system.ssr.js",

package/src/components/LauEcomInputSearch/LauEcomInputSearch.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed } from 'vue';
+import { ref, computed, type Ref } from 'vue';
 import { LauEcomUpcIconSearch, LauEcomUpcIconClose } from '../LauEcomIcon';
 
 interface Props {
@@ -56,7 +56,7 @@ const emit = defineEmits<{
   (e: 'blur', event: FocusEvent): void;
 }>();
 
-const inputValue = ref(props.modelValue);
+const inputValue: Ref<string> = ref(props.modelValue);
 
 const inputClasses = computed(() => [
   'dsEcom-w-full',
@@ -82,6 +82,14 @@ const handleClear = () => {
   emit('clear');
 };
 
+const handleSearch = () => {
+  if (inputValue.value) {
+    emit('search', inputValue.value);
+    inputValue.value = '';
+    emit('update:modelValue', '');
+  }
+};
+
 const handleKeyUp = (event: KeyboardEvent) => {
   if (event.key === 'Enter' && inputValue.value) {
     emit('search', inputValue.value);
@@ -138,11 +146,7 @@ const handleKeyUp = (event: KeyboardEvent) => {
         searchIconBgClass,
         'hover:dsEcom-opacity-80'
       ]"
-      @click="() => {
-        emit('search', inputValue.value);
-        inputValue.value = '';
-        emit('update:modelValue', '');
-      }"
+      @click="handleSearch"
     >
       <LauEcomUpcIconSearch
         :width="searchIconSize.width"