@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QList/QList.vue.js

@@ -1,14 +1,18 @@
-import { useGroup as e } from "../../composables/useGroup/index.js";
-import { useId as t } from "../../composables/useId/index.js";
-import { QListItem as n, QListItemGroup as r } from "./index.js";
-import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, renderSlot as p, toRef as m, unref as h, watch as g, withCtx as _ } from "vue";
+import { provideDefaults as e } from "../../composables/defaults.js";
+import { useGroup as t } from "../../composables/useGroup/index.js";
+import { useId as n } from "../../composables/useId/index.js";
+import { useColor as r } from "../../composables/useColor/index.js";
+import { DEFAULT_ICONS as i } from "./constants.js";
+import { groupListItems as a } from "./groupListItems.js";
+import { QListItem as o, QListItemGroup as s } from "./index.js";
+import { Fragment as c, computed as l, createBlock as u, createElementBlock as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toRef as y, unref as b, watch as x, withCtx as S } from "vue";
 //#region src/components/QList/QList.vue?vue&type=script&setup=true&lang.ts
-var v = [
+var ee = [
 	"id",
 	"aria-label",
 	"aria-multiselectable",
 	"tabindex"
-], y = /*@__PURE__*/ c({
+], C = /*@__PURE__*/ f({
 	__name: "QList",
 	props: {
 		id: {},
@@ -27,188 +31,186 @@ var v = [
 		disabled: { type: Boolean },
 		required: { type: Boolean },
 		itemValue: { default: "key" },
-		itemLabel: { default: "label" }
+		itemLabel: { default: "label" },
+		icons: { default: () => i }
 	},
 	emits: [
 		"update:modelValue",
 		"click",
 		"mouseenter:item"
 	],
-	setup(c, { expose: y, emit: b }) {
-		let x = c, S = b, C = t(m(x, "id")), w = d(!1), T = a(() => x.groups.length ? x.groups.filter((e) => x.items?.some((t) => t.group === e.id)) : [{
-			id: "",
-			title: ""
-		}]), { active: E } = e({
-			active: m(x, "modelValue"),
-			required: m(x, "required"),
-			multiple: m(x, "multiple")
-		}), D = d(null), O = d(null);
-		function k(e) {
-			S("click", e);
-		}
-		function A(e) {
-			S("mouseenter:item", e);
-		}
-		function j() {
-			w.value = !0;
-		}
-		function M() {
-			w.value = !1;
-		}
-		function N(e) {
-			if (!x.items || D.value?.contains(e.relatedTarget)) return;
+	setup(i, { expose: f, emit: C }) {
+		let w = i, T = C, E = n(y(w, "id")), { style: D } = r("primary"), O = l(() => ({
+			"--q-list-tint-color": D.value?.tintColor,
+			"--q-list-tint-color-rgb": D.value?.tintColorRgb
+		}));
+		e({ QListItem: { icons: y(w, "icons") } });
+		let k = g(!1), A = l(() => a(w.items, w.groups)), j = l(() => A.value.flatMap((e) => e.items)), { active: M } = t({
+			active: y(w, "modelValue"),
+			required: y(w, "required"),
+			multiple: y(w, "multiple")
+		}), N = g(null), P = g(null), F = l(() => new Map(P.value?.map((e) => [e.$props.value, e.$el])));
+		function I(e) {
+			T("click", e);
+		}
+		function L(e) {
+			T("mouseenter:item", e);
+		}
+		function R() {
+			k.value = !0;
+		}
+		function z() {
+			k.value = !1;
+		}
+		function B(e) {
+			if (!w.items || N.value?.contains(e.relatedTarget)) return;
 			let t = -1;
-			x.multiple ? E.value?.length > 0 && (t = x.items.findIndex((e) => E.value.includes(e[x.itemValue]))) : E.value && (t = x.items.findIndex((e) => e[x.itemValue] === E.value)), t === -1 && (t = H());
-			let n = w.value;
-			R(t, n);
+			w.multiple ? M.value?.length > 0 && (t = j.value.findIndex((e) => M.value.includes(e[w.itemValue]))) : M.value && (t = j.value.findIndex((e) => e[w.itemValue] === M.value)), t === -1 && (t = Y());
+			let n = k.value;
+			G(t, n);
 		}
-		let P = d(""), F;
-		function I(e) {
-			switch (window.clearTimeout(F), [
+		let V = g(""), H;
+		function U(e) {
+			switch (window.clearTimeout(H), [
 				"ArrowDown",
 				"ArrowUp",
 				"Home",
 				"End"
 			].includes(e.key) && e.preventDefault(), e.key) {
 				case "ArrowDown":
-					L("next");
+					W("next");
 					break;
 				case "ArrowUp":
-					L("prev");
+					W("prev");
 					break;
 				case "Home":
-					L("first");
+					W("first");
 					break;
 				case "End":
-					L("last");
+					W("last");
 					break;
 				default: break;
 			}
 			if (/^[a-z]$/i.test(e.key)) {
-				P.value += e.key.toLowerCase();
-				let t = x.items?.length || 0;
-				for (let e = 0; e < t; e++) if (x.items[e][x.itemLabel].toLowerCase().startsWith(P.value)) {
-					R(e);
-					break;
-				}
-				e.preventDefault(), e.stopPropagation();
+				V.value += e.key.toLowerCase();
+				let t = j.value.findIndex((e) => e[w.itemLabel].toLowerCase().startsWith(V.value));
+				t !== -1 && G(t), e.preventDefault(), e.stopPropagation();
 			}
-			F = window.setTimeout(function() {
-				P.value = "";
+			H = window.setTimeout(function() {
+				V.value = "";
 			}, 500);
 		}
-		function L(e) {
+		function W(e) {
 			switch (e) {
 				case "next":
 				case "prev":
-					R(G(e));
+					G(te(e));
 					break;
 				case "first":
-					R(H());
+					G(Y());
 					break;
 				case "last":
-					R(U());
+					G(X());
 					break;
 				default: break;
 			}
 		}
-		function R(e, t = !1) {
-			z()[e]?.focus({ preventScroll: t });
+		function G(e, t = !1) {
+			K()[e]?.focus({ preventScroll: t });
 		}
-		function z() {
-			let e = D.value?.querySelectorAll("li");
-			return e ? Array.from(e) : [];
+		function K() {
+			let e = N.value;
+			return e ? Array.from(e.querySelectorAll("[role=\"option\"]")).filter((t) => t.closest("[role=\"listbox\"]") === e) : [];
 		}
-		function B(e) {
-			return z()[e];
+		function q(e) {
+			return K()[e];
 		}
-		function V() {
-			return z().indexOf(document.activeElement);
+		function J() {
+			return K().indexOf(document.activeElement);
 		}
-		function H() {
-			let e = z(), t = e.find((e) => q(e));
+		function Y() {
+			let e = K(), t = e.find((e) => $(e));
 			return t ? e.indexOf(t) : -1;
 		}
-		function U() {
-			let e = z(), t = [...e].reverse().find((e) => q(e));
+		function X() {
+			let e = K(), t = [...e].reverse().find((e) => $(e));
 			return t ? e.indexOf(t) : -1;
 		}
-		function W(e, t, n) {
+		function Z(e, t, n) {
 			return t === "prev" && e <= 0 || t === "next" && e === n.length - 1;
 		}
-		function G(e) {
-			return K(V(), e);
+		function te(e) {
+			return Q(J(), e);
 		}
-		function K(e, t) {
-			let n = z();
-			if (W(e, t, n)) return e;
+		function Q(e, t) {
+			let n = K();
+			if (Z(e, t, n)) return e;
 			let r = e + (t === "next" ? 1 : -1);
-			for (; !q(n[r]);) {
-				if (W(r, t, n)) return e;
+			for (; !$(n[r]);) {
+				if (Z(r, t, n)) return e;
 				r += t === "next" ? 1 : -1;
 			}
 			return r;
 		}
-		function q(e) {
-			return e.tabIndex === -1;
-		}
-		function J(e) {
-			return e ? x.items?.filter((t) => t.group === e) : x.items;
-		}
-		return g(E, (e) => {
-			S("update:modelValue", e);
-		}), y({
-			getItem: B,
-			getActiveItemIndex: V,
-			getAdjacentItemIndex: K,
-			getFirstFocusableItemIndex: H,
-			getLastFocusableItemIndex: U
-		}), (e, t) => (u(), s("div", {
-			id: h(C),
+		function $(e) {
+			return e.getAttribute("tabindex") === "-1";
+		}
+		return x(M, (e) => {
+			T("update:modelValue", e);
+		}), f({
+			getItem: q,
+			getActiveItemIndex: J,
+			getAdjacentItemIndex: Q,
+			getFirstFocusableItemIndex: Y,
+			getLastFocusableItemIndex: X
+		}), (e, t) => (h(), d("div", {
+			id: b(E),
 			ref_key: "listRef",
-			ref: D,
-			class: l([
+			ref: N,
+			class: p([
 				"q-list",
-				{ "q-list--disabled": x.disabled },
-				x.class
+				{ "q-list--disabled": w.disabled },
+				w.class
 			]),
+			style: m(O.value),
 			role: "listbox",
-			"aria-label": x.label,
-			"aria-multiselectable": x.multiple || void 0,
-			tabindex: x.disabled ? -1 : 0,
-			onFocus: N,
-			onMousedown: j,
-			onMouseup: M,
-			onKeydown: I
-		}, [p(e.$slots, "default", {}, () => [(u(!0), s(i, null, f(T.value, (t, a) => (u(), o(h(r), {
+			"aria-label": w.label,
+			"aria-multiselectable": w.multiple || void 0,
+			tabindex: w.disabled ? -1 : 0,
+			onFocus: B,
+			onMousedown: R,
+			onMouseup: z,
+			onKeydown: U
+		}, [v(e.$slots, "default", {}, () => [(h(!0), d(c, null, _(A.value, ({ group: t, items: n }) => (h(), u(b(s), {
 			id: t.id,
 			key: t.id,
-			title: T.value.length === 1 ? void 0 : t.title
+			title: A.value.length === 1 ? void 0 : t.title
 		}, {
-			default: _(() => [(u(!0), s(i, null, f(J(t.id), (r, i) => (u(), o(h(n), {
-				key: r[x.itemValue],
+			default: S(() => [(h(!0), d(c, null, _(n, (n) => (h(), u(b(o), {
+				key: n[w.itemValue],
 				ref_for: !0,
 				ref_key: "listItemsRef",
-				ref: O,
-				value: r[x.itemValue],
-				label: r[x.itemLabel],
-				description: r.description,
-				icon: r.icon,
-				disabled: x.disabled || t.disabled || r.disabled,
-				highlighted: x.highlighted === r[x.itemValue],
-				selectable: x.selectable || x.multiple || r.selectable,
-				checkboxless: !x.multiple,
-				"select-on-tab": x.selectOnTab,
-				onClick: () => k(r[x.itemValue]),
-				onMouseenter: () => A(r[x.itemValue])
+				ref: P,
+				value: n[w.itemValue],
+				label: n[w.itemLabel],
+				description: n.description,
+				icon: n.icon,
+				disabled: w.disabled || t.disabled || n.disabled,
+				highlighted: w.highlighted === n[w.itemValue],
+				selectable: w.selectable || w.multiple || n.selectable,
+				checkboxless: !w.multiple,
+				"select-on-tab": w.selectOnTab,
+				icons: w.icons,
+				onClick: () => I(n[w.itemValue]),
+				onMouseenter: () => L(n[w.itemValue])
 			}, {
-				append: _(() => [p(e.$slots, "item.append", {
-					item: r,
-					element: O.value?.[i + a * T.value.length]?.$el
+				append: S(() => [v(e.$slots, "item.append", {
+					item: n,
+					element: F.value.get(n[w.itemValue])
 				})]),
-				default: _(() => [p(e.$slots, "item", {
-					item: r,
-					element: O.value?.[i + a * T.value.length]?.$el
+				default: S(() => [v(e.$slots, "item", {
+					item: n,
+					element: F.value.get(n[w.itemValue])
 				})]),
 				_: 2
 			}, 1032, [
@@ -221,12 +223,13 @@ var v = [
 				"selectable",
 				"checkboxless",
 				"select-on-tab",
+				"icons",
 				"onClick",
 				"onMouseenter"
 			]))), 128))]),
 			_: 2
-		}, 1032, ["id", "title"]))), 128))])], 42, v));
+		}, 1032, ["id", "title"]))), 128))])], 46, ee));
 	}
 });
 //#endregion
-export { y as default };
+export { C as default };

package/esm/components/QList/QListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAqEA;AAiJC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAgEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmIT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACH,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;uFASnB,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":"QListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QList/QListItem.vue"],"names":[],"mappings":"AAqEA;AAkJC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAU3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAKvC,KAAK,WAAW,GAAG,cAAc,CAAC;AAiEnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmIT,OAAO,IAA6B;;yBAZrB,GAAG;yBACH,GAAG;wBACH,GAAG;;;;EAe/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;uFASnB,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/QList/QListItem.vue.js

@@ -75,7 +75,7 @@ var C = [
 			}), null, 16)) : f.checkboxless ? a("v-if", !0) : (g(), o("span", {
 				key: 1,
 				"aria-hidden": "true",
-				class: m(["q-checkbox q-checkbox--small q-checkbox--primary", {
+				class: m(["q-checkbox q-checkbox--small", {
 					"q-checkbox--checked": k.value,
 					"q-checkbox--disabled": f.disabled
 				}])

package/esm/components/QList/groupListItems.d.ts

@@ -0,0 +1,25 @@
+import { QListItemData, QListItemGroupData } from '.';
+/**
+ * Splits items into the groups `QList` renders, in the order it renders them.
+ *
+ * Groups without items are left out. Without groups, every item goes in one untitled group.
+ * Flatten the result to get the item behind each option index, which follows this order
+ * rather than the order of `items` when the groups interleave.
+ *
+ * @param items - The list items.
+ * @param groups - The item groups.
+ * @returns The groups to render, each with its items.
+ */
+export declare function groupListItems(items?: QListItemData[], groups?: QListItemGroupData[]): {
+    group: QListItemGroupData;
+    items: QListItemData[];
+}[];
+/**
+ * Lists items in the order `QList` renders them, so index `i` is the item of option `i`.
+ *
+ * @param items - The list items.
+ * @param groups - The item groups.
+ * @returns The items in render order.
+ */
+export declare function getRenderedListItems(items?: QListItemData[], groups?: QListItemGroupData[]): QListItemData[];
+//# sourceMappingURL=groupListItems.d.ts.map

package/esm/components/QList/groupListItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupListItems.d.ts","sourceRoot":"","sources":["../../../src/components/QList/groupListItems.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AAE1D;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAC7B,KAAK,GAAE,aAAa,EAAO,EAC3B,MAAM,GAAE,kBAAkB,EAAO,GAC/B;IAAE,KAAK,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,aAAa,EAAE,CAAA;CAAE,EAAE,CAMzD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CACnC,KAAK,GAAE,aAAa,EAAO,EAC3B,MAAM,GAAE,kBAAkB,EAAO,GAC/B,aAAa,EAAE,CAEjB"}

package/esm/components/QList/groupListItems.js

@@ -0,0 +1,18 @@
+//#region src/components/QList/groupListItems.ts
+function e(e = [], t = []) {
+	return t.length ? t.map((t) => ({
+		group: t,
+		items: e.filter((e) => e.group === t.id)
+	})).filter((e) => e.items.length > 0) : [{
+		group: {
+			id: "",
+			title: ""
+		},
+		items: e
+	}];
+}
+function t(t = [], n = []) {
+	return e(t, n).flatMap((e) => e.items);
+}
+//#endregion
+export { t as getRenderedListItems, e as groupListItems };

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

@@ -14,8 +14,9 @@ declare const QList: {
         click: (key: any) => any;
         "mouseenter:item": (key: any) => any;
     }, import('vue').PublicProps, {
-        groups: import('./types').QListItemGroupData[];
+        icons: typeof import('./constants').DEFAULT_ICONS;
         selectOnTab: boolean;
+        groups: import('./types').QListItemGroupData[];
         itemValue: string;
         itemLabel: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -115,8 +116,9 @@ declare const QList: {
         getFirstFocusableItemIndex: () => number;
         getLastFocusableItemIndex: () => number;
     }, {}, {}, {}, {
-        groups: import('./types').QListItemGroupData[];
+        icons: typeof import('./constants').DEFAULT_ICONS;
         selectOnTab: boolean;
+        groups: import('./types').QListItemGroupData[];
         itemValue: string;
         itemLabel: string;
     }>;
@@ -138,8 +140,9 @@ declare const QList: {
     click: (key: any) => any;
     "mouseenter:item": (key: any) => any;
 }, string, {
-    groups: import('./types').QListItemGroupData[];
+    icons: typeof import('./constants').DEFAULT_ICONS;
     selectOnTab: boolean;
+    groups: import('./types').QListItemGroupData[];
     itemValue: string;
     itemLabel: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
@@ -147,11 +150,11 @@ declare const QList: {
         default?(_: {}): any;
         item?(_: {
             item: import('./types').QListItemData;
-            element: HTMLLIElement | undefined;
+            element: HTMLElement | undefined;
         }): any;
         'item.append'?(_: {
             item: import('./types').QListItemData;
-            element: HTMLLIElement | undefined;
+            element: HTMLElement | undefined;
         }): any;
     };
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASou0B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EATh00B,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QList/index.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCASou0B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EATh00B,CAAA;AACrC,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA8B,CAAA;AAC7C,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;EAAmC,CAAA;AAGvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA;AAG3C,cAAc,SAAS,CAAA"}

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

@@ -83,6 +83,13 @@ export type QListProps = QBaseComponentProps & {
      * @category Configuration
      */
     itemLabel?: string;
+    /**
+     * Custom icon configurations, used by every item. Includes the check mark and description icons.
+     * Pass every key, or omit the prop to keep the defaults.
+     *
+     * @category Configuration
+     */
+    icons?: typeof DEFAULT_ICONS;
 };
 export type QListItemProps = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAGrE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IAEH,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;OAIG;IAEH,KAAK,EAAE,GAAG,CAAA;IAEV;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QList/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAGrE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,mBAAmB,GAAG;IAC9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IAEH,UAAU,CAAC,EAAE,GAAG,CAAA;IAEhB;;;;OAIG;IAEH,WAAW,CAAC,EAAE,GAAG,CAAA;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IAEvB;;;;OAIG;IACH,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAE7B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B;;;;OAIG;IAEH,KAAK,EAAE,GAAG,CAAA;IAEV;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/esm/components/QObfuscation/QObfuscation.d.ts

@@ -1,4 +1,3 @@
-import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 import { QObfuscationProps } from '.';
 import { Component } from 'vue';
 type __VLS_Props = QObfuscationProps;
@@ -13,6 +12,7 @@ declare function __VLS_template(): {
             toggle: () => void;
             revealed: boolean;
             loading: boolean;
+            describedBy?: string;
         }) => unknown;
         reveal?: (props: {
             revealed: boolean;
@@ -29,6 +29,7 @@ declare function __VLS_template(): {
             toggle: () => void;
             revealed: boolean;
             loading: boolean;
+            describedBy?: string;
         }) => unknown;
         reveal?: (props: {
             revealed: boolean;
@@ -57,9 +58,33 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     size: import('..').QFieldSize;
     required: boolean;
     mask: import('./types').QObfuscationMask;
+    icons: {
+        help: {
+            icon: string;
+        };
+    } & {
+        restricted: {
+            icon: string;
+        };
+        show: {
+            icon: string;
+        };
+        hide: {
+            icon: string;
+        };
+        help: {
+            icon: string;
+        };
+    };
+    texts: {
+        showHelp: string;
+    } & {
+        restricted: string;
+        showData: string;
+        hideData: string;
+        showHelp: string;
+    };
     loading: boolean;
-    icons: typeof DEFAULT_ICONS;
-    texts: typeof DEFAULT_TEXTS;
     labelPosition: import('..').QLabelPosition;
     revealable: boolean;
     bulletCount: number;

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

@@ -1 +1 @@
-{"version":3,"file":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AAsFA;AA4RC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAW1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAepC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAsLtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAmLT,OAAO,IAA6B;;kBA1VtC,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;kBAVZ,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;SAChB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;;;EAqVvB;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;6EASnB,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":"QObfuscation.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QObfuscation/QObfuscation.vue"],"names":[],"mappings":"AA4FA;AA8VC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAgBpC,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAoOtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;kBApZtC,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;YAChB,WAAW,CAAC,EAAE,MAAM,CAAA;SACpB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;kBAXZ,CAAC,KAAK,EAAE;YACjB,sBAAsB,EAAE,SAAS,CAAA;YACjC,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,OAAO,CAAA;YAChB,WAAW,CAAC,EAAE,MAAM,CAAA;SACpB,KAAK,OAAO;iBACJ,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,IAAI,CAAC;YAAC,OAAO,EAAE,OAAO,CAAA;SAAE,KAAK,OAAO;eACjF,MAAM,OAAO;0BACF,MAAM,OAAO;yBACd,MAAM,OAAO;iBACrB,MAAM,OAAO;;;;EA8YvB;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EASnB,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"}