{"version":3,"mappings":"+gBAGA,MAAMA,EAAYC,EAAqB,IAAKC,EAAA,IAAC,OAAO,yBAA4B,EAAC,wFAE3EC,EAAQC,EAgBRC,EAAcC,GAAkB,CACrCC,EAAK,gBAAiBD,CAAa,CACpC,EAEMC,EAAOC","names":["ShowModal","defineAsyncComponent","__vitePreload","props","__props","setVariant","variantOption","emit","__emit"],"sources":["../../src/components/ui/form/RadioGroup.vue"],"sourcesContent":["<script setup>\r\nimport { defineAsyncComponent } from 'vue'\r\nimport { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'\r\nconst ShowModal = defineAsyncComponent(() => import('@/components/ShowModal.vue'))\r\n\r\nconst props = defineProps({\r\n\toptions: {\r\n\t\ttype: Array,\r\n\t},\r\n\tdefault: {\r\n\t\ttype: Object,\r\n\t},\r\n\tinfobox: {\r\n\t\ttype: Object\r\n\t},\r\n\tlabel: {\r\n\t\ttype: String,\r\n\t\tdefault: 'Label'\r\n\t}\r\n})\r\n\r\nconst setVariant = (variantOption) => {\r\n\temit('variantChange', variantOption)\r\n}\r\n\r\nconst emit = defineEmits(['variantChange'])\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"flex flex-col gap-2 min-w-60\">\r\n\t\t<!-- Set a unique listbox ID, based on Vue component -->\r\n\t\t<div class=\"flex items-center justify-between\">\r\n\t\t\t<div class=\"flex flex-col\">\r\n\t\t\t\t<label class=\"font-bold text-sm\">\r\n\t\t\t\t\t{{ props.label }}\r\n\t\t\t\t</label>\r\n\t\t\t\t<small>{{ props.options.find(option => option.selected).name }}</small>\r\n\t\t\t</div>\r\n\t\t\t<ShowModal\r\n\t\t\t\tv-if=\"infobox\"\r\n\t\t\t\t:modal-title=\"props.infobox.heading\"\r\n\t\t\t\t:modal-content=\"props.infobox.content\"\r\n\t\t\t\t:button-options=\"{ action: 'button', theme: 'faded', size: 'sm' }\"\r\n\t\t\t>\r\n\t\t\t\t<font-awesome-icon :icon=\"['fas', 'info-circle']\" />\r\n\t\t\t\tInfo\r\n\t\t\t</ShowModal>\r\n\t\t</div>\r\n\t\t<div class=\"flex items-center gap-2\" >\r\n\t\t\t<div v-for=\"variantOption in props.options\"\r\n\t\t\t\t :key=\"variantOption.$id\"\r\n\t\t\t\t role=\"radio\"\r\n\t\t\t\t :aria-checked=\"variantOption.selected\"\r\n\t\t\t\t tabindex=\"-1\"\r\n\t\t\t\t class=\"w-[2.5rem] h-[2.5rem] rounded-full flex items-center justify-center hover:cursor-pointer hover:opacity-75\"\r\n\t\t\t\t :style=\"`background-color: ${variantOption.colorHex};`\"\r\n\t\t\t\t @click=\"setVariant(variantOption)\"\r\n\t\t\t\t>\r\n\t\t\t\t<font-awesome-icon v-if=\"variantOption.selected\" :icon=\"['fas', 'check']\" class=\"text-white\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t</div>\r\n</template>\r\n"],"file":"assets/RadioGroup-d152323c.js"}