@quoreadmin/ui 1.4.7 → 1.5.0

package/dist/index309.js

@@ -1,21 +1,24 @@
-import n from "./index271.js";
-var a = {
-  root: function(i) {
-    var o = i.instance, t = i.props;
-    return ["p-radiobutton p-component", {
-      "p-highlight": o.checked,
-      "p-disabled": t.disabled,
-      "p-invalid": t.invalid,
-      "p-variant-filled": t.variant ? t.variant === "filled" : o.$primevue.config.inputStyle === "filled"
-    }];
-  },
-  box: "p-radiobutton-box",
-  input: "p-radiobutton-input",
-  icon: "p-radiobutton-icon"
-}, r = n.extend({
-  name: "radiobutton",
-  classes: a
-});
+import r from "./index305.js";
+import { createElementBlock as t, openBlock as o, mergeProps as C, createElementVNode as l } from "vue";
+var n = {
+  name: "AngleDoubleRightIcon",
+  extends: r
+}, i = /* @__PURE__ */ l("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M7.68757 11.1451C7.7791 11.1831 7.8773 11.2024 7.9764 11.2019C8.07769 11.1985 8.17721 11.1745 8.26886 11.1312C8.36052 11.088 8.44238 11.0265 8.50943 10.9505L12.0294 7.49085C12.1707 7.34942 12.25 7.15771 12.25 6.95782C12.25 6.75794 12.1707 6.56622 12.0294 6.42479L8.50943 2.90479C8.37014 2.82159 8.20774 2.78551 8.04633 2.80192C7.88491 2.81833 7.73309 2.88635 7.6134 2.99588C7.4937 3.10541 7.41252 3.25061 7.38189 3.40994C7.35126 3.56927 7.37282 3.73423 7.44337 3.88033L10.4605 6.89748L7.44337 9.91463C7.30212 10.0561 7.22278 10.2478 7.22278 10.4477C7.22278 10.6475 7.30212 10.8393 7.44337 10.9807C7.51301 11.0512 7.59603 11.1071 7.68757 11.1451ZM1.94207 10.9505C2.07037 11.0968 2.25089 11.1871 2.44493 11.2019C2.63898 11.1871 2.81949 11.0968 2.94779 10.9505L6.46779 7.49085C6.60905 7.34942 6.68839 7.15771 6.68839 6.95782C6.68839 6.75793 6.60905 6.56622 6.46779 6.42479L2.94779 2.90479C2.80704 2.83757 2.6489 2.81563 2.49517 2.84201C2.34143 2.86839 2.19965 2.94178 2.08936 3.05207C1.97906 3.16237 1.90567 3.30415 1.8793 3.45788C1.85292 3.61162 1.87485 3.76975 1.94207 3.9105L4.95922 6.92765L1.94207 9.9448C1.81838 10.0831 1.75 10.2621 1.75 10.4477C1.75 10.6332 1.81838 10.8122 1.94207 10.9505Z",
+  fill: "currentColor"
+}, null, -1), p = [i];
+function d(e, s, a, c, h, m) {
+  return o(), t("svg", C({
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, e.pti()), p, 16);
+}
+n.render = d;
 export {
-  r as default
+  n as default
 };

package/dist/index31.js

@@ -1,44 +1,183 @@
-import p from "./index113.js";
-import { createElementBlock as n, openBlock as o, normalizeClass as l, createElementVNode as s, renderSlot as a, Fragment as c, renderList as u, toDisplayString as d } from "vue";
+import C from "./index114.js";
+import { resolveComponent as c, createElementBlock as l, openBlock as s, renderSlot as t, createCommentVNode as a, createElementVNode as i, normalizeStyle as u, normalizeClass as n, createVNode as p, withCtx as k, createBlock as w, createTextVNode as m, toDisplayString as d, Fragment as f, renderList as g, mergeProps as $ } from "vue";
 /* empty css         */
-import k from "./index60.js";
-const f = ["value"], $ = { class: "q-menu-content px-4 pb-10" }, v = ["onClick"], y = { class: "actions" }, b = ["onClick"];
-function _(e, i, h, x, C, g) {
-  return o(), n("div", {
-    class: l(["q-menu", e.overlay]),
-    value: e.modelValue
+import H from "./index61.js";
+const V = ["id"], q = { key: 0 }, z = {
+  key: 0,
+  class: "list-filters"
+}, N = { class: "relative flex" }, R = {
+  key: 1,
+  class: "search-and-filters loading-state"
+}, D = {
+  ref: "listRef",
+  class: "outer-list-wrapper select-none"
+}, E = { key: 0 }, B = {
+  key: 0,
+  class: "list-wrapper"
+}, L = ["onClick"], T = {
+  key: 1,
+  class: "list ordered-list"
+}, U = ["onClick"], F = {
+  key: 1,
+  class: "no-results"
+}, O = {
+  key: 1,
+  class: "list-wrapper"
+}, P = { class: "list loading-list" };
+function A(e, o, I, M, Q, j) {
+  const y = c("q-icon"), v = c("q-input"), b = c("q-badge");
+  return s(), l("div", {
+    id: e.id,
+    class: "q-list"
   }, [
-    i[0] || (i[0] = s("div", { class: "overlay" }, null, -1)),
-    s("div", $, [
-      a(e.$slots, "links", {}, () => [
-        s("ul", {
-          class: l(["links rounded-[0.8125rem] mb-2", e.linksBackground])
-        }, [
-          (o(!0), n(c, null, u(e.links, (t, r) => (o(), n("li", { key: r }, [
-            s("a", {
-              class: l([
-                "px-4 py-[1.125rem] flex items-center justify-center cursor-pointer text-inkwell-00 text-md",
-                t.classes
-              ]),
-              onClick: (m) => e.$emit("click:link", t)
-            }, d(t.text), 11, v)
-          ]))), 128))
-        ], 2)
-      ], !0),
-      a(e.$slots, "actions", {}, () => [
-        s("ul", y, [
-          (o(!0), n(c, null, u(e.actions, (t, r) => (o(), n("li", { key: r }, [
-            s("a", {
-              class: "bg-white px-4 py-[1.125rem] rounded-[0.8125rem] flex items-center justify-center cursor-pointer text-blue-20 text-md font-semibold",
-              onClick: (m) => e.$emit("click:action", t)
-            }, d(t.text), 9, b)
-          ]))), 128))
+    e.hasSearch || e.filters.length ? t(e.$slots, "search-and-filters", { key: 0 }, () => [
+      i("div", {
+        ref: "searchRef",
+        class: n([
+          "search-and-filter-wrapper",
+          { "fixed right-0 left-0 top-0 pt-4 pl-4 pr-4 z-10 bg-white overflow-hidden": e.hiddenSearch },
+          { "is-shown border-b border-gray-20": e.hiddenSearch && e.isSearchVisible },
+          { "!hidden h-px": e.hiddenSearch && e.searchHeight <= 16 }
+        ]),
+        style: u([
+          e.hiddenSearch && e.searchHeight >= 0 ? `height: ${e.searchHeight}px;` : "",
+          `top: ${e.defaultSearchTop}px;`
         ])
-      ], !0)
-    ])
-  ], 10, f);
+      }, [
+        e.loading ? (s(), l("div", R, [...o[2] || (o[2] = [
+          i("div", { class: "loading-search animate-shimmer bg-gray-10" }, null, -1),
+          i("div", { class: "loading-filters animate-shimmer bg-gray-30" }, null, -1)
+        ])])) : (s(), l("div", q, [
+          i("div", {
+            class: "search-and-filters",
+            style: u(
+              e.hiddenSearch && e.searchHeight >= 0 ? `height: ${e.searchHeight - 32}px;` : ""
+            )
+          }, [
+            t(e.$slots, "before-search", {}, void 0, !0),
+            i("div", {
+              class: "list-search",
+              style: u(
+                e.hiddenSearch && e.searchHeight - 32 < 38 ? "opacity: " + (e.searchHeight - 56) / 14 + ";" : e.hiddenSearch && e.searchHeight - 32 < 24 ? "opacity; 0;" : ""
+              )
+            }, [
+              e.hasSearch ? t(e.$slots, "list-search", { key: 0 }, () => [
+                i("label", {
+                  for: "list-search",
+                  class: n([
+                    "search-label",
+                    { "!hidden": e.hiddenSearch && e.searchHeight - 32 <= 0 }
+                  ])
+                }, [
+                  p(v, {
+                    id: "list-search",
+                    modelValue: e.searchValue,
+                    "onUpdate:modelValue": o[0] || (o[0] = (r) => e.searchValue = r),
+                    "hide-clear": !!e.mq.md,
+                    placeholder: e.searchPlaceholder || e.$t("HC_SEARCH"),
+                    class: "text-base placeholder-inkwell-0",
+                    "control-class": "!border-0 !pl-2 !pr-1.5 md:!px-3",
+                    "icon-position": "left",
+                    size: "xs"
+                  }, {
+                    default: k(() => [
+                      p(y, {
+                        color: "inkwell-0",
+                        icon: "search",
+                        size: "md",
+                        type: "",
+                        class: "cursor-default"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "hide-clear", "placeholder"])
+                ], 2)
+              ], !0) : a("", !0)
+            ], 4),
+            t(e.$slots, "after-search", {}, void 0, !0),
+            e.filters.length && e.type === "row" ? (s(), l("div", z, [
+              t(e.$slots, "list-filters", {}, () => [
+                i("div", N, [
+                  p(y, {
+                    class: "filters-icon",
+                    color: "inkwell-0",
+                    icon: "filter",
+                    size: "md",
+                    onClick: o[1] || (o[1] = (r) => e.$emit("filters-action"))
+                  }),
+                  e.filtersCount ? (s(), w(b, {
+                    key: 0,
+                    class: "filters-count",
+                    color: "gray-0"
+                  }, {
+                    text: k(() => [
+                      m(d(e.filtersCount), 1)
+                    ]),
+                    _: 1
+                  })) : a("", !0)
+                ])
+              ], !0)
+            ])) : a("", !0),
+            t(e.$slots, "actions", {}, void 0, !0)
+          ], 4)
+        ])),
+        t(e.$slots, "search-separator", {}, () => [
+          i("hr", {
+            class: n([
+              "search-separator",
+              { "!mb-0 hidden": e.hiddenSearch }
+            ])
+          }, null, 2)
+        ], !0)
+      ], 6)
+    ], !0) : a("", !0),
+    i("div", D, [
+      e.loading ? (s(), l("div", O, [
+        i("ul", P, [
+          (s(!0), l(f, null, g(e.skeletonRows, (r) => (s(), l("li", {
+            key: r,
+            class: "list-item"
+          }, [...o[3] || (o[3] = [
+            i("div", { class: "animate-shimmer bg-gray-30 loading-top mb-3" }, null, -1),
+            i("div", { class: "animate-shimmer bg-gray-10 loading-bottom" }, null, -1)
+          ])]))), 128))
+        ])
+      ])) : (s(), l("div", E, [
+        e.filteredData.length ? (s(), l("div", B, [
+          e.type !== "ordered" ? (s(), l("ul", {
+            key: 0,
+            class: n(["list", `${e.type}-list`])
+          }, [
+            (s(!0), l(f, null, g(e.filteredData, (r, h) => (s(), l("li", {
+              key: h,
+              class: "list-item",
+              onClick: (S) => e.$emit("click:list-item", r)
+            }, [
+              t(e.$slots, "list-item", $({ ref_for: !0 }, { item: r }), () => [
+                m(d(r), 1)
+              ], !0)
+            ], 8, L))), 128))
+          ], 2)) : (s(), l("ol", T, [
+            (s(!0), l(f, null, g(e.filteredData, (r, h) => (s(), l("li", {
+              key: h,
+              class: "list-item",
+              onClick: (S) => e.$emit("click:list-item", r)
+            }, [
+              t(e.$slots, "list-item", $({ ref_for: !0 }, { item: r }), () => [
+                m(d(r), 1)
+              ], !0)
+            ], 8, U))), 128))
+          ]))
+        ])) : (s(), l("div", F, [
+          t(e.$slots, "no-results", {}, () => [
+            i("p", null, d(e.noResultMessage || e.$t("HC_NO_RESULTS_FOUND")), 1)
+          ], !0)
+        ]))
+      ]))
+    ], 512)
+  ], 8, V);
 }
-const E = /* @__PURE__ */ k(p, [["render", _], ["__scopeId", "data-v-bd24b7a3"]]);
+const X = /* @__PURE__ */ H(C, [["render", A], ["__scopeId", "data-v-4391cb9c"]]);
 export {
-  E as default
+  X as default
 };

package/dist/index310.js

@@ -1,24 +1,22 @@
-import t from "./index274.js";
-import { createElementBlock as r, openBlock as o, mergeProps as i, createElementVNode as n } from "vue";
+import t from "./index305.js";
+import { createElementBlock as r, openBlock as o, mergeProps as n, createElementVNode as i } from "vue";
 var l = {
-  name: "BlankIcon",
+  name: "AngleRightIcon",
   extends: t
-}, p = /* @__PURE__ */ n("rect", {
-  width: "1",
-  height: "1",
-  fill: "currentColor",
-  "fill-opacity": "0"
-}, null, -1), a = [p];
-function c(e, s, d, h, m, f) {
-  return o(), r("svg", i({
+}, p = /* @__PURE__ */ i("path", {
+  d: "M5.25 11.1728C5.14929 11.1694 5.05033 11.1455 4.9592 11.1025C4.86806 11.0595 4.78666 10.9984 4.72 10.9228C4.57955 10.7822 4.50066 10.5916 4.50066 10.3928C4.50066 10.1941 4.57955 10.0035 4.72 9.86283L7.72 6.86283L4.72 3.86283C4.66067 3.71882 4.64765 3.55991 4.68275 3.40816C4.71785 3.25642 4.79932 3.11936 4.91585 3.01602C5.03238 2.91268 5.17819 2.84819 5.33305 2.83149C5.4879 2.81479 5.64411 2.84671 5.78 2.92283L9.28 6.42283C9.42045 6.56346 9.49934 6.75408 9.49934 6.95283C9.49934 7.15158 9.42045 7.34221 9.28 7.48283L5.78 10.9228C5.71333 10.9984 5.63193 11.0595 5.5408 11.1025C5.44966 11.1455 5.35071 11.1694 5.25 11.1728Z",
+  fill: "currentColor"
+}, null, -1), s = [p];
+function C(e, a, c, d, h, m) {
+  return o(), r("svg", n({
     width: "14",
     height: "14",
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, e.pti()), a, 16);
+  }, e.pti()), s, 16);
 }
-l.render = c;
+l.render = C;
 export {
   l as default
 };

package/dist/index311.js

@@ -1,24 +1,22 @@
-import C from "./index274.js";
-import { createElementBlock as r, openBlock as t, mergeProps as o, createElementVNode as n } from "vue";
+import t from "./index305.js";
+import { createElementBlock as r, openBlock as o, mergeProps as n, createElementVNode as i } from "vue";
 var l = {
-  name: "SearchIcon",
-  extends: C
-}, i = /* @__PURE__ */ n("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M2.67602 11.0265C3.6661 11.688 4.83011 12.0411 6.02086 12.0411C6.81149 12.0411 7.59438 11.8854 8.32483 11.5828C8.87005 11.357 9.37808 11.0526 9.83317 10.6803L12.9769 13.8241C13.0323 13.8801 13.0983 13.9245 13.171 13.9548C13.2438 13.985 13.3219 14.0003 13.4007 14C13.4795 14.0003 13.5575 13.985 13.6303 13.9548C13.7031 13.9245 13.7691 13.8801 13.8244 13.8241C13.9367 13.7116 13.9998 13.5592 13.9998 13.4003C13.9998 13.2414 13.9367 13.089 13.8244 12.9765L10.6807 9.8328C11.053 9.37773 11.3573 8.86972 11.5831 8.32452C11.8857 7.59408 12.0414 6.81119 12.0414 6.02056C12.0414 4.8298 11.6883 3.66579 11.0268 2.67572C10.3652 1.68564 9.42494 0.913972 8.32483 0.45829C7.22472 0.00260857 6.01418 -0.116618 4.84631 0.115686C3.67844 0.34799 2.60568 0.921393 1.76369 1.76338C0.921698 2.60537 0.348296 3.67813 0.115991 4.84601C-0.116313 6.01388 0.00291375 7.22441 0.458595 8.32452C0.914277 9.42464 1.68595 10.3649 2.67602 11.0265ZM3.35565 2.0158C4.14456 1.48867 5.07206 1.20731 6.02086 1.20731C7.29317 1.20731 8.51338 1.71274 9.41304 2.6124C10.3127 3.51206 10.8181 4.73226 10.8181 6.00457C10.8181 6.95337 10.5368 7.88088 10.0096 8.66978C9.48251 9.45868 8.73328 10.0736 7.85669 10.4367C6.98011 10.7997 6.01554 10.8947 5.08496 10.7096C4.15439 10.5245 3.2996 10.0676 2.62869 9.39674C1.95778 8.72583 1.50089 7.87104 1.31579 6.94046C1.13068 6.00989 1.22568 5.04532 1.58878 4.16874C1.95187 3.29215 2.56675 2.54292 3.35565 2.0158Z",
+  name: "AngleLeftIcon",
+  extends: t
+}, p = /* @__PURE__ */ i("path", {
+  d: "M8.75 11.185C8.65146 11.1854 8.55381 11.1662 8.4628 11.1284C8.37179 11.0906 8.28924 11.0351 8.22 10.965L4.72 7.46496C4.57955 7.32433 4.50066 7.13371 4.50066 6.93496C4.50066 6.73621 4.57955 6.54558 4.72 6.40496L8.22 2.93496C8.36095 2.84357 8.52851 2.80215 8.69582 2.81733C8.86312 2.83252 9.02048 2.90344 9.14268 3.01872C9.26487 3.134 9.34483 3.28696 9.36973 3.4531C9.39463 3.61924 9.36303 3.78892 9.28 3.93496L6.28 6.93496L9.28 9.93496C9.42045 10.0756 9.49934 10.2662 9.49934 10.465C9.49934 10.6637 9.42045 10.8543 9.28 10.995C9.13526 11.1257 8.9448 11.1939 8.75 11.185Z",
   fill: "currentColor"
-}, null, -1), p = [i];
-function d(e, a, c, s, h, m) {
-  return t(), r("svg", o({
+}, null, -1), s = [p];
+function a(e, C, c, d, m, h) {
+  return o(), r("svg", n({
     width: "14",
     height: "14",
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, e.pti()), p, 16);
+  }, e.pti()), s, 16);
 }
-l.render = d;
+l.render = a;
 export {
   l as default
 };

package/dist/index312.js

@@ -1,65 +1,71 @@
-import a from "./index271.js";
-var l = {
-  root: function(e) {
-    var p = e.instance, n = e.props, o = e.state;
-    return ["p-dropdown p-component p-inputwrapper", {
-      "p-disabled": n.disabled,
-      "p-invalid": n.invalid,
-      "p-variant-filled": n.variant ? n.variant === "filled" : p.$primevue.config.inputStyle === "filled",
-      "p-dropdown-clearable": n.showClear,
-      "p-focus": o.focused,
-      "p-inputwrapper-filled": p.hasSelectedOption,
-      "p-inputwrapper-focus": o.focused || o.overlayVisible,
-      "p-overlay-open": o.overlayVisible
-    }];
-  },
-  input: function(e) {
-    var p, n = e.instance, o = e.props;
-    return ["p-dropdown-label p-inputtext", {
-      "p-placeholder": !o.editable && n.label === o.placeholder,
-      "p-dropdown-label-empty": !o.editable && !n.$slots.value && (n.label === "p-emptylabel" || ((p = n.label) === null || p === void 0 ? void 0 : p.length) === 0)
-    }];
-  },
-  clearIcon: "p-dropdown-clear-icon",
-  trigger: "p-dropdown-trigger",
-  loadingicon: "p-dropdown-trigger-icon",
-  dropdownIcon: "p-dropdown-trigger-icon",
-  panel: function(e) {
-    e.props;
-    var p = e.instance;
-    return ["p-dropdown-panel p-component", {
-      "p-ripple-disabled": p.$primevue.config.ripple === !1
-    }];
-  },
-  header: "p-dropdown-header",
-  filterContainer: "p-dropdown-filter-container",
-  filterInput: function(e) {
-    var p = e.props, n = e.instance;
-    return ["p-dropdown-filter p-inputtext p-component", {
-      "p-variant-filled": p.variant ? p.variant === "filled" : n.$primevue.config.inputStyle === "filled"
-    }];
-  },
-  filterIcon: "p-dropdown-filter-icon",
-  wrapper: "p-dropdown-items-wrapper",
-  list: "p-dropdown-items",
-  itemGroup: "p-dropdown-item-group",
-  itemGroupLabel: "p-dropdown-item-group-label",
-  item: function(e) {
-    var p = e.instance, n = e.props, o = e.state, t = e.option, r = e.focusedOption;
-    return ["p-dropdown-item", {
-      "p-highlight": p.isSelected(t) && n.highlightOnSelect,
-      "p-focus": o.focusedOptionIndex === r,
-      "p-disabled": p.isOptionDisabled(t)
-    }];
-  },
-  itemLabel: "p-dropdown-item-label",
-  checkIcon: "p-dropdown-check-icon",
-  blankIcon: "p-dropdown-blank-icon",
-  emptyMessage: "p-dropdown-empty-message"
-}, s = a.extend({
-  name: "dropdown",
-  classes: l
+import n from "./index274.js";
+var t = `
+@layer primevue {
+    .p-virtualscroller {
+        position: relative;
+        overflow: auto;
+        contain: strict;
+        transform: translateZ(0);
+        will-change: scroll-position;
+        outline: 0 none;
+    }
+
+    .p-virtualscroller-content {
+        position: absolute;
+        top: 0;
+        left: 0;
+        /* contain: content; */
+        min-height: 100%;
+        min-width: 100%;
+        will-change: transform;
+    }
+
+    .p-virtualscroller-spacer {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 1px;
+        width: 1px;
+        transform-origin: 0 0;
+        pointer-events: none;
+    }
+
+    .p-virtualscroller .p-virtualscroller-loader {
+        position: sticky;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .p-virtualscroller-loader.p-component-overlay {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-virtualscroller-loading-icon {
+        font-size: 2rem;
+    }
+
+    .p-virtualscroller-loading-icon.p-icon {
+        width: 2rem;
+        height: 2rem;
+    }
+
+    .p-virtualscroller-horizontal > .p-virtualscroller-content {
+        display: flex;
+    }
+
+    /* Inline */
+    .p-virtualscroller-inline .p-virtualscroller-content {
+        position: static;
+    }
+}
+`, r = n.extend({
+  name: "virtualscroller",
+  css: t
 });
 export {
-  s as default
+  r as default
 };