@conduction/nextcloud-vue 2.62.0 → 2.64.0

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

@@ -29,6 +29,7 @@ import { DEFAULT_ROW_INDICATOR_CAP } from '../../utils/rowIndicators.js';
 import { viewMatchesScope, extractViewState, buildRouteQueryFromViewState, extractViewStateFromRouteQuery, buildViewCreatePayload, savedViewScope } from '../../utils/savedViewHelpers.js';
 import { columnsFromSchema } from '../../utils/schema.js';
 import { resolveScopeLayout } from '../../utils/scopeListLayout.js';
+import { dispatchObjectCreated } from '../../utils/walkthroughSignals.js';
 import __sfc_main$2 from '../CnActionsBar/CnActionsBar.vue.js';
 import __sfc_main$k from '../CnAdvancedFormDialog/CnAdvancedFormDialog.vue.js';
 import '../CnAdvancedFormDialog/CnMetadataTab.vue.js';
@@ -407,6 +408,21 @@ var script = {
 			default: '',
 		},
 
+		/**
+		 * A description that carries the collection's total: `{total}` in
+		 * the text is replaced by the current pagination total ("{total}
+		 * open cases" reads "48 open cases"). Rendered in place of
+		 * `description` once a total is known; before that, `description`
+		 * shows. Manifest key `config.countSubtitle`. Goes through the host
+		 * translate function.
+		 *
+		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-an-index-page-title-is-a-manifest-key
+		 */
+		countSubtitle: {
+			type: String,
+			default: '',
+		},
+
 		/**
 		 * Whether to show the page header (icon, title, description) inline.
 		 * When false (default), only the sidebar header shows the title
@@ -1520,6 +1536,22 @@ var script = {
 			default: false,
 		},
 
+		/**
+		 * Per-column filters in the table header: a filter button on every
+		 * column that can filter, opening a small panel that fits the column
+		 * (checkboxes, yes/no/any, from and to, a searchable reference list).
+		 * On by default; a column opts out with `filterable: false`, a page
+		 * with `pages[].config.headerFilters: false`. Filters write into the
+		 * same active-filter map as the facet sidebar, so they persist in the
+		 * route query and reach the same OpenRegister query parameters.
+		 *
+		 * @spec openspec/changes/table-header-sort-and-filter/specs/cn-data-table/spec.md#requirement-every-backed-column-filters-from-its-header
+		 */
+		headerFilters: {
+			type: Boolean,
+			default: true,
+		},
+
 		/**
 		 * Show a filter menu (funnel button) in the table header, above the
 		 * row-actions column. Its menu lists every enum/badge column's values as
@@ -3445,6 +3477,21 @@ var script = {
 			return resolveDeepTokens(seed, {})
 		},
 
+		/**
+		 * The header's description line: `countSubtitle` with the total
+		 * filled in when one is known, else `description`.
+		 *
+		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-an-index-page-title-is-a-manifest-key
+		 * @return {string}
+		 */
+		headerDescription() {
+			const total = this.effectivePagination?.total;
+			if (this.countSubtitle && typeof total === 'number' && total >= 0) {
+				return this.cnTranslate(this.countSubtitle).replace('{total}', String(total))
+			}
+			return this.description
+		},
+
 		/** Add button label — derived from schema.title if not explicitly set */
 		resolvedAddLabel() {
 			if (this.addLabel) {
@@ -4460,6 +4507,39 @@ var script = {
 			this.$emit('filter-change', payload);
 		},
 
+		/**
+		 * A header filter was applied or cleared. One column can own several
+		 * query parameters (a range is `key[gte]` and `key[lte]`), so they are
+		 * applied together: one fetch, one route update.
+		 *
+		 * @param {{key: string, params: object}} payload From CnDataTable's `column-filter`.
+		 * @return {void}
+		 * @spec openspec/changes/table-header-sort-and-filter/specs/cn-data-table/spec.md#requirement-a-header-filter-speaks-the-sidebars-query-language
+		 */
+		onColumnFilterEvent(payload) {
+			const params = (payload && payload.params) || {};
+			const entries = Object.entries(params).map(([key, values]) => [key, Array.isArray(values) ? values : []]);
+			if (this.isSelfFetchMode) {
+				const next = { ...this.list.activeFilters.value };
+				for (const [key, values] of entries) {
+					if (values.length === 0) {
+						delete next[key];
+					} else {
+						next[key] = values;
+					}
+				}
+				this.list.activeFilters.value = next;
+				this.list.refresh(1);
+				this.persistViewStateToRoute(this.currentViewState());
+			}
+			for (const [key, values] of entries) {
+				if (this.isNamedSource) {
+					this.setNamedFilter(key, values);
+				}
+				this.$emit('filter-change', { key, values });
+			}
+		},
+
 		/**
 		 * Record one sidebar choice on a named-source page and mirror it into
 		 * the URL.
@@ -5695,8 +5775,7 @@ var script = {
 			if (typeof window === 'undefined' || !created) {
 				return
 			}
-			const detail = { ...created, register: this.register, schema: this.exportSchemaSlug };
-			window.dispatchEvent(new CustomEvent('cn-walkthrough:object-created', { detail }));
+			dispatchObjectCreated({ register: this.register, schema: this.exportSchemaSlug, object: created });
 		},
 
 		/**