{"version":3,"file":"CopyIcon-ecprQKDQ.js","sources":["../../Vue/src/components/CopyIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nconst store = useSongStore();\r\nconst { t } = useI18n();\r\n\r\nconst props = defineProps<{\r\n  value: string;\r\n  id: string;\r\n  busyBg?: boolean;\r\n}>();\r\n\r\nconst emits = defineEmits<{\r\n  (e: \"click\"): void;\r\n}>();\r\n\r\nconst showCopyButton = (() => !!navigator?.clipboard?.writeText)();\r\nconst tooltipText = ref(t(\"SV.LIT_ClickToCopy\"));\r\n\r\nasync function onClick() {\r\n  await store.copyToClipboard(props.value);\r\n  tooltipText.value = t(\"SV.LIT_CopiedToClipboard\");\r\n  emits(\"click\");\r\n}\r\n\r\nemitter.on(\"languageUpdated\", resetTooltip);\r\nfunction resetTooltip() {\r\n  tooltipText.value = t(\"SV.LIT_ClickToCopy\");\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Tooltip\r\n    :text=\"tooltipText\"\r\n    class=\"inline\"\r\n  >\r\n    <button\r\n      v-if=\"showCopyButton\"\r\n      :id=\"id\"\r\n      class=\"copy-btn\"\r\n      :class=\"{ 'busy-bg': busyBg }\"\r\n      @click=\"onClick\"\r\n      @mouseleave=\"resetTooltip\"\r\n    >\r\n      <FAIcon class=\"fa-light fa-copy\" />\r\n    </button>\r\n  </Tooltip>\r\n</template>\r\n\r\n<style scoped lang=\"postcss\">\r\nbutton.copy-btn {\r\n  @apply rounded-full p-2 text-primary opacity-50 transition-all;\r\n}\r\nbutton.active,\r\nbutton:hover,\r\nbutton:focus-visible {\r\n  @apply opacity-100;\r\n}\r\n\r\n.busy-bg {\r\n  @apply mx-2 inline-flex aspect-square h-8 w-8 items-center justify-center rounded-full bg-white/25 align-middle text-white opacity-100;\r\n}\r\n</style>\r\n"],"names":["store","useSongStore","t","useI18n","props","__props","emits","__emit","showCopyButton","_a","tooltipText","ref","onClick","emitter","resetTooltip"],"mappings":"ybACA,MAAMA,EAAQC,IACR,CAAE,EAAAC,GAAMC,EAAAA,UAERC,EAAQC,EAMRC,EAAQC,EAIRC,GAAkB,IAAM,OAAA,OAAC,GAACC,EAAA,iCAAW,YAAX,MAAAA,EAAsB,eAChDC,EAAcC,EAAIT,EAAE,oBAAoB,CAAC,EAE/C,eAAeU,GAAU,CACjB,MAAAZ,EAAM,gBAAgBI,EAAM,KAAK,EAC3BM,EAAA,MAAQR,EAAE,0BAA0B,EAChDI,EAAM,OAAO,CACf,CAEQO,EAAA,GAAG,kBAAmBC,CAAY,EAC1C,SAASA,GAAe,CACVJ,EAAA,MAAQR,EAAE,oBAAoB,CAC5C"}