@dialpad/dialtone-icons
Version:
Dialtone icon library
387 lines (386 loc) • 12.2 kB
JavaScript
import { g as e } from "../../utils-BOfnFgIH.js";
import { openBlock as n, createElementBlock as l, createElementVNode as t } from "vue";
import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const r = {
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 = e();
}
}, a = ["aria-label", "data-qa", "aria-hidden"], d = /* @__PURE__ */ t("mask", {
id: "mask0_1442_184",
style: { "mask-type": "alpha" },
maskUnits: "userSpaceOnUse",
x: "10",
y: "10",
width: "180",
height: "180"
}, [
/* @__PURE__ */ t("rect", {
x: "10",
y: "10",
width: "179.965",
height: "179.965",
rx: "89.9824",
fill: "#D9D9D9"
})
], -1), c = { mask: "url(#mask0_1442_184)" }, u = ["fill"], p = ["fill"], h = ["fill"], f = ["fill"], F = ["fill"], C = ["fill"], y = ["fill"], q = ["fill"], D = ["fill"], U = ["fill"], $ = ["fill"], I = ["fill"], g = /* @__PURE__ */ t("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), m = ["fill"], B = ["id"], S = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), x = /* @__PURE__ */ t("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1), A = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), E = [
S,
x,
A
], O = ["id"], G = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), k = /* @__PURE__ */ t("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1), b = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), w = [
G,
k,
b
], M = ["id"], Z = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), v = /* @__PURE__ */ t("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1), H = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), L = [
Z,
v,
H
], Q = ["id"], N = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), V = /* @__PURE__ */ t("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1), j = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), z = [
N,
V,
j
], J = ["id"], K = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), P = /* @__PURE__ */ t("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1), R = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), T = [
K,
P,
R
], W = ["id"], X = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), Y = /* @__PURE__ */ t("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1), t1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), o1 = [
X,
Y,
t1
], s1 = ["id"], i1 = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), e1 = /* @__PURE__ */ t("stop", {
offset: "0.520863",
"stop-color": "#F9008E"
}, null, -1), n1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), l1 = [
i1,
e1,
n1
], _1 = ["id"], r1 = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), a1 = /* @__PURE__ */ t("stop", {
offset: "0.494814",
"stop-color": "#F9008E"
}, null, -1), d1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), c1 = [
r1,
a1,
d1
], u1 = ["id"], p1 = /* @__PURE__ */ t("stop", {
offset: "0.297344",
"stop-color": "#7C52FF"
}, null, -1), h1 = /* @__PURE__ */ t("stop", {
offset: "0.762314",
"stop-color": "#F9008E"
}, null, -1), f1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), F1 = [
p1,
h1,
f1
], C1 = ["id"], y1 = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), q1 = /* @__PURE__ */ t("stop", {
offset: "0.510446",
"stop-color": "#F9008E"
}, null, -1), D1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), U1 = [
y1,
q1,
D1
], $1 = ["id"], I1 = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), g1 = /* @__PURE__ */ t("stop", {
offset: "0.510446",
"stop-color": "#F9008E"
}, null, -1), m1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), B1 = [
I1,
g1,
m1
], S1 = ["id"], x1 = /* @__PURE__ */ t("stop", { "stop-color": "#7C52FF" }, null, -1), A1 = /* @__PURE__ */ t("stop", {
offset: "0.510446",
"stop-color": "#F9008E"
}, null, -1), E1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), O1 = [
x1,
A1,
E1
], G1 = ["id"], k1 = /* @__PURE__ */ t("stop", {
offset: "0.297344",
"stop-color": "#7C52FF"
}, null, -1), b1 = /* @__PURE__ */ t("stop", {
offset: "0.762314",
"stop-color": "#F9008E"
}, null, -1), w1 = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), M1 = [
k1,
b1,
w1
];
function Z1(o, v1, i, H1, L1, s) {
return n(), l("svg", {
"aria-label": i.ariaLabel,
"data-qa": s.dataQA,
"aria-hidden": s.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"
}, [
d,
t("g", c, [
t("circle", {
cx: "22.9575",
cy: "87.7447",
r: "32.3937",
fill: `url(#${o.uniqueID}paint0_linear_1442_184)`
}, null, 8, u),
t("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, p),
t("circle", {
cx: "62.7234",
cy: "70.748",
r: "8.59832",
fill: `url(#${o.uniqueID}paint2_linear_1442_184)`
}, null, 8, h),
t("circle", {
cx: "140.681",
cy: "77.6269",
r: "8.59832",
fill: `url(#${o.uniqueID}paint3_linear_1442_184)`
}, null, 8, f),
t("circle", {
cx: "28.3295",
cy: "135.522",
r: "8.59832",
fill: `url(#${o.uniqueID}paint4_linear_1442_184)`
}, null, 8, F),
t("circle", {
cx: "103.941",
cy: "21.1579",
r: "26.2749",
fill: `url(#${o.uniqueID}paint5_linear_1442_184)`
}, null, 8, C),
t("circle", {
cx: "155.551",
cy: "141.423",
r: "49.3103",
fill: `url(#${o.uniqueID}paint6_linear_1442_184)`
}, null, 8, y),
t("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, q),
t("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, D),
t("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, U),
t("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, $),
t("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, I),
g,
t("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, m)
]),
t("defs", null, [
t("linearGradient", {
id: `${o.uniqueID}paint0_linear_1442_184`,
x1: "43.2335",
y1: "115.459",
x2: "-8.06975",
y2: "59.8569",
gradientUnits: "userSpaceOnUse"
}, E, 8, B),
t("linearGradient", {
id: `${o.uniqueID}paint1_linear_1442_184`,
x1: "65.8693",
y1: "105.101",
x2: "73.5958",
y2: "138.031",
gradientUnits: "userSpaceOnUse"
}, w, 8, O),
t("linearGradient", {
id: `${o.uniqueID}paint2_linear_1442_184`,
x1: "60.335",
y1: "64.0604",
x2: "64.3475",
y2: "81.1615",
gradientUnits: "userSpaceOnUse"
}, L, 8, M),
t("linearGradient", {
id: `${o.uniqueID}paint3_linear_1442_184`,
x1: "138.293",
y1: "70.9393",
x2: "142.305",
y2: "88.0404",
gradientUnits: "userSpaceOnUse"
}, z, 8, Q),
t("linearGradient", {
id: `${o.uniqueID}paint4_linear_1442_184`,
x1: "25.9411",
y1: "128.835",
x2: "29.9536",
y2: "145.936",
gradientUnits: "userSpaceOnUse"
}, T, 8, J),
t("linearGradient", {
id: `${o.uniqueID}paint5_linear_1442_184`,
x1: "72.4676",
y1: "22.5976",
x2: "136.955",
y2: "30.0495",
gradientUnits: "userSpaceOnUse"
}, o1, 8, W),
t("linearGradient", {
id: `${o.uniqueID}paint6_linear_1442_184`,
x1: "141.853",
y1: "103.07",
x2: "164.865",
y2: "201.143",
gradientUnits: "userSpaceOnUse"
}, l1, 8, s1),
t("linearGradient", {
id: `${o.uniqueID}paint7_linear_1442_184`,
x1: "61.7849",
y1: "-1.93197",
x2: "86.052",
y2: "70.2115",
gradientUnits: "userSpaceOnUse"
}, c1, 8, _1),
t("linearGradient", {
id: `${o.uniqueID}paint8_linear_1442_184`,
x1: "120.536",
y1: "188.462",
x2: "39.6879",
y2: "164.934",
gradientUnits: "userSpaceOnUse"
}, F1, 8, u1),
t("linearGradient", {
id: `${o.uniqueID}paint9_linear_1442_184`,
x1: "120.332",
y1: "78.4866",
x2: "200.869",
y2: "16.5788",
gradientUnits: "userSpaceOnUse"
}, U1, 8, C1),
t("linearGradient", {
id: `${o.uniqueID}paint10_linear_1442_184`,
x1: "36.2115",
y1: "198.79",
x2: "-18.7005",
y2: "138.017",
gradientUnits: "userSpaceOnUse"
}, B1, 8, $1),
t("linearGradient", {
id: `${o.uniqueID}paint11_linear_1442_184`,
x1: "115.017",
y1: "175.046",
x2: "80.8665",
y2: "205.636",
gradientUnits: "userSpaceOnUse"
}, O1, 8, S1),
t("linearGradient", {
id: `${o.uniqueID}paint12_linear_1442_184`,
x1: "196.997",
y1: "90.2226",
x2: "157.544",
y2: "45.7756",
gradientUnits: "userSpaceOnUse"
}, M1, 8, G1)
])
], 8, a);
}
const j1 = /* @__PURE__ */ _(r, [["render", Z1]]);
export {
j1 as default
};
//# sourceMappingURL=black-hole.js.map