vue-composable-ui 1.0.6 → 1.1.0

package/dist/{combobox.vue_vue_type_script_setup_true_lang-BhfoMt6j.js → combobox.vue_vue_type_script_setup_true_lang-ChCbDl0x.js}

@@ -1,9 +1,9 @@
-import { defineComponent as B, mergeModels as H, computed as p, useModel as T, useId as j, watch as N, provide as P, createElementBlock as v, openBlock as r, Fragment as b, createCommentVNode as U, renderSlot as K, createBlock as A, unref as k, renderList as _, nextTick as h } from "vue";
-import { useHTMLElement as q } from "./composable-ui23.js";
-import { usePopover as z } from "./composable-ui21.js";
-import { useList as G } from "./composable-ui22.js";
+import { defineComponent as B, mergeModels as H, computed as p, useModel as T, useId as j, watch as K, provide as N, createElementBlock as v, openBlock as r, Fragment as b, createCommentVNode as P, renderSlot as U, createBlock as A, unref as k, renderList as _, nextTick as h } from "vue";
+import { useHTMLElement as q } from "./composable-ui24.js";
+import { usePopover as z } from "./composable-ui22.js";
+import { useList as G } from "./composable-ui23.js";
 import { _ as $ } from "./comboboxHiddenInput.vue_vue_type_script_setup_true_lang-Ba-UPd-M.js";
-import { injectCombobox as J } from "./composable-ui24.js";
+import { injectCombobox as J } from "./composable-ui25.js";
 const ae = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "combobox",
@@ -19,9 +19,9 @@ const ae = /* @__PURE__ */ B({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, I = p(() => u.value ? l.value.map((a) => t.formValue(a)) : t.formValue(l.value)), l = T(e, "modelValue"), i = t.id ?? j(), y = t.activatorId ?? i, n = `${i}-popover`, { isOpen: o, toggle: E, open: s, close: c } = z(
+    const t = e, I = p(() => u.value ? c.value.map((a) => t.formValue(a)) : t.formValue(c.value)), c = T(e, "modelValue"), i = t.id ?? j(), y = t.activatorId ?? i, l = `${i}-popover`, { isOpen: o, toggle: E, open: n, close: s } = z(
       `#${y}`,
-      `#${n}`,
+      `#${l}`,
       {
         direction: "down",
         align: "stretch",
@@ -34,35 +34,35 @@ const ae = /* @__PURE__ */ B({
       activeItem: f,
       isMultiselectable: u,
       selectActiveItem: m,
-      activateSelectedItem: S,
+      activateSelectedItem: O,
       activateFirstItem: d,
       activateLastItem: V,
-      activateNextItem: C,
-      activatePrevItem: M
-    } = G(l), g = p(() => t.displayValue(l.value));
-    N(w, () => {
-      !f.value && w.value.length && (S({ focus: !1 }), f.value || d({ focus: !1 }));
+      activateNextItem: S,
+      activatePrevItem: C
+    } = G(c), g = p(() => t.displayValue(c.value));
+    K(w, () => {
+      !f.value && w.value.length && (O({ focus: !1 }), f.value || d({ focus: !1 }));
     });
-    function O() {
+    function D() {
       q(`#${y}`).value?.focus();
     }
-    function D(a) {
+    function M(a) {
       if (o.value)
         switch (a.code) {
           case "Space":
-            m(), u.value || c({ focus: !0 });
+            m(), u.value || s({ focus: !0 });
             break;
           case "Enter":
-            m(), c({ focus: !0 });
+            m(), s({ focus: !0 });
             break;
           case "Tab":
-            m(), c({ focus: !0 });
+            m(), s({ focus: !0 });
             return;
           case "ArrowUp":
-            M({ focus: !1, loop: !1 });
+            C({ focus: !1, loop: !1 });
             break;
           case "ArrowDown":
-            C({ focus: !1, loop: !1 });
+            S({ focus: !1, loop: !1 });
             break;
           case "Home":
             d({ focus: !1 });
@@ -71,7 +71,7 @@ const ae = /* @__PURE__ */ B({
             V({ focus: !1 });
             break;
           case "Escape":
-            c({ focus: !0 });
+            s({ focus: !0 });
             break;
           default:
             return;
@@ -80,15 +80,15 @@ const ae = /* @__PURE__ */ B({
         switch (a.code) {
           case "Space":
           case "Enter":
-            s({ focus: !1 });
+            n({ focus: !1 });
             break;
           case "End":
           case "ArrowUp":
-            s({ focus: !1 }), h(() => V({ focus: !1 }));
+            n({ focus: !1 }), h(() => V({ focus: !1 }));
             break;
           case "Home":
           case "ArrowDown":
-            s({ focus: !1 }), h(() => d({ focus: !1 }));
+            n({ focus: !1 }), h(() => d({ focus: !1 }));
             break;
           default:
             return;
@@ -96,24 +96,23 @@ const ae = /* @__PURE__ */ B({
       a.preventDefault();
     }
     const x = p(() => ({
-      onkeydown: D,
-      onclick: () => s({ focus: !1 }),
       id: i,
-      "aria-controls": o.value ? n : void 0,
+      "aria-controls": o.value ? l : void 0,
       "aria-expanded": o.value,
       "aria-activedescendant": f.value?.element.value?.id,
       "aria-haspopup": "listbox",
       role: "combobox"
     }));
-    return P(J, {
+    return N(J, {
       displayValue: g,
-      popoverId: n,
+      popoverId: l,
       isOpen: o,
-      open: s,
-      close: c,
-      focus: O,
+      open: n,
+      close: s,
+      focus: D,
       isMultiselectable: u,
-      activatorAttrs: x
+      activatorAttrs: x,
+      activatorOnKeyDown: M
     }), (a, Q) => (r(), v(b, null, [
       e.name ? (r(), v(b, { key: 0 }, [
         k(u) ? (r(!0), v(b, { key: 0 }, _(I.value, (F, L) => (r(), A($, {
@@ -124,9 +123,9 @@ const ae = /* @__PURE__ */ B({
           name: e.name,
           value: I.value
         }, null, 8, ["name", "value"]))
-      ], 64)) : U("", !0),
-      K(a.$slots, "default", {
-        popoverId: n,
+      ], 64)) : P("", !0),
+      U(a.$slots, "default", {
+        popoverId: l,
         isOpen: k(o),
         toggle: () => k(E)(),
         displayValue: g.value,

package/dist/comboboxInput.vue_vue_type_script_setup_true_lang-D3KIXNRO.js

@@ -0,0 +1,34 @@
+import { defineComponent as r, inject as a, useModel as m, watch as p, withDirectives as d, createElementBlock as s, openBlock as f, mergeProps as v, unref as n, vModelDynamic as c } from "vue";
+import { injectCombobox as b } from "./composable-ui25.js";
+const y = /* @__PURE__ */ r({
+  __name: "comboboxInput",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i) {
+    const e = a(b);
+    if (!e)
+      throw new Error("Combobox injectable context is not provided");
+    const l = m(i, "modelValue");
+    function u() {
+      l.value = e.displayValue.value;
+    }
+    return p(e.displayValue, u, { immediate: !0 }), (w, o) => d((f(), s("input", v({
+      "onUpdate:modelValue": o[0] || (o[0] = (t) => l.value = t)
+    }, n(e).activatorAttrs, {
+      onClick: o[1] || (o[1] = (t) => n(e).open({ focus: !1 })),
+      onKeydown: o[2] || (o[2] = //@ts-ignore
+      (...t) => n(e).activatorOnKeyDown && n(e).activatorOnKeyDown(...t)),
+      onInput: o[3] || (o[3] = (t) => n(e).open({ focus: !0 })),
+      onChange: u,
+      autocomplete: "off"
+    }), null, 16)), [
+      [c, l.value]
+    ]);
+  }
+});
+export {
+  y as _
+};

package/dist/{comboboxOption.vue_vue_type_script_setup_true_lang-DPEArk3M.js → comboboxOption.vue_vue_type_script_setup_true_lang-C9FIG5ye.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useId as b, useTemplateRef as p, inject as v, createElementBlock as x, openBlock as E, unref as e, renderSlot as _ } from "vue";
-import { useListOption as k } from "./composable-ui17.js";
-import { injectCombobox as C } from "./composable-ui24.js";
+import { useListOption as k } from "./composable-ui18.js";
+import { injectCombobox as C } from "./composable-ui25.js";
 const j = ["id", "data-active", "aria-selected", "aria-disabled"], A = /* @__PURE__ */ f({
   __name: "comboboxOption",
   props: {

package/dist/{comboboxOptions.vue_vue_type_script_setup_true_lang-Doy6MfEQ.js → comboboxOptions.vue_vue_type_script_setup_true_lang-DLv4KjF8.js}

@@ -1,5 +1,5 @@
 import { defineComponent as n, inject as r, createElementBlock as i, createCommentVNode as c, unref as e, openBlock as m, renderSlot as s } from "vue";
-import { injectCombobox as p } from "./composable-ui24.js";
+import { injectCombobox as p } from "./composable-ui25.js";
 const d = ["id"], f = /* @__PURE__ */ n({
   __name: "comboboxOptions",
   setup(b) {

package/dist/composable-ui.js

@@ -1,49 +1,51 @@
-import { usePopover as e } from "./composable-ui21.js";
-import { useList as p } from "./composable-ui22.js";
-import { useListOption as s } from "./composable-ui17.js";
-import { useFormControl as a } from "./composable-ui2.js";
-import { useHTMLElement as n } from "./composable-ui23.js";
-import { injectCombobox as i, injectMenu as _, injectPopover as u, injectTabs as C } from "./composable-ui24.js";
-import { _ as L } from "./listbox.vue_vue_type_script_setup_true_lang-CP8lV3wp.js";
-import { _ as M } from "./listboxOption.vue_vue_type_script_setup_true_lang-C1-Q-dSr.js";
-import { _ as c } from "./tabContainer.vue_vue_type_script_setup_true_lang-fPpLno2Z.js";
-import { _ as v } from "./tabList.vue_vue_type_script_setup_true_lang-CZyqGCuj.js";
-import { _ as I } from "./tab.vue_vue_type_script_setup_true_lang-Y5OFGqMB.js";
-import { _ as D } from "./tabPanel.vue_vue_type_script_setup_true_lang-CGhP6SHR.js";
-import { _ as F } from "./popover.vue_vue_type_script_setup_true_lang-DhKF7_nY.js";
-import { _ as d } from "./popoverDialog.vue_vue_type_script_setup_true_lang-CDXUO7wZ.js";
-import { _ as k } from "./tooltip.vue_vue_type_script_setup_true_lang-D4uAZmQb.js";
-import { _ as w } from "./menu.vue_vue_type_script_setup_true_lang-Ci7q2rOg.js";
-import { _ as z } from "./menuItems.vue_vue_type_script_setup_true_lang-p9vftREy.js";
-import { _ as B } from "./menuItem.vue_vue_type_script_setup_true_lang-ezPw3j-i.js";
-import { _ as J } from "./combobox.vue_vue_type_script_setup_true_lang-BhfoMt6j.js";
-import { _ as N } from "./comboboxInput.vue_vue_type_script_setup_true_lang-DzRfJ5ke.js";
-import { _ as R } from "./comboboxOptions.vue_vue_type_script_setup_true_lang-Doy6MfEQ.js";
-import { _ as U } from "./comboboxOption.vue_vue_type_script_setup_true_lang-DPEArk3M.js";
+import { usePopover as e } from "./composable-ui22.js";
+import { useList as p } from "./composable-ui23.js";
+import { useListOption as s } from "./composable-ui18.js";
+import { useFormControl as a } from "./composable-ui3.js";
+import { useHTMLElement as n } from "./composable-ui24.js";
+import { useValidation as b } from "./composable-ui2.js";
+import { injectCombobox as u, injectMenu as C, injectPopover as T, injectTabs as l } from "./composable-ui25.js";
+import { _ as M } from "./listbox.vue_vue_type_script_setup_true_lang-BJS1g6K9.js";
+import { _ as c } from "./listboxOption.vue_vue_type_script_setup_true_lang-DMkQ_ZA_.js";
+import { _ as v } from "./tabContainer.vue_vue_type_script_setup_true_lang-YfrBXoWm.js";
+import { _ as I } from "./tabList.vue_vue_type_script_setup_true_lang-DLoNOwJ7.js";
+import { _ as g } from "./tab.vue_vue_type_script_setup_true_lang-BSckMUwj.js";
+import { _ as E } from "./tabPanel.vue_vue_type_script_setup_true_lang-DZfMk_Sn.js";
+import { _ as H } from "./popover.vue_vue_type_script_setup_true_lang-C13ARHho.js";
+import { _ as h } from "./popoverDialog.vue_vue_type_script_setup_true_lang-C2z6To-6.js";
+import { _ as q } from "./tooltip.vue_vue_type_script_setup_true_lang-CXxwHtxF.js";
+import { _ as y } from "./menu.vue_vue_type_script_setup_true_lang-BTGGj0FY.js";
+import { _ as A } from "./menuItems.vue_vue_type_script_setup_true_lang-DZL1uyoq.js";
+import { _ as G } from "./menuItem.vue_vue_type_script_setup_true_lang-CSWsvc1p.js";
+import { _ as K } from "./combobox.vue_vue_type_script_setup_true_lang-ChCbDl0x.js";
+import { _ as Q } from "./comboboxInput.vue_vue_type_script_setup_true_lang-D3KIXNRO.js";
+import { _ as S } from "./comboboxOptions.vue_vue_type_script_setup_true_lang-DLv4KjF8.js";
+import { _ as W } from "./comboboxOption.vue_vue_type_script_setup_true_lang-C9FIG5ye.js";
 export {
-  J as Combobox,
-  N as ComboboxInput,
-  U as ComboboxOption,
-  R as ComboboxOptions,
-  L as Listbox,
-  M as ListboxOption,
-  w as Menu,
-  B as MenuItem,
-  z as MenuItems,
-  F as Popover,
-  d as PopoverDialog,
-  I as Tab,
-  c as TabContainer,
-  v as TabList,
-  D as TabPanel,
-  k as Tooltip,
-  i as injectCombobox,
-  _ as injectMenu,
-  u as injectPopover,
-  C as injectTabs,
+  K as Combobox,
+  Q as ComboboxInput,
+  W as ComboboxOption,
+  S as ComboboxOptions,
+  M as Listbox,
+  c as ListboxOption,
+  y as Menu,
+  G as MenuItem,
+  A as MenuItems,
+  H as Popover,
+  h as PopoverDialog,
+  g as Tab,
+  v as TabContainer,
+  I as TabList,
+  E as TabPanel,
+  q as Tooltip,
+  u as injectCombobox,
+  C as injectMenu,
+  T as injectPopover,
+  l as injectTabs,
   a as useFormControl,
   n as useHTMLElement,
   p as useList,
   s as useListOption,
-  e as usePopover
+  e as usePopover,
+  b as useValidation
 };

package/dist/composable-ui10.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./menuItems.vue_vue_type_script_setup_true_lang-p9vftREy.js";
+import { _ as f } from "./popover.vue_vue_type_script_setup_true_lang-C13ARHho.js";
 export {
   f as default
 };

package/dist/composable-ui11.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./menuItem.vue_vue_type_script_setup_true_lang-ezPw3j-i.js";
+import { _ as f } from "./menuItems.vue_vue_type_script_setup_true_lang-DZL1uyoq.js";
 export {
   f as default
 };

package/dist/composable-ui12.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./menu.vue_vue_type_script_setup_true_lang-Ci7q2rOg.js";
+import { _ as f } from "./menuItem.vue_vue_type_script_setup_true_lang-CSWsvc1p.js";
 export {
   f as default
 };

package/dist/composable-ui13.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./listboxOption.vue_vue_type_script_setup_true_lang-C1-Q-dSr.js";
+import { _ as f } from "./menu.vue_vue_type_script_setup_true_lang-BTGGj0FY.js";
 export {
   f as default
 };

package/dist/composable-ui14.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./listbox.vue_vue_type_script_setup_true_lang-CP8lV3wp.js";
+import { _ as f } from "./listboxOption.vue_vue_type_script_setup_true_lang-DMkQ_ZA_.js";
 export {
   f as default
 };

package/dist/composable-ui15.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./comboboxOptions.vue_vue_type_script_setup_true_lang-Doy6MfEQ.js";
+import { _ as f } from "./listbox.vue_vue_type_script_setup_true_lang-BJS1g6K9.js";
 export {
   f as default
 };

package/dist/composable-ui16.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./comboboxOption.vue_vue_type_script_setup_true_lang-DPEArk3M.js";
+import { _ as f } from "./comboboxOptions.vue_vue_type_script_setup_true_lang-DLv4KjF8.js";
 export {
   f as default
 };

package/dist/composable-ui17.js

@@ -1,31 +1,4 @@
-import { inject as l, ref as d, computed as n, onMounted as f, onUnmounted as p, unref as I } from "vue";
-import { injectList as j } from "./composable-ui22.js";
-function S(c, o, i) {
-  const e = l(j);
-  if (!e)
-    throw new Error("List injectable context is not provided");
-  const t = d(-1), r = n(() => e.isSelected(t.value)), u = n(() => e.isActive(t.value));
-  function s() {
-    e.selectItem(t.value);
-  }
-  function a({ focus: m = !0 } = {}) {
-    I(i) || e.activateItem(t.value, { focus: m });
-  }
-  function v() {
-    e.deactivateItem();
-  }
-  return f(() => {
-    t.value = e.addItem(c, o, i);
-  }), p(() => {
-    e.removeItem(t.value);
-  }), {
-    isSelected: r,
-    isActive: u,
-    select: s,
-    activate: a,
-    deactivate: v
-  };
-}
+import { _ as f } from "./comboboxOption.vue_vue_type_script_setup_true_lang-C9FIG5ye.js";
 export {
-  S as useListOption
+  f as default
 };

package/dist/composable-ui18.js

@@ -1,4 +1,31 @@
-import { _ as f } from "./comboboxInput.vue_vue_type_script_setup_true_lang-DzRfJ5ke.js";
+import { inject as l, ref as d, computed as n, onMounted as f, onUnmounted as p, unref as I } from "vue";
+import { injectList as j } from "./composable-ui23.js";
+function S(c, o, i) {
+  const e = l(j);
+  if (!e)
+    throw new Error("List injectable context is not provided");
+  const t = d(-1), r = n(() => e.isSelected(t.value)), u = n(() => e.isActive(t.value));
+  function s() {
+    e.selectItem(t.value);
+  }
+  function a({ focus: m = !0 } = {}) {
+    I(i) || e.activateItem(t.value, { focus: m });
+  }
+  function v() {
+    e.deactivateItem();
+  }
+  return f(() => {
+    t.value = e.addItem(c, o, i);
+  }), p(() => {
+    e.removeItem(t.value);
+  }), {
+    isSelected: r,
+    isActive: u,
+    select: s,
+    activate: a,
+    deactivate: v
+  };
+}
 export {
-  f as default
+  S as useListOption
 };

package/dist/composable-ui19.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./comboboxHiddenInput.vue_vue_type_script_setup_true_lang-Ba-UPd-M.js";
+import { _ as f } from "./comboboxInput.vue_vue_type_script_setup_true_lang-D3KIXNRO.js";
 export {
   f as default
 };

package/dist/composable-ui2.js

@@ -1,55 +1,30 @@
-import { ref as t, onMounted as V, onBeforeUnmount as M, readonly as m, unref as g } from "vue";
-import { useHTMLElement as b } from "./composable-ui23.js";
-function k(y, h = [], w = !0) {
-  const a = t(!1), n = t(!0), l = t(), r = t("");
-  let e, u;
-  function s() {
-    e?.focus();
-  }
-  function d() {
-    n.value = e.validity.valid, l.value = e.validity, r.value = e.validationMessage;
-  }
-  function f() {
-    if (!e) throw new Error("Form element is undefined");
-    const o = e.value;
-    for (const p of g(h)) {
-      const c = p(o);
-      if (c !== !0) {
-        e.setCustomValidity(c);
-        break;
-      }
+import { ref as l, watch as V, toValue as u, readonly as n } from "vue";
+function h(s, f = [], c = !1) {
+  const e = l(!0), r = l([]);
+  function d(t, a, o) {
+    r.value = [], e.value = !0;
+    for (const v of a) {
+      const i = v(t);
+      if (i !== !0 && (r.value.push(i), e.value = !1, o))
+        return !1;
     }
+    return e.value;
   }
-  function v() {
-    if (!e) throw new Error("Form element is undefined");
-    return e.setCustomValidity(""), e.validity.valid && f(), d(), n.value;
-  }
-  function C(o) {
-    d(), g(w) || o.preventDefault();
-  }
-  function E() {
-    v(), a.value = u !== e.value;
-  }
-  let i = new AbortController();
-  return V(() => {
-    if (e = b(y).value, !e) throw new Error("Form element is undefined");
-    f(), u = e.value, e.addEventListener("change", E, {
-      signal: i.signal,
-      passive: !0
-    }), e.addEventListener("invalid", C, {
-      signal: i.signal
-    }), e?.autofocus && s();
-  }), M(() => {
-    i.abort();
-  }), {
-    focus: s,
-    validate: v,
-    isValid: n,
-    validity: m(l),
-    validationMessage: m(r),
-    isChanged: a
+  return V(
+    [
+      () => u(s),
+      () => u(f),
+      () => u(c)
+    ],
+    ([t, a, o]) => {
+      d(t, a, o);
+    },
+    { immediate: !0 }
+  ), {
+    isValid: n(e),
+    errors: n(r)
   };
 }
 export {
-  k as useFormControl
+  h as useValidation
 };

package/dist/composable-ui20.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./combobox.vue_vue_type_script_setup_true_lang-BhfoMt6j.js";
+import { _ as f } from "./comboboxHiddenInput.vue_vue_type_script_setup_true_lang-Ba-UPd-M.js";
 export {
   f as default
 };

package/dist/composable-ui21.js

@@ -1,103 +1,4 @@
-import { ref as T, watch as _, nextTick as P, onBeforeMount as F, onMounted as U, onBeforeUnmount as j } from "vue";
-import { useHTMLElement as k } from "./composable-ui23.js";
-function G(y, z, {
-  direction: c = "down",
-  align: u = "left",
-  position: L = "fixed",
-  closeOnOutsideClick: A = !0,
-  closeOnInsideClick: M = !1
-} = {}) {
-  const s = T(!1);
-  function v() {
-    const e = k(y);
-    if (!e.value) throw new Error("Activator element is undefined");
-    return e.value;
-  }
-  function $() {
-    const e = k(z);
-    if (!e.value) throw new Error("Popover element is undefined");
-    return e.value;
-  }
-  function B({ focus: e = !0 } = {}) {
-    s.value = !0, e && P(() => {
-      $().focus();
-    });
-  }
-  function E({ focus: e = !0 } = {}) {
-    s.value = !1, e && v().focus();
-  }
-  function O(e) {
-    s.value ? E(e) : B(e);
-  }
-  function h() {
-    if (!s.value) return;
-    const e = v(), r = $();
-    r.style.position = L;
-    const {
-      top: f,
-      right: l,
-      bottom: w,
-      left: p,
-      width: m,
-      height: W
-    } = e.getBoundingClientRect(), a = r.offsetHeight, d = r.offsetWidth, x = document.documentElement.clientHeight, b = document.documentElement.clientWidth;
-    let i = c;
-    c == "up" ? f - a < 0 && (i = "down") : c == "down" ? w + a > x && (i = "up") : c == "right" ? l + d > b && (i = "left") : c == "left" && p - d < 0 && (i = "right");
-    let o = u;
-    u == "left" ? p + d > b && (o = "right") : u == "right" ? l - d < 0 && (o = "left") : u == "top" ? f + a > x && (o = "bottom") : u == "bottom" && w - a < 0 && (o = "top");
-    const t = {
-      top: "auto",
-      bottom: "auto",
-      left: "auto",
-      right: "auto",
-      width: "auto"
-    }, n = L === "fixed";
-    i == "up" ? t.bottom = `${W + (n ? x - w : 0)}px` : i == "down" ? t.top = `${W + (n ? f : 0)}px` : i == "right" ? t.left = `${m + (n ? p : 0)}px` : i == "left" && (t.right = `${m + (n ? b - l : 0)}px`), ["up", "down"].includes(i) ? o == "right" ? t.right = `${n ? b - l : 0}px` : o == "left" || o == "stretch" ? t.left = `${n ? p : 0}px` : o == "center" && (t.left = `${(n ? p : 0) - (d - m) / 2}px`) : o == "bottom" ? t.bottom = `${n ? x - w : 0}px` : o == "top" ? t.top = `${n ? f : 0}px` : o == "center" && (t.top = `${(n ? f : 0) - (a - W) / 2}px`), ["up", "down"].includes(i) && o === "stretch" && (t.width = m + "px");
-    for (const C in t)
-      r.style[C] = t[C];
-  }
-  _(
-    s,
-    (e) => {
-      e && P(() => {
-        h();
-      });
-    },
-    { flush: "pre" }
-  );
-  function R(e) {
-    const r = e.target;
-    if (!v().contains(r))
-      try {
-        $().contains(r) ? M && E() : A && (s.value = !1);
-      } catch {
-      }
-  }
-  let H;
-  const g = new AbortController();
-  return F(() => {
-    H = new ResizeObserver(h);
-  }), U(() => {
-    window.addEventListener("resize", h, {
-      passive: !0,
-      signal: g.signal
-    }), window.addEventListener("scroll", h, {
-      passive: !0,
-      //capture: true,
-      signal: g.signal
-    }), window.addEventListener("click", R, {
-      passive: !0,
-      signal: g.signal
-    }), H.observe(v());
-  }), j(() => {
-    g.abort(), H.disconnect();
-  }), {
-    isOpen: s,
-    open: B,
-    close: E,
-    toggle: O
-  };
-}
+import { _ as f } from "./combobox.vue_vue_type_script_setup_true_lang-ChCbDl0x.js";
 export {
-  G as usePopover
+  f as default
 };