@dialpad/dialtone-icons
Version:
Dialtone icon library
91 lines (90 loc) • 3.56 kB
JavaScript
import { g as o } from "../utils-BOfnFgIH.js";
import { openBlock as i, createElementBlock as c, createElementVNode as t, createStaticVNode as s } from "vue";
import { _ as l } from "../_plugin-vue_export-helper-CHgC5LLL.js";
const n = {
name: "DtIllustrationAtomicPathway",
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 = o();
}
}, d = ["aria-label", "data-qa", "aria-hidden"], u = /* @__PURE__ */ t("circle", {
cx: "74.9676",
cy: "111.584",
r: "57.5418",
stroke: "var(--dt-color-surface-contrast)",
"stroke-dasharray": "2 2"
}, null, -1), f = ["fill"], h = /* @__PURE__ */ s('<circle cx="5.82409" cy="5.82409" r="5.82409" transform="matrix(-1 0 0 1 186.643 50.2524)" fill="var(--dt-color-surface-contrast)"></circle><circle cx="5.82409" cy="5.82409" r="5.82409" transform="matrix(-1 0 0 1 44.8509 17.1189)" fill="var(--dt-color-surface-contrast)"></circle><circle cx="167.268" cy="157.963" r="6.17617" fill="var(--dt-color-surface-contrast)"></circle><circle cx="70.6146" cy="186.352" r="6.84948" fill="var(--dt-color-surface-contrast)"></circle><circle cx="100.088" cy="100.088" r="96.5883" stroke="var(--dt-color-surface-contrast)" stroke-dasharray="2 2"></circle><path d="M127.841 92.7378V111.349" stroke="var(--dt-color-surface-contrast)" stroke-width="2.27211" stroke-miterlimit="10"></path><path d="M118.533 102.046H137.144" stroke="var(--dt-color-surface-contrast)" stroke-width="2.27211" stroke-miterlimit="10"></path><path d="M121.256 95.4614L134.421 108.626" stroke="var(--dt-color-surface-contrast)" stroke-width="2.27211" stroke-miterlimit="10"></path><path d="M121.256 108.626L134.421 95.4614" stroke="var(--dt-color-surface-contrast)" stroke-width="2.27211" stroke-miterlimit="10"></path>', 9), _ = ["id"], m = /* @__PURE__ */ t("stop", {
offset: "0.297344",
"stop-color": "#7C52FF"
}, null, -1), p = /* @__PURE__ */ t("stop", {
offset: "0.762314",
"stop-color": "#F9008E"
}, null, -1), k = /* @__PURE__ */ t("stop", {
offset: "1",
"stop-color": "#F6AB3C"
}, null, -1), y = [
m,
p,
k
];
function v(r, x, e, w, g, a) {
return i(), c("svg", {
"aria-label": e.ariaLabel,
"data-qa": a.dataQA,
"aria-hidden": a.ariaHidden,
focusable: "false",
role: "img",
"data-name": "Atomic Pathway",
class: "d-illustration d-illustration--atomic-pathway",
width: "200",
height: "200",
viewBox: "0 0 200 200",
fill: "none",
xmlns: "http://www.w3.org/2000/svg"
}, [
u,
t("circle", {
cx: "74.968",
cy: "111.584",
r: "35.4006",
fill: `url(#${r.uniqueID}paint0_linear_1442_183)`
}, null, 8, f),
h,
t("defs", null, [
t("linearGradient", {
id: `${r.uniqueID}paint0_linear_1442_183`,
x1: "121.996",
y1: "160.057",
x2: "83.1019",
y2: "63.6407",
gradientUnits: "userSpaceOnUse"
}, y, 8, _)
])
], 8, d);
}
const L = /* @__PURE__ */ l(n, [["render", v]]);
export {
L as default
};
//# sourceMappingURL=atomic-pathway.js.map