import { defineComponent as u, toRefs as l, computed as a, openBlock as _, createElementBlock as m, unref as t, createElementVNode as i } from "vue";
const g = ["width", "height"], y = ["x", "y", "width", "height", "fill"], w = ["to", "dur"], x = ["x", "y", "width", "height", "fill"], k = ["to", "dur"], C = u({ name: "EDecorates01" }), v = /* @__PURE__ */ u({
  ...C,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(f) {
    const o = f, { w: e, h: n } = l(o.chartConfig.attr), { colors: r, dur: c, endWidth: p, lineHeight: s } = l(o.chartConfig.option), h = a(() => 0), d = a(() => n.value / 2);
    return (b, E) => (_(), m("svg", {
      width: t(e),
      height: t(n)
    }, [
      i("rect", {
        x: t(h),
        y: t(d),
        width: t(e),
        height: t(s),
        fill: t(r)[0]
      }, [
        i("animate", {
          attributeName: "width",
          from: "0",
          to: t(e),
          dur: `${t(c)}s`,
          calcMode: "spline",
          keyTimes: "0;1",
          keySplines: ".42,0,.58,1",
          repeatCount: "indefinite"
        }, null, 8, w)
      ], 8, y),
      i("rect", {
        x: t(h),
        y: t(d),
        width: t(p),
        height: t(s),
        fill: t(r)[1]
      }, [
        i("animate", {
          attributeName: "x",
          from: "0",
          to: t(e),
          dur: `${t(c)}s`,
          calcMode: "spline",
          keyTimes: "0;1",
          keySplines: "0.42,0,0.58,1",
          repeatCount: "indefinite"
        }, null, 8, k)
      ], 8, x)
    ], 8, g));
  }
});
export {
  v as default
};
