@conduction/nextcloud-vue 2.89.2 → 2.90.0

package/dist/nextcloud-vue.cjs.js

@@ -51261,7 +51261,7 @@ function matchPlainBrackets(state, pos, dir, tree, tokenType, maxScanDistance, b
 }
 const noTokens = /*@__PURE__*/Object.create(null);
 const typeArray = [NodeType.none];
-const warned$2 = [];
+const warned$3 = [];
 // Cache of node types by name and tags
 const byTag = /*@__PURE__*/Object.create(null);
 const defaultTable = /*@__PURE__*/Object.create(null);
@@ -51281,9 +51281,9 @@ for (let [legacyName, name] of [
 ])
     defaultTable[legacyName] = /*@__PURE__*/createTokenType(noTokens, name);
 function warnForPart(part, msg) {
-    if (warned$2.indexOf(part) > -1)
+    if (warned$3.indexOf(part) > -1)
         return;
-    warned$2.push(part);
+    warned$3.push(part);
     console.warn(msg);
 }
 function createTokenType(extra, tagStr) {
@@ -158624,7 +158624,7 @@ const DEFAULT_COMPONENT_MAP = Object.freeze({
 
 const KNOWN_TYPES = ['boolean', 'number', 'password', 'string', 'enum', 'json', 'file'];
 
-const warned$1 = new Set();
+const warned$2 = new Set();
 
 /**
  * Coerce an enum field's options into the `{ label, value }` shape
@@ -158783,8 +158783,8 @@ function cnRenderFormField({ field, value, onInput, t, error, componentMap } = {
 			// per process. It used to be taken unconditionally and silently,
 			// because the CommonJS lookup that fed `NcTextArea` could never
 			// resolve from an ESM build.
-			if (!map['string-textarea'] && !warned$1.has('__no-nc-textarea')) {
-				warned$1.add('__no-nc-textarea');
+			if (!map['string-textarea'] && !warned$2.has('__no-nc-textarea')) {
+				warned$2.add('__no-nc-textarea');
 				// eslint-disable-next-line no-console
 				console.warn('[cnRenderFormField] NcTextArea is unavailable from @nextcloud/vue; '
 					+ 'falling back to a bare <textarea> for `widget: "textarea"` fields. '
@@ -158824,8 +158824,8 @@ function cnRenderFormField({ field, value, onInput, t, error, componentMap } = {
 		}
 	} else if (!KNOWN_TYPES.includes(field.type)) {
 		// Unknown type — warn ONCE per type and fall back to NcTextField.
-		if (!warned$1.has(field.type)) {
-			warned$1.add(field.type);
+		if (!warned$2.has(field.type)) {
+			warned$2.add(field.type);
 			// eslint-disable-next-line no-console
 			console.warn(`[cnRenderFormField] Unknown field.type "${field.type}" for field "${field.key}". Falling back to NcTextField. Known types: ${KNOWN_TYPES.join(', ')}.`);
 		}
@@ -257068,7 +257068,7 @@ const __sfc_main$2l = script$2l;
  * @spec openspec/changes/environment-banner/tasks.md#task-2
  */
 
-let warned = false;
+let warned$1 = false;
 
 /**
  * @param {object} options Options.
@@ -257094,8 +257094,8 @@ function useEnvironment({ environment, tenant, apiBase = '/apps/openregister/api
 				const value = response && response.data && (response.data.environment ?? (response.data.results && response.data.results.environment));
 				fetched.value = { ...fetched.value, [uuid]: typeof value === 'string' ? value : '' };
 			} catch (error) {
-				if (!warned) {
-					warned = true;
+				if (!warned$1) {
+					warned$1 = true;
 					// eslint-disable-next-line no-console
 					console.warn('[useEnvironment] The organisation could not be read, so no environment is shown.', error);
 				}
@@ -257390,6 +257390,19 @@ var script$2k = {
 			default: '',
 		},
 
+		/**
+		 * Mount a tab's `tab-<id>` slot only while that tab is open, and
+		 * unmount it when another tab opens, so each visit mounts it afresh
+		 * and the page does not load every tab at once. Off (the default),
+		 * every panel stays mounted and only the open one shows.
+		 *
+		 * @spec openspec/changes/admin-settings-lazy-tabs/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-mount-only-the-open-tab
+		 */
+		lazyTabs: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * How the `tabs` strip is drawn, as CnTabs' `variant`: `line`, the
 		 * folder tabs (the default), or `underline`, plain labels on a rule
@@ -257950,7 +257963,9 @@ function render$2k(_ctx, _cache, $props, $setup, $data, $options) {
                     class: "cn-admin-settings-shell__panel",
                     "data-tab": tab.id
                   }, [
-                    vue$1.renderSlot(_ctx.$slots, `tab-${tab.id}`)
+                    (!$props.lazyTabs || tab.id === $options.activeTabId)
+                      ? vue$1.renderSlot(_ctx.$slots, `tab-${tab.id}`, {}, undefined, undefined, 0)
+                      : vue$1.createCommentVNode("v-if", true)
                   ], 8 /* PROPS */, _hoisted_11$N)
                 ]),
                 _: 2 /* DYNAMIC */
@@ -258089,7 +258104,7 @@ function render$2k(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$2k.render = render$2k;
-script$2k.__scopeId = "data-v-c3ceda64";
+script$2k.__scopeId = "data-v-038f200a";
 const __sfc_main$2k = script$2k;
 
 /**
@@ -318396,6 +318411,108 @@ script$1j.render = render$1j;
 script$1j.__scopeId = "data-v-a78d1ec4";
 const __sfc_main$1j = script$1j;
 
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ */
+
+
+const warned = new Set();
+
+/**
+ * Add the prop names one component options object declares, following its
+ * `extends` and `mixins`.
+ *
+ * @param {object} options A component options object.
+ * @param {Set<string>} names The set to add camelCase prop names to.
+ * @param {number} depth Recursion guard.
+ */
+function collect(options, names, depth) {
+	if (!options || typeof options !== 'object' || depth > 8) {
+		return
+	}
+	const props = options.props;
+	if (Array.isArray(props)) {
+		props.forEach((name) => names.add(vue$1.camelize(String(name))));
+	} else if (props && typeof props === 'object') {
+		Object.keys(props).forEach((name) => names.add(vue$1.camelize(name)));
+	}
+	collect(options.extends, names, depth + 1);
+	if (Array.isArray(options.mixins)) {
+		options.mixins.forEach((mixin) => collect(mixin, names, depth + 1));
+	}
+}
+
+/**
+ * The prop names a component declares, or `null` when it takes every
+ * attribute itself and so must keep receiving all of them:
+ *  - `inheritAttrs: false`: the component forwards `$attrs` on purpose;
+ *  - a functional component without `props`: its attrs are its props;
+ *  - an async component that has not resolved yet.
+ *
+ * @spec openspec/changes/dashboard-declared-widget-props/specs/dashboard-page/spec.md#requirement-a-dashboard-widget-receives-only-the-content-keys-it-declares
+ * @param {object|((...args: unknown[]) => unknown)|null} component A component definition.
+ * @return {Set<string>|null} camelCase prop names, or null for "all".
+ */
+function declaredPropNames(component) {
+	if (!component) {
+		return null
+	}
+	if (typeof component === 'function') {
+		if (!component.props) {
+			return null
+		}
+		const names = new Set();
+		collect({ props: component.props }, names, 0);
+		return names
+	}
+	if (typeof component !== 'object') {
+		return null
+	}
+	if (component.__asyncLoader) {
+		return component.__asyncResolved ? declaredPropNames(component.__asyncResolved) : null
+	}
+	const chain = [component, component.extends, ...(component.mixins || [])];
+	if (chain.some((options) => options && options.inheritAttrs === false)) {
+		return null
+	}
+	const names = new Set();
+	collect(component, names, 0);
+	return names
+}
+
+/**
+ * Keep the entries of `bindings` whose key `component` declares as a prop.
+ * A component for which {@link declaredPropNames} returns null gets every
+ * entry. A dropped key is warned about once outside production when the
+ * component has no `content` prop either, so the key reaches nothing.
+ *
+ * @spec openspec/changes/dashboard-declared-widget-props/specs/dashboard-page/spec.md#requirement-a-dashboard-widget-receives-only-the-content-keys-it-declares
+ * @param {object|((...args: unknown[]) => unknown)|null} component The component that will receive the bindings.
+ * @param {object} bindings The candidate bindings.
+ * @param {string} label Names the component in the warning (for example the widget type).
+ * @return {object} The bindings the component declares.
+ */
+function pickDeclaredProps(component, bindings, label) {
+	const declared = declaredPropNames(component);
+	if (!declared || !bindings || typeof bindings !== 'object') {
+		return bindings
+	}
+	const out = {};
+	for (const [key, value] of Object.entries(bindings)) {
+		if (declared.has(vue$1.camelize(key))) {
+			out[key] = value;
+			continue
+		}
+		if (process.env.NODE_ENV !== 'production' && !declared.has('content') && !warned.has(`${label}\u0000${key}`)) {
+			warned.add(`${label}\u0000${key}`);
+			// eslint-disable-next-line no-console
+			console.warn(`[nextcloud-vue] content key "${key}" is not passed to widget "${label}": it declares neither that prop nor \`content\`.`);
+		}
+	}
+	return out
+}
+
 /** Surfaces understood by the pluggable integration registry (AD-19). */
 const INTEGRATION_SURFACES = ['user-dashboard', 'app-dashboard', 'detail-page', 'single-entity'];
 
@@ -321041,6 +321158,23 @@ var script$1i = {
 			return outcome ? { ...content, conditionOutcome: outcome } : content
 		},
 
+		/**
+		 * The content keys a registry widget receives as props: only the ones
+		 * its renderer declares. An undeclared key would otherwise fall through
+		 * as an attribute onto the renderer's root component and could override
+		 * a value the widget computes for it. The whole content still arrives
+		 * as `content`. A renderer that forwards its own attributes
+		 * (`inheritAttrs: false`) keeps receiving every key.
+		 *
+		 * @param {object} item Layout item.
+		 * @return {object} The bindings the renderer declares.
+		 * @spec openspec/changes/dashboard-declared-widget-props/specs/dashboard-page/spec.md#requirement-a-dashboard-widget-receives-only-the-content-keys-it-declares
+		 */
+		registryWidgetProps(item) {
+			const def = this.getWidgetDef(item.widgetId);
+			return pickDeclaredProps(this.registryRenderer(item), this.registryWidgetBindings(item), def?.type || item.widgetId)
+		},
+
 		/**
 		 * What a container widget (registry `container`, such as `tabs`) needs
 		 * beside its content: the page's widget definitions, so its tabs find
@@ -322681,7 +322815,7 @@ function render$1i(_ctx, _cache, $props, $setup, $data, $options) {
                           (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.registryRenderer(item)), vue$1.mergeProps({
                             widgetId: item.widgetId,
                             content: $options.registryWidgetBindings(item)
-                          }, { ref_for: true }, { ...$options.registryWidgetBindings(item), ...$options.containerBindings(item) }, {
+                          }, { ref_for: true }, { ...$options.registryWidgetProps(item), ...$options.containerBindings(item) }, {
                             onHeader: $event => ($options.onWidgetHeader(item, $event))
                           }), null, 16 /* FULL_PROPS */, ["widgetId", "content", "onHeader"]))
                         ]),
@@ -323150,7 +323284,7 @@ function render$1i(_ctx, _cache, $props, $setup, $data, $options) {
                                 (vue$1.openBlock(), vue$1.createBlock(vue$1.resolveDynamicComponent($options.registryRenderer(item)), vue$1.mergeProps({
                                   widgetId: item.widgetId,
                                   content: $options.registryWidgetBindings(item)
-                                }, { ref_for: true }, { ...$options.registryWidgetBindings(item), ...$options.containerBindings(item), ...$options.cellChromeBindings(item) }, {
+                                }, { ref_for: true }, { ...$options.registryWidgetProps(item), ...$options.containerBindings(item), ...$options.cellChromeBindings(item) }, {
                                   onHeader: $event => ($options.onWidgetHeader(item, $event))
                                 }), null, 16 /* FULL_PROPS */, ["widgetId", "content", "onHeader"]))
                               ]),
@@ -323310,7 +323444,7 @@ function render$1i(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$1i.render = render$1i;
-script$1i.__scopeId = "data-v-20ca81f3";
+script$1i.__scopeId = "data-v-42bc14a4";
 const __sfc_main$1i = script$1i;
 
 var CnDashboardPage = /*#__PURE__*/Object.freeze({

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: 40768932 bytes
-sha256: 5eaf232e7473c7af37c95cfc8b0839550069002fa540192d0ea4b88131fbc06d
+size: 40779638 bytes
+sha256: b171c6d90fa9da1ac7b3e057618c0102feb5c4a930845adf71bda7617ccd3073

package/dist/nextcloud-vue.css

@@ -34796,28 +34796,28 @@ to {
 }
 
 
-.cn-admin-settings-shell[data-v-c3ceda64] {
+.cn-admin-settings-shell[data-v-038f200a] {
 	max-width: 900px;
 }
 
 /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
-.cn-support-info[data-v-c3ceda64] {
+.cn-support-info[data-v-038f200a] {
 	margin-top: 16px;
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-support-info h4[data-v-c3ceda64] {
+.cn-support-info h4[data-v-038f200a] {
 	margin: 0 0 8px 0;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-support-info p[data-v-c3ceda64] {
+.cn-support-info p[data-v-038f200a] {
 	margin: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-support-info a[data-v-c3ceda64] {
+.cn-support-info a[data-v-038f200a] {
 	color: var(--color-primary-element);
 }
 
@@ -38458,7 +38458,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-page[data-v-20ca81f3] {
+.cn-dashboard-page[data-v-42bc14a4] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -38472,7 +38472,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-20ca81f3] {
+.cn-dashboard-page__header[data-v-42bc14a4] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -38484,21 +38484,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	   room. Only the HEADER shifts right — body widgets keep full width. */
 	padding-inline-start: 56px;
 }
-.cn-dashboard-page__header-left[data-v-20ca81f3] {
+.cn-dashboard-page__header-left[data-v-42bc14a4] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-20ca81f3] {
+.cn-dashboard-page__title-row[data-v-42bc14a4] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-20ca81f3] {
+.cn-dashboard-page__title[data-v-42bc14a4] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-20ca81f3] {
+.cn-dashboard-page__description[data-v-42bc14a4] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -38506,19 +38506,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
    under it, and 40px buttons with a 10px gap. */
-.cn-dashboard-page--board .cn-dashboard-page__title[data-v-20ca81f3] {
+.cn-dashboard-page--board .cn-dashboard-page__title[data-v-42bc14a4] {
 	font-size: 28px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-dashboard-page--board .cn-dashboard-page__description[data-v-20ca81f3] {
+.cn-dashboard-page--board .cn-dashboard-page__description[data-v-42bc14a4] {
 	margin: 6px 0 0;
 	font-size: 15px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-20ca81f3] {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-42bc14a4] {
 	gap: 10px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-20ca81f3] .button-vue {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-42bc14a4] .button-vue {
 	min-height: var(--cn-board-control-height, 40px);
 	height: var(--cn-board-control-height, 40px);
 }
@@ -38526,17 +38526,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* The switch row under the header (screens-dashboard-greeting-header): the
    view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
    radius 17, 13px/600, a 14px icon, primary light on primary deep). */
-.cn-dashboard-page__switch-row[data-v-20ca81f3] {
+.cn-dashboard-page__switch-row[data-v-42bc14a4] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 10px;
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-dashboard-page__switch-row-spacer[data-v-20ca81f3] {
+.cn-dashboard-page__switch-row-spacer[data-v-42bc14a4] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-20ca81f3] {
+.cn-dashboard-page__view-link[data-v-42bc14a4] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -38550,36 +38550,36 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-20ca81f3]:hover {
+.cn-dashboard-page__view-link[data-v-42bc14a4]:hover {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-dashboard-page__view-link[data-v-20ca81f3]:focus-visible {
+.cn-dashboard-page__view-link[data-v-42bc14a4]:focus-visible {
 	outline: 2px solid var(--color-main-text);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__view-link-icon[data-v-20ca81f3] {
+.cn-dashboard-page__view-link-icon[data-v-42bc14a4] {
 	display: inline-flex;
 }
 
 /* The period group, in a row of its own between the header and the KPI row. */
-.cn-dashboard-page__date-range--segmented[data-v-20ca81f3] {
+.cn-dashboard-page__date-range--segmented[data-v-42bc14a4] {
 	margin-bottom: 16px;
 }
-.cn-dashboard-page__date-segmented[data-v-20ca81f3] {
+.cn-dashboard-page__date-segmented[data-v-42bc14a4] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }
 
 /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
-.cn-dashboard-page__kpi-row[data-v-20ca81f3] {
+.cn-dashboard-page__kpi-row[data-v-42bc14a4] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
-.cn-dashboard-page__kpi-cell[data-v-20ca81f3] {
+.cn-dashboard-page__kpi-cell[data-v-42bc14a4] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-20ca81f3] > * {
+.cn-dashboard-page__kpi-cell[data-v-42bc14a4] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -38592,7 +38592,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    scoped chip rules then silently don't match and the chip collapses into
    NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
    data-testid is stable across chunks, so those rules match regardless. */
-.cn-dashboard-page__header-actions[data-v-20ca81f3] {
+.cn-dashboard-page__header-actions[data-v-42bc14a4] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -38608,19 +38608,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* Date-range header band. Kept compact so it doesn't open a tall gap
    above the grid; the pills variant is a single tidy toggle row. */
-.cn-dashboard-page__date-range[data-v-20ca81f3] {
+.cn-dashboard-page__date-range[data-v-42bc14a4] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-20ca81f3] {
+.cn-dashboard-page__date-range--pills[data-v-42bc14a4] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-20ca81f3] {
+.cn-dashboard-page__date-pills[data-v-42bc14a4] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-dashboard-page__date-pill[data-v-20ca81f3] {
+.cn-dashboard-page__date-pill[data-v-42bc14a4] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -38635,77 +38635,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	cursor: pointer;
 	transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
 }
-.cn-dashboard-page__date-pill[data-v-20ca81f3]:hover {
+.cn-dashboard-page__date-pill[data-v-42bc14a4]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-20ca81f3]:focus-visible {
+.cn-dashboard-page__date-pill[data-v-42bc14a4]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__date-pill--active[data-v-20ca81f3] {
+.cn-dashboard-page__date-pill--active[data-v-42bc14a4] {
 	background: var(--color-primary-element);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text);
 }
-.cn-dashboard-page__date-pill--active[data-v-20ca81f3]:hover {
+.cn-dashboard-page__date-pill--active[data-v-42bc14a4]:hover {
 	background: var(--color-primary-element-hover, var(--color-primary-element));
 }
 
 /* The custom-range pill is de-emphasised — dashed outline, muted text —
    so it reads as an escape hatch rather than a primary option. */
-.cn-dashboard-page__date-pill--custom[data-v-20ca81f3] {
+.cn-dashboard-page__date-pill--custom[data-v-42bc14a4] {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-20ca81f3] .action-item__menutoggle {
+.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-20ca81f3] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-20ca81f3] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-20ca81f3] .button-vue__icon {
+.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-42bc14a4] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
 }
-.cn-dashboard-page__empty[data-v-20ca81f3] {
+.cn-dashboard-page__empty[data-v-42bc14a4] {
 	padding: 60px 20px;
 }
 
 /* The page's view switch on a page without a header row: at the end of its
    own row, above the grids, where the header would have put it. */
-.cn-dashboard-page__view-switch[data-v-20ca81f3] {
+.cn-dashboard-page__view-switch[data-v-42bc14a4] {
 	display: flex;
 	justify-content: flex-end;
 	margin-bottom: 12px;
 }
 
 /* A view the switch shows with nothing to draw. */
-.cn-page-view-region--empty[data-v-20ca81f3] {
+.cn-page-view-region--empty[data-v-42bc14a4] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-20ca81f3] {
+.cn-dashboard-page__page-filters[data-v-42bc14a4] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	align-items: flex-end;
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__page-filter[data-v-20ca81f3] {
+.cn-dashboard-page__page-filter[data-v-42bc14a4] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 200px;
 }
-.cn-dashboard-page__page-filter-label[data-v-20ca81f3] {
+.cn-dashboard-page__page-filter-label[data-v-42bc14a4] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__widget-edit[data-v-20ca81f3] {
+.cn-dashboard-page__widget-edit[data-v-42bc14a4] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -38724,8 +38724,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    and centre the card. */
 /* `safe` centre so an overflowing tile does not spill out of the top, where
    flex overflow cannot be scrolled back to. Same as detail-page.css. */
-.cn-dashboard-page__card-fit[data-v-20ca81f3] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-20ca81f3] .cn-widget-wrapper__content {
+.cn-dashboard-page__card-fit[data-v-42bc14a4] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-42bc14a4] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38741,7 +38741,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    shows up as a scrollbar the user has to drag to see the whole graph. Same
    shape as the card-fit rule above, minus the padding: chart tiles render
    `flush`, and apexcharts already draws its own margins. */
-.cn-dashboard-page__chart-fit[data-v-20ca81f3] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-42bc14a4] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -38751,13 +38751,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* Card content (stat / gauge / delta) must fit the tile width: let the
    widget shrink and its value/label truncate instead of pushing past the
    tile edge (the horizontal clip on long currency values). */
-.cn-dashboard-page__card-fit[data-v-20ca81f3] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-20ca81f3] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-20ca81f3] .cn-delta-widget {
+.cn-dashboard-page__card-fit[data-v-42bc14a4] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-42bc14a4] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-42bc14a4] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
-.cn-dashboard-page__unknown[data-v-20ca81f3] {
+.cn-dashboard-page__unknown[data-v-42bc14a4] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -38768,29 +38768,29 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-20ca81f3] {
+.cn-dashboard-page__content[data-v-42bc14a4] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-20ca81f3] {
+.cn-dashboard-page__content-item[data-v-42bc14a4] {
 	width: 100%;
 }
 /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
    are 44px: the widget Actions menu and the KPI tiles. */
 @media (max-width: 640px) {
-.cn-dashboard-page--board[data-v-20ca81f3] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-20ca81f3] .cn-widget-wrapper__actions .button-vue {
+.cn-dashboard-page--board[data-v-42bc14a4] .cn-widget-wrapper__actions .action-item__menutoggle,
+	.cn-dashboard-page--board[data-v-42bc14a4] .cn-widget-wrapper__actions .button-vue {
 		min-height: 44px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-20ca81f3] {
+.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-42bc14a4] {
 		min-height: 44px;
 }
 }
 
 /* What a registry widget reports for its card header (`header` event): the
    note beside the link ("3 in total") and one action, as on a detail page. */
-.cn-dashboard-page__widget-count[data-v-20ca81f3] {
+.cn-dashboard-page__widget-count[data-v-42bc14a4] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -38799,13 +38799,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-20ca81f3] {
+.cn-dashboard-page__widget-note[data-v-42bc14a4] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-dashboard-page__widget-action[data-v-20ca81f3] {
+.cn-dashboard-page__widget-action[data-v-42bc14a4] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -38821,7 +38821,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-20ca81f3]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-42bc14a4]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }

package/package.json

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