UNPKG

@dialpad/dialtone-icons

Version:
1 lines 3.83 kB
{"version":3,"file":"atomic-pathway.cjs","names":[],"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"],"mappings":"2HAgCA,IAAK,EAAU,CACb,KAAM,8BAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,IAAA,GACV,CACF,CAMD,MAAO,CAAC,SAAS,CAEjB,SAAU,CACR,YAAc,CACZ,OAAQ,KAAK,UAAqB,QAAT,QAG3B,QAAU,CACR,OAAO,KAAK,OAAO,YAAc,mBAEpC,CAED,SAAW,CACT,KAAK,MAAM,SAAS,CACpB,KAAK,SAAW,EAAA,GAAiB,EAEpC,uIAxCK,MAAA,CAxBE,aAAY,EAAA,UAAY,UAAS,EAAA,OAClC,cAAa,EAAA,WACd,UAAU,QACV,KAAK,MACL,YAAU,iBACV,MAAM,gDAAgD,MAAM,MAAM,OAAO,MAAM,QAAQ,cAAc,KAAK,OAAO,MAAM,oEACb,SAAA,CAAxG,GAAG,UAAU,GAAG,UAAU,EAAE,UAAU,OAAO,mCAAmC,mBAAiB,0CACT,SAAA,CAAxF,GAAG,SAAS,GAAG,UAAU,EAAE,UAAW,KAAI,QAAU,EAAA,SAAQ,8sCAgB7D,OAAA,KAAA,EAAA,EAAA,EAAA,oBADU,iBAAA,CAJA,GAAE,GAAK,EAAA,SAAQ,wBAA0B,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,cAAc,4DAC9E,OAAA,CAAxC,OAAO,WAAW,aAAW,6CACW,OAAA,CAAxC,OAAO,WAAW,aAAW,6CACI,OAAA,CAAjC,OAAO,IAAI,aAAW"}