@bluepic/embed 0.1.15 → 0.1.16

package/lib/bluepic-fields.es.js

@@ -1,4 +1,4 @@
-import { ref as ref$1, inject, computed, provide, defineComponent, openBlock, createElementBlock, normalizeClass, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createCommentVNode, createElementVNode, createStaticVNode, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, mergeProps, toDisplayString, toRef, h, watch, nextTick as nextTick$3, onUnmounted, onMounted, Fragment, renderList, createTextVNode, watchEffect, mergeModels, useModel, shallowRef, getCurrentScope, onScopeDispose, shallowReadonly, getCurrentInstance, withDirectives, vModelText, vModelDynamic, Transition, createSlots, resolveComponent, vShow, withModifiers, TransitionGroup, createApp, reactive, onUpdated, onBeforeUnmount, onBeforeUpdate, toRaw } from "vue";
+import { ref as ref$1, inject, computed, provide, defineComponent, openBlock, createElementBlock, normalizeClass, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, renderSlot, createCommentVNode, createElementVNode, createStaticVNode, normalizeStyle, createVNode, normalizeProps, guardReactiveProps, mergeProps, toDisplayString, toRef, h, watch, nextTick as nextTick$3, onUnmounted, onMounted, Fragment, renderList, createTextVNode, watchEffect, mergeModels, useModel, shallowRef, getCurrentScope, onScopeDispose, shallowReadonly, onBeforeUnmount, withDirectives, vModelText, vModelDynamic, getCurrentInstance, Transition, createSlots, resolveComponent, vShow, withModifiers, TransitionGroup, createApp, reactive, onUpdated, onBeforeUpdate, toRaw } from "vue";
 class Node$1 {
   value;
   next;
@@ -30086,7 +30086,8 @@ const _hoisted_1$L = ["data-bx-popover-id"], _hoisted_2$y = ["data-origin", "dat
     arrow: { type: Boolean },
     bxPopoverId: {},
     noPointerEvents: { type: Boolean, default: !1 },
-    darkmode: { type: Boolean }
+    darkmode: { type: Boolean },
+    overflowVisible: { type: Boolean }
   },
   emits: ["close", "click-outside", "mouseenter", "mouseleave"],
   setup(n, { emit: t }) {
@@ -30168,7 +30169,7 @@ const _hoisted_1$L = ["data-bx-popover-id"], _hoisted_2$y = ["data-origin", "dat
         onMouseleave: He
       }, [
         createElementVNode("div", {
-          class: normalizeClass(["popover-frame-wrapper", { arrow: Tr.arrow }]),
+          class: normalizeClass(["popover-frame-wrapper", { arrow: Tr.arrow, "overflow-visible": Tr.overflowVisible }]),
           "data-origin": xr.value,
           "data-placement": unref(o),
           style: normalizeStyle({
@@ -30187,7 +30188,7 @@ const _hoisted_1$L = ["data-bx-popover-id"], _hoisted_2$y = ["data-origin", "dat
       ], 36)
     ], 10, _hoisted_1$L));
   }
-}), PopoverElement_vue_vue_type_style_index_0_scoped_593bcc53_lang = "", PopoverElement = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-593bcc53"]]), _sfc_main$Z = /* @__PURE__ */ defineComponent({
+}), PopoverElement_vue_vue_type_style_index_0_scoped_1c8c4d7c_lang = "", PopoverElement = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-1c8c4d7c"]]), _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "BxPopover",
   props: {
     show: { type: Boolean },
@@ -30211,7 +30212,8 @@ const _hoisted_1$L = ["data-bx-popover-id"], _hoisted_2$y = ["data-origin", "dat
     ] },
     arrow: { type: Boolean, default: !0 },
     leaveLazyness: { default: 200 },
-    darkmode: { type: Boolean }
+    darkmode: { type: Boolean },
+    overflowVisible: { type: Boolean, default: !1 }
   },
   emits: ["update:show"],
   setup(n, { expose: t, emit: c }) {
@@ -30294,6 +30296,7 @@ const _hoisted_1$L = ["data-bx-popover-id"], _hoisted_2$y = ["data-origin", "dat
             bxPopoverId: $e,
             noPointerEvents: u.trigger === "hover" || u.trigger === "manual",
             darkmode: Qr.value,
+            overflowVisible: u.overflowVisible,
             onMouseenter() {
               Sr.value = !0;
             },
@@ -30326,7 +30329,7 @@ const _hoisted_1$L = ["data-bx-popover-id"], _hoisted_2$y = ["data-origin", "dat
       ref: unref(o)(Jr)
     }, null, 512))), 256));
   }
-}), BxPopover_vue_vue_type_style_index_0_scoped_9574d9f2_lang = "", BxPopover = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-9574d9f2"]]), _hoisted_1$K = ["onClick"], _hoisted_2$x = {
+}), BxPopover_vue_vue_type_style_index_0_scoped_977db648_lang = "", BxPopover = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-977db648"]]), _hoisted_1$K = ["onClick"], _hoisted_2$x = {
   key: 0,
   class: "icon-wrapper"
 }, _hoisted_3$p = {
@@ -30388,234 +30391,34 @@ const _hoisted_1$L = ["data-bx-popover-id"], _hoisted_2$y = ["data-origin", "dat
       ], 10, _hoisted_1$K))), 128))
     ], 2));
   }
-}), BxMenu_vue_vue_type_style_index_0_scoped_9f35bfef_lang = "", BxMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-9f35bfef"]]), global$1 = globalThis || void 0 || self;
-function tryOnScopeDispose(n) {
-  return getCurrentScope() ? (onScopeDispose(n), !0) : !1;
-}
-function toValue(n) {
-  return typeof n == "function" ? n() : unref(n);
-}
-const isClient = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const notNullish = (n) => n != null, toString$1 = Object.prototype.toString, isObject$3 = (n) => toString$1.call(n) === "[object Object]", noop = () => {
-};
-function getLifeCycleTarget(n) {
-  return n || getCurrentInstance();
-}
-function tryOnMounted(n, t = !0, c) {
-  getLifeCycleTarget() ? onMounted(n, c) : t ? n() : nextTick$3(n);
-}
-function unrefElement(n) {
-  var t;
-  const c = toValue(n);
-  return (t = c?.$el) != null ? t : c;
-}
-const defaultWindow = isClient ? window : void 0;
-isClient && window.document;
-isClient && window.navigator;
-isClient && window.location;
-function useEventListener(...n) {
-  let t, c, u, ye;
-  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([c, u, ye] = n, t = defaultWindow) : [t, c, u, ye] = n, !t)
-    return noop;
-  Array.isArray(c) || (c = [c]), Array.isArray(u) || (u = [u]);
-  const d = [], $e = () => {
-    d.forEach((He) => He()), d.length = 0;
-  }, o = (He, cr, xr, Sr) => (He.addEventListener(cr, xr, Sr), () => He.removeEventListener(cr, xr, Sr)), je = watch(
-    () => [unrefElement(t), toValue(ye)],
-    ([He, cr]) => {
-      if ($e(), !He)
-        return;
-      const xr = isObject$3(cr) ? { ...cr } : cr;
-      d.push(
-        ...c.flatMap((Sr) => u.map((wr) => o(He, Sr, wr, xr)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), or = () => {
-    je(), $e();
+}), BxMenu_vue_vue_type_style_index_0_scoped_9f35bfef_lang = "", BxMenu = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["__scopeId", "data-v-9f35bfef"]]);
+function useElementBounding$1(n) {
+  const t = ref$1(), c = () => {
+    n.value && (t.value = n.value.getBoundingClientRect());
   };
-  return tryOnScopeDispose(or), or;
-}
-function useMounted() {
-  const n = ref$1(!1), t = getCurrentInstance();
-  return t && onMounted(() => {
-    n.value = !0;
-  }, t), n;
-}
-function useSupported(n) {
-  const t = useMounted();
-  return computed(() => (t.value, Boolean(n())));
-}
-function useMutationObserver(n, t, c = {}) {
-  const { window: u = defaultWindow, ...ye } = c;
-  let d;
-  const $e = useSupported(() => u && "MutationObserver" in u), o = () => {
-    d && (d.disconnect(), d = void 0);
-  }, je = computed(() => {
-    const xr = toValue(n), Sr = (Array.isArray(xr) ? xr : [xr]).map(unrefElement).filter(notNullish);
-    return new Set(Sr);
-  }), or = watch(
-    () => je.value,
-    (xr) => {
-      o(), $e.value && xr.size && (d = new MutationObserver(t), xr.forEach((Sr) => d.observe(Sr, ye)));
-    },
-    { immediate: !0, flush: "post" }
-  ), He = () => d?.takeRecords(), cr = () => {
-    o(), or();
-  };
-  return tryOnScopeDispose(cr), {
-    isSupported: $e,
-    stop: cr,
-    takeRecords: He
-  };
-}
-function useMediaQuery(n, t = {}) {
-  const { window: c = defaultWindow } = t, u = useSupported(() => c && "matchMedia" in c && typeof c.matchMedia == "function");
-  let ye;
-  const d = ref$1(!1), $e = (or) => {
-    d.value = or.matches;
-  }, o = () => {
-    !ye || ("removeEventListener" in ye ? ye.removeEventListener("change", $e) : ye.removeListener($e));
-  }, je = watchEffect(() => {
-    !u.value || (o(), ye = c.matchMedia(toValue(n)), "addEventListener" in ye ? ye.addEventListener("change", $e) : ye.addListener($e), d.value = ye.matches);
+  onMounted(() => {
+    c(), window.addEventListener("resize", c);
   });
-  return tryOnScopeDispose(() => {
-    je(), o(), ye = void 0;
-  }), d;
-}
-function useResizeObserver(n, t, c = {}) {
-  const { window: u = defaultWindow, ...ye } = c;
-  let d;
-  const $e = useSupported(() => u && "ResizeObserver" in u), o = () => {
-    d && (d.disconnect(), d = void 0);
-  }, je = computed(() => Array.isArray(n) ? n.map((cr) => unrefElement(cr)) : [unrefElement(n)]), or = watch(
-    je,
-    (cr) => {
-      if (o(), $e.value && u) {
-        d = new ResizeObserver(t);
-        for (const xr of cr)
-          xr && d.observe(xr, ye);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), He = () => {
-    o(), or();
-  };
-  return tryOnScopeDispose(He), {
-    isSupported: $e,
-    stop: He
-  };
-}
-function useElementBounding(n, t = {}) {
-  const {
-    reset: c = !0,
-    windowResize: u = !0,
-    windowScroll: ye = !0,
-    immediate: d = !0
-  } = t, $e = ref$1(0), o = ref$1(0), je = ref$1(0), or = ref$1(0), He = ref$1(0), cr = ref$1(0), xr = ref$1(0), Sr = ref$1(0);
-  function wr() {
-    const Tr = unrefElement(n);
-    if (!Tr) {
-      c && ($e.value = 0, o.value = 0, je.value = 0, or.value = 0, He.value = 0, cr.value = 0, xr.value = 0, Sr.value = 0);
-      return;
-    }
-    const Br = Tr.getBoundingClientRect();
-    $e.value = Br.height, o.value = Br.bottom, je.value = Br.left, or.value = Br.right, He.value = Br.top, cr.value = Br.width, xr.value = Br.x, Sr.value = Br.y;
-  }
-  return useResizeObserver(n, wr), watch(() => unrefElement(n), (Tr) => !Tr && wr()), useMutationObserver(n, wr, {
-    attributeFilter: ["style", "class"]
-  }), ye && useEventListener("scroll", wr, { capture: !0, passive: !0 }), u && useEventListener("resize", wr, { passive: !0 }), tryOnMounted(() => {
-    d && wr();
-  }), {
-    height: $e,
-    bottom: o,
-    left: je,
-    right: or,
-    top: He,
-    width: cr,
-    x: xr,
-    y: Sr,
-    update: wr
-  };
-}
-function useIntersectionObserver(n, t, c = {}) {
-  const {
-    root: u,
-    rootMargin: ye = "0px",
-    threshold: d = 0.1,
-    window: $e = defaultWindow,
-    immediate: o = !0
-  } = c, je = useSupported(() => $e && "IntersectionObserver" in $e), or = computed(() => {
-    const wr = toValue(n);
-    return (Array.isArray(wr) ? wr : [wr]).map(unrefElement).filter(notNullish);
+  const u = new ResizeObserver(() => {
+    c();
+  }), ye = new MutationObserver(() => {
+    c();
+  }), d = watch(n, ($e, o) => {
+    $e && !o && (u.observe($e), ye.observe($e, {
+      attributes: !0,
+      childList: !0,
+      subtree: !0
+    }));
   });
-  let He = noop;
-  const cr = ref$1(o), xr = je.value ? watch(
-    () => [or.value, unrefElement(u), cr.value],
-    ([wr, Tr]) => {
-      if (He(), !cr.value || !wr.length)
-        return;
-      const Br = new IntersectionObserver(
-        t,
-        {
-          root: unrefElement(Tr),
-          rootMargin: ye,
-          threshold: d
-        }
-      );
-      wr.forEach((Ur) => Ur && Br.observe(Ur)), He = () => {
-        Br.disconnect(), He = noop;
-      };
-    },
-    { immediate: o, flush: "post" }
-  ) : noop, Sr = () => {
-    He(), xr(), cr.value = !1;
-  };
-  return tryOnScopeDispose(Sr), {
-    isSupported: je,
-    isActive: cr,
-    pause() {
-      He(), cr.value = !1;
-    },
-    resume() {
-      cr.value = !0;
-    },
-    stop: Sr
-  };
-}
-function useElementVisibility(n, t = {}) {
-  const { window: c = defaultWindow, scrollTarget: u, threshold: ye = 0 } = t, d = ref$1(!1);
-  return useIntersectionObserver(
-    n,
-    ($e) => {
-      let o = d.value, je = 0;
-      for (const or of $e)
-        or.time >= je && (je = or.time, o = or.isIntersecting);
-      d.value = o;
-    },
-    {
-      root: u,
-      window: c,
-      threshold: ye
-    }
-  ), d;
-}
-function useWindowSize(n = {}) {
-  const {
-    window: t = defaultWindow,
-    initialWidth: c = Number.POSITIVE_INFINITY,
-    initialHeight: u = Number.POSITIVE_INFINITY,
-    listenOrientation: ye = !0,
-    includeScrollbar: d = !0
-  } = n, $e = ref$1(c), o = ref$1(u), je = () => {
-    t && (d ? ($e.value = t.innerWidth, o.value = t.innerHeight) : ($e.value = t.document.documentElement.clientWidth, o.value = t.document.documentElement.clientHeight));
+  return onBeforeUnmount(() => {
+    window.removeEventListener("resize", c), d(), u.disconnect(), ye.disconnect();
+  }), {
+    rect: t,
+    width: computed(() => t.value?.width),
+    height: computed(() => t.value?.height),
+    x: computed(() => t.value?.x),
+    y: computed(() => t.value?.y)
   };
-  if (je(), tryOnMounted(je), useEventListener("resize", je, { passive: !0 }), ye) {
-    const or = useMediaQuery("(orientation: portrait)");
-    watch(or, () => je());
-  }
-  return { width: $e, height: o };
 }
 const _hoisted_1$J = {
   key: 0,
@@ -30640,7 +30443,11 @@ const _hoisted_1$J = {
   }),
   emits: ["update:modelValue", "update:show"],
   setup(n, { expose: t }) {
-    const c = n, u = useSlots(), ye = useModel(n, "modelValue"), d = ref$1(), { width: $e } = useElementBounding(d), o = useDarkmode(), je = ref$1(), or = useModel(n, "show"), He = computed(() => c.options.find((Br) => Br.value === ye.value)?.label), cr = computed(() => {
+    const c = n, u = useSlots(), ye = useModel(n, "modelValue"), d = ref$1(), { width: $e } = useElementBounding$1(d);
+    watchEffect(() => {
+      console.log("bxSelectMainWidth", $e.value);
+    });
+    const o = useDarkmode(), je = ref$1(), or = useModel(n, "show"), He = computed(() => c.options.find((Br) => Br.value === ye.value)?.label), cr = computed(() => {
       const Tr = c.options.find((Br) => Br.value === ye.value);
       if (!!Tr)
         return u["render-option-icon"] ? () => u["render-option-icon"]({ option: Tr, isActive: xr(Tr) }) : Tr.icon;
@@ -30734,7 +30541,7 @@ const _hoisted_1$J = {
       }, 8, ["trigger", "show", "darkmode"])
     ], 6));
   }
-}), BxSelect_vue_vue_type_style_index_0_scoped_eb7ec8e0_lang = "", BxSelect_vue_vue_type_style_index_1_lang = "", BxSelect = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-eb7ec8e0"]]), _hoisted_1$I = { class: "tooltip-wrapper" }, _sfc_main$W = /* @__PURE__ */ defineComponent({
+}), BxSelect_vue_vue_type_style_index_0_scoped_c9d87a31_lang = "", BxSelect_vue_vue_type_style_index_1_lang = "", BxSelect = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-c9d87a31"]]), _hoisted_1$I = { class: "tooltip-wrapper" }, _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "BxTooltip",
   props: /* @__PURE__ */ mergeModels({
     trigger: {},
@@ -30763,7 +30570,8 @@ const _hoisted_1$J = {
       trigger: He.trigger,
       "darken-background": !1,
       "allowed-placements": He.allowedPlacements,
-      "custom-classes": ["tooltip-popover", ...unref(d) ? ["darkmode"] : [], ...c.customPopoverClasses ?? []]
+      "custom-classes": ["tooltip-popover", ...unref(d) ? ["darkmode"] : [], ...c.customPopoverClasses ?? []],
+      "overflow-visible": !0
     }, {
       trigger: withCtx(() => [
         renderSlot(He.$slots, "trigger", {}, void 0, !0)
@@ -30776,7 +30584,7 @@ const _hoisted_1$J = {
       _: 3
     }, 8, ["show", "trigger", "allowed-placements", "custom-classes"]));
   }
-}), BxTooltip_vue_vue_type_style_index_0_scoped_63687e90_lang = "", BxTooltip_vue_vue_type_style_index_1_lang = "", BxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-63687e90"]]), _hoisted_1$H = {
+}), BxTooltip_vue_vue_type_style_index_0_scoped_d97e4885_lang = "", BxTooltip_vue_vue_type_style_index_1_lang = "", BxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-d97e4885"]]), _hoisted_1$H = {
   key: 0,
   class: "bx-input__prefix"
 }, _hoisted_2$v = ["placeholder", "readonly"], _hoisted_3$n = ["readonly", "placeholder", "type"], _hoisted_4$f = {
@@ -31132,6 +30940,235 @@ function usePexels(n) {
     searchPhotos: ye
   };
 }
+const global$1 = globalThis || void 0 || self;
+function tryOnScopeDispose(n) {
+  return getCurrentScope() ? (onScopeDispose(n), !0) : !1;
+}
+function toValue(n) {
+  return typeof n == "function" ? n() : unref(n);
+}
+const isClient = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const notNullish = (n) => n != null, toString$1 = Object.prototype.toString, isObject$3 = (n) => toString$1.call(n) === "[object Object]", noop = () => {
+};
+function getLifeCycleTarget(n) {
+  return n || getCurrentInstance();
+}
+function tryOnMounted(n, t = !0, c) {
+  getLifeCycleTarget() ? onMounted(n, c) : t ? n() : nextTick$3(n);
+}
+function unrefElement(n) {
+  var t;
+  const c = toValue(n);
+  return (t = c?.$el) != null ? t : c;
+}
+const defaultWindow = isClient ? window : void 0;
+isClient && window.document;
+isClient && window.navigator;
+isClient && window.location;
+function useEventListener(...n) {
+  let t, c, u, ye;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([c, u, ye] = n, t = defaultWindow) : [t, c, u, ye] = n, !t)
+    return noop;
+  Array.isArray(c) || (c = [c]), Array.isArray(u) || (u = [u]);
+  const d = [], $e = () => {
+    d.forEach((He) => He()), d.length = 0;
+  }, o = (He, cr, xr, Sr) => (He.addEventListener(cr, xr, Sr), () => He.removeEventListener(cr, xr, Sr)), je = watch(
+    () => [unrefElement(t), toValue(ye)],
+    ([He, cr]) => {
+      if ($e(), !He)
+        return;
+      const xr = isObject$3(cr) ? { ...cr } : cr;
+      d.push(
+        ...c.flatMap((Sr) => u.map((wr) => o(He, Sr, wr, xr)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), or = () => {
+    je(), $e();
+  };
+  return tryOnScopeDispose(or), or;
+}
+function useMounted() {
+  const n = ref$1(!1), t = getCurrentInstance();
+  return t && onMounted(() => {
+    n.value = !0;
+  }, t), n;
+}
+function useSupported(n) {
+  const t = useMounted();
+  return computed(() => (t.value, Boolean(n())));
+}
+function useMutationObserver(n, t, c = {}) {
+  const { window: u = defaultWindow, ...ye } = c;
+  let d;
+  const $e = useSupported(() => u && "MutationObserver" in u), o = () => {
+    d && (d.disconnect(), d = void 0);
+  }, je = computed(() => {
+    const xr = toValue(n), Sr = (Array.isArray(xr) ? xr : [xr]).map(unrefElement).filter(notNullish);
+    return new Set(Sr);
+  }), or = watch(
+    () => je.value,
+    (xr) => {
+      o(), $e.value && xr.size && (d = new MutationObserver(t), xr.forEach((Sr) => d.observe(Sr, ye)));
+    },
+    { immediate: !0, flush: "post" }
+  ), He = () => d?.takeRecords(), cr = () => {
+    o(), or();
+  };
+  return tryOnScopeDispose(cr), {
+    isSupported: $e,
+    stop: cr,
+    takeRecords: He
+  };
+}
+function useMediaQuery(n, t = {}) {
+  const { window: c = defaultWindow } = t, u = useSupported(() => c && "matchMedia" in c && typeof c.matchMedia == "function");
+  let ye;
+  const d = ref$1(!1), $e = (or) => {
+    d.value = or.matches;
+  }, o = () => {
+    !ye || ("removeEventListener" in ye ? ye.removeEventListener("change", $e) : ye.removeListener($e));
+  }, je = watchEffect(() => {
+    !u.value || (o(), ye = c.matchMedia(toValue(n)), "addEventListener" in ye ? ye.addEventListener("change", $e) : ye.addListener($e), d.value = ye.matches);
+  });
+  return tryOnScopeDispose(() => {
+    je(), o(), ye = void 0;
+  }), d;
+}
+function useResizeObserver(n, t, c = {}) {
+  const { window: u = defaultWindow, ...ye } = c;
+  let d;
+  const $e = useSupported(() => u && "ResizeObserver" in u), o = () => {
+    d && (d.disconnect(), d = void 0);
+  }, je = computed(() => Array.isArray(n) ? n.map((cr) => unrefElement(cr)) : [unrefElement(n)]), or = watch(
+    je,
+    (cr) => {
+      if (o(), $e.value && u) {
+        d = new ResizeObserver(t);
+        for (const xr of cr)
+          xr && d.observe(xr, ye);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), He = () => {
+    o(), or();
+  };
+  return tryOnScopeDispose(He), {
+    isSupported: $e,
+    stop: He
+  };
+}
+function useElementBounding(n, t = {}) {
+  const {
+    reset: c = !0,
+    windowResize: u = !0,
+    windowScroll: ye = !0,
+    immediate: d = !0
+  } = t, $e = ref$1(0), o = ref$1(0), je = ref$1(0), or = ref$1(0), He = ref$1(0), cr = ref$1(0), xr = ref$1(0), Sr = ref$1(0);
+  function wr() {
+    const Tr = unrefElement(n);
+    if (!Tr) {
+      c && ($e.value = 0, o.value = 0, je.value = 0, or.value = 0, He.value = 0, cr.value = 0, xr.value = 0, Sr.value = 0);
+      return;
+    }
+    const Br = Tr.getBoundingClientRect();
+    $e.value = Br.height, o.value = Br.bottom, je.value = Br.left, or.value = Br.right, He.value = Br.top, cr.value = Br.width, xr.value = Br.x, Sr.value = Br.y;
+  }
+  return useResizeObserver(n, wr), watch(() => unrefElement(n), (Tr) => !Tr && wr()), useMutationObserver(n, wr, {
+    attributeFilter: ["style", "class"]
+  }), ye && useEventListener("scroll", wr, { capture: !0, passive: !0 }), u && useEventListener("resize", wr, { passive: !0 }), tryOnMounted(() => {
+    d && wr();
+  }), {
+    height: $e,
+    bottom: o,
+    left: je,
+    right: or,
+    top: He,
+    width: cr,
+    x: xr,
+    y: Sr,
+    update: wr
+  };
+}
+function useIntersectionObserver(n, t, c = {}) {
+  const {
+    root: u,
+    rootMargin: ye = "0px",
+    threshold: d = 0.1,
+    window: $e = defaultWindow,
+    immediate: o = !0
+  } = c, je = useSupported(() => $e && "IntersectionObserver" in $e), or = computed(() => {
+    const wr = toValue(n);
+    return (Array.isArray(wr) ? wr : [wr]).map(unrefElement).filter(notNullish);
+  });
+  let He = noop;
+  const cr = ref$1(o), xr = je.value ? watch(
+    () => [or.value, unrefElement(u), cr.value],
+    ([wr, Tr]) => {
+      if (He(), !cr.value || !wr.length)
+        return;
+      const Br = new IntersectionObserver(
+        t,
+        {
+          root: unrefElement(Tr),
+          rootMargin: ye,
+          threshold: d
+        }
+      );
+      wr.forEach((Ur) => Ur && Br.observe(Ur)), He = () => {
+        Br.disconnect(), He = noop;
+      };
+    },
+    { immediate: o, flush: "post" }
+  ) : noop, Sr = () => {
+    He(), xr(), cr.value = !1;
+  };
+  return tryOnScopeDispose(Sr), {
+    isSupported: je,
+    isActive: cr,
+    pause() {
+      He(), cr.value = !1;
+    },
+    resume() {
+      cr.value = !0;
+    },
+    stop: Sr
+  };
+}
+function useElementVisibility(n, t = {}) {
+  const { window: c = defaultWindow, scrollTarget: u, threshold: ye = 0 } = t, d = ref$1(!1);
+  return useIntersectionObserver(
+    n,
+    ($e) => {
+      let o = d.value, je = 0;
+      for (const or of $e)
+        or.time >= je && (je = or.time, o = or.isIntersecting);
+      d.value = o;
+    },
+    {
+      root: u,
+      window: c,
+      threshold: ye
+    }
+  ), d;
+}
+function useWindowSize(n = {}) {
+  const {
+    window: t = defaultWindow,
+    initialWidth: c = Number.POSITIVE_INFINITY,
+    initialHeight: u = Number.POSITIVE_INFINITY,
+    listenOrientation: ye = !0,
+    includeScrollbar: d = !0
+  } = n, $e = ref$1(c), o = ref$1(u), je = () => {
+    t && (d ? ($e.value = t.innerWidth, o.value = t.innerHeight) : ($e.value = t.document.documentElement.clientWidth, o.value = t.document.documentElement.clientHeight));
+  };
+  if (je(), tryOnMounted(je), useEventListener("resize", je, { passive: !0 }), ye) {
+    const or = useMediaQuery("(orientation: portrait)");
+    watch(or, () => je());
+  }
+  return { width: $e, height: o };
+}
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "LazyLoadingItemWrapper",
   emits: ["update:visible"],
@@ -33794,7 +33831,8 @@ const _hoisted_1$y = {
             c.description ? (openBlock(), createElementBlock("h4", _hoisted_3$e, toDisplayString(c.description), 1)) : createCommentVNode("", !0),
             c.detailedDescription ? (openBlock(), createBlock(BxTooltip, {
               key: 2,
-              trigger: "hover"
+              trigger: "hover",
+              darkmode: unref(t)
             }, {
               trigger: withCtx(() => [
                 createVNode(BxIcon, {
@@ -33811,7 +33849,7 @@ const _hoisted_1$y = {
                 createTextVNode(toDisplayString(c.detailedDescription), 1)
               ]),
               _: 1
-            })) : createCommentVNode("", !0)
+            }, 8, ["darkmode"])) : createCommentVNode("", !0)
           ])) : createCommentVNode("", !0),
           createVNode(FieldsList, {
             fields: c.fields,
@@ -33824,7 +33862,7 @@ const _hoisted_1$y = {
       }, 8, ["transculent", "class", "bordered"])
     ], 2));
   }
-}), Group_vue_vue_type_style_index_0_scoped_d955787f_lang = "", Group = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d955787f"]]), _hoisted_1$u = { class: "text-field" }, _sfc_main$F = /* @__PURE__ */ defineComponent({
+}), Group_vue_vue_type_style_index_0_scoped_af9fee81_lang = "", Group = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-af9fee81"]]), _hoisted_1$u = { class: "text-field" }, _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "Text",
   props: /* @__PURE__ */ mergeModels({
     maxLength: {},
@@ -71569,7 +71607,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             createElementVNode("span", null, toDisplayString(or.description), 1),
             or.detailedDescription ? (openBlock(), createBlock(BxTooltip, {
               key: 1,
-              trigger: "hover"
+              trigger: "hover",
+              darkmode: unref(t)
             }, {
               trigger: withCtx(() => [
                 createVNode(BxIcon, null, {
@@ -71583,7 +71622,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(or.detailedDescription), 1)
               ]),
               _: 2
-            }, 1024)) : createCommentVNode("", !0)
+            }, 1032, ["darkmode"])) : createCommentVNode("", !0)
           ])
         ], 2)) : createCommentVNode("", !0),
         (openBlock(), createBlock(resolveDynamicComponent(BluepciFieldComponents[or.type]), mergeProps({
@@ -71607,7 +71646,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       ], 6))), 256))
     ], 2));
   }
-}), FieldsList_vue_vue_type_style_index_0_scoped_152cd05e_lang = "", FieldsList = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-152cd05e"]]), _hoisted_1$g = { class: "bx-fields" }, _sfc_main$n = /* @__PURE__ */ defineComponent({
+}), FieldsList_vue_vue_type_style_index_0_scoped_a73d1d0d_lang = "", FieldsList = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-a73d1d0d"]]), _hoisted_1$g = { class: "bx-fields" }, _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "Fields",
   props: {
     fields: {}