@quidgest/ui 0.17.2 → 0.17.4

package/esm/components/QList/QList.vue.js

@@ -1,242 +1,230 @@
-import { defineComponent as N, ref as b, computed as D, toRef as V, watch as X, createBlock as A, openBlock as m, resolveDynamicComponent as Y, normalizeClass as Z, withCtx as v, renderSlot as L, createElementBlock as M, Fragment as q, renderList as E, unref as $ } from "vue";
-import { QListItemGroup as ee, QListItem as te } from "./index.js";
-import { useGroup as ne } from "../../composables/useGroup/index.js";
-const oe = /* @__PURE__ */ N({
-  __name: "QList",
-  props: {
-    id: {},
-    class: {},
-    modelValue: {},
-    highlighted: {},
-    items: {},
-    groups: { default: () => [] },
-    selectable: { type: Boolean },
-    selectOnTab: { type: Boolean, default: !0 },
-    multiple: { type: Boolean },
-    disabled: { type: Boolean },
-    required: { type: Boolean },
-    itemValue: { default: "key" },
-    itemLabel: { default: "label" }
-  },
-  emits: ["update:modelValue", "click", "mouseenter:item"],
-  setup(O, { expose: R, emit: G }) {
-    const n = O, g = G, h = b(!1), Q = D(() => u.value.length > 1 ? "div" : "ul"), u = D(() => n.groups.length ? n.groups.filter(
-      (e) => {
-        var t;
-        return (t = n.items) == null ? void 0 : t.some((l) => l.group === e.id);
-      }
-    ) : [{ id: "", title: "" }]), { active: r } = ne({
-      active: V(n, "modelValue"),
-      required: V(n, "required"),
-      multiple: V(n, "multiple")
-    }), k = b(null), I = b(null);
-    function S(e) {
-      g("click", e);
-    }
-    function U(e) {
-      g("mouseenter:item", e);
-    }
-    function j() {
-      h.value = !0;
-    }
-    function z() {
-      h.value = !1;
-    }
-    function H(e) {
-      var i, s;
-      if (!n.items || (i = k.value) != null && i.contains(e.relatedTarget))
-        return;
-      let t = -1;
-      n.multiple ? ((s = r.value) == null ? void 0 : s.length) > 0 && (t = n.items.findIndex(
-        (a) => r.value.includes(a[n.itemValue])
-      )) : r.value && (t = n.items.findIndex((a) => a[n.itemValue] === r.value)), t === -1 && (t = x());
-      const l = h.value;
-      c(t, l);
-    }
-    const w = b("");
-    let C;
-    function K(e) {
-      var t;
-      switch (window.clearTimeout(C), ["ArrowDown", "ArrowUp", "Home", "End"].includes(e.key) && e.preventDefault(), e.key) {
-        case "ArrowDown":
-          p("next");
-          break;
-        case "ArrowUp":
-          p("prev");
-          break;
-        case "Home":
-          p("first");
-          break;
-        case "End":
-          p("last");
-          break;
-      }
-      if (/^[a-z]$/i.test(e.key)) {
-        w.value += e.key.toLowerCase();
-        const l = ((t = n.items) == null ? void 0 : t.length) || 0;
-        for (let i = 0; i < l; i++)
-          if (n.items[i][n.itemLabel].toLowerCase().startsWith(w.value)) {
-            c(i);
-            break;
-          }
-        e.preventDefault(), e.stopPropagation();
-      }
-      C = window.setTimeout(function() {
-        w.value = "";
-      }, 500);
-    }
-    function p(e) {
-      switch (e) {
-        case "next":
-        case "prev":
-          c(W(e));
-          break;
-        case "first":
-          c(x());
-          break;
-        case "last":
-          c(B());
-          break;
-      }
-    }
-    function c(e, t = !1) {
-      var i;
-      (i = o()[e]) == null || i.focus({ preventScroll: t });
-    }
-    function o() {
-      var t;
-      const e = (t = k.value) == null ? void 0 : t.querySelectorAll("li");
-      return e ? Array.from(e) : [];
-    }
-    function P(e) {
-      return o()[e];
-    }
-    function _() {
-      return o().indexOf(document.activeElement);
-    }
-    function x() {
-      const e = o(), t = e.find((l) => y(l));
-      return t ? e.indexOf(t) : -1;
-    }
-    function B() {
-      const e = o(), t = [...e].reverse().find((l) => y(l));
-      return t ? e.indexOf(t) : -1;
-    }
-    function F(e, t, l) {
-      return t === "prev" && e <= 0 || t === "next" && e === l.length - 1;
-    }
-    function W(e) {
-      const t = _();
-      return T(t, e);
-    }
-    function T(e, t) {
-      const l = o();
-      if (F(e, t, l))
-        return e;
-      let i = e + (t === "next" ? 1 : -1);
-      for (; !y(l[i]); ) {
-        if (F(i, t, l))
-          return e;
-        i += t === "next" ? 1 : -1;
-      }
-      return i;
-    }
-    function y(e) {
-      return e.tabIndex === -2;
-    }
-    function J(e) {
-      var t;
-      return e ? (t = n.items) == null ? void 0 : t.filter((l) => l.group === e) : n.items;
-    }
-    return X(r, (e) => {
-      g("update:modelValue", e);
-    }), R({
-      getItem: P,
-      getActiveItemIndex: _,
-      getAdjacentItemIndex: T,
-      getFirstFocusableItemIndex: x,
-      getLastFocusableItemIndex: B
-    }), (e, t) => (m(), A(Y(Q.value), {
-      id: n.id,
-      ref_key: "listRef",
-      ref: k,
-      class: Z(["q-list", { "q-list--disabled": n.disabled }, n.class]),
-      role: "listbox",
-      tabindex: n.disabled ? -1 : 0,
-      onFocus: H,
-      onMousedown: j,
-      onMouseup: z,
-      onKeydown: K
-    }, {
-      default: v(() => [
-        L(e.$slots, "default", {}, () => [
-          (m(!0), M(
-            q,
-            null,
-            E(u.value, (l, i) => (m(), A($(ee), {
-              id: l.id,
-              key: l.id,
-              title: u.value.length === 1 ? void 0 : l.title
-            }, {
-              default: v(() => [
-                (m(!0), M(
-                  q,
-                  null,
-                  E(J(l.id), (s, a) => (m(), A($(te), {
-                    key: s[n.itemValue],
-                    ref_for: !0,
-                    ref_key: "listItemsRef",
-                    ref: I,
-                    value: s[n.itemValue],
-                    label: s[n.itemLabel],
-                    description: s.description,
-                    icon: s.icon,
-                    disabled: n.disabled || l.disabled || s.disabled,
-                    highlighted: n.highlighted === s[n.itemValue],
-                    selectable: n.selectable || n.multiple || s.selectable,
-                    checkboxless: !n.multiple,
-                    "select-on-tab": n.selectOnTab,
-                    onClick: () => S(s[n.itemValue]),
-                    onMouseenter: () => U(s[n.itemValue])
-                  }, {
-                    append: v(() => {
-                      var d, f;
-                      return [
-                        L(e.$slots, "item.append", {
-                          item: s,
-                          element: (f = (d = I.value) == null ? void 0 : d[a + i * u.value.length]) == null ? void 0 : f.$el
-                        })
-                      ];
-                    }),
-                    default: v(() => {
-                      var d, f;
-                      return [
-                        L(e.$slots, "item", {
-                          item: s,
-                          element: (f = (d = I.value) == null ? void 0 : d[a + i * u.value.length]) == null ? void 0 : f.$el
-                        })
-                      ];
-                    }),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["value", "label", "description", "icon", "disabled", "highlighted", "selectable", "checkboxless", "select-on-tab", "onClick", "onMouseenter"]))),
-                  128
-                  /* KEYED_FRAGMENT */
-                ))
-              ]),
-              _: 2
-              /* DYNAMIC */
-            }, 1032, ["id", "title"]))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ])
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 40, ["id", "class", "tabindex"]));
-  }
+import { useGroup as e } from "../../composables/useGroup/index.js";
+import { QListItem as t, QListItemGroup as n } from "./index.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, renderSlot as f, resolveDynamicComponent as p, toRef as m, unref as h, watch as g, withCtx as _ } from "vue";
+//#region src/components/QList/QList.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ s({
+	__name: "QList",
+	props: {
+		id: {},
+		class: {},
+		modelValue: {},
+		highlighted: {},
+		items: {},
+		groups: { default: () => [] },
+		selectable: { type: Boolean },
+		selectOnTab: {
+			type: Boolean,
+			default: !0
+		},
+		multiple: { type: Boolean },
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		itemValue: { default: "key" },
+		itemLabel: { default: "label" }
+	},
+	emits: [
+		"update:modelValue",
+		"click",
+		"mouseenter:item"
+	],
+	setup(s, { expose: v, emit: y }) {
+		let b = s, x = y, S = u(!1), C = i(() => w.value.length > 1 ? "div" : "ul"), w = i(() => b.groups.length ? b.groups.filter((e) => b.items?.some((t) => t.group === e.id)) : [{
+			id: "",
+			title: ""
+		}]), { active: T } = e({
+			active: m(b, "modelValue"),
+			required: m(b, "required"),
+			multiple: m(b, "multiple")
+		}), E = u(null), D = u(null);
+		function O(e) {
+			x("click", e);
+		}
+		function k(e) {
+			x("mouseenter:item", e);
+		}
+		function A() {
+			S.value = !0;
+		}
+		function j() {
+			S.value = !1;
+		}
+		function M(e) {
+			if (!b.items || E.value?.contains(e.relatedTarget)) return;
+			let t = -1;
+			b.multiple ? T.value?.length > 0 && (t = b.items.findIndex((e) => T.value.includes(e[b.itemValue]))) : T.value && (t = b.items.findIndex((e) => e[b.itemValue] === T.value)), t === -1 && (t = V());
+			let n = S.value;
+			L(t, n);
+		}
+		let N = u(""), P;
+		function F(e) {
+			switch (window.clearTimeout(P), [
+				"ArrowDown",
+				"ArrowUp",
+				"Home",
+				"End"
+			].includes(e.key) && e.preventDefault(), e.key) {
+				case "ArrowDown":
+					I("next");
+					break;
+				case "ArrowUp":
+					I("prev");
+					break;
+				case "Home":
+					I("first");
+					break;
+				case "End":
+					I("last");
+					break;
+				default: break;
+			}
+			if (/^[a-z]$/i.test(e.key)) {
+				N.value += e.key.toLowerCase();
+				let t = b.items?.length || 0;
+				for (let e = 0; e < t; e++) if (b.items[e][b.itemLabel].toLowerCase().startsWith(N.value)) {
+					L(e);
+					break;
+				}
+				e.preventDefault(), e.stopPropagation();
+			}
+			P = window.setTimeout(function() {
+				N.value = "";
+			}, 500);
+		}
+		function I(e) {
+			switch (e) {
+				case "next":
+				case "prev":
+					L(W(e));
+					break;
+				case "first":
+					L(V());
+					break;
+				case "last":
+					L(H());
+					break;
+				default: break;
+			}
+		}
+		function L(e, t = !1) {
+			R()[e]?.focus({ preventScroll: t });
+		}
+		function R() {
+			let e = E.value?.querySelectorAll("li");
+			return e ? Array.from(e) : [];
+		}
+		function z(e) {
+			return R()[e];
+		}
+		function B() {
+			return R().indexOf(document.activeElement);
+		}
+		function V() {
+			let e = R(), t = e.find((e) => K(e));
+			return t ? e.indexOf(t) : -1;
+		}
+		function H() {
+			let e = R(), t = [...e].reverse().find((e) => K(e));
+			return t ? e.indexOf(t) : -1;
+		}
+		function U(e, t, n) {
+			return t === "prev" && e <= 0 || t === "next" && e === n.length - 1;
+		}
+		function W(e) {
+			return G(B(), e);
+		}
+		function G(e, t) {
+			let n = R();
+			if (U(e, t, n)) return e;
+			let r = e + (t === "next" ? 1 : -1);
+			for (; !K(n[r]);) {
+				if (U(r, t, n)) return e;
+				r += t === "next" ? 1 : -1;
+			}
+			return r;
+		}
+		function K(e) {
+			return e.tabIndex === -2;
+		}
+		function q(e) {
+			return e ? b.items?.filter((t) => t.group === e) : b.items;
+		}
+		return g(T, (e) => {
+			x("update:modelValue", e);
+		}), v({
+			getItem: z,
+			getActiveItemIndex: B,
+			getAdjacentItemIndex: G,
+			getFirstFocusableItemIndex: V,
+			getLastFocusableItemIndex: H
+		}), (e, i) => (l(), a(p(C.value), {
+			id: b.id,
+			ref_key: "listRef",
+			ref: E,
+			class: c([
+				"q-list",
+				{ "q-list--disabled": b.disabled },
+				b.class
+			]),
+			role: "listbox",
+			tabindex: b.disabled ? -1 : 0,
+			onFocus: M,
+			onMousedown: A,
+			onMouseup: j,
+			onKeydown: F
+		}, {
+			default: _(() => [f(e.$slots, "default", {}, () => [(l(!0), o(r, null, d(w.value, (i, s) => (l(), a(h(n), {
+				id: i.id,
+				key: i.id,
+				title: w.value.length === 1 ? void 0 : i.title
+			}, {
+				default: _(() => [(l(!0), o(r, null, d(q(i.id), (n, r) => (l(), a(h(t), {
+					key: n[b.itemValue],
+					ref_for: !0,
+					ref_key: "listItemsRef",
+					ref: D,
+					value: n[b.itemValue],
+					label: n[b.itemLabel],
+					description: n.description,
+					icon: n.icon,
+					disabled: b.disabled || i.disabled || n.disabled,
+					highlighted: b.highlighted === n[b.itemValue],
+					selectable: b.selectable || b.multiple || n.selectable,
+					checkboxless: !b.multiple,
+					"select-on-tab": b.selectOnTab,
+					onClick: () => O(n[b.itemValue]),
+					onMouseenter: () => k(n[b.itemValue])
+				}, {
+					append: _(() => [f(e.$slots, "item.append", {
+						item: n,
+						element: D.value?.[r + s * w.value.length]?.$el
+					})]),
+					default: _(() => [f(e.$slots, "item", {
+						item: n,
+						element: D.value?.[r + s * w.value.length]?.$el
+					})]),
+					_: 2
+				}, 1032, [
+					"value",
+					"label",
+					"description",
+					"icon",
+					"disabled",
+					"highlighted",
+					"selectable",
+					"checkboxless",
+					"select-on-tab",
+					"onClick",
+					"onMouseenter"
+				]))), 128))]),
+				_: 2
+			}, 1032, ["id", "title"]))), 128))])]),
+			_: 3
+		}, 40, [
+			"id",
+			"class",
+			"tabindex"
+		]));
+	}
 });
-export {
-  oe as default
-};
+//#endregion
+export { v as default };

package/esm/components/QList/QList2.vue.js

@@ -0,0 +1,5 @@
+import e from "./QList.vue.js";
+//#region src/components/QList/QList.vue
+var t = e;
+//#endregion
+export { t as default };