@quoreadmin/ui 1.8.0 → 1.8.1

package/dist/index103.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as n, computed as v } from "vue";
-import { useDropZone as b } from "./index164.js";
+import { useDropZone as b } from "./index165.js";
 import z from "./index55.js";
-import M from "./index184.js";
+import M from "./index185.js";
 import T from "./index6.js";
 import h from "./index30.js";
 import I from "./index34.js";

package/dist/index109.js

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

package/dist/index113.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 "./index164.js";
+import { useSwipe as K } from "./index165.js";
 import { useI18n as X } from "vue-i18n";
-import J from "./index186.js";
+import J from "./index187.js";
 import Y from "./index6.js";
 import ee from "./index7.js";
 import te from "./index33.js";

package/dist/index117.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 "./index54.js";
 import F from "./index6.js";
-import { useDrag as H } from "./index172.js";
-import { useMotionProperties as N, useMotionTransitions as U } from "./index173.js";
-import { useWindowScroll as q, useScroll as W } from "./index164.js";
+import { useDrag as H } from "./index173.js";
+import { useMotionProperties as N, useMotionTransitions as U } from "./index174.js";
+import { useWindowScroll as q, useScroll as W } from "./index165.js";
 import T from "./index55.js";
 const X = E({
   name: "QList",

package/dist/index127.js

@@ -1,4 +1,75 @@
-import f from "./index37.js";
+import { defineComponent as f, ref as u, onMounted as m, onUnmounted as h, createElementBlock as g, openBlock as w, normalizeStyle as x, normalizeClass as i, createElementVNode as c, renderSlot as d } from "vue";
+const v = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, S = /* @__PURE__ */ f({
+  __name: "page-header",
+  props: {
+    backgroundColor: { default: "green-20" },
+    classes: { default: "" },
+    color: { default: "white" },
+    containerBackgroundColor: {},
+    hideOnScroll: { type: Boolean, default: !0 },
+    hideScrollThreshold: { default: 100 },
+    isFixed: { type: Boolean, default: !1 },
+    top: { default: 0 }
+  },
+  setup(e) {
+    const r = e;
+    let n = 0, t = !1;
+    const o = u(!1), s = () => {
+      t || (window.requestAnimationFrame(() => {
+        const l = window.scrollY;
+        if (!r.hideOnScroll) {
+          o.value = !1, t = !1;
+          return;
+        }
+        if (!r.isFixed) {
+          o.value = !1, t = !1;
+          return;
+        }
+        if (l <= r.hideScrollThreshold) {
+          o.value = !1, n = l, t = !1;
+          return;
+        }
+        const a = l - n;
+        Math.abs(a) > 5 && (o.value = a > 0, n = l), t = !1;
+      }), t = !0);
+    };
+    return m(() => {
+      window.addEventListener("scroll", s, { passive: !0 }), n = window.scrollY;
+    }), h(() => {
+      window.removeEventListener("scroll", s);
+    }), (l, a) => (w(), g("div", {
+      class: i([
+        "page-header-container",
+        "flex items-center justify-center",
+        e.containerBackgroundColor ? `bg-${e.containerBackgroundColor}` : "",
+        {
+          "fixed z-50 md:pt-6 md:px-6 transition-top duration-300 left-0 w-full": e.isFixed,
+          "header-hidden": o.value,
+          "mb-4": !e.isFixed
+        }
+      ]),
+      style: x({ top: e.isFixed ? `${e.top}px` : void 0 }),
+      ref: "pageHeaderContainer"
+    }, [
+      c("div", {
+        class: i([
+          "page-header flex items-center text-left md:rounded-lg",
+          "md:h-[3.5rem] max-w-[72rem] w-full p-4 md:pl-6 sm-down:py-6 sm-down:h-[4.5rem]",
+          `bg-${e.backgroundColor}`,
+          `text-${e.color}`,
+          e.classes
+        ]),
+        ref: "pageHeader"
+      }, [
+        d(l.$slots, "beforeTitle", {}, void 0, !0),
+        c("h1", v, [
+          d(l.$slots, "default", {}, void 0, !0)
+        ]),
+        d(l.$slots, "actions", {}, void 0, !0)
+      ], 2)
+    ], 6));
+  }
+});
 export {
-  f as default
+  S as default
 };

package/dist/{index130.js → index131.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 "./index187.js";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index188.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/{index132.js → index133.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 "./index164.js";
-import { useThrottleFn as k } from "./index175.js";
+import { onClickOutside as W } from "./index165.js";
+import { useThrottleFn as k } from "./index176.js";
 const G = M({
   name: "QPopover",
   props: {

package/dist/{index141.js → index142.js}

@@ -1,7 +1,7 @@
 import { defineComponent as ct, ref as i, computed as _, watch as B, onMounted as dt, onUnmounted as mt } from "vue";
 import { useI18n as vt } from "vue-i18n";
-import { DateTime as w } from "./index165.js";
-import "./index188.js";
+import { DateTime as w } from "./index166.js";
+import "./index191.js";
 import pt from "./index2.js";
 import ft from "./index3.js";
 import ht from "./index4.js";
@@ -12,7 +12,7 @@ import wt from "./index20.js";
 import It from "./index47.js";
 import Dt from "./index48.js";
 import Tt from "./index50.js";
-import K from "./index189.js";
+import K from "./index192.js";
 const Ft = ct({
   name: "QRoomDetailsPopover",
   components: {

package/dist/{index143.js → index144.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 "./index190.js";
+import { Multiselect as I } from "./index189.js";
 import { useI18n as k } from "vue-i18n";
 /* empty css         */
 import q from "./index6.js";

package/dist/{index145.js → index146.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 "./index192.js";
-import re from "./index193.js";
-import ae from "./index194.js";
-import ne from "./index195.js";
+import se from "./index193.js";
+import re from "./index194.js";
+import ae from "./index195.js";
+import ne from "./index196.js";
 import ce from "./index6.js";
 import ie from "./index50.js";
 import N from "./index28.js";
-import ue from "./index176.js";
+import ue from "./index177.js";
 import de from "./index55.js";
 import fe from "./index56.js";
 import { filterData as ve } from "./index54.js";
-import { useDebounceFn as he } from "./index175.js";
+import { useDebounceFn as he } from "./index176.js";
 const ke = te({
   name: "QTable",
   components: {

package/dist/{index153.js → index154.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 "./index175.js";
+import { useThrottleFn as b } from "./index176.js";
 const T = c({
   name: "QTooltip",
   props: {

package/dist/{index156.js → index157.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 "./index196.js";
+import { createPopper as st } from "./index197.js";
 import { useI18n as ut } from "vue-i18n";
 const ht = ot({
   name: "QTour",

package/dist/{index160.js → index161.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 { useBreakpoints as W, onClickOutside as b, breakpointsTailwind as _ } from "./index164.js";
-import { EditorContent as $, useEditor as D } from "./index197.js";
-import G from "./index198.js";
-import I from "./index199.js";
-import { Underline as J } from "./index200.js";
-import { TextStyle as N, Color as X } from "./index201.js";
-import { Link as Y } from "./index202.js";
-import { Placeholder as Z } from "./index203.js";
+import { useBreakpoints as W, onClickOutside as b, breakpointsTailwind as _ } from "./index165.js";
+import { EditorContent as $, useEditor as D } from "./index198.js";
+import G from "./index199.js";
+import I from "./index200.js";
+import { Underline as J } from "./index201.js";
+import { TextStyle as N, Color as X } from "./index202.js";
+import { Link as Y } from "./index203.js";
+import { Placeholder as Z } from "./index204.js";
 import ee from "./index24.js";
-import te from "./index163.js";
+import te from "./index164.js";
 const ve = q({
   components: {
     EditorContent: $,