@quoreadmin/ui 1.4.2 → 1.4.3

package/dist/index10.js

@@ -0,0 +1,55 @@
+import t from "./index74.js";
+import { resolveComponent as d, createElementBlock as i, openBlock as o, createElementVNode as s, normalizeClass as l, createCommentVNode as a, createBlock as h, toDisplayString as m } from "vue";
+/* empty css        */
+import p from "./index60.js";
+const k = { class: "control" }, b = ["id", "value", "checked", "disabled", "name"], f = {
+  key: 0,
+  class: "checkbox-label"
+};
+function u(e, n, g, C, y, v) {
+  const c = d("q-icon");
+  return o(), i("div", k, [
+    s("label", {
+      class: l([
+        "checkbox",
+        "flex",
+        e.toggle ? "items-center" : "items-start",
+        { disabled: e.disabled },
+        { toggle: e.toggle }
+      ])
+    }, [
+      s("input", {
+        id: e.id,
+        value: e.value,
+        checked: e.isChecked,
+        disabled: e.disabled,
+        name: e.name,
+        class: l([e.size, "checkbox-input flex-shrink-0"]),
+        ref: "checkboxElement",
+        type: "checkbox",
+        onChange: n[0] || (n[0] = (...r) => e.handleChange && e.handleChange(...r))
+      }, null, 42, b),
+      s("span", {
+        class: l([
+          "checkbox-display flex flex-shrink-0",
+          "items-center justify-center",
+          e.size,
+          { [`bg-${e.color}`]: e.color && e.isChecked }
+        ])
+      }, [
+        e.isChecked ? (o(), h(c, {
+          key: 0,
+          icon: e.icon,
+          size: "sm",
+          color: "white",
+          type: ""
+        }, null, 8, ["icon"])) : a("", !0)
+      ], 2),
+      e.label ? (o(), i("span", f, m(e.label), 1)) : a("", !0)
+    ], 2)
+  ]);
+}
+const q = /* @__PURE__ */ p(t, [["render", u], ["__scopeId", "data-v-fc6ee34f"]]);
+export {
+  q as default
+};

package/dist/index101.js

@@ -0,0 +1,213 @@
+import { defineComponent as w, ref as B, computed as r } from "vue";
+import { filterData as O } from "./index51.js";
+import { useI18n as D } from "vue-i18n";
+import F from "./index6.js";
+import y from "./index52.js";
+const M = w({
+  name: "QGrid",
+  components: {
+    QBadge: F
+  },
+  props: {
+    /** Pass in an ID unique to the table. */
+    id: {
+      type: String,
+      default: ""
+    },
+    /** Custom CSS classes for active cells */
+    activeCellClasses: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    cellClasses: {
+      type: [String, Array, Object],
+      default: ""
+    },
+    /** Number of columns in the grid (1-15 supported) */
+    columns: {
+      type: Number,
+      default: 4
+    },
+    disableInternalFiltering: {
+      type: Boolean,
+      default: !1
+    },
+    /** Exclude certain values from the grid */
+    exclude: {
+      type: Array,
+      default: () => []
+    },
+    /** Pass data for filter feature */
+    filters: {
+      type: Array,
+      default: () => []
+    },
+    /** Pass in a function for when filters icon is clicked. */
+    filtersAction: {
+      type: Function,
+      default: () => {
+      }
+    },
+    /** Pass in a count of active filters. */
+    filtersCount: {
+      type: Number,
+      default: 0
+    },
+    isExpanded: {
+      type: Boolean,
+      default: !1
+    },
+    /** Data inside of the grid */
+    gridData: {
+      type: Array,
+      default: () => []
+    },
+    /** If the grid should include the search */
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    /** If the loading state is enabled */
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    /** Ability to customize the no result message */
+    noResultMessage: {
+      type: String,
+      default: ""
+    },
+    /** Ability to customize the search placeholder */
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    /** Pass in the number of skeleton rows that should show while loading. */
+    skeletonRows: {
+      type: Number,
+      default: 6
+    },
+    statusClasses: {
+      type: Object,
+      default: () => ({})
+    },
+    /** Current search value */
+    searchValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "select-grid-item",
+    "filters-updated",
+    "close-expanded",
+    "update:searchValue"
+  ],
+  setup(e, { emit: o }) {
+    const { t: h } = D(), f = B(""), v = r({
+      get: () => e.searchValue,
+      set: (t) => o("update:searchValue", t)
+    }), i = r(() => {
+      if (e.disableInternalFiltering)
+        return e.gridData;
+      const t = e.filters, s = O(
+        e.gridData,
+        f.value || v.value,
+        t,
+        void 0,
+        void 0,
+        e.exclude
+      );
+      return o("filters-updated", s), s;
+    }), b = r(() => (t, s, n) => {
+      const l = [
+        "cursor-pointer",
+        "truncate",
+        "group",
+        "cell"
+      ];
+      if (e.cellClasses && (typeof e.cellClasses == "string" ? l.push(e.cellClasses) : Array.isArray(e.cellClasses) ? l.push(...e.cellClasses) : typeof e.cellClasses == "object" && Object.entries(e.cellClasses).forEach(
+        ([a, c]) => {
+          c && l.push(a);
+        }
+      )), t.active && e.activeCellClasses && (typeof e.activeCellClasses == "string" ? l.push(e.activeCellClasses) : Array.isArray(e.activeCellClasses) ? l.push(...e.activeCellClasses) : typeof e.activeCellClasses == "object" && Object.entries(e.activeCellClasses).forEach(
+        ([a, c]) => {
+          c && l.push(a);
+        }
+      )), e.statusClasses && t.status) {
+        const a = m(
+          t.status,
+          !!t.active
+        );
+        a && l.push(a);
+      }
+      if (t.active && l.push("active"), y.md) {
+        const a = C(s);
+        Object.entries(a).forEach(
+          ([c, u]) => {
+            u && l.push(c);
+          }
+        );
+      }
+      return e.loading && l.push("bg-gray-10", "animate-shimmer"), n && l.push("no-scale"), l;
+    }), A = r(() => e.columns ? `grid-cols-${e.columns}` : ""), S = r(() => i.value.length % e.columns === 0), R = r(() => e.noResultMessage || h("HC_NO_RESULTS_FOUND")), d = r(() => {
+      const t = [], s = {};
+      return [...Array(e.skeletonRows * e.columns)].forEach(() => {
+        t.push(s);
+      }), t;
+    }), C = (t) => {
+      const s = i.value.length ? i.value : d.value, n = Math.ceil(s.length / e.columns), l = Math.floor(t / e.columns), a = l === 0, c = l === n - 1, u = t === s.length - 1, g = l === n - 2, j = t + e.columns >= s.length;
+      return {
+        "!border-t-[0.09375rem]": a,
+        "!border-b-[0.09375rem]": c || j && g,
+        "!border-l-[0.09375rem]": t % e.columns === 0,
+        "!border-r-[0.09375rem]": t % e.columns === e.columns - 1 || u,
+        "!rounded-tl-md": a && t % e.columns === 0,
+        "!rounded-tr-md": a && (t % e.columns === e.columns - 1 || u),
+        "!rounded-bl-md": c && t % e.columns === 0,
+        "!rounded-br-md": u || g && s.length % e.columns !== 0 && t % e.columns === e.columns - 1
+      };
+    }, m = (t, s) => {
+      if (!e.statusClasses || !t || !e.statusClasses[t] || s)
+        return "";
+      const n = e.statusClasses[t];
+      return typeof n == "string" ? n : n.styles;
+    };
+    return {
+      // Refs
+      searchBy: f,
+      // Computed
+      filteredGridData: i,
+      getCellClassList: b,
+      gridColumnCount: A,
+      lastRowWillBeFilled: S,
+      noResultsText: R,
+      skeletonData: d,
+      // Methods
+      getCellClasses: C,
+      getStatusClass: m,
+      getStatusLabel: (t) => {
+        if (!e.statusClasses || !t || !e.statusClasses[t])
+          return t;
+        const s = e.statusClasses[t];
+        return typeof s == "string" ? t : s.label || t;
+      },
+      getTextUtilityClass: (t, s = !1) => {
+        if (s || !e.statusClasses || !t || !e.statusClasses[t])
+          return "";
+        const n = e.statusClasses[t], l = typeof n == "string" ? n : n.styles, a = /(hover:)?(!?text-[a-zA-Z0-9-]+)/g, c = [...l.matchAll(a)];
+        return c.length === 0 ? "" : c.map((u) => u[0]).join(" ");
+      },
+      selectGridItem: (t) => {
+        i.value.find((s) => {
+          s.active && (s.active = !1);
+        }), t.active = !0, o("select-grid-item", t);
+      },
+      // Composable
+      mq: y
+    };
+  }
+});
+export {
+  M as default
+};

package/dist/index103.js

@@ -0,0 +1,78 @@
+import { defineComponent as c, onMounted as l, computed as n } from "vue";
+import s from "./index176.js";
+let t = !1;
+const i = "quore-svg-sprite-container";
+function o() {
+  if (t || typeof document > "u")
+    return;
+  if (document.getElementById(i)) {
+    t = !0;
+    return;
+  }
+  const e = document.createElement("div");
+  e.id = i, e.setAttribute("aria-hidden", "true"), e.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;", e.innerHTML = s, document.body ? document.body.insertBefore(e, document.body.firstChild) : document.addEventListener("DOMContentLoaded", () => {
+    document.body.insertBefore(e, document.body.firstChild);
+  }), t = !0;
+}
+o();
+const m = c({
+  name: "QIcon",
+  props: {
+    icon: {
+      type: String,
+      required: !0
+    },
+    type: {
+      type: String,
+      default: "outline"
+    },
+    width: {
+      type: Number,
+      default: 24,
+      required: !1
+    },
+    height: {
+      type: Number,
+      default: 24,
+      required: !1
+    },
+    size: {
+      type: String,
+      // sm, md, lg, xl
+      default: ""
+    },
+    color: {
+      type: String,
+      // primary, info, success, warning, danger etc...
+      default: "inkwell-20"
+    },
+    inline: {
+      type: Boolean,
+      default: !1
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    customSize: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    l(() => {
+      o();
+    });
+    const d = n(() => {
+      const u = e.type === "outline" || e.type === "fill" ? "-" + e.type : "";
+      return `#icon-${e.icon}${u}`;
+    }), r = n(() => e.customSize && (!!e.width || !!e.height));
+    return {
+      iconPath: d,
+      customizedSize: r
+    };
+  }
+});
+export {
+  m as default
+};

package/dist/index105.js

@@ -0,0 +1,136 @@
+import { defineComponent as f, ref as l, computed as o, watch as p } from "vue";
+import C from "./index8.js";
+import b from "./index26.js";
+import S from "./index47.js";
+import v from "./index53.js";
+import n from "./index52.js";
+import { useI18n as A } from "vue-i18n";
+const H = f({
+  name: "QIconActionGroup",
+  components: {
+    QButton: C,
+    QIcon: b,
+    QTooltip: S
+  },
+  props: {
+    // Pass in a value for the currentState
+    currentState: {
+      type: String,
+      default: ""
+    },
+    // Should the icon action group be disabled
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    // This is used in the bottom sheet
+    isActionItemBar: {
+      type: Boolean,
+      default: !1
+    },
+    // For the colorkey showing the meaning of the states
+    isColorKey: {
+      type: Boolean,
+      default: !1
+    },
+    // Boolean or string indicating the state
+    // if string it keeps track of which state is loading
+    loading: {
+      type: [Boolean, String],
+      default: !1
+    },
+    options: {
+      type: Array,
+      default: () => {
+        const { t: e } = A();
+        return [
+          {
+            state: "pass",
+            activeClass: "!bg-green-20",
+            classes: "hover:!bg-green-20",
+            icon: "check-thick",
+            mobileIcon: "check",
+            idleClass: "!bg-idle-pass",
+            loading: "",
+            name: e("HC_PASS"),
+            statusText: e("HC_PASSED")
+          },
+          {
+            state: "failed",
+            activeClass: "!bg-red-30",
+            classes: "hover:!bg-red-30 active:!border-red-30",
+            icon: "close-thick",
+            mobileIcon: "close",
+            idleClass: "md:!bg-red-0",
+            mobileIdleClass: "!bg-red-30/25",
+            loading: "",
+            name: e("HC_FAIL"),
+            statusText: e("HC_A_TASK_HAS_BEEN_CREATED")
+          },
+          {
+            state: "repaired",
+            activeClass: "!bg-orange-20",
+            classes: "hover:!bg-orange-20 active:!border-orange-20",
+            icon: "minus-thick",
+            mobileIcon: "minus",
+            idleClass: "!bg-orange-20/25",
+            loading: "",
+            name: e("HC_REPAIR"),
+            statusText: e("HC_TASK_CLOSED")
+          },
+          {
+            state: "N/A",
+            activeClass: "!bg-inkwell-0",
+            classes: "hover:!bg-inkwell-0 active:!border-inkwell-0",
+            icon: "na",
+            iconClass: "!p-0",
+            iconType: "fill",
+            idleClass: "!bg-gray-20",
+            loading: "",
+            name: e("HC_N/A"),
+            statusText: e("HC_N/A"),
+            mobileIconClass: "!p-[0.1rem]"
+          }
+        ];
+      }
+    },
+    showCompletedState: {
+      type: Boolean,
+      default: !1
+    },
+    // Show the status text for mobile ex passed, or task closed.
+    showStatusText: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:state"],
+  setup(e, { emit: i }) {
+    const { deviceType: r } = v(), t = l(e.currentState), c = l(e.options.length === 1), d = o(() => e.disabled || !!e.loading), u = o(() => e.options.find(
+      (a) => a.state === t.value
+    )), m = o(() => (r.value !== "desktop" || !n.md) && !e.showCompletedState), g = (a, s) => {
+      t.value = t.value === s ? "default" : s, i("update:state", { state: t.value, event: a });
+    };
+    return p(
+      () => e.loading,
+      () => {
+        e.loading === !1 && (t.value = e.currentState);
+      }
+    ), {
+      // Refs
+      selectedState: t,
+      singleOption: c,
+      // Computed
+      isDisabled: d,
+      selectedOption: u,
+      shouldUseSwipe: m,
+      // Methods
+      onSetState: g,
+      // Composable
+      mq: n
+    };
+  }
+});
+export {
+  H as default
+};

package/dist/index107.js

@@ -0,0 +1,216 @@
+import { defineComponent as $, ref as a, computed as s, onMounted as Z, onUnmounted as q } from "vue";
+import { useSwipe as K } from "./index155.js";
+import { useI18n as X } from "vue-i18n";
+import J from "./index177.js";
+import Y from "./index6.js";
+import ee from "./index7.js";
+import te from "./index31.js";
+import ne from "./index36.js";
+import ae from "./index47.js";
+import H from "./index52.js";
+import oe from "./index53.js";
+const ge = $({
+  name: "ImageGallery",
+  components: {
+    Galleria: J,
+    QBadge: Y,
+    QBottomSheet: ee,
+    QMenu: te,
+    QPdfViewer: ne,
+    QTooltip: ae
+  },
+  props: {
+    // Pass in an ID unique to the image gallery.
+    id: {
+      type: String,
+      default: "image-gallery"
+    },
+    files: {
+      type: Array,
+      default: () => []
+    },
+    thumbnailsVisible: {
+      type: Number,
+      default: 4
+    },
+    showOnHover: {
+      type: Boolean,
+      default: !0
+    },
+    showThumbnails: {
+      type: Boolean,
+      default: !0
+    },
+    // If the user can remove an image
+    showRemove: {
+      type: [Boolean, Number],
+      default: !1
+    },
+    baseZIndex: {
+      type: Number,
+      default: 1e3
+    },
+    wrap: {
+      type: Boolean,
+      default: !0
+    },
+    processing: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value", "update:activeIndex", "click:file"],
+  setup(g, { emit: x }) {
+    const { t: b } = X(), { deviceType: p } = oe(), S = [{ text: b("HC_CANCEL") }], P = /* @__PURE__ */ new Set([
+      "doc",
+      "eps",
+      "mp3",
+      "mp4",
+      "mov",
+      "prt",
+      "pdf",
+      "ppt",
+      "tiff",
+      "txt",
+      "zip"
+    ]), Q = {
+      docx: "doc",
+      pptx: "ppt",
+      tif: "tiff",
+      xls: "xsl",
+      xlsx: "xsl"
+    }, I = a(null), r = s(() => I.value?.offsetWidth), k = a(null), N = a([]), l = a(!1), h = a(null), m = a("0"), v = a(1), O = a(H.md ? 1 : 0.9), t = a(0), C = a(null), R = a(), d = a(!1), F = a(!1), W = s(() => [
+      `z-[${g.baseZIndex + 1}]`
+    ]), w = s(() => g.files.map((e) => {
+      const n = e instanceof File, c = n ? e.name : e.original.url, o = B(
+        c.toLowerCase()
+      ).replace(/^\./, ""), f = o ? P.has(o) ? o : Q[o] || "txt" : "txt";
+      return n ? {
+        id: e.lastModified + "-" + e.name.replace(/[\s.]/g, ""),
+        originalFile: e,
+        name: e.name,
+        url: URL.createObjectURL(e),
+        type: e.type,
+        extension: o,
+        icon: f,
+        isImage: e.type.startsWith("image") && !e.type.includes("tif")
+      } : {
+        id: e.id,
+        originalFile: e,
+        name: e.original.name,
+        url: e.original.url,
+        type: e.mimetype,
+        extension: o,
+        icon: f,
+        isImage: e.mimetype.startsWith("image") && !e.mimetype.includes("tif")
+      };
+    })), u = s(() => w.value.filter((e) => e.type.startsWith("image") && !e.type.includes("tif"))), _ = s(() => [
+      "rounded-lg relative mx-auto object-cover grow-1 max-h-[74vh]",
+      { animated: !M }
+    ]), D = s(() => [
+      "flex items-center gap-2",
+      g.wrap ? "flex-wrap" : "flex-nowrap overflow-x-auto shrink-0",
+      { "flex-nowrap overflow-x-auto pt-2 -mt-2 pr-2": p.value !== "desktop" }
+    ]), j = s(() => [{
+      text: b("HC_DELETE_ATTACHMENT"),
+      classes: "!text-red-20",
+      event: A
+    }]), E = (e) => {
+      p.value === "desktop" ? window.open(e.url, "_blank") : window.open(e.url, "_self");
+    }, L = (e) => {
+      p.value === "desktop" ? E(e) : (C.value = e, F.value = !0);
+    }, z = (e) => {
+      e.event(), l.value = !1;
+    }, G = (e, n) => {
+      !l.value && n.isImage ? T(e, n) : !l.value && !n.isImage && L(n);
+    }, T = (e, n) => {
+      const c = (f) => f.url === n?.url, o = u.value.findIndex(c);
+      t.value = o !== -1 ? o : e, d.value = !0;
+    }, A = (e = null) => {
+      l.value = !1, x(
+        "update:model-value",
+        e?.originalFile || h.value?.originalFile
+      );
+    }, y = (e) => {
+      const { keyCode: n } = e;
+      if (d.value)
+        switch (n) {
+          // previous - navigate to previous image
+          case 37:
+            t.value = t.value ? t.value - 1 : u.value.length - 1, x("update:activeIndex", t.value);
+            break;
+          // next - navigate to next image
+          case 39:
+            t.value = t.value < u.value.length - 1 ? t.value + 1 : 0, x("update:activeIndex", t.value);
+            break;
+          // esc - close on escape
+          case 27:
+            d.value = !1;
+            break;
+        }
+    }, { isSwiping: M, lengthX: i } = K(k, {
+      passive: !1,
+      onSwipe() {
+        const e = Math.abs(i.value);
+        r.value && (v.value = 1.1 - e / r.value, m.value = i.value < 0 ? `${e / 4}px` : `-${e / 4}px`);
+      },
+      onSwipeEnd() {
+        const e = t.value <= 0, n = t.value >= u.value.length - 1, c = Math.abs(i.value);
+        r.value && c / r.value >= 0.5 ? (i.value < 0 ? t.value = e ? u.value.length - 1 : t.value - 1 : t.value = n ? 0 : t.value + 1, m.value = "0", v.value = 1) : (m.value = "0", v.value = 1);
+      }
+    }), B = (e) => e.substring(e.lastIndexOf(".")), U = (e, n) => {
+      e.preventDefault(), h.value = w.value[n], l.value = !0;
+    }, V = () => {
+      l.value = !1, h.value = null;
+    };
+    return Z(() => {
+      window.addEventListener("keyup", y);
+    }), q(() => {
+      window.removeEventListener("keyup", y);
+    }), {
+      menuActions: S,
+      linkActions: j,
+      deviceType: p,
+      // Ref elements
+      container: I,
+      containerWidth: r,
+      featuredPhoto: k,
+      longPressRef: N,
+      longPressedHook: l,
+      // Animation Refs
+      isSwiping: M,
+      lengthX: i,
+      left: m,
+      opacity: v,
+      scale: O,
+      // Refs
+      showCarousel: d,
+      showFileViewer: F,
+      active: t,
+      activeAttachment: C,
+      hoveredIndex: R,
+      // Computed
+      closeIconClasses: W,
+      itemClasses: _,
+      images: u,
+      normalizedFiles: w,
+      thumbnailContainerClasses: D,
+      // Methods
+      downloadDocument: E,
+      getExtension: B,
+      onAttachmentClick: L,
+      onClickMenuLink: z,
+      onClickThumbnail: G,
+      onOpenCarousel: T,
+      onRemoveFile: A,
+      onKeyboardNavigation: y,
+      onLongPressCallbackHook: U,
+      resetHook: V,
+      // Composable
+      mq: H
+    };
+  }
+});
+export {
+  ge as default
+};