UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

1 lines 1.53 kB
{"version":3,"file":"sr_only_close_button.cjs","names":[],"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=\"closeButtonTitle\"\n :title=\"closeButtonTitle\"\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';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n name: 'SrOnlyCloseButton',\n components: {\n DtIconClose,\n DtButton,\n },\n\n emits: ['close'],\n\n data () {\n return {\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n closeButtonTitle () {\n return this.i18n.$t('DIALTONE_CLOSE_BUTTON');\n },\n },\n\n methods: {\n close () {\n this.$emit('close');\n },\n },\n};\n</script>\n"],"mappings":"+RAmBA,IAAK,EAAU,CACb,KAAM,oBACN,WAAY,CACV,oDAAA,YACA,SAAA,EAAA,QACD,CAED,MAAO,CAAC,QAAQ,CAEhB,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,wBAAwB,EAE/C,CAED,QAAS,CACP,OAAS,CACP,KAAK,MAAM,QAAQ,EAEtB,CACF,uJAlCa,EAAA,CATV,GAAG,uBACH,UAAQ,0BACR,MAAM,kBACL,aAAY,EAAA,iBACZ,MAAO,EAAA,iBACP,QAAO,EAAA,MACP,WAAA,EAAA,EAAA,WAAA,EAAA,EAAA,eAA4B,EAAA,MAAK,CAAA,UAAA,OAAA,CAAA,CAAA,CAAA,QAAA,CAAA,6BAEjB,EAAA,EAAA,EAAA,aAAA,EAAA,CAAA,CAAA"}