@conduction/nextcloud-vue 2.75.0 → 2.77.0

package/l10n/nl.json

@@ -1,5 +1,10 @@
 {
   "translations": {
+    "Linked items": "Gekoppelde items",
+    "Still loading: {sections}": "Nog aan het laden: {sections}",
+    "Could not load {section}.": "{section} kon niet worden geladen.",
+    "Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.": "Met inloggegevens van de organisatie handelen apps namens je organisatie. Keepiq, de kluis voor inloggegevens van Nextcloud, bewaart het geheim. De app krijgt het nooit in handen. Je kiest welke apps elk inloggegeven mogen gebruiken.",
+    "Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.": "Apps handelen soms namens jou bij een externe dienst. Je geeft het geheim één keer aan Nextcloud, en Keepiq bewaart het in een versleutelde kluis. Apps doen de aanvraag via Keepiq en zien het geheim nooit. Je kiest welke apps elk inloggegeven mogen gebruiken. Deel er één tussen apps, of houd er één per app.",
     "Show as": "Toon als",
     "Board": "Bord",
     "Calendar": "Kalender",
@@ -171,7 +176,7 @@
     "This integration is not set up yet. Configure a connection to start using it.": "Deze integratie is nog niet ingesteld. Configureer een verbinding om hem te gebruiken.",
     "This integration is not set up yet. Install and enable the {app} app to start using it.": "Deze integratie is nog niet ingesteld. Installeer en activeer de app {app} om hem te gebruiken.",
     "Set up {app}": "{app} instellen",
-    "Add {type}": "Nieuwe {type}",
+    "Add {type}": "{type} toevoegen",
     "Add new contact": "Nieuw contact toevoegen",
     "Link contact": "Contact koppelen",
     "Search contacts": "Contacten zoeken",
@@ -1335,7 +1340,20 @@
     "Development environment": "Ontwikkelomgeving",
     "Test environment": "Testomgeving",
     "Acceptance environment": "Acceptatieomgeving",
-    "About {label}": "Over {label}"
+    "About {label}": "Over {label}",
+    "Could not load the form for this item.": "Kon het formulier voor dit item niet laden.",
+    "Drop to add": "Laat los om toe te voegen",
+    "Or drag files onto this list.": "Of sleep bestanden op deze lijst.",
+    "This server does not keep track of what you open.": "Deze server houdt niet bij welke items je opent.",
+    "Log in to see what you opened recently.": "Log in om te zien wat je onlangs opende.",
+    "Your recent items are not available right now.": "Je recente items zijn nu niet beschikbaar.",
+    "yesterday": "gisteren",
+    "tomorrow": "morgen",
+    "Filter by {column}": "Filteren op {column}",
+    "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."
   },
   "plurals": {
     "%n year": [
@@ -1389,6 +1407,18 @@
     "You see {count} capability of {total}.": [
       "Je ziet {count} functionaliteit van {total}.",
       "Je ziet {count} functionaliteiten van {total}."
+    ],
+    "%n file added": [
+      "%n bestand toegevoegd",
+      "%n bestanden toegevoegd"
+    ],
+    "{count} day ago": [
+      "{count} dag geleden",
+      "{count} dagen geleden"
+    ],
+    "in {count} day": [
+      "over {count} dag",
+      "over {count} dagen"
     ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/nextcloud-vue",
-  "version": "2.75.0",
+  "version": "2.77.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/CnAppNav/CnAppNav.vue

@@ -183,7 +183,19 @@
 					v-if="isCaption(item)"
 					:key="item.id"
 					:name="resolveLabel(item)"
-					:data-testid="`cn-nav-caption-${item.id}`" />
+					:data-testid="`cn-nav-caption-${item.id}`">
+					<template v-if="item.href" #actions>
+						<NcActionLink
+							:href="item.href"
+							:aria-label="captionEditLabel(item)"
+							:data-testid="`cn-nav-caption-edit-${item.id}`">
+							<template #icon>
+								<Pencil :size="20" />
+							</template>
+							{{ captionEditLabel(item) }}
+						</NcActionLink>
+					</template>
+				</NcAppNavigationCaption>
 				<NcAppNavigationItem
 					v-else
 					:key="item.id"
@@ -424,7 +436,19 @@
 							v-if="isCaption(item)"
 							:key="item.id"
 							:name="resolveLabel(item)"
-							:data-testid="`cn-nav-caption-${item.id}`" />
+							:data-testid="`cn-nav-caption-${item.id}`">
+							<template v-if="item.href" #actions>
+								<NcActionLink
+									:href="item.href"
+									:aria-label="captionEditLabel(item)"
+									:data-testid="`cn-nav-caption-edit-${item.id}`">
+									<template #icon>
+										<Pencil :size="20" />
+									</template>
+									{{ captionEditLabel(item) }}
+								</NcActionLink>
+							</template>
+						</NcAppNavigationCaption>
 						<NcAppNavigationItem
 							v-else
 							:key="item.id"
@@ -466,7 +490,7 @@
 <script>
 import { translate as t } from '@nextcloud/l10n'
 import { generateUrl } from '@nextcloud/router'
-import { NcAppNavigation, NcAppNavigationCaption, NcAppNavigationItem, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings, NcButton, NcCounterBubble } from '@nextcloud/vue'
+import { NcActionLink, NcAppNavigation, NcAppNavigationCaption, NcAppNavigationItem, NcAppNavigationList, NcAppNavigationNew, NcAppNavigationSettings, NcButton, NcCounterBubble } from '@nextcloud/vue'
 import { toRaw } from 'vue'
 import BookOpenVariant from 'vue-material-design-icons/BookOpenVariant.vue'
 import Cog from 'vue-material-design-icons/Cog.vue'
@@ -474,6 +498,7 @@ import Cog from 'vue-material-design-icons/Cog.vue'
 import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'
 import MapMarkerPath from 'vue-material-design-icons/MapMarkerPath.vue'
 import OpenInNew from 'vue-material-design-icons/OpenInNew.vue'
+import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import ShieldAccountOutline from 'vue-material-design-icons/ShieldAccountOutline.vue'
 import { ICON_MAP } from '../CnIcon/CnIcon.vue'
@@ -560,6 +585,8 @@ export default {
 	name: 'CnAppNav',
 
 	components: {
+		NcActionLink,
+		Pencil,
 		NcAppNavigation,
 		NcAppNavigationCaption,
 		NcAppNavigationItem,
@@ -1921,8 +1948,10 @@ export default {
 		/**
 		 * Whether a menu entry renders as a `NcAppNavigationCaption`
 		 * (`type: "caption"`) rather than a clickable
-		 * `NcAppNavigationItem`. Caption entries ignore `route`, `href`,
-		 * `action`, `icon`, `count`, `children`, and `pinned`.
+		 * `NcAppNavigationItem`. Caption entries ignore `route`, `action`,
+		 * `icon`, `count`, `children`, and `pinned`. A caption's `href` is
+		 * drawn as a pencil link beside the heading: the place where what
+		 * stands under it is changed (a user's own choice of entries, say).
 		 *
 		 * @param {{ type?: string }} item Menu entry descriptor.
 		 * @return {boolean}
@@ -1931,6 +1960,16 @@ export default {
 			return item?.type === 'caption'
 		},
 
+		/**
+		 * The accessible name of a caption's pencil link.
+		 *
+		 * @param {object} item The caption entry.
+		 * @return {string} "Change {caption}", translated.
+		 */
+		captionEditLabel(item) {
+			return t('nextcloud-vue', 'Change {name}', { name: this.resolveLabel(item) })
+		},
+
 		/**
 		 * Whether the host has registered a scoped slot named
 		 * `item-${id}-actions` for this menu item. Used to gate template

package/src/components/CnCardGrid/CnCardGrid.md

@@ -106,6 +106,7 @@ Custom card slot — replace the default CnObjectCard with your own rendering:
 |---|---|---|---|
 | `selectable` | `Boolean` | `false` | When `true`, each card shows a selection checkbox and the grid emits `select` events |
 | `selectedIds` | `Array` | `[]` | Array of currently selected object IDs (matched against `object[rowKey]`) |
+| `accentOf` | `Function` | `null` | `(object) => { variant, icon?, label? } \| null`, each card's status accent (see CnObjectCard `accent`) |
 
 ## Board look props
 

package/src/components/CnCardGrid/CnCardGrid.vue

@@ -40,6 +40,7 @@
 						:status="statusOf ? statusOf(object) : null"
 						:leading="leadingOf ? leadingOf(object) : null"
 						:footerAction="footerActionOf ? footerActionOf(object) : null"
+						:accent="accentOf ? accentOf(object) : null"
 						v-on="cardListeners(object)">
 						<template v-if="$slots['card-actions']" #actions="{ object: obj }">
 							<slot name="card-actions" :object="obj" />
@@ -182,6 +183,12 @@ export default {
 			default: null,
 		},
 
+		/** `(object) => { variant, icon?, label? }` for each card's status accent. See CnObjectCard `accent`. */
+		accentOf: {
+			type: Function,
+			default: null,
+		},
+
 		/** Text shown when there are no objects */
 		emptyText: {
 			type: String,

package/src/components/CnCellRenderer/CnCellRenderer.vue

@@ -10,6 +10,20 @@
 			:formatted="formattedValue"
 			v-bind="widgetProps" />
 
+		<!-- Built-in "group" widget: a Nextcloud group id (or a list of them)
+		     shown as the group's display name, cached per id. Used on its own
+		     for a property marked `referenceType: nextcloud-group` /
+		     `format: nc-group` unless the column has a formatter. -->
+		<template v-else-if="isGroupCell">
+			<span v-if="!groupIds.length" class="cn-cell-renderer__dash">—</span>
+			<span v-else class="cn-cell-renderer__groups">
+				<template v-for="(gid, i) in groupIds" :key="gid">
+					<span v-if="i > 0">, </span>
+					<CnGroupNameCell :gid="gid" />
+				</template>
+			</span>
+		</template>
+
 		<!-- Built-in "badge" widget — renders the (possibly formatter-shaped) value as a status pill -->
 		<template v-else-if="widget === 'badge'">
 			<CnStatusBadge v-if="hasValue"
@@ -192,11 +206,12 @@ import { getCanonicalLocale } from '@nextcloud/l10n'
 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 { parseDateValue, resolveDateVariant } from '../../utils/dateVariant.js'
 import { safeCurrencyCode } from '../../utils/formatMetric.js'
 import { objectFieldValue } from '../../utils/objectName.js'
 import { safeHref } from '../../utils/safeHref.js'
-import { formatValue } from '../../utils/schema.js'
+import { formatValue, isGroupProp } from '../../utils/schema.js'
 import { CnStatusBadge } from '../CnStatusBadge/index.js'
 
 /** A uuid in any version, the shape OpenRegister ids take. */
@@ -226,6 +241,7 @@ export default {
 	components: {
 		CnStatusBadge,
 		CnFkResolveCell,
+		CnGroupNameCell,
 		CheckBold,
 		NcAvatar,
 		NcDateTime,
@@ -307,6 +323,9 @@ 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 `"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.
 		 * Takes precedence over `formatter`/the type-aware rendering, but the
 		 * value handed to the widget is the formatter-shaped `formatted` when
 		 * `formatter` is also set.
@@ -577,6 +596,42 @@ export default {
 			return c || null
 		},
 
+		/**
+		 * Whether this cell shows Nextcloud group names: the column asks for
+		 * `widget: "group"`, or it names no widget and no formatter and its
+		 * property is a group (or a list of groups).
+		 *
+		 * @spec openspec/changes/nextcloud-group-surfaces/specs/data-display/spec.md#requirement-a-group-cell-shows-the-groups-display-name
+		 * @return {boolean}
+		 */
+		isGroupCell() {
+			if (this.widget === 'group') {
+				return true
+			}
+			if (this.widget || this.hasFormatter) {
+				return false
+			}
+			const p = this.property
+			if (!p || typeof p !== 'object') {
+				return false
+			}
+			return isGroupProp(p) || (p.type === 'array' && isGroupProp(p.items))
+		},
+
+		/**
+		 * The group ids in this cell, empty ones dropped.
+		 *
+		 * @spec openspec/changes/nextcloud-group-surfaces/specs/data-display/spec.md#requirement-a-group-cell-shows-the-groups-display-name
+		 * @return {string[]}
+		 */
+		groupIds() {
+			const raw = this.value
+			const list = Array.isArray(raw) ? raw : [raw]
+			return list
+				.filter((gid) => (typeof gid === 'string' && gid !== '') || typeof gid === 'number')
+				.map((gid) => String(gid))
+		},
+
 		/** Variant for the built-in `badge` widget — `widgetProps.variant` or `'default'`. */
 		badgeVariant() {
 			return (this.widgetProps && this.widgetProps.variant) || 'default'

package/src/components/CnCellRenderer/CnGroupNameCell.vue

@@ -0,0 +1,61 @@
+<!--
+  SPDX-FileCopyrightText: 2026 Conduction B.V.
+  SPDX-License-Identifier: EUPL-1.2
+
+  CnGroupNameCell: one Nextcloud group id shown as the group's display name.
+  The name is looked up once per page (utils/groupAutocomplete.js); until it
+  arrives, and when it cannot be found, the cell shows the id.
+-->
+<template>
+	<span class="cn-group-name-cell" :title="gid">{{ label }}</span>
+</template>
+
+<script>
+import { groupDisplayName, loadGroupDisplayName } from '../../utils/groupAutocomplete.js'
+
+/**
+ * CnGroupNameCell renders a Nextcloud group id as its display name.
+ *
+ * ```vue
+ * <CnGroupNameCell gid="toezicht" />
+ * ```
+ *
+ * @spec openspec/changes/nextcloud-group-surfaces/specs/data-display/spec.md#requirement-a-group-cell-shows-the-groups-display-name
+ */
+export default {
+	name: 'CnGroupNameCell',
+
+	props: {
+		/** The group id to show. */
+		gid: {
+			type: String,
+			required: true,
+		},
+	},
+
+	computed: {
+		/**
+		 * The cached display name, or the id while it loads or when unknown.
+		 *
+		 * @return {string}
+		 */
+		label() {
+			return groupDisplayName(this.gid) || this.gid
+		},
+	},
+
+	watch: {
+		gid: {
+			immediate: true,
+			/**
+			 * Ask for the name of a new id (cached, so once per id per page).
+			 *
+			 * @param {string} gid The group id.
+			 */
+			handler(gid) {
+				loadGroupDisplayName(gid)
+			},
+		},
+	},
+}
+</script>

package/src/components/CnCredentials/CnCredentials.vue

@@ -2,25 +2,25 @@
   - SPDX-License-Identifier: EUPL-1.2
   - SPDX-FileCopyrightText: 2026 Conduction B.V.
   -
-  - CnCredentials — the settings surface for the OpenRegister credential
+  - CnCredentials: the settings surface for the OpenRegister credential
   - broker. Apps occasionally need to act on your behalf against an external
   - service (GitHub, GitLab, …). Rather than hand the secret to the app, you
-  - give it once to OpenRegister, which stores it in Keepiq — Nextcloud's
+  - give it once to OpenRegister, which stores it in Keepiq, Nextcloud's
   - native, encrypted credential vault. Apps then make the outbound call
   - THROUGH OpenRegister and never see the secret itself. You decide which
   - apps may use each credential, so one credential can be shared across apps
   - or kept dedicated to one.
   -
   - Two scopes render from this one component:
-  -   • scope="personal"      (default) — the signed-in user's own
+  -   • scope="personal"      (default), the signed-in user's own
   -     credentials, shown in an app's *personal* settings. From here you may
   -     only add/remove *the app you are currently in* to/from a credential,
   -     or add a new credential (the current app is auto-added). You never
   -     manage the full app list of another app from here.
-  -   • scope="organisation"  — organisation-wide credentials, shown in an
+  -   • scope="organisation" , organisation-wide credentials, shown in an
   -     app's *admin* settings. An admin manages the full allowed-app list.
   -
-  - Talks to OpenRegister's credential endpoints (metadata only — a secret is
+  - Talks to OpenRegister's credential endpoints (metadata only, a secret is
   - write-only and is NEVER returned or displayed):
   -   GET    /apps/openregister/api/credentials?scope={scope}
   -   GET    /apps/openregister/api/credentials/providers
@@ -148,7 +148,7 @@
 				</ul>
 			</section>
 
-			<!-- Add credential — inline wizard: pick a provider, then fill it in. -->
+			<!-- Add credential: inline wizard: pick a provider, then fill it in. -->
 			<section class="cn-credentials__section">
 				<NcButton v-if="!adding"
 					variant="secondary"
@@ -269,7 +269,7 @@ const PROVIDERS_PATH = '/apps/openregister/api/credentials/providers'
  * Hardcoded per-provider presentation. Keyed by the OpenRegister catalogue
  * identifier. `colour` drives the tile; `setupHelp`/`setupUrl` explain how to
  * obtain the secret; `secretLabel` names the field. Providers not listed here
- * still work — they render a neutral tile from their identifier.
+ * still work, they render a neutral tile from their identifier.
  */
 const PROVIDER_META = {
 	github: {
@@ -339,7 +339,7 @@ export default {
 		},
 
 		/**
-		 * The current app's manifest `credentials[]` declarations — the
+		 * The current app's manifest `credentials[]` declarations: the
 		 * providers this app can reach through the broker. Shape:
 		 * `[{ provider, reason, scopes }]`. Rendered read-only under the intro.
 		 *
@@ -404,15 +404,16 @@ export default {
 		},
 
 		/**
-		 * Reframed intro copy per scope.
+		 * Reframed intro copy per scope. No em-dashes, sentences under 16 words.
 		 *
+		 * @spec openspec/changes/r4-object-lock-url-and-credentials-copy/specs/credentials-settings/spec.md
 		 * @return {string} Intro text.
 		 */
 		introText() {
 			if (this.scope === 'organisation') {
-				return t('nextcloud-vue', 'Organisation credentials let apps act on behalf of your organisation. The secret is stored in Keepiq — Nextcloud\'s native credential vault — never in the app. You choose which apps may use each credential.')
+				return t('nextcloud-vue', 'Organisation credentials let apps act for your organisation. Keepiq, the credential vault of Nextcloud, keeps the secret. The app never holds it. You choose which apps may use each credential.')
 			}
-			return t('nextcloud-vue', 'Apps sometimes need to act on your behalf against an external service. So they never hold your secrets, you give a secret to Nextcloud once and it is kept in Keepiq — a native, encrypted credential vault. Apps then make the call through Keepiq and never see the secret. You decide which apps may use each credential — share one across apps, or keep one per app.')
+			return t('nextcloud-vue', 'Apps sometimes act for you on an external service. You give the secret to Nextcloud once, and Keepiq keeps it in an encrypted vault. Apps make the call through Keepiq and never see the secret. You choose which apps may use each credential. Share one across apps, or keep one per app.')
 		},
 
 		/**
@@ -438,7 +439,7 @@ export default {
 			const serverIds = this.providers.map((p) => p.identifier)
 			let ids = serverIds.length ? serverIds : Object.keys(PROVIDER_META)
 			// When the app declares which providers it uses (appCredentials),
-			// only offer those — an app should not let you add a credential for
+			// only offer those, an app should not let you add a credential for
 			// a provider it has no code path to use.
 			if (this.supportedProviders.size > 0) {
 				ids = ids.filter((id) => this.supportedProviders.has(id))
@@ -448,7 +449,7 @@ export default {
 
 		/**
 		 * Provider identifiers the app declares it uses, derived from
-		 * `appCredentials`. Empty when the app declares nothing — filtering is
+		 * `appCredentials`. Empty when the app declares nothing, filtering is
 		 * then a no-op, so consumers that don't declare providers are unchanged.
 		 *
 		 * @return {Set<string>} Supported provider identifiers.
@@ -460,7 +461,7 @@ export default {
 		},
 
 		/**
-		 * Stored credentials to display — filtered to the app's supported
+		 * Stored credentials to display: filtered to the app's supported
 		 * providers when it declares any, so you can only see and authorise
 		 * credentials the app can actually use; otherwise all of them.
 		 *
@@ -503,7 +504,7 @@ export default {
 		},
 
 		/**
-		 * Whether the add form can be submitted — name, provider and a secret
+		 * Whether the add form can be submitted: name, provider and a secret
 		 * are required (the whole point is to store a secret).
 		 *
 		 * @return {boolean} True when submittable.
@@ -727,7 +728,7 @@ export default {
 		},
 
 		/**
-		 * Human-readable provider title — hardcoded catalogue first, then the
+		 * Human-readable provider title: hardcoded catalogue first, then the
 		 * server title, then the raw identifier.
 		 *
 		 * @param {string} identifier The provider identifier.

package/src/components/CnDataTable/CnDataTable.md

@@ -205,6 +205,7 @@ export default {
 | `filterable` | Boolean | `false` | Show a filter button in every header whose column can filter: enum, boolean, text, number, date and reference columns backed by a schema property. A column opts out with `filterable: false`. Applying a filter emits `column-filter`; the host owns the state and passes it back as `activeFilters`. `CnIndexPage` turns it on by default. |
 | `activeFilters` | Object | `{}` | The active filter map, `{ paramKey: values[] }`: the same map the facet sidebar writes, so a header filter and a sidebar filter on one field show the same state. |
 | `filterRegister` | String | `''` | Register slug a reference column's filter searches in when the column names none. |
+| `lensReasonTexts` | Object \| null | `null` | App wording for an unavailable personal lens in self-fetch mode, keyed `<lens>.<reason>` or `<reason>`. Without it the library's text is used (see below). |
 
 ## Slots
 
@@ -233,6 +234,14 @@ features are folded in here as opt-in props (bare-table usage is unchanged):
 - `fetchParams` — extra query params for the self-fetch (a resolved filter map,
   `_order[field]` ordering, `_limit`); changing it re-triggers the fetch. Used by
   `CnWidgetObjectTable`'s declarative `source`.
+- When the self-fetch asked for a personal lens (a "Recently opened" tile with
+  `source.filter._recent: true`) and the response reports it unavailable
+  (`@self.lenses.recent.available: false`, openregister#4514), the empty row
+  says why instead of `emptyText`: "This server does not keep track of what you
+  open." (`audit-trail-disabled`), "Log in to see what you opened recently."
+  (`anonymous`) or "Your recent items are not available right now."
+  (`read-history-unavailable`). `lensReasonTexts` replaces the wording; no
+  report, an available lens or an unknown reason keeps `emptyText`.
 - `rowClickRoute` — a function mapping a row to a vue-router route. Each such row renders a real `<a href>` in its first cell, stretched over the row, so hovering shows the URL, a plain or alt click routes in place, a ctrl/cmd/shift or middle click opens a new tab, and the row is reachable with Tab. The link is named by the first cell's text ("Open row" when that is empty or not plain text). There is no link on a `selectable` table without `rowClickToView`, where a row click selects. `CnWidgetObjectTable` rows inherit it. Trade-offs: cell text cannot be selected by dragging on a linked row, and a right-click on it shows the browser's link menu only when no host listens to `row-context-menu`.
 - `hideHeader` — drop the column-label row for a compact list widget.
 - `#footer` slot — supply a custom footer link (e.g. "+ New" or an always-shown