"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 utils = require("../../../../../utils/utils.js");
require("../../../../../../node_modules/.pnpm/crypto-js@4.1.1/node_modules/crypto-js/index.js");
require("../../../../../enums/pageEnum.js");
require("../../../../../router/index.js");
require("../../../../../store/modules/designStore/designStore.js");
require("../../../../../../node_modules/.pnpm/vue3-lazyload@0.2.5-beta_a6dezdz3je235ci4e3tu4rayna/node_modules/vue3-lazyload/dist/vue3-lazyload.esm.js");
require("../../../../../components/GoSkeleton/index.vue.js");
require("../../../../../components/GoLoading/index.js");
require("../../../../../settings/designSetting.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 _withScopeId = (n) => (runtimeCore_esmBundler.pushScopeId("data-v-4dd6360b"), n = n(), runtimeCore_esmBundler.popScopeId(), n);
const _hoisted_1 = { class: "go-border-box" };
const _hoisted_2 = ["width", "height"];
const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("feMorphology", {
  operator: "dilate",
  radius: "2",
  in: "SourceAlpha",
  result: "thicken"
}, null, -1));
const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("feGaussianBlur", {
  in: "thicken",
  stdDeviation: "3",
  result: "blurred"
}, null, -1));
const _hoisted_5 = ["flood-color"];
const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("feComposite", {
  in: "glowColor",
  in2: "blurred",
  operator: "in",
  result: "softGlowColored"
}, null, -1));
const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("feMerge", null, [
  /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("feMergeNode", { in: "softGlowColored" }),
  /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("feMergeNode", { in: "SourceGraphic" })
], -1));
const _hoisted_8 = ["fill", "points"];
const _hoisted_9 = ["fill", "stroke", "filter", "points"];
const _hoisted_10 = ["stroke", "points"];
const _hoisted_11 = ["stroke", "points"];
const _hoisted_12 = ["stroke", "fill", "filter", "points"];
const _hoisted_13 = ["filter", "fill", "points"];
const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("animate", {
  attributeName: "opacity",
  values: "1;0.7;1",
  dur: "2s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_15 = [
  _hoisted_14
];
const _hoisted_16 = ["filter", "fill", "points"];
const _hoisted_17 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("animate", {
  attributeName: "opacity",
  values: "0.7;0.4;0.7",
  dur: "2s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_18 = [
  _hoisted_17
];
const _hoisted_19 = ["filter", "fill", "points"];
const _hoisted_20 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("animate", {
  attributeName: "opacity",
  values: "0.5;0.2;0.5",
  dur: "2s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_21 = [
  _hoisted_20
];
const _hoisted_22 = ["filter", "fill", "points"];
const _hoisted_23 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("animate", {
  attributeName: "opacity",
  values: "1;0.7;1",
  dur: "2s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_24 = [
  _hoisted_23
];
const _hoisted_25 = ["filter", "fill", "points"];
const _hoisted_26 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("animate", {
  attributeName: "opacity",
  values: "0.7;0.4;0.7",
  dur: "2s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_27 = [
  _hoisted_26
];
const _hoisted_28 = ["filter", "fill", "points"];
const _hoisted_29 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("animate", {
  attributeName: "opacity",
  values: "0.5;0.2;0.5",
  dur: "2s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_30 = [
  _hoisted_29
];
const _hoisted_31 = ["x", "y", "fill", "font-size"];
const _hoisted_32 = ["fill", "filter", "points"];
const _hoisted_33 = ["fill", "filter", "points"];
const _sfc_main = /* @__PURE__ */ runtimeCore_esmBundler.defineComponent({
  __name: "index",
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const filterId = `border-box-04-filterId-${utils.getUUID()}`;
    const { w, h } = reactivity_esmBundler.toRefs(props.chartConfig.attr);
    const {
      colors,
      borderTitle,
      borderTitleColor,
      borderTitleSize,
      borderTitleHeight,
      borderTitleWidth,
      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("defs", null, [
            runtimeCore_esmBundler.createElementVNode("filter", {
              id: filterId,
              height: "150%",
              width: "150%",
              x: "-25%",
              y: "-25%"
            }, [
              _hoisted_3,
              _hoisted_4,
              runtimeCore_esmBundler.createElementVNode("feFlood", {
                "flood-color": reactivity_esmBundler.unref(colors)[1],
                result: "glowColor"
              }, null, 8, _hoisted_5),
              _hoisted_6,
              _hoisted_7
            ])
          ]),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            fill: reactivity_esmBundler.unref(backgroundColor),
            points: `
        20, 32 ${reactivity_esmBundler.unref(w) * 0.5 - reactivity_esmBundler.unref(borderTitleWidth) / 2}, 32 ${reactivity_esmBundler.unref(w) * 0.5 - reactivity_esmBundler.unref(borderTitleWidth) / 2 + 20}, 53
        ${reactivity_esmBundler.unref(w) * 0.5 + reactivity_esmBundler.unref(borderTitleWidth) / 2 - 20}, 53 ${reactivity_esmBundler.unref(w) * 0.5 + reactivity_esmBundler.unref(borderTitleWidth) / 2}, 32
        ${reactivity_esmBundler.unref(w) - 20}, 32 ${reactivity_esmBundler.unref(w) - 8}, 48 ${reactivity_esmBundler.unref(w) - 8}, ${reactivity_esmBundler.unref(h) - 25} ${reactivity_esmBundler.unref(w) - 20}, ${reactivity_esmBundler.unref(h) - 8}
        20, ${reactivity_esmBundler.unref(h) - 8} 8, ${reactivity_esmBundler.unref(h) - 25} 8, 50
      `
          }, null, 8, _hoisted_8),
          runtimeCore_esmBundler.createElementVNode("polyline", {
            fill: reactivity_esmBundler.unref(backgroundColor),
            stroke: reactivity_esmBundler.unref(colors)[0],
            filter: `url(#${filterId})`,
            points: `
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2}, 30
          20, 30 7, 50 7, ${50 + (reactivity_esmBundler.unref(h) - 167) / 2}
          13, ${55 + (reactivity_esmBundler.unref(h) - 167) / 2} 13, ${135 + (reactivity_esmBundler.unref(h) - 167) / 2}
          7, ${140 + (reactivity_esmBundler.unref(h) - 167) / 2} 7, ${reactivity_esmBundler.unref(h) - 27}
          20, ${reactivity_esmBundler.unref(h) - 7} ${reactivity_esmBundler.unref(w) - 20}, ${reactivity_esmBundler.unref(h) - 7} ${reactivity_esmBundler.unref(w) - 7}, ${reactivity_esmBundler.unref(h) - 27}
          ${reactivity_esmBundler.unref(w) - 7}, ${140 + (reactivity_esmBundler.unref(h) - 167) / 2} ${reactivity_esmBundler.unref(w) - 13}, ${135 + (reactivity_esmBundler.unref(h) - 167) / 2}
          ${reactivity_esmBundler.unref(w) - 13}, ${55 + (reactivity_esmBundler.unref(h) - 167) / 2} ${reactivity_esmBundler.unref(w) - 7}, ${50 + (reactivity_esmBundler.unref(h) - 167) / 2}
          ${reactivity_esmBundler.unref(w) - 7}, 50 ${reactivity_esmBundler.unref(w) - 20}, 30 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2}, 30
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 20}, 7 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 20}, 7
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2}, 30 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 20}, 52
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 20}, 52 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2}, 30
        `
          }, null, 8, _hoisted_9),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            stroke: reactivity_esmBundler.unref(colors)[0],
            fill: "transparent",
            points: `
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 5}, 30 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 21}, 11
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 27}, 11 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 8}, 34
        `
          }, null, 8, _hoisted_10),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            stroke: reactivity_esmBundler.unref(colors)[0],
            fill: "transparent",
            points: `
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 5}, 30 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 22}, 49
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 28}, 49 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 8}, 26
        `
          }, null, 8, _hoisted_11),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            stroke: reactivity_esmBundler.unref(colors)[0],
            fill: reactivity_esmBundler.unref(colors)[1],
            filter: `url(#${filterId})`,
            points: `
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 11}, 37 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 32}, 11
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 23}, 11 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 11}, 23
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 33}, 49 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 22}, 49
        `
          }, null, 8, _hoisted_12),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            filter: `url(#${filterId})`,
            fill: reactivity_esmBundler.unref(colors)[0],
            opacity: "1",
            points: `
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 10}, 37 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 31}, 37
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 25}, 46 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 4}, 46
        `
          }, _hoisted_15, 8, _hoisted_13),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            filter: `url(#${filterId})`,
            fill: reactivity_esmBundler.unref(colors)[0],
            opacity: "0.7",
            points: `
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 40}, 37 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 61}, 37
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 55}, 46 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 34}, 46
        `
          }, _hoisted_18, 8, _hoisted_16),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            filter: `url(#${filterId})`,
            fill: reactivity_esmBundler.unref(colors)[0],
            opacity: "0.5",
            points: `
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 70}, 37 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 91}, 37
          ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 85}, 46 ${(reactivity_esmBundler.unref(w) - reactivity_esmBundler.unref(borderTitleWidth)) / 2 - 64}, 46
        `
          }, _hoisted_21, 8, _hoisted_19),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            filter: `url(#${filterId})`,
            fill: reactivity_esmBundler.unref(colors)[0],
            opacity: "1",
            points: `
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 30}, 37 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 9}, 37
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 3}, 46 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 24}, 46
        `
          }, _hoisted_24, 8, _hoisted_22),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            filter: `url(#${filterId})`,
            fill: reactivity_esmBundler.unref(colors)[0],
            opacity: "0.7",
            points: `
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 60}, 37 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 39}, 37
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 33}, 46 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 54}, 46
        `
          }, _hoisted_27, 8, _hoisted_25),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            filter: `url(#${filterId})`,
            fill: reactivity_esmBundler.unref(colors)[0],
            opacity: "0.5",
            points: `
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 90}, 37 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 69}, 37
          ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 63}, 46 ${(reactivity_esmBundler.unref(w) + reactivity_esmBundler.unref(borderTitleWidth)) / 2 + 84}, 46
        `
          }, _hoisted_30, 8, _hoisted_28),
          runtimeCore_esmBundler.createElementVNode("text", {
            x: `${reactivity_esmBundler.unref(w) / 2}`,
            y: reactivity_esmBundler.unref(borderTitleHeight),
            fill: reactivity_esmBundler.unref(borderTitleColor),
            "font-size": reactivity_esmBundler.unref(borderTitleSize),
            "text-anchor": "middle",
            "dominant-baseline": "middle"
          }, shared_esmBundler.toDisplayString(reactivity_esmBundler.unref(borderTitle)), 9, _hoisted_31),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            fill: reactivity_esmBundler.unref(colors)[0],
            filter: `url(#${filterId})`,
            points: `
          7, ${53 + (reactivity_esmBundler.unref(h) - 167) / 2} 11, ${57 + (reactivity_esmBundler.unref(h) - 167) / 2}
          11, ${133 + (reactivity_esmBundler.unref(h) - 167) / 2} 7, ${137 + (reactivity_esmBundler.unref(h) - 167) / 2}
        `
          }, null, 8, _hoisted_32),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            fill: reactivity_esmBundler.unref(colors)[0],
            filter: `url(#${filterId})`,
            points: `
          ${reactivity_esmBundler.unref(w) - 7}, ${53 + (reactivity_esmBundler.unref(h) - 167) / 2} ${reactivity_esmBundler.unref(w) - 11}, ${57 + (reactivity_esmBundler.unref(h) - 167) / 2}
          ${reactivity_esmBundler.unref(w) - 11}, ${133 + (reactivity_esmBundler.unref(h) - 167) / 2} ${reactivity_esmBundler.unref(w) - 7}, ${137 + (reactivity_esmBundler.unref(h) - 167) / 2}
        `
          }, null, 8, _hoisted_33)
        ], 8, _hoisted_2))
      ]);
    };
  }
});
exports.default = _sfc_main;
