@aures5g/vue-component-library 3.56.0 → 3.58.0

package/dist/vue-component-library.js

@@ -3253,9 +3253,9 @@ var Yo = { class: "size-[1.5rem]" }, Xo = { class: "truncate" }, Zo = {
 	"data-cy",
 	"data-cy-text",
 	"onMousedown"
-], $o = { class: "size-[1.5rem]" }, es = { class: "grow" }, ts = {
+], $o = { class: "size-[1.5rem] shrink-0" }, es = { class: "grow truncate" }, ts = {
 	key: 0,
-	class: "size-[1.5rem]"
+	class: "size-[1.5rem] shrink-0"
 }, ns = /* @__PURE__ */ O({
 	inheritAttrs: !1,
 	__name: "UIDropdown",
@@ -3368,79 +3368,90 @@ var Yo = { class: "size-[1.5rem]" }, Xo = { class: "truncate" }, Zo = {
 					break;
 			}
 		}
-		return (t, l) => (M(), T(x, null, [D(Ma, A({ ref: "formFieldWrapper" }, n, {
-			"trailing-icon": L(Mt),
-			onFocusInput: v
-		}), he({
-			default: B((e) => [Ue(E("input", A({
-				ref: "input",
-				"onUpdate:modelValue": l[0] ||= (e) => g.value = e
-			}, {
-				...e,
-				...L(i)
-			}, {
-				onFocus: v,
-				onBlur: y,
-				onKeydown: l[1] ||= (e) => oe(e)
-			}), null, 16), [[ze, g.value]]), p.value && !f.value ? (M(), T("span", {
+		return (t, l) => {
+			let d = Ae("tooltip");
+			return M(), T(x, null, [D(Ma, A({ ref: "formFieldWrapper" }, n, {
+				"trailing-icon": L(Mt),
+				onFocusInput: v
+			}), he({
+				default: B((e) => [Ue(E("input", A({
+					ref: "input",
+					"onUpdate:modelValue": l[0] ||= (e) => g.value = e
+				}, {
+					...e,
+					...L(i)
+				}, {
+					onFocus: v,
+					onBlur: y,
+					onKeydown: l[1] ||= (e) => oe(e)
+				}), null, 16), [[ze, g.value]]), p.value && !f.value ? (M(), T("span", {
+					key: 0,
+					style: Ce({ "position-anchor": te.value?.anchors.WRAPPER }),
+					class: "absolute top-[anchor(top)] left-[anchor(left)] text-on-surface-variant text-body-large"
+				}, I(h.value), 5)) : w("", !0)]),
+				_: 2
+			}, [
+				ee.leadingIcon ? {
+					name: "leadingIcon",
+					fn: B(() => [F(t.$slots, "leadingIcon")]),
+					key: "0"
+				} : void 0,
+				ee.trailingIcon ? {
+					name: "trailingIcon",
+					fn: B(() => [F(t.$slots, "trailingIcon")]),
+					key: "1"
+				} : void 0,
+				ee.tags ? {
+					name: "tags",
+					fn: B(() => [F(t.$slots, "tags")]),
+					key: "2"
+				} : void 0
+			]), 1040, ["trailing-icon"]), (M(), C(pe, { to: "body" }, [p.value ? (M(), T("ul", {
 				key: 0,
 				style: Ce({ "position-anchor": te.value?.anchors.WRAPPER }),
-				class: "absolute top-[anchor(top)] left-[anchor(left)] text-on-surface-variant text-body-large"
-			}, I(h.value), 5)) : w("", !0)]),
-			_: 2
-		}, [
-			ee.leadingIcon ? {
-				name: "leadingIcon",
-				fn: B(() => [F(t.$slots, "leadingIcon")]),
-				key: "0"
-			} : void 0,
-			ee.trailingIcon ? {
-				name: "trailingIcon",
-				fn: B(() => [F(t.$slots, "trailingIcon")]),
-				key: "1"
-			} : void 0,
-			ee.tags ? {
-				name: "tags",
-				fn: B(() => [F(t.$slots, "tags")]),
-				key: "2"
-			} : void 0
-		]), 1040, ["trailing-icon"]), (M(), C(pe, { to: "body" }, [p.value ? (M(), T("ul", {
-			key: 0,
-			style: Ce({ "position-anchor": te.value?.anchors.WRAPPER }),
-			class: "absolute top-[calc(anchor(bottom)+0.25rem)] left-[anchor(left)] bg-surface-container-low py-[0.5rem] w-[anchor-size(width)] rounded-extra-small shadow-2 max-h-[15rem] overflow-auto z-10"
-		}, [F(t.$slots, "action", {}, () => [e.actionLabel ? (M(), T(x, { key: 0 }, [E("li", {
-			class: "p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8",
-			onMousedown: l[2] ||= Ge((e) => r("action"), ["prevent", "stop"])
-		}, [
-			E("span", Yo, [e.actionLeadingIcon ? (M(), C(L(V), {
-				key: 0,
-				class: "text-[1rem]",
-				icon: e.actionLeadingIcon
-			}, null, 8, ["icon"])) : w("", !0)]),
-			E("span", Xo, I(e.actionLabel), 1),
-			e.actionTrailingIcon ? (M(), T("span", Zo, [D(L(V), {
-				class: "text-[1rem]",
-				icon: e.actionTrailingIcon
-			}, null, 8, ["icon"])])) : w("", !0)
-		], 32), l[3] ||= E("li", { class: "py-[0.5rem]" }, [E("div", { class: "bg-outline/16 w-full h-[0.0625rem]" })], -1)], 64)) : w("", !0)]), (M(!0), T(x, null, P(b.value, (t, n) => (M(), T("li", {
-			key: u(t, n),
-			class: j(["p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8", { "bg-on-surface/8": re.value === n }]),
-			"data-cy": `${e.cyPrefix}option_${o(t)}`,
-			"data-cy-text": `${e.cyPrefix}option_${a(t)}`,
-			onMousedown: (e) => ne(e, t)
-		}, [
-			E("span", $o, [s(t) ? (M(), C(L(V), {
-				key: 0,
-				class: "text-[1rem]",
-				icon: s(t)
-			}, null, 8, ["icon"])) : w("", !0)]),
-			E("span", es, I(a(t)), 1),
-			c ? (M(), T("span", ts, [c(t) ? (M(), C(L(V), {
-				key: 0,
-				class: "text-[1rem]",
-				icon: c(t)
-			}, null, 8, ["icon"])) : w("", !0)])) : w("", !0)
-		], 42, Qo))), 128))], 4)) : w("", !0)]))], 64));
+				class: "absolute top-[calc(anchor(bottom)+0.25rem)] left-[anchor(left)] bg-surface-container-low py-[0.5rem] w-[anchor-size(width)] rounded-extra-small shadow-2 max-h-[15rem] overflow-auto z-10"
+			}, [F(t.$slots, "action", {}, () => [e.actionLabel ? (M(), T(x, { key: 0 }, [E("li", {
+				class: "p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8",
+				onMousedown: l[2] ||= Ge((e) => r("action"), ["prevent", "stop"])
+			}, [
+				E("span", Yo, [e.actionLeadingIcon ? (M(), C(L(V), {
+					key: 0,
+					class: "text-[1rem]",
+					icon: e.actionLeadingIcon
+				}, null, 8, ["icon"])) : w("", !0)]),
+				E("span", Xo, I(e.actionLabel), 1),
+				e.actionTrailingIcon ? (M(), T("span", Zo, [D(L(V), {
+					class: "text-[1rem]",
+					icon: e.actionTrailingIcon
+				}, null, 8, ["icon"])])) : w("", !0)
+			], 32), l[3] ||= E("li", { class: "py-[0.5rem]" }, [E("div", { class: "bg-outline/16 w-full h-[0.0625rem]" })], -1)], 64)) : w("", !0)]), (M(!0), T(x, null, P(b.value, (t, n) => (M(), T("li", {
+				key: u(t, n),
+				class: j(["p-[0.5rem] gap-[0.5rem] text-body-large flex cursor-pointer hover:bg-on-surface/8 h-[2.5rem]", { "bg-on-surface/8": re.value === n }]),
+				"data-cy": `${e.cyPrefix}option_${o(t)}`,
+				"data-cy-text": `${e.cyPrefix}option_${a(t)}`,
+				onMousedown: (e) => ne(e, t)
+			}, [
+				E("span", $o, [s(t) ? (M(), C(L(V), {
+					key: 0,
+					class: "text-[1rem]",
+					icon: s(t)
+				}, null, 8, ["icon"])) : w("", !0)]),
+				Ue((M(), T("span", es, [ge(I(a(t)), 1)])), [[
+					d,
+					`${a(t)}`,
+					void 0,
+					{
+						overflow: !0,
+						top: !0
+					}
+				]]),
+				c ? (M(), T("span", ts, [c(t) ? (M(), C(L(V), {
+					key: 0,
+					class: "text-[1rem]",
+					icon: c(t)
+				}, null, 8, ["icon"])) : w("", !0)])) : w("", !0)
+			], 42, Qo))), 128))], 4)) : w("", !0)]))], 64);
+		};
 	}
 }), rs = {
 	DEFAULT: "default",
@@ -3976,7 +3987,7 @@ var Yo = { class: "size-[1.5rem]" }, Xo = { class: "truncate" }, Zo = {
 			"sort"
 		]), r.isResizable ? (M(), T("div", {
 			key: 0,
-			class: j(["absolute top-0 h-full w-[2rem] cursor-col-resize z-99", a === e.fields.length - 1 ? "right-0" : "-right-[1rem]"]),
+			class: j(["absolute top-0 h-full cursor-col-resize z-99", a === e.fields.length - 1 ? "right-0 w-[1rem]" : "-right-[1rem] w-[2rem]"]),
 			onMousedown: (t) => e.handleMousedown(t, r.name)
 		}, null, 42, fc)) : w("", !0)], 12, dc))), 128));
 	}