@quidgest/ui 0.17.1 → 0.17.3

package/esm/components/QBadge/QBadge.vue.js

@@ -1,143 +1,99 @@
-import { defineComponent as V, useAttrs as A, computed as a, toRef as D, createElementBlock as k, createBlock as i, openBlock as t, normalizeStyle as L, normalizeClass as g, createCommentVNode as c, createElementVNode as q, renderSlot as y, unref as l, mergeProps as B, withCtx as n, createVNode as d, normalizeProps as h, guardReactiveProps as z, resolveDynamicComponent as R } from "vue";
-import { DEFAULT_TEXTS as U, DEFAULT_ICONS as F } from "./constants.js";
-import { QButton as u } from "../QButton/index.js";
-import { QButtonGroup as I } from "../QButtonGroup/index.js";
-import { QIcon as x } from "../QIcon/index.js";
-import { useColor as w } from "../../composables/useColor/index.js";
-const G = ["id"], H = {
-  key: 0,
-  class: "q-badge__underlay q-button--background"
-}, M = { class: "q-badge__content" }, Y = /* @__PURE__ */ V({
-  __name: "QBadge",
-  props: {
-    id: {},
-    class: {},
-    variant: { default: "tonal" },
-    color: { default: "primary" },
-    pill: { type: Boolean },
-    size: { default: "default" },
-    disabled: { type: Boolean },
-    removable: { type: Boolean },
-    icons: { default: () => F },
-    texts: { default: () => U }
-  },
-  emits: ["click:remove"],
-  setup(T, { emit: E }) {
-    const e = T, $ = E, m = A(), N = a(() => !!m.onClick), v = a(() => {
-      const o = e.size !== "default" ? `q-badge--${e.size}` : void 0;
-      return [
-        {
-          "q-badge--pill": e.pill
-        },
-        o,
-        e.class
-      ];
-    }), P = a(() => {
-      const o = b.value ? `q-badge--${e.color}` : void 0;
-      return [
-        "q-badge",
-        `q-badge--${e.variant}`,
-        {
-          "q-badge--removable": e.removable,
-          "q-badge--disabled": e.disabled
-        },
-        o,
-        v.value
-      ];
-    }), { isUtilityColor: b, style: r } = w(D(e, "color")), Q = a(() => {
-      var o, s, C, _;
-      if (!b.value)
-        return {
-          "--q-badge-main-color": (o = r.value) == null ? void 0 : o.mainColor,
-          "--q-badge-on-main-color": (s = r.value) == null ? void 0 : s.onMainColor,
-          "--q-badge-hover-color": (C = r.value) == null ? void 0 : C.hoverColor,
-          "--q-badge-on-hover-color": (_ = r.value) == null ? void 0 : _.onHoverColor
-        };
-    }), S = a(() => m.onClick), f = a(() => ({
-      class: "q-badge__remove",
-      variant: e.variant,
-      color: e.color,
-      ariaLabel: e.texts.removeText,
-      title: e.texts.removeText,
-      disabled: e.disabled
-    }));
-    function p() {
-      $("click:remove");
-    }
-    return (o, s) => N.value ? (t(), i(R(e.removable ? l(I) : "span"), {
-      key: 1,
-      class: g(v.value)
-    }, {
-      default: n(() => [
-        d(l(u), {
-          class: "q-badge__content",
-          variant: e.variant,
-          color: e.color,
-          disabled: e.disabled,
-          onClick: S.value
-        }, {
-          default: n(() => [
-            y(o.$slots, "default")
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 8, ["variant", "color", "disabled", "onClick"]),
-        e.removable ? (t(), i(
-          l(u),
-          B({ key: 0 }, f.value, { onClick: p }),
-          {
-            default: n(() => [
-              d(
-                l(x),
-                h(z(e.icons.remove)),
-                null,
-                16
-                /* FULL_PROPS */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          },
-          16
-          /* FULL_PROPS */
-        )) : c("v-if", !0)
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["class"])) : (t(), k("span", {
-      key: 0,
-      id: e.id,
-      class: g(P.value),
-      style: L(Q.value)
-    }, [
-      e.variant === "tonal" ? (t(), k("div", H)) : c("v-if", !0),
-      q("span", null, [
-        q("div", M, [
-          y(o.$slots, "default")
-        ]),
-        e.removable ? (t(), i(
-          l(u),
-          B({ key: 0 }, f.value, { onClick: p }),
-          {
-            default: n(() => [
-              d(
-                l(x),
-                h(z(e.icons.remove)),
-                null,
-                16
-                /* FULL_PROPS */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          },
-          16
-          /* FULL_PROPS */
-        )) : c("v-if", !0)
-      ])
-    ], 14, G));
-  }
+import { useColor as e } from "../../composables/useColor/index.js";
+import { QButton as t } from "../QButton/index.js";
+import { QIcon as n } from "../QIcon/index.js";
+import { DEFAULT_ICONS as r, DEFAULT_TEXTS as i } from "./constants.js";
+import { QButtonGroup as a } from "../QButtonGroup/index.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, normalizeStyle as _, openBlock as v, renderSlot as y, resolveDynamicComponent as b, toRef as x, unref as S, useAttrs as C, withCtx as w } from "vue";
+//#region src/components/QBadge/QBadge.vue?vue&type=script&setup=true&lang.ts
+var T = ["id"], E = {
+	key: 0,
+	class: "q-badge__underlay q-button--background"
+}, D = { class: "q-badge__content" }, O = /*@__PURE__*/ f({
+	__name: "QBadge",
+	props: {
+		id: {},
+		class: {},
+		variant: { default: "tonal" },
+		color: { default: "primary" },
+		pill: { type: Boolean },
+		size: { default: "default" },
+		disabled: { type: Boolean },
+		removable: { type: Boolean },
+		icons: { default: () => r },
+		texts: { default: () => i }
+	},
+	emits: ["click:remove"],
+	setup(r, { emit: i }) {
+		let f = r, O = i, k = C(), A = o(() => !!k.onClick), j = o(() => {
+			let e = f.size === "default" ? void 0 : `q-badge--${f.size}`;
+			return [
+				{ "q-badge--pill": f.pill },
+				e,
+				f.class
+			];
+		}), M = o(() => {
+			let e = N.value ? `q-badge--${f.color}` : void 0;
+			return [
+				"q-badge",
+				`q-badge--${f.variant}`,
+				{
+					"q-badge--removable": f.removable,
+					"q-badge--disabled": f.disabled
+				},
+				e,
+				j.value
+			];
+		}), { isUtilityColor: N, style: P } = e(x(f, "color")), F = o(() => {
+			if (!N.value) return {
+				"--q-badge-main-color": P.value?.mainColor,
+				"--q-badge-on-main-color": P.value?.onMainColor,
+				"--q-badge-hover-color": P.value?.hoverColor,
+				"--q-badge-on-hover-color": P.value?.onHoverColor
+			};
+		}), I = o(() => k.onClick), L = o(() => ({
+			class: "q-badge__remove",
+			variant: f.variant,
+			color: f.color,
+			ariaLabel: f.texts.removeText,
+			title: f.texts.removeText,
+			disabled: f.disabled
+		}));
+		function R() {
+			O("click:remove");
+		}
+		return (e, r) => A.value ? (v(), s(b(f.removable ? S(a) : "span"), {
+			key: 1,
+			class: h(j.value)
+		}, {
+			default: w(() => [d(S(t), {
+				class: "q-badge__content",
+				variant: f.variant,
+				color: f.color,
+				disabled: f.disabled,
+				onClick: I.value
+			}, {
+				default: w(() => [y(e.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"variant",
+				"color",
+				"disabled",
+				"onClick"
+			]), f.removable ? (v(), s(S(t), m({ key: 0 }, L.value, { onClick: R }), {
+				default: w(() => [d(S(n), g(p(f.icons.remove)), null, 16)]),
+				_: 1
+			}, 16)) : c("v-if", !0)]),
+			_: 3
+		}, 8, ["class"])) : (v(), l("span", {
+			key: 0,
+			id: f.id,
+			class: h(M.value),
+			style: _(F.value)
+		}, [f.variant === "tonal" ? (v(), l("div", E)) : c("v-if", !0), u("span", null, [u("div", D, [y(e.$slots, "default")]), f.removable ? (v(), s(S(t), m({ key: 0 }, L.value, { onClick: R }), {
+			default: w(() => [d(S(n), g(p(f.icons.remove)), null, 16)]),
+			_: 1
+		}, 16)) : c("v-if", !0)])], 14, T));
+	}
 });
-export {
-  Y as default
-};
+//#endregion
+export { O as default };

package/esm/components/QBadge/QBadge2.vue.js

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

package/esm/components/QBadge/constants.js

@@ -1,11 +1,4 @@
-const e = {
-  remove: {
-    icon: "close"
-  }
-}, o = {
-  removeText: "Remove"
-};
-export {
-  e as DEFAULT_ICONS,
-  o as DEFAULT_TEXTS
-};
+//#region src/components/QBadge/constants.ts
+var e = { remove: { icon: "close" } }, t = { removeText: "Remove" };
+//#endregion
+export { e as DEFAULT_ICONS, t as DEFAULT_TEXTS };

package/esm/components/QBadge/index.js

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

package/esm/components/QBadgeIndicator/QBadgeIndicator.vue.js

@@ -1,50 +1,39 @@
-import { defineComponent as i, useSlots as p, computed as o, createElementBlock as u, openBlock as a, normalizeClass as n, renderSlot as l, createBlock as m, createCommentVNode as f, unref as g, withCtx as _, createTextVNode as b, toDisplayString as h } from "vue";
-import { QBadge as B } from "../QBadge/index.js";
-const v = ["id"], y = /* @__PURE__ */ i({
-  __name: "QBadgeIndicator",
-  props: {
-    id: {},
-    class: {},
-    content: {},
-    color: { default: "highlight" },
-    placement: { default: "top-right" },
-    enabled: { type: Boolean, default: !0 }
-  },
-  setup(c) {
-    const e = c, s = p(), r = o(() => !e.content && !s.content), d = o(() => [
-      "q-badge-indicator",
-      `q-badge-indicator--${e.placement}`,
-      {
-        "q-badge-indicator--dot": r.value
-      }
-    ]);
-    return (t, k) => (a(), u("div", {
-      id: e.id,
-      class: n(["q-badge-indicator__wrapper", e.class])
-    }, [
-      l(t.$slots, "default"),
-      e.enabled ? (a(), m(g(B), {
-        key: 0,
-        pill: "",
-        variant: "bold",
-        class: n(d.value),
-        color: e.color
-      }, {
-        default: _(() => [
-          l(t.$slots, "content", {}, () => [
-            b(
-              h(e.content),
-              1
-              /* TEXT */
-            )
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["class", "color"])) : f("v-if", !0)
-    ], 10, v));
-  }
+import { QBadge as e } from "../QBadge/index.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useSlots as f, withCtx as p } from "vue";
+//#region src/components/QBadgeIndicator/QBadgeIndicator.vue?vue&type=script&setup=true&lang.ts
+var m = ["id"], h = /*@__PURE__*/ o({
+	__name: "QBadgeIndicator",
+	props: {
+		id: {},
+		class: {},
+		content: {},
+		color: { default: "highlight" },
+		placement: { default: "top-right" },
+		enabled: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(o) {
+		let h = o, g = f(), _ = t(() => !h.content && !g.content), v = t(() => [
+			"q-badge-indicator",
+			`q-badge-indicator--${h.placement}`,
+			{ "q-badge-indicator--dot": _.value }
+		]);
+		return (t, o) => (c(), i("div", {
+			id: h.id,
+			class: s(["q-badge-indicator__wrapper", h.class])
+		}, [l(t.$slots, "default"), h.enabled ? (c(), n(d(e), {
+			key: 0,
+			pill: "",
+			variant: "bold",
+			class: s(v.value),
+			color: h.color
+		}, {
+			default: p(() => [l(t.$slots, "content", {}, () => [a(u(h.content), 1)])]),
+			_: 3
+		}, 8, ["class", "color"])) : r("v-if", !0)], 10, m));
+	}
 });
-export {
-  y as default
-};
+//#endregion
+export { h as default };

package/esm/components/QBadgeIndicator/QBadgeIndicator2.vue.js

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

package/esm/components/QBadgeIndicator/index.js

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

package/esm/components/QButton/QButton.vue.js

@@ -1,85 +1,74 @@
-import { defineComponent as _, computed as a, toRef as g, createElementBlock as d, openBlock as b, withModifiers as h, normalizeStyle as k, normalizeClass as B, createCommentVNode as z, createElementVNode as $, createVNode as V, unref as N, renderSlot as p, createTextVNode as P, toDisplayString as S } from "vue";
-import { QSpinnerLoader as R } from "../QSpinnerLoader/index.js";
-import { useColor as D } from "../../composables/useColor/index.js";
-const E = ["id", "disabled"], M = {
-  key: 0,
-  class: "q-button__spinner"
-}, Q = { class: "q-button__content" }, L = /* @__PURE__ */ _({
-  __name: "QButton",
-  props: {
-    id: {},
-    class: {},
-    label: {},
-    variant: { default: "outlined" },
-    color: { default: "primary" },
-    borderless: { type: Boolean },
-    elevated: { type: Boolean },
-    block: { type: Boolean },
-    size: { default: "regular" },
-    iconPos: { default: "start" },
-    pill: { type: Boolean },
-    disabled: { type: Boolean },
-    loading: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(v, { emit: m }) {
-    const o = v, f = m, s = a(() => o.disabled || o.loading);
-    function q(e) {
-      s.value || f("click", e);
-    }
-    const { isUtilityColor: r, style: t } = D(g(o, "color")), C = a(() => {
-      const e = r.value ? `q-button--${o.color}` : void 0, l = o.size !== "regular" ? `q-button--${o.size}` : void 0, n = o.iconPos !== "start" ? `q-button--icon-${o.iconPos}` : void 0;
-      return [
-        "q-button",
-        `q-button--${o.variant}`,
-        e,
-        l,
-        n,
-        {
-          "q-button--labeled": o.label,
-          "q-button--borderless": o.borderless,
-          "q-button--elevated": o.elevated,
-          "q-button--block": o.block,
-          "q-button--loading": o.loading,
-          "q-button--pill": o.pill
-        },
-        o.class
-      ];
-    }), y = a(() => {
-      var e, l, n, i, u, c;
-      if (!r.value)
-        return {
-          "--q-button-main-color": (e = t.value) == null ? void 0 : e.mainColor,
-          "--q-button-main-color-rgb": (l = t.value) == null ? void 0 : l.mainColorRgb,
-          "--q-button-on-main-color": (n = t.value) == null ? void 0 : n.onMainColor,
-          "--q-button-hover-color": (i = t.value) == null ? void 0 : i.hoverColor,
-          "--q-button-hover-color-rgb": (u = t.value) == null ? void 0 : u.hoverColorRgb,
-          "--q-button-on-hover-color": (c = t.value) == null ? void 0 : c.onHoverColor
-        };
-    });
-    return (e, l) => (b(), d("button", {
-      id: o.id,
-      type: "button",
-      class: B(C.value),
-      disabled: s.value,
-      style: k(y.value),
-      onClick: h(q, ["stop", "prevent"])
-    }, [
-      o.loading ? (b(), d("div", M, [
-        V(N(R))
-      ])) : z("v-if", !0),
-      $("span", Q, [
-        p(e.$slots, "default"),
-        P(
-          " " + S(o.label) + " ",
-          1
-          /* TEXT */
-        ),
-        p(e.$slots, "append")
-      ])
-    ], 14, E));
-  }
+import { QSpinnerLoader as e } from "../QSpinnerLoader/index.js";
+import { useColor as t } from "../../composables/useColor/index.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, toDisplayString as p, toRef as m, unref as h, withModifiers as g } from "vue";
+//#region src/components/QButton/QButton.vue?vue&type=script&setup=true&lang.ts
+var _ = ["id", "disabled"], v = {
+	key: 0,
+	class: "q-button__spinner"
+}, y = { class: "q-button__content" }, b = /*@__PURE__*/ c({
+	__name: "QButton",
+	props: {
+		id: {},
+		class: {},
+		label: {},
+		variant: { default: "outlined" },
+		color: { default: "primary" },
+		borderless: { type: Boolean },
+		elevated: { type: Boolean },
+		block: { type: Boolean },
+		size: { default: "regular" },
+		iconPos: { default: "start" },
+		pill: { type: Boolean },
+		disabled: { type: Boolean },
+		loading: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(c, { emit: b }) {
+		let x = c, S = b, C = n(() => x.disabled || x.loading);
+		function w(e) {
+			C.value || S("click", e);
+		}
+		let { isUtilityColor: T, style: E } = t(m(x, "color")), D = n(() => {
+			let e = T.value ? `q-button--${x.color}` : void 0, t = x.size === "regular" ? void 0 : `q-button--${x.size}`, n = x.iconPos === "start" ? void 0 : `q-button--icon-${x.iconPos}`;
+			return [
+				"q-button",
+				`q-button--${x.variant}`,
+				e,
+				t,
+				n,
+				{
+					"q-button--labeled": x.label,
+					"q-button--borderless": x.borderless,
+					"q-button--elevated": x.elevated,
+					"q-button--block": x.block,
+					"q-button--loading": x.loading,
+					"q-button--pill": x.pill
+				},
+				x.class
+			];
+		}), O = n(() => {
+			if (!T.value) return {
+				"--q-button-main-color": E.value?.mainColor,
+				"--q-button-main-color-rgb": E.value?.mainColorRgb,
+				"--q-button-on-main-color": E.value?.onMainColor,
+				"--q-button-hover-color": E.value?.hoverColor,
+				"--q-button-hover-color-rgb": E.value?.hoverColorRgb,
+				"--q-button-on-hover-color": E.value?.onHoverColor
+			};
+		});
+		return (t, n) => (d(), i("button", {
+			id: x.id,
+			type: "button",
+			class: l(D.value),
+			disabled: C.value,
+			style: u(O.value),
+			onClick: g(w, ["stop", "prevent"])
+		}, [x.loading ? (d(), i("div", v, [s(h(e))])) : r("v-if", !0), a("span", y, [
+			f(t.$slots, "default"),
+			o(" " + p(x.label) + " ", 1),
+			f(t.$slots, "append")
+		])], 14, _));
+	}
 });
-export {
-  L as default
-};
+//#endregion
+export { b as default };

package/esm/components/QButton/QButton2.vue.js

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

package/esm/components/QButton/index.js

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