@conduction/nextcloud-vue 2.92.0 → 2.93.0

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

@@ -6,6 +6,7 @@ import { generateUrl } from '@nextcloud/router';
 import { NcAppContent, NcAppSettingsDialog, NcAppSettingsSection, NcButton, NcContent, NcEmptyContent, NcLoadingIcon, NcNoteCard } from '@nextcloud/vue';
 import { computed, shallowRef, watch, reactive } from 'vue';
 import DatabaseSearchOutline from 'vue-material-design-icons/DatabaseSearchOutline.vue';
+import KeyOutline from 'vue-material-design-icons/KeyOutline.vue';
 import OpenInNew from 'vue-material-design-icons/OpenInNew.vue';
 import Play from 'vue-material-design-icons/Play.vue';
 import Restart from 'vue-material-design-icons/Restart.vue';
@@ -14,14 +15,15 @@ import __sfc_main$2 from '../CnAppLoading/CnAppLoading.vue.js';
 import __sfc_main$1 from '../CnAppNav/CnAppNav.vue.js';
 import __sfc_main from '../CnBrandBar/CnBrandBar.vue.js';
 import __sfc_main$8 from '../CnCommandPalette/CnCommandPalette.vue.js';
-import __sfc_main$c from '../CnCredentials/CnCredentials.vue.js';
+import __sfc_main$d from '../CnCredentials/CnCredentials.vue.js';
 import __sfc_main$3 from '../CnDependencyMissing/CnDependencyMissing.vue.js';
 import __sfc_main$4 from '../CnEnvironmentBanner/CnEnvironmentBanner.vue.js';
 import __sfc_main$b from '../CnNotificationPreferences/CnNotificationPreferences.vue.js';
 import __sfc_main$9 from '../CnObjectSidebar/CnObjectSidebar.vue.js';
 import __sfc_main$5 from '../CnSetupWizard/CnSetupWizard.vue.js';
 import __sfc_main$a from '../CnSupportDialog/CnSupportDialog.vue.js';
-import __sfc_main$d from '../CnTenantBadge/CnTenantBadge.vue.js';
+import __sfc_main$e from '../CnTenantBadge/CnTenantBadge.vue.js';
+import __sfc_main$c from '../CnUserSettingsDialog/CnUserSettingsDialog.vue.js';
 import __sfc_main$6 from '../CnWalkthrough/CnWalkthrough.vue.js';
 import { DEFAULT_CHAT_APP_ID } from '../../composables/aiChatConfig.js';
 import { useAppInstaller } from '../../composables/useAppInstaller.js';
@@ -122,6 +124,7 @@ var script = {
 		NcLoadingIcon,
 		NcNoteCard,
 		DatabaseSearchOutline,
+		KeyOutline,
 		OpenInNew,
 		Play,
 		Restart,
@@ -136,8 +139,9 @@ var script = {
 		CnObjectSidebar: __sfc_main$9,
 		CnSupportDialog: __sfc_main$a,
 		CnNotificationPreferences: __sfc_main$b,
-		CnCredentials: __sfc_main$c,
-		CnTenantBadge: __sfc_main$d,
+		CnUserSettingsDialog: __sfc_main$c,
+		CnCredentials: __sfc_main$d,
+		CnTenantBadge: __sfc_main$e,
 	},
 
 	/**
@@ -952,6 +956,29 @@ var script = {
 			default: '',
 		},
 
+		/**
+		 * Board look: the line above the user-settings title. Empty uses
+		 * the library's "Your account".
+		 *
+		 * @type {string}
+		 */
+		userSettingsEyebrow: {
+			type: String,
+			default: '',
+		},
+
+		/**
+		 * Board look: the sentence under the user-settings title. Empty
+		 * uses the library's "Only for you. Colleagues keep their own
+		 * settings."
+		 *
+		 * @type {string}
+		 */
+		userSettingsSubtitle: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * The sections of the user-settings modal, in the order they are
 		 * drawn. Keys: `app` (the content of the `#user-settings-sections`
@@ -2369,6 +2396,32 @@ var script = {
 			return this.userSettingsTitle || this.libraryCopy('User settings')
 		},
 
+		/**
+		 * The props of the user-settings dialog: `NcAppSettingsDialog`'s, or
+		 * under the board look CnUserSettingsDialog's (eyebrow, subtitle and
+		 * the app's name for the footer note).
+		 *
+		 * @spec openspec/changes/user-settings-board-dialog/specs/user-settings-board-dialog/spec.md#requirement-the-user-settings-dialog-takes-the-board-look
+		 * @return {object}
+		 */
+		userSettingsDialogProps() {
+			if (this.resolvedLook !== 'board') {
+				return { open: this.userSettingsOpen, showNavigation: true, name: this.resolvedUserSettingsTitle }
+			}
+			const props = {
+				open: this.userSettingsOpen,
+				title: this.resolvedUserSettingsTitle,
+				appName: this.appDisplayName || (this.manifest && this.manifest.name) || this.appId || '',
+			};
+			if (this.userSettingsEyebrow) {
+				props.eyebrow = this.translate(this.userSettingsEyebrow);
+			}
+			if (this.userSettingsSubtitle) {
+				props.subtitle = this.translate(this.userSettingsSubtitle);
+			}
+			return props
+		},
+
 		/**
 		 * Title for the admin-settings modal. Prop override, else the
 		 * translated "Administration". Mirrors `resolvedUserSettingsTitle`.