@quoreadmin/ui 1.10.32 → 1.11.0

package/dist/index142.js

@@ -0,0 +1,167 @@
+import { defineComponent as R, watch as T, nextTick as x, onMounted as O, onBeforeUnmount as $, openBlock as c, createElementBlock as m, createElementVNode as C, renderSlot as z, createBlock as D, Teleport as I, normalizeStyle as g, unref as s, normalizeClass as F, createCommentVNode as q } from "vue";
+import { usePopperPositioning as K } from "./index314.js";
+const N = ["data-placement"], Y = /* @__PURE__ */ R({
+  name: "QPopper",
+  __name: "popper",
+  props: {
+    closeOnEscape: { type: Boolean, default: !0 },
+    closeOnOutsideClick: { type: Boolean, default: !0 },
+    closeOnReferenceHidden: { type: Boolean, default: !0 },
+    offset: { default: 10 },
+    open: { type: Boolean, default: !1 },
+    placement: { default: "bottom-start" },
+    scrollIntoView: { type: Boolean, default: !1 },
+    scrollPadding: { default: 20 },
+    showArrow: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    strategy: { default: "fixed" },
+    teleport: { type: Boolean, default: !0 },
+    teleportTo: { default: "body" }
+  },
+  emits: ["close", "update:open"],
+  setup(H, { expose: L, emit: P }) {
+    const V = ["auto", "overlay", "scroll"], o = H, p = P, {
+      arrow: w,
+      arrowStyle: y,
+      floating: r,
+      floatingSizingStyle: v,
+      floatingStyles: h,
+      placement: b,
+      reference: a,
+      update: B
+    } = K({
+      props: o,
+      onReferenceHidden: u
+    });
+    function u() {
+      o.open && (p("close"), p("update:open", !1));
+    }
+    function E() {
+      p("update:open", !o.open);
+    }
+    function k(e) {
+      if (!o.open || !o.closeOnOutsideClick) return;
+      const t = e.target;
+      t && (a.value?.contains(t) || r.value?.contains(t) || u());
+    }
+    function S(e) {
+      e.key === "Escape" && o.closeOnEscape && u();
+    }
+    function _(e) {
+      return e != null && V.includes(e);
+    }
+    function W(e) {
+      let t = e?.parentElement ?? null;
+      for (; t && t !== document.documentElement; ) {
+        const l = getComputedStyle(t), n = _(l.overflowY) && t.scrollHeight > t.clientHeight, i = _(l.overflowX) && t.scrollWidth > t.clientWidth;
+        if (n || i)
+          return t;
+        t = t.parentElement;
+      }
+      return null;
+    }
+    function A() {
+      if (!r.value)
+        return { left: 0, top: 0 };
+      const e = r.value.getBoundingClientRect(), t = window.innerHeight || document.documentElement.clientHeight, l = window.innerWidth || document.documentElement.clientWidth, n = o.scrollPadding;
+      let i = 0, f = 0;
+      return e.bottom + n > t ? i = e.bottom + n - t : e.top - n < 0 && (i = e.top - n), e.right + n > l ? f = e.right + n - l : e.left - n < 0 && (f = e.left - n), { left: f, top: i };
+    }
+    function d() {
+      if (!o.scrollIntoView || !r.value) return;
+      const { left: e, top: t } = A();
+      if (t === 0 && e === 0)
+        return;
+      const l = W(a.value);
+      if (l) {
+        l.scrollBy({
+          top: t,
+          left: e,
+          behavior: "auto"
+        });
+        return;
+      }
+      window.scrollBy({
+        top: t,
+        left: e,
+        behavior: "auto"
+      });
+    }
+    return T(
+      () => o.open,
+      (e) => {
+        e && x(() => {
+          B(), d();
+        });
+      }
+    ), O(() => {
+      document.addEventListener("pointerdown", k);
+    }), O(() => {
+      o.open && x(() => {
+        B(), d();
+      });
+    }), $(() => {
+      document.removeEventListener("pointerdown", k);
+    }), L({
+      arrow: w,
+      arrowStyle: y,
+      floating: r,
+      floatingSizingStyle: v,
+      floatingStyles: h,
+      handleKeydown: S,
+      placement: b,
+      reference: a,
+      scrollFloatingIntoView: d,
+      toggle: E
+    }), (e, t) => (c(), m("div", {
+      class: "q-popper-container popover-container inline-flex items-center",
+      onKeydown: S
+    }, [
+      C("div", {
+        ref_key: "reference",
+        ref: a,
+        class: "q-popper-trigger inline-flex items-center"
+      }, [
+        z(e.$slots, "trigger", {
+          onClick: E,
+          open: o.open
+        }, void 0, !0)
+      ], 512),
+      (c(), D(I, {
+        to: o.teleportTo,
+        disabled: !o.teleport
+      }, [
+        o.open ? (c(), m("div", {
+          key: 0,
+          ref_key: "floating",
+          ref: r,
+          class: F([
+            "q-popper popover relative z-[60] flex w-auto rounded-lg bg-white text-sm leading-4 text-inkwell-0",
+            `q-popper-${o.size}`,
+            `popover-${o.size}`,
+            o.teleport ? "q-popover teleported" : ""
+          ]),
+          "data-placement": s(b),
+          style: g(s(h))
+        }, [
+          C("div", {
+            class: "q-popper-content flex w-full flex-col",
+            style: g(s(v))
+          }, [
+            z(e.$slots, "default", {}, void 0, !0)
+          ], 4),
+          o.showArrow ? (c(), m("div", {
+            key: 0,
+            ref_key: "arrow",
+            ref: w,
+            class: "q-popper-arrow absolute size-4 rotate-45 bg-white",
+            style: g(s(y))
+          }, null, 4)) : q("", !0)
+        ], 14, N)) : q("", !0)
+      ], 8, ["to", "disabled"]))
+    ], 32));
+  }
+});
+export {
+  Y as default
+};

package/dist/{index143.js → index146.js}

@@ -1,5 +1,5 @@
 import { defineComponent as r } from "vue";
-import e from "./index42.js";
+import e from "./index43.js";
 const s = r({
   name: "QProgressBarGroup",
   components: {

package/dist/index15.js

@@ -1,7 +1,7 @@
-import w from "./index88.js";
+import w from "./index89.js";
 import { resolveComponent as d, openBlock as t, createElementBlock as f, createElementVNode as s, renderSlot as l, createVNode as a, createCommentVNode as i, toDisplayString as u, normalizeProps as c, guardReactiveProps as m, createBlock as p, withCtx as o, createTextVNode as S, normalizeClass as k, Transition as y } from "vue";
 /* empty css        */
-import q from "./index65.js";
+import q from "./index66.js";
 const B = ["id"], F = { class: "search grow" }, z = {
   class: "search-label flex items-center",
   for: "search"