'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var index = require('../../input-number/index.js');

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

exports.default = script;
//# sourceMappingURL=input-range-number.vue2.js.map
