import { cJ as s, O as m, U as u, a6 as t, bU as r, F as i, G as c, a7 as d, a8 as y, Y as a, aa as p, ac as n, bL as f } from "./603b75d9.js";
import "react";
import { formDataChildren as v, FormDataPropertyView as x } from "./f9847c56.js";
import { SliderChildren as S, SliderWrapper as w, SliderStyled as b, SliderPropertyView as C } from "./d9ab1b80.js";
import "react-dom";
const V = function() {
  const o = {
    ...S,
    value: s("value", 60),
    vertical: m,
    ...v
  };
  return new u(o, (e) => e.label({
    style: e.style,
    labelStyle: e.labelStyle,
    inputFieldStyle: e.inputFieldStyle,
    animationStyle: e.animationStyle,
    children: /* @__PURE__ */ t(w, {
      $vertical: !!e.vertical,
      onMouseDown: (l) => (l.stopPropagation(), !1),
      children: [r(e.prefixIcon) && e.prefixIcon, /* @__PURE__ */ i(b, {
        ...e,
        value: e.value.value,
        $style: e.inputFieldStyle,
        style: {
          margin: 0
        },
        $vertical: !!e.vertical || !1,
        onChange: (l) => {
          e.value.onChange(l), e.onEvent("change");
        }
      }), r(e.suffixIcon) && e.suffixIcon]
    })
  })).setPropertyViewFn((e) => /* @__PURE__ */ t(c, {
    children: [/* @__PURE__ */ t(d, {
      name: y.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")
      }), e.vertical.propertyView({
        label: a("slider.vertical")
      })]
    }), /* @__PURE__ */ i(x, {
      ...e
    }), /* @__PURE__ */ i(C, {
      ...e
    })]
  })).build();
}(), B = p(V, [new n("value", a("export.sliderValueDesc")), new n("max", a("export.sliderMaxValueDesc")), new n("min", a("export.sliderMinValueDesc")), ...f]);
export {
  B as SliderComp
};
