import { defineComponent, toRefs, openBlock, createElementBlock, unref, createElementVNode } from "vue";
import "./index.vue_vue_type_style_index_0_scoped_true_lang.mjs";
import _export_sfc from "../../../../_virtual/plugin-vue_export-helper.mjs";
const _hoisted_1 = { class: "go-border-05" };
const _hoisted_2 = ["width", "height"];
const _hoisted_3 = ["stroke", "points"];
const _hoisted_4 = ["stroke", "points", "stroke-dasharray"];
const _hoisted_5 = ["values", "dur", "begin"];
const _hoisted_6 = ["values", "begin"];
const _hoisted_7 = ["stroke", "points", "stroke-dasharray"];
const _hoisted_8 = ["values", "dur", "begin"];
const _hoisted_9 = ["values", "begin"];
const _hoisted_10 = ["stroke", "points", "stroke-dasharray"];
const _hoisted_11 = ["values", "dur", "begin"];
const _hoisted_12 = ["values", "begin"];
const _hoisted_13 = ["cy", "fill"];
const _hoisted_14 = ["values", "begin"];
const _hoisted_15 = ["cx", "cy", "fill"];
const _hoisted_16 = ["values", "begin"];
const _hoisted_17 = ["values", "begin"];
const _hoisted_18 = ["cx", "cy", "fill"];
const _hoisted_19 = ["values", "begin"];
const _hoisted_20 = ["values", "begin"];
const _hoisted_21 = ["cx", "cy", "fill"];
const _hoisted_22 = ["values", "begin"];
const _hoisted_23 = ["values", "begin"];
const __default__ = defineComponent({ name: "EDecorates05" });
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const getUUID = (randomLength = 10) => {
      return Number(
        Math.random().toString().substring(2, randomLength) + Date.now()
      ).toString(36);
    };
    const id = getUUID();
    const { w, h } = toRefs(props.chartConfig.attr);
    const { colors, dur } = toRefs(props.chartConfig.option);
    const animationId1 = `d10ani1${id}`;
    const animationId2 = `d10ani2${id}`;
    const animationId3 = `d10ani3${id}`;
    const animationId4 = `d10ani4${id}`;
    const animationId5 = `d10ani5${id}`;
    const animationId6 = `d10ani6${id}`;
    const animationId7 = `d10ani7${id}`;
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", _hoisted_1, [
        (openBlock(), createElementBlock("svg", {
          width: unref(w),
          height: unref(h)
        }, [
          createElementVNode("polyline", {
            stroke: unref(colors)[1],
            "stroke-width": "2",
            points: `0, ${unref(h) / 2} ${unref(w)}, ${unref(h) / 2}`
          }, null, 8, _hoisted_3),
          createElementVNode("polyline", {
            stroke: unref(colors)[0],
            "stroke-width": "2",
            points: `5, ${unref(h) / 2} ${unref(w) * 0.2 - 3}, ${unref(h) / 2}`,
            "stroke-dasharray": `0, ${unref(w) * 0.2}`,
            fill: "freeze"
          }, [
            createElementVNode("animate", {
              id: animationId2,
              attributeName: "stroke-dasharray",
              values: `0, ${unref(w) * 0.2};${unref(w) * 0.2}, 0;`,
              dur: unref(dur),
              begin: `${animationId1}.end`,
              fill: "freeze"
            }, null, 8, _hoisted_5),
            createElementVNode("animate", {
              attributeName: "stroke-dasharray",
              values: `${unref(w) * 0.2}, 0;0, ${unref(w) * 0.2}`,
              dur: "0.01s",
              begin: `${animationId7}.end`,
              fill: "freeze"
            }, null, 8, _hoisted_6)
          ], 8, _hoisted_4),
          createElementVNode("polyline", {
            stroke: unref(colors)[0],
            "stroke-width": "2",
            points: `${unref(w) * 0.2 + 3}, ${unref(h) / 2} ${unref(w) * 0.8 - 3}, ${unref(h) / 2}`,
            "stroke-dasharray": `0, ${unref(w) * 0.6}`
          }, [
            createElementVNode("animate", {
              id: animationId4,
              attributeName: "stroke-dasharray",
              values: `0, ${unref(w) * 0.6};${unref(w) * 0.6}, 0`,
              dur: unref(dur),
              begin: `${animationId3}.end + 1s`,
              fill: "freeze"
            }, null, 8, _hoisted_8),
            createElementVNode("animate", {
              attributeName: "stroke-dasharray",
              values: `${unref(w) * 0.6}, 0;0, ${unref(w) * 0.6}`,
              dur: "0.01s",
              begin: `${animationId7}.end`,
              fill: "freeze"
            }, null, 8, _hoisted_9)
          ], 8, _hoisted_7),
          createElementVNode("polyline", {
            stroke: unref(colors)[0],
            "stroke-width": "2",
            points: `${unref(w) * 0.8 + 3}, ${unref(h) / 2} ${unref(w) - 5}, ${unref(h) / 2}`,
            "stroke-dasharray": `0, ${unref(w) * 0.2}`
          }, [
            createElementVNode("animate", {
              id: animationId6,
              attributeName: "stroke-dasharray",
              values: `0, ${unref(w) * 0.2};${unref(w) * 0.2}, 0`,
              dur: unref(dur),
              begin: `${animationId5}.end + 1s`,
              fill: "freeze"
            }, null, 8, _hoisted_11),
            createElementVNode("animate", {
              attributeName: "stroke-dasharray",
              values: `${unref(w) * 0.2}, 0;0, ${unref(w) * 0.3}`,
              dur: "0.01s",
              begin: `${animationId7}.end`,
              fill: "freeze"
            }, null, 8, _hoisted_12)
          ], 8, _hoisted_10),
          createElementVNode("circle", {
            cx: "2",
            cy: unref(h) / 2,
            r: "2",
            fill: unref(colors)[1]
          }, [
            createElementVNode("animate", {
              id: animationId1,
              attributeName: "fill",
              values: `${unref(colors)[1]};${unref(colors)[0]}`,
              begin: `0s;${animationId7}.end`,
              dur: "0.3s",
              fill: "freeze"
            }, null, 8, _hoisted_14)
          ], 8, _hoisted_13),
          createElementVNode("circle", {
            cx: unref(w) * 0.2,
            cy: unref(h) / 2,
            r: "2",
            fill: unref(colors)[1]
          }, [
            createElementVNode("animate", {
              id: animationId3,
              attributeName: "fill",
              values: `${unref(colors)[1]};${unref(colors)[0]}`,
              begin: `${animationId2}.end`,
              dur: "0.3s",
              fill: "freeze"
            }, null, 8, _hoisted_16),
            createElementVNode("animate", {
              attributeName: "fill",
              values: `${unref(colors)[1]};${unref(colors)[1]}`,
              dur: "0.01s",
              begin: `${animationId7}.end`,
              fill: "freeze"
            }, null, 8, _hoisted_17)
          ], 8, _hoisted_15),
          createElementVNode("circle", {
            cx: unref(w) * 0.8,
            cy: unref(h) / 2,
            r: "2",
            fill: unref(colors)[1]
          }, [
            createElementVNode("animate", {
              id: animationId5,
              attributeName: "fill",
              values: `${unref(colors)[1]};${unref(colors)[0]}`,
              begin: `${animationId4}.end`,
              dur: "0.3s",
              fill: "freeze"
            }, null, 8, _hoisted_19),
            createElementVNode("animate", {
              attributeName: "fill",
              values: `${unref(colors)[1]};${unref(colors)[1]}`,
              dur: "0.01s",
              begin: `${animationId7}.end`,
              fill: "freeze"
            }, null, 8, _hoisted_20)
          ], 8, _hoisted_18),
          createElementVNode("circle", {
            cx: unref(w) - 2,
            cy: unref(h) / 2,
            r: "2",
            fill: unref(colors)[1]
          }, [
            createElementVNode("animate", {
              id: animationId7,
              attributeName: "fill",
              values: `${unref(colors)[1]};${unref(colors)[0]}`,
              begin: `${animationId6}.end`,
              dur: "0.3s",
              fill: "freeze"
            }, null, 8, _hoisted_22),
            createElementVNode("animate", {
              attributeName: "fill",
              values: `${unref(colors)[1]};${unref(colors)[1]}`,
              dur: "0.01s",
              begin: `${animationId7}.end`,
              fill: "freeze"
            }, null, 8, _hoisted_23)
          ], 8, _hoisted_21)
        ], 8, _hoisted_2))
      ]);
    };
  }
});
var _EDecorates05 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c89b6192"]]);
export { _EDecorates05 as default };
