"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 _withScopeId = (n) => (runtimeCore_esmBundler.pushScopeId("data-v-1e74db59"), 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("animate", {
  attributeName: "x1",
  values: "0%;100%;0%",
  dur: "10s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ runtimeCore_esmBundler.createElementVNode("animate", {
  attributeName: "x2",
  values: "100%;0%;100%",
  dur: "10s",
  begin: "0s",
  repeatCount: "indefinite"
}, null, -1));
const _hoisted_5 = ["stop-color"];
const _hoisted_6 = ["values"];
const _hoisted_7 = ["stop-color"];
const _hoisted_8 = ["values"];
const _hoisted_9 = ["points"];
const _hoisted_10 = ["points"];
const _hoisted_11 = ["points"];
const _hoisted_12 = ["points"];
const _hoisted_13 = ["points"];
const _hoisted_14 = ["points"];
const _hoisted_15 = ["points"];
const _hoisted_16 = ["points"];
const _hoisted_17 = ["points"];
const _hoisted_18 = ["fill", "points"];
const _hoisted_19 = ["width", "height", "fill", "mask"];
const _sfc_main = /* @__PURE__ */ runtimeCore_esmBundler.defineComponent({
  __name: "index",
  props: {
    chartConfig: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const filterId = `border-box-07-filter-${utils.getUUID()}`;
    const maskId = `border-box-07-mask-${utils.getUUID()}`;
    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("defs", null, [
            runtimeCore_esmBundler.createElementVNode("linearGradient", {
              id: filterId,
              x1: "0%",
              y1: "0%",
              x2: "100%",
              y2: "100%"
            }, [
              _hoisted_3,
              _hoisted_4,
              runtimeCore_esmBundler.createElementVNode("stop", {
                offset: "0%",
                "stop-color": reactivity_esmBundler.unref(colors)[0]
              }, [
                runtimeCore_esmBundler.createElementVNode("animate", {
                  attributeName: "stop-color",
                  values: `${reactivity_esmBundler.unref(colors)[0]};${reactivity_esmBundler.unref(colors)[1]};${reactivity_esmBundler.unref(colors)[0]}`,
                  dur: "10s",
                  begin: "0s",
                  repeatCount: "indefinite"
                }, null, 8, _hoisted_6)
              ], 8, _hoisted_5),
              runtimeCore_esmBundler.createElementVNode("stop", {
                offset: "100%",
                "stop-color": reactivity_esmBundler.unref(colors)[1]
              }, [
                runtimeCore_esmBundler.createElementVNode("animate", {
                  attributeName: "stop-color",
                  values: `${reactivity_esmBundler.unref(colors)[1]};${reactivity_esmBundler.unref(colors)[0]};${reactivity_esmBundler.unref(colors)[1]}`,
                  dur: "10s",
                  begin: "0s",
                  repeatCount: "indefinite"
                }, null, 8, _hoisted_8)
              ], 8, _hoisted_7)
            ]),
            runtimeCore_esmBundler.createElementVNode("mask", { id: maskId }, [
              runtimeCore_esmBundler.createElementVNode("polyline", {
                stroke: "#fff",
                "stroke-width": "3",
                fill: "transparent",
                points: `8, ${reactivity_esmBundler.unref(h) * 0.4} 8, 3, ${reactivity_esmBundler.unref(w) * 0.4 + 7}, 3`
              }, null, 8, _hoisted_9),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                fill: "#fff",
                points: `8, ${reactivity_esmBundler.unref(h) * 0.15} 8, 3, ${reactivity_esmBundler.unref(w) * 0.1 + 7}, 3
              ${reactivity_esmBundler.unref(w) * 0.1}, 8 14, 8 14, ${reactivity_esmBundler.unref(h) * 0.15 - 7}
            `
              }, null, 8, _hoisted_10),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                stroke: "#fff",
                "stroke-width": "3",
                fill: "transparent",
                points: `${reactivity_esmBundler.unref(w) * 0.5}, 3 ${reactivity_esmBundler.unref(w) - 3}, 3, ${reactivity_esmBundler.unref(w) - 3}, ${reactivity_esmBundler.unref(h) * 0.25}`
              }, null, 8, _hoisted_11),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                fill: "#fff",
                points: `
              ${reactivity_esmBundler.unref(w) * 0.52}, 3 ${reactivity_esmBundler.unref(w) * 0.58}, 3
              ${reactivity_esmBundler.unref(w) * 0.58 - 7}, 9 ${reactivity_esmBundler.unref(w) * 0.52 + 7}, 9
            `
              }, null, 8, _hoisted_12),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                fill: "#fff",
                points: `
              ${reactivity_esmBundler.unref(w) * 0.9}, 3 ${reactivity_esmBundler.unref(w) - 3}, 3 ${reactivity_esmBundler.unref(w) - 3}, ${reactivity_esmBundler.unref(h) * 0.1}
              ${reactivity_esmBundler.unref(w) - 9}, ${reactivity_esmBundler.unref(h) * 0.1 - 7} ${reactivity_esmBundler.unref(w) - 9}, 9 ${reactivity_esmBundler.unref(w) * 0.9 + 7}, 9
            `
              }, null, 8, _hoisted_13),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                stroke: "#fff",
                "stroke-width": "3",
                fill: "transparent",
                points: `8, ${reactivity_esmBundler.unref(h) * 0.5} 8, ${reactivity_esmBundler.unref(h) - 3} ${reactivity_esmBundler.unref(w) * 0.3 + 7}, ${reactivity_esmBundler.unref(h) - 3}`
              }, null, 8, _hoisted_14),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                fill: "#fff",
                points: `
              8, ${reactivity_esmBundler.unref(h) * 0.55} 8, ${reactivity_esmBundler.unref(h) * 0.7}
              2, ${reactivity_esmBundler.unref(h) * 0.7 - 7} 2, ${reactivity_esmBundler.unref(h) * 0.55 + 7}
            `
              }, null, 8, _hoisted_15),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                stroke: "#fff",
                "stroke-width": "3",
                fill: "transparent",
                points: `${reactivity_esmBundler.unref(w) * 0.35}, ${reactivity_esmBundler.unref(h) - 3} ${reactivity_esmBundler.unref(w) - 3}, ${reactivity_esmBundler.unref(h) - 3} ${reactivity_esmBundler.unref(w) - 3}, ${reactivity_esmBundler.unref(h) * 0.35}`
              }, null, 8, _hoisted_16),
              runtimeCore_esmBundler.createElementVNode("polyline", {
                fill: "#fff",
                points: `
              ${reactivity_esmBundler.unref(w) * 0.92}, ${reactivity_esmBundler.unref(h) - 3} ${reactivity_esmBundler.unref(w) - 3}, ${reactivity_esmBundler.unref(h) - 3} ${reactivity_esmBundler.unref(w) - 3}, ${reactivity_esmBundler.unref(h) * 0.8}
              ${reactivity_esmBundler.unref(w) - 9}, ${reactivity_esmBundler.unref(h) * 0.8 + 7} ${reactivity_esmBundler.unref(w) - 9}, ${reactivity_esmBundler.unref(h) - 9} ${reactivity_esmBundler.unref(w) * 0.92 + 7}, ${reactivity_esmBundler.unref(h) - 9}
            `
              }, null, 8, _hoisted_17)
            ])
          ]),
          runtimeCore_esmBundler.createElementVNode("polygon", {
            fill: reactivity_esmBundler.unref(backgroundColor),
            points: `
        15, 9 ${reactivity_esmBundler.unref(w) * 0.1 + 1}, 9 ${reactivity_esmBundler.unref(w) * 0.1 + 4}, 6 ${reactivity_esmBundler.unref(w) * 0.52 + 2}, 6
        ${reactivity_esmBundler.unref(w) * 0.52 + 6}, 10 ${reactivity_esmBundler.unref(w) * 0.58 - 7}, 10 ${reactivity_esmBundler.unref(w) * 0.58 - 2}, 6
        ${reactivity_esmBundler.unref(w) * 0.9 + 2}, 6 ${reactivity_esmBundler.unref(w) * 0.9 + 6}, 10 ${reactivity_esmBundler.unref(w) - 10}, 10 ${reactivity_esmBundler.unref(w) - 10}, ${reactivity_esmBundler.unref(h) * 0.1 - 6}
        ${reactivity_esmBundler.unref(w) - 6}, ${reactivity_esmBundler.unref(h) * 0.1 - 1} ${reactivity_esmBundler.unref(w) - 6}, ${reactivity_esmBundler.unref(h) * 0.8 + 1} ${reactivity_esmBundler.unref(w) - 10}, ${reactivity_esmBundler.unref(h) * 0.8 + 6}
        ${reactivity_esmBundler.unref(w) - 10}, ${reactivity_esmBundler.unref(h) - 10} ${reactivity_esmBundler.unref(w) * 0.92 + 7}, ${reactivity_esmBundler.unref(h) - 10}  ${reactivity_esmBundler.unref(w) * 0.92 + 2}, ${reactivity_esmBundler.unref(h) - 6}
        11, ${reactivity_esmBundler.unref(h) - 6} 11, ${reactivity_esmBundler.unref(h) * 0.15 - 2} 15, ${reactivity_esmBundler.unref(h) * 0.15 - 7}
      `
          }, null, 8, _hoisted_18),
          runtimeCore_esmBundler.createElementVNode("rect", {
            x: "0",
            y: "0",
            width: reactivity_esmBundler.unref(w),
            height: reactivity_esmBundler.unref(h),
            fill: `url(#${filterId})`,
            mask: `url(#${maskId})`
          }, null, 8, _hoisted_19)
        ], 8, _hoisted_2))
      ]);
    };
  }
});
exports.default = _sfc_main;
