@mee4dy/crud/dist/ui/vue/components/Btn/Index.vue.cjs.map

Create a backend and frontend in 5 minutes! With our powerful full stack crud system, customize it to suit you.

{"version":3,"file":"Index.vue.cjs","sources":["../../../../../ui/vue/components/Btn/Index.vue"],"sourcesContent":["<template>\n  <b-button class=\"crud-ui-btn\" v-bind=\"$attrs\" v-on=\"$listeners\">\n    <ui-mdi-icon v-if=\"icon\" :icon=\"icon\" :size=\"iconSizeComputed\" />\n    <span>\n      <slot></slot>\n    </span>\n  </b-button>\n</template>\n\n<script>\nimport { BButton } from 'bootstrap-vue';\nimport MdiIcon from '../MdiIcon/Index.vue';\n\nexport default {\n  components: {\n    'b-button': BButton,\n    'ui-mdi-icon': MdiIcon,\n  },\n  props: {\n    icon: {\n      type: String | Boolean,\n      default: false,\n    },\n    iconSize: {\n      type: Number,\n      default: undefined,\n    },\n  },\n  computed: {\n    iconSizeComputed() {\n      if (this.$attrs.size === 'sm') {\n        return 14;\n      }\n\n      return;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.crud-ui-btn {\n  display: inline-flex;\n  align-items: center;\n  padding-left: 10px;\n  padding-right: 10px;\n\n  .crud-ui-mdi {\n    margin-right: 5px;\n  }\n}\n</style>\n"],"names":["_sfc_main","BButton","MdiIcon"],"mappings":"oLAaAA,EAAA,CACA,WAAA,CACA,WAAAC,EAAA,QACA,cAAAC,CACA,EACA,MAAA,CACA,KAAA,CACA,KAAA,OAAA,QACA,QAAA,EACA,EACA,SAAA,CACA,KAAA,OACA,QAAA,MACA,CACA,EACA,SAAA,CACA,kBAAA,CACA,GAAA,KAAA,OAAA,OAAA,KACA,MAAA,GAIA,CACA,CACA"}