@quidgest/ui 0.27.1 → 0.28.0

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

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

package/esm/components/QCombobox/QCombobox.vue.js

@@ -1,30 +1,35 @@
 import { useId as e } from "../../composables/useId/index.js";
-import { QSpinnerLoader as t } from "../QSpinnerLoader/index.js";
-import { QButton as n } from "../QButton/index.js";
-import { QChevron as r } from "../__internal__/QChevron/index.js";
-import { QList as i } from "../QList/index.js";
-import { QOverlay as ee } from "../QOverlay/index.js";
+import { QOverlay as t } from "../QOverlay/index.js";
+import { QSpinnerLoader as n } from "../QSpinnerLoader/index.js";
+import { QButton as r } from "../QButton/index.js";
+import { QChevron as i } from "../__internal__/QChevron/index.js";
+import { getRenderedListItems as a } from "../QList/groupListItems.js";
+import { QList as ee } from "../QList/index.js";
 import { QClearButton as te } from "../__internal__/QClearButton/index.js";
-import { QTextField as a } from "../QTextField/index.js";
-import { DEFAULT_ICONS as o, DEFAULT_TEXTS as s } from "./constants.js";
-import { Fragment as ne, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as re, createSlots as ie, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as ae, nextTick as h, onMounted as g, openBlock as _, ref as v, renderSlot as y, toDisplayString as b, toRef as x, unref as S, useModel as C, watch as w, withCtx as T, withModifiers as oe } from "vue";
+import { QTextField as o } from "../QTextField/index.js";
+import { DEFAULT_ICONS as s, DEFAULT_TEXTS as c } from "./constants.js";
+import { Fragment as ne, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as re, createSlots as ie, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, nextTick as _, onMounted as ae, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, toRef as S, unref as C, useModel as w, useTemplateRef as T, watch as E, withCtx as D, withModifiers as oe } from "vue";
 //#region src/components/QCombobox/QCombobox.vue?vue&type=script&setup=true&lang.ts
-var se = ["data-key"], ce = {
+var se = ["data-key"], O = {
 	key: 0,
 	class: "q-select__loader"
-}, E = {
+}, k = {
 	key: 2,
 	class: "q-select__loader"
-}, D = /*@__PURE__*/ p({
+}, A = /*@__PURE__*/ m({
 	inheritAttrs: !1,
 	__name: "QCombobox",
-	props: /*@__PURE__*/ m({
+	props: /*@__PURE__*/ h({
 		id: {},
 		class: {},
 		label: {},
 		required: { type: Boolean },
 		for: {},
 		labelPosition: {},
+		help: {},
+		helpDisplay: {},
+		icons: { default: () => s },
+		texts: { default: () => c },
 		size: {},
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
@@ -32,7 +37,6 @@ var se = ["data-key"], ce = {
 		placeholder: {},
 		maxLength: {},
 		clearable: { type: Boolean },
-		texts: { default: () => s },
 		itemValue: { default: "key" },
 		itemLabel: { default: "label" },
 		items: {},
@@ -41,8 +45,7 @@ var se = ["data-key"], ce = {
 		filterMode: { default: "builtin" },
 		inline: { type: Boolean },
 		loading: { type: Boolean },
-		emptyValue: {},
-		icons: { default: () => o }
+		emptyValue: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {},
@@ -51,7 +54,7 @@ var se = ["data-key"], ce = {
 		search: { default: "" },
 		searchModifiers: {}
 	}),
-	emits: /*@__PURE__*/ m([
+	emits: /*@__PURE__*/ h([
 		"before-show",
 		"before-hide",
 		"show",
@@ -61,174 +64,177 @@ var se = ["data-key"], ce = {
 		"update:open",
 		"update:search"
 	]),
-	setup(o, { expose: s, emit: p }) {
-		let m = o, D = p, O = C(o, "modelValue"), k = C(o, "open"), A = C(o, "search"), j = e(x(m, "id")), M = v(void 0), N = v(null), P = v(null), F = v(null), I = v(null), L = v(null);
-		g(K);
-		let R = c(() => m.clearable && !m.readonly && !m.disabled), z = c(() => m.filterMode === "manual" || !W.value ? m.items ?? [] : m.items?.filter((e) => e[m.itemLabel].toLowerCase().startsWith(A.value.toLowerCase())) ?? []), B = c(() => m.items?.find((e) => e[m.itemValue] === O.value)), V = c(() => B.value === void 0), H = c(() => {
-			let e = M.value;
-			if (e !== void 0 && z.value[e]) return z.value[e];
-		}), U = c(() => {
-			if (M.value !== void 0) return P.value?.getItem(M.value)?.id;
-		}), W = c(() => A.value.length > 0 && A.value !== B.value?.[m.itemLabel]);
+	setup(s, { expose: c, emit: m }) {
+		let h = s, A = m, j = w(s, "modelValue"), M = w(s, "open"), N = w(s, "search"), P = e(S(h, "id")), F = y(void 0), I = T("trigger"), L = T("list"), ce = T("toggleButton"), le = T("clearButton"), R = T("content");
+		ae(K);
+		let z = l(() => h.clearable && !h.readonly && !h.disabled), B = l(() => h.filterMode === "manual" || !de.value ? h.items ?? [] : h.items?.filter((e) => e[h.itemLabel].toLowerCase().startsWith(N.value.toLowerCase())) ?? []), V = l(() => a(B.value, h.groups)), H = l(() => h.items?.find((e) => e[h.itemValue] === j.value)), U = l(() => H.value === void 0), W = l(() => {
+			let e = F.value;
+			if (e !== void 0 && V.value[e]) return V.value[e];
+		}), ue = l(() => {
+			if (F.value !== void 0) return L.value?.getItem(F.value)?.id;
+		}), de = l(() => N.value.length > 0 && N.value !== H.value?.[h.itemLabel]);
 		function G(e) {
-			O.value = e, J();
+			j.value = e, J();
 		}
 		function K() {
-			let e = B.value?.[m.itemLabel] || "";
-			A.value !== e && (A.value = e);
+			let e = H.value?.[h.itemLabel] || "";
+			N.value !== e && (N.value = e);
 		}
 		function q() {
-			k.value || m.readonly || m.disabled || (D("before-show"), k.value = !0, Q());
+			M.value || h.readonly || h.disabled || (A("before-show"), M.value = !0, Q());
 		}
 		function J() {
-			k.value && (D("before-hide"), k.value = !1, M.value = void 0);
+			M.value && (A("before-hide"), M.value = !1, F.value = void 0);
 		}
-		function le() {
-			k.value ? J() : Y();
+		function fe() {
+			M.value ? J() : Y();
 		}
-		function ue() {
-			R.value && (O.value = m.emptyValue, M.value = void 0, Q());
+		function pe() {
+			z.value && (j.value = h.emptyValue, F.value = void 0, Q());
 		}
 		function Y() {
-			if (q(), B.value !== void 0) {
-				let e = z.value.indexOf(B.value);
-				e !== -1 && h(() => $(e));
+			if (q(), H.value !== void 0) {
+				let e = V.value.indexOf(H.value);
+				e !== -1 && _(() => $(e));
 			}
 		}
-		function de(e) {
-			if (!(!e.key || m.readonly || m.disabled)) if ([
+		function me(e) {
+			if (!(!e.key || h.readonly || h.disabled)) if ([
 				"ArrowDown",
 				"ArrowUp",
 				"Home",
 				"End"
-			].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "Escape") K(), k.value && (e.preventDefault(), e.stopPropagation(), J());
-			else if (["ArrowDown", "ArrowUp"].includes(e.key)) k.value ? h(() => {
-				if (M.value === void 0) X();
+			].includes(e.key) && (e.preventDefault(), e.stopPropagation()), e.key === "Escape") K(), M.value && (e.preventDefault(), e.stopPropagation(), J());
+			else if (["ArrowDown", "ArrowUp"].includes(e.key)) M.value ? _(() => {
+				if (F.value === void 0) X();
 				else {
 					let t = e.key === "ArrowDown" ? "next" : "prev";
-					pe(M.value, t);
+					ge(F.value, t);
 				}
-			}) : (q(), h(() => {
-				e.key === "ArrowDown" ? X() : fe();
+			}) : (q(), _(() => {
+				e.key === "ArrowDown" ? X() : he();
 			}));
 			else if (e.key === "Enter") {
-				if (H.value === void 0) return;
-				G(H.value[m.itemValue]);
-			} else if (e.key === "Home") M.value = P.value?.getFirstFocusableItemIndex();
-			else if (e.key === "End") M.value = P.value?.getLastFocusableItemIndex();
+				if (W.value === void 0) return;
+				G(W.value[h.itemValue]);
+			} else if (e.key === "Home") F.value = L.value?.getFirstFocusableItemIndex();
+			else if (e.key === "End") F.value = L.value?.getLastFocusableItemIndex();
 			else if (e.key === "Tab") {
-				if (H.value === void 0) return;
-				G(H.value[m.itemValue]);
+				if (W.value === void 0) return;
+				G(W.value[h.itemValue]);
 			} else (/^[a-z0-9]$/i.test(e.key) || e.key === "Backspace") && q();
 		}
 		function X() {
-			if (V.value) M.value = P.value?.getFirstFocusableItemIndex();
+			if (U.value) F.value = L.value?.getFirstFocusableItemIndex();
 			else {
-				let e = z.value.findIndex((e) => e[m.itemValue] === O.value);
-				e === -1 ? M.value = P.value?.getFirstFocusableItemIndex() : M.value = e;
+				let e = V.value.findIndex((e) => e[h.itemValue] === j.value);
+				e === -1 ? F.value = L.value?.getFirstFocusableItemIndex() : F.value = e;
 			}
 		}
-		function fe() {
-			M.value = P.value?.getLastFocusableItemIndex();
+		function he() {
+			F.value = L.value?.getLastFocusableItemIndex();
 		}
-		function pe(e, t) {
-			M.value = P.value?.getAdjacentItemIndex(e, t);
+		function ge(e, t) {
+			F.value = L.value?.getAdjacentItemIndex(e, t);
 		}
 		function Z(e) {
-			let t = F?.value?.$el === e.relatedTarget, n = I?.value?.$el === e.relatedTarget, r = N?.value?.$el?.contains(e.relatedTarget), i = L?.value?.contains(e.relatedTarget);
+			let t = ce?.value?.$el === e.relatedTarget, n = le?.value?.$el === e.relatedTarget, r = I?.value?.$el?.contains(e.relatedTarget), i = R?.value?.contains(e.relatedTarget);
 			if (t || n || i || r) {
 				e.preventDefault(), e.stopPropagation();
 				return;
 			}
-			J(), R.value && !A.value && (O.value = m.emptyValue), K();
+			J(), z.value && !N.value && (j.value = h.emptyValue), K();
 		}
 		function Q() {
-			N.value?.inputRef?.focus();
+			I.value?.inputRef?.focus();
 		}
-		function me() {
+		function _e() {
 			Q();
 		}
-		function he() {
-			D("show");
+		function ve() {
+			A("show");
 		}
-		function ge() {
-			D("hide");
+		function ye() {
+			A("hide");
 		}
 		function $(e) {
-			let t = P.value?.getItem(e);
-			P.value && t && (P.value.$el.scrollTop = t.offsetTop);
+			let t = L.value?.getItem(e);
+			L.value && t && (L.value.$el.scrollTop = t.offsetTop);
 		}
-		return w(O, K), w(() => m.items, (e, t) => {
-			if (!V.value) {
-				let e = t?.find((e) => e[m.itemValue] === O.value);
-				A.value === e?.[m.itemLabel] && K();
+		return E(j, K), E(() => h.items, (e, t) => {
+			if (!U.value) {
+				let e = t?.find((e) => e[h.itemValue] === j.value);
+				N.value === e?.[h.itemLabel] && K();
 			}
-		}, { deep: !0 }), w(M, (e) => {
+		}, { deep: !0 }), E(F, (e) => {
 			e !== void 0 && $(e);
-		}), w(A, (e) => {
-			e && k.value && m.selectionMode === "automatic" && h(X);
-		}), w(() => m.loading, (e) => {
-			!e && k.value && h(X);
-		}), s({ triggerEl: N }), (e, s) => (_(), d(ne, null, [f(S(a), ae({
-			id: S(j),
-			ref_key: "triggerEl",
-			ref: N,
-			modelValue: A.value,
-			"onUpdate:modelValue": s[0] ||= (e) => A.value = e,
-			label: m.label,
-			required: m.required,
+		}), E(N, (e) => {
+			e && M.value && h.selectionMode === "automatic" && _(X);
+		}), E(() => h.loading, (e) => {
+			!e && M.value && _(X);
+		}), c({ triggerEl: I }), (e, a) => (v(), f(ne, null, [p(C(o), g({
+			id: C(P),
+			ref: "trigger",
+			modelValue: N.value,
+			"onUpdate:modelValue": a[0] ||= (e) => N.value = e,
+			label: h.label,
+			"label-position": h.labelPosition,
+			required: h.required,
+			help: h.help,
+			"help-display": h.helpDisplay,
+			icons: h.icons,
+			texts: h.texts,
 			role: "combobox",
-			placeholder: m.placeholder,
+			placeholder: h.placeholder,
 			class: [
 				"q-combobox",
 				{
-					"q-combobox--readonly": m.readonly,
-					"q-combobox--disabled": m.disabled
+					"q-combobox--readonly": h.readonly,
+					"q-combobox--disabled": h.disabled
 				},
-				m.class
+				h.class
 			],
-			readonly: m.readonly,
-			disabled: m.disabled,
-			"data-loading": m.loading,
+			readonly: h.readonly,
+			disabled: h.disabled,
+			invalid: h.invalid,
+			"data-loading": h.loading,
 			autocomplete: "off",
-			"aria-expanded": k.value,
+			"aria-expanded": M.value,
 			"aria-haspopup": "listbox",
 			"aria-autocomplete": "list",
-			"aria-activedescendant": U.value,
-			size: m.size
+			"aria-activedescendant": ue.value,
+			size: h.size
 		}, e.$attrs, {
 			onClick: Y,
 			onFocusout: Z,
-			onKeydown: de
+			onKeydown: me
 		}), ie({
-			"label.prepend": T(() => [y(e.$slots, "label.prepend")]),
-			"label.append": T(() => [y(e.$slots, "label.append")]),
-			append: T(() => [
-				y(e.$slots, "append"),
-				R.value && A.value ? (_(), l(S(te), {
+			"label.prepend": D(() => [b(e.$slots, "label.prepend")]),
+			"label.append": D(() => [b(e.$slots, "label.append")]),
+			append: D(() => [
+				b(e.$slots, "append"),
+				z.value && N.value ? (v(), u(C(te), {
 					key: 0,
-					ref_key: "clearRef",
-					ref: I,
-					icons: m.icons,
-					texts: m.texts,
-					onClick: ue
-				}, null, 8, ["icons", "texts"])) : u("v-if", !0),
-				m.readonly ? u("v-if", !0) : (_(), l(S(n), {
+					ref: "clearButton",
+					icons: h.icons,
+					texts: h.texts,
+					onClick: pe
+				}, null, 8, ["icons", "texts"])) : d("v-if", !0),
+				h.readonly ? d("v-if", !0) : (v(), u(C(r), {
 					key: 1,
-					ref_key: "toggleRef",
-					ref: F,
+					ref: "toggleButton",
 					class: "q-combobox__chevron",
-					"aria-label": m.texts.showOptions,
+					"aria-label": h.texts.showOptions,
 					variant: "ghost",
 					color: "neutral",
 					borderless: "",
 					tabindex: -1,
-					disabled: m.disabled,
-					onMousedown: oe(le, ["stop", "prevent"])
+					disabled: h.disabled,
+					onMousedown: oe(fe, ["stop", "prevent"])
 				}, {
-					default: T(() => [f(S(r), {
-						"model-value": k.value,
-						icons: m.icons
+					default: D(() => [p(C(i), {
+						"model-value": M.value,
+						icons: h.icons
 					}, null, 8, ["model-value", "icons"])]),
 					_: 1
 				}, 8, ["aria-label", "disabled"]))
@@ -236,77 +242,83 @@ var se = ["data-key"], ce = {
 			_: 2
 		}, [e.$slots.prepend ? {
 			name: "prepend",
-			fn: T(() => [y(e.$slots, "prepend")]),
+			fn: D(() => [b(e.$slots, "prepend")]),
 			key: "0"
 		} : void 0, e.$slots.extras ? {
 			name: "extras",
-			fn: T(() => [y(e.$slots, "extras")]),
+			fn: D(() => [b(e.$slots, "extras")]),
 			key: "1"
 		} : void 0]), 1040, [
 			"id",
 			"modelValue",
 			"label",
+			"label-position",
 			"required",
+			"help",
+			"help-display",
+			"icons",
+			"texts",
 			"placeholder",
 			"class",
 			"readonly",
 			"disabled",
+			"invalid",
 			"data-loading",
 			"aria-expanded",
 			"aria-activedescendant",
 			"size"
-		]), f(S(ee), {
-			modelValue: k.value,
-			"onUpdate:modelValue": s[1] ||= (e) => k.value = e,
+		]), p(C(t), {
+			modelValue: M.value,
+			"onUpdate:modelValue": a[1] ||= (e) => M.value = e,
 			spy: "",
 			"non-modal": "",
 			trigger: "manual",
 			placement: "bottom-start",
 			width: "anchor",
 			offset: 4,
-			inline: m.inline,
-			anchor: N.value?.$el,
-			onEnter: he,
-			onLeave: ge
+			inline: h.inline,
+			anchor: I.value?.$el,
+			onEnter: ve,
+			onLeave: ye
 		}, {
-			default: T(() => [re("div", {
-				ref_key: "contentRef",
-				ref: L,
+			default: D(() => [re("div", {
+				ref: "content",
 				class: "q-select__body",
 				"data-testid": "combobox-dropdown",
-				"data-key": S(j),
+				"data-key": C(P),
 				onFocusout: Z
 			}, [
-				y(e.$slots, "body.prepend"),
-				m.loading ? (_(), d("div", ce, [f(S(t), { size: 24 })])) : z.value.length ? (_(), l(S(i), {
+				b(e.$slots, "body.prepend"),
+				h.loading ? (v(), f("div", O, [p(C(n), { size: 24 })])) : B.value.length ? (v(), u(C(ee), {
 					key: 1,
-					ref_key: "listRef",
-					ref: P,
-					label: m.label,
-					"model-value": O.value,
+					ref: "list",
+					label: h.label,
+					"model-value": j.value,
 					class: "q-select__items",
 					selectable: "",
 					required: "",
-					highlighted: H.value?.[m.itemValue],
-					items: z.value,
-					groups: o.groups,
-					"item-label": m.itemLabel,
-					"item-value": m.itemValue,
-					onMouseup: me,
+					icons: h.icons,
+					highlighted: W.value?.[h.itemValue],
+					items: B.value,
+					groups: s.groups,
+					"item-label": h.itemLabel,
+					"item-value": h.itemValue,
+					onMouseup: _e,
 					"onUpdate:modelValue": G
 				}, {
-					item: T(({ item: t }) => [y(e.$slots, "item", { item: t })]),
+					item: D(({ item: t }) => [b(e.$slots, "item", { item: t })]),
 					_: 3
 				}, 8, [
 					"label",
 					"model-value",
+					"icons",
 					"highlighted",
 					"items",
 					"groups",
 					"item-label",
 					"item-value"
-				])) : (_(), d("div", E, b(m.texts.noData), 1)),
-				y(e.$slots, "body.append")
+				])) : (v(), f("div", k, x(h.texts.noData), 1)),
+				b(e.$slots, "body.append")
 			], 40, se)]),
 			_: 3
 		}, 8, [
@@ -317,4 +329,4 @@ var se = ["data-key"], ce = {
 	}
 });
 //#endregion
-export { D as default };
+export { A as default };

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

@@ -2,13 +2,23 @@ export declare const DEFAULT_TEXTS: {
     noData: string;
     showOptions: string;
     clearValue: string;
+    showHelp: string;
 };
 export declare const DEFAULT_ICONS: {
+    check: {
+        icon: string;
+    };
+    description: {
+        icon: string;
+    };
     clear: {
         icon: string;
     };
     chevron: {
         icon: string;
     };
+    help: {
+        icon: string;
+    };
 };
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/constants.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,aAAa;;;;CAIQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGY,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QCombobox/constants.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,aAAa;;;;;CAMQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAMY,CAAA"}

package/esm/components/QCombobox/constants.js

@@ -1,13 +1,21 @@
 import { DEFAULT_ICONS as e } from "../__internal__/QChevron/constants.js";
-import { DEFAULT_ICONS as t, DEFAULT_TEXTS as n } from "../__internal__/QClearButton/constants.js";
+import { DEFAULT_ICONS as t } from "../QList/constants.js";
+import { DEFAULT_ICONS as n, DEFAULT_TEXTS as r } from "../QField/constants.js";
+import { DEFAULT_ICONS as i, DEFAULT_TEXTS as a } from "../__internal__/QClearButton/constants.js";
+import { DEFAULT_ICONS as o, DEFAULT_TEXTS as s } from "../QTextField/constants.js";
 //#region src/components/QCombobox/constants.ts
-var r = {
-	...n,
+var c = {
+	...r,
+	...s,
+	...a,
 	noData: "No data available",
 	showOptions: "Show options"
-}, i = {
+}, l = {
+	...n,
+	...o,
 	...e,
+	...i,
 	...t
 };
 //#endregion
-export { i as DEFAULT_ICONS, r as DEFAULT_TEXTS };
+export { l as DEFAULT_ICONS, c as DEFAULT_TEXTS };