@dialpad/dialtone-vue/dist/lib/loader/loader.cjs.map

Vue component library for Dialpad's design system Dialtone

{"version":3,"file":"loader.cjs","sources":["../../../components/loader/loader.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-loader\"\n    :aria-label=\"loaderText\"\n    data-qa=\"dt-loader\"\n  >\n    <dt-icon-loading\n      class=\"d-loader__icon\"\n      data-qa=\"dt-loader-icon\"\n      :size=\"size\"\n    />\n  </div>\n</template>\n\n<script>\nimport { DtIconLoading } from '@dialpad/dialtone-icons/vue2';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  name: 'DtLoader',\n\n  components: {\n    DtIconLoading,\n  },\n\n  props: {\n    /**\n     * The label of the loader as read out by a screen reader.\n     * Default is \"loading\"\n     */\n    ariaLabel: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The size of the icon.\n     * @values 100, 200, 300, 400, 500, 600, 700, 800\n     */\n    size: {\n      type: String,\n      default: '500',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    loaderText () {\n      return this.ariaLabel || this.i18n.$t('DIALTONE_LOADING');\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtIconLoading","s","ICON_SIZE_MODIFIERS","DialtoneLocalization"],"mappings":"sSAmBAA,EAAA,CACA,KAAA,WAEA,WAAA,CACA,cAAAC,EAAAA,aACA,EAEA,MAAA,CAKA,UAAA,CACA,KAAA,OACA,QAAA,EACA,EAMA,KAAA,CACA,KAAA,OACA,QAAA,MACA,UAAAC,GAAA,OAAA,KAAAC,qBAAA,EAAA,SAAAD,CAAA,CACA,CACA,EAEA,MAAA,CACA,MAAA,CACA,KAAA,IAAAE,EAAAA,oBACA,CACA,EAEA,SAAA,CACA,YAAA,CACA,OAAA,KAAA,WAAA,KAAA,KAAA,GAAA,kBAAA,CACA,CACA,CACA"}