UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

1 lines 1.75 kB
{"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=\"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"],"names":["_sfc_main","DtIconClose","DtButton","DialtoneLocalization","_createBlock","_component_dt_button","$options","_withKeys","_withModifiers","_withCtx","_createVNode","_component_dt_icon_close"],"mappings":"iTAmBKA,EAAU,CACb,KAAM,oBACN,WAAY,aACVC,EAAAA,YACA,SAAAC,EAAAA,SAGF,MAAO,CAAC,OAAO,EAEf,MAAQ,CACN,MAAO,CACL,KAAM,IAAIC,EAAAA,qBAEd,EAEA,SAAU,CACR,kBAAoB,CAClB,OAAO,KAAK,KAAK,GAAG,uBAAuB,CAC7C,GAGF,QAAS,CACP,OAAS,CACP,KAAK,MAAM,OAAO,CACpB,EAEJ,6HA5CEC,EAAAA,YAUYC,EAAA,CATV,GAAG,uBACH,UAAQ,0BACR,MAAM,kBACL,aAAYC,EAAA,iBACZ,MAAOA,EAAA,iBACP,QAAOA,EAAA,MACP,UARLC,EAAAA,SAAAC,EAAAA,cAQiCF,EAAA,MAAK,CAAA,UAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IARtC,QAAAG,EAAAA,QAUI,IAAiB,CAAjBC,EAAAA,YAAiBC,CAAA,IAVrB,EAAA"}