@dialpad/dialtone-icons
Version:
Dialtone icon library
387 lines (386 loc) • 12.4 kB
JavaScript
import { g as s } from "../../utils-BOfnFgIH.js";
import { openBlock as e, createElementBlock as r, createElementVNode as l } from "vue";
import { _ as a } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const u = {
name: "DtIllustrationBlackHole",
props: {
/**
* The label of the illustration as read out by a screenreader. Leave this unset if your illustration is purely presentational
*/
ariaLabel: {
type: String,
default: void 0
}
},
/**
* @TODO: Remove this emit once the illustrations migration is complete,
* they will no longer need this event.
* */
emits: ["loaded"],
computed: {
ariaHidden() {
return this.ariaLabel ? "false" : "true";
},
dataQA() {
return this.$attrs["data-qa"] ?? "dt-illustration";
}
},
created() {
this.$emit("loaded"), this.uniqueID = s();
}
}, p = ["aria-label", "data-qa", "aria-hidden"], d = { mask: "url(#mask0_1442_184)" }, f = ["fill"], _ = ["fill"], F = ["fill"], C = ["fill"], c = ["fill"], y = ["fill"], q = ["fill"], D = ["fill"], U = ["fill"], $ = ["fill"], I = ["fill"], g = ["fill"], h = ["fill"], m = ["id"], B = ["id"], S = ["id"], x = ["id"], A = ["id"], E = ["id"], O = ["id"], G = ["id"], k = ["id"], b = ["id"], w = ["id"], M = ["id"], Z = ["id"];
function v(o, t, n, H, L, i) {
return e(), r("svg", {
"aria-label": n.ariaLabel,
"data-qa": i.dataQA,
"aria-hidden": i.ariaHidden,
focusable: "false",
role: "img",
"data-name": "Black Hole",
class: "d-illustration d-illustration--black-hole",
width: "200",
height: "200",
viewBox: "0 0 200 200",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, [
t[14] || (t[14] = l("mask", {
id: "mask0_1442_184",
style: { "mask-type": "alpha" },
maskUnits: "userSpaceOnUse",
x: "10",
y: "10",
width: "180",
height: "180"
}, [
l("rect", {
x: "10",
y: "10",
width: "179.965",
height: "179.965",
rx: "89.9824",
fill: "#D9D9D9"
})
], -1)),
l("g", d, [
l("circle", {
cx: "22.9575",
cy: "87.7447",
r: "32.3937",
fill: `url(#${o.uniqueID}paint0_linear_1442_184)`
}, null, 8, f),
l("circle", {
cx: "70.4684",
cy: "117.979",
r: "16.5568",
transform: "rotate(119.221 70.4684 117.979)",
fill: `url(#${o.uniqueID}paint1_linear_1442_184)`
}, null, 8, _),
l("circle", {
cx: "62.7234",
cy: "70.748",
r: "8.59832",
fill: `url(#${o.uniqueID}paint2_linear_1442_184)`
}, null, 8, F),
l("circle", {
cx: "140.681",
cy: "77.6269",
r: "8.59832",
fill: `url(#${o.uniqueID}paint3_linear_1442_184)`
}, null, 8, C),
l("circle", {
cx: "28.3295",
cy: "135.522",
r: "8.59832",
fill: `url(#${o.uniqueID}paint4_linear_1442_184)`
}, null, 8, c),
l("circle", {
cx: "103.941",
cy: "21.1579",
r: "26.2749",
fill: `url(#${o.uniqueID}paint5_linear_1442_184)`
}, null, 8, y),
l("circle", {
cx: "155.551",
cy: "141.423",
r: "49.3103",
fill: `url(#${o.uniqueID}paint6_linear_1442_184)`
}, null, 8, q),
l("path", {
d: "M38.4783 21.3277C49.2397 10.588 67.5316 14.8344 72.4611 29.2166C77.6976 44.4946 64.0877 59.5702 48.3555 55.9181C32.6233 52.266 27.0467 32.7364 38.4783 21.3277Z",
fill: `url(#${o.uniqueID}paint7_linear_1442_184)`
}, null, 8, D),
l("path", {
d: "M91.0025 168.925C81.5139 183.943 58.6254 180.116 54.5389 162.828C51.2416 148.879 63.2212 136.076 77.3584 138.44C91.4956 140.803 98.6584 156.807 91.0025 168.925Z",
fill: `url(#${o.uniqueID}paint8_linear_1442_184)`
}, null, 8, U),
l("path", {
d: "M135.883 22.6523C138.563 11.9413 149.093 5.14664 159.957 7.11871C178.655 10.5131 183.545 35.0452 167.576 45.3489C151.607 55.6526 131.27 41.0884 135.883 22.6523Z",
fill: `url(#${o.uniqueID}paint9_linear_1442_184)`
}, null, 8, $),
l("path", {
d: "M28.7394 149.912C39.044 153.877 44.505 165.157 41.2239 175.699C35.5765 193.845 10.6314 195.709 2.35016 178.604C-5.93106 161.499 11.0028 143.087 28.7394 149.912Z",
fill: `url(#${o.uniqueID}paint10_linear_1442_184)`
}, null, 8, I),
l("path", {
d: "M86.1248 189.796C85.5298 177.065 98.9036 168.435 110.258 174.224C121.667 180.04 122.48 196.033 111.72 202.976C100.96 209.919 86.7226 202.587 86.1248 189.796Z",
fill: `url(#${o.uniqueID}paint11_linear_1442_184)`
}, null, 8, g),
t[0] || (t[0] = l("path", {
d: "M82.3031 61.2816C92.2423 51.3425 108.357 51.3425 118.296 61.2816C128.235 71.2208 128.235 87.3354 118.296 97.2746C108.357 107.214 92.2423 107.214 82.3031 97.2746C72.3639 87.3354 72.3639 71.2208 82.3031 61.2816Z",
fill: "var(--dt-color-surface-contrast)"
}, null, -1)),
l("path", {
d: "M156.166 55.2415C162.311 49.8113 171.255 48.9561 178.318 53.123C185.382 57.29 188.959 65.5313 187.179 73.5368C185.398 81.5423 178.666 87.491 170.502 88.2717C162.338 89.0524 154.6 84.4875 151.335 76.9645C148.07 69.4416 150.02 60.6716 156.166 55.2415Z",
fill: `url(#${o.uniqueID}paint12_linear_1442_184)`
}, null, 8, h)
]),
l("defs", null, [
l("linearGradient", {
id: `${o.uniqueID}paint0_linear_1442_184`,
x1: "43.2335",
y1: "115.459",
x2: "-8.06975",
y2: "59.8569",
gradientUnits: "userSpaceOnUse"
}, [...t[1] || (t[1] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, m),
l("linearGradient", {
id: `${o.uniqueID}paint1_linear_1442_184`,
x1: "65.8693",
y1: "105.101",
x2: "73.5958",
y2: "138.031",
gradientUnits: "userSpaceOnUse"
}, [...t[2] || (t[2] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, B),
l("linearGradient", {
id: `${o.uniqueID}paint2_linear_1442_184`,
x1: "60.335",
y1: "64.0604",
x2: "64.3475",
y2: "81.1615",
gradientUnits: "userSpaceOnUse"
}, [...t[3] || (t[3] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, S),
l("linearGradient", {
id: `${o.uniqueID}paint3_linear_1442_184`,
x1: "138.293",
y1: "70.9393",
x2: "142.305",
y2: "88.0404",
gradientUnits: "userSpaceOnUse"
}, [...t[4] || (t[4] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, x),
l("linearGradient", {
id: `${o.uniqueID}paint4_linear_1442_184`,
x1: "25.9411",
y1: "128.835",
x2: "29.9536",
y2: "145.936",
gradientUnits: "userSpaceOnUse"
}, [...t[5] || (t[5] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, A),
l("linearGradient", {
id: `${o.uniqueID}paint5_linear_1442_184`,
x1: "72.4676",
y1: "22.5976",
x2: "136.955",
y2: "30.0495",
gradientUnits: "userSpaceOnUse"
}, [...t[6] || (t[6] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, E),
l("linearGradient", {
id: `${o.uniqueID}paint6_linear_1442_184`,
x1: "141.853",
y1: "103.07",
x2: "164.865",
y2: "201.143",
gradientUnits: "userSpaceOnUse"
}, [...t[7] || (t[7] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, O),
l("linearGradient", {
id: `${o.uniqueID}paint7_linear_1442_184`,
x1: "61.7849",
y1: "-1.93197",
x2: "86.052",
y2: "70.2115",
gradientUnits: "userSpaceOnUse"
}, [...t[8] || (t[8] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.494814",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, G),
l("linearGradient", {
id: `${o.uniqueID}paint8_linear_1442_184`,
x1: "120.536",
y1: "188.462",
x2: "39.6879",
y2: "164.934",
gradientUnits: "userSpaceOnUse"
}, [...t[9] || (t[9] = [
l("stop", {
offset: "0.297344",
"stop-color": "#7C52FF"
}, null, -1),
l("stop", {
offset: "0.762314",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, k),
l("linearGradient", {
id: `${o.uniqueID}paint9_linear_1442_184`,
x1: "120.332",
y1: "78.4866",
x2: "200.869",
y2: "16.5788",
gradientUnits: "userSpaceOnUse"
}, [...t[10] || (t[10] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.510446",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, b),
l("linearGradient", {
id: `${o.uniqueID}paint10_linear_1442_184`,
x1: "36.2115",
y1: "198.79",
x2: "-18.7005",
y2: "138.017",
gradientUnits: "userSpaceOnUse"
}, [...t[11] || (t[11] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.510446",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, w),
l("linearGradient", {
id: `${o.uniqueID}paint11_linear_1442_184`,
x1: "115.017",
y1: "175.046",
x2: "80.8665",
y2: "205.636",
gradientUnits: "userSpaceOnUse"
}, [...t[12] || (t[12] = [
l("stop", { "stop-color": "#7C52FF" }, null, -1),
l("stop", {
offset: "0.510446",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, M),
l("linearGradient", {
id: `${o.uniqueID}paint12_linear_1442_184`,
x1: "196.997",
y1: "90.2226",
x2: "157.544",
y2: "45.7756",
gradientUnits: "userSpaceOnUse"
}, [...t[13] || (t[13] = [
l("stop", {
offset: "0.297344",
"stop-color": "#7C52FF"
}, null, -1),
l("stop", {
offset: "0.762314",
"stop-color": "#F9008E"
}, null, -1),
l("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1)
])], 8, Z)
])
], 8, p);
}
const j = /* @__PURE__ */ a(u, [["render", v]]);
export {
j as default
};
//# sourceMappingURL=black-hole.js.map