import { defineComponent, useModel, openBlock, createElementBlock, createVNode, unref, mergeProps, createElementVNode, toDisplayString, mergeModels } from 'vue';
import { ElInput } from 'element-plus';

"use strict";
const _hoisted_1 = { class: "me-input-range-text" };
const _hoisted_2 = {
  div: "",
  style: { "width": "20px", "margin": "0 10px", "text-align": "center" }
};
const __default__ = defineComponent({
  name: "me-input-range-text"
});
var script = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: /* @__PURE__ */ mergeModels({
    connector: { type: String, required: false, default: "-" }
  }, {
    "start": {},
    "startModifiers": {},
    "end": {},
    "endModifiers": {}
  }),
  emits: ["update:start", "update:end"],
  setup(__props) {
    const props = __props;
    const start = useModel(__props, "start");
    const end = useModel(__props, "end");
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createVNode(unref(ElInput), mergeProps({
          class: "input-number",
          clearable: "",
          style: { "width": "150px" },
          modelValue: start.value,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event)
        }, _ctx.$attrs), null, 16, ["modelValue"]),
        createElementVNode(
          "span",
          _hoisted_2,
          toDisplayString(__props.connector),
          1
          /* TEXT */
        ),
        createVNode(unref(ElInput), mergeProps({
          class: "input-number",
          clearable: "",
          style: { "width": "150px" },
          modelValue: end.value,
          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => end.value = $event)
        }, _ctx.$attrs), null, 16, ["modelValue"])
      ]);
    };
  }
});

export { script as default };
//# sourceMappingURL=input-range-text.vue2.mjs.map
