@dialpad/dialtone-icons
Version:
Dialtone icon library
102 lines (101 loc) • 3.29 kB
JavaScript
import { g as o } from "../utils-BOfnFgIH.js";
import { I as i } from "../constants-DeVuDy8J.js";
import { openBlock as l, createElementBlock as n, normalizeClass as d, createElementVNode as t } from "vue";
import { _ as r } from "../_plugin-vue_export-helper-CHgC5LLL.js";
const c = {
name: "DtIconDialbot",
props: {
/**
* The size of the icon.
* @values 100, 200, 300, 400, 500, 600, 700, 800
*/
size: {
type: String,
default: "500",
validator: (e) => Object.keys(i).includes(e)
},
/**
* The label of the icon as read out by a screenreader. Leave this unset if your icon is purely presentational
*/
ariaLabel: {
type: String,
default: void 0
}
},
/**
* @TODO: Remove this emit once the icons migration is complete,
* they will no longer need this event.
* */
emits: ["loaded"],
computed: {
iconSizeClass() {
return i[this.size];
},
ariaHidden() {
return this.ariaLabel ? "false" : "true";
},
dataQA() {
return this.$attrs["data-qa"] ?? "dt-icon";
}
},
created() {
this.$emit("loaded"), this.uniqueID = o();
}
}, _ = ["aria-label", "data-qa", "aria-hidden"], u = ["clip-path"], h = ["fill"], f = /* @__PURE__ */ t("path", {
fill: "#fff",
d: "M17.8 18v.8h1.294l-.578-1.158L17.8 18Zm-1.122-2.243-.623-.501-.322.4.23.459.716-.358ZM12 6.8a5.2 5.2 0 0 1 5.2 5.2h1.6A6.8 6.8 0 0 0 12 5.2v1.6ZM6.8 12A5.2 5.2 0 0 1 12 6.8V5.2A6.8 6.8 0 0 0 5.2 12h1.6Zm5.2 5.2A5.2 5.2 0 0 1 6.8 12H5.2a6.8 6.8 0 0 0 6.8 6.8v-1.6Zm5.8 0H12v1.6h5.8v-1.6Zm-1.837-1.085 1.121 2.243 1.432-.716-1.122-2.243-1.431.716ZM17.2 12a5.175 5.175 0 0 1-1.145 3.256l1.247 1.002A6.775 6.775 0 0 0 18.8 12h-1.6Zm-2 1.6a4.824 4.824 0 0 1-1.491.887 4.817 4.817 0 0 1-3.418 0 4.822 4.822 0 0 1-1.49-.887v-.8c.294.178.627.331.998.46.367.134.744.238 1.127.313.386.076.745.114 1.078.114a5.51 5.51 0 0 0 1.077-.114 7.53 7.53 0 0 0 1.127-.313c.371-.129.702-.282.992-.46v.8Z"
}, null, -1), p = ["id"], m = /* @__PURE__ */ t("stop", {
offset: ".1",
"stop-color": "#F9008E"
}, null, -1), v = /* @__PURE__ */ t("stop", {
offset: ".9",
"stop-color": "#7C52FF"
}, null, -1), b = [
m,
v
], g = ["id"], I = /* @__PURE__ */ t("path", {
fill: "#fff",
d: "M0 0h24v24H0z"
}, null, -1), Z = [
I
];
function q(e, D, s, S, A, a) {
return l(), n("svg", {
"aria-label": s.ariaLabel,
class: d([a.iconSizeClass, "d-icon d-icon--dialbot"]),
"data-qa": a.dataQA,
"aria-hidden": a.ariaHidden,
role: "img",
"data-name": "Dialbot",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, [
t("g", {
"clip-path": `url(#${e.uniqueID}a)`
}, [
t("path", {
fill: `url(#${e.uniqueID}b)`,
d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z"
}, null, 8, h),
f
], 8, u),
t("defs", null, [
t("linearGradient", {
id: `${e.uniqueID}b`,
x1: "0",
x2: "24",
y1: "0",
y2: "24",
gradientUnits: "userSpaceOnUse"
}, b, 8, p),
t("clipPath", {
id: `${e.uniqueID}a`
}, Z, 8, g)
])
], 10, _);
}
const y = /* @__PURE__ */ r(c, [["render", q]]);
export {
y as default
};
//# sourceMappingURL=dialbot.js.map