import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
import { Transition as t, createBlock as n, openBlock as r, renderSlot as i, withCtx as a } from "vue";
//#region src/components/transitions/wt-expand-transition.vue
var o = {
	name: "WtExpandTransition",
	methods: {
		afterEnter(e) {
			e.style.height = "auto";
		},
		enter(e) {
			let { width: t } = getComputedStyle(e);
			e.style.width = t, e.style.position = "absolute", e.style.visibility = "hidden", e.style.height = "auto";
			let { height: n } = getComputedStyle(e);
			e.style.width = null, e.style.position = null, e.style.visibility = null, e.style.height = 0, getComputedStyle(e).height, requestAnimationFrame(() => e.style.height = n);
		},
		leave(e) {
			let { height: t } = getComputedStyle(e);
			e.style.height = t, getComputedStyle(e).height, requestAnimationFrame(() => e.style.height = 0);
		}
	}
};
function s(e, o, s, c, l, u) {
	return r(), n(t, {
		name: "expand",
		onEnter: u.enter,
		onLeave: u.leave,
		onAfterEnter: u.afterEnter
	}, {
		default: a(() => [i(e.$slots, "default")], void 0, !0),
		_: 3
	}, 8, [
		"onEnter",
		"onLeave",
		"onAfterEnter"
	]);
}
var c = /*#__PURE__*/ e(o, [["render", s]]);
//#endregion
export { c as t };
