@comercti/web-components-hmg 0.8.9 → 0.8.11

package/comerc-style-guide.es.js

@@ -6072,20 +6072,14 @@ const y0 = { class: "w-full h-full" }, x0 = ["src", "alt"], k0 = {
     text: {},
     disabledSubmit: { type: Boolean, default: !1 },
     disabledClear: { type: Boolean, default: !1 },
-    isOpen: { type: Boolean, default: !1 }
+    showClearButton: { type: Boolean, default: !1 }
   },
   emits: ["submit", "clear"],
   setup(e, { emit: t }) {
     const o = M(!1), n = M(null), d = M(!1), c = t, l = e;
-    se(), W(
-      () => l.isOpen,
-      (v) => {
-        o.value = v;
-      },
-      { immediate: !0 }
-    );
+    se();
     function p() {
-      d.value = !0, c("submit");
+      o.value = !1, c("submit");
     }
     function b() {
       d.value = !1, c("clear");
@@ -6096,7 +6090,13 @@ const y0 = { class: "w-full h-full" }, x0 = ["src", "alt"], k0 = {
     function u(v) {
       n.value && !n.value.contains(v.target) && (o.value = !1);
     }
-    return le(() => {
+    return W(
+      () => l.showClearButton,
+      (v) => {
+        d.value = v;
+      },
+      { immediate: !0 }
+    ), le(() => {
       document.addEventListener("mousedown", u);
     }), Ee(() => {
       document.removeEventListener("mousedown", u);