@anzusystems/common-admin 1.49.0 → 2.0.0-rc.1

package/dist/domains/collab/components/ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { isNull as e, isNumber as t, isUndefined as n } from "../../../shared/utils/common.js";
+import r from "../../ui/components/AAnzuUserAvatar.js";
+import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, openBlock as u, shallowRef as d, unref as f, watch as p, withCtx as m } from "vue";
+import { useI18n as h } from "vue-i18n";
+import { VIcon as g } from "vuetify/components/VIcon";
+import { VProgressCircular as _ } from "vuetify/components/VProgressCircular";
+import { VBadge as v } from "vuetify/components/VBadge";
+//#region src/domains/collab/components/ACollabLockedByUser.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "d-inline-flex" }, b = { key: 0 }, x = /*@__PURE__*/ l({
+	__name: "ACollabLockedByUser",
+	props: {
+		id: {},
+		users: {},
+		isModerator: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(l) {
+		let x = l, S = d(void 0), C = d(!1), w = f(x.users), { t: T } = h(), E = a(() => {
+			if (t(x.id) && x.id > 0) return w.get(x.id);
+		}), D = a(() => {
+			let e = "";
+			if (x.isModerator && (e = T("common.collab.moderator") + ": "), E.value) return E.value.person.fullName.length ? e + E.value.person.fullName : e + E.value.email.split("@")[0];
+		});
+		return p(E, (e) => {
+			(!C.value || S.value?.id !== e?.id || e?._loaded) && (C.value = !1, S.value = void 0, !(n(e) || !e._loaded && e._unresolved !== !0) && (S.value = e, C.value = !0));
+		}, { immediate: !0 }), (t, a) => (u(), s("div", y, [f(e)(l.id) || f(n)(l.id) ? (u(), s("span", b)) : C.value ? (u(), s(i, { key: 1 }, [l.isModerator ? (u(), o(v, {
+			key: 0,
+			location: "top right",
+			color: "white",
+			width: 12,
+			"min-width": 12,
+			height: 14,
+			"offset-x": -5,
+			"offset-y": -5
+		}, {
+			badge: m(() => [c(g, {
+				color: "grey-darken-2",
+				size: 14,
+				icon: "mdi-crown"
+			})]),
+			default: m(() => [c(r, {
+				user: S.value ?? void 0,
+				size: 20,
+				tooltip: D.value
+			}, null, 8, ["user", "tooltip"])]),
+			_: 1
+		})) : (u(), o(r, {
+			key: 1,
+			user: S.value ?? void 0,
+			size: 20,
+			tooltip: D.value
+		}, null, 8, ["user", "tooltip"]))], 64)) : (u(), o(_, {
+			key: 2,
+			size: 12,
+			width: 2,
+			indeterminate: "",
+			class: "ml-auto mr-auto"
+		}))]));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/collab/components/ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACollabLockedByUser.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_Fragment","_createBlock","_component_VBadge","_withCtx","_createVNode","_component_VIcon","AAnzuUserAvatar","_component_VProgressCircular","AAnzuUserAvatar_default","_hoisted_1","_hoisted_2","ACollabLockedByUser_vue_vue_type_script_setup_true_lang_default","props","__props","cached","shallowRef","loaded","cachedUsers","unref","useI18n","item","computed","isNumber","tooltip","prefix","t","watch","newValue","openBlock","createElementBlock","isNull","isUndefined","Fragment","createBlock","VBadge","withCtx","createVNode","VIcon","VProgressCircular"],"sources":["../../../../src/domains/collab/components/ACollabLockedByUser.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, type Ref, shallowRef, unref, watch } from 'vue'\nimport AAnzuUserAvatar from '@/domains/ui/components/AAnzuUserAvatar.vue'\nimport { isNull, isNumber, isUndefined } from '@/shared/utils/common'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { AnzuUserMinimal } from '@/shared/types/AnzuUser'\nimport { useI18n } from 'vue-i18n'\n\nconst props = withDefaults(\n  defineProps<{\n    id: null | undefined | IntegerId\n    users: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isModerator?: boolean\n  }>(),\n  {\n    isModerator: false,\n  }\n)\n\nconst cached = shallowRef<undefined | AnzuUserMinimal>(undefined)\nconst loaded = shallowRef<boolean>(false)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst cachedUsers = unref(props.users)\nconst { t } = useI18n()\n\nconst item = computed(() => {\n  if (isNumber(props.id) && props.id > 0) {\n    return cachedUsers.get(props.id)\n  }\n  return undefined\n})\n\nconst tooltip = computed(() => {\n  let prefix = ''\n  if (props.isModerator) {\n    prefix = t('common.collab.moderator') + ': '\n  }\n  if (item.value) {\n    return item.value.person.fullName.length\n      ? prefix + item.value.person.fullName\n      : prefix + item.value.email.split('@')[0]\n  }\n  return undefined\n})\n\nwatch(\n  item,\n  (newValue) => {\n    // Same user still loaded: keep it. A user the cache resolves later (after an `_unresolved` placeholder)\n    // arrives as a new, loaded object under the same id and replaces the placeholder.\n    if (loaded.value && cached.value?.id === newValue?.id && !newValue?._loaded) return\n    loaded.value = false\n    cached.value = undefined\n    if (isUndefined(newValue) || (!newValue._loaded && newValue._unresolved !== true)) return\n    cached.value = newValue\n    loaded.value = true\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-inline-flex\">\n    <span v-if=\"isNull(id) || isUndefined(id)\" />\n    <template v-else-if=\"loaded\">\n      <VBadge\n        v-if=\"isModerator\"\n        location=\"top right\"\n        color=\"white\"\n        :width=\"12\"\n        :min-width=\"12\"\n        :height=\"14\"\n        :offset-x=\"-5\"\n        :offset-y=\"-5\"\n      >\n        <template #badge>\n          <VIcon\n            color=\"grey-darken-2\"\n            :size=\"14\"\n            icon=\"mdi-crown\"\n          />\n        </template>\n        <AAnzuUserAvatar\n          :user=\"cached ?? undefined\"\n          :size=\"20\"\n          :tooltip=\"tooltip\"\n        />\n      </VBadge>\n      <AAnzuUserAvatar\n        v-else\n        :user=\"cached ?? undefined\"\n        :size=\"20\"\n        :tooltip=\"tooltip\"\n      />\n    </template>\n    <VProgressCircular\n      v-else\n      :size=\"12\"\n      :width=\"2\"\n      indeterminate\n      class=\"ml-auto mr-auto\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAWRC,IAASC,EAAwC,KAAA,CAAS,GAC1DC,IAASD,EAAoB,EAAK,GAGlCE,IAAcC,EAAMN,EAAM,KAAK,GAC/B,EAAE,SAAMO,EAAQ,GAEhBC,IAAOC,QAAe;GAC1B,IAAIC,EAASV,EAAM,EAAE,KAAKA,EAAM,KAAK,GACnC,OAAOK,EAAY,IAAIL,EAAM,EAAE;EAGnC,CAAC,GAEKW,IAAUF,QAAe;GAC7B,IAAIG,IAAS;GAIb,IAHIZ,EAAM,gBACR,IAASa,EAAE,yBAAyB,IAAI,OAEtCL,EAAK,OACP,OAAOA,EAAK,MAAM,OAAO,SAAS,SAC9BI,IAASJ,EAAK,MAAM,OAAO,WAC3BI,IAASJ,EAAK,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC;EAG7C,CAAC;E,OAEDM,EACEN,IACC,MAAa;GAGZ,CAAI,GAAO,SAASN,EAAO,OAAO,OAAOa,GAAU,MAAOA,GAAU,aACpE,EAAO,QAAQ,IACf,EAAO,QAAQ,KAAA,GACX,IAAYA,CAAQ,KAAM,CAACA,EAAS,WAAWA,EAAS,gBAAgB,QAC5E,EAAO,QAAQA,GACf,EAAO,QAAQ;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAwCM,OAxCNW,GAwCM,CAvCQV,EAAA+B,CAAA,CAAM,CAACjB,EAAA,EAAE,KAAKd,EAAAgC,CAAA,CAAW,CAAClB,EAAA,EAAE,KAAxChB,EAAA,GAAAC,EAA6C,QAAAY,CAAA,KACxBM,EAAA,SAArBnB,EAAA,GAAAC,EA8BWE,GAAA,EAAA,KAAA,EAAA,GAAA,CA5BDa,EAAA,eADRhB,EAAA,GAAAI,EAsBSC,GAAA;;GApBP,UAAS;GACT,OAAM;GACL,OAAO;GACP,aAAW;GACX,QAAQ;GACR,YAAU;GACV,YAAU;;GAEA,OAAKC,QAKZ,CAJFC,EAIEC,GAAA;IAHA,OAAM;IACL,MAAM;IACP,MAAK;;GAGT,SAAAF,QAIE,CAJFC,EAIEE,GAAA;IAHC,MAAMQ,EAAA,SAAU,KAAA;IAChB,MAAM;IACN,SAASS,EAAA;;;E,OAGd1B,EAAA,GAAAI,EAKEK,GAAA;;GAHC,MAAMQ,EAAA,SAAU,KAAA;GAChB,MAAM;GACN,SAASS,EAAA;E,4CAGd1B,EAAA,GAAAI,EAMEM,GAAA;;GAJC,MAAM;GACN,OAAO;GACR,eAAA;GACA,OAAM"}

package/dist/domains/collab/components/ACollabManagement.js

@@ -0,0 +1,7 @@
+import e from "./ACollabManagement.vue_vue_type_script_setup_true_lang.js";
+//#region src/domains/collab/components/ACollabManagement.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ACollabManagement.js.map

package/dist/domains/collab/components/ACollabManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ACollabManagement.js","names":["_sfc_main","ACollabManagement_vue_vue_type_script_setup_true_lang_default","ACollabManagement_default"],"sources":["../../../../src/domains/collab/components/ACollabManagement.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  type CollabDelayedRequest,\n  CollabRequestToJoinStatus,\n  CollabRequestToTakeModerationStatus,\n  type CollabRoom,\n  CollabStatus,\n  type CollabUserId,\n} from '@/domains/collab/types/Collab'\nimport { useI18n } from 'vue-i18n'\nimport { computed, type Ref, ref } from 'vue'\nimport ACollabCountdown from '@/domains/collab/components/ACollabCountdown.vue'\nimport { useCollabRoom } from '@/domains/collab/composables/collabRoom'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useCollabCurrentUserId } from '@/domains/collab/composables/collabCurrentUserId'\nimport type { AddToCachedArgs } from '@/domains/cached/composables/defineCached'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isDefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabCachedUsersMap } from '@/domains/collab/composables/collabHelpers'\n\nconst props = withDefaults(\n  defineProps<{\n    collabRoom: CollabRoom\n    cachedUsers: CollabCachedUsersMap | Ref<CollabCachedUsersMap>\n    isEdit?: boolean\n    isAllowedToPurgeRoom?: boolean\n    approveRequestBlocked?: boolean\n    addToCachedUsers?: ((...args: AddToCachedArgs<IntegerId>) => void) | undefined\n    fetchCachedUsers?: (() => unknown) | undefined\n  }>(),\n  {\n    isEdit: false,\n    isAllowedToPurgeRoom: false,\n    approveRequestBlocked: false,\n    addToCachedUsers: undefined,\n    fetchCachedUsers: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'approvedRequestToJoinCollabRoom'): void\n}>()\n\nconst {\n  collabRoomInfo,\n  addJoinRequestListener,\n  requestToJoinCollabRoom,\n  approveRequestToJoinCollabRoom,\n  rejectRequestToJoinCollabRoom,\n  addApprovedJoinRequestListener,\n  addRejectedJoinRequestListener,\n  requestToTakeModeration,\n  approveRequestToTakeModeration,\n  rejectRequestToTakeModeration,\n  addRequestToTakeModerationListener,\n  addApprovedRequestToTakeModerationListener,\n  addRejectedRequestToTakeModerationListener,\n  kickUserFromRoom,\n  purgeRoom,\n  transferModeration,\n  alertedOccupiedRooms,\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n} = useCollabRoom(props.collabRoom)\n\nconst { t } = useI18n()\nconst { showErrorT, showSuccessT } = useAlerts()\n\nconst { currentUserId } = useCollabCurrentUserId()\n\nconst approveRequestsToCollab = ref<CollabDelayedRequest[]>([])\nconst selectedIdsToCollab = ref<CollabUserId[]>([])\nconst collabUserIds = computed<CollabUserId[]>(() => {\n  return collabRoomInfo.value.users.filter((userId) => userId !== currentUserId.value)\n})\nconst moderatorManagementDialog = ref(false)\nconst approveRequestTakeModerationDialog = ref(false)\nconst moderationRequest = ref<null | CollabDelayedRequest>(null)\nconst requestToJoinAccepted = ref<boolean | null>(null)\nconst waitingFroApproval = ref(false)\n\naddJoinRequestListener(async (userId: CollabUserId, timestamp: number) => {\n  if (isDefined(props.addToCachedUsers)) props.addToCachedUsers(userId)\n  if (isDefined(props.fetchCachedUsers)) props.fetchCachedUsers()\n  if (!selectedIdsToCollab.value.includes(userId)) selectedIdsToCollab.value.push(userId)\n  approveRequestsToCollab.value.push({ userId, timestamp })\n})\n\naddApprovedJoinRequestListener(() => {\n  showSuccessT('common.collab.alert.approvedJoinRequest')\n  waitingFroApproval.value = false\n  requestToJoinAccepted.value = true\n  alertedOccupiedRooms.value.delete(props.collabRoom)\n})\n\naddRejectedJoinRequestListener(() => {\n  showErrorT('common.collab.alert.rejectedJoinRequest')\n  waitingFroApproval.value = false\n  requestToJoinAccepted.value = false\n  alertedOccupiedRooms.value.delete(props.collabRoom)\n})\n\naddRequestToTakeModerationListener(async (userId: number, timestamp: number) => {\n  if (isDefined(props.addToCachedUsers)) props.addToCachedUsers(userId)\n  if (isDefined(props.fetchCachedUsers)) props.fetchCachedUsers()\n  moderationRequest.value = { userId, timestamp }\n  approveRequestTakeModerationDialog.value = true\n})\n\naddApprovedRequestToTakeModerationListener(() => {\n  showSuccessT('common.collab.alert.approvedToTakeModeration')\n  waitingFroApproval.value = false\n})\n\naddRejectedRequestToTakeModerationListener(() => {\n  showErrorT('common.collab.alert.rejectedToTakeModeration')\n  waitingFroApproval.value = false\n})\n\nconst waitingForApprovalTimerDone = () => {\n  waitingFroApproval.value = false\n}\n\nconst showRequestToJoinCollabButton = computed(() => {\n  return (\n    requestToJoinAccepted.value === null &&\n    collabRoomInfo.value.users.length &&\n    !collabRoomInfo.value.users.includes(currentUserId.value ?? 0) &&\n    !waitingFroApproval.value\n  )\n})\n\nconst showRequestToTakeModerationButton = computed(() => {\n  return (\n    props.isEdit &&\n    collabRoomInfo.value.status === CollabStatus.Active &&\n    collabRoomInfo.value.moderator !== currentUserId.value\n  )\n})\n\nconst showModeratorManagementDialog = computed(() => {\n  return moderatorManagementDialog.value && collabRoomInfo.value.status === CollabStatus.Active\n})\n\nconst showKickYourselfButton = computed(() => {\n  return props.isEdit && collabRoomInfo.value.status === CollabStatus.Active\n})\n\nconst showModeratorManagementButton = computed(() => {\n  return (\n    props.isEdit &&\n    collabRoomInfo.value.moderator === currentUserId.value &&\n    collabRoomInfo.value.status === CollabStatus.Active\n  )\n})\n\nconst showJoinCollaborationDialog = computed(() => {\n  return !props.isEdit && alertedOccupiedRooms.value.has(props.collabRoom) && requestToJoinAccepted.value === null\n})\n\nconst collabUsers = computed(() => {\n  return collabRoomInfo.value.users.filter((user) => user !== collabRoomInfo.value.moderator)\n})\n\nconst requestToJoinCollabTimerDone = (userId: number) => {\n  approveRequestsToCollab.value = approveRequestsToCollab.value.filter((request) => request.userId !== userId)\n  selectedIdsToCollab.value = selectedIdsToCollab.value.filter((id) => id !== userId)\n}\n\nconst requestToJoinCollabRoomAction = async () => {\n  try {\n    await requestToJoinCollabRoom()\n    waitingFroApproval.value = true\n  } catch (error) {\n    if (error === CollabRequestToJoinStatus.AlreadyRequested) {\n      return void showErrorT('common.collab.alert.alreadyRequestedToJoin')\n    }\n    return void showErrorT('common.collab.alert.failedRequestedToJoin')\n  }\n}\n\nconst showModeratorManagementDialogAction = () => {\n  moderatorManagementDialog.value = true\n}\n\nconst requestToTakeModerationAction = async () => {\n  try {\n    await requestToTakeModeration()\n    waitingFroApproval.value = true\n  } catch (error) {\n    if (error === CollabRequestToTakeModerationStatus.AlreadyRequested) {\n      return void showErrorT('common.collab.alert.alreadyRequestedToTakeModeration')\n    }\n    return void showErrorT('common.collab.alert.failedRequestToTakeModeration')\n  }\n}\n\nconst approveRequestToCollaborate = () => {\n  selectedIdsToCollab.value.forEach((selectedId) => {\n    approveRequestToJoinCollabRoom(selectedId)\n  })\n  approveRequestsToCollab.value = approveRequestsToCollab.value.filter(\n    (request) => !selectedIdsToCollab.value.includes(request.userId)\n  )\n  selectedIdsToCollab.value = []\n  emit('approvedRequestToJoinCollabRoom')\n}\n\nconst rejectRequestToCollaborate = () => {\n  selectedIdsToCollab.value.forEach((selectedId) => {\n    rejectRequestToJoinCollabRoom(selectedId)\n  })\n  approveRequestsToCollab.value = approveRequestsToCollab.value.filter(\n    (request) => !selectedIdsToCollab.value.includes(request.userId)\n  )\n  selectedIdsToCollab.value = []\n}\n\nconst resetRequestToTakeModeration = () => {\n  moderationRequest.value = null\n  approveRequestTakeModerationDialog.value = false\n}\n\nconst rejectRequestToTakeModerationAction = () => {\n  rejectRequestToTakeModeration()\n  resetRequestToTakeModeration()\n}\n\nconst approveRequestToTakeModerationAction = () => {\n  approveRequestToTakeModeration()\n  resetRequestToTakeModeration()\n}\n\nconst transferModerationAction = (userId: CollabUserId) => {\n  transferModeration(userId)\n  moderatorManagementDialog.value = false\n}\n\nconst kickUserAction = (userId: CollabUserId) => {\n  kickUserFromRoom(userId)\n  moderatorManagementDialog.value = false\n}\n\nconst purgeRoomAction = () => {\n  purgeRoom()\n}\n\nconst kickYourselfAction = () => {\n  kickUserFromRoom(currentUserId.value ?? 0)\n}\n\nconst calculateWaitingSeconds = (timestamp: number) => {\n  return Math.ceil((60000 - (new Date().getTime() - timestamp)) / 1000)\n}\n</script>\n\n<template>\n  <div>\n    <ACollabLockedByUser\n      v-if=\"collabRoomInfo.moderator\"\n      :id=\"collabRoomInfo.moderator\"\n      :key=\"collabRoomInfo.moderator\"\n      :users=\"cachedUsers\"\n      is-moderator\n    />\n    <VDivider\n      class=\"ml-2 mr-1\"\n      style=\"height: 16px\"\n      vertical\n    />\n    <ACollabLockedByUser\n      v-for=\"userId in collabUsers\"\n      :id=\"userId\"\n      :key=\"userId\"\n      :users=\"cachedUsers\"\n      class=\"mx-1\"\n    />\n    <VDivider\n      v-if=\"collabUsers.length > 0\"\n      class=\"ml-1 mr-2\"\n      style=\"height: 16px\"\n      vertical\n    />\n    <ABtnSecondary\n      v-if=\"showRequestToJoinCollabButton\"\n      size=\"small\"\n      @click=\"requestToJoinCollabRoomAction\"\n    >\n      {{ t('common.collab.requestToCollaborate') }}\n    </ABtnSecondary>\n    <VBtn\n      v-if=\"waitingFroApproval\"\n      size=\"small\"\n      variant=\"text\"\n    >\n      <VIcon\n        class=\"mr-1\"\n        icon=\"mdi-loading mdi-spin\"\n      />\n      {{ t('common.collab.waitingForApprove') }}\n      <ACollabCountdown\n        parentheses\n        @done=\"waitingForApprovalTimerDone\"\n      />\n    </VBtn>\n    <ABtnIcon\n      v-if=\"showModeratorManagementButton\"\n      :aria-label=\"t('common.collab.moderatorManagement')\"\n      size=\"small\"\n      @click=\"showModeratorManagementDialogAction\"\n    >\n      <VIcon icon=\"mdi-account-details-outline\" />\n      <VTooltip\n        anchor=\"bottom\"\n        activator=\"parent\"\n        :text=\"t('common.collab.moderatorManagement')\"\n      />\n    </ABtnIcon>\n    <VDialog\n      v-if=\"approveRequestsToCollab.length\"\n      :model-value=\"true\"\n      width=\"auto\"\n    >\n      <VCard v-if=\"approveRequestsToCollab.length\">\n        <ADialogToolbar>\n          {{ t('common.collab.requestToCollaborateText') }}\n        </ADialogToolbar>\n        <VCardItem>\n          <VList\n            v-model:selected=\"selectedIdsToCollab\"\n            select-strategy=\"independent\"\n          >\n            <VListItem\n              v-for=\"request in approveRequestsToCollab\"\n              :key=\"request.userId\"\n              :value=\"request.userId\"\n            >\n              <template #prepend>\n                <ACollabLockedByUser\n                  :id=\"request.userId\"\n                  :users=\"cachedUsers\"\n                />\n              </template>\n              <template #title>\n                <ACollabCountdown\n                  class=\"ml-3\"\n                  :seconds=\"calculateWaitingSeconds(request.timestamp)\"\n                  :label=\"t('common.collab.approvedAfterCountdown')\"\n                  @done=\"() => requestToJoinCollabTimerDone(request.userId)\"\n                />\n              </template>\n              <template #append=\"{ isActive, select }\">\n                <VCheckboxBtn\n                  :model-value=\"isActive\"\n                  color=\"primary\"\n                  @click=\"() => select(isActive)\"\n                />\n              </template>\n            </VListItem>\n          </VList>\n        </VCardItem>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary\n            :disabled=\"!selectedIdsToCollab.length\"\n            @click=\"rejectRequestToCollaborate\"\n          >\n            {{ t('common.collab.button.reject') }}\n          </ABtnTertiary>\n          <ABtnPrimary\n            :disabled=\"!selectedIdsToCollab.length || approveRequestBlocked\"\n            @click.stop=\"approveRequestToCollaborate\"\n          >\n            {{ t('common.collab.button.accept') }}\n          </ABtnPrimary>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n    <VDialog\n      v-model=\"showModeratorManagementDialog\"\n      width=\"auto\"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"moderatorManagementDialog = false\">\n          {{ t('common.collab.moderatorManagement') }}\n        </ADialogToolbar>\n        <VCardItem>\n          <VList>\n            <VListItem\n              v-for=\"userId in collabUserIds\"\n              :key=\"userId\"\n              :link=\"false\"\n            >\n              <template #title>\n                <ACollabLockedByUser\n                  :id=\"userId\"\n                  :users=\"cachedUsers\"\n                />\n              </template>\n              <template #append>\n                <div class=\"ml-3\">\n                  <ABtnSecondary\n                    size=\"small\"\n                    @click=\"transferModerationAction(userId)\"\n                  >\n                    {{ t('common.collab.button.transferModeration') }}\n                  </ABtnSecondary>\n                  <ABtnTertiary\n                    size=\"small\"\n                    @click=\"kickUserAction(userId)\"\n                  >\n                    {{ t('common.collab.button.kickUser') }}\n                  </ABtnTertiary>\n                </div>\n              </template>\n            </VListItem>\n          </VList>\n        </VCardItem>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary @click=\"moderatorManagementDialog = false\">\n            {{ t('common.button.close') }}\n          </ABtnTertiary>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n    <ABtnIcon\n      v-if=\"showRequestToTakeModerationButton\"\n      :aria-label=\"t('common.collab.requestToTakeModeration')\"\n      size=\"small\"\n      @click=\"requestToTakeModerationAction\"\n    >\n      <VIcon icon=\"mdi-account-switch\" />\n      <VTooltip\n        anchor=\"bottom\"\n        activator=\"parent\"\n        :text=\"t('common.collab.requestToTakeModeration')\"\n      />\n    </ABtnIcon>\n    <ABtnTertiary\n      v-if=\"showKickYourselfButton\"\n      size=\"small\"\n      @click=\"kickYourselfAction\"\n    >\n      {{ t('common.collab.button.kickYourself') }}\n    </ABtnTertiary>\n    <VMenu v-if=\"isAllowedToPurgeRoom\">\n      <template #activator=\"{ props: moreProps }\">\n        <VBtn\n          v-tooltip=\"t('common.collab.button.more')\"\n          :aria-label=\"t('common.collab.button.more')\"\n          variant=\"text\"\n          size=\"small\"\n          icon=\"mdi-dots-horizontal\"\n          v-bind=\"moreProps\"\n        />\n      </template>\n      <VList>\n        <VListItem\n          :title=\"t('common.collab.button.purgeCollabRoom')\"\n          @click.stop=\"purgeRoomAction\"\n        />\n      </VList>\n    </VMenu>\n    <VDialog\n      v-if=\"moderationRequest\"\n      v-model=\"approveRequestTakeModerationDialog\"\n      width=\"auto\"\n    >\n      <VCard>\n        <ADialogToolbar>\n          {{ t('common.collab.requestToTakeModerationTextTitle') }}\n        </ADialogToolbar>\n        <VCardItem>\n          <VList>\n            <VListItem>\n              <template #prepend>\n                <ACollabLockedByUser\n                  :id=\"moderationRequest.userId\"\n                  :users=\"cachedUsers\"\n                />\n              </template>\n              <template #title>\n                <span class=\"ml-1\">{{ t('common.collab.requestToTakeModerationText') }}</span>\n              </template>\n            </VListItem>\n          </VList>\n        </VCardItem>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary @click=\"rejectRequestToTakeModerationAction\">\n            {{ t('common.collab.button.reject') }}\n          </ABtnTertiary>\n          <ABtnPrimary\n            :disabled=\"approveRequestBlocked\"\n            @click.stop=\"approveRequestToTakeModerationAction\"\n          >\n            {{ t('common.collab.button.accept') }}\n            <ACollabCountdown\n              parentheses\n              :seconds=\"calculateWaitingSeconds(moderationRequest.timestamp)\"\n              @done=\"resetRequestToTakeModeration\"\n            />\n          </ABtnPrimary>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n    <VDialog\n      v-if=\"showJoinCollaborationDialog\"\n      :model-value=\"true\"\n      width=\"auto\"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"alertedOccupiedRooms.delete(props.collabRoom)\">\n          {{ t('common.collab.occupiedEntityTitle') }}\n        </ADialogToolbar>\n        <VCardText>{{ t('common.collab.occupiedEntityText') }}</VCardText>\n        <VCardActions>\n          <VSpacer />\n          <ABtnTertiary @click=\"alertedOccupiedRooms.delete(props.collabRoom)\">\n            {{ t('common.button.close') }}\n          </ABtnTertiary>\n          <ABtnPrimary\n            v-if=\"showRequestToJoinCollabButton\"\n            @click=\"requestToJoinCollabRoomAction\"\n          >\n            {{ t('common.collab.requestToCollaborate') }}\n          </ABtnPrimary>\n          <VBtn\n            v-if=\"waitingFroApproval\"\n            variant=\"text\"\n          >\n            <VIcon\n              class=\"mr-1\"\n              icon=\"mdi-loading mdi-spin\"\n            />\n            {{ t('common.collab.waitingForApprove') }}\n            <ACollabCountdown\n              parentheses\n              @done=\"waitingForApprovalTimerDone\"\n            />\n          </VBtn>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/collab/components/ACollabManagement.vue.d.ts

@@ -0,0 +1,27 @@
+import { CollabRoom } from '../types/Collab';
+import { Ref } from 'vue';
+import { AddToCachedArgs } from '../../cached/composables/defineCached';
+import { IntegerId } from '../../../shared/types/common';
+import { CollabCachedUsersMap } from '../composables/collabHelpers';
+type __VLS_Props = {
+    collabRoom: CollabRoom;
+    cachedUsers: CollabCachedUsersMap | Ref<CollabCachedUsersMap>;
+    isEdit?: boolean;
+    isAllowedToPurgeRoom?: boolean;
+    approveRequestBlocked?: boolean;
+    addToCachedUsers?: ((...args: AddToCachedArgs<IntegerId>) => void) | undefined;
+    fetchCachedUsers?: (() => unknown) | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    approvedRequestToJoinCollabRoom: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onApprovedRequestToJoinCollabRoom?: (() => any) | undefined;
+}>, {
+    isEdit: boolean;
+    isAllowedToPurgeRoom: boolean;
+    approveRequestBlocked: boolean;
+    addToCachedUsers: (...args: AddToCachedArgs<IntegerId>) => void;
+    fetchCachedUsers: () => unknown;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/collab/components/ACollabManagement.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,460 @@
+import { isDefined as e } from "../../../shared/utils/common.js";
+import t from "./ACollabLockedByUser.js";
+import { CollabRequestToJoinStatus as n, CollabRequestToTakeModerationStatus as r, CollabStatus as i } from "../types/Collab.js";
+import { useCollabCurrentUserId as a } from "../composables/collabCurrentUserId.js";
+import o from "../../ui/components/ADialogToolbar.js";
+import { useAlerts as s } from "../../system/composables/alerts.js";
+import c from "./ACollabCountdown.js";
+import { useCollabRoom as ee } from "../composables/collabRoom.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeProps as te, openBlock as v, ref as y, renderList as b, resolveComponent as x, toDisplayString as S, unref as C, withCtx as w, withDirectives as ne, withModifiers as T } from "vue";
+import { useI18n as re } from "vue-i18n";
+import { VSpacer as E } from "vuetify/components/VGrid";
+import { VIcon as D } from "vuetify/components/VIcon";
+import { VCard as O, VCardActions as k, VCardItem as A, VCardText as ie } from "vuetify/components/VCard";
+import { VTooltip as j } from "vuetify/components/VTooltip";
+import { Tooltip as ae } from "vuetify/directives";
+import { VBtn as M } from "vuetify/components/VBtn";
+import { VList as N, VListItem as P } from "vuetify/components/VList";
+import { VMenu as oe } from "vuetify/components/VMenu";
+import { VDialog as F } from "vuetify/components/VDialog";
+import { VCheckboxBtn as se } from "vuetify/components/VCheckbox";
+import { VDivider as I } from "vuetify/components/VDivider";
+//#region src/domains/collab/components/ACollabManagement.vue?vue&type=script&setup=true&lang.ts
+var ce = { class: "ml-3" }, le = { class: "ml-1" }, L = /*@__PURE__*/ _({
+	__name: "ACollabManagement",
+	props: {
+		collabRoom: {},
+		cachedUsers: {},
+		isEdit: {
+			type: Boolean,
+			default: !1
+		},
+		isAllowedToPurgeRoom: {
+			type: Boolean,
+			default: !1
+		},
+		approveRequestBlocked: {
+			type: Boolean,
+			default: !1
+		},
+		addToCachedUsers: {
+			type: Function,
+			default: void 0
+		},
+		fetchCachedUsers: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: ["approvedRequestToJoinCollabRoom"],
+	setup(_, { emit: L }) {
+		let R = _, ue = L, { collabRoomInfo: z, addJoinRequestListener: de, requestToJoinCollabRoom: fe, approveRequestToJoinCollabRoom: pe, rejectRequestToJoinCollabRoom: me, addApprovedJoinRequestListener: he, addRejectedJoinRequestListener: ge, requestToTakeModeration: _e, approveRequestToTakeModeration: ve, rejectRequestToTakeModeration: ye, addRequestToTakeModerationListener: be, addApprovedRequestToTakeModerationListener: xe, addRejectedRequestToTakeModerationListener: Se, kickUserFromRoom: B, purgeRoom: Ce, transferModeration: we, alertedOccupiedRooms: V } = ee(R.collabRoom), { t: H } = re(), { showErrorT: U, showSuccessT: W } = s(), { currentUserId: G } = a(), K = y([]), q = y([]), Te = u(() => z.value.users.filter((e) => e !== G.value)), J = y(!1), Y = y(!1), X = y(null), Z = y(null), Q = y(!1);
+		de(async (t, n) => {
+			e(R.addToCachedUsers) && R.addToCachedUsers(t), e(R.fetchCachedUsers) && R.fetchCachedUsers(), q.value.includes(t) || q.value.push(t), K.value.push({
+				userId: t,
+				timestamp: n
+			});
+		}), he(() => {
+			W("common.collab.alert.approvedJoinRequest"), Q.value = !1, Z.value = !0, V.value.delete(R.collabRoom);
+		}), ge(() => {
+			U("common.collab.alert.rejectedJoinRequest"), Q.value = !1, Z.value = !1, V.value.delete(R.collabRoom);
+		}), be(async (t, n) => {
+			e(R.addToCachedUsers) && R.addToCachedUsers(t), e(R.fetchCachedUsers) && R.fetchCachedUsers(), X.value = {
+				userId: t,
+				timestamp: n
+			}, Y.value = !0;
+		}), xe(() => {
+			W("common.collab.alert.approvedToTakeModeration"), Q.value = !1;
+		}), Se(() => {
+			U("common.collab.alert.rejectedToTakeModeration"), Q.value = !1;
+		});
+		let Ee = () => {
+			Q.value = !1;
+		}, De = u(() => Z.value === null && z.value.users.length && !z.value.users.includes(G.value ?? 0) && !Q.value), Oe = u(() => R.isEdit && z.value.status === i.Active && z.value.moderator !== G.value), ke = u(() => J.value && z.value.status === i.Active), Ae = u(() => R.isEdit && z.value.status === i.Active), je = u(() => R.isEdit && z.value.moderator === G.value && z.value.status === i.Active), Me = u(() => !R.isEdit && V.value.has(R.collabRoom) && Z.value === null), Ne = u(() => z.value.users.filter((e) => e !== z.value.moderator)), Pe = (e) => {
+			K.value = K.value.filter((t) => t.userId !== e), q.value = q.value.filter((t) => t !== e);
+		}, Fe = async () => {
+			try {
+				await fe(), Q.value = !0;
+			} catch (e) {
+				if (e === n.AlreadyRequested) {
+					U("common.collab.alert.alreadyRequestedToJoin");
+					return;
+				}
+				U("common.collab.alert.failedRequestedToJoin");
+				return;
+			}
+		}, Ie = () => {
+			J.value = !0;
+		}, Le = async () => {
+			try {
+				await _e(), Q.value = !0;
+			} catch (e) {
+				if (e === r.AlreadyRequested) {
+					U("common.collab.alert.alreadyRequestedToTakeModeration");
+					return;
+				}
+				U("common.collab.alert.failedRequestToTakeModeration");
+				return;
+			}
+		}, Re = () => {
+			q.value.forEach((e) => {
+				pe(e);
+			}), K.value = K.value.filter((e) => !q.value.includes(e.userId)), q.value = [], ue("approvedRequestToJoinCollabRoom");
+		}, ze = () => {
+			q.value.forEach((e) => {
+				me(e);
+			}), K.value = K.value.filter((e) => !q.value.includes(e.userId)), q.value = [];
+		}, $ = () => {
+			X.value = null, Y.value = !1;
+		}, Be = () => {
+			ye(), $();
+		}, Ve = () => {
+			ve(), $();
+		}, He = (e) => {
+			we(e), J.value = !1;
+		}, Ue = (e) => {
+			B(e), J.value = !1;
+		}, We = () => {
+			Ce();
+		}, Ge = () => {
+			B(G.value ?? 0);
+		}, Ke = (e) => Math.ceil((6e4 - ((/* @__PURE__ */ new Date()).getTime() - e)) / 1e3);
+		return (e, n) => {
+			let r = x("ABtnSecondary"), i = x("ABtnIcon"), a = x("ABtnTertiary"), s = x("ABtnPrimary");
+			return v(), p("div", null, [
+				C(z).moderator ? (v(), d(t, {
+					id: C(z).moderator,
+					key: C(z).moderator,
+					users: _.cachedUsers,
+					"is-moderator": ""
+				}, null, 8, ["id", "users"])) : f("", !0),
+				g(I, {
+					class: "ml-2 mr-1",
+					style: { height: "16px" },
+					vertical: ""
+				}),
+				(v(!0), p(l, null, b(Ne.value, (e) => (v(), d(t, {
+					id: e,
+					key: e,
+					users: _.cachedUsers,
+					class: "mx-1"
+				}, null, 8, ["id", "users"]))), 128)),
+				Ne.value.length > 0 ? (v(), d(I, {
+					key: 1,
+					class: "ml-1 mr-2",
+					style: { height: "16px" },
+					vertical: ""
+				})) : f("", !0),
+				De.value ? (v(), d(r, {
+					key: 2,
+					size: "small",
+					onClick: Fe
+				}, {
+					default: w(() => [h(S(C(H)("common.collab.requestToCollaborate")), 1)]),
+					_: 1
+				})) : f("", !0),
+				Q.value ? (v(), d(M, {
+					key: 3,
+					size: "small",
+					variant: "text"
+				}, {
+					default: w(() => [
+						g(D, {
+							class: "mr-1",
+							icon: "mdi-loading mdi-spin"
+						}),
+						h(" " + S(C(H)("common.collab.waitingForApprove")) + " ", 1),
+						g(c, {
+							parentheses: "",
+							onDone: Ee
+						})
+					]),
+					_: 1
+				})) : f("", !0),
+				je.value ? (v(), d(i, {
+					key: 4,
+					"aria-label": C(H)("common.collab.moderatorManagement"),
+					size: "small",
+					onClick: Ie
+				}, {
+					default: w(() => [g(D, { icon: "mdi-account-details-outline" }), g(j, {
+						anchor: "bottom",
+						activator: "parent",
+						text: C(H)("common.collab.moderatorManagement")
+					}, null, 8, ["text"])]),
+					_: 1
+				}, 8, ["aria-label"])) : f("", !0),
+				K.value.length ? (v(), d(F, {
+					key: 5,
+					"model-value": !0,
+					width: "auto"
+				}, {
+					default: w(() => [K.value.length ? (v(), d(O, { key: 0 }, {
+						default: w(() => [
+							g(o, null, {
+								default: w(() => [h(S(C(H)("common.collab.requestToCollaborateText")), 1)]),
+								_: 1
+							}),
+							g(A, null, {
+								default: w(() => [g(N, {
+									selected: q.value,
+									"onUpdate:selected": n[0] ||= (e) => q.value = e,
+									"select-strategy": "independent"
+								}, {
+									default: w(() => [(v(!0), p(l, null, b(K.value, (e) => (v(), d(P, {
+										key: e.userId,
+										value: e.userId
+									}, {
+										prepend: w(() => [g(t, {
+											id: e.userId,
+											users: _.cachedUsers
+										}, null, 8, ["id", "users"])]),
+										title: w(() => [g(c, {
+											class: "ml-3",
+											seconds: Ke(e.timestamp),
+											label: C(H)("common.collab.approvedAfterCountdown"),
+											onDone: () => Pe(e.userId)
+										}, null, 8, [
+											"seconds",
+											"label",
+											"onDone"
+										])]),
+										append: w(({ isActive: e, select: t }) => [g(se, {
+											"model-value": e,
+											color: "primary",
+											onClick: () => t(e)
+										}, null, 8, ["model-value", "onClick"])]),
+										_: 2
+									}, 1032, ["value"]))), 128))]),
+									_: 1
+								}, 8, ["selected"])]),
+								_: 1
+							}),
+							g(k, null, {
+								default: w(() => [
+									g(E),
+									g(a, {
+										disabled: !q.value.length,
+										onClick: ze
+									}, {
+										default: w(() => [h(S(C(H)("common.collab.button.reject")), 1)]),
+										_: 1
+									}, 8, ["disabled"]),
+									g(s, {
+										disabled: !q.value.length || _.approveRequestBlocked,
+										onClick: T(Re, ["stop"])
+									}, {
+										default: w(() => [h(S(C(H)("common.collab.button.accept")), 1)]),
+										_: 1
+									}, 8, ["disabled"])
+								]),
+								_: 1
+							})
+						]),
+						_: 1
+					})) : f("", !0)]),
+					_: 1
+				})) : f("", !0),
+				g(F, {
+					modelValue: ke.value,
+					"onUpdate:modelValue": n[3] ||= (e) => ke.value = e,
+					width: "auto"
+				}, {
+					default: w(() => [g(O, null, {
+						default: w(() => [
+							g(o, { onCancel: n[1] ||= (e) => J.value = !1 }, {
+								default: w(() => [h(S(C(H)("common.collab.moderatorManagement")), 1)]),
+								_: 1
+							}),
+							g(A, null, {
+								default: w(() => [g(N, null, {
+									default: w(() => [(v(!0), p(l, null, b(Te.value, (e) => (v(), d(P, {
+										key: e,
+										link: !1
+									}, {
+										title: w(() => [g(t, {
+											id: e,
+											users: _.cachedUsers
+										}, null, 8, ["id", "users"])]),
+										append: w(() => [m("div", ce, [g(r, {
+											size: "small",
+											onClick: (t) => He(e)
+										}, {
+											default: w(() => [h(S(C(H)("common.collab.button.transferModeration")), 1)]),
+											_: 1
+										}, 8, ["onClick"]), g(a, {
+											size: "small",
+											onClick: (t) => Ue(e)
+										}, {
+											default: w(() => [h(S(C(H)("common.collab.button.kickUser")), 1)]),
+											_: 1
+										}, 8, ["onClick"])])]),
+										_: 2
+									}, 1024))), 128))]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							g(k, null, {
+								default: w(() => [g(E), g(a, { onClick: n[2] ||= (e) => J.value = !1 }, {
+									default: w(() => [h(S(C(H)("common.button.close")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue"]),
+				Oe.value ? (v(), d(i, {
+					key: 6,
+					"aria-label": C(H)("common.collab.requestToTakeModeration"),
+					size: "small",
+					onClick: Le
+				}, {
+					default: w(() => [g(D, { icon: "mdi-account-switch" }), g(j, {
+						anchor: "bottom",
+						activator: "parent",
+						text: C(H)("common.collab.requestToTakeModeration")
+					}, null, 8, ["text"])]),
+					_: 1
+				}, 8, ["aria-label"])) : f("", !0),
+				Ae.value ? (v(), d(a, {
+					key: 7,
+					size: "small",
+					onClick: Ge
+				}, {
+					default: w(() => [h(S(C(H)("common.collab.button.kickYourself")), 1)]),
+					_: 1
+				})) : f("", !0),
+				_.isAllowedToPurgeRoom ? (v(), d(oe, { key: 8 }, {
+					activator: w(({ props: e }) => [ne(g(M, te({
+						"aria-label": C(H)("common.collab.button.more"),
+						variant: "text",
+						size: "small",
+						icon: "mdi-dots-horizontal"
+					}, e), null, 16, ["aria-label"]), [[ae, C(H)("common.collab.button.more")]])]),
+					default: w(() => [g(N, null, {
+						default: w(() => [g(P, {
+							title: C(H)("common.collab.button.purgeCollabRoom"),
+							onClick: T(We, ["stop"])
+						}, null, 8, ["title"])]),
+						_: 1
+					})]),
+					_: 1
+				})) : f("", !0),
+				X.value ? (v(), d(F, {
+					key: 9,
+					modelValue: Y.value,
+					"onUpdate:modelValue": n[4] ||= (e) => Y.value = e,
+					width: "auto"
+				}, {
+					default: w(() => [g(O, null, {
+						default: w(() => [
+							g(o, null, {
+								default: w(() => [h(S(C(H)("common.collab.requestToTakeModerationTextTitle")), 1)]),
+								_: 1
+							}),
+							g(A, null, {
+								default: w(() => [g(N, null, {
+									default: w(() => [g(P, null, {
+										prepend: w(() => [g(t, {
+											id: X.value.userId,
+											users: _.cachedUsers
+										}, null, 8, ["id", "users"])]),
+										title: w(() => [m("span", le, S(C(H)("common.collab.requestToTakeModerationText")), 1)]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							}),
+							g(k, null, {
+								default: w(() => [
+									g(E),
+									g(a, { onClick: Be }, {
+										default: w(() => [h(S(C(H)("common.collab.button.reject")), 1)]),
+										_: 1
+									}),
+									g(s, {
+										disabled: _.approveRequestBlocked,
+										onClick: T(Ve, ["stop"])
+									}, {
+										default: w(() => [h(S(C(H)("common.collab.button.accept")) + " ", 1), g(c, {
+											parentheses: "",
+											seconds: Ke(X.value.timestamp),
+											onDone: $
+										}, null, 8, ["seconds"])]),
+										_: 1
+									}, 8, ["disabled"])
+								]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["modelValue"])) : f("", !0),
+				Me.value ? (v(), d(F, {
+					key: 10,
+					"model-value": !0,
+					width: "auto"
+				}, {
+					default: w(() => [g(O, null, {
+						default: w(() => [
+							g(o, { onCancel: n[5] ||= (e) => C(V).delete(R.collabRoom) }, {
+								default: w(() => [h(S(C(H)("common.collab.occupiedEntityTitle")), 1)]),
+								_: 1
+							}),
+							g(ie, null, {
+								default: w(() => [h(S(C(H)("common.collab.occupiedEntityText")), 1)]),
+								_: 1
+							}),
+							g(k, null, {
+								default: w(() => [
+									g(E),
+									g(a, { onClick: n[6] ||= (e) => C(V).delete(R.collabRoom) }, {
+										default: w(() => [h(S(C(H)("common.button.close")), 1)]),
+										_: 1
+									}),
+									De.value ? (v(), d(s, {
+										key: 0,
+										onClick: Fe
+									}, {
+										default: w(() => [h(S(C(H)("common.collab.requestToCollaborate")), 1)]),
+										_: 1
+									})) : f("", !0),
+									Q.value ? (v(), d(M, {
+										key: 1,
+										variant: "text"
+									}, {
+										default: w(() => [
+											g(D, {
+												class: "mr-1",
+												icon: "mdi-loading mdi-spin"
+											}),
+											h(" " + S(C(H)("common.collab.waitingForApprove")) + " ", 1),
+											g(c, {
+												parentheses: "",
+												onDone: Ee
+											})
+										]),
+										_: 1
+									})) : f("", !0)
+								]),
+								_: 1
+							})
+						]),
+						_: 1
+					})]),
+					_: 1
+				})) : f("", !0)
+			]);
+		};
+	}
+});
+//#endregion
+export { L as default };
+
+//# sourceMappingURL=ACollabManagement.vue_vue_type_script_setup_true_lang.js.map