@conduction/nextcloud-vue 2.56.0-beta.47 → 2.56.0-beta.48

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,
@@ -1304,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
@@ -2015,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),
@@ -3133,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