import { X as m, cJ as u, Z as s, cK as d, az as h, U as $, F as a, a6 as l, G as c, a7 as r, a8 as i, Y as n, af as g, a9 as y, aa as S, ac as f, ab as C, av as w, aw as x, ax as v, cL as P } from "./603b75d9.js";
import { useContext as p } from "react";
import "react-dom";
const b = (t) => w`
    width: ${x(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;
      }
    }
  `, V = m(P)`
  ${(t) => t.$animationStyle}
  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 && b(t.$style)}
`;
let o = function() {
  const t = {
    value: u("value", 60),
    // borderRadius property hidden as it's not valid for progress circle
    style: s(d, "style"),
    animationStyle: s(h, "animationStyle")
  };
  return new $(t, (e) => /* @__PURE__ */ a(V, {
    $style: e.style,
    $animationStyle: e.animationStyle,
    percent: Math.round(e.value.value),
    type: "circle"
  })).setPropertyViewFn((e) => /* @__PURE__ */ l(c, {
    children: [/* @__PURE__ */ a(r, {
      name: i.basic,
      children: e.value.propertyView({
        label: n("progress.value"),
        tooltip: n("progress.valueTooltip")
      })
    }), ["logic", "both"].includes(p(g).editorModeStatus) && /* @__PURE__ */ a(r, {
      name: i.interaction,
      children: y(e)
    }), ["layout", "both"].includes(p(g).editorModeStatus) && /* @__PURE__ */ l(c, {
      children: [/* @__PURE__ */ a(r, {
        name: i.style,
        children: e.style.getPropertyView()
      }), /* @__PURE__ */ a(r, {
        name: i.animationStyle,
        hasTooltip: !0,
        children: e.animationStyle.getPropertyView()
      })]
    })]
  })).build();
}();
o = class extends o {
  autoHeight() {
    return !1;
  }
};
const z = S(o, [new f("value", n("progress.valueDesc")), C]);
export {
  z as ProgressCircleComp,
  V as StyledProgressCircle
};
