@conduction/nextcloud-vue 2.119.0 → 2.120.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 (126) hide show
  1. package/dist/esm/components/CnAiFeaturesWidget/CnAiFeaturesWidget.vue.js +9 -0
  2. package/dist/esm/components/CnAiFeaturesWidget/CnAiFeaturesWidget.vue.js.map +1 -0
  3. package/dist/esm/components/CnAiFeaturesWidget/CnAiFeaturesWidget.vue2.js +226 -0
  4. package/dist/esm/components/CnAiFeaturesWidget/CnAiFeaturesWidget.vue2.js.map +1 -0
  5. package/dist/esm/components/CnAiFeaturesWidget/CnAiFeaturesWidget.vue3.js +211 -0
  6. package/dist/esm/components/CnAiFeaturesWidget/CnAiFeaturesWidget.vue3.js.map +1 -0
  7. package/dist/esm/components/CnAiFeaturesWidget/CnAiSuggestionDecision.vue.js +9 -0
  8. package/dist/esm/components/CnAiFeaturesWidget/CnAiSuggestionDecision.vue.js.map +1 -0
  9. package/dist/esm/components/CnAiFeaturesWidget/CnAiSuggestionDecision.vue2.js +64 -0
  10. package/dist/esm/components/CnAiFeaturesWidget/CnAiSuggestionDecision.vue2.js.map +1 -0
  11. package/dist/esm/components/CnAiFeaturesWidget/CnAiSuggestionDecision.vue3.js +89 -0
  12. package/dist/esm/components/CnAiFeaturesWidget/CnAiSuggestionDecision.vue3.js.map +1 -0
  13. package/dist/esm/components/CnIcon/semanticIcons.js +2 -2
  14. package/dist/esm/components/CnIcon/semanticIcons.js.map +1 -1
  15. package/dist/esm/components/CnObjectPermissionsTab/CnObjectPermissionsTab.vue.js +9 -0
  16. package/dist/esm/components/CnObjectPermissionsTab/CnObjectPermissionsTab.vue.js.map +1 -0
  17. package/dist/esm/components/CnObjectPermissionsTab/CnObjectPermissionsTab.vue2.js +257 -0
  18. package/dist/esm/components/CnObjectPermissionsTab/CnObjectPermissionsTab.vue2.js.map +1 -0
  19. package/dist/esm/components/CnObjectPermissionsTab/CnObjectPermissionsTab.vue3.js +266 -0
  20. package/dist/esm/components/CnObjectPermissionsTab/CnObjectPermissionsTab.vue3.js.map +1 -0
  21. package/dist/esm/components/CnObjectSidebar/CnObjectSidebar.vue.js +1 -1
  22. package/dist/esm/components/CnObjectSidebar/CnObjectSidebar.vue2.js +14 -7
  23. package/dist/esm/components/CnObjectSidebar/CnObjectSidebar.vue2.js.map +1 -1
  24. package/dist/esm/components/CnObjectSidebar/CnObjectSidebar.vue3.js.map +1 -1
  25. package/dist/esm/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue.js +9 -0
  26. package/dist/esm/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue.js.map +1 -0
  27. package/dist/esm/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue2.js +278 -0
  28. package/dist/esm/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue2.js.map +1 -0
  29. package/dist/esm/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue3.js +128 -0
  30. package/dist/esm/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue3.js.map +1 -0
  31. package/dist/esm/components/CnStateMachineEditor/CnStateMachineEditor.vue.js +10 -0
  32. package/dist/esm/components/CnStateMachineEditor/CnStateMachineEditor.vue.js.map +1 -0
  33. package/dist/esm/components/CnStateMachineEditor/CnStateMachineEditor.vue2.js +944 -0
  34. package/dist/esm/components/CnStateMachineEditor/CnStateMachineEditor.vue2.js.map +1 -0
  35. package/dist/esm/components/CnStateMachineEditor/CnStateMachineEditor.vue3.js +276 -0
  36. package/dist/esm/components/CnStateMachineEditor/CnStateMachineEditor.vue3.js.map +1 -0
  37. package/dist/esm/components/CnStateMachineEditor/CnStateMachineFields.vue.js +9 -0
  38. package/dist/esm/components/CnStateMachineEditor/CnStateMachineFields.vue.js.map +1 -0
  39. package/dist/esm/components/CnStateMachineEditor/CnStateMachineFields.vue2.js +354 -0
  40. package/dist/esm/components/CnStateMachineEditor/CnStateMachineFields.vue2.js.map +1 -0
  41. package/dist/esm/components/CnStateMachineEditor/CnStateMachineFields.vue3.js +392 -0
  42. package/dist/esm/components/CnStateMachineEditor/CnStateMachineFields.vue3.js.map +1 -0
  43. package/dist/esm/components/CnStateMachineEditor/CnStateMachineNode.vue.js +9 -0
  44. package/dist/esm/components/CnStateMachineEditor/CnStateMachineNode.vue.js.map +1 -0
  45. package/dist/esm/components/CnStateMachineEditor/CnStateMachineNode.vue2.js +180 -0
  46. package/dist/esm/components/CnStateMachineEditor/CnStateMachineNode.vue2.js.map +1 -0
  47. package/dist/esm/components/CnStateMachineEditor/CnStateMachineNode.vue3.js +208 -0
  48. package/dist/esm/components/CnStateMachineEditor/CnStateMachineNode.vue3.js.map +1 -0
  49. package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue.js +9 -0
  50. package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue.js.map +1 -0
  51. package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue2.js +244 -0
  52. package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue2.js.map +1 -0
  53. package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue3.js +76 -0
  54. package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue3.js.map +1 -0
  55. package/dist/esm/components/CnStateMachineEditor/stateMachineFields.js +290 -0
  56. package/dist/esm/components/CnStateMachineEditor/stateMachineFields.js.map +1 -0
  57. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue.js +9 -0
  58. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue.js.map +1 -0
  59. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js +448 -0
  60. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue2.js.map +1 -0
  61. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js +303 -0
  62. package/dist/esm/components/CnTimelineWidget/CnTimelineManage.vue3.js.map +1 -0
  63. package/dist/esm/components/CnTimelineWidget/CnTimelineWidget.vue.js +1 -1
  64. package/dist/esm/components/CnTimelineWidget/CnTimelineWidget.vue2.js +19 -2
  65. package/dist/esm/components/CnTimelineWidget/CnTimelineWidget.vue2.js.map +1 -1
  66. package/dist/esm/components/CnTimelineWidget/CnTimelineWidget.vue3.js +73 -62
  67. package/dist/esm/components/CnTimelineWidget/CnTimelineWidget.vue3.js.map +1 -1
  68. package/dist/esm/components/CnWidgetGrid/builtInWidgets.js +6 -0
  69. package/dist/esm/components/CnWidgetGrid/builtInWidgets.js.map +1 -1
  70. package/dist/esm/index.js +5 -0
  71. package/dist/esm/index.js.map +1 -1
  72. package/dist/esm/l10n/en.json.js +166 -1
  73. package/dist/esm/l10n/en.json.js.map +1 -1
  74. package/dist/esm/l10n/nl.json.js +166 -1
  75. package/dist/esm/l10n/nl.json.js.map +1 -1
  76. package/dist/esm/library-style.js +1 -1
  77. package/dist/esm/nextcloud-vue.css +889 -101
  78. package/dist/esm/utils/aiFeatures.js +245 -0
  79. package/dist/esm/utils/aiFeatures.js.map +1 -0
  80. package/dist/esm/utils/aiSuggestionTracker.js +182 -0
  81. package/dist/esm/utils/aiSuggestionTracker.js.map +1 -0
  82. package/dist/esm/utils/libraryWidgetKeys.js +1 -0
  83. package/dist/esm/utils/libraryWidgetKeys.js.map +1 -1
  84. package/dist/esm/utils/objectPermissions.js +552 -0
  85. package/dist/esm/utils/objectPermissions.js.map +1 -0
  86. package/dist/esm/utils/objectTranslations.js +180 -0
  87. package/dist/esm/utils/objectTranslations.js.map +1 -0
  88. package/dist/esm/utils/stateMachineValidation.js +254 -0
  89. package/dist/esm/utils/stateMachineValidation.js.map +1 -0
  90. package/dist/esm/utils/widgetDispatch.js +3 -1
  91. package/dist/esm/utils/widgetDispatch.js.map +1 -1
  92. package/dist/nextcloud-vue.cjs.js +20052 -13138
  93. package/dist/nextcloud-vue.cjs.js.map +2 -2
  94. package/dist/nextcloud-vue.css +889 -101
  95. package/l10n/en.json +166 -1
  96. package/l10n/nl.json +166 -1
  97. package/package.json +1 -1
  98. package/src/components/CnAiFeaturesWidget/CnAiFeaturesWidget.vue +416 -0
  99. package/src/components/CnAiFeaturesWidget/CnAiSuggestionDecision.vue +136 -0
  100. package/src/components/CnAiFeaturesWidget/__tests__/CnAiFeaturesWidget.spec.js +213 -0
  101. package/src/components/CnAiFeaturesWidget/index.js +14 -0
  102. package/src/components/CnObjectPermissionsTab/CnObjectPermissionsTab.vue +499 -0
  103. package/src/components/CnObjectPermissionsTab/__tests__/CnObjectPermissionsTab.spec.js +186 -0
  104. package/src/components/CnObjectPermissionsTab/index.js +13 -0
  105. package/src/components/CnObjectSidebar/CnObjectSidebar.vue +8 -1
  106. package/src/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue +424 -0
  107. package/src/components/CnObjectTranslationsWidget/__tests__/CnObjectTranslationsWidget.spec.js +189 -0
  108. package/src/components/CnObjectTranslationsWidget/index.js +13 -0
  109. package/src/components/CnStateMachineEditor/CnStateMachineEditor.vue +1332 -0
  110. package/src/components/CnStateMachineEditor/CnStateMachineFields.vue +791 -0
  111. package/src/components/CnStateMachineEditor/CnStateMachineNode.vue +442 -0
  112. package/src/components/CnStateMachineEditor/CnStateMachinePanel.vue +326 -0
  113. package/src/components/CnStateMachineEditor/index.js +8 -0
  114. package/src/components/CnStateMachineEditor/stateMachineFields.js +287 -0
  115. package/src/components/CnTimelineWidget/CnTimelineManage.vue +827 -0
  116. package/src/components/CnTimelineWidget/CnTimelineWidget.vue +29 -3
  117. package/src/components/CnWidgetGrid/builtInWidgets.js +6 -0
  118. package/src/components/index.js +4 -0
  119. package/src/index.js +5 -0
  120. package/src/utils/aiFeatures.js +241 -0
  121. package/src/utils/aiSuggestionTracker.js +178 -0
  122. package/src/utils/libraryWidgetKeys.js +1 -0
  123. package/src/utils/objectPermissions.js +548 -0
  124. package/src/utils/objectTranslations.js +176 -0
  125. package/src/utils/stateMachineValidation.js +250 -0
  126. package/src/utils/widgetDispatch.js +3 -1
@@ -28841,6 +28841,48 @@ to { background-position: -200% 0;
28841
28841
  }
28842
28842
 
28843
28843
 
28844
+ .cn-object-translations__chips[data-v-c25058de] {
28845
+ display: flex;
28846
+ flex-wrap: wrap;
28847
+ gap: 8px;
28848
+ list-style: none;
28849
+ margin: 0 0 8px;
28850
+ padding: 0;
28851
+ }
28852
+ .cn-object-translations__chip[data-v-c25058de] {
28853
+ align-items: center;
28854
+ background: var(--color-background-dark);
28855
+ display: flex;
28856
+ gap: 6px;
28857
+ }
28858
+ .cn-object-translations__chip--complete[data-v-c25058de] {
28859
+ background: var(--color-success, var(--color-background-dark));
28860
+ --cn-status-badge-ink: var(--color-primary-text);
28861
+ color: var(--cn-status-badge-ink);
28862
+ }
28863
+ .cn-object-translations__source[data-v-c25058de],
28864
+ .cn-object-translations__empty[data-v-c25058de] {
28865
+ color: var(--color-text-maxcontrast);
28866
+ margin: 0 0 8px;
28867
+ }
28868
+ .cn-object-translations__tabs[data-v-c25058de] {
28869
+ display: flex;
28870
+ flex-wrap: wrap;
28871
+ gap: 4px;
28872
+ margin-bottom: 8px;
28873
+ }
28874
+ .cn-object-translations__field[data-v-c25058de] {
28875
+ align-items: center;
28876
+ display: flex;
28877
+ gap: 8px;
28878
+ margin-bottom: 8px;
28879
+ }
28880
+ .cn-object-translations__stale[data-v-c25058de] {
28881
+ color: var(--color-warning-text, var(--color-main-text));
28882
+ white-space: nowrap;
28883
+ }
28884
+
28885
+
28844
28886
  .cn-saved-view-alert[data-v-4439a3f3] {
28845
28887
  display: flex;
28846
28888
  flex-direction: column;
@@ -29028,31 +29070,186 @@ to { background-position: -200% 0;
29028
29070
  }
29029
29071
 
29030
29072
 
29031
- .cn-timeline-widget[data-v-091aa98d] {
29073
+ .cn-timeline-manage__header[data-v-397b3dd4] {
29074
+ display: flex;
29075
+ align-items: flex-start;
29076
+ justify-content: space-between;
29077
+ gap: 12px;
29078
+ margin-block-end: 16px;
29079
+ }
29080
+ .cn-timeline-manage__heading[data-v-397b3dd4] {
29081
+ display: flex;
29082
+ flex-direction: column;
29083
+ gap: 4px;
29084
+ }
29085
+ .cn-timeline-manage__header-actions[data-v-397b3dd4] {
29086
+ display: flex;
29087
+ gap: 8px;
29088
+ }
29089
+ .cn-timeline-manage__title[data-v-397b3dd4] {
29090
+ margin: 0;
29091
+ font-size: 17px;
29092
+ font-weight: 700;
29093
+ line-height: 1.2;
29094
+ }
29095
+ .cn-timeline-manage__subtitle[data-v-397b3dd4] {
29096
+ margin: 0;
29097
+ color: var(--color-text-maxcontrast);
29098
+ font-size: 14px;
29099
+ }
29100
+ .cn-timeline-manage__chips[data-v-397b3dd4] {
29101
+ display: flex;
29102
+ flex-wrap: wrap;
29103
+ gap: 8px;
29104
+ margin-block-end: 12px;
29105
+ }
29106
+ .cn-timeline-manage__chip[data-v-397b3dd4] {
29107
+ display: inline-flex;
29108
+ align-items: center;
29109
+ gap: 8px;
29110
+ box-sizing: border-box;
29111
+ height: 36px;
29112
+ padding: 0 12px;
29113
+ border: 1px solid var(--color-border-dark);
29114
+ border-radius: 18px;
29115
+ background: var(--color-main-background);
29116
+ color: var(--color-main-text);
29117
+ font-size: 14px;
29118
+ font-weight: 600;
29119
+ cursor: pointer;
29120
+ }
29121
+
29122
+ /* The chosen kind is a filled chip with no outline. */
29123
+ .cn-timeline-manage__chip--active[data-v-397b3dd4] {
29124
+ border: 0;
29125
+ background: var(--color-main-text);
29126
+ color: var(--color-main-background);
29127
+ }
29128
+ .cn-timeline-manage__chip-count[data-v-397b3dd4] {
29129
+ padding: 1px 7px;
29130
+ border-radius: 10px;
29131
+ background: var(--color-border);
29132
+ color: var(--color-main-text);
29133
+ font-size: 12px;
29134
+ }
29135
+
29136
+ /* On the filled chip the count is a lighter ink bubble with light text. */
29137
+ .cn-timeline-manage__chip--active .cn-timeline-manage__chip-count[data-v-397b3dd4] {
29138
+ background: color-mix(in srgb, var(--color-main-background) 18%, var(--color-main-text));
29139
+ color: var(--color-main-background);
29140
+ }
29141
+ .cn-timeline-manage__count[data-v-397b3dd4] {
29142
+ margin: 12px 0 0;
29143
+ color: var(--color-text-maxcontrast);
29144
+ }
29145
+ .cn-timeline-manage__composer[data-v-397b3dd4] {
29146
+ display: flex;
29147
+ flex-direction: column;
29148
+ gap: 8px;
29149
+ margin-block-start: 24px;
29150
+ padding-block-start: 16px;
29151
+ border-block-start: 1px solid var(--color-border);
29152
+ }
29153
+ .cn-timeline-manage__composer-title[data-v-397b3dd4] {
29154
+ margin: 0;
29155
+ font-size: 16px;
29156
+ font-weight: bold;
29157
+ }
29158
+ .cn-timeline-manage__composer-hint[data-v-397b3dd4] {
29159
+ margin: 0;
29160
+ color: var(--color-text-maxcontrast);
29161
+ }
29162
+ .cn-timeline-manage__draft-label[data-v-397b3dd4] {
29163
+ font-weight: bold;
29164
+ }
29165
+ .cn-timeline-manage__draft[data-v-397b3dd4] {
29166
+ width: 100%;
29167
+ min-height: 70px;
29168
+ }
29169
+ .cn-timeline-manage__controls[data-v-397b3dd4] {
29170
+ display: flex;
29171
+ gap: 12px;
29172
+ flex-wrap: wrap;
29173
+ margin-block-end: 12px;
29174
+ }
29175
+ .cn-timeline-manage__filter[data-v-397b3dd4] {
29176
+ min-width: 200px;
29177
+ }
29178
+ .cn-timeline-manage__list[data-v-397b3dd4] {
29179
+ list-style: none;
29180
+ margin: 0;
29181
+ padding: 0;
29182
+ }
29183
+ .cn-timeline-manage__entry[data-v-397b3dd4] {
29184
+ border-block-end: 1px solid var(--color-border);
29185
+ padding-block: 12px;
29186
+ }
29187
+ .cn-timeline-manage__entry--pinned[data-v-397b3dd4] {
29188
+ border-inline-start: 3px solid var(--color-primary-element);
29189
+ padding-inline-start: 8px;
29190
+ }
29191
+ .cn-timeline-manage__head[data-v-397b3dd4] {
29192
+ display: flex;
29193
+ gap: 8px;
29194
+ flex-wrap: wrap;
29195
+ align-items: baseline;
29196
+ color: var(--color-text-maxcontrast);
29197
+ font-size: 0.9em;
29198
+ }
29199
+ .cn-timeline-manage__kind[data-v-397b3dd4] {
29200
+ font-weight: bold;
29201
+ color: var(--color-main-text);
29202
+ }
29203
+ .cn-timeline-manage__badge[data-v-397b3dd4] {
29204
+ border: 1px solid var(--color-border);
29205
+ border-radius: var(--border-radius);
29206
+ padding: 0 6px;
29207
+ }
29208
+ .cn-timeline-manage__badge--open[data-v-397b3dd4] {
29209
+ border-color: var(--color-warning);
29210
+ color: var(--color-warning-text);
29211
+ }
29212
+ .cn-timeline-manage__message[data-v-397b3dd4] {
29213
+ margin-block: 4px 0;
29214
+ white-space: pre-wrap;
29215
+ }
29216
+ .cn-timeline-manage__siblings[data-v-397b3dd4] {
29217
+ margin-block: 4px 0;
29218
+ color: var(--color-text-maxcontrast);
29219
+ font-size: 0.9em;
29220
+ }
29221
+ .cn-timeline-manage__actions[data-v-397b3dd4] {
29222
+ display: flex;
29223
+ gap: 8px;
29224
+ margin-block-start: 4px;
29225
+ }
29226
+
29227
+
29228
+ .cn-timeline-widget[data-v-7ed4cc4c] {
29032
29229
  display: flex;
29033
29230
  flex-direction: column;
29034
29231
  gap: 8px;
29035
29232
  }
29036
- .cn-timeline-widget__title[data-v-091aa98d] {
29233
+ .cn-timeline-widget__title[data-v-7ed4cc4c] {
29037
29234
  margin: 0;
29038
29235
  font-size: var(--font-size-large, 1.1em);
29039
29236
  }
29040
- .cn-timeline-widget__loading[data-v-091aa98d] {
29237
+ .cn-timeline-widget__loading[data-v-7ed4cc4c] {
29041
29238
  display: flex;
29042
29239
  align-items: center;
29043
29240
  gap: 8px;
29044
29241
  color: var(--color-text-maxcontrast);
29045
29242
  }
29046
- .cn-timeline-widget__empty[data-v-091aa98d] {
29243
+ .cn-timeline-widget__empty[data-v-7ed4cc4c] {
29047
29244
  margin: 0;
29048
29245
  color: var(--color-text-maxcontrast);
29049
29246
  }
29050
- .cn-timeline-widget__list[data-v-091aa98d] {
29247
+ .cn-timeline-widget__list[data-v-7ed4cc4c] {
29051
29248
  margin: 0;
29052
29249
  padding: 0;
29053
29250
  list-style: none;
29054
29251
  }
29055
- .cn-timeline-widget__event[data-v-091aa98d] {
29252
+ .cn-timeline-widget__event[data-v-7ed4cc4c] {
29056
29253
  position: relative;
29057
29254
  display: flex;
29058
29255
  gap: 12px;
@@ -29060,14 +29257,14 @@ to { background-position: -200% 0;
29060
29257
  }
29061
29258
 
29062
29259
  /* The line between dots: drawn from each dot down to the next event. */
29063
- .cn-timeline-widget__event[data-v-091aa98d]:not(:last-child)::before {
29260
+ .cn-timeline-widget__event[data-v-7ed4cc4c]:not(:last-child)::before {
29064
29261
  content: '';
29065
29262
  position: absolute;
29066
29263
  inset-block: 14px 0;
29067
29264
  inset-inline-start: 5px;
29068
29265
  border-inline-start: 2px solid var(--color-border-dark);
29069
29266
  }
29070
- .cn-timeline-widget__dot[data-v-091aa98d] {
29267
+ .cn-timeline-widget__dot[data-v-7ed4cc4c] {
29071
29268
  flex: 0 0 auto;
29072
29269
  width: 12px;
29073
29270
  height: 12px;
@@ -29077,29 +29274,29 @@ to { background-position: -200% 0;
29077
29274
  }
29078
29275
 
29079
29276
  /* Upcoming: a hollow dot, plus the word "Upcoming" beside the date. */
29080
- .cn-timeline-widget__event--upcoming .cn-timeline-widget__dot[data-v-091aa98d] {
29277
+ .cn-timeline-widget__event--upcoming .cn-timeline-widget__dot[data-v-7ed4cc4c] {
29081
29278
  box-sizing: border-box;
29082
29279
  border: 2px solid var(--color-primary-element);
29083
29280
  background-color: var(--color-main-background);
29084
29281
  }
29085
- .cn-timeline-widget__body[data-v-091aa98d] {
29282
+ .cn-timeline-widget__body[data-v-7ed4cc4c] {
29086
29283
  min-width: 0;
29087
29284
  }
29088
- .cn-timeline-widget__when[data-v-091aa98d] {
29285
+ .cn-timeline-widget__when[data-v-7ed4cc4c] {
29089
29286
  font-size: var(--font-size-small, 13px);
29090
29287
  color: var(--color-text-maxcontrast);
29091
29288
  }
29092
- .cn-timeline-widget__badge[data-v-091aa98d] {
29289
+ .cn-timeline-widget__badge[data-v-7ed4cc4c] {
29093
29290
  margin-inline-start: 8px;
29094
29291
  font-size: var(--font-size-small, 13px);
29095
29292
  font-weight: bold;
29096
29293
  color: var(--color-main-text);
29097
29294
  }
29098
- .cn-timeline-widget__label[data-v-091aa98d] {
29295
+ .cn-timeline-widget__label[data-v-7ed4cc4c] {
29099
29296
  margin: 0;
29100
29297
  font-weight: bold;
29101
29298
  }
29102
- .cn-timeline-widget__detail[data-v-091aa98d] {
29299
+ .cn-timeline-widget__detail[data-v-7ed4cc4c] {
29103
29300
  margin: 0;
29104
29301
  overflow-wrap: anywhere;
29105
29302
  }
@@ -44543,113 +44740,592 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
44543
44740
  }
44544
44741
 
44545
44742
 
44546
- .cn-flow-index__bar[data-v-030b53d4] {
44547
- display: flex;
44548
- align-items: center;
44549
- justify-content: space-between;
44550
- gap: 12px;
44551
- margin-block-end: 12px;
44552
- }
44553
- .cn-flow-index__table[data-v-030b53d4] {
44554
- inline-size: 100%;
44555
- border-collapse: collapse;
44556
- }
44557
- .cn-flow-index__table th[data-v-030b53d4],
44558
- .cn-flow-index__table td[data-v-030b53d4] {
44559
- padding: 8px;
44560
- text-align: start;
44561
- border-block-end: 1px solid var(--color-border);
44562
- }
44563
- .cn-flow-index__row[data-v-030b53d4] {
44564
- cursor: pointer;
44565
- }
44566
- .cn-flow-index__row[data-v-030b53d4]:hover {
44567
- background: var(--color-background-hover);
44568
- }
44569
- .cn-flow-index__muted[data-v-030b53d4] {
44570
- color: var(--color-text-maxcontrast);
44571
- font-size: 0.9em;
44572
- }
44573
- .cn-flow-index__warn[data-v-030b53d4] {
44574
- color: var(--color-warning-text, var(--color-error-text));
44575
- }
44576
- .cn-flow-index__ok[data-v-030b53d4] {
44577
- color: var(--color-success-text);
44578
- }
44579
-
44580
-
44581
- .cn-action-dialog[data-v-5293ec77] {
44743
+ .cn-sm-node[data-v-5d910d3c] {
44582
44744
  display: flex;
44583
44745
  flex-direction: column;
44584
- gap: 16px;
44746
+ gap: 6px;
44747
+ text-align: start;
44585
44748
  }
44586
- .cn-action-dialog__summary[data-v-5293ec77] {
44749
+ .cn-sm-node__header[data-v-5d910d3c] {
44587
44750
  display: flex;
44588
44751
  align-items: center;
44589
- gap: 10px;
44590
- padding: 12px 14px;
44591
- border: 1px solid var(--color-border);
44592
- border-radius: var(--border-radius-large, 8px);
44752
+ gap: 6px;
44753
+ min-width: 0;
44593
44754
  }
44594
- .cn-action-dialog__summary-text[data-v-5293ec77] {
44595
- display: flex;
44755
+ .cn-sm-node__name[data-v-5d910d3c] {
44596
44756
  flex: 1 1 auto;
44597
- flex-direction: column;
44598
44757
  min-width: 0;
44599
- }
44600
- .cn-action-dialog__badge[data-v-5293ec77] {
44601
- padding: 3px 10px;
44602
- border-radius: 12px;
44603
- background: var(--color-background-dark);
44604
- font-size: 13px;
44758
+ overflow: hidden;
44759
+ font-size: 14px;
44605
44760
  font-weight: 600;
44761
+ text-overflow: ellipsis;
44606
44762
  white-space: nowrap;
44607
44763
  }
44608
- .cn-action-dialog__title[data-v-5293ec77] {
44609
- margin: 0 0 8px;
44610
- font-size: 14px;
44764
+ .cn-sm-node__count[data-v-5d910d3c] {
44765
+ flex: none;
44766
+ min-width: 20px;
44767
+ padding: 0 6px;
44768
+ border-radius: 10px;
44769
+ background: var(--color-primary-element, #0082c9);
44770
+ color: var(--color-primary-element-text, #fff);
44771
+ font-size: 12px;
44611
44772
  font-weight: 600;
44773
+ text-align: center;
44612
44774
  }
44613
-
44614
- /* Facts in columns of at least 200px, each a label over its value above a
44615
- hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
44616
- .cn-action-dialog__facts[data-v-5293ec77] {
44617
- display: grid;
44618
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
44619
- gap: 12px 24px;
44620
- margin: 0;
44621
- }
44622
- .cn-action-dialog__fact[data-v-5293ec77] {
44623
- display: flex;
44624
- flex-direction: column;
44625
- gap: 3px;
44626
- padding-bottom: 10px;
44627
- border-bottom: 1px solid var(--color-border);
44628
- }
44629
- .cn-action-dialog__facts dt[data-v-5293ec77] {
44630
- color: var(--color-text-maxcontrast);
44631
- font-size: 13px;
44775
+ .cn-sm-node__menu[data-v-5d910d3c] {
44776
+ flex: none;
44777
+ margin: -6px -8px -6px 0;
44632
44778
  }
44633
- .cn-action-dialog__facts dd[data-v-5293ec77] {
44634
- margin: 0;
44635
- font-size: 15px;
44636
- font-weight: 500;
44779
+ .cn-sm-node__chip[data-v-5d910d3c] {
44780
+ align-self: flex-start;
44781
+ padding: 2px 8px;
44782
+ border-radius: 10px;
44783
+ background: var(--color-success, #2d7b41);
44784
+ color: var(--color-success-text, #fff);
44785
+ font-size: 12px;
44786
+ font-weight: 600;
44637
44787
  }
44638
-
44639
- /* Checklist rows divided by hairlines, the detail at the row's end
44640
- (DqArchiveren "Klaar om te archiveren"). */
44641
- .cn-action-dialog__checks[data-v-5293ec77] {
44788
+ .cn-sm-node__steps[data-v-5d910d3c] {
44642
44789
  display: flex;
44643
44790
  flex-direction: column;
44644
- margin: 0;
44791
+ margin: 0 -12px;
44645
44792
  padding: 0;
44646
44793
  list-style: none;
44647
44794
  }
44648
- .cn-action-dialog__check[data-v-5293ec77] {
44795
+ .cn-sm-node__step[data-v-5d910d3c] {
44649
44796
  display: flex;
44650
- flex-wrap: wrap;
44651
44797
  align-items: center;
44652
- gap: 2px 12px;
44798
+ gap: 4px;
44799
+ width: 100%;
44800
+ min-height: 28px;
44801
+ padding: 2px 12px;
44802
+ border: 0;
44803
+ background: none;
44804
+ color: var(--color-main-text, #222);
44805
+ font: inherit;
44806
+ font-size: 13px;
44807
+ text-align: start;
44808
+ cursor: pointer;
44809
+ }
44810
+ .cn-sm-node__step[data-v-5d910d3c]:hover,
44811
+ .cn-sm-node__step--selected[data-v-5d910d3c] {
44812
+ background: var(--color-background-hover, #f5f5f5);
44813
+ }
44814
+ .cn-sm-node__step[data-v-5d910d3c]:focus-visible,
44815
+ .cn-sm-node__add[data-v-5d910d3c]:focus-visible {
44816
+ outline: 2px solid var(--color-primary-element, #0082c9);
44817
+ outline-offset: -2px;
44818
+ }
44819
+ .cn-sm-node__step--required[data-v-5d910d3c] {
44820
+ font-weight: 600;
44821
+ }
44822
+ .cn-sm-node__required[data-v-5d910d3c] {
44823
+ color: var(--color-error-text, #c9302c);
44824
+ }
44825
+ .cn-sm-node__step-name[data-v-5d910d3c] {
44826
+ flex: 1 1 auto;
44827
+ min-width: 0;
44828
+ overflow: hidden;
44829
+ text-overflow: ellipsis;
44830
+ white-space: nowrap;
44831
+ }
44832
+ .cn-sm-node__checks[data-v-5d910d3c] {
44833
+ flex: none;
44834
+ padding: 0 4px;
44835
+ border-radius: 4px;
44836
+ background: var(--color-background-dark, #ededed);
44837
+ color: var(--color-text-maxcontrast, #6b6b6b);
44838
+ font-size: 11px;
44839
+ }
44840
+ .cn-sm-node__add[data-v-5d910d3c] {
44841
+ display: flex;
44842
+ align-items: center;
44843
+ gap: 4px;
44844
+ margin: 0 -12px -8px;
44845
+ min-height: 32px;
44846
+ padding: 4px 12px;
44847
+ border: 0;
44848
+ border-top: 1px solid var(--color-border, #d0d0d0);
44849
+ background: none;
44850
+ color: var(--color-text-maxcontrast, #6b6b6b);
44851
+ font: inherit;
44852
+ font-size: 13px;
44853
+ cursor: pointer;
44854
+ }
44855
+ .cn-sm-node__add[data-v-5d910d3c]:hover {
44856
+ background: var(--color-background-hover, #f5f5f5);
44857
+ color: var(--color-main-text, #222);
44858
+ }
44859
+ .cn-sm-node__sr[data-v-5d910d3c] {
44860
+ position: absolute;
44861
+ width: 1px;
44862
+ height: 1px;
44863
+ overflow: hidden;
44864
+ clip-path: inset(50%);
44865
+ white-space: nowrap;
44866
+ }
44867
+
44868
+
44869
+ .cn-sm-fields[data-v-3e23dab3] {
44870
+ display: flex;
44871
+ flex-direction: column;
44872
+ gap: 12px;
44873
+ min-width: 0;
44874
+ }
44875
+ .cn-sm-fields--row[data-v-3e23dab3] {
44876
+ flex-direction: row;
44877
+ align-items: flex-end;
44878
+ gap: 8px;
44879
+ }
44880
+ .cn-sm-fields--row[data-v-3e23dab3] > * {
44881
+ flex: 1 1 0;
44882
+ min-width: 0;
44883
+ }
44884
+ .cn-sm-fields--row > .cn-sm-field--narrow[data-v-3e23dab3] {
44885
+ flex: 0 0 88px;
44886
+ }
44887
+ .cn-sm-fields--boxed[data-v-3e23dab3] {
44888
+ padding: 8px;
44889
+ border-radius: var(--border-radius, 8px);
44890
+ background: var(--color-background-dark, #ededed);
44891
+ }
44892
+ .cn-sm-field[data-v-3e23dab3] {
44893
+ display: flex;
44894
+ flex-direction: column;
44895
+ gap: 4px;
44896
+ min-width: 0;
44897
+ }
44898
+ .cn-sm-field--check[data-v-3e23dab3] {
44899
+ flex-direction: row;
44900
+ align-items: center;
44901
+ gap: 8px;
44902
+ }
44903
+ .cn-sm-field__label[data-v-3e23dab3],
44904
+ .cn-sm-field > label[data-v-3e23dab3] {
44905
+ font-size: 14px;
44906
+ font-weight: 600;
44907
+ color: var(--color-main-text, #222);
44908
+ }
44909
+ .cn-sm-field--check > label[data-v-3e23dab3] {
44910
+ font-weight: 400;
44911
+ }
44912
+ .cn-sm-field__input[data-v-3e23dab3] {
44913
+ width: 100%;
44914
+ min-height: 36px;
44915
+ box-sizing: border-box;
44916
+ padding: 6px 8px;
44917
+ border: 1px solid var(--color-border-maxcontrast, #7f7f7f);
44918
+ border-radius: var(--border-radius-element, 8px);
44919
+ background: var(--color-main-background, #fff);
44920
+ color: var(--color-main-text, #222);
44921
+ font: inherit;
44922
+ }
44923
+ textarea.cn-sm-field__input[data-v-3e23dab3] {
44924
+ resize: vertical;
44925
+ }
44926
+ .cn-sm-field__input[data-v-3e23dab3]:focus-visible {
44927
+ outline: 2px solid var(--color-primary-element, #0082c9);
44928
+ outline-offset: 1px;
44929
+ }
44930
+ .cn-sm-field__hint[data-v-3e23dab3] {
44931
+ margin: 0;
44932
+ font-size: 13px;
44933
+ color: var(--color-text-maxcontrast, #6b6b6b);
44934
+ }
44935
+ .cn-sm-list[data-v-3e23dab3] {
44936
+ display: flex;
44937
+ flex-direction: column;
44938
+ gap: 6px;
44939
+ min-width: 0;
44940
+ margin: 0;
44941
+ padding: 0;
44942
+ border: 0;
44943
+ }
44944
+ .cn-sm-list--section[data-v-3e23dab3],
44945
+ .cn-sm-group--section[data-v-3e23dab3] {
44946
+ padding-top: 12px;
44947
+ border-top: 1px solid var(--color-border, #d0d0d0);
44948
+ }
44949
+ .cn-sm-list legend[data-v-3e23dab3] {
44950
+ padding: 0;
44951
+ margin-bottom: 6px;
44952
+ }
44953
+ .cn-sm-list__legend--section[data-v-3e23dab3],
44954
+ .cn-sm-group__heading[data-v-3e23dab3] {
44955
+ margin: 0 0 6px;
44956
+ font-size: 12px;
44957
+ font-weight: 600;
44958
+ letter-spacing: 0.04em;
44959
+ text-transform: uppercase;
44960
+ color: var(--color-text-maxcontrast, #6b6b6b);
44961
+ }
44962
+ .cn-sm-list__item[data-v-3e23dab3] {
44963
+ display: flex;
44964
+ align-items: center;
44965
+ gap: 4px;
44966
+ }
44967
+ .cn-sm-list__handle[data-v-3e23dab3] {
44968
+ display: inline-flex;
44969
+ cursor: grab;
44970
+ color: var(--color-text-maxcontrast, #6b6b6b);
44971
+ }
44972
+ .cn-sm-list__typed[data-v-3e23dab3] {
44973
+ position: relative;
44974
+ display: flex;
44975
+ flex-direction: column;
44976
+ gap: 6px;
44977
+ padding: 8px 44px 8px 8px;
44978
+ border-radius: var(--border-radius, 8px);
44979
+ background: var(--color-background-dark, #ededed);
44980
+ }
44981
+ .cn-sm-list__remove[data-v-3e23dab3] {
44982
+ position: absolute;
44983
+ top: 4px;
44984
+ inset-inline-end: 4px;
44985
+ }
44986
+ .cn-sm-group[data-v-3e23dab3] {
44987
+ display: flex;
44988
+ flex-direction: column;
44989
+ gap: 8px;
44990
+ }
44991
+ .cn-sm-group__toggle[data-v-3e23dab3] {
44992
+ display: flex;
44993
+ align-items: center;
44994
+ justify-content: space-between;
44995
+ width: 100%;
44996
+ min-height: 34px;
44997
+ padding: 4px 0;
44998
+ border: 0;
44999
+ background: none;
45000
+ color: var(--color-text-maxcontrast, #6b6b6b);
45001
+ font-size: 12px;
45002
+ font-weight: 600;
45003
+ letter-spacing: 0.04em;
45004
+ text-transform: uppercase;
45005
+ cursor: pointer;
45006
+ }
45007
+ .cn-sm-group__toggle[data-v-3e23dab3]:focus-visible {
45008
+ outline: 2px solid var(--color-primary-element, #0082c9);
45009
+ outline-offset: 2px;
45010
+ }
45011
+ .cn-sm-group__notice[data-v-3e23dab3] {
45012
+ margin: 0;
45013
+ padding: 8px;
45014
+ border-inline-start: 4px solid var(--color-warning, #c28900);
45015
+ border-radius: var(--border-radius, 8px);
45016
+ background: var(--color-background-dark, #ededed);
45017
+ font-size: 13px;
45018
+ }
45019
+ .cn-sm-group__body[data-v-3e23dab3] {
45020
+ display: flex;
45021
+ flex-direction: column;
45022
+ gap: 8px;
45023
+ }
45024
+ .cn-sm-visually-hidden[data-v-3e23dab3] {
45025
+ position: absolute;
45026
+ width: 1px;
45027
+ height: 1px;
45028
+ overflow: hidden;
45029
+ clip-path: inset(50%);
45030
+ white-space: nowrap;
45031
+ }
45032
+
45033
+
45034
+ .cn-sm-panel[data-v-dd581f76] {
45035
+ display: flex;
45036
+ flex-direction: column;
45037
+ gap: 14px;
45038
+ min-width: 0;
45039
+ }
45040
+ .cn-sm-panel__header[data-v-dd581f76] {
45041
+ display: flex;
45042
+ align-items: flex-start;
45043
+ justify-content: space-between;
45044
+ gap: 8px;
45045
+ }
45046
+ .cn-sm-panel__titles[data-v-dd581f76] {
45047
+ display: flex;
45048
+ flex-direction: column;
45049
+ gap: 4px;
45050
+ min-width: 0;
45051
+ }
45052
+ .cn-sm-panel__title[data-v-dd581f76] {
45053
+ margin: 0;
45054
+ font-size: 17px;
45055
+ font-weight: 700;
45056
+ overflow-wrap: anywhere;
45057
+ }
45058
+ .cn-sm-panel__subtitle[data-v-dd581f76] {
45059
+ font-size: 13px;
45060
+ color: var(--color-text-maxcontrast, #6b6b6b);
45061
+ }
45062
+ .cn-sm-panel__danger[data-v-dd581f76] {
45063
+ padding-top: 12px;
45064
+ border-top: 1px solid var(--color-border, #d0d0d0);
45065
+ }
45066
+
45067
+
45068
+ .cn-state-machine-editor[data-v-4817b208] {
45069
+ display: flex;
45070
+ flex-direction: column;
45071
+ gap: 12px;
45072
+ min-width: 0;
45073
+ }
45074
+ .cn-state-machine-editor__issues[data-v-4817b208] {
45075
+ display: flex;
45076
+ flex-wrap: wrap;
45077
+ align-items: flex-start;
45078
+ justify-content: space-between;
45079
+ gap: 8px;
45080
+ padding: 8px 12px;
45081
+ border: 1px solid var(--color-warning, #c28900);
45082
+ border-inline-start-width: 4px;
45083
+ border-radius: var(--border-radius-large, 10px);
45084
+ background: var(--color-main-background, #fff);
45085
+ }
45086
+ .cn-state-machine-editor__issues--error[data-v-4817b208] {
45087
+ border-color: var(--color-error, #d91812);
45088
+ }
45089
+ .cn-state-machine-editor__issue-list[data-v-4817b208] {
45090
+ display: flex;
45091
+ flex-direction: column;
45092
+ gap: 4px;
45093
+ margin: 0;
45094
+ padding: 0;
45095
+ list-style: none;
45096
+ }
45097
+ .cn-state-machine-editor__issue[data-v-4817b208] {
45098
+ display: flex;
45099
+ align-items: center;
45100
+ gap: 6px;
45101
+ font-size: 14px;
45102
+ }
45103
+ .cn-state-machine-editor__issue--error[data-v-4817b208] {
45104
+ color: var(--color-error-text, #c9302c);
45105
+ }
45106
+ .cn-state-machine-editor__issue--warning[data-v-4817b208] {
45107
+ color: var(--color-warning-text, #7a5600);
45108
+ }
45109
+ .cn-state-machine-editor__layout[data-v-4817b208] {
45110
+ display: grid;
45111
+ grid-template-columns: 220px minmax(0, 1fr) 280px;
45112
+ gap: 16px;
45113
+ align-items: start;
45114
+ }
45115
+ .cn-state-machine-editor__palette[data-v-4817b208] {
45116
+ display: flex;
45117
+ flex-direction: column;
45118
+ gap: 10px;
45119
+ padding: 14px;
45120
+ border: 1px solid var(--color-border, #e4e6ea);
45121
+ border-radius: 12px;
45122
+ background: var(--color-background-hover, #f5f6f8);
45123
+ }
45124
+ .cn-state-machine-editor__palette-title[data-v-4817b208] {
45125
+ margin: 0;
45126
+ font-size: 12px;
45127
+ font-weight: 600;
45128
+ letter-spacing: 0.06em;
45129
+ text-transform: uppercase;
45130
+ color: var(--color-text-maxcontrast, #5e6168);
45131
+ }
45132
+ .cn-state-machine-editor__palette-item[data-v-4817b208] {
45133
+ display: flex;
45134
+ align-items: center;
45135
+ gap: 8px;
45136
+ padding: 8px 10px;
45137
+ border: 1px solid var(--color-border, #e4e6ea);
45138
+ border-radius: 8px;
45139
+ background: var(--color-main-background, #fff);
45140
+ font-size: 14px;
45141
+ cursor: grab;
45142
+ }
45143
+ .cn-state-machine-editor__palette-item[data-v-4817b208]:hover {
45144
+ border-color: var(--color-primary-element, #0082c9);
45145
+ }
45146
+ .cn-state-machine-editor__help[data-v-4817b208] {
45147
+ font-size: 13px;
45148
+ line-height: 1.5;
45149
+ color: var(--color-text-maxcontrast, #5e6168);
45150
+ }
45151
+ .cn-state-machine-editor__help p[data-v-4817b208] {
45152
+ margin: 0 0 6px;
45153
+ }
45154
+ .cn-state-machine-editor__controls[data-v-4817b208] {
45155
+ display: grid;
45156
+ grid-template-columns: max-content 1fr;
45157
+ gap: 4px 8px;
45158
+ margin: 0;
45159
+ font-size: 13px;
45160
+ color: var(--color-text-maxcontrast, #5e6168);
45161
+ }
45162
+ .cn-state-machine-editor__controls dt[data-v-4817b208] {
45163
+ font-weight: 600;
45164
+ }
45165
+ .cn-state-machine-editor__controls dd[data-v-4817b208] {
45166
+ margin: 0;
45167
+ }
45168
+ .cn-state-machine-editor__canvas[data-v-4817b208] {
45169
+ position: relative;
45170
+ height: var(--cn-state-machine-canvas-height, 540px);
45171
+ overflow: hidden;
45172
+ border: 1px solid var(--color-border, #e4e6ea);
45173
+ border-radius: 12px;
45174
+ background: var(--color-main-background, #fff);
45175
+ }
45176
+ .cn-state-machine-editor__properties[data-v-4817b208] {
45177
+ display: flex;
45178
+ flex-direction: column;
45179
+ gap: 12px;
45180
+ padding: 16px;
45181
+ border: 1px solid var(--color-border, #e4e6ea);
45182
+ border-radius: 12px;
45183
+ background: var(--color-main-background, #fff);
45184
+ }
45185
+ .cn-state-machine-editor__empty[data-v-4817b208] {
45186
+ margin: 0;
45187
+ font-size: 14px;
45188
+ color: var(--color-text-maxcontrast, #5e6168);
45189
+ }
45190
+ .cn-state-machine-editor__edge-label[data-v-4817b208] {
45191
+ font-size: 12px;
45192
+ font-weight: 500;
45193
+ }
45194
+ .cn-state-machine-editor__sr[data-v-4817b208] {
45195
+ position: absolute;
45196
+ width: 1px;
45197
+ height: 1px;
45198
+ overflow: hidden;
45199
+ clip-path: inset(50%);
45200
+ white-space: nowrap;
45201
+ }
45202
+
45203
+ /* The board's state card: a 1px outline, a 10px radius and a soft shadow; a
45204
+ selected state gets the 2px primary outline. */
45205
+ .cn-state-machine-editor__canvas[data-v-4817b208] .cn-flow-node {
45206
+ padding: 10px 12px;
45207
+ border: 1px solid var(--color-border-maxcontrast, #828a95);
45208
+ border-radius: 10px;
45209
+ box-shadow: 0 1px 2px rgba(27, 28, 29, 0.08);
45210
+ }
45211
+ .cn-state-machine-editor__canvas[data-v-4817b208] .cn-flow-node--selected {
45212
+ padding: 9px 11px;
45213
+ border: 2px solid var(--color-primary-element, #0082c9);
45214
+ }
45215
+ @media (max-width: 1100px) {
45216
+ .cn-state-machine-editor__layout[data-v-4817b208] {
45217
+ grid-template-columns: minmax(0, 1fr);
45218
+ }
45219
+ }
45220
+
45221
+
45222
+ .cn-flow-index__bar[data-v-030b53d4] {
45223
+ display: flex;
45224
+ align-items: center;
45225
+ justify-content: space-between;
45226
+ gap: 12px;
45227
+ margin-block-end: 12px;
45228
+ }
45229
+ .cn-flow-index__table[data-v-030b53d4] {
45230
+ inline-size: 100%;
45231
+ border-collapse: collapse;
45232
+ }
45233
+ .cn-flow-index__table th[data-v-030b53d4],
45234
+ .cn-flow-index__table td[data-v-030b53d4] {
45235
+ padding: 8px;
45236
+ text-align: start;
45237
+ border-block-end: 1px solid var(--color-border);
45238
+ }
45239
+ .cn-flow-index__row[data-v-030b53d4] {
45240
+ cursor: pointer;
45241
+ }
45242
+ .cn-flow-index__row[data-v-030b53d4]:hover {
45243
+ background: var(--color-background-hover);
45244
+ }
45245
+ .cn-flow-index__muted[data-v-030b53d4] {
45246
+ color: var(--color-text-maxcontrast);
45247
+ font-size: 0.9em;
45248
+ }
45249
+ .cn-flow-index__warn[data-v-030b53d4] {
45250
+ color: var(--color-warning-text, var(--color-error-text));
45251
+ }
45252
+ .cn-flow-index__ok[data-v-030b53d4] {
45253
+ color: var(--color-success-text);
45254
+ }
45255
+
45256
+
45257
+ .cn-action-dialog[data-v-5293ec77] {
45258
+ display: flex;
45259
+ flex-direction: column;
45260
+ gap: 16px;
45261
+ }
45262
+ .cn-action-dialog__summary[data-v-5293ec77] {
45263
+ display: flex;
45264
+ align-items: center;
45265
+ gap: 10px;
45266
+ padding: 12px 14px;
45267
+ border: 1px solid var(--color-border);
45268
+ border-radius: var(--border-radius-large, 8px);
45269
+ }
45270
+ .cn-action-dialog__summary-text[data-v-5293ec77] {
45271
+ display: flex;
45272
+ flex: 1 1 auto;
45273
+ flex-direction: column;
45274
+ min-width: 0;
45275
+ }
45276
+ .cn-action-dialog__badge[data-v-5293ec77] {
45277
+ padding: 3px 10px;
45278
+ border-radius: 12px;
45279
+ background: var(--color-background-dark);
45280
+ font-size: 13px;
45281
+ font-weight: 600;
45282
+ white-space: nowrap;
45283
+ }
45284
+ .cn-action-dialog__title[data-v-5293ec77] {
45285
+ margin: 0 0 8px;
45286
+ font-size: 14px;
45287
+ font-weight: 600;
45288
+ }
45289
+
45290
+ /* Facts in columns of at least 200px, each a label over its value above a
45291
+ hairline (DqArchiveren "Bewaring volgens het zaaktype"). */
45292
+ .cn-action-dialog__facts[data-v-5293ec77] {
45293
+ display: grid;
45294
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
45295
+ gap: 12px 24px;
45296
+ margin: 0;
45297
+ }
45298
+ .cn-action-dialog__fact[data-v-5293ec77] {
45299
+ display: flex;
45300
+ flex-direction: column;
45301
+ gap: 3px;
45302
+ padding-bottom: 10px;
45303
+ border-bottom: 1px solid var(--color-border);
45304
+ }
45305
+ .cn-action-dialog__facts dt[data-v-5293ec77] {
45306
+ color: var(--color-text-maxcontrast);
45307
+ font-size: 13px;
45308
+ }
45309
+ .cn-action-dialog__facts dd[data-v-5293ec77] {
45310
+ margin: 0;
45311
+ font-size: 15px;
45312
+ font-weight: 500;
45313
+ }
45314
+
45315
+ /* Checklist rows divided by hairlines, the detail at the row's end
45316
+ (DqArchiveren "Klaar om te archiveren"). */
45317
+ .cn-action-dialog__checks[data-v-5293ec77] {
45318
+ display: flex;
45319
+ flex-direction: column;
45320
+ margin: 0;
45321
+ padding: 0;
45322
+ list-style: none;
45323
+ }
45324
+ .cn-action-dialog__check[data-v-5293ec77] {
45325
+ display: flex;
45326
+ flex-wrap: wrap;
45327
+ align-items: center;
45328
+ gap: 2px 12px;
44653
45329
  padding: 10px 0;
44654
45330
  border-top: 1px solid var(--color-border);
44655
45331
  font-size: 15px;
@@ -46875,6 +47551,68 @@ a.cn-integration-tab__title[data-v-3d9122a5]:hover {
46875
47551
  }
46876
47552
 
46877
47553
 
47554
+ .cn-ai-suggestion-decision[data-v-77db0b7a] {
47555
+ display: flex;
47556
+ flex-direction: column;
47557
+ gap: 4px;
47558
+ margin-top: 8px;
47559
+ }
47560
+ .cn-ai-suggestion-decision__actions[data-v-77db0b7a] {
47561
+ display: flex;
47562
+ flex-wrap: wrap;
47563
+ gap: 8px;
47564
+ }
47565
+ .cn-ai-suggestion-decision__done[data-v-77db0b7a] {
47566
+ color: var(--color-text-maxcontrast);
47567
+ font-size: 0.85em;
47568
+ }
47569
+
47570
+
47571
+ .cn-ai-features[data-v-c7b3ee28] {
47572
+ padding: 12px;
47573
+ }
47574
+ .cn-ai-features__loading[data-v-c7b3ee28] {
47575
+ display: flex;
47576
+ align-items: center;
47577
+ gap: 8px;
47578
+ }
47579
+ .cn-ai-features__feature[data-v-c7b3ee28],
47580
+ .cn-ai-features__questions[data-v-c7b3ee28] {
47581
+ margin-bottom: 16px;
47582
+ padding-bottom: 12px;
47583
+ border-bottom: 1px solid var(--color-border);
47584
+ }
47585
+ .cn-ai-features__prompts[data-v-c7b3ee28] {
47586
+ display: flex;
47587
+ flex-wrap: wrap;
47588
+ gap: 8px;
47589
+ list-style: none;
47590
+ margin: 0 0 8px;
47591
+ padding: 0;
47592
+ }
47593
+ .cn-ai-features__run[data-v-c7b3ee28] {
47594
+ display: flex;
47595
+ flex-direction: column;
47596
+ gap: 4px;
47597
+ margin: 8px 0;
47598
+ }
47599
+ .cn-ai-features__hint[data-v-c7b3ee28],
47600
+ .cn-ai-features__gate[data-v-c7b3ee28] {
47601
+ display: block;
47602
+ color: var(--color-text-maxcontrast);
47603
+ font-size: 0.85em;
47604
+ }
47605
+ .cn-ai-features__output[data-v-c7b3ee28] {
47606
+ white-space: pre-wrap;
47607
+ padding: 8px;
47608
+ background: var(--color-background-dark);
47609
+ border-radius: var(--border-radius);
47610
+ }
47611
+ .cn-ai-features__unreadable[data-v-c7b3ee28] {
47612
+ color: var(--color-warning-text, var(--color-main-text));
47613
+ }
47614
+
47615
+
46878
47616
  .cn-object-access-tab[data-v-48678aa6] {
46879
47617
  display: flex;
46880
47618
  flex-direction: column;
@@ -46930,6 +47668,56 @@ a.cn-integration-tab__title[data-v-3d9122a5]:hover {
46930
47668
  }
46931
47669
 
46932
47670
 
47671
+ .cn-object-permissions-tab[data-v-7b7204e8] {
47672
+ padding: 12px;
47673
+ }
47674
+ .cn-object-permissions-tab__loading[data-v-7b7204e8] {
47675
+ display: flex;
47676
+ align-items: center;
47677
+ gap: 8px;
47678
+ }
47679
+ .cn-object-permissions-tab__table[data-v-7b7204e8] {
47680
+ width: 100%;
47681
+ border-collapse: collapse;
47682
+ }
47683
+ .cn-object-permissions-tab__table th[data-v-7b7204e8],
47684
+ .cn-object-permissions-tab__table td[data-v-7b7204e8] {
47685
+ text-align: start;
47686
+ padding: 4px 8px;
47687
+ border-bottom: 1px solid var(--color-border);
47688
+ vertical-align: top;
47689
+ }
47690
+ .cn-object-permissions-tab__right[data-v-7b7204e8],
47691
+ .cn-object-permissions-tab__source[data-v-7b7204e8] {
47692
+ display: block;
47693
+ }
47694
+ .cn-object-permissions-tab__hint[data-v-7b7204e8] {
47695
+ display: block;
47696
+ color: var(--color-text-maxcontrast);
47697
+ font-size: 0.85em;
47698
+ }
47699
+ .cn-object-permissions-tab__unreadable[data-v-7b7204e8] {
47700
+ color: var(--color-warning-text, var(--color-main-text));
47701
+ }
47702
+ .cn-object-permissions-tab__enforcement[data-v-7b7204e8],
47703
+ .cn-object-permissions-tab__empty[data-v-7b7204e8] {
47704
+ color: var(--color-text-maxcontrast);
47705
+ }
47706
+ .cn-object-permissions-tab__history[data-v-7b7204e8],
47707
+ .cn-object-permissions-tab__fields[data-v-7b7204e8] {
47708
+ margin-block-start: 24px;
47709
+ border-top: 1px solid var(--color-border);
47710
+ padding-block-start: 12px;
47711
+ }
47712
+ .cn-object-permissions-tab__moment[data-v-7b7204e8] {
47713
+ display: flex;
47714
+ flex-wrap: wrap;
47715
+ align-items: center;
47716
+ gap: 8px;
47717
+ margin-block-end: 8px;
47718
+ }
47719
+
47720
+
46933
47721
  .cn-integration-card__empty[data-v-093a874d] {
46934
47722
  color: var(--color-text-maxcontrast);
46935
47723
  font-size: 0.9em;
@@ -47520,10 +48308,10 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
47520
48308
  * let the strip scroll horizontally once they no longer fit. `flex-basis: 0`
47521
48309
  * + equal grow keeps every tab the same width whether the row fits or scrolls.
47522
48310
  * Apps with longer labels can widen the floor via --cn-sidebar-tab-min-width. */
47523
- [data-v-09402703] .app-sidebar-tabs__nav {
48311
+ [data-v-4cf1a7bc] .app-sidebar-tabs__nav {
47524
48312
  overflow-x: auto;
47525
48313
  }
47526
- [data-v-09402703] .app-sidebar-tabs__nav .app-sidebar-tabs__tab {
48314
+ [data-v-4cf1a7bc] .app-sidebar-tabs__nav .app-sidebar-tabs__tab {
47527
48315
  flex-grow: 1;
47528
48316
  flex-shrink: 0;
47529
48317
  flex-basis: 0;