@quoreadmin/ui 1.7.20 → 1.8.1

package/dist/index45.js

@@ -1,159 +1,371 @@
-import z from "./index144.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 V from "./index144.js";
+import { resolveComponent as b, createElementBlock as a, openBlock as s, normalizeClass as i, createVNode as h, createCommentVNode as n, createSlots as $, withCtx as d, createElementVNode as t, createBlock as g, renderSlot as f, normalizeProps as C, mergeProps as v, toDisplayString as o, withModifiers as k, Fragment as T, renderList as q, createTextVNode as c } from "vue";
 /* empty css         */
-import B from "./index62.js";
-const E = ["id"], H = { class: "search-and-filters" }, T = { class: "inspections-search" }, U = {
-  for: "search",
-  class: "search-label"
+import E from "./index63.js";
+const O = ["id"], R = ["onMousedown"], z = {
+  key: 1,
+  class: "searchable-placeholder"
 }, A = {
   key: 0,
-  class: "inspection-actions"
-}, D = { class: "flex relative" }, P = { key: 0 }, F = { key: 1 }, N = {
+  class: "required-indicator"
+}, D = { class: "flex gap-2 px-4 py-3" }, j = { class: "required-indicator" }, P = {
   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: "tag-container"
+}, F = { key: 0 }, H = {
+  class: /* @__PURE__ */ i([
+    "tag-name text-sm leading-normal pr-2 capitalize"
+  ])
+}, I = { key: 1 }, U = ["onClick"], B = {
+  key: 0,
+  class: "text-blue-20 text-xs count"
+}, M = {
+  key: 0,
+  class: "text-inkwell-10 text-right truncate font-normal"
+}, N = {
+  key: 1,
+  class: "text-blue-20 text-xs shrink-0 text-nowrap"
+}, Q = { class: "text-inkwell-40" }, G = { class: "text-inkwell-10 text-right truncate" }, K = {
+  key: 1,
+  class: "option-selected text-gray-40 truncate"
+}, J = {
+  key: 3,
+  class: "flex w-full justify-between"
+}, W = { class: "text-inkwell-40 pl-1 text-base font-medium" }, X = ["title"], Y = {
+  key: 2,
+  class: "option-description text-xs pt-0.5 truncate"
+}, Z = {
+  key: 0,
+  class: "floating-label"
+}, _ = { class: "label-text" }, x = {
+  key: 0,
+  class: "required-indicator"
+};
+function ee(e, u, le, se, oe, ne) {
+  const p = b("q-icon"), y = b("q-button"), L = b("q-badge"), S = b("vue-multiselect");
+  return s(), a("div", {
+    id: e.id + "-containers",
+    class: i([
+      "control custom-select",
+      { "has-floating-label": e.floatingLabel },
+      { "label-floated": e.isLabelFloated },
+      { "dropdown-open": e.isOpened }
+    ]),
+    ref: "currentContainer"
+  }, [
+    h(S, {
+      id: e.id,
+      ref: "currentSelect",
+      modelValue: e.selected,
+      "onUpdate:modelValue": [
+        u[1] || (u[1] = (l) => e.selected = l),
+        u[4] || (u[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: i([
+        { "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.floatingLabel ? "" : 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,
+      onClose: e.onClose,
+      onRemove: u[2] || (u[2] = (l) => e.onRemove(l)),
+      onTag: e.addTag,
+      onSearchChange: u[3] || (u[3] = (l) => e.searchChange(l))
+    }, $({
+      caret: d(({ toggle: l }) => [
+        t("div", {
+          class: i([
+            "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(p, {
+            key: 0,
+            icon: "chevron-down",
+            type: "line"
+          }))
+        ], 40, R),
+        e.searchable ? (s(), g(p, {
+          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 && !e.floatingLabel ? (s(), a("div", z, [
+          c(o(e.placeholder), 1),
+          e.required ? (s(), a("span", A, " *" + o(e.$t("HC_REQUIRED")), 1)) : n("", !0)
+        ])) : n("", !0)
+      ]),
+      noResult: d(() => [
+        c(o(e.noResultsText), 1)
+      ]),
+      noOptions: d(() => [
+        c(o(e.noOptionsText), 1)
+      ]),
+      singleLabel: d(({ option: l }) => [
+        l.icon ? (s(), g(p, {
+          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 }, () => [
+          c(o(e.placeholder), 1)
+        ], !0) : n("", !0),
+        t("span", {
+          class: i([
+            "option-name",
+            {
+              "text-inkwell-10 text-right truncate": e.selectionControl
+            }
+          ])
+        }, o(l.label || l.name || l), 3)
+      ]),
+      selection: d(({ values: l, isOpen: m }) => [
+        e.useTags ? (s(), a("div", P, [
+          e.groupValues && e.options[0][e.groupValues].length === l.length ? (s(), a("div", F, [
+            t("div", {
+              class: i([
+                "multiselect__tag inline-flex items-center justify-center rounded me-2 z-[1]",
+                { "tag-gray": !!e.showTags }
+              ])
+            }, [
+              t("span", H, o(e.groupLabel), 1),
+              t("span", {
+                class: "tag-remove cursor-pointer shrink",
+                tabindex: "1",
+                onMousedown: u[0] || (u[0] = k((r) => e.removeElement(e.options[0][e.groupValues]), ["prevent", "stop"]))
+              }, [
+                h(p, {
+                  icon: "close",
+                  color: "white",
+                  class: i([
+                    "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(), a("div", I, [
+            (s(!0), a(T, null, q(!e.expand && e.limitShown ? l.slice(0, e.limitShown) : l, (r, w) => (s(), a("div", {
+              key: w,
+              class: i([
+                "multiselect__tag !inline-flex items-center justify-center rounded mr-2 z-[1]",
+                { "tag-added": r.added },
+                { "tag-gray": !!e.showTags },
+                r.tagClass ? r.tagClass : ""
+              ])
+            }, [
+              r.icon ? (s(), g(p, {
+                key: 0,
+                icon: r.icon,
+                class: "tag-icon"
+              }, null, 8, ["icon"])) : n("", !0),
+              t("span", {
+                class: i([
+                  "tag-name text-sm leading-normal pr-2",
+                  { "tag-truncate": e.truncateTag }
+                ])
+              }, o(r.label || r.name), 3),
+              t("span", {
+                class: "tag-remove cursor-pointer shrink",
+                tabindex: "1",
+                onClick: (ae) => e.removeElement(w)
+              }, [
+                h(p, {
+                  icon: "close-thick",
+                  color: "white",
+                  size: "sm",
+                  class: i([
+                    "!p-[0.3rem] tag-close flex rounded-full p-1",
+                    r.closeTagClass ? r.closeTagClass : e.showTags ? "bg-inkwell-30" : e.taggable && r.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, U)
+            ], 2))), 128)),
+            !e.expand && e.showSelectedCount && e.multiple && l.length > e.limitShown ? (s(), a("span", B, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
+          ]))
+        ])) : n("", !0),
+        !e.showTags && !e.taggable && e.multiple && l.length ? (s(), a("div", {
+          key: 1,
+          class: i([
+            "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" }
+        }, [
+          t("span", {
+            class: i([
+              "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.options[0][e.groupLabel] || e.groupLabel : l[0][e.label]), 3),
+          e.selectionControl ? (s(), a("span", M, 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(), a("span", N, " + " + o(l.length - e.limitShown) + " more... ", 1)) : n("", !0)
+        ], 2)) : m && !e.useTags && !e.multiple ? (s(), a("div", {
+          key: 2,
+          class: i([
+            "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(), a(T, { key: 0 }, [
+            t("span", Q, o(e.placeholder || ""), 1),
+            t("span", G, o(e.selected?.label || e.selected?.name || ""), 1)
+          ], 64)) : (s(), a("span", K, o(e.selected?.label || e.selected?.name || e.placeholder || ""), 1))
+        ], 2)) : m && !e.useTags && e.multiple && e.selectionControl ? (s(), a("div", J, [
+          t("span", W, o(e.placeholder || ""), 1)
+        ])) : n("", !0)
+      ]),
+      option: d(({ option: l, search: m }) => [
+        t("div", {
+          class: i([
+            "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(L, {
+            key: 0,
+            "has-icon": !0,
+            class: "selected-checkbox mr-2",
+            shape: "square"
+          }, {
+            icon: d(() => [
+              h(p, {
+                icon: "check",
+                color: "white",
+                type: "line"
+              })
+            ]),
+            _: 1
+          })) : n("", !0),
+          t("div", {
+            class: i([
+              "option-icon-name flex items-center",
+              !l.$groupLabel && e.groupLabel ? "pl-0" : ""
+            ])
+          }, [
+            l.icon ? (s(), g(p, {
+              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),
+            t("div", {
+              class: i(["option-name", [
+                l.optionClass ? l.optionClass : ""
+              ]])
+            }, o(l.$groupLabel || l.label || l.name || l), 3),
+            l.description && e.showOptionDescription ? (s(), a("div", Y, o(l.description), 1)) : n("", !0),
+            e.multiple && e.hasCheckboxes ? n("", !0) : (s(), g(p, {
+              key: 3,
+              icon: "check",
+              size: "sm",
+              type: "line",
+              color: "inkwell-30",
+              class: "selected-icon"
+            }))
+          ], 2)
+        ], 10, X)
       ]),
-      _: 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: d(() => [
+          t("div", D, [
+            h(y, {
+              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: d(() => [
+                c(o(e.$t("HC_SELECT_ALL")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"]),
+            h(y, {
+              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: d(() => [
+                c(o(e.$t("HC_CLEAR_ALL")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "onClick"])
+          ])
+        ]),
+        key: "0"
+      } : void 0,
+      e.required && !e.floatingLabel ? {
+        name: "placeholder",
+        fn: d(() => [
+          t("span", null, [
+            c(o(e.placeholder), 1),
+            t("span", j, " *" + o(e.$t("HC_REQUIRED")), 1)
+          ])
+        ]),
+        key: "1"
+      } : 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", "onClose", "onTag"]),
+    e.showFloatingLabel ? (s(), a("div", Z, [
+      t("span", _, o(e.placeholder), 1),
+      e.required ? (s(), a("span", x, "*" + o(e.$t("HC_REQUIRED")), 1)) : n("", !0)
+    ])) : n("", !0)
+  ], 10, O);
 }
-const X = /* @__PURE__ */ B(z, [["render", I], ["__scopeId", "data-v-a76fc032"]]);
+const ue = /* @__PURE__ */ E(V, [["render", ee], ["__scopeId", "data-v-9a966622"]]);
 export {
-  X as default
+  ue as default
 };