@dialpad/dialtone-icons
Version:
Dialtone icon library
162 lines (161 loc) • 5.95 kB
JavaScript
import { g as r } from "../../utils-BOfnFgIH.js";
import { I as o } from "../../constants-DeVuDy8J.js";
import { openBlock as s, createElementBlock as n, normalizeClass as d, createElementVNode as e, createStaticVNode as u } from "vue";
import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const p = {
name: "DtIconMicrosoftDynamics365",
props: {
/**
* The size of the icon.
* @values 100, 200, 300, 400, 500, 600, 700, 800
*/
size: {
type: String,
default: "500",
validator: (i) => Object.keys(o).includes(i)
},
/**
* 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 o[this.size];
},
ariaHidden() {
return this.ariaLabel ? "false" : "true";
},
dataQA() {
return this.$attrs["data-qa"] ?? "dt-icon";
}
},
created() {
this.$emit("loaded"), this.uniqueID = r();
}
}, c = ["aria-label", "data-qa", "aria-hidden"], m = { mask: "url(#a)" }, g = ["fill"], y = ["fill"], B = ["fill"], h = ["id"], v = ["id"], F = ["id"];
function I(i, t, a, S, D, l) {
return s(), n("svg", {
"aria-label": a.ariaLabel,
class: d([l.iconSizeClass, "d-icon d-icon--microsoft-dynamics-365"]),
"data-qa": l.dataQA,
"aria-hidden": l.ariaHidden,
role: "img",
"data-name": "Microsoft Dynamics 365",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, [
t[7] || (t[7] = e("mask", {
id: "a",
style: { "mask-type": "alpha" },
maskUnits: "userSpaceOnUse",
x: "4",
y: "2",
width: "15",
height: "20"
}, [
e("path", {
d: "M18.583 8.328c0-.88-.553-1.666-1.382-1.962L5.114 2.049A.833.833 0 0 0 4 2.834v6.564c0 .352.221.666.553.784l5.417 1.935a.833.833 0 0 0 1.113-.785V7.563c0-.29.291-.492.564-.39l1.42.535a2.083 2.083 0 0 1 1.35 1.95v1.641l-6.12 2.236a.833.833 0 0 0-.547.783v6.559c0 .578.576.98 1.12.782l8.345-3.05a2.083 2.083 0 0 0 1.368-1.956V8.328z",
fill: "#fff"
})
], -1)),
e("g", m, [
e("path", {
d: "M4 1.652 18.583 6.86v7.15c0 .577-.57.98-1.113.786l-3.053-1.09v-4.05c0-.867-.538-1.644-1.35-1.95l-1.42-.533a.417.417 0 0 0-.564.39v4.952L4 9.985V1.652z",
fill: `url(#${i.uniqueID}b)`
}, null, 8, g),
t[0] || (t[0] = e("g", { filter: "url(#c)" }, [
e("path", {
d: "M18.583 8.401c0 .875-.546 1.659-1.368 1.959L7.75 13.818v8.333l10.833-3.958V8.401z",
fill: "currentColor",
"fill-opacity": ".24"
})
], -1)),
t[1] || (t[1] = e("g", { filter: "url(#d)" }, [
e("path", {
d: "M18.583 8.735c0 .875-.546 1.658-1.368 1.958L7.75 14.152v8.333l10.833-3.959V8.735z",
fill: "currentColor",
"fill-opacity": ".32"
})
], -1)),
e("path", {
d: "M18.583 8.318c0 .875-.546 1.658-1.368 1.959L7.75 13.735v8.333l10.833-3.958V8.318z",
fill: `url(#${i.uniqueID}e)`
}, null, 8, y),
e("path", {
opacity: ".5",
d: "M18.583 8.318c0 .875-.546 1.658-1.368 1.959L7.75 13.735v8.333l10.833-3.958V8.318z",
fill: `url(#${i.uniqueID}f)`
}, null, 8, B),
t[2] || (t[2] = e("path", {
opacity: ".5",
d: "m14.417 11.302-3.335 1.22v4.887c0 .29.29.492.563.39l1.423-.536a2.083 2.083 0 0 0 1.349-1.95v-4.011z",
fill: "#B0ADFF"
}, null, -1))
]),
e("defs", null, [
e("linearGradient", {
id: `${i.uniqueID}b`,
x1: "9.426",
y1: "1.652",
x2: "13.304",
y2: "11.802",
gradientUnits: "userSpaceOnUse"
}, [...t[3] || (t[3] = [
e("stop", { "stop-color": "#0B53CE" }, null, -1),
e("stop", {
offset: "1",
"stop-color": "#7252AA"
}, null, -1)
])], 8, h),
e("linearGradient", {
id: `${i.uniqueID}e`,
x1: "14.862",
y1: "21.337",
x2: "14.862",
y2: "9.238",
gradientUnits: "userSpaceOnUse"
}, [...t[4] || (t[4] = [
e("stop", { "stop-color": "#2266E3" }, null, -1),
e("stop", {
offset: "1",
"stop-color": "#AE7FE2"
}, null, -1)
])], 8, v),
e("linearGradient", {
id: `${i.uniqueID}f`,
x1: "18.583",
y1: "13.69",
x2: "14.433",
y2: "13.69",
gradientUnits: "userSpaceOnUse"
}, [...t[5] || (t[5] = [
e("stop", { "stop-color": "#94B9FF" }, null, -1),
e("stop", {
offset: ".288",
"stop-color": "#94B9FF",
"stop-opacity": ".524"
}, null, -1),
e("stop", {
offset: "1",
"stop-color": "#538FFF",
"stop-opacity": "0"
}, null, -1)
])], 8, F),
t[6] || (t[6] = u('<filter id="c" x="6.95" y="7.601" width="12.433" height="15.35" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation=".4" result="effect1_foregroundBlur"></feGaussianBlur></filter><filter id="d" x="-.25" y=".735" width="26.833" height="29.75" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur"></feGaussianBlur></filter>', 2))
])
], 10, c);
}
const k = /* @__PURE__ */ f(p, [["render", I]]);
export {
k as default
};
//# sourceMappingURL=microsoft-dynamics-365.js.map