npm - @conduction/nextcloud-vue - Versions diffs - 2.147.0 → 2.149.0 - Mend

@conduction/nextcloud-vue 2.147.0 → 2.149.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (130) hide show

package/dist/esm/components/CnRegisterMapping/CnRegisterMapping.vue3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnRegisterMapping.vue3.js","sources":["../../../../src/components/CnRegisterMapping/CnRegisterMapping.vue?vue&type=template&id=26243e0a&lang.js"],"sourcesContent":["<template>\n\t<CnSettingsSection\n\t\t:name=\"name\"\n\t\t:description=\"description\"\n\t\t:docUrl=\"docUrl\"\n\t\t:loading=\"registersLoading\"\n\t\t:loadingMessage=\"t('nextcloud-vue', 'Loading registers…')\"\n\t\t:error=\"!!registersError\"\n\t\t:errorMessage=\"registersError \|\| ''\"\n\t\t:onRetry=\"loadRegisters\">\n\t\t<!-- Action buttons -->\n\t\t<template v-if=\"hasHeaderActions\" #actions>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"showSaveButton && !isBoardLook\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\t:disabled=\"saving \|\| !hasChanges\"\n\t\t\t\t@click=\"handleSave\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcLoadingIcon v-if=\"saving\" :size=\"20\" />\n\t\t\t\t\t<ContentSave v-else :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ saving ? t('nextcloud-vue', 'Saving…') : saveButtonText }}\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"showReimportButton\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t:disabled=\"reimporting\"\n\t\t\t\t@click=\"$emit('reimport')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcLoadingIcon v-if=\"reimporting\" :size=\"20\" />\n\t\t\t\t\t<Refresh v-else :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ reimporting ? t('nextcloud-vue', 'Importing…') : reimportButtonText }}\n\t\t\t</NcButton>\n\t\t\t<slot name=\"actions\" />\n\t\t</template>\n\n\t\t<!-- `boardLayout: \"selects\"` (DqBeheerinstellingen Configuratie): per\n\t\t group the register select, then a schema select per type in a\n\t\t grid of three, and one save button at the end. -->\n\t\t<div\n\t\t\tv-if=\"isBoardLook && boardLayout === 'selects' && !registersLoading && !registersError\"\n\t\t\tclass=\"cn-register-mapping cn-register-mapping--board cn-register-mapping--selects\"\n\t\t\tdata-testid=\"cn-register-mapping-selects\">\n\t\t\t<div\n\t\t\t\tv-for=\"(group, groupIdx) in groups\"\n\t\t\t\t:key=\"groupIdx\"\n\t\t\t\tclass=\"cn-register-mapping__selects-group\">\n\t\t\t\t<h3 v-if=\"groups.length > 1\" class=\"cn-register-mapping__board-title\">\n\t\t\t\t\t{{ group.name }}\n\t\t\t\t</h3>\n\t\t\t\t<div class=\"cn-register-mapping__selects-register\" data-testid=\"cn-register-mapping-register\">\n\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t:modelValue=\"selectedRegister(groupIdx)\"\n\t\t\t\t\t\t:options=\"registerSelectOptions\"\n\t\t\t\t\t\t:placeholder=\"labels.selectRegister\"\n\t\t\t\t\t\t:inputLabel=\"labels.register\"\n\t\t\t\t\t\t:clearable=\"false\"\n\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t@update:modelValue=\"handleRegisterChange(groupIdx, $event)\" />\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"selectedRegister(groupIdx)\"\n\t\t\t\t\tclass=\"cn-register-mapping__select-grid\"\n\t\t\t\t\t:style=\"{ '--cn-register-mapping-columns': 3 }\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-select-grid\">\n\t\t\t\t\t<NcSelect\n\t\t\t\t\t\tv-for=\"type in group.types\"\n\t\t\t\t\t\t:key=\"type.slug + '-select'\"\n\t\t\t\t\t\t:modelValue=\"selectedSchema(groupIdx, type)\"\n\t\t\t\t\t\t:options=\"schemaSelectOptions(groupIdx)\"\n\t\t\t\t\t\t:placeholder=\"labels.selectSchema\"\n\t\t\t\t\t\t:inputLabel=\"type.label\"\n\t\t\t\t\t\t:clearable=\"false\"\n\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t@update:modelValue=\"handleSchemaChange(groupIdx, type, $event)\" />\n\t\t\t\t</div>\n\t\t\t\t<NcNoteCard\n\t\t\t\t\tv-if=\"selectedRegister(groupIdx) && schemaSelectOptions(groupIdx).length === 0\"\n\t\t\t\t\ttype=\"warning\">\n\t\t\t\t\t{{ labels.noSchemas }}\n\t\t\t\t</NcNoteCard>\n\t\t\t</div>\n\t\t\t<div v-if=\"showSaveButton\" class=\"cn-register-mapping__board-save\">\n\t\t\t\t<NcButton\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t:disabled=\"saving \|\| !hasChanges\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-board-save\"\n\t\t\t\t\t@click=\"handleSave\">\n\t\t\t\t\t<template v-if=\"saving\" #icon>\n\t\t\t\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ saving ? t('nextcloud-vue', 'Saving…') : saveButtonText }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Group sections -->\n\t\t<div\n\t\t\tv-else-if=\"isBoardLook && !registersLoading && !registersError\"\n\t\t\tclass=\"cn-register-mapping cn-register-mapping--board\"\n\t\t\tdata-testid=\"cn-register-mapping-board\">\n\t\t\t<div class=\"cn-register-mapping__board-group\" data-testid=\"cn-register-mapping-board-group\">\n\t\t\t\t<div class=\"cn-register-mapping__board-head\">\n\t\t\t\t\t<h3 class=\"cn-register-mapping__board-title\">\n\t\t\t\t\t\t{{ activeGroup.name }}\n\t\t\t\t\t</h3>\n\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t:label=\"groupStatusLabel(activeGroupIdx, true)\"\n\t\t\t\t\t\t:variant=\"groupStatusVariant(activeGroupIdx)\"\n\t\t\t\t\t\tdata-testid=\"cn-register-mapping-board-status\" />\n\t\t\t\t</div>\n\t\t\t\t<p v-if=\"activeGroup.description\" class=\"cn-register-mapping__group-description\">\n\t\t\t\t\t{{ activeGroup.description }}\n\t\t\t\t</p>\n\t\t\t\t<div class=\"cn-register-mapping__register-select cn-register-mapping__board-select\">\n\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t:modelValue=\"selectedRegister(activeGroupIdx)\"\n\t\t\t\t\t\t:options=\"registerSelectOptions\"\n\t\t\t\t\t\t:placeholder=\"labels.selectRegister\"\n\t\t\t\t\t\t:inputLabel=\"labels.register\"\n\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t@update:modelValue=\"handleRegisterChange(activeGroupIdx, $event)\" />\n\t\t\t\t</div>\n\t\t\t\t<table v-if=\"selectedRegister(activeGroupIdx)\" class=\"cn-register-mapping__board-table\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th scope=\"col\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Object type') }}\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<th scope=\"col\">\n\t\t\t\t\t\t\t\t{{ labels.schema }}\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<template v-for=\"type in boardVisibleTypes\" :key=\"type.slug + '-board'\">\n\t\t\t\t\t\t\t<tr data-testid=\"cn-register-mapping-board-row\">\n\t\t\t\t\t\t\t\t<td>{{ type.label }}</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__board-schema\"\n\t\t\t\t\t\t\t\t\t\t:aria-expanded=\"String(isExpanded(activeGroupIdx, type.slug))\"\n\t\t\t\t\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Change the schema for {type}', { type: type.label })\"\n\t\t\t\t\t\t\t\t\t\t@click=\"toggleExpand(activeGroupIdx, type.slug)\">\n\t\t\t\t\t\t\t\t\t\t<CheckCircle\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"schemaValue(activeGroupIdx, type)\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__board-check\"\n\t\t\t\t\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t\t\t\t\t{{ schemaLabel(activeGroupIdx, type) \|\| t('nextcloud-vue', 'Not set') }}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t<tr v-if=\"isExpanded(activeGroupIdx, type.slug)\" class=\"cn-register-mapping__board-detail\">\n\t\t\t\t\t\t\t\t<td colspan=\"2\">\n\t\t\t\t\t\t\t\t\t<p v-if=\"type.description\" class=\"cn-register-mapping__type-description\">\n\t\t\t\t\t\t\t\t\t\t{{ type.description }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t\t\t\t\t:modelValue=\"selectedSchema(activeGroupIdx, type)\"\n\t\t\t\t\t\t\t\t\t\t:options=\"schemaSelectOptions(activeGroupIdx)\"\n\t\t\t\t\t\t\t\t\t\t:placeholder=\"labels.selectSchema\"\n\t\t\t\t\t\t\t\t\t\t:inputLabel=\"labels.schema\"\n\t\t\t\t\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t\t\t\t\t@update:modelValue=\"handleSchemaChange(activeGroupIdx, type, $event)\" />\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t\t<p\n\t\t\t\t\tv-if=\"selectedRegister(activeGroupIdx) && boardHiddenTypes.length > 0\"\n\t\t\t\t\tclass=\"cn-register-mapping__board-more\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-board-more\">\n\t\t\t\t\t{{ boardHiddenSummary }}\n\t\t\t\t\t<button type=\"button\" class=\"cn-register-mapping__board-link\" @click=\"showAllTypes = true\">\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Show all types') }}\n\t\t\t\t\t</button>\n\t\t\t\t</p>\n\t\t\t\t<NcNoteCard v-if=\"!selectedRegister(activeGroupIdx)\" type=\"info\">\n\t\t\t\t\t{{ labels.selectRegister }}\n\t\t\t\t</NcNoteCard>\n\t\t\t\t<NcNoteCard\n\t\t\t\t\tv-if=\"selectedRegister(activeGroupIdx) && schemaSelectOptions(activeGroupIdx).length === 0\"\n\t\t\t\t\ttype=\"warning\">\n\t\t\t\t\t{{ labels.noSchemas }}\n\t\t\t\t</NcNoteCard>\n\t\t\t</div>\n\t\t\t<ul v-if=\"boardOtherGroups.length > 0\" class=\"cn-register-mapping__board-groups\">\n\t\t\t\t<li v-for=\"item in boardOtherGroups\" :key=\"item.idx\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"cn-register-mapping__board-group-row\"\n\t\t\t\t\t\tdata-testid=\"cn-register-mapping-board-group-row\"\n\t\t\t\t\t\t@click=\"openBoardGroup(item.idx)\">\n\t\t\t\t\t\t<ChevronRight :size=\"18\" class=\"cn-register-mapping__board-chevron\" />\n\t\t\t\t\t\t<strong class=\"cn-register-mapping__board-group-name\">{{ item.group.name }}</strong>\n\t\t\t\t\t\t<span class=\"cn-register-mapping__board-group-count\">\n\t\t\t\t\t\t\t{{ n('nextcloud-vue', '%n type', '%n types', item.group.types.length) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t:label=\"groupStatusLabel(item.idx, false)\"\n\t\t\t\t\t\t\t:variant=\"groupStatusVariant(item.idx)\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<div v-if=\"showSaveButton\" class=\"cn-register-mapping__board-save\">\n\t\t\t\t<NcButton\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t:disabled=\"saving \|\| !hasChanges\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-board-save\"\n\t\t\t\t\t@click=\"handleSave\">\n\t\t\t\t\t<template v-if=\"saving\" #icon>\n\t\t\t\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ saving ? t('nextcloud-vue', 'Saving…') : saveButtonText }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div v-else-if=\"!registersLoading && !registersError\" class=\"cn-register-mapping\">\n\t\t\t<div\n\t\t\t\tv-for=\"(group, groupIdx) in groups\"\n\t\t\t\t:key=\"groupIdx\"\n\t\t\t\tclass=\"cn-register-mapping__group\"\n\t\t\t\t:class=\"{ 'cn-register-mapping__group--collapsed': !isGroupOpen(groupIdx) }\"\n\t\t\t\tdata-testid=\"cn-register-mapping-group\">\n\t\t\t\t<!-- Group header. With collapsible groups a heading holds the button\n\t\t\t\t that opens and closes the group (the WAI-ARIA accordion); the\n\t\t\t\t count stays visible while it is closed. -->\n\t\t\t\t<h4 v-if=\"groupsCollapsible\" class=\"cn-register-mapping__group-heading\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"cn-register-mapping__group-toggle\"\n\t\t\t\t\t\t:aria-expanded=\"String(isGroupOpen(groupIdx))\"\n\t\t\t\t\t\t:aria-controls=\"groupBodyId(groupIdx)\"\n\t\t\t\t\t\tdata-testid=\"cn-register-mapping-group-toggle\"\n\t\t\t\t\t\t@click=\"toggleGroup(groupIdx)\">\n\t\t\t\t\t\t<span class=\"cn-register-mapping__group-chevron\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<ChevronUp v-if=\"isGroupOpen(groupIdx)\" :size=\"20\" />\n\t\t\t\t\t\t\t<ChevronDown v-else :size=\"20\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<slot name=\"group-header\"\n\t\t\t\t\t\t\t:group=\"group\"\n\t\t\t\t\t\t\t:configuredCount=\"configuredCount(groupIdx)\"\n\t\t\t\t\t\t\t:totalCount=\"group.types.length\">\n\t\t\t\t\t\t\t<span class=\"cn-register-mapping__group-header\">\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__group-title\">{{ group.name }}</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__group-status\" data-testid=\"cn-register-mapping-group-count\">\n\t\t\t\t\t\t\t\t\t{{ configuredCount(groupIdx) }}/{{ group.types.length }} {{ labels.partiallyConfigured }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</button>\n\t\t\t\t</h4>\n\t\t\t\t<slot v-else\n\t\t\t\t\tname=\"group-header\"\n\t\t\t\t\t:group=\"group\"\n\t\t\t\t\t:configuredCount=\"configuredCount(groupIdx)\"\n\t\t\t\t\t:totalCount=\"group.types.length\">\n\t\t\t\t\t<div class=\"cn-register-mapping__group-header\">\n\t\t\t\t\t\t<h4 class=\"cn-register-mapping__group-title\">\n\t\t\t\t\t\t\t{{ group.name }}\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<span class=\"cn-register-mapping__group-status\">\n\t\t\t\t\t\t\t{{ configuredCount(groupIdx) }}/{{ group.types.length }} {{ labels.partiallyConfigured }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</slot>\n\n\t\t\t\t<div\n\t\t\t\t\tv-show=\"isGroupOpen(groupIdx)\"\n\t\t\t\t\t:id=\"groupBodyId(groupIdx)\"\n\t\t\t\t\tclass=\"cn-register-mapping__group-body\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-group-body\">\n\t\t\t\t\t<!-- Group description -->\n\t\t\t\t\t<p v-if=\"group.description\" class=\"cn-register-mapping__group-description\">\n\t\t\t\t\t\t{{ group.description }}\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<!-- Register selector -->\n\t\t\t\t\t<div class=\"cn-register-mapping__register-select\">\n\t\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t\t:modelValue=\"selectedRegister(groupIdx)\"\n\t\t\t\t\t\t\t:options=\"registerSelectOptions\"\n\t\t\t\t\t\t\t:placeholder=\"labels.selectRegister\"\n\t\t\t\t\t\t\t:inputLabel=\"labels.register\"\n\t\t\t\t\t\t\t:loading=\"registersLoading\"\n\t\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t\t@update:modelValue=\"handleRegisterChange(groupIdx, $event)\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- Type list -->\n\t\t\t\t\t<div v-if=\"selectedRegister(groupIdx)\" class=\"cn-register-mapping__type-list\">\n\t\t\t\t\t\t<!-- Header row -->\n\t\t\t\t\t\t<div class=\"cn-register-mapping__type-list-header\">\n\t\t\t\t\t\t\t<span>{{ t('nextcloud-vue', 'Object type') }}</span>\n\t\t\t\t\t\t\t<span>{{ labels.schema }}</span>\n\t\t\t\t\t\t\t<span />\n\t\t\t\t\t\t\t<span />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<!-- Type rows -->\n\t\t\t\t\t\t<template v-for=\"type in group.types\" :key=\"type.slug + '-row'\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__type-row\"\n\t\t\t\t\t\t\t\t:class=\"{ 'cn-register-mapping__type-row--expanded': isExpanded(groupIdx, type.slug) }\"\n\t\t\t\t\t\t\t\t@click=\"toggleExpand(groupIdx, type.slug)\">\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-name\">{{ type.label }}</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-schema\">\n\t\t\t\t\t\t\t\t\t{{ schemaLabel(groupIdx, type) \|\| labels.notConfigured }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-status\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__status-dot\"\n\t\t\t\t\t\t\t\t\t\t:class=\"schemaValue(groupIdx, type)\n\t\t\t\t\t\t\t\t\t\t\t? 'cn-register-mapping__status-dot--configured'\n\t\t\t\t\t\t\t\t\t\t\t: 'cn-register-mapping__status-dot--unconfigured'\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-chevron\">\n\t\t\t\t\t\t\t\t\t<ChevronUp v-if=\"isExpanded(groupIdx, type.slug)\" :size=\"20\" />\n\t\t\t\t\t\t\t\t\t<ChevronDown v-else :size=\"20\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Expanded detail -->\n\t\t\t\t\t\t\t<transition name=\"slide\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"isExpanded(groupIdx, type.slug)\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__type-detail\">\n\t\t\t\t\t\t\t\t\t<p v-if=\"type.description\" class=\"cn-register-mapping__type-description\">\n\t\t\t\t\t\t\t\t\t\t{{ type.description }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t\t\t\t\t:modelValue=\"selectedSchema(groupIdx, type)\"\n\t\t\t\t\t\t\t\t\t\t:options=\"schemaSelectOptions(groupIdx)\"\n\t\t\t\t\t\t\t\t\t\t:placeholder=\"labels.selectSchema\"\n\t\t\t\t\t\t\t\t\t\t:inputLabel=\"labels.schema\"\n\t\t\t\t\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t\t\t\t\t@update:modelValue=\"handleSchemaChange(groupIdx, type, $event)\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- No register selected -->\n\t\t\t\t\t<NcNoteCard v-else-if=\"!registersLoading\" type=\"info\">\n\t\t\t\t\t\t{{ labels.selectRegister }}\n\t\t\t\t\t</NcNoteCard>\n\n\t\t\t\t\t<!-- No schemas available -->\n\t\t\t\t\t<NcNoteCard\n\t\t\t\t\t\tv-if=\"selectedRegister(groupIdx) && schemaSelectOptions(groupIdx).length === 0 && !registersLoading\"\n\t\t\t\t\t\tvariant=\"warning\">\n\t\t\t\t\t\t{{ labels.noSchemas }}\n\t\t\t\t\t</NcNoteCard>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Footer -->\n\t\t<template v-if=\"$slots.footer\" #footer>\n\t\t\t<slot name=\"footer\" />\n\t\t</template>\n\t</CnSettingsSection>\n</template>\n\n<script>\nimport { translatePlural as n, translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcLoadingIcon, NcNoteCard, NcSelect } from '@nextcloud/vue'\nimport CheckCircle from 'vue-material-design-icons/CheckCircle.vue'\nimport ChevronDown from 'vue-material-design-icons/ChevronDown.vue'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport ChevronUp from 'vue-material-design-icons/ChevronUp.vue'\nimport ContentSave from 'vue-material-design-icons/ContentSave.vue'\nimport Refresh from 'vue-material-design-icons/Refresh.vue'\nimport { normalizeLook } from '../../composables/useLook.js'\nimport { buildHeaders, prefixUrl } from '../../utils/headers.js'\nimport { CnSettingsSection } from '../CnSettingsSection/index.js'\nimport { CnStatusBadge } from '../CnStatusBadge/index.js'\n\nlet mappingCount = 0\n\n/*\n CnRegisterMapping - OpenRegister register/schema configuration component.\n \n Displays and manages register-to-schema mappings for app object types.\n * Self-fetches available registers and schemas from the OpenRegister API.\n * Supports multiple register groups (stacked sections) with expandable\n * type rows for manual schema override.\n \n Only the registers the configuration maps have their schemas fetched; the\n * register select lists every register without its schemas.\n \n In the board look one group is open as a type/schema table under a status\n * chip, the other groups are rows with their type count and status, and the\n * save button closes the section.\n \n Single register (Pipelinq)\n * ```vue\n * <CnRegisterMapping\n * name=\"Register Configuration\"\n * :groups=\"[{\n * name: 'Core Objects',\n * types: [\n * { slug: 'client', label: 'Client' },\n * { slug: 'contact', label: 'Contact' },\n * ],\n * }]\"\n * :configuration=\"config\"\n * :show-reimport-button=\"true\"\n * @save=\"saveConfig\"\n * @reimport=\"reimport\" />\n * ```\n \n Multi-register (Stackiq)\n * ```vue\n * <CnRegisterMapping\n * :groups=\"[\n * { name: 'Voorzieningen', registerConfigKey: 'voorzieningen_register', types: [...] },\n * { name: 'AMEF', registerConfigKey: 'amef_register', types: [...] },\n * ]\"\n * :configuration=\"config\"\n * @save=\"saveConfig\" />\n * ```\n /\nexport default {\n\tname: 'CnRegisterMapping',\n\n\tcomponents: {\n\t\tCnSettingsSection,\n\t\tCnStatusBadge,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t\tNcNoteCard,\n\t\tNcSelect,\n\t\tContentSave,\n\t\tRefresh,\n\t\tCheckCircle,\n\t\tChevronDown,\n\t\tChevronRight,\n\t\tChevronUp,\n\t},\n\n\tinject: {\n\t\t/* The look CnAppRoot or CnAdminSettingsShell provides. /\n\t\tcnLook: { default: 'nextcloud' },\n\t\t/* The app's translate, for register and schema titles; identity outside CnAppRoot. /\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/* Section title /\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Register configuration'),\n\t\t},\n\n\t\t/* Section description /\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Configure OpenRegister schema mappings for your object types'),\n\t\t},\n\n\t\t/* Documentation URL /\n\t\tdocUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Groups of object types that share a register.\n\t\t \n\t\t @type {Array<{ name: string, description: string, registerConfigKey: string, types: Array<{ slug: string, label: string, description: string, configKey: string }> }>}\n\t\t /\n\t\tgroups: {\n\t\t\ttype: Array,\n\t\t\trequired: true,\n\t\t\tvalidator: (groups) => groups.length > 0\n\t\t\t\t&& groups.every((g) => g.name && Array.isArray(g.types) && g.types.length > 0),\n\t\t},\n\n\t\t/* Current configuration values: { register: '5', client_schema: '28', ... } /\n\t\tconfiguration: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/* Show save button /\n\t\tshowSaveButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* Whether save is in progress /\n\t\tsaving: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Show reimport button /\n\t\tshowReimportButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Whether reimport is in progress /\n\t\treimporting: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Save button text /\n\t\tsaveButtonText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Save configuration'),\n\t\t},\n\n\t\t/* Reimport button text /\n\t\treimportButtonText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Re-import configuration'),\n\t\t},\n\n\t\t/\n\t\t Draw each group as a header that opens and closes it, showing its\n\t\t * configured count while closed. The groups start closed. `null` (the\n\t\t * default) collapses them when there is more than one group, so a page\n\t\t * with several registers is not one long card.\n\t\t \n\t\t @type {boolean\|null}\n\t\t * @spec openspec/changes/register-mapping-collapsed-groups/specs/register-mapping/spec.md#requirement-register-groups-start-closed-with-their-count\n\t\t /\n\t\tcollapseGroups: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t The look the mapping is drawn in: `board` or `nextcloud`. Empty\n\t\t * follows the provided `cnLook`.\n\t\t \n\t\t @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\tlook: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Board look: how the types are drawn. `table` (default) is the open\n\t\t * group's type and schema table with the other groups as rows\n\t\t * (PqBeheer); `selects` is the register select and a schema select per\n\t\t * type in a grid of three for every group (DqBeheerinstellingen).\n\t\t \n\t\t @spec openspec/changes/register-mapping-select-grid/specs/register-mapping-select-grid/spec.md#requirement-the-board-look-can-draw-the-schemas-as-a-grid-of-selects\n\t\t /\n\t\tboardLayout: {\n\t\t\ttype: String,\n\t\t\tdefault: 'table',\n\t\t\tvalidator: (value) => ['table', 'selects'].includes(value),\n\t\t},\n\n\t\t/\n\t\t Board look: how many types the open group lists before a \"show all\"\n\t\t * line. 0 lists every type.\n\t\t \n\t\t @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\tboardRowLimit: {\n\t\t\ttype: Number,\n\t\t\tdefault: 4,\n\t\t},\n\n\t\t/* Auto-match schema titles to type slugs on register change /\n\t\tautoMatch: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* UI labels (i18n) /\n\t\tlabels: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({\n\t\t\t\tregister: t('nextcloud-vue', 'Register'),\n\t\t\t\tschema: t('nextcloud-vue', 'Schema'),\n\t\t\t\tconfigured: t('nextcloud-vue', 'Configured'),\n\t\t\t\tnotConfigured: t('nextcloud-vue', 'Not configured'),\n\t\t\t\tnoSchemas: t('nextcloud-vue', 'No schemas available in this register'),\n\t\t\t\tselectRegister: t('nextcloud-vue', 'Select a register'),\n\t\t\t\tselectSchema: t('nextcloud-vue', 'Select a schema'),\n\t\t\t\tallConfigured: t('nextcloud-vue', 'All types configured'),\n\t\t\t\tpartiallyConfigured: t('nextcloud-vue', 'configured'),\n\t\t\t}),\n\t\t},\n\t},\n\n\temits: ['update:configuration', 'save', 'reimport'],\n\n\tdata() {\n\t\treturn {\n\t\t\t// Fetched data\n\t\t\tregisters: [],\n\t\t\tschemasByRegister: {},\n\t\t\tregistersLoading: false,\n\t\t\tregistersError: null,\n\t\t\t// Local state\n\t\t\tlocalConfig: {},\n\t\t\texpandedRows: {},\n\t\t\t// The groups opened by the reader, by index.\n\t\t\topenGroups: {},\n\t\t\t// Board look: the group drawn open, and whether it lists every type.\n\t\t\tactiveGroupIdx: 0,\n\t\t\t// Schema requests by register id, so a register is fetched once.\n\t\t\tschemaRequests: {},\n\t\t\tregistersLoaded: false,\n\t\t\tshowAllTypes: false,\n\t\t\tuid: ++mappingCount,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/* Register options for NcSelect /\n\t\tregisterSelectOptions() {\n\t\t\treturn this.registers.map((r) => ({\n\t\t\t\tlabel: (r.title && this.cnTranslate(r.title)) \|\| r.slug \|\| t('nextcloud-vue', 'Register {id}', { id: r.id }),\n\t\t\t\tvalue: String(r.id),\n\t\t\t}))\n\t\t},\n\n\t\t/\n\t\t Whether the groups open and close.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/register-mapping-collapsed-groups/specs/register-mapping/spec.md#requirement-register-groups-start-closed-with-their-count\n\t\t /\n\t\tgroupsCollapsible() {\n\t\t\treturn this.collapseGroups === null ? this.groups.length > 1 : this.collapseGroups\n\t\t},\n\n\t\t/\n\t\t Whether the board look applies.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tisBoardLook() {\n\t\t\treturn normalizeLook(this.look \|\| this.cnLook) === 'board'\n\t\t},\n\n\t\t/\n\t\t The group the board look draws open.\n\t\t \n\t\t @return {object}\n\t\t /\n\t\tactiveGroup() {\n\t\t\treturn this.groups[this.activeGroupIdx] \|\| this.groups[0]\n\t\t},\n\n\t\t/\n\t\t The open group's types the board table lists.\n\t\t \n\t\t @return {Array<object>}\n\t\t /\n\t\tboardVisibleTypes() {\n\t\t\tconst types = this.activeGroup.types\n\t\t\tif (this.showAllTypes \|\| this.boardRowLimit <= 0) {\n\t\t\t\treturn types\n\t\t\t}\n\t\t\treturn types.slice(0, this.boardRowLimit)\n\t\t},\n\n\t\t/\n\t\t The open group's types below the row limit.\n\t\t \n\t\t @return {Array<object>}\n\t\t /\n\t\tboardHiddenTypes() {\n\t\t\treturn this.activeGroup.types.slice(this.boardVisibleTypes.length)\n\t\t},\n\n\t\t/\n\t\t The line under the board table that counts the types not listed.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tboardHiddenSummary() {\n\t\t\tconst count = this.boardHiddenTypes.length\n\t\t\tconst allSet = this.boardHiddenTypes.every((type) => !!this.schemaValue(this.activeGroupIdx, type))\n\t\t\treturn allSet\n\t\t\t\t? n('nextcloud-vue', 'And %n more type in this group, set up.', 'And %n more types in this group, all set up.', count)\n\t\t\t\t: n('nextcloud-vue', 'And %n more type in this group.', 'And %n more types in this group.', count)\n\t\t},\n\n\t\t/\n\t\t The groups the board look draws as compact rows, with their index.\n\t\t \n\t\t @return {Array<{group: object, idx: number}>}\n\t\t /\n\t\tboardOtherGroups() {\n\t\t\treturn this.groups\n\t\t\t\t.map((group, idx) => ({ group, idx }))\n\t\t\t\t.filter((item) => item.idx !== this.activeGroupIdx)\n\t\t},\n\n\t\t/\n\t\t Whether the section header draws buttons; the board look saves at the end.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\thasHeaderActions() {\n\t\t\treturn (this.showSaveButton && !this.isBoardLook) \|\| this.showReimportButton \|\| !!this.$slots.actions\n\t\t},\n\n\t\t/* Whether local config differs from prop /\n\t\thasChanges() {\n\t\t\treturn JSON.stringify(this.localConfig) !== JSON.stringify(this.configuration)\n\t\t},\n\t},\n\n\twatch: {\n\t\tconfiguration: {\n\t\t\thandler(newVal) {\n\t\t\t\tthis.localConfig = { ...newVal }\n\t\t\t\tif (this.registersLoaded) {\n\t\t\t\t\tthis.mappedRegisterIds().forEach((id) => this.loadSchemasForRegister(id))\n\t\t\t\t}\n\t\t\t},\n\n\t\t\timmediate: true,\n\t\t\tdeep: true,\n\t\t},\n\n\t\tgroups() {\n\t\t\tif (this.activeGroupIdx >= this.groups.length) {\n\t\t\t\tthis.activeGroupIdx = 0\n\t\t\t}\n\t\t},\n\t},\n\n\tasync mounted() {\n\t\tawait this.loadRegisters()\n\t},\n\n\tmethods: {\n\t\tt,\n\t\tn,\n\n\t\t/\n\t\t The status chip text of a group: every type set up, none, or how many.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {boolean} open Whether the group is the open one, which says \"All types set up\"\n\t\t * @return {string}\n\t\t * @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\tgroupStatusLabel(groupIdx, open) {\n\t\t\tconst configured = this.configuredCount(groupIdx)\n\t\t\tconst total = this.groups[groupIdx].types.length\n\t\t\tif (configured === total) {\n\t\t\t\treturn open ? t('nextcloud-vue', 'All types set up') : t('nextcloud-vue', 'Set up')\n\t\t\t}\n\t\t\tif (configured === 0) {\n\t\t\t\treturn t('nextcloud-vue', 'Not set')\n\t\t\t}\n\t\t\treturn t('nextcloud-vue', '{configured} of {total} set up', { configured, total })\n\t\t},\n\n\t\t/\n\t\t The status chip variant of a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {'success'\|'warning'\|'default'}\n\t\t /\n\t\tgroupStatusVariant(groupIdx) {\n\t\t\tconst configured = this.configuredCount(groupIdx)\n\t\t\tif (configured === this.groups[groupIdx].types.length) {\n\t\t\t\treturn 'success'\n\t\t\t}\n\t\t\treturn configured === 0 ? 'default' : 'warning'\n\t\t},\n\n\t\t/\n\t\t Board look: draw another group open.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {void}\n\t\t * @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\topenBoardGroup(groupIdx) {\n\t\t\tthis.activeGroupIdx = groupIdx\n\t\t\tthis.showAllTypes = false\n\t\t},\n\n\t\t/\n\t\t The register ids the configuration maps, one per distinct value.\n\t\t \n\t\t @return {string[]}\n\t\t /\n\t\tmappedRegisterIds() {\n\t\t\tconst ids = this.groups\n\t\t\t\t.map((group, idx) => String(this.localConfig[this.registerConfigKey(idx)] \|\| ''))\n\t\t\t\t.filter(Boolean)\n\t\t\treturn [...new Set(ids)]\n\t\t},\n\n\t\t/\n\t\t Whether a group's body shows.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {boolean}\n\t\t /\n\t\tisGroupOpen(groupIdx) {\n\t\t\treturn !this.groupsCollapsible \|\| this.openGroups[groupIdx] === true\n\t\t},\n\n\t\t/\n\t\t Open a closed group, or close an open one.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {void}\n\t\t * @spec openspec/changes/register-mapping-collapsed-groups/specs/register-mapping/spec.md#requirement-register-groups-start-closed-with-their-count\n\t\t /\n\t\ttoggleGroup(groupIdx) {\n\t\t\tthis.openGroups = { ...this.openGroups, [groupIdx]: !this.isGroupOpen(groupIdx) }\n\t\t},\n\n\t\t/\n\t\t The id of a group's body, for the header's `aria-controls`.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {string}\n\t\t /\n\t\tgroupBodyId(groupIdx) {\n\t\t\treturn `cn-register-mapping-${this.uid}-group-${groupIdx}`\n\t\t},\n\n\t\t/\n\t\t Get the config key for a group's register.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {string} Config key\n\t\t /\n\t\tregisterConfigKey(groupIdx) {\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\tif (group.registerConfigKey) {\n\t\t\t\treturn group.registerConfigKey\n\t\t\t}\n\t\t\tif (this.groups.length === 1) {\n\t\t\t\treturn 'register'\n\t\t\t}\n\t\t\treturn group.name.toLowerCase().replace(/[^a-z0-9]+/g, '_') + '_register'\n\t\t},\n\n\t\t/\n\t\t Get the config key for a type's schema.\n\t\t \n\t\t @param {object} type Type definition\n\t\t * @return {string} Config key\n\t\t /\n\t\tschemaConfigKey(type) {\n\t\t\treturn type.configKey \|\| type.slug + '_schema'\n\t\t},\n\n\t\t/\n\t\t Get the selected register option for a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {object\|null} NcSelect option\n\t\t /\n\t\tselectedRegister(groupIdx) {\n\t\t\tconst key = this.registerConfigKey(groupIdx)\n\t\t\tconst value = String(this.localConfig[key] \|\| '')\n\t\t\tif (!value) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn this.registerSelectOptions.find((o) => o.value === value) \|\| null\n\t\t},\n\n\t\t/\n\t\t Get the selected schema option for a type.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @return {object\|null} NcSelect option\n\t\t /\n\t\tselectedSchema(groupIdx, type) {\n\t\t\tconst key = this.schemaConfigKey(type)\n\t\t\tconst value = String(this.localConfig[key] \|\| '')\n\t\t\tif (!value) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst options = this.schemaSelectOptions(groupIdx)\n\t\t\treturn options.find((o) => o.value === value) \|\| null\n\t\t},\n\n\t\t/\n\t\t Get the schema value (ID) for a type.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @return {string} Schema ID or empty string\n\t\t /\n\t\tschemaValue(groupIdx, type) {\n\t\t\tconst key = this.schemaConfigKey(type)\n\t\t\treturn this.localConfig[key] \|\| ''\n\t\t},\n\n\t\t/\n\t\t Get the display label for a type's current schema.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @return {string} Schema label or empty string\n\t\t /\n\t\tschemaLabel(groupIdx, type) {\n\t\t\tconst selected = this.selectedSchema(groupIdx, type)\n\t\t\tif (selected) {\n\t\t\t\treturn selected.label\n\t\t\t}\n\t\t\tconst value = this.schemaValue(groupIdx, type)\n\t\t\treturn value ? t('nextcloud-vue', 'Schema {id}', { id: value }) : ''\n\t\t},\n\n\t\t/\n\t\t Get schema options for a group's selected register.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {Array<{label: string, value: string}>} NcSelect options\n\t\t /\n\t\tschemaSelectOptions(groupIdx) {\n\t\t\tconst reg = this.selectedRegister(groupIdx)\n\t\t\tif (!reg) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst schemas = this.schemasByRegister[reg.value] \|\| []\n\t\t\treturn schemas.map((s) => ({\n\t\t\t\tlabel: (s.title && this.cnTranslate(s.title)) \|\| s.slug \|\| t('nextcloud-vue', 'Schema {id}', { id: s.id }),\n\t\t\t\tvalue: String(s.id),\n\t\t\t}))\n\t\t},\n\n\t\t/\n\t\t Count configured types in a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {number} Count\n\t\t /\n\t\tconfiguredCount(groupIdx) {\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\treturn group.types.filter((type) => !!this.schemaValue(groupIdx, type)).length\n\t\t},\n\n\t\t/\n\t\t Check if a type row is expanded.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {string} slug Type slug\n\t\t * @return {boolean}\n\t\t /\n\t\tisExpanded(groupIdx, slug) {\n\t\t\treturn !!this.expandedRows[groupIdx + '-' + slug]\n\t\t},\n\n\t\t/\n\t\t Toggle a type row expansion.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {string} slug Type slug\n\t\t /\n\t\ttoggleExpand(groupIdx, slug) {\n\t\t\tconst key = groupIdx + '-' + slug\n\t\t\tthis.expandedRows = {\n\t\t\t\t...this.expandedRows,\n\t\t\t\t[key]: !this.expandedRows[key],\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Handle register selection change for a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object\|null} option NcSelect option\n\t\t /\n\t\tasync handleRegisterChange(groupIdx, option) {\n\t\t\tconst key = this.registerConfigKey(groupIdx)\n\t\t\tconst value = option?.value \|\| ''\n\n\t\t\tthis.localConfig = { ...this.localConfig, [key]: value }\n\n\t\t\t// Clear schema selections for this group\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\tfor (const type of group.types) {\n\t\t\t\tconst schemaKey = this.schemaConfigKey(type)\n\t\t\t\tthis.localConfig = { ...this.localConfig, [schemaKey]: '' }\n\t\t\t}\n\n\t\t\t// Fetch schemas for the new register\n\t\t\tif (value) {\n\t\t\t\tawait this.loadSchemasForRegister(value)\n\n\t\t\t\t// Auto-match schemas\n\t\t\t\tif (this.autoMatch) {\n\t\t\t\t\tthis.autoMatchSchemas(groupIdx)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.$emit('update:configuration', { ...this.localConfig })\n\t\t},\n\n\t\t/\n\t\t Handle schema selection change for a type.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @param {object\|null} option NcSelect option\n\t\t /\n\t\thandleSchemaChange(groupIdx, type, option) {\n\t\t\tconst key = this.schemaConfigKey(type)\n\t\t\tconst value = option?.value \|\| ''\n\n\t\t\tthis.localConfig = { ...this.localConfig, [key]: value }\n\t\t\tthis.$emit('update:configuration', { ...this.localConfig })\n\t\t},\n\n\t\t/\n\t\t Auto-match schema titles to type slugs/labels (case-insensitive).\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t /\n\t\tautoMatchSchemas(groupIdx) {\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\tconst options = this.schemaSelectOptions(groupIdx)\n\n\t\t\tfor (const type of group.types) {\n\t\t\t\tconst schemaKey = this.schemaConfigKey(type)\n\t\t\t\t// Skip if already has a value\n\t\t\t\tif (this.localConfig[schemaKey]) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\n\t\t\t\tconst slug = type.slug.toLowerCase()\n\t\t\t\tconst label = type.label.toLowerCase()\n\n\t\t\t\tconst match = options.find((o) => {\n\t\t\t\t\tconst optLabel = o.label.toLowerCase()\n\t\t\t\t\treturn optLabel === slug \|\| optLabel === label\n\t\t\t\t\t\t\|\| optLabel.includes(slug) \|\| slug.includes(optLabel)\n\t\t\t\t})\n\n\t\t\t\tif (match) {\n\t\t\t\t\tthis.localConfig = { ...this.localConfig, [schemaKey]: match.value }\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t/* Emit save event with current config /\n\t\thandleSave() {\n\t\t\tthis.$emit('save', { ...this.localConfig })\n\t\t},\n\n\t\t/\n\t\t Fetch the registers for the select, without their schemas, and the\n\t\t * schemas of the registers the configuration maps. Expanding the schemas\n\t\t * of every register costs megabytes on a busy instance.\n\t\t \n\t\t @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-only-mapped-registers-have-their-schemas-fetched\n\t\t /\n\t\tasync loadRegisters() {\n\t\t\tthis.registersLoading = true\n\t\t\tthis.registersError = null\n\n\t\t\ttry {\n\t\t\t\tconst [response] = await Promise.all([\n\t\t\t\t\tfetch(prefixUrl('/apps/openregister/api/registers'), {\n\t\t\t\t\t\tmethod: 'GET',\n\t\t\t\t\t\theaders: buildHeaders(),\n\t\t\t\t\t}),\n\t\t\t\t\t...this.mappedRegisterIds().map((id) => this.loadSchemasForRegister(id)),\n\t\t\t\t])\n\n\t\t\t\tif (!response.ok) {\n\t\t\t\t\tthis.registersError = t('nextcloud-vue', 'The registers could not be loaded: {reason}', { reason: response.statusText \|\| response.status })\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tconst data = await response.json()\n\t\t\t\tconst results = data.results \|\| data\n\t\t\t\tthis.registers = Array.isArray(results) ? results : []\n\t\t\t\tthis.registersLoaded = true\n\t\t\t} catch (error) {\n\t\t\t\tthis.registersError = error.message \|\| t('nextcloud-vue', 'The registers could not be loaded: {reason}', { reason: t('nextcloud-vue', 'no connection') })\n\t\t\t} finally {\n\t\t\t\tthis.registersLoading = false\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Fetch the schemas of one register, through `registers/{id}/schemas`,\n\t\t * or the register with its schemas expanded where that route is missing.\n\t\t \n\t\t @param {string} registerId Register ID\n\t\t * @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-only-mapped-registers-have-their-schemas-fetched\n\t\t /\n\t\tasync loadSchemasForRegister(registerId) {\n\t\t\tconst id = String(registerId)\n\n\t\t\tif (this.schemasByRegister[id]?.length > 0) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!this.schemaRequests[id]) {\n\t\t\t\tthis.schemaRequests[id] = this.fetchSchemas(id).finally(() => {\n\t\t\t\t\tdelete this.schemaRequests[id]\n\t\t\t\t})\n\t\t\t}\n\t\t\tawait this.schemaRequests[id]\n\t\t},\n\n\t\t/\n\t\t One schema request for a register; fills `schemasByRegister`.\n\t\t \n\t\t @param {string} id Register ID\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync fetchSchemas(id) {\n\t\t\ttry {\n\t\t\t\tlet response = await fetch(\n\t\t\t\t\tprefixUrl(`/apps/openregister/api/registers/${encodeURIComponent(id)}/schemas`),\n\t\t\t\t\t{ method: 'GET', headers: buildHeaders() },\n\t\t\t\t)\n\t\t\t\tif (response.status === 404) {\n\t\t\t\t\tresponse = await fetch(\n\t\t\t\t\t\tprefixUrl(`/apps/openregister/api/registers/${encodeURIComponent(id)}?_extend[]=schemas`),\n\t\t\t\t\t\t{ method: 'GET', headers: buildHeaders() },\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tif (!response.ok) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tconst data = await response.json()\n\t\t\t\tconst list = data.results \|\| data.schemas \|\| []\n\t\t\t\tconst schemas = (Array.isArray(list) ? list : []).filter((s) => s && typeof s === 'object' && s.id)\n\t\t\t\tthis.schemasByRegister = { ...this.schemasByRegister, [id]: schemas }\n\t\t\t} catch {\n\t\t\t\t// The register stays selected; its schema select stays empty.\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-register-mapping__group {\n\tmargin-bottom: 24px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: 20px;\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__group:last-child {\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__group-header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin-bottom: 12px;\n}\n\n.cn-register-mapping__group-heading {\n\tmargin: 0 0 12px;\n\tfont: inherit;\n}\n\n.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading {\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__group-toggle {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\twidth: 100%;\n\tmin-height: 44px;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont: inherit;\n\ttext-align: start;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__group-toggle:focus-visible {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n\tborder-radius: var(--border-radius);\n}\n\n.cn-register-mapping__group-chevron {\n\tdisplay: inline-flex;\n\tflex: none;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__group-toggle .cn-register-mapping__group-header {\n\tflex: 1 1 auto;\n\tflex-wrap: wrap;\n\tgap: 4px 12px;\n\tmin-width: 0;\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__group-title {\n\tfont-size: 16px;\n\tfont-weight: 600;\n\tmargin: 0;\n\tcolor: var(--color-main-text);\n}\n\n.cn-register-mapping__group-status {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__group-description {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n\tmargin: 0 0 12px 0;\n}\n\n.cn-register-mapping__register-select {\n\tmargin-bottom: 16px;\n\tmax-width: 400px;\n}\n\n.cn-register-mapping__type-list {\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius);\n\toverflow: hidden;\n\tbackground: var(--color-main-background);\n}\n\n.cn-register-mapping__type-list-header {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 40px 32px;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-transform: uppercase;\n\tletter-spacing: 0.5px;\n\tborder-bottom: 1px solid var(--color-border);\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__type-row {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 40px 32px;\n\talign-items: center;\n\tpadding: 10px 16px;\n\tborder-bottom: 1px solid var(--color-border);\n\tcursor: pointer;\n\ttransition: background-color 0.15s ease;\n}\n\n.cn-register-mapping__type-row:hover {\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__type-row--expanded {\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__type-name {\n\tfont-weight: 500;\n\tcolor: var(--color-main-text);\n}\n\n.cn-register-mapping__type-schema {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-register-mapping__type-status {\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.cn-register-mapping__type-chevron {\n\tdisplay: flex;\n\tjustify-content: center;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__status-dot {\n\tdisplay: inline-block;\n\twidth: 10px;\n\theight: 10px;\n\tborder-radius: 50%;\n}\n\n.cn-register-mapping__status-dot--configured {\n\tbackground-color: var(--color-success);\n}\n\n.cn-register-mapping__status-dot--unconfigured {\n\tbackground-color: var(--color-warning);\n}\n\n.cn-register-mapping__type-detail {\n\tpadding: 12px 16px 16px;\n\tborder-bottom: 1px solid var(--color-border);\n\tbackground: var(--color-main-background);\n}\n\n.cn-register-mapping__type-description {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n\tmargin: 0 0 8px 0;\n}\n\n/ Board look (PqBeheer): one open group, compact rows for the others. /\n.cn-register-mapping--board {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 14px;\n}\n\n.cn-register-mapping__board-group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 14px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n}\n\n.cn-register-mapping__board-head {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 10px 16px;\n}\n\n.cn-register-mapping__board-title {\n\tmargin: 0;\n\tfont-size: 15px;\n\tfont-weight: 700;\n}\n\n.cn-register-mapping__selects-group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n}\n\n.cn-register-mapping__selects-register {\n\tmax-width: 50%;\n}\n\n/ DqBeheerinstellingen: the register select fills its half of the card. /\n.cn-register-mapping__selects-register :deep(.v-select) {\n\twidth: 100%;\n\tmax-width: none;\n}\n\n.cn-register-mapping__select-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));\n\tgap: 16px;\n}\n\n@media (max-width: 768px) {\n\t.cn-register-mapping__selects-register {\n\t\tmax-width: none;\n\t}\n\n\t.cn-register-mapping__select-grid {\n\t\tgrid-template-columns: minmax(0, 1fr);\n\t}\n}\n\n.cn-register-mapping__board-select {\n\tmax-width: 400px;\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__board-table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n}\n\n.cn-register-mapping__board-table th {\n\tpadding: 8px 12px 8px 0;\n\tborder-bottom: 1px solid var(--color-border);\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-align: start;\n\twhite-space: nowrap;\n}\n\n.cn-register-mapping__board-table td {\n\tpadding: 10px 12px 10px 0;\n\tborder-bottom: 1px solid var(--color-border);\n\tfont-size: 14px;\n\tvertical-align: middle;\n}\n\n.cn-register-mapping__board-schema {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tmin-height: 32px;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont: inherit;\n\ttext-align: start;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__board-schema:hover {\n\ttext-decoration: underline;\n}\n\n.cn-register-mapping__board-schema:focus-visible,\n.cn-register-mapping__board-link:focus-visible,\n.cn-register-mapping__board-group-row:focus-visible {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n\tborder-radius: var(--border-radius);\n}\n\n.cn-register-mapping__board-check {\n\tcolor: var(--color-success-text, var(--color-success));\n}\n\n.cn-register-mapping__board-more {\n\tmargin: 0;\n\tfont-size: 13px;\n\tline-height: 1.4;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__board-link {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: var(--color-primary-element);\n\tfont: inherit;\n\ttext-decoration: underline;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__board-groups {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-register-mapping__board-group-row {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\twidth: 100%;\n\tmin-height: 44px;\n\tmargin: 0;\n\tpadding: 10px 2px;\n\tborder: 0;\n\tborder-bottom: 1px solid var(--color-border);\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont: inherit;\n\tfont-size: 14px;\n\ttext-align: start;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__board-group-row:hover {\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__board-chevron,\n.cn-register-mapping__board-group-count {\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__board-group-name {\n\tflex: 1;\n}\n\n.cn-register-mapping__board-save {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: 10px;\n}\n\n/ Slide transition /\n.slide-enter-active,\n.slide-leave-active {\n\ttransition: all 0.2s ease;\n\tmax-height: 200px;\n\toverflow: hidden;\n}\n\n.slide-enter,\n.slide-leave-to {\n\tmax-height: 0;\n\tpadding-top: 0;\n\tpadding-bottom: 0;\n\topacity: 0;\n}\n\n/ Last row in list should not have bottom border */\n.cn-register-mapping__type-list > :last-child {\n\tborder-bottom: none;\n}\n\n@media (max-width: 768px) {\n\t.cn-register-mapping__type-list-header {\n\t\tdisplay: none;\n\t}\n\n\t.cn-register-mapping__type-row {\n\t\tgrid-template-columns: 1fr auto 32px;\n\t}\n\n\t.cn-register-mapping__type-schema {\n\t\tdisplay: none;\n\t}\n\n\t.cn-register-mapping__register-select {\n\t\tmax-width: none;\n\t}\n}\n</style>\n"],"names":["_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","_toDisplayString","_createElementVNode","_createVNode","_createTextVNode","_normalizeClass","_renderSlot","_Transition","_vShow"],"mappings":"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"}
1	+ {"version":3,"file":"CnRegisterMapping.vue3.js","sources":["../../../../src/components/CnRegisterMapping/CnRegisterMapping.vue?vue&type=template&id=15c62064&lang.js"],"sourcesContent":["<template>\n\t<CnSettingsSection\n\t\t:name=\"name\"\n\t\t:description=\"description\"\n\t\t:docUrl=\"docUrl\"\n\t\t:loading=\"registersLoading\"\n\t\t:loadingMessage=\"t('nextcloud-vue', 'Loading registers…')\"\n\t\t:error=\"!!registersError\"\n\t\t:errorMessage=\"registersError \|\| ''\"\n\t\t:onRetry=\"loadRegisters\">\n\t\t<!-- Action buttons -->\n\t\t<template v-if=\"hasHeaderActions\" #actions>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"showSaveButton && !isBoardLook\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\t:disabled=\"saving \|\| !hasChanges\"\n\t\t\t\t@click=\"handleSave\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcLoadingIcon v-if=\"saving\" :size=\"20\" />\n\t\t\t\t\t<ContentSave v-else :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ saving ? t('nextcloud-vue', 'Saving…') : saveButtonText }}\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tv-if=\"showReimportButton\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t:disabled=\"reimporting\"\n\t\t\t\t@click=\"$emit('reimport')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<NcLoadingIcon v-if=\"reimporting\" :size=\"20\" />\n\t\t\t\t\t<Refresh v-else :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ reimporting ? t('nextcloud-vue', 'Importing…') : reimportButtonText }}\n\t\t\t</NcButton>\n\t\t\t<slot name=\"actions\" />\n\t\t</template>\n\n\t\t<!-- `boardLayout: \"selects\"` (DqBeheerinstellingen Configuratie): per\n\t\t group the register select, then a schema select per type in a\n\t\t grid of three, and one save button at the end. -->\n\t\t<div\n\t\t\tv-if=\"isBoardLook && boardLayout === 'selects' && !registersLoading && !registersError\"\n\t\t\tclass=\"cn-register-mapping cn-register-mapping--board cn-register-mapping--selects\"\n\t\t\tdata-testid=\"cn-register-mapping-selects\">\n\t\t\t<div\n\t\t\t\tv-for=\"(group, groupIdx) in groups\"\n\t\t\t\t:key=\"groupIdx\"\n\t\t\t\tclass=\"cn-register-mapping__selects-group\">\n\t\t\t\t<h3 v-if=\"groups.length > 1\" class=\"cn-register-mapping__board-title\">\n\t\t\t\t\t{{ group.name }}\n\t\t\t\t</h3>\n\t\t\t\t<div class=\"cn-register-mapping__selects-register\" data-testid=\"cn-register-mapping-register\">\n\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t:modelValue=\"selectedRegister(groupIdx)\"\n\t\t\t\t\t\t:options=\"registerSelectOptions\"\n\t\t\t\t\t\t:placeholder=\"labels.selectRegister\"\n\t\t\t\t\t\t:inputLabel=\"labels.register\"\n\t\t\t\t\t\t:clearable=\"false\"\n\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t@update:modelValue=\"handleRegisterChange(groupIdx, $event)\" />\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tv-if=\"selectedRegister(groupIdx)\"\n\t\t\t\t\tclass=\"cn-register-mapping__select-grid\"\n\t\t\t\t\t:style=\"{ '--cn-register-mapping-columns': 3 }\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-select-grid\">\n\t\t\t\t\t<NcSelect\n\t\t\t\t\t\tv-for=\"type in group.types\"\n\t\t\t\t\t\t:key=\"type.slug + '-select'\"\n\t\t\t\t\t\t:modelValue=\"selectedSchema(groupIdx, type)\"\n\t\t\t\t\t\t:options=\"schemaSelectOptions(groupIdx)\"\n\t\t\t\t\t\t:placeholder=\"labels.selectSchema\"\n\t\t\t\t\t\t:inputLabel=\"type.label\"\n\t\t\t\t\t\t:clearable=\"false\"\n\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t@update:modelValue=\"handleSchemaChange(groupIdx, type, $event)\" />\n\t\t\t\t</div>\n\t\t\t\t<NcNoteCard\n\t\t\t\t\tv-if=\"selectedRegister(groupIdx) && schemaSelectOptions(groupIdx).length === 0\"\n\t\t\t\t\ttype=\"warning\">\n\t\t\t\t\t{{ labels.noSchemas }}\n\t\t\t\t</NcNoteCard>\n\t\t\t</div>\n\t\t\t<div v-if=\"showSaveButton\" class=\"cn-register-mapping__board-save\">\n\t\t\t\t<NcButton\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t:disabled=\"saving \|\| !hasChanges\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-board-save\"\n\t\t\t\t\t@click=\"handleSave\">\n\t\t\t\t\t<template v-if=\"saving\" #icon>\n\t\t\t\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ saving ? t('nextcloud-vue', 'Saving…') : saveButtonText }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Group sections -->\n\t\t<div\n\t\t\tv-else-if=\"isBoardLook && !registersLoading && !registersError\"\n\t\t\tclass=\"cn-register-mapping cn-register-mapping--board\"\n\t\t\tdata-testid=\"cn-register-mapping-board\">\n\t\t\t<div class=\"cn-register-mapping__board-group\" data-testid=\"cn-register-mapping-board-group\">\n\t\t\t\t<div class=\"cn-register-mapping__board-head\">\n\t\t\t\t\t<h3 class=\"cn-register-mapping__board-title\">\n\t\t\t\t\t\t{{ activeGroup.name }}\n\t\t\t\t\t</h3>\n\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t:label=\"groupStatusLabel(activeGroupIdx, true)\"\n\t\t\t\t\t\t:variant=\"groupStatusVariant(activeGroupIdx)\"\n\t\t\t\t\t\tdata-testid=\"cn-register-mapping-board-status\" />\n\t\t\t\t</div>\n\t\t\t\t<p v-if=\"activeGroup.description\" class=\"cn-register-mapping__group-description\">\n\t\t\t\t\t{{ activeGroup.description }}\n\t\t\t\t</p>\n\t\t\t\t<div class=\"cn-register-mapping__register-select cn-register-mapping__board-select\">\n\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t:modelValue=\"selectedRegister(activeGroupIdx)\"\n\t\t\t\t\t\t:options=\"registerSelectOptions\"\n\t\t\t\t\t\t:placeholder=\"labels.selectRegister\"\n\t\t\t\t\t\t:inputLabel=\"labels.register\"\n\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t@update:modelValue=\"handleRegisterChange(activeGroupIdx, $event)\" />\n\t\t\t\t</div>\n\t\t\t\t<table v-if=\"selectedRegister(activeGroupIdx)\" class=\"cn-register-mapping__board-table\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th scope=\"col\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Object type') }}\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<th scope=\"col\">\n\t\t\t\t\t\t\t\t{{ labels.schema }}\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<template v-for=\"type in boardVisibleTypes\" :key=\"type.slug + '-board'\">\n\t\t\t\t\t\t\t<tr data-testid=\"cn-register-mapping-board-row\">\n\t\t\t\t\t\t\t\t<td>{{ type.label }}</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__board-schema\"\n\t\t\t\t\t\t\t\t\t\t:aria-expanded=\"String(isExpanded(activeGroupIdx, type.slug))\"\n\t\t\t\t\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Change the schema for {type}', { type: type.label })\"\n\t\t\t\t\t\t\t\t\t\t@click=\"toggleExpand(activeGroupIdx, type.slug)\">\n\t\t\t\t\t\t\t\t\t\t<CheckCircle\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"schemaValue(activeGroupIdx, type)\"\n\t\t\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__board-check\"\n\t\t\t\t\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t\t\t\t\t{{ schemaLabel(activeGroupIdx, type) \|\| t('nextcloud-vue', 'Not set') }}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t<tr v-if=\"isExpanded(activeGroupIdx, type.slug)\" class=\"cn-register-mapping__board-detail\">\n\t\t\t\t\t\t\t\t<td colspan=\"2\">\n\t\t\t\t\t\t\t\t\t<p v-if=\"type.description\" class=\"cn-register-mapping__type-description\">\n\t\t\t\t\t\t\t\t\t\t{{ type.description }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t\t\t\t\t:modelValue=\"selectedSchema(activeGroupIdx, type)\"\n\t\t\t\t\t\t\t\t\t\t:options=\"schemaSelectOptions(activeGroupIdx)\"\n\t\t\t\t\t\t\t\t\t\t:placeholder=\"labels.selectSchema\"\n\t\t\t\t\t\t\t\t\t\t:inputLabel=\"labels.schema\"\n\t\t\t\t\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t\t\t\t\t@update:modelValue=\"handleSchemaChange(activeGroupIdx, type, $event)\" />\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t\t<p\n\t\t\t\t\tv-if=\"selectedRegister(activeGroupIdx) && boardHiddenTypes.length > 0\"\n\t\t\t\t\tclass=\"cn-register-mapping__board-more\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-board-more\">\n\t\t\t\t\t{{ boardHiddenSummary }}\n\t\t\t\t\t<button type=\"button\" class=\"cn-register-mapping__board-link\" @click=\"showAllTypes = true\">\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Show all types') }}\n\t\t\t\t\t</button>\n\t\t\t\t</p>\n\t\t\t\t<NcNoteCard v-if=\"!selectedRegister(activeGroupIdx)\" type=\"info\">\n\t\t\t\t\t{{ labels.selectRegister }}\n\t\t\t\t</NcNoteCard>\n\t\t\t\t<NcNoteCard\n\t\t\t\t\tv-if=\"selectedRegister(activeGroupIdx) && schemaSelectOptions(activeGroupIdx).length === 0\"\n\t\t\t\t\ttype=\"warning\">\n\t\t\t\t\t{{ labels.noSchemas }}\n\t\t\t\t</NcNoteCard>\n\t\t\t</div>\n\t\t\t<ul v-if=\"boardOtherGroups.length > 0\" class=\"cn-register-mapping__board-groups\">\n\t\t\t\t<li v-for=\"item in boardOtherGroups\" :key=\"item.idx\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"cn-register-mapping__board-group-row\"\n\t\t\t\t\t\tdata-testid=\"cn-register-mapping-board-group-row\"\n\t\t\t\t\t\t@click=\"openBoardGroup(item.idx)\">\n\t\t\t\t\t\t<ChevronRight :size=\"18\" class=\"cn-register-mapping__board-chevron\" />\n\t\t\t\t\t\t<strong class=\"cn-register-mapping__board-group-name\">{{ item.group.name }}</strong>\n\t\t\t\t\t\t<span class=\"cn-register-mapping__board-group-count\">\n\t\t\t\t\t\t\t{{ n('nextcloud-vue', '%n type', '%n types', item.group.types.length) }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t:label=\"groupStatusLabel(item.idx, false)\"\n\t\t\t\t\t\t\t:variant=\"groupStatusVariant(item.idx)\" />\n\t\t\t\t\t</button>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<div v-if=\"showSaveButton\" class=\"cn-register-mapping__board-save\">\n\t\t\t\t<NcButton\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t:disabled=\"saving \|\| !hasChanges\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-board-save\"\n\t\t\t\t\t@click=\"handleSave\">\n\t\t\t\t\t<template v-if=\"saving\" #icon>\n\t\t\t\t\t\t<NcLoadingIcon :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ saving ? t('nextcloud-vue', 'Saving…') : saveButtonText }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div v-else-if=\"!registersLoading && !registersError\" class=\"cn-register-mapping\">\n\t\t\t<div\n\t\t\t\tv-for=\"(group, groupIdx) in groups\"\n\t\t\t\t:key=\"groupIdx\"\n\t\t\t\tclass=\"cn-register-mapping__group\"\n\t\t\t\t:class=\"{ 'cn-register-mapping__group--collapsed': !isGroupOpen(groupIdx) }\"\n\t\t\t\tdata-testid=\"cn-register-mapping-group\">\n\t\t\t\t<!-- Group header. With collapsible groups a heading holds the button\n\t\t\t\t that opens and closes the group (the WAI-ARIA accordion); the\n\t\t\t\t count stays visible while it is closed. -->\n\t\t\t\t<h4 v-if=\"groupsCollapsible\" class=\"cn-register-mapping__group-heading\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"cn-register-mapping__group-toggle\"\n\t\t\t\t\t\t:aria-expanded=\"String(isGroupOpen(groupIdx))\"\n\t\t\t\t\t\t:aria-controls=\"groupBodyId(groupIdx)\"\n\t\t\t\t\t\tdata-testid=\"cn-register-mapping-group-toggle\"\n\t\t\t\t\t\t@click=\"toggleGroup(groupIdx)\">\n\t\t\t\t\t\t<span class=\"cn-register-mapping__group-chevron\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<ChevronUp v-if=\"isGroupOpen(groupIdx)\" :size=\"20\" />\n\t\t\t\t\t\t\t<ChevronDown v-else :size=\"20\" />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<slot name=\"group-header\"\n\t\t\t\t\t\t\t:group=\"group\"\n\t\t\t\t\t\t\t:configuredCount=\"configuredCount(groupIdx)\"\n\t\t\t\t\t\t\t:totalCount=\"group.types.length\">\n\t\t\t\t\t\t\t<span class=\"cn-register-mapping__group-header\">\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__group-title\">{{ group.name }}</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__group-status\" data-testid=\"cn-register-mapping-group-count\">\n\t\t\t\t\t\t\t\t\t{{ configuredCount(groupIdx) }}/{{ group.types.length }} {{ labels.partiallyConfigured }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</button>\n\t\t\t\t</h4>\n\t\t\t\t<slot v-else\n\t\t\t\t\tname=\"group-header\"\n\t\t\t\t\t:group=\"group\"\n\t\t\t\t\t:configuredCount=\"configuredCount(groupIdx)\"\n\t\t\t\t\t:totalCount=\"group.types.length\">\n\t\t\t\t\t<div class=\"cn-register-mapping__group-header\">\n\t\t\t\t\t\t<h4 class=\"cn-register-mapping__group-title\">\n\t\t\t\t\t\t\t{{ group.name }}\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<span class=\"cn-register-mapping__group-status\">\n\t\t\t\t\t\t\t{{ configuredCount(groupIdx) }}/{{ group.types.length }} {{ labels.partiallyConfigured }}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\t\t\t\t</slot>\n\n\t\t\t\t<div\n\t\t\t\t\tv-show=\"isGroupOpen(groupIdx)\"\n\t\t\t\t\t:id=\"groupBodyId(groupIdx)\"\n\t\t\t\t\tclass=\"cn-register-mapping__group-body\"\n\t\t\t\t\tdata-testid=\"cn-register-mapping-group-body\">\n\t\t\t\t\t<!-- Group description -->\n\t\t\t\t\t<p v-if=\"group.description\" class=\"cn-register-mapping__group-description\">\n\t\t\t\t\t\t{{ group.description }}\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<!-- Register selector -->\n\t\t\t\t\t<div class=\"cn-register-mapping__register-select\">\n\t\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t\t:modelValue=\"selectedRegister(groupIdx)\"\n\t\t\t\t\t\t\t:options=\"registerSelectOptions\"\n\t\t\t\t\t\t\t:placeholder=\"labels.selectRegister\"\n\t\t\t\t\t\t\t:inputLabel=\"labels.register\"\n\t\t\t\t\t\t\t:loading=\"registersLoading\"\n\t\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t\t@update:modelValue=\"handleRegisterChange(groupIdx, $event)\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- Type list -->\n\t\t\t\t\t<div v-if=\"selectedRegister(groupIdx)\" class=\"cn-register-mapping__type-list\">\n\t\t\t\t\t\t<!-- Header row -->\n\t\t\t\t\t\t<div class=\"cn-register-mapping__type-list-header\">\n\t\t\t\t\t\t\t<span>{{ t('nextcloud-vue', 'Object type') }}</span>\n\t\t\t\t\t\t\t<span>{{ labels.schema }}</span>\n\t\t\t\t\t\t\t<span />\n\t\t\t\t\t\t\t<span />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<!-- Type rows -->\n\t\t\t\t\t\t<template v-for=\"type in group.types\" :key=\"type.slug + '-row'\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__type-row\"\n\t\t\t\t\t\t\t\t:class=\"{ 'cn-register-mapping__type-row--expanded': isExpanded(groupIdx, type.slug) }\"\n\t\t\t\t\t\t\t\t@click=\"toggleExpand(groupIdx, type.slug)\">\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-name\">{{ type.label }}</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-schema\">\n\t\t\t\t\t\t\t\t\t{{ schemaLabel(groupIdx, type) \|\| labels.notConfigured }}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-status\">\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__status-dot\"\n\t\t\t\t\t\t\t\t\t\t:class=\"schemaValue(groupIdx, type)\n\t\t\t\t\t\t\t\t\t\t\t? 'cn-register-mapping__status-dot--configured'\n\t\t\t\t\t\t\t\t\t\t\t: 'cn-register-mapping__status-dot--unconfigured'\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span class=\"cn-register-mapping__type-chevron\">\n\t\t\t\t\t\t\t\t\t<ChevronUp v-if=\"isExpanded(groupIdx, type.slug)\" :size=\"20\" />\n\t\t\t\t\t\t\t\t\t<ChevronDown v-else :size=\"20\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<!-- Expanded detail -->\n\t\t\t\t\t\t\t<transition name=\"slide\">\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tv-if=\"isExpanded(groupIdx, type.slug)\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-register-mapping__type-detail\">\n\t\t\t\t\t\t\t\t\t<p v-if=\"type.description\" class=\"cn-register-mapping__type-description\">\n\t\t\t\t\t\t\t\t\t\t{{ type.description }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<NcSelect\n\t\t\t\t\t\t\t\t\t\t:modelValue=\"selectedSchema(groupIdx, type)\"\n\t\t\t\t\t\t\t\t\t\t:options=\"schemaSelectOptions(groupIdx)\"\n\t\t\t\t\t\t\t\t\t\t:placeholder=\"labels.selectSchema\"\n\t\t\t\t\t\t\t\t\t\t:inputLabel=\"labels.schema\"\n\t\t\t\t\t\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t\t\t\t\t\ttrackBy=\"value\"\n\t\t\t\t\t\t\t\t\t\t@update:modelValue=\"handleSchemaChange(groupIdx, type, $event)\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</transition>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<!-- No register selected -->\n\t\t\t\t\t<NcNoteCard v-else-if=\"!registersLoading\" type=\"info\">\n\t\t\t\t\t\t{{ labels.selectRegister }}\n\t\t\t\t\t</NcNoteCard>\n\n\t\t\t\t\t<!-- No schemas available -->\n\t\t\t\t\t<NcNoteCard\n\t\t\t\t\t\tv-if=\"selectedRegister(groupIdx) && schemaSelectOptions(groupIdx).length === 0 && !registersLoading\"\n\t\t\t\t\t\tvariant=\"warning\">\n\t\t\t\t\t\t{{ labels.noSchemas }}\n\t\t\t\t\t</NcNoteCard>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Footer -->\n\t\t<template v-if=\"$slots.footer\" #footer>\n\t\t\t<slot name=\"footer\" />\n\t\t</template>\n\t</CnSettingsSection>\n</template>\n\n<script>\nimport { translatePlural as n, translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcLoadingIcon, NcNoteCard, NcSelect } from '@nextcloud/vue'\nimport CheckCircle from 'vue-material-design-icons/CheckCircle.vue'\nimport ChevronDown from 'vue-material-design-icons/ChevronDown.vue'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport ChevronUp from 'vue-material-design-icons/ChevronUp.vue'\nimport ContentSave from 'vue-material-design-icons/ContentSave.vue'\nimport Refresh from 'vue-material-design-icons/Refresh.vue'\nimport { normalizeLook } from '../../composables/useLook.js'\nimport { buildHeaders, prefixUrl } from '../../utils/headers.js'\nimport { CnSettingsSection } from '../CnSettingsSection/index.js'\nimport { CnStatusBadge } from '../CnStatusBadge/index.js'\n\nlet mappingCount = 0\n\n/*\n CnRegisterMapping - OpenRegister register/schema configuration component.\n \n Displays and manages register-to-schema mappings for app object types.\n * Self-fetches available registers and schemas from the OpenRegister API.\n * Supports multiple register groups (stacked sections) with expandable\n * type rows for manual schema override.\n \n Only the registers the configuration maps have their schemas fetched; the\n * register select lists every register without its schemas.\n \n In the board look one group is open as a type/schema table under a status\n * chip, the other groups are rows with their type count and status, and the\n * save button closes the section.\n \n Single register (Pipelinq)\n * ```vue\n * <CnRegisterMapping\n * name=\"Register Configuration\"\n * :groups=\"[{\n * name: 'Core Objects',\n * types: [\n * { slug: 'client', label: 'Client' },\n * { slug: 'contact', label: 'Contact' },\n * ],\n * }]\"\n * :configuration=\"config\"\n * :show-reimport-button=\"true\"\n * @save=\"saveConfig\"\n * @reimport=\"reimport\" />\n * ```\n \n Multi-register (Stackiq)\n * ```vue\n * <CnRegisterMapping\n * :groups=\"[\n * { name: 'Voorzieningen', registerConfigKey: 'voorzieningen_register', types: [...] },\n * { name: 'AMEF', registerConfigKey: 'amef_register', types: [...] },\n * ]\"\n * :configuration=\"config\"\n * @save=\"saveConfig\" />\n * ```\n /\nexport default {\n\tname: 'CnRegisterMapping',\n\n\tcomponents: {\n\t\tCnSettingsSection,\n\t\tCnStatusBadge,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t\tNcNoteCard,\n\t\tNcSelect,\n\t\tContentSave,\n\t\tRefresh,\n\t\tCheckCircle,\n\t\tChevronDown,\n\t\tChevronRight,\n\t\tChevronUp,\n\t},\n\n\tinject: {\n\t\t/* The look CnAppRoot or CnAdminSettingsShell provides. /\n\t\tcnLook: { default: 'nextcloud' },\n\t\t/* The app's translate, for register and schema titles; identity outside CnAppRoot. /\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/* Section title /\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Register configuration'),\n\t\t},\n\n\t\t/* Section description /\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Configure OpenRegister schema mappings for your object types'),\n\t\t},\n\n\t\t/* Documentation URL /\n\t\tdocUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Groups of object types that share a register.\n\t\t \n\t\t @type {Array<{ name: string, description: string, registerConfigKey: string, types: Array<{ slug: string, label: string, description: string, configKey: string }> }>}\n\t\t /\n\t\tgroups: {\n\t\t\ttype: Array,\n\t\t\trequired: true,\n\t\t\tvalidator: (groups) => groups.length > 0\n\t\t\t\t&& groups.every((g) => g.name && Array.isArray(g.types) && g.types.length > 0),\n\t\t},\n\n\t\t/* Current configuration values: { register: '5', client_schema: '28', ... } /\n\t\tconfiguration: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/* Show save button /\n\t\tshowSaveButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* Whether save is in progress /\n\t\tsaving: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Show reimport button /\n\t\tshowReimportButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Whether reimport is in progress /\n\t\treimporting: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Save button text /\n\t\tsaveButtonText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Save configuration'),\n\t\t},\n\n\t\t/* Reimport button text /\n\t\treimportButtonText: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Re-import configuration'),\n\t\t},\n\n\t\t/\n\t\t Draw each group as a header that opens and closes it, showing its\n\t\t * configured count while closed. The groups start closed. `null` (the\n\t\t * default) collapses them when there is more than one group, so a page\n\t\t * with several registers is not one long card.\n\t\t \n\t\t @type {boolean\|null}\n\t\t * @spec openspec/changes/register-mapping-collapsed-groups/specs/register-mapping/spec.md#requirement-register-groups-start-closed-with-their-count\n\t\t /\n\t\tcollapseGroups: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/\n\t\t The look the mapping is drawn in: `board` or `nextcloud`. Empty\n\t\t * follows the provided `cnLook`.\n\t\t \n\t\t @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\tlook: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Board look: how the types are drawn. `table` (default) is the open\n\t\t * group's type and schema table with the other groups as rows\n\t\t * (PqBeheer); `selects` is the register select and a schema select per\n\t\t * type in a grid of three for every group (DqBeheerinstellingen).\n\t\t \n\t\t @spec openspec/changes/register-mapping-select-grid/specs/register-mapping-select-grid/spec.md#requirement-the-board-look-can-draw-the-schemas-as-a-grid-of-selects\n\t\t /\n\t\tboardLayout: {\n\t\t\ttype: String,\n\t\t\tdefault: 'table',\n\t\t\tvalidator: (value) => ['table', 'selects'].includes(value),\n\t\t},\n\n\t\t/\n\t\t Board look: how many types the open group lists before a \"show all\"\n\t\t * line. 0 lists every type.\n\t\t \n\t\t @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\tboardRowLimit: {\n\t\t\ttype: Number,\n\t\t\tdefault: 4,\n\t\t},\n\n\t\t/* Auto-match schema titles to type slugs on register change /\n\t\tautoMatch: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* UI labels (i18n) /\n\t\tlabels: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({\n\t\t\t\tregister: t('nextcloud-vue', 'Register'),\n\t\t\t\tschema: t('nextcloud-vue', 'Schema'),\n\t\t\t\tconfigured: t('nextcloud-vue', 'Configured'),\n\t\t\t\tnotConfigured: t('nextcloud-vue', 'Not configured'),\n\t\t\t\tnoSchemas: t('nextcloud-vue', 'No schemas available in this register'),\n\t\t\t\tselectRegister: t('nextcloud-vue', 'Select a register'),\n\t\t\t\tselectSchema: t('nextcloud-vue', 'Select a schema'),\n\t\t\t\tallConfigured: t('nextcloud-vue', 'All types configured'),\n\t\t\t\tpartiallyConfigured: t('nextcloud-vue', 'configured'),\n\t\t\t}),\n\t\t},\n\t},\n\n\temits: ['update:configuration', 'save', 'reimport'],\n\n\tdata() {\n\t\treturn {\n\t\t\t// Fetched data\n\t\t\tregisters: [],\n\t\t\tschemasByRegister: {},\n\t\t\tregistersLoading: false,\n\t\t\tregistersError: null,\n\t\t\t// Local state\n\t\t\tlocalConfig: {},\n\t\t\texpandedRows: {},\n\t\t\t// The groups opened by the reader, by index.\n\t\t\topenGroups: {},\n\t\t\t// Board look: the group drawn open, and whether it lists every type.\n\t\t\tactiveGroupIdx: 0,\n\t\t\t// Schema requests by register id, so a register is fetched once.\n\t\t\tschemaRequests: {},\n\t\t\tregistersLoaded: false,\n\t\t\tshowAllTypes: false,\n\t\t\tuid: ++mappingCount,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/* Register options for NcSelect /\n\t\tregisterSelectOptions() {\n\t\t\treturn this.registers.map((r) => ({\n\t\t\t\tlabel: (r.title && this.cnTranslate(r.title)) \|\| r.slug \|\| t('nextcloud-vue', 'Register {id}', { id: r.id }),\n\t\t\t\tvalue: String(r.id),\n\t\t\t}))\n\t\t},\n\n\t\t/\n\t\t Whether the groups open and close.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/register-mapping-collapsed-groups/specs/register-mapping/spec.md#requirement-register-groups-start-closed-with-their-count\n\t\t /\n\t\tgroupsCollapsible() {\n\t\t\treturn this.collapseGroups === null ? this.groups.length > 1 : this.collapseGroups\n\t\t},\n\n\t\t/\n\t\t Whether the board look applies.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tisBoardLook() {\n\t\t\treturn normalizeLook(this.look \|\| this.cnLook) === 'board'\n\t\t},\n\n\t\t/\n\t\t The group the board look draws open.\n\t\t \n\t\t @return {object}\n\t\t /\n\t\tactiveGroup() {\n\t\t\treturn this.groups[this.activeGroupIdx] \|\| this.groups[0]\n\t\t},\n\n\t\t/\n\t\t The open group's types the board table lists.\n\t\t \n\t\t @return {Array<object>}\n\t\t /\n\t\tboardVisibleTypes() {\n\t\t\tconst types = this.activeGroup.types\n\t\t\tif (this.showAllTypes \|\| this.boardRowLimit <= 0) {\n\t\t\t\treturn types\n\t\t\t}\n\t\t\treturn types.slice(0, this.boardRowLimit)\n\t\t},\n\n\t\t/\n\t\t The open group's types below the row limit.\n\t\t \n\t\t @return {Array<object>}\n\t\t /\n\t\tboardHiddenTypes() {\n\t\t\treturn this.activeGroup.types.slice(this.boardVisibleTypes.length)\n\t\t},\n\n\t\t/\n\t\t The line under the board table that counts the types not listed.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\tboardHiddenSummary() {\n\t\t\tconst count = this.boardHiddenTypes.length\n\t\t\tconst allSet = this.boardHiddenTypes.every((type) => !!this.schemaValue(this.activeGroupIdx, type))\n\t\t\treturn allSet\n\t\t\t\t? n('nextcloud-vue', 'And %n more type in this group, set up.', 'And %n more types in this group, all set up.', count)\n\t\t\t\t: n('nextcloud-vue', 'And %n more type in this group.', 'And %n more types in this group.', count)\n\t\t},\n\n\t\t/\n\t\t The groups the board look draws as compact rows, with their index.\n\t\t \n\t\t @return {Array<{group: object, idx: number}>}\n\t\t /\n\t\tboardOtherGroups() {\n\t\t\treturn this.groups\n\t\t\t\t.map((group, idx) => ({ group, idx }))\n\t\t\t\t.filter((item) => item.idx !== this.activeGroupIdx)\n\t\t},\n\n\t\t/\n\t\t Whether the section header draws buttons; the board look saves at the end.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\thasHeaderActions() {\n\t\t\treturn (this.showSaveButton && !this.isBoardLook) \|\| this.showReimportButton \|\| !!this.$slots.actions\n\t\t},\n\n\t\t/* Whether local config differs from prop /\n\t\thasChanges() {\n\t\t\treturn JSON.stringify(this.localConfig) !== JSON.stringify(this.configuration)\n\t\t},\n\t},\n\n\twatch: {\n\t\tconfiguration: {\n\t\t\thandler(newVal) {\n\t\t\t\tthis.localConfig = { ...newVal }\n\t\t\t\tif (this.registersLoaded) {\n\t\t\t\t\tthis.mappedRegisterIds().forEach((id) => this.loadSchemasForRegister(id))\n\t\t\t\t}\n\t\t\t},\n\n\t\t\timmediate: true,\n\t\t\tdeep: true,\n\t\t},\n\n\t\tgroups() {\n\t\t\tif (this.activeGroupIdx >= this.groups.length) {\n\t\t\t\tthis.activeGroupIdx = 0\n\t\t\t}\n\t\t},\n\t},\n\n\tasync mounted() {\n\t\tawait this.loadRegisters()\n\t},\n\n\tmethods: {\n\t\tt,\n\t\tn,\n\n\t\t/\n\t\t The status chip text of a group: every type set up, none, or how many.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {boolean} open Whether the group is the open one, which says \"All types set up\"\n\t\t * @return {string}\n\t\t * @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\tgroupStatusLabel(groupIdx, open) {\n\t\t\tconst configured = this.configuredCount(groupIdx)\n\t\t\tconst total = this.groups[groupIdx].types.length\n\t\t\tif (configured === total) {\n\t\t\t\treturn open ? t('nextcloud-vue', 'All types set up') : t('nextcloud-vue', 'Set up')\n\t\t\t}\n\t\t\tif (configured === 0) {\n\t\t\t\treturn t('nextcloud-vue', 'Not set')\n\t\t\t}\n\t\t\treturn t('nextcloud-vue', '{configured} of {total} set up', { configured, total })\n\t\t},\n\n\t\t/\n\t\t The status chip variant of a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {'success'\|'warning'\|'default'}\n\t\t /\n\t\tgroupStatusVariant(groupIdx) {\n\t\t\tconst configured = this.configuredCount(groupIdx)\n\t\t\tif (configured === this.groups[groupIdx].types.length) {\n\t\t\t\treturn 'success'\n\t\t\t}\n\t\t\treturn configured === 0 ? 'default' : 'warning'\n\t\t},\n\n\t\t/\n\t\t Board look: draw another group open.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {void}\n\t\t * @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-the-board-look-draws-one-open-group-and-compact-rows\n\t\t /\n\t\topenBoardGroup(groupIdx) {\n\t\t\tthis.activeGroupIdx = groupIdx\n\t\t\tthis.showAllTypes = false\n\t\t},\n\n\t\t/\n\t\t The register ids the configuration maps, one per distinct value.\n\t\t \n\t\t @return {string[]}\n\t\t /\n\t\tmappedRegisterIds() {\n\t\t\tconst ids = this.groups\n\t\t\t\t.map((group, idx) => String(this.localConfig[this.registerConfigKey(idx)] \|\| ''))\n\t\t\t\t.filter(Boolean)\n\t\t\treturn [...new Set(ids)]\n\t\t},\n\n\t\t/\n\t\t Whether a group's body shows.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {boolean}\n\t\t /\n\t\tisGroupOpen(groupIdx) {\n\t\t\treturn !this.groupsCollapsible \|\| this.openGroups[groupIdx] === true\n\t\t},\n\n\t\t/\n\t\t Open a closed group, or close an open one.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {void}\n\t\t * @spec openspec/changes/register-mapping-collapsed-groups/specs/register-mapping/spec.md#requirement-register-groups-start-closed-with-their-count\n\t\t /\n\t\ttoggleGroup(groupIdx) {\n\t\t\tthis.openGroups = { ...this.openGroups, [groupIdx]: !this.isGroupOpen(groupIdx) }\n\t\t},\n\n\t\t/\n\t\t The id of a group's body, for the header's `aria-controls`.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {string}\n\t\t /\n\t\tgroupBodyId(groupIdx) {\n\t\t\treturn `cn-register-mapping-${this.uid}-group-${groupIdx}`\n\t\t},\n\n\t\t/\n\t\t Get the config key for a group's register.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {string} Config key\n\t\t /\n\t\tregisterConfigKey(groupIdx) {\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\tif (group.registerConfigKey) {\n\t\t\t\treturn group.registerConfigKey\n\t\t\t}\n\t\t\tif (this.groups.length === 1) {\n\t\t\t\treturn 'register'\n\t\t\t}\n\t\t\treturn group.name.toLowerCase().replace(/[^a-z0-9]+/g, '_') + '_register'\n\t\t},\n\n\t\t/\n\t\t Get the config key for a type's schema.\n\t\t \n\t\t @param {object} type Type definition\n\t\t * @return {string} Config key\n\t\t /\n\t\tschemaConfigKey(type) {\n\t\t\treturn type.configKey \|\| type.slug + '_schema'\n\t\t},\n\n\t\t/\n\t\t Get the selected register option for a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {object\|null} NcSelect option\n\t\t /\n\t\tselectedRegister(groupIdx) {\n\t\t\tconst key = this.registerConfigKey(groupIdx)\n\t\t\tconst value = String(this.localConfig[key] \|\| '')\n\t\t\tif (!value) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn this.registerSelectOptions.find((o) => o.value === value) \|\| null\n\t\t},\n\n\t\t/\n\t\t Get the selected schema option for a type.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @return {object\|null} NcSelect option\n\t\t /\n\t\tselectedSchema(groupIdx, type) {\n\t\t\tconst key = this.schemaConfigKey(type)\n\t\t\tconst value = String(this.localConfig[key] \|\| '')\n\t\t\tif (!value) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst options = this.schemaSelectOptions(groupIdx)\n\t\t\treturn options.find((o) => o.value === value) \|\| null\n\t\t},\n\n\t\t/\n\t\t Get the schema value (ID) for a type.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @return {string} Schema ID or empty string\n\t\t /\n\t\tschemaValue(groupIdx, type) {\n\t\t\tconst key = this.schemaConfigKey(type)\n\t\t\treturn this.localConfig[key] \|\| ''\n\t\t},\n\n\t\t/\n\t\t Get the display label for a type's current schema.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @return {string} Schema label or empty string\n\t\t /\n\t\tschemaLabel(groupIdx, type) {\n\t\t\tconst selected = this.selectedSchema(groupIdx, type)\n\t\t\tif (selected) {\n\t\t\t\treturn selected.label\n\t\t\t}\n\t\t\tconst value = this.schemaValue(groupIdx, type)\n\t\t\treturn value ? t('nextcloud-vue', 'Schema {id}', { id: value }) : ''\n\t\t},\n\n\t\t/\n\t\t Get schema options for a group's selected register.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {Array<{label: string, value: string}>} NcSelect options\n\t\t /\n\t\tschemaSelectOptions(groupIdx) {\n\t\t\tconst reg = this.selectedRegister(groupIdx)\n\t\t\tif (!reg) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst schemas = this.schemasByRegister[reg.value] \|\| []\n\t\t\treturn schemas.map((s) => ({\n\t\t\t\tlabel: (s.title && this.cnTranslate(s.title)) \|\| s.slug \|\| t('nextcloud-vue', 'Schema {id}', { id: s.id }),\n\t\t\t\tvalue: String(s.id),\n\t\t\t}))\n\t\t},\n\n\t\t/\n\t\t Count configured types in a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @return {number} Count\n\t\t /\n\t\tconfiguredCount(groupIdx) {\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\treturn group.types.filter((type) => !!this.schemaValue(groupIdx, type)).length\n\t\t},\n\n\t\t/\n\t\t Check if a type row is expanded.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {string} slug Type slug\n\t\t * @return {boolean}\n\t\t /\n\t\tisExpanded(groupIdx, slug) {\n\t\t\treturn !!this.expandedRows[groupIdx + '-' + slug]\n\t\t},\n\n\t\t/\n\t\t Toggle a type row expansion.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {string} slug Type slug\n\t\t /\n\t\ttoggleExpand(groupIdx, slug) {\n\t\t\tconst key = groupIdx + '-' + slug\n\t\t\tthis.expandedRows = {\n\t\t\t\t...this.expandedRows,\n\t\t\t\t[key]: !this.expandedRows[key],\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Handle register selection change for a group.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object\|null} option NcSelect option\n\t\t /\n\t\tasync handleRegisterChange(groupIdx, option) {\n\t\t\tconst key = this.registerConfigKey(groupIdx)\n\t\t\tconst value = option?.value \|\| ''\n\n\t\t\tthis.localConfig = { ...this.localConfig, [key]: value }\n\n\t\t\t// Clear schema selections for this group\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\tfor (const type of group.types) {\n\t\t\t\tconst schemaKey = this.schemaConfigKey(type)\n\t\t\t\tthis.localConfig = { ...this.localConfig, [schemaKey]: '' }\n\t\t\t}\n\n\t\t\t// Fetch schemas for the new register\n\t\t\tif (value) {\n\t\t\t\tawait this.loadSchemasForRegister(value)\n\n\t\t\t\t// Auto-match schemas\n\t\t\t\tif (this.autoMatch) {\n\t\t\t\t\tthis.autoMatchSchemas(groupIdx)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.$emit('update:configuration', { ...this.localConfig })\n\t\t},\n\n\t\t/\n\t\t Handle schema selection change for a type.\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t * @param {object} type Type definition\n\t\t * @param {object\|null} option NcSelect option\n\t\t /\n\t\thandleSchemaChange(groupIdx, type, option) {\n\t\t\tconst key = this.schemaConfigKey(type)\n\t\t\tconst value = option?.value \|\| ''\n\n\t\t\tthis.localConfig = { ...this.localConfig, [key]: value }\n\t\t\tthis.$emit('update:configuration', { ...this.localConfig })\n\t\t},\n\n\t\t/\n\t\t Auto-match schema titles to type slugs/labels (case-insensitive).\n\t\t \n\t\t @param {number} groupIdx Group index\n\t\t /\n\t\tautoMatchSchemas(groupIdx) {\n\t\t\tconst group = this.groups[groupIdx]\n\t\t\tconst options = this.schemaSelectOptions(groupIdx)\n\n\t\t\tfor (const type of group.types) {\n\t\t\t\tconst schemaKey = this.schemaConfigKey(type)\n\t\t\t\t// Skip if already has a value\n\t\t\t\tif (this.localConfig[schemaKey]) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\n\t\t\t\tconst slug = type.slug.toLowerCase()\n\t\t\t\tconst label = type.label.toLowerCase()\n\n\t\t\t\tconst match = options.find((o) => {\n\t\t\t\t\tconst optLabel = o.label.toLowerCase()\n\t\t\t\t\treturn optLabel === slug \|\| optLabel === label\n\t\t\t\t\t\t\|\| optLabel.includes(slug) \|\| slug.includes(optLabel)\n\t\t\t\t})\n\n\t\t\t\tif (match) {\n\t\t\t\t\tthis.localConfig = { ...this.localConfig, [schemaKey]: match.value }\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t/* Emit save event with current config /\n\t\thandleSave() {\n\t\t\tthis.$emit('save', { ...this.localConfig })\n\t\t},\n\n\t\t/\n\t\t Fetch the registers for the select, without their schemas, and the\n\t\t * schemas of the registers the configuration maps. Expanding the schemas\n\t\t * of every register costs megabytes on a busy instance.\n\t\t \n\t\t @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-only-mapped-registers-have-their-schemas-fetched\n\t\t /\n\t\tasync loadRegisters() {\n\t\t\tthis.registersLoading = true\n\t\t\tthis.registersError = null\n\n\t\t\ttry {\n\t\t\t\tconst [response] = await Promise.all([\n\t\t\t\t\tfetch(prefixUrl('/apps/openregister/api/registers'), {\n\t\t\t\t\t\tmethod: 'GET',\n\t\t\t\t\t\theaders: buildHeaders(),\n\t\t\t\t\t}),\n\t\t\t\t\t...this.mappedRegisterIds().map((id) => this.loadSchemasForRegister(id)),\n\t\t\t\t])\n\n\t\t\t\tif (!response.ok) {\n\t\t\t\t\tthis.registersError = t('nextcloud-vue', 'The registers could not be loaded: {reason}', { reason: response.statusText \|\| response.status })\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tconst data = await response.json()\n\t\t\t\tconst results = data.results \|\| data\n\t\t\t\tthis.registers = Array.isArray(results) ? results : []\n\t\t\t\tthis.registersLoaded = true\n\t\t\t\t// A configuration that arrived while the registers were loading\n\t\t\t\t// skipped its schema read (the watcher waits for the registers),\n\t\t\t\t// so read the mapped registers' schemas now.\n\t\t\t\tthis.mappedRegisterIds().forEach((id) => this.loadSchemasForRegister(id))\n\t\t\t} catch (error) {\n\t\t\t\tthis.registersError = error.message \|\| t('nextcloud-vue', 'The registers could not be loaded: {reason}', { reason: t('nextcloud-vue', 'no connection') })\n\t\t\t} finally {\n\t\t\t\tthis.registersLoading = false\n\t\t\t}\n\t\t},\n\n\t\t/\n\t\t Fetch the schemas of one register, through `registers/{id}/schemas`,\n\t\t * or the register with its schemas expanded where that route is missing.\n\t\t \n\t\t @param {string} registerId Register ID\n\t\t * @spec openspec/changes/register-mapping-board-look/specs/register-mapping/spec.md#requirement-only-mapped-registers-have-their-schemas-fetched\n\t\t /\n\t\tasync loadSchemasForRegister(registerId) {\n\t\t\tconst id = String(registerId)\n\n\t\t\tif (this.schemasByRegister[id]?.length > 0) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!this.schemaRequests[id]) {\n\t\t\t\tthis.schemaRequests[id] = this.fetchSchemas(id).finally(() => {\n\t\t\t\t\tdelete this.schemaRequests[id]\n\t\t\t\t})\n\t\t\t}\n\t\t\tawait this.schemaRequests[id]\n\t\t},\n\n\t\t/\n\t\t One schema request for a register; fills `schemasByRegister`.\n\t\t \n\t\t @param {string} id Register ID\n\t\t * @return {Promise<void>}\n\t\t /\n\t\tasync fetchSchemas(id) {\n\t\t\ttry {\n\t\t\t\tlet response = await fetch(\n\t\t\t\t\tprefixUrl(`/apps/openregister/api/registers/${encodeURIComponent(id)}/schemas`),\n\t\t\t\t\t{ method: 'GET', headers: buildHeaders() },\n\t\t\t\t)\n\t\t\t\tif (response.status === 404) {\n\t\t\t\t\tresponse = await fetch(\n\t\t\t\t\t\tprefixUrl(`/apps/openregister/api/registers/${encodeURIComponent(id)}?_extend[]=schemas`),\n\t\t\t\t\t\t{ method: 'GET', headers: buildHeaders() },\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tif (!response.ok) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tconst data = await response.json()\n\t\t\t\tconst list = data.results \|\| data.schemas \|\| []\n\t\t\t\tconst schemas = (Array.isArray(list) ? list : []).filter((s) => s && typeof s === 'object' && s.id)\n\t\t\t\tthis.schemasByRegister = { ...this.schemasByRegister, [id]: schemas }\n\t\t\t} catch {\n\t\t\t\t// The register stays selected; its schema select stays empty.\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-register-mapping__group {\n\tmargin-bottom: 24px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n\tpadding: 20px;\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__group:last-child {\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__group-header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tmargin-bottom: 12px;\n}\n\n.cn-register-mapping__group-heading {\n\tmargin: 0 0 12px;\n\tfont: inherit;\n}\n\n.cn-register-mapping__group--collapsed .cn-register-mapping__group-heading {\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__group-toggle {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\twidth: 100%;\n\tmin-height: 44px;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont: inherit;\n\ttext-align: start;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__group-toggle:focus-visible {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n\tborder-radius: var(--border-radius);\n}\n\n.cn-register-mapping__group-chevron {\n\tdisplay: inline-flex;\n\tflex: none;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__group-toggle .cn-register-mapping__group-header {\n\tflex: 1 1 auto;\n\tflex-wrap: wrap;\n\tgap: 4px 12px;\n\tmin-width: 0;\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__group-title {\n\tfont-size: 16px;\n\tfont-weight: 600;\n\tmargin: 0;\n\tcolor: var(--color-main-text);\n}\n\n.cn-register-mapping__group-status {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__group-description {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n\tmargin: 0 0 12px 0;\n}\n\n.cn-register-mapping__register-select {\n\tmargin-bottom: 16px;\n\tmax-width: 400px;\n}\n\n.cn-register-mapping__type-list {\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius);\n\toverflow: hidden;\n\tbackground: var(--color-main-background);\n}\n\n.cn-register-mapping__type-list-header {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 40px 32px;\n\talign-items: center;\n\tpadding: 8px 16px;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-transform: uppercase;\n\tletter-spacing: 0.5px;\n\tborder-bottom: 1px solid var(--color-border);\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__type-row {\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr 40px 32px;\n\talign-items: center;\n\tpadding: 10px 16px;\n\tborder-bottom: 1px solid var(--color-border);\n\tcursor: pointer;\n\ttransition: background-color 0.15s ease;\n}\n\n.cn-register-mapping__type-row:hover {\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__type-row--expanded {\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__type-name {\n\tfont-weight: 500;\n\tcolor: var(--color-main-text);\n}\n\n.cn-register-mapping__type-schema {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-register-mapping__type-status {\n\tdisplay: flex;\n\tjustify-content: center;\n}\n\n.cn-register-mapping__type-chevron {\n\tdisplay: flex;\n\tjustify-content: center;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__status-dot {\n\tdisplay: inline-block;\n\twidth: 10px;\n\theight: 10px;\n\tborder-radius: 50%;\n}\n\n.cn-register-mapping__status-dot--configured {\n\tbackground-color: var(--color-success);\n}\n\n.cn-register-mapping__status-dot--unconfigured {\n\tbackground-color: var(--color-warning);\n}\n\n.cn-register-mapping__type-detail {\n\tpadding: 12px 16px 16px;\n\tborder-bottom: 1px solid var(--color-border);\n\tbackground: var(--color-main-background);\n}\n\n.cn-register-mapping__type-description {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n\tmargin: 0 0 8px 0;\n}\n\n/ Board look (PqBeheer): one open group, compact rows for the others. /\n.cn-register-mapping--board {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 14px;\n}\n\n.cn-register-mapping__board-group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 14px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large);\n}\n\n.cn-register-mapping__board-head {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 10px 16px;\n}\n\n.cn-register-mapping__board-title {\n\tmargin: 0;\n\tfont-size: 15px;\n\tfont-weight: 700;\n}\n\n.cn-register-mapping__selects-group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n}\n\n.cn-register-mapping__selects-register {\n\tmax-width: 50%;\n}\n\n/ DqBeheerinstellingen: the register select fills its half of the card. /\n.cn-register-mapping__selects-register :deep(.v-select) {\n\twidth: 100%;\n\tmax-width: none;\n}\n\n.cn-register-mapping__select-grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(var(--cn-register-mapping-columns, 3), minmax(0, 1fr));\n\tgap: 16px;\n}\n\n@media (max-width: 768px) {\n\t.cn-register-mapping__selects-register {\n\t\tmax-width: none;\n\t}\n\n\t.cn-register-mapping__select-grid {\n\t\tgrid-template-columns: minmax(0, 1fr);\n\t}\n}\n\n.cn-register-mapping__board-select {\n\tmax-width: 400px;\n\tmargin-bottom: 0;\n}\n\n.cn-register-mapping__board-table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n}\n\n.cn-register-mapping__board-table th {\n\tpadding: 8px 12px 8px 0;\n\tborder-bottom: 1px solid var(--color-border);\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tcolor: var(--color-text-maxcontrast);\n\ttext-align: start;\n\twhite-space: nowrap;\n}\n\n.cn-register-mapping__board-table td {\n\tpadding: 10px 12px 10px 0;\n\tborder-bottom: 1px solid var(--color-border);\n\tfont-size: 14px;\n\tvertical-align: middle;\n}\n\n.cn-register-mapping__board-schema {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 6px;\n\tmin-height: 32px;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont: inherit;\n\ttext-align: start;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__board-schema:hover {\n\ttext-decoration: underline;\n}\n\n.cn-register-mapping__board-schema:focus-visible,\n.cn-register-mapping__board-link:focus-visible,\n.cn-register-mapping__board-group-row:focus-visible {\n\toutline: 2px solid var(--color-primary-element);\n\toutline-offset: 2px;\n\tborder-radius: var(--border-radius);\n}\n\n.cn-register-mapping__board-check {\n\tcolor: var(--color-success-text, var(--color-success));\n}\n\n.cn-register-mapping__board-more {\n\tmargin: 0;\n\tfont-size: 13px;\n\tline-height: 1.4;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__board-link {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: transparent;\n\tcolor: var(--color-primary-element);\n\tfont: inherit;\n\ttext-decoration: underline;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__board-groups {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-register-mapping__board-group-row {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\twidth: 100%;\n\tmin-height: 44px;\n\tmargin: 0;\n\tpadding: 10px 2px;\n\tborder: 0;\n\tborder-bottom: 1px solid var(--color-border);\n\tbackground: transparent;\n\tcolor: inherit;\n\tfont: inherit;\n\tfont-size: 14px;\n\ttext-align: start;\n\tcursor: pointer;\n}\n\n.cn-register-mapping__board-group-row:hover {\n\tbackground: var(--color-background-hover);\n}\n\n.cn-register-mapping__board-chevron,\n.cn-register-mapping__board-group-count {\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-register-mapping__board-group-name {\n\tflex: 1;\n}\n\n.cn-register-mapping__board-save {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: 10px;\n}\n\n/ Slide transition /\n.slide-enter-active,\n.slide-leave-active {\n\ttransition: all 0.2s ease;\n\tmax-height: 200px;\n\toverflow: hidden;\n}\n\n.slide-enter,\n.slide-leave-to {\n\tmax-height: 0;\n\tpadding-top: 0;\n\tpadding-bottom: 0;\n\topacity: 0;\n}\n\n/ Last row in list should not have bottom border */\n.cn-register-mapping__type-list > :last-child {\n\tborder-bottom: none;\n}\n\n@media (max-width: 768px) {\n\t.cn-register-mapping__type-list-header {\n\t\tdisplay: none;\n\t}\n\n\t.cn-register-mapping__type-row {\n\t\tgrid-template-columns: 1fr auto 32px;\n\t}\n\n\t.cn-register-mapping__type-schema {\n\t\tdisplay: none;\n\t}\n\n\t.cn-register-mapping__register-select {\n\t\tmax-width: none;\n\t}\n}\n</style>\n"],"names":["_createBlock","_openBlock","_createElementBlock","_Fragment","_renderList","_toDisplayString","_createElementVNode","_createVNode","_createTextVNode","_normalizeClass","_renderSlot","_Transition","_vShow"],"mappings":"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"}

package/dist/esm/components/CnStepper/CnStepper.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import script from './CnStepper.vue2.js';
 import { render } from './CnStepper.vue3.js';
 script.render = render;
-script.__scopeId = "data-v-3cab4d7d";
+script.__scopeId = "data-v-3d784176";
 const __sfc_main = script;
 export { __sfc_main as default };

package/dist/esm/components/CnStepper/CnStepper.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnStepper.vue2.js","sources":["../../../../src/components/CnStepper/CnStepper.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<ol class=\"cn-stepper cn-wizard-dialog__progress\"\n\t\t:class=\"[{ 'cn-stepper--board': isBoard }, lookClass]\"\n\t\t:aria-label=\"ariaLabel\"\n\t\tdata-testid=\"cn-stepper\">\n\t\t<li v-for=\"(step, idx) in steps\"\n\t\t\t:key=\"step.id\"\n\t\t\tclass=\"cn-stepper__item cn-wizard-dialog__progress-item\"\n\t\t\t:class=\"{\n\t\t\t\t'cn-stepper__item--done': idx < currentIndex,\n\t\t\t\t'cn-stepper__item--current': idx === currentIndex,\n\t\t\t\t'cn-stepper__item--upcoming': idx > currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--active': idx === currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--done': idx < currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--clickable': isJumpable(idx),\n\t\t\t}\"\n\t\t\t:aria-current=\"idx === currentIndex ? 'step' : undefined\"\n\t\t\t:data-step-id=\"step.id\">\n\t\t\t<component :is=\"isJumpable(idx) ? 'button' : 'span'\"\n\t\t\t\tclass=\"cn-stepper__step\"\n\t\t\t\t:type=\"isJumpable(idx) ? 'button' : undefined\"\n\t\t\t\t@click=\"isJumpable(idx) ? onJump(step.id) : null\">\n\t\t\t\t<span class=\"cn-stepper__dot cn-wizard-dialog__progress-dot\" aria-hidden=\"true\">\n\t\t\t\t\t<template v-if=\"idx < currentIndex\">\n\t\t\t\t\t\t<Check v-if=\"isBoard\"\n\t\t\t\t\t\t\tclass=\"cn-stepper__check cn-wizard-dialog__progress-check\"\n\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t<span v-else class=\"cn-wizard-dialog__progress-check\">✓</span>\n\t\t\t\t\t</template>\n\t\t\t\t\t<span v-else>{{ idx + 1 }}</span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cn-stepper__label cn-wizard-dialog__progress-label\">{{ step.label }}</span>\n\t\t\t\t<span v-if=\"idx < currentIndex\" class=\"cn-stepper__sr\">{{ ', ' + completedLabel }}</span>\n\t\t\t</component>\n\t\t\t<span v-if=\"idx < steps.length - 1\"\n\t\t\t\tclass=\"cn-stepper__connector cn-wizard-dialog__progress-connector\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'cn-stepper__connector--done': idx < currentIndex,\n\t\t\t\t\t'cn-wizard-dialog__progress-connector--done': idx < currentIndex,\n\t\t\t\t}\"\n\t\t\t\taria-hidden=\"true\" />\n\t\t</li>\n\t</ol>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport Check from 'vue-material-design-icons/Check.vue'\nimport { useLook } from '../../composables/useLook.js'\n\n/*\n CnStepper (internal) - the step indicator of a wizard: an ordered list, the\n * current step marked with `aria-current=\"step\"`, finished steps as real\n * buttons only when `allowJumpBack` is set.\n \n In the board look (`look=\"board\"`, else the injected `cnLook`) it draws 28px\n * circles with the label beside them, a green check on a finished step, a\n * filled circle on the current one, an outlined circle on the rest and a 2px\n * connector coloured by state. In the Nextcloud look it draws the stacked\n * stepper CnWizardDialog always had, with the same class names.\n \n @spec openspec/changes/screens-wizard-parity/specs/wizard-dialog/spec.md#requirement-the-board-stepper\n * @event jump Emitted with a finished step's id when its button is pressed.\n \n @event jump Emitted with the step id when a finished step button is pressed.\n /\nexport default {\n\tname: 'CnStepper',\n\n\tcomponents: { Check },\n\n\tprops: {\n\t\t/* The steps: `{ id, label }`. /\n\t\tsteps: { type: Array, required: true },\n\t\t/* Index of the current step. /\n\t\tcurrentIndex: { type: Number, default: 0 },\n\t\t/* Let a finished step be pressed to go back to it. /\n\t\tallowJumpBack: { type: Boolean, default: false },\n\t\t/* The look; unset follows the injected `cnLook`. /\n\t\tlook: { type: String, default: undefined },\n\t\t/* Accessible name of the list. /\n\t\tariaLabel: { type: String, default: () => t('nextcloud-vue', 'Steps') },\n\t\t/* Visually hidden text after a finished step's label. /\n\t\tcompletedLabel: { type: String, default: () => t('nextcloud-vue', 'completed') },\n\t},\n\n\temits: ['jump'],\n\n\tsetup(props) {\n\t\tconst { isBoard, lookClass } = useLook(props)\n\t\treturn { isBoard, lookClass }\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Forward a press on a finished step.\n\t\t \n\t\t @param {string} id The step id.\n\t\t /\n\t\tonJump(id) {\n\t\t\t/\n\t\t\t @event jump Emitted with the step id when a finished step button is pressed.\n\t\t\t /\n\t\t\tthis.$emit('jump', id)\n\t\t},\n\n\t\tisJumpable(idx) {\n\t\t\treturn this.allowJumpBack && idx < this.currentIndex\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/ The Nextcloud look: the stacked stepper, unchanged. /\n.cn-stepper {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: center;\n\tgap: 0;\n\tpadding: 8px 0 4px;\n\tmargin: 0 0 20px;\n\tlist-style: none;\n}\n\n.cn-stepper__item {\n\tposition: relative;\n\tflex: 1 1 0;\n\tmin-width: 0;\n\tmax-width: 180px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\ttext-align: center;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.8125rem;\n}\n\n.cn-stepper__step {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 6px;\n\tmax-width: 100%;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: none;\n\tcolor: inherit;\n\tfont: inherit;\n}\n\nbutton.cn-stepper__step {\n\tcursor: pointer;\n}\n\n.cn-stepper__dot {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 34px;\n\theight: 34px;\n\tborder-radius: 50%;\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n\tfont-weight: 600;\n\ttransition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n\tz-index: 1;\n}\n\n.cn-wizard-dialog__progress-check {\n\tfont-size: 16px;\n\tline-height: 1;\n}\n\n.cn-stepper__label {\n\tmax-width: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.cn-stepper__connector {\n\tposition: absolute;\n\ttop: 17px;\n\tleft: calc(50% + 21px);\n\tright: calc(-50% + 21px);\n\theight: 2px;\n\tbackground: var(--color-border-dark);\n}\n\n.cn-stepper__connector--done {\n\tbackground: var(--color-primary-element);\n}\n\n.cn-stepper__item--current .cn-stepper__dot,\n.cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n}\n\n.cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 600;\n}\n\n.cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--color-main-text);\n}\n\n.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label {\n\tcolor: var(--color-primary-element);\n}\n\n.cn-stepper__sr {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip-path: inset(50%);\n\twhite-space: nowrap;\n}\n\n/ The board look: one row, 28px circles, the label beside the circle. /\n/ The board leaves 20px between the stepper and the step's body (DqInstellen). /\n.cn-stepper--board {\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 8px;\n\tpadding: 0;\n\tmargin: 0 0 20px;\n}\n\n.cn-stepper--board .cn-stepper__item {\n\tflex: 0 1 auto;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n\tmax-width: none;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__item:not(:last-child) {\n\tflex: 1 1 auto;\n}\n\n.cn-stepper--board .cn-stepper__step {\n\tflex-direction: row;\n\tgap: 8px;\n}\n\n.cn-stepper--board .cn-stepper__dot {\n\tflex: 0 0 auto;\n\twidth: 28px;\n\theight: 28px;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__label {\n\toverflow: visible;\n\ttext-overflow: clip;\n\twhite-space: nowrap;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__connector {\n\tposition: static;\n\tflex: 1 1 24px;\n\tmin-width: 16px;\n\theight: 2px;\n\tbackground: var(--color-border);\n}\n\n.cn-stepper--board .cn-stepper__connector--done {\n\tbackground: var(--color-success);\n}\n\n/ Done: filled success circle, 16px check, secondary label. /\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-success);\n\tbackground: var(--color-success);\n\tcolor: var(--color-success-text, #fff);\n}\n\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--cn-board-text-soft, var(--color-main-text));\n\tfont-weight: 400;\n}\n\n/ Current: filled primary, number 14/700, label 14/700 in the main text colour. /\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n\tfont-weight: 700;\n}\n\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 700;\n}\n\n/ Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot {\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: transparent;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-weight: 600;\n}\n\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label {\n\tcolor: var(--color-text-maxcontrast);\n}\n</style>\n"],"names":["t"],"mappings":";;;;AAsDA;AACC;AACA;AACA;AACA;AACA;;;;;AAKA;;;AAGA;AACA;;AAED,aAAe;AACd,CAAA,IAAI,EAAE,WAAW;;AAEjB,CAAA,UAAU,EAAE,EAAE,OAAO;;AAErB,CAAA,KAAK,EAAE;;AAEN,EAAA,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM;;AAEtC,EAAA,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG;AAC1C;AACA,EAAA,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;AAChD;AACA,EAAA,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW;;AAE1C,EAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAMA,SAAC,CAAC,eAAe,EAAE,OAAO,CAAA,EAAG;;AAEvE,EAAA,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAMA,SAAC,CAAC,eAAe,EAAE,WAAW,GAAG;EAChF;;AAED,CAAA,KAAK,EAAE,CAAC,MAAM,CAAC;;CAEf,KAAK,CAAC,KAAK,EAAE;AACZ,EAAA,MAAM,EAAE,OAAO,EAAE,SAAU,EAAA,GAAI,OAAO,CAAC,KAAK,EAAA;EAC5C,OAAO,EAAE,OAAO,EAAE,SAAU,EAAA;EAC5B;;AAED,CAAA,OAAO,EAAE;AACR;;AAEC;;;EAGD,MAAM,CAAC,EAAE,EAAE;AACV;AACC;;AAED,GAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,EAAA;GACrB;;AAED,EAAA,UAAU,CAAC,GAAG,EAAE;GACf,OAAO,IAAI,CAAC,iBAAiB,GAAE,GAAI,IAAI,CAAC,YAAW;GACnD;EACD;AACF;;;;"}
1	+ {"version":3,"file":"CnStepper.vue2.js","sources":["../../../../src/components/CnStepper/CnStepper.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<ol class=\"cn-stepper cn-wizard-dialog__progress\"\n\t\t:class=\"[{ 'cn-stepper--board': isBoard }, lookClass]\"\n\t\t:aria-label=\"ariaLabel\"\n\t\tdata-testid=\"cn-stepper\">\n\t\t<li v-for=\"(step, idx) in steps\"\n\t\t\t:key=\"step.id\"\n\t\t\tclass=\"cn-stepper__item cn-wizard-dialog__progress-item\"\n\t\t\t:class=\"{\n\t\t\t\t'cn-stepper__item--done': idx < currentIndex,\n\t\t\t\t'cn-stepper__item--current': idx === currentIndex,\n\t\t\t\t'cn-stepper__item--upcoming': idx > currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--active': idx === currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--done': idx < currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--clickable': isJumpable(idx),\n\t\t\t}\"\n\t\t\t:aria-current=\"idx === currentIndex ? 'step' : undefined\"\n\t\t\t:data-step-id=\"step.id\">\n\t\t\t<component :is=\"isJumpable(idx) ? 'button' : 'span'\"\n\t\t\t\tclass=\"cn-stepper__step\"\n\t\t\t\t:type=\"isJumpable(idx) ? 'button' : undefined\"\n\t\t\t\t@click=\"isJumpable(idx) ? onJump(step.id) : null\">\n\t\t\t\t<span class=\"cn-stepper__dot cn-wizard-dialog__progress-dot\" aria-hidden=\"true\">\n\t\t\t\t\t<template v-if=\"idx < currentIndex\">\n\t\t\t\t\t\t<Check v-if=\"isBoard\"\n\t\t\t\t\t\t\tclass=\"cn-stepper__check cn-wizard-dialog__progress-check\"\n\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t<span v-else class=\"cn-wizard-dialog__progress-check\">✓</span>\n\t\t\t\t\t</template>\n\t\t\t\t\t<span v-else>{{ idx + 1 }}</span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cn-stepper__label cn-wizard-dialog__progress-label\">{{ step.label }}</span>\n\t\t\t\t<span v-if=\"idx < currentIndex\" class=\"cn-stepper__sr\">{{ ', ' + completedLabel }}</span>\n\t\t\t</component>\n\t\t\t<span v-if=\"idx < steps.length - 1\"\n\t\t\t\tclass=\"cn-stepper__connector cn-wizard-dialog__progress-connector\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'cn-stepper__connector--done': idx < currentIndex,\n\t\t\t\t\t'cn-wizard-dialog__progress-connector--done': idx < currentIndex,\n\t\t\t\t}\"\n\t\t\t\taria-hidden=\"true\" />\n\t\t</li>\n\t</ol>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport Check from 'vue-material-design-icons/Check.vue'\nimport { useLook } from '../../composables/useLook.js'\n\n/*\n CnStepper (internal) - the step indicator of a wizard: an ordered list, the\n * current step marked with `aria-current=\"step\"`, finished steps as real\n * buttons only when `allowJumpBack` is set.\n \n In the board look (`look=\"board\"`, else the injected `cnLook`) it draws 28px\n * circles with the label beside them, a green check on a finished step, a\n * filled circle on the current one, an outlined circle on the rest and a 2px\n * connector coloured by state. In the Nextcloud look it draws the stacked\n * stepper CnWizardDialog always had, with the same class names.\n \n @spec openspec/changes/screens-wizard-parity/specs/wizard-dialog/spec.md#requirement-the-board-stepper\n * @event jump Emitted with a finished step's id when its button is pressed.\n \n @event jump Emitted with the step id when a finished step button is pressed.\n /\nexport default {\n\tname: 'CnStepper',\n\n\tcomponents: { Check },\n\n\tprops: {\n\t\t/* The steps: `{ id, label }`. /\n\t\tsteps: { type: Array, required: true },\n\t\t/* Index of the current step. /\n\t\tcurrentIndex: { type: Number, default: 0 },\n\t\t/* Let a finished step be pressed to go back to it. /\n\t\tallowJumpBack: { type: Boolean, default: false },\n\t\t/* The look; unset follows the injected `cnLook`. /\n\t\tlook: { type: String, default: undefined },\n\t\t/* Accessible name of the list. /\n\t\tariaLabel: { type: String, default: () => t('nextcloud-vue', 'Steps') },\n\t\t/* Visually hidden text after a finished step's label. /\n\t\tcompletedLabel: { type: String, default: () => t('nextcloud-vue', 'completed') },\n\t},\n\n\temits: ['jump'],\n\n\tsetup(props) {\n\t\tconst { isBoard, lookClass } = useLook(props)\n\t\treturn { isBoard, lookClass }\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Forward a press on a finished step.\n\t\t \n\t\t @param {string} id The step id.\n\t\t /\n\t\tonJump(id) {\n\t\t\t/\n\t\t\t @event jump Emitted with the step id when a finished step button is pressed.\n\t\t\t /\n\t\t\tthis.$emit('jump', id)\n\t\t},\n\n\t\tisJumpable(idx) {\n\t\t\treturn this.allowJumpBack && idx < this.currentIndex\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/ The Nextcloud look: the stacked stepper, unchanged. /\n.cn-stepper {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: center;\n\tgap: 0;\n\tpadding: 8px 0 4px;\n\tmargin: 0 0 20px;\n\tlist-style: none;\n}\n\n.cn-stepper__item {\n\tposition: relative;\n\tflex: 1 1 0;\n\tmin-width: 0;\n\tmax-width: 180px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\ttext-align: center;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.8125rem;\n}\n\n.cn-stepper__step {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 6px;\n\tmax-width: 100%;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: none;\n\tcolor: inherit;\n\tfont: inherit;\n}\n\n/ Nextcloud's server.css gives every plain button a 3px margin and the\n clickable-area height (`button:not(.button-vue, …):not(…)`, 0,2,1), which\n made a done step 40px tall around its 28px circle. Two classes outrank it. /\n.cn-stepper button.cn-stepper__step {\n\tmargin: 0;\n\tmin-height: 0;\n}\n\nbutton.cn-stepper__step {\n\tcursor: pointer;\n}\n\n.cn-stepper__dot {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 34px;\n\theight: 34px;\n\tborder-radius: 50%;\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n\tfont-weight: 600;\n\ttransition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n\tz-index: 1;\n}\n\n.cn-wizard-dialog__progress-check {\n\tfont-size: 16px;\n\tline-height: 1;\n}\n\n.cn-stepper__label {\n\tmax-width: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.cn-stepper__connector {\n\tposition: absolute;\n\ttop: 17px;\n\tleft: calc(50% + 21px);\n\tright: calc(-50% + 21px);\n\theight: 2px;\n\tbackground: var(--color-border-dark);\n}\n\n.cn-stepper__connector--done {\n\tbackground: var(--color-primary-element);\n}\n\n.cn-stepper__item--current .cn-stepper__dot,\n.cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n}\n\n.cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 600;\n}\n\n.cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--color-main-text);\n}\n\n.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label {\n\tcolor: var(--color-primary-element);\n}\n\n.cn-stepper__sr {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip-path: inset(50%);\n\twhite-space: nowrap;\n}\n\n/ The board look: one row, 28px circles, the label beside the circle. /\n/ The board leaves 16px between the stepper and the step's body (DqInstellen). /\n.cn-stepper--board {\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 8px;\n\tpadding: 0;\n\tmargin: 0 0 16px;\n}\n\n.cn-stepper--board .cn-stepper__item {\n\tflex: 0 1 auto;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n\tmax-width: none;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__item:not(:last-child) {\n\tflex: 1 1 auto;\n}\n\n.cn-stepper--board .cn-stepper__step {\n\tflex-direction: row;\n\tgap: 8px;\n}\n\n.cn-stepper--board .cn-stepper__dot {\n\tflex: 0 0 auto;\n\twidth: 28px;\n\theight: 28px;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__label {\n\toverflow: visible;\n\ttext-overflow: clip;\n\twhite-space: nowrap;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__connector {\n\tposition: static;\n\tflex: 1 1 24px;\n\tmin-width: 16px;\n\theight: 2px;\n\tbackground: var(--color-border);\n}\n\n.cn-stepper--board .cn-stepper__connector--done {\n\tbackground: var(--color-success);\n}\n\n/ Done: filled success circle, 16px check, secondary label. /\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-success);\n\tbackground: var(--color-success);\n\tcolor: var(--color-success-text, #fff);\n}\n\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--cn-board-text-soft, var(--color-main-text));\n\tfont-weight: 400;\n}\n\n/ Current: filled primary, number 14/700, label 14/700 in the main text colour. /\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n\tfont-weight: 700;\n}\n\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 700;\n}\n\n/ Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot {\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: transparent;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-weight: 600;\n}\n\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label {\n\tcolor: var(--color-text-maxcontrast);\n}\n</style>\n"],"names":["t"],"mappings":";;;;AAsDA;AACC;AACA;AACA;AACA;AACA;;;;;AAKA;;;AAGA;AACA;;AAED,aAAe;AACd,CAAA,IAAI,EAAE,WAAW;;AAEjB,CAAA,UAAU,EAAE,EAAE,OAAO;;AAErB,CAAA,KAAK,EAAE;;AAEN,EAAA,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM;;AAEtC,EAAA,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG;AAC1C;AACA,EAAA,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;AAChD;AACA,EAAA,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW;;AAE1C,EAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAMA,SAAC,CAAC,eAAe,EAAE,OAAO,CAAA,EAAG;;AAEvE,EAAA,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAMA,SAAC,CAAC,eAAe,EAAE,WAAW,GAAG;EAChF;;AAED,CAAA,KAAK,EAAE,CAAC,MAAM,CAAC;;CAEf,KAAK,CAAC,KAAK,EAAE;AACZ,EAAA,MAAM,EAAE,OAAO,EAAE,SAAU,EAAA,GAAI,OAAO,CAAC,KAAK,EAAA;EAC5C,OAAO,EAAE,OAAO,EAAE,SAAU,EAAA;EAC5B;;AAED,CAAA,OAAO,EAAE;AACR;;AAEC;;;EAGD,MAAM,CAAC,EAAE,EAAE;AACV;AACC;;AAED,GAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,EAAA;GACrB;;AAED,EAAA,UAAU,CAAC,GAAG,EAAE;GACf,OAAO,IAAI,CAAC,iBAAiB,GAAE,GAAI,IAAI,CAAC,YAAW;GACnD;EACD;AACF;;;;"}

package/dist/esm/components/CnStepper/CnStepper.vue3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnStepper.vue3.js","sources":["../../../../src/components/CnStepper/CnStepper.vue?vue&type=template&id=3cab4d7d&lang.js"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<ol class=\"cn-stepper cn-wizard-dialog__progress\"\n\t\t:class=\"[{ 'cn-stepper--board': isBoard }, lookClass]\"\n\t\t:aria-label=\"ariaLabel\"\n\t\tdata-testid=\"cn-stepper\">\n\t\t<li v-for=\"(step, idx) in steps\"\n\t\t\t:key=\"step.id\"\n\t\t\tclass=\"cn-stepper__item cn-wizard-dialog__progress-item\"\n\t\t\t:class=\"{\n\t\t\t\t'cn-stepper__item--done': idx < currentIndex,\n\t\t\t\t'cn-stepper__item--current': idx === currentIndex,\n\t\t\t\t'cn-stepper__item--upcoming': idx > currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--active': idx === currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--done': idx < currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--clickable': isJumpable(idx),\n\t\t\t}\"\n\t\t\t:aria-current=\"idx === currentIndex ? 'step' : undefined\"\n\t\t\t:data-step-id=\"step.id\">\n\t\t\t<component :is=\"isJumpable(idx) ? 'button' : 'span'\"\n\t\t\t\tclass=\"cn-stepper__step\"\n\t\t\t\t:type=\"isJumpable(idx) ? 'button' : undefined\"\n\t\t\t\t@click=\"isJumpable(idx) ? onJump(step.id) : null\">\n\t\t\t\t<span class=\"cn-stepper__dot cn-wizard-dialog__progress-dot\" aria-hidden=\"true\">\n\t\t\t\t\t<template v-if=\"idx < currentIndex\">\n\t\t\t\t\t\t<Check v-if=\"isBoard\"\n\t\t\t\t\t\t\tclass=\"cn-stepper__check cn-wizard-dialog__progress-check\"\n\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t<span v-else class=\"cn-wizard-dialog__progress-check\">✓</span>\n\t\t\t\t\t</template>\n\t\t\t\t\t<span v-else>{{ idx + 1 }}</span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cn-stepper__label cn-wizard-dialog__progress-label\">{{ step.label }}</span>\n\t\t\t\t<span v-if=\"idx < currentIndex\" class=\"cn-stepper__sr\">{{ ', ' + completedLabel }}</span>\n\t\t\t</component>\n\t\t\t<span v-if=\"idx < steps.length - 1\"\n\t\t\t\tclass=\"cn-stepper__connector cn-wizard-dialog__progress-connector\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'cn-stepper__connector--done': idx < currentIndex,\n\t\t\t\t\t'cn-wizard-dialog__progress-connector--done': idx < currentIndex,\n\t\t\t\t}\"\n\t\t\t\taria-hidden=\"true\" />\n\t\t</li>\n\t</ol>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport Check from 'vue-material-design-icons/Check.vue'\nimport { useLook } from '../../composables/useLook.js'\n\n/*\n CnStepper (internal) - the step indicator of a wizard: an ordered list, the\n * current step marked with `aria-current=\"step\"`, finished steps as real\n * buttons only when `allowJumpBack` is set.\n \n In the board look (`look=\"board\"`, else the injected `cnLook`) it draws 28px\n * circles with the label beside them, a green check on a finished step, a\n * filled circle on the current one, an outlined circle on the rest and a 2px\n * connector coloured by state. In the Nextcloud look it draws the stacked\n * stepper CnWizardDialog always had, with the same class names.\n \n @spec openspec/changes/screens-wizard-parity/specs/wizard-dialog/spec.md#requirement-the-board-stepper\n * @event jump Emitted with a finished step's id when its button is pressed.\n \n @event jump Emitted with the step id when a finished step button is pressed.\n /\nexport default {\n\tname: 'CnStepper',\n\n\tcomponents: { Check },\n\n\tprops: {\n\t\t/* The steps: `{ id, label }`. /\n\t\tsteps: { type: Array, required: true },\n\t\t/* Index of the current step. /\n\t\tcurrentIndex: { type: Number, default: 0 },\n\t\t/* Let a finished step be pressed to go back to it. /\n\t\tallowJumpBack: { type: Boolean, default: false },\n\t\t/* The look; unset follows the injected `cnLook`. /\n\t\tlook: { type: String, default: undefined },\n\t\t/* Accessible name of the list. /\n\t\tariaLabel: { type: String, default: () => t('nextcloud-vue', 'Steps') },\n\t\t/* Visually hidden text after a finished step's label. /\n\t\tcompletedLabel: { type: String, default: () => t('nextcloud-vue', 'completed') },\n\t},\n\n\temits: ['jump'],\n\n\tsetup(props) {\n\t\tconst { isBoard, lookClass } = useLook(props)\n\t\treturn { isBoard, lookClass }\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Forward a press on a finished step.\n\t\t \n\t\t @param {string} id The step id.\n\t\t /\n\t\tonJump(id) {\n\t\t\t/\n\t\t\t @event jump Emitted with the step id when a finished step button is pressed.\n\t\t\t /\n\t\t\tthis.$emit('jump', id)\n\t\t},\n\n\t\tisJumpable(idx) {\n\t\t\treturn this.allowJumpBack && idx < this.currentIndex\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/ The Nextcloud look: the stacked stepper, unchanged. /\n.cn-stepper {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: center;\n\tgap: 0;\n\tpadding: 8px 0 4px;\n\tmargin: 0 0 20px;\n\tlist-style: none;\n}\n\n.cn-stepper__item {\n\tposition: relative;\n\tflex: 1 1 0;\n\tmin-width: 0;\n\tmax-width: 180px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\ttext-align: center;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.8125rem;\n}\n\n.cn-stepper__step {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 6px;\n\tmax-width: 100%;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: none;\n\tcolor: inherit;\n\tfont: inherit;\n}\n\nbutton.cn-stepper__step {\n\tcursor: pointer;\n}\n\n.cn-stepper__dot {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 34px;\n\theight: 34px;\n\tborder-radius: 50%;\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n\tfont-weight: 600;\n\ttransition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n\tz-index: 1;\n}\n\n.cn-wizard-dialog__progress-check {\n\tfont-size: 16px;\n\tline-height: 1;\n}\n\n.cn-stepper__label {\n\tmax-width: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.cn-stepper__connector {\n\tposition: absolute;\n\ttop: 17px;\n\tleft: calc(50% + 21px);\n\tright: calc(-50% + 21px);\n\theight: 2px;\n\tbackground: var(--color-border-dark);\n}\n\n.cn-stepper__connector--done {\n\tbackground: var(--color-primary-element);\n}\n\n.cn-stepper__item--current .cn-stepper__dot,\n.cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n}\n\n.cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 600;\n}\n\n.cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--color-main-text);\n}\n\n.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label {\n\tcolor: var(--color-primary-element);\n}\n\n.cn-stepper__sr {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip-path: inset(50%);\n\twhite-space: nowrap;\n}\n\n/ The board look: one row, 28px circles, the label beside the circle. /\n/ The board leaves 20px between the stepper and the step's body (DqInstellen). /\n.cn-stepper--board {\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 8px;\n\tpadding: 0;\n\tmargin: 0 0 20px;\n}\n\n.cn-stepper--board .cn-stepper__item {\n\tflex: 0 1 auto;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n\tmax-width: none;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__item:not(:last-child) {\n\tflex: 1 1 auto;\n}\n\n.cn-stepper--board .cn-stepper__step {\n\tflex-direction: row;\n\tgap: 8px;\n}\n\n.cn-stepper--board .cn-stepper__dot {\n\tflex: 0 0 auto;\n\twidth: 28px;\n\theight: 28px;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__label {\n\toverflow: visible;\n\ttext-overflow: clip;\n\twhite-space: nowrap;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__connector {\n\tposition: static;\n\tflex: 1 1 24px;\n\tmin-width: 16px;\n\theight: 2px;\n\tbackground: var(--color-border);\n}\n\n.cn-stepper--board .cn-stepper__connector--done {\n\tbackground: var(--color-success);\n}\n\n/ Done: filled success circle, 16px check, secondary label. /\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-success);\n\tbackground: var(--color-success);\n\tcolor: var(--color-success-text, #fff);\n}\n\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--cn-board-text-soft, var(--color-main-text));\n\tfont-weight: 400;\n}\n\n/ Current: filled primary, number 14/700, label 14/700 in the main text colour. /\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n\tfont-weight: 700;\n}\n\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 700;\n}\n\n/ Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot {\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: transparent;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-weight: 600;\n}\n\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label {\n\tcolor: var(--color-text-maxcontrast);\n}\n</style>\n"],"names":["_normalizeClass","_openBlock","_createElementBlock","_renderList","_createBlock","_resolveDynamicComponent","_Fragment","_createElementVNode","_toDisplayString"],"mappings":";;;;;AA8BU,EAAA,KAAK,EAAC,gDAAG;AAAA,EAAA,aAAA,EAAA,MAAA;;;;AAKA,EAAA,KAAK,EAAC,kCAAkC;;;AAIjD,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,oDAAoD,GAAA;;;AACxD,EAAA,KAAA,EAAA,gBAAA;;;;;;;AA/BN,IAAA,KAAI,EAACA,cAAA,CAAA,CAAA,uCAAsB,EACjB,CAAA,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,IAAA,MAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AACb,IAAA,YAAU,EAAE,MAAS,CAAA,SAAA;AACrB,IAAA,aAAQ,EAAA,YAAA;;AACP,KAAAC,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,SAAwB,EAAA,IAAA,EAAAC,UAAA,CAAA,MAAA,CAAA,KAAI,EAAlB,CAAA,IAAI,EAAE,GAAG,KAAA;2BAAnBD;QACA,GAAG,EAAE,IAAI,CAAC,EAAE;AACZ,QAAA,KAAI,kBAAC,kDAA2C,EAAA;AACT,IAAA,wBAAA,EAAA,GAAI,GAAE,MAAY,CAAA,YAAA;AAAM,IAAA,2BAAA,EAAA,GAAA,KAAA,MAAA,CAAA,YAAA;AAAA,IAAA,4BAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;AAAA,IAAA,yCAAA,EAAA,GAAA,KAAA,MAAA,CAAA,YAAA;AAAA,IAAA,uCAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;AAAA,IAAA,4CAAA,EAAA,QAAA,CAAA,UAAA,CAAA,GAAA,CAAA;;AAQ/D,QAAA,cAAY,EAAE,GAAG,KAAI,MAAA,CAAA,YAAa,YAAW,SAAA;QAC7C,cAAY,EAAE,IAAI,CAAC,EAAE;;sBACrBE,WAeW,CAAAC,uBAAA,CAfI,QAAU,CAAA,UAAA,CAAC,GAAG,CAAA,GAAA,QAAA,GAAA,MAAA,CAAA,EAAA;AAC5B,UAAA,KAAI,EAAC,kBAAkB;AACtB,UAAA,IAAG,EAAE,QAAA,CAAA,UAAU,CAAC,GAAG,eAAC,SAAA;iBAChB,EAAA,MAAA,KAAE,mBAAU,CAAC,GAAG,IAAI,QAAM,CAAA,MAAA,CAAC,IAAI,CAAC,EAAE,CAAA,GAAA,IAAA,CAAA;;iCASjC;+BAAA,kBAAA,EAAA;AAPU,cAAA,CAAA,GAAG,GAAG,MAAY,CAAA,YAAA;kDAKvB,CAAAC,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;qBAJD,MAAA,CAAA,OAAA;sCAATF,WAEI,CAAA,gBAAA,EAAA;;AADH,0BAAA,KAAK,EAAC,oDAAwB;AAC7B,0BAAA,IAAE,EAAA,EAAA;;sCACJF,kBAA8D,CAAA,MAAA,EAA9D,UAA8D,EAAR,GAAC,CAAA,CAAA;;AAExD,mBAAAD,SAAA,EAAA,EAAAC,kBAAA,CAAS,oCAAA,GAAA,GAAA,CAAA,CAAA,EAAA,CAAA,YAAA,CAAA;;AAEV,YAAAK,kBAAA,CAAiE,MAAjE,EAAA,UAAiE,EAAAC,eAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,YAAA;AACzD,YAAA,CAAA,GAAA,GAAA,MAAA,CAAA,YAAA;8BAARN,kBAAQ,CAAA,MAAA,EAAR,UAAQ,EAAAM,eAAA,CAAA,IAAA,GAAA,MAAA,CAAA,cAAA,CAAA,EAAA,CAAA,YAAA;;;;;SAEG,GAAG,GAAG,MAAK,CAAA,KAAA,CAAC,MAAM,GAAA,CAAA;;;AAC7B,cAAA,KAAC,kBAAA,4DAAA,EAAA;AACmB,KAAA,6BAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;AAAA,KAAA,4CAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;;;;;;;;;;;;"}
1	+ {"version":3,"file":"CnStepper.vue3.js","sources":["../../../../src/components/CnStepper/CnStepper.vue?vue&type=template&id=3d784176&lang.js"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<ol class=\"cn-stepper cn-wizard-dialog__progress\"\n\t\t:class=\"[{ 'cn-stepper--board': isBoard }, lookClass]\"\n\t\t:aria-label=\"ariaLabel\"\n\t\tdata-testid=\"cn-stepper\">\n\t\t<li v-for=\"(step, idx) in steps\"\n\t\t\t:key=\"step.id\"\n\t\t\tclass=\"cn-stepper__item cn-wizard-dialog__progress-item\"\n\t\t\t:class=\"{\n\t\t\t\t'cn-stepper__item--done': idx < currentIndex,\n\t\t\t\t'cn-stepper__item--current': idx === currentIndex,\n\t\t\t\t'cn-stepper__item--upcoming': idx > currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--active': idx === currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--done': idx < currentIndex,\n\t\t\t\t'cn-wizard-dialog__progress-item--clickable': isJumpable(idx),\n\t\t\t}\"\n\t\t\t:aria-current=\"idx === currentIndex ? 'step' : undefined\"\n\t\t\t:data-step-id=\"step.id\">\n\t\t\t<component :is=\"isJumpable(idx) ? 'button' : 'span'\"\n\t\t\t\tclass=\"cn-stepper__step\"\n\t\t\t\t:type=\"isJumpable(idx) ? 'button' : undefined\"\n\t\t\t\t@click=\"isJumpable(idx) ? onJump(step.id) : null\">\n\t\t\t\t<span class=\"cn-stepper__dot cn-wizard-dialog__progress-dot\" aria-hidden=\"true\">\n\t\t\t\t\t<template v-if=\"idx < currentIndex\">\n\t\t\t\t\t\t<Check v-if=\"isBoard\"\n\t\t\t\t\t\t\tclass=\"cn-stepper__check cn-wizard-dialog__progress-check\"\n\t\t\t\t\t\t\t:size=\"16\" />\n\t\t\t\t\t\t<span v-else class=\"cn-wizard-dialog__progress-check\">✓</span>\n\t\t\t\t\t</template>\n\t\t\t\t\t<span v-else>{{ idx + 1 }}</span>\n\t\t\t\t</span>\n\t\t\t\t<span class=\"cn-stepper__label cn-wizard-dialog__progress-label\">{{ step.label }}</span>\n\t\t\t\t<span v-if=\"idx < currentIndex\" class=\"cn-stepper__sr\">{{ ', ' + completedLabel }}</span>\n\t\t\t</component>\n\t\t\t<span v-if=\"idx < steps.length - 1\"\n\t\t\t\tclass=\"cn-stepper__connector cn-wizard-dialog__progress-connector\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'cn-stepper__connector--done': idx < currentIndex,\n\t\t\t\t\t'cn-wizard-dialog__progress-connector--done': idx < currentIndex,\n\t\t\t\t}\"\n\t\t\t\taria-hidden=\"true\" />\n\t\t</li>\n\t</ol>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport Check from 'vue-material-design-icons/Check.vue'\nimport { useLook } from '../../composables/useLook.js'\n\n/*\n CnStepper (internal) - the step indicator of a wizard: an ordered list, the\n * current step marked with `aria-current=\"step\"`, finished steps as real\n * buttons only when `allowJumpBack` is set.\n \n In the board look (`look=\"board\"`, else the injected `cnLook`) it draws 28px\n * circles with the label beside them, a green check on a finished step, a\n * filled circle on the current one, an outlined circle on the rest and a 2px\n * connector coloured by state. In the Nextcloud look it draws the stacked\n * stepper CnWizardDialog always had, with the same class names.\n \n @spec openspec/changes/screens-wizard-parity/specs/wizard-dialog/spec.md#requirement-the-board-stepper\n * @event jump Emitted with a finished step's id when its button is pressed.\n \n @event jump Emitted with the step id when a finished step button is pressed.\n /\nexport default {\n\tname: 'CnStepper',\n\n\tcomponents: { Check },\n\n\tprops: {\n\t\t/* The steps: `{ id, label }`. /\n\t\tsteps: { type: Array, required: true },\n\t\t/* Index of the current step. /\n\t\tcurrentIndex: { type: Number, default: 0 },\n\t\t/* Let a finished step be pressed to go back to it. /\n\t\tallowJumpBack: { type: Boolean, default: false },\n\t\t/* The look; unset follows the injected `cnLook`. /\n\t\tlook: { type: String, default: undefined },\n\t\t/* Accessible name of the list. /\n\t\tariaLabel: { type: String, default: () => t('nextcloud-vue', 'Steps') },\n\t\t/* Visually hidden text after a finished step's label. /\n\t\tcompletedLabel: { type: String, default: () => t('nextcloud-vue', 'completed') },\n\t},\n\n\temits: ['jump'],\n\n\tsetup(props) {\n\t\tconst { isBoard, lookClass } = useLook(props)\n\t\treturn { isBoard, lookClass }\n\t},\n\n\tmethods: {\n\t\t/\n\t\t Forward a press on a finished step.\n\t\t \n\t\t @param {string} id The step id.\n\t\t /\n\t\tonJump(id) {\n\t\t\t/\n\t\t\t @event jump Emitted with the step id when a finished step button is pressed.\n\t\t\t /\n\t\t\tthis.$emit('jump', id)\n\t\t},\n\n\t\tisJumpable(idx) {\n\t\t\treturn this.allowJumpBack && idx < this.currentIndex\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n/ The Nextcloud look: the stacked stepper, unchanged. /\n.cn-stepper {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: center;\n\tgap: 0;\n\tpadding: 8px 0 4px;\n\tmargin: 0 0 20px;\n\tlist-style: none;\n}\n\n.cn-stepper__item {\n\tposition: relative;\n\tflex: 1 1 0;\n\tmin-width: 0;\n\tmax-width: 180px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\ttext-align: center;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 0.8125rem;\n}\n\n.cn-stepper__step {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tgap: 6px;\n\tmax-width: 100%;\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: none;\n\tcolor: inherit;\n\tfont: inherit;\n}\n\n/ Nextcloud's server.css gives every plain button a 3px margin and the\n clickable-area height (`button:not(.button-vue, …):not(…)`, 0,2,1), which\n made a done step 40px tall around its 28px circle. Two classes outrank it. /\n.cn-stepper button.cn-stepper__step {\n\tmargin: 0;\n\tmin-height: 0;\n}\n\nbutton.cn-stepper__step {\n\tcursor: pointer;\n}\n\n.cn-stepper__dot {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 34px;\n\theight: 34px;\n\tborder-radius: 50%;\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n\tfont-weight: 600;\n\ttransition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;\n\tz-index: 1;\n}\n\n.cn-wizard-dialog__progress-check {\n\tfont-size: 16px;\n\tline-height: 1;\n}\n\n.cn-stepper__label {\n\tmax-width: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.cn-stepper__connector {\n\tposition: absolute;\n\ttop: 17px;\n\tleft: calc(50% + 21px);\n\tright: calc(-50% + 21px);\n\theight: 2px;\n\tbackground: var(--color-border-dark);\n}\n\n.cn-stepper__connector--done {\n\tbackground: var(--color-primary-element);\n}\n\n.cn-stepper__item--current .cn-stepper__dot,\n.cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n}\n\n.cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 600;\n}\n\n.cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--color-main-text);\n}\n\n.cn-stepper__item--done button.cn-stepper__step:hover .cn-stepper__label {\n\tcolor: var(--color-primary-element);\n}\n\n.cn-stepper__sr {\n\tposition: absolute;\n\twidth: 1px;\n\theight: 1px;\n\tmargin: -1px;\n\toverflow: hidden;\n\tclip-path: inset(50%);\n\twhite-space: nowrap;\n}\n\n/ The board look: one row, 28px circles, the label beside the circle. /\n/ The board leaves 16px between the stepper and the step's body (DqInstellen). /\n.cn-stepper--board {\n\tflex-wrap: wrap;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: 8px;\n\tpadding: 0;\n\tmargin: 0 0 16px;\n}\n\n.cn-stepper--board .cn-stepper__item {\n\tflex: 0 1 auto;\n\tflex-direction: row;\n\talign-items: center;\n\tgap: 8px;\n\tmax-width: none;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__item:not(:last-child) {\n\tflex: 1 1 auto;\n}\n\n.cn-stepper--board .cn-stepper__step {\n\tflex-direction: row;\n\tgap: 8px;\n}\n\n.cn-stepper--board .cn-stepper__dot {\n\tflex: 0 0 auto;\n\twidth: 28px;\n\theight: 28px;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__label {\n\toverflow: visible;\n\ttext-overflow: clip;\n\twhite-space: nowrap;\n\tfont-size: 14px;\n}\n\n.cn-stepper--board .cn-stepper__connector {\n\tposition: static;\n\tflex: 1 1 24px;\n\tmin-width: 16px;\n\theight: 2px;\n\tbackground: var(--color-border);\n}\n\n.cn-stepper--board .cn-stepper__connector--done {\n\tbackground: var(--color-success);\n}\n\n/ Done: filled success circle, 16px check, secondary label. /\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__dot {\n\tborder-color: var(--color-success);\n\tbackground: var(--color-success);\n\tcolor: var(--color-success-text, #fff);\n}\n\n.cn-stepper--board .cn-stepper__item--done .cn-stepper__label {\n\tcolor: var(--cn-board-text-soft, var(--color-main-text));\n\tfont-weight: 400;\n}\n\n/ Current: filled primary, number 14/700, label 14/700 in the main text colour. /\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__dot {\n\tborder-color: var(--color-primary-element);\n\tbackground: var(--color-primary-element);\n\tcolor: var(--color-primary-element-text, #fff);\n\tfont-weight: 700;\n}\n\n.cn-stepper--board .cn-stepper__item--current .cn-stepper__label {\n\tcolor: var(--color-main-text);\n\tfont-weight: 700;\n}\n\n/ Upcoming: 2px outline, number 14/600, label in the max-contrast tone. */\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__dot {\n\tborder: 2px solid var(--color-border-dark);\n\tbackground: transparent;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-weight: 600;\n}\n\n.cn-stepper--board .cn-stepper__item--upcoming .cn-stepper__label {\n\tcolor: var(--color-text-maxcontrast);\n}\n</style>\n"],"names":["_normalizeClass","_openBlock","_createElementBlock","_renderList","_createBlock","_resolveDynamicComponent","_Fragment","_createElementVNode","_toDisplayString"],"mappings":";;;;;AA8BU,EAAA,KAAK,EAAC,gDAAG;AAAA,EAAA,aAAA,EAAA,MAAA;;;;AAKA,EAAA,KAAK,EAAC,kCAAkC;;;AAIjD,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,oDAAoD,GAAA;;;AACxD,EAAA,KAAA,EAAA,gBAAA;;;;;;;AA/BN,IAAA,KAAI,EAACA,cAAA,CAAA,CAAA,uCAAsB,EACjB,CAAA,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,IAAA,MAAA,CAAA,SAAA,CAAA,CAAA,CAAA;AACb,IAAA,YAAU,EAAE,MAAS,CAAA,SAAA;AACrB,IAAA,aAAQ,EAAA,YAAA;;AACP,KAAAC,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA,SAAwB,EAAA,IAAA,EAAAC,UAAA,CAAA,MAAA,CAAA,KAAI,EAAlB,CAAA,IAAI,EAAE,GAAG,KAAA;2BAAnBD;QACA,GAAG,EAAE,IAAI,CAAC,EAAE;AACZ,QAAA,KAAI,kBAAC,kDAA2C,EAAA;AACT,IAAA,wBAAA,EAAA,GAAI,GAAE,MAAY,CAAA,YAAA;AAAM,IAAA,2BAAA,EAAA,GAAA,KAAA,MAAA,CAAA,YAAA;AAAA,IAAA,4BAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;AAAA,IAAA,yCAAA,EAAA,GAAA,KAAA,MAAA,CAAA,YAAA;AAAA,IAAA,uCAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;AAAA,IAAA,4CAAA,EAAA,QAAA,CAAA,UAAA,CAAA,GAAA,CAAA;;AAQ/D,QAAA,cAAY,EAAE,GAAG,KAAI,MAAA,CAAA,YAAa,YAAW,SAAA;QAC7C,cAAY,EAAE,IAAI,CAAC,EAAE;;sBACrBE,WAeW,CAAAC,uBAAA,CAfI,QAAU,CAAA,UAAA,CAAC,GAAG,CAAA,GAAA,QAAA,GAAA,MAAA,CAAA,EAAA;AAC5B,UAAA,KAAI,EAAC,kBAAkB;AACtB,UAAA,IAAG,EAAE,QAAA,CAAA,UAAU,CAAC,GAAG,eAAC,SAAA;iBAChB,EAAA,MAAA,KAAE,mBAAU,CAAC,GAAG,IAAI,QAAM,CAAA,MAAA,CAAC,IAAI,CAAC,EAAE,CAAA,GAAA,IAAA,CAAA;;iCASjC;+BAAA,kBAAA,EAAA;AAPU,cAAA,CAAA,GAAG,GAAG,MAAY,CAAA,YAAA;kDAKvB,CAAAC,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;qBAJD,MAAA,CAAA,OAAA;sCAATF,WAEI,CAAA,gBAAA,EAAA;;AADH,0BAAA,KAAK,EAAC,oDAAwB;AAC7B,0BAAA,IAAE,EAAA,EAAA;;sCACJF,kBAA8D,CAAA,MAAA,EAA9D,UAA8D,EAAR,GAAC,CAAA,CAAA;;AAExD,mBAAAD,SAAA,EAAA,EAAAC,kBAAA,CAAS,oCAAA,GAAA,GAAA,CAAA,CAAA,EAAA,CAAA,YAAA,CAAA;;AAEV,YAAAK,kBAAA,CAAiE,MAAjE,EAAA,UAAiE,EAAAC,eAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,YAAA;AACzD,YAAA,CAAA,GAAA,GAAA,MAAA,CAAA,YAAA;8BAARN,kBAAQ,CAAA,MAAA,EAAR,UAAQ,EAAAM,eAAA,CAAA,IAAA,GAAA,MAAA,CAAA,cAAA,CAAA,EAAA,CAAA,YAAA;;;;;SAEG,GAAG,GAAG,MAAK,CAAA,KAAA,CAAC,MAAM,GAAA,CAAA;;;AAC7B,cAAA,KAAC,kBAAA,4DAAA,EAAA;AACmB,KAAA,6BAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;AAAA,KAAA,4CAAA,EAAA,GAAA,GAAA,MAAA,CAAA,YAAA;;;;;;;;;;;;"}

package/dist/esm/dialogs/CnAccessPurposeDialog.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import script from './CnAccessPurposeDialog.vue2.js';
 import { render } from './CnAccessPurposeDialog.vue3.js';
 script.render = render;
-script.__scopeId = "data-v-7fa35363";
+script.__scopeId = "data-v-64fad2b3";
 const __sfc_main = script;
 export { __sfc_main as default };

package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js CHANGED Viewed

@@ -33,8 +33,10 @@ var script = {
 		/**
 		 * The purposes offered, already translated. "Other" is added at the end.
+		 * A `hint` is a line under the option that says what choosing it does
+		 * besides recording it.
 		 *
-		 * @type {Array<{value: string, label: string}>}
+		 * @type {Array<{value: string, label: string, hint?: string}>}
 		 */
 		options: {
 			type: Array,

package/dist/esm/dialogs/CnAccessPurposeDialog.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnAccessPurposeDialog.vue2.js","sources":["../../../src/dialogs/CnAccessPurposeDialog.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<CnDialog\n\t\t:name=\"title \|\| t('nextcloud-vue', 'Why are you opening this?')\"\n\t\tdefaultWidth=\"confirm\"\n\t\tsize=\"small\"\n\t\t:noClose=\"loading\"\n\t\tdata-testid=\"cn-access-purpose-dialog\"\n\t\t@closing=\"$emit('cancel')\">\n\t\t<p class=\"cn-access-purpose__sentence\">\n\t\t\t{{ description \|\| t('nextcloud-vue', 'This record holds special categories of personal data. Your purpose is recorded with your name and the time.') }}\n\t\t</p>\n\t\t<fieldset class=\"cn-access-purpose__choices\">\n\t\t\t<legend class=\"cn-access-purpose__legend\">\n\t\t\t\t{{ t('nextcloud-vue', 'Purpose') }}\n\t\t\t</legend>\n\t\t\t<~~NcCheckboxRadioSwitch\n\t\t\t\tv~~-for=\"option in choices\"\n\t\t\t\t~~:key=\"option.value~~\"\n\t\t\t\tv-model=\"purpose\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\tname=\"cn-access-purpose\"\n\t\t\t\t:value=\"option.value\"\n\t\t\t\t:disabled=\"loading\"\n\t\t\t\t:data-testid=\"`cn-access-purpose-option-${option.value}`\">\n\t\t\t\t{{ option.label }}\n\t\t\t</NcCheckboxRadioSwitch>\n\t\t</fieldset>\n\t\t<NcTextArea\n\t\t\tv-if=\"purpose === OTHER\"\n\t\t\tv-model=\"note\"\n\t\t\t:label=\"t('nextcloud-vue', 'Describe your purpose')\"\n\t\t\t:maxlength=\"500\"\n\t\t\t:disabled=\"loading\"\n\t\t\tdata-testid=\"cn-access-purpose-note\" />\n\t\t<NcNoteCard v-if=\"error\" type=\"error\" data-testid=\"cn-access-purpose-error\">\n\t\t\t{{ error }}\n\t\t</NcNoteCard>\n\n\t\t<template #actions>\n\t\t\t<NcButton :disabled=\"loading\" data-testid=\"cn-access-purpose-cancel\" @click=\"$emit('cancel')\">\n\t\t\t\t{{ t('nextcloud-vue', 'Cancel') }}\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tvariant=\"primary\"\n\t\t\t\t:disabled=\"!complete \|\| loading\"\n\t\t\t\tdata-testid=\"cn-access-purpose-submit\"\n\t\t\t\t@click=\"submit\">\n\t\t\t\t<template v-if=\"loading\" #icon>\n\t\t\t\t\t<NcLoadingIcon :size=\"20\" :name=\"t('nextcloud-vue', 'Loading …')\" />\n\t\t\t\t</template>\n\t\t\t\t{{ t('nextcloud-vue', 'Open') }}\n\t\t\t</NcButton>\n\t\t</template>\n\t</CnDialog>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcNoteCard, NcTextArea } from '@nextcloud/vue'\nimport CnDialog from '../components/CnDialog/CnDialog.vue'\n\n/** The value of the \"Other\" choice, which asks for a written purpose. /\nconst OTHER = 'other'\n\n/\n CnAccessPurposeDialog — asks why the reader opens a record before the page\n * shows it (detail page `accessPurpose`). A short list of purposes plus\n * \"Other\", which needs a written purpose. Emits the choice; the page records\n * it and decides whether to open.\n \n @spec openspec/changes/detail-access-purpose/specs/detail-access-purpose/spec.md#requirement-a-detail-page-can-ask-for-a-purpose-before-it-opens\n /\nexport default {\n\tname: 'CnAccessPurposeDialog',\n\n\tcomponents: { CnDialog, NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcNoteCard, NcTextArea },\n\n\tprops: {\n\t\t/* The dialog's title; a default question when empty. /\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* The sentence under the title; a default when empty. /\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t The purposes offered, already translated. \"Other\" is added at the end.\n\t\t \n\t\t @type {Array<{value: string, label: string}>}\n\t\t /\n\t\toptions: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/* Whether the purpose is being recorded. /\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Why the last attempt was refused, shown in the dialog. /\n\t\terror: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t/\n\t\t The reader chose a purpose.\n\t\t \n\t\t @type {{purpose: string, note: string}}\n\t\t /\n\t\t'submit',\n\t\t/* The reader closed the dialog without a purpose. /\n\t\t'cancel',\n\t],\n\n\tdata() {\n\t\treturn { purpose: '', note: '', OTHER }\n\t},\n\n\tcomputed: {\n\t\t/* @return {Array<{value: string, label: string}>} The offered purposes and \"Other\". /\n\t\tchoices() {\n\t\t\tconst own = (Array.isArray(this.options) ? this.options : [])\n\t\t\t\t.filter((option) => option && typeof option.value === 'string' && option.value !== '' && option.value !== OTHER)\n\t\t\treturn [...own, { value: OTHER, label: t('nextcloud-vue', 'Other') }]\n\t\t},\n\n\t\t/* @return {boolean} Whether a purpose is chosen and, for \"Other\", written. /\n\t\tcomplete() {\n\t\t\tif (this.purpose === '') {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn this.purpose !== OTHER \|\| this.note.trim() !== ''\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/\n\t\t Emit the chosen purpose; the written note only goes with \"Other\".\n\t\t \n\t\t @return {void}\n\t\t */\n\t\tsubmit() {\n\t\t\tif (!this.complete) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.$emit('submit', { purpose: this.purpose, note: this.purpose === OTHER ? this.note.trim() : '' })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-access-purpose__sentence {\n\tmargin: 0 0 12px;\n}\n\n.cn-access-purpose__choices {\n\tmargin: 0 0 12px;\n\tpadding: 0;\n\tborder: 0;\n}\n\n.cn-access-purpose__legend {\n\tmargin-bottom: 4px;\n\tfont-weight: 600;\n}\n</style>\n"],"names":["CnDialog","t"],"mappings":";;;;~~AAiEA~~;AACA,MAAM,KAAI,GAAI,QAAM;;AAEpB;AACC;;AAEA;;AAEA;AACA;;AAED,aAAe;CACd,IAAI,EAAE,uBAAuB;;AAE7B,CAAA,UAAU,EAAE,YAAEA,UAAQ,EAAE,QAAQ,EAAE,qBAAqB,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY;;AAEhG,CAAA,KAAK,EAAE;;AAEN,EAAA,KAAK,EAAE;GACN,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,EAAE;GACX;;;EAGD,WAAW,EAAE;GACZ,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,EAAE;GACX;;AAED~~;;AAEC~~;AACA~~;;AAED~~,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,KAAK;AACX,GAAA,OAAO,EAAE,MAAM,EAAE;GACjB;;AAED;AACA,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,OAAO;GACb,OAAO,EAAE,KAAK;GACd;;;AAGD,EAAA,KAAK,EAAE;GACN,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,EAAE;GACX;EACD;;AAED,CAAA,KAAK,EAAE;AACN;;AAEC;AACA;;AAED,EAAA,QAAQ;AACR;AACA,EAAA,QAAQ;EACR;;AAED,CAAA,IAAI,GAAG;AACN,EAAA,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAM,EAAA;EACtC;;AAED,CAAA,QAAQ,EAAE;AACT;AACA,EAAA,OAAO,GAAG;GACT,MAAM,GAAE,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAE,GAAE,IAAI,CAAC,OAAM,GAAI,EAAE;KAC1D,MAAM,CAAC,CAAC,MAAM,KAAK,UAAU,OAAO,MAAM,CAAC,KAAI,KAAM,YAAY,MAAM,CAAC,KAAI,KAAM,EAAG,IAAG,MAAM,CAAC,UAAU,KAAK,EAAA;GAChH,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAEC,SAAC,CAAC,eAAe,EAAE,OAAO,CAAA,EAAG,CAAA;GACpE;;AAED;EACA,QAAQ,GAAG;AACV,GAAA,IAAI,IAAI,CAAC,OAAQ,KAAI,EAAE,EAAE;IACxB,OAAO,KAAI;AACZ,IAAA;GACA,OAAO,IAAI,CAAC,YAAY,KAAM,IAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAG,KAAI,EAAC;GACvD;EACD;;AAED,CAAA,OAAO,EAAE;KACRA,SAAC;;AAED;;AAEC;;;AAGD,EAAA,MAAM,GAAG;AACR,GAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;IACnB,MAAK;AACN,IAAA;AACA,GAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAQ,KAAI,KAAM,GAAE,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,EAAA;GACpG;EACD;AACF;;;;"}
1	+ {"version":3,"file":"CnAccessPurposeDialog.vue2.js","sources":["../../../src/dialogs/CnAccessPurposeDialog.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<CnDialog\n\t\t:name=\"title \|\| t('nextcloud-vue', 'Why are you opening this?')\"\n\t\tdefaultWidth=\"confirm\"\n\t\tsize=\"small\"\n\t\t:noClose=\"loading\"\n\t\tdata-testid=\"cn-access-purpose-dialog\"\n\t\t@closing=\"$emit('cancel')\">\n\t\t<p class=\"cn-access-purpose__sentence\">\n\t\t\t{{ description \|\| t('nextcloud-vue', 'This record holds special categories of personal data. Your purpose is recorded with your name and the time.') }}\n\t\t</p>\n\t\t<fieldset class=\"cn-access-purpose__choices\">\n\t\t\t<legend class=\"cn-access-purpose__legend\">\n\t\t\t\t{{ t('nextcloud-vue', 'Purpose') }}\n\t\t\t</legend>\n\t\t\t<template v-for=\"option in choices\" :key=\"option.value\">\n\t\t\t\t<NcCheckboxRadioSwitch\n\t\t\t\t\tv-model=\"purpose\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tname=\"cn-access-purpose\"\n\t\t\t\t\t:value=\"option.value\"\n\t\t\t\t\t:disabled=\"loading\"\n\t\t\t\t\t:data-testid=\"`cn-access-purpose-option-${option.value}`\">\n\t\t\t\t\t{{ option.label }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t<!-- What choosing this purpose does besides recording it (\"you become this case's handler\"). -->\n\t\t\t\t<p v-if=\"option.hint\"\n\t\t\t\t\tclass=\"cn-access-purpose__hint\"\n\t\t\t\t\t:data-testid=\"`cn-access-purpose-hint-${option.value}`\">\n\t\t\t\t\t{{ option.hint }}\n\t\t\t\t</p>\n\t\t\t</template>\n\t\t</fieldset>\n\t\t<NcTextArea\n\t\t\tv-if=\"purpose === OTHER\"\n\t\t\tv-model=\"note\"\n\t\t\t:label=\"t('nextcloud-vue', 'Describe your purpose')\"\n\t\t\t:maxlength=\"500\"\n\t\t\t:disabled=\"loading\"\n\t\t\tdata-testid=\"cn-access-purpose-note\" />\n\t\t<NcNoteCard v-if=\"error\" type=\"error\" data-testid=\"cn-access-purpose-error\">\n\t\t\t{{ error }}\n\t\t</NcNoteCard>\n\n\t\t<template #actions>\n\t\t\t<NcButton :disabled=\"loading\" data-testid=\"cn-access-purpose-cancel\" @click=\"$emit('cancel')\">\n\t\t\t\t{{ t('nextcloud-vue', 'Cancel') }}\n\t\t\t</NcButton>\n\t\t\t<NcButton\n\t\t\t\tvariant=\"primary\"\n\t\t\t\t:disabled=\"!complete \|\| loading\"\n\t\t\t\tdata-testid=\"cn-access-purpose-submit\"\n\t\t\t\t@click=\"submit\">\n\t\t\t\t<template v-if=\"loading\" #icon>\n\t\t\t\t\t<NcLoadingIcon :size=\"20\" :name=\"t('nextcloud-vue', 'Loading …')\" />\n\t\t\t\t</template>\n\t\t\t\t{{ t('nextcloud-vue', 'Open') }}\n\t\t\t</NcButton>\n\t\t</template>\n\t</CnDialog>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcNoteCard, NcTextArea } from '@nextcloud/vue'\nimport CnDialog from '../components/CnDialog/CnDialog.vue'\n\n/** The value of the \"Other\" choice, which asks for a written purpose. /\nconst OTHER = 'other'\n\n/\n CnAccessPurposeDialog — asks why the reader opens a record before the page\n * shows it (detail page `accessPurpose`). A short list of purposes plus\n * \"Other\", which needs a written purpose. Emits the choice; the page records\n * it and decides whether to open.\n \n @spec openspec/changes/detail-access-purpose/specs/detail-access-purpose/spec.md#requirement-a-detail-page-can-ask-for-a-purpose-before-it-opens\n /\nexport default {\n\tname: 'CnAccessPurposeDialog',\n\n\tcomponents: { CnDialog, NcButton, NcCheckboxRadioSwitch, NcLoadingIcon, NcNoteCard, NcTextArea },\n\n\tprops: {\n\t\t/* The dialog's title; a default question when empty. /\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* The sentence under the title; a default when empty. /\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t The purposes offered, already translated. \"Other\" is added at the end.\n\t\t * A `hint` is a line under the option that says what choosing it does\n\t\t * besides recording it.\n\t\t \n\t\t @type {Array<{value: string, label: string, hint?: string}>}\n\t\t /\n\t\toptions: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/* Whether the purpose is being recorded. /\n\t\tloading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Why the last attempt was refused, shown in the dialog. /\n\t\terror: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: [\n\t\t/\n\t\t The reader chose a purpose.\n\t\t \n\t\t @type {{purpose: string, note: string}}\n\t\t /\n\t\t'submit',\n\t\t/* The reader closed the dialog without a purpose. /\n\t\t'cancel',\n\t],\n\n\tdata() {\n\t\treturn { purpose: '', note: '', OTHER }\n\t},\n\n\tcomputed: {\n\t\t/* @return {Array<{value: string, label: string}>} The offered purposes and \"Other\". /\n\t\tchoices() {\n\t\t\tconst own = (Array.isArray(this.options) ? this.options : [])\n\t\t\t\t.filter((option) => option && typeof option.value === 'string' && option.value !== '' && option.value !== OTHER)\n\t\t\treturn [...own, { value: OTHER, label: t('nextcloud-vue', 'Other') }]\n\t\t},\n\n\t\t/* @return {boolean} Whether a purpose is chosen and, for \"Other\", written. /\n\t\tcomplete() {\n\t\t\tif (this.purpose === '') {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn this.purpose !== OTHER \|\| this.note.trim() !== ''\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/\n\t\t Emit the chosen purpose; the written note only goes with \"Other\".\n\t\t \n\t\t @return {void}\n\t\t */\n\t\tsubmit() {\n\t\t\tif (!this.complete) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.$emit('submit', { purpose: this.purpose, note: this.purpose === OTHER ? this.note.trim() : '' })\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-access-purpose__sentence {\n\tmargin: 0 0 12px;\n}\n\n.cn-access-purpose__choices {\n\tmargin: 0 0 12px;\n\tpadding: 0;\n\tborder: 0;\n}\n\n.cn-access-purpose__hint {\n\tmargin: 0 0 6px;\n\tpadding-inline-start: 36px;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-access-purpose__legend {\n\tmargin-bottom: 4px;\n\tfont-weight: 600;\n}\n</style>\n"],"names":["CnDialog","t"],"mappings":";;;;AAuEA;AACA,MAAM,KAAI,GAAI,QAAM;;AAEpB;AACC;;AAEA;;AAEA;AACA;;AAED,aAAe;CACd,IAAI,EAAE,uBAAuB;;AAE7B,CAAA,UAAU,EAAE,YAAEA,UAAQ,EAAE,QAAQ,EAAE,qBAAqB,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY;;AAEhG,CAAA,KAAK,EAAE;;AAEN,EAAA,KAAK,EAAE;GACN,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,EAAE;GACX;;;EAGD,WAAW,EAAE;GACZ,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,EAAE;GACX;;AAED;;;AAGC;AACA;;;AAGD,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,KAAK;AACX,GAAA,OAAO,EAAE,MAAM,EAAE;GACjB;;AAED;AACA,EAAA,OAAO,EAAE;GACR,IAAI,EAAE,OAAO;GACb,OAAO,EAAE,KAAK;GACd;;;AAGD,EAAA,KAAK,EAAE;GACN,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,EAAE;GACX;EACD;;AAED,CAAA,KAAK,EAAE;AACN;;AAEC;AACA;;AAED,EAAA,QAAQ;AACR;AACA,EAAA,QAAQ;EACR;;AAED,CAAA,IAAI,GAAG;AACN,EAAA,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAM,EAAA;EACtC;;AAED,CAAA,QAAQ,EAAE;AACT;AACA,EAAA,OAAO,GAAG;GACT,MAAM,GAAE,GAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAE,GAAE,IAAI,CAAC,OAAM,GAAI,EAAE;KAC1D,MAAM,CAAC,CAAC,MAAM,KAAK,UAAU,OAAO,MAAM,CAAC,KAAI,KAAM,YAAY,MAAM,CAAC,KAAI,KAAM,EAAG,IAAG,MAAM,CAAC,UAAU,KAAK,EAAA;GAChH,OAAO,CAAC,GAAG,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAEC,SAAC,CAAC,eAAe,EAAE,OAAO,CAAA,EAAG,CAAA;GACpE;;AAED;EACA,QAAQ,GAAG;AACV,GAAA,IAAI,IAAI,CAAC,OAAQ,KAAI,EAAE,EAAE;IACxB,OAAO,KAAI;AACZ,IAAA;GACA,OAAO,IAAI,CAAC,YAAY,KAAM,IAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAG,KAAI,EAAC;GACvD;EACD;;AAED,CAAA,OAAO,EAAE;KACRA,SAAC;;AAED;;AAEC;;;AAGD,EAAA,MAAM,GAAG;AACR,GAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;IACnB,MAAK;AACN,IAAA;AACA,GAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAQ,KAAI,KAAM,GAAE,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,EAAA;GACpG;EACD;AACF;;;;"}

package/dist/esm/dialogs/CnAccessPurposeDialog.vue3.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createT
 const _hoisted_1 = { class: "cn-access-purpose__sentence" };
 const _hoisted_2 = { class: "cn-access-purpose__choices" };
 const _hoisted_3 = { class: "cn-access-purpose__legend" };
+const _hoisted_4 = ["data-testid"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_NcCheckboxRadioSwitch = resolveComponent("NcCheckboxRadioSwitch");
@@ -61,21 +62,31 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("fieldset", _hoisted_2, [
         createElementVNode("legend", _hoisted_3, toDisplayString($options.t('nextcloud-vue', 'Purpose')), 1 /* TEXT */),
         (openBlock(true), createElementBlock(Fragment, null, renderList($options.choices, (option) => {
-          return (openBlock(), createBlock(_component_NcCheckboxRadioSwitch, {
-            key: option.value,
-            modelValue: $data.purpose,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.purpose) = $event)),
-            type: "radio",
-            name: "cn-access-purpose",
-            value: option.value,
-            disabled: $props.loading,
-            "data-testid": `cn-access-purpose-option-${option.value}`
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(option.label), 1 /* TEXT */)
-            ]),
-            _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "value", "disabled", "data-testid"]))
+          return (openBlock(), createElementBlock(Fragment, {
+            key: option.value
+          }, [
+            createVNode(_component_NcCheckboxRadioSwitch, {
+              modelValue: $data.purpose,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.purpose) = $event)),
+              type: "radio",
+              name: "cn-access-purpose",
+              value: option.value,
+              disabled: $props.loading,
+              "data-testid": `cn-access-purpose-option-${option.value}`
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(option.label), 1 /* TEXT */)
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "value", "disabled", "data-testid"]),
+            (option.hint)
+              ? (openBlock(), createElementBlock("p", {
+                  key: 0,
+                  class: "cn-access-purpose__hint",
+                  "data-testid": `cn-access-purpose-hint-${option.value}`
+                }, toDisplayString(option.hint), 9 /* TEXT, PROPS */, _hoisted_4))
+              : createCommentVNode("v-if", true)
+          ], 64 /* STABLE_FRAGMENT */))
         }), 128 /* KEYED_FRAGMENT */))
       ]),
       ($data.purpose === $data.OTHER)