@conduction/nextcloud-vue 2.80.0 → 2.81.0

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

@@ -29,7 +29,8 @@ import { normalizeLook } from '../../composables/useLook.js';
 import { pageViews } from '../../mixins/pageViews.js';
 import { mergeUserLayout, resolveUserLayoutApi } from '../../store/plugins/dashboardLayouts.js';
 import { isAppInstalled } from '../../utils/appInstalled.js';
-import { readVisibleWhenValue, compareVisibleWhen } from '../../utils/visibleWhen.js';
+import { contentHeaderLink } from '../../utils/contentHeaderLink.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';
@@ -1176,6 +1177,22 @@ var script = {
 			return this.compactDisplayLayout(visible)
 		},
 
+		/**
+		 * The responsive columns of the grid. Under the board look a phone gets
+		 * one column: below 640px the widgets stack in reading order (top to
+		 * bottom, then left to right) instead of squeezing six columns into
+		 * 150px. Without the board look the grid keeps its fixed columns.
+		 *
+		 * @return {object|null} GridStack `columnOpts`, or null.
+		 * @spec openspec/changes/screens-dashboard-phone/specs/dashboard-phone/spec.md#requirement-a-board-dashboard-stacks-on-a-phone
+		 */
+		gridColumnOpts() {
+			if (!this.isBoardLook) {
+				return null
+			}
+			return { columnMax: this.columns, breakpoints: [{ w: 640, c: 1 }], layout: 'list', breakpointForWindow: true }
+		},
+
 		/**
 		 * The layout this page renders: the user's arrangement when they have
 		 * one, the manifest otherwise.
@@ -1350,6 +1367,10 @@ var script = {
 			const items = [];
 			for (const id of ids) {
 				if (this.getWidgetDef(id) || this.hasWidgetSlot(id)) {
+					// A tile a page control hides surrenders its cell.
+					if (!this.gridEditable && this.isHiddenByWorkspace(id)) {
+						continue
+					}
 					items.push({ widgetId: id });
 				} else if (process.env.NODE_ENV !== 'production') {
 					// eslint-disable-next-line no-console
@@ -2495,7 +2516,8 @@ var script = {
 			const layout = content.layout || props.layout || '';
 			const title = layout === 'attention' ? (content.title || props.title || '') : '';
 			return {
-				text: content.text || props.text || title || '',
+				// A banner with only a bold `lead` has words to show too.
+				text: content.text || props.text || content.lead || props.lead || title || '',
 				visibleWhen: (def && def.visibleWhen) || content.visibleWhen || props.visibleWhen || null,
 				layout,
 			}
@@ -2529,6 +2551,11 @@ var script = {
 			if (!visibleWhen) {
 				return false
 			}
+			// A workspace condition (a page control's choice) is answered at
+			// once from the reactive bag; nothing is fetched for it.
+			if (isWorkspaceCondition(visibleWhen)) {
+				return !evaluateWorkspaceCondition(visibleWhen, this.workspaceContext)
+			}
 			const outcome = this.widgetConditionOutcome[item.widgetId];
 			if (outcome && outcome.failed === true && layout === 'attention' && this.isBannerDef(def)) {
 				return false
@@ -2536,6 +2563,23 @@ var script = {
 			return !outcome || outcome.met !== true
 		},
 
+		/**
+		 * Whether a page control (a workspace condition on `visibleWhen`)
+		 * hides this widget right now. Other conditions are not looked at.
+		 *
+		 * @param {string} widgetId The widget id.
+		 * @return {boolean} True when the widget must not draw.
+		 * @spec openspec/changes/screens-page-lenses/specs/page-lenses/spec.md#requirement-a-widget-can-be-shown-by-a-workspace-value
+		 */
+		isHiddenByWorkspace(widgetId) {
+			const def = this.getWidgetDef(widgetId);
+			if (!def || !def.type) {
+				return false
+			}
+			const { visibleWhen } = this.widgetDisplayConfig(def);
+			return isWorkspaceCondition(visibleWhen) && !evaluateWorkspaceCondition(visibleWhen, this.workspaceContext)
+		},
+
 		/**
 		 * Evaluate every conditional widget's `visibleWhen` into
 		 * `widgetConditionOutcome` — the verdict AND the raw field value,
@@ -2558,7 +2602,8 @@ var script = {
 		async evaluateWidgetConditions() {
 			const defs = [...(this.widgets || []), ...this.normalizedViews.flatMap((view) => view.widgets)];
 			const conditional = defs.filter((def) => def && def.id && def.type
-				&& this.widgetDisplayConfig(def).visibleWhen);
+				&& this.widgetDisplayConfig(def).visibleWhen
+				&& !isWorkspaceCondition(this.widgetDisplayConfig(def).visibleWhen));
 			// Skip when the CONDITIONAL SET is unchanged: the deep `widgets`
 			// watch fires on any def edit, but only an added/removed/edited
 			// predicate warrants refetching every conditional endpoint.
@@ -2578,8 +2623,13 @@ var script = {
 				const cond = this.widgetDisplayConfig(def).visibleWhen;
 				let outcome;
 				try {
-					const value = await readVisibleWhenValue(cond);
+					// `sink` keeps the first row of a source query, for a banner that names it.
+					const sink = {};
+					const value = await readVisibleWhenValue(cond, undefined, sink);
 					outcome = { met: compareVisibleWhen(value, cond.op || 'eq', cond.value), value };
+					if (sink.row) {
+						outcome.row = sink.row;
+					}
 				} catch (error) {
 					// Fail-safe: not met. But the failure is kept, and said
 					// out loud: a failed count and "nothing to report" look
@@ -3079,6 +3129,11 @@ var script = {
 			const def = this.getWidgetDef(item.widgetId);
 			const value = item.showTitle !== undefined ? item.showTitle : def?.showTitle;
 			if (value === undefined || value === null) {
+				// A banner that names no title draws no title row: it used to show
+				// its widget id ("attention-first") as the card title.
+				if (this.isBannerDef(def) && !item.customTitle && !def?.customTitle && !def?.title) {
+					return false
+				}
 				return !this.isCardWidget(item)
 			}
 			return value !== false
@@ -3187,7 +3242,12 @@ var script = {
 				return item.headerLink
 			}
 			const def = this.getWidgetDef(item.widgetId);
-			return (def?.headerLink && typeof def.headerLink === 'object') ? def.headerLink : null
+			if (def?.headerLink && typeof def.headerLink === 'object') {
+				return def.headerLink
+			}
+			// Last, what the widget's own content asks for (`headerLink`, or the
+			// `viewAllRoute` / `viewAllLabel` of the tasks widget).
+			return contentHeaderLink(item?.content) || contentHeaderLink(def?.content)
 		},
 
 		/**