@conduction/nextcloud-vue 2.84.0 → 2.85.0

package/src/css/look-board.css

@@ -422,6 +422,7 @@
    `.cn-look-board.cn-admin-settings-shell` is a shell told `look: "board"`
    itself, on an admin page no CnAppRoot wraps. */
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .cn-admin-settings-shell__header,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials),
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):not(.cn-credentials) {
 	grid-column: 1 / -1;
@@ -429,6 +430,7 @@
 
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *),
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *),
 .cn-look-board .cn-settings-page__sections:not(.cn-look-nextcloud *) {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
@@ -440,14 +442,17 @@
    Settings.vue) takes no box of its own: its sections are grid items and
    cards, as if the shell held them directly. Only an element whose own
    children are sections; anything else keeps spanning the grid. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section),
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section),
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) {
 	display: contents;
 }
 
-/* The card: a section of the shell (also one inside a wrapping element), or a CnSettingsCard of the page. */
+/* The card: a section of the shell or of one of its tab panels (also one inside a wrapping element), or a CnSettingsCard of the page. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
 .cn-look-board .cn-settings-page__sections:not(.cn-look-nextcloud *) > .cn-settings-card {
@@ -483,7 +488,7 @@
 	justify-content: flex-start;
 	text-align: start;
 	margin: 0;
-	font-size: 19px;
+	font-size: 17px;
 	font-weight: 700;
 	line-height: 1.3;
 }
@@ -491,18 +496,83 @@
 .cn-look-board .settings-section:not(.cn-look-nextcloud *) .settings-section__desc {
 	margin: 4px 0 0;
 	font-size: 14px;
-	line-height: 1.45;
+	line-height: 1.5;
 	color: var(--color-text-maxcontrast);
 }
 
-/* Section actions sit at the end of the title row. */
+/* Section actions sit at the end of the title row. The row is a grid, so a
+   long title wraps beside the buttons instead of running under them, and in a
+   narrow card the buttons drop under the title and description. */
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) {
+	/* `!important`: the card rules above set `display: flex` at higher specificity for a section in a wrapping element. */
+	display: grid !important;
+	grid-template-columns: minmax(0, 1fr) auto;
+	align-items: start;
+	column-gap: 16px;
+	container-type: inline-size;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) > * {
+	grid-column: 1 / -1;
+}
+
+.cn-look-board .settings-section:not(.cn-look-nextcloud *):has(> .cn-settings-section__actions) > .settings-section__name {
+	grid-row: 1;
+	grid-column: 1;
+}
+
 .cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions {
-	position: absolute;
-	inset-block-start: 22px;
-	inset-inline-end: 24px;
+	grid-row: 1;
+	grid-column: 2;
+	position: static;
+	flex-wrap: wrap;
+	justify-self: end;
 	float: none;
 }
 
+@container (max-width: 520px) {
+	.cn-look-board .settings-section:not(.cn-look-nextcloud *) > .cn-settings-section__actions {
+		grid-row: auto;
+		grid-column: 1 / -1;
+		justify-self: start;
+		justify-content: flex-start;
+	}
+}
+
+/* An admin settings card as the board draws it (PtBeheerinstellingen,
+   KqBeheerAlgemeen, HuInstellingen): 20px 22px padding, and the title and
+   description one group, 4px apart, spaced from the rest of the card by the
+   card's 14px gap. The description is a sibling of the title in that column,
+   so it pulls itself back up to 4px under the title. The gap spaces the
+   content, so a note card adds no margin of its own (NcNoteCard draws 16px
+   above and below). A CnSettingsPage card keeps 22px 24px. */
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section {
+	padding: 20px 22px;
+}
+
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .settings-section__desc {
+	margin-top: -10px;
+}
+
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell__panel:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard,
+.cn-look-board .cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard,
+.cn-look-board.cn-admin-settings-shell:not(.cn-look-nextcloud *) > :not(.settings-section):has(> .settings-section) > .settings-section > .notecard {
+	margin-block: 0;
+}
+
 .cn-look-board .settings-section.cn-settings-section--wide:not(.cn-look-nextcloud *),
 .cn-look-board .cn-settings-card:has(.cn-settings-section--wide):not(.cn-look-nextcloud *) {
 	grid-column: 1 / -1;
@@ -714,3 +784,22 @@
 .cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-record-list__chevron {
 	display: none;
 }
+
+/* ---- Week strip (DqMijnWerk "Termijnen deze week") ---------------------- */
+/* The days wrap inside the card instead of scrolling sideways: a row holds
+   as many days of at least 120px as the card fits, and the rest go to the
+   next row (dossiq at 1100 wide held 680px of days in a 494px card and
+   scrolled; now three days and two). 120px keeps a case title's words whole;
+   five 88px days fitted one row but broke "Bezwaar" mid-word. A card wide
+   enough for the week draws it as before, one row of equal columns. The
+   day's head wraps its "today" badge under the label when the day is
+   narrow.
+   @spec openspec/changes/board-week-strip-fits/specs/week-strip-board-look/spec.md#requirement-a-board-week-strip-fits-its-card */
+.cn-look-board .cn-week-strip:not(.cn-look-nextcloud *) .cn-week-strip__days {
+	grid-template-columns: repeat(auto-fit, minmax(min(100%, 120px), 1fr));
+	min-width: 0;
+}
+
+.cn-look-board .cn-week-strip:not(.cn-look-nextcloud *) .cn-week-strip__head {
+	flex-wrap: wrap;
+}

package/src/index.js

@@ -542,6 +542,8 @@ export { currentTheme, useCurrentTheme } from './composables/useCurrentTheme.js'
 export { ROADMAP_LABEL_BLOCKLIST } from './utils/roadmapLabelBlocklist.js'
 // The words a person reads for a notification rule key (never the raw key).
 export { humaniseRuleKey, notificationRuleLabel } from './utils/notificationRuleLabel.js'
+// An identifier-shaped key made readable (`shortDescription` → "Short description").
+export { humaniseKey } from './utils/humaniseKey.js'
 
 // Shared field validators. These are UX affordances that run in the browser —
 // they do NOT replace server-side validation, which stays authoritative at the

package/src/schemas/app-manifest-v2.schema.json

@@ -3,7 +3,7 @@
 	"$id": "https://raw.githubusercontent.com/ConductionNL/nextcloud-vue/main/src/schemas/app-manifest-v2.schema.json",
 	"title": "Conduction App Manifest v2",
 	"description": "v2 schema for the JSON-driven page and navigation manifest consumed by @conduction/nextcloud-vue. Introduces a uniform widgets[] array on every page type with a per-slot grid coordinate system, a typed actions[] discriminator, and the required $schema field for version detection. v1 manifests continue to validate against app-manifest.schema.json (unchanged).",
-	"version": "2.96.0",
+	"version": "2.99.0",
 	"type": "object",
 	"required": ["$schema", "version"],
 	"allOf": [
@@ -1116,7 +1116,12 @@
 							"additionalProperties": { "type": "string", "enum": ["default", "primary", "success", "warning", "error", "info", "purple", "teal"] }
 						},
 						"due": { "type": "string", "description": "The date field of the footer's due text, marked by `dueRule`." },
-						"owner": { "type": "string", "description": "The field of the owner shown as an avatar (initials) at the footer's end." }
+						"owner": { "type": "string", "description": "The field of the owner shown as an avatar (initials) at the footer's end." },
+						"formatters": {
+							"type": "object",
+							"description": "screens-board-reference-columns (2.97.0): a card field (one of the role fields above) to the id of a formatter in the app's `cnFormatters` registry, the one table columns name in `formatter`. The card shows the formatted text, so a reference reads as its name (`{ \"caseType\": \"caseTypeName\" }`).",
+							"additionalProperties": { "type": "string", "minLength": 1 }
+						}
 					}
 				},
 				"colorField": {
@@ -1145,6 +1150,95 @@
 				"dueRule": {
 					"$ref": "#/$defs/dueRule",
 					"description": "Marks late cards. A card whose date is before today gets an error edge and the label 'Overdue'; one due within `soonDays` gets 'Due soon'. Omitted, no card is marked."
+				},
+				"columnFields": {
+					"type": "array",
+					"minItems": 1,
+					"description": "screens-board-reference-columns (2.97.0): the fields the columns can come from, offered in a \"Columns:\" switch after the search when there are two or more (\"status | type | assignee\"). The entry on `statusField` is the default. An entry with a `source` takes its columns from the rows the field REFERENCES (a case's status pointing at statusType rows), fetched, not from the values on the cards; `kind: \"values\"` (a user id, which references no schema) takes the values present plus a column for no value. Without a `source` or `kind` the field's enum or lifecycle states are read as before. A drop writes the reference: through `moveHandler` when named, else a PATCH of the field on the row.",
+					"items": {
+						"type": "object",
+						"additionalProperties": false,
+						"required": ["field"],
+						"properties": {
+							"field": { "type": "string", "minLength": 1, "description": "The row field the columns come from." },
+							"label": { "type": "string", "description": "Its name in the column switch (an i18n key). Defaults to the field." },
+							"kind": { "type": "string", "enum": ["values"], "description": "`values`: the field references no schema (a Nextcloud user id); the columns are the values present on the rows, by `valueLabels` or the value itself, then one column for no value (`emptyLabel`)." },
+							"valueLabels": { "type": "object", "additionalProperties": { "type": "string" }, "description": "`kind: values`: raw value to the column label." },
+							"emptyLabel": { "type": "string", "description": "`kind: values`: the label of the column for no value (an i18n key). Defaults to \"Nobody\"." },
+							"source": {
+								"type": "object",
+								"additionalProperties": false,
+								"description": "The referenced rows that are the columns: one list request to `register`/`schema` (defaults: the page's register and the property's `$ref`).",
+								"properties": {
+									"register": { "type": "string", "minLength": 1 },
+									"schema": { "type": "string", "minLength": 1 },
+									"labelField": { "type": "string", "description": "The referenced row's field that names a column. Defaults to `name`, then `title`." },
+									"orderField": { "type": "string", "description": "The referenced row's numeric field the columns are ordered by." },
+									"colorField": { "type": "string", "description": "The referenced row's field that holds the column's dot colour (a badge variant or a CSS colour)." },
+									"filter": { "type": "object", "description": "Equality filters on the referenced rows, e.g. `{ \"isFinal\": false }` to leave out end states.", "additionalProperties": { "type": ["string", "number", "boolean"] } },
+									"mergeBy": { "type": "string", "description": "Merge referenced rows with the same value of this field into one column (statuses of every case type by `name`). A drop then writes the row of the card's own parent (`narrowBy`), and is refused when that parent has none." },
+									"narrowBy": {
+										"type": "object",
+										"additionalProperties": false,
+										"required": ["field", "rowField"],
+										"description": "The parent link: the referenced row's `field` equals the card's `rowField` (statusType.caseType = case.caseType). While the page filters on `rowField` with one value, the columns are that parent's rows only.",
+										"properties": {
+											"field": { "type": "string", "minLength": 1 },
+											"rowField": { "type": "string", "minLength": 1 }
+										}
+									}
+								}
+							},
+							"readOnly": { "type": "boolean", "default": false, "description": "No drag and no Move to while the columns come from this field." },
+							"moveHandler": { "type": "string", "minLength": 1, "description": "A handler in the app's registry that makes the move: it gets `{ card, toKey, field, value, target }` (value: the referenced id to write; target: its row) and returns a promise; a rejection shows its message as the refusal. Absent, the field is written with a PATCH." },
+							"moveTargetsHandler": { "type": "string", "minLength": 1, "description": "A handler in the app's registry that answers where one card may go: it gets `{ card, field }` and returns the values (referenced ids) it can reach. Columns out of reach fade during a drag, read \"not allowed\" in the card menu, and refuse a drop." }
+						}
+					}
+				},
+				"moveHandler": {
+					"type": "string",
+					"minLength": 1,
+					"description": "screens-board-reference-columns (2.97.0): a handler in the app's registry that moves a card on `statusField` (the app's transition), with the `columnFields[].moveHandler` call shape. Lets a manifest-only page run the host's transition, which the `runTransition` prop could not."
+				},
+				"moveTargetsHandler": {
+					"type": "string",
+					"minLength": 1,
+					"description": "screens-board-reference-columns (2.97.0): where a card on `statusField` may go, with the `columnFields[].moveTargetsHandler` call shape."
+				},
+				"narrow": {
+					"type": "object",
+					"additionalProperties": false,
+					"required": ["field"],
+					"description": "screens-board-reference-columns (2.97.0): a select after the search (\"Case type: All case types | Woo-verzoek | ...\") that sets the page filter on `field`. With a reference column's `narrowBy.rowField` on the same field, the columns narrow to that parent's rows.",
+					"properties": {
+						"field": { "type": "string", "minLength": 1, "description": "The row field the select filters on." },
+						"label": { "type": "string", "description": "The select's label (an i18n key), shown with a colon. Defaults to the property's title." },
+						"allLabel": { "type": "string", "description": "The option for no narrowing (an i18n key). Defaults to \"All\"." },
+						"source": {
+							"type": "object",
+							"additionalProperties": false,
+							"description": "Where the options come from (defaults: the page's register and the property's `$ref`).",
+							"properties": {
+								"register": { "type": "string", "minLength": 1 },
+								"schema": { "type": "string", "minLength": 1 },
+								"labelField": { "type": "string", "description": "The option row's label field. Defaults to `title`." },
+								"filter": { "type": "object", "additionalProperties": { "type": ["string", "number", "boolean"] } }
+							}
+						}
+					}
+				},
+				"columnSwitchLabel": {
+					"type": "string",
+					"description": "screens-board-reference-columns (2.97.0): the column switch's label (an i18n key), shown with a colon. Defaults to \"Columns\"."
+				},
+				"hint": {
+					"type": "string",
+					"description": "screens-board-reference-columns (2.97.0): one sentence after the board's controls, in the secondary colour (an i18n key), e.g. how a move works."
+				},
+				"wrap": {
+					"type": "boolean",
+					"default": false,
+					"description": "screens-board-reference-columns (2.97.0): wrap the columns onto more rows, as many to a row as fit at 240px, instead of one row that scrolls sideways. For a board with more stages than fit."
 				}
 			}
 		},
@@ -3533,7 +3627,7 @@
 						},
 						"titleField": {
 							"type": "string",
-							"description": "type='wiki': property on the article object holding the page title. Defaults to 'title'. Maps to CnWikiPage `titleField` prop."
+							"description": "type='wiki': property on the article object holding the page title. Defaults to 'title'. Maps to CnWikiPage `titleField` prop. type='detail' (detail-title-field): the record field (a dotted path, for example `number`) the header names the record by, as an invoice page names the invoice number instead of the schema title; an empty value falls back to the display name, and the breadcrumb's current crumb and the type eyebrow follow. Maps to CnDetailPage `titleField`."
 						},
 						"idParam": {
 							"type": "string",
@@ -4177,8 +4271,19 @@
 							"description": "type='index': show the page header (icon, title, description) inline. Default false: the title renders visually hidden and the sidebar names the page. Maps to CnIndexPage `showTitle`."
 						},
 						"countSubtitle": {
-							"type": "string",
-							"description": "type='index': an i18n key for the description line with `{total}` replaced by the collection's total, e.g. \"{total} open cases\" (zuiddrecht-pixel-gaps). Shown in place of `description` once a total is known. Maps to CnIndexPage `countSubtitle`."
+							"anyOf": [
+								{ "type": "string" },
+								{
+									"type": "object",
+									"additionalProperties": false,
+									"required": ["singular", "plural"],
+									"properties": {
+										"singular": { "type": "string", "minLength": 1, "description": "i18n key of the line for a total of one, e.g. \"{total} invoice\"." },
+										"plural": { "type": "string", "minLength": 1, "description": "i18n key of the line for any other total, e.g. \"{total} invoices\"." }
+									}
+								}
+							],
+							"description": "type='index': an i18n key for the description line with `{total}` replaced by the collection's total, e.g. \"{total} open cases\" (zuiddrecht-pixel-gaps). Shown in place of `description` once a total is known. `{ singular, plural }` picks the form by the total through the app's plural translation (`translatePlural`), so \"1 factuur\" and \"12 facturen\" each read right (index-count-plural). Maps to CnIndexPage `countSubtitle`."
 						},
 						"showTitleIcon": {
 							"type": "boolean",
@@ -4531,6 +4636,11 @@
 						}
 					}
 				},
+				{
+					"description": "screens-board-reference-columns (2.97.0): config.board on an index page, the block CnPageRenderer hands to CnIndexPage's `board` prop, is typed by boardView like pages[].board.",
+					"if": { "properties": { "type": { "const": "index" } }, "required": ["type"] },
+					"then": { "properties": { "config": { "properties": { "board": { "$ref": "#/$defs/boardView" } } } } }
+				},
 				{
 					"description": "index-calendar-view-mode: config.calendar on an index page is typed by calendarView.",
 					"if": { "properties": { "type": { "const": "index" } }, "required": ["type"] },

package/src/store/useObjectStore.js

@@ -707,6 +707,8 @@ const baseActions = {
 	 * @param {object} [params] Query parameters (_limit, _page, _search, _order, filters)
 	 * @param {object} [options] Call options
 	 * @param {{error?: object|null}} [options.outcome] Opt-in sink for THIS call's own result: `error` is set to the error it records on `errors[type]`, or `null` on success. Unlike `errors[type]`, which every call for the type shares, a later call cannot overwrite it.
+	 * @param {boolean} [options.append] Add the fetched page after the rows already stored instead of replacing them. Dropped when the stored rows are no longer the page before it, or when `options.isCurrent()` returns false (the query changed meanwhile).
+	 * @param {() => boolean} [options.isCurrent] With `append`: asked once the page arrives; false drops it.
 	 * @return {Promise<Array>} The fetched collection (also stored in state)
 	 */
 	async fetchCollection(type, params = {}, options = {}) {
@@ -750,14 +752,26 @@ const baseActions = {
 
 			const data = await response.json()
 			const results = data.results || data
+			const append = options?.append === true
 
-			this.collections = { ...this.collections, [type]: results }
+			const stale = append && (
+				Number(this.pagination[type]?.page || 1) !== Number(params._page || 1) - 1
+				|| (typeof options.isCurrent === 'function' && !options.isCurrent())
+			)
+			if (stale) {
+				return []
+			}
+
+			this.collections = {
+				...this.collections,
+				[type]: append ? [...(this.collections[type] || []), ...results] : results,
+			}
 			// Why a personal lens came back empty, if it says (openregister#4514).
 			this.lenses = { ...this.lenses, [type]: readLensReports(data) }
 			this.pagination = {
 				...this.pagination,
 				[type]: {
-					total: data.total || results.length,
+					total: data.total || (append ? this.collections[type].length : results.length),
 					page: data.page || 1,
 					pages: data.pages || 1,
 					limit: params._limit || 20,

package/src/utils/boardColumns.js

@@ -128,6 +128,10 @@ function labelFor(field, value) {
  * @param {string} options.statusField - The property name on a row.
  * @param {string} [options.offBoardLabel] - What to call the off-board column.
  * @param {string} [options.colorField] - The key on a state that holds its dot colour.
+ * @param {?((row: object) => string)} [options.keyOf] - The column a row
+ *   belongs in, for a field whose raw value is not the column key (a
+ *   reference whose rows are merged by name). Absent, the row's
+ *   `statusField` value is the key.
  *
  * @return {{columns: Array<object>, usable: boolean}} The columns, each
  *   `{ key, label, cards, count }`, and whether the field could back a board.
@@ -138,6 +142,7 @@ export function buildBoardColumns({
 	statusField = '',
 	offBoardLabel = 'Elsewhere',
 	colorField = '',
+	keyOf = null,
 } = {}) {
 	const { stages, usable } = stagesOf(field, colorField)
 	if (usable === false) {
@@ -156,7 +161,9 @@ export function buildBoardColumns({
 
 	const offBoard = { key: OFF_BOARD_KEY, label: offBoardLabel, cards: [], count: 0 }
 	for (const row of rows) {
-		const value = String(row?.[statusField] ?? '')
+		const value = typeof keyOf === 'function'
+			? String(keyOf(row) ?? '')
+			: String(row?.[statusField] ?? '')
 		const column = byKey.get(value) || offBoard
 		column.cards.push(row)
 		column.count += 1