import { defineComponent as d, useCssVars as y, unref as r, toRefs as x, openBlock as a, createElementBlock as l, createElementVNode as t, Fragment as g, renderList as b, createStaticVNode as w, pushScopeId as k, popScopeId as v } from "vue";
const C = (e) => (k("data-v-1cd446cd"), e = e(), v(), e), S = {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 200 200"
}, $ = /* @__PURE__ */ w('<filter id="innerShadow" x="-20%" y="-20%" width="140%" height="140%" data-v-1cd446cd><feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" data-v-1cd446cd></feGaussianBlur><feOffset in="blur" dx="2.5" dy="2.5" data-v-1cd446cd></feOffset></filter><g data-v-1cd446cd><circle id="shadow" style="fill:rgba(0, 0, 0, 0.1);" cx="100" cy="100" r="87" filter="url(#innerShadow)" data-v-1cd446cd></circle><circle id="circle" class="clock-border" cx="100" cy="100" r="80" data-v-1cd446cd></circle></g>', 2), T = {
  x1: "100",
  y1: "100",
  x2: "100",
  y2: "55",
  style: { "stroke-width": "3px" },
  class: "clock-line"
}, B = ["from", "to"], M = {
  x1: "100",
  y1: "100",
  x2: "100",
  y2: "40",
  style: { "stroke-width": "4px" },
  class: "clock-line"
}, N = ["from", "to"], L = {
  x1: "100",
  y1: "100",
  x2: "100",
  y2: "30",
  style: { "stroke-width": "2px" },
  class: "clock-line"
}, A = ["from", "to"], E = /* @__PURE__ */ C(() => /* @__PURE__ */ t("circle", {
  id: "center",
  style: { fill: "#128a86", stroke: "#c1efed", "stroke-width": "2px" },
  cx: "100",
  cy: "100",
  r: "3"
}, null, -1)), G = ["transform"], I = d({ name: "EClock" }), X = /* @__PURE__ */ d({
  ...I,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(e) {
    const f = e;
    y((h) => ({
      "3ff37388": r(m),
      "42ddbd48": r(u) + "px",
      b7231f7a: r(_),
      21146270: r(p)
    }));
    let { border: u, color: p, bgColor: _, borderColor: m } = x(f.chartConfig.option);
    const o = new Date(), c = 360 * o.getHours() / 12 + o.getMinutes() / 2, s = 360 * o.getMinutes() / 60, n = 360 * o.getSeconds() / 60;
    return (h, O) => (a(), l("svg", S, [
      $,
      t("g", null, [
        t("line", T, [
          t("animateTransform", {
            attributeName: "transform",
            attributeType: "XML",
            type: "rotate",
            dur: "43200s",
            repeatCount: "indefinite",
            from: `${c} 100 100`,
            to: `${c + 360} 100 100`
          }, null, 8, B)
        ]),
        t("line", M, [
          t("animateTransform", {
            attributeName: "transform",
            attributeType: "XML",
            type: "rotate",
            dur: "3600s",
            repeatCount: "indefinite",
            from: `${s} 100 100`,
            to: `${s + 360} 100 100`
          }, null, 8, N)
        ]),
        t("line", L, [
          t("animateTransform", {
            attributeName: "transform",
            attributeType: "XML",
            type: "rotate",
            dur: "60s",
            repeatCount: "indefinite",
            from: `${n} 100 100`,
            to: `${n + 360} 100 100`
          }, null, 8, A)
        ])
      ]),
      E,
      (a(), l(g, null, b(12, (i) => t("line", {
        x1: "100",
        y1: "30",
        x2: "100",
        y2: "40",
        class: "clock-line",
        transform: `rotate(${(i + 1) * 360 / 12} 100 100)`,
        key: `line_${i + 1}`
      }, null, 8, G)), 64))
    ]));
  }
});
export {
  X as default
};
