Emit sidebar events

Signed-off-by: Louis Chemineau <[email protected]>

Author: artonge

apps/files/js/dist/files-app-settings.js

@@ -21,6 +21,10 @@
   -->
 
 <template>
+	<!--
+		For the 'handleClosed' event listener, we need to listen to the 'hook:destroyed' event instead of the 'closed' event.
+		This is necessary because with v-if, the 'closed' event is emitted after the destruction of AppSidebar, and all the event listeners are unbound and won't be triggered.
+	-->
 	<AppSidebar
 		v-if="file"
 		ref="sidebar"
@@ -29,7 +33,11 @@
 		@close="close"
 		@update:active="setActiveTab"
 		@update:starred="toggleStarred"
-		@[defaultActionListener].stop.prevent="onDefaultAction">
+		@[defaultActionListener].stop.prevent="onDefaultAction"
+		@opening="handleOpening"
+		@opened="handleOpened"
+		@closing="handleClosing"
+		@closed="handleClosed">
 		<!-- TODO: create a standard to allow multiple elements here? -->
 		<template v-if="fileInfo" #description>
 			<LegacyView v-for="view in views"
@@ -78,6 +86,7 @@
 import { encodePath } from '@nextcloud/paths'
 import $ from 'jquery'
 import axios from '@nextcloud/axios'
+import { emit } from '@nextcloud/event-bus'
 import AppSidebar from '@nextcloud/vue/dist/Components/AppSidebar'
 import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
 import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
@@ -422,6 +431,22 @@ export default {
 			this.Sidebar.file = ''
 			this.resetData()
 		},
+
+		/**
+		 * Emit SideBar events.
+		 */
+		handleOpening() {
+			emit('files:sidebar:opening')
+		},
+		handleOpened() {
+			emit('files:sidebar:opened')
+		},
+		handleClosing() {
+			emit('files:sidebar:closing')
+		},
+		handleClosed() {
+			emit('files:sidebar:closed')
+		},
 	},
 }
 </script>

apps/files/js/dist/personal-settings.js

@@ -30,7 +30,7 @@
     "@nextcloud/axios": "^1.6.0",
     "@nextcloud/capabilities": "^1.0.4",
     "@nextcloud/dialogs": "^3.1.2",
-    "@nextcloud/event-bus": "^1.2.0",
+    "@nextcloud/event-bus": "^1.3.0",
     "@nextcloud/files": "^1.1.0",
     "@nextcloud/initial-state": "^1.2.0",
     "@nextcloud/l10n": "^1.4.1",