@conduction/nextcloud-vue 2.79.0 → 2.81.0

package/dist/esm/components/CnChoicePickerWidget/CnChoicePickerWidget.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnChoicePickerWidget.vue2.js","sources":["../../../../src/components/CnChoicePickerWidget/CnChoicePickerWidget.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-choice-picker\" data-testid=\"cn-choice-picker\">\n\t\t<p v-if=\"loading\" class=\"cn-choice-picker__note\" data-testid=\"cn-choice-picker-loading\">\n\t\t\t{{ tr('Loading') }}\n\t\t</p>\n\t\t<p v-else-if=\"options.length === 0\" class=\"cn-choice-picker__note\" data-testid=\"cn-choice-picker-empty\">\n\t\t\t{{ emptyLabel }}\n\t\t</p>\n\t\t<fieldset v-else class=\"cn-choice-picker__cards\">\n\t\t\t<legend class=\"cn-choice-picker__legend\">\n\t\t\t\t{{ legend }}\n\t\t\t</legend>\n\t\t\t<label\n\t\t\t\tv-for=\"option in options\"\n\t\t\t\t:key=\"option.key\"\n\t\t\t\tclass=\"cn-choice-picker__card\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'cn-choice-picker__card--selected': chosen === option.key,\n\t\t\t\t\t'cn-choice-picker__card--refused': option.refusal !== '',\n\t\t\t\t}\"\n\t\t\t\t:data-testid=\"`cn-choice-picker-option-${option.key}`\">\n\t\t\t\t<input\n\t\t\t\t\tclass=\"cn-choice-picker__input\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t:name=\"groupName\"\n\t\t\t\t\t:value=\"option.key\"\n\t\t\t\t\t:checked=\"chosen === option.key\"\n\t\t\t\t\t:disabled=\"option.refusal !== '' || saving\"\n\t\t\t\t\t@change=\"choose(option)\">\n\t\t\t\t<span class=\"cn-choice-picker__swatches\" aria-hidden=\"true\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-for=\"(colour, index) in option.swatches\"\n\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\tclass=\"cn-choice-picker__swatch\"\n\t\t\t\t\t\t:style=\"{ background: colour }\" />\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cn-choice-picker__text\">\n\t\t\t\t\t<strong class=\"cn-choice-picker__title\">{{ option.title }}</strong>\n\t\t\t\t\t<span v-if=\"option.refusal\" class=\"cn-choice-picker__refusal\" :data-testid=\"`cn-choice-picker-refusal-${option.key}`\">\n\t\t\t\t\t\t{{ option.refusal }}\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t<CnStatusBadge\n\t\t\t\t\tv-if=\"option.pill\"\n\t\t\t\t\t:label=\"option.pill.label\"\n\t\t\t\t\t:variant=\"option.pill.variant\"\n\t\t\t\t\tsize=\"small\" />\n\t\t\t</label>\n\t\t</fieldset>\n\n\t\t<NcNoteCard v-if=\"selected && selected.warning.length > 0\" type=\"warning\" data-testid=\"cn-choice-picker-warning\">\n\t\t\t<p v-if=\"warningIntro\" class=\"cn-choice-picker__warning-intro\">\n\t\t\t\t{{ warningIntro }}\n\t\t\t</p>\n\t\t\t<ul class=\"cn-choice-picker__warning-list\">\n\t\t\t\t<li v-for=\"(line, index) in selected.warning\" :key=\"index\">\n\t\t\t\t\t{{ line }}\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard v-if=\"notice\" :type=\"noticeType\" data-testid=\"cn-choice-picker-notice\">\n\t\t\t{{ notice }}\n\t\t</NcNoteCard>\n\n\t\t<div v-if=\"options.length > 0 && !readOnly\" class=\"cn-choice-picker__actions\">\n\t\t\t<NcButton\n\t\t\t\tvariant=\"primary\"\n\t\t\t\t:disabled=\"saving || !canSave\"\n\t\t\t\tdata-testid=\"cn-choice-picker-save\"\n\t\t\t\t@click=\"save(false)\">\n\t\t\t\t{{ saveLabel }}\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"selected && selected.warning.length > 0\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t:disabled=\"saving\"\n\t\t\t\tdata-testid=\"cn-choice-picker-confirm\"\n\t\t\t\t@click=\"save(true)\">\n\t\t\t\t{{ confirmLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\t\t<p v-if=\"hint\" class=\"cn-choice-picker__hint\">\n\t\t\t{{ hint }}\n\t\t</p>\n\t</div>\n</template>\n\n<script>\nimport { NcButton, NcNoteCard } from '@nextcloud/vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { isBadgeVariant } from '../../utils/badgeVariants.js'\nimport { prefixUrl } from '../../utils/headers.js'\nimport { objectUrlOf } from '../../utils/objectWrite.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { serverErrorMessage } from '../../utils/serverErrorMessage.js'\n\nlet uid = 0\n\n/**\n * CnChoicePickerWidget — the `choice-picker` widget: choice cards read from a\n * source (or a static list), each with a radio, colour swatches read from the\n * item, a title and a state pill (a verdict such as \"Leesbaar\" / \"Slecht\n * leesbaar\"), bound to one field of the CURRENT object.\n *\n * Save is a button. A card that carries a warning (a list of lines read from\n * the item) shows them in a warning band under the cards and adds a second\n * button, the confirm action, so a risky choice is saved only on purpose: the\n * request tells the server which one was pressed (`@confirmed`). A card the\n * source marks as refused is listed with its reason and cannot be chosen.\n *\n * @spec openspec/changes/abstract-choice-picker/specs/choice-picker/spec.md\n */\nexport default {\n\tname: 'CnChoicePickerWidget',\n\n\tcomponents: { CnStatusBadge, NcButton, NcNoteCard },\n\n\tinject: {\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The widget configuration.\n\t\t *\n\t\t * - `field` (required) — the top-level field of the object holding the chosen key.\n\t\t * - `source` — `{ url, path?, key, label, swatches?, state?, refusal?, warning? }` (tokens `@objectId`, `@object.<field>` in the url), or `items` — the same item shape as a static list.\n\t\t *   - `swatches` — path to an array of colours (CSS colour strings).\n\t\t *   - `state` — `{ path, map?, variantMap?, empty?, emptyVariant? }`: the pill; `map` turns the value into text, `variantMap` into a badge variant, `empty` is the text when the value is missing.\n\t\t *   - `refusal` — path to a string: the card is listed with it and cannot be chosen.\n\t\t *   - `warning` — `{ list, item? }`: `list` is a path to an array; `item` a template with `{path}` placeholders for object items (strings are used as they are).\n\t\t * - `legend`, `warningIntro`, `saveLabel`, `confirmLabel`, `emptyText`, `hint`, `readOnly`.\n\t\t * - `save` — `{ method?, url?, payload? }`: a custom request (tokens `@value`, `@confirmed`, `@objectId`, `@object.<field>`); without it the field is PATCHed on the object.\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The current detail-page object. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The current object id. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** OpenRegister register slug of the surface. */\n\t\tregister: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** OpenRegister schema slug of the surface. */\n\t\tschema: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: ['saved'],\n\n\tdata() {\n\t\tuid += 1\n\t\treturn {\n\t\t\tgroupName: `cn-choice-picker-${uid}`,\n\t\t\tsourced: [],\n\t\t\tloading: false,\n\t\t\tsaved: '',\n\t\t\tchosen: '',\n\t\t\tsaving: false,\n\t\t\tnotice: '',\n\t\t\tnoticeType: 'success',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tspec() {\n\t\t\treturn this.content.source || {}\n\t\t},\n\n\t\t/** The cards, from the static items then the source. */\n\t\toptions() {\n\t\t\tconst items = [...(Array.isArray(this.content.items) ? this.content.items : []), ...this.sourced]\n\t\t\treturn items\n\t\t\t\t.filter((item) => item && readPath(item, this.spec.key || 'key') !== undefined)\n\t\t\t\t.map((item) => {\n\t\t\t\t\tconst key = String(readPath(item, this.spec.key || 'key'))\n\t\t\t\t\tconst refusal = this.spec.refusal ? readPath(item, this.spec.refusal) : ''\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey,\n\t\t\t\t\t\ttitle: String(readPath(item, this.spec.label || 'label') ?? key),\n\t\t\t\t\t\tswatches: this.listOf(item, this.spec.swatches).filter((colour) => typeof colour === 'string'),\n\t\t\t\t\t\tpill: this.pillOf(item),\n\t\t\t\t\t\trefusal: typeof refusal === 'string' ? refusal : '',\n\t\t\t\t\t\twarning: this.warningOf(item),\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t},\n\n\t\tselected() {\n\t\t\treturn this.options.find((option) => option.key === this.chosen) || null\n\t\t},\n\n\t\tcanSave() {\n\t\t\treturn this.chosen !== '' && this.chosen !== this.saved && (this.selected ? this.selected.refusal === '' : false)\n\t\t},\n\n\t\tlegend() {\n\t\t\treturn this.tr(this.content.legend || 'Choose one')\n\t\t},\n\n\t\twarningIntro() {\n\t\t\treturn this.tr(this.content.warningIntro || '')\n\t\t},\n\n\t\tsaveLabel() {\n\t\t\treturn this.tr(this.content.saveLabel || 'Save')\n\t\t},\n\n\t\tconfirmLabel() {\n\t\t\treturn this.tr(this.content.confirmLabel || 'Use it anyway')\n\t\t},\n\n\t\temptyLabel() {\n\t\t\treturn this.tr(this.content.emptyText || 'Nothing to choose from')\n\t\t},\n\n\t\thint() {\n\t\t\treturn this.tr(this.content.hint || '')\n\t\t},\n\n\t\treadOnly() {\n\t\t\treturn this.content.readOnly === true\n\t\t},\n\n\t\tobjectUrl() {\n\t\t\treturn objectUrlOf(this.register, this.schema, this.objectId || (this.objectData && this.objectData.id))\n\t\t},\n\t},\n\n\twatch: {\n\t\tobjectData() {\n\t\t\tthis.adopt()\n\t\t\tthis.loadSource()\n\t\t},\n\t},\n\n\tcreated() {\n\t\tthis.adopt()\n\t\tthis.loadSource()\n\t},\n\n\tmethods: {\n\t\ttr(text) {\n\t\t\tif (typeof text !== 'string' || text === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn typeof this.cnTranslate === 'function' ? this.cnTranslate(text) : text\n\t\t},\n\n\t\t/** Read the current choice off the object. */\n\t\tadopt() {\n\t\t\tconst stored = readPath(this.objectData || {}, this.content.field)\n\t\t\tthis.saved = stored === undefined || stored === null ? '' : String(stored)\n\t\t\tthis.chosen = this.saved\n\t\t},\n\n\t\t/**\n\t\t * A list off an item.\n\t\t *\n\t\t * @param {object} item The item.\n\t\t * @param {string} path The path, or undefined.\n\t\t * @return {Array}\n\t\t */\n\t\tlistOf(item, path) {\n\t\t\tconst list = path ? readPath(item, path) : []\n\t\t\treturn Array.isArray(list) ? list : []\n\t\t},\n\n\t\t/**\n\t\t * The state pill of an item.\n\t\t *\n\t\t * @param {object} item The item.\n\t\t * @return {{label: string, variant: string}|null}\n\t\t */\n\t\tpillOf(item) {\n\t\t\tconst state = this.spec.state\n\t\t\tif (!state || !state.path) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst raw = readPath(item, state.path)\n\t\t\tconst empty = raw === undefined || raw === null || raw === ''\n\t\t\tif (empty) {\n\t\t\t\treturn state.empty ? { label: this.tr(state.empty), variant: isBadgeVariant(state.emptyVariant) ? state.emptyVariant : 'default' } : null\n\t\t\t}\n\t\t\tconst label = state.map && Object.hasOwn(state.map, String(raw)) ? this.tr(state.map[String(raw)]) : String(raw)\n\t\t\tconst variant = state.variantMap && state.variantMap[String(raw)]\n\t\t\treturn { label, variant: isBadgeVariant(variant) ? variant : 'default' }\n\t\t},\n\n\t\t/**\n\t\t * The warning lines of an item.\n\t\t *\n\t\t * @param {object} item The item.\n\t\t * @return {string[]}\n\t\t */\n\t\twarningOf(item) {\n\t\t\tconst spec = this.spec.warning\n\t\t\tif (!spec || !spec.list) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\treturn this.listOf(item, spec.list)\n\t\t\t\t.map((entry) => {\n\t\t\t\t\tif (typeof entry === 'string') {\n\t\t\t\t\t\treturn entry\n\t\t\t\t\t}\n\t\t\t\t\tif (!entry || typeof entry !== 'object' || !spec.item) {\n\t\t\t\t\t\treturn ''\n\t\t\t\t\t}\n\t\t\t\t\treturn this.tr(spec.item).replace(/\\{([\\w.]+)\\}/g, (m, path) => String(readPath(entry, path) ?? ''))\n\t\t\t\t})\n\t\t\t\t.filter((line) => line !== '')\n\t\t},\n\n\t\t/**\n\t\t * Resolve the tokens in a url or payload.\n\t\t *\n\t\t * @param {unknown} value The value.\n\t\t * @param {object} vars `{ value, confirmed }`.\n\t\t * @return {unknown}\n\t\t */\n\t\tresolve(value, vars) {\n\t\t\tif (Array.isArray(value)) {\n\t\t\t\treturn value.map((v) => this.resolve(v, vars))\n\t\t\t}\n\t\t\tif (value && typeof value === 'object') {\n\t\t\t\treturn Object.fromEntries(Object.entries(value).map(([k, v]) => [k, this.resolve(v, vars)]))\n\t\t\t}\n\t\t\tif (typeof value !== 'string') {\n\t\t\t\treturn value\n\t\t\t}\n\t\t\tconst object = this.objectData || {}\n\t\t\tif (value === '@value') {\n\t\t\t\treturn vars.value\n\t\t\t}\n\t\t\tif (value === '@confirmed') {\n\t\t\t\treturn vars.confirmed\n\t\t\t}\n\t\t\tconst whole = value.match(/^@object\\.([\\w.@]+)$/)\n\t\t\tif (whole) {\n\t\t\t\treturn readPath(object, whole[1])\n\t\t\t}\n\t\t\treturn value\n\t\t\t\t.replace(/@objectId/g, () => encodeURIComponent(String(this.objectId || object.id || '')))\n\t\t\t\t.replace(/@object\\.([\\w.@]+)/g, (m, path) => encodeURIComponent(String(readPath(object, path) ?? '')))\n\t\t\t\t.replace(/@value/g, () => encodeURIComponent(String(vars.value)))\n\t\t},\n\n\t\t/** Read the cards of `source`. */\n\t\tasync loadSource() {\n\t\t\tif (!this.spec.url) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\ttry {\n\t\t\t\tconst { default: axios } = await import('@nextcloud/axios')\n\t\t\t\tconst { data } = await axios.get(prefixUrl(String(this.resolve(this.spec.url, { value: '', confirmed: false }))))\n\t\t\t\tconst list = this.spec.path ? readPath(data, this.spec.path) : data\n\t\t\t\tthis.sourced = Array.isArray(list) ? list : []\n\t\t\t} catch (e) {\n\t\t\t\tthis.noticeType = 'error'\n\t\t\t\tthis.notice = serverErrorMessage(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Choose a card (nothing is written until Save).\n\t\t *\n\t\t * @param {object} option The card.\n\t\t */\n\t\tchoose(option) {\n\t\t\tthis.chosen = option.key\n\t\t\tthis.notice = ''\n\t\t},\n\n\t\t/**\n\t\t * Save the chosen card: the configured request, else a PATCH of the field.\n\t\t *\n\t\t * @param {boolean} confirmed Whether the confirm action was pressed.\n\t\t * @return {Promise<void>}\n\t\t * @spec openspec/changes/abstract-choice-picker/specs/choice-picker/spec.md#requirement-a-risky-choice-is-saved-only-on-purpose\n\t\t */\n\t\tasync save(confirmed) {\n\t\t\tif (!this.selected) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst request = this.content.save\n\t\t\tif (!request && !this.objectUrl) {\n\t\t\t\tthis.noticeType = 'error'\n\t\t\t\tthis.notice = this.tr('This choice cannot be saved here.')\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.saving = true\n\t\t\tthis.notice = ''\n\t\t\ttry {\n\t\t\t\tconst { default: axios } = await import('@nextcloud/axios')\n\t\t\t\tconst vars = { value: this.selected.key, confirmed }\n\t\t\t\tif (request && request.url) {\n\t\t\t\t\tconst method = String(request.method || 'POST').toLowerCase()\n\t\t\t\t\tawait axios[method](prefixUrl(String(this.resolve(request.url, vars))), this.resolve(request.payload || {}, vars))\n\t\t\t\t} else {\n\t\t\t\t\tawait axios.patch(prefixUrl(this.objectUrl), { [this.content.field]: this.selected.key })\n\t\t\t\t}\n\t\t\t\tthis.saved = this.selected.key\n\t\t\t\tthis.noticeType = 'success'\n\t\t\t\tthis.notice = this.tr(this.content.savedText || 'Saved.')\n\t\t\t\t/**\n\t\t\t\t * @event saved The choice was written.\n\t\t\t\t * @type {{field: string, value: string, confirmed: boolean}}\n\t\t\t\t */\n\t\t\t\tthis.$emit('saved', { field: this.content.field, value: this.saved, confirmed })\n\t\t\t} catch (e) {\n\t\t\t\tthis.noticeType = 'error'\n\t\t\t\tthis.notice = serverErrorMessage(e)\n\t\t\t} finally {\n\t\t\t\tthis.saving = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-choice-picker {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tmin-width: 0;\n}\n\n.cn-choice-picker__cards {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 10px;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n}\n\n.cn-choice-picker__legend {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\toverflow: hidden;\n\tclip-path: inset(50%);\n}\n\n.cn-choice-picker__card {\n\tposition: relative;\n\tdisplay: flex;\n\tflex: 1 1 220px;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 10px 12px;\n\tborder: 1px solid var(--cn-board-hairline, var(--color-border));\n\tborder-radius: 10px;\n\tbackground: var(--color-main-background);\n\tcursor: pointer;\n}\n\n.cn-choice-picker__card--selected {\n\tpadding: 9px 11px;\n\tborder: 2px solid var(--color-primary-element);\n}\n\n.cn-choice-picker__card--refused {\n\tcursor: not-allowed;\n\topacity: 0.7;\n}\n\n.cn-choice-picker__card:focus-within {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n}\n\n.cn-choice-picker__input {\n\tflex: 0 0 auto;\n\twidth: 18px;\n\theight: 18px;\n\tmargin: 0;\n\taccent-color: var(--color-primary-element);\n}\n\n.cn-choice-picker__swatches {\n\tdisplay: flex;\n\tgap: 4px;\n}\n\n.cn-choice-picker__swatch {\n\twidth: 18px;\n\theight: 18px;\n\tbox-sizing: border-box;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 4px;\n}\n\n.cn-choice-picker__text {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n}\n\n.cn-choice-picker__title {\n\tfont-size: 15px;\n}\n\n.cn-choice-picker__refusal,\n.cn-choice-picker__hint,\n.cn-choice-picker__note {\n\tmargin: 0;\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-choice-picker__warning-intro {\n\tmargin: 0 0 4px;\n}\n\n.cn-choice-picker__warning-list {\n\tmargin: 0;\n\tpadding-inline-start: 18px;\n}\n\n.cn-choice-picker__actions {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n</style>\n"],"names":["CnStatusBadge"],"mappings":"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"}

package/dist/esm/components/CnChoicePickerWidget/CnChoicePickerWidget.vue3.js

@@ -0,0 +1,172 @@
+import { resolveComponent, openBlock, createElementBlock, toDisplayString, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, createCommentVNode, createBlock, withCtx, createTextVNode, createVNode } from 'vue';
+
+const _hoisted_1 = {
+  class: "cn-choice-picker",
+  "data-testid": "cn-choice-picker"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "cn-choice-picker__note",
+  "data-testid": "cn-choice-picker-loading"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "cn-choice-picker__note",
+  "data-testid": "cn-choice-picker-empty"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "cn-choice-picker__cards"
+};
+const _hoisted_5 = { class: "cn-choice-picker__legend" };
+const _hoisted_6 = ["data-testid"];
+const _hoisted_7 = ["name", "value", "checked", "disabled", "onChange"];
+const _hoisted_8 = {
+  class: "cn-choice-picker__swatches",
+  "aria-hidden": "true"
+};
+const _hoisted_9 = { class: "cn-choice-picker__text" };
+const _hoisted_10 = { class: "cn-choice-picker__title" };
+const _hoisted_11 = ["data-testid"];
+const _hoisted_12 = {
+  key: 0,
+  class: "cn-choice-picker__warning-intro"
+};
+const _hoisted_13 = { class: "cn-choice-picker__warning-list" };
+const _hoisted_14 = {
+  key: 5,
+  class: "cn-choice-picker__actions"
+};
+const _hoisted_15 = {
+  key: 6,
+  class: "cn-choice-picker__hint"
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnStatusBadge = resolveComponent("CnStatusBadge");
+  const _component_NcNoteCard = resolveComponent("NcNoteCard");
+  const _component_NcButton = resolveComponent("NcButton");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    ($data.loading)
+      ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString($options.tr('Loading')), 1 /* TEXT */))
+      : ($options.options.length === 0)
+        ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString($options.emptyLabel), 1 /* TEXT */))
+        : (openBlock(), createElementBlock("fieldset", _hoisted_4, [
+            createElementVNode("legend", _hoisted_5, toDisplayString($options.legend), 1 /* TEXT */),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.options, (option) => {
+              return (openBlock(), createElementBlock("label", {
+                key: option.key,
+                class: normalizeClass(["cn-choice-picker__card", {
+					'cn-choice-picker__card--selected': $data.chosen === option.key,
+					'cn-choice-picker__card--refused': option.refusal !== '',
+				}]),
+                "data-testid": `cn-choice-picker-option-${option.key}`
+              }, [
+                createElementVNode("input", {
+                  class: "cn-choice-picker__input",
+                  type: "radio",
+                  name: $data.groupName,
+                  value: option.key,
+                  checked: $data.chosen === option.key,
+                  disabled: option.refusal !== '' || $data.saving,
+                  onChange: $event => ($options.choose(option))
+                }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_7),
+                createElementVNode("span", _hoisted_8, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(option.swatches, (colour, index) => {
+                    return (openBlock(), createElementBlock("span", {
+                      key: index,
+                      class: "cn-choice-picker__swatch",
+                      style: normalizeStyle({ background: colour })
+                    }, null, 4 /* STYLE */))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ]),
+                createElementVNode("span", _hoisted_9, [
+                  createElementVNode("strong", _hoisted_10, toDisplayString(option.title), 1 /* TEXT */),
+                  (option.refusal)
+                    ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: "cn-choice-picker__refusal",
+                        "data-testid": `cn-choice-picker-refusal-${option.key}`
+                      }, toDisplayString(option.refusal), 9 /* TEXT, PROPS */, _hoisted_11))
+                    : createCommentVNode("v-if", true)
+                ]),
+                (option.pill)
+                  ? (openBlock(), createBlock(_component_CnStatusBadge, {
+                      key: 0,
+                      label: option.pill.label,
+                      variant: option.pill.variant,
+                      size: "small"
+                    }, null, 8 /* PROPS */, ["label", "variant"]))
+                  : createCommentVNode("v-if", true)
+              ], 10 /* CLASS, PROPS */, _hoisted_6))
+            }), 128 /* KEYED_FRAGMENT */))
+          ])),
+    ($options.selected && $options.selected.warning.length > 0)
+      ? (openBlock(), createBlock(_component_NcNoteCard, {
+          key: 3,
+          type: "warning",
+          "data-testid": "cn-choice-picker-warning"
+        }, {
+          default: withCtx(() => [
+            ($options.warningIntro)
+              ? (openBlock(), createElementBlock("p", _hoisted_12, toDisplayString($options.warningIntro), 1 /* TEXT */))
+              : createCommentVNode("v-if", true),
+            createElementVNode("ul", _hoisted_13, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($options.selected.warning, (line, index) => {
+                return (openBlock(), createElementBlock("li", { key: index }, toDisplayString(line), 1 /* TEXT */))
+              }), 128 /* KEYED_FRAGMENT */))
+            ])
+          ]),
+          _: 1 /* STABLE */
+        }))
+      : createCommentVNode("v-if", true),
+    ($data.notice)
+      ? (openBlock(), createBlock(_component_NcNoteCard, {
+          key: 4,
+          type: $data.noticeType,
+          "data-testid": "cn-choice-picker-notice"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString($data.notice), 1 /* TEXT */)
+          ]),
+          _: 1 /* STABLE */
+        }, 8 /* PROPS */, ["type"]))
+      : createCommentVNode("v-if", true),
+    ($options.options.length > 0 && !$options.readOnly)
+      ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          createVNode(_component_NcButton, {
+            variant: "primary",
+            disabled: $data.saving || !$options.canSave,
+            "data-testid": "cn-choice-picker-save",
+            onClick: _cache[0] || (_cache[0] = $event => ($options.save(false)))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString($options.saveLabel), 1 /* TEXT */)
+            ]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["disabled"]),
+          ($options.selected && $options.selected.warning.length > 0)
+            ? (openBlock(), createBlock(_component_NcButton, {
+                key: 0,
+                variant: "secondary",
+                disabled: $data.saving,
+                "data-testid": "cn-choice-picker-confirm",
+                onClick: _cache[1] || (_cache[1] = $event => ($options.save(true)))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString($options.confirmLabel), 1 /* TEXT */)
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["disabled"]))
+            : createCommentVNode("v-if", true)
+        ]))
+      : createCommentVNode("v-if", true),
+    ($options.hint)
+      ? (openBlock(), createElementBlock("p", _hoisted_15, toDisplayString($options.hint), 1 /* TEXT */))
+      : createCommentVNode("v-if", true)
+  ]))
+}
+
+export { render };
+//# sourceMappingURL=CnChoicePickerWidget.vue3.js.map

package/dist/esm/components/CnChoicePickerWidget/CnChoicePickerWidget.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnChoicePickerWidget.vue3.js","sources":["../../../../src/components/CnChoicePickerWidget/CnChoicePickerWidget.vue?vue&type=template&id=7075cbe2&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-choice-picker\" data-testid=\"cn-choice-picker\">\n\t\t<p v-if=\"loading\" class=\"cn-choice-picker__note\" data-testid=\"cn-choice-picker-loading\">\n\t\t\t{{ tr('Loading') }}\n\t\t</p>\n\t\t<p v-else-if=\"options.length === 0\" class=\"cn-choice-picker__note\" data-testid=\"cn-choice-picker-empty\">\n\t\t\t{{ emptyLabel }}\n\t\t</p>\n\t\t<fieldset v-else class=\"cn-choice-picker__cards\">\n\t\t\t<legend class=\"cn-choice-picker__legend\">\n\t\t\t\t{{ legend }}\n\t\t\t</legend>\n\t\t\t<label\n\t\t\t\tv-for=\"option in options\"\n\t\t\t\t:key=\"option.key\"\n\t\t\t\tclass=\"cn-choice-picker__card\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'cn-choice-picker__card--selected': chosen === option.key,\n\t\t\t\t\t'cn-choice-picker__card--refused': option.refusal !== '',\n\t\t\t\t}\"\n\t\t\t\t:data-testid=\"`cn-choice-picker-option-${option.key}`\">\n\t\t\t\t<input\n\t\t\t\t\tclass=\"cn-choice-picker__input\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t:name=\"groupName\"\n\t\t\t\t\t:value=\"option.key\"\n\t\t\t\t\t:checked=\"chosen === option.key\"\n\t\t\t\t\t:disabled=\"option.refusal !== '' || saving\"\n\t\t\t\t\t@change=\"choose(option)\">\n\t\t\t\t<span class=\"cn-choice-picker__swatches\" aria-hidden=\"true\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tv-for=\"(colour, index) in option.swatches\"\n\t\t\t\t\t\t:key=\"index\"\n\t\t\t\t\t\tclass=\"cn-choice-picker__swatch\"\n\t\t\t\t\t\t:style=\"{ background: colour }\" />\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cn-choice-picker__text\">\n\t\t\t\t\t<strong class=\"cn-choice-picker__title\">{{ option.title }}</strong>\n\t\t\t\t\t<span v-if=\"option.refusal\" class=\"cn-choice-picker__refusal\" :data-testid=\"`cn-choice-picker-refusal-${option.key}`\">\n\t\t\t\t\t\t{{ option.refusal }}\n\t\t\t\t\t</span>\n\t\t\t\t</span>\n\t\t\t\t<CnStatusBadge\n\t\t\t\t\tv-if=\"option.pill\"\n\t\t\t\t\t:label=\"option.pill.label\"\n\t\t\t\t\t:variant=\"option.pill.variant\"\n\t\t\t\t\tsize=\"small\" />\n\t\t\t</label>\n\t\t</fieldset>\n\n\t\t<NcNoteCard v-if=\"selected && selected.warning.length > 0\" type=\"warning\" data-testid=\"cn-choice-picker-warning\">\n\t\t\t<p v-if=\"warningIntro\" class=\"cn-choice-picker__warning-intro\">\n\t\t\t\t{{ warningIntro }}\n\t\t\t</p>\n\t\t\t<ul class=\"cn-choice-picker__warning-list\">\n\t\t\t\t<li v-for=\"(line, index) in selected.warning\" :key=\"index\">\n\t\t\t\t\t{{ line }}\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard v-if=\"notice\" :type=\"noticeType\" data-testid=\"cn-choice-picker-notice\">\n\t\t\t{{ notice }}\n\t\t</NcNoteCard>\n\n\t\t<div v-if=\"options.length > 0 && !readOnly\" class=\"cn-choice-picker__actions\">\n\t\t\t<NcButton\n\t\t\t\tvariant=\"primary\"\n\t\t\t\t:disabled=\"saving || !canSave\"\n\t\t\t\tdata-testid=\"cn-choice-picker-save\"\n\t\t\t\t@click=\"save(false)\">\n\t\t\t\t{{ saveLabel }}\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"selected && selected.warning.length > 0\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t:disabled=\"saving\"\n\t\t\t\tdata-testid=\"cn-choice-picker-confirm\"\n\t\t\t\t@click=\"save(true)\">\n\t\t\t\t{{ confirmLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\t\t<p v-if=\"hint\" class=\"cn-choice-picker__hint\">\n\t\t\t{{ hint }}\n\t\t</p>\n\t</div>\n</template>\n\n<script>\nimport { NcButton, NcNoteCard } from '@nextcloud/vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { isBadgeVariant } from '../../utils/badgeVariants.js'\nimport { prefixUrl } from '../../utils/headers.js'\nimport { objectUrlOf } from '../../utils/objectWrite.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { serverErrorMessage } from '../../utils/serverErrorMessage.js'\n\nlet uid = 0\n\n/**\n * CnChoicePickerWidget — the `choice-picker` widget: choice cards read from a\n * source (or a static list), each with a radio, colour swatches read from the\n * item, a title and a state pill (a verdict such as \"Leesbaar\" / \"Slecht\n * leesbaar\"), bound to one field of the CURRENT object.\n *\n * Save is a button. A card that carries a warning (a list of lines read from\n * the item) shows them in a warning band under the cards and adds a second\n * button, the confirm action, so a risky choice is saved only on purpose: the\n * request tells the server which one was pressed (`@confirmed`). A card the\n * source marks as refused is listed with its reason and cannot be chosen.\n *\n * @spec openspec/changes/abstract-choice-picker/specs/choice-picker/spec.md\n */\nexport default {\n\tname: 'CnChoicePickerWidget',\n\n\tcomponents: { CnStatusBadge, NcButton, NcNoteCard },\n\n\tinject: {\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The widget configuration.\n\t\t *\n\t\t * - `field` (required) — the top-level field of the object holding the chosen key.\n\t\t * - `source` — `{ url, path?, key, label, swatches?, state?, refusal?, warning? }` (tokens `@objectId`, `@object.<field>` in the url), or `items` — the same item shape as a static list.\n\t\t *   - `swatches` — path to an array of colours (CSS colour strings).\n\t\t *   - `state` — `{ path, map?, variantMap?, empty?, emptyVariant? }`: the pill; `map` turns the value into text, `variantMap` into a badge variant, `empty` is the text when the value is missing.\n\t\t *   - `refusal` — path to a string: the card is listed with it and cannot be chosen.\n\t\t *   - `warning` — `{ list, item? }`: `list` is a path to an array; `item` a template with `{path}` placeholders for object items (strings are used as they are).\n\t\t * - `legend`, `warningIntro`, `saveLabel`, `confirmLabel`, `emptyText`, `hint`, `readOnly`.\n\t\t * - `save` — `{ method?, url?, payload? }`: a custom request (tokens `@value`, `@confirmed`, `@objectId`, `@object.<field>`); without it the field is PATCHed on the object.\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The current detail-page object. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The current object id. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** OpenRegister register slug of the surface. */\n\t\tregister: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** OpenRegister schema slug of the surface. */\n\t\tschema: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: ['saved'],\n\n\tdata() {\n\t\tuid += 1\n\t\treturn {\n\t\t\tgroupName: `cn-choice-picker-${uid}`,\n\t\t\tsourced: [],\n\t\t\tloading: false,\n\t\t\tsaved: '',\n\t\t\tchosen: '',\n\t\t\tsaving: false,\n\t\t\tnotice: '',\n\t\t\tnoticeType: 'success',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tspec() {\n\t\t\treturn this.content.source || {}\n\t\t},\n\n\t\t/** The cards, from the static items then the source. */\n\t\toptions() {\n\t\t\tconst items = [...(Array.isArray(this.content.items) ? this.content.items : []), ...this.sourced]\n\t\t\treturn items\n\t\t\t\t.filter((item) => item && readPath(item, this.spec.key || 'key') !== undefined)\n\t\t\t\t.map((item) => {\n\t\t\t\t\tconst key = String(readPath(item, this.spec.key || 'key'))\n\t\t\t\t\tconst refusal = this.spec.refusal ? readPath(item, this.spec.refusal) : ''\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey,\n\t\t\t\t\t\ttitle: String(readPath(item, this.spec.label || 'label') ?? key),\n\t\t\t\t\t\tswatches: this.listOf(item, this.spec.swatches).filter((colour) => typeof colour === 'string'),\n\t\t\t\t\t\tpill: this.pillOf(item),\n\t\t\t\t\t\trefusal: typeof refusal === 'string' ? refusal : '',\n\t\t\t\t\t\twarning: this.warningOf(item),\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t},\n\n\t\tselected() {\n\t\t\treturn this.options.find((option) => option.key === this.chosen) || null\n\t\t},\n\n\t\tcanSave() {\n\t\t\treturn this.chosen !== '' && this.chosen !== this.saved && (this.selected ? this.selected.refusal === '' : false)\n\t\t},\n\n\t\tlegend() {\n\t\t\treturn this.tr(this.content.legend || 'Choose one')\n\t\t},\n\n\t\twarningIntro() {\n\t\t\treturn this.tr(this.content.warningIntro || '')\n\t\t},\n\n\t\tsaveLabel() {\n\t\t\treturn this.tr(this.content.saveLabel || 'Save')\n\t\t},\n\n\t\tconfirmLabel() {\n\t\t\treturn this.tr(this.content.confirmLabel || 'Use it anyway')\n\t\t},\n\n\t\temptyLabel() {\n\t\t\treturn this.tr(this.content.emptyText || 'Nothing to choose from')\n\t\t},\n\n\t\thint() {\n\t\t\treturn this.tr(this.content.hint || '')\n\t\t},\n\n\t\treadOnly() {\n\t\t\treturn this.content.readOnly === true\n\t\t},\n\n\t\tobjectUrl() {\n\t\t\treturn objectUrlOf(this.register, this.schema, this.objectId || (this.objectData && this.objectData.id))\n\t\t},\n\t},\n\n\twatch: {\n\t\tobjectData() {\n\t\t\tthis.adopt()\n\t\t\tthis.loadSource()\n\t\t},\n\t},\n\n\tcreated() {\n\t\tthis.adopt()\n\t\tthis.loadSource()\n\t},\n\n\tmethods: {\n\t\ttr(text) {\n\t\t\tif (typeof text !== 'string' || text === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn typeof this.cnTranslate === 'function' ? this.cnTranslate(text) : text\n\t\t},\n\n\t\t/** Read the current choice off the object. */\n\t\tadopt() {\n\t\t\tconst stored = readPath(this.objectData || {}, this.content.field)\n\t\t\tthis.saved = stored === undefined || stored === null ? '' : String(stored)\n\t\t\tthis.chosen = this.saved\n\t\t},\n\n\t\t/**\n\t\t * A list off an item.\n\t\t *\n\t\t * @param {object} item The item.\n\t\t * @param {string} path The path, or undefined.\n\t\t * @return {Array}\n\t\t */\n\t\tlistOf(item, path) {\n\t\t\tconst list = path ? readPath(item, path) : []\n\t\t\treturn Array.isArray(list) ? list : []\n\t\t},\n\n\t\t/**\n\t\t * The state pill of an item.\n\t\t *\n\t\t * @param {object} item The item.\n\t\t * @return {{label: string, variant: string}|null}\n\t\t */\n\t\tpillOf(item) {\n\t\t\tconst state = this.spec.state\n\t\t\tif (!state || !state.path) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst raw = readPath(item, state.path)\n\t\t\tconst empty = raw === undefined || raw === null || raw === ''\n\t\t\tif (empty) {\n\t\t\t\treturn state.empty ? { label: this.tr(state.empty), variant: isBadgeVariant(state.emptyVariant) ? state.emptyVariant : 'default' } : null\n\t\t\t}\n\t\t\tconst label = state.map && Object.hasOwn(state.map, String(raw)) ? this.tr(state.map[String(raw)]) : String(raw)\n\t\t\tconst variant = state.variantMap && state.variantMap[String(raw)]\n\t\t\treturn { label, variant: isBadgeVariant(variant) ? variant : 'default' }\n\t\t},\n\n\t\t/**\n\t\t * The warning lines of an item.\n\t\t *\n\t\t * @param {object} item The item.\n\t\t * @return {string[]}\n\t\t */\n\t\twarningOf(item) {\n\t\t\tconst spec = this.spec.warning\n\t\t\tif (!spec || !spec.list) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\treturn this.listOf(item, spec.list)\n\t\t\t\t.map((entry) => {\n\t\t\t\t\tif (typeof entry === 'string') {\n\t\t\t\t\t\treturn entry\n\t\t\t\t\t}\n\t\t\t\t\tif (!entry || typeof entry !== 'object' || !spec.item) {\n\t\t\t\t\t\treturn ''\n\t\t\t\t\t}\n\t\t\t\t\treturn this.tr(spec.item).replace(/\\{([\\w.]+)\\}/g, (m, path) => String(readPath(entry, path) ?? ''))\n\t\t\t\t})\n\t\t\t\t.filter((line) => line !== '')\n\t\t},\n\n\t\t/**\n\t\t * Resolve the tokens in a url or payload.\n\t\t *\n\t\t * @param {unknown} value The value.\n\t\t * @param {object} vars `{ value, confirmed }`.\n\t\t * @return {unknown}\n\t\t */\n\t\tresolve(value, vars) {\n\t\t\tif (Array.isArray(value)) {\n\t\t\t\treturn value.map((v) => this.resolve(v, vars))\n\t\t\t}\n\t\t\tif (value && typeof value === 'object') {\n\t\t\t\treturn Object.fromEntries(Object.entries(value).map(([k, v]) => [k, this.resolve(v, vars)]))\n\t\t\t}\n\t\t\tif (typeof value !== 'string') {\n\t\t\t\treturn value\n\t\t\t}\n\t\t\tconst object = this.objectData || {}\n\t\t\tif (value === '@value') {\n\t\t\t\treturn vars.value\n\t\t\t}\n\t\t\tif (value === '@confirmed') {\n\t\t\t\treturn vars.confirmed\n\t\t\t}\n\t\t\tconst whole = value.match(/^@object\\.([\\w.@]+)$/)\n\t\t\tif (whole) {\n\t\t\t\treturn readPath(object, whole[1])\n\t\t\t}\n\t\t\treturn value\n\t\t\t\t.replace(/@objectId/g, () => encodeURIComponent(String(this.objectId || object.id || '')))\n\t\t\t\t.replace(/@object\\.([\\w.@]+)/g, (m, path) => encodeURIComponent(String(readPath(object, path) ?? '')))\n\t\t\t\t.replace(/@value/g, () => encodeURIComponent(String(vars.value)))\n\t\t},\n\n\t\t/** Read the cards of `source`. */\n\t\tasync loadSource() {\n\t\t\tif (!this.spec.url) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.loading = true\n\t\t\ttry {\n\t\t\t\tconst { default: axios } = await import('@nextcloud/axios')\n\t\t\t\tconst { data } = await axios.get(prefixUrl(String(this.resolve(this.spec.url, { value: '', confirmed: false }))))\n\t\t\t\tconst list = this.spec.path ? readPath(data, this.spec.path) : data\n\t\t\t\tthis.sourced = Array.isArray(list) ? list : []\n\t\t\t} catch (e) {\n\t\t\t\tthis.noticeType = 'error'\n\t\t\t\tthis.notice = serverErrorMessage(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Choose a card (nothing is written until Save).\n\t\t *\n\t\t * @param {object} option The card.\n\t\t */\n\t\tchoose(option) {\n\t\t\tthis.chosen = option.key\n\t\t\tthis.notice = ''\n\t\t},\n\n\t\t/**\n\t\t * Save the chosen card: the configured request, else a PATCH of the field.\n\t\t *\n\t\t * @param {boolean} confirmed Whether the confirm action was pressed.\n\t\t * @return {Promise<void>}\n\t\t * @spec openspec/changes/abstract-choice-picker/specs/choice-picker/spec.md#requirement-a-risky-choice-is-saved-only-on-purpose\n\t\t */\n\t\tasync save(confirmed) {\n\t\t\tif (!this.selected) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst request = this.content.save\n\t\t\tif (!request && !this.objectUrl) {\n\t\t\t\tthis.noticeType = 'error'\n\t\t\t\tthis.notice = this.tr('This choice cannot be saved here.')\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.saving = true\n\t\t\tthis.notice = ''\n\t\t\ttry {\n\t\t\t\tconst { default: axios } = await import('@nextcloud/axios')\n\t\t\t\tconst vars = { value: this.selected.key, confirmed }\n\t\t\t\tif (request && request.url) {\n\t\t\t\t\tconst method = String(request.method || 'POST').toLowerCase()\n\t\t\t\t\tawait axios[method](prefixUrl(String(this.resolve(request.url, vars))), this.resolve(request.payload || {}, vars))\n\t\t\t\t} else {\n\t\t\t\t\tawait axios.patch(prefixUrl(this.objectUrl), { [this.content.field]: this.selected.key })\n\t\t\t\t}\n\t\t\t\tthis.saved = this.selected.key\n\t\t\t\tthis.noticeType = 'success'\n\t\t\t\tthis.notice = this.tr(this.content.savedText || 'Saved.')\n\t\t\t\t/**\n\t\t\t\t * @event saved The choice was written.\n\t\t\t\t * @type {{field: string, value: string, confirmed: boolean}}\n\t\t\t\t */\n\t\t\t\tthis.$emit('saved', { field: this.content.field, value: this.saved, confirmed })\n\t\t\t} catch (e) {\n\t\t\t\tthis.noticeType = 'error'\n\t\t\t\tthis.notice = serverErrorMessage(e)\n\t\t\t} finally {\n\t\t\t\tthis.saving = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-choice-picker {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tmin-width: 0;\n}\n\n.cn-choice-picker__cards {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 10px;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n}\n\n.cn-choice-picker__legend {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\toverflow: hidden;\n\tclip-path: inset(50%);\n}\n\n.cn-choice-picker__card {\n\tposition: relative;\n\tdisplay: flex;\n\tflex: 1 1 220px;\n\talign-items: center;\n\tgap: 12px;\n\tpadding: 10px 12px;\n\tborder: 1px solid var(--cn-board-hairline, var(--color-border));\n\tborder-radius: 10px;\n\tbackground: var(--color-main-background);\n\tcursor: pointer;\n}\n\n.cn-choice-picker__card--selected {\n\tpadding: 9px 11px;\n\tborder: 2px solid var(--color-primary-element);\n}\n\n.cn-choice-picker__card--refused {\n\tcursor: not-allowed;\n\topacity: 0.7;\n}\n\n.cn-choice-picker__card:focus-within {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n}\n\n.cn-choice-picker__input {\n\tflex: 0 0 auto;\n\twidth: 18px;\n\theight: 18px;\n\tmargin: 0;\n\taccent-color: var(--color-primary-element);\n}\n\n.cn-choice-picker__swatches {\n\tdisplay: flex;\n\tgap: 4px;\n}\n\n.cn-choice-picker__swatch {\n\twidth: 18px;\n\theight: 18px;\n\tbox-sizing: border-box;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 4px;\n}\n\n.cn-choice-picker__text {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n}\n\n.cn-choice-picker__title {\n\tfont-size: 15px;\n}\n\n.cn-choice-picker__refusal,\n.cn-choice-picker__hint,\n.cn-choice-picker__note {\n\tmargin: 0;\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-choice-picker__warning-intro {\n\tmargin: 0 0 4px;\n}\n\n.cn-choice-picker__warning-list {\n\tmargin: 0;\n\tpadding-inline-start: 18px;\n}\n\n.cn-choice-picker__actions {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px;\n}\n</style>\n"],"names":["_createElementBlock","_toDisplayString","_createElementVNode","_Fragment","_renderList","_openBlock","_createBlock"],"mappings":"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"}

package/dist/esm/components/CnChoicePickerWidget/index.js

@@ -0,0 +1,27 @@
+import __sfc_main from './CnChoicePickerWidget.vue.js';
+import { registerDashboardWidget } from '../CnWidgetGrid/dashboardWidgetRegistry.js';
+
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * CnChoicePickerWidget — self-registers the `choice-picker` widget type (choice
+ * cards with colour swatches and a state pill, and a confirm-with-warning save)
+ * into the shared dashboardWidgetRegistry at module load.
+ */
+
+
+registerDashboardWidget('choice-picker', {
+	renderer: __sfc_main,
+	form: null,
+	defaultContent: {
+		field: '',
+		items: [],
+	},
+	displayName: 'Choice picker',
+	icon: 'Palette',
+	surfaces: ['detail-page'],
+});
+
+export { __sfc_main as CnChoicePickerWidget, __sfc_main as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CnChoicePickerWidget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/CnChoicePickerWidget/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2026 Conduction B.V.\n * SPDX-License-Identifier: EUPL-1.2\n *\n * CnChoicePickerWidget — self-registers the `choice-picker` widget type (choice\n * cards with colour swatches and a state pill, and a confirm-with-warning save)\n * into the shared dashboardWidgetRegistry at module load.\n */\n\nimport CnChoicePickerWidget from './CnChoicePickerWidget.vue'\nimport { registerDashboardWidget } from '../CnWidgetGrid/dashboardWidgetRegistry.js'\n\nregisterDashboardWidget('choice-picker', {\n\trenderer: CnChoicePickerWidget,\n\tform: null,\n\tdefaultContent: {\n\t\tfield: '',\n\t\titems: [],\n\t},\n\tdisplayName: 'Choice picker',\n\ticon: 'Palette',\n\tsurfaces: ['detail-page'],\n})\n\nexport { CnChoicePickerWidget }\nexport default CnChoicePickerWidget\n"],"names":["CnChoicePickerWidget"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA,uBAAuB,CAAC,eAAe,EAAE;AACzC,CAAC,QAAQ,EAAEA,UAAoB;AAC/B,CAAC,IAAI,EAAE,IAAI;AACX,CAAC,cAAc,EAAE;AACjB,EAAE,KAAK,EAAE,EAAE;AACX,EAAE,KAAK,EAAE,EAAE;AACX,EAAE;AACF,CAAC,WAAW,EAAE,eAAe;AAC7B,CAAC,IAAI,EAAE,SAAS;AAChB,CAAC,QAAQ,EAAE,CAAC,aAAa,CAAC;AAC1B,CAAC;;;;"}

package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js

@@ -8,7 +8,7 @@ import { readPath } from '../../utils/readPath.js';
  * `content: { field, endpoint?, authorField?, timeField?, textField?, sideField?, usValue? }`.
  * `@objectId` in `endpoint` is replaced by the record's id. A reply the
  * endpoint accepts is shown at once, until the record is read again.
- * Resolved by its registry key, not exported.
+ * Resolved by its registry key, and exported for an app that renders it itself.
  */
 var script = {
 	name: 'CnConversationWidget',

package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnConversationWidget.vue2.js","sources":["../../../../src/components/CnConversationThread/CnConversationWidget.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnConversationThread\n\t\t\t:messages=\"messages\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:allowReply=\"content.allowReply !== false\"\n\t\t\t:replyLabel=\"content.replyLabel || undefined\"\n\t\t\t:placeholder=\"content.placeholder || ''\"\n\t\t\t:sendLabel=\"content.sendLabel || undefined\"\n\t\t\t:endpoint=\"endpoint\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@sent=\"onSent\" />\n\t</div>\n</template>\n\n<script>\nimport CnConversationThread from './CnConversationThread.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnConversationWidget: the `conversation` detail widget type.\n *\n * Renders CnConversationThread from a list on the bound record:\n * `content: { field, endpoint?, authorField?, timeField?, textField?, sideField?, usValue? }`.\n * `@objectId` in `endpoint` is replaced by the record's id. A reply the\n * endpoint accepts is shown at once, until the record is read again.\n * Resolved by its registry key, not exported.\n */\nexport default {\n\tname: 'CnConversationWidget',\n\n\tcomponents: {\n\t\tCnConversationThread,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the messages on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The bound record's id. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\t/** Replies sent from this widget that the record does not hold yet. */\n\t\t\tsentHere: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The record's messages in the thread's shape, plus the replies sent here.\n\t\t *\n\t\t * @return {Array<object>} The messages.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tmessages() {\n\t\t\tconst c = this.content\n\t\t\tconst value = readPath(this.objectData || {}, c.field || 'messages')\n\t\t\tconst usValue = String(c.usValue === undefined ? 'us' : c.usValue)\n\t\t\tconst stored = (Array.isArray(value) ? value : [])\n\t\t\t\t.filter((message) => message && typeof message === 'object')\n\t\t\t\t.map((message) => ({\n\t\t\t\t\tid: message.id,\n\t\t\t\t\tauthor: readPath(message, c.authorField || 'author'),\n\t\t\t\t\ttime: readPath(message, c.timeField || 'time'),\n\t\t\t\t\ttext: readPath(message, c.textField || 'text'),\n\t\t\t\t\tside: String(readPath(message, c.sideField || 'side')) === usValue ? 'us' : 'them',\n\t\t\t\t}))\n\t\t\treturn [...stored, ...this.sentHere]\n\t\t},\n\n\t\t/**\n\t\t * The endpoint with the record's id filled in.\n\t\t *\n\t\t * @return {string} The URL, or '' when the content names none.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tendpoint() {\n\t\t\tconst url = this.content.endpoint\n\t\t\tif (typeof url !== 'string' || url === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn url.replace(/@objectId/g, encodeURIComponent(String(this.objectId ?? '')))\n\t\t},\n\t},\n\n\twatch: {\n\t\t// The record was read again, so it now holds what was sent from here.\n\t\tobjectData() {\n\t\t\tthis.sentHere = []\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Show an accepted reply at once, without waiting for the record.\n\t\t *\n\t\t * @param {object} data The endpoint's response.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tonSent(data) {\n\t\t\tconst text = data?.message ?? data?.text\n\t\t\tif (typeof text !== 'string' || text === '') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.sentHere.push({\n\t\t\t\tid: `sent-${this.sentHere.length}`,\n\t\t\t\ttime: new Date().toISOString(),\n\t\t\t\ttext,\n\t\t\t\tside: 'us',\n\t\t\t})\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["CnConversationThread"],"mappings":"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"}
+{"version":3,"file":"CnConversationWidget.vue2.js","sources":["../../../../src/components/CnConversationThread/CnConversationWidget.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnConversationThread\n\t\t\t:messages=\"messages\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:allowReply=\"content.allowReply !== false\"\n\t\t\t:replyLabel=\"content.replyLabel || undefined\"\n\t\t\t:placeholder=\"content.placeholder || ''\"\n\t\t\t:sendLabel=\"content.sendLabel || undefined\"\n\t\t\t:endpoint=\"endpoint\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@sent=\"onSent\" />\n\t</div>\n</template>\n\n<script>\nimport CnConversationThread from './CnConversationThread.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnConversationWidget: the `conversation` detail widget type.\n *\n * Renders CnConversationThread from a list on the bound record:\n * `content: { field, endpoint?, authorField?, timeField?, textField?, sideField?, usValue? }`.\n * `@objectId` in `endpoint` is replaced by the record's id. A reply the\n * endpoint accepts is shown at once, until the record is read again.\n * Resolved by its registry key, and exported for an app that renders it itself.\n */\nexport default {\n\tname: 'CnConversationWidget',\n\n\tcomponents: {\n\t\tCnConversationThread,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the messages on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The bound record's id. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\t/** Replies sent from this widget that the record does not hold yet. */\n\t\t\tsentHere: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The record's messages in the thread's shape, plus the replies sent here.\n\t\t *\n\t\t * @return {Array<object>} The messages.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tmessages() {\n\t\t\tconst c = this.content\n\t\t\tconst value = readPath(this.objectData || {}, c.field || 'messages')\n\t\t\tconst usValue = String(c.usValue === undefined ? 'us' : c.usValue)\n\t\t\tconst stored = (Array.isArray(value) ? value : [])\n\t\t\t\t.filter((message) => message && typeof message === 'object')\n\t\t\t\t.map((message) => ({\n\t\t\t\t\tid: message.id,\n\t\t\t\t\tauthor: readPath(message, c.authorField || 'author'),\n\t\t\t\t\ttime: readPath(message, c.timeField || 'time'),\n\t\t\t\t\ttext: readPath(message, c.textField || 'text'),\n\t\t\t\t\tside: String(readPath(message, c.sideField || 'side')) === usValue ? 'us' : 'them',\n\t\t\t\t}))\n\t\t\treturn [...stored, ...this.sentHere]\n\t\t},\n\n\t\t/**\n\t\t * The endpoint with the record's id filled in.\n\t\t *\n\t\t * @return {string} The URL, or '' when the content names none.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tendpoint() {\n\t\t\tconst url = this.content.endpoint\n\t\t\tif (typeof url !== 'string' || url === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn url.replace(/@objectId/g, encodeURIComponent(String(this.objectId ?? '')))\n\t\t},\n\t},\n\n\twatch: {\n\t\t// The record was read again, so it now holds what was sent from here.\n\t\tobjectData() {\n\t\t\tthis.sentHere = []\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Show an accepted reply at once, without waiting for the record.\n\t\t *\n\t\t * @param {object} data The endpoint's response.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tonSent(data) {\n\t\t\tconst text = data?.message ?? data?.text\n\t\t\tif (typeof text !== 'string' || text === '') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.sentHere.push({\n\t\t\t\tid: `sent-${this.sentHere.length}`,\n\t\t\t\ttime: new Date().toISOString(),\n\t\t\t\ttext,\n\t\t\t\tside: 'us',\n\t\t\t})\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["CnConversationThread"],"mappings":"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"}

package/dist/esm/components/CnConversationThread/CnConversationWidget.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnConversationWidget.vue3.js","sources":["../../../../src/components/CnConversationThread/CnConversationWidget.vue?vue&type=template&id=57081189&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnConversationThread\n\t\t\t:messages=\"messages\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:allowReply=\"content.allowReply !== false\"\n\t\t\t:replyLabel=\"content.replyLabel || undefined\"\n\t\t\t:placeholder=\"content.placeholder || ''\"\n\t\t\t:sendLabel=\"content.sendLabel || undefined\"\n\t\t\t:endpoint=\"endpoint\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@sent=\"onSent\" />\n\t</div>\n</template>\n\n<script>\nimport CnConversationThread from './CnConversationThread.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnConversationWidget: the `conversation` detail widget type.\n *\n * Renders CnConversationThread from a list on the bound record:\n * `content: { field, endpoint?, authorField?, timeField?, textField?, sideField?, usValue? }`.\n * `@objectId` in `endpoint` is replaced by the record's id. A reply the\n * endpoint accepts is shown at once, until the record is read again.\n * Resolved by its registry key, not exported.\n */\nexport default {\n\tname: 'CnConversationWidget',\n\n\tcomponents: {\n\t\tCnConversationThread,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the messages on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The bound record's id. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\t/** Replies sent from this widget that the record does not hold yet. */\n\t\t\tsentHere: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The record's messages in the thread's shape, plus the replies sent here.\n\t\t *\n\t\t * @return {Array<object>} The messages.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tmessages() {\n\t\t\tconst c = this.content\n\t\t\tconst value = readPath(this.objectData || {}, c.field || 'messages')\n\t\t\tconst usValue = String(c.usValue === undefined ? 'us' : c.usValue)\n\t\t\tconst stored = (Array.isArray(value) ? value : [])\n\t\t\t\t.filter((message) => message && typeof message === 'object')\n\t\t\t\t.map((message) => ({\n\t\t\t\t\tid: message.id,\n\t\t\t\t\tauthor: readPath(message, c.authorField || 'author'),\n\t\t\t\t\ttime: readPath(message, c.timeField || 'time'),\n\t\t\t\t\ttext: readPath(message, c.textField || 'text'),\n\t\t\t\t\tside: String(readPath(message, c.sideField || 'side')) === usValue ? 'us' : 'them',\n\t\t\t\t}))\n\t\t\treturn [...stored, ...this.sentHere]\n\t\t},\n\n\t\t/**\n\t\t * The endpoint with the record's id filled in.\n\t\t *\n\t\t * @return {string} The URL, or '' when the content names none.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tendpoint() {\n\t\t\tconst url = this.content.endpoint\n\t\t\tif (typeof url !== 'string' || url === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn url.replace(/@objectId/g, encodeURIComponent(String(this.objectId ?? '')))\n\t\t},\n\t},\n\n\twatch: {\n\t\t// The record was read again, so it now holds what was sent from here.\n\t\tobjectData() {\n\t\t\tthis.sentHere = []\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Show an accepted reply at once, without waiting for the record.\n\t\t *\n\t\t * @param {object} data The endpoint's response.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tonSent(data) {\n\t\t\tconst text = data?.message ?? data?.text\n\t\t\tif (typeof text !== 'string' || text === '') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.sentHere.push({\n\t\t\t\tid: `sent-${this.sentHere.length}`,\n\t\t\t\ttime: new Date().toISOString(),\n\t\t\t\ttext,\n\t\t\t\tside: 'us',\n\t\t\t})\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode"],"mappings":";;AAWM,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,qBAAqB,GAAA;;;;;AAA9B,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;IACAC;AACC,MAAA,QAAQ,EAAE,QAAQ,CAAA,QAAA;MAClB,KAAK,EAAE,MAAO,CAAA,OAAA,CAAC,KAAG,IAAA,EAAA;MAClB,UAAU,EAAE,MAAO,CAAA,OAAA,CAAC,UAAU,KAAA,KAAA;AAC9B,MAAA,UAAU,EAAE,MAAA,CAAA,OAAG,CAAA,UAAA,IAAA,SAAA;MACf,WAAE,EAAA,MAAA,CAAA,OAAA,CAAA,WAAA,IAAA,EAAA;;;;;;;;;;;"}
+{"version":3,"file":"CnConversationWidget.vue3.js","sources":["../../../../src/components/CnConversationThread/CnConversationWidget.vue?vue&type=template&id=57081189&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n\n<template>\n\t<div class=\"cn-case-widget-card\">\n\t\t<CnConversationThread\n\t\t\t:messages=\"messages\"\n\t\t\t:title=\"content.title || ''\"\n\t\t\t:allowReply=\"content.allowReply !== false\"\n\t\t\t:replyLabel=\"content.replyLabel || undefined\"\n\t\t\t:placeholder=\"content.placeholder || ''\"\n\t\t\t:sendLabel=\"content.sendLabel || undefined\"\n\t\t\t:endpoint=\"endpoint\"\n\t\t\t:emptyText=\"content.emptyText || undefined\"\n\t\t\t@sent=\"onSent\" />\n\t</div>\n</template>\n\n<script>\nimport CnConversationThread from './CnConversationThread.vue'\nimport { readPath } from '../../utils/readPath.js'\n\n/**\n * CnConversationWidget: the `conversation` detail widget type.\n *\n * Renders CnConversationThread from a list on the bound record:\n * `content: { field, endpoint?, authorField?, timeField?, textField?, sideField?, usValue? }`.\n * `@objectId` in `endpoint` is replaced by the record's id. A reply the\n * endpoint accepts is shown at once, until the record is read again.\n * Resolved by its registry key, and exported for an app that renders it itself.\n */\nexport default {\n\tname: 'CnConversationWidget',\n\n\tcomponents: {\n\t\tCnConversationThread,\n\t},\n\n\tprops: {\n\t\t/** The widget's content. `field` is the dot-path to the messages on the record. */\n\t\tcontent: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The bound record. */\n\t\tobjectData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/** The bound record's id. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\t/** Replies sent from this widget that the record does not hold yet. */\n\t\t\tsentHere: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * The record's messages in the thread's shape, plus the replies sent here.\n\t\t *\n\t\t * @return {Array<object>} The messages.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tmessages() {\n\t\t\tconst c = this.content\n\t\t\tconst value = readPath(this.objectData || {}, c.field || 'messages')\n\t\t\tconst usValue = String(c.usValue === undefined ? 'us' : c.usValue)\n\t\t\tconst stored = (Array.isArray(value) ? value : [])\n\t\t\t\t.filter((message) => message && typeof message === 'object')\n\t\t\t\t.map((message) => ({\n\t\t\t\t\tid: message.id,\n\t\t\t\t\tauthor: readPath(message, c.authorField || 'author'),\n\t\t\t\t\ttime: readPath(message, c.timeField || 'time'),\n\t\t\t\t\ttext: readPath(message, c.textField || 'text'),\n\t\t\t\t\tside: String(readPath(message, c.sideField || 'side')) === usValue ? 'us' : 'them',\n\t\t\t\t}))\n\t\t\treturn [...stored, ...this.sentHere]\n\t\t},\n\n\t\t/**\n\t\t * The endpoint with the record's id filled in.\n\t\t *\n\t\t * @return {string} The URL, or '' when the content names none.\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tendpoint() {\n\t\t\tconst url = this.content.endpoint\n\t\t\tif (typeof url !== 'string' || url === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn url.replace(/@objectId/g, encodeURIComponent(String(this.objectId ?? '')))\n\t\t},\n\t},\n\n\twatch: {\n\t\t// The record was read again, so it now holds what was sent from here.\n\t\tobjectData() {\n\t\t\tthis.sentHere = []\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Show an accepted reply at once, without waiting for the record.\n\t\t *\n\t\t * @param {object} data The endpoint's response.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/detail-action-model-and-case-surfaces/specs/detail-action-model/spec.md#requirement-conversation-thread\n\t\t */\n\t\tonSent(data) {\n\t\t\tconst text = data?.message ?? data?.text\n\t\t\tif (typeof text !== 'string' || text === '') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.sentHere.push({\n\t\t\t\tid: `sent-${this.sentHere.length}`,\n\t\t\t\ttime: new Date().toISOString(),\n\t\t\t\ttext,\n\t\t\t\tside: 'us',\n\t\t\t})\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-case-widget-card {\n\tbackground: var(--color-main-background);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: calc(5 * var(--default-grid-baseline));\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode"],"mappings":";;AAWM,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,qBAAqB,GAAA;;;;;AAA9B,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;IACAC;AACC,MAAA,QAAQ,EAAE,QAAQ,CAAA,QAAA;MAClB,KAAK,EAAE,MAAO,CAAA,OAAA,CAAC,KAAG,IAAA,EAAA;MAClB,UAAU,EAAE,MAAO,CAAA,OAAA,CAAC,UAAU,KAAA,KAAA;AAC9B,MAAA,UAAU,EAAE,MAAA,CAAA,OAAG,CAAA,UAAA,IAAA,SAAA;MACf,WAAE,EAAA,MAAA,CAAA,OAAA,CAAA,WAAA,IAAA,EAAA;;;;;;;;;;;"}

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

@@ -354,14 +354,14 @@ var script = {
 		 * anything whose height is whatever it turned out to have.
 		 *
 		 * @param {object} item the layout item.
-		 * @return {string|undefined} `'true'`, a row minimum as a string, or undefined.
+		 * @return {string|undefined} `'true'`, a row maximum as a string, or undefined.
 		 */
 		sizeToContentAttr(item) {
 			const v = item && item.sizeToContent;
 			if (v === true) {
 				return 'true'
 			}
-			// A number is GridStack's "size to content, but never below N rows".
+			// A number is GridStack's "size to content, but never taller than N rows" (a maximum).
 			if (Number.isFinite(v) && v > 0) {
 				return String(v)
 			}