@quoreadmin/ui 1.7.8 → 1.7.9

package/dist/index102.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, ref as n, computed as v } from "vue";
-import { useDropZone as b } from "./index162.js";
+import { useDropZone as b } from "./index163.js";
 import z from "./index54.js";
-import M from "./index182.js";
+import M from "./index183.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 "./index183.js";
+import s from "./index184.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 "./index162.js";
+import { useSwipe as K } from "./index163.js";
 import { useI18n as X } from "vue-i18n";
-import J from "./index184.js";
+import J from "./index185.js";
 import Y from "./index6.js";
 import ee from "./index7.js";
 import te from "./index33.js";

package/dist/index115.js

@@ -1,6 +1,6 @@
-import { defineComponent as b, useSlots as w, ref as o, computed as u } from "vue";
-import P from "./index54.js";
-const f = "eye", v = "eye-slash", q = b({
+import { defineComponent as I, useSlots as V, ref as o, computed as a } from "vue";
+import L from "./index54.js";
+const v = "eye", y = "eye-slash", z = I({
   name: "QInput",
   inheritAttrs: !1,
   props: {
@@ -73,68 +73,77 @@ const f = "eye", v = "eye-slash", q = b({
     required: {
       type: Boolean,
       default: !1
+    },
+    // Enables floating label behavior - label floats to top when focused or has value
+    floatingLabel: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:model-value", "update-type"],
-  setup(e, { emit: i }) {
-    const y = w(), d = o(null), l = o(!1), n = o(e.type === "password" ? f : ""), a = o(!e.expands), s = u(() => !!e.disabled), m = u(() => {
-      const t = n.value;
-      return !!e.modelValue && !s.value && (c.value && e.iconPosition === "left" || !t);
-    }), S = u(() => [
+  setup(e, { emit: d }) {
+    const m = V(), i = o(null), l = o(!1), s = o(e.type === "password" ? v : ""), u = o(!e.expands), n = a(() => !!e.disabled), g = a(() => {
+      const t = s.value;
+      return !!e.modelValue && !n.value && (c.value && e.iconPosition === "left" || !t);
+    }), b = a(() => [
       "control flex items-center",
       { focused: !!l.value },
-      { disabled: s.value },
-      { [e.status]: e.status && !s.value },
+      { disabled: n.value },
+      { [e.status]: e.status && !n.value },
       {
         [`has-icon-${e.iconPosition}`]: !!e.iconPosition
       },
       e.controlClass,
       { ["size-" + e.size]: e.size },
-      { collapsed: !a.value }
-    ]), g = u(() => [
+      { collapsed: !u.value },
+      { "has-floating-label": e.floatingLabel },
+      { "label-floated": f.value }
+    ]), S = a(() => [
       "input",
-      { [e.status]: e.status && !s.value },
+      { [e.status]: e.status && !n.value },
       { [e.inputClass]: !!e.inputClass },
       { populated: !!e.modelValue }
-    ]), c = u(() => !!y?.default), h = u(() => e.required && !e.modelValue && !l.value), x = () => {
-      const t = e.type === "password", p = e.type === "text" && n.value === v;
-      (t || p) && r(), e.expands && d.value && !a.value && (a.value = !a.value, l.value = a.value, d.value.querySelector("input")?.focus());
-    }, C = () => {
-      l.value = !l.value, !e.modelValue && e.expands && (a.value = !1);
+    ]), c = a(() => !!m?.default), h = a(() => e.required && !e.floatingLabel && !e.modelValue && !l.value), x = a(() => e.floatingLabel), f = a(() => e.floatingLabel && (l.value || !!e.modelValue)), C = () => {
+      const t = e.type === "password", P = e.type === "text" && s.value === y;
+      (t || P) && r(), e.expands && i.value && !u.value && (u.value = !u.value, l.value = u.value, i.value.querySelector("input")?.focus());
+    }, w = () => {
+      l.value = !l.value, !e.modelValue && e.expands && (u.value = !1);
     }, r = () => {
       const t = e.type === "text" ? "password" : "text";
-      n.value = t === "text" ? v : f, i("update-type", t);
+      s.value = t === "text" ? y : v, d("update-type", t);
     };
     return {
       // refs
-      currentInput: d,
+      currentInput: i,
       focused: l,
-      icon: n,
-      isExpanded: a,
+      icon: s,
+      isExpanded: u,
       // computed
-      rootClasses: S,
-      inputClasses: g,
-      isDisabled: s,
-      showClearIcon: m,
+      rootClasses: b,
+      inputClasses: S,
+      isDisabled: n,
+      showClearIcon: g,
       isSlotAvailable: c,
       showCustomPlaceholder: h,
+      showFloatingLabel: x,
+      isLabelFloated: f,
       // Methods
-      onClickIcon: x,
-      onFocusOut: C,
+      onClickIcon: C,
+      onFocusOut: w,
       togglePasswordVisibility: r,
       updateValue: (t) => {
-        i(
+        d(
           "update:model-value",
           t.target.value
         );
       },
       // composables
-      mq: P
+      mq: L
     };
   }
 });
 export {
-  v as HIDE_PASSWORD_ICON,
-  f as SHOW_PASSWORD_ICON,
-  q as default
+  y as HIDE_PASSWORD_ICON,
+  v as SHOW_PASSWORD_ICON,
+  z as default
 };

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 "./index53.js";
 import F from "./index6.js";
-import { useDrag as H } from "./index170.js";
-import { useMotionProperties as N, useMotionTransitions as U } from "./index171.js";
-import { useWindowScroll as q, useScroll as W } from "./index162.js";
+import { useDrag as H } from "./index171.js";
+import { useMotionProperties as N, useMotionTransitions as U } from "./index172.js";
+import { useWindowScroll as q, useScroll as W } from "./index163.js";
 import T from "./index54.js";
 const X = E({
   name: "QList",

package/dist/index129.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 "./index185.js";
+import { getDocument as C, version as k, GlobalWorkerOptions as E } from "./index186.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/index131.js

@@ -1,6 +1,6 @@
 import { defineComponent as L, ref as p, computed as C, onMounted as q, onUnmounted as z, watch as T, nextTick as k } from "vue";
-import { onClickOutside as H } from "./index162.js";
-import { useThrottleFn as $ } from "./index173.js";
+import { onClickOutside as H } from "./index163.js";
+import { useThrottleFn as $ } from "./index174.js";
 const X = L({
   name: "QPopover",
   props: {

package/dist/index140.js

@@ -1,7 +1,7 @@
 import { defineComponent as mt, ref as i, computed as y, watch as B, onMounted as vt, onUnmounted as pt } from "vue";
 import { useI18n as ft } from "vue-i18n";
-import { DateTime as w } from "./index163.js";
-import "./index186.js";
+import { DateTime as w } from "./index164.js";
+import "./index187.js";
 import ht from "./index2.js";
 import gt from "./index3.js";
 import yt from "./index4.js";
@@ -12,7 +12,7 @@ import Dt from "./index20.js";
 import Tt from "./index46.js";
 import Ot from "./index47.js";
 import kt from "./index49.js";
-import K from "./index187.js";
+import K from "./index188.js";
 const Gt = mt({
   name: "QRoomDetailsPopover",
   components: {

package/dist/index142.js

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

package/dist/index144.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 "./index190.js";
-import re from "./index191.js";
-import ae from "./index192.js";
-import ne from "./index193.js";
+import se from "./index191.js";
+import re from "./index192.js";
+import ae from "./index193.js";
+import ne from "./index194.js";
 import ce from "./index6.js";
 import ie from "./index49.js";
 import N from "./index28.js";
-import ue from "./index174.js";
+import ue from "./index175.js";
 import de from "./index54.js";
 import fe from "./index55.js";
 import { filterData as ve } from "./index53.js";
-import { useDebounceFn as he } from "./index173.js";
+import { useDebounceFn as he } from "./index174.js";
 const ke = te({
   name: "QTable",
   components: {

package/dist/index148.js

@@ -1,5 +1,5 @@
-import { defineComponent as x, ref as r, computed as s, onMounted as y } from "vue";
-const n = "update:model-value", p = x({
+import { defineComponent as y, ref as r, computed as t, onMounted as x } from "vue";
+const d = "update:model-value", C = y({
   name: "QTextarea",
   inheritAttrs: !1,
   props: {
@@ -40,50 +40,64 @@ const n = "update:model-value", p = x({
     isDisabled: {
       type: Boolean,
       default: !1
+    },
+    // Shows "*Required" indicator next to placeholder with different styling
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    // Enables floating label behavior - label floats to top when focused or has value
+    floatingLabel: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: [n],
-  setup(e, { attrs: o, emit: d, slots: i }) {
-    const l = r(!1), t = r(), c = s(() => !!i.actions), a = s(() => !!o.disabled || !!e.isDisabled), f = s(() => [
+  emits: [d],
+  setup(e, { attrs: i, emit: f, slots: c }) {
+    const a = r(!1), l = r(), v = t(() => !!c.actions), s = t(() => !!i.disabled || !!e.isDisabled), u = t(() => e.floatingLabel || e.persistentPlaceholder), o = t(() => u.value && (a.value || !!e.modelValue)), b = t(() => [
       {
-        [`has-${e.status}`]: e.status && !a.value
+        [`has-${e.status}`]: e.status && !s.value
       },
-      { "is-focused": l.value },
-      { "is-disabled": a.value }
-    ]), h = s(() => [
+      { "is-focused": a.value },
+      { "is-disabled": s.value },
+      { "has-floating-label": e.floatingLabel },
+      { "label-floated": o.value }
+    ]), g = t(() => [
       "textarea",
       e.textareaClass,
-      { [e.status]: e.status && !a.value },
+      { [e.status]: e.status && !s.value },
       {
-        populated: !!e.modelValue && e.persistentPlaceholder
+        populated: !!e.modelValue && u.value
       },
-      { "is-focused": l.value && e.persistentPlaceholder }
-    ]), u = () => {
-      t.value.style.height = "auto", t.value.style.height = t.value.scrollHeight + "px";
-    }, m = (v) => {
-      d(
-        n,
-        v.target.value
+      { "is-focused": a.value && u.value }
+    ]), n = () => {
+      l.value.style.height = "auto", l.value.style.height = l.value.scrollHeight + "px";
+    }, h = (m) => {
+      f(
+        d,
+        m.target.value
       );
     };
-    return y(() => {
-      u();
+    return x(() => {
+      n();
     }), {
       // Refs
-      focused: l,
+      focused: a,
       // Computed
-      disabled: a,
-      rootClasses: f,
-      textarea: t,
-      textareaClasses: h,
-      hasActions: c,
+      disabled: s,
+      rootClasses: b,
+      textarea: l,
+      textareaClasses: g,
+      hasActions: v,
+      hasFloatingLabel: u,
+      isLabelFloated: o,
       // Methods
-      resizeTextarea: u,
-      updateValue: m
+      resizeTextarea: n,
+      updateValue: h
     };
   }
 });
 export {
-  n as UPDATE_TEXTAREA_EVENT,
-  p as default
+  d as UPDATE_TEXTAREA_EVENT,
+  C as default
 };

package/dist/index152.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 "./index173.js";
+import { useThrottleFn as w } from "./index174.js";
 const T = p({
   name: "QTooltip",
   props: {

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

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