import { defineComponent as h, toRefs as u, openBlock as d, createElementBlock as a, unref as t, createElementVNode as r, createCommentVNode as p } from "vue";
const k = { class: "go-border-box" }, g = ["width", "height"], m = /* @__PURE__ */ r("feMorphology", {
  operator: "dilate",
  radius: "1",
  in: "SourceAlpha",
  result: "thicken"
}, null, -1), w = /* @__PURE__ */ r("feGaussianBlur", {
  in: "thicken",
  stdDeviation: "2",
  result: "blurred"
}, null, -1), b = ["flood-color"], C = ["values"], L = /* @__PURE__ */ r("feComposite", {
  in: "glowColor",
  in2: "blurred",
  operator: "in",
  result: "softGlowColored"
}, null, -1), M = /* @__PURE__ */ r("feMerge", null, [
  /* @__PURE__ */ r("feMergeNode", { in: "softGlowColored" }),
  /* @__PURE__ */ r("feMergeNode", { in: "SourceGraphic" })
], -1), Q = ["fill", "stroke", "d"], N = ["filter", "stroke"], v = ["filter", "stroke", "d"], x = ["filter", "stroke", "d"], y = ["filter", "stroke", "d"], B = h({ name: "EBorder03" }), I = /* @__PURE__ */ h({
  ...B,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(f) {
    const c = f, s = (i, _) => i, n = `border-box-03-filterId-${((i = 10) => Number(
      Math.random().toString().substring(2, i) + Date.now()
    ).toString(36))()}`, { w: e, h: o } = u(c.chartConfig.attr), { colors: l, backgroundColor: $ } = u(c.chartConfig.option);
    return (i, _) => (d(), a("div", k, [
      (d(), a("svg", {
        width: t(e),
        height: t(o)
      }, [
        r("defs", null, [
          r("filter", {
            id: n,
            height: "150%",
            width: "150%",
            x: "-25%",
            y: "-25%"
          }, [
            m,
            w,
            r("feFlood", {
              "flood-color": s(t(l)[1]),
              result: "glowColor"
            }, [
              r("animate", {
                attributeName: "flood-color",
                values: `
                ${s(t(l)[1])};
                ${s(t(l)[1])};
                ${s(t(l)[1])};
              `,
                dur: "3s",
                begin: "0s",
                repeatCount: "indefinite"
              }, null, 8, C)
            ], 8, b),
            L,
            M
          ])
        ]),
        t(e) && t(o) ? (d(), a("path", {
          key: 0,
          fill: t($),
          "stroke-width": "2",
          stroke: t(l)[0],
          d: `
          M15 5 L ${t(e) - 15} 5 Q ${t(e) - 5} 5, ${t(e) - 5} 15
          L ${t(e) - 5} ${t(o) - 15} Q ${t(e) - 5} ${t(o) - 5}, ${t(e) - 15} ${t(o) - 5}
          L 15, ${t(o) - 5} Q 5 ${t(o) - 5} 5 ${t(o) - 15} L 5 15
          Q 5 5 15 5
        `
        }, null, 8, Q)) : p("", !0),
        r("path", {
          "stroke-width": "2",
          fill: "transparent",
          "stroke-linecap": "round",
          filter: `url(#${n})`,
          stroke: t(l)[1],
          d: "M 20 5 L 15 5 Q 5 5 5 15 L 5 20"
        }, null, 8, N),
        r("path", {
          "stroke-width": "2",
          fill: "transparent",
          "stroke-linecap": "round",
          filter: `url(#${n})`,
          stroke: t(l)[1],
          d: `M ${t(e) - 20} 5 L ${t(e) - 15} 5 Q ${t(e) - 5} 5 ${t(e) - 5} 15 L ${t(e) - 5} 20`
        }, null, 8, v),
        r("path", {
          "stroke-width": "2",
          fill: "transparent",
          "stroke-linecap": "round",
          filter: `url(#${n})`,
          stroke: t(l)[1],
          d: `
          M ${t(e) - 20} ${t(o) - 5} L ${t(e) - 15} ${t(o) - 5}
          Q ${t(e) - 5} ${t(o) - 5} ${t(e) - 5} ${t(o) - 15}
          L ${t(e) - 5} ${t(o) - 20}
        `
        }, null, 8, x),
        r("path", {
          "stroke-width": "2",
          fill: "transparent",
          "stroke-linecap": "round",
          filter: `url(#${n})`,
          stroke: t(l)[1],
          d: `
          M 20 ${t(o) - 5} L 15 ${t(o) - 5}
          Q 5 ${t(o) - 5} 5 ${t(o) - 15}
          L 5 ${t(o) - 20}
        `
        }, null, 8, y)
      ], 8, g))
    ]));
  }
});
export {
  I as default
};
