import { b9 as l, cA as g, bB as p, cB as u, U as d, V as r, P as m, bh as h, bi as s, bj as a, a0 as o, bg as n, bl as b, bn as $, bo as C, bG as f, co as x, ca as w, cb as v, cC as P } from "./684d2f28.js";
import { useContext as c } from "react";
import "react-dom";
const S = (t) => x`
    width: ${w(t.margin)};	
    height: ${v(t.margin)};	
    margin: ${t.margin};	
    padding: ${t.padding};
    border-radius:${t.radius};
    .ant-progress-text {
      color: ${t.text} !important;
      font-family:${t.fontFamily};
      font-style:${t.fontStyle};
      font-size:${t.textSize} !important;
      font-weight:${t.textWeight};
    }
    .ant-progress-circle-trail {
      stroke: ${t.track};
    }
    .ant-progress-inner .ant-progress-circle-path {
      stroke: ${t.fill} !important;
    }
    &.ant-progress-status-success {
      .ant-progress-inner .ant-progress-circle-path {
        stroke: ${t.success} !important;
      }
      .ant-progress-text {
        color: ${t.success} !important;
      }
    }
  `, y = l(P)`
  width: 100%;
  height: 100%;
  padding: 2px;
  .ant-progress-inner {
    width: 100% !important;
    height: 100% !important;
  }

  .ant-progress-circle {
    width: 100%;
    height: 100%;
  }
  ${(t) => t.$style && S(t.$style)}
`;
let i = function() {
  const t = {
    value: g("value", 60),
    // borderRadius property hidden as it's not valid for progress circle
    style: p(u)
  };
  return new d(t, (e) => /* @__PURE__ */ r(y, {
    $style: e.style,
    percent: Math.round(e.value.value),
    type: "circle"
  })).setPropertyViewFn((e) => /* @__PURE__ */ m(h, {
    children: [/* @__PURE__ */ r(s, {
      name: a.basic,
      children: e.value.propertyView({
        label: o("progress.value"),
        tooltip: o("progress.valueTooltip")
      })
    }), ["logic", "both"].includes(c(n).editorModeStatus) && /* @__PURE__ */ r(s, {
      name: a.interaction,
      children: b(e)
    }), ["layout", "both"].includes(c(n).editorModeStatus) && /* @__PURE__ */ r(s, {
      name: a.style,
      children: e.style.getPropertyView()
    })]
  })).build();
}();
i = class extends i {
  autoHeight() {
    return !1;
  }
};
const j = $(i, [new C("value", o("progress.valueDesc")), f]);
export {
  j as ProgressCircleComp,
  y as StyledProgressCircle
};
