@quidgest/ui 0.17.2 → 0.17.3

package/esm/components/QToast/QToast.vue.js

@@ -1,214 +1,141 @@
-import { defineComponent as U, toRef as j, computed as d, onMounted as A, onUnmounted as D, createBlock as b, openBlock as h, unref as e, normalizeStyle as E, normalizeClass as H, createSlots as M, withCtx as l, createVNode as i, createCommentVNode as p, renderSlot as r, createElementVNode as v, toDisplayString as y, normalizeProps as k, guardReactiveProps as q } from "vue";
-import { DEFAULT_ICONS as P } from "./constants.js";
-import { QButton as w } from "../QButton/index.js";
-import { QCard as F } from "../QCard/index.js";
-import { QContainer as T, QRow as $, QCol as c } from "../QGrid/index.js";
-import { QIcon as g } from "../QIcon/index.js";
-import { useTheme as L } from "../../composables/theme.js";
-import { useColor as O } from "../../composables/useColor/index.js";
-import { lighten as x } from "../../utils/color/manipulate.js";
-import { parseColor as G } from "../../utils/color/parse.js";
-import { rgbToHex as J } from "../../utils/color/conversion.js";
-const K = { class: "q-toast__title" }, at = /* @__PURE__ */ U({
-  __name: "QToast",
-  props: {
-    id: {},
-    class: {},
-    title: {},
-    text: {},
-    block: { type: Boolean },
-    color: { default: "info" },
-    elevation: { default: "medium" },
-    variant: { default: "tonal" },
-    timeout: { default: 5e3 },
-    icons: { default: () => P }
-  },
-  emits: ["dismiss"],
-  setup(Q, { emit: V }) {
-    const t = Q, S = V, B = L(), { isUtilityColor: m, style: u } = O(j(t, "color")), N = d(() => {
-      const o = m.value ? `q-toast--${t.color}` : void 0, s = t.block ? "q-toast--block" : void 0, n = t.title ? "q-toast--vertical" : void 0;
-      return [
-        "q-toast",
-        `q-toast--${t.variant}`,
-        o,
-        s,
-        n,
-        t.class
-      ];
-    }), C = d(() => {
-      var n;
-      const o = m.value ? R(t.color) : (n = u.value) == null ? void 0 : n.mainColor;
-      if (!o) return;
-      const s = G(o);
-      return J(x(s, 88));
-    }), z = d(() => {
-      var o, s, n;
-      return m.value ? {
-        "--q-toast-tonal-color": C.value
-      } : {
-        "--q-toast-main-color": (o = u.value) == null ? void 0 : o.mainColor,
-        "--q-toast-on-main-color": (s = u.value) == null ? void 0 : s.onMainColor,
-        "--q-toast-hover-color": (n = u.value) == null ? void 0 : n.hoverColor,
-        "--q-toast-tonal-color": C.value
-      };
-    }), _ = d(() => t.variant === "bold" ? "bold" : "ghost");
-    let a;
-    function f() {
-      a !== void 0 && window.clearTimeout(a), S("dismiss");
-    }
-    function I() {
-      a = window.setTimeout(f, t.timeout);
-    }
-    function R(o) {
-      const s = B.current.value.scheme;
-      if (o in s)
-        return s[o];
-    }
-    return A(() => {
-      t.timeout > 0 && I();
-    }), D(() => {
-      a !== void 0 && window.clearTimeout(a);
-    }), (o, s) => (h(), b(e(F), {
-      id: t.id,
-      elevation: t.elevation,
-      width: t.block ? "block" : void 0,
-      class: H(N.value),
-      style: E(z.value)
-    }, M({
-      default: l(() => [
-        i(e(T), {
-          fluid: "",
-          class: "q-toast__body"
-        }, {
-          default: l(() => [
-            i(e($), {
-              align: "center",
-              justify: "between"
-            }, {
-              default: l(() => [
-                i(e(c), null, {
-                  default: l(() => [
-                    r(o.$slots, "default", {}, () => [
-                      v(
-                        "span",
-                        null,
-                        y(t.text),
-                        1
-                        /* TEXT */
-                      )
-                    ])
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }),
-                t.title ? p("v-if", !0) : (h(), b(e(c), {
-                  key: 0,
-                  cols: "auto"
-                }, {
-                  default: l(() => [
-                    r(o.$slots, "dismiss", {}, () => [
-                      i(e(w), {
-                        class: "q-toast__dismiss",
-                        variant: _.value,
-                        color: t.color,
-                        onClick: f
-                      }, {
-                        default: l(() => [
-                          i(
-                            e(g),
-                            k(q(t.icons.close)),
-                            null,
-                            16
-                            /* FULL_PROPS */
-                          )
-                        ]),
-                        _: 1
-                        /* STABLE */
-                      }, 8, ["variant", "color"])
-                    ])
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }))
-              ]),
-              _: 3
-              /* FORWARDED */
-            })
-          ]),
-          _: 3
-          /* FORWARDED */
-        })
-      ]),
-      _: 2
-      /* DYNAMIC */
-    }, [
-      t.title ? {
-        name: "header",
-        fn: l(() => [
-          i(e(T), { fluid: "" }, {
-            default: l(() => [
-              i(e($), {
-                align: "center",
-                justify: "between"
-              }, {
-                default: l(() => [
-                  i(e(c), null, {
-                    default: l(() => [
-                      v("div", K, [
-                        o.$slots["title.prepend"] ? r(o.$slots, "title.prepend", { key: 0 }) : p("v-if", !0),
-                        v(
-                          "h4",
-                          null,
-                          y(t.title),
-                          1
-                          /* TEXT */
-                        ),
-                        o.$slots["title.append"] ? r(o.$slots, "title.append", { key: 1 }) : p("v-if", !0)
-                      ])
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  }),
-                  i(e(c), { cols: "auto" }, {
-                    default: l(() => [
-                      r(o.$slots, "dismiss", {}, () => [
-                        i(e(w), {
-                          class: "q-toast__dismiss",
-                          variant: _.value,
-                          color: t.color,
-                          onClick: f
-                        }, {
-                          default: l(() => [
-                            i(
-                              e(g),
-                              k(q(t.icons.close)),
-                              null,
-                              16
-                              /* FULL_PROPS */
-                            )
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        }, 8, ["variant", "color"])
-                      ])
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  })
-                ]),
-                _: 3
-                /* FORWARDED */
-              })
-            ]),
-            _: 3
-            /* FORWARDED */
-          })
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1032, ["id", "elevation", "width", "class", "style"]));
-  }
+import { rgbToHex as e } from "../../utils/color/conversion.js";
+import { parseColor as t } from "../../utils/color/parse.js";
+import { lighten as n } from "../../utils/color/manipulate.js";
+import { useTheme as r } from "../../composables/theme.js";
+import { useColor as i } from "../../composables/useColor/index.js";
+import { QButton as a } from "../QButton/index.js";
+import { QCard as o } from "../QCard/index.js";
+import { QIcon as s } from "../QIcon/index.js";
+import { QCol as c, QContainer as l, QRow as u } from "../QGrid/index.js";
+import { DEFAULT_ICONS as d } from "./constants.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementVNode as h, createSlots as g, createVNode as _, defineComponent as v, guardReactiveProps as y, normalizeClass as b, normalizeProps as x, normalizeStyle as S, onMounted as C, onUnmounted as w, openBlock as T, renderSlot as E, toDisplayString as D, toRef as O, unref as k, withCtx as A } from "vue";
+//#region src/components/QToast/QToast.vue?vue&type=script&setup=true&lang.ts
+var j = { class: "q-toast__title" }, M = /*@__PURE__*/ v({
+	__name: "QToast",
+	props: {
+		id: {},
+		class: {},
+		title: {},
+		text: {},
+		block: { type: Boolean },
+		color: { default: "info" },
+		elevation: { default: "medium" },
+		variant: { default: "tonal" },
+		timeout: { default: 5e3 },
+		icons: { default: () => d }
+	},
+	emits: ["dismiss"],
+	setup(d, { emit: v }) {
+		let M = d, N = v, P = r(), { isUtilityColor: F, style: I } = i(O(M, "color")), L = f(() => {
+			let e = F.value ? `q-toast--${M.color}` : void 0, t = M.block ? "q-toast--block" : void 0, n = M.title ? "q-toast--vertical" : void 0;
+			return [
+				"q-toast",
+				`q-toast--${M.variant}`,
+				e,
+				t,
+				n,
+				M.class
+			];
+		}), R = f(() => {
+			let r = F.value ? W(M.color) : I.value?.mainColor;
+			if (r) return e(n(t(r), 88));
+		}), z = f(() => F.value ? { "--q-toast-tonal-color": R.value } : {
+			"--q-toast-main-color": I.value?.mainColor,
+			"--q-toast-on-main-color": I.value?.onMainColor,
+			"--q-toast-hover-color": I.value?.hoverColor,
+			"--q-toast-tonal-color": R.value
+		}), B = f(() => M.variant === "bold" ? "bold" : "ghost"), V;
+		function H() {
+			V !== void 0 && window.clearTimeout(V), N("dismiss");
+		}
+		function U() {
+			V = window.setTimeout(H, M.timeout);
+		}
+		function W(e) {
+			let t = P.current.value.scheme;
+			if (e in t) return t[e];
+		}
+		return C(() => {
+			M.timeout > 0 && U();
+		}), w(() => {
+			V !== void 0 && window.clearTimeout(V);
+		}), (e, t) => (T(), p(k(o), {
+			id: M.id,
+			elevation: M.elevation,
+			width: M.block ? "block" : void 0,
+			class: b(L.value),
+			style: S(z.value)
+		}, g({
+			default: A(() => [_(k(l), {
+				fluid: "",
+				class: "q-toast__body"
+			}, {
+				default: A(() => [_(k(u), {
+					align: "center",
+					justify: "between"
+				}, {
+					default: A(() => [_(k(c), null, {
+						default: A(() => [E(e.$slots, "default", {}, () => [h("span", null, D(M.text), 1)])]),
+						_: 3
+					}), M.title ? m("v-if", !0) : (T(), p(k(c), {
+						key: 0,
+						cols: "auto"
+					}, {
+						default: A(() => [E(e.$slots, "dismiss", {}, () => [_(k(a), {
+							class: "q-toast__dismiss",
+							variant: B.value,
+							color: M.color,
+							onClick: H
+						}, {
+							default: A(() => [_(k(s), x(y(M.icons.close)), null, 16)]),
+							_: 1
+						}, 8, ["variant", "color"])])]),
+						_: 3
+					}))]),
+					_: 3
+				})]),
+				_: 3
+			})]),
+			_: 2
+		}, [M.title ? {
+			name: "header",
+			fn: A(() => [_(k(l), { fluid: "" }, {
+				default: A(() => [_(k(u), {
+					align: "center",
+					justify: "between"
+				}, {
+					default: A(() => [_(k(c), null, {
+						default: A(() => [h("div", j, [
+							e.$slots["title.prepend"] ? E(e.$slots, "title.prepend", { key: 0 }) : m("v-if", !0),
+							h("h4", null, D(M.title), 1),
+							e.$slots["title.append"] ? E(e.$slots, "title.append", { key: 1 }) : m("v-if", !0)
+						])]),
+						_: 3
+					}), _(k(c), { cols: "auto" }, {
+						default: A(() => [E(e.$slots, "dismiss", {}, () => [_(k(a), {
+							class: "q-toast__dismiss",
+							variant: B.value,
+							color: M.color,
+							onClick: H
+						}, {
+							default: A(() => [_(k(s), x(y(M.icons.close)), null, 16)]),
+							_: 1
+						}, 8, ["variant", "color"])])]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			})]),
+			key: "0"
+		} : void 0]), 1032, [
+			"id",
+			"elevation",
+			"width",
+			"class",
+			"style"
+		]));
+	}
 });
-export {
-  at as default
-};
+//#endregion
+export { M as default };

package/esm/components/QToast/QToast2.vue.js

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

package/esm/components/QToast/QToaster.vue.js

@@ -1,48 +1,39 @@
-import { defineComponent as m, computed as p, createBlock as d, openBlock as r, TransitionGroup as u, normalizeClass as f, withCtx as _, createElementBlock as a, Fragment as v, renderList as T, createVNode as k, unref as o, mergeProps as x } from "vue";
-import { QToast as g } from "./index.js";
-import { useToast as B } from "../../composables/useToast/index.js";
-const D = /* @__PURE__ */ m({
-  __name: "QToaster",
-  props: {
-    id: {},
-    class: {},
-    placement: { default: "top-right" },
-    maxToasts: {},
-    reverseOrder: { type: Boolean }
-  },
-  setup(n) {
-    const e = n, { toasts: i, removeToast: l } = B(), c = p(() => {
-      let t = [...i.value];
-      return e.reverseOrder && (t = t.reverse()), t.slice(0, e.maxToasts);
-    });
-    return (t, h) => (r(), d(u, {
-      id: e.id,
-      name: "toast-stack",
-      tag: "div",
-      class: f(["q-toaster", e.class]),
-      "data-placement": e.placement
-    }, {
-      default: _(() => [
-        (r(!0), a(
-          v,
-          null,
-          T(c.value, (s) => (r(), a("div", {
-            key: s.id,
-            class: "q-toast__container"
-          }, [
-            k(o(g), x({ ref_for: !0 }, s.props, {
-              onDismiss: () => o(l)(s.id)
-            }), null, 16, ["onDismiss"])
-          ]))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ]),
-      _: 1
-      /* STABLE */
-    }, 8, ["id", "class", "data-placement"]));
-  }
+import { useToast as e } from "../../composables/useToast/index.js";
+import { QToast as t } from "./index.js";
+import { Fragment as n, TransitionGroup as r, computed as i, createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, renderList as f, unref as p, withCtx as m } from "vue";
+//#region src/components/QToast/QToaster.vue?vue&type=script&setup=true&lang.ts
+var h = /*@__PURE__*/ c({
+	__name: "QToaster",
+	props: {
+		id: {},
+		class: {},
+		placement: { default: "top-right" },
+		maxToasts: {},
+		reverseOrder: { type: Boolean }
+	},
+	setup(c) {
+		let h = c, { toasts: g, removeToast: _ } = e(), v = i(() => {
+			let e = [...g.value];
+			return h.reverseOrder && (e = e.reverse()), e.slice(0, h.maxToasts);
+		});
+		return (e, i) => (d(), a(r, {
+			id: h.id,
+			name: "toast-stack",
+			tag: "div",
+			class: u(["q-toaster", h.class]),
+			"data-placement": h.placement
+		}, {
+			default: m(() => [(d(!0), o(n, null, f(v.value, (e) => (d(), o("div", {
+				key: e.id,
+				class: "q-toast__container"
+			}, [s(p(t), l({ ref_for: !0 }, e.props, { onDismiss: () => p(_)(e.id) }), null, 16, ["onDismiss"])]))), 128))]),
+			_: 1
+		}, 8, [
+			"id",
+			"class",
+			"data-placement"
+		]));
+	}
 });
-export {
-  D as default
-};
+//#endregion
+export { h as default };

package/esm/components/QToast/QToaster2.vue.js

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

package/esm/components/QToast/constants.js

@@ -1,8 +1,4 @@
-const o = {
-  close: {
-    icon: "close"
-  }
-};
-export {
-  o as DEFAULT_ICONS
-};
+//#region src/components/QToast/constants.ts
+var e = { close: { icon: "close" } };
+//#endregion
+export { e as DEFAULT_ICONS };

package/esm/components/QToast/index.js

@@ -1,8 +1,7 @@
-import r from "./QToast.vue.js";
-import t from "./QToaster.vue.js";
-import { setupPropsProxy as o } from "../../utils/setupPropsProxy.js";
-const f = o(r), i = o(t);
-export {
-  f as QToast,
-  i as QToaster
-};
+import { setupPropsProxy as e } from "../../utils/setupPropsProxy.js";
+import t from "./QToast2.vue.js";
+import n from "./QToaster2.vue.js";
+//#region src/components/QToast/index.ts
+var r = e(t), i = e(n);
+//#endregion
+export { r as QToast, i as QToaster };

package/esm/components/QToggle/QToggle.vue.js

@@ -1,43 +1,40 @@
-import { defineComponent as n, mergeModels as r, useModel as d, computed as c, createBlock as p, openBlock as u, unref as i, mergeProps as m, withCtx as g, renderSlot as f } from "vue";
-import { QButton as B } from "../QButton/index.js";
-const k = /* @__PURE__ */ n({
-  __name: "QToggle",
-  props: /* @__PURE__ */ r({
-    id: {},
-    class: {},
-    label: {},
-    variant: {},
-    color: {},
-    borderless: { type: Boolean },
-    elevated: { type: Boolean },
-    block: { type: Boolean },
-    size: {},
-    iconPos: {},
-    pill: { type: Boolean },
-    disabled: { type: Boolean },
-    loading: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o) {
-    const l = o, e = d(o, "modelValue"), a = c(() => ["q-toggle", { "q-toggle--active": e.value }]);
-    function t() {
-      e.value = !e.value;
-    }
-    return (s, v) => (u(), p(i(B), m({ class: a.value }, l, {
-      "aria-pressed": e.value,
-      onClick: t
-    }), {
-      default: g(() => [
-        f(s.$slots, "default")
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 16, ["class", "aria-pressed"]));
-  }
+import { QButton as e } from "../QButton/index.js";
+import { computed as t, createBlock as n, defineComponent as r, mergeModels as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, useModel as l, withCtx as u } from "vue";
+//#region src/components/QToggle/QToggle.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ r({
+	__name: "QToggle",
+	props: /*@__PURE__*/ i({
+		id: {},
+		class: {},
+		label: {},
+		variant: {},
+		color: {},
+		borderless: { type: Boolean },
+		elevated: { type: Boolean },
+		block: { type: Boolean },
+		size: {},
+		iconPos: {},
+		pill: { type: Boolean },
+		disabled: { type: Boolean },
+		loading: { type: Boolean }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let i = r, d = l(r, "modelValue"), f = t(() => ["q-toggle", { "q-toggle--active": d.value }]);
+		function p() {
+			d.value = !d.value;
+		}
+		return (t, r) => (o(), n(c(e), a({ class: f.value }, i, {
+			"aria-pressed": d.value,
+			onClick: p
+		}), {
+			default: u(() => [s(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class", "aria-pressed"]));
+	}
 });
-export {
-  k as default
-};
+//#endregion
+export { d as default };

package/esm/components/QToggle/QToggle2.vue.js

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

package/esm/components/QToggle/index.js

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