@v1nt1248/3nclient-lib 0.4.4 → 0.4.5

package/dist/chunks/{ui3n-tooltip-DBivQBoy.js → ui3n-tooltip-BvWcGgmA.js}

@@ -31,7 +31,7 @@ var N = {
 	beforeUnmount(e) {
 		A.get(e)?.controller.abort(), A.delete(e);
 	}
-}, P = ["id", "title"], F = /* @__PURE__ */ u({
+}, P = ["id", "title"], F = /*@__PURE__*/ u({
 	__name: "ui3n-icon",
 	props: {
 		id: {},
@@ -68,11 +68,11 @@ var N = {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, R = /* @__PURE__ */ L(F, [["__cssModules", { $style: I }]]), z = {
+}, R = /*#__PURE__*/ L(F, [["__cssModules", { $style: I }]]), z = {
 	small: 12,
 	regular: 16,
 	large: 24
-}, B = ["id", "disabled"], V = /* @__PURE__ */ L(/* @__PURE__ */ u({
+}, B = ["id", "disabled"], V = /*#__PURE__*/ L(/* @__PURE__ */ u({
 	__name: "ui3n-button",
 	props: {
 		id: {},
@@ -163,7 +163,7 @@ var N = {
 	icon: "_icon_t26g4_313",
 	custom: "_custom_t26g4_333",
 	buttonIcon: "_buttonIcon_t26g4_365"
-} }]]), H = ["id"], U = /* @__PURE__ */ L(/* @__PURE__ */ u({
+} }]]), H = ["id"], U = /*#__PURE__*/ L(/* @__PURE__ */ u({
 	__name: "ui3n-notification",
 	props: {
 		id: {},
@@ -269,7 +269,7 @@ var N = {
 	leftPosition: "_leftPosition_152ae_103",
 	centerPosition: "_centerPosition_152ae_108",
 	rightPosition: "_rightPosition_152ae_113"
-} }]]), W = 8, G = /* @__PURE__ */ L(/* @__PURE__ */ u({
+} }]]), W = 8, G = /*#__PURE__*/ L(/* @__PURE__ */ u({
 	__name: "ui3n-tooltip",
 	props: {
 		id: {},

package/dist/src/components/ui3n-text/types.d.ts

@@ -47,6 +47,14 @@ export interface Ui3nTextEmits {
      * Called when text is initialized
      */
     (event: 'init', value: HTMLTextAreaElement): void;
+    /**
+     * Called when the textarea height changes due to text input or deletion
+     */
+    (event: 'resize', value: {
+        height: number;
+        rows: number;
+        element: HTMLTextAreaElement;
+    }): void;
     /**
      * Called when text value changes
      */

package/dist/src/components/ui3n-text/ui3n-text.d.ts

@@ -14,6 +14,11 @@ declare const _default: import('vue').DefineComponent<Ui3nTextProps, {
     change: (value: string) => any;
     focus: (value: Event) => any;
     keydown: (value: KeyboardEvent) => any;
+    resize: (value: {
+        height: number;
+        rows: number;
+        element: HTMLTextAreaElement;
+    }) => any;
     init: (value: HTMLTextAreaElement) => any;
     "update:modelValue": (value: string) => any;
     escape: (value: Event) => any;
@@ -31,6 +36,11 @@ declare const _default: import('vue').DefineComponent<Ui3nTextProps, {
     onChange?: ((value: string) => any) | undefined;
     onFocus?: ((value: Event) => any) | undefined;
     onKeydown?: ((value: KeyboardEvent) => any) | undefined;
+    onResize?: ((value: {
+        height: number;
+        rows: number;
+        element: HTMLTextAreaElement;
+    }) => any) | undefined;
     onInit?: ((value: HTMLTextAreaElement) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onEscape?: ((value: Event) => any) | undefined;

package/dist/ui3n-components.js

@@ -1,5 +1,5 @@
 import { $ as e, H as t, O as n, U as r, V as i, W as a, _t as o, at as s, b as c, c as l, ct as u, dt as d, et as f, ft as p, gt as m, ht as h, it as g, lt as _, mt as v, nt as y, ot as b, pt as x, rt as S, st as C, t as w, tt as T, ut as E, vt as D, x as O } from "./chunks/plugins-keys-DY2USp8H.js";
-import { a as k, i as A, n as ee, o as j, r as M, t as te } from "./chunks/ui3n-tooltip-DBivQBoy.js";
+import { a as k, i as A, n as ee, o as j, r as M, t as te } from "./chunks/ui3n-tooltip-BvWcGgmA.js";
 import { t as ne } from "./chunks/emoticons-DMgiBINj.js";
 import re from "sanitize-html";
 import { autoUpdate as ie, computePosition as ae, offset as oe } from "@floating-ui/dom";
@@ -1069,7 +1069,7 @@ var er = {
 		}, a = Xn(t);
 		n.removeEventListener("pointerdown", a.pointerdownEvent, i), n.removeEventListener("pointerup", a.pointerupEvent, i), n.removeEventListener("pointermove", a.pointermoveEvent, i);
 	}
-}, tr = ["id"], nr = 24, rr = "var(--color-text-control-primary-default)", ir = /* @__PURE__ */ k(/* @__PURE__ */ V({
+}, tr = ["id"], nr = 24, rr = "var(--color-text-control-primary-default)", ir = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-chip",
 	props: {
 		id: {},
@@ -1141,7 +1141,7 @@ var er = {
 	ui3nChipIcon: "_ui3nChipIcon_1l6yq_40",
 	round: "_round_1l6yq_48",
 	plain: "_plain_1l6yq_57"
-} }]]), ar = ["name"], or = ["width", "height"], sr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), ar = ["name"], or = ["width", "height"], sr = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-drop-files",
 	props: {
 		name: { default: void 0 },
@@ -1250,7 +1250,7 @@ var er = {
 	ui3nDropFilesDropzoneTitle: "_ui3nDropFilesDropzoneTitle_zyij9_33",
 	ui3nDropFilesDropzoneIcon: "_ui3nDropFilesDropzoneIcon_zyij9_41",
 	ui3nDropFilesDropzoneAdditional: "_ui3nDropFilesDropzoneAdditional_zyij9_53"
-} }]]), cr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), cr = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-emoji",
 	props: {
 		emoji: {},
@@ -1295,7 +1295,7 @@ var er = {
 	"maxlength",
 	"minlength",
 	"value"
-], dr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], dr = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-input",
 	props: {
 		id: {},
@@ -1487,7 +1487,7 @@ var er = {
 						onTouchstart: n[1] ||= $(() => {}, ["prevent"]),
 						onClick: O
 					}, null, 8, ["class"])) : I("", !0),
-					f.value ? J(t.$slots, "append-icon", { key: 2 }) : I("", !0)
+					f.value ? J(t.$slots, "append-icon", {}, void 0, void 0, 2) : I("", !0)
 				], 2)) : I("", !0)
 			], 2),
 			g.value ? (G(), L("div", {
@@ -1658,7 +1658,7 @@ var er = {
 	"multiple",
 	"accept",
 	"disabled"
-], Fr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Fr = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-input-file",
 	props: {
 		id: {},
@@ -1745,7 +1745,7 @@ var er = {
 	"rows",
 	"max-rows",
 	"disabled"
-], Rr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Rr = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-text",
 	props: {
 		id: {},
@@ -1767,6 +1767,7 @@ var er = {
 	},
 	emits: [
 		"init",
+		"resize",
 		"input",
 		"change",
 		"keydown",
@@ -1821,8 +1822,18 @@ var er = {
 		function v() {
 			s.value = "", u.value = "", c.value = !1, o.value && (o.value.value = ""), a("update:modelValue", ""), a("input", ""), a("change", ""), a("update:valid", !0);
 		}
+		function y(e) {
+			let t = e.target, { rows: n } = e.detail;
+			a("resize", {
+				height: t.offsetHeight,
+				rows: n,
+				element: t
+			});
+		}
 		return n({ clear: v }), me(() => {
-			o.value && (t(o.value), a("init", o.value)), i.validateAtStartup && d(s.value);
+			o.value && (t(o.value), o.value.addEventListener("rows-change", y), a("init", o.value)), i.validateAtStartup && d(s.value);
+		}), pe(() => {
+			o.value?.removeEventListener("rows-change", y);
 		}), Z(() => i.name, (e) => {
 			e || v();
 		}), Z(() => i.modelValue, (e, t) => {
@@ -1883,7 +1894,7 @@ var er = {
 	"disabled",
 	"checked",
 	"value"
-], Vr = ["tabindex"], Hr = ["width", "height"], Ur = ["width", "height"], Wr = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Vr = ["tabindex"], Hr = ["width", "height"], Ur = ["width", "height"], Wr = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-checkbox",
 	props: {
 		id: {},
@@ -2241,7 +2252,7 @@ function $r(e, t, n) {
 }
 //#endregion
 //#region src/components/ui3n-scrollbar/ui3n-scrollbar.vue?vue&type=script&setup=true&lang.ts
-var ei = 2, ti = 2, ni = /* @__PURE__ */ k(/* @__PURE__ */ V({
+var ei = 2, ti = 2, ni = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-scrollbar",
 	props: {
 		axes: { default: "both" },
@@ -2461,7 +2472,7 @@ var ei = 2, ti = 2, ni = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	thumbVertical: "_thumbVertical_1vb08_79",
 	active: "_active_1vb08_93",
 	thumbHorizontal: "_thumbHorizontal_1vb08_97"
-} }]]), ri = ["name", "value"], ii = ["name", "value"], ai = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), ri = ["name", "value"], ii = ["name", "value"], ai = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-table",
 	props: {
 		config: {},
@@ -2586,7 +2597,7 @@ var ei = 2, ti = 2, ni = /* @__PURE__ */ k(/* @__PURE__ */ V({
 					value: X(p).sortOrder?.direction,
 					size: "16"
 				}, null, 8, ["value"])) : I("", !0)], 16)], 6))), 128))], 2),
-				R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Ar.default)(e.body.content) ? J(t.$slots, "no-data", { key: 0 }, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)]) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
+				R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Ar.default)(e.body.content) ? J(t.$slots, "no-data", {}, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)], void 0, 0) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
 					key: X(T)(n, r),
 					class: H([
 						t.$style.row,
@@ -2708,7 +2719,7 @@ var ei = 2, ti = 2, ni = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				value: X(p).sortOrder?.direction,
 				size: "16"
 			}, null, 8, ["value"])) : I("", !0)], 16)], 6))), 128))], 2),
-			R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Ar.default)(e.body.content) ? J(t.$slots, "no-data", { key: 0 }, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)]) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
+			R("div", { class: H(t.$style.body) }, [e.config?.showNoDataMessage && !X(Ar.default)(e.body.content) ? J(t.$slots, "no-data", {}, () => [R("div", { class: H(t.$style.noData) }, "No data", 2)], void 0, 0) : (G(), L(N, { key: 1 }, [t.$slots.row ? (G(!0), L(N, { key: 0 }, q(e.body.content, (n, r) => (G(), L("div", {
 				key: X(T)(n, r),
 				class: H([
 					t.$style.row,
@@ -2792,7 +2803,7 @@ var ei = 2, ti = 2, ni = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	headerItemSticky: "_headerItemSticky_18jcf_236",
 	headerItemFirst: "_headerItemFirst_18jcf_240",
 	bodyItemSticky: "_bodyItemSticky_18jcf_246"
-} }]]), oi = ["id", "onClick"], si = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), oi = ["id", "onClick"], si = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-dialog-provider",
 	setup(e) {
 		let t = ue(w);
@@ -2822,7 +2833,7 @@ function ci({ width: e, style: t, defaultValue: n = 380 }) {
 }
 //#endregion
 //#region src/components/ui3n-dialog/ui3n-dialog.vue?vue&type=script&setup=true&lang.ts
-var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
+var li = ["id"], ui = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-dialog",
 	props: {
 		id: {},
@@ -3010,7 +3021,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	actions: "_actions_2e2c0_74",
 	actionsDefault: "_actionsDefault_2e2c0_81",
 	loading: "_loading_2e2c0_89"
-} }]]), di = ["id"], fi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), di = ["id"], fi = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-menu",
 	props: {
 		id: {},
@@ -3164,7 +3175,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	ui3nMenuTrigger: "_ui3nMenuTrigger_1ho7o_10",
 	ui3nMenuTriggerDisabled: "_ui3nMenuTriggerDisabled_1ho7o_14",
 	ui3nMenuContent: "_ui3nMenuContent_1ho7o_19"
-} }]]), pi = ["id"], mi = ["onClick"], hi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), pi = ["id"], mi = ["onClick"], hi = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-list",
 	props: {
 		id: {},
@@ -3214,7 +3225,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	ui3nListItem: "_ui3nListItem_1s0e7_26",
 	ui3nListItemContent: "_ui3nListItemContent_1s0e7_43",
 	ui3nListItemContentDisabled: "_ui3nListItemContentDisabled_1s0e7_50"
-} }]]), gi = 32, _i = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), gi = 32, _i = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-scrollbar-vertical",
 	props: {
 		thumbMinHeight: { default: gi },
@@ -3325,7 +3336,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	trackVisible: "_trackVisible_1taw9_45",
 	thumb: "_thumb_1taw9_51",
 	active: "_active_1taw9_64"
-} }]]), vi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), vi = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-virtual-scroll",
 	props: {
 		items: {},
@@ -3548,7 +3559,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	viewport: "_viewport_1mjyl_5",
 	content: "_content_1mjyl_14",
 	item: "_item_1mjyl_18"
-} }]]), yi = ["id"], bi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), yi = ["id"], bi = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-tabs",
 	props: {
 		id: {},
@@ -3604,7 +3615,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	item: "_item_w6rub_15",
 	active: "_active_w6rub_40",
 	vertical: "_vertical_w6rub_48"
-} }]]), xi = ["id"], Si = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), xi = ["id"], Si = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-badge-simple",
 	props: {
 		id: {},
@@ -3648,7 +3659,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	ui3nBadgeSimple: "_ui3nBadgeSimple_rx5l6_1",
 	ui3nBadgeDot: "_ui3nBadgeDot_rx5l6_12",
 	ui3nBadgeText: "_ui3nBadgeText_rx5l6_30"
-} }]]), Ci = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), Ci = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-badge",
 	props: {
 		id: {},
@@ -3711,7 +3722,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	ui3nBadge: "_ui3nBadge_jkakg_1",
 	ui3nBadgeWrapper: "_ui3nBadgeWrapper_jkakg_6",
 	ui3nBadgeContent: "_ui3nBadgeContent_jkakg_12"
-} }]]), wi = { key: 2 }, Ti = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), wi = { key: 2 }, Ti = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-breadcrumb",
 	props: {
 		separator: { default: void 0 },
@@ -3736,7 +3747,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 		return (t, n) => (G(), L("div", de({
 			"data-ui3n": "breadcrumb",
 			class: l.value
-		}, ye(e.isActive && !(e.disabled || c.value) ? { click: u } : {}, !0)), [R("span", { class: H(t.$style.content) }, [J(t.$slots, "default")], 2), R("div", { class: H(t.$style.ui3nBreadcrumbSeparator) }, [typeof X(i).separator == "function" ? J(t.$slots, "separator", { key: 0 }) : X(o)?.customSeparatorSlot ? (G(), F(_e(X(o).customSeparatorSlot), { key: 1 })) : (G(), L("span", wi, Y(s.value), 1))], 2)], 16));
+		}, ye(e.isActive && !(e.disabled || c.value) ? { click: u } : {}, !0)), [R("span", { class: H(t.$style.content) }, [J(t.$slots, "default")], 2), R("div", { class: H(t.$style.ui3nBreadcrumbSeparator) }, [typeof X(i).separator == "function" ? J(t.$slots, "separator", {}, void 0, void 0, 0) : X(o)?.customSeparatorSlot ? (G(), F(_e(X(o).customSeparatorSlot), { key: 1 })) : (G(), L("span", wi, Y(s.value), 1))], 2)], 16));
 	}
 }), [["__cssModules", { $style: {
 	ui3nBreadcrumb: "_ui3nBreadcrumb_1p4ld_1",
@@ -3744,7 +3755,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	content: "_content_1p4ld_14",
 	ui3nBreadcrumbActive: "_ui3nBreadcrumbActive_1p4ld_28",
 	ui3nBreadcrumbDisabled: "_ui3nBreadcrumbDisabled_1p4ld_33"
-} }]]), Ei = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), Ei = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-breadcrumbs",
 	props: {
 		separator: { default: "/" },
@@ -3769,7 +3780,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	"checked",
 	"disabled",
 	"value"
-], ki = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], ki = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-switch",
 	props: {
 		id: {},
@@ -3833,7 +3844,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	right: "_right_gc1zr_57",
 	label: "_label_gc1zr_61",
 	disabled: "_disabled_gc1zr_68"
-} }]]), Ai = ["id"], ji = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), Ai = ["id"], ji = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-step-line-bar",
 	props: {
 		id: {},
@@ -3858,7 +3869,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	body: "_body_19xgk_19",
 	step: "_step_19xgk_27",
 	active: "_active_19xgk_35"
-} }]]), Mi = 12, Ni = 5, Pi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), Mi = 12, Ni = 5, Pi = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-progress-linear",
 	props: {
 		value: { default: 0 },
@@ -3911,7 +3922,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	above: "_above_s0kwl_39",
 	indeterminate: "_indeterminate_s0kwl_49",
 	"linear-fly": "_linear-fly_s0kwl_1"
-} }]]), Fi = ["height", "width"], Ii = ["r"], Li = ["r", "stroke-dasharray"], Ri = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), Fi = ["height", "width"], Ii = ["r"], Li = ["r", "stroke-dasharray"], Ri = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-progress-circular",
 	props: {
 		value: { default: 0 },
@@ -3982,7 +3993,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	"checked",
 	"value",
 	"disabled"
-], Bi = ["tabindex"], Vi = ["width", "height"], Hi = ["width", "height"], Ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Bi = ["tabindex"], Vi = ["width", "height"], Hi = ["width", "height"], Ui = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-radio",
 	props: {
 		id: {},
@@ -4065,7 +4076,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 				tabindex: e.disabled ? -1 : 0,
 				onKeydown: [Q(p, ["enter"]), Q(p, ["space"])],
 				onClick: p
-			}, [d.value ? J(t.$slots, "checkedIcon", { key: 0 }, () => [(G(), L("svg", {
+			}, [d.value ? J(t.$slots, "checkedIcon", {}, () => [(G(), L("svg", {
 				width: Number(e.size) - 4,
 				height: Number(e.size) - 4,
 				viewBox: "0 0 24 24",
@@ -4073,7 +4084,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}, [...n[0] ||= [R("path", {
 				fill: "currentColor",
 				d: "M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8"
-			}, null, -1)]], 10, Vi))]) : J(t.$slots, "uncheckedIcon", { key: 1 }, () => [(G(), L("svg", {
+			}, null, -1)]], 10, Vi))], void 0, 0) : J(t.$slots, "uncheckedIcon", {}, () => [(G(), L("svg", {
 				width: Number(e.size) - 4,
 				height: Number(e.size) - 4,
 				viewBox: "0 0 24 24",
@@ -4081,7 +4092,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 			}, [...n[1] ||= [R("path", {
 				fill: "currentColor",
 				d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8"
-			}, null, -1)]], 10, Hi))])], 42, Bi)), [[X(r)]]),
+			}, null, -1)]], 10, Hi))], void 0, 1)], 42, Bi)), [[X(r)]]),
 			R("div", { class: H(t.$style.label) }, [J(t.$slots, "default")], 2)
 		], 6));
 	}
@@ -4094,7 +4105,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	icon: "_icon_1578r_47",
 	bodyDisabled: "_bodyDisabled_1578r_56",
 	iconDisabled: "_iconDisabled_1578r_57"
-} }]]), Wi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), Wi = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-radio-group",
 	props: {
 		id: {},
@@ -4140,7 +4151,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	"value",
 	"placeholder",
 	"disabled"
-], Ji = ["title"], Yi = 60, Xi = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], Ji = ["title"], Yi = 60, Xi = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-editable",
 	props: {
 		id: {},
@@ -4298,7 +4309,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	"id",
 	"aria-disabled",
 	"onClick"
-], na = /* @__PURE__ */ k(/* @__PURE__ */ V({
+], na = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-autocomplete",
 	props: {
 		name: {},
@@ -4601,7 +4612,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	noData: "_noData_nfk6j_101",
 	chipsContainer: "_chipsContainer_nfk6j_114",
 	chipWrapper: "_chipWrapper_nfk6j_124"
-} }]]), ra = ["id"], ia = ["name", "value"], aa = ["name", "value"], oa = ["name", "value"], sa = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), ra = ["id"], ia = ["name", "value"], aa = ["name", "value"], oa = ["name", "value"], sa = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-slider",
 	props: {
 		id: {},
@@ -4793,7 +4804,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	selected: "_selected_1wfp2_62",
 	pointer1: "_pointer1_1wfp2_76",
 	pointer2: "_pointer2_1wfp2_80"
-} }]]), ca = ["id"], la = ["name", "value"], ua = ["tabindex"], da = ["id", "onClick"], fa = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), ca = ["id"], la = ["name", "value"], ua = ["tabindex"], da = ["id", "onClick"], fa = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-selector",
 	props: {
 		id: {},
@@ -5035,7 +5046,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	item: "_item_17xt0_109",
 	itemSelected: "_itemSelected_17xt0_123",
 	itemDisabled: "_itemDisabled_17xt0_127"
-} }]]), pa = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), pa = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-mobile-menu",
 	props: {
 		modelValue: { type: Boolean },
@@ -5098,7 +5109,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	menuButton: "_menuButton_1vxq4_65",
 	closeBtn: "_closeBtn_1vxq4_70",
 	overlay: "_overlay_1vxq4_78"
-} }]]), ma = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), ma = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-mobile-menu-item",
 	props: {
 		item: {},
@@ -5126,7 +5137,7 @@ var li = ["id"], ui = /* @__PURE__ */ k(/* @__PURE__ */ V({
 	menuItemName: "_menuItemName_qaa58_15",
 	menuItemSelected: "_menuItemSelected_qaa58_21",
 	bounceOnce: "_bounceOnce_qaa58_1"
-} }]]), ha = 32, ga = /* @__PURE__ */ k(/* @__PURE__ */ V({
+} }]]), ha = 32, ga = /*#__PURE__*/ k(/* @__PURE__ */ V({
 	__name: "ui3n-scrollbar-horizontal",
 	props: {
 		thumbMinWidth: { default: ha },

package/dist/ui3n-plugins.js

@@ -1,9 +1,9 @@
 import { U as e, a as t, i as n, n as r, r as i, t as a } from "./chunks/plugins-keys-DY2USp8H.js";
-import { a as o, n as s, t as c } from "./chunks/ui3n-tooltip-DBivQBoy.js";
+import { a as o, n as s, t as c } from "./chunks/ui3n-tooltip-BvWcGgmA.js";
 import { Fragment as l, createApp as u, createBlock as d, createElementBlock as f, defineComponent as p, markRaw as m, mergeProps as h, normalizeClass as g, openBlock as _, ref as v, renderList as y } from "vue";
 import "pinia";
 import b from "mitt";
-var x = /* @__PURE__ */ o(/* @__PURE__ */ p({
+var x = /*#__PURE__*/ o(/* @__PURE__ */ p({
 	__name: "ui3n-notification-container",
 	setup(e, { expose: t }) {
 		let n = v([]);
@@ -156,7 +156,7 @@ function I(e) {
 	let { app: t = {} } = e, { config: n = {} } = t, { globalProperties: r = {} } = n, { $theme: i } = r;
 	return { $theme: i };
 }
-var L = /* @__PURE__ */ o(/* @__PURE__ */ p({
+var L = /*#__PURE__*/ o(/* @__PURE__ */ p({
 	__name: "ui3n-tooltip-container",
 	setup(e, { expose: t }) {
 		let n = v([]);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [
@@ -47,68 +47,68 @@
     "eslint:fix": "eslint --fix src"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.7.6",
+    "@floating-ui/dom": "1.8.0",
     "@floating-ui/vue": "1.1.11",
-    "dayjs": "1.11.21",
+    "dayjs": "1.11.23",
     "lodash": "4.18.1",
     "mitt": "3.0.1",
-    "sanitize-html": "2.17.4",
+    "sanitize-html": "2.17.7",
     "vuedraggable": "4.1.0"
   },
   "peerDependencies": {
     "pinia": "3.0.4",
-    "vue": "3.5.35"
+    "vue": "3.5.43"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "3.3.5",
+    "@eslint/eslintrc": "3.3.7",
     "@eslint/js": "10.0.1",
-    "@types/lodash": "4.17.24",
-    "@types/node": "24.12.4",
-    "@types/sanitize-html": "2.16.1",
-    "@typescript-eslint/eslint-plugin": "8.60.0",
-    "@typescript-eslint/parser": "8.60.0",
-    "@vitejs/plugin-vue": "6.0.7",
-    "@vue/compiler-core": "3.5.35",
-    "@vue/eslint-config-typescript": "14.7.0",
-    "@vue/runtime-core": "3.5.35",
-    "@vue/test-utils": "2.5.0",
-    "eslint": "10.4.0",
+    "@types/lodash": "4.17.26",
+    "@types/node": "24.19.2",
+    "@types/sanitize-html": "2.16.2",
+    "@typescript-eslint/eslint-plugin": "8.71.1",
+    "@typescript-eslint/parser": "8.71.1",
+    "@vitejs/plugin-vue": "6.0.10",
+    "@vue/compiler-core": "3.5.43",
+    "@vue/eslint-config-typescript": "14.9.0",
+    "@vue/runtime-core": "3.5.43",
+    "@vue/test-utils": "2.5.1",
+    "eslint": "10.12.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "5.5.6",
     "eslint-plugin-promise": "7.3.0",
-    "eslint-plugin-vue": "10.9.1",
-    "globals": "17.6.0",
+    "eslint-plugin-vue": "10.11.1",
+    "globals": "17.13.0",
     "jackspeak": "4.2.3",
-    "jsdom": "30.0.1",
+    "jsdom": "30.1.2",
     "path": "0.12.7",
     "pinia": "3.0.4",
     "postcss-html": "1.8.1",
-    "prettier": "3.8.3",
-    "sass": "1.100.0",
-    "shiki": "4.1.0",
-    "stylelint": "17.12.0",
+    "prettier": "3.9.10",
+    "sass": "1.105.1",
+    "shiki": "4.5.0",
+    "stylelint": "17.16.0",
     "stylelint-config-recommended-scss": "17.0.1",
     "stylelint-config-recommended-vue": "1.6.1",
     "stylelint-config-standard": "39.0.1",
-    "stylelint-scss": "7.1.1",
+    "stylelint-scss": "7.3.0",
     "tslib": "2.8.1",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.60.0",
-    "vite": "8.0.14",
+    "typescript-eslint": "8.71.1",
+    "vite": "8.0.16",
     "vite-plugin-css-injected-by-js": "4.0.1",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-node-polyfills": "^0.28.0",
     "vite-plugin-static-copy": "^4.1.1",
-    "vite-plugin-vue-devtools": "8.1.2",
+    "vite-plugin-vue-devtools": "8.2.1",
     "vitepress": "1.6.4",
     "vitest": "4.1.11",
-    "vue": "3.5.35",
-    "vue-component-meta": "3.3.2",
+    "vue": "3.5.43",
+    "vue-component-meta": "3.3.12",
     "vue-docgen-api": "4.79.2",
-    "vue-eslint-parser": "10.4.0",
-    "vue-tsc": "3.3.2"
+    "vue-eslint-parser": "10.4.1",
+    "vue-tsc": "3.3.12"
   },
   "packageManager": "pnpm@12.6.0"
 }

package/src/components/ui3n-text/types.ts

@@ -48,6 +48,10 @@ export interface Ui3nTextEmits {
    * Called when text is initialized
    */
   (event: 'init', value: HTMLTextAreaElement): void;
+  /**
+   * Called when the textarea height changes due to text input or deletion
+   */
+  (event: 'resize', value: { height: number; rows: number; element: HTMLTextAreaElement }): void;
   /**
    * Called when text value changes
    */

package/src/components/ui3n-text/ui3n-text.vue

@@ -1,6 +1,6 @@
 <!-- @strictTemplates false -->
 <script lang="ts" setup>
-  import { onMounted, ref, watch } from 'vue';
+  import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
   import { patchTextareaMaxRowsSupport } from '../../utils';
   import type { Ui3nTextEmits, Ui3nTextProps, Ui3nTextExpose } from './types';
 
@@ -102,6 +102,12 @@
     emits('update:valid', true);
   }
 
+  function onRowsChange(event: Event) {
+    const element = event.target as HTMLTextAreaElement;
+    const { rows } = (event as CustomEvent<{ rows: number }>).detail;
+    emits('resize', { height: element.offsetHeight, rows, element });
+  }
+
   defineExpose<Ui3nTextExpose>({
     clear,
   });
@@ -109,6 +115,7 @@
   onMounted(() => {
     if (textareaElement.value) {
       patchTextareaMaxRowsSupport(textareaElement.value!);
+      textareaElement.value.addEventListener('rows-change', onRowsChange);
       emits('init', textareaElement.value!);
     }
 
@@ -117,6 +124,10 @@
     }
   });
 
+  onBeforeUnmount(() => {
+    textareaElement.value?.removeEventListener('rows-change', onRowsChange);
+  });
+
   watch(
     () => props.name,
     newName => {