{"version":3,"file":"ChatChannelHeader-3c130953.js","sources":["../../../app/javascript/components/chat/ChatChannelHeader.vue"],"sourcesContent":["<template>\n  <div class=\"flex items-center justify-between border-b border-gray-700 px-4 py-2\">\n    <div class=\"flex items-center space-x-2\">\n      <ChatImage\n        size=\"xs\"\n        :item=\"channel\"\n        :show-online=\"true\"\n        :channel-name=\"channelName\"\n        :is-channel=\"true\"\n      ></ChatImage>\n      <BaseTooltip position=\"bottom-start\">\n        <template #target>\n          <span class=\"text-sm font-medium leading-5\">{{ truncate(channelName, 120) }}</span>\n        </template>\n        <template #default v-if=\"channelName.length > 120\">{{ channelName }}</template>\n      </BaseTooltip>\n    </div>\n\n    <div class=\"flex items-center space-x-2.5 text-gray-400\">\n      <div @click=\"$emit('showNotificationModal')\" class=\"hover:text-white\">\n        <BellIcon class=\"h-4 w-4 cursor-pointer text-gray-400 hover:text-white\" />\n      </div>\n      <div v-if=\"broadcastChannelAndAdmin(channel)\" @click=\"$emit('toggle:chat-settings')\" class=\"hover:text-white\">\n        <Cog8ToothIcon class=\"h-4 w-4 cursor-pointer text-gray-400 hover:text-white\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport ChatImage from './ChatImage.vue';\nimport { broadcastChannelAndAdmin } from '@/composeables/chat';\nimport { BellIcon, Cog8ToothIcon } from '@heroicons/vue/24/outline';\nimport { truncate } from '@/composeables/filters';\nconst props = defineProps({\n  channel: Object,\n  channelName: String\n});\n\nconst inviteUserDropdownActive = ref(false);\n\nasync function addMember(id) {\n  await props.channel.addMembers([id]);\n  inviteUserDropdownActive.value = false;\n}\n\nfunction teamMemberAlreadyInChannel(id) {\n  return channelMembers.value.map(u => u.user.id).includes(id);\n}\n\nconst channelMembers = computed(() => {\n  return Object.values(props.channel.state.members);\n});\n</script>\n"],"names":["ref","computed","props"],"mappings":"svBAwCiC,OAAAA,EAAI,EAAK,EAWnBC,EAAS,IACvB,OAAO,OAAOC,EAAM,QAAQ,MAAM,OAAO,CACjD"}