@conduction/nextcloud-vue 2.78.0 → 2.79.0

package/l10n/nl.json

@@ -1,5 +1,7 @@
 {
   "translations": {
+    "You cannot see these files": "Je kunt deze bestanden niet zien",
+    "Delete {name}? This cannot be undone here.": "{name} verwijderen? Dit kun je hier niet ongedaan maken.",
     "Linked items": "Gekoppelde items",
     "Still loading: {sections}": "Nog aan het laden: {sections}",
     "Could not load {section}.": "{section} kon niet worden geladen.",
@@ -571,6 +573,8 @@
     "Order": "Volgorde",
     "Owner:": "Eigenaar:",
     "Page {current} of {total}": "Pagina {current} van {total}",
+    "{shown} of {total}": "{shown} van {total}",
+    "{from}–{to} of {total}": "{from}–{to} van {total}",
     "Parent schemas:": "Bovenliggende schema's:",
     "Password": "Wachtwoord",
     "Pattern (regex)": "Patroon (regex)",
@@ -769,7 +773,28 @@
     "AI assistant": "AI-assistent",
     "Message input": "Berichtinvoer",
     "Start new chat": "Nieuwe chat starten",
-    "History": "Geschiedenis",
+    "History": "Historie",
+    "No audit entries yet": "Nog geen wijzigingen vastgelegd",
+    "Meetings": "Afspraken",
+    "No meetings": "Geen afspraken",
+    "Open in Calendar": "Openen in Agenda",
+    "(no title)": "(geen titel)",
+    "Could not load meetings.": "De afspraken konden niet worden geladen.",
+    "Could not load meeting.": "De afspraak kon niet worden geladen.",
+    "Calendar is currently unavailable.": "De agenda is nu niet beschikbaar.",
+    "Show all {count} fields": "Alle {count} velden tonen",
+    "Show less": "Minder tonen",
+    "{count} more": "Nog {count}",
+    "Identifier: {identifier}": "Kenmerk: {identifier}",
+    "What happened, who did it and when, newest first": "Wat er gebeurde, door wie en wanneer, nieuwste eerst",
+    "{app} is not installed": "{app} is niet geïnstalleerd",
+    "Install and enable the {app} app to see this.": "Installeer en activeer de app {app} om dit te zien.",
+    "{title} needs the {app} app. Install and enable it to see this.": "{title} heeft de app {app} nodig. Installeer en activeer die om dit te zien.",
+    "View all ({total})": "Alles bekijken ({total})",
+    "No items": "Geen items",
+    "Nothing here yet": "Hier staat nog niets",
+    "No items match this filter": "Geen items voldoen aan dit filter",
+    "Could not load these records": "Deze gegevens konden niet worden geladen",
     "No conversations yet": "Nog geen gesprekken",
     "Connecting...": "Verbinden...",
     "Loading conversations...": "Gesprekken laden...",
@@ -1360,7 +1385,78 @@
     "Filter by {column}, active": "Filteren op {column}, actief",
     "Turn notifications off": "Meldingen uitzetten",
     "Turn notifications on": "Meldingen aanzetten",
-    "Could not change notifications.": "Meldingen konden niet worden gewijzigd."
+    "Could not change notifications.": "Meldingen konden niet worden gewijzigd.",
+    "Actions for the selection": "Acties voor de selectie",
+    "Active:": "Actief:",
+    "Filter": "Filter",
+    "List": "Lijst",
+    "Map": "Kaart",
+    "Remove filter: {label}": "Filter verwijderen: {label}",
+    "Search and columns": "Zoeken en kolommen",
+    "Sort by": "Sorteren op",
+    "View mode": "Weergave",
+    "With the selected {plural}": "Met de geselecteerde {plural}",
+    "items": "items",
+    "{count} active": "{count} actief",
+    "Delete \"{name}\"": "\"{name}\" verwijderen",
+    "No saved views yet": "Nog geen opgeslagen weergaven",
+    "No views with this label": "Geen weergaven met dit label",
+    "Save current view…": "Huidige weergave opslaan…",
+    "Save view": "Weergave opslaan",
+    "Saved views": "Opgeslagen weergaven",
+    "Show only views labelled \"{label}\"": "Alleen weergaven met label \"{label}\" tonen",
+    "Stop filtering on \"{label}\"": "Niet meer filteren op \"{label}\"",
+    "{name}, level {level}": "{name}, niveau {level}",
+    "{name}. Parts of this view come from one you cannot see.": "{name}. Delen van deze weergave komen uit een weergave die u niet kunt zien.",
+    "More filters": "Meer filters",
+    "Quick filters": "Snelfilters",
+    "{count} filters": "{count} filters",
+    "{count} more filters": "{count} filters meer",
+    "{label} — show the other filters": "{label}, toon de andere filters",
+    "A file or folder with that name is already here": "Hier staat al een bestand of map met die naam",
+    "A file with that name is already here": "Hier staat al een bestand met die naam",
+    "A name cannot contain a slash": "Een naam kan geen schuine streep bevatten",
+    "Actions for {name}": "Acties voor {name}",
+    "Download": "Downloaden",
+    "Drop files here, or use New": "Sleep bestanden hierheen, of gebruik Nieuw",
+    "Folder name": "Mapnaam",
+    "Modified": "Gewijzigd",
+    "New": "Nieuw",
+    "New folder": "Nieuwe map",
+    "New name": "Nieuwe naam",
+    "Rename": "Naam wijzigen",
+    "Show in Files": "Tonen in Bestanden",
+    "Size": "Grootte",
+    "The folder could not be created": "De map kon niet worden gemaakt",
+    "The folder could not be read": "De map kon niet worden gelezen",
+    "The name could not be changed": "De naam kon niet worden gewijzigd",
+    "The upload failed": "Het uploaden is mislukt",
+    "This folder is empty": "Deze map is leeg",
+    "This folder no longer exists": "Deze map bestaat niet meer",
+    "Try again": "Opnieuw proberen",
+    "Upload files": "Bestanden uploaden",
+    "You cannot see this folder": "Je kunt deze map niet zien",
+    "{action} did not succeed": "{action} is niet gelukt",
+    "Error:": "Fout:",
+    "optional": "optioneel",
+    "Copy link": "Link kopiëren",
+    "Details and sharing": "Details en delen",
+    "Link copied": "Link gekopieerd",
+    "Share uploaded files": "Geüploade bestanden delen",
+    "The link could not be copied": "De link kon niet worden gekopieerd",
+    "Invalid JSON: {msg}": "Ongeldige JSON: {msg}",
+    "Loading the fields this choice adds.": "De velden van deze keuze worden geladen.",
+    "Restore": "Herstellen",
+    "Save draft": "Concept opslaan",
+    "Saved {title}": "{title} opgeslagen",
+    "Saved, but some rows were not saved: {rows}": "Opgeslagen, maar sommige rijen zijn niet opgeslagen: {rows}",
+    "The list of choices could not be loaded. Enter the value by hand.": "De keuzelijst kon niet worden geladen. Vul de waarde zelf in.",
+    "You have unsaved changes from an earlier visit.": "Je hebt niet-opgeslagen wijzigingen van een eerder bezoek.",
+    "no longer offered": "niet meer beschikbaar",
+    "1 day left": "Nog 1 dag",
+    "{count} days left": "Nog {count} dagen",
+    "1 day overdue": "1 dag te laat",
+    "{count} days overdue": "{count} dagen te laat"
   },
   "plurals": {
     "%n year": [
@@ -1371,6 +1467,10 @@
       "%n maand",
       "%n maanden"
     ],
+    "%n hour": [
+      "%n uur",
+      "%n uur"
+    ],
     "%n day": [
       "%n dag",
       "%n dagen"
@@ -1426,6 +1526,10 @@
     "in {count} day": [
       "over {count} dag",
       "over {count} dagen"
+    ],
+    "{count} more filter": [
+      "Nog {count} filter",
+      "Nog {count} filters"
     ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.78.0",
+  "version": "2.79.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/scripts/build-validators.js

@@ -148,6 +148,32 @@ if (/require\("ajv-formats/.test(moduleCode)) {
 	throw new Error('build-validators: a require("ajv-formats…") reference survived inlining — the standalone validator is not self-contained')
 }
 
+// Inline Ajv's runtime helpers for the same reason. The standalone output
+// emits `require("ajv/dist/runtime/ucs2length").default` (every `minLength` /
+// `maxLength`) and `require("ajv/dist/runtime/equal").default` (`enum` / `const`
+// on objects). Rollup turns each into a bare side-effect import that fills an
+// `__exports` object, and a consumer's webpack drops that import because the
+// library's `sideEffects` allowlist does not name it. `.default` is then
+// undefined, the validator throws "f is not a function" on the first string it
+// length-checks, and useAppManifest's catch-all kept the bundled manifest: the
+// `/api/manifest` delta never reached the navigation (observed 2026-10-10 on
+// dossiq). Both helpers are self-contained functions (fast-deep-equal recurses
+// through its own name), so their source inlines as is.
+moduleCode = moduleCode.replace(
+	/require\("ajv\/dist\/runtime\/([A-Za-z0-9_]+)"\)\.default/g,
+	(_match, name) => {
+		const fn = require(`ajv/dist/runtime/${name}`).default
+		if (typeof fn !== 'function') {
+			throw new Error(`build-validators: ajv runtime helper "${name}" is not a function and cannot be inlined`)
+		}
+		return `(${fn.toString()})`
+	},
+)
+
+if (/require\(/.test(moduleCode)) {
+	throw new Error('build-validators: a require(…) survived inlining — the standalone validator is not self-contained')
+}
+
 const banner = `// SPDX-License-Identifier: EUPL-1.2
 // Copyright (C) 2026 Conduction B.V.
 //

package/src/components/CnActionsBar/CnActionsBar.vue

@@ -18,45 +18,54 @@
 				@description Under the board look: saved views as chips and the Save view button, in row 1 after the quick-filter chips.
 			-->
 			<slot name="actions-end" />
-			<NcButton v-if="showSidebarToggle"
-				variant="secondary"
-				class="cn-actions-bar__filter-button"
-				data-testid="cn-actions-bar-filter-button"
-				:pressed="sidebarOpen"
-				@click="$emit('toggle-sidebar')">
-				<template #icon>
-					<Tune :size="18" />
-				</template>
-				{{ t('nextcloud-vue', 'Filter') }}
-				<span
-					v-if="filterCount > 0"
-					class="cn-actions-bar__filter-badge"
-					data-testid="cn-actions-bar-filter-badge"
-					:aria-label="filterCountLabel">{{ filterCount }}</span>
-			</NcButton>
-			<div v-if="showViewToggle && viewSegments.length > 1"
-				class="cn-actions-bar__view-toggle"
-				role="group"
-				:aria-label="t('nextcloud-vue', 'View')">
-				<button
-					v-for="seg in viewSegments"
-					:key="seg.mode"
-					type="button"
-					class="cn-actions-bar__view-toggle-btn"
-					:class="{ 'cn-actions-bar__view-toggle-btn--active': viewMode === seg.mode }"
-					:aria-pressed="viewMode === seg.mode"
-					:aria-label="seg.label"
-					:title="seg.label"
-					@click="$emit('view-mode-change', seg.mode)">
-					<CnIcon v-if="seg.icon"
-						:name="seg.icon"
-						:size="24"
-						class="cn-actions-bar__view-toggle-icon" />
-					<component :is="seg.fallback"
-						v-else
-						:size="24"
-						class="cn-actions-bar__view-toggle-icon" />
-				</button>
+			<!--
+				Filter and the view switch are one unit: when row 1 is full they
+				wrap together to the start of the next line (the DqZaken board),
+				never the switch alone.
+			-->
+			<div v-if="showSidebarToggle || (showViewToggle && viewSegments.length > 1)"
+				class="cn-actions-bar__view-controls"
+				data-testid="cn-actions-bar-view-controls">
+				<NcButton v-if="showSidebarToggle"
+					variant="secondary"
+					class="cn-actions-bar__filter-button"
+					data-testid="cn-actions-bar-filter-button"
+					:pressed="sidebarOpen"
+					@click="$emit('toggle-sidebar')">
+					<template #icon>
+						<Tune :size="16" />
+					</template>
+					{{ t('nextcloud-vue', 'Filter') }}
+					<span
+						v-if="filterCount > 0"
+						class="cn-actions-bar__filter-badge"
+						data-testid="cn-actions-bar-filter-badge"
+						:aria-label="filterCountLabel">{{ filterCount }}</span>
+				</NcButton>
+				<div v-if="showViewToggle && viewSegments.length > 1"
+					class="cn-actions-bar__view-toggle"
+					role="group"
+					:aria-label="t('nextcloud-vue', 'View')">
+					<button
+						v-for="seg in viewSegments"
+						:key="seg.mode"
+						type="button"
+						class="cn-actions-bar__view-toggle-btn"
+						:class="{ 'cn-actions-bar__view-toggle-btn--active': viewMode === seg.mode }"
+						:aria-pressed="viewMode === seg.mode"
+						:aria-label="seg.label"
+						:title="seg.label"
+						@click="$emit('view-mode-change', seg.mode)">
+						<CnIcon v-if="seg.icon"
+							:name="seg.icon"
+							:size="24"
+							class="cn-actions-bar__view-toggle-icon" />
+						<component :is="seg.fallback"
+							v-else
+							:size="24"
+							class="cn-actions-bar__view-toggle-icon" />
+					</button>
+				</div>
 			</div>
 		</div>
 		<div v-if="!isBoardLayout" class="cn-actions-bar__info">

package/src/components/CnAppRoot/CnAppRoot.vue

@@ -3724,6 +3724,7 @@ export default {
 		 * entry continues there (local mirror + per-user preference).
 		 *
 		 * @spec openspec/changes/walkthrough-advance-pause-resume/specs/cn-walkthrough/spec.md
+		 * @spec openspec/changes/walkthrough-autostart-and-countdown-dutch/specs/walkthrough-autostart-and-countdown-dutch/spec.md#requirement-a-tour-that-opens-on-its-own-opens-once
 		 * @param {object} progress `{ tourId, stepId, index }` from CnWalkthrough.
 		 * @return {void}
 		 */
@@ -3731,9 +3732,18 @@ export default {
 			if (!progress || !progress.tourId) {
 				return
 			}
-			// The first step of a fresh tour is where a restart lands anyway,
-			// so it costs no request.
+			// A fresh tour that opens on its own is recorded as paused at its
+			// first step, so a user who never touches it does not get it again
+			// on every page load; "Continue" in the settings brings it back.
+			// Kept out of memory so the open tour runs on as it is.
 			if (progress.index === 0 && !this.walkthroughProgressValue) {
+				persistWalkthroughProgress(this.appId, this.walkthroughConfigKey, {
+					tourId: progress.tourId,
+					stepId: progress.stepId || '',
+					index: 0,
+					version: String((this.manifest && this.manifest.version) || ''),
+					paused: true,
+				})
 				return
 			}
 			const value = {

package/src/components/CnCellRenderer/CnCellRenderer.vue

@@ -118,6 +118,19 @@
 			<span v-else class="cn-cell-renderer__dash">—</span>
 		</template>
 
+		<!-- Built-in "age" widget: how long something has waited ("4 uur",
+		     "3 dagen"), coloured by widgetProps.variantWhen rules on the days
+		     the cell shows. The full date is the tooltip. -->
+		<template v-else-if="widget === 'age'">
+			<time
+				v-if="dateTimestamp"
+				class="cn-cell-renderer__age"
+				:class="ageVariant ? 'cn-cell-renderer__age--' + ageVariant : null"
+				:datetime="dateTimestamp.toISOString()"
+				:title="absoluteDateLabel">{{ ageLabel }}</time>
+			<span v-else class="cn-cell-renderer__dash">—</span>
+		</template>
+
 		<!-- Built-in "date" widget: a date whose colour follows
 		     widgetProps.variantWhen, rules on the number of days until it
 		     (0 = today, negative = overdue). -->
@@ -156,7 +169,12 @@
 
 		<!-- Date / date-time: dynamic NcDateTime (relative time, absolute on hover) -->
 		<template v-else-if="isDate">
-			<NcDateTime v-if="dateTimestamp" :timestamp="dateTimestamp" />
+			<time
+				v-if="dateTimestamp && isBoardLook"
+				class="cn-cell-renderer__date"
+				:datetime="dateTimestamp.toISOString()"
+				:title="absoluteDateLabel">{{ boardDateLabel }}</time>
+			<NcDateTime v-else-if="dateTimestamp" :timestamp="dateTimestamp" />
 			<span v-else class="cn-cell-renderer__dash">—</span>
 		</template>
 
@@ -210,6 +228,8 @@ import { NcAvatar, NcDateTime } from '@nextcloud/vue'
 import CheckBold from 'vue-material-design-icons/CheckBold.vue'
 import CnFkResolveCell from '../CnFkResolveCell/CnFkResolveCell.vue'
 import CnGroupNameCell from './CnGroupNameCell.vue'
+import { normalizeLook } from '../../composables/useLook.js'
+import { formatAge, formatBoardDate, resolveAgeVariant } from '../../utils/boardDate.js'
 import { parseDateValue, resolveDateVariant } from '../../utils/dateVariant.js'
 import { safeCurrencyCode } from '../../utils/formatMetric.js'
 import { objectFieldValue } from '../../utils/objectName.js'
@@ -272,6 +292,12 @@ export default {
 		 * Defaults to identity so standalone use is unaffected.
 		 */
 		cnTranslate: { default: () => (key) => key },
+		/**
+		 * The look the app is drawn in, provided by CnAppRoot (or a page with
+		 * `config.look`). Under `board` a date cell reads the board's short
+		 * form ("5 okt"). Defaults to `nextcloud`, which renders as before.
+		 */
+		cnLook: { default: 'nextcloud' },
 	},
 
 	props: {
@@ -326,6 +352,10 @@ export default {
 		 * a date whose colour follows `widgetProps.variantWhen`, rules on the
 		 * number of days until the date (`[{ op: "lt", value: 0, variant:
 		 * "error" }, { op: "lte", value: 5, variant: "warning" }]`).
+		 * The built-in id `"age"` renders how long the row has waited since
+		 * the date ("4 hours", "3 days"), coloured by `widgetProps.variantWhen`
+		 * rules on the days it shows (`[{ op: "gte", value: 3, variant:
+		 * "error" }]`).
 		 * The built-in id `"group"` shows a Nextcloud group id (or a list of
 		 * them) as the group's display name; a column whose property is
 		 * marked `referenceType: "nextcloud-group"` gets it without asking.
@@ -528,6 +558,69 @@ export default {
 			return variant === 'default' ? '' : variant
 		},
 
+		/**
+		 * Whether the app takes the board look (`cnLook` is `board`).
+		 *
+		 * @return {boolean}
+		 * @spec openspec/changes/screens-cell-date-parity/specs/cell-date-age/spec.md#requirement-a-board-date-cell-reads-day-and-short-month-in-the-user-language
+		 */
+		isBoardLook() {
+			return normalizeLook(this.cnLook) === 'board'
+		},
+
+		/**
+		 * The board's short date ("5 okt", "14 feb 2024" outside this year).
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/screens-cell-date-parity/specs/cell-date-age/spec.md#requirement-a-board-date-cell-reads-day-and-short-month-in-the-user-language
+		 */
+		boardDateLabel() {
+			return formatBoardDate(this.value)
+		},
+
+		/**
+		 * The full date for a tooltip: day, month and year in the user's
+		 * locale, with the time for a date-time value.
+		 *
+		 * @return {string|undefined}
+		 * @spec openspec/changes/screens-cell-date-parity/specs/cell-date-age/spec.md#requirement-an-age-cell-says-how-long-something-has-waited
+		 */
+		absoluteDateLabel() {
+			const date = parseDateValue(this.value)
+			if (date === null) {
+				return undefined
+			}
+			const withTime = this.property?.format === 'date-time' || this.widget === 'age'
+			const options = { day: 'numeric', month: 'long', year: 'numeric', ...(withTime ? { hour: '2-digit', minute: '2-digit' } : {}) }
+			try {
+				return new Intl.DateTimeFormat(getCanonicalLocale() || undefined, options).format(date)
+			} catch {
+				return new Intl.DateTimeFormat(undefined, options).format(date)
+			}
+		},
+
+		/**
+		 * `age` widget: how long the row has waited ("4 uur", "3 dagen").
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/screens-cell-date-parity/specs/cell-date-age/spec.md#requirement-an-age-cell-says-how-long-something-has-waited
+		 */
+		ageLabel() {
+			return formatAge(this.value)
+		},
+
+		/**
+		 * `age` widget: the variant of the first `widgetProps.variantWhen`
+		 * rule the shown days match, or '' for none.
+		 *
+		 * @return {string}
+		 * @spec openspec/changes/screens-cell-date-parity/specs/cell-date-age/spec.md#requirement-an-age-cell-turns-red-past-its-threshold
+		 */
+		ageVariant() {
+			const variant = resolveAgeVariant(this.value, this.widgetProps && this.widgetProps.variantWhen)
+			return variant === 'default' ? '' : variant
+		},
+
 		/**
 		 * `date` widget: the date written out in the user's locale.
 		 *
@@ -544,6 +637,11 @@ export default {
 			// 08:30"); `widgetProps.timeOnly: true` shows just the time
 			// ("08:30"), for a timetable row. Default: the date alone.
 			const props = this.widgetProps || {}
+			// The board look writes a plain date in its short form ("5 okt");
+			// a time of day keeps the full form below.
+			if (this.isBoardLook && props.timeOnly !== true && props.showTime !== true) {
+				return formatBoardDate(date)
+			}
 			const options = props.timeOnly === true
 				? { hour: '2-digit', minute: '2-digit' }
 				: { day: 'numeric', month: 'short', year: 'numeric', ...(props.showTime === true ? { hour: '2-digit', minute: '2-digit' } : {}) }
@@ -1127,10 +1225,29 @@ export default {
    does not rest on colour alone. */
 .cn-cell-renderer__date--success,
 .cn-cell-renderer__date--warning,
-.cn-cell-renderer__date--error {
+.cn-cell-renderer__date--error,
+.cn-cell-renderer__age--success,
+.cn-cell-renderer__age--warning,
+.cn-cell-renderer__age--error {
 	font-weight: 600;
 }
 
+.cn-cell-renderer__age {
+	white-space: nowrap;
+}
+
+.cn-cell-renderer__age--success {
+	color: var(--color-text-success, var(--color-success-text));
+}
+
+.cn-cell-renderer__age--warning {
+	color: var(--color-text-warning, var(--color-warning-text));
+}
+
+.cn-cell-renderer__age--error {
+	color: var(--color-text-error, var(--color-error-text));
+}
+
 .cn-cell-renderer__date--success {
 	color: var(--color-text-success, var(--color-success-text));
 }