import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, normalizeClass as a, openBlock as o, ref as s, renderSlot as c, useCssVars as l } from "vue";
import { debounce as u, notEmpty as d } from "@milaboratories/helpers";
var f = /* @__PURE__ */ r({
	__name: "LongText",
	setup(r) {
		l((e) => ({ f4f5affc: _.value }));
		let f = s(!1), p = s(), m = s(!1), h = e(() => m.value && f.value ? "ui-lt-animate" : ""), g = u((e) => m.value = e, 500), _ = e(() => p.value ? `${p.value?.innerHTML.length * .4}s` : "5s");
		function v() {
			let e = d(p.value, "span cannot be empty");
			f.value = e.clientWidth < e.scrollWidth;
		}
		function y() {
			v(), g(!0);
		}
		function b() {
			g(!1);
		}
		return (e, r) => (o(), t("div", i(e.$attrs, { class: "ui-lt-container" }), [n("span", {
			onMouseover: y,
			onMouseleave: b
		}, [n("span", {
			ref_key: "span",
			ref: p,
			class: a(h.value)
		}, [c(e.$slots, "default")], 2)], 32)], 16));
	}
});
export { f as default };

//# sourceMappingURL=LongText.vue2.js.map