"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 shared_esmBundler = require("../../../../../../node_modules/.pnpm/@vue_shared@3.3.4/node_modules/@vue/shared/dist/shared.esm-bundler.js");
const _hoisted_1 = { class: "go-border-box" };
const _hoisted_2 = ["width", "height"];
const _hoisted_3 = ["fill", "points"];
const _hoisted_4 = ["width", "height"];
const _hoisted_5 = ["fill"];
const _hoisted_6 = ["values", "dur"];
const _hoisted_7 = ["fill"];
const _hoisted_8 = ["values", "dur"];
const _hoisted_9 = ["fill"];
const _hoisted_10 = ["values", "dur"];
const _sfc_main = /* @__PURE__ */ runtimeCore_esmBundler.defineComponent({
  __name: "index",
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const borders = ["left-top", "right-top", "left-bottom", "right-bottom"];
    const { w, h } = reactivity_esmBundler.toRefs(props.chartConfig.attr);
    const { colors, dur, 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, 27 10, ${reactivity_esmBundler.unref(h) - 27} 13, ${reactivity_esmBundler.unref(h) - 24} 13, ${reactivity_esmBundler.unref(h) - 21} 24, ${reactivity_esmBundler.unref(h) - 11}
      38, ${reactivity_esmBundler.unref(h) - 11} 41, ${reactivity_esmBundler.unref(h) - 8} 73, ${reactivity_esmBundler.unref(h) - 8} 75, ${reactivity_esmBundler.unref(h) - 10} 81, ${reactivity_esmBundler.unref(h) - 10}
      85, ${reactivity_esmBundler.unref(h) - 6} ${reactivity_esmBundler.unref(w) - 85}, ${reactivity_esmBundler.unref(h) - 6} ${reactivity_esmBundler.unref(w) - 81}, ${reactivity_esmBundler.unref(h) - 10} ${reactivity_esmBundler.unref(w) - 75}, ${reactivity_esmBundler.unref(h) - 10}
      ${reactivity_esmBundler.unref(w) - 73}, ${reactivity_esmBundler.unref(h) - 8} ${reactivity_esmBundler.unref(w) - 41}, ${reactivity_esmBundler.unref(h) - 8} ${reactivity_esmBundler.unref(w) - 38}, ${reactivity_esmBundler.unref(h) - 11}
      ${reactivity_esmBundler.unref(w) - 24}, ${reactivity_esmBundler.unref(h) - 11} ${reactivity_esmBundler.unref(w) - 13}, ${reactivity_esmBundler.unref(h) - 21} ${reactivity_esmBundler.unref(w) - 13}, ${reactivity_esmBundler.unref(h) - 24}
      ${reactivity_esmBundler.unref(w) - 10}, ${reactivity_esmBundler.unref(h) - 27} ${reactivity_esmBundler.unref(w) - 10}, 27 ${reactivity_esmBundler.unref(w) - 13}, 25 ${reactivity_esmBundler.unref(w) - 13}, 21
      ${reactivity_esmBundler.unref(w) - 24}, 11 ${reactivity_esmBundler.unref(w) - 38}, 11 ${reactivity_esmBundler.unref(w) - 41}, 8 ${reactivity_esmBundler.unref(w) - 73}, 8 ${reactivity_esmBundler.unref(w) - 75}, 10
      ${reactivity_esmBundler.unref(w) - 81}, 10 ${reactivity_esmBundler.unref(w) - 85}, 6 85, 6 81, 10 75, 10 73, 8 41, 8 38, 11 24, 11 13, 21 13, 24`
          }, null, 8, _hoisted_3)
        ], 8, _hoisted_2)),
        (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock(runtimeCore_esmBundler.Fragment, null, runtimeCore_esmBundler.renderList(borders, (item) => {
          return runtimeCore_esmBundler.createElementVNode("svg", {
            width: reactivity_esmBundler.unref(w),
            height: reactivity_esmBundler.unref(h),
            key: item,
            class: shared_esmBundler.normalizeClass(`border-item ${item}`)
          }, [
            runtimeCore_esmBundler.createElementVNode("polygon", {
              fill: reactivity_esmBundler.unref(colors)[0],
              points: "6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63"
            }, [
              runtimeCore_esmBundler.createElementVNode("animate", {
                attributeName: "fill",
                values: `${reactivity_esmBundler.unref(colors)[0]};${reactivity_esmBundler.unref(colors)[1]};${reactivity_esmBundler.unref(colors)[0]}`,
                dur: `${reactivity_esmBundler.unref(dur)}s`,
                begin: "0s",
                repeatCount: "indefinite"
              }, null, 8, _hoisted_6)
            ], 8, _hoisted_5),
            runtimeCore_esmBundler.createElementVNode("polygon", {
              fill: reactivity_esmBundler.unref(colors)[1],
              points: "27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8"
            }, [
              runtimeCore_esmBundler.createElementVNode("animate", {
                attributeName: "fill",
                values: `${reactivity_esmBundler.unref(colors)[1]};${reactivity_esmBundler.unref(colors)[0]};${reactivity_esmBundler.unref(colors)[1]}`,
                dur: `${reactivity_esmBundler.unref(dur)}s`,
                begin: "0s",
                repeatCount: "indefinite"
              }, null, 8, _hoisted_8)
            ], 8, _hoisted_7),
            runtimeCore_esmBundler.createElementVNode("polygon", {
              fill: reactivity_esmBundler.unref(colors)[0],
              points: "9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54"
            }, [
              runtimeCore_esmBundler.createElementVNode("animate", {
                attributeName: "fill",
                values: `${reactivity_esmBundler.unref(colors)[0]};${reactivity_esmBundler.unref(colors)[1]};transparent`,
                dur: `${reactivity_esmBundler.unref(dur) + 1}s`,
                begin: "0s",
                repeatCount: "indefinite"
              }, null, 8, _hoisted_10)
            ], 8, _hoisted_9)
          ], 10, _hoisted_4);
        }), 64))
      ]);
    };
  }
});
exports.default = _sfc_main;
