@dialpad/dialtone-icons/vue2/dist/components/atomic-pathway.js

Dialtone icon library

import { g as a } from "../utils-BOfnFgIH.js";
import { n as s } from "../_plugin-vue2_normalizer-DSLOjnn3.js";
const e = {
  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 = a();
  }
};
var o = function() {
  var r = this, t = r._self._c;
  return t("svg", { staticClass: "d-illustration d-illustration--atomic-pathway", attrs: { "aria-label": r.ariaLabel, "data-qa": r.dataQA, "aria-hidden": r.ariaHidden, focusable: "false", role: "img", "data-name": "Atomic Pathway", width: "200", height: "200", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg" } }, [t("circle", { attrs: { cx: "74.9676", cy: "111.584", r: "57.5418", stroke: "var(--dt-color-surface-contrast)", "stroke-dasharray": "2 2" } }), t("circle", { attrs: { cx: "74.968", cy: "111.584", r: "35.4006", fill: `url(#${r.uniqueID}paint0_linear_1442_183)` } }), t("circle", { attrs: { 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)" } }), t("circle", { attrs: { 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)" } }), t("circle", { attrs: { cx: "167.268", cy: "157.963", r: "6.17617", fill: "var(--dt-color-surface-contrast)" } }), t("circle", { attrs: { cx: "70.6146", cy: "186.352", r: "6.84948", fill: "var(--dt-color-surface-contrast)" } }), t("circle", { attrs: { cx: "100.088", cy: "100.088", r: "96.5883", stroke: "var(--dt-color-surface-contrast)", "stroke-dasharray": "2 2" } }), t("path", { attrs: { d: "M127.841 92.7378V111.349", stroke: "var(--dt-color-surface-contrast)", "stroke-width": "2.27211", "stroke-miterlimit": "10" } }), t("path", { attrs: { d: "M118.533 102.046H137.144", stroke: "var(--dt-color-surface-contrast)", "stroke-width": "2.27211", "stroke-miterlimit": "10" } }), t("path", { attrs: { d: "M121.256 95.4614L134.421 108.626", stroke: "var(--dt-color-surface-contrast)", "stroke-width": "2.27211", "stroke-miterlimit": "10" } }), t("path", { attrs: { d: "M121.256 108.626L134.421 95.4614", stroke: "var(--dt-color-surface-contrast)", "stroke-width": "2.27211", "stroke-miterlimit": "10" } }), t("defs", [t("linearGradient", { attrs: { id: `${r.uniqueID}paint0_linear_1442_183`, x1: "121.996", y1: "160.057", x2: "83.1019", y2: "63.6407", gradientUnits: "userSpaceOnUse" } }, [t("stop", { attrs: { offset: "0.297344", "stop-color": "#7C52FF" } }), t("stop", { attrs: { offset: "0.762314", "stop-color": "#F9008E" } }), t("stop", { attrs: { offset: "1", "stop-color": "#F6AB3C" } })], 1)], 1)]);
}, i = [], c = /* @__PURE__ */ s(
  e,
  o,
  i
);
const f = c.exports;
export {
  f as default
};
//# sourceMappingURL=atomic-pathway.js.map