@quoreadmin/ui 1.4.8 → 1.5.0

package/dist/index43.js

@@ -1,159 +1,339 @@
-import z from "./index137.js";
-import { resolveComponent as a, createElementBlock as r, openBlock as o, mergeProps as p, toHandlerKey as f, createVNode as d, createCommentVNode as t, withCtx as i, Fragment as R, renderList as w, createBlock as y, normalizeClass as k, renderSlot as n, toDisplayString as m, createElementVNode as c, createTextVNode as g, normalizeProps as q, guardReactiveProps as V } from "vue";
+import L from "./index138.js";
+import { resolveComponent as b, createElementBlock as t, openBlock as s, createVNode as p, normalizeClass as r, createSlots as $, withCtx as u, createElementVNode as a, createBlock as g, createCommentVNode as n, renderSlot as f, normalizeProps as C, mergeProps as v, toDisplayString as o, withModifiers as k, Fragment as T, renderList as z, createTextVNode as h } from "vue";
 /* empty css         */
-import B from "./index60.js";
-const E = ["id"], H = { class: "search-and-filters" }, T = { class: "inspections-search" }, U = {
-  for: "search",
-  class: "search-label"
-}, A = {
+import O from "./index61.js";
+const q = ["id"], A = ["onMousedown"], E = {
+  key: 1,
+  class: "searchable-placeholder"
+}, j = { class: "flex gap-2 px-4 py-3" }, P = {
   key: 0,
-  class: "inspection-actions"
-}, D = { class: "flex relative" }, P = { key: 0 }, F = { key: 1 }, N = {
+  class: "tag-container"
+}, R = { key: 0 }, B = {
+  class: /* @__PURE__ */ r([
+    "tag-name text-sm leading-normal pr-2 capitalize"
+  ])
+}, D = { key: 1 }, M = ["onClick"], N = {
   key: 0,
-  class: "table-empty flex flex-col items-center justify-center"
-}, L = ["src"];
-function I(e, l, M, j, K, Q) {
-  const h = a("q-icon"), b = a("q-input"), S = a("q-badge"), v = a("q-tooltip"), $ = a("column"), C = a("data-table");
-  return o(), r("div", p({
-    id: e.id,
-    class: [
-      "table-container",
-      { "is-fixed": e.isFixed },
-      { "using-scroll": e.horizontalScroll },
-      { "is-loading": e.loading },
-      { "has-sticky-columns": e.isSticky },
-      { "scroll-start": e.isScrolledToStart },
-      { "scroll-end": e.isScrolledToEnd },
-      { "is-empty bg-white": e.isEmpty },
-      { "last-cell-sticky": e.isLastCellSticky }
-    ],
-    ref: "tableContainer"
-  }, {
-    [f(e.isDesktop && "mouseenter")]: l[1] || (l[1] = (...s) => e.addScrollButtons && e.addScrollButtons(...s))
-  }, {
-    [f(e.isDesktop && "mouseleave")]: l[2] || (l[2] = (...s) => e.removeScrollButtons && e.removeScrollButtons(...s))
-  }), [
-    d(C, {
-      selection: e.selectedRows,
-      "onUpdate:selection": l[0] || (l[0] = (s) => e.selectedRows = s),
+  class: "text-blue-20 text-xs count"
+}, F = {
+  key: 0,
+  class: "text-inkwell-10 text-right truncate font-normal"
+}, H = {
+  key: 1,
+  class: "text-blue-20 text-xs ml-2"
+}, I = { class: "text-inkwell-40" }, U = { class: "text-inkwell-10 text-right truncate" }, G = {
+  key: 1,
+  class: "option-selected text-gray-40 truncate"
+}, K = {
+  key: 3,
+  class: "flex w-full justify-between"
+}, Q = { class: "text-inkwell-40 pl-1 text-base font-medium" }, J = ["title"], W = {
+  key: 2,
+  class: "option-description text-xs pt-0.5 truncate"
+};
+function X(e, d, Y, Z, _, x) {
+  const c = b("q-icon"), w = b("q-button"), S = b("q-badge"), V = b("vue-multiselect");
+  return s(), t("div", {
+    id: e.id + "-containers",
+    class: "control custom-select",
+    ref: "currentContainer"
+  }, [
+    p(V, {
+      id: e.id,
+      ref: "currentSelect",
+      modelValue: e.selected,
+      "onUpdate:modelValue": [
+        d[1] || (d[1] = (l) => e.selected = l),
+        d[4] || (d[4] = (l) => e.onUpdateValue(l))
+      ],
+      "filtering-sort-func": e.filterSortFunction,
+      options: e.internalOptions,
+      searchable: e.searchable,
+      multiple: e.multiple,
+      taggable: e.taggable || e.useAddTagsOnly,
+      label: e.label,
+      "track-by": e.trackBy,
+      "group-values": e.groupValues,
+      "group-label": e.groupLabel,
+      "group-select": e.enableGroupSelect,
+      "block-keys": e.blockKeys,
+      class: r([
+        { "has-checkboxes": e.hasCheckboxes },
+        { "selection-control": e.selectionControl },
+        { "select-multiple": !!e.multiple },
+        { "select-taggable": !!e.taggable || !!e.showTags || !!e.useAddTagsOnly },
+        { "select-expand": e.expand },
+        { "select-show-count": !!e.showSelectedCount },
+        { "select-search": !!e.search },
+        { "select-searchable": e.searchable },
+        e.searchable ? "cursor-text" : "cursor-default",
+        "q-select rounded",
+        // added q-select because of all the styling on style
+        "select-" + e.size
+      ]),
+      disabled: e.disabled || e.loading,
       loading: e.loading,
-      "meta-key-selection": !1,
-      "scroll-height": e.horizontalScroll && e.tableHeight ? `${e.tableHeight}px` : "",
-      "selection-mode": e.isMultiSelect ? "multiple" : "single",
-      "sort-mode": e.isMultiSort ? "multiple" : "single",
-      value: e.loading ? e.skeletonData : e.filteredData,
-      "data-key": "id",
-      "filter-display": "menu",
-      ref: "dataTableRef",
-      "removable-sort": "",
-      scrollable: "",
-      onRowSelect: e.onSelectRow,
-      onRowUnselect: e.onUnselectRow,
-      onValueChange: e.setSticky
-    }, {
-      header: i(() => [
-        e.hasSearch ? n(e.$slots, "search-and-filters", { key: 0 }, () => [
-          c("div", H, [
-            c("div", T, [
-              e.hasSearch ? n(e.$slots, "search", { key: 0 }, () => [
-                c("label", U, [
-                  d(h, {
-                    class: "mr-2",
-                    color: "gray-40",
-                    icon: "search",
-                    size: "md",
-                    type: ""
-                  }),
-                  d(b, {
-                    id: "search",
-                    "model-value": e.search,
-                    "onUpdate:modelValue": e.debouncedSearch,
-                    "hide-clear": !!e.mq.md,
-                    placeholder: e.searchPlaceholder || e.$t("HC_SEARCH"),
-                    class: "text-base",
-                    "control-class": "!border-0 !px-0"
-                  }, null, 8, ["model-value", "onUpdate:modelValue", "hide-clear", "placeholder"])
-                ])
-              ], !0) : t("", !0)
-            ]),
-            e.filters?.length || e.$slots.tableActions ? (o(), r("div", A, [
-              e.filters?.length ? n(e.$slots, "filters", { key: 0 }, () => [
-                d(v, { class: "z-[45] ml-2" }, {
-                  trigger: i(() => [
-                    c("div", D, [
-                      d(h, {
-                        class: "filters-icon ml-0",
-                        color: "gray-40",
-                        icon: "filter",
-                        size: "md",
-                        onClick: e.filtersAction
-                      }, null, 8, ["onClick"]),
-                      e.filtersCount ? (o(), y(S, {
-                        key: 0,
-                        class: "filters-count",
-                        color: "white"
-                      }, {
-                        text: i(() => [
-                          g(m(e.filtersCount), 1)
-                        ]),
-                        _: 1
-                      })) : t("", !0)
-                    ])
+      "allow-empty": e.allowEmpty,
+      "clear-on-select": e.clearOnSelect,
+      "close-on-select": e.closeOnSelect || !e.hasCheckboxes && !e.multiple,
+      "show-tags": e.showTags,
+      "tag-placeholder": e.noTagFound,
+      placeholder: e.placeholder,
+      "preserve-search": !0,
+      "reset-after": !1,
+      "max-height": 280,
+      "open-direction": e.openDirection,
+      "select-label": "",
+      "deselect-label": "",
+      "selected-label": "",
+      "select-group-label": "",
+      "deselect-group-label": "",
+      onOpen: e.onOpen,
+      onRemove: d[2] || (d[2] = (l) => e.onRemove(l)),
+      onTag: e.addTag,
+      onSearchChange: d[3] || (d[3] = (l) => e.searchChange(l))
+    }, $({
+      caret: u(({ toggle: l }) => [
+        a("div", {
+          class: r([
+            "h-full w-full",
+            "absolute left-0 top-0",
+            "z-[1] cursor-pointer",
+            "flex justify-end"
+          ]),
+          onMousedown: k(l, ["prevent"])
+        }, [
+          e.loading ? n("", !0) : (s(), g(c, {
+            key: 0,
+            icon: "chevron-down",
+            type: "line"
+          }))
+        ], 40, A),
+        e.searchable ? (s(), g(c, {
+          key: 0,
+          class: "search-icon",
+          color: e.selectionControl ? "inkwell-0" : "gray-40",
+          icon: "search",
+          type: ""
+        }, null, 8, ["color"])) : n("", !0),
+        e.searchable && (e.multiple && !e.selected.length || !e.multiple && !e.selected) && !e.selectionControl ? (s(), t("div", E, o(e.placeholder), 1)) : n("", !0)
+      ]),
+      noResult: u(() => [
+        h(o(e.noResultsText), 1)
+      ]),
+      noOptions: u(() => [
+        h(o(e.noOptionsText), 1)
+      ]),
+      singleLabel: u(({ option: l }) => [
+        l.icon ? (s(), g(c, {
+          key: 0,
+          icon: l.icon
+        }, null, 8, ["icon"])) : n("", !0),
+        l && e.showPlaceholderImage ? f(e.$slots, "optionPrefix", C(v({ key: 1 }, l)), void 0, !0) : n("", !0),
+        e.selectionControl ? f(e.$slots, "controlPlaceholder", { key: 2 }, () => [
+          h(o(e.placeholder), 1)
+        ], !0) : n("", !0),
+        a("span", {
+          class: r([
+            "option-name",
+            {
+              "text-inkwell-10 text-right truncate": e.selectionControl
+            }
+          ])
+        }, o(l.label || l.name || l), 3)
+      ]),
+      selection: u(({ values: l, isOpen: m }) => [
+        e.useTags ? (s(), t("div", P, [
+          e.groupValues && e.options[0][e.groupValues].length === l.length ? (s(), t("div", R, [
+            a("div", {
+              class: r([
+                "multiselect__tag inline-flex items-center justify-center rounded me-2 z-[1]",
+                { "tag-gray": !!e.showTags }
+              ])
+            }, [
+              a("span", B, o(e.groupLabel), 1),
+              a("span", {
+                class: "tag-remove cursor-pointer shrink",
+                tabindex: "1",
+                onMousedown: d[0] || (d[0] = k((i) => e.removeElement(e.options[0][e.groupValues]), ["prevent", "stop"]))
+              }, [
+                p(c, {
+                  icon: "close",
+                  color: "white",
+                  class: r([
+                    "tag-close flex rounded-full p-1",
+                    e.showTags ? "bg-inkwell-30" : "bg-blue-40"
                   ]),
-                  content: i(() => [
-                    g(m(e.$t("HC_FILTERS")), 1)
+                  type: "line"
+                }, null, 8, ["class"])
+              ], 32)
+            ], 2)
+          ])) : (s(), t("div", D, [
+            (s(!0), t(T, null, z(!e.expand && e.limitShown ? l.slice(0, e.limitShown) : l, (i, y) => (s(), t("div", {
+              key: y,
+              class: r([
+                "multiselect__tag !inline-flex items-center justify-center rounded mr-2 z-[1]",
+                { "tag-added": i.added },
+                { "tag-gray": !!e.showTags },
+                i.tagClass ? i.tagClass : ""
+              ])
+            }, [
+              i.icon ? (s(), g(c, {
+                key: 0,
+                icon: i.icon,
+                class: "tag-icon"
+              }, null, 8, ["icon"])) : n("", !0),
+              a("span", {
+                class: r([
+                  "tag-name text-sm leading-normal pr-2",
+                  { "tag-truncate": e.truncateTag }
+                ])
+              }, o(i.label || i.name), 3),
+              a("span", {
+                class: "tag-remove cursor-pointer shrink",
+                tabindex: "1",
+                onClick: (ee) => e.removeElement(y)
+              }, [
+                p(c, {
+                  icon: "close-thick",
+                  color: "white",
+                  size: "sm",
+                  class: r([
+                    "!p-[0.3rem] tag-close flex rounded-full p-1",
+                    i.closeTagClass ? i.closeTagClass : e.showTags ? "bg-inkwell-30" : e.taggable && i.added ? "bg-green-40" : "bg-blue-40"
                   ]),
-                  _: 1
-                })
-              ], !0) : t("", !0),
-              e.$slots.tableActions ? n(e.$slots, "tableActions", { key: 1 }, void 0, !0) : t("", !0)
-            ])) : t("", !0)
+                  type: "line"
+                }, null, 8, ["class"])
+              ], 8, M)
+            ], 2))), 128)),
+            !e.expand && e.showSelectedCount && e.multiple && l.length > e.limitShown ? (s(), t("span", N, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
+          ]))
+        ])) : n("", !0),
+        !e.showTags && !e.taggable && e.multiple && l.length ? (s(), t("div", {
+          key: 1,
+          class: r([
+            "multiselect__single flex w-full",
+            e.selectionControl ? "whitespace-nowrap justify-between" : "items-center"
           ])
-        ], !0) : t("", !0)
-      ]),
-      empty: i(() => [...l[3] || (l[3] = [])]),
-      default: i(() => [
-        (o(!0), r(R, null, w(e.columns, (s) => (o(), y($, {
-          key: s.key,
-          field: s.key,
-          "filter-field": s.key,
-          header: s.name,
-          sortable: s.sortable,
-          frozen: s.frozen && !e.overrideFrozen,
-          class: k([
-            s.key,
-            s.size ? `cell-${s.size}` : "",
-            { "text-right": s.key === "actions" }
+        }, [
+          a("span", {
+            class: r([
+              "option-selected",
+              {
+                capitalize: e.groupValues && e.options[0][e.groupValues].length === l.length
+              }
+            ])
+          }, o(e.selectionControl ? e.placeholder : e.groupValues && e.options[0][e.groupValues].length === l.length ? e.groupLabel : l[0].label), 3),
+          e.selectionControl ? (s(), t("span", F, o(e.selectedText), 1)) : n("", !0),
+          e.limitShown && e.limitShown < l.length && (!e.groupValues && l.length !== e.limitShown || e.groupValues && e.options[0][e.groupValues].length !== l.length) ? (s(), t("span", H, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
+        ], 2)) : m && !e.useTags && !e.multiple ? (s(), t("div", {
+          key: 2,
+          class: r([
+            "multiselect__single flex w-full",
+            e.selectionControl ? "justify-between" : "items-center"
           ])
-        }, {
-          body: i(({ data: u }) => [
-            e.loading ? e.loading ? (o(), r("div", {
-              key: 1,
-              class: k(["animate-shimmer", u.shimmer])
-            }, "   ", 2)) : t("", !0) : n(e.$slots, s.key, p({
-              key: 0,
-              ref_for: !0
-            }, u), () => [
-              s.key.match(/\./) ? (o(), r("div", F, m(u[s.key.split(".")[0]][s.key.split(".")[1]]), 1)) : (o(), r("div", P, m(u[s.key]), 1))
-            ], !0)
+        }, [
+          e.selectionControl ? (s(), t(T, { key: 0 }, [
+            a("span", I, o(e.placeholder || ""), 1),
+            a("span", U, o(e.selected?.label || e.selected?.name || ""), 1)
+          ], 64)) : (s(), t("span", G, o(e.selected?.label || e.selected?.name || e.placeholder || ""), 1))
+        ], 2)) : m && !e.useTags && e.multiple && e.selectionControl ? (s(), t("div", K, [
+          a("span", Q, o(e.placeholder || ""), 1)
+        ])) : n("", !0)
+      ]),
+      option: u(({ option: l, search: m }) => [
+        a("div", {
+          class: r([
+            "flex items-center w-full",
+            { "option-search": l.label === m },
+            { "option-disabled": l.$isDisabled }
           ]),
-          _: 2
-        }, 1032, ["field", "filter-field", "header", "sortable", "frozen", "class"]))), 128))
+          title: l.label ? l.label : ""
+        }, [
+          e.multiple && e.hasCheckboxes ? (s(), g(S, {
+            key: 0,
+            "has-icon": !0,
+            class: "selected-checkbox mr-2",
+            shape: "square"
+          }, {
+            icon: u(() => [
+              p(c, {
+                icon: "check",
+                color: "white",
+                type: "line"
+              })
+            ]),
+            _: 1
+          })) : n("", !0),
+          a("div", {
+            class: r([
+              "option-icon-name flex items-center",
+              !l.$groupLabel && e.groupLabel ? "pl-0" : ""
+            ])
+          }, [
+            l.icon ? (s(), g(c, {
+              key: 0,
+              icon: l.icon,
+              class: "mr-1"
+            }, null, 8, ["icon"])) : n("", !0),
+            l ? f(e.$slots, "optionPrefix", C(v({ key: 1 }, l)), void 0, !0) : n("", !0),
+            a("div", {
+              class: r(["option-name", [
+                l.optionClass ? l.optionClass : ""
+              ]])
+            }, o(l.$groupLabel || l.label || l.name || l), 3),
+            l.description && e.showOptionDescription ? (s(), t("div", W, o(l.description), 1)) : n("", !0),
+            e.multiple && e.hasCheckboxes ? n("", !0) : (s(), g(c, {
+              key: 3,
+              icon: "check",
+              size: "sm",
+              type: "line",
+              color: "inkwell-30",
+              class: "selected-icon"
+            }))
+          ], 2)
+        ], 10, J)
       ]),
-      _: 3
-    }, 8, ["selection", "loading", "scroll-height", "selection-mode", "sort-mode", "value", "onRowSelect", "onRowUnselect", "onValueChange"]),
-    e.isEmpty ? (o(), r("div", N, [
-      n(e.$slots, "no-results-illustration", {}, () => [
-        c("img", {
-          class: "mb-5",
-          src: e.noResultsPath
-        }, null, 8, L)
-      ], !0),
-      n(e.$slots, "no-results-text", q(V({ search: e.search })), void 0, !0)
-    ])) : t("", !0)
-  ], 16, E);
+      _: 2
+    }, [
+      e.showSelectAll ? {
+        name: "beforeList",
+        fn: u(() => [
+          a("div", j, [
+            p(w, {
+              type: "button",
+              disabled: e.selectedCount === e.selected.length,
+              "no-min-width": !0,
+              class: "!text-sm !font-normal !leading-4",
+              status: "link",
+              onClick: k(e.selectAll, ["prevent"])
+            }, {
+              default: u(() => [
+                h(o(e.$t("HC_SELECT_ALL")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"]),
+            p(w, {
+              type: "button",
+              disabled: !e.selected.length,
+              "no-min-width": !0,
+              class: "!text-sm !font-normal !leading-4",
+              status: "link",
+              onClick: k(e.clearAll, ["prevent"])
+            }, {
+              default: u(() => [
+                h(o(e.$t("HC_CLEAR_ALL")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["id", "modelValue", "filtering-sort-func", "options", "searchable", "multiple", "taggable", "label", "track-by", "group-values", "group-label", "group-select", "block-keys", "class", "disabled", "loading", "allow-empty", "clear-on-select", "close-on-select", "show-tags", "tag-placeholder", "placeholder", "open-direction", "onOpen", "onTag"])
+  ], 8, q);
 }
-const X = /* @__PURE__ */ B(z, [["render", I], ["__scopeId", "data-v-a76fc032"]]);
+const te = /* @__PURE__ */ O(L, [["render", X], ["__scopeId", "data-v-a1cc69d5"]]);
 export {
-  X as default
+  te as default
 };