@conduction/nextcloud-vue 2.149.0 → 2.150.0

package/dist/nextcloud-vue.cjs.js

@@ -24950,6 +24950,9 @@ var script$8z = {
 			aggregateData: null,
 			// The `cellSource` matrix, laid out (`{ series, categories, columnKeys }`), or null.
 			cellData: null,
+			// The record a `cellSource` with `cellsPath` read its cells from, for
+			// `@source.<field>` in the notice.
+			cellRecord: null,
 			// Active `views[]` switcher key (null = the first view). Local
 			// UI state only — never persisted.
 			activeViewKey: null,
@@ -25594,6 +25597,14 @@ var script$8z = {
 			}
 			const declared = def.values && typeof def.values === 'object' ? def.values : {};
 			const resolved = resolveFilterTokens(declared, this.chartTokenCtx());
+			// `@source.<field>`: a field of the record the matrix read its cells
+			// from (the matrix's name and version on an enforcement advice).
+			for (const [name, token] of Object.entries(declared)) {
+				if (typeof token === 'string' && token.startsWith('@source.')) {
+					const value = token.slice('@source.'.length).split('.').reduce((at, key) => (at && typeof at === 'object' ? at[key] : undefined), this.cellRecord);
+					resolved[name] = value === undefined ? null : value;
+				}
+			}
 			const source = this.cellSource && typeof this.cellSource === 'object' ? this.cellSource : {};
 			const maps = { rows: source.rowLabels, columns: source.columnLabels, values: source.valueLabels };
 			const words = {};
@@ -26322,6 +26333,7 @@ var script$8z = {
 			if (this._cellRequest !== key) {
 				return
 			}
+			this.cellRecord = this.cellSource.cellsPath ? (records[0] || null) : null;
 			if (this.cellSource.cellsPath) {
 				const { cells, config } = cellsFromRecord(records[0] || null, this.cellSource, cellFilter);
 				this.cellData = pivotCells(cells, config);
@@ -27060,7 +27072,7 @@ function render$8y(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$8z.render = render$8y;
-script$8z.__scopeId = "data-v-b6e600c4";
+script$8z.__scopeId = "data-v-37644514";
 const __sfc_main$8t = script$8z;
 
 /**
@@ -41834,6 +41846,22 @@ function formatLongDate(value, now = new Date(), withYear = false) {
 	}
 }
 
+/**
+ * How many entries a list holds; with a key, the entries of that list in each
+ * of its entries summed (`{sections|count:items}`: the questions of every
+ * section of a checklist).
+ *
+ * @param {Array} list The list.
+ * @param {string} key The key of each entry's own list, or '' to count the entries.
+ * @return {number} The count.
+ */
+function countEntries(list, key) {
+	if (key === '') {
+		return list.length
+	}
+	return list.reduce((sum, entry) => sum + (entry && Array.isArray(entry[key]) ? entry[key].length : 0), 0)
+}
+
 /**
  * Format one token value.
  *
@@ -41850,7 +41878,7 @@ function formatLongDate(value, now = new Date(), withYear = false) {
 function formatValue(value, format, now, arg = '', object = null, config = null, formatters = null) {
 	// `{list|count}`: how many entries a list holds, nothing for an empty one.
 	if (format === 'count') {
-		const count = Array.isArray(value) ? value.length : Number(value);
+		const count = Array.isArray(value) ? countEntries(value, arg) : Number(value);
 		return Number.isFinite(count) && count > 0 ? String(count) : ''
 	}
 	if (value === null || value === undefined || value === '' || typeof value === 'object') {
@@ -41934,7 +41962,8 @@ function formatValue(value, format, now, arg = '', object = null, config = null,
  * ("vandaag, 09.42"), `{path|ago}` says how long ago it was ("10 min
  * geleden", "vanochtend", "vrijdag"), and `{path|days}` is the
  * whole days since that date ("has waited {createdAt|days} days"),
- * `{path|count}` is how many entries a list holds (nothing for an empty one),
+ * `{path|count}` is how many entries a list holds (nothing for an empty one;
+ * `{path|count:key}` sums the `key` list of each entry),
  * `{path|lower}` writes the value in lower case ("Step 2: {statusLabel|lower}"
  * reads "Step 2: in progress" mid-sentence), and any other name is one of
  * the app's formatters, passed as `context.formatters` (`{id|caseAddress}`).

package/dist/nextcloud-vue.cjs.js.map

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/dist/nextcloud-vue.cjs.js.map
-size: 50052261 bytes
-sha256: 327e0c55ac598135853795870268afcbc79945b1d1f524ddd42d2b7e7b752161
+size: 50055380 bytes
+sha256: c2f523dc7dc2364a1deb46100db51b95207cb80241f95d5c5daadc73c9fad6e4

package/dist/nextcloud-vue.css

@@ -4527,6 +4527,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-sub {
 	font-size: 13px;
+	line-height: normal;
 	color: var(--color-text-maxcontrast);
 }
 
@@ -4546,6 +4547,7 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-footer {
 	display: flex;
+	line-height: normal;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
@@ -6291,17 +6293,19 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 	margin: 0;
 	font-size: 17px;
 	font-weight: 700;
-	line-height: 1.3;
+	line-height: normal;
 	text-decoration: none;
 	white-space: normal;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-meta {
 	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-line-height: normal;
 	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
+	line-height: normal;
 }
 
 /* The meta line, note and description are paragraphs: each hands the theme,
@@ -6309,11 +6313,13 @@ body:has(.cn-look-board):not(:has(.cn-look-nextcloud)) .modal-mask {
 .cn-look-board .cn-object-card--board .cn-object-card__record-note {
 	--nldesign-component-paragraph-font-size: 13px;
 	--nldesign-component-paragraph-font-weight: 600;
+	--nldesign-component-paragraph-line-height: normal;
 	--nldesign-component-paragraph-color: var(--cn-board-text-soft);
 	margin: 0;
 	color: var(--cn-board-text-soft);
 	font-size: 13px;
 	font-weight: 600;
+	line-height: normal;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {
@@ -16996,7 +17002,7 @@ li[data-cn-admin-tag] > .action-link::after {
 }
 
 
-.cn-chart-widget[data-v-b6e600c4] {
+.cn-chart-widget[data-v-37644514] {
 	width: 100%;
 	/* A chart FITS its container — it is never a scroll region. apexcharts
 	   sizes its SVG from the element it is mounted in, but it also enforces
@@ -17018,13 +17024,13 @@ li[data-cn-admin-tag] > .action-link::after {
    takes what is left, so the chart is sized by the box rather than sizing it.
    `min-height: 0` drops the 100px floor — on a fixed-height surface a floor is
    the thing that produces the overflow it was meant to prevent. */
-.cn-chart-widget--fit[data-v-b6e600c4] {
+.cn-chart-widget--fit[data-v-37644514] {
 	height: 100%;
 	min-height: 0;
 	display: flex;
 	flex-direction: column;
 }
-.cn-chart-widget__canvas[data-v-b6e600c4] {
+.cn-chart-widget__canvas[data-v-37644514] {
 	min-width: 0;
 	max-width: 100%;
 	/* Never a scroll region (see the root). `overflow-x: hidden` alone made
@@ -17037,14 +17043,14 @@ li[data-cn-admin-tag] > .action-link::after {
 /* apexcharts writes an inline `width` onto its own wrapper from its measured
    minimum, which beats the container when the container is narrower. Cap the
    painted box so the inline width cannot push past the widget's border. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-canvas,
+.cn-chart-widget[data-v-37644514] .apexcharts-canvas svg {
 	max-width: 100%;
 }
 
 /* The SVG is a block: as an inline box it sits on a line and adds the line's
    descender space under the chart. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-canvas svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-canvas svg {
 	display: block;
 }
 
@@ -17052,24 +17058,24 @@ li[data-cn-admin-tag] > .action-link::after {
    would grow to its content, i.e. to the chart, and the percentage height would
    resolve against a box the chart itself defined. `overflow: hidden` keeps a
    sub-pixel rounding difference from reintroducing a scrollbar. */
-.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-b6e600c4] {
+.cn-chart-widget--fit .cn-chart-widget__canvas[data-v-37644514] {
 	flex: 1 1 0;
 	min-height: 0;
 	overflow: hidden;
 }
-.cn-chart-widget__fallback[data-v-b6e600c4] {
+.cn-chart-widget__fallback[data-v-37644514] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-chart-widget__html[data-v-b6e600c4] {
+.cn-chart-widget__html[data-v-37644514] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-chart-widget__bar-list[data-v-b6e600c4] {
+.cn-chart-widget__bar-list[data-v-37644514] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -17077,7 +17083,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	margin: 0;
 	padding: 0;
 }
-.cn-chart-widget__bar-line[data-v-b6e600c4] {
+.cn-chart-widget__bar-line[data-v-37644514] {
 	align-items: center;
 	background: none;
 	border: 0;
@@ -17092,32 +17098,32 @@ li[data-cn-admin-tag] > .action-link::after {
 	text-align: start;
 	width: 100%;
 }
-.cn-chart-widget__bar-line--drill[data-v-b6e600c4] {
+.cn-chart-widget__bar-line--drill[data-v-37644514] {
 	border-radius: var(--border-radius-small, 4px);
 	cursor: pointer;
 }
-.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-b6e600c4],
-.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-b6e600c4] {
+.cn-chart-widget__bar-line--drill:hover .cn-chart-widget__bar-label[data-v-37644514],
+.cn-chart-widget__bar-line--drill:focus-visible .cn-chart-widget__bar-label[data-v-37644514] {
 	text-decoration: underline;
 }
-.cn-chart-widget__bar-label[data-v-b6e600c4] {
+.cn-chart-widget__bar-label[data-v-37644514] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-chart-widget__bar-track[data-v-b6e600c4] {
+.cn-chart-widget__bar-track[data-v-37644514] {
 	background: var(--color-background-dark);
 	border-radius: 4px;
 	display: block;
 	height: 14px;
 	overflow: hidden;
 }
-.cn-chart-widget__bar-fill[data-v-b6e600c4] {
+.cn-chart-widget__bar-fill[data-v-37644514] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-chart-widget__bar-value[data-v-b6e600c4] {
+.cn-chart-widget__bar-value[data-v-37644514] {
 	font-weight: 600;
 	text-align: end;
 	white-space: nowrap;
@@ -17125,10 +17131,10 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* `barValueAtEnd`: no track; the bar takes its share of the row and gives way
    to the value right after its end, so the longest bar still fits. */
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-line[data-v-37644514] {
 	grid-template-columns: minmax(80px, 130px) minmax(0, 1fr);
 }
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-track[data-v-37644514] {
 	align-items: center;
 	background: none;
 	display: flex;
@@ -17136,71 +17142,71 @@ li[data-cn-admin-tag] > .action-link::after {
 	height: auto;
 	overflow: visible;
 }
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-fill[data-v-37644514] {
 	border-radius: 4px;
 	flex: 0 1 auto;
 	height: 18px;
 	min-width: 2px;
 }
-.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-b6e600c4] {
+.cn-chart-widget__bar-list--value-at-end .cn-chart-widget__bar-value[data-v-37644514] {
 	flex: none;
 	text-align: start;
 }
-.cn-chart-widget__footnote[data-v-b6e600c4] {
+.cn-chart-widget__footnote[data-v-37644514] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-chart-widget__notice[data-v-b6e600c4] {
+.cn-chart-widget__notice[data-v-37644514] {
 	margin: 12px 0 0;
 }
-.cn-chart-widget__notice-text[data-v-b6e600c4] {
+.cn-chart-widget__notice-text[data-v-37644514] {
 	margin: 0;
 }
 
 /* Under an ApexCharts plot the footnote is a sibling of the canvas, so it keeps
    its own line height while the canvas takes the rest of a fitted column. */
-.cn-chart-widget > .cn-chart-widget__footnote[data-v-b6e600c4] {
+.cn-chart-widget > .cn-chart-widget__footnote[data-v-37644514] {
 	flex: 0 0 auto;
 	margin-top: 8px;
 }
-.cn-chart-widget__matrix[data-v-b6e600c4] {
+.cn-chart-widget__matrix[data-v-37644514] {
 	display: grid;
 	gap: 4px;
 }
-.cn-chart-widget__matrix-row[data-v-b6e600c4] {
+.cn-chart-widget__matrix-row[data-v-37644514] {
 	display: contents;
 }
 
 /* A column takes its share of the width (minmax(0, 1fr)), so a long phase
    name breaks inside its own column instead of running into the next. */
-.cn-chart-widget__matrix-head[data-v-b6e600c4] {
+.cn-chart-widget__matrix-head[data-v-37644514] {
 	--nldesign-color-on-surface: var(--color-text-maxcontrast);
 	color: var(--color-text-maxcontrast);
 	padding: 6px;
 	hyphens: auto;
 	overflow-wrap: anywhere;
 }
-.cn-chart-widget__matrix-label[data-v-b6e600c4] {
+.cn-chart-widget__matrix-label[data-v-37644514] {
 	padding: 10px 6px;
 }
-.cn-chart-widget__matrix-cell[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell[data-v-37644514] {
 	border-radius: 6px;
 	padding: 10px;
 	text-align: center;
 }
-.cn-chart-widget__matrix-cell--success[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--success[data-v-37644514] {
 	background: var(--color-success-light, color-mix(in srgb, var(--color-success) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--warning[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--warning[data-v-37644514] {
 	background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 15%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--error[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--error[data-v-37644514] {
 	background: var(--color-error-light, color-mix(in srgb, var(--color-error) 12%, var(--color-main-background)));
 }
-.cn-chart-widget__matrix-cell--danger[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--danger[data-v-37644514] {
 	background: color-mix(in srgb, var(--color-error) 25%, var(--color-main-background));
 }
-.cn-chart-widget__matrix-cell--current[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--current[data-v-37644514] {
 	font-weight: 700;
 	outline: 3px solid var(--color-primary-element);
 	outline-offset: -3px;
@@ -17212,26 +17218,26 @@ li[data-cn-admin-tag] > .action-link::after {
    primary at 35% and at 70%, and level 1 inverted. Levels 1 to 3 take a dark
    ink; the board's white on level 3 is about 3.1:1, and 70% is as deep as the
    dark ink stays at 4.5:1 in Nextcloud's dark theme. */
-.cn-chart-widget__matrix-cell--1[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--1[data-v-37644514] {
 	--nldesign-color-on-surface: var(--color-primary-element-light-text);
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 }
-.cn-chart-widget__matrix-cell--2[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--2[data-v-37644514] {
 	background: color-mix(in srgb, var(--color-primary-element) 35%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--3[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--3[data-v-37644514] {
 	--nldesign-color-on-surface: var(--color-main-text);
 	background: color-mix(in srgb, var(--color-primary-element) 70%, var(--color-main-background));
 	color: var(--color-main-text);
 }
-.cn-chart-widget__matrix-cell--4[data-v-b6e600c4] {
+.cn-chart-widget__matrix-cell--4[data-v-37644514] {
 	--nldesign-color-on-surface: var(--color-primary-element-light);
 	background: var(--color-primary-element-light-text);
 	color: var(--color-primary-element-light);
 }
-.cn-chart-widget__empty[data-v-b6e600c4] {
+.cn-chart-widget__empty[data-v-37644514] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -17246,25 +17252,25 @@ li[data-cn-admin-tag] > .action-link::after {
    content-sized case; in fit mode they take the leftover space and centre in it
    instead, since the floor would overflow a short tile. Declared after the base
    rules so the cascade order matches specificity (no-descending-specificity). */
-.cn-chart-widget--fit .cn-chart-widget__empty[data-v-b6e600c4],
-.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-b6e600c4] {
+.cn-chart-widget--fit .cn-chart-widget__empty[data-v-37644514],
+.cn-chart-widget--fit .cn-chart-widget__fallback[data-v-37644514] {
 	flex: 1 1 0;
 	min-height: 0;
 }
-.cn-chart-widget__error[data-v-b6e600c4] {
+.cn-chart-widget__error[data-v-37644514] {
 	font-size: 14px;
 	margin: 0;
 }
 
 /* In-widget view switcher pills (views[] prop) — compact segmented row,
    mirroring the dashboard date-range pill styling. */
-.cn-chart-widget__views[data-v-b6e600c4] {
+.cn-chart-widget__views[data-v-37644514] {
 	display: flex;
 	gap: 4px;
 	margin-bottom: 6px;
 	justify-content: flex-end;
 }
-.cn-chart-widget__view-pill[data-v-b6e600c4] {
+.cn-chart-widget__view-pill[data-v-37644514] {
 	padding: 2px 10px;
 	border: 1px solid var(--color-border);
 	border-radius: 999px;
@@ -17273,7 +17279,7 @@ li[data-cn-admin-tag] > .action-link::after {
 	font-size: 12px;
 	cursor: pointer;
 }
-.cn-chart-widget__view-pill--active[data-v-b6e600c4] {
+.cn-chart-widget__view-pill--active[data-v-37644514] {
 	background: var(--color-primary-element-light, #aad2ed);
 	color: var(--color-main-text);
 	border-color: var(--color-primary-element, #0082c9);
@@ -17302,8 +17308,8 @@ li[data-cn-admin-tag] > .action-link::after {
    each override below therefore carries one more class than the apexcharts rule
    it replaces, and holds even without the scope attribute this block compiles
    with. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark {
+.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light,
+.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-dark {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -17312,8 +17318,8 @@ li[data-cn-admin-tag] > .action-link::after {
 
 /* The title row is the date/category header ("Aug 26"). Its own background is
    what made it unreadable rather than merely off-theme. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
+.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title,
+.cn-chart-widget[data-v-37644514] .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
 	background: var(--color-background-hover);
 	border-bottom: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -17322,8 +17328,8 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Crosshair axis tooltips. apexcharts puts light hex values on the BASE class
    here and only overrides them for its dark theme, so the base rule has to be
    replaced too — not just the theme variants. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip {
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip,
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
@@ -17332,55 +17338,55 @@ li[data-cn-admin-tag] > .action-link::after {
 /* Their pointer arrows are two stacked triangles: `::before` paints the border
    edge, `::after` the fill. Both need the tokens the box above uses, or the
    arrow keeps the old palette and reads as a stray light wedge. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-bottom::after,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::after {
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::after,
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::after {
 	border-bottom-color: var(--color-main-background);
 	border-top-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-bottom::before,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-xaxistooltip-top::before {
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-bottom::before,
+.cn-chart-widget[data-v-37644514] .apexcharts-xaxistooltip-top::before {
 	border-bottom-color: var(--color-border);
 	border-top-color: var(--color-border);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::after,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::after {
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::after,
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-right::after {
 	border-left-color: var(--color-main-background);
 	border-right-color: var(--color-main-background);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-left::before,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-yaxistooltip-right::before {
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-left::before,
+.cn-chart-widget[data-v-37644514] .apexcharts-yaxistooltip-right::before {
 	border-left-color: var(--color-border);
 	border-right-color: var(--color-border);
 }
 
 /* Toolbar menu — only reachable with `toolbar: true`, but the same defect: a
    hardcoded `#fff` panel under inherited near-white text. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-menu {
+.cn-chart-widget[data-v-37644514] .apexcharts-menu {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	color: var(--color-main-text);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-menu .apexcharts-menu-item:hover {
+.cn-chart-widget[data-v-37644514] .apexcharts-menu .apexcharts-menu-item:hover {
 	background: var(--color-background-hover);
 }
 
 /* Toolbar icons: `#6e8192` at rest and `#333` on hover, i.e. the hover state
    vanishes against a dark background. One selector per icon class, matching
    apexcharts' own list, to clear its (0,3,1) hover rules. */
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon svg {
 	fill: var(--color-text-maxcontrast);
 }
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
-.cn-chart-widget[data-v-b6e600c4] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-reset-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-selection-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg,
+.cn-chart-widget[data-v-37644514] .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg {
 	fill: var(--color-main-text);
 }
 
@@ -48554,6 +48560,7 @@ to {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-sub {
 	font-size: 13px;
+	line-height: normal;
 	color: var(--color-text-maxcontrast);
 }
 
@@ -48573,6 +48580,7 @@ to {
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-footer {
 	display: flex;
+	line-height: normal;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.149.0",
+  "version": "2.150.0",
   "description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
   "homepage": "https://github.com/ConductionNL/nextcloud-vue#readme",
   "bugs": {

package/src/components/CnChartWidget/CnChartWidget.md

@@ -109,7 +109,7 @@ Fallback slot — shown when ApexCharts is not available:
 | `barMax` | Number | `null` | `bar-list`: the value a full track stands for (100 for percentages); null takes the largest value |
 | `matrixLabelWidth` | Number | `null` | `matrix`: the row-label column's width in px; a long label wraps (DqProcesanalyse "Dagen per fase": 240). Null sizes the column to its longest label, at least 120px |
 | `footnote` | String | `''` | A line under the chart, through the host's translate: under the rows of a `bar-list` or `matrix`, under the plot of a `line`, `area` or `bar` chart |
-| `notice` | Object | `null` | A toned note card under the chart: `{ lead?, text?, values?, labels?, tone? }`. `{name}` in `lead` (bold) and `text` is filled from `values[name]`, a literal or a record token (`@object.<field>`); `labels[name]` (`"rows"`, `"columns"`, `"values"` or a map) turns a key into words. `tone`: info, success, warning, error. Hidden while a value is missing |
+| `notice` | Object | `null` | A toned note card under the chart: `{ lead?, text?, values?, labels?, tone? }`. `{name}` in `lead` (bold) and `text` is filled from `values[name]`, a literal, a record token (`@object.<field>`) or a field of the record a `cellSource` with `cellsPath` read its cells from (`@source.<field>`, such as the matrix's name); `labels[name]` (`"rows"`, `"columns"`, `"values"` or a map) turns a key into words. `tone`: info, success, warning, error. Hidden while a value is missing |
 | `referenceLines` | Array | `[]` | Dashed horizontal reference lines on the value axis of a line, area or bar chart, such as a norm: `[{ value, label?, color? }]`. The label goes through the host's translate; the colour defaults to the theme's error colour (board DqDoorlooptijd). `valuePath` reads the value from the endpoint answer instead, `{value}` in the label writes it, and a line without a value is not drawn. |
 | `categoryFormat` | String | `''` | How date categories read on the x-axis: `month` ("jan") or `month-year` ("jan 2026"), in the user's language, or `week` for ISO week keys ("2026-W40" as "w40"). Categories that are not dates are left as is; a bare year key stays a year. |
 | `emptyCellLabel` | String | `''` | `matrix`: the text of a cell without a value ("geen"), through the host's translate. Empty leaves the cell blank |

package/src/components/CnChartWidget/CnChartWidget.vue

@@ -1020,6 +1020,9 @@ export default {
 			aggregateData: null,
 			// The `cellSource` matrix, laid out (`{ series, categories, columnKeys }`), or null.
 			cellData: null,
+			// The record a `cellSource` with `cellsPath` read its cells from, for
+			// `@source.<field>` in the notice.
+			cellRecord: null,
 			// Active `views[]` switcher key (null = the first view). Local
 			// UI state only — never persisted.
 			activeViewKey: null,
@@ -1664,6 +1667,14 @@ export default {
 			}
 			const declared = def.values && typeof def.values === 'object' ? def.values : {}
 			const resolved = resolveFilterTokens(declared, this.chartTokenCtx())
+			// `@source.<field>`: a field of the record the matrix read its cells
+			// from (the matrix's name and version on an enforcement advice).
+			for (const [name, token] of Object.entries(declared)) {
+				if (typeof token === 'string' && token.startsWith('@source.')) {
+					const value = token.slice('@source.'.length).split('.').reduce((at, key) => (at && typeof at === 'object' ? at[key] : undefined), this.cellRecord)
+					resolved[name] = value === undefined ? null : value
+				}
+			}
 			const source = this.cellSource && typeof this.cellSource === 'object' ? this.cellSource : {}
 			const maps = { rows: source.rowLabels, columns: source.columnLabels, values: source.valueLabels }
 			const words = {}
@@ -2392,6 +2403,7 @@ export default {
 			if (this._cellRequest !== key) {
 				return
 			}
+			this.cellRecord = this.cellSource.cellsPath ? (records[0] || null) : null
 			if (this.cellSource.cellsPath) {
 				const { cells, config } = cellsFromRecord(records[0] || null, this.cellSource, cellFilter)
 				this.cellData = pivotCells(cells, config)

package/src/css/board.css

@@ -132,6 +132,7 @@
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-sub {
 	font-size: 13px;
+	line-height: normal;
 	color: var(--color-text-maxcontrast);
 }
 
@@ -151,6 +152,7 @@
 
 .cn-board-view.cn-board-view--board .cn-board-view__card-footer {
 	display: flex;
+	line-height: normal;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;

package/src/css/look-board-index.css

@@ -1514,17 +1514,19 @@
 	margin: 0;
 	font-size: 17px;
 	font-weight: 700;
-	line-height: 1.3;
+	line-height: normal;
 	text-decoration: none;
 	white-space: normal;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-meta {
 	--nldesign-component-paragraph-font-size: 14px;
+	--nldesign-component-paragraph-line-height: normal;
 	--nldesign-component-paragraph-color: var(--color-text-maxcontrast);
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
+	line-height: normal;
 }
 
 /* The meta line, note and description are paragraphs: each hands the theme,
@@ -1532,11 +1534,13 @@
 .cn-look-board .cn-object-card--board .cn-object-card__record-note {
 	--nldesign-component-paragraph-font-size: 13px;
 	--nldesign-component-paragraph-font-weight: 600;
+	--nldesign-component-paragraph-line-height: normal;
 	--nldesign-component-paragraph-color: var(--cn-board-text-soft);
 	margin: 0;
 	color: var(--cn-board-text-soft);
 	font-size: 13px;
 	font-weight: 600;
+	line-height: normal;
 }
 
 .cn-look-board .cn-object-card--board .cn-object-card__record-note--purple {