@comercti/vue-components-hmg 0.43.5 → 0.43.6

package/comerc-style-guide.es.js

@@ -8706,11 +8706,22 @@ const Ec = /* @__PURE__ */ J({
 }), P0 = (e, t) => {
   const a = E([]);
   Gt(() => {
-    e.allOpen ? a.value = e.items.map(() => !0) : e.openTheFirst ? a.value = e.items.map((u, m) => m === 0) : a.value = e.items.map(() => !1), e.closeCollapse >= 0 && (a.value[e.closeCollapse] = !1), e.openCollapse && e.openCollapse.length > 0 && e.openCollapse.forEach((u) => {
+    e.allOpen ? a.value = e.items.map(() => !0) : e.openTheFirst ? a.value = e.items.map((u, m) => m === 0) : e.onlyOneOpen || (a.value = e.items.map(() => !1)), e.closeCollapse >= 0 && (a.value[e.closeCollapse] = !1), e.openCollapse && e.openCollapse.length > 0 && e.openCollapse.forEach((u) => {
       a.value[u] = !0;
     });
   });
   const n = (u) => {
+    if (e.onlyOneOpen) {
+      const g = a.value[u];
+      a.value = a.value.map(() => !1), g || (a.value[u] = !0);
+      const h = g ? null : {
+        index: u,
+        value: !0,
+        item: e.items[u]
+      };
+      t("toggle-collapse", h);
+      return;
+    }
     a.value[u] = !a.value[u];
     const m = a.value.map((g, h) => g ? { index: h, value: g, item: e.items[h] } : null).filter(Boolean);
     t("toggle-collapse", m);
@@ -8763,7 +8774,8 @@ const Ec = /* @__PURE__ */ J({
     closeCollapse: { default: null },
     disabled: { default: () => ({ field: "", value: "" }) },
     invalid: { default: () => [] },
-    openCollapse: { default: null }
+    openCollapse: { default: null },
+    onlyOneOpen: { type: Boolean, default: !1 }
   },
   emits: ["toggle-collapse"],
   setup(e, { emit: t }) {