nextcloud-libraries
diff --git a/README.md b/README.md
@@ -51,6 +51,29 @@ If you want to work on improving the components it’s best to run the latest co
     - In the repository of an app do `npm link @nextcloud/vue` (you need to re-link any time you do `npm ci` in the app)
 4. Then build the app with: `npm run build` (or watch for changes with `npm run watch`)
 
+### Using vue-devtools in Firefox
+
+If you want to use [vue-devtools](https://github.com/vuejs/vue-devtools) in Firefox, you need to patch your nextcloud instance as follow:
+
+```diff
+diff --git a/lib/public/AppFramework/Http/ContentSecurityPolicy.php b/lib/public/AppFramework/Http/ContentSecurityPolicy.php
+index 3a9ab8f8c1..4bc2b4a4d0 100644
+--- a/lib/public/AppFramework/Http/ContentSecurityPolicy.php
++++ b/lib/public/AppFramework/Http/ContentSecurityPolicy.php
+@@ -42,9 +42,9 @@ namespace OCP\AppFramework\Http;
+  */
+ class ContentSecurityPolicy extends EmptyContentSecurityPolicy {
+        /** @var bool Whether inline JS snippets are allowed */
+-       protected $inlineScriptAllowed = false;
++       protected $inlineScriptAllowed = true;
+        /** @var bool Whether eval in JS scripts is allowed */
+-       protected $evalScriptAllowed = false;
++       protected $evalScriptAllowed = true;
+        /** @var array Domains from which scripts can get loaded */
+        protected $allowedScriptDomains = [
+                '\'self\'',
+```
+
 ## Releasing a new version
 
 1. Checkout latest master

diff --git a/build/usernameToColor-export.js b/build/usernameToColor-export.js
@@ -0,0 +1,7 @@
+const snapshot = require('./../src/functions/usernameToColor/__snapshots__/usernameToColor.spec.js.snap')
+const result = {}
+Object.keys(snapshot).map((key) => {
+		const uid = key.replace('usernameToColor ', '').replace(' has the proper color 1', '')
+		result[uid] = JSON.parse(snapshot[key])
+})
+console.log(JSON.stringify(result))
diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
@@ -25,8 +25,8 @@ const options = {
 	watchOptions: {},
 }
 
-module.exports = (on) => {
-	getCompareSnapshotsPlugin(on)
+module.exports = (on, config) => {
+	getCompareSnapshotsPlugin(on, config)
 	on('file:preprocessor', webpack(options))
 
 	// Disable spell checking to prevent rendering differences

diff --git a/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png b/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...l–starred_false–compact_false–header_none–secondary_none–editable_true-base.png b/...l–starred_false–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png b/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...l–starred_false–compact_true–header_image–secondary_none–editable_true-base.png b/...l–starred_false–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...l–starred_false–compact_true–header_none–secondary_none–editable_false-base.png b/...l–starred_false–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ll–starred_false–compact_true–header_none–secondary_none–editable_true-base.png b/...ll–starred_false–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...l–starred_null–compact_false–header_none–secondary_none–editable_false-base.png b/...l–starred_null–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ll–starred_null–compact_false–header_none–secondary_none–editable_true-base.png b/...ll–starred_null–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...l–starred_null–compact_true–header_image–secondary_none–editable_false-base.png b/...l–starred_null–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ll–starred_null–compact_true–header_image–secondary_none–editable_true-base.png b/...ll–starred_null–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...ll–starred_null–compact_true–header_none–secondary_none–editable_false-base.png b/...ll–starred_null–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ull–starred_null–compact_true–header_none–secondary_none–editable_true-base.png b/...ull–starred_null–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...l–starred_true–compact_false–header_none–secondary_none–editable_false-base.png b/...l–starred_true–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ll–starred_true–compact_false–header_none–secondary_none–editable_true-base.png b/...ll–starred_true–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...l–starred_true–compact_true–header_image–secondary_none–editable_false-base.png b/...l–starred_true–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ll–starred_true–compact_true–header_image–secondary_none–editable_true-base.png b/...ll–starred_true–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...ll–starred_true–compact_true–header_none–secondary_none–editable_false-base.png b/...ll–starred_true–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ull–starred_true–compact_true–header_none–secondary_none–editable_true-base.png b/...ull–starred_true–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png b/...–starred_false–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...e–starred_false–compact_false–header_none–secondary_none–editable_true-base.png b/...e–starred_false–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png b/...–starred_false–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...e–starred_false–compact_true–header_image–secondary_none–editable_true-base.png b/...e–starred_false–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...e–starred_false–compact_true–header_none–secondary_none–editable_false-base.png b/...e–starred_false–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...ue–starred_false–compact_true–header_none–secondary_none–editable_true-base.png b/...ue–starred_false–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...e–starred_null–compact_false–header_none–secondary_none–editable_false-base.png b/...e–starred_null–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ue–starred_null–compact_false–header_none–secondary_none–editable_true-base.png b/...ue–starred_null–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...e–starred_null–compact_true–header_image–secondary_none–editable_false-base.png b/...e–starred_null–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ue–starred_null–compact_true–header_image–secondary_none–editable_true-base.png b/...ue–starred_null–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...ue–starred_null–compact_true–header_none–secondary_none–editable_false-base.png b/...ue–starred_null–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...rue–starred_null–compact_true–header_none–secondary_none–editable_true-base.png b/...rue–starred_null–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/...e–starred_true–compact_false–header_none–secondary_none–editable_false-base.png b/...e–starred_true–compact_false–header_none–secondary_none–editable_false-base.png
diff --git a/...ue–starred_true–compact_false–header_none–secondary_none–editable_true-base.png b/...ue–starred_true–compact_false–header_none–secondary_none–editable_true-base.png
diff --git a/...e–starred_true–compact_true–header_image–secondary_none–editable_false-base.png b/...e–starred_true–compact_true–header_image–secondary_none–editable_false-base.png
diff --git a/...ue–starred_true–compact_true–header_image–secondary_none–editable_true-base.png b/...ue–starred_true–compact_true–header_image–secondary_none–editable_true-base.png
diff --git a/...ue–starred_true–compact_true–header_none–secondary_none–editable_false-base.png b/...ue–starred_true–compact_true–header_none–secondary_none–editable_false-base.png
diff --git a/...rue–starred_true–compact_true–header_none–secondary_none–editable_true-base.png b/...rue–starred_true–compact_true–header_none–secondary_none–editable_true-base.png
diff --git a/l10n/cs_CZ.pot b/l10n/cs_CZ.pot
@@ -18,7 +18,7 @@ msgstr "{tag} (neviditelný)"
 msgid "{tag} (restricted)"
 msgstr "{tag} (omezený)"
 
-#: src/components/Actions/Actions.vue:249
+#: src/components/Actions/Actions.vue:254
 msgid "Actions"
 msgstr "Akce"
 
@@ -54,6 +54,10 @@ msgstr "Jídlo a pití"
 msgid "Frequently used"
 msgstr "Často používané"
 
+#: src/components/RichContenteditable/RichContenteditable.vue:254
+msgid "Message limit of {count} characters reached"
+msgstr "Dosaženo limitu počtu znaků {count}"
+
 #: src/components/Modal/Modal.vue:166
 msgid "Next"
 msgstr "Následující"
@@ -100,10 +104,14 @@ msgstr "Výsledky hledání"
 msgid "Select a tag"
 msgstr "Vybrat štítek"
 
-#: src/components/AppNavigationSettings/AppNavigationSettings.vue:53
+#: src/components/AppNavigationSettings/AppNavigationSettings.vue:57
 msgid "Settings"
 msgstr "Nastavení"
 
+#: src/components/AppSettingsDialog/AppSettingsDialog.vue:106
+msgid "Settings navigation"
+msgstr "Pohyb po nastavení"
+
 #: src/components/EmojiPicker/EmojiPicker.vue:172
 msgid "Smileys & Emotion"
 msgstr "Úsměvy a emoce"
@@ -123,3 +131,7 @@ msgstr "Cestování a místa"
 #: src/components/SettingsSelectGroup/SettingsSelectGroup.vue:143
 msgid "Unable to search the group"
 msgstr "Nedaří se hledat skupinu"
+
+#: src/components/RichContenteditable/RichContenteditable.vue:151
+msgid "Write message, @ to mention someone …"
+msgstr "Pište zprávu, pokud chcete někoho zmínit, použijte @ …"
diff --git a/l10n/de.pot b/l10n/de.pot
@@ -2,13 +2,13 @@
 # Translators:
 # Philipp Fischbeck <pfischbeck@googlemail.com>, 2020
 # Andreas Eitel <github-aneitel@online.de>, 2020
-# Mario Siegmann <mario_siegmann@web.de>, 2020
 # Joachim Sokolowski, 2020
 # Mark Ziegler <mark.ziegler@rakekniven.de>, 2020
+# Mario Siegmann <mario_siegmann@web.de>, 2020
 # 
 msgid ""
 msgstr ""
-"Last-Translator: Mark Ziegler <mark.ziegler@rakekniven.de>, 2020\n"
+"Last-Translator: Mario Siegmann <mario_siegmann@web.de>, 2020\n"
 "Language-Team: German (https://www.transifex.com/nextcloud/teams/64236/de/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: de\n"
@@ -22,7 +22,7 @@ msgstr "{tag} (unsichtbar)"
 msgid "{tag} (restricted)"
 msgstr "{tag} (eingeschränkt)"
 
-#: src/components/Actions/Actions.vue:249
+#: src/components/Actions/Actions.vue:254
 msgid "Actions"
 msgstr "Aktionen"
 
@@ -108,6 +108,10 @@ msgstr "Schlagwort auswählen"
 msgid "Settings"
 msgstr "Einstellungen"
 
+#: src/components/AppSettingsDialog/AppSettingsDialog.vue:106
+msgid "Settings navigation"
+msgstr "Einstellungen-Navigation"
+
 #: src/components/EmojiPicker/EmojiPicker.vue:172
 msgid "Smileys & Emotion"
 msgstr "Smileys & Emotionen"
@@ -127,3 +131,7 @@ msgstr "Reisen & Orte"
 #: src/components/SettingsSelectGroup/SettingsSelectGroup.vue:143
 msgid "Unable to search the group"
 msgstr "Die Gruppe konnte nicht durchsucht werden"
+
+#: src/components/RichContenteditable/RichContenteditable.vue:126
+msgid "Write message, @ to mention someone …"
+msgstr "Nachricht schreiben, @ um jemanden zu erwähnen ..."
diff --git a/l10n/de_DE.pot b/l10n/de_DE.pot
@@ -2,12 +2,12 @@
 # Translators:
 # Philipp Fischbeck <pfischbeck@googlemail.com>, 2020
 # ProfDrJones <jones@fs.cs.hm.edu>, 2020
-# Mario Siegmann <mario_siegmann@web.de>, 2020
 # Mark Ziegler <mark.ziegler@rakekniven.de>, 2020
+# Mario Siegmann <mario_siegmann@web.de>, 2020
 # 
 msgid ""
 msgstr ""
-"Last-Translator: Mark Ziegler <mark.ziegler@rakekniven.de>, 2020\n"
+"Last-Translator: Mario Siegmann <mario_siegmann@web.de>, 2020\n"
 "Language-Team: German (Germany) (https://www.transifex.com/nextcloud/teams/64236/de_DE/)\n"
 "Content-Type: text/plain; charset=UTF-8\n"
 "Language: de_DE\n"
@@ -21,7 +21,7 @@ msgstr "{tag} (unsichtbar)"
 msgid "{tag} (restricted)"
 msgstr "{tag} (eingeschränkt)"
 
-#: src/components/Actions/Actions.vue:249
+#: src/components/Actions/Actions.vue:254
 msgid "Actions"
 msgstr "Aktionen"
 
@@ -57,6 +57,10 @@ msgstr "Essen & Trinken"
 msgid "Frequently used"
 msgstr "Häufig verwendet"
 
+#: src/components/RichContenteditable/RichContenteditable.vue:254
+msgid "Message limit of {count} characters reached"
+msgstr "Nachrichtenlimit von {count} Zeichen erreicht"
+
 #: src/components/Modal/Modal.vue:166
 msgid "Next"
 msgstr "Weiter"
@@ -107,6 +111,10 @@ msgstr "Schlagwort auswählen"
 msgid "Settings"
 msgstr "Einstellungen"
 
+#: src/components/AppSettingsDialog/AppSettingsDialog.vue:106
+msgid "Settings navigation"
+msgstr "Einstellungen-Navigation"
+
 #: src/components/EmojiPicker/EmojiPicker.vue:172
 msgid "Smileys & Emotion"
 msgstr "Smileys & Emotionen"
@@ -126,3 +134,7 @@ msgstr "Reisen & Orte"
 #: src/components/SettingsSelectGroup/SettingsSelectGroup.vue:143
 msgid "Unable to search the group"
 msgstr "Die Gruppe kann nicht durchsucht werden"
+
+#: src/components/RichContenteditable/RichContenteditable.vue:151
+msgid "Write message, @ to mention someone …"
+msgstr "Nachricht schreiben, @ um jemanden zu erwähnen ..."
diff --git a/l10n/gl.pot b/l10n/gl.pot
@@ -18,7 +18,7 @@ msgstr "{tag} (invisíbel)"
 msgid "{tag} (restricted)"
 msgstr "{tag} (restrinxido)"
 
-#: src/components/Actions/Actions.vue:249
+#: src/components/Actions/Actions.vue:254
 msgid "Actions"
 msgstr "Accións"
 
@@ -54,6 +54,10 @@ msgstr "Comida e bebida"
 msgid "Frequently used"
 msgstr "Usado con frecuencia"
 
+#: src/components/RichContenteditable/RichContenteditable.vue:254
+msgid "Message limit of {count} characters reached"
+msgstr "Acadouse o límite de {count} caracteres por mensaxe"
+
 #: src/components/Modal/Modal.vue:166
 msgid "Next"
 msgstr "Seguinte"
@@ -100,10 +104,14 @@ msgstr "Resultados da busca"
 msgid "Select a tag"
 msgstr "Seleccione unha etiqueta"
 
-#: src/components/AppNavigationSettings/AppNavigationSettings.vue:53
+#: src/components/AppNavigationSettings/AppNavigationSettings.vue:57
 msgid "Settings"
 msgstr "Axustes"
 
+#: src/components/AppSettingsDialog/AppSettingsDialog.vue:106
+msgid "Settings navigation"
+msgstr "Navegación de axustes"
+
 #: src/components/EmojiPicker/EmojiPicker.vue:172
 msgid "Smileys & Emotion"
 msgstr "Sorrisos e emocións"
@@ -123,3 +131,7 @@ msgstr "Viaxes e lugares"
 #: src/components/SettingsSelectGroup/SettingsSelectGroup.vue:143
 msgid "Unable to search the group"
 msgstr "Non foi posíbel buscar o grupo"
+
+#: src/components/RichContenteditable/RichContenteditable.vue:151
+msgid "Write message, @ to mention someone …"
+msgstr "Escriba a mensaxe, @ para mencionar a alguén…"
diff --git a/l10n/it.pot b/l10n/it.pot
@@ -19,7 +19,7 @@ msgstr "{tag} (invisibile)"
 msgid "{tag} (restricted)"
 msgstr "{tag} (limitato)"
 
-#: src/components/Actions/Actions.vue:249
+#: src/components/Actions/Actions.vue:254
 msgid "Actions"
 msgstr "Azioni"
 
@@ -55,6 +55,10 @@ msgstr "Cibo e bevande"
 msgid "Frequently used"
 msgstr "Usati di frequente"
 
+#: src/components/RichContenteditable/RichContenteditable.vue:254
+msgid "Message limit of {count} characters reached"
+msgstr "Limite dei messaggi di {count} caratteri raggiunto"
+
 #: src/components/Modal/Modal.vue:166
 msgid "Next"
 msgstr "Successivo"
@@ -105,6 +109,10 @@ msgstr "Seleziona un'etichetta"
 msgid "Settings"
 msgstr "Impostazioni"
 
+#: src/components/AppSettingsDialog/AppSettingsDialog.vue:106
+msgid "Settings navigation"
+msgstr "Navigazione delle impostazioni"
+
 #: src/components/EmojiPicker/EmojiPicker.vue:172
 msgid "Smileys & Emotion"
 msgstr "Faccine ed emozioni"
@@ -124,3 +132,7 @@ msgstr "Viaggi e luoghi"
 #: src/components/SettingsSelectGroup/SettingsSelectGroup.vue:143
 msgid "Unable to search the group"
 msgstr "Impossibile cercare il gruppo"
+
+#: src/components/RichContenteditable/RichContenteditable.vue:151
+msgid "Write message, @ to mention someone …"
+msgstr "Scrivi messaggio, @ per menzionare qualcuno…"
diff --git a/l10n/messages.pot b/l10n/messages.pot
@@ -46,6 +46,10 @@ msgstr ""
 msgid "Frequently used"
 msgstr ""
 
+#: src/components/RichContenteditable/RichContenteditable.vue:254
+msgid "Message limit of {count} characters reached"
+msgstr ""
+
 #: src/components/Modal/Modal.vue:166
 msgid "Next"
 msgstr ""
@@ -96,6 +100,10 @@ msgstr ""
 msgid "Settings"
 msgstr ""
 
+#: src/components/AppSettingsDialog/AppSettingsDialog.vue:106
+msgid "Settings navigation"
+msgstr ""
+
 #: src/components/EmojiPicker/EmojiPicker.vue:172
 msgid "Smileys & Emotion"
 msgstr ""
@@ -115,3 +123,7 @@ msgstr ""
 #: src/components/SettingsSelectGroup/SettingsSelectGroup.vue:143
 msgid "Unable to search the group"
 msgstr ""
+
+#: src/components/RichContenteditable/RichContenteditable.vue:151
+msgid "Write message, @ to mention someone …"
+msgstr ""