import { cA as i, U as d, P as r, bD as l, V as o, bh as c, bi as g, bj as u, a0 as n, bn as b, bo as t, bp as p } from "./684d2f28.js";
import "react";
import { SliderChildren as x, SliderWrapper as S, SliderStyled as y, SliderPropertyView as w } from "./e77bcf96.js";
import "react-dom";
const f = function() {
  const s = {
    ...x,
    start: i("start", 10),
    end: i("end", 60)
  };
  return new d(s, (e) => e.label({
    style: e.style,
    labelStyle: e.labelStyle,
    children: /* @__PURE__ */ r(S, {
      onMouseDown: (a) => (a.stopPropagation(), !1),
      children: [l(e.prefixIcon) && e.prefixIcon, /* @__PURE__ */ o(y, {
        ...e,
        range: !0,
        value: [e.start.value, e.end.value],
        $style: e.style,
        style: {
          margin: 0
        },
        onChange: ([a, m]) => {
          e.start.onChange(a), e.end.onChange(m), e.onEvent("change");
        }
      }), l(e.suffixIcon) && e.suffixIcon]
    })
  })).setPropertyViewFn((e) => /* @__PURE__ */ r(c, {
    children: [/* @__PURE__ */ r(g, {
      name: u.basic,
      children: [e.start.propertyView({
        label: n("rangeSlider.start")
      }), e.end.propertyView({
        label: n("rangeSlider.end")
      }), e.max.propertyView({
        label: n("prop.maximum")
      }), e.min.propertyView({
        label: n("prop.minimum")
      }), e.step.propertyView({
        label: n("rangeSlider.step"),
        tooltip: n("rangeSlider.stepTooltip")
      })]
    }), /* @__PURE__ */ o(w, {
      ...e
    })]
  })).build();
}(), I = b(f, [new t("start", n("export.sliderStartDesc")), new t("end", n("export.sliderEndDesc")), new t("max", n("export.sliderMaxValueDesc")), new t("min", n("export.sliderMinValueDesc")), ...p]);
export {
  I as RangeSliderComp
};
