vrembem 4.0.0-next.29 → 4.0.0-next.30

package/dist/index.js

@@ -2,11 +2,11 @@ var te = (t) => {
   throw TypeError(t);
 };
 var ee = (t, e, i) => e.has(t) || te("Cannot " + i);
-var w = (t, e, i) => (ee(t, e, "read from private field"), i ? i.call(t) : e.get(t)), k = (t, e, i) => e.has(t) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), E = (t, e, i, s) => (ee(t, e, "write to private field"), s ? s.call(t, i) : e.set(t, i), i);
+var w = (t, e, i) => (ee(t, e, "read from private field"), i ? i.call(t) : e.get(t)), $ = (t, e, i) => e.has(t) ? te("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), E = (t, e, i, s) => (ee(t, e, "write to private field"), s ? s.call(t, i) : e.set(t, i), i);
 function le(t) {
   return t.split("-").map((e, i) => i === 0 ? e : e.charAt(0).toUpperCase() + e.slice(1)).join("");
 }
-function Ut(t) {
+function Kt(t) {
   return t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
 function ae(t) {
@@ -19,7 +19,7 @@ function ae(t) {
   }
   throw new Error(`Could not convert value to milliseconds: ${t}`);
 }
-function Rt() {
+function Pt() {
   return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim();
 }
 function ce(t, e) {
@@ -29,7 +29,7 @@ function ce(t, e) {
     ...e
   };
   if (t.slice(0, 2) !== "--") {
-    const n = Rt();
+    const n = Pt();
     n && (t = `${n}${t}`), t = `--${t}`;
   }
   const s = getComputedStyle(i.element).getPropertyValue(t).trim();
@@ -44,9 +44,9 @@ function fe(t, e = "config") {
   return s ? JSON.parse(s) : {};
 }
 function ue(t) {
-  const e = getComputedStyle(t.el), i = {}, s = Object.keys(t.context.settings);
+  const e = getComputedStyle(t.el), i = {}, s = t.getSetting("customProps");
   for (let n = 0; n < s.length; n++) {
-    const o = Rt(), r = t.context.module.toLowerCase(), l = Ut(s[n]), a = e.getPropertyValue(`--${o}${r}-${l}`).trim();
+    const o = Pt(), r = t.context.module.toLowerCase(), l = Kt(s[n]), a = e.getPropertyValue(`--${o}${r}-${l}`).trim();
     a && (i[l] = a);
   }
   return i;
@@ -54,6 +54,23 @@ function ue(t) {
 function de(t) {
   return typeof t == "string" ? document.getElementById(t) : t instanceof HTMLElement ? t : null;
 }
+function Me(t, e, i = "camel") {
+  return e = i === "camel" ? le(e) : Kt(e), t.split(".").concat(e).reduce((s, n) => s == null ? void 0 : s[n], this);
+}
+function he(t, e = {}) {
+  const {
+    fallback: i,
+    props: s = ["dataConfig", "customProps", "settings", "context.settings"]
+  } = e;
+  for (const n of s) {
+    const o = n !== "customProps" ? "camel" : "kebab", r = Me.call(this, n, t, o);
+    if (r !== void 0)
+      return r;
+  }
+  if (i !== void 0)
+    return i;
+  throw new Error(`${this.context.module} setting does not exist: ${t}`);
+}
 async function C(t, ...e) {
   t in this && typeof this[t] == "function" && await this[t](...e);
 }
@@ -64,44 +81,45 @@ function St(t, e, i, s, n = 0) {
     }, ae(n));
   });
 }
-function De(t, e) {
+function Fe(t, e) {
   e && document.querySelectorAll(e).forEach((s) => {
     t ? s.style.overflow = "hidden" : s.style.removeProperty("overflow");
   });
 }
-function Me(t, e) {
+function Ie(t, e) {
   e && document.querySelectorAll(e).forEach((s) => {
     t ? (s.inert = !0, s.setAttribute("aria-hidden", !0)) : (s.inert = null, s.removeAttribute("aria-hidden"));
   });
 }
 function Et(t, e, i) {
-  Me(!!t, e), De(!!t, i);
+  Ie(!!t, e), Fe(!!t, i);
 }
-var R;
-class he {
+var P;
+class ge {
   constructor(e, i) {
-    k(this, R);
-    this.value = e, E(this, R, i), this.mql = null;
+    $(this, P);
+    this.value = e, E(this, P, i), this.mql = null;
   }
   get handler() {
-    return w(this, R);
+    return w(this, P);
   }
   // Unmount existing handler before setting a new one.
   set handler(e) {
-    this.mql && this.mql.removeEventListener("change", w(this, R)), E(this, R, e);
+    this.mql && this.mql.removeEventListener("change", w(this, P)), E(this, P, e);
   }
   mount(e, i) {
-    return e && (this.value = e), i && E(this, R, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", w(this, R)), w(this, R).call(this, this.mql), this) : this;
+    return e && (this.value = e), i && E(this, P, i), this.value ? (this.mql = window.matchMedia(`(min-width: ${this.value})`), this.mql.addEventListener("change", w(this, P)), w(this, P).call(this, this.mql), this) : this;
   }
   unmount() {
-    return this.mql ? (this.mql.removeEventListener("change", w(this, R)), this.value = null, E(this, R, null), this.mql = null, this) : this;
+    return this.mql ? (this.mql.removeEventListener("change", w(this, P)), this.value = null, E(this, P, null), this.mql = null, this) : this;
   }
 }
-R = new WeakMap();
-class Pt {
+P = new WeakMap();
+class Rt {
   constructor(e = {}) {
     this.module = this.constructor.name, this.collection = [], this.settings = Object.assign({
       dataConfig: "config",
+      customProps: [],
       teleport: null,
       teleportMethod: "append"
     }, e);
@@ -156,17 +174,8 @@ class Ct {
   getCustomProps() {
     return Object.assign(this.customProps, ue(this));
   }
-  getSetting(e) {
-    const i = le(e), s = Ut(e);
-    if ("dataConfig" in this && i in this.dataConfig)
-      return this.dataConfig[i];
-    if ("customProps" in this && s in this.customProps)
-      return this.customProps[s];
-    if ("settings" in this && i in this.settings)
-      return this.settings[i];
-    if ("settings" in this.context && i in this.context.settings)
-      return this.context.settings[i];
-    throw new Error(`${this.context.module} setting does not exist: ${e}`);
+  getSetting(e, i = {}) {
+    return he.call(this, e, i);
   }
   async mount(e = {}) {
     if (this.el === null)
@@ -184,12 +193,12 @@ class Ct {
   }
 }
 var nt, G, J;
-class Kt {
+class jt {
   constructor(e = null, i = "[data-focus]") {
-    k(this, nt);
-    k(this, G);
-    k(this, J);
-    this.el = e, this.selectorFocus = i, E(this, G, Ie.bind(this)), E(this, J, Ne.bind(this));
+    $(this, nt);
+    $(this, G);
+    $(this, J);
+    this.el = e, this.selectorFocus = i, E(this, G, Be.bind(this)), E(this, J, Ve.bind(this));
   }
   get focusable() {
     return w(this, nt);
@@ -213,14 +222,14 @@ class Kt {
     (e.querySelector(i) || e).focus();
   }
   getFocusable(e = this.el) {
-    const i = [], s = document.activeElement, n = e.scrollTop, o = Fe.join(",");
+    const i = [], s = document.activeElement, n = e.scrollTop, o = Ne.join(",");
     return e.querySelectorAll(o).forEach((l) => {
       l.focus(), document.activeElement === l && i.push(l);
     }), e.scrollTop = n, s.focus(), i;
   }
 }
 nt = new WeakMap(), G = new WeakMap(), J = new WeakMap();
-const L = ":not([inert])", O = ':not([tabindex^="-"])', yt = ":not(:disabled)", Fe = [
+const L = ":not([inert])", O = ':not([tabindex^="-"])', yt = ":not(:disabled)", Ne = [
   `a[href]${L}${O}`,
   `area[href]${L}${O}`,
   `input:not([type="hidden"]):not([type="radio"])${L}${O}${yt}`,
@@ -235,10 +244,10 @@ const L = ":not([inert])", O = ':not([tabindex^="-"])', yt = ":not(:disabled)",
   `[contenteditable]${L}${O}`,
   `[tabindex]${L}${O}`
 ];
-function Ie(t) {
+function Be(t) {
   (t.key === "Tab" || t.keyCode === 9) && (t.shiftKey ? (document.activeElement === this.focusableFirst || document.activeElement === this.el) && (t.preventDefault(), this.focusableLast.focus()) : (document.activeElement === this.focusableLast || document.activeElement === this.el) && (t.preventDefault(), this.focusableFirst.focus()));
 }
-function Ne(t) {
+function Ve(t) {
   (t.key === "Tab" || t.keyCode === 9) && t.preventDefault();
 }
 function Xt(t, e = !0) {
@@ -259,7 +268,7 @@ function Vt(t, e, i) {
   let o = null;
   return s || (o = document.createComment("teleported #" + t.id), t.before(o)), e[i](t), s && e.remove(), o;
 }
-function Be(t) {
+function He(t) {
   const e = {
     prefix: ce("prefix-themes", { fallback: "vb-theme-" }),
     themes: ["root", "light", "dark"],
@@ -309,27 +318,28 @@ function Be(t) {
   };
   return n.callback("onInit"), n;
 }
-const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Breakpoint: he,
-  Collection: Pt,
+  Breakpoint: ge,
+  Collection: Rt,
   CollectionEntry: Ct,
-  FocusTrap: Kt,
+  FocusTrap: jt,
   cssVar: ce,
   getConfig: fe,
   getCustomProps: ue,
   getElement: de,
-  getPrefix: Rt,
+  getPrefix: Pt,
+  getSetting: he,
   lifecycleHook: C,
   localStore: Xt,
   setGlobalState: Et,
   teleport: Vt,
-  themeStore: Be,
+  themeStore: He,
   toCamel: le,
-  toKebab: Ut,
+  toKebab: Kt,
   toMilliseconds: ae,
   transition: St
-}, Symbol.toStringTag, { value: "Module" })), Ve = {
+}, Symbol.toStringTag, { value: "Module" })), _e = {
   // Data attributes
   dataOpen: "drawer-open",
   dataClose: "drawer-close",
@@ -350,6 +360,9 @@ const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   // Classes
   classModal: "drawer_modal",
   // Feature toggles
+  customProps: [
+    "transition-duration"
+  ],
   breakpoints: null,
   customEventPrefix: "drawer:",
   store: !0,
@@ -358,16 +371,16 @@ const Zi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   teleport: null,
   teleportMethod: "prepend",
   transition: !0,
-  transitionDuration: "drawer-transition-duration"
+  transitionDuration: 300
 };
-function He(t) {
+function ze(t) {
   t.store === "opened" ? t.open(!1, !1) : t.store === "closed" ? t.close(!1, !1) : t.store === "indeterminate" ? t.state = "indeterminate" : t.el.classList.contains(t.getSetting("stateOpened")) ? t.open(!1, !1) : t.el.classList.contains(t.getSetting("stateClosed")) ? t.close(!1, !1) : t.state = "indeterminate";
 }
-async function _e(t) {
+async function We(t) {
   t.store === "opened" ? await t.open(!1, !1) : t.store === "closed" ? await t.close(!1, !1) : t.store === "indeterminate" ? t.state != "indeterminate" && (t.state = "indeterminate") : (t.state != t.inlineState && (t.state = t.inlineState), t.inlineState === "opened" ? await t.open(!1, !1) : t.inlineState === "closed" && await t.close(!1, !1));
 }
-function ze(t) {
-  const e = Rt(), i = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
+function Ue(t) {
+  const e = Pt(), i = t.getAttribute(`data-${this.settings.dataBreakpoint}`);
   return this.settings.breakpoints && this.settings.breakpoints[i] ? this.settings.breakpoints[i] : getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() ? getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${i}`).trim() : i;
 }
 function it(t) {
@@ -376,42 +389,42 @@ function it(t) {
     return e;
   throw new Error(`Drawer not found in collection with id of "${t.id || t}".`);
 }
-function ge(t) {
+function me(t) {
   t.state === "opened" ? t.mode === "modal" ? this.focusTrap.mount(t.dialog, this.settings.selectorFocus) : this.focusTrap.focus(t.dialog, this.settings.selectorFocus) : (t.trigger && (t.trigger.focus(), t.trigger = null), this.focusTrap.unmount());
 }
-function We(t) {
+function Ke(t) {
   switch (t.mode) {
     case "inline":
       return je.call(this, t);
     case "modal":
-      return Ue.call(this, t);
+      return Xe.call(this, t);
     default:
       throw new Error(`"${t.mode}" is not a valid drawer mode.`);
   }
 }
 async function je(t) {
-  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), Et(!1, t.getSetting("selectorInert"), t.getSetting("selectorOverflow")), this.focusTrap.unmount(), await _e(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
+  return t.el.classList.remove(t.getSetting("classModal")), t.dialog.removeAttribute("aria-modal"), Et(!1, t.getSetting("selectorInert"), t.getSetting("selectorOverflow")), this.focusTrap.unmount(), await We(t), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
   })), t;
 }
-async function Ue(t) {
+async function Xe(t) {
   return t.el.classList.add(t.getSetting("classModal")), t.dialog.setAttribute("aria-modal", "true"), await t.close(!1, !1), t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix") + "switchMode", {
     detail: this,
     bubbles: !0
   })), t;
 }
 var ot, rt, lt;
-class Ke extends Ct {
+class Ye extends Ct {
   constructor(i, s, n = {}) {
     super(i, s, n);
-    k(this, ot);
-    k(this, rt);
-    k(this, lt);
-    this.dialog = null, this.trigger = null, E(this, lt, new he()), E(this, ot, "indeterminate"), E(this, rt, "indeterminate"), this.inlineState = "indeterminate";
+    $(this, ot);
+    $(this, rt);
+    $(this, lt);
+    this.dialog = null, this.trigger = null, E(this, lt, new ge()), E(this, ot, "indeterminate"), E(this, rt, "indeterminate"), this.inlineState = "indeterminate";
   }
   get breakpoint() {
-    return ze.call(this.context, this.el);
+    return Ue.call(this.context, this.el);
   }
   get store() {
     return this.context.store.get(this.id);
@@ -420,7 +433,7 @@ class Ke extends Ct {
     return w(this, ot);
   }
   set mode(i) {
-    E(this, ot, i), We.call(this.context, this);
+    E(this, ot, i), Ke.call(this.context, this);
   }
   get state() {
     return w(this, rt);
@@ -453,14 +466,14 @@ class Ke extends Ct {
   }
   async beforeMount() {
     const i = this.el.querySelector(this.getSetting("selectorDialog"));
-    this.dialog = i || this.el, this.getSetting("setTabindex") && this.dialog.setAttribute("tabindex", "-1"), He(this), this.inlineState = this.state, this.mode = this.el.classList.contains(this.getSetting("classModal")) ? "modal" : "inline", this.breakpoint && this.mountBreakpoint();
+    this.dialog = i || this.el, this.getSetting("setTabindex") && this.dialog.setAttribute("tabindex", "-1"), ze(this), this.inlineState = this.state, this.mode = this.el.classList.contains(this.getSetting("classModal")) ? "modal" : "inline", this.breakpoint && this.mountBreakpoint();
   }
   async beforeUnmount(i = !0) {
     i && this.state === "opened" && await this.close(!1), this.context.store.set(this.id), this.unmountBreakpoint();
   }
 }
 ot = new WeakMap(), rt = new WeakMap(), lt = new WeakMap();
-async function Xe(t) {
+async function Ge(t) {
   const e = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataToggle}],
@@ -487,11 +500,11 @@ async function Xe(t) {
   if (this.activeModal && t.target.matches(this.settings.selectorScreen))
     return this.close(this.activeModal.id);
 }
-function Ye(t) {
+function Je(t) {
   if (t.key === "Escape" && this.activeModal)
     return this.close(this.activeModal.id);
 }
-async function me(t, e, i = !0) {
+async function pe(t, e, i = !0) {
   const s = it.call(this, t);
   return (s.state === "closed" || s.state === "indeterminate") && (s.state = "opening", e ?? s.getSetting("transition") ? await St(
     s.el,
@@ -499,12 +512,12 @@ async function me(t, e, i = !0) {
     s.getSetting("stateOpening"),
     s.getSetting("stateOpened"),
     s.getSetting("transitionDuration")
-  ) : (s.el.classList.add(s.getSetting("stateOpened")), s.el.classList.remove(s.getSetting("stateClosed"))), s.state = "opened", s.mode === "modal" && Et(!0, s.getSetting("selectorInert"), s.getSetting("selectorOverflow")), i && ge.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "opened", {
+  ) : (s.el.classList.add(s.getSetting("stateOpened")), s.el.classList.remove(s.getSetting("stateClosed"))), s.state = "opened", s.mode === "modal" && Et(!0, s.getSetting("selectorInert"), s.getSetting("selectorOverflow")), i && me.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "opened", {
     detail: this,
     bubbles: !0
   }))), s;
 }
-async function pe(t, e, i = !0) {
+async function we(t, e, i = !0) {
   const s = it.call(this, t);
   return (s.state === "opened" || s.state === "indeterminate") && (s.state = "closing", document.activeElement.blur(), e ?? s.getSetting("transition") ? await St(
     s.el,
@@ -512,37 +525,37 @@ async function pe(t, e, i = !0) {
     s.getSetting("stateClosing"),
     s.getSetting("stateClosed"),
     s.getSetting("transitionDuration")
-  ) : (s.el.classList.add(s.getSetting("stateClosed")), s.el.classList.remove(s.getSetting("stateOpened"))), s.state = "closed", s.mode === "modal" && Et(!1, s.getSetting("selectorInert"), s.getSetting("selectorOverflow")), i && ge.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "closed", {
+  ) : (s.el.classList.add(s.getSetting("stateClosed")), s.el.classList.remove(s.getSetting("stateOpened"))), s.state = "closed", s.mode === "modal" && Et(!1, s.getSetting("selectorInert"), s.getSetting("selectorOverflow")), i && me.call(this, s), s.el.dispatchEvent(new CustomEvent(s.getSetting("customEventPrefix") + "closed", {
     detail: this,
     bubbles: !0
   }))), s;
 }
-async function Ge(t, e, i) {
+async function Ze(t, e, i) {
   const s = it.call(this, t);
-  return s.state === "closed" ? me.call(this, s, e, i) : pe.call(this, s, e, i);
+  return s.state === "closed" ? pe.call(this, s, e, i) : we.call(this, s, e, i);
 }
 var at, ct;
-class Qi extends Pt {
+class ts extends Rt {
   constructor(i) {
-    super({ ...Ve, ...i });
-    k(this, at);
-    k(this, ct);
-    this.focusTrap = new Kt(), E(this, at, Xe.bind(this)), E(this, ct, Ye.bind(this)), this.store = Xt(this.settings.storeKey, this.settings.store);
+    super({ ..._e, ...i });
+    $(this, at);
+    $(this, ct);
+    this.focusTrap = new jt(), E(this, at, Ge.bind(this)), E(this, ct, Je.bind(this)), this.store = Xt(this.settings.storeKey, this.settings.store);
   }
   get activeModal() {
     return this.collection.find((i) => i.state === "opened" && i.mode === "modal");
   }
   async createEntry(i, s) {
-    return new Ke(this, i, s);
+    return new Ye(this, i, s);
   }
   async open(i, s, n) {
-    return me.call(this, i, s, n);
+    return pe.call(this, i, s, n);
   }
   async close(i, s, n) {
-    return pe.call(this, i, s, n);
+    return we.call(this, i, s, n);
   }
   async toggle(i, s, n) {
-    return Ge.call(this, i, s, n);
+    return Ze.call(this, i, s, n);
   }
   async afterMount() {
     document.addEventListener("click", w(this, at), !1), document.addEventListener("keydown", w(this, ct), !1);
@@ -555,7 +568,7 @@ class Qi extends Pt {
   }
 }
 at = new WeakMap(), ct = new WeakMap();
-const Je = {
+const Qe = {
   // Data attributes
   dataOpen: "modal-open",
   dataClose: "modal-close",
@@ -574,14 +587,17 @@ const Je = {
   stateClosing: "is-closing",
   stateClosed: "is-closed",
   // Feature settings
+  customProps: [
+    "transition-duration"
+  ],
   customEventPrefix: "modal:",
   setTabindex: !0,
   teleport: null,
   teleportMethod: "append",
   transition: !0,
-  transitionDuration: "modal-transition-duration"
+  transitionDuration: 300
 };
-class Ze extends Ct {
+class qe extends Ct {
   constructor(e, i, s = {}) {
     super(e, i, s), this.state = "closed", this.dialog = null;
   }
@@ -620,7 +636,7 @@ function xt(t) {
 function Dt() {
   this.active ? this.focusTrap.mount(this.active.dialog, this.settings.selectorFocus) : (this.trigger && (this.trigger.focus(), this.trigger = null), this.focusTrap.unmount());
 }
-async function Qe(t) {
+async function ti(t) {
   const e = t.target.closest(`
     [data-${this.settings.dataOpen}],
     [data-${this.settings.dataReplace}],
@@ -643,11 +659,11 @@ async function Qe(t) {
   if (this.active && t.target.matches(this.settings.selectorScreen) && !this.active.isRequired)
     return this.close(this.active.id);
 }
-function qe(t) {
+function ei(t) {
   if (t.key === "Escape" && this.active && !this.active.dialog.matches(this.settings.selectorRequired))
     return this.close();
 }
-async function we(t, e = void 0, i = !0) {
+async function be(t, e = void 0, i = !0) {
   const s = xt.call(this, t);
   return this.stack.moveToTop(s), s.state === "closed" && (s.state = "opening", this.stack.add(s), e ?? s.getSetting("transition") ? await St(
     s.el,
@@ -660,7 +676,7 @@ async function we(t, e = void 0, i = !0) {
     bubbles: !0
   })), s;
 }
-async function be(t, e, i = !0) {
+async function ye(t, e, i = !0) {
   const s = t ? xt.call(this, t) : this.active;
   return s && s.state === "opened" && (s.state = "closing", document.activeElement.blur(), e ?? s.getSetting("transition") ? await St(
     s.el,
@@ -676,15 +692,15 @@ async function be(t, e, i = !0) {
 async function Ht(t, e) {
   const i = [];
   return await Promise.all(this.stack.value.map(async (s) => {
-    t && t === s.id ? Promise.resolve() : i.push(await be.call(this, s, e, !1)), s.trigger = null;
+    t && t === s.id ? Promise.resolve() : i.push(await ye.call(this, s, e, !1)), s.trigger = null;
   })), i;
 }
-async function ti(t, e, i = !0) {
+async function ii(t, e, i = !0) {
   const s = xt.call(this, t);
   let n, o;
-  return s.state === "opened" ? (n = s, o = await Ht.call(this, s.id, e)) : (o = Ht.call(this, !1, e), n = we.call(this, s, e, !1), await Promise.all([n, o])), i && Dt.call(this), { opened: n, closed: o };
+  return s.state === "opened" ? (n = s, o = await Ht.call(this, s.id, e)) : (o = Ht.call(this, !1, e), n = be.call(this, s, e, !1), await Promise.all([n, o])), i && Dt.call(this), { opened: n, closed: o };
 }
-function ei(t) {
+function si(t) {
   const e = [];
   return {
     get value() {
@@ -720,27 +736,27 @@ function ei(t) {
   };
 }
 var ft, ut;
-class qi extends Pt {
+class es extends Rt {
   constructor(i) {
-    super({ ...Je, ...i });
-    k(this, ft);
-    k(this, ut);
-    this.trigger = null, this.focusTrap = new Kt(), E(this, ft, Qe.bind(this)), E(this, ut, qe.bind(this)), this.stack = ei(this.settings);
+    super({ ...Qe, ...i });
+    $(this, ft);
+    $(this, ut);
+    this.trigger = null, this.focusTrap = new jt(), E(this, ft, ti.bind(this)), E(this, ut, ei.bind(this)), this.stack = si(this.settings);
   }
   get active() {
     return this.stack.top;
   }
   async createEntry(i, s) {
-    return new Ze(this, i, s);
+    return new qe(this, i, s);
   }
   async open(i, s, n) {
-    return we.call(this, i, s, n);
+    return be.call(this, i, s, n);
   }
   async close(i, s, n) {
-    return be.call(this, i, s, n);
+    return ye.call(this, i, s, n);
   }
   async replace(i, s, n) {
-    return ti.call(this, i, s, n);
+    return ii.call(this, i, s, n);
   }
   async closeAll(i = !1, s, n = !0) {
     const o = await Ht.call(this, i, s);
@@ -757,7 +773,7 @@ class qi extends Pt {
   }
 }
 ft = new WeakMap(), ut = new WeakMap();
-const ii = {
+const ni = {
   // Selectors
   selector: ".popover",
   selectorTooltip: ".popover_tooltip",
@@ -765,6 +781,15 @@ const ii = {
   // State classes
   stateActive: "is-active",
   // Custom properties and their defaults
+  customProps: [
+    "placement",
+    "event",
+    "offset",
+    "flip-padding",
+    "shift-padding",
+    "arrow-padding",
+    "toggle-delay"
+  ],
   placement: "bottom",
   event: "click",
   offset: 0,
@@ -782,7 +807,7 @@ function ie(t, e, i) {
     top: i != null ? `${i}px` : ""
   });
 }
-function ye(t, e) {
+function xe(t, e) {
   let i = t.getSetting("toggle-delay");
   typeof i == "string" && (i.indexOf(",") > -1 && (i = i.split(",")), i.indexOf(" ") > -1 && (i = i.split(" "))), Array.isArray(i) && (i = i[e]);
   const s = Number(i);
@@ -829,7 +854,7 @@ function Nt(t) {
   }
   return e;
 }
-function si(t) {
+function oi(t) {
   return {
     offset: Number(t.getSetting("offset")),
     flip: {
@@ -844,23 +869,23 @@ function si(t) {
     }
   };
 }
-function xe(t) {
+function ve(t) {
   const e = typeof t == "string" ? this.get(t) : this.get(t.id);
   if (e)
     return e;
   throw new Error(`Popover not found in collection with id of "${t}".`);
 }
-async function ve(t) {
-  const e = t ? xe.call(this, t) : await Se.call(this);
+async function Se(t) {
+  const e = t ? ve.call(this, t) : await Ee.call(this);
   return e && e.state === "opened" && (e.el.inert = !0, e.el.classList.remove(this.settings.stateActive), e.isTooltip || e.trigger.setAttribute("aria-expanded", "false"), e.floatingCleanup(), e.state = "closed", e.trigger === this.trigger && (this.trigger = null)), e;
 }
-async function Se() {
+async function Ee() {
   const t = [];
   return await Promise.all(this.collection.map(async (e) => {
-    e.state === "opened" && t.push(await ve.call(this, e));
+    e.state === "opened" && t.push(await Se.call(this, e));
   })), t;
 }
-function Ee(t) {
+function Ce(t) {
   t.state == "opened" && setTimeout(() => {
     const e = t.el.matches(":hover") === t.el || t.trigger.matches(":hover") === t.trigger;
     let i = document.activeElement.closest(
@@ -869,45 +894,45 @@ function Ee(t) {
     return i = i ? i.matches(":focus-visible") : !1, !e && !i && t.close(), t;
   }, 1);
 }
-function ni(t) {
+function ri(t) {
   t.state === "opened" ? t.close() : (this.trigger = t.trigger, t.open());
 }
-function oi(t) {
+function li(t) {
   t.isTooltip && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.close());
 }
-function ri(t, e) {
+function ai(t, e) {
   if (t.isHovered = e, e.type == "focus" && !t.trigger.matches(":focus-visible"))
     return;
   t.toggleDelayId && clearTimeout(t.toggleDelayId);
   const i = t.trigger.getAttribute("aria-expanded");
   if (i && i == "true") return;
-  const s = this.activeHover ? 0 : ye(t, 0);
+  const s = this.activeHover ? 0 : xe(t, 0);
   this.activeHover && this.activeHover.close(), t.toggleDelayId = setTimeout(() => {
     t.id && t.open();
   }, s);
 }
-function li(t, e) {
+function ci(t, e) {
   setTimeout(() => {
     t.isHovered = e, !t.isHovered && (t.toggleDelayId && clearTimeout(t.toggleDelayId), t.toggleDelayId = setTimeout(() => {
-      Ee.call(this, t);
-    }, ye(t, 1)));
+      Ce.call(this, t);
+    }, xe(t, 1)));
   }, 1);
 }
-function ai(t) {
+function fi(t) {
   switch (t.key) {
     case "Escape":
-      this.trigger && this.trigger.focus(), Se.call(this);
+      this.trigger && this.trigger.focus(), Ee.call(this);
       return;
     case "Tab":
       this.collection.forEach((e) => {
-        Ee.call(this, e);
+        Ce.call(this, e);
       });
       return;
     default:
       return;
   }
 }
-function ci(t) {
+function ui(t) {
   const e = this;
   document.addEventListener("click", function i(s) {
     s.target.closest(
@@ -915,13 +940,13 @@ function ci(t) {
     ) ? t.el && !t.el.classList.contains(e.settings.stateActive) && this.removeEventListener("click", i) : (t.el && t.el.classList.contains(e.settings.stateActive) && t.close(), this.removeEventListener("click", i));
   });
 }
-var P, z;
-class fi extends Ct {
+var R, z;
+class di extends Ct {
   constructor(i, s, n = {}) {
     super(i, s, n);
-    k(this, P);
-    k(this, z);
-    this.state = "closed", this.toggleDelayId = null, this.trigger = null, E(this, P, null), E(this, z, {
+    $(this, R);
+    $(this, z);
+    this.state = "closed", this.toggleDelayId = null, this.trigger = null, E(this, R, null), E(this, z, {
       el: !1,
       trigger: !1
     }), this.floatingCleanup = () => {
@@ -955,29 +980,29 @@ class fi extends Ct {
     return this.context.deregister(this.id);
   }
   registerEventListeners() {
-    w(this, P) || (this.getSetting("event") === "hover" ? (E(this, P, [{
+    w(this, R) || (this.getSetting("event") === "hover" ? (E(this, R, [{
       el: ["el", "trigger"],
       type: ["mouseenter", "focus"],
-      listener: ri.bind(this.context, this)
+      listener: ai.bind(this.context, this)
     }, {
       el: ["el", "trigger"],
       type: ["mouseleave", "focusout"],
-      listener: li.bind(this.context, this)
+      listener: ci.bind(this.context, this)
     }, {
       el: ["trigger"],
       type: ["click"],
-      listener: oi.bind(this.context, this)
-    }]), w(this, P).forEach((s) => {
+      listener: li.bind(this.context, this)
+    }]), w(this, R).forEach((s) => {
       s.el.forEach((n) => {
         s.type.forEach((o) => {
           this[n].addEventListener(o, s.listener, !1);
         });
       });
-    })) : (E(this, P, [{
+    })) : (E(this, R, [{
       el: ["trigger"],
       type: ["click"],
-      listener: ni.bind(this.context, this)
-    }]), w(this, P).forEach((s) => {
+      listener: ri.bind(this.context, this)
+    }]), w(this, R).forEach((s) => {
       s.el.forEach((n) => {
         s.type.forEach((o) => {
           this[n].addEventListener(o, s.listener, !1);
@@ -986,13 +1011,13 @@ class fi extends Ct {
     })));
   }
   deregisterEventListeners() {
-    w(this, P) && (w(this, P).forEach((i) => {
+    w(this, R) && (w(this, R).forEach((i) => {
       i.el.forEach((s) => {
         i.type.forEach((n) => {
           this[s].removeEventListener(n, i.listener, !1);
         });
       });
-    }), E(this, P, null));
+    }), E(this, R, null));
   }
   async beforeMount() {
     this.trigger = document.querySelector(
@@ -1006,16 +1031,16 @@ class fi extends Ct {
     this.state === "opened" && await this.close(), this.floatingCleanup(), this.deregisterEventListeners();
   }
 }
-P = new WeakMap(), z = new WeakMap();
-const ht = Math.min, Z = Math.max, Lt = Math.round, $t = Math.floor, W = (t) => ({
+R = new WeakMap(), z = new WeakMap();
+const ht = Math.min, Z = Math.max, Lt = Math.round, kt = Math.floor, W = (t) => ({
   x: t,
   y: t
-}), ui = {
+}), hi = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, di = {
+}, gi = {
   start: "end",
   end: "start"
 };
@@ -1025,7 +1050,7 @@ function _t(t, e, i) {
 function Q(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function j(t) {
+function U(t) {
   return t.split("-")[0];
 }
 function At(t) {
@@ -1038,25 +1063,25 @@ function Gt(t) {
   return t === "y" ? "height" : "width";
 }
 function q(t) {
-  return ["top", "bottom"].includes(j(t)) ? "y" : "x";
+  return ["top", "bottom"].includes(U(t)) ? "y" : "x";
 }
 function Jt(t) {
   return Yt(q(t));
 }
-function hi(t, e, i) {
+function mi(t, e, i) {
   i === void 0 && (i = !1);
   const s = At(t), n = Jt(t), o = Gt(n);
   let r = n === "x" ? s === (i ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
   return e.reference[o] > e.floating[o] && (r = Ot(r)), [r, Ot(r)];
 }
-function gi(t) {
+function pi(t) {
   const e = Ot(t);
   return [zt(t), e, zt(e)];
 }
 function zt(t) {
-  return t.replace(/start|end/g, (e) => di[e]);
+  return t.replace(/start|end/g, (e) => gi[e]);
 }
-function mi(t, e, i) {
+function wi(t, e, i) {
   const s = ["left", "right"], n = ["right", "left"], o = ["top", "bottom"], r = ["bottom", "top"];
   switch (t) {
     case "top":
@@ -1069,15 +1094,15 @@ function mi(t, e, i) {
       return [];
   }
 }
-function pi(t, e, i, s) {
+function bi(t, e, i, s) {
   const n = At(t);
-  let o = mi(j(t), i === "start", s);
+  let o = wi(U(t), i === "start", s);
   return n && (o = o.map((r) => r + "-" + n), e && (o = o.concat(o.map(zt)))), o;
 }
 function Ot(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => ui[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => hi[e]);
 }
-function wi(t) {
+function yi(t) {
   return {
     top: 0,
     right: 0,
@@ -1086,8 +1111,8 @@ function wi(t) {
     ...t
   };
 }
-function Ce(t) {
-  return typeof t != "number" ? wi(t) : {
+function Ae(t) {
+  return typeof t != "number" ? yi(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -1117,7 +1142,7 @@ function se(t, e, i) {
     reference: s,
     floating: n
   } = t;
-  const o = q(e), r = Jt(e), l = Gt(r), a = j(e), c = o === "y", d = s.x + s.width / 2 - n.width / 2, u = s.y + s.height / 2 - n.height / 2, h = s[l] / 2 - n[l] / 2;
+  const o = q(e), r = Jt(e), l = Gt(r), a = U(e), c = o === "y", d = s.x + s.width / 2 - n.width / 2, u = s.y + s.height / 2 - n.height / 2, h = s[l] / 2 - n[l] / 2;
   let f;
   switch (a) {
     case "top":
@@ -1160,7 +1185,7 @@ function se(t, e, i) {
   }
   return f;
 }
-const bi = async (t, e, i) => {
+const xi = async (t, e, i) => {
   const {
     placement: s = "bottom",
     strategy: n = "absolute",
@@ -1221,7 +1246,7 @@ const bi = async (t, e, i) => {
     middlewareData: f
   };
 };
-async function Ae(t, e) {
+async function $e(t, e) {
   var i;
   e === void 0 && (e = {});
   const {
@@ -1237,7 +1262,7 @@ async function Ae(t, e) {
     elementContext: u = "floating",
     altBoundary: h = !1,
     padding: f = 0
-  } = Q(e, t), g = Ce(f), b = l[h ? u === "floating" ? "reference" : "floating" : u], p = Tt(await o.getClippingRect({
+  } = Q(e, t), g = Ae(f), b = l[h ? u === "floating" ? "reference" : "floating" : u], p = Tt(await o.getClippingRect({
     element: (i = await (o.isElement == null ? void 0 : o.isElement(b))) == null || i ? b : b.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
     boundary: c,
     rootBoundary: d,
@@ -1266,7 +1291,7 @@ async function Ae(t, e) {
     right: (v.right - p.right + g.right) / S.x
   };
 }
-const yi = (t) => ({
+const vi = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -1284,13 +1309,13 @@ const yi = (t) => ({
     } = Q(t, e) || {};
     if (c == null)
       return {};
-    const u = Ce(d), h = {
+    const u = Ae(d), h = {
       x: i,
       y: s
-    }, f = Jt(n), g = Gt(f), m = await r.getDimensions(c), b = f === "y", p = b ? "top" : "left", y = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", S = o.reference[g] + o.reference[f] - h[f] - o.floating[g], v = h[f] - o.reference[f], $ = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
-    let K = $ ? $[x] : 0;
-    (!K || !await (r.isElement == null ? void 0 : r.isElement($))) && (K = l.floating[x] || o.floating[g]);
-    const pt = S / 2 - v / 2, X = K / 2 - m[g] / 2 - 1, V = ht(u[p], X), wt = ht(u[y], X), Y = V, bt = K - m[g] - wt, A = K / 2 - m[g] / 2 + pt, et = _t(Y, A, bt), B = !a.arrow && At(n) != null && A !== et && o.reference[g] / 2 - (A < Y ? V : wt) - m[g] / 2 < 0, F = B ? A < Y ? A - Y : A - bt : 0;
+    }, f = Jt(n), g = Gt(f), m = await r.getDimensions(c), b = f === "y", p = b ? "top" : "left", y = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", S = o.reference[g] + o.reference[f] - h[f] - o.floating[g], v = h[f] - o.reference[f], k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
+    let j = k ? k[x] : 0;
+    (!j || !await (r.isElement == null ? void 0 : r.isElement(k))) && (j = l.floating[x] || o.floating[g]);
+    const pt = S / 2 - v / 2, X = j / 2 - m[g] / 2 - 1, V = ht(u[p], X), wt = ht(u[y], X), Y = V, bt = j - m[g] - wt, A = j / 2 - m[g] / 2 + pt, et = _t(Y, A, bt), B = !a.arrow && At(n) != null && A !== et && o.reference[g] / 2 - (A < Y ? V : wt) - m[g] / 2 < 0, F = B ? A < Y ? A - Y : A - bt : 0;
     return {
       [f]: h[f] + F,
       data: {
@@ -1303,7 +1328,7 @@ const yi = (t) => ({
       reset: B
     };
   }
-}), xi = function(t) {
+}), Si = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -1327,12 +1352,12 @@ const yi = (t) => ({
       } = Q(t, e);
       if ((i = o.arrow) != null && i.alignmentOffset)
         return {};
-      const p = j(n), y = q(l), x = j(l) === l, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), v = h || (x || !m ? [Ot(l)] : gi(l)), $ = g !== "none";
-      !h && $ && v.push(...pi(l, m, g, S));
-      const K = [l, ...v], pt = await Ae(e, b), X = [];
+      const p = U(n), y = q(l), x = U(l) === l, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), v = h || (x || !m ? [Ot(l)] : pi(l)), k = g !== "none";
+      !h && k && v.push(...bi(l, m, g, S));
+      const j = [l, ...v], pt = await $e(e, b), X = [];
       let V = ((s = o.flip) == null ? void 0 : s.overflows) || [];
       if (d && X.push(pt[p]), u) {
-        const A = hi(n, r, S);
+        const A = mi(n, r, S);
         X.push(pt[A[0]], pt[A[1]]);
       }
       if (V = [...V, {
@@ -1340,7 +1365,7 @@ const yi = (t) => ({
         overflows: X
       }], !X.every((A) => A <= 0)) {
         var wt, Y;
-        const A = (((wt = o.flip) == null ? void 0 : wt.index) || 0) + 1, et = K[A];
+        const A = (((wt = o.flip) == null ? void 0 : wt.index) || 0) + 1, et = j[A];
         if (et)
           return {
             data: {
@@ -1357,14 +1382,14 @@ const yi = (t) => ({
             case "bestFit": {
               var bt;
               const F = (bt = V.filter((H) => {
-                if ($) {
+                if (k) {
                   const _ = q(H.placement);
                   return _ === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   _ === "y";
                 }
                 return !0;
-              }).map((H) => [H.placement, H.overflows.filter((_) => _ > 0).reduce((_, Pe) => _ + Pe, 0)]).sort((H, _) => H[1] - _[1])[0]) == null ? void 0 : bt[0];
+              }).map((H) => [H.placement, H.overflows.filter((_) => _ > 0).reduce((_, De) => _ + De, 0)]).sort((H, _) => H[1] - _[1])[0]) == null ? void 0 : bt[0];
               F && (B = F);
               break;
             }
@@ -1383,12 +1408,12 @@ const yi = (t) => ({
     }
   };
 };
-async function vi(t, e) {
+async function Ei(t, e) {
   const {
     placement: i,
     platform: s,
     elements: n
-  } = t, o = await (s.isRTL == null ? void 0 : s.isRTL(n.floating)), r = j(i), l = At(i), a = q(i) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = o && a ? -1 : 1, u = Q(e, t);
+  } = t, o = await (s.isRTL == null ? void 0 : s.isRTL(n.floating)), r = U(i), l = At(i), a = q(i) === "y", c = ["left", "top"].includes(r) ? -1 : 1, d = o && a ? -1 : 1, u = Q(e, t);
   let {
     mainAxis: h,
     crossAxis: f,
@@ -1410,7 +1435,7 @@ async function vi(t, e) {
     y: f * d
   };
 }
-const Si = function(t) {
+const Ci = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -1421,7 +1446,7 @@ const Si = function(t) {
         y: o,
         placement: r,
         middlewareData: l
-      } = e, a = await vi(e, t);
+      } = e, a = await Ei(e, t);
       return r === ((i = l.offset) == null ? void 0 : i.placement) && (s = l.arrow) != null && s.alignmentOffset ? {} : {
         x: n + a.x,
         y: o + a.y,
@@ -1432,7 +1457,7 @@ const Si = function(t) {
       };
     }
   };
-}, Ei = function(t) {
+}, Ai = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -1460,7 +1485,7 @@ const Si = function(t) {
       } = Q(t, e), c = {
         x: i,
         y: s
-      }, d = await Ae(e, a), u = q(j(n)), h = Yt(u);
+      }, d = await $e(e, a), u = q(U(n)), h = Yt(u);
       let f = c[h], g = c[u];
       if (o) {
         const b = h === "y" ? "top" : "left", p = h === "y" ? "bottom" : "right", y = f + d[b], x = f - d[p];
@@ -1488,7 +1513,7 @@ const Si = function(t) {
       };
     }
   };
-}, Ci = function(t) {
+}, $i = function(t) {
   return t === void 0 && (t = {}), {
     options: t,
     fn(e) {
@@ -1521,8 +1546,8 @@ const Si = function(t) {
       }
       if (c) {
         var p, y;
-        const x = h === "y" ? "width" : "height", S = ["top", "left"].includes(j(n)), v = o.reference[u] - o.floating[x] + (S && ((p = r.offset) == null ? void 0 : p[u]) || 0) + (S ? 0 : b.crossAxis), $ = o.reference[u] + o.reference[x] + (S ? 0 : ((y = r.offset) == null ? void 0 : y[u]) || 0) - (S ? b.crossAxis : 0);
-        g < v ? g = v : g > $ && (g = $);
+        const x = h === "y" ? "width" : "height", S = ["top", "left"].includes(U(n)), v = o.reference[u] - o.floating[x] + (S && ((p = r.offset) == null ? void 0 : p[u]) || 0) + (S ? 0 : b.crossAxis), k = o.reference[u] + o.reference[x] + (S ? 0 : ((y = r.offset) == null ? void 0 : y[u]) || 0) - (S ? b.crossAxis : 0);
+        g < v ? g = v : g > k && (g = k);
       }
       return {
         [h]: f,
@@ -1557,7 +1582,7 @@ function I(t) {
 function ne(t) {
   return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof T(t).ShadowRoot;
 }
-function kt(t) {
+function $t(t) {
   const {
     overflow: e,
     overflowX: i,
@@ -1566,7 +1591,7 @@ function kt(t) {
   } = M(t);
   return /auto|scroll|overlay|hidden|clip/.test(e + s + i) && !["inline", "contents"].includes(n);
 }
-function Ai(t) {
+function ki(t) {
   return ["table", "td", "th"].includes(mt(t));
 }
 function Ft(t) {
@@ -1582,14 +1607,14 @@ function Zt(t) {
   const e = Qt(), i = D(t) ? M(t) : t;
   return i.transform !== "none" || i.perspective !== "none" || (i.containerType ? i.containerType !== "normal" : !1) || !e && (i.backdropFilter ? i.backdropFilter !== "none" : !1) || !e && (i.filter ? i.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((s) => (i.willChange || "").includes(s)) || ["paint", "layout", "strict", "content"].some((s) => (i.contain || "").includes(s));
 }
-function ki(t) {
-  let e = U(t);
+function Li(t) {
+  let e = K(t);
   for (; I(e) && !gt(e); ) {
     if (Zt(e))
       return e;
     if (Ft(e))
       return null;
-    e = U(e);
+    e = K(e);
   }
   return null;
 }
@@ -1611,7 +1636,7 @@ function It(t) {
     scrollTop: t.scrollY
   };
 }
-function U(t) {
+function K(t) {
   if (mt(t) === "html")
     return t;
   const e = (
@@ -1623,24 +1648,24 @@ function U(t) {
   );
   return ne(e) ? e.host : e;
 }
-function $e(t) {
-  const e = U(t);
-  return gt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : I(e) && kt(e) ? e : $e(e);
+function Le(t) {
+  const e = K(t);
+  return gt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : I(e) && $t(e) ? e : Le(e);
 }
 function vt(t, e, i) {
   var s;
   e === void 0 && (e = []), i === void 0 && (i = !0);
-  const n = $e(t), o = n === ((s = t.ownerDocument) == null ? void 0 : s.body), r = T(n);
+  const n = Le(t), o = n === ((s = t.ownerDocument) == null ? void 0 : s.body), r = T(n);
   if (o) {
     const l = Wt(r);
-    return e.concat(r, r.visualViewport || [], kt(n) ? n : [], l && i ? vt(l) : []);
+    return e.concat(r, r.visualViewport || [], $t(n) ? n : [], l && i ? vt(l) : []);
   }
   return e.concat(n, vt(n, [], i));
 }
 function Wt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Le(t) {
+function Oe(t) {
   const e = M(t);
   let i = parseFloat(e.width) || 0, s = parseFloat(e.height) || 0;
   const n = I(t), o = n ? t.offsetWidth : i, r = n ? t.offsetHeight : s, l = Lt(i) !== o || Lt(s) !== r;
@@ -1661,22 +1686,22 @@ function st(t) {
     width: s,
     height: n,
     $: o
-  } = Le(e);
+  } = Oe(e);
   let r = (o ? Lt(i.width) : i.width) / s, l = (o ? Lt(i.height) : i.height) / n;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const $i = /* @__PURE__ */ W(0);
-function Oe(t) {
+const Oi = /* @__PURE__ */ W(0);
+function Te(t) {
   const e = T(t);
-  return !Qt() || !e.visualViewport ? $i : {
+  return !Qt() || !e.visualViewport ? Oi : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function Li(t, e, i) {
+function Ti(t, e, i) {
   return e === void 0 && (e = !1), !i || e && i !== T(t) ? !1 : e;
 }
 function tt(t, e, i, s) {
@@ -1684,7 +1709,7 @@ function tt(t, e, i, s) {
   const n = t.getBoundingClientRect(), o = qt(t);
   let r = W(1);
   e && (s ? D(s) && (r = st(s)) : r = st(t));
-  const l = Li(o, i, s) ? Oe(o) : W(0);
+  const l = Ti(o, i, s) ? Te(o) : W(0);
   let a = (n.left + l.x) / r.x, c = (n.top + l.y) / r.y, d = n.width / r.x, u = n.height / r.y;
   if (o) {
     const h = T(o), f = s && D(s) ? T(s) : s;
@@ -1701,7 +1726,7 @@ function tt(t, e, i, s) {
     y: c
   });
 }
-function Oi(t) {
+function Pi(t) {
   let {
     elements: e,
     rect: i,
@@ -1716,7 +1741,7 @@ function Oi(t) {
     scrollTop: 0
   }, c = W(1);
   const d = W(0), u = I(s);
-  if ((u || !u && !o) && ((mt(s) !== "body" || kt(r)) && (a = It(s)), I(s))) {
+  if ((u || !u && !o) && ((mt(s) !== "body" || $t(r)) && (a = It(s)), I(s))) {
     const h = tt(s);
     c = st(s), d.x = h.x + s.clientLeft, d.y = h.y + s.clientTop;
   }
@@ -1727,16 +1752,16 @@ function Oi(t) {
     y: i.y * c.y - a.scrollTop * c.y + d.y
   };
 }
-function Ti(t) {
+function Ri(t) {
   return Array.from(t.getClientRects());
 }
-function jt(t, e) {
+function Ut(t, e) {
   const i = It(t).scrollLeft;
   return e ? e.left + i : tt(N(t)).left + i;
 }
-function Ri(t) {
+function Di(t) {
   const e = N(t), i = It(t), s = t.ownerDocument.body, n = Z(e.scrollWidth, e.clientWidth, s.scrollWidth, s.clientWidth), o = Z(e.scrollHeight, e.clientHeight, s.scrollHeight, s.clientHeight);
-  let r = -i.scrollLeft + jt(t);
+  let r = -i.scrollLeft + Ut(t);
   const l = -i.scrollTop;
   return M(s).direction === "rtl" && (r += Z(e.clientWidth, s.clientWidth) - n), {
     width: n,
@@ -1745,7 +1770,7 @@ function Ri(t) {
     y: l
   };
 }
-function Pi(t, e) {
+function Mi(t, e) {
   const i = T(t), s = N(t), n = i.visualViewport;
   let o = s.clientWidth, r = s.clientHeight, l = 0, a = 0;
   if (n) {
@@ -1760,7 +1785,7 @@ function Pi(t, e) {
     y: a
   };
 }
-function Di(t, e) {
+function Fi(t, e) {
   const i = tt(t, !0, e === "fixed"), s = i.top + t.clientTop, n = i.left + t.clientLeft, o = I(t) ? st(t) : W(1), r = t.clientWidth * o.x, l = t.clientHeight * o.y, a = n * o.x, c = s * o.y;
   return {
     width: r,
@@ -1772,13 +1797,13 @@ function Di(t, e) {
 function oe(t, e, i) {
   let s;
   if (e === "viewport")
-    s = Pi(t, i);
+    s = Mi(t, i);
   else if (e === "document")
-    s = Ri(N(t));
+    s = Di(N(t));
   else if (D(e))
-    s = Di(e, i);
+    s = Fi(e, i);
   else {
-    const n = Oe(t);
+    const n = Te(t);
     s = {
       ...e,
       x: e.x - n.x,
@@ -1787,31 +1812,31 @@ function oe(t, e, i) {
   }
   return Tt(s);
 }
-function Te(t, e) {
-  const i = U(t);
-  return i === e || !D(i) || gt(i) ? !1 : M(i).position === "fixed" || Te(i, e);
+function Pe(t, e) {
+  const i = K(t);
+  return i === e || !D(i) || gt(i) ? !1 : M(i).position === "fixed" || Pe(i, e);
 }
-function Mi(t, e) {
+function Ii(t, e) {
   const i = e.get(t);
   if (i)
     return i;
   let s = vt(t, [], !1).filter((l) => D(l) && mt(l) !== "body"), n = null;
   const o = M(t).position === "fixed";
-  let r = o ? U(t) : t;
+  let r = o ? K(t) : t;
   for (; D(r) && !gt(r); ) {
     const l = M(r), a = Zt(r);
-    !a && l.position === "fixed" && (n = null), (o ? !a && !n : !a && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || kt(r) && !a && Te(t, r)) ? s = s.filter((d) => d !== r) : n = l, r = U(r);
+    !a && l.position === "fixed" && (n = null), (o ? !a && !n : !a && l.position === "static" && !!n && ["absolute", "fixed"].includes(n.position) || $t(r) && !a && Pe(t, r)) ? s = s.filter((d) => d !== r) : n = l, r = K(r);
   }
   return e.set(t, s), s;
 }
-function Fi(t) {
+function Ni(t) {
   let {
     element: e,
     boundary: i,
     rootBoundary: s,
     strategy: n
   } = t;
-  const r = [...i === "clippingAncestors" ? Ft(e) ? [] : Mi(e, this._c) : [].concat(i), s], l = r[0], a = r.reduce((c, d) => {
+  const r = [...i === "clippingAncestors" ? Ft(e) ? [] : Ii(e, this._c) : [].concat(i), s], l = r[0], a = r.reduce((c, d) => {
     const u = oe(e, d, n);
     return c.top = Z(u.top, c.top), c.right = ht(u.right, c.right), c.bottom = ht(u.bottom, c.bottom), c.left = Z(u.left, c.left), c;
   }, oe(e, l, n));
@@ -1822,17 +1847,17 @@ function Fi(t) {
     y: a.top
   };
 }
-function Ii(t) {
+function Bi(t) {
   const {
     width: e,
     height: i
-  } = Le(t);
+  } = Oe(t);
   return {
     width: e,
     height: i
   };
 }
-function Ni(t, e, i) {
+function Vi(t, e, i) {
   const s = I(e), n = N(e), o = i === "fixed", r = tt(t, !0, o, e);
   let l = {
     scrollLeft: 0,
@@ -1840,15 +1865,15 @@ function Ni(t, e, i) {
   };
   const a = W(0);
   if (s || !s && !o)
-    if ((mt(e) !== "body" || kt(n)) && (l = It(e)), s) {
+    if ((mt(e) !== "body" || $t(n)) && (l = It(e)), s) {
       const f = tt(e, !0, o, e);
       a.x = f.x + e.clientLeft, a.y = f.y + e.clientTop;
-    } else n && (a.x = jt(n));
+    } else n && (a.x = Ut(n));
   let c = 0, d = 0;
   if (n && !s && !o) {
     const f = n.getBoundingClientRect();
     d = f.top + l.scrollTop, c = f.left + l.scrollLeft - // RTL <body> scrollbar.
-    jt(n, f);
+    Ut(n, f);
   }
   const u = r.left + l.scrollLeft - a.x - c, h = r.top + l.scrollTop - a.y - d;
   return {
@@ -1874,23 +1899,23 @@ function Re(t, e) {
   if (Ft(t))
     return i;
   if (!I(t)) {
-    let n = U(t);
+    let n = K(t);
     for (; n && !gt(n); ) {
       if (D(n) && !Bt(n))
         return n;
-      n = U(n);
+      n = K(n);
     }
     return i;
   }
   let s = re(t, e);
-  for (; s && Ai(s) && Bt(s); )
+  for (; s && ki(s) && Bt(s); )
     s = re(s, e);
-  return s && gt(s) && Bt(s) && !Zt(s) ? i : s || ki(t) || i;
+  return s && gt(s) && Bt(s) && !Zt(s) ? i : s || Li(t) || i;
 }
-const Bi = async function(t) {
+const Hi = async function(t) {
   const e = this.getOffsetParent || Re, i = this.getDimensions, s = await i(t.floating);
   return {
-    reference: Ni(t.reference, await e(t.floating), t.strategy),
+    reference: Vi(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1899,22 +1924,22 @@ const Bi = async function(t) {
     }
   };
 };
-function Vi(t) {
+function _i(t) {
   return M(t).direction === "rtl";
 }
-const Hi = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Oi,
+const zi = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Pi,
   getDocumentElement: N,
-  getClippingRect: Fi,
+  getClippingRect: Ni,
   getOffsetParent: Re,
-  getElementRects: Bi,
-  getClientRects: Ti,
-  getDimensions: Ii,
+  getElementRects: Hi,
+  getClientRects: Ri,
+  getDimensions: Bi,
   getScale: st,
   isElement: D,
-  isRTL: Vi
+  isRTL: _i
 };
-function _i(t, e) {
+function Wi(t, e) {
   let i = null, s;
   const n = N(t);
   function o() {
@@ -1931,17 +1956,17 @@ function _i(t, e) {
     } = t.getBoundingClientRect();
     if (l || e(), !u || !h)
       return;
-    const f = $t(d), g = $t(n.clientWidth - (c + u)), m = $t(n.clientHeight - (d + h)), b = $t(c), y = {
+    const f = kt(d), g = kt(n.clientWidth - (c + u)), m = kt(n.clientHeight - (d + h)), b = kt(c), y = {
       rootMargin: -f + "px " + -g + "px " + -m + "px " + -b + "px",
       threshold: Z(0, ht(1, a)) || 1
     };
     let x = !0;
     function S(v) {
-      const $ = v[0].intersectionRatio;
-      if ($ !== a) {
+      const k = v[0].intersectionRatio;
+      if (k !== a) {
         if (!x)
           return r();
-        $ ? r(!1, $) : s = setTimeout(() => {
+        k ? r(!1, k) : s = setTimeout(() => {
           r(!1, 1e-7);
         }, 1e3);
       }
@@ -1960,7 +1985,7 @@ function _i(t, e) {
   }
   return r(!0), o;
 }
-function zi(t, e, i, s) {
+function Ui(t, e, i, s) {
   s === void 0 && (s = {});
   const {
     ancestorScroll: n = !0,
@@ -1974,7 +1999,7 @@ function zi(t, e, i, s) {
       passive: !0
     }), o && p.addEventListener("resize", i);
   });
-  const u = c && l ? _i(c, i) : null;
+  const u = c && l ? Wi(c, i) : null;
   let h = -1, f = null;
   r && (f = new ResizeObserver((p) => {
     let [y] = p;
@@ -1996,31 +2021,31 @@ function zi(t, e, i, s) {
     }), u == null || u(), (p = f) == null || p.disconnect(), f = null, a && cancelAnimationFrame(g);
   };
 }
-const Wi = Si, ji = Ei, Ui = xi, Ki = yi, Xi = Ci, Yi = (t, e, i) => {
+const Ki = Ci, ji = Ai, Xi = Si, Yi = vi, Gi = $i, Ji = (t, e, i) => {
   const s = /* @__PURE__ */ new Map(), n = {
-    platform: Hi,
+    platform: zi,
     ...i
   }, o = {
     ...n.platform,
     _c: s
   };
-  return bi(t, e, {
+  return xi(t, e, {
     ...n,
     platform: o
   });
 };
-async function Gi(t) {
-  const e = xe.call(this, t);
+async function Zi(t) {
+  const e = ve.call(this, t);
   e.el.inert = !1, e.el.classList.add(this.settings.stateActive), e.isTooltip || e.trigger.setAttribute("aria-expanded", "true"), e.getCustomProps();
-  const i = si(e), s = e.el.querySelector(i.arrow.element);
-  return i.arrow.element = s || void 0, e.floatingCleanup = zi(e.trigger, e.el, () => {
-    Yi(e.trigger, e.el, {
+  const i = oi(e), s = e.el.querySelector(i.arrow.element);
+  return i.arrow.element = s || void 0, e.floatingCleanup = Ui(e.trigger, e.el, () => {
+    Ji(e.trigger, e.el, {
       placement: e.getSetting("placement"),
       middleware: [
-        Ui(i.flip),
-        ji({ ...i.shift, limiter: Xi() }),
-        Wi(i.offset),
-        Ki(i.arrow)
+        Xi(i.flip),
+        ji({ ...i.shift, limiter: Gi() }),
+        Ki(i.offset),
+        Yi(i.arrow)
       ]
     }).then(({ x: n, y: o, placement: r, middlewareData: l }) => {
       if (e.el) {
@@ -2031,14 +2056,14 @@ async function Gi(t) {
         e.el.setAttribute("data-floating-placement", r);
       }
     });
-  }), e.state = "opened", e.getSetting("event") === "click" && ci.call(this, e), e;
+  }), e.state = "opened", e.getSetting("event") === "click" && ui.call(this, e), e;
 }
 var dt;
-class ts extends Pt {
+class is extends Rt {
   constructor(i = {}) {
-    super({ ...ii, ...i });
-    k(this, dt);
-    this.trigger = null, E(this, dt, ai.bind(this));
+    super({ ...ni, ...i });
+    $(this, dt);
+    this.trigger = null, E(this, dt, fi.bind(this));
   }
   get active() {
     return this.get("opened", "state");
@@ -2047,13 +2072,13 @@ class ts extends Pt {
     return this.collection.find((i) => i.state == "opened" && i.getSetting("event") == "hover");
   }
   async createEntry(i, s) {
-    return new fi(this, i, s);
+    return new di(this, i, s);
   }
   async open(i) {
-    return Gi.call(this, i);
+    return Zi.call(this, i);
   }
   async close(i) {
-    return ve.call(this, i);
+    return Se.call(this, i);
   }
   async afterMount() {
     document.addEventListener("keydown", w(this, dt), !1);
@@ -2067,9 +2092,9 @@ class ts extends Pt {
 }
 dt = new WeakMap();
 export {
-  Qi as Drawer,
-  qi as Modal,
-  ts as Popover,
-  Zi as core
+  ts as Drawer,
+  es as Modal,
+  is as Popover,
+  qi as core
 };
 //# sourceMappingURL=index.js.map