@quidgest/ui 0.25.0 → 0.26.0

package/esm/components/QTabs/QTabs.vue.js

@@ -1,15 +1,16 @@
 import { provideDefaults as e } from "../../composables/defaults.js";
 import { useGroup as t } from "../../composables/useGroup/index.js";
 import { QOverflow as n } from "../QOverflow/index.js";
-import { TabsSymbol as r } from "./context.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, provide as g, ref as _, renderSlot as v, shallowRef as y, toRef as b, unref as x, useModel as S, useTemplateRef as C, watch as w, withCtx as T } from "vue";
+import { useEnabledSelection as r } from "../../composables/useEnabledSelection/index.js";
+import { TabsSymbol as i } from "./context.js";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, provide as _, ref as v, renderSlot as y, shallowRef as b, toRef as x, unref as S, useModel as C, useTemplateRef as w, watch as T, withCtx as E } from "vue";
 //#region src/components/QTabs/QTabs.vue?vue&type=script&setup=true&lang.ts
-var E = ["id"], D = {
+var D = ["id"], O = {
 	ref: "tabListHost",
 	class: "q-tabs__list"
-}, O = { class: "q-tabs__panels" }, k = /*@__PURE__*/ l({
+}, k = { class: "q-tabs__panels" }, A = /*@__PURE__*/ u({
 	__name: "QTabs",
-	props: /*@__PURE__*/ u({
+	props: /*@__PURE__*/ d({
 		id: {},
 		class: {},
 		direction: { default: "horizontal" },
@@ -21,188 +22,181 @@ var E = ["id"], D = {
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(l) {
-		let u = l, k = S(l, "modelValue"), A = C("tabListHost"), j = C("overflowRef"), M = i(() => j.value?.contentEl ?? null), N = y([]), P = _({
+	setup(u) {
+		let d = u, A = C(u, "modelValue"), j = w("tabListHost"), M = w("overflowRef"), N = a(() => M.value?.contentEl ?? null), P = b([]), F = v({
 			width: "0",
 			height: "0",
 			transform: "translate(0, 0)",
 			opacity: "0"
-		}), F = _(!1), I = null, { active: L } = t({
-			active: k,
+		}), I = v(!1), L = null, { active: R } = t({
+			active: A,
 			required: !0
 		});
-		w(L, (e) => {
-			k.value = e;
-		}), e({ QTab: { disabled: b(u, "disabled") } });
-		let R = i(() => [
+		T(R, (e) => {
+			A.value = e;
+		}), e({ QTab: { disabled: x(d, "disabled") } });
+		let z = a(() => [
 			"q-tabs",
-			`q-tabs--${u.direction}`,
-			`q-tabs--${u.variant}`,
-			`q-tabs--align-${u.align}`,
-			F.value ? "q-tabs--indicator-ready" : void 0,
-			u.class
+			`q-tabs--${d.direction}`,
+			`q-tabs--${d.variant}`,
+			`q-tabs--align-${d.align}`,
+			I.value ? "q-tabs--indicator-ready" : void 0,
+			d.class
 		]);
-		function z() {
-			let e = M.value;
-			e && (e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", u.direction));
+		function B() {
+			let e = N.value;
+			e && (e.setAttribute("role", "tablist"), e.setAttribute("aria-orientation", d.direction));
 		}
-		function B(e) {
+		function V(e) {
 			let t = e.tabRef.value;
 			return t ? "$el" in t ? t.$el : t : null;
 		}
-		function V() {
-			F.value = !1, P.value = {
-				...P.value,
+		function H() {
+			I.value = !1, F.value = {
+				...F.value,
 				opacity: "0",
 				width: "0",
 				height: "0"
 			};
 		}
-		function H() {
-			if (u.variant !== "line" || !k.value) {
-				V();
+		function U() {
+			if (d.variant !== "line" || !A.value) {
+				H();
 				return;
 			}
-			let e = N.value.find((e) => e.value === k.value);
+			let e = P.value.find((e) => e.value === A.value);
 			if (!e) {
-				V();
+				H();
 				return;
 			}
-			let t = B(e);
+			let t = V(e);
 			if (!t) {
-				V();
+				H();
 				return;
 			}
-			let n = u.direction === "horizontal", r = F.value;
-			n ? P.value = {
+			let n = d.direction === "horizontal", r = I.value;
+			n ? F.value = {
 				width: `${t.offsetWidth}px`,
 				height: "var(--q-tabs-indicator-thickness)",
 				transform: `translate(${t.offsetLeft}px, 0)`,
 				opacity: "1"
-			} : P.value = {
+			} : F.value = {
 				width: "var(--q-tabs-indicator-thickness)",
 				height: `${t.offsetHeight}px`,
 				transform: `translate(0, ${t.offsetTop}px)`,
 				opacity: "1"
-			}, r || d(() => {
-				P.value.opacity === "1" && (F.value = !0);
+			}, r || f(() => {
+				F.value.opacity === "1" && (I.value = !0);
 			});
 		}
-		function U() {
-			if (!k.value) return;
-			let e = N.value.find((e) => e.value === k.value);
+		function W() {
+			if (!A.value) return;
+			let e = P.value.find((e) => e.value === A.value);
 			if (!e) return;
-			let t = B(e);
-			t && j.value?.scrollElementIntoView(t);
+			let t = V(e);
+			t && M.value?.scrollElementIntoView(t);
 		}
-		function W() {
-			if (u.variant !== "line") {
-				I?.disconnect();
+		function G() {
+			if (d.variant !== "line") {
+				L?.disconnect();
 				return;
 			}
-			I ? I.disconnect() : I = new ResizeObserver(() => {
-				H();
+			L ? L.disconnect() : L = new ResizeObserver(() => {
+				U();
 			});
-			let e = A.value;
-			e && I.observe(e);
-			for (let e of N.value) {
-				let t = B(e);
-				t && I.observe(t);
+			let e = j.value;
+			e && L.observe(e);
+			for (let e of P.value) {
+				let t = V(e);
+				t && L.observe(t);
 			}
 		}
-		function G() {
-			return N.value.filter((e) => !x(e.disabled));
-		}
-		function K() {
-			let e = G();
-			e.length && (e.some((e) => e.value === k.value) || (k.value = e[0].value));
-		}
-		let q;
-		function J() {
-			q ||= d(() => {
-				q = void 0, K();
+		let { enabledItems: K, ensureSelection: q } = r(() => P.value, A), J;
+		function Y() {
+			J ||= f(() => {
+				J = void 0, q();
 			});
 		}
-		function Y(e) {
-			if (N.value = [...N.value, e], !k.value) {
-				K();
+		function X(e) {
+			if (P.value = [...P.value, e], !A.value) {
+				q();
 				return;
 			}
-			J();
+			Y();
 		}
-		function X(e) {
-			N.value = N.value.filter((t) => t.value !== e);
+		function Z(e) {
+			P.value = P.value.filter((t) => t.value !== e);
 		}
-		function Z(e, t) {
+		function Q(e, t) {
 			if (e === t) return;
-			let n = N.value.findIndex((t) => t.value === e);
+			let n = P.value.findIndex((t) => t.value === e);
 			if (n !== -1) {
-				if (N.value = N.value.map((e, r) => r === n ? {
+				if (P.value = P.value.map((e, r) => r === n ? {
 					...e,
 					value: t
-				} : e), k.value === e || k.value === t) {
-					k.value = t;
+				} : e), A.value === e || A.value === t) {
+					A.value = t;
 					return;
 				}
-				K();
+				q();
 			}
 		}
-		function Q(e, t) {
-			let n = G();
+		function $(e, t) {
+			let n = K.value;
 			if (!n.length) return;
 			let r = n.findIndex((t) => t.value === e), i = n[r === -1 ? 0 : (r + t + n.length) % n.length];
 			i.select(), i.focus();
 		}
-		function $() {
-			let e = G()[0];
+		function ee() {
+			let e = K.value[0];
 			e && (e.select(), e.focus());
 		}
-		function ee() {
-			let e = G(), t = e[e.length - 1];
+		function te() {
+			let e = K.value, t = e[e.length - 1];
 			t && (t.select(), t.focus());
 		}
-		return w(() => N.value.map((e) => [e.value, x(e.disabled)]), () => J()), w(() => [
-			k.value,
-			N.value.length,
-			u.direction,
-			u.variant,
-			u.align
-		], () => d(() => {
-			H(), U();
-		}), { immediate: !0 }), w(() => [N.value.length, u.variant], () => d(W), { immediate: !0 }), w(() => [M.value, u.direction], () => z(), {
+		return T(() => P.value.map((e) => [e.value, S(e.disabled)]), () => Y()), T(() => [
+			A.value,
+			P.value.length,
+			d.direction,
+			d.variant,
+			d.align
+		], () => f(() => {
+			U(), W();
+		}), { immediate: !0 }), T(() => [P.value.length, d.variant], () => f(G), { immediate: !0 }), T(() => [N.value, d.direction], () => B(), {
 			immediate: !0,
 			flush: "post"
-		}), m(() => {
-			I?.disconnect(), I = null;
-		}), g(r, {
-			tabListEl: M,
-			direction: i(() => u.direction),
-			register: Y,
-			unregister: X,
-			updateValue: Z,
-			focusAdjacent: Q,
-			focusFirst: $,
-			focusLast: ee
-		}), (e, t) => (h(), o("div", {
-			id: u.id,
-			class: f(R.value)
-		}, [s("div", D, [c(x(n), {
+		}), h(() => {
+			L?.disconnect(), L = null;
+		}), _(i, {
+			tabListEl: N,
+			direction: a(() => d.direction),
+			register: X,
+			unregister: Z,
+			updateValue: Q,
+			focusAdjacent: $,
+			focusFirst: ee,
+			focusLast: te
+		}), (e, t) => (g(), s("div", {
+			id: d.id,
+			class: p(z.value)
+		}, [c("div", O, [l(S(n), {
 			ref_key: "overflowRef",
-			ref: j,
+			ref: M,
 			class: "q-tabs__overflow",
-			direction: u.direction,
+			direction: d.direction,
 			"scroll-mode": "item",
 			"content-class": "q-tabs__tablist"
 		}, {
-			default: T(() => [u.variant === "line" ? (h(), o("div", {
+			default: E(() => [d.variant === "line" ? (g(), s("div", {
 				key: 0,
 				class: "q-tabs__indicator",
 				"aria-hidden": "true",
-				style: p(P.value)
-			}, null, 4)) : a("v-if", !0)]),
+				style: m(F.value)
+			}, null, 4)) : o("v-if", !0)]),
 			_: 1
-		}, 8, ["direction"])], 512), s("div", O, [v(e.$slots, "default")])], 10, E));
+		}, 8, ["direction"])], 512), c("div", k, [y(e.$slots, "default")])], 10, D));
 	}
 });
 //#endregion
-export { k as default };
+export { A as default };

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

@@ -1 +1 @@
-{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAiDA;AA4HC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA2DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAkDA;AA+HC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AA6DnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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/QTextArea/QTextArea.vue.js

@@ -49,13 +49,14 @@ var C = [
 			}
 		});
 		b(w, (e) => T.value = e, { immediate: !0 });
-		let E = e(g(c, "id")), D = r(() => c.readonly || c.disabled ? void 0 : c.placeholder), O = r(() => ({ input: c.autosize ? A : null })), k = p(), { triggerResize: A, stop: j } = n({
-			element: r(() => c.autosize ? k.value : void 0),
+		let E = e(g(c, "id")), D = r(() => c.readonly || c.disabled ? void 0 : c.placeholder), O = r(() => `${E.value}_input`), k = r(() => ({ input: c.autosize ? j : null })), A = p(), { triggerResize: j, stop: M } = n({
+			element: r(() => c.autosize ? A.value : void 0),
 			styleProp: "minHeight"
 		});
-		return d(j), (e, n) => (f(), i(_(t), {
+		return d(M), (e, n) => (f(), i(_(t), {
+			id: _(E),
 			class: u(["q-text-area", c.class]),
-			for: _(E),
+			for: O.value,
 			label: c.label,
 			"label-position": c.labelPosition,
 			size: c.size,
@@ -66,9 +67,9 @@ var C = [
 			"label.prepend": x(() => [m(e.$slots, "label.prepend")]),
 			"label.append": x(() => [m(e.$slots, "label.append")]),
 			default: x(() => [S(a("textarea", l({
-				id: _(E),
+				id: O.value,
 				ref_key: "textareaRef",
-				ref: k,
+				ref: A,
 				"onUpdate:modelValue": n[0] ||= (e) => T.value = e,
 				class: "q-text-area__input",
 				required: c.required,
@@ -80,7 +81,7 @@ var C = [
 				cols: c.cols,
 				resize: c.resize,
 				wrap: c.wrap
-			}, e.$attrs, h(O.value, !0)), null, 16, C), [[y, T.value]])]),
+			}, e.$attrs, h(k.value, !0)), null, 16, C), [[y, T.value]])]),
 			_: 2
 		}, [
 			e.$slots.prepend ? {
@@ -99,6 +100,7 @@ var C = [
 				key: "2"
 			} : void 0
 		]), 1032, [
+			"id",
 			"class",
 			"for",
 			"label",

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

@@ -1 +1 @@
-{"version":3,"file":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAqDA;AAsIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AAoEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAmE81d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAjDn/d;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+By2d,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBl/d,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":"QTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextField/QTextField.vue"],"names":[],"mappings":"AAsDA;AAyIC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,GAAG,CAAA;AAKxC,KAAK,WAAW,GAAG,eAAe,CAAC;AAsEpC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;iCAjBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACH,GAAG;wBACH,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoE8nd,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;EAlDnxd;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Byod,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;OArBlxd,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/QTextField/QTextField.vue.js

@@ -44,17 +44,18 @@ var S = [
 			}
 		});
 		y(E, (e) => D.value = e, { immediate: !0 });
-		let O = e(m(w, "id")), k = _("field"), A = _("input"), j = r(() => w.readonly || w.disabled ? void 0 : w.placeholder), M = r(() => w.clearable && !w.readonly && !w.disabled), N = r(() => M.value && E.value);
-		function P(e) {
-			M.value && (E.value = "", T("click:clear", e));
+		let O = e(m(w, "id")), k = _("field"), A = _("input"), j = r(() => `${O.value}_input`), M = r(() => w.readonly || w.disabled ? void 0 : w.placeholder), N = r(() => w.clearable && !w.readonly && !w.disabled), P = r(() => N.value && E.value);
+		function F(e) {
+			N.value && (E.value = "", T("click:clear", e));
 		}
 		return l({
 			fieldRef: r(() => k.value?.fieldRef),
 			inputRef: A
 		}), (e, r) => (f(), i(h(t), {
+			id: h(O),
 			ref: "field",
 			class: d(["q-text-field", w.class]),
-			for: h(O),
+			for: j.value,
 			label: w.label,
 			"label-position": w.labelPosition,
 			size: w.size,
@@ -66,14 +67,14 @@ var S = [
 			"label.prepend": b(() => [p(e.$slots, "label.prepend")]),
 			"label.append": b(() => [p(e.$slots, "label.append")]),
 			default: b(() => [x(o("input", u({
-				id: h(O),
+				id: j.value,
 				ref: "input",
 				"onUpdate:modelValue": r[0] ||= (e) => D.value = e,
 				class: "q-text-field__input",
 				type: w.type,
 				maxlength: w.maxLength,
 				required: w.required,
-				placeholder: j.value,
+				placeholder: M.value,
 				readonly: w.readonly,
 				disabled: w.disabled
 			}, e.$attrs), null, 16, S), [[v, D.value]])]),
@@ -84,13 +85,13 @@ var S = [
 				fn: b(() => [p(e.$slots, "prepend")]),
 				key: "0"
 			} : void 0,
-			e.$slots.append || N.value ? {
+			e.$slots.append || P.value ? {
 				name: "append",
-				fn: b(() => [p(e.$slots, "append"), N.value ? (f(), i(h(n), {
+				fn: b(() => [p(e.$slots, "append"), P.value ? (f(), i(h(n), {
 					key: 0,
 					"data-testid": "q-text-field__clear-button",
 					texts: w.texts,
-					onClick: P
+					onClick: F
 				}, null, 8, ["texts"])) : a("v-if", !0)]),
 				key: "1"
 			} : void 0,
@@ -100,6 +101,7 @@ var S = [
 				key: "2"
 			} : void 0
 		]), 1032, [
+			"id",
 			"class",
 			"for",
 			"label",

package/esm/composables/useEnabledSelection/index.d.ts

@@ -0,0 +1,33 @@
+import { ComputedRef, MaybeRefOrGetter, Ref } from 'vue';
+/**
+ * Minimal shape required from an item to participate in {@link useEnabledSelection}.
+ */
+export type QEnabledSelectionItem = {
+    /** Identity matched against the `v-model` ref. */
+    value: string;
+    /** Whether the item is disabled and therefore excluded from selection. */
+    disabled?: MaybeRefOrGetter<boolean | undefined>;
+};
+export interface QUseEnabledSelectionReturn<T extends QEnabledSelectionItem> {
+    /** Items with `disabled` excluded, in their original order. */
+    enabledItems: ComputedRef<T[]>;
+    /**
+     * Snaps `model` onto an enabled item's value when it doesn't currently match one.
+     * No-ops when there is no enabled item to fall back to.
+     */
+    ensureSelection: () => void;
+}
+/**
+ * Shared "enabled item" selection logic for list-like components with a
+ * `value`/`disabled` item shape and a single-value `v-model` (e.g. `QTabs`, `QSteps`).
+ *
+ * Filters out disabled items and keeps `model` snapped to an enabled one: whenever
+ * the current `model` value doesn't match an enabled item,
+ * {@link QUseEnabledSelectionReturn.ensureSelection} resets it to the first
+ * enabled item's value.
+ *
+ * @param items - Getter returning the current ordered list of items.
+ * @param model - The `v-model` ref to keep in sync with `items`.
+ */
+export declare function useEnabledSelection<T extends QEnabledSelectionItem>(items: () => T[], model: Ref<string | undefined>): QUseEnabledSelectionReturn<T>;
+//# sourceMappingURL=index.d.ts.map

package/esm/composables/useEnabledSelection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useEnabledSelection/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK7D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IACnC,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAA;IAEb,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;CAChD,CAAA;AAED,MAAM,WAAW,0BAA0B,CAAC,CAAC,SAAS,qBAAqB;IAC1E,+DAA+D;IAC/D,YAAY,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,CAAA;IAE9B;;;OAGG;IACH,eAAe,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,qBAAqB,EAClE,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,GAC5B,0BAA0B,CAAC,CAAC,CAAC,CAc/B"}

package/esm/composables/useEnabledSelection/index.js

@@ -0,0 +1,15 @@
+import { computed as e, toValue as t } from "vue";
+//#region src/composables/useEnabledSelection/index.ts
+function n(n, r) {
+	let i = e(() => n().filter((e) => !t(e.disabled)));
+	function a() {
+		let e = i.value;
+		e.length && (e.some((e) => e.value === r.value) || (r.value = e[0].value));
+	}
+	return {
+		enabledItems: i,
+		ensureSelection: a
+	};
+}
+//#endregion
+export { n as useEnabledSelection };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.25.0",
+  "version": "0.26.0",
   "private": false,
   "type": "module",
   "author": "Quidgest",