Allow to change outline state from outside WrapperComponent

* Emit `outline-toggled` event when outline got toggled from Text
* Allow to pass property `showOutlineOutside` for changing outline state
  from parent component.

This is required to support toggeling the outline from inside
Collectives.

Related: #2919

Signed-off-by: Jonas <[email protected]>

src/components/Editor.vue

@@ -32,7 +32,9 @@
 			:sync-error="syncError"
 			:has-connection-issue="hasConnectionIssue"
 			:content-loaded="contentLoaded"
-			:show-author-annotations="showAuthorAnnotations">
+			:show-author-annotations="showAuthorAnnotations"
+			:show-outline-outside="showOutlineOutside"
+			@outline-toggled="outlineToggled">
 			<MainContainer v-if="$editor">
 				<!-- Readonly -->
 				<div v-if="readOnly" class="text-editor--readonly-bar">
@@ -218,6 +220,10 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		showOutlineOutside: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	data() {
 		return {

src/components/Editor/Wrapper.vue

@@ -77,6 +77,10 @@ export default {
 			type: Boolean,
 			require: true,
 		},
+		showOutlineOutside: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	data: () => ({
@@ -107,6 +111,13 @@ export default {
 			return this.viewWidth > 1265
 		},
 	},
+
+	watch: {
+		'showOutlineOutside'() {
+			this.outline.visible = this.showOutlineOutside
+		},
+	},
+
 	mounted() {
 		this.outline.enable = this.isAbleToShowOutline
 
@@ -121,6 +132,7 @@ export default {
 	methods: {
 		outlineToggle() {
 			this.outline.visible = !this.outline.visible
+			this.$emit('outline-toggled', this.outline.visible)
 		},
 	},
 

src/components/ViewerComponent.vue

@@ -26,7 +26,8 @@
 		:active="active"
 		:autofocus="autofocus"
 		:share-token="shareToken"
-		:mime="mime" />
+		:mime="mime"
+		:show-outline-outside="showOutlineOutside" />
 </template>
 
 <script>
@@ -62,6 +63,10 @@ export default {
 			type: String,
 			default: null,
 		},
+		showOutlineOutside: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	beforeMount() {
 		// FIXME Dirty fix to avoid recreating the component on stable16