@conduction/nextcloud-vue 2.92.0 → 2.94.0

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

@@ -9,21 +9,22 @@ import Download from 'vue-material-design-icons/Download.vue';
 import Pencil from 'vue-material-design-icons/Pencil.vue';
 import Restore from 'vue-material-design-icons/Restore.vue';
 import ViewDashboardOutline from 'vue-material-design-icons/ViewDashboardOutline.vue';
-import __sfc_main$d from '../../dialogs/CnWidgetStyleEditorModal.vue.js';
-import __sfc_main$8 from '../CnBodySections/CnBodySections.vue.js';
-import __sfc_main$c from '../CnBuildiqEditButton/CnBuildiqEditButton.vue.js';
-import __sfc_main$5 from '../CnChartWidget/CnChartWidget.vue.js';
-import __sfc_main$1 from '../CnDashboardGrid/CnDashboardGrid.vue.js';
-import __sfc_main$9 from '../CnDateRangePicker/CnDateRangePicker.vue.js';
-import __sfc_main from '../CnEmptyContent/CnEmptyContent.vue.js';
-import __sfc_main$g from '../CnKpiGrid/CnKpiGrid.vue.js';
-import __sfc_main$f from '../CnSegmentedControl/CnSegmentedControl.vue.js';
-import __sfc_main$6 from '../CnStatsBlockWidget/CnStatsBlockWidget.vue.js';
-import __sfc_main$4 from '../CnTileWidget/CnTileWidget.vue.js';
-import __sfc_main$h from '../CnWidgetGrid/CnWidgetIcon.vue.js';
-import __sfc_main$7 from '../CnWidgetRefItem/CnWidgetRefItem.vue.js';
-import __sfc_main$3 from '../CnWidgetRenderer/CnWidgetRenderer.vue.js';
-import __sfc_main$2 from '../CnWidgetWrapper/CnWidgetWrapper.vue.js';
+import __sfc_main$e from '../../dialogs/CnWidgetStyleEditorModal.vue.js';
+import __sfc_main$9 from '../CnBodySections/CnBodySections.vue.js';
+import __sfc_main$d from '../CnBuildiqEditButton/CnBuildiqEditButton.vue.js';
+import __sfc_main$6 from '../CnChartWidget/CnChartWidget.vue.js';
+import __sfc_main$2 from '../CnDashboardGrid/CnDashboardGrid.vue.js';
+import __sfc_main$a from '../CnDateRangePicker/CnDateRangePicker.vue.js';
+import __sfc_main$1 from '../CnEmptyContent/CnEmptyContent.vue.js';
+import __sfc_main$h from '../CnKpiGrid/CnKpiGrid.vue.js';
+import __sfc_main from '../CnPageHeader/CnHeaderTrail.vue.js';
+import __sfc_main$g from '../CnSegmentedControl/CnSegmentedControl.vue.js';
+import __sfc_main$7 from '../CnStatsBlockWidget/CnStatsBlockWidget.vue.js';
+import __sfc_main$5 from '../CnTileWidget/CnTileWidget.vue.js';
+import __sfc_main$i from '../CnWidgetGrid/CnWidgetIcon.vue.js';
+import __sfc_main$8 from '../CnWidgetRefItem/CnWidgetRefItem.vue.js';
+import __sfc_main$4 from '../CnWidgetRenderer/CnWidgetRenderer.vue.js';
+import __sfc_main$3 from '../CnWidgetWrapper/CnWidgetWrapper.vue.js';
 import { useIntegrationRegistry } from '../../composables/useIntegrationRegistry.js';
 import { normalizeLook } from '../../composables/useLook.js';
 import { pageViews } from '../../mixins/pageViews.js';
@@ -34,12 +35,12 @@ import { pickDeclaredProps } from '../../utils/declaredProps.js';
 import { userLocale } from '../../utils/userLocale.js';
 import { isWorkspaceCondition, evaluateWorkspaceCondition, readVisibleWhenValue, compareVisibleWhen } from '../../utils/visibleWhen.js';
 import { canonicalWidgetType } from '../../utils/widgetTypeAliases.js';
-import __sfc_main$b from '../CnActionButtons/CnActionButtons.vue.js';
-import __sfc_main$e from '../CnLeafMountHost/CnLeafMountHost.vue.js';
+import __sfc_main$c from '../CnActionButtons/CnActionButtons.vue.js';
+import __sfc_main$f from '../CnLeafMountHost/CnLeafMountHost.vue.js';
 import { BUILT_IN_WIDGETS } from '../CnWidgetGrid/builtInWidgets.js';
 import { getWidgetTypeEntry } from '../CnWidgetGrid/dashboardWidgetRegistry.js';
 import '../CnWidgetGrid/registerDashboardWidgets.js';
-import __sfc_main$a from '../CnActionsMenu/CnActionsMenu.vue.js';
+import __sfc_main$b from '../CnActionsMenu/CnActionsMenu.vue.js';
 import { DEFAULT_DATE_RANGE_PRESETS, translatePresetLabel, resolvePresetWindow } from '../CnDateRangePicker/CnDateRangePicker.vue2.js';
 
 /** Surfaces understood by the pluggable integration registry (AD-19). */
@@ -158,12 +159,13 @@ var script = {
 	name: 'CnDashboardPage',
 
 	components: {
+		CnHeaderTrail: __sfc_main,
 		NcActions,
 		NcActionButton,
 		NcActionInput,
 		NcActionSeparator,
 		NcButton,
-		CnEmptyContent: __sfc_main,
+		CnEmptyContent: __sfc_main$1,
 		NcLoadingIcon,
 		NcSelect,
 		Pencil,
@@ -173,23 +175,23 @@ var script = {
 		CalendarRange,
 		ViewDashboardOutline,
 		Download,
-		CnDashboardGrid: __sfc_main$1,
-		CnWidgetWrapper: __sfc_main$2,
-		CnWidgetRenderer: __sfc_main$3,
-		CnTileWidget: __sfc_main$4,
-		CnChartWidget: __sfc_main$5,
-		CnStatsBlockWidget: __sfc_main$6,
-		CnWidgetRefItem: __sfc_main$7,
-		CnBodySections: __sfc_main$8,
-		CnDateRangePicker: __sfc_main$9,
-		CnActionsMenu: __sfc_main$a,
-		CnActionButtons: __sfc_main$b,
-		CnBuildiqEditButton: __sfc_main$c,
-		CnWidgetStyleEditorModal: __sfc_main$d,
-		CnLeafMountHost: __sfc_main$e,
-		CnSegmentedControl: __sfc_main$f,
-		CnKpiGrid: __sfc_main$g,
-		CnWidgetIcon: __sfc_main$h,
+		CnDashboardGrid: __sfc_main$2,
+		CnWidgetWrapper: __sfc_main$3,
+		CnWidgetRenderer: __sfc_main$4,
+		CnTileWidget: __sfc_main$5,
+		CnChartWidget: __sfc_main$6,
+		CnStatsBlockWidget: __sfc_main$7,
+		CnWidgetRefItem: __sfc_main$8,
+		CnBodySections: __sfc_main$9,
+		CnDateRangePicker: __sfc_main$a,
+		CnActionsMenu: __sfc_main$b,
+		CnActionButtons: __sfc_main$c,
+		CnBuildiqEditButton: __sfc_main$d,
+		CnWidgetStyleEditorModal: __sfc_main$e,
+		CnLeafMountHost: __sfc_main$f,
+		CnSegmentedControl: __sfc_main$g,
+		CnKpiGrid: __sfc_main$h,
+		CnWidgetIcon: __sfc_main$i,
 	},
 
 	mixins: [pageViews],
@@ -257,6 +259,30 @@ var script = {
 			default: '',
 		},
 
+		/**
+		 * A breadcrumb under the title (manifest `config.breadcrumb`): one
+		 * crumb `{ label, route?, params?, href?, icon?, separator? }` or a
+		 * list; the title follows as the current crumb. Drawn as the detail
+		 * header's breadcrumb row. Null (the default) draws none.
+		 *
+		 * @type {object|Array<object>|null}
+		 * @spec openspec/changes/page-header-breadcrumb/specs/page-header/spec.md#requirement-a-list-dashboard-or-settings-page-can-show-a-breadcrumb-and-a-meta-note
+		 */
+		breadcrumb: {
+			type: [Object, Array],
+			default: null,
+		},
+
+		/**
+		 * A note after the breadcrumb and a middle dot (manifest `config.headerMeta`).
+		 *
+		 * @spec openspec/changes/page-header-breadcrumb/specs/page-header/spec.md#requirement-a-list-dashboard-or-settings-page-can-show-a-breadcrumb-and-a-meta-note
+		 */
+		headerMeta: {
+			type: String,
+			default: '',
+		},
+
 		/** Page description (shown below title) */
 		description: {
 			type: String,
@@ -296,12 +322,16 @@ var script = {
 		 * October 2026", `"full"` uses the whole display name. The page
 		 * `description`, when set, follows after another middle dot. Off by
 		 * default: the subtitle is the description alone, as before.
+		 * `"date"` leads with the date alone, and `{ label }` puts the
+		 * translated label where the greeting would be ("Customer contact ·
+		 * Wednesday 7 October 2026 · ...").
 		 *
 		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-the-header-subtitle-can-greet-the-reader
-		 * @type {boolean|string}
+		 * @spec openspec/changes/dashboard-greeting-label/specs/dashboard-page/spec.md#requirement-the-header-subtitle-can-lead-with-a-label-or-the-date
+		 * @type {boolean|string|object}
 		 */
 		greeting: {
-			type: [Boolean, String],
+			type: [Boolean, String, Object],
 			default: false,
 		},
 
@@ -1036,6 +1066,10 @@ var script = {
 		 * @return {string}
 		 */
 		greetingLine() {
+			if (this.greeting && typeof this.greeting === 'object') {
+				const label = typeof this.greeting.label === 'string' ? this.greeting.label.trim() : '';
+				return label ? this.effectiveTranslate(label) : ''
+			}
 			if (this.greeting !== true && this.greeting !== 'first' && this.greeting !== 'full') {
 				return ''
 			}
@@ -1058,17 +1092,20 @@ var script = {
 		},
 
 		/**
-		 * The header subtitle: with `greeting` on, the greeting, today's date
-		 * written out and the description, joined by a middle dot; else the
-		 * description alone, as before.
+		 * The header subtitle: with `greeting` on, the greeting (or the
+		 * label), today's date written out and the description, joined by a
+		 * middle dot; with `greeting: "date"` the date leads, capitalised;
+		 * else the description alone, as before.
 		 *
 		 * @spec openspec/changes/screens-dashboard-greeting-header/specs/dashboard-page/spec.md#requirement-the-header-subtitle-can-greet-the-reader
+		 * @spec openspec/changes/dashboard-greeting-label/specs/dashboard-page/spec.md#requirement-the-header-subtitle-can-lead-with-a-label-or-the-date
 		 * @return {string}
 		 */
 		subtitleText() {
 			const description = this.description ? this.resolvedDescription : '';
+			const dateOnly = this.greeting === 'date';
 			const greeting = this.greetingLine;
-			if (greeting === '') {
+			if (greeting === '' && !dateOnly) {
 				return description
 			}
 			const options = { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' };
@@ -1078,6 +1115,9 @@ var script = {
 			} catch {
 				date = new Intl.DateTimeFormat(undefined, options).format(new Date());
 			}
+			if (dateOnly) {
+				date = date.charAt(0).toLocaleUpperCase() + date.slice(1);
+			}
 			return [greeting, date, description].filter((part) => part !== '').join(' · ')
 		},
 
@@ -1290,6 +1330,20 @@ var script = {
 			return this.dateRangeEnabled && this.dateRange.showHeaderPicker !== false
 		},
 
+		/**
+		 * Whether the segmented period group sits at the end of the
+		 * description line (`dateRange.placement: "description"`) instead of
+		 * in a row of its own. Only for the segmented control without a
+		 * custom range, whose from/to popover keeps the row of its own.
+		 *
+		 * @return {boolean}
+		 * @spec openspec/changes/page-header-breadcrumb/specs/page-header/spec.md#requirement-a-dashboard-can-show-its-period-on-the-description-line
+		 */
+		datePeriodInDescription() {
+			return this.showHeaderDateRange && this.dateRangeControl === 'segmented'
+				&& this.dateRange.placement === 'description' && !this.hasCustomPreset
+		},
+
 		/**
 		 * The preset list passed to the picker. Falls back to the
 		 * `DEFAULT_DATE_RANGE_PRESETS` constant when the consumer
@@ -2001,6 +2055,7 @@ var script = {
 				widgetId: item.widgetId,
 				title: this.getWidgetTitle(item),
 				eyebrow: this.getWidgetEyebrow(item),
+				subtitle: this.getWidgetSubtitle(item),
 				showTitle: this.widgetShowTitle(item),
 				showActions: this.widgetShowActions(item),
 				showRefresh: this.getWidgetShowRefresh(item),
@@ -3119,6 +3174,20 @@ var script = {
 			this.showWidgetConfig = false;
 		},
 
+		/**
+		 * The line under a widget's title (`subtitle` on the widget
+		 * definition), translated; empty when it carries none.
+		 *
+		 * @param {object} item Layout item.
+		 * @return {string}
+		 * @spec openspec/changes/page-header-breadcrumb/specs/page-header/spec.md#requirement-a-dashboard-widget-card-can-carry-a-line-under-its-title
+		 */
+		getWidgetSubtitle(item) {
+			const def = this.getWidgetDef(item.widgetId);
+			const subtitle = def && typeof def.subtitle === 'string' ? def.subtitle : '';
+			return subtitle ? this.effectiveTranslate(subtitle) : ''
+		},
+
 		/**
 		 * The line above a widget's title (`eyebrow` on the widget
 		 * definition: "Saldo per week" above "Prognose 13 weken"), through the