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