@zhsz/cool-design-dv
Version:
989 lines (988 loc) • 34.6 kB
JavaScript
import { defineComponent, getCurrentInstance, useAttrs, inject, onMounted, onBeforeUnmount, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
import "./style.css";
import Box from "../dv-box/index.mjs";
import { baseConfig } from "../../hooks/useConfig.mjs";
import { useHeader } from "../../hooks/useHeader.mjs";
import { dvPageSymbols } from "../../symbols/index.mjs";
import { addResizeListener, removeResizeListener } from "../../utils/resize-event.mjs";
const _hoisted_1 = { class: "st0" };
const _hoisted_2 = {
id: "my-dv-header4-SVGID_1_",
gradientUnits: "userSpaceOnUse",
x1: "464.9688",
y1: "52.2105",
x2: "464.9688",
y2: "20.0235"
};
const _hoisted_3 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st1",
points: "593.9,51.9 367.9,52.2 336.1,20.3 562,20"
}, null, -1);
const _hoisted_4 = { class: "st0" };
const _hoisted_5 = {
id: "my-dv-header4-SVGID_2_",
gradientUnits: "userSpaceOnUse",
x1: "-779.1147",
y1: "52.2105",
x2: "-779.1147",
y2: "20.0234",
gradientTransform: "matrix(-1 0 0 1 675.9166 0)"
};
const _hoisted_6 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st2",
points: "1326.1,51.9 1552.1,52.2 1583.9,20.3 1358,20"
}, null, -1);
const _hoisted_7 = { class: "st3" };
const _hoisted_8 = {
id: "my-dv-header4-SVGID_3_",
gradientUnits: "userSpaceOnUse",
x1: "959.95",
y1: "2973",
x2: "959.95",
y2: "2893",
gradientTransform: "matrix(1 0 0 1 0 -2893)"
};
const _hoisted_9 = /* @__PURE__ */ createElementVNode("path", {
class: "st4",
d: "M1365.2,0H554.7l49.8,49.1C624.6,68.9,651.7,80,679.9,80H1240c28.2,0,55.3-11.1,75.4-30.9L1365.2,0z"
}, null, -1);
const _hoisted_10 = ["stroke"];
const _hoisted_11 = ["stroke"];
const _hoisted_12 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "stroke-dasharray",
attributeType: "XML",
begin: "0s",
calcMode: "spline",
dur: "1.2s",
fill: "remove",
from: "0, 150, 0, 150",
keySplines: "0.4,1,0.49,0.98",
keyTimes: "0;1",
repeatCount: "indefinite",
restart: "always",
to: "0, 0, 2000, 0"
}, null, -1);
const _hoisted_13 = ["fill"];
const _hoisted_14 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "0.8;0.6;0.2"
}, null, -1);
const _hoisted_15 = ["fill"];
const _hoisted_16 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "1;0.8;0.4"
}, null, -1);
const _hoisted_17 = { class: "st7" };
const _hoisted_18 = ["fill"];
const _hoisted_19 = ["values"];
const _hoisted_20 = ["fill"];
const _hoisted_21 = ["values"];
const _hoisted_22 = { class: "st0" };
const _hoisted_23 = ["fill"];
const _hoisted_24 = { class: "st7" };
const _hoisted_25 = ["fill"];
const _hoisted_26 = ["values"];
const _hoisted_27 = ["fill"];
const _hoisted_28 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "0.8;0.6;0.2"
}, null, -1);
const _hoisted_29 = ["fill"];
const _hoisted_30 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "1;0.8;0.4"
}, null, -1);
const _hoisted_31 = ["stroke"];
const _hoisted_32 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "1;0.9;0.7"
}, null, -1);
const _hoisted_33 = ["fill"];
const _hoisted_34 = /* @__PURE__ */ createElementVNode("animateTransform", {
accumulate: "none",
additive: "replace",
attributeName: "transform",
calcMode: "linear",
dur: "3s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
type: "rotate",
values: "0, 327 35;360, 327 35"
}, null, -1);
const _hoisted_35 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "1;0.8;0.2"
}, null, -1);
const _hoisted_36 = { class: "st0" };
const _hoisted_37 = {
id: "my-dv-header4-SVGID_4_",
gradientUnits: "userSpaceOnUse",
x1: "294.15",
y1: "35.7184",
x2: "294.15",
y2: "62.8549",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_38 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st8",
points: "588,57.5 0.3,57.5 0.3,27.4 557.9,27.4"
}, null, -1);
const _hoisted_39 = { class: "st0" };
const _hoisted_40 = {
id: "my-dv-header4-SVGID_5_",
gradientUnits: "userSpaceOnUse",
x1: "31.95",
y1: "48.4602",
x2: "31.95",
y2: "84.6602",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_41 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st9",
points: "62.3,43.5 37.7,43.5 1.6,7.3 26.2,7.3"
}, null, -1);
const _hoisted_42 = { class: "st0" };
const _hoisted_43 = {
id: "my-dv-header4-SVGID_6_",
gradientUnits: "userSpaceOnUse",
x1: "64",
y1: "48.4602",
x2: "64",
y2: "84.6602",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_44 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st10",
points: "94.4,43.5 69.8,43.5 33.6,7.3 58.2,7.3"
}, null, -1);
const _hoisted_45 = { class: "st0" };
const _hoisted_46 = {
id: "my-dv-header4-SVGID_7_",
gradientUnits: "userSpaceOnUse",
x1: "96.05",
y1: "48.4602",
x2: "96.05",
y2: "84.6602",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_47 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st11",
points: "126.4,43.5 101.8,43.5 65.7,7.3 90.3,7.3"
}, null, -1);
const _hoisted_48 = { class: "st0" };
const _hoisted_49 = {
id: "my-dv-header4-SVGID_8_",
gradientUnits: "userSpaceOnUse",
x1: "128.1",
y1: "48.4602",
x2: "128.1",
y2: "84.6602",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_50 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st12",
points: "158.5,43.5 133.9,43.5 97.7,7.3 122.3,7.3"
}, null, -1);
const _hoisted_51 = { class: "st0" };
const _hoisted_52 = {
id: "my-dv-header4-SVGID_9_",
gradientUnits: "userSpaceOnUse",
x1: "160.15",
y1: "48.4602",
x2: "160.15",
y2: "84.6602",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_53 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st13",
points: "190.5,43.5 165.9,43.5 129.8,7.3 154.4,7.3"
}, null, -1);
const _hoisted_54 = { class: "st0" };
const _hoisted_55 = {
id: "my-dv-header4-SVGID_10_",
gradientUnits: "userSpaceOnUse",
x1: "192.2",
y1: "48.4602",
x2: "192.2",
y2: "84.6602",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_56 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st14",
points: "222.6,43.5 198,43.5 161.8,7.3 186.4,7.3"
}, null, -1);
const _hoisted_57 = { class: "st0" };
const _hoisted_58 = {
id: "my-dv-header4-SVGID_11_",
gradientUnits: "userSpaceOnUse",
x1: "226.45",
y1: "45.2",
x2: "226.45",
y2: "84.7",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_59 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st15",
points: "259.6,46.8 232.8,46.8 193.3,7.3 220.1,7.3"
}, null, -1);
const _hoisted_60 = { class: "st3" };
const _hoisted_61 = {
id: "my-dv-header4-SVGID_12_",
gradientUnits: "userSpaceOnUse",
x1: "249.9",
y1: "40.7",
x2: "249.9",
y2: "84.7",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_62 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st16",
points: "286.8,51.3 257,51.3 213,7.3 242.9,7.3"
}, null, -1);
const _hoisted_63 = {
id: "my-dv-header4-SVGID_13_",
gradientUnits: "userSpaceOnUse",
x1: "282.1",
y1: "21.9",
x2: "282.1",
y2: "84.6244",
gradientTransform: "matrix(1 0 0 -1 0 92)"
};
const _hoisted_64 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st17",
points: "334.7,70.1 292.1,70.1 229.5,7.3 272,7.3"
}, null, -1);
const _hoisted_65 = ["stroke"];
const _hoisted_66 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "1;0.9;0.7"
}, null, -1);
const _hoisted_67 = ["fill"];
const _hoisted_68 = /* @__PURE__ */ createElementVNode("animateTransform", {
accumulate: "none",
additive: "replace",
attributeName: "transform",
calcMode: "linear",
dur: "3s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
type: "rotate",
values: "0, 1594.2 35;360, 1594.2 35"
}, null, -1);
const _hoisted_69 = /* @__PURE__ */ createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "opacity",
begin: "0s",
calcMode: "linear",
dur: "1.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: "1;0.8;0.2"
}, null, -1);
const _hoisted_70 = { class: "st0" };
const _hoisted_71 = {
id: "my-dv-header4-SVGID_14_",
gradientUnits: "userSpaceOnUse",
x1: "-950.2334",
y1: "35.7184",
x2: "-950.2334",
y2: "62.8549",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_72 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st18",
points: "1332.3,57.5 1920,57.5 1920,27.4 1362.4,27.4"
}, null, -1);
const _hoisted_73 = { class: "st0" };
const _hoisted_74 = {
id: "my-dv-header4-SVGID_15_",
gradientUnits: "userSpaceOnUse",
x1: "-1212.4333",
y1: "48.4602",
x2: "-1212.4333",
y2: "84.6602",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_75 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st19",
points: "1858,43.5 1882.6,43.5 1918.7,7.3 1894.2,7.3"
}, null, -1);
const _hoisted_76 = { class: "st0" };
const _hoisted_77 = {
id: "my-dv-header4-SVGID_16_",
gradientUnits: "userSpaceOnUse",
x1: "-1180.4333",
y1: "48.4602",
x2: "-1180.4333",
y2: "84.6602",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_78 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st20",
points: "1826,43.5 1850.5,43.5 1886.7,7.3 1862.1,7.3"
}, null, -1);
const _hoisted_79 = { class: "st0" };
const _hoisted_80 = {
id: "my-dv-header4-SVGID_17_",
gradientUnits: "userSpaceOnUse",
x1: "-1148.3334",
y1: "48.4602",
x2: "-1148.3334",
y2: "84.6602",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_81 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st21",
points: "1793.9,43.5 1818.5,43.5 1854.6,7.3 1830.1,7.3"
}, null, -1);
const _hoisted_82 = { class: "st0" };
const _hoisted_83 = {
id: "my-dv-header4-SVGID_18_",
gradientUnits: "userSpaceOnUse",
x1: "-1116.3334",
y1: "48.4602",
x2: "-1116.3334",
y2: "84.6602",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_84 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st22",
points: "1761.9,43.5 1786.4,43.5 1822.6,7.3 1798,7.3"
}, null, -1);
const _hoisted_85 = { class: "st0" };
const _hoisted_86 = {
id: "my-dv-header4-SVGID_19_",
gradientUnits: "userSpaceOnUse",
x1: "-1084.2334",
y1: "48.4602",
x2: "-1084.2334",
y2: "84.6602",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_87 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st23",
points: "1729.8,43.5 1754.4,43.5 1790.5,7.3 1766,7.3"
}, null, -1);
const _hoisted_88 = { class: "st0" };
const _hoisted_89 = {
id: "my-dv-header4-SVGID_20_",
gradientUnits: "userSpaceOnUse",
x1: "-1052.2334",
y1: "48.4602",
x2: "-1052.2334",
y2: "84.6602",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_90 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st24",
points: "1697.8,43.5 1722.3,43.5 1758.5,7.3 1733.9,7.3"
}, null, -1);
const _hoisted_91 = { class: "st0" };
const _hoisted_92 = {
id: "my-dv-header4-SVGID_21_",
gradientUnits: "userSpaceOnUse",
x1: "-1017.9333",
y1: "45.2",
x2: "-1017.9333",
y2: "84.7",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_93 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st25",
points: "1660.7,46.8 1687.5,46.8 1727,7.3 1700.2,7.3"
}, null, -1);
const _hoisted_94 = { class: "st3" };
const _hoisted_95 = {
id: "my-dv-header4-SVGID_22_",
gradientUnits: "userSpaceOnUse",
x1: "-994.4834",
y1: "40.7",
x2: "-994.4834",
y2: "84.7",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_96 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st26",
points: "1633.5,51.3 1663.3,51.3 1707.3,7.3 1677.4,7.3"
}, null, -1);
const _hoisted_97 = {
id: "my-dv-header4-SVGID_23_",
gradientUnits: "userSpaceOnUse",
x1: "-962.3834",
y1: "21.9",
x2: "-962.3834",
y2: "84.6244",
gradientTransform: "matrix(-1 0 0 -1 675.9166 92)"
};
const _hoisted_98 = /* @__PURE__ */ createElementVNode("polygon", {
class: "st27",
points: "1585.7,70.1 1628.2,70.1 1690.9,7.3 1648.3,7.3"
}, null, -1);
const __default__ = defineComponent({
name: "DvHeader4",
inheritAttrs: false
});
const _sfc_main = /* @__PURE__ */ defineComponent({
...__default__,
emits: ["resize"],
setup(__props, { emit: __emit }) {
var _a, _b, _c;
const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
const $attrs = useAttrs();
const page = inject(dvPageSymbols, null);
const emits = __emit;
const { svgStyle, resize, color, dark } = useHeader(
emits,
((_c = (_b = page == null ? void 0 : page.settings) == null ? void 0 : _b.value) == null ? void 0 : _c.color) ?? baseConfig.color,
page
);
onMounted(() => {
resize(instance == null ? void 0 : instance.$el);
addResizeListener(instance == null ? void 0 : instance.$el, () => resize(instance == null ? void 0 : instance.$el));
});
onBeforeUnmount(() => {
removeResizeListener(instance == null ? void 0 : instance.$el, () => resize(instance == null ? void 0 : instance.$el));
});
return (_ctx, _cache) => {
return openBlock(), createBlock(unref(Box), mergeProps({
class: "my-dv-header4",
"default-width": "100%",
"default-height": "auto",
top: "0px",
left: "0px"
}, unref($attrs)), {
default: withCtx(() => [
(openBlock(), createElementBlock("svg", {
width: "1920px",
height: "90px",
style: normalizeStyle(unref(svgStyle))
}, [
createElementVNode("g", null, [
createElementVNode("g", _hoisted_1, [
createElementVNode("linearGradient", _hoisted_2, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_3
]),
createElementVNode("g", _hoisted_4, [
createElementVNode("linearGradient", _hoisted_5, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_6
])
]),
createElementVNode("g", _hoisted_7, [
createElementVNode("linearGradient", _hoisted_8, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.3`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4)
]),
_hoisted_9
]),
createElementVNode("g", null, [
createElementVNode("g", null, [
createElementVNode("polyline", {
class: "st5",
stroke: unref(color),
points: "525.2,16.8 532.5,9.3 804.7,9.3"
}, null, 8, _hoisted_10),
createElementVNode("polyline", {
class: "st5",
stroke: unref(color),
points: "1394.6,16.6 1389.3,11.3 1117.1,11.3"
}, null, 8, _hoisted_11),
_hoisted_12
]),
createElementVNode("g", null, [
createElementVNode("polygon", {
fill: unref(color),
points: "788.2,3.6 754.3,3.6 746.8,11.1 780.8,11.1"
}, null, 8, _hoisted_13),
_hoisted_14
]),
createElementVNode("g", null, [
createElementVNode("polygon", {
fill: unref(color),
points: "815.6,1.4 789.1,1.4 779.4,11.1 805.9,11.1"
}, null, 8, _hoisted_15),
_hoisted_16
]),
createElementVNode("g", _hoisted_17, [
createElementVNode("polygon", {
fill: unref(color),
points: "860.4,5.2 828.5,5.2 816.9,16.8 848.8,16.8"
}, [
createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "fill",
begin: "0s",
calcMode: "linear",
dur: "0.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: `${unref(dark)};${unref(color)};${unref(dark)}`
}, null, 8, _hoisted_19)
], 8, _hoisted_18)
]),
createElementVNode("g", null, [
createElementVNode("polygon", {
fill: unref(color),
points: "1053.9,-0.5 866.4,-0.5 854.8,11.1 1066.3,11.1"
}, [
createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "fill",
begin: "0s",
calcMode: "linear",
dur: "0.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: `${unref(color)};${unref(dark)};${unref(color)}`
}, null, 8, _hoisted_21)
], 8, _hoisted_20)
]),
createElementVNode("g", _hoisted_22, [
createElementVNode("polygon", {
fill: unref(color),
points: "803.1,16.8 1120.3,16.8 1126.3,10.8 796.7,10.8"
}, null, 8, _hoisted_23)
]),
createElementVNode("g", _hoisted_24, [
createElementVNode("polygon", {
fill: unref(color),
points: "1059.8,5.2 1091.7,5.2 1103.3,16.8 1071.4,16.8"
}, [
createElementVNode("animate", {
accumulate: "none",
additive: "replace",
attributeName: "fill",
begin: "0s",
calcMode: "linear",
dur: "0.5s",
fill: "remove",
repeatCount: "indefinite",
restart: "always",
values: `${unref(dark)};${unref(color)};${unref(dark)}`
}, null, 8, _hoisted_26)
], 8, _hoisted_25)
]),
createElementVNode("g", null, [
createElementVNode("polygon", {
fill: unref(color),
points: "1133.9,3.6 1167.9,3.6 1175.3,11.1 1141.4,11.1"
}, null, 8, _hoisted_27),
_hoisted_28
]),
createElementVNode("g", null, [
createElementVNode("polygon", {
fill: unref(color),
points: "1106.5,1.4 1133,1.4 1142.7,11.1 1116.2,11.1"
}, null, 8, _hoisted_29),
_hoisted_30
])
]),
createElementVNode("g", null, [
createElementVNode("g", null, [
createElementVNode("polyline", {
class: "st5",
stroke: unref(color),
points: "29.9,3.6 295.7,3.6 326.9,34.9"
}, null, 8, _hoisted_31),
_hoisted_32,
createElementVNode("g", null, [
createElementVNode("rect", {
x: "323.5",
y: "31.5",
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 71.1191 241.2776)",
fill: unref(color),
width: "6.6",
height: "6.6"
}, null, 8, _hoisted_33),
_hoisted_34,
_hoisted_35
])
])
]),
createElementVNode("g", _hoisted_36, [
createElementVNode("linearGradient", _hoisted_37, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4)
]),
_hoisted_38
]),
createElementVNode("g", _hoisted_39, [
createElementVNode("linearGradient", _hoisted_40, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_41
]),
createElementVNode("g", _hoisted_42, [
createElementVNode("linearGradient", _hoisted_43, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_44
]),
createElementVNode("g", _hoisted_45, [
createElementVNode("linearGradient", _hoisted_46, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_47
]),
createElementVNode("g", _hoisted_48, [
createElementVNode("linearGradient", _hoisted_49, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_50
]),
createElementVNode("g", _hoisted_51, [
createElementVNode("linearGradient", _hoisted_52, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_53
]),
createElementVNode("g", _hoisted_54, [
createElementVNode("linearGradient", _hoisted_55, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_56
]),
createElementVNode("g", _hoisted_57, [
createElementVNode("linearGradient", _hoisted_58, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_59
]),
createElementVNode("g", _hoisted_60, [
createElementVNode("linearGradient", _hoisted_61, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_62
]),
createElementVNode("g", null, [
createElementVNode("linearGradient", _hoisted_63, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_64
]),
createElementVNode("g", null, [
createElementVNode("g", null, [
createElementVNode("polyline", {
class: "st5",
stroke: unref(color),
points: "1890.4,3.6 1624.7,3.6 1593.4,34.9"
}, null, 8, _hoisted_65),
_hoisted_66,
createElementVNode("g", null, [
createElementVNode("rect", {
x: "1590.2",
y: "31.5",
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 442.1089 1136.9716)",
fill: unref(color),
width: "6.6",
height: "6.6"
}, null, 8, _hoisted_67),
_hoisted_68,
_hoisted_69
])
])
]),
createElementVNode("g", _hoisted_70, [
createElementVNode("linearGradient", _hoisted_71, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4)
]),
_hoisted_72
]),
createElementVNode("g", _hoisted_73, [
createElementVNode("linearGradient", _hoisted_74, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_75
]),
createElementVNode("g", _hoisted_76, [
createElementVNode("linearGradient", _hoisted_77, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_78
]),
createElementVNode("g", _hoisted_79, [
createElementVNode("linearGradient", _hoisted_80, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_81
]),
createElementVNode("g", _hoisted_82, [
createElementVNode("linearGradient", _hoisted_83, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_84
]),
createElementVNode("g", _hoisted_85, [
createElementVNode("linearGradient", _hoisted_86, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_87
]),
createElementVNode("g", _hoisted_88, [
createElementVNode("linearGradient", _hoisted_89, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_90
]),
createElementVNode("g", _hoisted_91, [
createElementVNode("linearGradient", _hoisted_92, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_93
]),
createElementVNode("g", _hoisted_94, [
createElementVNode("linearGradient", _hoisted_95, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_96
]),
createElementVNode("g", null, [
createElementVNode("linearGradient", _hoisted_97, [
createElementVNode("stop", {
offset: "0",
style: normalizeStyle(`stop-color${unref(color)};stop-opacity:0`)
}, null, 4),
createElementVNode("stop", {
offset: "1",
style: normalizeStyle(`stop-color:${unref(color)};stop-opacity:0.9`)
}, null, 4)
]),
_hoisted_98
])
], 4)),
createElementVNode("div", {
class: "my-dv-header4__content",
style: normalizeStyle(unref(svgStyle))
}, [
renderSlot(_ctx.$slots, "default")
], 4)
]),
_: 3
}, 16);
};
}
});
export {
_sfc_main as default
};