import { defineComponent as _, toRefs as i, openBlock as s, createElementBlock as r, unref as o, createElementVNode as e } from "vue";
const h = { class: "go-border-box" }, p = ["width", "height"], u = ["fill", "points"], a = ["stroke", "points"], $ = ["stroke", "points"], y = ["fill"], g = ["fill", "cx"], x = ["fill", "cx", "cy"], k = ["fill", "cy"], m = _({ name: "EBorder13" }), B = /* @__PURE__ */ _({
  ...m,
  props: {
    chartConfig: {
      type: Object,
      required: !0
    }
  },
  setup(d) {
    const n = d, { w: t, h: l } = i(n.chartConfig.attr), { colors: c, backgroundColor: f } = i(n.chartConfig.option);
    return (C, b) => (s(), r("div", h, [
      (s(), r("svg", {
        width: o(t),
        height: o(l)
      }, [
        e("polygon", {
          fill: o(f),
          points: `
        7, 7 ${o(t) - 7}, 7 ${o(t) - 7}, ${o(l) - 7} 7, ${o(l) - 7}
      `
        }, null, 8, u),
        e("polyline", {
          stroke: o(c)[0],
          points: `2, 2 ${o(t) - 2} ,2 ${o(t) - 2}, ${o(l) - 2} 2, ${o(l) - 2} 2, 2`
        }, null, 8, a),
        e("polyline", {
          stroke: o(c)[1],
          points: `6, 6 ${o(t) - 6}, 6 ${o(t) - 6}, ${o(l) - 6} 6, ${o(l) - 6} 6, 6`
        }, null, 8, $),
        e("circle", {
          fill: o(c)[0],
          cx: "11",
          cy: "11",
          r: "1"
        }, null, 8, y),
        e("circle", {
          fill: o(c)[0],
          cx: o(t) - 11,
          cy: "11",
          r: "1"
        }, null, 8, g),
        e("circle", {
          fill: o(c)[0],
          cx: o(t) - 11,
          cy: o(l) - 11,
          r: "1"
        }, null, 8, x),
        e("circle", {
          fill: o(c)[0],
          cx: "11",
          cy: o(l) - 11,
          r: "1"
        }, null, 8, k)
      ], 8, p))
    ]));
  }
});
export {
  B as default
};
