@dialpad/dialtone-icons
Version:
Dialtone icon library
1 lines • 3.35 kB
Source Map (JSON)
{"version":3,"file":"atomic-pathway.cjs","sources":["../../../src/illustrations/atomic-pathway.vue"],"sourcesContent":["<template>\n <svg :aria-label=\"ariaLabel\" :data-qa=\"dataQA\"\n :aria-hidden=\"ariaHidden\"\n focusable=\"false\"\n role=\"img\"\n data-name=\"Atomic Pathway\"\n 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\">\n<circle cx=\"74.9676\" cy=\"111.584\" r=\"57.5418\" stroke=\"var(--dt-color-surface-contrast)\" stroke-dasharray=\"2 2\"/>\n<circle cx=\"74.968\" cy=\"111.584\" r=\"35.4006\" :fill=\"`url(#${uniqueID}paint0_linear_1442_183)`\"/>\n<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)\"/>\n<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)\"/>\n<circle cx=\"167.268\" cy=\"157.963\" r=\"6.17617\" fill=\"var(--dt-color-surface-contrast)\"/>\n<circle cx=\"70.6146\" cy=\"186.352\" r=\"6.84948\" fill=\"var(--dt-color-surface-contrast)\"/>\n<circle cx=\"100.088\" cy=\"100.088\" r=\"96.5883\" stroke=\"var(--dt-color-surface-contrast)\" stroke-dasharray=\"2 2\"/>\n<path d=\"M127.841 92.7378V111.349\" stroke=\"var(--dt-color-surface-contrast)\" stroke-width=\"2.27211\" stroke-miterlimit=\"10\"/>\n<path d=\"M118.533 102.046H137.144\" stroke=\"var(--dt-color-surface-contrast)\" stroke-width=\"2.27211\" stroke-miterlimit=\"10\"/>\n<path d=\"M121.256 95.4614L134.421 108.626\" stroke=\"var(--dt-color-surface-contrast)\" stroke-width=\"2.27211\" stroke-miterlimit=\"10\"/>\n<path d=\"M121.256 108.626L134.421 95.4614\" stroke=\"var(--dt-color-surface-contrast)\" stroke-width=\"2.27211\" stroke-miterlimit=\"10\"/>\n<defs>\n<linearGradient :id=\"`${uniqueID}paint0_linear_1442_183`\" x1=\"121.996\" y1=\"160.057\" x2=\"83.1019\" y2=\"63.6407\" gradientUnits=\"userSpaceOnUse\">\n<stop offset=\"0.297344\" stop-color=\"#7C52FF\"/>\n<stop offset=\"0.762314\" stop-color=\"#F9008E\"/>\n<stop offset=\"1\" stop-color=\"#F6AB3C\"/>\n</linearGradient>\n</defs>\n</svg>\n\n</template>\n\n<script>\nimport { getUniqueString } from '@/src/utils';\n\nexport default {\n name: 'DtIllustrationAtomicPathway',\n\n props: {\n /**\n * The label of the illustration as read out by a screenreader. Leave this unset if your illustration is purely presentational\n */\n ariaLabel: {\n type: String,\n default: undefined,\n },\n },\n\n /**\n * @TODO: Remove this emit once the illustrations migration is complete,\n * they will no longer need this event.\n * */\n emits: ['loaded'],\n\n computed: {\n ariaHidden () {\n return !this.ariaLabel ? 'true' : 'false';\n },\n\n dataQA () {\n return this.$attrs['data-qa'] ?? 'dt-illustration';\n },\n },\n\n created () {\n this.$emit('loaded');\n this.uniqueID = getUniqueString();\n },\n};\n</script>\n"],"names":["_sfc_main","getUniqueString"],"mappings":"2GAgCAA,EAAA,CACA,KAAA,8BAEA,MAAA,CAIA,UAAA,CACA,KAAA,OACA,QAAA,MACA,CACA,EAMA,MAAA,CAAA,QAAA,EAEA,SAAA,CACA,YAAA,CACA,OAAA,KAAA,UAAA,QAAA,MACA,EAEA,QAAA,CACA,OAAA,KAAA,OAAA,SAAA,GAAA,iBACA,CACA,EAEA,SAAA,CACA,KAAA,MAAA,QAAA,EACA,KAAA,SAAAC,EAAAA,GACA,CACA"}