@quoreadmin/ui 1.10.20 → 1.10.22

package/dist/index131.js

@@ -1,6 +1,7 @@
-import { defineComponent as G, useSlots as I, ref as c, computed as m, onMounted as J, onUnmounted as P, resolveComponent as Q, openBlock as w, createElementBlock as b, normalizeClass as a, createElementVNode as d, normalizeStyle as C, unref as H, renderSlot as u, createCommentVNode as S, createVNode as X } from "vue";
-import s from "./index57.js";
-const Z = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, _ = 100, ee = "4.5rem", oe = "4.8125rem", q = 80, ae = /* @__PURE__ */ G({
+import { defineComponent as te, useSlots as le, ref as n, computed as i, onMounted as ae, nextTick as _, onUnmounted as re, resolveComponent as se, openBlock as p, createElementBlock as b, normalizeClass as r, createElementVNode as d, normalizeStyle as S, unref as T, renderSlot as v, createCommentVNode as E, createVNode as ne } from "vue";
+import u from "./index57.js";
+import de from "./index58.js";
+const ie = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, ue = 100, ce = "4.5rem", ve = "4.8125rem", W = 80, me = 24, we = /* @__PURE__ */ te({
   __name: "page-layout",
   props: {
     headerBackgroundColor: { default: "green-20" },
@@ -26,268 +27,288 @@ const Z = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
     adjustForKeyboard: { type: Boolean, default: !1 }
   },
   emits: ["update:sidebarCollapsed"],
-  setup(o, { expose: K, emit: D }) {
-    const l = o, N = D, A = I(), k = c(null), p = c(null), v = c(!0), n = c(!1), f = c(!1), z = c(!1), B = c(0);
-    let y = 0, x = !1, E = 0, V = 0;
-    const h = m(() => !!A.sidebar), g = m(() => l.headerFixed !== void 0 ? l.headerFixed : h.value), r = m({
+  setup(t, { expose: I, emit: P }) {
+    const l = t, U = P, { deviceType: G } = de(), J = le(), k = n(null), y = n(null), R = n(null), C = n(null), m = n(!0), c = n(!1), f = n(!1), z = n(!1), B = n(0), V = n(0), D = n({
+      top: "50vh",
+      left: "24px",
+      transform: "translate(-50%, -50%)"
+    });
+    let x = 0, H = !1, F = 0, M = 0, L = null;
+    const g = i(() => !!J.sidebar), h = i(() => l.headerFixed !== void 0 ? l.headerFixed : g.value), a = i({
       get: () => l.sidebarCollapsed,
-      set: (e) => N("update:sidebarCollapsed", e)
-    }), U = m(
-      () => h.value && l.sidebarCollapsible && s.md
-    ), Y = m(
-      () => `${l.headerTop + q}px`
-    ), L = m(
-      () => `calc(100vh - ${l.headerTop + q}px)`
-    ), F = m(
-      () => r.value ? l.sidebarCollapsedWidth : l.sidebarWidth
-    ), M = () => {
-      const e = p.value, t = !s.md && e;
+      set: (e) => U("update:sidebarCollapsed", e)
+    }), Q = i(() => G.value === "desktop"), X = i(
+      () => g.value && l.sidebarCollapsible && u.md
+    ), Z = i(
+      () => `${l.headerTop + W}px`
+    ), ee = i(
+      () => `calc(100vh - ${l.headerTop + W}px)`
+    ), Y = i(
+      () => a.value ? l.sidebarCollapsedWidth : l.sidebarWidth
+    ), oe = i(() => {
+      const e = l.headerTop + W, o = window.innerHeight / 2 + 97, w = e + 16 + V.value / 2;
+      return `${Math.min(o, w)}px`;
+    }), j = () => {
+      const e = y.value, o = !u.md && e;
       return {
-        scrollY: t ? e.scrollTop : window.scrollY,
-        atTop: t ? e.scrollTop <= 0 : window.scrollY <= 0,
-        atBottom: t ? e.scrollTop + e.clientHeight >= e.scrollHeight : window.scrollY + window.innerHeight >= document.documentElement.scrollHeight
+        scrollY: o ? e.scrollTop : window.scrollY,
+        atTop: o ? e.scrollTop <= 0 : window.scrollY <= 0,
+        atBottom: o ? e.scrollTop + e.clientHeight >= e.scrollHeight : window.scrollY + window.innerHeight >= document.documentElement.scrollHeight
       };
-    }, T = () => {
-      x || (window.requestAnimationFrame(() => {
-        const { scrollY: e, atTop: t, atBottom: i } = M();
-        if (v.value = t, n.value = i, l.headerHideOnScroll && (g.value || !s.md)) {
+    }, $ = () => {
+      H || (window.requestAnimationFrame(() => {
+        const { scrollY: e, atTop: o, atBottom: s } = j();
+        if (m.value = o, c.value = s, l.headerHideOnScroll && (h.value || !u.md)) {
           if (e <= l.headerHideScrollThreshold) {
-            f.value = !1, y = e, x = !1;
+            f.value = !1, x = e, H = !1;
             return;
           }
-          if (i) {
-            y = e, x = !1;
+          if (s) {
+            x = e, H = !1;
             return;
           }
-          const j = Math.max(0, e), O = j - y;
-          Math.abs(O) > 15 && (f.value = O > 0, y = j);
+          const K = Math.max(0, e), N = K - x;
+          Math.abs(N) > 15 && (f.value = N > 0, x = K);
         } else
           f.value = !1;
-        x = !1;
-      }), x = !0);
-    }, W = () => {
-      r.value = !r.value;
-    }, R = () => {
-      if (!l.adjustForKeyboard || s.md) return;
-      const e = window.visualViewport?.height ?? window.innerHeight, t = E - e;
-      if (t <= _)
-        E = window.innerHeight, V = k.value?.clientHeight ?? window.innerHeight, B.value = 0;
+        O(), H = !1;
+      }), H = !0);
+    }, q = () => {
+      a.value = !a.value, _(O);
+    }, O = () => {
+      if (!a.value || !R.value) return;
+      const e = R.value.getBoundingClientRect(), o = Math.max(0, e.top), s = Math.min(window.innerHeight, e.bottom);
+      s <= o || (D.value = {
+        top: `${(o + s) / 2}px`,
+        left: `${e.left + me}px`,
+        transform: "translate(-50%, -50%)"
+      });
+    }, A = () => {
+      if (!l.adjustForKeyboard || u.md) return;
+      const e = window.visualViewport?.height ?? window.innerHeight, o = F - e;
+      if (o <= ue)
+        F = window.innerHeight, M = k.value?.clientHeight ?? window.innerHeight, B.value = 0;
       else {
-        const i = k.value?.clientHeight ?? window.innerHeight, $ = Math.max(0, V - i);
-        B.value = Math.max(0, t - $);
+        const s = k.value?.clientHeight ?? window.innerHeight, w = Math.max(0, M - s);
+        B.value = Math.max(0, o - w);
       }
     };
-    return J(() => {
-      E = window.innerHeight, V = k.value?.clientHeight ?? window.innerHeight, window.addEventListener("scroll", T, { passive: !0 }), p.value && p.value.addEventListener("scroll", T, {
+    return ae(() => {
+      F = window.innerHeight, M = k.value?.clientHeight ?? window.innerHeight, window.addEventListener("scroll", $, { passive: !0 }), y.value && y.value.addEventListener("scroll", $, {
         passive: !0
       });
-      const { scrollY: e, atTop: t, atBottom: i } = M();
-      y = e, v.value = t, n.value = i, l.adjustForKeyboard && window.visualViewport?.addEventListener("resize", R);
-    }), P(() => {
-      window.removeEventListener("scroll", T), p.value?.removeEventListener("scroll", T), window.visualViewport?.removeEventListener("resize", R);
-    }), K({ scrolledToTop: v, scrolledToBottom: n, headerHidden: f, keyboardOffset: B }), (e, t) => {
-      const i = Q("q-icon");
-      return w(), b("div", {
+      const { scrollY: e, atTop: o, atBottom: s } = j();
+      x = e, m.value = o, c.value = s, l.adjustForKeyboard && window.visualViewport?.addEventListener("resize", A), _(O), C.value && (L = new ResizeObserver(() => {
+        V.value = C.value?.offsetHeight ?? 0;
+      }), L.observe(C.value), V.value = C.value.offsetHeight);
+    }), re(() => {
+      window.removeEventListener("scroll", $), y.value?.removeEventListener("scroll", $), window.visualViewport?.removeEventListener("resize", A), L?.disconnect();
+    }), I({ scrolledToTop: m, scrolledToBottom: c, headerHidden: f, keyboardOffset: B }), (e, o) => {
+      const s = se("q-icon");
+      return p(), b("div", {
         ref_key: "rootRef",
         ref: k,
-        class: a([
+        class: r([
           "page-layout",
-          `bg-${o.containerBackgroundColor}`,
+          `bg-${t.containerBackgroundColor}`,
           "sm-down:absolute sm-down:inset-x-0 sm-down:top-0 sm-down:bottom-0"
         ])
       }, [
         d("div", {
-          class: a([
+          class: r([
             "page-layout__header",
             "flex items-center justify-center",
-            H(s).md ? `bg-${o.containerBackgroundColor}` : "",
-            g.value ? "fixed left-0 w-full sm-down:z-50 md:z-[45] md:pt-6 md:px-6" : "md:mb-4 relative sm-down:absolute sm-down:top-0 sm-down:inset-x-0 sm-down:z-50",
+            T(u).md ? `bg-${t.containerBackgroundColor}` : "",
+            h.value ? "fixed left-0 w-full sm-down:z-50 md:z-[45] md:pt-6 md:px-6" : "md:mb-4 relative sm-down:absolute sm-down:top-0 sm-down:inset-x-0 sm-down:z-50",
             { "page-layout__header--hidden": f.value }
           ]),
-          style: C(g.value ? { top: `${o.headerTop}px` } : void 0)
+          style: S(h.value ? { top: `${t.headerTop}px` } : void 0)
         }, [
           d("div", {
-            class: a([
+            class: r([
               "page-layout__header-bar",
               "flex items-center text-left md:rounded-lg",
-              `md:h-[3.5rem] ${o.maxContentWidth} w-full p-4 md:pl-6`,
+              `md:h-[3.5rem] ${t.maxContentWidth} w-full p-4 md:pl-6`,
               "sm-down:py-6 sm-down:h-[4.5rem]",
-              `bg-${o.headerBackgroundColor}`,
-              `text-${o.headerColor}`,
-              o.headerBarClass,
+              `bg-${t.headerBackgroundColor}`,
+              `text-${t.headerColor}`,
+              t.headerBarClass,
               {
-                "md:shadow-[0_0.375rem_0.5rem_0_rgba(0,0,0,0.05)] md:shadow-gray-20": g.value && (!v.value || o.headerShowShadow)
+                "md:shadow-[0_0.375rem_0.5rem_0_rgba(0,0,0,0.05)] md:shadow-gray-20": h.value && (!m.value || t.headerShowShadow)
               }
             ])
           }, [
-            d("h1", Z, [
-              u(e.$slots, "header", {
-                scrolledToTop: v.value,
-                scrolledToBottom: n.value
+            d("h1", ie, [
+              v(e.$slots, "header", {
+                scrolledToTop: m.value,
+                scrolledToBottom: c.value
               }, void 0, !0)
             ]),
-            u(e.$slots, "header-actions", {}, void 0, !0)
+            v(e.$slots, "header-actions", {}, void 0, !0)
           ], 2)
         ], 6),
         d("div", {
           ref_key: "contentRef",
-          ref: p,
-          class: a([
+          ref: y,
+          class: r([
             "page-layout__content",
             "sm-down:absolute sm-down:left-0 sm-down:right-0",
             "sm-down:overflow-y-auto sm-down:scroll-smooth sm-down:overscroll-none",
-            { "md:pt-[4.5rem]": g.value },
-            { "md:mb-[0.5rem]": g.value && l.footerVisible },
-            o.contentClass
+            { "md:pt-[4.5rem]": h.value },
+            { "md:mb-[0.5rem]": h.value && l.footerVisible },
+            t.contentClass
           ]),
-          style: C({
-            "--sm-top": f.value ? "0px" : ee,
-            "--sm-bottom": l.footerVisible ? oe : "0px",
+          style: S({
+            "--sm-top": f.value ? "0px" : ce,
+            "--sm-bottom": l.footerVisible ? ve : "0px",
             "--keyboard-offset": `${B.value}px`
           })
         }, [
           d("div", {
-            class: a([
+            class: r([
               "page-layout__content-inner",
-              { "md:flex md:gap-4": h.value }
+              { "md:flex md:gap-4": g.value }
             ])
           }, [
-            h.value && H(s).md ? (w(), b("div", {
+            g.value && T(u).md ? (p(), b("div", {
               key: 0,
-              class: a([
+              ref_key: "sidebarRef",
+              ref: R,
+              class: r([
                 "page-layout__sidebar",
-                "shrink-0 flex flex-col gap-4",
+                "relative shrink-0 flex flex-col gap-4",
                 "md:transition-[width] md:duration-300",
-                F.value,
-                { "!overflow-hidden": r.value },
-                o.sidebarClass
+                Y.value,
+                { "!overflow-hidden": a.value },
+                t.sidebarClass
               ]),
-              onMouseenter: t[0] || (t[0] = ($) => z.value = !0),
-              onMouseleave: t[1] || (t[1] = ($) => z.value = !1)
+              onMouseenter: o[0] || (o[0] = (w) => z.value = !0),
+              onMouseleave: o[1] || (o[1] = (w) => z.value = !1)
             }, [
               d("div", {
-                class: a([
+                class: r([
                   "page-layout__sidebar-inner",
-                  "fixed z-10 md:pb-6 md:pt-4 overflow-y-auto",
-                  `bg-${o.containerBackgroundColor}`,
-                  F.value,
-                  { "!overflow-hidden": r.value }
+                  a.value ? "absolute inset-0 !overflow-hidden" : "fixed overflow-y-auto",
+                  "z-10 md:pb-6 md:pt-4",
+                  `bg-${t.containerBackgroundColor}`,
+                  !a.value && Y.value
                 ]),
-                style: C({
-                  top: Y.value,
-                  height: L.value
+                style: S(a.value ? void 0 : {
+                  top: Z.value,
+                  height: ee.value
                 })
               }, [
-                u(e.$slots, "sidebar", {}, void 0, !0)
+                d("div", {
+                  ref_key: "sidebarContentRef",
+                  ref: C
+                }, [
+                  v(e.$slots, "sidebar", {}, void 0, !0)
+                ], 512)
               ], 6),
-              r.value ? (w(), b("div", {
+              a.value ? (p(), b("div", {
                 key: 0,
-                class: "fixed cursor-pointer w-12 rounded-lg bg-white z-10",
-                style: C({
-                  top: `calc(${Y.value} + 1rem)`,
-                  height: `calc(${L.value} - 2.5rem)`
-                }),
-                onClick: W
-              }, null, 4)) : S("", !0),
-              U.value && (z.value || r.value) ? (w(), b("div", {
+                class: "absolute inset-0 cursor-pointer rounded-lg bg-white z-10",
+                onClick: q
+              })) : E("", !0),
+              X.value && (!Q.value || z.value || a.value) ? (p(), b("div", {
                 key: 1,
-                class: a([
+                class: r([
                   "page-layout__sidebar-toggle",
                   "cursor-pointer fixed z-30",
                   "bg-white rounded",
-                  "transition-all duration-300 ease-in-out",
-                  { "border border-gray-10": !r.value }
+                  !a.value && "transition-all duration-300 ease-in-out",
+                  { "border border-gray-10": !a.value }
                 ]),
-                style: C({
-                  top: "calc(50vh + 97px)",
-                  // Expanded: sidebar width minus half the button (lg: 23rem - 0.875rem, md: 19rem - 0.875rem).
-                  // Collapsed: inset from the left edge.
-                  marginLeft: r.value ? "0.875rem" : H(s).lg ? "22.125rem" : "18.125rem"
-                }),
-                onClick: W
+                style: S(
+                  a.value ? D.value : {
+                    top: oe.value,
+                    marginLeft: T(u).lg ? "22.125rem" : "18.125rem"
+                  }
+                ),
+                onClick: q
               }, [
-                u(e.$slots, "sidebar-toggle", { collapsed: r.value }, () => [
-                  X(i, {
+                v(e.$slots, "sidebar-toggle", { collapsed: a.value }, () => [
+                  ne(s, {
                     icon: "double-chevron-right",
                     color: "inkwell-30",
                     type: "",
-                    class: a([
+                    class: r([
                       "page-layout__sidebar-toggle-icon",
                       "w-6 h-6 p-1 text-inkwell-30",
-                      { "rotate-180": r.value }
+                      { "rotate-180": a.value }
                     ])
                   }, null, 8, ["class"])
                 ], !0)
-              ], 6)) : S("", !0)
-            ], 34)) : S("", !0),
+              ], 6)) : E("", !0)
+            ], 34)) : E("", !0),
             d("div", {
-              class: a([
+              class: r([
                 "page-layout__main",
                 "block w-full grow leading-normal",
-                { "md:mb-4": h.value },
-                o.mainClass
+                { "md:mb-4": g.value },
+                t.mainClass
               ])
             }, [
-              u(e.$slots, "default", {
-                sidebarCollapsed: r.value,
-                scrolledToTop: v.value,
-                scrolledToBottom: n.value
+              v(e.$slots, "default", {
+                sidebarCollapsed: a.value,
+                scrolledToTop: m.value,
+                scrolledToBottom: c.value
               }, void 0, !0)
             ], 2)
           ], 2)
         ], 6),
-        u(e.$slots, "overlay", {}, void 0, !0),
-        l.footerVisible ? (w(), b("div", {
+        v(e.$slots, "overlay", {}, void 0, !0),
+        l.footerVisible ? (p(), b("div", {
           key: 0,
-          class: a([
+          class: r([
             "page-layout__footer",
             "fixed bottom-0 left-0 right-0 z-20 justify-center",
-            `bg-${o.footerBackgroundColor}`,
-            H(s).md ? "overflow-visible h-0 w-full px-6 flex" : "py-6 px-4 bg-white border-t border-gray-20 flex gap-4 sm-down:absolute sm-down:!py-4"
+            `bg-${t.footerBackgroundColor}`,
+            T(u).md ? "overflow-visible h-0 w-full px-6 flex" : "py-6 px-4 bg-white border-t border-gray-20 flex gap-4 sm-down:absolute sm-down:!py-4"
           ])
         }, [
-          H(s).md ? (w(), b("div", {
+          T(u).md ? (p(), b("div", {
             key: 0,
-            class: a([
+            class: r([
               "flex gap-4 items-end h-0 overflow-visible margin-x-auto w-full",
-              o.maxContentWidth
+              t.maxContentWidth
             ])
           }, [
             d("div", {
-              class: a([
+              class: r([
                 "shrink-0 w-0 transition-[width] duration-300",
-                h.value ? F.value : "hidden"
+                g.value ? Y.value : "hidden"
               ])
             }, null, 2),
             d("div", {
-              class: a([
+              class: r([
                 "grow pb-6 rounded-t-lg",
-                `bg-${o.containerBackgroundColor}`
+                `bg-${t.containerBackgroundColor}`
               ])
             }, [
               d("div", {
-                class: a([
+                class: r([
                   "page-layout__footer-bar",
                   "flex items-center justify-center gap-4",
                   "left-auto right-auto py-4",
                   "rounded-lg shadow-[0_-2px_5px_0_rgba(0,0,0,0.05)] shadow-gray-10",
-                  `bg-${o.footerBackgroundColor}`,
-                  { "shadow-none": n.value },
-                  o.footerBarClass
+                  `bg-${t.footerBackgroundColor}`,
+                  { "shadow-none": c.value },
+                  t.footerBarClass
                 ])
               }, [
-                u(e.$slots, "footer", { scrolledToBottom: n.value }, void 0, !0)
+                v(e.$slots, "footer", { scrolledToBottom: c.value }, void 0, !0)
               ], 2)
             ], 2)
-          ], 2)) : u(e.$slots, "footer", {
+          ], 2)) : v(e.$slots, "footer", {
             key: 1,
-            scrolledToBottom: n.value
+            scrolledToBottom: c.value
           }, void 0, !0)
-        ], 2)) : S("", !0)
+        ], 2)) : E("", !0)
       ], 2);
     };
   }
 });
 export {
-  ae as default
+  we as default
 };

package/dist/index149.js

@@ -1,13 +1,13 @@
-import { defineComponent as H, ref as n, computed as a, watch as g, nextTick as f } from "vue";
-import { Multiselect as I } from "./index199.js";
-import { useI18n as k } from "vue-i18n";
+import { defineComponent as I, ref as u, computed as a, watch as h, nextTick as c } from "vue";
+import { Multiselect as q } from "./index199.js";
+import { useI18n as D } from "vue-i18n";
 /* empty css         */
-import q from "./index6.js";
-const U = H({
+import N from "./index6.js";
+const z = I({
   name: "QSelect",
   components: {
-    QBadge: q,
-    VueMultiselect: I
+    QBadge: N,
+    VueMultiselect: q
   },
   props: {
     id: {
@@ -207,88 +207,98 @@ const U = H({
     }
   },
   emits: ["update:model-value"],
-  setup(l, { slots: h, emit: o }) {
-    const { t: r } = k(), d = n(null), c = n(null), e = n(l.modelValue), p = n(""), s = n(!1), i = n([]), y = a(() => Array.isArray(l.options) ? l.options.length : 0), m = a(() => !!h.action), S = a(() => l.noResultMessage || r("HC_PRESS_ENTER_TO_CREATE_A_TAG")), b = a(() => l.tagPlaceholder || r("HC_PRESS_ENTER_TO_CREATE_A_TAG")), B = a(() => l.noOptionsMessage || r("HC_LIST_IS_EMPTY")), _ = a(() => y.value === e.value.length ? r("HC_ALL") : e.value.length > 1 ? r("HC_MULTIPLE_SELECTED") : e.value[0].label || e.value[0].name || ""), T = a(() => l.taggable || l.showTags), A = a(() => !!(l.groupValues && l.groupLabel && l.groupSelectable)), v = a(() => l.multiple ? Array.isArray(e.value) && e.value.length > 0 : e.value !== null && e.value !== void 0 && e.value !== ""), E = a(() => l.floatingLabel), C = a(() => l.floatingLabel && v.value), O = (t) => {
-      o("update:model-value", t);
-    }, w = (t) => {
-      p.value = t;
-    }, L = async (t) => {
-      const u = {
-        label: t,
-        name: t,
+  setup(l, { slots: m, emit: s }) {
+    const { t: r } = D(), o = u(null), d = u(null), t = u(l.modelValue), p = u(""), i = u(!1), f = u([]), y = a(() => Array.isArray(l.options) ? l.options.length : 0), S = a(() => !!m.action), b = a(() => l.noResultMessage || r("HC_PRESS_ENTER_TO_CREATE_A_TAG")), B = a(() => l.tagPlaceholder || r("HC_PRESS_ENTER_TO_CREATE_A_TAG")), _ = a(() => l.noOptionsMessage || r("HC_LIST_IS_EMPTY")), T = a(() => y.value === t.value.length ? r("HC_ALL") : t.value.length > 1 ? r("HC_MULTIPLE_SELECTED") : t.value[0].label || t.value[0].name || ""), A = a(() => l.taggable || l.showTags), E = a(() => !!(l.groupValues && l.groupLabel && l.groupSelectable)), v = a(() => l.multiple ? Array.isArray(t.value) && t.value.length > 0 : t.value !== null && t.value !== void 0 && t.value !== ""), O = a(() => l.floatingLabel), C = a(() => l.floatingLabel && v.value), w = (e) => {
+      s("update:model-value", e);
+    }, L = (e) => {
+      p.value = e;
+    }, M = async (e) => {
+      const n = {
+        label: e,
+        name: e,
         added: !0
         // maybe change this to class - I am going to use this for external emails
       };
-      if (!l.validationMethod(u)) {
-        await f(), d.value.search = t;
+      if (!l.validationMethod(n)) {
+        await c(), o.value.search = e;
         return;
       }
-      i.value.push(u), e.value.push(u);
-    }, M = () => {
-      e.value = [], o("update:model-value", e.value);
-    }, R = (t) => {
-      typeof t == "number" && t >= 0 ? e.value.splice(t, 1) : e.value = [], f(() => {
-        o("update:model-value", e.value);
+      f.value.push(n), t.value.push(n);
+    }, R = () => {
+      t.value = [], s("update:model-value", t.value);
+    }, V = (e) => {
+      typeof e == "number" && e >= 0 ? t.value.splice(e, 1) : t.value = [], c(() => {
+        s("update:model-value", t.value);
       });
-    }, V = (t) => {
-      l.multiple && e.value && t.length === e.value.length && f(() => {
-        e.value = [], o("update:model-value", e.value);
+    }, x = (e) => {
+      l.multiple && t.value && e.length === t.value.length && c(() => {
+        t.value = [], s("update:model-value", t.value);
       });
-    }, x = async () => {
-      if (s.value || (s.value = !0, i.value = l.options), c.value && l.searchable) {
-        await f();
-        const t = c.value.querySelector(
+    }, P = async () => {
+      if (i.value || (i.value = !0, f.value = l.options), d.value && l.searchable) {
+        await c();
+        const e = d.value.querySelector(
           ".multiselect__content-wrapper"
-        ), u = c.value.querySelector(
+        ), n = d.value.querySelector(
           ".multiselect__input"
         );
-        u.style.width = t.clientWidth + "px";
+        n.style.width = e.clientWidth + "px";
       }
-    }, P = () => {
-      s.value = !1;
-    }, F = async () => {
-      if (!d.value)
+    }, g = u(!1), F = (e) => {
+      g.value = e, e || c(() => {
+        o.value?.deactivate?.();
+      });
+    }, k = () => {
+      if (g.value) {
+        const e = o.value;
+        e && (e.isOpen = !0);
+        return;
+      }
+      i.value = !1;
+    }, H = async () => {
+      if (!o.value)
         return;
-      const t = d.value;
-      e.value = [], l.groupValues ? t.filteredOptions.forEach((u) => {
-        e.value.push(u);
-      }) : e.value = t.filteredOptions, o("update:model-value", e.value);
+      const e = o.value;
+      t.value = [], l.groupValues ? e.filteredOptions.forEach((n) => {
+        t.value.push(n);
+      }) : t.value = e.filteredOptions, s("update:model-value", t.value);
     };
-    return g(() => l.modelValue, (t) => {
-      e.value = t;
-    }), g(() => l.options, (t) => {
-      s.value && (i.value = t);
+    return h(() => l.modelValue, (e) => {
+      t.value = e;
+    }), h(() => l.options, (e) => {
+      i.value && (f.value = e);
     }), {
-      currentSelect: d,
-      currentContainer: c,
+      currentSelect: o,
+      currentContainer: d,
       search: p,
-      selected: e,
-      isOpened: s,
-      internalOptions: i,
+      selected: t,
+      isOpened: i,
+      internalOptions: f,
       // computed
-      hasAction: m,
-      noResultsText: S,
-      noOptionsText: B,
-      noTagFound: b,
+      hasAction: S,
+      noResultsText: b,
+      noOptionsText: _,
+      noTagFound: B,
       selectedCount: y,
-      selectedText: _,
-      useTags: T,
-      enableGroupSelect: A,
+      selectedText: T,
+      useTags: A,
+      enableGroupSelect: E,
       hasValue: v,
-      showFloatingLabel: E,
+      showFloatingLabel: O,
       isLabelFloated: C,
-      addTag: L,
-      clearAll: M,
-      onOpen: x,
-      onClose: P,
-      onRemove: V,
-      onUpdateValue: O,
-      removeElement: R,
-      searchChange: w,
-      selectAll: F
+      addTag: M,
+      clearAll: R,
+      keepOpen: F,
+      onOpen: P,
+      onClose: k,
+      onRemove: x,
+      onUpdateValue: w,
+      removeElement: V,
+      searchChange: L,
+      selectAll: H
     };
   }
 });
 export {
-  U as default
+  z as default
 };