"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
require("../../../../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.js");
const runtimeCore_esmBundler = require("../../../../../../node_modules/.pnpm/@vue_runtime-core@3.3.4/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js");
const reactivity_esmBundler = require("../../../../../../node_modules/.pnpm/@vue_reactivity@3.3.4/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js");
const _hoisted_1 = { class: "go-border-box" };
const _hoisted_2 = ["width", "height"];
const _hoisted_3 = ["fill", "points"];
const _hoisted_4 = ["stroke", "points"];
const _hoisted_5 = ["stroke", "points"];
const _hoisted_6 = ["stroke", "points"];
const _hoisted_7 = ["stroke", "points"];
const _hoisted_8 = ["stroke", "points"];
const _hoisted_9 = ["stroke", "points"];
const _sfc_main = /* @__PURE__ */ runtimeCore_esmBundler.defineComponent({
  __name: "index",
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const { w, h } = reactivity_esmBundler.toRefs(props.chartConfig.attr);
    const { colors, backgroundColor } = reactivity_esmBundler.toRefs(props.chartConfig.option);
    return (_ctx, _cache) => {
      return runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("div", _hoisted_1, [
        (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("svg", {
          width: reactivity_esmBundler.unref(w),
          height: reactivity_esmBundler.unref(h)
        }, [
          runtimeCore_esmBundler.createElementVNode("polygon", {
            fill: reactivity_esmBundler.unref(backgroundColor),
            points: `
        10, 22 ${reactivity_esmBundler.unref(w) - 22}, 22 ${reactivity_esmBundler.unref(w) - 22}, ${reactivity_esmBundler.unref(h) - 86} ${reactivity_esmBundler.unref(w) - 84}, ${reactivity_esmBundler.unref(h) - 24} 10, ${reactivity_esmBundler.unref(h) - 24}
      `
          }, null, 8, _hoisted_3),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            class: "bv-bb5-line-1",
            stroke: reactivity_esmBundler.unref(colors)[0],
            points: `8, 5 ${reactivity_esmBundler.unref(w) - 5}, 5 ${reactivity_esmBundler.unref(w) - 5}, ${reactivity_esmBundler.unref(h) - 100}
          ${reactivity_esmBundler.unref(w) - 100}, ${reactivity_esmBundler.unref(h) - 5} 8, ${reactivity_esmBundler.unref(h) - 5} 8, 5`
          }, null, 8, _hoisted_4),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            class: "bv-bb5-line-2",
            stroke: reactivity_esmBundler.unref(colors)[1],
            points: `3, 5 ${reactivity_esmBundler.unref(w) - 20}, 5 ${reactivity_esmBundler.unref(w) - 20}, ${reactivity_esmBundler.unref(h) - 60}
          ${reactivity_esmBundler.unref(w) - 74}, ${reactivity_esmBundler.unref(h) - 5} 3, ${reactivity_esmBundler.unref(h) - 5} 3, 5`
          }, null, 8, _hoisted_5),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            class: "bv-bb5-line-3",
            stroke: reactivity_esmBundler.unref(colors)[1],
            points: `50, 13 ${reactivity_esmBundler.unref(w) - 35}, 13`
          }, null, 8, _hoisted_6),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            class: "bv-bb5-line-4",
            stroke: reactivity_esmBundler.unref(colors)[1],
            points: `15, 20 ${reactivity_esmBundler.unref(w) - 35}, 20`
          }, null, 8, _hoisted_7),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            class: "bv-bb5-line-5",
            stroke: reactivity_esmBundler.unref(colors)[1],
            points: `15, ${reactivity_esmBundler.unref(h) - 20} ${reactivity_esmBundler.unref(w) - 110}, ${reactivity_esmBundler.unref(h) - 20}`
          }, null, 8, _hoisted_8),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            class: "bv-bb5-line-6",
            stroke: reactivity_esmBundler.unref(colors)[1],
            points: `15, ${reactivity_esmBundler.unref(h) - 13} ${reactivity_esmBundler.unref(w) - 110}, ${reactivity_esmBundler.unref(h) - 13}`
          }, null, 8, _hoisted_9)
        ], 8, _hoisted_2))
      ]);
    };
  }
});
exports.default = _sfc_main;
