@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1 lines • 1.62 kB
Source Map (JSON)
{"version":3,"file":"sr_only_close_button.cjs","sources":["../../common/sr_only_close_button.vue"],"sourcesContent":["<template>\n <dt-button\n id=\"sr-only-close-button\"\n data-qa=\"dt-sr-only-close-button\"\n class=\"d-vi-visible-sr\"\n :aria-label=\"visuallyHiddenCloseLabel\"\n @click=\"close\"\n @keydown.space.prevent.stop=\"close\"\n >\n <dt-icon-close />\n </dt-button>\n</template>\n\n<script>\nimport { DtIconClose } from '@dialpad/dialtone-icons/vue3';\nimport { DtButton } from '@/components/button';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIconClose,\n DtButton,\n },\n\n props: {\n /**\n * Label for the visually hidden close button\n * Required if visuallyHiddenClose is set to `true`\n */\n visuallyHiddenCloseLabel: {\n type: String,\n default: null,\n },\n },\n\n emits: ['close'],\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"names":["_sfc_main","DtIconClose","DtButton","_createBlock","_component_dt_button","$props","$options","_withKeys","_withModifiers","_withCtx","_createVNode","_component_dt_icon_close"],"mappings":"0QAiBKA,EAAU,CACb,KAAM,oBACN,WAAY,aACVC,EAAW,YACX,SAAAC,EAAQ,OACT,EAED,MAAO,CAKL,yBAA0B,CACxB,KAAM,OACN,QAAS,IACV,CACF,EAED,MAAO,CAAC,OAAO,EAEf,QAAS,CACP,OAAS,CACP,KAAK,MAAM,OAAO,CACnB,CACF,CACH,6HAzCEC,EASY,YAAAC,EAAA,CARV,GAAG,uBACH,UAAQ,0BACR,MAAM,kBACL,aAAYC,EAAwB,yBACpC,QAAOC,EAAK,MACZ,UAPLC,EAAA,SAAAC,gBAOiCF,EAAK,MAAA,CAAA,UAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAPtC,QAAAG,EAAA,QASI,IAAiB,CAAjBC,EAAAA,YAAiBC,CAAA,IATrB,EAAA"}