@zhsz/cool-design-dv
Version:
1,158 lines (1,157 loc) • 41.5 kB
JavaScript
"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue = require("vue");
require("./style.css");
const index$1 = require("../dv-box/index.js");
const useConfig = require("../../hooks/useConfig.js");
const useHeader = require("../../hooks/useHeader.js");
const index = require("../../symbols/index.js");
const resizeEvent = require("../../utils/resize-event.js");
const _hoisted_1 = {
id: "my-dv-header3_1_",
cx: "959.8125",
cy: "1013.375",
r: "431.0692",
gradientTransform: "matrix(1 0 0 8.416572e-02 0 -0.9164)",
gradientUnits: "userSpaceOnUse"
};
const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("ellipse", {
class: "st0",
cx: "959.8",
cy: "84.4",
rx: "439.9",
ry: "5.3"
}, null, -1);
const _hoisted_3 = { class: "st1" };
const _hoisted_4 = {
id: "my-dv-header3_2_",
gradientUnits: "userSpaceOnUse",
x1: "955.0497",
y1: "-1813.2813",
x2: "955.0497",
y2: "-1902.7188",
gradientTransform: "matrix(1 0 0 -1 0 -1813)"
};
const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st2",
points: "1574.3,0.3 335.8,0.3 426.6,89.7 1483.5,89.7"
}, null, -1);
const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeType: "CSS",
attributeName: "opacity",
from: "1",
to: "0.8",
dur: "2s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_7 = ["stroke"];
const _hoisted_8 = ["stroke"];
const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "stroke-dasharray",
attributeType: "XML",
from: "0, 157.52079728939617, 0, 157.52079728939617",
to: "0, 0, 315.04159457879234, 0",
dur: "1.2s",
begin: "0s",
calcMode: "spline",
keyTimes: "0;1",
keySplines: "0.4,1,0.49,0.98",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_10 = ["fill"];
const _hoisted_11 = ["fill"];
const _hoisted_12 = { class: "st5" };
const _hoisted_13 = ["fill"];
const _hoisted_14 = ["fill"];
const _hoisted_15 = { class: "st6" };
const _hoisted_16 = ["fill"];
const _hoisted_17 = { class: "st5" };
const _hoisted_18 = ["fill"];
const _hoisted_19 = ["fill"];
const _hoisted_20 = ["fill"];
const _hoisted_21 = { class: "st6" };
const _hoisted_22 = {
id: "my-dv-header3_3_",
gradientUnits: "userSpaceOnUse",
x1: "459.899",
y1: "51.4684",
x2: "459.899",
y2: "11.9688"
};
const _hoisted_23 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st7",
points: "592.3,51.5 366.9,51.5 327.5,12 552.9,12"
}, null, -1);
const _hoisted_24 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeType: "CSS",
attributeName: "opacity",
from: "0.2",
to: "0.1",
dur: "3s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_25 = ["stroke"];
const _hoisted_26 = ["fill"];
const _hoisted_27 = { class: "st6" };
const _hoisted_28 = {
id: "my-dv-header3_4_",
gradientUnits: "userSpaceOnUse",
x1: "595.392",
y1: "51.4684",
x2: "595.392",
y2: "11.9688"
};
const _hoisted_29 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st8",
points: "628.5,51.5 601.7,51.5 562.3,12 589.1,12"
}, null, -1);
const _hoisted_30 = { class: "st1" };
const _hoisted_31 = {
id: "my-dv-header3_5_",
gradientUnits: "userSpaceOnUse",
x1: "618.8832",
y1: "55.9688",
x2: "618.8832",
y2: "11.9688"
};
const _hoisted_32 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st9",
points: "655.8,56 625.9,56 582,12 611.9,12"
}, null, -1);
const _hoisted_33 = {
id: "my-dv-header3_6_",
gradientUnits: "userSpaceOnUse",
x1: "650.9935",
y1: "74.6932",
x2: "650.9935",
y2: "11.9688"
};
const _hoisted_34 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st10",
points: "703.6,74.7 661,74.7 598.4,12 641,12"
}, null, -1);
const _hoisted_35 = { class: "st6" };
const _hoisted_36 = {
id: "my-dv-header3_7_",
gradientUnits: "userSpaceOnUse",
x1: "295.2105",
y1: "74.2105",
x2: "295.2105",
y2: "47.0741"
};
const _hoisted_37 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st11",
points: "590.2,75.4 0.2,75.4 0.2,45.3 560.2,45.3"
}, null, -1);
const _hoisted_38 = { class: "st6" };
const _hoisted_39 = {
id: "my-dv-header3_8_",
gradientUnits: "userSpaceOnUse",
x1: "31.7848",
y1: "43.2976",
x2: "31.7848",
y2: "7.0938"
};
const _hoisted_40 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st12",
points: "62.1,43.3 37.6,43.3 1.4,7.1 26,7.1"
}, null, -1);
const _hoisted_41 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_42 = { class: "st6" };
const _hoisted_43 = {
id: "my-dv-header3_9_",
gradientUnits: "userSpaceOnUse",
x1: "63.8348",
y1: "43.2976",
x2: "63.8348",
y2: "7.0938"
};
const _hoisted_44 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st13",
points: "94.2,43.3 69.6,43.3 33.5,7.1 58,7.1"
}, null, -1);
const _hoisted_45 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_46 = { class: "st6" };
const _hoisted_47 = {
id: "my-dv-header3_10_",
gradientUnits: "userSpaceOnUse",
x1: "95.8848",
y1: "43.2976",
x2: "95.8848",
y2: "7.0938"
};
const _hoisted_48 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st14",
points: "126.2,43.3 101.7,43.3 65.5,7.1 90.1,7.1"
}, null, -1);
const _hoisted_49 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_50 = { class: "st6" };
const _hoisted_51 = {
id: "my-dv-header3_11_",
gradientUnits: "userSpaceOnUse",
x1: "127.9348",
y1: "43.2976",
x2: "127.9348",
y2: "7.0938"
};
const _hoisted_52 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st15",
points: "158.3,43.3 133.7,43.3 97.6,7.1 122.1,7.1"
}, null, -1);
const _hoisted_53 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_54 = { class: "st6" };
const _hoisted_55 = {
id: "my-dv-header3_12_",
gradientUnits: "userSpaceOnUse",
x1: "159.9848",
y1: "43.2976",
x2: "159.9848",
y2: "7.0938"
};
const _hoisted_56 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st16",
points: "190.3,43.3 165.8,43.3 129.6,7.1 154.2,7.1"
}, null, -1);
const _hoisted_57 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_58 = { class: "st6" };
const _hoisted_59 = {
id: "my-dv-header3_13_",
gradientUnits: "userSpaceOnUse",
x1: "192.0348",
y1: "43.2976",
x2: "192.0348",
y2: "7.0938"
};
const _hoisted_60 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st17",
points: "222.4,43.3 197.8,43.3 161.7,7.1 186.3,7.1"
}, null, -1);
const _hoisted_61 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_62 = ["fill"];
const _hoisted_63 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "1;0.8;1",
dur: "1s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_64 = ["fill"];
const _hoisted_65 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.8;0.6;0.8",
dur: "1.1s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_66 = ["fill"];
const _hoisted_67 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.6;0.4;0.6",
dur: "1.2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_68 = ["fill"];
const _hoisted_69 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.4;0.2;0.4",
dur: "1.3s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_70 = ["fill"];
const _hoisted_71 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.2;0.1;0.2",
dur: "1.4s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_72 = ["fill"];
const _hoisted_73 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.1;0.05;0.1",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_74 = { class: "st6" };
const _hoisted_75 = {
id: "my-dv-header3_14_",
gradientUnits: "userSpaceOnUse",
x1: "-238.4447",
y1: "51.4684",
x2: "-238.4447",
y2: "11.9688",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_76 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st18",
points: "1327.7,51.5 1553.1,51.5 1592.5,12 1367.1,12"
}, null, -1);
const _hoisted_77 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeType: "CSS",
attributeName: "opacity",
from: "0.2",
to: "0.1",
dur: "3s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_78 = ["stroke"];
const _hoisted_79 = ["fill"];
const _hoisted_80 = { class: "st6" };
const _hoisted_81 = {
id: "my-dv-header3_15_",
gradientUnits: "userSpaceOnUse",
x1: "-102.9518",
y1: "51.4684",
x2: "-102.9518",
y2: "11.9688",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_82 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st19",
points: "1291.5,51.5 1318.3,51.5 1357.7,12 1330.9,12"
}, null, -1);
const _hoisted_83 = { class: "st1" };
const _hoisted_84 = {
id: "my-dv-header3_16_",
gradientUnits: "userSpaceOnUse",
x1: "-79.4606",
y1: "55.9688",
x2: "-79.4606",
y2: "11.9688",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_85 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st20",
points: "1264.2,56 1294.1,56 1338,12 1308.1,12"
}, null, -1);
const _hoisted_86 = {
id: "my-dv-header3_17_",
gradientUnits: "userSpaceOnUse",
x1: "-47.3503",
y1: "74.6932",
x2: "-47.3503",
y2: "11.9688",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_87 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st21",
points: "1216.4,74.7 1259,74.7 1321.6,12 1279,12"
}, null, -1);
const _hoisted_88 = { class: "st6" };
const _hoisted_89 = {
id: "my-dv-header3_18_",
gradientUnits: "userSpaceOnUse",
x1: "-403.1333",
y1: "74.2105",
x2: "-403.1333",
y2: "47.0741",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_90 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st22",
points: "1329.8,75.4 1919.8,75.4 1919.8,45.3 1359.8,45.3"
}, null, -1);
const _hoisted_91 = { class: "st6" };
const _hoisted_92 = {
id: "my-dv-header3_19_",
gradientUnits: "userSpaceOnUse",
x1: "-666.559",
y1: "43.2976",
x2: "-666.559",
y2: "7.0938",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_93 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st23",
points: "1857.9,43.3 1882.4,43.3 1918.6,7.1 1894,7.1"
}, null, -1);
const _hoisted_94 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_95 = { class: "st6" };
const _hoisted_96 = {
id: "my-dv-header3_20_",
gradientUnits: "userSpaceOnUse",
x1: "-634.509",
y1: "43.2976",
x2: "-634.509",
y2: "7.0938",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_97 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st24",
points: "1825.8,43.3 1850.4,43.3 1886.5,7.1 1861.9,7.1"
}, null, -1);
const _hoisted_98 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_99 = { class: "st6" };
const _hoisted_100 = {
id: "my-dv-header3_21_",
gradientUnits: "userSpaceOnUse",
x1: "-602.459",
y1: "43.2976",
x2: "-602.459",
y2: "7.0938",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_101 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st25",
points: "1793.8,43.3 1818.3,43.3 1854.5,7.1 1829.9,7.1"
}, null, -1);
const _hoisted_102 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_103 = { class: "st6" };
const _hoisted_104 = {
id: "my-dv-header3_22_",
gradientUnits: "userSpaceOnUse",
x1: "-570.409",
y1: "43.2976",
x2: "-570.409",
y2: "7.0938",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_105 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st26",
points: "1761.7,43.3 1786.3,43.3 1822.4,7.1 1797.8,7.1"
}, null, -1);
const _hoisted_106 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_107 = { class: "st6" };
const _hoisted_108 = {
id: "my-dv-header3_23_",
gradientUnits: "userSpaceOnUse",
x1: "-538.3589",
y1: "43.2976",
x2: "-538.3589",
y2: "7.0938",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_109 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st27",
points: "1729.7,43.3 1754.2,43.3 1790.4,7.1 1765.8,7.1"
}, null, -1);
const _hoisted_110 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_111 = { class: "st6" };
const _hoisted_112 = {
id: "my-dv-header3_24_",
gradientUnits: "userSpaceOnUse",
x1: "-506.309",
y1: "43.2976",
x2: "-506.309",
y2: "7.0938",
gradientTransform: "matrix(-1 0 0 1 1221.6563 0)"
};
const _hoisted_113 = /* @__PURE__ */ vue.createElementVNode("polygon", {
class: "st28",
points: "1697.6,43.3 1722.2,43.3 1758.3,7.1 1733.8,7.1"
}, null, -1);
const _hoisted_114 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.3;0.2;0.3",
dur: "2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_115 = ["fill"];
const _hoisted_116 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "1;0.8;1",
dur: "1s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_117 = ["fill"];
const _hoisted_118 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.8;0.6;0.8",
dur: "1.1s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_119 = ["fill"];
const _hoisted_120 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.6;0.4;0.6",
dur: "1.2s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_121 = ["fill"];
const _hoisted_122 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.4;0.2;0.4",
dur: "1.3s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_123 = ["fill"];
const _hoisted_124 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.2;0.1;0.2",
dur: "1.4s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const _hoisted_125 = ["fill"];
const _hoisted_126 = /* @__PURE__ */ vue.createElementVNode("animate", {
attributeName: "opacity",
values: "0.1;0.05;0.1",
dur: "1.5s",
begin: "0s",
repeatCount: "indefinite"
}, null, -1);
const __default__ = vue.defineComponent({
name: "DvHeader3",
inheritAttrs: false
});
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
...__default__,
emits: ["resize"],
setup(__props, { emit: __emit }) {
var _a, _b, _c;
const $attrs = vue.useAttrs();
const instance = (_a = vue.getCurrentInstance()) == null ? void 0 : _a.proxy;
const page = vue.inject(index.dvPageSymbols, null);
const emits = __emit;
const { svgStyle, resize, color } = useHeader.useHeader(
emits,
((_c = (_b = page == null ? void 0 : page.settings) == null ? void 0 : _b.value) == null ? void 0 : _c.color) ?? useConfig.baseConfig.color,
page
);
vue.onMounted(() => {
resize(instance == null ? void 0 : instance.$el);
resizeEvent.addResizeListener(instance == null ? void 0 : instance.$el, () => resize(instance == null ? void 0 : instance.$el));
});
vue.onBeforeUnmount(() => {
resizeEvent.removeResizeListener(instance == null ? void 0 : instance.$el, () => resize(instance == null ? void 0 : instance.$el));
});
return (_ctx, _cache) => {
return vue.openBlock(), vue.createBlock(vue.unref(index$1.default), vue.mergeProps({
class: "my-dv-header3",
"default-width": "100%",
"default-height": "auto",
top: "0px",
left: "0px"
}, vue.unref($attrs)), {
default: vue.withCtx(() => [
(vue.openBlock(), vue.createElementBlock("svg", {
width: "1920px",
height: "90px",
style: vue.normalizeStyle(vue.unref(svgStyle))
}, [
vue.createElementVNode("radialGradient", _hoisted_1, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4)
]),
_hoisted_2,
vue.createElementVNode("g", _hoisted_3, [
vue.createElementVNode("linearGradient", _hoisted_4, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.3`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4)
]),
_hoisted_5,
_hoisted_6
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("g", null, [
vue.createElementVNode("polyline", {
class: "st3",
stroke: vue.unref(color),
points: "525,89.7 532.3,82.2 804.6,82.2"
}, null, 8, _hoisted_7),
vue.createElementVNode("polyline", {
class: "st3",
stroke: vue.unref(color),
points: "1394.4,89.4 1389.1,84.2 1116.9,84.2"
}, null, 8, _hoisted_8),
_hoisted_9
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "788.1,76.5 754.1,76.5 746.6,84 780.6,84"
}, null, 8, _hoisted_10)
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "815.5,74.3 788.9,74.3 779.2,84 805.8,84"
}, null, 8, _hoisted_11)
]),
vue.createElementVNode("g", _hoisted_12, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "860.3,78 828.4,78 816.7,89.7 848.6,89.7"
}, null, 8, _hoisted_13)
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "1053.8,72.3 866.3,72.3 854.6,84 1066.2,84"
}, null, 8, _hoisted_14)
]),
vue.createElementVNode("g", _hoisted_15, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "802.9,89.7 1120.2,89.7 1126.2,83.7 796.5,83.7"
}, null, 8, _hoisted_16)
]),
vue.createElementVNode("g", _hoisted_17, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "1059.6,78 1091.5,78 1103.2,89.7 1071.3,89.7"
}, null, 8, _hoisted_18)
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "1133.7,76.5 1167.7,76.5 1175.2,84 1141.2,84"
}, null, 8, _hoisted_19)
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("polygon", {
fill: vue.unref(color),
points: "1106.4,74.3 1132.9,74.3 1142.6,84 1116.1,84"
}, null, 8, _hoisted_20)
])
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("g", _hoisted_21, [
vue.createElementVNode("linearGradient", _hoisted_22, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_23,
_hoisted_24
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("g", null, [
vue.createElementVNode("polyline", {
class: "st3",
stroke: vue.unref(color),
points: "301.7,33.8 567.5,33.8 598.7,65"
}, null, 8, _hoisted_25),
vue.createElementVNode("g", null, [
vue.createElementVNode("rect", {
x: "595.3",
y: "61.6",
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 129.4274 442.2929)",
fill: vue.unref(color),
width: "6.6",
height: "6.6"
}, null, 8, _hoisted_26)
])
])
]),
vue.createElementVNode("g", _hoisted_27, [
vue.createElementVNode("linearGradient", _hoisted_28, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_29
]),
vue.createElementVNode("g", _hoisted_30, [
vue.createElementVNode("linearGradient", _hoisted_31, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_32
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("linearGradient", _hoisted_33, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_34
]),
vue.createElementVNode("g", _hoisted_35, [
vue.createElementVNode("linearGradient", _hoisted_36, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4)
]),
_hoisted_37
]),
vue.createElementVNode("g", _hoisted_38, [
vue.createElementVNode("linearGradient", _hoisted_39, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_40,
_hoisted_41
]),
vue.createElementVNode("g", _hoisted_42, [
vue.createElementVNode("linearGradient", _hoisted_43, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_44,
_hoisted_45
]),
vue.createElementVNode("g", _hoisted_46, [
vue.createElementVNode("linearGradient", _hoisted_47, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_48,
_hoisted_49
]),
vue.createElementVNode("g", _hoisted_50, [
vue.createElementVNode("linearGradient", _hoisted_51, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_52,
_hoisted_53
]),
vue.createElementVNode("g", _hoisted_54, [
vue.createElementVNode("linearGradient", _hoisted_55, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_56,
_hoisted_57
]),
vue.createElementVNode("g", _hoisted_58, [
vue.createElementVNode("linearGradient", _hoisted_59, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_60,
_hoisted_61
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "299.4",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_62),
_hoisted_63
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "290.4",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_64),
_hoisted_65
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "281.1",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_66),
_hoisted_67
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "272.1",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_68),
_hoisted_69
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "262.7",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_70),
_hoisted_71
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "253.7",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_72),
_hoisted_73
])
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("g", _hoisted_74, [
vue.createElementVNode("linearGradient", _hoisted_75, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_76,
_hoisted_77
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("g", null, [
vue.createElementVNode("polyline", {
class: "st3",
stroke: vue.unref(color),
points: "1618.3,33.8 1352.5,33.8 1321.3,65"
}, null, 8, _hoisted_78),
vue.createElementVNode("g", null, [
vue.createElementVNode("rect", {
x: "1318.1",
y: "61.6",
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 341.1203 953.3752)",
fill: vue.unref(color),
width: "6.6",
height: "6.6"
}, null, 8, _hoisted_79)
])
])
]),
vue.createElementVNode("g", _hoisted_80, [
vue.createElementVNode("linearGradient", _hoisted_81, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_82
]),
vue.createElementVNode("g", _hoisted_83, [
vue.createElementVNode("linearGradient", _hoisted_84, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_85
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("linearGradient", _hoisted_86, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_87
]),
vue.createElementVNode("g", _hoisted_88, [
vue.createElementVNode("linearGradient", _hoisted_89, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4)
]),
_hoisted_90
]),
vue.createElementVNode("g", _hoisted_91, [
vue.createElementVNode("linearGradient", _hoisted_92, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_93,
_hoisted_94
]),
vue.createElementVNode("g", _hoisted_95, [
vue.createElementVNode("linearGradient", _hoisted_96, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_97,
_hoisted_98
]),
vue.createElementVNode("g", _hoisted_99, [
vue.createElementVNode("linearGradient", _hoisted_100, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_101,
_hoisted_102
]),
vue.createElementVNode("g", _hoisted_103, [
vue.createElementVNode("linearGradient", _hoisted_104, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_105,
_hoisted_106
]),
vue.createElementVNode("g", _hoisted_107, [
vue.createElementVNode("linearGradient", _hoisted_108, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_109,
_hoisted_110
]),
vue.createElementVNode("g", _hoisted_111, [
vue.createElementVNode("linearGradient", _hoisted_112, [
vue.createElementVNode("stop", {
offset: "0",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0`)
}, null, 4),
vue.createElementVNode("stop", {
offset: "1",
style: vue.normalizeStyle(`stop-color:${vue.unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_113,
_hoisted_114
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "1620.6",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_115),
_hoisted_116
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "1629.6",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_117),
_hoisted_118
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "1638.9",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_119),
_hoisted_120
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "1647.9",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_121),
_hoisted_122
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "1657.3",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_123),
_hoisted_124
]),
vue.createElementVNode("g", null, [
vue.createElementVNode("circle", {
fill: vue.unref(color),
cx: "1666.3",
cy: "33.8",
r: "3.1"
}, null, 8, _hoisted_125),
_hoisted_126
])
])
], 4)),
vue.createElementVNode("div", {
class: "my-dv-header3__content",
style: vue.normalizeStyle(vue.unref(svgStyle))
}, [
vue.renderSlot(_ctx.$slots, "default")
], 4)
]),
_: 3
}, 16);
};
}
});
exports.default = _sfc_main;