@quoreadmin/ui 1.4.7 → 1.5.0

package/dist/index13.js

@@ -1,32 +1,74 @@
-import i from "./index80.js";
-import { resolveComponent as c, createElementBlock as p, openBlock as m, createVNode as t, createElementVNode as u, mergeProps as r, toHandlerKey as s, toDisplayString as a } from "vue";
-import d from "./index60.js";
-const f = { class: "counter flex items-center" }, k = { class: "grow text-center" };
-function _(e, o, $, v, y, g) {
-  const n = c("q-icon");
-  return m(), p("div", f, [
-    t(n, r({
-      icon: "minus-circle",
-      type: "outline",
-      size: "sm",
-      color: "inkwell-30",
-      class: "cursor-pointer mr-1"
-    }, {
-      [s(!e.disabled && "click")]: o[0] || (o[0] = (l) => e.updateCount(-1))
-    }), null, 16),
-    u("span", k, a(e.modelValue), 1),
-    t(n, r({
-      icon: "circle-plus",
-      type: "outline",
-      size: "sm",
-      color: "inkwell-30",
-      class: "cursor-pointer ml-1"
-    }, {
-      [s(!e.disabled && "click")]: o[1] || (o[1] = (l) => e.updateCount(1))
-    }), null, 16)
+import g from "./index81.js";
+import { resolveComponent as l, createElementBlock as n, openBlock as s, renderSlot as h, Fragment as b, renderList as k, createBlock as y, mergeProps as C, createElementVNode as i, toDisplayString as m, createVNode as a, withCtx as r } from "vue";
+/* empty css        */
+import V from "./index61.js";
+const q = { class: "comment-section" }, _ = {
+  key: 0,
+  class: "comments"
+}, $ = {
+  key: 1,
+  class: "no-comments text-center mb-6 mt-4"
+}, E = { class: "text-md mb-2 leading-6 font-bold text-inkwell-30" }, S = { class: "text-sm text-inkwell-0" };
+function T(e, t, N, v, A, O) {
+  const d = l("q-comment"), p = l("q-icon"), c = l("q-button"), u = l("q-wysiwyg");
+  return s(), n("div", q, [
+    e.comments && e.comments.length ? (s(), n("div", _, [
+      (s(!0), n(b, null, k(e.comments, (o, f) => (s(), y(d, C({ ref_for: !0 }, o, {
+        key: f,
+        "on-update-comment": (w) => e.onUpdateComment(o, w)
+      }), null, 16, ["on-update-comment"]))), 128))
+    ])) : (s(), n("div", $, [
+      i("h4", E, m(e.$t("HC_NO_COMMENTS_YET")), 1),
+      i("p", S, m(e.$t("HC_START_THE_CONVERSATION")), 1)
+    ])),
+    h(e.$slots, "default", {}, () => [
+      a(u, {
+        ref: "wysiwygRef",
+        modelValue: e.textareaValue,
+        "onUpdate:modelValue": [
+          t[0] || (t[0] = (o) => e.textareaValue = o),
+          t[2] || (t[2] = (o) => e.textareaValue = o)
+        ],
+        attachments: e.files,
+        disabled: e.disabled,
+        "is-stacked": !0,
+        "allow-attachments": e.allowAttachments,
+        "allow-emojis": e.allowEmojis,
+        "allow-formatting": e.allowFormatting,
+        "files-allowed": e.filesAllowed,
+        placeholder: e.placeholderText,
+        processing: e.processing,
+        "onUpdate:attachments": t[1] || (t[1] = (o) => e.files = o)
+      }, {
+        action: r(() => [
+          a(c, {
+            loading: e.processing,
+            disabled: e.processing || !e.files.length && !e.textareaValue || e.disabled,
+            "is-fab": "",
+            size: "sm",
+            status: "primary-blue",
+            class: "post-button",
+            onClick: e.onClickPost
+          }, {
+            default: r(() => [
+              a(p, {
+                icon: "arrow-up",
+                type: "line",
+                size: "md",
+                color: "white",
+                "custom-class": "!stroke-white",
+                class: "p-[0.1875rem]"
+              })
+            ]),
+            _: 1
+          }, 8, ["loading", "disabled", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "attachments", "disabled", "allow-attachments", "allow-emojis", "allow-formatting", "files-allowed", "placeholder", "processing"])
+    ], !0)
   ]);
 }
-const b = /* @__PURE__ */ d(i, [["render", _]]);
+const U = /* @__PURE__ */ V(g, [["render", T], ["__scopeId", "data-v-70f939a4"]]);
 export {
-  b as default
+  U as default
 };

package/dist/{index129.js → index132.js}

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

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

@@ -1,17 +1,17 @@
 import { defineComponent as Fe, ref as s, computed as p, watch as ae, onMounted as je, onUnmounted as $e } from "vue";
 import { useI18n as ze } from "vue-i18n";
-import { DateTime as h } from "./index156.js";
-import "./index179.js";
+import { DateTime as h } from "./index159.js";
+import "./index182.js";
 import We from "./index2.js";
 import Xe from "./index3.js";
-import Je from "./index12.js";
-import Ke from "./index20.js";
-import Ve from "./index26.js";
-import Ze from "./index37.js";
-import et from "./index180.js";
-import tt from "./index44.js";
-import at from "./index47.js";
-import U from "./index181.js";
+import Je from "./index13.js";
+import Ke from "./index21.js";
+import Ve from "./index27.js";
+import Ze from "./index38.js";
+import et from "./index183.js";
+import tt from "./index45.js";
+import at from "./index48.js";
+import U from "./index184.js";
 const ht = Fe({
   name: "QRoomDetailsPopover",
   components: {

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

@@ -1,5 +1,5 @@
 import { defineComponent as L, ref as n, computed as a, watch as g, nextTick as i } from "vue";
-import { Multiselect as x } from "./index182.js";
+import { Multiselect as x } from "./index185.js";
 import { useI18n as P } from "vue-i18n";
 /* empty css         */
 import H from "./index6.js";
@@ -21,8 +21,8 @@ const q = L({
     },
     // v-model
     modelValue: {
-      type: [String, Number, Array, Object],
-      default: ""
+      type: [String, Number, Array, Object, null, void 0],
+      default: void 0
     },
     // trackby is for selected value
     // Used to compare objects. Only use if options are objects.
@@ -198,7 +198,7 @@ const q = L({
   },
   emits: ["update:model-value"],
   setup(l, { slots: v, emit: o }) {
-    const { t: s } = P(), r = n(null), f = n(null), t = n(l.modelValue), p = n(""), c = n(!1), d = n([]), y = a(() => Array.isArray(l.options) ? l.options.length : 0), h = a(() => !!v.action), m = a(() => l.noResultMessage || s("HC_PRESS_ENTER_TO_CREATE_A_TAG")), S = a(() => l.tagPlaceholder || s("HC_PRESS_ENTER_TO_CREATE_A_TAG")), b = a(() => l.noOptionsMessage || s("HC_LIST_IS_EMPTY")), B = a(() => y.value === t.value.length ? s("HC_ALL") : t.value.length > 1 ? s("HC_MULTIPLE_SELECTED") : t.value[0].label || t.value[0].name || ""), _ = a(() => l.taggable || l.showTags), T = a(() => !!(l.groupValues && l.groupLabel && l.groupSelectable)), E = (e) => {
+    const { t: s } = P(), r = n(null), f = n(null), t = n(l.modelValue), p = n(""), d = n(!1), c = n([]), y = a(() => Array.isArray(l.options) ? l.options.length : 0), h = a(() => !!v.action), m = a(() => l.noResultMessage || s("HC_PRESS_ENTER_TO_CREATE_A_TAG")), S = a(() => l.tagPlaceholder || s("HC_PRESS_ENTER_TO_CREATE_A_TAG")), b = a(() => l.noOptionsMessage || s("HC_LIST_IS_EMPTY")), B = a(() => y.value === t.value.length ? s("HC_ALL") : t.value.length > 1 ? s("HC_MULTIPLE_SELECTED") : t.value[0].label || t.value[0].name || ""), _ = a(() => l.taggable || l.showTags), T = a(() => !!(l.groupValues && l.groupLabel && l.groupSelectable)), E = (e) => {
       o("update:model-value", e);
     }, A = (e) => {
       p.value = e;
@@ -213,7 +213,7 @@ const q = L({
         await i(), r.value.search = e;
         return;
       }
-      d.value.push(u), t.value.push(u);
+      c.value.push(u), t.value.push(u);
     }, C = () => {
       t.value = [], o("update:model-value", t.value);
     }, w = (e) => {
@@ -225,7 +225,7 @@ const q = L({
         t.value = [], o("update:model-value", t.value);
       });
     }, R = async () => {
-      if (c.value || (c.value = !0, d.value = l.options), f.value && l.searchable) {
+      if (d.value || (d.value = !0, c.value = l.options), f.value && l.searchable) {
         await i();
         const e = f.value.querySelector(
           ".multiselect__content-wrapper"
@@ -245,13 +245,13 @@ const q = L({
     return g(() => l.modelValue, (e) => {
       t.value = e;
     }), g(() => l.options, (e) => {
-      c.value && (d.value = e);
+      d.value && (c.value = e);
     }), {
       currentSelect: r,
       search: p,
       selected: t,
-      isOpened: c,
-      internalOptions: d,
+      isOpened: d,
+      internalOptions: c,
       // computed
       hasAction: h,
       noResultsText: m,

package/dist/index14.js

@@ -1,190 +1,32 @@
-import y from "./index81.js";
-import { resolveComponent as d, createElementBlock as f, openBlock as t, createElementVNode as l, renderSlot as s, createCommentVNode as i, createVNode as a, toDisplayString as u, normalizeProps as m, guardReactiveProps as h, createBlock as c, withCtx as o, createTextVNode as b, normalizeClass as g, Transition as w } from "vue";
-/* empty css        */
-import q from "./index60.js";
-const B = ["id"], F = { class: "search grow" }, V = {
-  class: "search-label flex items-center",
-  for: "search"
-}, z = { class: "results-count mx-1 shrink-0 text-xs text-gray-40 capitalize" }, P = {
-  key: 1,
-  class: "filters shrink-0 h-6"
-}, H = { class: "flex relative" }, E = { class: "!text-blue-20 text-tiny font-bold" }, R = { key: 1 }, A = { class: "flex relative" }, T = { class: "!text-blue-20 text-tiny font-bold" }, U = { class: "flex relative" }, _ = { class: "!text-blue-20 text-tiny font-bold" }, L = {
-  key: 2,
-  class: "actions shrink-0 flex items-center h-6"
-};
-function N(e, r, D, I, Q, X) {
-  const p = d("q-icon"), k = d("q-input"), C = d("q-badge"), v = d("q-tooltip"), $ = d("q-popover"), S = d("q-bottom-sheet");
-  return t(), f("div", {
-    id: e.id,
-    class: "data-filter flex items-center p-4 bg-white"
-  }, [
-    l("div", F, [
-      e.hasSearch ? s(e.$slots, "search", { key: 0 }, () => [
-        l("label", V, [
-          a(p, {
-            class: "mr-2 shrink-0",
-            color: "gray-40",
-            icon: "search",
-            size: "md",
-            type: ""
-          }),
-          a(k, {
-            id: "search",
-            "model-value": e.search,
-            "hide-clear": e.mq.md,
-            placeholder: e.searchPlaceholder || e.$t("HC_SEARCH"),
-            class: "text-base grow",
-            "control-class": "!border-0 !px-0",
-            size: "xxs",
-            "onUpdate:modelValue": e.debouncedSearch
-          }, null, 8, ["model-value", "hide-clear", "placeholder", "onUpdate:modelValue"])
-        ])
-      ], !0) : i("", !0)
-    ]),
-    e.showResultsCount ? s(e.$slots, "resultsCount", { key: 0 }, () => [
-      l("div", z, u(e.filteredCount === 1 ? "1 " + e.$t("HC_RESULT") : e.$t("HC_X_RESULTS", { count: e.filteredCount })), 1)
-    ], !0) : i("", !0),
-    s(e.$slots, "beforeFilters", {}, void 0, !0),
-    e.filters?.length ? (t(), f("div", P, [
-      s(e.$slots, "filters", m(h({ filtersCount: e.filtersCount })), () => [
-        e.$slots.filterContent && e.mq.md ? (t(), c($, {
-          key: 0,
-          modelValue: e.showFilterPopover,
-          "onUpdate:modelValue": r[0] || (r[0] = (n) => e.showFilterPopover = n),
-          reposition: e.repositionPopover,
-          position: "bottom",
-          align: "right",
-          trigger: "click",
-          size: "lg"
-        }, {
-          trigger: o(({ onClick: n }) => [
-            a(v, { class: "z-[45] ml-2" }, {
-              trigger: o(() => [
-                l("div", H, [
-                  a(p, {
-                    class: "filters-icon ml-0 cursor-pointer",
-                    color: e.showFilterPopover ? "blue-20" : "gray-40",
-                    icon: "filter",
-                    size: "md",
-                    onClick: (j) => e.onFilterClick(n)
-                  }, null, 8, ["color", "onClick"]),
-                  e.filtersCount ? (t(), c(C, {
-                    key: 0,
-                    class: g([
-                      "filters-count absolute !h-4 !w-4",
-                      "-top-[0.3125rem] -right-[0.375rem]"
-                    ]),
-                    color: "white"
-                  }, {
-                    text: o(() => [
-                      l("span", E, u(e.filtersCount), 1)
-                    ]),
-                    _: 1
-                  })) : i("", !0)
-                ])
-              ]),
-              content: o(() => [
-                b(u(e.$t("HC_FILTERS")), 1)
-              ]),
-              _: 2
-            }, 1024)
-          ]),
-          content: o(() => [
-            s(e.$slots, "filterContent", m(h({ closePopover: e.closePopover })), void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["modelValue", "reposition"])) : e.$slots.filterSheetContent && !e.mq.md ? (t(), f("div", R, [
-          l("div", A, [
-            a(p, {
-              class: "filters-icon ml-0 cursor-pointer",
-              color: e.showFilterBottomSheet ? "blue-20" : "gray-40",
-              icon: "filter",
-              size: "md",
-              onClick: r[1] || (r[1] = (n) => e.showFilterBottomSheet = !0)
-            }, null, 8, ["color"]),
-            e.filtersCount ? (t(), c(C, {
-              key: 0,
-              class: g([
-                "filters-count absolute !h-4 !w-4",
-                "-top-[0.3125rem] -right-[0.375rem]"
-              ]),
-              color: "white"
-            }, {
-              text: o(() => [
-                l("span", T, u(e.filtersCount), 1)
-              ]),
-              _: 1
-            })) : i("", !0)
-          ]),
-          a(w, {
-            name: "slide-up-fade",
-            appear: ""
-          }, {
-            default: o(() => [
-              e.showFilterBottomSheet ? (t(), c(S, {
-                key: 0,
-                modelValue: e.showFilterBottomSheet,
-                "onUpdate:modelValue": r[2] || (r[2] = (n) => e.showFilterBottomSheet = n),
-                "background-color": "gray-00"
-              }, {
-                backAction: o(() => [
-                  s(e.$slots, "filterSheetBackAction", m(h({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
-                ]),
-                header: o(() => [
-                  s(e.$slots, "filterSheetHeader", {}, void 0, !0)
-                ]),
-                headerAction: o(() => [
-                  s(e.$slots, "filterSheetHeaderAction", m(h({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
-                ]),
-                default: o(() => [
-                  s(e.$slots, "filterSheetContent", m(h({ closeBottomSheet: e.closeBottomSheet })), void 0, !0)
-                ]),
-                _: 3
-              }, 8, ["modelValue"])) : i("", !0)
-            ]),
-            _: 3
-          })
-        ])) : (t(), c(v, {
-          key: 2,
-          class: "z-[45] ml-2"
-        }, {
-          trigger: o(() => [
-            l("div", U, [
-              a(p, {
-                class: "filters-icon ml-0 cursor-pointer",
-                color: e.filtersActive ? "blue-20" : "gray-40",
-                icon: "filter",
-                size: "md",
-                onClick: r[3] || (r[3] = (n) => e.$emit("click:filters"))
-              }, null, 8, ["color"]),
-              e.filtersCount ? (t(), c(C, {
-                key: 0,
-                class: g([
-                  "filters-count absolute !h-4 !w-4",
-                  "-top-[0.3125rem] -right-[0.375rem]"
-                ]),
-                color: "white"
-              }, {
-                text: o(() => [
-                  l("span", _, u(e.filtersCount), 1)
-                ]),
-                _: 1
-              })) : i("", !0)
-            ])
-          ]),
-          content: o(() => [
-            b(u(e.$t("HC_FILTERS")), 1)
-          ]),
-          _: 1
-        }))
-      ], !0)
-    ])) : i("", !0),
-    e.$slots.actions ? (t(), f("div", L, [
-      s(e.$slots, "actions", {}, void 0, !0)
-    ])) : i("", !0)
-  ], 8, B);
+import i from "./index83.js";
+import { resolveComponent as c, createElementBlock as p, openBlock as m, createVNode as t, createElementVNode as u, mergeProps as r, toHandlerKey as s, toDisplayString as a } from "vue";
+import d from "./index61.js";
+const f = { class: "counter flex items-center" }, k = { class: "grow text-center" };
+function _(e, o, $, v, y, g) {
+  const n = c("q-icon");
+  return m(), p("div", f, [
+    t(n, r({
+      icon: "minus-circle",
+      type: "outline",
+      size: "sm",
+      color: "inkwell-30",
+      class: "cursor-pointer mr-1"
+    }, {
+      [s(!e.disabled && "click")]: o[0] || (o[0] = (l) => e.updateCount(-1))
+    }), null, 16),
+    u("span", k, a(e.modelValue), 1),
+    t(n, r({
+      icon: "circle-plus",
+      type: "outline",
+      size: "sm",
+      color: "inkwell-30",
+      class: "cursor-pointer ml-1"
+    }, {
+      [s(!e.disabled && "click")]: o[1] || (o[1] = (l) => e.updateCount(1))
+    }), null, 16)
+  ]);
 }
-const O = /* @__PURE__ */ q(y, [["render", N], ["__scopeId", "data-v-a0babcc4"]]);
+const b = /* @__PURE__ */ d(i, [["render", _]]);
 export {
-  O as default
+  b as default
 };

package/dist/{index137.js → index140.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 "./index184.js";
-import re from "./index185.js";
-import ae from "./index186.js";
-import ne from "./index187.js";
+import se from "./index187.js";
+import re from "./index188.js";
+import ae from "./index189.js";
+import ne from "./index190.js";
 import ce from "./index6.js";
-import ie from "./index47.js";
-import N from "./index26.js";
-import ue from "./index167.js";
-import de from "./index52.js";
-import fe from "./index53.js";
-import { filterData as ve } from "./index51.js";
-import { useDebounceFn as he } from "./index166.js";
+import ie from "./index48.js";
+import N from "./index27.js";
+import ue from "./index170.js";
+import de from "./index53.js";
+import fe from "./index54.js";
+import { filterData as ve } from "./index52.js";
+import { useDebounceFn as he } from "./index169.js";
 const ke = te({
   name: "QTable",
   components: {

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

@@ -1,5 +1,5 @@
 import { defineComponent as p, ref as d, computed as v, onMounted as g, onUnmounted as h, watch as y, nextTick as m } from "vue";
-import { useThrottleFn as w } from "./index166.js";
+import { useThrottleFn as w } from "./index169.js";
 const T = p({
   name: "QTooltip",
   props: {