@conduction/nextcloud-vue 2.106.0 → 2.107.0

package/dist/esm/components/CnSavedViewShareFields/CnSavedViewShareFields.vue2.js

@@ -1,13 +1,15 @@
 import { translate } from '@nextcloud/l10n';
-import { NcCheckboxRadioSwitch, NcSelect } from '@nextcloud/vue';
-import { searchGroupSharees } from '../../utils/searchGroupSharees.js';
+import { NcButton, NcCheckboxRadioSwitch, NcSelect } from '@nextcloud/vue';
+import Close from 'vue-material-design-icons/Close.vue';
+import { searchUserAndGroupSharees } from '../../utils/searchGroupSharees.js';
 
 /**
- * CnSavedViewShareFields — the sharing section of a saved view: pick groups
- * from Nextcloud's sharee API and choose, per group, whether members may only
- * read the view or also edit it. Used by `CnSaveViewDialog` and the share
- * dialog of `CnIndexPage`. Renders nothing when the sharee API answers no
- * groups (sharing off, or no group the user may share with).
+ * CnSavedViewShareFields — the sharing section of a saved view: pick people
+ * and groups from Nextcloud's sharee API, within the instance's own sharing
+ * settings, and choose per entry whether it may only read the view or also
+ * edit it. Used by `CnSaveViewDialog` and the share dialog of `CnIndexPage`.
+ * Renders nothing when the sharee API answers nobody (sharing off, or nobody
+ * the user may share with). A group is keyed by its id, a user by `user:<uid>`.
  *
  * Example:
  * ```vue
@@ -17,13 +19,14 @@ import { searchGroupSharees } from '../../utils/searchGroupSharees.js';
 var script = {
 	name: 'CnSavedViewShareFields',
 
-	components: { NcCheckboxRadioSwitch, NcSelect },
+	components: { Close, NcButton, NcCheckboxRadioSwitch, NcSelect },
 
 	props: {
 		/**
-		 * The chosen audience, `[{ group, mode }]` with `mode` `read` or `write`.
+		 * The chosen audience, `[{ group, mode }]` and `[{ user, mode }]` with
+		 * `mode` `read` or `write`.
 		 *
-		 * @type {Array<{group: string, mode: 'read'|'write'}>}
+		 * @type {Array<{group?: string, user?: string, mode: 'read'|'write'}>}
 		 */
 		modelValue: {
 			type: Array,
@@ -44,14 +47,14 @@ var script = {
 			options: [],
 			known: {},
 			loading: false,
-			/** False until the first search came back with at least one group. */
+			/** False until the first search came back with at least one sharee. */
 			available: false,
 		}
 	},
 
 	computed: {
 		selectedOptions() {
-			return this.modelValue.map((e) => ({ id: e.group, label: this.labelOf(e.group) }))
+			return this.modelValue.map((e) => ({ id: this.keyOf(e), label: this.labelOf(this.keyOf(e)) }))
 		},
 	},
 
@@ -66,17 +69,28 @@ var script = {
 	methods: {
 		t: translate,
 
-		labelOf(group) {
-			return this.known[group] || group
+		/**
+		 * The key an audience entry or option goes by: the group id, or `user:<uid>`.
+		 *
+		 * @param {{group?: string, user?: string}} entry The entry.
+		 * @return {string}
+		 * @spec openspec/changes/saved-views-manage-and-defaults/tasks.md#task-5
+		 */
+		keyOf(entry) {
+			return typeof entry.user === 'string' && entry.user !== '' ? `user:${entry.user}` : entry.group
+		},
+
+		labelOf(key) {
+			return this.known[key] || (key.startsWith('user:') ? key.slice(5) : key)
 		},
 
 		async onSearch(query) {
 			this.loading = true;
-			const found = await searchGroupSharees(query || '');
+			const found = await searchUserAndGroupSharees(query || '');
 			this.loading = false;
-			this.options = found;
-			found.forEach((g) => {
-				this.known = { ...this.known, [g.id]: g.label };
+			this.options = found.map((s) => ({ id: s.kind === 'user' ? `user:${s.id}` : s.id, label: s.label }));
+			this.options.forEach((o) => {
+				this.known = { ...this.known, [o.id]: o.label };
 			});
 			if (found.length > 0) {
 				this.available = true;
@@ -86,15 +100,27 @@ var script = {
 		onGroups(list) {
 			const groups = Array.isArray(list) ? list : [];
 			const next = groups.map((g) => {
-				const existing = this.modelValue.find((e) => e.group === g.id);
-				return existing || { group: g.id, mode: 'read' }
+				const existing = this.modelValue.find((e) => this.keyOf(e) === g.id);
+				if (existing) {
+					return existing
+				}
+				return g.id.startsWith('user:') ? { user: g.id.slice(5), mode: 'read' } : { group: g.id, mode: 'read' }
 			});
-			/** @event update:modelValue The audience, `[{ group, mode }]`; `[]` when no group is picked. */
+			/** @event update:modelValue The audience, `[{ group, mode }]` and `[{ user, mode }]`; `[]` when nobody is picked. */
 			this.$emit('update:modelValue', next);
 		},
 
-		onMode(group, mode) {
-			this.$emit('update:modelValue', this.modelValue.map((e) => (e.group === group ? { ...e, mode } : e)));
+		/**
+		 * Stop sharing with one person or group.
+		 *
+		 * @param {string} key The entry's key.
+		 */
+		onRemove(key) {
+			this.$emit('update:modelValue', this.modelValue.filter((e) => this.keyOf(e) !== key));
+		},
+
+		onMode(key, mode) {
+			this.$emit('update:modelValue', this.modelValue.map((e) => (this.keyOf(e) === key ? { ...e, mode } : e)));
 		},
 	},
 };

package/dist/esm/components/CnSavedViewShareFields/CnSavedViewShareFields.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnSavedViewShareFields.vue2.js","sources":["../../../../src/components/CnSavedViewShareFields/CnSavedViewShareFields.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div v-if=\"available\" class=\"cn-saved-view-share\" data-testid=\"cn-saved-view-share\">\n\t\t<NcSelect\n\t\t\t:inputLabel=\"t('nextcloud-vue', 'Share with groups')\"\n\t\t\t:modelValue=\"selectedOptions\"\n\t\t\t:options=\"options\"\n\t\t\t:multiple=\"true\"\n\t\t\t:loading=\"loading\"\n\t\t\t:filterable=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tlabel=\"label\"\n\t\t\tdata-testid=\"cn-saved-view-share-groups\"\n\t\t\t@search=\"onSearch\"\n\t\t\t@update:modelValue=\"onGroups\" />\n\t\t<ul v-if=\"modelValue.length > 0\" class=\"cn-saved-view-share__modes\">\n\t\t\t<li v-for=\"entry in modelValue\" :key=\"entry.group\" class=\"cn-saved-view-share__mode\">\n\t\t\t\t<span class=\"cn-saved-view-share__group\">{{ labelOf(entry.group) }}</span>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\t:modelValue=\"entry.mode === 'write'\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t:data-testid=\"`cn-saved-view-share-mode-${entry.group}`\"\n\t\t\t\t\t@update:modelValue=\"(on) => onMode(entry.group, on ? 'write' : 'read')\">\n\t\t\t\t\t{{ t('nextcloud-vue', 'May edit') }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t</li>\n\t\t</ul>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcCheckboxRadioSwitch, NcSelect } from '@nextcloud/vue'\nimport { searchGroupSharees } from '../../utils/searchGroupSharees.js'\n\n/**\n * CnSavedViewShareFields — the sharing section of a saved view: pick groups\n * from Nextcloud's sharee API and choose, per group, whether members may only\n * read the view or also edit it. Used by `CnSaveViewDialog` and the share\n * dialog of `CnIndexPage`. Renders nothing when the sharee API answers no\n * groups (sharing off, or no group the user may share with).\n *\n * Example:\n * ```vue\n * <CnSavedViewShareFields v-model=\"sharedWith\" />\n * ```\n */\nexport default {\n\tname: 'CnSavedViewShareFields',\n\n\tcomponents: { NcCheckboxRadioSwitch, NcSelect },\n\n\tprops: {\n\t\t/**\n\t\t * The chosen audience, `[{ group, mode }]` with `mode` `read` or `write`.\n\t\t *\n\t\t * @type {Array<{group: string, mode: 'read'|'write'}>}\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Disable the fields. */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tdata() {\n\t\treturn {\n\t\t\toptions: [],\n\t\t\tknown: {},\n\t\t\tloading: false,\n\t\t\t/** False until the first search came back with at least one group. */\n\t\t\tavailable: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tselectedOptions() {\n\t\t\treturn this.modelValue.map((e) => ({ id: e.group, label: this.labelOf(e.group) }))\n\t\t},\n\t},\n\n\tasync mounted() {\n\t\tawait this.onSearch('')\n\t\t// Groups already on the view keep the section on, even if the search came back empty.\n\t\tif (this.modelValue.length > 0) {\n\t\t\tthis.available = true\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\tlabelOf(group) {\n\t\t\treturn this.known[group] || group\n\t\t},\n\n\t\tasync onSearch(query) {\n\t\t\tthis.loading = true\n\t\t\tconst found = await searchGroupSharees(query || '')\n\t\t\tthis.loading = false\n\t\t\tthis.options = found\n\t\t\tfound.forEach((g) => {\n\t\t\t\tthis.known = { ...this.known, [g.id]: g.label }\n\t\t\t})\n\t\t\tif (found.length > 0) {\n\t\t\t\tthis.available = true\n\t\t\t}\n\t\t},\n\n\t\tonGroups(list) {\n\t\t\tconst groups = Array.isArray(list) ? list : []\n\t\t\tconst next = groups.map((g) => {\n\t\t\t\tconst existing = this.modelValue.find((e) => e.group === g.id)\n\t\t\t\treturn existing || { group: g.id, mode: 'read' }\n\t\t\t})\n\t\t\t/** @event update:modelValue The audience, `[{ group, mode }]`; `[]` when no group is picked. */\n\t\t\tthis.$emit('update:modelValue', next)\n\t\t},\n\n\t\tonMode(group, mode) {\n\t\t\tthis.$emit('update:modelValue', this.modelValue.map((e) => (e.group === group ? { ...e, mode } : e)))\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-saved-view-share__modes {\n\tlist-style: none;\n\tmargin: 8px 0 0;\n\tpadding: 0;\n}\n\n.cn-saved-view-share__mode {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 12px;\n}\n</style>\n"],"names":["t"],"mappings":"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"}
+{"version":3,"file":"CnSavedViewShareFields.vue2.js","sources":["../../../../src/components/CnSavedViewShareFields/CnSavedViewShareFields.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div v-if=\"available\" class=\"cn-saved-view-share\" data-testid=\"cn-saved-view-share\">\n\t\t<NcSelect\n\t\t\t:inputLabel=\"t('nextcloud-vue', 'Share with')\"\n\t\t\t:modelValue=\"selectedOptions\"\n\t\t\t:options=\"options\"\n\t\t\t:multiple=\"true\"\n\t\t\t:loading=\"loading\"\n\t\t\t:filterable=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tlabel=\"label\"\n\t\t\tdata-testid=\"cn-saved-view-share-groups\"\n\t\t\t@search=\"onSearch\"\n\t\t\t@update:modelValue=\"onGroups\" />\n\t\t<p class=\"cn-saved-view-share__hint\">\n\t\t\t{{ t('nextcloud-vue', 'People and groups from your Nextcloud, as when sharing a file.') }}\n\t\t</p>\n\t\t<template v-if=\"modelValue.length > 0\">\n\t\t\t<h4 class=\"cn-saved-view-share__caption\">\n\t\t\t\t{{ t('nextcloud-vue', 'Shared with') }}\n\t\t\t</h4>\n\t\t\t<ul class=\"cn-saved-view-share__modes\">\n\t\t\t\t<li v-for=\"entry in modelValue\" :key=\"keyOf(entry)\" class=\"cn-saved-view-share__mode\">\n\t\t\t\t\t<span class=\"cn-saved-view-share__who\">\n\t\t\t\t\t\t<span class=\"cn-saved-view-share__group\">{{ labelOf(keyOf(entry)) }}</span>\n\t\t\t\t\t\t<span class=\"cn-saved-view-share__kind\">{{ entry.user ? t('nextcloud-vue', 'Person') : t('nextcloud-vue', 'Group') }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"cn-saved-view-share__rights\"\n\t\t\t\t\t\trole=\"radiogroup\"\n\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Rights of {name}', { name: labelOf(keyOf(entry)) })\"\n\t\t\t\t\t\t:data-testid=\"`cn-saved-view-share-mode-${keyOf(entry)}`\">\n\t\t\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t:name=\"`cn-share-mode-${keyOf(entry)}`\"\n\t\t\t\t\t\t\tvalue=\"read\"\n\t\t\t\t\t\t\t:modelValue=\"entry.mode === 'write' ? 'write' : 'read'\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t@update:modelValue=\"onMode(keyOf(entry), 'read')\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'May use') }}\n\t\t\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t:name=\"`cn-share-mode-${keyOf(entry)}`\"\n\t\t\t\t\t\t\tvalue=\"write\"\n\t\t\t\t\t\t\t:modelValue=\"entry.mode === 'write' ? 'write' : 'read'\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t@update:modelValue=\"onMode(keyOf(entry), 'write')\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'May update') }}\n\t\t\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t\t</span>\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Stop sharing with {name}', { name: labelOf(keyOf(entry)) })\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t:data-testid=\"`cn-saved-view-share-remove-${keyOf(entry)}`\"\n\t\t\t\t\t\t@click=\"onRemove(keyOf(entry))\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</NcButton>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<p class=\"cn-saved-view-share__hint\">\n\t\t\t\t{{ t('nextcloud-vue', 'May use: sees the view under Shared with me. May update: can also replace the criteria. Deleting and sharing stay with you.') }}\n\t\t\t</p>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcSelect } from '@nextcloud/vue'\nimport Close from 'vue-material-design-icons/Close.vue'\nimport { searchUserAndGroupSharees } from '../../utils/searchGroupSharees.js'\n\n/**\n * CnSavedViewShareFields — the sharing section of a saved view: pick people\n * and groups from Nextcloud's sharee API, within the instance's own sharing\n * settings, and choose per entry whether it may only read the view or also\n * edit it. Used by `CnSaveViewDialog` and the share dialog of `CnIndexPage`.\n * Renders nothing when the sharee API answers nobody (sharing off, or nobody\n * the user may share with). A group is keyed by its id, a user by `user:<uid>`.\n *\n * Example:\n * ```vue\n * <CnSavedViewShareFields v-model=\"sharedWith\" />\n * ```\n */\nexport default {\n\tname: 'CnSavedViewShareFields',\n\n\tcomponents: { Close, NcButton, NcCheckboxRadioSwitch, NcSelect },\n\n\tprops: {\n\t\t/**\n\t\t * The chosen audience, `[{ group, mode }]` and `[{ user, mode }]` with\n\t\t * `mode` `read` or `write`.\n\t\t *\n\t\t * @type {Array<{group?: string, user?: string, mode: 'read'|'write'}>}\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Disable the fields. */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tdata() {\n\t\treturn {\n\t\t\toptions: [],\n\t\t\tknown: {},\n\t\t\tloading: false,\n\t\t\t/** False until the first search came back with at least one sharee. */\n\t\t\tavailable: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tselectedOptions() {\n\t\t\treturn this.modelValue.map((e) => ({ id: this.keyOf(e), label: this.labelOf(this.keyOf(e)) }))\n\t\t},\n\t},\n\n\tasync mounted() {\n\t\tawait this.onSearch('')\n\t\t// Groups already on the view keep the section on, even if the search came back empty.\n\t\tif (this.modelValue.length > 0) {\n\t\t\tthis.available = true\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * The key an audience entry or option goes by: the group id, or `user:<uid>`.\n\t\t *\n\t\t * @param {{group?: string, user?: string}} entry The entry.\n\t\t * @return {string}\n\t\t * @spec openspec/changes/saved-views-manage-and-defaults/tasks.md#task-5\n\t\t */\n\t\tkeyOf(entry) {\n\t\t\treturn typeof entry.user === 'string' && entry.user !== '' ? `user:${entry.user}` : entry.group\n\t\t},\n\n\t\tlabelOf(key) {\n\t\t\treturn this.known[key] || (key.startsWith('user:') ? key.slice(5) : key)\n\t\t},\n\n\t\tasync onSearch(query) {\n\t\t\tthis.loading = true\n\t\t\tconst found = await searchUserAndGroupSharees(query || '')\n\t\t\tthis.loading = false\n\t\t\tthis.options = found.map((s) => ({ id: s.kind === 'user' ? `user:${s.id}` : s.id, label: s.label }))\n\t\t\tthis.options.forEach((o) => {\n\t\t\t\tthis.known = { ...this.known, [o.id]: o.label }\n\t\t\t})\n\t\t\tif (found.length > 0) {\n\t\t\t\tthis.available = true\n\t\t\t}\n\t\t},\n\n\t\tonGroups(list) {\n\t\t\tconst groups = Array.isArray(list) ? list : []\n\t\t\tconst next = groups.map((g) => {\n\t\t\t\tconst existing = this.modelValue.find((e) => this.keyOf(e) === g.id)\n\t\t\t\tif (existing) {\n\t\t\t\t\treturn existing\n\t\t\t\t}\n\t\t\t\treturn g.id.startsWith('user:') ? { user: g.id.slice(5), mode: 'read' } : { group: g.id, mode: 'read' }\n\t\t\t})\n\t\t\t/** @event update:modelValue The audience, `[{ group, mode }]` and `[{ user, mode }]`; `[]` when nobody is picked. */\n\t\t\tthis.$emit('update:modelValue', next)\n\t\t},\n\n\t\t/**\n\t\t * Stop sharing with one person or group.\n\t\t *\n\t\t * @param {string} key The entry's key.\n\t\t */\n\t\tonRemove(key) {\n\t\t\tthis.$emit('update:modelValue', this.modelValue.filter((e) => this.keyOf(e) !== key))\n\t\t},\n\n\t\tonMode(key, mode) {\n\t\t\tthis.$emit('update:modelValue', this.modelValue.map((e) => (this.keyOf(e) === key ? { ...e, mode } : e)))\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-saved-view-share__modes {\n\tlist-style: none;\n\tmargin: 8px 0 0;\n\tpadding: 0;\n}\n\n.cn-saved-view-share__mode {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-wrap: wrap;\n\tgap: 8px 12px;\n}\n\n.cn-saved-view-share__who {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1 1 160px;\n\tmin-width: 0;\n}\n\n.cn-saved-view-share__kind,\n.cn-saved-view-share__hint {\n\tmargin: 0;\n\tfont-size: var(--font-size-small, 13px);\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-saved-view-share__rights {\n\tdisplay: flex;\n\tgap: 8px;\n}\n\n.cn-saved-view-share__caption {\n\tmargin: 8px 0 0;\n\tfont-size: var(--default-font-size);\n\tfont-weight: bold;\n}\n</style>\n"],"names":["t"],"mappings":"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"}

package/dist/esm/components/CnSavedViewShareFields/CnSavedViewShareFields.vue3.js

@@ -1,24 +1,29 @@
-import { resolveComponent, openBlock, createElementBlock, createVNode, Fragment, renderList, createElementVNode, toDisplayString, withCtx, createTextVNode, createCommentVNode } from 'vue';
+import { resolveComponent, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, Fragment, renderList, withCtx, createTextVNode, createCommentVNode } from 'vue';
 
 const _hoisted_1 = {
   key: 0,
   class: "cn-saved-view-share",
   "data-testid": "cn-saved-view-share"
 };
-const _hoisted_2 = {
-  key: 0,
-  class: "cn-saved-view-share__modes"
-};
-const _hoisted_3 = { class: "cn-saved-view-share__group" };
+const _hoisted_2 = { class: "cn-saved-view-share__hint" };
+const _hoisted_3 = { class: "cn-saved-view-share__caption" };
+const _hoisted_4 = { class: "cn-saved-view-share__modes" };
+const _hoisted_5 = { class: "cn-saved-view-share__who" };
+const _hoisted_6 = { class: "cn-saved-view-share__group" };
+const _hoisted_7 = { class: "cn-saved-view-share__kind" };
+const _hoisted_8 = ["aria-label", "data-testid"];
+const _hoisted_9 = { class: "cn-saved-view-share__hint" };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcSelect = resolveComponent("NcSelect");
   const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
+  const _component_Close = resolveComponent("Close");
+  const _component_NcButton = resolveComponent("NcButton");
 
   return ($data.available)
     ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_component_NcSelect, {
-          inputLabel: $options.t('nextcloud-vue', 'Share with groups'),
+          inputLabel: $options.t('nextcloud-vue', 'Share with'),
           modelValue: $options.selectedOptions,
           options: $data.options,
           multiple: true,
@@ -30,28 +35,70 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           onSearch: $options.onSearch,
           "onUpdate:modelValue": $options.onGroups
         }, null, 8 /* PROPS */, ["inputLabel", "modelValue", "options", "loading", "disabled", "onSearch", "onUpdate:modelValue"]),
+        createElementVNode("p", _hoisted_2, toDisplayString($options.t('nextcloud-vue', 'People and groups from your Nextcloud, as when sharing a file.')), 1 /* TEXT */),
         ($props.modelValue.length > 0)
-          ? (openBlock(), createElementBlock("ul", _hoisted_2, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList($props.modelValue, (entry) => {
-                return (openBlock(), createElementBlock("li", {
-                  key: entry.group,
-                  class: "cn-saved-view-share__mode"
-                }, [
-                  createElementVNode("span", _hoisted_3, toDisplayString($options.labelOf(entry.group)), 1 /* TEXT */),
-                  createVNode(_component_NcCheckboxRadioSwitch, {
-                    modelValue: entry.mode === 'write',
-                    disabled: $props.disabled,
-                    "data-testid": `cn-saved-view-share-mode-${entry.group}`,
-                    "onUpdate:modelValue": (on) => $options.onMode(entry.group, on ? 'write' : 'read')
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString($options.t('nextcloud-vue', 'May edit')), 1 /* TEXT */)
+          ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("h4", _hoisted_3, toDisplayString($options.t('nextcloud-vue', 'Shared with')), 1 /* TEXT */),
+              createElementVNode("ul", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($props.modelValue, (entry) => {
+                  return (openBlock(), createElementBlock("li", {
+                    key: $options.keyOf(entry),
+                    class: "cn-saved-view-share__mode"
+                  }, [
+                    createElementVNode("span", _hoisted_5, [
+                      createElementVNode("span", _hoisted_6, toDisplayString($options.labelOf($options.keyOf(entry))), 1 /* TEXT */),
+                      createElementVNode("span", _hoisted_7, toDisplayString(entry.user ? $options.t('nextcloud-vue', 'Person') : $options.t('nextcloud-vue', 'Group')), 1 /* TEXT */)
                     ]),
-                    _: 1 /* STABLE */
-                  }, 8 /* PROPS */, ["modelValue", "disabled", "data-testid", "onUpdate:modelValue"])
-                ]))
-              }), 128 /* KEYED_FRAGMENT */))
-            ]))
+                    createElementVNode("span", {
+                      class: "cn-saved-view-share__rights",
+                      role: "radiogroup",
+                      "aria-label": $options.t('nextcloud-vue', 'Rights of {name}', { name: $options.labelOf($options.keyOf(entry)) }),
+                      "data-testid": `cn-saved-view-share-mode-${$options.keyOf(entry)}`
+                    }, [
+                      createVNode(_component_NcCheckboxRadioSwitch, {
+                        type: "radio",
+                        name: `cn-share-mode-${$options.keyOf(entry)}`,
+                        value: "read",
+                        modelValue: entry.mode === 'write' ? 'write' : 'read',
+                        disabled: $props.disabled,
+                        "onUpdate:modelValue": $event => ($options.onMode($options.keyOf(entry), 'read'))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString($options.t('nextcloud-vue', 'May use')), 1 /* TEXT */)
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["name", "modelValue", "disabled", "onUpdate:modelValue"]),
+                      createVNode(_component_NcCheckboxRadioSwitch, {
+                        type: "radio",
+                        name: `cn-share-mode-${$options.keyOf(entry)}`,
+                        value: "write",
+                        modelValue: entry.mode === 'write' ? 'write' : 'read',
+                        disabled: $props.disabled,
+                        "onUpdate:modelValue": $event => ($options.onMode($options.keyOf(entry), 'write'))
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString($options.t('nextcloud-vue', 'May update')), 1 /* TEXT */)
+                        ]),
+                        _: 1 /* STABLE */
+                      }, 8 /* PROPS */, ["name", "modelValue", "disabled", "onUpdate:modelValue"])
+                    ], 8 /* PROPS */, _hoisted_8),
+                    createVNode(_component_NcButton, {
+                      variant: "tertiary",
+                      "aria-label": $options.t('nextcloud-vue', 'Stop sharing with {name}', { name: $options.labelOf($options.keyOf(entry)) }),
+                      disabled: $props.disabled,
+                      "data-testid": `cn-saved-view-share-remove-${$options.keyOf(entry)}`,
+                      onClick: $event => ($options.onRemove($options.keyOf(entry)))
+                    }, {
+                      icon: withCtx(() => [
+                        createVNode(_component_Close, { size: 20 })
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["aria-label", "disabled", "data-testid", "onClick"])
+                  ]))
+                }), 128 /* KEYED_FRAGMENT */))
+              ]),
+              createElementVNode("p", _hoisted_9, toDisplayString($options.t('nextcloud-vue', 'May use: sees the view under Shared with me. May update: can also replace the criteria. Deleting and sharing stay with you.')), 1 /* TEXT */)
+            ], 64 /* STABLE_FRAGMENT */))
           : createCommentVNode("v-if", true)
       ]))
     : createCommentVNode("v-if", true)

package/dist/esm/components/CnSavedViewShareFields/CnSavedViewShareFields.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnSavedViewShareFields.vue3.js","sources":["../../../../src/components/CnSavedViewShareFields/CnSavedViewShareFields.vue?vue&type=template&id=50093771&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div v-if=\"available\" class=\"cn-saved-view-share\" data-testid=\"cn-saved-view-share\">\n\t\t<NcSelect\n\t\t\t:inputLabel=\"t('nextcloud-vue', 'Share with groups')\"\n\t\t\t:modelValue=\"selectedOptions\"\n\t\t\t:options=\"options\"\n\t\t\t:multiple=\"true\"\n\t\t\t:loading=\"loading\"\n\t\t\t:filterable=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tlabel=\"label\"\n\t\t\tdata-testid=\"cn-saved-view-share-groups\"\n\t\t\t@search=\"onSearch\"\n\t\t\t@update:modelValue=\"onGroups\" />\n\t\t<ul v-if=\"modelValue.length > 0\" class=\"cn-saved-view-share__modes\">\n\t\t\t<li v-for=\"entry in modelValue\" :key=\"entry.group\" class=\"cn-saved-view-share__mode\">\n\t\t\t\t<span class=\"cn-saved-view-share__group\">{{ labelOf(entry.group) }}</span>\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\t:modelValue=\"entry.mode === 'write'\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t:data-testid=\"`cn-saved-view-share-mode-${entry.group}`\"\n\t\t\t\t\t@update:modelValue=\"(on) => onMode(entry.group, on ? 'write' : 'read')\">\n\t\t\t\t\t{{ t('nextcloud-vue', 'May edit') }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t</li>\n\t\t</ul>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcCheckboxRadioSwitch, NcSelect } from '@nextcloud/vue'\nimport { searchGroupSharees } from '../../utils/searchGroupSharees.js'\n\n/**\n * CnSavedViewShareFields — the sharing section of a saved view: pick groups\n * from Nextcloud's sharee API and choose, per group, whether members may only\n * read the view or also edit it. Used by `CnSaveViewDialog` and the share\n * dialog of `CnIndexPage`. Renders nothing when the sharee API answers no\n * groups (sharing off, or no group the user may share with).\n *\n * Example:\n * ```vue\n * <CnSavedViewShareFields v-model=\"sharedWith\" />\n * ```\n */\nexport default {\n\tname: 'CnSavedViewShareFields',\n\n\tcomponents: { NcCheckboxRadioSwitch, NcSelect },\n\n\tprops: {\n\t\t/**\n\t\t * The chosen audience, `[{ group, mode }]` with `mode` `read` or `write`.\n\t\t *\n\t\t * @type {Array<{group: string, mode: 'read'|'write'}>}\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Disable the fields. */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tdata() {\n\t\treturn {\n\t\t\toptions: [],\n\t\t\tknown: {},\n\t\t\tloading: false,\n\t\t\t/** False until the first search came back with at least one group. */\n\t\t\tavailable: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tselectedOptions() {\n\t\t\treturn this.modelValue.map((e) => ({ id: e.group, label: this.labelOf(e.group) }))\n\t\t},\n\t},\n\n\tasync mounted() {\n\t\tawait this.onSearch('')\n\t\t// Groups already on the view keep the section on, even if the search came back empty.\n\t\tif (this.modelValue.length > 0) {\n\t\t\tthis.available = true\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\tlabelOf(group) {\n\t\t\treturn this.known[group] || group\n\t\t},\n\n\t\tasync onSearch(query) {\n\t\t\tthis.loading = true\n\t\t\tconst found = await searchGroupSharees(query || '')\n\t\t\tthis.loading = false\n\t\t\tthis.options = found\n\t\t\tfound.forEach((g) => {\n\t\t\t\tthis.known = { ...this.known, [g.id]: g.label }\n\t\t\t})\n\t\t\tif (found.length > 0) {\n\t\t\t\tthis.available = true\n\t\t\t}\n\t\t},\n\n\t\tonGroups(list) {\n\t\t\tconst groups = Array.isArray(list) ? list : []\n\t\t\tconst next = groups.map((g) => {\n\t\t\t\tconst existing = this.modelValue.find((e) => e.group === g.id)\n\t\t\t\treturn existing || { group: g.id, mode: 'read' }\n\t\t\t})\n\t\t\t/** @event update:modelValue The audience, `[{ group, mode }]`; `[]` when no group is picked. */\n\t\t\tthis.$emit('update:modelValue', next)\n\t\t},\n\n\t\tonMode(group, mode) {\n\t\t\tthis.$emit('update:modelValue', this.modelValue.map((e) => (e.group === group ? { ...e, mode } : e)))\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-saved-view-share__modes {\n\tlist-style: none;\n\tmargin: 8px 0 0;\n\tpadding: 0;\n}\n\n.cn-saved-view-share__mode {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: 12px;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_toDisplayString"],"mappings":";;;;AASoB,EAAA,KAAA,EAAA,qBAAA;AAAA,EAAA,aAAA,EAAA,qBAAA;;;;AAae,EAAA,KAAK,EAAA,4BAAA;;AAE9B,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,4BAA4B,GAAA;;;;;;UAfhC,KAAQ,CAAA,SAAA;AAAjB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;QACAC,WAWsB,CAAA,mBAAA,EAAA;AAVrB,UAAA,UAAU,EAAE,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,mBAAA,CAAA;AACb,UAAA,UAAU,EAAE,QAAK,CAAA,eAAA;AACjB,UAAA,OAAO,EAAE,KAAO,CAAA,OAAA;AAChB,UAAA,QAAQ,EAAE,IAAC;AACX,UAAA,OAAO,EAAE,KAAO,CAAA,OAAA;AAChB,UAAA,UAAU,EAAE,KAAI;AAChB,UAAA,QAAQ,EAAE,MAAQ,CAAA,QAAA;AACnB,UAAA,KAAK,EAAC,OAAO;AACb,UAAA,aAAW,EAAC,4BAA4B;AACvC,UAAA,QAAM,EAAE,QAAQ,CAAA,QAAA;AAChB,UAAA,qBAAiB,EAAE,QAAE,CAAA,QAAA;;AACb,QAAA,CAAA,MAAA,CAAA,UAAU,CAAC,MAAM,GAAA,CAAA;AAAxB,aAAAF,SAAA,EAAA,EAAAC,kBAAA,OAAA;gCACAA,8CAAkB,MAAC,CAAA,UAAA,EAAA,CAAV,KAAK,KAAA;qCAAdA;kBAAmB,GAAA,EAAA,KAAA,CAAA,KAAA;AAAA,kBAAA,KAAA,EAAA,2BAAA;;qCACoC,kBAAA,EAAAE,eAAA,CAAZ,gBAAO,CAAC,KAAI,CAAA,KAAA,CAAA,CAAA,EAAA,CAAA,YAAA;kBACvDD;oBACC,UAAU,EAAE,KAAK,CAAC,IAAI,KAAA,OAAA;AACtB,oBAAA,QAAQ,EAAE,MAAQ,CAAA,QAAA;oBAClB,aAAC,EAAA,CAAA,yBAAA,EAAA,KAAA,CAAA,KAAA,CAAA,CAAA;oBACD,qBAAA,EAAA,CAAA,EAAA,KAAA,QAAA,CAAA,MAAA,CAAA,KAAA,CAAA,KAAA,EAAA,EAAA,GAAA,OAAA,GAAA,MAAA,CAAA;;qCACD,MAAC;sDAAA,QAAA,CAAA,CAAA,CAAA,eAAA,EAAA,UAAA,CAAA,CAAA,EAAA,CAAA,YAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"CnSavedViewShareFields.vue3.js","sources":["../../../../src/components/CnSavedViewShareFields/CnSavedViewShareFields.vue?vue&type=template&id=1ffd06b8&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div v-if=\"available\" class=\"cn-saved-view-share\" data-testid=\"cn-saved-view-share\">\n\t\t<NcSelect\n\t\t\t:inputLabel=\"t('nextcloud-vue', 'Share with')\"\n\t\t\t:modelValue=\"selectedOptions\"\n\t\t\t:options=\"options\"\n\t\t\t:multiple=\"true\"\n\t\t\t:loading=\"loading\"\n\t\t\t:filterable=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tlabel=\"label\"\n\t\t\tdata-testid=\"cn-saved-view-share-groups\"\n\t\t\t@search=\"onSearch\"\n\t\t\t@update:modelValue=\"onGroups\" />\n\t\t<p class=\"cn-saved-view-share__hint\">\n\t\t\t{{ t('nextcloud-vue', 'People and groups from your Nextcloud, as when sharing a file.') }}\n\t\t</p>\n\t\t<template v-if=\"modelValue.length > 0\">\n\t\t\t<h4 class=\"cn-saved-view-share__caption\">\n\t\t\t\t{{ t('nextcloud-vue', 'Shared with') }}\n\t\t\t</h4>\n\t\t\t<ul class=\"cn-saved-view-share__modes\">\n\t\t\t\t<li v-for=\"entry in modelValue\" :key=\"keyOf(entry)\" class=\"cn-saved-view-share__mode\">\n\t\t\t\t\t<span class=\"cn-saved-view-share__who\">\n\t\t\t\t\t\t<span class=\"cn-saved-view-share__group\">{{ labelOf(keyOf(entry)) }}</span>\n\t\t\t\t\t\t<span class=\"cn-saved-view-share__kind\">{{ entry.user ? t('nextcloud-vue', 'Person') : t('nextcloud-vue', 'Group') }}</span>\n\t\t\t\t\t</span>\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"cn-saved-view-share__rights\"\n\t\t\t\t\t\trole=\"radiogroup\"\n\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Rights of {name}', { name: labelOf(keyOf(entry)) })\"\n\t\t\t\t\t\t:data-testid=\"`cn-saved-view-share-mode-${keyOf(entry)}`\">\n\t\t\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t:name=\"`cn-share-mode-${keyOf(entry)}`\"\n\t\t\t\t\t\t\tvalue=\"read\"\n\t\t\t\t\t\t\t:modelValue=\"entry.mode === 'write' ? 'write' : 'read'\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t@update:modelValue=\"onMode(keyOf(entry), 'read')\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'May use') }}\n\t\t\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t:name=\"`cn-share-mode-${keyOf(entry)}`\"\n\t\t\t\t\t\t\tvalue=\"write\"\n\t\t\t\t\t\t\t:modelValue=\"entry.mode === 'write' ? 'write' : 'read'\"\n\t\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t\t@update:modelValue=\"onMode(keyOf(entry), 'write')\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'May update') }}\n\t\t\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t\t</span>\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Stop sharing with {name}', { name: labelOf(keyOf(entry)) })\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t:data-testid=\"`cn-saved-view-share-remove-${keyOf(entry)}`\"\n\t\t\t\t\t\t@click=\"onRemove(keyOf(entry))\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</NcButton>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<p class=\"cn-saved-view-share__hint\">\n\t\t\t\t{{ t('nextcloud-vue', 'May use: sees the view under Shared with me. May update: can also replace the criteria. Deleting and sharing stay with you.') }}\n\t\t\t</p>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcSelect } from '@nextcloud/vue'\nimport Close from 'vue-material-design-icons/Close.vue'\nimport { searchUserAndGroupSharees } from '../../utils/searchGroupSharees.js'\n\n/**\n * CnSavedViewShareFields — the sharing section of a saved view: pick people\n * and groups from Nextcloud's sharee API, within the instance's own sharing\n * settings, and choose per entry whether it may only read the view or also\n * edit it. Used by `CnSaveViewDialog` and the share dialog of `CnIndexPage`.\n * Renders nothing when the sharee API answers nobody (sharing off, or nobody\n * the user may share with). A group is keyed by its id, a user by `user:<uid>`.\n *\n * Example:\n * ```vue\n * <CnSavedViewShareFields v-model=\"sharedWith\" />\n * ```\n */\nexport default {\n\tname: 'CnSavedViewShareFields',\n\n\tcomponents: { Close, NcButton, NcCheckboxRadioSwitch, NcSelect },\n\n\tprops: {\n\t\t/**\n\t\t * The chosen audience, `[{ group, mode }]` and `[{ user, mode }]` with\n\t\t * `mode` `read` or `write`.\n\t\t *\n\t\t * @type {Array<{group?: string, user?: string, mode: 'read'|'write'}>}\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** Disable the fields. */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tdata() {\n\t\treturn {\n\t\t\toptions: [],\n\t\t\tknown: {},\n\t\t\tloading: false,\n\t\t\t/** False until the first search came back with at least one sharee. */\n\t\t\tavailable: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tselectedOptions() {\n\t\t\treturn this.modelValue.map((e) => ({ id: this.keyOf(e), label: this.labelOf(this.keyOf(e)) }))\n\t\t},\n\t},\n\n\tasync mounted() {\n\t\tawait this.onSearch('')\n\t\t// Groups already on the view keep the section on, even if the search came back empty.\n\t\tif (this.modelValue.length > 0) {\n\t\t\tthis.available = true\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * The key an audience entry or option goes by: the group id, or `user:<uid>`.\n\t\t *\n\t\t * @param {{group?: string, user?: string}} entry The entry.\n\t\t * @return {string}\n\t\t * @spec openspec/changes/saved-views-manage-and-defaults/tasks.md#task-5\n\t\t */\n\t\tkeyOf(entry) {\n\t\t\treturn typeof entry.user === 'string' && entry.user !== '' ? `user:${entry.user}` : entry.group\n\t\t},\n\n\t\tlabelOf(key) {\n\t\t\treturn this.known[key] || (key.startsWith('user:') ? key.slice(5) : key)\n\t\t},\n\n\t\tasync onSearch(query) {\n\t\t\tthis.loading = true\n\t\t\tconst found = await searchUserAndGroupSharees(query || '')\n\t\t\tthis.loading = false\n\t\t\tthis.options = found.map((s) => ({ id: s.kind === 'user' ? `user:${s.id}` : s.id, label: s.label }))\n\t\t\tthis.options.forEach((o) => {\n\t\t\t\tthis.known = { ...this.known, [o.id]: o.label }\n\t\t\t})\n\t\t\tif (found.length > 0) {\n\t\t\t\tthis.available = true\n\t\t\t}\n\t\t},\n\n\t\tonGroups(list) {\n\t\t\tconst groups = Array.isArray(list) ? list : []\n\t\t\tconst next = groups.map((g) => {\n\t\t\t\tconst existing = this.modelValue.find((e) => this.keyOf(e) === g.id)\n\t\t\t\tif (existing) {\n\t\t\t\t\treturn existing\n\t\t\t\t}\n\t\t\t\treturn g.id.startsWith('user:') ? { user: g.id.slice(5), mode: 'read' } : { group: g.id, mode: 'read' }\n\t\t\t})\n\t\t\t/** @event update:modelValue The audience, `[{ group, mode }]` and `[{ user, mode }]`; `[]` when nobody is picked. */\n\t\t\tthis.$emit('update:modelValue', next)\n\t\t},\n\n\t\t/**\n\t\t * Stop sharing with one person or group.\n\t\t *\n\t\t * @param {string} key The entry's key.\n\t\t */\n\t\tonRemove(key) {\n\t\t\tthis.$emit('update:modelValue', this.modelValue.filter((e) => this.keyOf(e) !== key))\n\t\t},\n\n\t\tonMode(key, mode) {\n\t\t\tthis.$emit('update:modelValue', this.modelValue.map((e) => (this.keyOf(e) === key ? { ...e, mode } : e)))\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-saved-view-share__modes {\n\tlist-style: none;\n\tmargin: 8px 0 0;\n\tpadding: 0;\n}\n\n.cn-saved-view-share__mode {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-wrap: wrap;\n\tgap: 8px 12px;\n}\n\n.cn-saved-view-share__who {\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex: 1 1 160px;\n\tmin-width: 0;\n}\n\n.cn-saved-view-share__kind,\n.cn-saved-view-share__hint {\n\tmargin: 0;\n\tfont-size: var(--font-size-small, 13px);\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-saved-view-share__rights {\n\tdisplay: flex;\n\tgap: 8px;\n}\n\n.cn-saved-view-share__caption {\n\tmargin: 8px 0 0;\n\tfont-size: var(--default-font-size);\n\tfont-weight: bold;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_createElementVNode","_toDisplayString","_Fragment","_renderList"],"mappings":"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"}

package/dist/esm/components/CnSavedViewsControl/CnSavedViewsControl.vue.js

@@ -2,7 +2,6 @@ import script from './CnSavedViewsControl.vue2.js';
 import { render } from './CnSavedViewsControl.vue3.js';
 
 script.render = render;
-script.__scopeId = "data-v-55facfc2";
 const __sfc_main = script;
 
 export { __sfc_main as default };

package/dist/esm/components/CnSavedViewsControl/CnSavedViewsControl.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnSavedViewsControl.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"CnSavedViewsControl.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}