@conduction/nextcloud-vue 2.96.0 → 2.98.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 (163) hide show
  1. package/dist/esm/components/CnAppRoot/CnAppRoot.vue2.js +17 -0
  2. package/dist/esm/components/CnAppRoot/CnAppRoot.vue2.js.map +1 -1
  3. package/dist/esm/components/CnAppRoot/CnAppRoot.vue3.js.map +1 -1
  4. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue.js +1 -1
  5. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js +33 -1
  6. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue2.js.map +1 -1
  7. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js +383 -359
  8. package/dist/esm/components/CnCellRenderer/CnCellRenderer.vue3.js.map +1 -1
  9. package/dist/esm/components/CnChartWidget/CnChartWidget.vue.js +1 -1
  10. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js +106 -2
  11. package/dist/esm/components/CnChartWidget/CnChartWidget.vue2.js.map +1 -1
  12. package/dist/esm/components/CnChartWidget/CnChartWidget.vue3.js.map +1 -1
  13. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js +9 -0
  14. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue.js.map +1 -0
  15. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js +964 -0
  16. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue2.js.map +1 -0
  17. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js +282 -0
  18. package/dist/esm/components/CnChecklistRunWidget/CnChecklistRunWidget.vue3.js.map +1 -0
  19. package/dist/esm/components/CnChecklistRunWidget/index.js +28 -0
  20. package/dist/esm/components/CnChecklistRunWidget/index.js.map +1 -0
  21. package/dist/esm/components/CnConversationThread/CnConversationThread.vue.js +1 -1
  22. package/dist/esm/components/CnConversationThread/CnConversationThread.vue2.js +17 -3
  23. package/dist/esm/components/CnConversationThread/CnConversationThread.vue2.js.map +1 -1
  24. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js +61 -43
  25. package/dist/esm/components/CnConversationThread/CnConversationThread.vue3.js.map +1 -1
  26. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue.js +1 -1
  27. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js +159 -18
  28. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue2.js.map +1 -1
  29. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue3.js +9 -7
  30. package/dist/esm/components/CnConversationThread/CnConversationWidget.vue3.js.map +1 -1
  31. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue.js +1 -1
  32. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js +1 -0
  33. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js.map +1 -1
  34. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js.map +1 -1
  35. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js +26 -8
  36. package/dist/esm/components/CnDataTable/CnDataTable.vue2.js.map +1 -1
  37. package/dist/esm/components/CnDataTable/CnDataTable.vue3.js.map +1 -1
  38. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js +188 -5
  39. package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js.map +1 -1
  40. package/dist/esm/components/CnDetailPage/CnDetailPage.vue3.js.map +1 -1
  41. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue.js +1 -1
  42. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js +48 -3
  43. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue2.js.map +1 -1
  44. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js +46 -12
  45. package/dist/esm/components/CnFactsWidget/CnFactsWidget.vue3.js.map +1 -1
  46. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue.js +1 -1
  47. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue2.js +3 -3
  48. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue2.js.map +1 -1
  49. package/dist/esm/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue3.js.map +1 -1
  50. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue.js +1 -1
  51. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue2.js +27 -0
  52. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue2.js.map +1 -1
  53. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue3.js +16 -2
  54. package/dist/esm/components/CnFeaturesBoard/CnFeaturesBoard.vue3.js.map +1 -1
  55. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue.js +1 -1
  56. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js +144 -0
  57. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue2.js.map +1 -1
  58. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js +488 -399
  59. package/dist/esm/components/CnFilesBrowser/CnFilesBrowser.vue3.js.map +1 -1
  60. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js +8 -2
  61. package/dist/esm/components/CnFilesBrowser/filesBrowserColumns.js.map +1 -1
  62. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +344 -21
  63. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  64. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js +29 -7
  65. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  66. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue.js +1 -1
  67. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue2.js +2 -2
  68. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue2.js.map +1 -1
  69. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue3.js +2 -2
  70. package/dist/esm/components/CnIndexPage/CnIndexPageWidgets.vue3.js.map +1 -1
  71. package/dist/esm/components/CnIndexPage/useNamedSource.js +1 -1
  72. package/dist/esm/components/CnIndexPage/useNamedSource.js.map +1 -1
  73. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue.js +1 -1
  74. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js +13 -0
  75. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue2.js.map +1 -1
  76. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js +5 -1
  77. package/dist/esm/components/CnObjectSidebar/CnFilesTab.vue3.js.map +1 -1
  78. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue.js +9 -0
  79. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue.js.map +1 -0
  80. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue2.js +220 -0
  81. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue2.js.map +1 -0
  82. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue3.js +121 -0
  83. package/dist/esm/components/CnOrderedListField/CnOrderedListField.vue3.js.map +1 -0
  84. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue.js +1 -1
  85. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue2.js +83 -9
  86. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue2.js.map +1 -1
  87. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue3.js +80 -11
  88. package/dist/esm/components/CnUserSettingsDialog/CnUserSettingsDialog.vue3.js.map +1 -1
  89. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js +1 -0
  90. package/dist/esm/components/CnWidgetGrid/registerDashboardWidgets.js.map +1 -1
  91. package/dist/esm/composables/indexSources.js +420 -5
  92. package/dist/esm/composables/indexSources.js.map +1 -1
  93. package/dist/esm/composables/useOrganisationStore.js +115 -0
  94. package/dist/esm/composables/useOrganisationStore.js.map +1 -0
  95. package/dist/esm/index.js +2 -0
  96. package/dist/esm/index.js.map +1 -1
  97. package/dist/esm/l10n/en.json.js +21 -1
  98. package/dist/esm/l10n/en.json.js.map +1 -1
  99. package/dist/esm/l10n/nl.json.js +36 -1
  100. package/dist/esm/l10n/nl.json.js.map +1 -1
  101. package/dist/esm/library-style.js +1 -1
  102. package/dist/esm/nextcloud-vue.css +725 -383
  103. package/dist/esm/utils/builtInFormatters.js +34 -1
  104. package/dist/esm/utils/builtInFormatters.js.map +1 -1
  105. package/dist/esm/utils/libraryWidgetKeys.js +1 -0
  106. package/dist/esm/utils/libraryWidgetKeys.js.map +1 -1
  107. package/dist/esm/utils/matrixCells.js +158 -0
  108. package/dist/esm/utils/matrixCells.js.map +1 -0
  109. package/dist/esm/utils/nextcloudDirectory.js +121 -0
  110. package/dist/esm/utils/nextcloudDirectory.js.map +1 -0
  111. package/dist/esm/utils/queryPresets.js +13 -2
  112. package/dist/esm/utils/queryPresets.js.map +1 -1
  113. package/dist/esm/utils/scopeListLayout.js +37 -1
  114. package/dist/esm/utils/scopeListLayout.js.map +1 -1
  115. package/dist/esm/utils/validateManifestV2.compiled.js +3 -3
  116. package/dist/esm/utils/validateManifestV2.compiled.js.map +1 -1
  117. package/dist/nextcloud-vue.cjs.js +14443 -10519
  118. package/dist/nextcloud-vue.cjs.js.map +2 -2
  119. package/dist/nextcloud-vue.css +725 -383
  120. package/l10n/en.json +21 -1
  121. package/l10n/nl.json +36 -1
  122. package/package.json +2 -2
  123. package/scripts/merge-l10n.js +196 -0
  124. package/src/components/CnAppRoot/CnAppRoot.md +1 -0
  125. package/src/components/CnAppRoot/CnAppRoot.vue +17 -0
  126. package/src/components/CnCellRenderer/CnCellRenderer.vue +57 -1
  127. package/src/components/CnChartWidget/CnChartWidget.md +2 -1
  128. package/src/components/CnChartWidget/CnChartWidget.vue +106 -2
  129. package/src/components/CnChecklistRunWidget/CnChecklistRunWidget.vue +1269 -0
  130. package/src/components/CnChecklistRunWidget/index.js +27 -0
  131. package/src/components/CnConversationThread/CnConversationThread.md +12 -0
  132. package/src/components/CnConversationThread/CnConversationThread.vue +30 -4
  133. package/src/components/CnConversationThread/CnConversationWidget.vue +167 -24
  134. package/src/components/CnDashboardPage/CnDashboardPage.vue +1 -0
  135. package/src/components/CnDataTable/CnDataTable.vue +26 -8
  136. package/src/components/CnDetailPage/CnDetailPage.md +48 -0
  137. package/src/components/CnDetailPage/CnDetailPage.vue +188 -5
  138. package/src/components/CnFactsWidget/CnFactsWidget.vue +114 -3
  139. package/src/components/CnFeaturesAndRoadmapView/CnFeaturesAndRoadmapView.vue +3 -3
  140. package/src/components/CnFeaturesBoard/CnFeaturesBoard.vue +38 -2
  141. package/src/components/CnFilesBrowser/CnFilesBrowser.vue +508 -236
  142. package/src/components/CnFilesBrowser/filesBrowserColumns.js +8 -2
  143. package/src/components/CnIndexPage/CnIndexPage.md +28 -0
  144. package/src/components/CnIndexPage/CnIndexPage.vue +367 -27
  145. package/src/components/CnIndexPage/CnIndexPageWidgets.vue +13 -4
  146. package/src/components/CnIndexPage/useNamedSource.js +1 -1
  147. package/src/components/CnObjectSidebar/CnFilesTab.vue +17 -0
  148. package/src/components/CnOrderedListField/CnOrderedListField.vue +386 -0
  149. package/src/components/CnOrderedListField/index.js +7 -0
  150. package/src/components/CnUserSettingsDialog/CnUserSettingsDialog.vue +139 -10
  151. package/src/components/CnWidgetGrid/registerDashboardWidgets.js +1 -0
  152. package/src/components/index.js +2 -0
  153. package/src/composables/indexSources.js +419 -4
  154. package/src/composables/useOrganisationStore.js +111 -0
  155. package/src/index.js +2 -0
  156. package/src/schemas/app-manifest-v2.schema.json +42 -5
  157. package/src/utils/builtInFormatters.js +33 -0
  158. package/src/utils/libraryWidgetKeys.js +1 -0
  159. package/src/utils/matrixCells.js +154 -0
  160. package/src/utils/nextcloudDirectory.js +117 -0
  161. package/src/utils/queryPresets.js +13 -2
  162. package/src/utils/scopeListLayout.js +37 -1
  163. package/src/utils/validateManifestV2.compiled.js +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"CnFeaturesBoard.vue3.js","sources":["../../../../src/components/CnFeaturesBoard/CnFeaturesBoard.vue?vue&type=template&id=f306c9ee&lang.js"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div class=\"cn-features-board\" :class=\"`cn-features-board--${layout}`\" data-testid=\"cn-features-board\">\n\t\t<header class=\"cn-features-board__header\">\n\t\t\t<div class=\"cn-features-board__title-row\">\n\t\t\t\t<h1 class=\"cn-features-board__title\">\n\t\t\t\t\t{{ resolvedTitle }}\n\t\t\t\t</h1>\n\t\t\t\t<div class=\"cn-features-board__header-actions\">\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tv-if=\"documentationButton && documentationUrl\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t:href=\"documentationUrl\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-docs\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<BookOpenVariant :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Documentation') }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t\t<CnBuildiqEditButton />\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tv-if=\"suggestUrl && suggestButton\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t:href=\"suggestUrl\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-suggest\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Suggest feature') }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t\t<NcActions\n\t\t\t\t\t\tv-if=\"!tabs\"\n\t\t\t\t\t\t:menuName=\"t('nextcloud-vue', 'Actions')\"\n\t\t\t\t\t\t:forceName=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-actions\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<DotsHorizontal :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<NcActionLink\n\t\t\t\t\t\t\tv-for=\"action in menuLinks\"\n\t\t\t\t\t\t\t:key=\"action.key\"\n\t\t\t\t\t\t\t:href=\"action.href\"\n\t\t\t\t\t\t\ttarget=\"_blank\">\n\t\t\t\t\t\t\t{{ action.label }}\n\t\t\t\t\t\t</NcActionLink>\n\t\t\t\t\t\t<NcActionButton @click=\"onSupport\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Support this app') }}\n\t\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t</NcActions>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p v-if=\"resolvedSubtitle\" class=\"cn-features-board__subtitle\" data-testid=\"cn-features-board-subtitle\">\n\t\t\t\t{{ resolvedSubtitle }}\n\t\t\t</p>\n\t\t</header>\n\n\t\t<div v-if=\"tabs\" class=\"cn-features-board__tab-row\">\n\t\t\t<div\n\t\t\t\tclass=\"cn-features-board__tabs\"\n\t\t\t\trole=\"tablist\"\n\t\t\t\t:aria-label=\"resolvedTitle\"\n\t\t\t\t@keydown=\"onTabKeydown\">\n\t\t\t\t<button\n\t\t\t\t\tv-for=\"tab in tabList\"\n\t\t\t\t\t:id=\"`${uid}-tab-${tab.key}`\"\n\t\t\t\t\t:key=\"tab.key\"\n\t\t\t\t\tref=\"tabButtons\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\trole=\"tab\"\n\t\t\t\t\tclass=\"cn-features-board__tab\"\n\t\t\t\t\t:class=\"{ 'cn-features-board__tab--active': activeTab === tab.key }\"\n\t\t\t\t\t:aria-selected=\"activeTab === tab.key ? 'true' : 'false'\"\n\t\t\t\t\t:aria-controls=\"`${uid}-panel`\"\n\t\t\t\t\t:tabindex=\"activeTab === tab.key ? 0 : -1\"\n\t\t\t\t\t:data-testid=\"`cn-features-board-tab-${tab.key}`\"\n\t\t\t\t\t@click=\"activeTab = tab.key\">\n\t\t\t\t\t{{ tab.label }}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<NcActions\n\t\t\t\t:menuName=\"t('nextcloud-vue', 'Actions')\"\n\t\t\t\t:forceName=\"true\"\n\t\t\t\tclass=\"cn-features-board__tab-actions\"\n\t\t\t\tdata-testid=\"cn-features-board-actions\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<DotsHorizontal :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t<NcActionLink\n\t\t\t\t\tv-for=\"action in menuLinks\"\n\t\t\t\t\t:key=\"action.key\"\n\t\t\t\t\t:href=\"action.href\"\n\t\t\t\t\ttarget=\"_blank\">\n\t\t\t\t\t{{ action.label }}\n\t\t\t\t</NcActionLink>\n\t\t\t\t<NcActionButton @click=\"onSupport\">\n\t\t\t\t\t{{ t('nextcloud-vue', 'Support this app') }}\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActions>\n\t\t</div>\n\n\t\t<div\n\t\t\t:id=\"`${uid}-panel`\"\n\t\t\tclass=\"cn-features-board__panel\"\n\t\t\t:class=\"{ 'cn-features-board__panel--tabbed': tabs }\"\n\t\t\t:role=\"tabs ? 'tabpanel' : null\"\n\t\t\t:aria-labelledby=\"tabs ? `${uid}-tab-${activeTab}` : null\">\n\t\t\t<CnRoadmapTab v-if=\"tabs && activeTab === 'roadmap'\" :repo=\"repo\" />\n\t\t\t<template v-else>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cn-features-board__filter\"\n\t\t\t\t\t:class=\"`cn-features-board__filter--${filter}`\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Status')\"\n\t\t\t\t\tdata-testid=\"cn-features-board-filter\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tv-for=\"option in filterOptions\"\n\t\t\t\t\t\t:key=\"option.key\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"cn-features-board__filter-option\"\n\t\t\t\t\t\t:class=\"{ 'cn-features-board__filter-option--active': status === option.key }\"\n\t\t\t\t\t\t:aria-pressed=\"status === option.key ? 'true' : 'false'\"\n\t\t\t\t\t\t:data-status=\"option.key\"\n\t\t\t\t\t\t@click=\"status = option.key\">\n\t\t\t\t\t\t{{ option.label }}<span\n\t\t\t\t\t\t\tv-if=\"filter === 'chips'\"\n\t\t\t\t\t\t\tclass=\"cn-features-board__filter-count\"\n\t\t\t\t\t\t\tdata-testid=\"cn-features-board-filter-count\">{{ ' ' + option.count }}</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"cn-features-board__body\">\n\t\t\t\t\t<div class=\"cn-features-board__groups\" :class=\"`cn-features-board__groups--${layout}`\">\n\t\t\t\t\t\t<p v-if=\"shownGroups.length === 0\" class=\"cn-features-board__empty\" data-testid=\"cn-features-board-empty\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'No features with this status') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<section\n\t\t\t\t\t\t\tv-for=\"group in shownGroups\"\n\t\t\t\t\t\t\t:key=\"group.key\"\n\t\t\t\t\t\t\tclass=\"cn-features-board__group\"\n\t\t\t\t\t\t\t:aria-labelledby=\"group.label ? `${uid}-group-${group.key}` : null\"\n\t\t\t\t\t\t\t:aria-label=\"group.label ? null : resolvedTitle\"\n\t\t\t\t\t\t\tdata-testid=\"cn-features-board-group\"\n\t\t\t\t\t\t\t:data-group=\"group.key\">\n\t\t\t\t\t\t\t<div v-if=\"group.label\" class=\"cn-features-board__group-head\">\n\t\t\t\t\t\t\t\t<h2 :id=\"`${uid}-group-${group.key}`\" class=\"cn-features-board__group-title\">\n\t\t\t\t\t\t\t\t\t{{ group.label }}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tv-if=\"layout === 'cards'\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__group-caption\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-group-caption\">{{ groupCaption(group) }}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div v-if=\"layout === 'cards'\" class=\"cn-features-board__cards\">\n\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\t\tv-for=\"feature in group.shown\"\n\t\t\t\t\t\t\t\t\t:key=\"feature.slug\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__card\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-feature\">\n\t\t\t\t\t\t\t\t\t<div class=\"cn-features-board__card-head\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"cn-features-board__card-title\">\n\t\t\t\t\t\t\t\t\t\t\t{{ feature.title }}\n\t\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\t\t\t\t:label=\"statusText(feature)\"\n\t\t\t\t\t\t\t\t\t\t\t:variant=\"variantOf(feature.status)\"\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-status\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<p v-if=\"feature.summary\" class=\"cn-features-board__card-summary\">\n\t\t\t\t\t\t\t\t\t\t{{ feature.summary }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<div v-if=\"readMoreHref(feature)\" class=\"cn-features-board__card-footer\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__read-more\"\n\t\t\t\t\t\t\t\t\t\t\t:href=\"readMoreHref(feature)\"\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Learn more about {title}', { title: feature.title })\">\n\t\t\t\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Learn more') }}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</article>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ul v-else class=\"cn-features-board__rows\">\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tv-for=\"feature in group.shown\"\n\t\t\t\t\t\t\t\t\t:key=\"feature.slug\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__row\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-feature\">\n\t\t\t\t\t\t\t\t\t<span class=\"cn-features-board__row-text\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"cn-features-board__row-title\">{{ feature.title }}</span>\n\t\t\t\t\t\t\t\t\t\t<span v-if=\"feature.summary\" class=\"cn-features-board__row-summary\">{{ feature.summary }}</span>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\t\t\t:label=\"statusText(feature)\"\n\t\t\t\t\t\t\t\t\t\t:variant=\"variantOf(feature.status)\"\n\t\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-status\" />\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<aside\n\t\t\t\t\t\tv-if=\"next > 0 && repo\"\n\t\t\t\t\t\tclass=\"cn-features-board__next\"\n\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Next on the roadmap')\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-next\">\n\t\t\t\t\t\t<section class=\"cn-features-board__next-card\">\n\t\t\t\t\t\t\t<div class=\"cn-features-board__next-head\">\n\t\t\t\t\t\t\t\t<RoadVariant :size=\"20\" />\n\t\t\t\t\t\t\t\t<h2 class=\"cn-features-board__next-title\">\n\t\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Coming next') }}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p class=\"cn-features-board__next-lead\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'The most requested items from the issue tracker.') }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<ol v-if=\"nextIssues.length > 0\" class=\"cn-features-board__next-list\">\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tv-for=\"issue in nextIssues\"\n\t\t\t\t\t\t\t\t\t:key=\"issue.number\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-item\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-next-item\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-link\"\n\t\t\t\t\t\t\t\t\t\t:href=\"safeHref(issue.html_url)\"\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer\">{{ issue.title }}</a>\n\t\t\t\t\t\t\t\t\t<div class=\"cn-features-board__next-meta\">\n\t\t\t\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"issue.status\"\n\t\t\t\t\t\t\t\t\t\t\t:label=\"statusLabel(issue.status)\"\n\t\t\t\t\t\t\t\t\t\t\t:variant=\"variantOf(issue.status)\" />\n\t\t\t\t\t\t\t\t\t\t<span v-if=\"issue.opened\" class=\"cn-features-board__next-opened\">\n\t\t\t\t\t\t\t\t\t\t\t<CalendarBlankOutline :size=\"14\" />{{ t('nextcloud-vue', 'Opened {date}', { date: issue.opened }) }}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span>#{{ issue.number }}</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ol>\n\t\t\t\t\t\t\t<p v-else-if=\"!issuesLoading\" class=\"cn-features-board__next-lead\" data-testid=\"cn-features-board-next-empty\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'No roadmap items yet') }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tv-if=\"tabs\"\n\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-more\"\n\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-whole-roadmap\"\n\t\t\t\t\t\t\t\t@click.prevent=\"activeTab = 'roadmap'\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'See the whole roadmap') }}<ChevronRight :size=\"16\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tv-if=\"documentationUrl\"\n\t\t\t\t\t\t\t\t:href=\"documentationUrl\"\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-more\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Documentation') }}<ChevronRight :size=\"16\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</aside>\n\t\t\t\t</div>\n\n\t\t\t\t<NcNoteCard v-if=\"notice\"\n\t\t\t\t\ttype=\"info\"\n\t\t\t\t\tclass=\"cn-features-board__notice\"\n\t\t\t\t\tdata-testid=\"cn-features-board-notice\">\n\t\t\t\t\t{{ tr(notice) }}\n\t\t\t\t</NcNoteCard>\n\t\t\t</template>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { getLanguage, translatePlural as n, translate as t } from '@nextcloud/l10n'\nimport { NcActionButton, NcActionLink, NcActions, NcButton, NcNoteCard } from '@nextcloud/vue'\nimport BookOpenVariant from 'vue-material-design-icons/BookOpenVariant.vue'\nimport CalendarBlankOutline from 'vue-material-design-icons/CalendarBlankOutline.vue'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'\nimport Plus from 'vue-material-design-icons/Plus.vue'\nimport RoadVariant from 'vue-material-design-icons/RoadVariant.vue'\nimport CnBuildiqEditButton from '../CnBuildiqEditButton/CnBuildiqEditButton.vue'\nimport CnRoadmapTab from '../CnRoadmapTab/CnRoadmapTab.vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { formatBoardDate } from '../../utils/boardDate.js'\nimport { countByStatus, FEATURE_STATUS_VARIANTS, FEATURE_STATUSES, groupFeatures } from '../../utils/featureCatalog.js'\nimport { fetchRoadmapIssues, issueStatus } from '../../utils/roadmapIssues.js'\nimport { safeHref } from '../../utils/safeHref.js'\n\nlet featuresBoardUid = 0\n\n/**\n * Read the reader's language, which @nextcloud/l10n throws on outside a\n * Nextcloud page.\n *\n * @return {string} The language tag, or ''.\n */\nfunction readerLanguage() {\n\ttry {\n\t\treturn getLanguage() || ''\n\t} catch {\n\t\treturn ''\n\t}\n}\n\n/**\n * CnFeaturesBoard - the Features and roadmap page in the board look.\n *\n * A title with a subtitle, optional folder tabs (Features, Roadmap), a status\n * filter (count chips or a segmented control), the features grouped by\n * category (as two-up cards or as rows inside one card per group), an\n * optional \"Next\" card with the most requested forge issues, and an optional\n * notice under the groups. The links the default look puts in its right-hand\n * sidebar (suggest, buildiq, AI skills, support) sit in an Actions menu.\n *\n * Rendered by CnFeaturesAndRoadmapView when the page is in the board look.\n *\n * @spec openspec/changes/screens-roadmap-board-look/specs/features-roadmap-board-look/spec.md\n *\n * @event support Emitted when the reader picks \"Support this app\" in the Actions menu.\n */\nexport default {\n\tname: 'CnFeaturesBoard',\n\n\tcomponents: {\n\t\tBookOpenVariant,\n\t\tCalendarBlankOutline,\n\t\tChevronRight,\n\t\tCnBuildiqEditButton,\n\t\tCnRoadmapTab,\n\t\tCnStatusBadge,\n\t\tDotsHorizontal,\n\t\tNcActionButton,\n\t\tNcActionLink,\n\t\tNcActions,\n\t\tNcButton,\n\t\tNcNoteCard,\n\t\tPlus,\n\t\tRoadVariant,\n\t},\n\n\tinject: {\n\t\t/** The app's translate function, provided by CnAppRoot. Identity outside one. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** The features: `{ slug, title, summary, status, category, expected, docsUrl, title_<lang>, summary_<lang> }`. */\n\t\tfeatures: { type: Array, default: () => [] },\n\t\t/** Category key to caption; sets the order of the groups. */\n\t\tcategories: { type: Object, default: () => ({}) },\n\t\t/** `cards`: a section per category with two-up feature cards. `rows`: one card per category with a row per feature. */\n\t\tlayout: {\n\t\t\ttype: String,\n\t\t\tdefault: 'cards',\n\t\t\tvalidator: (value) => ['cards', 'rows'].includes(value),\n\t\t},\n\n\t\t/** Show the Features and Roadmap folder tabs. */\n\t\ttabs: { type: Boolean, default: true },\n\t\t/** `chips`: pill buttons with a count. `segmented`: a segmented control without counts. */\n\t\tfilter: {\n\t\t\ttype: String,\n\t\t\tdefault: 'chips',\n\t\t\tvalidator: (value) => ['chips', 'segmented'].includes(value),\n\t\t},\n\n\t\t/** Overrides of the status labels, by key (`all`, `available`, `beta`, `in_progress`, `planned`). */\n\t\tstatusLabels: { type: Object, default: () => ({}) },\n\t\t/** How many issues the Next card lists; 0 hides the card. */\n\t\tnext: { type: Number, default: 3 },\n\t\t/** Forge label to issue status (`in_progress`, `planned`) for the badges in the Next card. */\n\t\tissueLabels: { type: Object, default: () => ({}) },\n\t\t/** `<owner>/<repo>` on the forge, for the Roadmap tab and the Next card. */\n\t\trepo: { type: String, default: '' },\n\t\t/** Page title. */\n\t\ttitle: { type: String, default: '' },\n\t\t/** Subtitle template; `{count}` is the number of features and `{appVersion}` the app version. */\n\t\tsubtitle: { type: String, default: '' },\n\t\t/** The app version, for `{appVersion}` in the subtitle. */\n\t\tappVersion: { type: String, default: '' },\n\t\t/** An info notice under the groups. */\n\t\tnotice: { type: String, default: '' },\n\t\t/** The app's documentation site: the Next card's link and the target of \"Learn more\". */\n\t\tdocumentationUrl: { type: String, default: '' },\n\t\t/** Show a Documentation button in the header. */\n\t\tdocumentationButton: { type: Boolean, default: false },\n\t\t/** The feature-request form; the header's primary button. */\n\t\tsuggestUrl: { type: String, default: '' },\n\t\t/** Show the feature-request form as the header's primary button; without it, it is an entry in the Actions menu. */\n\t\tsuggestButton: { type: Boolean, default: true },\n\t\t/** Target of the OpenBuilt entry in the Actions menu. */\n\t\topenbuiltUrl: { type: String, default: '' },\n\t\t/** Target of the AI skills entry in the Actions menu. */\n\t\tllmSkillsUrl: { type: String, default: '' },\n\t},\n\n\temits: ['support'],\n\n\tdata() {\n\t\tfeaturesBoardUid += 1\n\t\treturn {\n\t\t\tuid: `cn-features-board-${featuresBoardUid}`,\n\t\t\tactiveTab: 'features',\n\t\t\tstatus: 'all',\n\t\t\tissues: [],\n\t\t\tissuesLoading: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tlanguage() {\n\t\t\treturn readerLanguage()\n\t\t},\n\n\t\tgroups() {\n\t\t\treturn groupFeatures(this.features, this.categories, this.language)\n\t\t},\n\n\t\tallFeatures() {\n\t\t\treturn this.groups.flatMap((group) => group.features)\n\t\t},\n\n\t\tcounts() {\n\t\t\treturn countByStatus(this.allFeatures)\n\t\t},\n\n\t\t/** The groups with the features the filter lets through; an emptied group is left out. */\n\t\tshownGroups() {\n\t\t\treturn this.groups\n\t\t\t\t.map((group) => ({\n\t\t\t\t\t...group,\n\t\t\t\t\tshown: this.status === 'all' ? group.features : group.features.filter((feature) => feature.status === this.status),\n\t\t\t\t}))\n\t\t\t\t.filter((group) => group.shown.length > 0)\n\t\t},\n\n\t\t/** All, then each status; `in_progress` only when a feature has it. */\n\t\tfilterOptions() {\n\t\t\tconst options = [{ key: 'all', label: this.statusLabel('all'), count: this.counts.all }]\n\t\t\tfor (const key of FEATURE_STATUSES) {\n\t\t\t\tif (key === 'in_progress' && this.counts.in_progress === 0) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\toptions.push({ key, label: this.statusLabel(key), count: this.counts[key] })\n\t\t\t}\n\t\t\treturn options\n\t\t},\n\n\t\ttabList() {\n\t\t\treturn [\n\t\t\t\t{ key: 'features', label: t('nextcloud-vue', 'Features') },\n\t\t\t\t{ key: 'roadmap', label: t('nextcloud-vue', 'Roadmap') },\n\t\t\t]\n\t\t},\n\n\t\tresolvedTitle() {\n\t\t\treturn this.title ? this.tr(this.title) : t('nextcloud-vue', 'Features and roadmap')\n\t\t},\n\n\t\tresolvedSubtitle() {\n\t\t\tif (!this.subtitle) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn this.tr(this.subtitle)\n\t\t\t\t.replace(/\\{count\\}/g, String(this.counts.all))\n\t\t\t\t.replace(/\\{appVersion\\}/g, this.appVersion)\n\t\t},\n\n\t\tmenuLinks() {\n\t\t\tconst links = []\n\t\t\tif (this.suggestUrl && !this.suggestButton) {\n\t\t\t\tlinks.push({ key: 'suggest', href: this.suggestUrl, label: t('nextcloud-vue', 'Suggest feature') })\n\t\t\t}\n\t\t\tif (this.openbuiltUrl) {\n\t\t\t\tlinks.push({ key: 'openbuilt', href: this.openbuiltUrl, label: t('nextcloud-vue', 'Build on this app') })\n\t\t\t}\n\t\t\tif (this.llmSkillsUrl) {\n\t\t\t\tlinks.push({ key: 'llm', href: this.llmSkillsUrl, label: t('nextcloud-vue', 'AI skills') })\n\t\t\t}\n\t\t\treturn links\n\t\t},\n\n\t\tnextIssues() {\n\t\t\treturn this.issues.slice(0, this.next).map((issue) => ({\n\t\t\t\tnumber: issue.number,\n\t\t\t\ttitle: issue.title,\n\t\t\t\thtml_url: issue.html_url,\n\t\t\t\tstatus: issueStatus(issue, this.issueLabels),\n\t\t\t\topened: issue.created_at ? formatBoardDate(issue.created_at) : '',\n\t\t\t}))\n\t\t},\n\t},\n\n\tmounted() {\n\t\tif (this.next > 0 && this.repo) {\n\t\t\tthis.loadIssues()\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t\tsafeHref,\n\n\t\t/**\n\t\t * Run an app-supplied string through the app's translate function.\n\t\t *\n\t\t * @param {string} key The string.\n\t\t * @return {string} The translated string.\n\t\t */\n\t\ttr(key) {\n\t\t\treturn this.cnTranslate(key)\n\t\t},\n\n\t\t/**\n\t\t * The label of a status, or of `all`: the app's override, else the library's.\n\t\t *\n\t\t * @param {string} key The status key.\n\t\t * @return {string} The label.\n\t\t */\n\t\tstatusLabel(key) {\n\t\t\tif (typeof this.statusLabels[key] === 'string' && this.statusLabels[key] !== '') {\n\t\t\t\treturn this.tr(this.statusLabels[key])\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tall: t('nextcloud-vue', 'All'),\n\t\t\t\tavailable: t('nextcloud-vue', 'Available'),\n\t\t\t\tbeta: t('nextcloud-vue', 'Beta'),\n\t\t\t\tin_progress: t('nextcloud-vue', 'In progress'),\n\t\t\t\tplanned: t('nextcloud-vue', 'Planned'),\n\t\t\t}[key] || key\n\t\t},\n\n\t\t/**\n\t\t * The badge text of a feature: its status, with the expected moment\n\t\t * when it has one (\"Planned, Q4 2026\").\n\t\t *\n\t\t * @param {{status: string, expected: string}} feature The feature.\n\t\t * @return {string} The badge text.\n\t\t */\n\t\tstatusText(feature) {\n\t\t\tconst label = this.statusLabel(feature.status)\n\t\t\treturn feature.expected ? t('nextcloud-vue', '{status}, {expected}', { status: label, expected: feature.expected }) : label\n\t\t},\n\n\t\t/**\n\t\t * The badge variant of a status.\n\t\t *\n\t\t * @param {string} status The status key.\n\t\t * @return {string} The CnStatusBadge variant.\n\t\t */\n\t\tvariantOf(status) {\n\t\t\treturn FEATURE_STATUS_VARIANTS[status] || 'default'\n\t\t},\n\n\t\t/**\n\t\t * \"14 features, 14 available\": the group's size, then each status it holds.\n\t\t *\n\t\t * @param {{features: Array<{status: string}>}} group The group.\n\t\t * @return {string} The caption.\n\t\t */\n\t\tgroupCaption(group) {\n\t\t\tconst counts = countByStatus(group.features)\n\t\t\tconst parts = [n('nextcloud-vue', '%n feature', '%n features', counts.all)]\n\t\t\tfor (const key of FEATURE_STATUSES) {\n\t\t\t\tif (counts[key] > 0) {\n\t\t\t\t\tparts.push(`${counts[key]} ${this.statusLabel(key).toLocaleLowerCase()}`)\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn parts.join(', ')\n\t\t},\n\n\t\t/**\n\t\t * Where \"Learn more\" goes: the feature's own page when it is a web\n\t\t * address, else the documentation site, else nowhere.\n\t\t *\n\t\t * @param {{docsUrl: string}} feature The feature.\n\t\t * @return {string} The address, or ''.\n\t\t */\n\t\treadMoreHref(feature) {\n\t\t\tif (/^https?:\\/\\//i.test(feature.docsUrl)) {\n\t\t\t\treturn safeHref(feature.docsUrl)\n\t\t\t}\n\t\t\treturn this.documentationUrl ? safeHref(this.documentationUrl) : ''\n\t\t},\n\n\t\t/** Ask the host to open the support dialog. */\n\t\tonSupport() {\n\t\t\t/**\n\t\t\t * @event support Emitted when the reader picks \"Support this app\" in the Actions menu.\n\t\t\t */\n\t\t\tthis.$emit('support')\n\t\t},\n\n\t\t/** Fetch the forge issues for the Next card. */\n\t\tasync loadIssues() {\n\t\t\tthis.issuesLoading = true\n\t\t\tconst { items } = await fetchRoadmapIssues(this.repo)\n\t\t\tthis.issues = items\n\t\t\tthis.issuesLoading = false\n\t\t},\n\n\t\t/**\n\t\t * Arrow keys, Home and End move between the folder tabs.\n\t\t *\n\t\t * @param {KeyboardEvent} event The key press.\n\t\t */\n\t\tonTabKeydown(event) {\n\t\t\tconst keys = this.tabList.map((tab) => tab.key)\n\t\t\tconst index = keys.indexOf(this.activeTab)\n\t\t\tconst target = {\n\t\t\t\tArrowRight: (index + 1) % keys.length,\n\t\t\t\tArrowLeft: (index - 1 + keys.length) % keys.length,\n\t\t\t\tHome: 0,\n\t\t\t\tEnd: keys.length - 1,\n\t\t\t}[event.key]\n\t\t\tif (target === undefined) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tevent.preventDefault()\n\t\t\tthis.activeTab = keys[target]\n\t\t\tthis.$nextTick(() => this.$refs.tabButtons?.[target]?.focus())\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-features-board {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--cn-board-section-gap, 20px);\n\tpadding: var(--cn-board-content-padding, 24px 28px);\n\tmax-width: 1240px;\n\twidth: 100%;\n}\n\n.cn-features-board__header {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n\tpadding: 4px 0 8px;\n}\n\n.cn-features-board__title-row {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tgap: 12px 24px;\n}\n\n.cn-features-board__title {\n\tflex: 1 1 320px;\n\tmin-width: 0;\n\tmargin: 0;\n\tfont-size: 28px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n}\n\n.cn-features-board__header-actions {\n\tflex: none;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 10px;\n}\n\n.cn-features-board__subtitle {\n\tmargin: 0;\n\tfont-size: 15px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__tab-row {\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: 8px;\n\tmargin-bottom: calc(-1 * var(--cn-board-section-gap, 20px));\n}\n\n.cn-features-board__tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 4px;\n\tflex: 1 1 auto;\n\tmin-width: 0;\n}\n\n.cn-features-board__tab {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tmin-height: 34px;\n\tmargin: 0 0 -1px;\n\tpadding: 8px 12px;\n\tborder: 1px solid var(--cn-board-hairline, var(--color-border));\n\tborder-bottom: none;\n\tborder-radius: 8px 8px 0 0;\n\tbackground: var(--color-background-dark);\n\tcolor: var(--color-main-text);\n\tfont-size: 14px;\n\tfont-weight: 400;\n\tcursor: pointer;\n\twhite-space: nowrap;\n}\n\n.cn-features-board__tab--active {\n\tposition: relative;\n\tbackground: var(--color-main-background);\n\tborder-bottom: 1px solid var(--color-main-background);\n\tfont-weight: 700;\n}\n\n.cn-features-board__tab-actions {\n\tflex: none;\n\talign-self: flex-start;\n\tmargin: 0 8px 8px 0;\n}\n\n.cn-features-board__panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 22px;\n}\n\n.cn-features-board__panel--tabbed {\n\tpadding: 22px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__filter {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.cn-features-board__filter-option {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 8px;\n\tmargin: 0;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcursor: pointer;\n}\n\n.cn-features-board__filter--chips .cn-features-board__filter-option {\n\theight: 36px;\n\tpadding: 0 14px;\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: 18px;\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-main-text);\n}\n\n.cn-features-board__filter--chips .cn-features-board__filter-option--active {\n\tborder-color: var(--color-main-text);\n\tbackground: var(--color-main-text);\n\tcolor: var(--color-main-background);\n}\n\n.cn-features-board__filter-count {\n\tfont-weight: 400;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__filter--chips .cn-features-board__filter-option--active .cn-features-board__filter-count {\n\tcolor: var(--color-border-dark);\n}\n\n.cn-features-board__filter--segmented {\n\tdisplay: inline-flex;\n\talign-self: flex-start;\n\tgap: 2px;\n\tpadding: 3px;\n\tborder-radius: 8px;\n\tbackground: var(--color-background-dark);\n}\n\n.cn-features-board__filter--segmented .cn-features-board__filter-option {\n\theight: 34px;\n\tpadding: 0 14px;\n\tborder: 0;\n\tborder-radius: 6px;\n\tbackground: transparent;\n\tcolor: var(--color-main-text);\n}\n\n.cn-features-board__filter--segmented .cn-features-board__filter-option--active {\n\tbackground: var(--color-main-background);\n\tbox-shadow: 0 1px 2px rgba(27, 28, 29, 0.12);\n}\n\n.cn-features-board__body {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-start;\n\tgap: 24px;\n}\n\n.cn-features-board__groups {\n\tflex: 999 1 520px;\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 26px;\n}\n\n.cn-features-board__groups--rows {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n\tgap: 20px;\n}\n\n.cn-features-board__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tmax-width: none;\n\tmargin: 0;\n}\n\n.cn-features-board__groups--rows .cn-features-board__group {\n\tpadding: var(--cn-board-card-padding, 20px 22px);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__group-head {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: baseline;\n\tgap: 10px;\n}\n\n.cn-features-board__group-title {\n\tmargin: 0;\n\tfont-size: 18px;\n\tfont-weight: 700;\n}\n\n.cn-features-board__groups--rows .cn-features-board__group-title {\n\tfont-size: 17px;\n}\n\n.cn-features-board__group-caption {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__cards {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n\tgap: 16px;\n}\n\n.cn-features-board__card {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 18px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__card-head {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 4px;\n}\n\n.cn-features-board__card-title {\n\tmargin: 0;\n\tfont-size: 17px;\n\tfont-weight: 700;\n\tline-height: 1.3;\n}\n\n.cn-features-board__card-summary {\n\tmargin: 0;\n\tfont-size: 14px;\n\tcolor: var(--color-main-text);\n}\n\n.cn-features-board__card-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tmin-height: 34px;\n\tmargin-top: auto;\n\tpadding-top: 10px;\n\tborder-top: 1px solid var(--color-background-dark);\n}\n\n.cn-features-board__read-more {\n\tdisplay: inline-flex;\n\talign-items: center;\n\theight: 34px;\n\tpadding: 0 12px;\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: 8px;\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-main-text);\n\tfont-size: 14px;\n\tfont-weight: 600;\n\ttext-decoration: none;\n}\n\n.cn-features-board__rows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-features-board__row {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 6px 16px;\n\tpadding: 10px 0;\n\tborder-top: 1px solid var(--color-background-dark);\n}\n\n.cn-features-board__row-text {\n\tflex: 1 1 240px;\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n}\n\n.cn-features-board__row-title {\n\tfont-size: 15px;\n\tfont-weight: 500;\n}\n\n.cn-features-board__row-summary {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__next {\n\tflex: 1 1 280px;\n\tmin-width: 0;\n\tmax-width: 340px;\n}\n\n.cn-features-board__next-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tpadding: 18px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-background-hover);\n}\n\n.cn-features-board__next-head {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.cn-features-board__next-title {\n\tmargin: 0;\n\tfont-size: 18px;\n\tfont-weight: 700;\n}\n\n.cn-features-board__next-lead {\n\tmargin: 0;\n\tfont-size: 14px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__next-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-features-board__next-item {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n\tpadding: 12px 14px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 10px;\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__next-link {\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tline-height: 1.3;\n\tcolor: var(--color-main-text);\n\ttext-decoration: none;\n}\n\n.cn-features-board__next-meta {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__next-opened {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n}\n\n.cn-features-board__next-more {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tfont-size: 14px;\n\tfont-weight: 600;\n}\n\n.cn-features-board__empty {\n\tmargin: 0;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__notice {\n\tmargin: 0;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createBlock","_createVNode","_createTextVNode","_Fragment","_renderList","_openBlock"],"mappings":"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"}
1
+ {"version":3,"file":"CnFeaturesBoard.vue3.js","sources":["../../../../src/components/CnFeaturesBoard/CnFeaturesBoard.vue?vue&type=template&id=ed367d64&lang.js"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div class=\"cn-features-board\" :class=\"`cn-features-board--${layout}`\" data-testid=\"cn-features-board\">\n\t\t<header class=\"cn-features-board__header\">\n\t\t\t<div class=\"cn-features-board__title-row\">\n\t\t\t\t<h1 class=\"cn-features-board__title\">\n\t\t\t\t\t{{ resolvedTitle }}\n\t\t\t\t</h1>\n\t\t\t\t<div class=\"cn-features-board__header-actions\">\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tv-if=\"documentationButton && documentationUrl\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t:href=\"documentationUrl\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-docs\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<BookOpenVariant :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Documentation') }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t\t<CnBuildiqEditButton />\n\t\t\t\t\t<NcButton\n\t\t\t\t\t\tv-if=\"suggestUrl && suggestButton\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t:href=\"suggestUrl\"\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-suggest\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Suggest feature') }}\n\t\t\t\t\t</NcButton>\n\t\t\t\t\t<NcActions\n\t\t\t\t\t\tv-if=\"!tabs\"\n\t\t\t\t\t\t:menuName=\"t('nextcloud-vue', 'Actions')\"\n\t\t\t\t\t\t:forceName=\"true\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-actions\">\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<DotsHorizontal :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<NcActionLink\n\t\t\t\t\t\t\tv-for=\"action in menuLinks\"\n\t\t\t\t\t\t\t:key=\"action.key\"\n\t\t\t\t\t\t\t:href=\"action.href\"\n\t\t\t\t\t\t\ttarget=\"_blank\">\n\t\t\t\t\t\t\t{{ action.label }}\n\t\t\t\t\t\t</NcActionLink>\n\t\t\t\t\t\t<NcActionButton @click=\"onSupport\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Support this app') }}\n\t\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t</NcActions>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p v-if=\"resolvedSubtitle\" class=\"cn-features-board__subtitle\" data-testid=\"cn-features-board-subtitle\">\n\t\t\t\t{{ resolvedSubtitle }}\n\t\t\t</p>\n\t\t</header>\n\n\t\t<div v-if=\"tabs\" class=\"cn-features-board__tab-row\">\n\t\t\t<div\n\t\t\t\tclass=\"cn-features-board__tabs\"\n\t\t\t\trole=\"tablist\"\n\t\t\t\t:aria-label=\"resolvedTitle\"\n\t\t\t\t@keydown=\"onTabKeydown\">\n\t\t\t\t<button\n\t\t\t\t\tv-for=\"tab in tabList\"\n\t\t\t\t\t:id=\"`${uid}-tab-${tab.key}`\"\n\t\t\t\t\t:key=\"tab.key\"\n\t\t\t\t\tref=\"tabButtons\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\trole=\"tab\"\n\t\t\t\t\tclass=\"cn-features-board__tab\"\n\t\t\t\t\t:class=\"{ 'cn-features-board__tab--active': activeTab === tab.key }\"\n\t\t\t\t\t:aria-selected=\"activeTab === tab.key ? 'true' : 'false'\"\n\t\t\t\t\t:aria-controls=\"`${uid}-panel`\"\n\t\t\t\t\t:tabindex=\"activeTab === tab.key ? 0 : -1\"\n\t\t\t\t\t:data-testid=\"`cn-features-board-tab-${tab.key}`\"\n\t\t\t\t\t@click=\"activeTab = tab.key\">\n\t\t\t\t\t{{ tab.label }}\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t\t<NcActions\n\t\t\t\t:menuName=\"t('nextcloud-vue', 'Actions')\"\n\t\t\t\t:forceName=\"true\"\n\t\t\t\tclass=\"cn-features-board__tab-actions\"\n\t\t\t\tdata-testid=\"cn-features-board-actions\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<DotsHorizontal :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t<NcActionLink\n\t\t\t\t\tv-for=\"action in menuLinks\"\n\t\t\t\t\t:key=\"action.key\"\n\t\t\t\t\t:href=\"action.href\"\n\t\t\t\t\ttarget=\"_blank\">\n\t\t\t\t\t{{ action.label }}\n\t\t\t\t</NcActionLink>\n\t\t\t\t<NcActionButton @click=\"onSupport\">\n\t\t\t\t\t{{ t('nextcloud-vue', 'Support this app') }}\n\t\t\t\t</NcActionButton>\n\t\t\t</NcActions>\n\t\t</div>\n\n\t\t<div\n\t\t\t:id=\"`${uid}-panel`\"\n\t\t\tclass=\"cn-features-board__panel\"\n\t\t\t:class=\"{ 'cn-features-board__panel--tabbed': tabs }\"\n\t\t\t:role=\"tabs ? 'tabpanel' : null\"\n\t\t\t:aria-labelledby=\"tabs ? `${uid}-tab-${activeTab}` : null\">\n\t\t\t<CnRoadmapTab v-if=\"tabs && activeTab === 'roadmap'\" :repo=\"repo\" />\n\t\t\t<template v-else>\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cn-features-board__filter\"\n\t\t\t\t\t:class=\"`cn-features-board__filter--${filter}`\"\n\t\t\t\t\trole=\"group\"\n\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Status')\"\n\t\t\t\t\tdata-testid=\"cn-features-board-filter\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tv-for=\"option in filterOptions\"\n\t\t\t\t\t\t:key=\"option.key\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"cn-features-board__filter-option\"\n\t\t\t\t\t\t:class=\"{ 'cn-features-board__filter-option--active': status === option.key }\"\n\t\t\t\t\t\t:aria-pressed=\"status === option.key ? 'true' : 'false'\"\n\t\t\t\t\t\t:data-status=\"option.key\"\n\t\t\t\t\t\t@click=\"status = option.key\">\n\t\t\t\t\t\t{{ option.label }}<span\n\t\t\t\t\t\t\tv-if=\"filter === 'chips'\"\n\t\t\t\t\t\t\tclass=\"cn-features-board__filter-count\"\n\t\t\t\t\t\t\tdata-testid=\"cn-features-board-filter-count\">{{ ' ' + option.count }}</span>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"cn-features-board__body\">\n\t\t\t\t\t<div class=\"cn-features-board__groups\" :class=\"`cn-features-board__groups--${layout}`\">\n\t\t\t\t\t\t<p v-if=\"shownGroups.length === 0\" class=\"cn-features-board__empty\" data-testid=\"cn-features-board-empty\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'No features with this status') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<section\n\t\t\t\t\t\t\tv-for=\"group in shownGroups\"\n\t\t\t\t\t\t\t:key=\"group.key\"\n\t\t\t\t\t\t\tclass=\"cn-features-board__group\"\n\t\t\t\t\t\t\t:aria-labelledby=\"group.label ? `${uid}-group-${group.key}` : null\"\n\t\t\t\t\t\t\t:aria-label=\"group.label ? null : resolvedTitle\"\n\t\t\t\t\t\t\tdata-testid=\"cn-features-board-group\"\n\t\t\t\t\t\t\t:data-group=\"group.key\">\n\t\t\t\t\t\t\t<div v-if=\"group.label\" class=\"cn-features-board__group-head\">\n\t\t\t\t\t\t\t\t<h2 :id=\"`${uid}-group-${group.key}`\" class=\"cn-features-board__group-title\">\n\t\t\t\t\t\t\t\t\t{{ group.label }}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tv-if=\"layout === 'cards'\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__group-caption\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-group-caption\">{{ groupCaption(group) }}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div v-if=\"layout === 'cards'\" class=\"cn-features-board__cards\">\n\t\t\t\t\t\t\t\t<article\n\t\t\t\t\t\t\t\t\tv-for=\"feature in group.shown\"\n\t\t\t\t\t\t\t\t\t:key=\"feature.slug\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__card\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-feature\">\n\t\t\t\t\t\t\t\t\t<div class=\"cn-features-board__card-head\">\n\t\t\t\t\t\t\t\t\t\t<h3 class=\"cn-features-board__card-title\">\n\t\t\t\t\t\t\t\t\t\t\t{{ feature.title }}\n\t\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\t\t\t\t:label=\"statusText(feature)\"\n\t\t\t\t\t\t\t\t\t\t\t:variant=\"variantOf(feature.status)\"\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-status\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<p v-if=\"feature.summary\" class=\"cn-features-board__card-summary\">\n\t\t\t\t\t\t\t\t\t\t{{ feature.summary }}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<div v-if=\"readMoreHref(feature)\" class=\"cn-features-board__card-footer\">\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__read-more\"\n\t\t\t\t\t\t\t\t\t\t\t:href=\"readMoreHref(feature)\"\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Learn more about {title}', { title: feature.title })\">\n\t\t\t\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Learn more') }}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</article>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ul v-else class=\"cn-features-board__rows\">\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tv-for=\"feature in group.shown\"\n\t\t\t\t\t\t\t\t\t:key=\"feature.slug\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__row\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-feature\">\n\t\t\t\t\t\t\t\t\t<span class=\"cn-features-board__row-text\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"cn-features-board__row-title\">{{ feature.title }}</span>\n\t\t\t\t\t\t\t\t\t\t<span v-if=\"summaries && feature.summary\" class=\"cn-features-board__row-summary\">{{ feature.summary }}</span>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\t\t\t:label=\"statusText(feature)\"\n\t\t\t\t\t\t\t\t\t\t:variant=\"variantOf(feature.status)\"\n\t\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-status\" />\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<aside\n\t\t\t\t\t\tv-if=\"next > 0 && repo\"\n\t\t\t\t\t\tclass=\"cn-features-board__next\"\n\t\t\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Next on the roadmap')\"\n\t\t\t\t\t\tdata-testid=\"cn-features-board-next\">\n\t\t\t\t\t\t<section class=\"cn-features-board__next-card\">\n\t\t\t\t\t\t\t<div class=\"cn-features-board__next-head\">\n\t\t\t\t\t\t\t\t<RoadVariant :size=\"20\" />\n\t\t\t\t\t\t\t\t<h2 class=\"cn-features-board__next-title\">\n\t\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Coming next') }}\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p class=\"cn-features-board__next-lead\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'The most requested items from the issue tracker.') }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<ol v-if=\"nextIssues.length > 0\" class=\"cn-features-board__next-list\">\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tv-for=\"issue in nextIssues\"\n\t\t\t\t\t\t\t\t\t:key=\"issue.number\"\n\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-item\"\n\t\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-next-item\">\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-link\"\n\t\t\t\t\t\t\t\t\t\t:href=\"safeHref(issue.html_url)\"\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer\">{{ issue.title }}</a>\n\t\t\t\t\t\t\t\t\t<div class=\"cn-features-board__next-meta\">\n\t\t\t\t\t\t\t\t\t\t<CnStatusBadge\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"issue.status\"\n\t\t\t\t\t\t\t\t\t\t\t:label=\"statusLabel(issue.status)\"\n\t\t\t\t\t\t\t\t\t\t\t:variant=\"variantOf(issue.status)\" />\n\t\t\t\t\t\t\t\t\t\t<span v-if=\"issue.opened\" class=\"cn-features-board__next-opened\">\n\t\t\t\t\t\t\t\t\t\t\t<CalendarBlankOutline :size=\"14\" />{{ t('nextcloud-vue', 'Opened {date}', { date: issue.opened }) }}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span>#{{ issue.number }}</span>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t</ol>\n\t\t\t\t\t\t\t<p v-else-if=\"!issuesLoading\" class=\"cn-features-board__next-lead\" data-testid=\"cn-features-board-next-empty\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'No roadmap items yet') }}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tv-if=\"tabs\"\n\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-more\"\n\t\t\t\t\t\t\t\tdata-testid=\"cn-features-board-whole-roadmap\"\n\t\t\t\t\t\t\t\t@click.prevent=\"activeTab = 'roadmap'\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'See the whole roadmap') }}<ChevronRight :size=\"16\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tv-if=\"documentationUrl\"\n\t\t\t\t\t\t\t\t:href=\"documentationUrl\"\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\tclass=\"cn-features-board__next-more\">\n\t\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'Documentation') }}<ChevronRight :size=\"16\" />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</aside>\n\t\t\t\t</div>\n\n\t\t\t\t<NcNoteCard v-if=\"notice\"\n\t\t\t\t\ttype=\"info\"\n\t\t\t\t\tclass=\"cn-features-board__notice\"\n\t\t\t\t\tdata-testid=\"cn-features-board-notice\">\n\t\t\t\t\t<template v-if=\"noticeParts.link\">\n\t\t\t\t\t\t{{ noticeParts.before }}<a\n\t\t\t\t\t\t\t:href=\"noticeParts.link.href\"\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\tdata-testid=\"cn-features-board-notice-link\">{{ noticeParts.link.text }}</a>{{ noticeParts.after }}\n\t\t\t\t\t</template>\n\t\t\t\t\t<template v-else>\n\t\t\t\t\t\t{{ noticeParts.before }}\n\t\t\t\t\t</template>\n\t\t\t\t</NcNoteCard>\n\t\t\t</template>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { getLanguage, translatePlural as n, translate as t } from '@nextcloud/l10n'\nimport { NcActionButton, NcActionLink, NcActions, NcButton, NcNoteCard } from '@nextcloud/vue'\nimport BookOpenVariant from 'vue-material-design-icons/BookOpenVariant.vue'\nimport CalendarBlankOutline from 'vue-material-design-icons/CalendarBlankOutline.vue'\nimport ChevronRight from 'vue-material-design-icons/ChevronRight.vue'\nimport DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'\nimport Plus from 'vue-material-design-icons/Plus.vue'\nimport RoadVariant from 'vue-material-design-icons/RoadVariant.vue'\nimport CnBuildiqEditButton from '../CnBuildiqEditButton/CnBuildiqEditButton.vue'\nimport CnRoadmapTab from '../CnRoadmapTab/CnRoadmapTab.vue'\nimport CnStatusBadge from '../CnStatusBadge/CnStatusBadge.vue'\nimport { formatBoardDate } from '../../utils/boardDate.js'\nimport { countByStatus, FEATURE_STATUS_VARIANTS, FEATURE_STATUSES, groupFeatures } from '../../utils/featureCatalog.js'\nimport { fetchRoadmapIssues, issueStatus } from '../../utils/roadmapIssues.js'\nimport { safeHref } from '../../utils/safeHref.js'\n\nlet featuresBoardUid = 0\n\n/**\n * Read the reader's language, which @nextcloud/l10n throws on outside a\n * Nextcloud page.\n *\n * @return {string} The language tag, or ''.\n */\nfunction readerLanguage() {\n\ttry {\n\t\treturn getLanguage() || ''\n\t} catch {\n\t\treturn ''\n\t}\n}\n\n/**\n * CnFeaturesBoard - the Features and roadmap page in the board look.\n *\n * A title with a subtitle, optional folder tabs (Features, Roadmap), a status\n * filter (count chips or a segmented control), the features grouped by\n * category (as two-up cards or as rows inside one card per group), an\n * optional \"Next\" card with the most requested forge issues, and an optional\n * notice under the groups. The links the default look puts in its right-hand\n * sidebar (suggest, buildiq, AI skills, support) sit in an Actions menu.\n *\n * Rendered by CnFeaturesAndRoadmapView when the page is in the board look.\n *\n * @spec openspec/changes/screens-roadmap-board-look/specs/features-roadmap-board-look/spec.md\n *\n * @event support Emitted when the reader picks \"Support this app\" in the Actions menu.\n */\nexport default {\n\tname: 'CnFeaturesBoard',\n\n\tcomponents: {\n\t\tBookOpenVariant,\n\t\tCalendarBlankOutline,\n\t\tChevronRight,\n\t\tCnBuildiqEditButton,\n\t\tCnRoadmapTab,\n\t\tCnStatusBadge,\n\t\tDotsHorizontal,\n\t\tNcActionButton,\n\t\tNcActionLink,\n\t\tNcActions,\n\t\tNcButton,\n\t\tNcNoteCard,\n\t\tPlus,\n\t\tRoadVariant,\n\t},\n\n\tinject: {\n\t\t/** The app's translate function, provided by CnAppRoot. Identity outside one. */\n\t\tcnTranslate: { default: () => (key) => key },\n\t},\n\n\tprops: {\n\t\t/** The features: `{ slug, title, summary, status, category, expected, docsUrl, title_<lang>, summary_<lang> }`. */\n\t\tfeatures: { type: Array, default: () => [] },\n\t\t/** Category key to caption; sets the order of the groups. */\n\t\tcategories: { type: Object, default: () => ({}) },\n\t\t/** `cards`: a section per category with two-up feature cards. `rows`: one card per category with a row per feature. */\n\t\tlayout: {\n\t\t\ttype: String,\n\t\t\tdefault: 'cards',\n\t\t\tvalidator: (value) => ['cards', 'rows'].includes(value),\n\t\t},\n\n\t\t/** Show the Features and Roadmap folder tabs. */\n\t\ttabs: { type: Boolean, default: true },\n\t\t/** `chips`: pill buttons with a count. `segmented`: a segmented control without counts. */\n\t\tfilter: {\n\t\t\ttype: String,\n\t\t\tdefault: 'chips',\n\t\t\tvalidator: (value) => ['chips', 'segmented'].includes(value),\n\t\t},\n\n\t\t/** Overrides of the status labels, by key (`all`, `available`, `beta`, `in_progress`, `planned`). */\n\t\tstatusLabels: { type: Object, default: () => ({}) },\n\t\t/** How many issues the Next card lists; 0 hides the card. */\n\t\tnext: { type: Number, default: 3 },\n\t\t/** Forge label to issue status (`in_progress`, `planned`) for the badges in the Next card. */\n\t\tissueLabels: { type: Object, default: () => ({}) },\n\t\t/** `<owner>/<repo>` on the forge, for the Roadmap tab and the Next card. */\n\t\trepo: { type: String, default: '' },\n\t\t/** Page title. */\n\t\ttitle: { type: String, default: '' },\n\t\t/** Subtitle template; `{count}` is the number of features and `{appVersion}` the app version. */\n\t\tsubtitle: { type: String, default: '' },\n\t\t/** The app version, for `{appVersion}` in the subtitle. */\n\t\tappVersion: { type: String, default: '' },\n\t\t/** An info notice under the groups. */\n\t\tnotice: { type: String, default: '' },\n\t\t/** The app's documentation site: the Next card's link and the target of \"Learn more\". */\n\t\tdocumentationUrl: { type: String, default: '' },\n\t\t/** Show a Documentation button in the header. */\n\t\tdocumentationButton: { type: Boolean, default: false },\n\t\t/** The feature-request form; the header's primary button. */\n\t\tsuggestUrl: { type: String, default: '' },\n\t\t/** Show the feature-request form as the header's primary button; without it, it is an entry in the Actions menu. */\n\t\tsuggestButton: { type: Boolean, default: true },\n\t\t/** In the `rows` layout, draw each feature's summary under its title; false shows the title and status only. */\n\t\tsummaries: { type: Boolean, default: true },\n\t\t/** A link inside the notice: `{ text, href }`; the first occurrence of `text` in the translated notice opens `href` in a new tab. Only http(s) and site-relative hrefs link. */\n\t\tnoticeLink: { type: Object, default: null },\n\t\t/** Target of the OpenBuilt entry in the Actions menu. */\n\t\topenbuiltUrl: { type: String, default: '' },\n\t\t/** Target of the AI skills entry in the Actions menu. */\n\t\tllmSkillsUrl: { type: String, default: '' },\n\t},\n\n\temits: ['support'],\n\n\tdata() {\n\t\tfeaturesBoardUid += 1\n\t\treturn {\n\t\t\tuid: `cn-features-board-${featuresBoardUid}`,\n\t\t\tactiveTab: 'features',\n\t\t\tstatus: 'all',\n\t\t\tissues: [],\n\t\t\tissuesLoading: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tlanguage() {\n\t\t\treturn readerLanguage()\n\t\t},\n\n\t\t/** The groups, their captions through the app's translate function. */\n\t\tgroups() {\n\t\t\treturn groupFeatures(this.features, this.categories, this.language)\n\t\t\t\t.map((group) => ({ ...group, label: group.label ? this.tr(group.label) : '' }))\n\t\t},\n\n\t\tallFeatures() {\n\t\t\treturn this.groups.flatMap((group) => group.features)\n\t\t},\n\n\t\tcounts() {\n\t\t\treturn countByStatus(this.allFeatures)\n\t\t},\n\n\t\t/** The groups with the features the filter lets through; an emptied group is left out. */\n\t\tshownGroups() {\n\t\t\treturn this.groups\n\t\t\t\t.map((group) => ({\n\t\t\t\t\t...group,\n\t\t\t\t\tshown: this.status === 'all' ? group.features : group.features.filter((feature) => feature.status === this.status),\n\t\t\t\t}))\n\t\t\t\t.filter((group) => group.shown.length > 0)\n\t\t},\n\n\t\t/** All, then each status; `in_progress` only when a feature has it. */\n\t\tfilterOptions() {\n\t\t\tconst options = [{ key: 'all', label: this.statusLabel('all'), count: this.counts.all }]\n\t\t\tfor (const key of FEATURE_STATUSES) {\n\t\t\t\tif (key === 'in_progress' && this.counts.in_progress === 0) {\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\toptions.push({ key, label: this.statusLabel(key), count: this.counts[key] })\n\t\t\t}\n\t\t\treturn options\n\t\t},\n\n\t\ttabList() {\n\t\t\treturn [\n\t\t\t\t{ key: 'features', label: t('nextcloud-vue', 'Features') },\n\t\t\t\t{ key: 'roadmap', label: t('nextcloud-vue', 'Roadmap') },\n\t\t\t]\n\t\t},\n\n\t\tresolvedTitle() {\n\t\t\treturn this.title ? this.tr(this.title) : t('nextcloud-vue', 'Features and roadmap')\n\t\t},\n\n\t\t/**\n\t\t * The notice split around its link: the text before, the link and the\n\t\t * text after. Without a usable `noticeLink` (no match in the\n\t\t * translated notice, or an href that is not http(s) or site-relative)\n\t\t * `before` is the whole notice.\n\t\t *\n\t\t * @return {{before: string, link: ({text: string, href: string}|null), after: string}} The parts.\n\t\t */\n\t\tnoticeParts() {\n\t\t\tconst text = this.notice ? this.tr(this.notice) : ''\n\t\t\tconst link = this.noticeLink\n\t\t\tconst label = link && typeof link.text === 'string' ? this.tr(link.text) : ''\n\t\t\tconst href = link && typeof link.href === 'string' ? link.href.trim() : ''\n\t\t\tconst index = label ? text.indexOf(label) : -1\n\t\t\tconst allowed = (/^https?:\\/\\//i.test(href) || href.startsWith('/')) && safeHref(href) === href\n\t\t\tif (index === -1 || !allowed) {\n\t\t\t\treturn { before: text, link: null, after: '' }\n\t\t\t}\n\t\t\treturn { before: text.slice(0, index), link: { text: label, href }, after: text.slice(index + label.length) }\n\t\t},\n\n\t\tresolvedSubtitle() {\n\t\t\tif (!this.subtitle) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn this.tr(this.subtitle)\n\t\t\t\t.replace(/\\{count\\}/g, String(this.counts.all))\n\t\t\t\t.replace(/\\{appVersion\\}/g, this.appVersion)\n\t\t},\n\n\t\tmenuLinks() {\n\t\t\tconst links = []\n\t\t\tif (this.suggestUrl && !this.suggestButton) {\n\t\t\t\tlinks.push({ key: 'suggest', href: this.suggestUrl, label: t('nextcloud-vue', 'Suggest feature') })\n\t\t\t}\n\t\t\tif (this.openbuiltUrl) {\n\t\t\t\tlinks.push({ key: 'openbuilt', href: this.openbuiltUrl, label: t('nextcloud-vue', 'Build on this app') })\n\t\t\t}\n\t\t\tif (this.llmSkillsUrl) {\n\t\t\t\tlinks.push({ key: 'llm', href: this.llmSkillsUrl, label: t('nextcloud-vue', 'AI skills') })\n\t\t\t}\n\t\t\treturn links\n\t\t},\n\n\t\tnextIssues() {\n\t\t\treturn this.issues.slice(0, this.next).map((issue) => ({\n\t\t\t\tnumber: issue.number,\n\t\t\t\ttitle: issue.title,\n\t\t\t\thtml_url: issue.html_url,\n\t\t\t\tstatus: issueStatus(issue, this.issueLabels),\n\t\t\t\topened: issue.created_at ? formatBoardDate(issue.created_at) : '',\n\t\t\t}))\n\t\t},\n\t},\n\n\tmounted() {\n\t\tif (this.next > 0 && this.repo) {\n\t\t\tthis.loadIssues()\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t\tsafeHref,\n\n\t\t/**\n\t\t * Run an app-supplied string through the app's translate function.\n\t\t *\n\t\t * @param {string} key The string.\n\t\t * @return {string} The translated string.\n\t\t */\n\t\ttr(key) {\n\t\t\treturn this.cnTranslate(key)\n\t\t},\n\n\t\t/**\n\t\t * The label of a status, or of `all`: the app's override, else the library's.\n\t\t *\n\t\t * @param {string} key The status key.\n\t\t * @return {string} The label.\n\t\t */\n\t\tstatusLabel(key) {\n\t\t\tif (typeof this.statusLabels[key] === 'string' && this.statusLabels[key] !== '') {\n\t\t\t\treturn this.tr(this.statusLabels[key])\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tall: t('nextcloud-vue', 'All'),\n\t\t\t\tavailable: t('nextcloud-vue', 'Available'),\n\t\t\t\tbeta: t('nextcloud-vue', 'Beta'),\n\t\t\t\tin_progress: t('nextcloud-vue', 'In progress'),\n\t\t\t\tplanned: t('nextcloud-vue', 'Planned'),\n\t\t\t}[key] || key\n\t\t},\n\n\t\t/**\n\t\t * The badge text of a feature: its status, with the expected moment\n\t\t * when it has one (\"Planned, Q4 2026\").\n\t\t *\n\t\t * @param {{status: string, expected: string}} feature The feature.\n\t\t * @return {string} The badge text.\n\t\t */\n\t\tstatusText(feature) {\n\t\t\tconst label = this.statusLabel(feature.status)\n\t\t\treturn feature.expected ? t('nextcloud-vue', '{status}, {expected}', { status: label, expected: feature.expected }) : label\n\t\t},\n\n\t\t/**\n\t\t * The badge variant of a status.\n\t\t *\n\t\t * @param {string} status The status key.\n\t\t * @return {string} The CnStatusBadge variant.\n\t\t */\n\t\tvariantOf(status) {\n\t\t\treturn FEATURE_STATUS_VARIANTS[status] || 'default'\n\t\t},\n\n\t\t/**\n\t\t * \"14 features, 14 available\": the group's size, then each status it holds.\n\t\t *\n\t\t * @param {{features: Array<{status: string}>}} group The group.\n\t\t * @return {string} The caption.\n\t\t */\n\t\tgroupCaption(group) {\n\t\t\tconst counts = countByStatus(group.features)\n\t\t\tconst parts = [n('nextcloud-vue', '%n feature', '%n features', counts.all)]\n\t\t\tfor (const key of FEATURE_STATUSES) {\n\t\t\t\tif (counts[key] > 0) {\n\t\t\t\t\tparts.push(`${counts[key]} ${this.statusLabel(key).toLocaleLowerCase()}`)\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn parts.join(', ')\n\t\t},\n\n\t\t/**\n\t\t * Where \"Learn more\" goes: the feature's own page when it is a web\n\t\t * address, else the documentation site, else nowhere.\n\t\t *\n\t\t * @param {{docsUrl: string}} feature The feature.\n\t\t * @return {string} The address, or ''.\n\t\t */\n\t\treadMoreHref(feature) {\n\t\t\tif (/^https?:\\/\\//i.test(feature.docsUrl)) {\n\t\t\t\treturn safeHref(feature.docsUrl)\n\t\t\t}\n\t\t\treturn this.documentationUrl ? safeHref(this.documentationUrl) : ''\n\t\t},\n\n\t\t/** Ask the host to open the support dialog. */\n\t\tonSupport() {\n\t\t\t/**\n\t\t\t * @event support Emitted when the reader picks \"Support this app\" in the Actions menu.\n\t\t\t */\n\t\t\tthis.$emit('support')\n\t\t},\n\n\t\t/** Fetch the forge issues for the Next card. */\n\t\tasync loadIssues() {\n\t\t\tthis.issuesLoading = true\n\t\t\tconst { items } = await fetchRoadmapIssues(this.repo)\n\t\t\tthis.issues = items\n\t\t\tthis.issuesLoading = false\n\t\t},\n\n\t\t/**\n\t\t * Arrow keys, Home and End move between the folder tabs.\n\t\t *\n\t\t * @param {KeyboardEvent} event The key press.\n\t\t */\n\t\tonTabKeydown(event) {\n\t\t\tconst keys = this.tabList.map((tab) => tab.key)\n\t\t\tconst index = keys.indexOf(this.activeTab)\n\t\t\tconst target = {\n\t\t\t\tArrowRight: (index + 1) % keys.length,\n\t\t\t\tArrowLeft: (index - 1 + keys.length) % keys.length,\n\t\t\t\tHome: 0,\n\t\t\t\tEnd: keys.length - 1,\n\t\t\t}[event.key]\n\t\t\tif (target === undefined) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tevent.preventDefault()\n\t\t\tthis.activeTab = keys[target]\n\t\t\tthis.$nextTick(() => this.$refs.tabButtons?.[target]?.focus())\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-features-board {\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: var(--cn-board-section-gap, 20px);\n\tpadding: var(--cn-board-content-padding, 24px 28px);\n\tmax-width: 1240px;\n\twidth: 100%;\n}\n\n.cn-features-board__header {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n\tpadding: 4px 0 8px;\n}\n\n.cn-features-board__title-row {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\talign-items: flex-start;\n\tgap: 12px 24px;\n}\n\n.cn-features-board__title {\n\tflex: 1 1 320px;\n\tmin-width: 0;\n\tmargin: 0;\n\tfont-size: 28px;\n\tfont-weight: 700;\n\tline-height: 1.2;\n}\n\n.cn-features-board__header-actions {\n\tflex: none;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 10px;\n}\n\n.cn-features-board__subtitle {\n\tmargin: 0;\n\tfont-size: 15px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__tab-row {\n\tdisplay: flex;\n\talign-items: flex-end;\n\tgap: 8px;\n\tmargin-bottom: calc(-1 * var(--cn-board-section-gap, 20px));\n}\n\n.cn-features-board__tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 4px;\n\tflex: 1 1 auto;\n\tmin-width: 0;\n}\n\n.cn-features-board__tab {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tmin-height: 34px;\n\tmargin: 0 0 -1px;\n\tpadding: 8px 12px;\n\tborder: 1px solid var(--cn-board-hairline, var(--color-border));\n\tborder-bottom: none;\n\tborder-radius: 8px 8px 0 0;\n\tbackground: var(--color-background-dark);\n\tcolor: var(--color-main-text);\n\tfont-size: 14px;\n\tfont-weight: 400;\n\tcursor: pointer;\n\twhite-space: nowrap;\n}\n\n.cn-features-board__tab--active {\n\tposition: relative;\n\tbackground: var(--color-main-background);\n\tborder-bottom: 1px solid var(--color-main-background);\n\tfont-weight: 700;\n}\n\n.cn-features-board__tab-actions {\n\tflex: none;\n\talign-self: flex-start;\n\tmargin: 0 8px 8px 0;\n}\n\n.cn-features-board__panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 22px;\n}\n\n.cn-features-board__panel--tabbed {\n\tpadding: 22px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 0 var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px) var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__filter {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.cn-features-board__filter-option {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 8px;\n\tmargin: 0;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcursor: pointer;\n}\n\n.cn-features-board__filter--chips .cn-features-board__filter-option {\n\theight: 36px;\n\tpadding: 0 14px;\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: 18px;\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-main-text);\n}\n\n.cn-features-board__filter--chips .cn-features-board__filter-option--active {\n\tborder-color: var(--color-main-text);\n\tbackground: var(--color-main-text);\n\tcolor: var(--color-main-background);\n}\n\n.cn-features-board__filter-count {\n\tfont-weight: 400;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__filter--chips .cn-features-board__filter-option--active .cn-features-board__filter-count {\n\tcolor: var(--color-border-dark);\n}\n\n.cn-features-board__filter--segmented {\n\tdisplay: inline-flex;\n\talign-self: flex-start;\n\tgap: 2px;\n\tpadding: 3px;\n\tborder-radius: 8px;\n\tbackground: var(--color-background-dark);\n}\n\n.cn-features-board__filter--segmented .cn-features-board__filter-option {\n\theight: 34px;\n\tpadding: 0 14px;\n\tborder: 0;\n\tborder-radius: 6px;\n\tbackground: transparent;\n\tcolor: var(--color-main-text);\n}\n\n.cn-features-board__filter--segmented .cn-features-board__filter-option--active {\n\tbackground: var(--color-main-background);\n\tbox-shadow: 0 1px 2px rgba(27, 28, 29, 0.12);\n}\n\n.cn-features-board__body {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: flex-start;\n\tgap: 24px;\n}\n\n.cn-features-board__groups {\n\tflex: 999 1 520px;\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 26px;\n}\n\n.cn-features-board__groups--rows {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n\tgap: 20px;\n}\n\n.cn-features-board__group {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tmax-width: none;\n\tmargin: 0;\n}\n\n.cn-features-board__groups--rows .cn-features-board__group {\n\tpadding: var(--cn-board-card-padding, 20px 22px);\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__group-head {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: baseline;\n\tgap: 10px;\n}\n\n.cn-features-board__group-title {\n\tmargin: 0;\n\tfont-size: 18px;\n\tfont-weight: 700;\n}\n\n.cn-features-board__groups--rows .cn-features-board__group-title {\n\tfont-size: 17px;\n}\n\n.cn-features-board__group-caption {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__cards {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n\tgap: 16px;\n}\n\n.cn-features-board__card {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tpadding: 18px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__card-head {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: flex-start;\n\tgap: 4px;\n}\n\n.cn-features-board__card-title {\n\tmargin: 0;\n\tfont-size: 17px;\n\tfont-weight: 700;\n\tline-height: 1.3;\n}\n\n.cn-features-board__card-summary {\n\tmargin: 0;\n\tfont-size: 14px;\n\tcolor: var(--color-main-text);\n}\n\n.cn-features-board__card-footer {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tmin-height: 34px;\n\tmargin-top: auto;\n\tpadding-top: 10px;\n\tborder-top: 1px solid var(--color-background-dark);\n}\n\n.cn-features-board__read-more {\n\tdisplay: inline-flex;\n\talign-items: center;\n\theight: 34px;\n\tpadding: 0 12px;\n\tborder: 1px solid var(--color-border-dark);\n\tborder-radius: 8px;\n\tbackground: var(--color-main-background);\n\tcolor: var(--color-main-text);\n\tfont-size: 14px;\n\tfont-weight: 600;\n\ttext-decoration: none;\n}\n\n.cn-features-board__rows {\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-features-board__row {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 6px 16px;\n\tpadding: 10px 0;\n\tborder-top: 1px solid var(--color-background-dark);\n}\n\n.cn-features-board__row-text {\n\tflex: 1 1 240px;\n\tmin-width: 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 2px;\n}\n\n.cn-features-board__row-title {\n\tfont-size: 15px;\n\tfont-weight: 500;\n}\n\n.cn-features-board__row-summary {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__next {\n\tflex: 1 1 280px;\n\tmin-width: 0;\n\tmax-width: 340px;\n}\n\n.cn-features-board__next-card {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n\tpadding: 18px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--cn-board-card-radius, 12px);\n\tbackground: var(--color-background-hover);\n}\n\n.cn-features-board__next-head {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.cn-features-board__next-title {\n\tmargin: 0;\n\tfont-size: 18px;\n\tfont-weight: 700;\n}\n\n.cn-features-board__next-lead {\n\tmargin: 0;\n\tfont-size: 14px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__next-list {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-features-board__next-item {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n\tpadding: 12px 14px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: 10px;\n\tbackground: var(--color-main-background);\n}\n\n.cn-features-board__next-link {\n\tfont-size: 15px;\n\tfont-weight: 600;\n\tline-height: 1.3;\n\tcolor: var(--color-main-text);\n\ttext-decoration: none;\n}\n\n.cn-features-board__next-meta {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__next-opened {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n}\n\n.cn-features-board__next-more {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: 4px;\n\tfont-size: 14px;\n\tfont-weight: 600;\n}\n\n.cn-features-board__empty {\n\tmargin: 0;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-features-board__notice {\n\tmargin: 0;\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createBlock","_createVNode","_createTextVNode","_Fragment","_renderList","_openBlock"],"mappings":"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"}
@@ -2,7 +2,7 @@ import script from './CnFilesBrowser.vue2.js';
2
2
  import { render } from './CnFilesBrowser.vue3.js';
3
3
 
4
4
  script.render = render;
5
- script.__scopeId = "data-v-120dc0ec";
5
+ script.__scopeId = "data-v-5da9ca42";
6
6
  const __sfc_main = script;
7
7
 
8
8
  export { __sfc_main as default };
@@ -350,6 +350,46 @@ var script = {
350
350
  default: () => [],
351
351
  },
352
352
 
353
+ /**
354
+ * The bulk bar's count, as a translatable template with `{count}`
355
+ * ("{count} documents selected"); `selectionLabelOne` is used for one.
356
+ * Empty reads "{count} selected".
357
+ *
358
+ * @spec openspec/changes/files-browser-side-cards/specs/files-browser/spec.md#requirement-the-bulk-bar-names-what-is-selected
359
+ */
360
+ selectionLabel: {
361
+ type: String,
362
+ default: '',
363
+ },
364
+
365
+ /** The bulk bar's count for one selected file, e.g. "{count} document selected". */
366
+ selectionLabelOne: {
367
+ type: String,
368
+ default: '',
369
+ },
370
+
371
+ /** Whether the bulk bar ends in a "Clear selection" button. */
372
+ showClearSelection: {
373
+ type: Boolean,
374
+ default: true,
375
+ },
376
+
377
+ /**
378
+ * Cards beside the list about the last selected file:
379
+ * `[{ id, title, fields: [{ key, label, source?, formatter?, formatterOptions?, colorMap?, colorKey? }], actions? }]`.
380
+ * `title` may hold `{name}`, the file's name. A field reads `rowData`
381
+ * (`source: 'row'`, the default) or the node (`source: 'node'`); a field
382
+ * with no value is left out. `actions` are declared like `rowActions`
383
+ * and run on that file. No side column while nothing is selected.
384
+ *
385
+ * @type {Array<{id: string, title: string, fields?: Array<object>, actions?: Array<object>}>}
386
+ * @spec openspec/changes/files-browser-side-cards/specs/files-browser/spec.md#requirement-cards-beside-the-list-describe-the-selected-file
387
+ */
388
+ sideCards: {
389
+ type: Array,
390
+ default: () => [],
391
+ },
392
+
353
393
  /**
354
394
  * The key of a declared column to group the files on: a heading row
355
395
  * per value, in the order each is first met, with its count. Files
@@ -582,6 +622,36 @@ var script = {
582
622
  *
583
623
  * @return {Array<object>} The file nodes.
584
624
  */
625
+ /**
626
+ * The bulk bar's count text.
627
+ *
628
+ * @return {string}
629
+ * @spec openspec/changes/files-browser-side-cards/specs/files-browser/spec.md#requirement-the-bulk-bar-names-what-is-selected
630
+ */
631
+ selectionCountText() {
632
+ const count = this.selectedIds.length;
633
+ const template = count === 1 && this.selectionLabelOne ? this.selectionLabelOne : this.selectionLabel;
634
+ if (template) {
635
+ return this.cnTranslate(template).replace(/\{count\}/g, String(count))
636
+ }
637
+ return translate('nextcloud-vue', '{count} selected', { count })
638
+ },
639
+
640
+ /**
641
+ * The file the side cards describe: the last one selected, or null
642
+ * without side cards or a selection.
643
+ *
644
+ * @return {object|null}
645
+ * @spec openspec/changes/files-browser-side-cards/specs/files-browser/spec.md#requirement-cards-beside-the-list-describe-the-selected-file
646
+ */
647
+ sideNode() {
648
+ if (!Array.isArray(this.sideCards) || this.sideCards.length === 0 || this.selectedIds.length === 0) {
649
+ return null
650
+ }
651
+ const id = this.selectedIds[this.selectedIds.length - 1];
652
+ return this.fileNodes.find((node) => String(node.fileid) === id) || null
653
+ },
654
+
585
655
  fileNodes() {
586
656
  return this.sorted.filter((node) => !this.isFolder(node))
587
657
  },
@@ -1468,6 +1538,80 @@ var script = {
1468
1538
  return fileColumnValue(column, node, this.resolvedRowData)
1469
1539
  },
1470
1540
 
1541
+ /**
1542
+ * The tone a column or card field draws a value in: its `colorMap`
1543
+ * entry for the value (case-insensitive), read from the `colorKey` field
1544
+ * of the row when given, else from the value itself. '' without one.
1545
+ *
1546
+ * @param {object} column A resolved column or a side card field.
1547
+ * @param {object} node The node.
1548
+ * @return {string} A badge variant (`success`, `warning`, `error`, ...) or ''.
1549
+ * @spec openspec/changes/files-browser-side-cards/specs/files-browser/spec.md#requirement-a-row-column-can-draw-its-values-in-tones
1550
+ */
1551
+ toneOf(column, node) {
1552
+ const map = column && column.colorMap;
1553
+ if (!map || typeof map !== 'object') {
1554
+ return ''
1555
+ }
1556
+ const raw = column.colorKey
1557
+ ? fileColumnValue({ key: column.colorKey, source: 'row' }, node, this.resolvedRowData)
1558
+ : this.cellValue(column, node);
1559
+ if (raw === null || raw === undefined || typeof raw === 'object') {
1560
+ return ''
1561
+ }
1562
+ const wanted = String(raw).toLowerCase();
1563
+ const hit = Object.keys(map).find((key) => key.toLowerCase() === wanted);
1564
+ return hit ? String(map[hit]) : ''
1565
+ },
1566
+
1567
+ /**
1568
+ * The widget props a cell gets: the column's own, and for a `badge`
1569
+ * its tone as the variant.
1570
+ *
1571
+ * @param {object} column A resolved column.
1572
+ * @param {object} node The node.
1573
+ * @return {object|null}
1574
+ */
1575
+ cellWidgetProps(column, node) {
1576
+ if (column.widget !== 'badge') {
1577
+ return column.widgetProps || null
1578
+ }
1579
+ const tone = this.toneOf(column, node);
1580
+ return { ...(column.widgetProps || {}), ...(tone ? { variant: tone } : {}) }
1581
+ },
1582
+
1583
+ /**
1584
+ * The side cards for a file, resolved: the title with `{name}` filled
1585
+ * in, the fields that have a value with their tone, and the actions.
1586
+ *
1587
+ * @param {object} node The node.
1588
+ * @return {Array<{id: string, title: string, fields: Array<object>, actions: Array<object>}>}
1589
+ * @spec openspec/changes/files-browser-side-cards/specs/files-browser/spec.md#requirement-cards-beside-the-list-describe-the-selected-file
1590
+ */
1591
+ sideCardsFor(node) {
1592
+ return this.sideCards
1593
+ .filter((card) => card && card.id)
1594
+ .map((card) => ({
1595
+ id: String(card.id),
1596
+ title: this.cnTranslate(String(card.title || '')).replace(/\{name\}/g, node.basename),
1597
+ fields: (Array.isArray(card.fields) ? card.fields : [])
1598
+ .filter((field) => field && field.key)
1599
+ .map((field) => {
1600
+ const column = { ...field, source: field.source || 'row' };
1601
+ return {
1602
+ key: String(field.key),
1603
+ label: this.cnTranslate(String(field.label || field.key)),
1604
+ value: this.cellValue(column, node),
1605
+ formatter: field.formatter,
1606
+ formatterOptions: field.formatterOptions,
1607
+ tone: this.toneOf(column, node),
1608
+ }
1609
+ })
1610
+ .filter((field) => field.value !== null && field.value !== undefined && field.value !== ''),
1611
+ actions: (Array.isArray(card.actions) ? card.actions : []).filter((action) => action && action.id),
1612
+ }))
1613
+ },
1614
+
1471
1615
  /**
1472
1616
  * Whether a user currently sees a column, for the chooser's ticks.
1473
1617
  *