@quoreadmin/ui 1.4.2 → 1.4.3

package/dist/index14.js

@@ -0,0 +1,190 @@
+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);
+}
+const O = /* @__PURE__ */ q(y, [["render", N], ["__scopeId", "data-v-a0babcc4"]]);
+export {
+  O as default
+};

package/dist/index141.js

@@ -0,0 +1,89 @@
+import { defineComponent as x, ref as r, computed as s, onMounted as y } from "vue";
+const n = "update:model-value", p = x({
+  name: "QTextarea",
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    // Used for additional classes that might be needed on the control wrapper
+    controlClass: {
+      type: String,
+      default: ""
+    },
+    // Placeholder is persistent and moved to the top of the textfield.
+    persistentPlaceholder: {
+      type: Boolean,
+      default: !1
+    },
+    // Placeholder text
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /** Number of rows in the textarea default is 2 */
+    rows: {
+      type: Number,
+      default: 2
+    },
+    // error or success to change the textarea styles
+    status: {
+      type: String,
+      default: ""
+    },
+    // Used for additional classes that might be needed
+    textareaClass: {
+      type: String,
+      default: ""
+    },
+    isDisabled: {
+      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(() => [
+      {
+        [`has-${e.status}`]: e.status && !a.value
+      },
+      { "is-focused": l.value },
+      { "is-disabled": a.value }
+    ]), h = s(() => [
+      "textarea",
+      e.textareaClass,
+      { [e.status]: e.status && !a.value },
+      {
+        populated: !!e.modelValue && e.persistentPlaceholder
+      },
+      { "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
+      );
+    };
+    return y(() => {
+      u();
+    }), {
+      // Refs
+      focused: l,
+      // Computed
+      disabled: a,
+      rootClasses: f,
+      textarea: t,
+      textareaClasses: h,
+      hasActions: c,
+      // Methods
+      resizeTextarea: u,
+      updateValue: m
+    };
+  }
+});
+export {
+  n as UPDATE_TEXTAREA_EVENT,
+  p as default
+};

package/dist/index143.js

@@ -0,0 +1,93 @@
+import { defineComponent as T, ref as v, computed as a, onBeforeUnmount as y, watchEffect as g } from "vue";
+const u = "update:modelValue", i = "undo-action", s = "timeout-done", E = T({
+  name: "QToast",
+  props: {
+    /** is toast visible */
+    modelValue: {
+      type: Boolean,
+      default: !1,
+      required: !0
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    message: {
+      type: String,
+      default: ""
+    },
+    variant: {
+      type: String,
+      default: ""
+    },
+    duration: {
+      type: Number,
+      default: null,
+      required: !1
+    },
+    position: {
+      type: [String, Array],
+      default: null,
+      required: !1
+    },
+    withTransition: {
+      type: Boolean,
+      default: !1
+    },
+    // 'component-slide-right' or 'component-slide-top' for mobile
+    transitionClass: {
+      type: String,
+      default: "component-slide-right"
+    },
+    closeButton: {
+      type: Boolean,
+      default: !1
+    },
+    undoButton: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [u, i, s],
+  setup(t, { emit: n }) {
+    const e = v(null), o = a({
+      get: () => t.modelValue,
+      set: (m) => {
+        n(u, m);
+      }
+    }), d = a(
+      () => t.variant ? "is-" + t.variant : ""
+    ), r = a(
+      () => t.position ? "toast-fixed " + t.position : ""
+    ), f = a(
+      () => t.withTransition && t.transitionClass
+    ), c = () => {
+      n(i);
+    }, l = () => {
+      e.value = setTimeout(() => {
+        o.value = !1, n(s);
+      }, t.duration);
+    };
+    return y(() => {
+      e.value && (clearTimeout(e.value), e.value = null);
+    }), g(() => {
+      o.value && t.duration ? l() : e.value && (clearTimeout(e.value), e.value = null);
+    }), {
+      // Computed
+      show: o,
+      // v-model boolean value
+      statusClass: d,
+      positionClass: r,
+      computedTransition: f,
+      // Methods
+      startTimeout: l,
+      undoAction: c
+    };
+  }
+});
+export {
+  s as TIMEOUT_DONE,
+  i as UNDO_ACTION_EVENT,
+  u as UPDATE_MODEL_VALUE,
+  E as default
+};

package/dist/index145.js

@@ -0,0 +1,116 @@
+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";
+const T = p({
+  name: "QTooltip",
+  props: {
+    // Pass in an ID unique to the tooltip used for aria-describedby.
+    id: {
+      type: String,
+      default: "tooltip"
+    },
+    /** Set tooltip color - currently only inkwell-30 */
+    color: {
+      type: String,
+      default: "inkwell-30"
+    },
+    /** Controls if the tooltip is in controlled mode */
+    controlled: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Sets the width of the element as well as the alignment and wrapping of the tooltip text*/
+    noWrap: {
+      type: Boolean,
+      default: !0
+    },
+    /** Ability to customize the tooltip position (top, bottom, left, right) */
+    position: {
+      type: String,
+      default: "bottom"
+    },
+    /** Set if the tooltip is relatively positioned or not */
+    relative: {
+      type: Boolean,
+      default: !1
+    },
+    /** Set if the tooltip is teleported to the the teleportTo element */
+    teleport: {
+      type: Boolean,
+      default: !1
+    },
+    teleportTo: {
+      type: String,
+      default: "body"
+    },
+    /** Ability to set custom tooltip classes */
+    tooltipClasses: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /** Controls visibility in controlled mode */
+    visible: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const o = d(!1), l = d({
+      top: "0",
+      left: "0"
+    }), r = d(null), c = v(() => e.controlled ? e.visible : e.teleport ? o.value : !1), u = () => {
+      if (!r.value) return;
+      const t = r.value.getBoundingClientRect(), a = 12;
+      e.position === "top" ? (l.value.top = `${t.top - a}px`, l.value.left = `${t.left + t.width / 2}px`) : e.position === "bottom" ? (l.value.top = `${t.bottom + a}px`, l.value.left = `${t.left + t.width / 2}px`) : e.position === "left" ? (l.value.left = `${t.left - a}px`, l.value.top = `${t.top + t.height / 2}px`) : e.position === "right" && (l.value.left = `${t.right + a}px`, l.value.top = `${t.top + t.height / 2}px`);
+    }, f = () => {
+      o.value = !0, m(() => {
+        u();
+      });
+    }, i = () => {
+      o.value = !1, l.value.top = "0", l.value.left = "0";
+    }, n = w(
+      () => {
+        e.controlled && o.value === !0 && u(), !e.controlled && o.value === !0 && i();
+      },
+      100,
+      !0
+    );
+    return g(() => {
+      e.teleport && e.controlled && (e.visible ? f() : i()), e.teleport && (window.addEventListener(
+        "resize",
+        n
+      ), window.addEventListener(
+        "scroll",
+        n
+      ));
+    }), h(() => {
+      e.teleport && (window.removeEventListener(
+        "resize",
+        n
+      ), window.removeEventListener(
+        "scroll",
+        n
+      ));
+    }), y(
+      () => e.visible,
+      (s) => {
+        e.teleport && e.controlled && (s ? f() : i());
+      }
+    ), {
+      // Refs
+      tooltipStyle: l,
+      tooltipTarget: r,
+      // Computed
+      isVisible: c,
+      // Methods
+      hideTooltip: i,
+      showTooltip: f
+    };
+  }
+});
+export {
+  T as default
+};