@g1cloud/bluesea 5.0.0-alpha.67 → 5.0.0-alpha.68

package/dist/{BSAlertModal-CBZa5cAf.js → BSAlertModal-Bs3lYNkZ.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, withDirectives, createVNode, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, a as vT } from "./index-B3EFTf4_.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, v as vFocusOnLoad, a as vT } from "./index-B-PTkzdW.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSAlertModal",

package/dist/{BSYesNoModal-JYOz2tTx.js → BSYesNoModal-BJ4DrPki.js}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, withDirectives, unref } from "vue";
-import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as vT } from "./index-B3EFTf4_.js";
+import { u as useModalHandle, _ as _sfc_main$1, B as BSButton, a as vT } from "./index-B-PTkzdW.js";
 const _hoisted_1 = { class: "text-right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BSYesNoModal",

package/dist/bluesea.js

@@ -1,4 +1,4 @@
-import { ag, ah, b0, b1, b, a1, a6, B, l, m, O, s, t, a3, p, i, a7, bB, j, q, r, N, c, J, L, K, a2, H, g, R, Q, Z, bl, a4, _, I, X, Y, W, V, U, A, $, a5, n, k, e, E, o, h, w, x, G, z, P, a0, F, M, f, S, T, D, C, y, d, b8, b7, al, a9, bF, a8, as, ap, am, b6, au, at, bJ, a_, b4, ar, b5, av, ad, ae, ac, af, b3, b2, ao, a$, aR, bi, aC, bh, bT, br, b9, bg, bf, aj, aU, bt, ak, bE, bG, aq, bo, an, az, ai, aA, be, aO, aP, aQ, aL, aN, aM, aK, aH, aE, bM, bz, bw, bK, bc, ab, bU, bR, bV, aV, bS, aW, aD, bd, aG, bW, bb, bL, bp, ba, bQ, bH, bj, bn, aS, aw, aZ, aX, aY, bs, by, bx, bq, bv, aF, aB, bu, bP, bC, bD, bI, bk, bm, u, aT, ax, ay, aa, a, aI, aJ, bO, bN, bA } from "./index-B3EFTf4_.js";
+import { ag, ah, b0, b1, b, a1, a6, B, l, m, O, s, t, a3, p, i, a7, bB, j, q, r, N, c, J, L, K, a2, H, g, R, Q, Z, bl, a4, _, I, X, Y, W, V, U, A, $, a5, n, k, e, E, o, h, w, x, G, z, P, a0, F, M, f, S, T, D, C, y, d, b8, b7, al, a9, bF, a8, as, ap, am, b6, au, at, bJ, a_, b4, ar, b5, av, ad, ae, ac, af, b3, b2, ao, a$, aR, bi, aC, bh, bT, br, b9, bg, bf, aj, aU, bt, ak, bE, bG, aq, bo, an, az, ai, aA, be, aO, aP, aQ, aL, aN, aM, aK, aH, aE, bM, bz, bw, bK, bc, ab, bU, bR, bV, aV, bS, aW, aD, bd, aG, bW, bb, bL, bp, ba, bQ, bH, bj, bn, aS, aw, aZ, aX, aY, bs, by, bx, bq, bv, aF, aB, bu, bP, bC, bD, bI, bk, bm, u, aT, ax, ay, aa, a, aI, aJ, bO, bN, bA } from "./index-B-PTkzdW.js";
 export {
   ag as ADDRESS_COUNTRY_CONFIGS,
   ah as ADDRESS_COUNTRY_CONFIG_DEFAULT,

package/dist/bluesea.umd.cjs

@@ -631,6 +631,38 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
+  const updateContext = (el, value) => {
+    el.vClickOutsideContext = {
+      enabled: (value == null ? void 0 : value.enabled) ?? true,
+      handler: typeof value === "function" ? value : value == null ? void 0 : value.handler
+    };
+  };
+  const vClickOutside = {
+    mounted: (el, binding) => {
+      const clickListener = (event) => {
+        var _a2;
+        let target = event.target;
+        if (!el.contains(target)) {
+          const context = el.vClickOutsideContext;
+          if (context && context.enabled) {
+            (_a2 = context.handler) == null ? void 0 : _a2.call(context);
+          }
+        }
+      };
+      el.vClickOutsideListener = clickListener;
+      updateContext(el, binding.value);
+      window.addEventListener("click", clickListener);
+    },
+    updated: (el, binding) => {
+      updateContext(el, binding.value);
+    },
+    unmounted: (el) => {
+      const clickListener = el.vClickOutsideListener;
+      if (clickListener)
+        window.removeEventListener("click", clickListener);
+      delete el.vClickOutsideContext;
+    }
+  };
   const storeFieldValidator = (field, validator) => {
     field._bsFieldValidator = validator;
     field.setAttribute("data-bs-field-validator", "");
@@ -1117,15 +1149,15 @@ var __publicField = (obj, key, value) => {
       const modified = vue.computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
       vue.onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0, empty: isEmpty2.value }, "bs-select"]),
           tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-          onBlur: _cache[0] || (_cache[0] = ($event) => togglePopup(false)),
-          onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+          onClick: _cache[0] || (_cache[0] = ($event) => togglePopup()),
           onKeydown: [
-            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+            _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
             vue.withKeys(vue.withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-            _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+            _cache[3] || (_cache[3] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
           _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$V, null, 512)), [
@@ -1161,7 +1193,9 @@ var __publicField = (obj, key, value) => {
             }, null, 8, ["allow-null", "class", "initial-item", "items", "label-provider", "selected-items", "value-provider"])) : vue.createCommentVNode("", true),
             vue.createVNode(_sfc_main$1q, { errors: vue.unref(errors) }, null, 8, ["errors"])
           ], 64))
-        ], 42, _hoisted_1$1a);
+        ], 42, _hoisted_1$1a)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
       };
     }
   });
@@ -1209,34 +1243,6 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const isInsideElement = (el, maybeChild) => {
-    let target = maybeChild;
-    while (target) {
-      if (el === target) {
-        return true;
-      }
-      target = target.parentElement;
-    }
-    return false;
-  };
-  const vClickOutside = {
-    mounted: (el, binding) => {
-      const clickListener = (event) => {
-        let target = event.target;
-        if (!isInsideElement(el, target)) {
-          const handler = binding.value;
-          if (handler && typeof handler === "function")
-            handler();
-        }
-      };
-      el.vClickOutsideListener = clickListener;
-      window.addEventListener("click", clickListener);
-    },
-    unmounted: (el) => {
-      const clickListener = el.vClickOutsideListener;
-      window.removeEventListener("click", clickListener);
-    }
-  };
   const contextMenuKey = Symbol();
   class BSContextMenuPlugin {
     constructor() {
@@ -4383,15 +4389,15 @@ var __publicField = (obj, key, value) => {
       const modified = vue.computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue || [])));
       vue.onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0, empty: isEmpty2.value }, "bs-multi-select"]),
           tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-          onBlur: _cache[0] || (_cache[0] = ($event) => togglePopup(false)),
-          onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+          onClick: _cache[0] || (_cache[0] = ($event) => togglePopup()),
           onKeydown: [
-            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+            _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
             vue.withKeys(vue.withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-            _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+            _cache[3] || (_cache[3] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
           _ctx.viewMode ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$D, [
@@ -4438,7 +4444,9 @@ var __publicField = (obj, key, value) => {
             }, null, 8, ["initial-item", "items", "label-provider", "selected-items", "value-provider"])) : vue.createCommentVNode("", true)
           ], 64)),
           vue.createVNode(_sfc_main$1q, { errors: vue.unref(errors) }, null, 8, ["errors"])
-        ], 42, _hoisted_1$S);
+        ], 42, _hoisted_1$S)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
       };
     }
   });
@@ -5495,15 +5503,15 @@ var __publicField = (obj, key, value) => {
       const modified = vue.computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
       vue.onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0, empty: isEmpty2.value }, "bs-tree-select"]),
           tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-          onBlur: _cache[0] || (_cache[0] = ($event) => togglePopup(false)),
-          onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+          onClick: _cache[0] || (_cache[0] = ($event) => togglePopup()),
           onKeydown: [
-            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+            _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
             vue.withKeys(vue.withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-            _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+            _cache[3] || (_cache[3] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
           _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$B, null, 512)), [
@@ -5535,7 +5543,9 @@ var __publicField = (obj, key, value) => {
             })) : vue.createCommentVNode("", true),
             vue.createVNode(_sfc_main$1q, { errors: vue.unref(errors) }, null, 8, ["errors"])
           ], 64))
-        ], 42, _hoisted_1$Q);
+        ], 42, _hoisted_1$Q)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
       };
     }
   });
@@ -5670,15 +5680,15 @@ var __publicField = (obj, key, value) => {
       const modified = vue.computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
       vue.onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
+        return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: vue.unref(errors).length > 0, empty: isEmpty2.value }, "bs-multi-tree-select"]),
           tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-          onBlur: _cache[1] || (_cache[1] = ($event) => togglePopup(false)),
-          onClick: _cache[2] || (_cache[2] = ($event) => togglePopup()),
+          onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
           onKeydown: [
-            _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+            _cache[2] || (_cache[2] = vue.withKeys(vue.withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
             vue.withKeys(vue.withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-            _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+            _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+            _cache[4] || (_cache[4] = vue.withKeys(($event) => togglePopup(false), ["tab"]))
           ]
         }, [
           _ctx.viewMode ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, null, 512)), [
@@ -5712,7 +5722,9 @@ var __publicField = (obj, key, value) => {
             })) : vue.createCommentVNode("", true),
             vue.createVNode(_sfc_main$1q, { errors: vue.unref(errors) }, null, 8, ["errors"])
           ], 64))
-        ], 42, _hoisted_1$P);
+        ], 42, _hoisted_1$P)), [
+          [vue.unref(vClickOutside), () => togglePopup(false)]
+        ]);
       };
     }
   });

package/dist/directive/vClickOutside.d.ts

@@ -1,12 +1,24 @@
 import { DirectiveBinding } from 'vue';
 
+type ClickOutsideContext = {
+    enabled: boolean;
+    handler: () => void;
+};
 declare global {
     interface HTMLElement {
-        vClickOutsideListener: (event: MouseEvent) => void;
+        vClickOutsideListener?: (event: MouseEvent) => void;
+        vClickOutsideContext?: ClickOutsideContext;
     }
 }
+/**
+ * ```
+ * v-click-outside="() => someFunction()"
+ * v-click-outside="{enabled: true, handler: () => someFunction()}"
+ * ```
+ */
 declare const vClickOutside: {
     mounted: (el: HTMLElement, binding: DirectiveBinding) => void;
+    updated: (el: HTMLElement, binding: DirectiveBinding) => void;
     unmounted: (el: HTMLElement) => void;
 };
 export default vClickOutside;

package/dist/{index-B3EFTf4_.js → index-B-PTkzdW.js}

@@ -630,6 +630,38 @@ const _sfc_main$1p = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const updateContext = (el, value) => {
+  el.vClickOutsideContext = {
+    enabled: (value == null ? void 0 : value.enabled) ?? true,
+    handler: typeof value === "function" ? value : value == null ? void 0 : value.handler
+  };
+};
+const vClickOutside = {
+  mounted: (el, binding) => {
+    const clickListener = (event) => {
+      var _a2;
+      let target = event.target;
+      if (!el.contains(target)) {
+        const context = el.vClickOutsideContext;
+        if (context && context.enabled) {
+          (_a2 = context.handler) == null ? void 0 : _a2.call(context);
+        }
+      }
+    };
+    el.vClickOutsideListener = clickListener;
+    updateContext(el, binding.value);
+    window.addEventListener("click", clickListener);
+  },
+  updated: (el, binding) => {
+    updateContext(el, binding.value);
+  },
+  unmounted: (el) => {
+    const clickListener = el.vClickOutsideListener;
+    if (clickListener)
+      window.removeEventListener("click", clickListener);
+    delete el.vClickOutsideContext;
+  }
+};
 const storeFieldValidator = (field, validator) => {
   field._bsFieldValidator = validator;
   field.setAttribute("data-bs-field-validator", "");
@@ -1116,15 +1148,15 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     const modified = computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
     onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0, empty: isEmpty2.value }, "bs-select"]),
         tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-        onBlur: _cache[0] || (_cache[0] = ($event) => togglePopup(false)),
-        onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+        onClick: _cache[0] || (_cache[0] = ($event) => togglePopup()),
         onKeydown: [
-          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+          _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
           withKeys(withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-          _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+          _cache[3] || (_cache[3] = withKeys(($event) => togglePopup(false), ["tab"]))
         ]
       }, [
         _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$V, null, 512)), [
@@ -1160,7 +1192,9 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
           }, null, 8, ["allow-null", "class", "initial-item", "items", "label-provider", "selected-items", "value-provider"])) : createCommentVNode("", true),
           createVNode(_sfc_main$1o, { errors: unref(errors) }, null, 8, ["errors"])
         ], 64))
-      ], 42, _hoisted_1$18);
+      ], 42, _hoisted_1$18)), [
+        [unref(vClickOutside), () => togglePopup(false)]
+      ]);
     };
   }
 });
@@ -1208,34 +1242,6 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const isInsideElement = (el, maybeChild) => {
-  let target = maybeChild;
-  while (target) {
-    if (el === target) {
-      return true;
-    }
-    target = target.parentElement;
-  }
-  return false;
-};
-const vClickOutside = {
-  mounted: (el, binding) => {
-    const clickListener = (event) => {
-      let target = event.target;
-      if (!isInsideElement(el, target)) {
-        const handler = binding.value;
-        if (handler && typeof handler === "function")
-          handler();
-      }
-    };
-    el.vClickOutsideListener = clickListener;
-    window.addEventListener("click", clickListener);
-  },
-  unmounted: (el) => {
-    const clickListener = el.vClickOutsideListener;
-    window.removeEventListener("click", clickListener);
-  }
-};
 const contextMenuKey = Symbol();
 class BSContextMenuPlugin {
   constructor() {
@@ -4382,15 +4388,15 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     const modified = computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue || [])));
     onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0, empty: isEmpty2.value }, "bs-multi-select"]),
         tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-        onBlur: _cache[0] || (_cache[0] = ($event) => togglePopup(false)),
-        onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+        onClick: _cache[0] || (_cache[0] = ($event) => togglePopup()),
         onKeydown: [
-          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+          _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
           withKeys(withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-          _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+          _cache[3] || (_cache[3] = withKeys(($event) => togglePopup(false), ["tab"]))
         ]
       }, [
         _ctx.viewMode ? (openBlock(), createElementBlock("div", _hoisted_2$D, [
@@ -4437,7 +4443,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           }, null, 8, ["initial-item", "items", "label-provider", "selected-items", "value-provider"])) : createCommentVNode("", true)
         ], 64)),
         createVNode(_sfc_main$1o, { errors: unref(errors) }, null, 8, ["errors"])
-      ], 42, _hoisted_1$Q);
+      ], 42, _hoisted_1$Q)), [
+        [unref(vClickOutside), () => togglePopup(false)]
+      ]);
     };
   }
 });
@@ -4910,7 +4918,7 @@ class BSModal {
   }
   openAlert(title, message, clickHandler2) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSAlertModal-CBZa5cAf.js")),
+      component: defineAsyncComponent(() => import("./BSAlertModal-Bs3lYNkZ.js")),
       bind: {
         title,
         message
@@ -4923,7 +4931,7 @@ class BSModal {
   }
   openYesNo(title, message, yesHandler, noHandler) {
     const option = {
-      component: defineAsyncComponent(() => import("./BSYesNoModal-JYOz2tTx.js")),
+      component: defineAsyncComponent(() => import("./BSYesNoModal-BJ4DrPki.js")),
       bind: {
         title,
         message
@@ -5494,15 +5502,15 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     const modified = computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
     onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0, empty: isEmpty2.value }, "bs-tree-select"]),
         tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-        onBlur: _cache[0] || (_cache[0] = ($event) => togglePopup(false)),
-        onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
+        onClick: _cache[0] || (_cache[0] = ($event) => togglePopup()),
         onKeydown: [
-          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+          _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
           withKeys(withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-          _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+          _cache[3] || (_cache[3] = withKeys(($event) => togglePopup(false), ["tab"]))
         ]
       }, [
         _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$B, null, 512)), [
@@ -5534,7 +5542,9 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           createVNode(_sfc_main$1o, { errors: unref(errors) }, null, 8, ["errors"])
         ], 64))
-      ], 42, _hoisted_1$O);
+      ], 42, _hoisted_1$O)), [
+        [unref(vClickOutside), () => togglePopup(false)]
+      ]);
     };
   }
 });
@@ -5669,15 +5679,15 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     const modified = computed(() => !!(savePointHandler == null ? void 0 : savePointHandler.isModified(props.modelValue)));
     onBeforeUnmount(() => savePoint == null ? void 0 : savePoint.unregisterField(field));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return withDirectives((openBlock(), createElementBlock("div", {
         class: normalizeClass([{ "popup-open": showPopup.value, disabled: _ctx.disabled, modified: modified.value, error: unref(errors).length > 0, empty: isEmpty2.value }, "bs-multi-tree-select"]),
         tabindex: _ctx.disabled ? -1 : _ctx.tabindex,
-        onBlur: _cache[1] || (_cache[1] = ($event) => togglePopup(false)),
-        onClick: _cache[2] || (_cache[2] = ($event) => togglePopup()),
+        onClick: _cache[1] || (_cache[1] = ($event) => togglePopup()),
         onKeydown: [
-          _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
+          _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => togglePopup(), ["stop", "prevent"]), ["space"])),
           withKeys(withModifiers(handleKeyboardEvent, ["stop", "prevent"]), ["enter", "down", "up"]),
-          _cache[4] || (_cache[4] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"]))
+          _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => togglePopup(false), ["stop", "prevent"]), ["esc"])),
+          _cache[4] || (_cache[4] = withKeys(($event) => togglePopup(false), ["tab"]))
         ]
       }, [
         _ctx.viewMode ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2$A, null, 512)), [
@@ -5711,7 +5721,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           createVNode(_sfc_main$1o, { errors: unref(errors) }, null, 8, ["errors"])
         ], 64))
-      ], 42, _hoisted_1$N);
+      ], 42, _hoisted_1$N)), [
+        [unref(vClickOutside), () => togglePopup(false)]
+      ]);
     };
   }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@g1cloud/bluesea",
   "private": false,
-  "version": "5.0.0-alpha.67",
+  "version": "5.0.0-alpha.68",
   "description": "Ui Library for g1cloud BackOffice.",
   "type": "module",
   "engines": {