@kong/kongponents 9.47.1 → 9.47.2-pr.3005.434647.0

package/dist/kongponents.es204.js

@@ -1,187 +1,26 @@
-import { toArray as C, watchImmediate as w, tryOnScopeDispose as T, isObject as I, isClient as L, noop as b, isIOS as W } from "./kongponents.es245.js";
-import { computed as y, toValue as h, unref as $, watch as x, ref as z, shallowRef as B, getCurrentInstance as F, onMounted as _ } from "vue";
-const S = L ? window : void 0;
-function g(t) {
-  var r;
-  const u = h(t);
-  return (r = u == null ? void 0 : u.$el) != null ? r : u;
-}
-function A(...t) {
-  const r = [], u = () => {
-    r.forEach((o) => o()), r.length = 0;
-  }, l = (o, n, i, d) => (o.addEventListener(n, i, d), () => o.removeEventListener(n, i, d)), c = y(() => {
-    const o = C(h(t[0])).filter((n) => n != null);
-    return o.every((n) => typeof n != "string") ? o : void 0;
-  }), f = w(
-    () => {
-      var o, n;
-      return [
-        (n = (o = c.value) == null ? void 0 : o.map((i) => g(i))) != null ? n : [S].filter((i) => i != null),
-        C(h(c.value ? t[1] : t[0])),
-        C($(c.value ? t[2] : t[1])),
-        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        h(c.value ? t[3] : t[2])
-      ];
-    },
-    ([o, n, i, d]) => {
-      if (u(), !(o != null && o.length) || !(n != null && n.length) || !(i != null && i.length))
-        return;
-      const p = I(d) ? { ...d } : d;
-      r.push(
-        ...o.flatMap(
-          (m) => n.flatMap(
-            (E) => i.map((O) => l(m, E, O, p))
-          )
-        )
-      );
-    },
-    { flush: "post" }
-  ), v = () => {
-    f(), u();
-  };
-  return T(u), v;
-}
-let P = !1;
-function G(t, r, u = {}) {
-  const { window: l = S, ignore: c = [], capture: f = !0, detectIframe: v = !1, controls: o = !1 } = u;
-  if (!l)
-    return o ? { stop: b, cancel: b, trigger: b } : b;
-  if (W && !P) {
-    P = !0;
-    const e = { passive: !0 };
-    Array.from(l.document.body.children).forEach((s) => s.addEventListener("click", b, e)), l.document.documentElement.addEventListener("click", b, e);
+var b = Object.defineProperty;
+var v = (s, e, r) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[e] = r;
+var i = (s, e, r) => v(s, typeof e != "symbol" ? e + "" : e, r);
+class t {
+  constructor(e) {
+    i(this, "resizeObserver");
+    i(this, "callback");
+    this.callback = e, this.resizeObserver = new ResizeObserver((r) => {
+      window.requestAnimationFrame(() => {
+        !Array.isArray(r) || !r.length || e();
+      });
+    });
   }
-  let n = !0;
-  const i = (e) => h(c).some((s) => {
-    if (typeof s == "string")
-      return Array.from(l.document.querySelectorAll(s)).some((a) => a === e.target || e.composedPath().includes(a));
-    {
-      const a = g(s);
-      return a && (e.target === a || e.composedPath().includes(a));
-    }
-  });
-  function d(e) {
-    const s = h(e);
-    return s && s.$.subTree.shapeFlag === 16;
+  static create(e) {
+    return new t(e);
   }
-  function p(e, s) {
-    const a = h(e), R = a.$.subTree && a.$.subTree.children;
-    return R == null || !Array.isArray(R) ? !1 : R.some((k) => k.el === s.target || s.composedPath().includes(k.el));
+  observe(e) {
+    !this.resizeObserver || !e || this.resizeObserver.observe(e);
   }
-  const m = (e) => {
-    const s = g(t);
-    if (e.target != null && !(!(s instanceof Element) && d(t) && p(t, e)) && !(!s || s === e.target || e.composedPath().includes(s))) {
-      if ("detail" in e && e.detail === 0 && (n = !i(e)), !n) {
-        n = !0;
-        return;
-      }
-      r(e);
-    }
-  };
-  let E = !1;
-  const O = [
-    A(l, "click", (e) => {
-      E || (E = !0, setTimeout(() => {
-        E = !1;
-      }, 0), m(e));
-    }, { passive: !0, capture: f }),
-    A(l, "pointerdown", (e) => {
-      const s = g(t);
-      n = !i(e) && !!(s && !e.composedPath().includes(s));
-    }, { passive: !0 }),
-    v && A(l, "blur", (e) => {
-      setTimeout(() => {
-        var s;
-        const a = g(t);
-        ((s = l.document.activeElement) == null ? void 0 : s.tagName) === "IFRAME" && !(a != null && a.contains(l.document.activeElement)) && r(e);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), M = () => O.forEach((e) => e());
-  return o ? {
-    stop: M,
-    cancel: () => {
-      n = !1;
-    },
-    trigger: (e) => {
-      n = !0, m(e), n = !1;
-    }
-  } : M;
-}
-// @__NO_SIDE_EFFECTS__
-function j() {
-  const t = B(!1), r = F();
-  return r && _(() => {
-    t.value = !0;
-  }, r), t;
-}
-// @__NO_SIDE_EFFECTS__
-function q(t) {
-  const r = /* @__PURE__ */ j();
-  return y(() => (r.value, !!t()));
-}
-function H(t, r, u = {}) {
-  const { window: l = S, ...c } = u;
-  let f;
-  const v = /* @__PURE__ */ q(() => l && "ResizeObserver" in l), o = () => {
-    f && (f.disconnect(), f = void 0);
-  }, n = y(() => {
-    const p = h(t);
-    return Array.isArray(p) ? p.map((m) => g(m)) : [g(p)];
-  }), i = x(
-    n,
-    (p) => {
-      if (o(), v.value && l) {
-        f = new ResizeObserver(r);
-        for (const m of p)
-          m && f.observe(m, c);
-      }
-    },
-    { immediate: !0, flush: "post" }
-  ), d = () => {
-    o(), i();
-  };
-  return T(d), {
-    isSupported: v,
-    stop: d
-  };
-}
-function D(t) {
-  var r;
-  const u = (r = t.rangeCount) != null ? r : 0;
-  return Array.from({ length: u }, (l, c) => t.getRangeAt(c));
-}
-// @__NO_SIDE_EFFECTS__
-function J(t = {}) {
-  const {
-    window: r = S
-  } = t, u = z(null), l = y(() => {
-    var o, n;
-    return (n = (o = u.value) == null ? void 0 : o.toString()) != null ? n : "";
-  }), c = y(() => u.value ? D(u.value) : []), f = y(() => c.value.map((o) => o.getBoundingClientRect()));
-  function v() {
-    u.value = null, r && (u.value = r.getSelection());
+  unobserve(e) {
+    !this.resizeObserver || !e || this.resizeObserver.unobserve(e);
   }
-  return r && A(r.document, "selectionchange", v, { passive: !0 }), {
-    text: l,
-    rects: f,
-    ranges: c,
-    selection: u
-  };
 }
 export {
-  S as defaultWindow,
-  L as isClient,
-  W as isIOS,
-  I as isObject,
-  b as noop,
-  G as onClickOutside,
-  C as toArray,
-  T as tryOnScopeDispose,
-  g as unrefElement,
-  A as useEventListener,
-  j as useMounted,
-  H as useResizeObserver,
-  q as useSupported,
-  J as useTextSelection,
-  w as watchImmediate
+  t as ResizeObserverHelper
 };

package/dist/kongponents.es205.js

@@ -1,121 +1,7 @@
-import { defineComponent as y, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as b, normalizeStyle as x, withCtx as L, createElementBlock as S } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es295.js";
-const N = ["aria-hidden"], c = '<path d="M8.4 17L12 13.4L15.6 17L17 15.6L13.4 12L17 8.4L15.6 7L12 10.6L8.4 7L7 8.4L10.6 12L7 15.6L8.4 17ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "ClearIcon",
-  props: {
-    /** The accessibility text provided to screen readers */
-    title: {
-      type: String,
-      required: !1,
-      default: ""
-    },
-    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
-    color: {
-      type: String,
-      required: !1,
-      default: "currentColor"
-    },
-    /** The CSS display property for the icon. Defaults to `block` */
-    display: {
-      type: String,
-      required: !1,
-      default: "block"
-    },
-    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
-    decorative: {
-      type: Boolean,
-      required: !1,
-      default: !1
-    },
-    /** The icon size */
-    size: {
-      type: [Number, String],
-      required: !1,
-      default: u,
-      // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (r) => {
-        if (typeof r == "number" && r > 0)
-          return !0;
-        if (typeof r == "string") {
-          const e = String(r).replace(/px/gi, ""), i = Number(e);
-          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
-            return !0;
-        }
-        return !1;
-      }
-    },
-    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
-    as: {
-      type: String,
-      required: !1,
-      default: "span"
-    },
-    /**
-     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
-     * Typically only set to `true` during snapshot testing.
-     * Defaults to `false`.
-     */
-    staticIds: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(r) {
-    const e = r, i = s(() => {
-      if (typeof e.size == "number" && e.size > 0)
-        return `${e.size}px`;
-      if (typeof e.size == "string") {
-        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
-        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
-          return `${t}px`;
-      }
-      return u;
-    }), p = s(() => ({
-      boxSizing: "border-box",
-      color: e.color,
-      display: e.display,
-      flexShrink: "0",
-      height: i.value,
-      lineHeight: "0",
-      width: i.value,
-      pointerEvents: e.decorative ? "none" : void 0
-    })), f = (a) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return a.replace(/id="([^"]+)"/g, (o, n) => {
-        const l = `${v}-${n}`;
-        return t[n] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
-    }, g = {
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;",
-      "&": "&amp;"
-    }, C = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
-    return (a, t) => (d(), h(b(r.as), {
-      "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon clear-icon",
-      "data-testid": "kui-icon-wrapper-clear-icon",
-      style: x(p.value),
-      tabindex: r.decorative ? "-1" : void 0
-    }, {
-      default: L(() => [
-        (d(), S("svg", {
-          "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-clear-icon",
-          fill: "none",
-          height: "100%",
-          role: "img",
-          viewBox: "0 0 24 24",
-          width: "100%",
-          xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, N))
-      ]),
-      _: 1
-    }, 8, ["aria-hidden", "style", "tabindex"]));
-  }
-});
+import o from "./kongponents.es263.js";
+/* empty css                  */
+import t from "./kongponents.es74.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-34b46660"]]);
 export {
-  z as default
+  i as default
 };

package/dist/kongponents.es206.js

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as d, createBlock as h, openBlock as s, resolveDynamicComponent as b, normalizeStyle as x, withCtx as S, createElementBlock as k } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kongponents.es295.js";
-const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d="M8.56654 17.8134H12.2371L14.1429 20.2096L13.8152 21.026H9.0731L9.18942 20.2096L8.07153 18.4462L8.56654 17.8134ZM11.193 7.28639L13.1602 7.28343L22 17.822L21.3132 21.026H17.5245L17.7604 20.1233L9.50009 10.2732L11.193 7.28639ZM14.6686 3L18.778 6.22975L18.2519 6.77265L18.9644 7.76492V8.82592L16.9157 10.496L13.4703 6.42551H11.4644L12.272 4.94512L14.6686 3ZM6.04318 13.3443L8.90974 10.853L12.7144 15.4313L11.6342 17.1086H8.12603L5.69899 20.2934L5.14469 21.026H2V17.1183L4.93106 13.3443H6.04318Z" fill="currentColor"/>', z = /* @__PURE__ */ y({
-  __name: "KongIcon",
+import { defineComponent as b, computed as s, createBlock as h, openBlock as d, resolveDynamicComponent as k, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es269.js";
+const w = ["aria-hidden"], c = '<path d="M9 18L3 12L9 6L10.4 7.4L6.8 11H21V13H6.8L10.4 16.6L9 18Z" fill="currentColor"/>', z = /* @__PURE__ */ b({
+  __name: "BackIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -61,16 +61,16 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
     }
   },
   setup(r) {
-    const e = r, i = d(() => {
+    const e = r, i = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
-        const n = String(e.size).replace(/px/gi, ""), t = Number(n);
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
       return u;
-    }), c = d(() => ({
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,38 +79,38 @@ const N = ["aria-hidden"], p = '<path fill-rule="evenodd" clip-rule="evenodd" d=
       lineHeight: "0",
       width: i.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (n) => {
-      const t = {}, v = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${v}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    })), f = (a) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${y}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
     }, g = {
       "<": "&lt;",
       ">": "&gt;",
       '"': "&quot;",
       "'": "&#39;",
       "&": "&amp;"
-    }, L = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (n, t) => (s(), h(b(r.as), {
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? c : f(c)}`;
+    return (a, t) => (d(), h(k(r.as), {
       "aria-hidden": r.decorative ? "true" : void 0,
-      class: "kui-icon kong-icon",
-      "data-testid": "kui-icon-wrapper-kong-icon",
-      style: x(c.value),
+      class: "kui-icon back-icon",
+      "data-testid": "kui-icon-wrapper-back-icon",
+      style: x(p.value),
       tabindex: r.decorative ? "-1" : void 0
     }, {
       default: S(() => [
-        (s(), k("svg", {
+        (d(), N("svg", {
           "aria-hidden": r.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-kong-icon",
+          "data-testid": "kui-icon-svg-back-icon",
           fill: "none",
           height: "100%",
           role: "img",
           viewBox: "0 0 24 24",
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
-          innerHTML: m
-        }, null, 8, N))
+          innerHTML: v
+        }, null, 8, w))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));

package/dist/kongponents.es207.js

@@ -1,7 +1,121 @@
-import o from "./kongponents.es243.js";
-/* empty css                  */
-import t from "./kongponents.es74.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e91d1bd8"]]);
+import { defineComponent as h, computed as d, createBlock as b, openBlock as s, resolveDynamicComponent as w, normalizeStyle as x, withCtx as S, createElementBlock as N } from "vue";
+import { KUI_ICON_SIZE_50 as u } from "./kongponents.es269.js";
+const k = ["aria-hidden"], p = '<path d="M15 18L21 12L15 6L13.6 7.4L17.2 11H3V13H17.2L13.6 16.6L15 18Z" fill="currentColor"/>', z = /* @__PURE__ */ h({
+  __name: "ForwardIcon",
+  props: {
+    /** The accessibility text provided to screen readers */
+    title: {
+      type: String,
+      required: !1,
+      default: ""
+    },
+    /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */
+    color: {
+      type: String,
+      required: !1,
+      default: "currentColor"
+    },
+    /** The CSS display property for the icon. Defaults to `block` */
+    display: {
+      type: String,
+      required: !1,
+      default: "block"
+    },
+    /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */
+    decorative: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    /** The icon size */
+    size: {
+      type: [Number, String],
+      required: !1,
+      default: u,
+      // if setting to the imported const fails, just pass a number of 24 as the default.
+      validator: (r) => {
+        if (typeof r == "number" && r > 0)
+          return !0;
+        if (typeof r == "string") {
+          const e = String(r).replace(/px/gi, ""), i = Number(e);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+            return !0;
+        }
+        return !1;
+      }
+    },
+    /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */
+    as: {
+      type: String,
+      required: !1,
+      default: "span"
+    },
+    /**
+     * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).
+     * Typically only set to `true` during snapshot testing.
+     * Defaults to `false`.
+     */
+    staticIds: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(r) {
+    const e = r, i = d(() => {
+      if (typeof e.size == "number" && e.size > 0)
+        return `${e.size}px`;
+      if (typeof e.size == "string") {
+        const a = String(e.size).replace(/px/gi, ""), t = Number(a);
+        if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
+          return `${t}px`;
+      }
+      return u;
+    }), c = d(() => ({
+      boxSizing: "border-box",
+      color: e.color,
+      display: e.display,
+      flexShrink: "0",
+      height: i.value,
+      lineHeight: "0",
+      width: i.value,
+      pointerEvents: e.decorative ? "none" : void 0
+    })), f = (a) => {
+      const t = {}, y = Math.random().toString(36).substring(2, 12);
+      return a.replace(/id="([^"]+)"/g, (o, n) => {
+        const l = `${y}-${n}`;
+        return t[n] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (o, n) => t[n] ? `#${t[n]}` : o);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (a) => a.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (a, t) => (s(), b(w(r.as), {
+      "aria-hidden": r.decorative ? "true" : void 0,
+      class: "kui-icon forward-icon",
+      "data-testid": "kui-icon-wrapper-forward-icon",
+      style: x(c.value),
+      tabindex: r.decorative ? "-1" : void 0
+    }, {
+      default: S(() => [
+        (s(), N("svg", {
+          "aria-hidden": r.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-forward-icon",
+          fill: "none",
+          height: "100%",
+          role: "img",
+          viewBox: "0 0 24 24",
+          width: "100%",
+          xmlns: "http://www.w3.org/2000/svg",
+          innerHTML: v
+        }, null, 8, k))
+      ]),
+      _: 1
+    }, 8, ["aria-hidden", "style", "tabindex"]));
+  }
+});
 export {
-  m as default
+  z as default
 };

package/dist/kongponents.es208.js

@@ -1,7 +1,116 @@
-import { warn as a } from "vue";
-function i(r, o) {
-  a(`Invalid prop: validator check failed for prop "${r}". ${o}`);
+import { computePosition as j } from "./kongponents.es210.js";
+import { autoPlacement as Q, autoUpdate as T, flip as W, platform as X, shift as Y } from "./kongponents.es210.js";
+import { isNode as A, getNodeName as B } from "./kongponents.es323.js";
+import { getOverflowAncestors as ee } from "./kongponents.es323.js";
+import { computed as o, ref as f, shallowRef as F, watch as g, getCurrentScope as I, onScopeDispose as U, shallowReadonly as r, unref as k } from "vue";
+function q(e) {
+  return e != null && typeof e == "object" && "$el" in e;
+}
+function b(e) {
+  if (q(e)) {
+    const u = e.$el;
+    return A(u) && B(u) === "#comment" ? null : u;
+  }
+  return e;
+}
+function c(e) {
+  return typeof e == "function" ? e() : k(e);
+}
+function M(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function C(e, u) {
+  const n = M(e);
+  return Math.round(u * n) / n;
+}
+function J(e, u, n) {
+  n === void 0 && (n = {});
+  const P = n.whileElementsMounted, s = o(() => {
+    var t;
+    return (t = c(n.open)) != null ? t : !0;
+  }), V = o(() => c(n.middleware)), p = o(() => {
+    var t;
+    return (t = c(n.placement)) != null ? t : "bottom";
+  }), w = o(() => {
+    var t;
+    return (t = c(n.strategy)) != null ? t : "absolute";
+  }), S = o(() => {
+    var t;
+    return (t = c(n.transform)) != null ? t : !0;
+  }), i = o(() => b(e.value)), l = o(() => b(u.value)), y = f(0), h = f(0), m = f(w.value), D = f(p.value), O = F({}), x = f(!1), _ = o(() => {
+    const t = {
+      position: m.value,
+      left: "0",
+      top: "0"
+    };
+    if (!l.value)
+      return t;
+    const a = C(l.value, y.value), R = C(l.value, h.value);
+    return S.value ? {
+      ...t,
+      transform: "translate(" + a + "px, " + R + "px)",
+      ...M(l.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: m.value,
+      left: a + "px",
+      top: R + "px"
+    };
+  });
+  let v;
+  function d() {
+    if (i.value == null || l.value == null)
+      return;
+    const t = s.value;
+    j(i.value, l.value, {
+      middleware: V.value,
+      placement: p.value,
+      strategy: w.value
+    }).then((a) => {
+      y.value = a.x, h.value = a.y, m.value = a.strategy, D.value = a.placement, O.value = a.middlewareData, x.value = t !== !1;
+    });
+  }
+  function E() {
+    typeof v == "function" && (v(), v = void 0);
+  }
+  function N() {
+    if (E(), P === void 0) {
+      d();
+      return;
+    }
+    if (i.value != null && l.value != null) {
+      v = P(i.value, l.value, d);
+      return;
+    }
+  }
+  function $() {
+    s.value || (x.value = !1);
+  }
+  return g([V, p, w, s], d, {
+    flush: "sync"
+  }), g([i, l], N, {
+    flush: "sync"
+  }), g(s, $, {
+    flush: "sync"
+  }), I() && U(E), {
+    x: r(y),
+    y: r(h),
+    strategy: r(m),
+    placement: r(D),
+    middlewareData: r(O),
+    isPositioned: r(x),
+    floatingStyles: _,
+    update: d
+  };
 }
 export {
-  i as warnInvalidProp
+  Q as autoPlacement,
+  T as autoUpdate,
+  j as computePosition,
+  W as flip,
+  ee as getOverflowAncestors,
+  X as platform,
+  Y as shift,
+  J as useFloating
 };