fear(NcSettingsSelectGroup): Cache initial groups to reduce API calls

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

src/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue

@@ -61,7 +61,8 @@ section * {
 			:close-on-select="false"
 			:disabled="disabled"
 			@input="update"
-			@search="findGroup" />
+			@search="findGroup"
+			@open="initGroups" />
 	</div>
 </template>
 
@@ -162,6 +163,21 @@ export default {
 			/** Emitted when the groups selection changes<br />**Payload:** `value` (`Array`) - *Ids of selected groups */
 			this.$emit('input', value)
 		},
+		/**
+		 * Load initial groups if not already loaded
+		 */
+		async initGroups() {
+			if (Object.keys(this.groups).length === 0) {
+				// version scoped to prevent issues with different library versions
+				const savedGroups = window.sessionStorage.getItem(`${appName}:${appVersion}/initialGroups`)
+				if (savedGroups) {
+					this.groups = JSON.parse(savedGroups)
+				} else {
+					await this.findGroup('')
+					window.sessionStorage.setItem(`${appName}:${appVersion}/initialGroups`, JSON.stringify(this.groups))
+				}
+			}
+		},
 		async findGroup(query) {
 			try {
 				query = typeof query === 'string' ? encodeURI(query) : ''