import './resizable-input.css';/* empty css                */
import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, mergeProps as i, normalizeStyle as a, openBlock as o, toDisplayString as s } from "vue";
var c = { class: "resizable-input" }, l = [
	"placeholder",
	"value",
	"disabled"
], u = /* @__PURE__ */ r({
	__name: "ResizableInput",
	props: {
		modelValue: {},
		placeholder: {},
		disabled: { type: Boolean },
		maxWidth: {},
		width: {}
	},
	emits: ["update:modelValue"],
	setup(r, { emit: u }) {
		let d = r, f = u, p = e(() => d.placeholder ? d.placeholder : d.modelValue?.replace("\"", "")), m = e(() => {
			let e = {};
			return d.width && (e.width = d.width), d.maxWidth && (e.maxWidth = d.maxWidth), e;
		});
		function h(e) {
			f("update:modelValue", e.target.value);
		}
		return (e, u) => (o(), t("div", c, [n("span", {
			style: a(m.value),
			class: "resizable-input__size-span"
		}, s(p.value), 5), n("input", i(e.$attrs, {
			placeholder: r.placeholder,
			value: d.modelValue,
			disabled: d.disabled,
			style: m.value,
			onInput: h
		}), null, 16, l)]));
	}
});
export { u as default };

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