@quidgest/ui 0.17.2 → 0.17.3

package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js

@@ -1,216 +1,197 @@
-import { defineComponent as U, mergeModels as _, useModel as A, ref as M, computed as q, useTemplateRef as z, resolveComponent as H, createBlock as x, openBlock as c, unref as y, normalizeClass as j, withCtx as u, createElementVNode as G, withModifiers as J, renderSlot as l, createVNode as E, createElementBlock as R, createCommentVNode as k, toDisplayString as W, Fragment as X, normalizeProps as b, guardReactiveProps as V, mergeProps as Y, nextTick as Z } from "vue";
-import { DEFAULT_ICONS as K } from "./constants.js";
-import { QList as ee } from "../QList/index.js";
-import { QOverlay as te } from "../QOverlay/index.js";
-import { QIcon as oe } from "../QIcon/index.js";
-const ne = {
-  key: 0,
-  class: "q-dropdown-menu__extra"
-}, ue = /* @__PURE__ */ U({
-  __name: "QDropdownMenuContent",
-  props: /* @__PURE__ */ _({
-    id: {},
-    class: {},
-    activator: {},
-    itemValue: { default: "key" },
-    itemLabel: { default: "label" },
-    items: {},
-    groups: { default: () => [] },
-    appearance: { default: "regular" },
-    placement: { default: "bottom-start" },
-    transition: { default: "fade" },
-    inline: { type: Boolean },
-    delay: { default: 500 },
-    trigger: { default: "hover" },
-    depth: { default: 0 },
-    icons: { default: () => K },
-    offset: { default: 0 },
-    crossOffset: { default: -5 }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {},
-    highlighted: {},
-    highlightedModifiers: {}
-  }),
-  emits: /* @__PURE__ */ _(["select", "open", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
-  setup(d, { emit: $ }) {
-    const t = d, f = $, m = A(d, "modelValue"), s = A(d, "highlighted"), i = M(void 0), I = M([]), P = q(() => t.depth !== 0 ? t.offset : 4), S = q(() => t.depth !== 0 ? t.crossOffset : void 0), p = z("qListRef");
-    function B(e) {
-      var o;
-      const n = (o = t.items) == null ? void 0 : o.find((r) => r[t.itemValue] === e);
-      I.value = (n == null ? void 0 : n.items) ?? [];
-      const a = I.value.length > 0;
-      s.value = e, a ? g(e) : L(e);
-    }
-    function D(e) {
-      var n;
-      if (e.key)
-        switch (["Enter", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key) {
-          case "ArrowRight":
-            const a = (n = p.value) == null ? void 0 : n.getActiveItemIndex();
-            t.items && (a || a === 0) && t.items[a] && (s.value = t.items[a].key, g(t.items[a].key));
-            break;
-          case "ArrowLeft":
-            h();
-            break;
-          case "Escape":
-          case "Tab":
-            v();
-            break;
-        }
-    }
-    function O(e) {
-      t.trigger === "hover" && (s.value = e, g(e));
-    }
-    function L(e) {
-      f("select", e), v();
-    }
-    function N() {
-      h();
-    }
-    function h() {
-      i.value = void 0, s.value = void 0, m.value = !1, f("focus-previous");
-    }
-    function v() {
-      h(), f("hide");
-    }
-    function g(e) {
-      i.value = e;
-    }
-    function Q() {
-      var a, o;
-      const e = (a = t.items) == null ? void 0 : a.findIndex(
-        (r) => r[t.itemValue] === i.value
-      );
-      if (!e && e !== 0) return;
-      const n = (o = p.value) == null ? void 0 : o.getItem(e);
-      i.value = void 0, s.value = void 0, n == null || n.focus();
-    }
-    function T() {
-      Z(() => {
-        var e;
-        return (e = p.value) == null ? void 0 : e.$el.focus();
-      });
-    }
-    function F() {
-      f("open"), T();
-    }
-    return (e, n) => {
-      const a = H("q-dropdown-menu-content", !0);
-      return c(), x(y(te), {
-        id: t.id,
-        modelValue: m.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (o) => m.value = o),
-        anchor: t.activator,
-        appearance: t.appearance,
-        inline: t.inline,
-        delay: t.delay,
-        offset: P.value,
-        "cross-offset": S.value,
-        placement: t.placement,
-        transition: t.transition,
-        class: j(t.class),
-        "scroll-lock": "",
-        "non-modal": "",
-        onEnter: F,
-        onLeave: N
-      }, {
-        default: u(() => [
-          G(
-            "div",
-            {
-              class: "q-dropdown-menu__body",
-              "data-testid": "dropdown-content",
-              tabindex: "-1",
-              onKeydown: J(D, ["stop"])
-            },
-            [
-              l(e.$slots, "prepend"),
-              E(y(ee), {
-                ref: "qListRef",
-                class: "q-dropdown-menu__items",
-                highlighted: s.value,
-                items: t.items,
-                groups: t.groups,
-                "item-label": t.itemLabel,
-                "item-value": t.itemValue,
-                selectable: !1,
-                "select-on-tab": !1,
-                onClick: B,
-                "onMouseenter:item": O
-              }, {
-                item: u(({ item: o }) => [
-                  l(e.$slots, "item", { item: o })
-                ]),
-                "item.append": u(({ item: o, element: r }) => {
-                  var C;
-                  return [
-                    l(e.$slots, "item.append", { item: o }, () => [
-                      o.extraInfo ? (c(), R(
-                        "span",
-                        ne,
-                        W(o.extraInfo),
-                        1
-                        /* TEXT */
-                      )) : k("v-if", !0)
-                    ]),
-                    ((C = o.items) == null ? void 0 : C.length) > 0 ? (c(), R(
-                      X,
-                      { key: 0 },
-                      [
-                        E(
-                          y(oe),
-                          b(V(t.icons.expand)),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        ),
-                        i.value === o.key ? (c(), x(a, Y({
-                          key: 0,
-                          "model-value": d.modelValue
-                        }, t, {
-                          activator: r,
-                          items: o.items,
-                          groups: o.groups,
-                          depth: t.depth + 1,
-                          delay: t.delay,
-                          placement: "right-start",
-                          "non-modal": "",
-                          inline: "",
-                          onHide: v,
-                          onSelect: L,
-                          onFocusPrevious: Q
-                        }), {
-                          item: u((w) => [
-                            l(e.$slots, "item", b(V(w)))
-                          ]),
-                          "item.append": u((w) => [
-                            l(e.$slots, "item.append", b(V(w)))
-                          ]),
-                          _: 3
-                          /* FORWARDED */
-                        }, 16, ["model-value", "activator", "items", "groups", "depth", "delay"])) : k("v-if", !0)
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    )) : k("v-if", !0)
-                  ];
-                }),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["highlighted", "items", "groups", "item-label", "item-value"]),
-              l(e.$slots, "append")
-            ],
-            32
-            /* NEED_HYDRATION */
-          )
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["id", "modelValue", "anchor", "appearance", "inline", "delay", "offset", "cross-offset", "placement", "transition", "class"]);
-    };
-  }
+import { QIcon as e } from "../QIcon/index.js";
+import { QList as t } from "../QList/index.js";
+import { QOverlay as n } from "../QOverlay/index.js";
+import { DEFAULT_ICONS as r } from "./constants.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, normalizeProps as _, openBlock as v, ref as y, renderSlot as b, resolveComponent as x, toDisplayString as S, unref as C, useModel as w, useTemplateRef as T, withCtx as E, withModifiers as D } from "vue";
+//#region src/components/QDropdownMenu/QDropdownMenuContent.vue?vue&type=script&setup=true&lang.ts
+var O = {
+	key: 0,
+	class: "q-dropdown-menu__extra"
+}, k = /*@__PURE__*/ d({
+	__name: "QDropdownMenuContent",
+	props: /*@__PURE__*/ p({
+		id: {},
+		class: {},
+		activator: {},
+		itemValue: { default: "key" },
+		itemLabel: { default: "label" },
+		items: {},
+		groups: { default: () => [] },
+		appearance: { default: "regular" },
+		placement: { default: "bottom-start" },
+		transition: { default: "fade" },
+		inline: { type: Boolean },
+		delay: { default: 500 },
+		trigger: { default: "hover" },
+		depth: { default: 0 },
+		icons: { default: () => r },
+		offset: { default: 0 },
+		crossOffset: { default: -5 }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {},
+		highlighted: {},
+		highlightedModifiers: {}
+	}),
+	emits: /*@__PURE__*/ p([
+		"select",
+		"open",
+		"hide",
+		"focus-previous"
+	], ["update:modelValue", "update:highlighted"]),
+	setup(r, { emit: d }) {
+		let p = r, k = d, A = w(r, "modelValue"), j = w(r, "highlighted"), M = y(void 0), N = y([]), P = a(() => p.depth === 0 ? 4 : p.offset), F = a(() => p.depth === 0 ? void 0 : p.crossOffset), I = T("qListRef");
+		function L(e) {
+			N.value = p.items?.find((t) => t[p.itemValue] === e)?.items ?? [];
+			let t = N.value.length > 0;
+			j.value = e, t ? W(e) : B(e);
+		}
+		function R(e) {
+			if (e.key) switch ([
+				"Enter",
+				"ArrowDown",
+				"ArrowUp",
+				"ArrowLeft",
+				"ArrowRight"
+			].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key) {
+				case "ArrowRight":
+					let e = I.value?.getActiveItemIndex();
+					p.items && (e || e === 0) && p.items[e] && (j.value = p.items[e].key, W(p.items[e].key));
+					break;
+				case "ArrowLeft":
+					H();
+					break;
+				case "Escape":
+				case "Tab":
+					U();
+					break;
+				default: break;
+			}
+		}
+		function z(e) {
+			p.trigger === "hover" && (j.value = e, W(e));
+		}
+		function B(e) {
+			k("select", e), U();
+		}
+		function V() {
+			H();
+		}
+		function H() {
+			M.value = void 0, j.value = void 0, A.value = !1, k("focus-previous");
+		}
+		function U() {
+			H(), k("hide");
+		}
+		function W(e) {
+			M.value = e;
+		}
+		function G() {
+			let e = p.items?.findIndex((e) => e[p.itemValue] === M.value);
+			if (!e && e !== 0) return;
+			let t = I.value?.getItem(e);
+			M.value = void 0, j.value = void 0, t?.focus();
+		}
+		function K() {
+			h(() => I.value?.$el.focus());
+		}
+		function q() {
+			k("open"), K();
+		}
+		return (a, d) => {
+			let h = x("q-dropdown-menu-content", !0);
+			return v(), o(C(n), {
+				id: p.id,
+				modelValue: A.value,
+				"onUpdate:modelValue": d[0] ||= (e) => A.value = e,
+				anchor: p.activator,
+				appearance: p.appearance,
+				inline: p.inline,
+				delay: p.delay,
+				offset: P.value,
+				"cross-offset": F.value,
+				placement: p.placement,
+				transition: p.transition,
+				class: g(p.class),
+				"scroll-lock": "",
+				"non-modal": "",
+				onEnter: q,
+				onLeave: V
+			}, {
+				default: E(() => [l("div", {
+					class: "q-dropdown-menu__body",
+					"data-testid": "dropdown-content",
+					tabindex: "-1",
+					onKeydown: D(R, ["stop"])
+				}, [
+					b(a.$slots, "prepend"),
+					u(C(t), {
+						ref: "qListRef",
+						class: "q-dropdown-menu__items",
+						highlighted: j.value,
+						items: p.items,
+						groups: p.groups,
+						"item-label": p.itemLabel,
+						"item-value": p.itemValue,
+						selectable: !1,
+						"select-on-tab": !1,
+						onClick: L,
+						"onMouseenter:item": z
+					}, {
+						item: E(({ item: e }) => [b(a.$slots, "item", { item: e })]),
+						"item.append": E(({ item: t, element: n }) => [b(a.$slots, "item.append", { item: t }, () => [t.extraInfo ? (v(), c("span", O, S(t.extraInfo), 1)) : s("v-if", !0)]), t.items?.length > 0 ? (v(), c(i, { key: 0 }, [u(C(e), _(f(p.icons.expand)), null, 16), M.value === t.key ? (v(), o(h, m({
+							key: 0,
+							"model-value": r.modelValue
+						}, p, {
+							activator: n,
+							items: t.items,
+							groups: t.groups,
+							depth: p.depth + 1,
+							delay: p.delay,
+							placement: "right-start",
+							"non-modal": "",
+							inline: "",
+							onHide: U,
+							onSelect: B,
+							onFocusPrevious: G
+						}), {
+							item: E((e) => [b(a.$slots, "item", _(f(e)))]),
+							"item.append": E((e) => [b(a.$slots, "item.append", _(f(e)))]),
+							_: 3
+						}, 16, [
+							"model-value",
+							"activator",
+							"items",
+							"groups",
+							"depth",
+							"delay"
+						])) : s("v-if", !0)], 64)) : s("v-if", !0)]),
+						_: 3
+					}, 8, [
+						"highlighted",
+						"items",
+						"groups",
+						"item-label",
+						"item-value"
+					]),
+					b(a.$slots, "append")
+				], 32)]),
+				_: 3
+			}, 8, [
+				"id",
+				"modelValue",
+				"anchor",
+				"appearance",
+				"inline",
+				"delay",
+				"offset",
+				"cross-offset",
+				"placement",
+				"transition",
+				"class"
+			]);
+		};
+	}
 });
-export {
-  ue as default
-};
+//#endregion
+export { k as default };

package/esm/components/QDropdownMenu/QDropdownMenuContent2.vue.js

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

package/esm/components/QDropdownMenu/constants.js

@@ -1,8 +1,4 @@
-const n = {
-  expand: {
-    icon: "chevron-right"
-  }
-};
-export {
-  n as DEFAULT_ICONS
-};
+//#region src/components/QDropdownMenu/constants.ts
+var e = { expand: { icon: "chevron-right" } };
+//#endregion
+export { e as DEFAULT_ICONS };

package/esm/components/QDropdownMenu/index.js

@@ -1,6 +1,6 @@
-import o from "./QDropdownMenu.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const t = r(o);
-export {
-  t as QDropdownMenu
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QDropdownMenu2.vue.js";
+//#region src/components/QDropdownMenu/index.ts
+var n = e(t);
+//#endregion
+export { n as QDropdownMenu };

package/esm/components/QField/QField.vue.js

@@ -1,91 +1,75 @@
-import { defineComponent as c, useTemplateRef as b, computed as a, createElementBlock as i, openBlock as o, normalizeClass as q, createBlock as m, createCommentVNode as d, renderSlot as s, unref as v, withCtx as t, createElementVNode as _, mergeProps as $ } from "vue";
-import { QLabel as y } from "../QLabel/index.js";
-const h = ["id"], k = {
-  key: 0,
-  class: "q-field__prepend"
-}, B = {
-  key: 1,
-  class: "q-field__append"
-}, C = {
-  key: 1,
-  class: "q-field__extras"
-}, E = /* @__PURE__ */ c({
-  inheritAttrs: !1,
-  __name: "QField",
-  props: {
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: { default: "topleft" },
-    size: { default: "medium" },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean }
-  },
-  setup(r, { expose: n }) {
-    const e = r, p = b("field"), f = a(() => e.required && !e.readonly && !e.disabled), u = a(() => [
-      "q-field",
-      `q-field--${e.size}`,
-      `q-field--label-${e.labelPosition}`,
-      {
-        "q-field--readonly": e.readonly,
-        "q-field--disabled": e.disabled,
-        "q-field--required": f.value,
-        "q-field--invalid": e.invalid
-      },
-      e.class
-    ]);
-    return n({
-      fieldRef: p
-    }), (l, P) => (o(), i("div", {
-      id: e.id,
-      class: q(u.value)
-    }, [
-      e.label ? (o(), m(v(y), {
-        key: 0,
-        class: "q-field__label",
-        label: e.label,
-        "label-position": e.labelPosition,
-        for: e.for,
-        required: e.required
-      }, {
-        prepend: t(() => [
-          s(l.$slots, "label.prepend")
-        ]),
-        append: t(() => [
-          s(l.$slots, "label.append")
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["label", "label-position", "for", "required"])) : d("v-if", !0),
-      s(l.$slots, "control", {}, () => [
-        _(
-          "div",
-          $({
-            ref: "field",
-            class: "q-field__control"
-          }, l.$attrs),
-          [
-            l.$slots.prepend ? (o(), i("div", k, [
-              s(l.$slots, "prepend")
-            ])) : d("v-if", !0),
-            s(l.$slots, "default"),
-            l.$slots.append ? (o(), i("div", B, [
-              s(l.$slots, "append")
-            ])) : d("v-if", !0)
-          ],
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      l.$slots.extras ? (o(), i("div", C, [
-        s(l.$slots, "extras")
-      ])) : d("v-if", !0)
-    ], 10, h));
-  }
+import { QLabel as e } from "../QLabel/index.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, openBlock as l, renderSlot as u, unref as d, useTemplateRef as f, withCtx as p } from "vue";
+//#region src/components/QField/QField.vue?vue&type=script&setup=true&lang.ts
+var m = ["id"], h = {
+	key: 0,
+	class: "q-field__prepend"
+}, g = {
+	key: 1,
+	class: "q-field__append"
+}, _ = {
+	key: 1,
+	class: "q-field__extras"
+}, v = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "QField",
+	props: {
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: { default: "topleft" },
+		size: { default: "medium" },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		invalid: { type: Boolean }
+	},
+	setup(o, { expose: v }) {
+		let y = o, b = f("field"), x = t(() => y.required && !y.readonly && !y.disabled), S = t(() => [
+			"q-field",
+			`q-field--${y.size}`,
+			`q-field--label-${y.labelPosition}`,
+			{
+				"q-field--readonly": y.readonly,
+				"q-field--disabled": y.disabled,
+				"q-field--required": x.value,
+				"q-field--invalid": y.invalid
+			},
+			y.class
+		]);
+		return v({ fieldRef: b }), (t, o) => (l(), i("div", {
+			id: y.id,
+			class: c(S.value)
+		}, [
+			y.label ? (l(), n(d(e), {
+				key: 0,
+				class: "q-field__label",
+				label: y.label,
+				"label-position": y.labelPosition,
+				for: y.for,
+				required: y.required
+			}, {
+				prepend: p(() => [u(t.$slots, "label.prepend")]),
+				append: p(() => [u(t.$slots, "label.append")]),
+				_: 3
+			}, 8, [
+				"label",
+				"label-position",
+				"for",
+				"required"
+			])) : r("v-if", !0),
+			u(t.$slots, "control", {}, () => [a("div", s({
+				ref: "field",
+				class: "q-field__control"
+			}, t.$attrs), [
+				t.$slots.prepend ? (l(), i("div", h, [u(t.$slots, "prepend")])) : r("v-if", !0),
+				u(t.$slots, "default"),
+				t.$slots.append ? (l(), i("div", g, [u(t.$slots, "append")])) : r("v-if", !0)
+			], 16)]),
+			t.$slots.extras ? (l(), i("div", _, [u(t.$slots, "extras")])) : r("v-if", !0)
+		], 10, m));
+	}
 });
-export {
-  E as default
-};
+//#endregion
+export { v as default };

package/esm/components/QField/QField2.vue.js

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

package/esm/components/QField/index.js

@@ -1,6 +1,6 @@
-import o from "./QField.vue.js";
-import { setupPropsProxy as r } from "../../utils/setupPropsProxy.js";
-const t = r(o);
-export {
-  t as QField
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QField2.vue.js";
+//#region src/components/QField/index.ts
+var n = e(t);
+//#endregion
+export { n as QField };