@quidgest/ui 0.17.2 → 0.17.3

package/esm/components/QSidebar/QSidebarPanel.vue.js

@@ -1,89 +1,69 @@
-import { defineComponent as y, useTemplateRef as q, ref as W, onUnmounted as $, createElementBlock as s, openBlock as i, createElementVNode as v, createCommentVNode as a, renderSlot as n, toDisplayString as g, normalizeClass as k } from "vue";
-const E = {
-  ref: "panel",
-  class: "q-sidebar-panel"
-}, R = { class: "q-sidebar-panel__header" }, S = {
-  key: 0,
-  class: "q-sidebar-panel__title"
-}, w = { class: "q-sidebar-panel__content" }, B = {
-  key: 0,
-  class: "q-sidebar-panel__footer"
-}, L = {
-  key: 0,
-  class: "q-sidebar-panel__grip"
-}, X = /* @__PURE__ */ y({
-  __name: "QSidebarPanel",
-  props: {
-    title: {},
-    icon: {},
-    resizable: { type: Boolean },
-    showGrip: { type: Boolean, default: !0 },
-    initialWidth: { default: "medium" },
-    minWidth: { default: "small" },
-    maxWidth: { default: "large" },
-    resizePosition: { default: "right" }
-  },
-  emits: ["resize", "resize:start", "resize:end"],
-  setup(o, { emit: z }) {
-    const t = o, r = z, u = q("panel"), l = W(!1);
-    let d = 0, c = 0;
-    function _(e) {
-      t.resizable && (l.value = !0, d = e.clientX, c = u.value.clientWidth, document.addEventListener("mousemove", m), document.addEventListener("mouseup", f), document.body.style.userSelect = "none", r("resize:start"));
-    }
-    function m(e) {
-      if (!t.resizable || !l.value) return;
-      const h = t.resizePosition === "right" ? e.clientX - d : d - e.clientX, b = c + h;
-      r("resize", b);
-    }
-    function f() {
-      t.resizable && (l.value = !1, r("resize:end", u.value.clientWidth), p());
-    }
-    function p() {
-      t.resizable && (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", f), document.body.style.userSelect = "");
-    }
-    return $(p), (e, h) => (i(), s(
-      "div",
-      E,
-      [
-        v("div", R, [
-          n(e.$slots, "header", {}, () => [
-            n(e.$slots, "header.prepend"),
-            t.title ? (i(), s(
-              "h3",
-              S,
-              g(t.title),
-              1
-              /* TEXT */
-            )) : a("v-if", !0),
-            n(e.$slots, "header.append")
-          ])
-        ]),
-        v("div", w, [
-          n(e.$slots, "content")
-        ]),
-        e.$slots.footer ? (i(), s("div", B, [
-          n(e.$slots, "footer")
-        ])) : a("v-if", !0),
-        o.resizable ? (i(), s(
-          "div",
-          {
-            key: 1,
-            class: k(["q-sidebar-panel__handle", `q-sidebar-panel__handle--${o.resizePosition}`]),
-            "data-testid": "q-sidebar-panel-handle",
-            onMousedown: _
-          },
-          [
-            o.showGrip ? (i(), s("div", L)) : a("v-if", !0)
-          ],
-          34
-          /* CLASS, NEED_HYDRATION */
-        )) : a("v-if", !0)
-      ],
-      512
-      /* NEED_PATCH */
-    ));
-  }
+import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, onUnmounted as a, openBlock as o, ref as s, renderSlot as c, toDisplayString as l, useTemplateRef as u } from "vue";
+//#region src/components/QSidebar/QSidebarPanel.vue?vue&type=script&setup=true&lang.ts
+var d = {
+	ref: "panel",
+	class: "q-sidebar-panel"
+}, f = { class: "q-sidebar-panel__header" }, p = {
+	key: 0,
+	class: "q-sidebar-panel__title"
+}, m = { class: "q-sidebar-panel__content" }, h = {
+	key: 0,
+	class: "q-sidebar-panel__footer"
+}, g = {
+	key: 0,
+	class: "q-sidebar-panel__grip"
+}, _ = /*@__PURE__*/ r({
+	__name: "QSidebarPanel",
+	props: {
+		title: {},
+		icon: {},
+		resizable: { type: Boolean },
+		showGrip: {
+			type: Boolean,
+			default: !0
+		},
+		initialWidth: { default: "medium" },
+		minWidth: { default: "small" },
+		maxWidth: { default: "large" },
+		resizePosition: { default: "right" }
+	},
+	emits: [
+		"resize",
+		"resize:start",
+		"resize:end"
+	],
+	setup(r, { emit: _ }) {
+		let v = r, y = _, b = u("panel"), x = s(!1), S = 0, C = 0;
+		function w(e) {
+			v.resizable && (x.value = !0, S = e.clientX, C = b.value.clientWidth, document.addEventListener("mousemove", T), document.addEventListener("mouseup", E), document.body.style.userSelect = "none", y("resize:start"));
+		}
+		function T(e) {
+			if (!v.resizable || !x.value) return;
+			let t = v.resizePosition === "right" ? e.clientX - S : S - e.clientX;
+			y("resize", C + t);
+		}
+		function E() {
+			v.resizable && (x.value = !1, y("resize:end", b.value.clientWidth), D());
+		}
+		function D() {
+			v.resizable && (document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", E), document.body.style.userSelect = "");
+		}
+		return a(D), (a, s) => (o(), t("div", d, [
+			n("div", f, [c(a.$slots, "header", {}, () => [
+				c(a.$slots, "header.prepend"),
+				v.title ? (o(), t("h3", p, l(v.title), 1)) : e("v-if", !0),
+				c(a.$slots, "header.append")
+			])]),
+			n("div", m, [c(a.$slots, "content")]),
+			a.$slots.footer ? (o(), t("div", h, [c(a.$slots, "footer")])) : e("v-if", !0),
+			r.resizable ? (o(), t("div", {
+				key: 1,
+				class: i(["q-sidebar-panel__handle", `q-sidebar-panel__handle--${r.resizePosition}`]),
+				"data-testid": "q-sidebar-panel-handle",
+				onMousedown: w
+			}, [r.showGrip ? (o(), t("div", g)) : e("v-if", !0)], 34)) : e("v-if", !0)
+		], 512));
+	}
 });
-export {
-  X as default
-};
+//#endregion
+export { _ as default };

package/esm/components/QSidebar/QSidebarPanel2.vue.js

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

package/esm/components/QSidebar/index.js

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

package/esm/components/QSkeletonLoader/QSkeletonLoader.vue.js

@@ -1,36 +1,29 @@
-import { defineComponent as d, computed as n, createElementBlock as r, openBlock as a, normalizeStyle as p, normalizeClass as c, createElementVNode as h } from "vue";
-const m = ["id"], y = /* @__PURE__ */ d({
-  __name: "QSkeletonLoader",
-  props: {
-    id: {},
-    class: {},
-    width: {},
-    height: {},
-    type: {}
-  },
-  setup(s) {
-    const e = s, l = n(() => e.type ? `q-skeleton-loader--${e.type}` : void 0), i = n(() => {
-      const o = typeof e.width == "number" ? `${e.width}px` : e.width, t = typeof e.height == "number" ? `${e.height}px` : e.height;
-      return {
-        width: o,
-        height: t
-      };
-    });
-    return (o, t) => (a(), r("div", {
-      id: e.id,
-      class: c(["q-skeleton-loader", l.value, e.class]),
-      style: p(i.value)
-    }, [...t[0] || (t[0] = [
-      h(
-        "div",
-        { class: "q-skeleton-loader__bone" },
-        null,
-        -1
-        /* CACHED */
-      )
-    ])], 14, m));
-  }
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o } from "vue";
+//#region src/components/QSkeletonLoader/QSkeletonLoader.vue?vue&type=script&setup=true&lang.ts
+var s = ["id"], c = /*@__PURE__*/ r({
+	__name: "QSkeletonLoader",
+	props: {
+		id: {},
+		class: {},
+		width: {},
+		height: {},
+		type: {}
+	},
+	setup(r) {
+		let c = r, l = e(() => c.type ? `q-skeleton-loader--${c.type}` : void 0), u = e(() => ({
+			width: typeof c.width == "number" ? `${c.width}px` : c.width,
+			height: typeof c.height == "number" ? `${c.height}px` : c.height
+		}));
+		return (e, r) => (o(), t("div", {
+			id: c.id,
+			class: i([
+				"q-skeleton-loader",
+				l.value,
+				c.class
+			]),
+			style: a(u.value)
+		}, [...r[0] ||= [n("div", { class: "q-skeleton-loader__bone" }, null, -1)]], 14, s));
+	}
 });
-export {
-  y as default
-};
+//#endregion
+export { c as default };

package/esm/components/QSkeletonLoader/QSkeletonLoader2.vue.js

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

package/esm/components/QSkeletonLoader/index.js

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

package/esm/components/QSpinnerLoader/QSpinnerLoader.vue.js

@@ -1,22 +1,20 @@
-import { defineComponent as o, computed as t, createElementBlock as l, openBlock as i, normalizeStyle as a, normalizeClass as r } from "vue";
-const c = ["id"], u = /* @__PURE__ */ o({
-  __name: "QSpinnerLoader",
-  props: {
-    id: {},
-    class: {},
-    size: { default: 48 }
-  },
-  setup(s) {
-    const e = s, n = t(() => ({
-      "font-size": e.size !== 48 ? `${e.size}px` : void 0
-    }));
-    return (d, p) => (i(), l("div", {
-      id: e.id,
-      class: r(["q-spinner-loader", e.class]),
-      style: a(n.value)
-    }, null, 14, c));
-  }
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
+//#region src/components/QSpinnerLoader/QSpinnerLoader.vue?vue&type=script&setup=true&lang.ts
+var o = ["id"], s = /*@__PURE__*/ n({
+	__name: "QSpinnerLoader",
+	props: {
+		id: {},
+		class: {},
+		size: { default: 48 }
+	},
+	setup(n) {
+		let s = n, c = e(() => ({ "font-size": s.size === 48 ? void 0 : `${s.size}px` }));
+		return (e, n) => (a(), t("div", {
+			id: s.id,
+			class: r(["q-spinner-loader", s.class]),
+			style: i(c.value)
+		}, null, 14, o));
+	}
 });
-export {
-  u as default
-};
+//#endregion
+export { s as default };

package/esm/components/QSpinnerLoader/QSpinnerLoader2.vue.js

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

package/esm/components/QSpinnerLoader/index.js

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

package/esm/components/QSwitch/QSwitch.vue.js

@@ -1,125 +1,84 @@
-import { defineComponent as L, mergeModels as g, useModel as S, toRef as c, computed as p, createElementBlock as r, openBlock as i, withModifiers as B, createBlock as V, createCommentVNode as d, createElementVNode as a, unref as n, normalizeStyle as z, normalizeClass as M, withDirectives as x, mergeProps as D, vModelCheckbox as I, Fragment as k, createTextVNode as w, toDisplayString as q } from "vue";
-import { QLabel as N } from "../QLabel/index.js";
-import { useId as P } from "../../composables/uid.js";
-import { useColor as _ } from "../../composables/useColor/index.js";
-const E = ["id", "aria-checked", "disabled"], O = { class: "q-switch__labels" }, Q = {
-  class: "q-switch__label q-switch__label--off",
-  "aria-hidden": "true"
-}, $ = {
-  class: "q-switch__label q-switch__label--on",
-  "aria-hidden": "true"
-}, U = /* @__PURE__ */ L({
-  inheritAttrs: !1,
-  __name: "QSwitch",
-  props: /* @__PURE__ */ g({
-    id: {},
-    class: {},
-    label: {},
-    required: { type: Boolean },
-    labelPosition: {},
-    trueLabel: { default: "On" },
-    falseLabel: { default: "Off" },
-    showStateLabels: { type: Boolean },
-    checkedColor: {},
-    uncheckedColor: {},
-    size: { default: "medium" },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(u) {
-    const e = u, t = S(u, "modelValue"), v = (l) => {
-      e.readonly && (l.preventDefault(), l.stopImmediatePropagation(), l.target.checked = !!t.value);
-    }, h = P(c(e, "id")), { style: b } = _(c(e, "checkedColor")), { style: m } = _(c(e, "uncheckedColor")), y = p(() => [
-      "q-switch",
-      e.size !== "medium" ? `q-switch--${e.size}` : void 0,
-      {
-        "q-switch--checked": t.value,
-        "q-switch--disabled": e.disabled,
-        "q-switch--readonly": e.readonly,
-        "q-switch--with-labels": e.showStateLabels && (e.trueLabel || e.falseLabel)
-      },
-      e.class
-    ]), C = p(() => {
-      var l, o, s, f;
-      return {
-        "--q-switch-checked-background": (l = b.value) == null ? void 0 : l.mainColor,
-        "--q-switch-on-checked-background": (o = b.value) == null ? void 0 : o.onMainColor,
-        "--q-switch-unchecked-background": (s = m.value) == null ? void 0 : s.mainColor,
-        "--q-switch-on-unchecked-background": (f = m.value) == null ? void 0 : f.onMainColor
-      };
-    });
-    return (l, o) => (i(), r("div", {
-      class: "q-switch__container",
-      onClick: o[1] || (o[1] = B(() => {
-      }, ["stop"]))
-    }, [
-      e.label ? (i(), V(n(N), {
-        key: 0,
-        for: n(h),
-        label: e.label,
-        required: e.required
-      }, null, 8, ["for", "label", "required"])) : d("v-if", !0),
-      a(
-        "div",
-        {
-          class: M(y.value),
-          style: z(C.value)
-        },
-        [
-          x(a("input", D({
-            id: n(h),
-            "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
-            class: "q-switch__input",
-            type: "checkbox",
-            role: "switch",
-            "aria-checked": t.value,
-            disabled: e.disabled
-          }, l.$attrs, { onInput: v }), null, 16, E), [
-            [I, t.value]
-          ]),
-          a("div", O, [
-            a("span", Q, [
-              e.showStateLabels ? (i(), r(
-                k,
-                { key: 0 },
-                [
-                  w(
-                    q(e.falseLabel),
-                    1
-                    /* TEXT */
-                  )
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : d("v-if", !0)
-            ]),
-            a("span", $, [
-              e.showStateLabels ? (i(), r(
-                k,
-                { key: 0 },
-                [
-                  w(
-                    q(e.trueLabel),
-                    1
-                    /* TEXT */
-                  )
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : d("v-if", !0)
-            ])
-          ])
-        ],
-        6
-        /* CLASS, STYLE */
-      )
-    ]));
-  }
+import { useColor as e } from "../../composables/useColor/index.js";
+import { useId as t } from "../../composables/uid.js";
+import { QLabel as n } from "../QLabel/index.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, normalizeStyle as m, openBlock as h, toDisplayString as g, toRef as _, unref as v, useModel as y, vModelCheckbox as b, withDirectives as x, withModifiers as S } from "vue";
+//#region src/components/QSwitch/QSwitch.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"id",
+	"aria-checked",
+	"disabled"
+], w = { class: "q-switch__labels" }, T = {
+	class: "q-switch__label q-switch__label--off",
+	"aria-hidden": "true"
+}, E = {
+	class: "q-switch__label q-switch__label--on",
+	"aria-hidden": "true"
+}, D = /*@__PURE__*/ u({
+	inheritAttrs: !1,
+	__name: "QSwitch",
+	props: /*@__PURE__*/ d({
+		id: {},
+		class: {},
+		label: {},
+		required: { type: Boolean },
+		labelPosition: {},
+		trueLabel: { default: "On" },
+		falseLabel: { default: "Off" },
+		showStateLabels: { type: Boolean },
+		checkedColor: {},
+		uncheckedColor: {},
+		size: { default: "medium" },
+		disabled: { type: Boolean },
+		readonly: { type: Boolean }
+	}, {
+		modelValue: { type: Boolean },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(u) {
+		let d = u, D = y(u, "modelValue"), O = (e) => {
+			d.readonly && (e.preventDefault(), e.stopImmediatePropagation(), e.target.checked = !!D.value);
+		}, k = t(_(d, "id")), { style: A } = e(_(d, "checkedColor")), { style: j } = e(_(d, "uncheckedColor")), M = i(() => [
+			"q-switch",
+			d.size === "medium" ? void 0 : `q-switch--${d.size}`,
+			{
+				"q-switch--checked": D.value,
+				"q-switch--disabled": d.disabled,
+				"q-switch--readonly": d.readonly,
+				"q-switch--with-labels": d.showStateLabels && (d.trueLabel || d.falseLabel)
+			},
+			d.class
+		]), N = i(() => ({
+			"--q-switch-checked-background": A.value?.mainColor,
+			"--q-switch-on-checked-background": A.value?.onMainColor,
+			"--q-switch-unchecked-background": j.value?.mainColor,
+			"--q-switch-on-unchecked-background": j.value?.onMainColor
+		}));
+		return (e, t) => (h(), s("div", {
+			class: "q-switch__container",
+			onClick: t[1] ||= S(() => {}, ["stop"])
+		}, [d.label ? (h(), a(v(n), {
+			key: 0,
+			for: v(k),
+			label: d.label,
+			required: d.required
+		}, null, 8, [
+			"for",
+			"label",
+			"required"
+		])) : o("v-if", !0), c("div", {
+			class: p(M.value),
+			style: m(N.value)
+		}, [x(c("input", f({
+			id: v(k),
+			"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+			class: "q-switch__input",
+			type: "checkbox",
+			role: "switch",
+			"aria-checked": D.value,
+			disabled: d.disabled
+		}, e.$attrs, { onInput: O }), null, 16, C), [[b, D.value]]), c("div", w, [c("span", T, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.falseLabel), 1)], 64)) : o("v-if", !0)]), c("span", E, [d.showStateLabels ? (h(), s(r, { key: 0 }, [l(g(d.trueLabel), 1)], 64)) : o("v-if", !0)])])], 6)]));
+	}
 });
-export {
-  U as default
-};
+//#endregion
+export { D as default };

package/esm/components/QSwitch/QSwitch2.vue.js

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

package/esm/components/QSwitch/index.js

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