{"version":3,"file":"keyboard_tooltip-RwNeAu1p.js","sources":["../../../app/javascript/components/shared/keyboard_tooltip.vue"],"sourcesContent":["<template>\n  <div\n    class=\"keyboard-tooltip-container\"\n    v-tooltip=\"{\n      content: content,\n      delay: {show: 500},\n      html: true,\n      autoHide: false,\n      offset: 10,\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"KeyboardTooltip\",\n  props: {\n    keyName: { type: String, default: null },\n    label: { type: String, default: null },\n    labelAfter: { type: String, default: null },\n    keyboardIcon: { type: Boolean, default: false },\n  },\n  computed: {\n    content() {\n      const icon = this.keyboardIcon ? \"<i class='v-icon material-icons'>keyboard</i>\" : null\n      const keyTip = this.keyName ? `<span class='keyboard-tip'>${this.keyName}</span>` : null\n\n\n      return [\n        this.label,\n        icon,\n        keyTip,\n        this.labelAfter,\n      ].filter(Boolean).join(\"&nbsp;&nbsp;\")\n    },\n  },\n}\n</script>\n\n<style scoped>\n .keyboard-tooltip-container {\n   display: inline;\n }\n</style>\n\n<style >\n  .keyboard-tip {\n    padding: 0 4px 0px;\n    margin: 0;\n    border-radius: 4px;\n    background: #ffffff35;\n    color: #ffffff;\n  }\n</style>\n"],"names":["_sfc_main","icon","keyTip"],"mappings":"yaAgBA,MAAAA,EAAA,CACA,KAAA,kBACA,MAAA,CACA,QAAA,CAAA,KAAA,OAAA,QAAA,IAAA,EACA,MAAA,CAAA,KAAA,OAAA,QAAA,IAAA,EACA,WAAA,CAAA,KAAA,OAAA,QAAA,IAAA,EACA,aAAA,CAAA,KAAA,QAAA,QAAA,EAAA,CACA,EACA,SAAA,CACA,SAAA,CACA,MAAAC,EAAA,KAAA,aAAA,gDAAA,KACAC,EAAA,KAAA,QAAA,8BAAA,KAAA,OAAA,UAAA,KAGA,MAAA,CACA,KAAA,MACAD,EACAC,EACA,KAAA,UACA,EAAA,OAAA,OAAA,EAAA,KAAA,cAAA,CACA,CACA,CACA;;;;;;"}