@quoreadmin/ui 1.10.0 → 1.10.2

package/dist/index105.js

@@ -1,7 +1,7 @@
 import { defineComponent as S, ref as r, computed as v } from "vue";
-import { useDropZone as h } from "./index172.js";
+import { useDropZone as h } from "./index173.js";
 import z from "./index57.js";
-import M from "./index192.js";
+import M from "./index193.js";
 import T from "./index6.js";
 import I from "./index30.js";
 import L from "./index34.js";

package/dist/index111.js

@@ -1,5 +1,5 @@
 import { defineComponent as c, onMounted as l, computed as n } from "vue";
-import s from "./index193.js";
+import s from "./index194.js";
 let t = !1;
 const i = "quore-svg-sprite-container";
 function o() {

package/dist/index115.js

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as a, computed as s, onMounted as Z, onUnmounted as q } from "vue";
-import { useSwipe as K } from "./index172.js";
+import { useSwipe as K } from "./index173.js";
 import { useI18n as X } from "vue-i18n";
-import J from "./index194.js";
+import J from "./index195.js";
 import Y from "./index6.js";
 import ee from "./index7.js";
 import te from "./index33.js";

package/dist/index119.js

@@ -1,9 +1,9 @@
 import { defineComponent as E, ref as a, computed as m, onMounted as P, onUnmounted as Q, nextTick as V } from "vue";
 import { filterData as C } from "./index56.js";
 import F from "./index6.js";
-import { useDrag as H } from "./index180.js";
-import { useMotionProperties as N, useMotionTransitions as U } from "./index181.js";
-import { useWindowScroll as q, useScroll as W } from "./index172.js";
+import { useDrag as H } from "./index181.js";
+import { useMotionProperties as N, useMotionTransitions as U } from "./index182.js";
+import { useWindowScroll as q, useScroll as W } from "./index173.js";
 import T from "./index57.js";
 const X = E({
   name: "QList",

package/dist/index131.js

@@ -1,6 +1,6 @@
-import { defineComponent as N, useSlots as O, ref as p, computed as n, onMounted as R, onUnmounted as A, resolveComponent as D, openBlock as g, createElementBlock as h, normalizeClass as l, createElementVNode as r, normalizeStyle as y, renderSlot as i, unref as k, createCommentVNode as T, createVNode as U } from "vue";
-import u from "./index57.js";
-const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, G = "4.5rem", I = "4.8125rem", P = /* @__PURE__ */ N({
+import { defineComponent as R, useSlots as A, ref as C, computed as u, onMounted as D, onUnmounted as U, resolveComponent as G, openBlock as h, createElementBlock as w, normalizeClass as l, createElementVNode as r, normalizeStyle as x, unref as B, renderSlot as n, createCommentVNode as T, createVNode as I } from "vue";
+import i from "./index57.js";
+const J = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, K = "4.5rem", P = "4.8125rem", M = 80, Z = /* @__PURE__ */ R({
   __name: "page-layout",
   props: {
     headerBackgroundColor: { default: "green-20" },
@@ -25,53 +25,59 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
     containerBackgroundColor: { default: "gray-00" }
   },
   emits: ["update:sidebarCollapsed"],
-  setup(o, { expose: Y, emit: L }) {
-    const t = o, M = L, q = O(), w = p(null), c = p(!0), s = p(!1), m = p(!1), $ = p(!1);
-    let C = 0, x = !1;
-    const v = n(() => !!q.sidebar), f = n(() => t.headerFixed !== void 0 ? t.headerFixed : v.value), d = n({
+  setup(o, { expose: L, emit: q }) {
+    const t = o, j = q, N = A(), b = C(null), c = C(!0), s = C(!1), m = C(!1), $ = C(!1);
+    let p = 0, y = !1;
+    const v = u(() => !!N.sidebar), f = u(() => t.headerFixed !== void 0 ? t.headerFixed : v.value), a = u({
       get: () => t.sidebarCollapsed,
-      set: (e) => M("update:sidebarCollapsed", e)
-    }), j = n(
-      () => v.value && t.sidebarCollapsible && u.md
-    ), S = n(() => `${t.headerTop + 80}px`), z = n(
-      () => `calc(100vh - ${t.headerTop + 80}px)`
-    ), H = n(
-      () => d.value ? t.sidebarCollapsedWidth : t.sidebarWidth
+      set: (e) => j("update:sidebarCollapsed", e)
+    }), O = u(
+      () => v.value && t.sidebarCollapsible && i.md
+    ), S = u(
+      () => `${t.headerTop + M}px`
+    ), z = u(
+      () => `calc(100vh - ${t.headerTop + M}px)`
+    ), H = u(
+      () => a.value ? t.sidebarCollapsedWidth : t.sidebarWidth
     ), E = () => {
-      const e = w.value, a = !u.md && e;
+      const e = b.value, d = !i.md && e;
       return {
-        scrollY: a ? e.scrollTop : window.scrollY,
-        atTop: a ? e.scrollTop <= 0 : window.scrollY <= 0,
-        atBottom: a ? e.scrollTop + e.clientHeight >= e.scrollHeight : window.scrollY + window.innerHeight >= document.documentElement.scrollHeight
+        scrollY: d ? e.scrollTop : window.scrollY,
+        atTop: d ? e.scrollTop <= 0 : window.scrollY <= 0,
+        atBottom: d ? e.scrollTop + e.clientHeight >= e.scrollHeight : window.scrollY + window.innerHeight >= document.documentElement.scrollHeight
       };
-    }, B = () => {
-      x || (window.requestAnimationFrame(() => {
-        const { scrollY: e, atTop: a, atBottom: b } = E();
-        if (c.value = a, s.value = b, t.headerHideOnScroll && (f.value || !u.md)) {
+    }, k = () => {
+      y || (window.requestAnimationFrame(() => {
+        const { scrollY: e, atTop: d, atBottom: g } = E();
+        if (c.value = d, s.value = g, t.headerHideOnScroll && (f.value || !i.md)) {
           if (e <= t.headerHideScrollThreshold) {
-            m.value = !1, C = e, x = !1;
+            m.value = !1, p = e, y = !1;
             return;
           }
-          const V = e - C;
-          Math.abs(V) > 5 && (m.value = V > 0, C = e);
+          if (g) {
+            p = e, y = !1;
+            return;
+          }
+          const Y = Math.max(0, e), V = Y - p;
+          Math.abs(V) > 15 && (m.value = V > 0, p = Y);
         } else
           m.value = !1;
-        x = !1;
-      }), x = !0);
+        y = !1;
+      }), y = !0);
     }, F = () => {
-      d.value = !d.value;
+      a.value = !a.value;
     };
-    return R(() => {
-      window.addEventListener("scroll", B, { passive: !0 }), w.value && w.value.addEventListener("scroll", B, {
+    return D(() => {
+      window.addEventListener("scroll", k, { passive: !0 }), b.value && b.value.addEventListener("scroll", k, {
         passive: !0
       });
-      const { scrollY: e, atTop: a, atBottom: b } = E();
-      C = e, c.value = a, s.value = b;
-    }), A(() => {
-      window.removeEventListener("scroll", B), w.value?.removeEventListener("scroll", B);
-    }), Y({ scrolledToTop: c, scrolledToBottom: s, headerHidden: m }), (e, a) => {
-      const b = D("q-icon");
-      return g(), h("div", {
+      const { scrollY: e, atTop: d, atBottom: g } = E();
+      p = e, c.value = d, s.value = g;
+    }), U(() => {
+      window.removeEventListener("scroll", k), b.value?.removeEventListener("scroll", k);
+    }), L({ scrolledToTop: c, scrolledToBottom: s, headerHidden: m }), (e, d) => {
+      const g = G("q-icon");
+      return h(), w("div", {
         class: l([
           "page-layout",
           `bg-${o.containerBackgroundColor}`,
@@ -82,11 +88,11 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
           class: l([
             "page-layout__header",
             "flex items-center justify-center",
-            `md:bg-${o.containerBackgroundColor}`,
+            B(i).md ? `bg-${o.containerBackgroundColor}` : "",
             f.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": m.value }
           ]),
-          style: y(f.value ? { top: `${o.headerTop}px` } : void 0)
+          style: x(f.value ? { top: `${o.headerTop}px` } : void 0)
         }, [
           r("div", {
             class: l([
@@ -102,18 +108,18 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
               }
             ])
           }, [
-            r("h1", _, [
-              i(e.$slots, "header", {
+            r("h1", J, [
+              n(e.$slots, "header", {
                 scrolledToTop: c.value,
                 scrolledToBottom: s.value
               }, void 0, !0)
             ]),
-            i(e.$slots, "header-actions", {}, void 0, !0)
+            n(e.$slots, "header-actions", {}, void 0, !0)
           ], 2)
         ], 6),
         r("div", {
           ref_key: "contentRef",
-          ref: w,
+          ref: b,
           class: l([
             "page-layout__content",
             "sm-down:absolute sm-down:left-0 sm-down:right-0",
@@ -122,9 +128,9 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
             { "md:mb-[0.5rem]": f.value && t.footerVisible },
             o.contentClass
           ]),
-          style: y({
-            "--sm-top": m.value ? "0px" : G,
-            "--sm-bottom": t.footerVisible ? I : "0px"
+          style: x({
+            "--sm-top": m.value ? "0px" : K,
+            "--sm-bottom": t.footerVisible ? P : "0px"
           })
         }, [
           r("div", {
@@ -133,18 +139,18 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
               { "md:flex md:gap-4": v.value }
             ])
           }, [
-            v.value && k(u).md ? (g(), h("div", {
+            v.value && B(i).md ? (h(), w("div", {
               key: 0,
               class: l([
                 "page-layout__sidebar",
                 "shrink-0 flex flex-col gap-4",
                 "md:transition-[width] md:duration-300",
                 H.value,
-                { "!overflow-hidden": d.value },
+                { "!overflow-hidden": a.value },
                 o.sidebarClass
               ]),
-              onMouseenter: a[0] || (a[0] = (W) => $.value = !0),
-              onMouseleave: a[1] || (a[1] = (W) => $.value = !1)
+              onMouseenter: d[0] || (d[0] = (W) => $.value = !0),
+              onMouseleave: d[1] || (d[1] = (W) => $.value = !1)
             }, [
               r("div", {
                 class: l([
@@ -152,51 +158,53 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                   "fixed z-10 md:pb-6 md:pt-4 overflow-y-auto",
                   `bg-${o.containerBackgroundColor}`,
                   H.value,
-                  { "!overflow-hidden": d.value }
+                  { "!overflow-hidden": a.value }
                 ]),
-                style: y({
+                style: x({
                   top: S.value,
                   height: z.value
                 })
               }, [
-                i(e.$slots, "sidebar", {}, void 0, !0)
+                n(e.$slots, "sidebar", {}, void 0, !0)
               ], 6),
-              d.value ? (g(), h("div", {
+              a.value ? (h(), w("div", {
                 key: 0,
                 class: "fixed cursor-pointer w-12 rounded-lg bg-white z-10",
-                style: y({
+                style: x({
                   top: `calc(${S.value} + 1rem)`,
-                  height: `calc(${z.value} - 2rem)`
+                  height: `calc(${z.value} - 2.5rem)`
                 }),
                 onClick: F
               }, null, 4)) : T("", !0),
-              j.value && ($.value || d.value) ? (g(), h("div", {
+              O.value && ($.value || a.value) ? (h(), w("div", {
                 key: 1,
                 class: l([
                   "page-layout__sidebar-toggle",
                   "cursor-pointer fixed z-30",
-                  "bg-white rounded border border-gray-10",
+                  "bg-white rounded",
                   "transition-all duration-300 ease-in-out",
-                  {
-                    "page-layout__sidebar-toggle--collapsed": d.value
-                  }
+                  { "border border-gray-10": !a.value }
                 ]),
-                style: y({
+                style: x({
                   top: "calc(50vh + 97px)",
-                  marginLeft: d.value ? "0.875rem" : k(u).lg ? "22.125rem" : "18.125rem"
+                  // Expanded: sidebar width minus half the button (lg: 23rem - 0.875rem, md: 19rem - 0.875rem).
+                  // Collapsed: inset from the left edge.
+                  marginLeft: a.value ? "0.875rem" : B(i).lg ? "22.125rem" : "18.125rem"
                 }),
                 onClick: F
               }, [
-                U(b, {
-                  icon: "double-chevron-right ",
-                  type: "",
-                  color: "inkwell-30",
-                  class: l([
-                    "page-layout__sidebar-toggle-icon",
-                    "w-6 h-6 p-1 text-inkwell-30",
-                    { "rotate-180": d.value }
-                  ])
-                }, null, 8, ["class"])
+                n(e.$slots, "sidebar-toggle", { collapsed: a.value }, () => [
+                  I(g, {
+                    icon: "double-chevron-right",
+                    color: "inkwell-30",
+                    type: "",
+                    class: l([
+                      "page-layout__sidebar-toggle-icon",
+                      "w-6 h-6 p-1 text-inkwell-30",
+                      { "rotate-180": a.value }
+                    ])
+                  }, null, 8, ["class"])
+                ], !0)
               ], 6)) : T("", !0)
             ], 34)) : T("", !0),
             r("div", {
@@ -207,25 +215,25 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                 o.mainClass
               ])
             }, [
-              i(e.$slots, "default", {
-                sidebarCollapsed: d.value,
+              n(e.$slots, "default", {
+                sidebarCollapsed: a.value,
                 scrolledToTop: c.value,
                 scrolledToBottom: s.value
               }, void 0, !0)
             ], 2)
           ], 2)
         ], 6),
-        i(e.$slots, "overlay", {}, void 0, !0),
-        t.footerVisible ? (g(), h("div", {
+        n(e.$slots, "overlay", {}, void 0, !0),
+        t.footerVisible ? (h(), w("div", {
           key: 0,
           class: l([
             "page-layout__footer",
-            "fixed left-0 right-0 z-20 justify-center",
+            "fixed bottom-0 left-0 right-0 z-20 justify-center",
             `bg-${o.footerBackgroundColor}`,
-            k(u).md ? "overflow-visible bottom-0 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 sm-down:bottom-14"
+            B(i).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"
           ])
         }, [
-          k(u).md ? (g(), h("div", {
+          B(i).md ? (h(), w("div", {
             key: 0,
             class: l([
               "flex gap-4 items-end h-0 overflow-visible margin-x-auto w-full",
@@ -255,10 +263,10 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
                   o.footerBarClass
                 ])
               }, [
-                i(e.$slots, "footer", { scrolledToBottom: s.value }, void 0, !0)
+                n(e.$slots, "footer", { scrolledToBottom: s.value }, void 0, !0)
               ], 2)
             ], 2)
-          ], 2)) : i(e.$slots, "footer", {
+          ], 2)) : n(e.$slots, "footer", {
             key: 1,
             scrolledToBottom: s.value
           }, void 0, !0)
@@ -268,5 +276,5 @@ const _ = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
   }
 });
 export {
-  P as default
+  Z as default
 };

package/dist/{index135.js → index136.js}

@@ -1,5 +1,5 @@
 import { defineComponent as x, ref as s, onMounted as y, nextTick as P } from "vue";
-import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index195.js";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index196.js";
 import D from "./index22.js";
 E.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${k}/legacy/build/pdf.worker.min.mjs`;
 const S = x({

package/dist/{index137.js → index138.js}

@@ -1,6 +1,6 @@
 import { defineComponent as M, ref as h, computed as H, onMounted as A, onUnmounted as Q, watch as F, nextTick as O } from "vue";
-import { onClickOutside as W } from "./index172.js";
-import { useThrottleFn as k } from "./index183.js";
+import { onClickOutside as W } from "./index173.js";
+import { useThrottleFn as k } from "./index184.js";
 const G = M({
   name: "QPopover",
   props: {

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

@@ -1,7 +1,7 @@
 import { defineComponent as It, ref as i, computed as _, watch as B, onMounted as Tt, onUnmounted as Dt } from "vue";
 import { useI18n as Ot } from "vue-i18n";
-import { DateTime as I } from "./index173.js";
-import "./index196.js";
+import { DateTime as I } from "./index174.js";
+import "./index197.js";
 import kt from "./index2.js";
 import Et from "./index3.js";
 import At from "./index4.js";
@@ -13,7 +13,7 @@ import Ct from "./index48.js";
 import Rt from "./index50.js";
 import Ht from "./index49.js";
 import Lt from "./index52.js";
-import X from "./index197.js";
+import X from "./index198.js";
 const Pt = 996, Zt = It({
   name: "QRoomDetailsPopover",
   components: {

package/dist/{index148.js → index149.js}

@@ -1,5 +1,5 @@
 import { defineComponent as H, ref as n, computed as a, watch as g, nextTick as f } from "vue";
-import { Multiselect as I } from "./index198.js";
+import { Multiselect as I } from "./index199.js";
 import { useI18n as k } from "vue-i18n";
 /* empty css         */
 import q from "./index6.js";

package/dist/{index150.js → index151.js}

@@ -1,16 +1,16 @@
 import { defineComponent as te, ref as n, computed as w, onMounted as le, onUnmounted as oe, h as D, render as H } from "vue";
-import se from "./index200.js";
-import re from "./index201.js";
-import ae from "./index202.js";
-import ne from "./index203.js";
+import se from "./index201.js";
+import re from "./index202.js";
+import ae from "./index203.js";
+import ne from "./index204.js";
 import ce from "./index6.js";
 import ie from "./index52.js";
 import N from "./index28.js";
-import ue from "./index184.js";
+import ue from "./index185.js";
 import de from "./index57.js";
 import fe from "./index58.js";
 import { filterData as ve } from "./index56.js";
-import { useDebounceFn as he } from "./index183.js";
+import { useDebounceFn as he } from "./index184.js";
 const ke = te({
   name: "QTable",
   components: {

package/dist/{index161.js → index162.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as u, computed as v, onMounted as g, onUnmounted as h, watch as y, nextTick as m } from "vue";
-import { useThrottleFn as b } from "./index183.js";
+import { useThrottleFn as b } from "./index184.js";
 const T = c({
   name: "QTooltip",
   props: {

package/dist/{index164.js → index165.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ot, ref as H, computed as C, reactive as at, onMounted as it, onUnmounted as lt } from "vue";
-import { createPopper as st } from "./index204.js";
+import { createPopper as st } from "./index205.js";
 import { useI18n as ut } from "vue-i18n";
 const ht = ot({
   name: "QTour",

package/dist/{index168.js → index169.js}

@@ -1,14 +1,14 @@
 import { defineComponent as q, ref as o, computed as c, watch as k, onBeforeUnmount as M, onMounted as z, onUnmounted as K, nextTick as Q } from "vue";
-import { onClickOutside as b, useBreakpoints as W, breakpointsTailwind as _ } from "./index172.js";
-import { EditorContent as $, useEditor as D } from "./index205.js";
-import G from "./index206.js";
-import I from "./index207.js";
-import { Underline as J } from "./index208.js";
-import { TextStyle as N, Color as X } from "./index209.js";
-import { Link as Y } from "./index210.js";
-import { Placeholder as Z } from "./index211.js";
+import { onClickOutside as b, useBreakpoints as W, breakpointsTailwind as _ } from "./index173.js";
+import { EditorContent as $, useEditor as D } from "./index206.js";
+import G from "./index207.js";
+import I from "./index208.js";
+import { Underline as J } from "./index209.js";
+import { TextStyle as N, Color as X } from "./index210.js";
+import { Link as Y } from "./index211.js";
+import { Placeholder as Z } from "./index212.js";
 import ee from "./index24.js";
-import te from "./index171.js";
+import te from "./index172.js";
 const ve = q({
   components: {
     EditorContent: $,