@quidgest/ui 0.20.0 → 0.21.0

package/esm/components/QDialog/types.d.ts

@@ -178,6 +178,13 @@ export type QDialogInputOption = {
      */
     validator?: (value: string) => string | undefined;
 };
+/**
+ * Hosts programmatic dialogs created with `useDialog`.
+ *
+ * Mount exactly one `QDialogProvider` per app (typically in the root layout).
+ * The dialog store is app-scoped via `createFramework`; mounting a second
+ * provider for the same app throws.
+ */
 export type QDialogProviderProps = {
     /**
      * Whether to inline the dialogs.
@@ -188,13 +195,15 @@ export type QDialogProviderProps = {
 };
 export type QDialogHandlers = {
     /**
-     * Handler for 'enter' event.
+     * Handler for the enter lifecycle.
+     * Runs when the dialog component registers its id during setup (not when `addDialog` is called).
      *
      * @category Behavior
      */
     onEnter?: () => void;
     /**
      * Handler for 'leave' event.
+     * Runs when the dialog is removed after it has entered (a public id exists).
      *
      * @category Behavior
      */

package/esm/components/QDialog/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QDialog/types.ts"],"names":[],"mappings":"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"}

package/esm/components/QDismissibleLayer/QDismissibleLayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AAsKC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAA;AAwJpE,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QDismissibleLayer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDismissibleLayer/QDismissibleLayer.vue"],"names":[],"mappings":"AAKA;AAuKC,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,GAAG,CAAA;AAuJpE,iBAAS,cAAc;WA0BT,OAAO,IAA6B;;yBAXrB,GAAG;;;;;;EAgB/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kBAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QDismissibleLayer/QDismissibleLayer.vue.js

@@ -1,7 +1,8 @@
-import { useDismissibleLayerStackItem as e } from "../../composables/useDismissibleLayerStack/index.js";
-import { createElementBlock as t, defineComponent as n, onMounted as r, onUnmounted as i, openBlock as a, renderSlot as o, useId as s, useTemplateRef as c } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { useDismissibleLayerStackItem as t } from "../../composables/useDismissibleLayerStack/index.js";
+import { createElementBlock as n, defineComponent as r, onMounted as i, onUnmounted as a, openBlock as o, renderSlot as s, useTemplateRef as c } from "vue";
 //#region src/components/QDismissibleLayer/QDismissibleLayer.vue?vue&type=script&setup=true&lang.ts
-var l = { ref: "layer" }, u = /*@__PURE__*/ n({
+var l = { ref: "layer" }, u = /*@__PURE__*/ r({
 	__name: "QDismissibleLayer",
 	emits: [
 		"escape-key-down",
@@ -10,8 +11,8 @@ var l = { ref: "layer" }, u = /*@__PURE__*/ n({
 		"interact-outside",
 		"dismiss"
 	],
-	setup(n, { emit: u }) {
-		let d = u, f = c("layer"), p = e(s()), m = [];
+	setup(r, { emit: u }) {
+		let d = u, f = c("layer"), p = t(e()), m = [];
 		function h(e) {
 			e.key === "Escape" && p?.isTop() && (d("escape-key-down", e), e.defaultPrevented || d("dismiss", e));
 		}
@@ -49,15 +50,15 @@ var l = { ref: "layer" }, u = /*@__PURE__*/ n({
 				});
 			});
 		}
-		return r(() => {
+		return i(() => {
 			p?.register(), document.addEventListener("keydown", h), m.push(() => {
 				document.removeEventListener("keydown", h);
 			}), document.addEventListener("focusin", g), m.push(() => {
 				document.removeEventListener("focusin", g);
 			}), v();
-		}), i(() => {
+		}), a(() => {
 			p?.unregister(), m.forEach((e) => e()), m = [];
-		}), (e, n) => (a(), t("div", l, [o(e.$slots, "default")], 512));
+		}), (e, t) => (o(), n("div", l, [s(e.$slots, "default")], 512));
 	}
 });
 //#endregion

package/esm/components/QDivider/QDivider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QDivider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/QDivider.vue"],"names":[],"mappings":"AAeA;AAsEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAiDvC,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QDivider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QDivider/QDivider.vue"],"names":[],"mappings":"AAeA;AAoEC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AA+CvC,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;wFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QDivider/QDivider.vue.js

@@ -20,14 +20,14 @@ var p = ["id"], m = { class: "q-divider__label" }, h = /*@__PURE__*/ o({
 				"q-divider--labeled": g.value
 			},
 			h.class
-		]), { isUtilityColor: v, style: y } = e(d(h, "color")), b = n(() => {
+		]), { style: v } = e(d(h, "color")), y = n(() => {
 			let e = {};
-			return h.thickness >= 0 && h.thickness !== 1 && (e["--q-divider-thickness"] = `${h.thickness}px`), h.color !== "neutral" && (e["--q-divider-color"] = v.value ? `var(--q-theme-${h.color})` : y.value?.mainColor), e;
+			return h.thickness >= 0 && h.thickness !== 1 && (e["--q-divider-thickness"] = `${h.thickness}px`), h.color !== "neutral" && v.value?.mainColor && (e["--q-divider-color"] = v.value.mainColor), e;
 		});
 		return (e, n) => (l(), i("div", {
 			id: h.id,
 			class: s(_.value),
-			style: c(b.value),
+			style: c(y.value),
 			role: "separator"
 		}, [g.value ? (l(), i(t, { key: 0 }, [
 			n[0] ||= a("div", { class: "q-divider__line" }, null, -1),

package/esm/components/QFileUpload/QFileUpload.vue.js

@@ -1,6 +1,6 @@
 import { QButton as e } from "../QButton/index.js";
 import { QIcon as t } from "../QIcon/index.js";
-import { useId as n } from "../../composables/uid.js";
+import { useId as n } from "../../composables/useId/index.js";
 import { QField as r } from "../QField/index.js";
 import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "./constants.js";
 import { useDropZone as o } from "../../composables/useDropZone/index.js";

package/esm/components/QGauge/QGauge.d.ts

@@ -0,0 +1,56 @@
+import { DEFAULT_TEXTS } from './constants';
+import { QGaugeProps } from './types';
+type __VLS_Props = QGaugeProps;
+type __VLS_PublicProps = {
+    modelValue?: number;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Custom markup for the visible current value. Also set `valueLabel` when the
+         * slot changes how the value should be announced, because slot content does
+         * not replace `aria-valuetext`.
+         */
+        value?: (props: {
+            value: number;
+            min: number;
+            max: number;
+        }) => unknown;
+    }> & {
+        /**
+         * Custom markup for the visible current value. Also set `valueLabel` when the
+         * slot changes how the value should be announced, because slot content does
+         * not replace `aria-valuetext`.
+         */
+        value?: (props: {
+            value: number;
+            min: number;
+            max: number;
+        }) => unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    texts: typeof DEFAULT_TEXTS;
+    min: number;
+    max: number;
+    tickCount: number;
+    targetComparison: import('./types').QGaugeTargetComparison;
+    showLegend: boolean;
+    showTargetLegend: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QGauge.vue.d.ts.map

package/esm/components/QGauge/QGauge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QGauge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QGauge/QGauge.vue"],"names":[],"mappings":"AA+JA;AAugBC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAO3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA4B1C,KAAK,WAAW,GAAG,WAAW,CAAC;AA6UhC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA6LT,OAAO,IAA6B;;QAngBhD;;;;WAIG;gBACK,CAAC,KAAK,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;QALvE;;;;WAIG;gBACK,CAAC,KAAK,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;EAmgBxE;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;wFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QGauge/QGauge.vue.js

@@ -0,0 +1,305 @@
+import { useTheme as e } from "../../composables/theme.js";
+import { resolveColor as t } from "../../composables/useColor/index.js";
+import { useId as n } from "../../composables/useId/index.js";
+import { DEFAULT_TEXTS as r } from "./constants.js";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, normalizeClass as f, normalizeStyle as ee, openBlock as p, renderList as m, renderSlot as te, toDisplayString as h, toRef as g, unref as _, useModel as ne } from "vue";
+//#region src/components/QGauge/QGauge.vue?vue&type=script&setup=true&lang.ts
+var re = [
+	"id",
+	"aria-labelledby",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-valuetext"
+], ie = ["id"], ae = { class: "q-gauge__visual" }, oe = {
+	class: "q-gauge__svg",
+	viewBox: "0 0 240 158",
+	"aria-hidden": "true",
+	focusable: "false"
+}, se = ["d"], ce = ["d"], le = [
+	"d",
+	"stroke",
+	"data-range-from",
+	"data-range-to"
+], ue = ["data-value"], de = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], fe = ["x", "y"], pe = ["data-target", "data-target-state"], me = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], he = [
+	"x1",
+	"y1",
+	"x2",
+	"y2"
+], ge = ["x", "y"], _e = ["transform"], ve = { class: "q-gauge__value-row" }, ye = { class: "q-gauge__value" }, be = {
+	key: 0,
+	class: "q-gauge__unit"
+}, xe = {
+	key: 1,
+	class: "q-gauge__secondary"
+}, Se = {
+	key: 2,
+	class: "q-gauge__legend"
+}, Ce = { class: "q-gauge__legend-label" }, we = { class: "q-gauge__legend-label" }, v = 120, y = 126, b = 86, x = 73, S = 97, C = 59, w = 68, T = 104, E = 116, D = 70, O = 180, k = 360, A = /*@__PURE__*/ u({
+	__name: "QGauge",
+	props: /*@__PURE__*/ d({
+		id: {},
+		class: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		ranges: {},
+		ticks: {},
+		tickCount: { default: 5 },
+		label: {},
+		valueLabel: {},
+		target: {},
+		targetComparison: { default: "at-least" },
+		targetLabel: {},
+		showTargetValue: { type: Boolean },
+		showLegend: {
+			type: Boolean,
+			default: !0
+		},
+		showTargetLegend: {
+			type: Boolean,
+			default: !0
+		},
+		unit: {},
+		secondaryLabel: {},
+		texts: { default: () => r },
+		tickFormatter: {}
+	}, {
+		modelValue: { default: 0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let u = r, d = ne(r, "modelValue"), A = k - O, j = n(g(u, "id")), Te = e(), M = a(() => Number.isFinite(u.min) ? u.min : 0), N = a(() => Number.isFinite(u.max) && u.max > M.value ? u.max : M.value + 1), P = a(() => Number.isFinite(d.value) ? d.value : M.value), F = a(() => Math.min(N.value, Math.max(M.value, P.value))), I = a(() => typeof u.target == "number" && Number.isFinite(u.target) ? u.target : void 0), L = a(() => `${j.value}-label`), R = a(() => !!u.label), Ee = a(() => !!u.unit), De = a(() => !!u.secondaryLabel), z = a(() => typeof u.valueLabel == "string" ? u.valueLabel : u.valueLabel ? u.valueLabel(P.value, M.value, N.value) : String(P.value)), B = a(() => {
+			if (I.value === void 0) return;
+			if (typeof u.targetLabel == "string") return u.targetLabel;
+			if (u.targetLabel) return u.targetLabel(I.value, M.value, N.value);
+			let e = u.unit ? ` ${u.unit}` : "";
+			return `${Q(I.value)}${e}`;
+		}), Oe = a(() => {
+			let e = B.value;
+			return e === void 0 || u.targetLabel !== void 0 ? e : `${u.texts.target} ${e}`;
+		}), V = a(() => {
+			if (I.value !== void 0) return u.targetComparison === "at-most" ? P.value <= I.value : P.value >= I.value;
+		}), H = a(() => {
+			if (V.value !== void 0) return V.value ? "achieved" : "missed";
+		}), ke = a(() => {
+			if (H.value) return H.value === "achieved" ? u.texts.targetAchieved : u.texts.targetNotAchieved;
+		}), U = a(() => (u.ranges ?? []).flatMap((e) => {
+			if (!Number.isFinite(e.from) || !Number.isFinite(e.to) || e.to <= e.from) return [];
+			let n = Math.max(M.value, e.from), r = Math.min(N.value, e.to);
+			return r <= n ? [] : [{
+				from: n,
+				to: r,
+				color: t(e.color, Te.current.value.scheme),
+				label: e.label,
+				path: Z(Y(n), Y(r), b)
+			}];
+		})), W = a(() => U.value.flatMap((e) => e.label ? [{
+			from: e.from,
+			to: e.to,
+			color: e.color,
+			label: e.label
+		}] : [])), G = a(() => u.showTargetLegend && K.value ? [{
+			state: "achieved",
+			label: u.texts.targetAchieved
+		}, {
+			state: "missed",
+			label: u.texts.targetNotAchieved
+		}] : []), Ae = a(() => u.showLegend && (W.value.length > 0 || G.value.length > 0)), je = a(() => {
+			if (u.ticks) return [...new Set(u.ticks)].filter((e) => Number.isFinite(e) && e >= M.value && e <= N.value).sort((e, t) => e - t);
+			let e = Math.max(2, Math.floor(Number.isFinite(u.tickCount) ? u.tickCount : 5)), t = (N.value - M.value) / (e - 1);
+			return Array.from({ length: e }, (e, n) => M.value + t * n);
+		}), Me = a(() => je.value.map((e) => {
+			let t = Y(e);
+			return {
+				value: e,
+				inner: X(t, x),
+				outer: X(t, S),
+				label: Le(t),
+				text: u.tickFormatter ? u.tickFormatter(e) : Q(e)
+			};
+		})), K = a(() => {
+			if (I.value === void 0 || I.value < M.value || I.value > N.value) return;
+			let e = Y(I.value);
+			return {
+				value: I.value,
+				inner: X(e, w),
+				outer: X(e, T),
+				label: Re(e)
+			};
+		}), q = a(() => Z(O, k, b)), J = a(() => Y(F.value)), Ne = a(() => `rotate(${Q(J.value - 270)} ${v} ${y})`), Pe = a(() => {
+			let e;
+			for (let t of U.value) F.value >= t.from && F.value <= t.to && (e = t.label);
+			return e;
+		}), Fe = a(() => u.valueLabel === void 0 ? [z.value, u.unit].filter(Boolean).join(" ") : z.value), Ie = a(() => [
+			Fe.value,
+			Pe.value,
+			Oe.value,
+			ke.value
+		].filter(Boolean).join(" "));
+		function Y(e) {
+			return O + (e - M.value) / (N.value - M.value) * A;
+		}
+		function X(e, t) {
+			let n = e * Math.PI / 180;
+			return {
+				x: $(v + t * Math.cos(n)),
+				y: $(y + t * Math.sin(n))
+			};
+		}
+		function Le(e) {
+			let t = X(e, C);
+			return e === O || e === k ? {
+				x: t.x,
+				y: $(t.y + 14)
+			} : t;
+		}
+		function Re(e) {
+			let t = X(e, E);
+			return e === O ? {
+				x: $(t.x + 16),
+				y: t.y
+			} : e === k ? {
+				x: $(t.x - 16),
+				y: t.y
+			} : t;
+		}
+		function Z(e, t, n) {
+			let r = X(e, n), i = X(t, n), a = +(t - e > 180);
+			return `M ${r.x} ${r.y} A ${n} ${n} 0 ${a} 1 ${i.x} ${i.y}`;
+		}
+		function Q(e) {
+			return String($(e));
+		}
+		function $(e) {
+			return Number(e.toFixed(3));
+		}
+		return (e, t) => (p(), s("div", {
+			id: _(j),
+			class: f(["q-gauge", u.class]),
+			role: "meter",
+			"aria-labelledby": R.value ? L.value : void 0,
+			"aria-valuemin": M.value,
+			"aria-valuemax": N.value,
+			"aria-valuenow": F.value,
+			"aria-valuetext": Ie.value
+		}, [
+			R.value ? (p(), s("div", {
+				key: 0,
+				id: L.value,
+				class: "q-gauge__label"
+			}, h(u.label), 9, ie)) : o("v-if", !0),
+			c("div", ae, [(p(), s("svg", oe, [
+				c("path", {
+					class: "q-gauge__track-shadow",
+					d: q.value
+				}, null, 8, se),
+				c("path", {
+					class: "q-gauge__track",
+					d: q.value
+				}, null, 8, ce),
+				(p(!0), s(i, null, m(U.value, (e, t) => (p(), s("path", {
+					key: `${e.from}-${e.to}-${t}`,
+					class: "q-gauge__range",
+					d: e.path,
+					stroke: e.color,
+					"data-range-from": e.from,
+					"data-range-to": e.to
+				}, null, 8, le))), 128)),
+				(p(!0), s(i, null, m(Me.value, (e) => (p(), s("g", {
+					key: e.value,
+					class: "q-gauge__tick",
+					"data-value": e.value
+				}, [c("line", {
+					x1: e.inner.x,
+					y1: e.inner.y,
+					x2: e.outer.x,
+					y2: e.outer.y
+				}, null, 8, de), c("text", {
+					x: e.label.x,
+					y: e.label.y
+				}, h(e.text), 9, fe)], 8, ue))), 128)),
+				K.value ? (p(), s("g", {
+					key: 0,
+					class: f(["q-gauge__target", `q-gauge__target--${H.value}`]),
+					"data-target": K.value.value,
+					"data-target-state": H.value
+				}, [
+					c("line", {
+						class: "q-gauge__target-outline",
+						x1: K.value.inner.x,
+						y1: K.value.inner.y,
+						x2: K.value.outer.x,
+						y2: K.value.outer.y
+					}, null, 8, me),
+					c("line", {
+						class: "q-gauge__target-line",
+						x1: K.value.inner.x,
+						y1: K.value.inner.y,
+						x2: K.value.outer.x,
+						y2: K.value.outer.y
+					}, null, 8, he),
+					u.showTargetValue ? (p(), s("text", {
+						key: 0,
+						class: "q-gauge__target-value",
+						x: K.value.label.x,
+						y: K.value.label.y
+					}, h(B.value), 9, ge)) : o("v-if", !0)
+				], 10, pe)) : o("v-if", !0),
+				c("g", {
+					class: "q-gauge__needle",
+					transform: Ne.value
+				}, [c("line", {
+					x1: v,
+					y1: y,
+					x2: v,
+					y2: D
+				})], 8, _e),
+				c("circle", {
+					class: "q-gauge__hub",
+					cx: v,
+					cy: y,
+					r: "21"
+				}),
+				c("circle", {
+					class: "q-gauge__hub-center",
+					cx: v,
+					cy: y,
+					r: "12"
+				})
+			]))]),
+			c("div", ve, [c("span", ye, [te(e.$slots, "value", {
+				value: P.value,
+				min: M.value,
+				max: N.value
+			}, () => [l(h(z.value), 1)])]), Ee.value ? (p(), s("span", be, h(u.unit), 1)) : o("v-if", !0)]),
+			De.value ? (p(), s("div", xe, h(u.secondaryLabel), 1)) : o("v-if", !0),
+			Ae.value ? (p(), s("ul", Se, [(p(!0), s(i, null, m(W.value, (e, t) => (p(), s("li", {
+				key: `${e.from}-${e.to}-${t}`,
+				class: "q-gauge__legend-item"
+			}, [c("span", {
+				class: "q-gauge__legend-swatch",
+				style: ee({ backgroundColor: e.color })
+			}, null, 4), c("span", Ce, h(e.label), 1)]))), 128)), (p(!0), s(i, null, m(G.value, (e) => (p(), s("li", {
+				key: e.state,
+				class: f([
+					"q-gauge__legend-item",
+					"q-gauge__legend-item--target",
+					{ "q-gauge__legend-item--active": e.state === H.value }
+				])
+			}, [c("span", { class: f(["q-gauge__legend-target", `q-gauge__legend-target--${e.state}`]) }, null, 2), c("span", we, h(e.label), 1)], 2))), 128))])) : o("v-if", !0)
+		], 10, re));
+	}
+});
+//#endregion
+export { A as default };

package/esm/components/QGauge/QGauge2.vue.js

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

package/esm/components/QGauge/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_TEXTS: {
+    target: string;
+    targetAchieved: string;
+    targetNotAchieved: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/esm/components/QGauge/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QGauge/constants.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa;;;;CAIQ,CAAA"}

package/esm/components/QGauge/constants.js

@@ -0,0 +1,8 @@
+//#region src/components/QGauge/constants.ts
+var e = {
+	target: "Target",
+	targetAchieved: "Target achieved",
+	targetNotAchieved: "Target not achieved"
+};
+//#endregion
+export { e as DEFAULT_TEXTS };

package/esm/components/QGauge/index.d.ts

@@ -0,0 +1,124 @@
+declare const QGauge: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: number;
+    } & import('../../types/component').QBaseComponentProps & {
+        min?: number;
+        max?: number;
+        ranges?: import('./types').QGaugeRange[];
+        ticks?: number[];
+        tickCount?: number;
+        label?: string;
+        valueLabel?: string | ((value: number, min: number, max: number) => string);
+        target?: number;
+        targetComparison?: import('./types').QGaugeTargetComparison;
+        targetLabel?: string | ((target: number, min: number, max: number) => string);
+        showTargetValue?: boolean;
+        showLegend?: boolean;
+        showTargetLegend?: boolean;
+        unit?: string;
+        secondaryLabel?: string;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
+        tickFormatter?: (value: number) => string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => any;
+    }, import('vue').PublicProps, {
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        min: number;
+        max: number;
+        tickCount: number;
+        targetComparison: import('./types').QGaugeTargetComparison;
+        showLegend: boolean;
+        showTargetLegend: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: number;
+    } & import('../../types/component').QBaseComponentProps & {
+        min?: number;
+        max?: number;
+        ranges?: import('./types').QGaugeRange[];
+        ticks?: number[];
+        tickCount?: number;
+        label?: string;
+        valueLabel?: string | ((value: number, min: number, max: number) => string);
+        target?: number;
+        targetComparison?: import('./types').QGaugeTargetComparison;
+        targetLabel?: string | ((target: number, min: number, max: number) => string);
+        showTargetValue?: boolean;
+        showLegend?: boolean;
+        showTargetLegend?: boolean;
+        unit?: string;
+        secondaryLabel?: string;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
+        tickFormatter?: (value: number) => string;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        texts: typeof import('./constants').DEFAULT_TEXTS;
+        min: number;
+        max: number;
+        tickCount: number;
+        targetComparison: import('./types').QGaugeTargetComparison;
+        showLegend: boolean;
+        showTargetLegend: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: number;
+} & import('../../types/component').QBaseComponentProps & {
+    min?: number;
+    max?: number;
+    ranges?: import('./types').QGaugeRange[];
+    ticks?: number[];
+    tickCount?: number;
+    label?: string;
+    valueLabel?: string | ((value: number, min: number, max: number) => string);
+    target?: number;
+    targetComparison?: import('./types').QGaugeTargetComparison;
+    targetLabel?: string | ((target: number, min: number, max: number) => string);
+    showTargetValue?: boolean;
+    showLegend?: boolean;
+    showTargetLegend?: boolean;
+    unit?: string;
+    secondaryLabel?: string;
+    texts?: typeof import('./constants').DEFAULT_TEXTS;
+    tickFormatter?: (value: number) => string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, {
+    texts: typeof import('./constants').DEFAULT_TEXTS;
+    min: number;
+    max: number;
+    tickCount: number;
+    targetComparison: import('./types').QGaugeTargetComparison;
+    showLegend: boolean;
+    showTargetLegend: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        value?: (props: {
+            value: number;
+            min: number;
+            max: number;
+        }) => unknown;
+    }> & {
+        value?: (props: {
+            value: number;
+            min: number;
+            max: number;
+        }) => unknown;
+    };
+});
+export { QGauge };
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/QGauge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QGauge/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AAGvC,OAAO,EAAE,MAAM,EAAE,CAAA;AAGjB,cAAc,SAAS,CAAA"}

package/esm/components/QGauge/index.js

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