@conduction/nextcloud-vue 2.74.0 → 2.75.0

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

@@ -9,19 +9,20 @@ import DatabaseSearchOutline from 'vue-material-design-icons/DatabaseSearchOutli
 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';
-import __sfc_main$6 from '../CnAiCompanion/CnAiCompanion.vue.js';
-import __sfc_main$1 from '../CnAppLoading/CnAppLoading.vue.js';
-import __sfc_main from '../CnAppNav/CnAppNav.vue.js';
-import __sfc_main$7 from '../CnCommandPalette/CnCommandPalette.vue.js';
-import __sfc_main$b from '../CnCredentials/CnCredentials.vue.js';
-import __sfc_main$2 from '../CnDependencyMissing/CnDependencyMissing.vue.js';
-import __sfc_main$3 from '../CnEnvironmentBanner/CnEnvironmentBanner.vue.js';
-import __sfc_main$a from '../CnNotificationPreferences/CnNotificationPreferences.vue.js';
-import __sfc_main$8 from '../CnObjectSidebar/CnObjectSidebar.vue.js';
-import __sfc_main$4 from '../CnSetupWizard/CnSetupWizard.vue.js';
-import __sfc_main$9 from '../CnSupportDialog/CnSupportDialog.vue.js';
-import __sfc_main$c from '../CnTenantBadge/CnTenantBadge.vue.js';
-import __sfc_main$5 from '../CnWalkthrough/CnWalkthrough.vue.js';
+import __sfc_main$7 from '../CnAiCompanion/CnAiCompanion.vue.js';
+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$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$6 from '../CnWalkthrough/CnWalkthrough.vue.js';
 import { DEFAULT_CHAT_APP_ID } from '../../composables/aiChatConfig.js';
 import { useAppInstaller } from '../../composables/useAppInstaller.js';
 import { useAppStatus } from '../../composables/useAppStatus.js';
@@ -42,6 +43,7 @@ import { resolveForge, DEFAULT_FORGE } from '../../utils/forge.js';
 import { BUILT_IN_KB_PROVIDERS } from '../../utils/kbSearchProviders.js';
 import { createManifestTranslate } from '../../utils/manifestTranslate.js';
 import { installModalStack, uninstallModalStack } from '../../utils/modalStack.js';
+import { resolveBrand } from '../../utils/resolveBrand.js';
 import { resolveFilterTokens } from '../../utils/resolveFilterTokens.js';
 import { passesContextPredicates } from '../../utils/visibleIfContext.js';
 import { useObjectStore } from '../../store/useObjectStore.js';
@@ -103,6 +105,7 @@ var script = {
 	name: 'CnAppRoot',
 
 	components: {
+		CnBrandBar: __sfc_main,
 		NcAppContent,
 		NcAppSettingsDialog,
 		NcAppSettingsSection,
@@ -115,19 +118,19 @@ var script = {
 		OpenInNew,
 		Play,
 		Restart,
-		CnAppNav: __sfc_main,
-		CnAppLoading: __sfc_main$1,
-		CnDependencyMissing: __sfc_main$2,
-		CnEnvironmentBanner: __sfc_main$3,
-		CnSetupWizard: __sfc_main$4,
-		CnWalkthrough: __sfc_main$5,
-		CnAiCompanion: __sfc_main$6,
-		CnCommandPalette: __sfc_main$7,
-		CnObjectSidebar: __sfc_main$8,
-		CnSupportDialog: __sfc_main$9,
-		CnNotificationPreferences: __sfc_main$a,
-		CnCredentials: __sfc_main$b,
-		CnTenantBadge: __sfc_main$c,
+		CnAppNav: __sfc_main$1,
+		CnAppLoading: __sfc_main$2,
+		CnDependencyMissing: __sfc_main$3,
+		CnEnvironmentBanner: __sfc_main$4,
+		CnSetupWizard: __sfc_main$5,
+		CnWalkthrough: __sfc_main$6,
+		CnAiCompanion: __sfc_main$7,
+		CnCommandPalette: __sfc_main$8,
+		CnObjectSidebar: __sfc_main$9,
+		CnSupportDialog: __sfc_main$a,
+		CnNotificationPreferences: __sfc_main$b,
+		CnCredentials: __sfc_main$c,
+		CnTenantBadge: __sfc_main$d,
 	},
 
 	/**
@@ -153,6 +156,9 @@ var script = {
 			// value once, so a getter would freeze the look at creation.
 			cnLook: computed(() => self.resolvedLook),
 
+			// True while CnBrandBar draws the block in Nextcloud's header, so CnAppNav skips its own.
+			cnBrandInHeader: computed(() => self.brandInHeader),
+
 			get cnManifest() {
 				return self.manifestEditor ? self.manifestEditor.source.value : self.manifest
 			},
@@ -913,6 +919,19 @@ var script = {
 			default: '',
 		},
 
+		/**
+		 * The brand block (`{ logo, emblem, name, caption, alt, placement }`)
+		 * the board look draws at the start of Nextcloud's header. Empty falls back
+		 * to the manifest's `nav.brand`. `placement: "nav"` keeps the block
+		 * in the navigation.
+		 *
+		 * @type {object|null}
+		 */
+		brand: {
+			type: Object,
+			default: null,
+		},
+
 		/**
 		 * Title rendered at the top of the user-settings modal
 		 * (NcAppSettingsDialog `name` prop). Defaults to the
@@ -1112,6 +1131,12 @@ var script = {
 	data() {
 		const willCheck = Array.isArray(this.requiresApps) && this.requiresApps.length > 0;
 		return {
+			// Nextcloud's own header, present on a server-rendered page; the
+			// brand block goes into it (CnBrandBar). Read once at creation so
+			// the navigation never draws a block that then moves.
+			headerPresent: typeof document !== 'undefined' && !!document.getElementById('header'),
+			// Set when CnBrandBar finds the header gone: the navigation draws the block.
+			headerMissing: false,
 			capabilitiesLoading: willCheck,
 			missingApps: [],
 			guardError: null,
@@ -1384,6 +1409,32 @@ var script = {
 			return (this.look || this.manifest?.look) === 'board' ? 'board' : 'nextcloud'
 		},
 
+		/**
+		 * The brand CnBrandBar draws in the header: the `brand` prop, else the manifest's
+		 * `nav.brand`, read into one shape.
+		 *
+		 * @return {object|null} The resolved brand, or null.
+		 */
+		resolvedBrandBlock() {
+			return resolveBrand(this.brand || this.manifest?.nav?.brand, (text) => this.manifestTranslate(text))
+		},
+
+		/**
+		 * Whether CnBrandBar draws the brand block in Nextcloud's header: the
+		 * board look, a brand that can be drawn, a placement other than `nav`,
+		 * and a `#header` to put it in. Without `#header` the navigation draws it.
+		 *
+		 * @spec openspec/changes/screens-brand-block-top-bar/specs/layout-components/spec.md#requirement-the-board-look-draws-the-brand-block-in-the-nextcloud-header
+		 * @return {boolean}
+		 */
+		brandInHeader() {
+			return this.resolvedLook === 'board'
+				&& !this.headerMissing
+				&& this.headerPresent
+				&& !!this.resolvedBrandBlock
+				&& this.resolvedBrandBlock.placement !== 'nav'
+		},
+
 		/**
 		 * The label lookup provided as `cnTranslate`: the manifest's own
 		 * translations for the language first, then the host `translate`, then the