@quidgest/ui 0.17.2 → 0.17.4

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

@@ -1,119 +1,85 @@
-import { defineComponent as g, mergeModels as u, useModel as q, watch as B, createElementBlock as n, openBlock as s, withModifiers as V, normalizeClass as w, unref as a, renderSlot as d, createElementVNode as r, createCommentVNode as c, createBlock as C, createTextVNode as x, normalizeProps as p, mergeProps as E, toDisplayString as b, createVNode as f, guardReactiveProps as I } from "vue";
-import { DEFAULT_ICONS as N } from "./constants.js";
-import { QIcon as h } from "../QIcon/index.js";
-import { QCheckbox as Q } from "../QCheckbox/index.js";
-import { useId as T } from "../../composables/uid.js";
-import { useGroupItem as D } from "../../composables/useGroup/index.js";
-const L = ["id", "data-key", "tabindex", "aria-label", "aria-selected"], M = { class: "q-list-item__container" }, P = { class: "q-list-item__content" }, O = {
-  key: 0,
-  class: "q-list-item__description"
-}, S = {
-  key: 0,
-  class: "q-list-item__check-container"
-}, R = /* @__PURE__ */ g({
-  __name: "QListItem",
-  props: /* @__PURE__ */ u({
-    value: {},
-    label: {},
-    icon: {},
-    description: {},
-    selectable: { type: Boolean },
-    selectOnTab: { type: Boolean, default: !0 },
-    highlighted: { type: Boolean },
-    disabled: { type: Boolean },
-    icons: { default: () => N },
-    checkboxless: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ u(["click"], ["update:modelValue"]),
-  setup(m, { emit: v }) {
-    const e = m, _ = v, o = q(m, "modelValue"), k = T(), i = D(e.value);
-    if (!i)
-      throw new Error(
-        "QListItem: Failed to retrieve group item. Ensure the component is used within a QList context."
-      );
-    function l() {
-      e.disabled || (_("click"), e.selectable && (i == null || i.toggle()));
-    }
-    function y(t) {
-      t.key === "Tab" && e.selectOnTab && l(), (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), l());
-    }
-    return B(
-      i.isActive,
-      (t) => {
-        o.value = t;
-      },
-      {
-        immediate: !0
-      }
-    ), (t, $) => (s(), n("li", {
-      id: a(k),
-      "data-key": e.value,
-      role: "option",
-      tabindex: e.disabled ? void 0 : -2,
-      class: w([
-        "q-list-item",
-        {
-          "q-list-item--selected": o.value,
-          "q-list-item--selectable": e.selectable,
-          "q-list-item--disabled": e.disabled,
-          "q-list-item--highlighted": e.highlighted
-        }
-      ]),
-      "aria-label": e.label,
-      "aria-selected": e.disabled ? void 0 : o.value,
-      onKeydown: y,
-      onClick: V(l, ["stop", "prevent"])
-    }, [
-      d(t.$slots, "prepend"),
-      r("div", M, [
-        r("div", P, [
-          d(t.$slots, "default", {}, () => [
-            e.icon ? (s(), C(
-              a(h),
-              p(E({ key: 0 }, e.icon)),
-              null,
-              16
-              /* FULL_PROPS */
-            )) : c("v-if", !0),
-            x(
-              " " + b(e.label),
-              1
-              /* TEXT */
-            )
-          ])
-        ]),
-        e.description ? (s(), n("div", O, [
-          f(
-            a(h),
-            p(I(e.icons.description)),
-            null,
-            16
-            /* FULL_PROPS */
-          ),
-          r(
-            "span",
-            null,
-            b(e.description),
-            1
-            /* TEXT */
-          )
-        ])) : c("v-if", !0)
-      ]),
-      d(t.$slots, "append"),
-      e.selectable ? (s(), n("div", S, [
-        f(a(Q), {
-          borderless: e.checkboxless,
-          disabled: e.disabled,
-          "model-value": o.value,
-          "onUpdate:modelValue": l
-        }, null, 8, ["borderless", "disabled", "model-value"])
-      ])) : c("v-if", !0)
-    ], 42, L));
-  }
+import { useGroupItem as e } from "../../composables/useGroup/index.js";
+import { QIcon as t } from "../QIcon/index.js";
+import { useId as n } from "../../composables/uid.js";
+import { QCheckbox as r } from "../QCheckbox/index.js";
+import { DEFAULT_ICONS as i } from "./constants.js";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, watch as S, withModifiers as C } from "vue";
+//#region src/components/QList/QListItem.vue?vue&type=script&setup=true&lang.ts
+var w = [
+	"id",
+	"data-key",
+	"tabindex",
+	"aria-label",
+	"aria-selected"
+], T = { class: "q-list-item__container" }, E = { class: "q-list-item__content" }, D = {
+	key: 0,
+	class: "q-list-item__description"
+}, O = {
+	key: 0,
+	class: "q-list-item__check-container"
+}, k = /*@__PURE__*/ d({
+	__name: "QListItem",
+	props: /*@__PURE__*/ p({
+		value: {},
+		label: {},
+		icon: {},
+		description: {},
+		selectable: { type: Boolean },
+		selectOnTab: {
+			type: Boolean,
+			default: !0
+		},
+		highlighted: { type: Boolean },
+		disabled: { type: Boolean },
+		icons: { default: () => i },
+		checkboxless: { type: Boolean }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ p(["click"], ["update:modelValue"]),
+	setup(i, { emit: d }) {
+		let p = i, k = d, A = x(i, "modelValue"), j = n(), M = e(p.value);
+		if (!M) throw Error("QListItem: Failed to retrieve group item. Ensure the component is used within a QList context.");
+		function N() {
+			p.disabled || (k("click"), p.selectable && M?.toggle());
+		}
+		function P(e) {
+			e.key === "Tab" && p.selectOnTab && N(), (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), N());
+		}
+		return S(M.isActive, (e) => {
+			A.value = e;
+		}, { immediate: !0 }), (e, n) => (_(), s("li", {
+			id: b(j),
+			"data-key": p.value,
+			role: "option",
+			tabindex: p.disabled ? void 0 : -2,
+			class: h(["q-list-item", {
+				"q-list-item--selected": A.value,
+				"q-list-item--selectable": p.selectable,
+				"q-list-item--disabled": p.disabled,
+				"q-list-item--highlighted": p.highlighted
+			}]),
+			"aria-label": p.label,
+			"aria-selected": p.disabled ? void 0 : A.value,
+			onKeydown: P,
+			onClick: C(N, ["stop", "prevent"])
+		}, [
+			v(e.$slots, "prepend"),
+			c("div", T, [c("div", E, [v(e.$slots, "default", {}, () => [p.icon ? (_(), a(b(t), g(m({ key: 0 }, p.icon)), null, 16)) : o("v-if", !0), l(" " + y(p.label), 1)])]), p.description ? (_(), s("div", D, [u(b(t), g(f(p.icons.description)), null, 16), c("span", null, y(p.description), 1)])) : o("v-if", !0)]),
+			v(e.$slots, "append"),
+			p.selectable ? (_(), s("div", O, [u(b(r), {
+				borderless: p.checkboxless,
+				disabled: p.disabled,
+				"model-value": A.value,
+				"onUpdate:modelValue": N
+			}, null, 8, [
+				"borderless",
+				"disabled",
+				"model-value"
+			])])) : o("v-if", !0)
+		], 42, w));
+	}
 });
-export {
-  R as default
-};
+//#endregion
+export { k as default };

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

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

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

@@ -1,29 +1,26 @@
-import { defineComponent as a, createElementBlock as o, openBlock as i, unref as l, createCommentVNode as n, renderSlot as d, toDisplayString as p } from "vue";
-import { useId as u } from "../../composables/uid.js";
-const c = ["data-key", "aria-labelledby"], m = ["id"], k = /* @__PURE__ */ a({
-  __name: "QListItemGroup",
-  props: {
-    id: {},
-    title: {}
-  },
-  setup(r) {
-    const e = r, t = u();
-    return (s, _) => (i(), o("ul", {
-      class: "q-list-item-group",
-      role: "group",
-      "data-key": e.id,
-      "aria-labelledby": e.title ? l(t) : void 0
-    }, [
-      e.title ? (i(), o("li", {
-        key: 0,
-        id: l(t),
-        class: "q-list-item-group__title",
-        role: "presentation"
-      }, p(e.title), 9, m)) : n("v-if", !0),
-      d(s.$slots, "default")
-    ], 8, c));
-  }
+import { useId as e } from "../../composables/uid.js";
+import { createCommentVNode as t, createElementBlock as n, defineComponent as r, openBlock as i, renderSlot as a, toDisplayString as o, unref as s } from "vue";
+//#region src/components/QList/QListItemGroup.vue?vue&type=script&setup=true&lang.ts
+var c = ["data-key", "aria-labelledby"], l = ["id"], u = /*@__PURE__*/ r({
+	__name: "QListItemGroup",
+	props: {
+		id: {},
+		title: {}
+	},
+	setup(r) {
+		let u = r, d = e();
+		return (e, r) => (i(), n("ul", {
+			class: "q-list-item-group",
+			role: "group",
+			"data-key": u.id,
+			"aria-labelledby": u.title ? s(d) : void 0
+		}, [u.title ? (i(), n("li", {
+			key: 0,
+			id: s(d),
+			class: "q-list-item-group__title",
+			role: "presentation"
+		}, o(u.title), 9, l)) : t("v-if", !0), a(e.$slots, "default")], 8, c));
+	}
 });
-export {
-  k as default
-};
+//#endregion
+export { u as default };

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

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

package/esm/components/QList/constants.js

@@ -1,11 +1,7 @@
-const c = {
-  check: {
-    icon: "check"
-  },
-  description: {
-    icon: "information-outline"
-  }
-};
-export {
-  c as DEFAULT_ICONS
+//#region src/components/QList/constants.ts
+var e = {
+	check: { icon: "check" },
+	description: { icon: "information-outline" }
 };
+//#endregion
+export { e as DEFAULT_ICONS };

package/esm/components/QList/index.js

@@ -1,10 +1,8 @@
-import t from "./QList.vue.js";
-import m from "./QListItem.vue.js";
-import r from "./QListItemGroup.vue.js";
-import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
-const c = o(t), n = o(m), _ = o(r);
-export {
-  c as QList,
-  n as QListItem,
-  _ as QListItemGroup
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QList2.vue.js";
+import n from "./QListItem2.vue.js";
+import r from "./QListItemGroup2.vue.js";
+//#region src/components/QList/index.ts
+var i = e(t), a = e(n), o = e(r);
+//#endregion
+export { i as QList, a as QListItem, o as QListItemGroup };

package/esm/components/QMeter/QMeter.vue.js

@@ -1,62 +1,40 @@
-import { defineComponent as b, mergeModels as v, useModel as f, computed as t, toRef as p, createElementBlock as h, openBlock as q, normalizeClass as x, createElementVNode as o, createVNode as n, unref as u, normalizeStyle as y } from "vue";
-import { QLabel as c } from "../QLabel/index.js";
-import { useColor as L } from "../../composables/useColor/index.js";
-const M = ["id"], C = { class: "q-meter__labels" }, V = { class: "q-meter__track" }, B = /* @__PURE__ */ b({
-  __name: "QMeter",
-  props: /* @__PURE__ */ v({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    for: {},
-    labelPosition: {},
-    valueLabel: {},
-    color: {},
-    max: { default: 100 }
-  }, {
-    modelValue: { default: 0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(r) {
-    const e = r, s = f(r, "modelValue"), i = t(() => s.value / e.max * 100), { style: m } = L(p(e, "color")), d = t(() => {
-      var a;
-      return {
-        width: `${Math.max(0, Math.min(i.value, 100))}%`,
-        backgroundColor: (a = m.value) == null ? void 0 : a.mainColor
-      };
-    }), _ = t(() => {
-      var l;
-      return typeof e.valueLabel == "string" ? e.valueLabel : (l = e.valueLabel) == null ? void 0 : l.call(e, s.value, e.max);
-    });
-    return (l, a) => (q(), h("div", {
-      id: e.id,
-      class: x(["q-meter", e.class])
-    }, [
-      o("div", C, [
-        n(u(c), {
-          label: e.label
-        }, null, 8, ["label"]),
-        n(u(c), {
-          label: _.value,
-          class: "q-meter__value-label"
-        }, null, 8, ["label"])
-      ]),
-      o("div", V, [
-        o(
-          "div",
-          {
-            class: "q-meter__fill",
-            style: y(d.value)
-          },
-          null,
-          4
-          /* STYLE */
-        )
-      ])
-    ], 10, M));
-  }
+import { useColor as e } from "../../composables/useColor/index.js";
+import { QLabel as t } from "../QLabel/index.js";
+import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toRef as d, unref as f, useModel as p } from "vue";
+//#region src/components/QMeter/QMeter.vue?vue&type=script&setup=true&lang.ts
+var m = ["id"], h = { class: "q-meter__labels" }, g = { class: "q-meter__track" }, _ = /*@__PURE__*/ o({
+	__name: "QMeter",
+	props: /*@__PURE__*/ s({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		for: {},
+		labelPosition: {},
+		valueLabel: {},
+		color: {},
+		max: { default: 100 }
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let s = o, _ = p(o, "modelValue"), v = n(() => _.value / s.max * 100), { style: y } = e(d(s, "color")), b = n(() => ({
+			width: `${Math.max(0, Math.min(v.value, 100))}%`,
+			backgroundColor: y.value?.mainColor
+		})), x = n(() => typeof s.valueLabel == "string" ? s.valueLabel : s.valueLabel?.(_.value, s.max));
+		return (e, n) => (u(), r("div", {
+			id: s.id,
+			class: c(["q-meter", s.class])
+		}, [i("div", h, [a(f(t), { label: s.label }, null, 8, ["label"]), a(f(t), {
+			label: x.value,
+			class: "q-meter__value-label"
+		}, null, 8, ["label"])]), i("div", g, [i("div", {
+			class: "q-meter__fill",
+			style: l(b.value)
+		}, null, 4)])], 10, m));
+	}
 });
-export {
-  B as default
-};
+//#endregion
+export { _ as default };

package/esm/components/QMeter/QMeter2.vue.js

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

package/esm/components/QMeter/index.js

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