import { b9 as p, w as a, cn as l, bK as y, bd as m, cK as h, bB as s, fc as S, bO as x, be as d, P as t, bh as c, bg as n, bi as o, bj as r, bk as g, bl as w, a0 as b, V as u, co as C, cp as f, fd as V, fe as k } from "./684d2f28.js";
import { useContext as i } from "react";
import "react-dom";
const $ = (e) => C`
    &.ant-slider:not(.ant-slider-disabled) {
      &,
      &:hover,
      &:focus {
        .ant-slider-rail {
          background-color: ${e.track};
        }
        .ant-slider-track {
          background-color: ${e.fill};
        }
        .ant-slider-handle {
          background-color: ${e.thumb};
          border-color: ${e.thumbBorder};
        }
      }
      &:hover {
        .ant-slider-rail {
          background-color: ${f(e.track, 0.1)};
        }
      }
      .ant-slider-handle:focus {
        box-shadow: 0 0 0 5px ${V(f(e.thumbBorder, 0.08), 0.12)};
      }
    }
  `, j = p(k)`
  ${(e) => e.$style && $(e.$style)}
`, B = p.div`
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  .ant-slider {
    width: 100%;
  }
`, E = {
  max: a(l, "100"),
  min: a(l, "0"),
  step: a(l, "1"),
  label: y,
  disabled: m,
  onEvent: h,
  style: s(S),
  labelStyle: s(x.filter((e) => ["accent", "validate"].includes(e.name) === !1)),
  prefixIcon: d,
  suffixIcon: d
}, M = (e) => /* @__PURE__ */ t(c, {
  children: [["logic", "both"].includes(i(n).editorModeStatus) && /* @__PURE__ */ t(o, {
    name: r.interaction,
    children: [e.onEvent.getPropertyView(), g(e), w(e)]
  }), ["layout", "both"].includes(i(n).editorModeStatus) && e.label.getPropertyView(), ["layout", "both"].includes(i(n).editorModeStatus) && /* @__PURE__ */ t(c, {
    children: [/* @__PURE__ */ t(o, {
      name: r.layout,
      children: [e.prefixIcon.propertyView({
        label: b("button.prefixIcon")
      }), e.suffixIcon.propertyView({
        label: b("button.suffixIcon")
      })]
    }), /* @__PURE__ */ u(o, {
      name: r.style,
      children: e.style.getPropertyView()
    }), /* @__PURE__ */ u(o, {
      name: r.labelStyle,
      children: e.labelStyle.getPropertyView()
    })]
  })]
});
export {
  E as SliderChildren,
  M as SliderPropertyView,
  j as SliderStyled,
  B as SliderWrapper
};
