@sysvale/cuida 3.22.0 → 3.22.2

package/dist/@sysvale/cuida.es.js

@@ -18126,7 +18126,7 @@ const eR = {
   },
   watch: {
     modelValue(t, e) {
-      t !== e && (this.mustDisableExternalScrolls(t), this.internalModelValue = t);
+      t !== e && (t ? this.internalModelValue = t : this.closeHandle(), this.mustDisableExternalScrolls(t));
     }
   },
   methods: {
@@ -18139,7 +18139,7 @@ const eR = {
       document.body.style.overflow = t ? "hidden" : "auto";
     }
   }
-}, tR = (t) => (La("data-v-542609ac"), t = t(), za(), t), nR = { key: 0 }, iR = /* @__PURE__ */ tR(() => /* @__PURE__ */ A("div", { class: "bottom-sheet__header-border" }, [
+}, tR = (t) => (La("data-v-2058822e"), t = t(), za(), t), nR = { key: 0 }, iR = /* @__PURE__ */ tR(() => /* @__PURE__ */ A("div", { class: "bottom-sheet__header-border" }, [
   /* @__PURE__ */ A("div", { class: "bottom-sheet__header-border-line" })
 ], -1)), sR = { class: "bottom-sheet__header" }, rR = { class: "bottom-sheet__title" }, aR = { class: "bottom-sheet__content" };
 function oR(t, e, n, i, s, r) {
@@ -18175,7 +18175,7 @@ function oR(t, e, n, i, s, r) {
     ], 2)
   ])) : Z("", !0);
 }
-const lR = /* @__PURE__ */ me(eR, [["render", oR], ["__scopeId", "data-v-542609ac"]]);
+const lR = /* @__PURE__ */ me(eR, [["render", oR], ["__scopeId", "data-v-2058822e"]]);
 var Zh = { exports: {} };
 (function(t, e) {
   var n = 9007199254740991, i = "[object Arguments]", s = "[object Function]", r = "[object GeneratorFunction]", a = "[object Map]", l = "[object Object]", c = "[object Promise]", d = "[object Set]", h = "[object WeakMap]", p = "[object DataView]", g = /[\\^$.*+?()[\]{}|]/g, v = /^\[object .+?Constructor\]$/, b = typeof zn == "object" && zn && zn.Object === Object && zn, x = typeof self == "object" && self && self.Object === Object && self, S = b || x || Function("return this")(), k = e && !e.nodeType && e, $ = k && !0 && t && !t.nodeType && t, z = $ && $.exports === k;
@@ -34389,9 +34389,15 @@ const Cle = {
       return this.fluid ? "search-input__field--fluid" : "search-input__field";
     }
   },
+  mounted() {
+    this.internalValue = this.modelValue;
+  },
   methods: {
     handleInput(t) {
-      this.$emit("update:modelValue", t.target.value);
+      this.internalValue = t.target.value, this.$emit("update:modelValue", t.target.value);
+    },
+    handleClearInput() {
+      this.internalValue = "", this.$emit("update:modelValue", "");
     }
   }
 }, kle = ["value", "placeholder", "disabled"];
@@ -34407,7 +34413,7 @@ function Mle(t, e, n, i, s, r) {
       }),
       A("input", {
         id: "cds-search-input",
-        value: n.modelValue,
+        value: s.internalValue,
         placeholder: n.placeholder,
         disabled: n.disabled,
         class: B(r.inputClass),
@@ -34415,18 +34421,18 @@ function Mle(t, e, n, i, s, r) {
         onBlur: e[1] || (e[1] = (l) => s.isBeingFocused = !1),
         onInput: e[2] || (e[2] = (...l) => r.handleInput && r.handleInput(...l))
       }, null, 42, kle),
-      n.modelValue ? (y(), de(a, {
+      s.internalValue ? (y(), de(a, {
         key: 0,
         name: "x-outline",
         width: "18",
         height: "18",
         class: "search-input__close-icon",
-        onClick: e[3] || (e[3] = (l) => s.internalValue = "")
-      })) : Z("", !0)
+        onClick: r.handleClearInput
+      }, null, 8, ["onClick"])) : Z("", !0)
     ], 2)
   ]);
 }
-const Ole = /* @__PURE__ */ me(Cle, [["render", Mle], ["__scopeId", "data-v-06cf65a5"]]);
+const Ole = /* @__PURE__ */ me(Cle, [["render", Mle], ["__scopeId", "data-v-2f855c31"]]);
 const Dle = {
   components: {
     CdsIcon: mt,