@conduction/nextcloud-vue 2.117.0 → 2.118.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 (97) hide show
  1. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js +2 -1
  2. package/dist/esm/components/CnActionDialog/CnActionDialog.vue2.js.map +1 -1
  3. package/dist/esm/components/CnActionsBar/CnActionsBar.vue2.js.map +1 -1
  4. package/dist/esm/components/CnActionsBar/CnActionsBar.vue3.js +6 -6
  5. package/dist/esm/components/CnActionsBar/CnActionsBar.vue3.js.map +1 -1
  6. package/dist/esm/components/CnAssignDialog/CnAssignDialog.vue2.js +2 -1
  7. package/dist/esm/components/CnAssignDialog/CnAssignDialog.vue2.js.map +1 -1
  8. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue.js +1 -1
  9. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js +18 -0
  10. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue2.js.map +1 -1
  11. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js +14 -8
  12. package/dist/esm/components/CnDashboardPage/CnDashboardPage.vue3.js.map +1 -1
  13. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue.js +1 -1
  14. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js +11 -1
  15. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue2.js.map +1 -1
  16. package/dist/esm/components/CnDetailWidgetHost/CnDetailWidgetHost.vue3.js.map +1 -1
  17. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js +9 -4
  18. package/dist/esm/components/CnIndexPage/CnIndexPage.vue2.js.map +1 -1
  19. package/dist/esm/components/CnIndexPage/CnIndexPage.vue3.js.map +1 -1
  20. package/dist/esm/components/CnMailTab/CnMailTab.vue2.js +2 -1
  21. package/dist/esm/components/CnMailTab/CnMailTab.vue2.js.map +1 -1
  22. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue.js +1 -1
  23. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js +71 -0
  24. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue2.js.map +1 -1
  25. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue3.js +25 -9
  26. package/dist/esm/components/CnObjectListWidget/CnObjectListWidget.vue3.js.map +1 -1
  27. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue.js +1 -1
  28. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js +11 -2
  29. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue2.js.map +1 -1
  30. package/dist/esm/components/CnRecordListWidget/CnRecordListWidget.vue3.js.map +1 -1
  31. package/dist/esm/components/CnSearchPage/CnSearchPage.vue.js +1 -1
  32. package/dist/esm/components/CnSearchPage/CnSearchPage.vue2.js +161 -5
  33. package/dist/esm/components/CnSearchPage/CnSearchPage.vue2.js.map +1 -1
  34. package/dist/esm/components/CnSearchPage/CnSearchPage.vue3.js +9 -9
  35. package/dist/esm/components/CnSearchPage/CnSearchPage.vue3.js.map +1 -1
  36. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue.js +1 -1
  37. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js +35 -5
  38. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue2.js.map +1 -1
  39. package/dist/esm/components/CnTabsWidget/CnTabsWidget.vue3.js.map +1 -1
  40. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue.js +9 -0
  41. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue.js.map +1 -0
  42. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue2.js +435 -0
  43. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue2.js.map +1 -0
  44. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue3.js +300 -0
  45. package/dist/esm/components/CnTransitionInputFields/CnTransitionInputFields.vue3.js.map +1 -0
  46. package/dist/esm/composables/useEndpointSource.js +1 -36
  47. package/dist/esm/composables/useEndpointSource.js.map +1 -1
  48. package/dist/esm/dialogs/CnTransitionInputDialog.vue.js +1 -1
  49. package/dist/esm/dialogs/CnTransitionInputDialog.vue2.js +57 -336
  50. package/dist/esm/dialogs/CnTransitionInputDialog.vue2.js.map +1 -1
  51. package/dist/esm/dialogs/CnTransitionInputDialog.vue3.js +18 -155
  52. package/dist/esm/dialogs/CnTransitionInputDialog.vue3.js.map +1 -1
  53. package/dist/esm/index.js +2 -0
  54. package/dist/esm/index.js.map +1 -1
  55. package/dist/esm/l10n/en.json.js +2 -1
  56. package/dist/esm/l10n/en.json.js.map +1 -1
  57. package/dist/esm/l10n/nl.json.js +2 -1
  58. package/dist/esm/l10n/nl.json.js.map +1 -1
  59. package/dist/esm/library-style.js +1 -1
  60. package/dist/esm/nextcloud-vue.css +308 -229
  61. package/dist/esm/utils/actionsDispatcher.js +3 -2
  62. package/dist/esm/utils/actionsDispatcher.js.map +1 -1
  63. package/dist/esm/utils/interpolateUrlTokens.js +43 -0
  64. package/dist/esm/utils/interpolateUrlTokens.js.map +1 -0
  65. package/dist/esm/utils/labelsByField.js +72 -0
  66. package/dist/esm/utils/labelsByField.js.map +1 -0
  67. package/dist/esm/utils/listCreateAction.js +91 -0
  68. package/dist/esm/utils/listCreateAction.js.map +1 -0
  69. package/dist/esm/utils/transitionInputs.js +493 -0
  70. package/dist/esm/utils/transitionInputs.js.map +1 -0
  71. package/dist/esm/utils/visibleWhen.js +9 -2
  72. package/dist/esm/utils/visibleWhen.js.map +1 -1
  73. package/dist/nextcloud-vue.cjs.js +6690 -5404
  74. package/dist/nextcloud-vue.cjs.js.map +2 -2
  75. package/dist/nextcloud-vue.css +308 -229
  76. package/l10n/en.json +2 -1
  77. package/l10n/nl.json +2 -1
  78. package/package.json +1 -1
  79. package/src/components/CnActionsBar/CnActionsBar.vue +6 -6
  80. package/src/components/CnDashboardPage/CnDashboardPage.vue +27 -5
  81. package/src/components/CnDetailWidgetHost/CnDetailWidgetHost.vue +11 -1
  82. package/src/components/CnIndexPage/CnIndexPage.vue +9 -4
  83. package/src/components/CnObjectListWidget/CnObjectListWidget.vue +86 -0
  84. package/src/components/CnRecordListWidget/CnRecordListWidget.vue +11 -2
  85. package/src/components/CnSearchPage/CnSearchPage.vue +170 -14
  86. package/src/components/CnTabsWidget/CnTabsWidget.vue +35 -5
  87. package/src/components/CnTransitionInputFields/CnTransitionInputFields.vue +750 -0
  88. package/src/components/CnTransitionInputFields/index.js +11 -0
  89. package/src/components/index.js +1 -0
  90. package/src/composables/useEndpointSource.js +3 -36
  91. package/src/dialogs/CnTransitionInputDialog.vue +73 -465
  92. package/src/index.js +2 -0
  93. package/src/utils/interpolateUrlTokens.js +40 -0
  94. package/src/utils/labelsByField.js +69 -0
  95. package/src/utils/listCreateAction.js +87 -0
  96. package/src/utils/transitionInputs.js +489 -0
  97. package/src/utils/visibleWhen.js +9 -2
@@ -0,0 +1,435 @@
1
+ import { translate } from '@nextcloud/l10n';
2
+ import { NcCheckboxRadioSwitch, NcNoteCard, NcSelect, NcTextArea, NcTextField } from '@nextcloud/vue';
3
+ import __sfc_main from '../CnResourceSelect/CnResourceSelect.vue.js';
4
+ import __sfc_main$1 from '../CnTemplateSelect/CnTemplateSelect.vue.js';
5
+ import { readPath } from '../../utils/readPath.js';
6
+ import { resolveInputFields, isInputFilled, applyTemplateText } from '../../utils/transitionInputs.js';
7
+
8
+ let uid = 0;
9
+
10
+ /**
11
+ * CnTransitionInputFields — the declared inputs of a transition or an act,
12
+ * drawn wherever the host puts them.
13
+ *
14
+ * CnTransitionInputDialog draws them in their own dialog. A host that lists
15
+ * several acts and opens the chosen one's inputs in place (under its card)
16
+ * draws them with this component, so both read the same declarations and
17
+ * decide the same way. The values are a `v-model` object keyed by field;
18
+ * whether they are complete is `inputFieldsComplete(resolveInputFields(...))`.
19
+ *
20
+ * Next to the schema-resolved widgets an input may declare `widget` (`text`,
21
+ * `textarea`, `number`, `date`, `select`, `template`), `optionsSource` (a dot
22
+ * path into `context`), `other`, `helperFrom`, `preview`, `default` and
23
+ * presentation keys; see `resolveInputFields` in `utils/transitionInputs.js`.
24
+ *
25
+ * ```vue
26
+ * <CnTransitionInputFields
27
+ * v-model="values"
28
+ * :inputs="act.inputs"
29
+ * :context="{ pauseReasons }"
30
+ * :columns="2" />
31
+ * ```
32
+ *
33
+ * @spec openspec/changes/dq-abstract-forms/specs/transition-inputs/spec.md
34
+ */
35
+ var script = {
36
+ name: 'CnTransitionInputFields',
37
+
38
+ components: {
39
+ CnResourceSelect: __sfc_main,
40
+ CnTemplateSelect: __sfc_main$1,
41
+ NcCheckboxRadioSwitch,
42
+ NcNoteCard,
43
+ NcSelect,
44
+ NcTextArea,
45
+ NcTextField,
46
+ },
47
+
48
+ props: {
49
+ /**
50
+ * The declared inputs: `[{ field, required, label, widget, options,
51
+ * optionsSource, optionValue, optionLabel, other, helperFrom, preview,
52
+ * default, description, note, labelOutside, id, wide, testid, rows,
53
+ * placeholder }]`, plus for a `template` input `url`, `schema`,
54
+ * `params`, `mapOption` and `applyTo`.
55
+ *
56
+ * @type {Array<object>}
57
+ */
58
+ inputs: {
59
+ type: Array,
60
+ default: () => [],
61
+ },
62
+
63
+ /**
64
+ * The values, keyed by field.
65
+ *
66
+ * @type {object}
67
+ */
68
+ modelValue: {
69
+ type: Object,
70
+ default: () => ({}),
71
+ },
72
+
73
+ /**
74
+ * The object's JSON Schema, which labels and types the inputs that
75
+ * declare no widget of their own.
76
+ *
77
+ * @type {object|null}
78
+ */
79
+ schema: {
80
+ type: Object,
81
+ default: null,
82
+ },
83
+
84
+ /**
85
+ * The record the action runs on: `picker.excludeSelf` leaves its id
86
+ * out, and an object input is merged over its present value.
87
+ *
88
+ * @type {object|null}
89
+ */
90
+ currentObject: {
91
+ type: Object,
92
+ default: null,
93
+ },
94
+
95
+ /**
96
+ * Register slug the reference pickers look in when the schema property
97
+ * names none of its own.
98
+ *
99
+ * @type {string}
100
+ */
101
+ register: {
102
+ type: String,
103
+ default: '',
104
+ },
105
+
106
+ /**
107
+ * What `optionsSource` and the summary paths read, such as the case
108
+ * type's choices and the record shown in the summary.
109
+ *
110
+ * @type {object}
111
+ */
112
+ context: {
113
+ type: Object,
114
+ default: () => ({}),
115
+ },
116
+
117
+ /**
118
+ * The input keys a refusal named. Each one this form offers is marked
119
+ * on its own field; each one it does not is reported as a key the
120
+ * action does not accept.
121
+ *
122
+ * @type {string[]}
123
+ */
124
+ fieldErrors: {
125
+ type: Array,
126
+ default: () => [],
127
+ },
128
+
129
+ /**
130
+ * Whether the inputs are locked, such as while the action posts.
131
+ *
132
+ * @type {boolean}
133
+ */
134
+ disabled: {
135
+ type: Boolean,
136
+ default: false,
137
+ },
138
+
139
+ /**
140
+ * 1 stacks the inputs; 2 sets them side by side, with `wide` inputs,
141
+ * previews, the summary and the notice across both columns.
142
+ *
143
+ * @type {number}
144
+ */
145
+ columns: {
146
+ type: Number,
147
+ default: 1,
148
+ },
149
+
150
+ /**
151
+ * Whether a required input's label carries a ` *` marker.
152
+ *
153
+ * @type {boolean}
154
+ */
155
+ markRequired: {
156
+ type: Boolean,
157
+ default: true,
158
+ },
159
+
160
+ /**
161
+ * A read-only block above the inputs about what the action works on:
162
+ * `{ when, card: { icon, title, meta: [], badge }, title, facts:
163
+ * [{ label, path, fallback }], testid }`. `when`, `title`, `meta`,
164
+ * `badge` and each fact's `path` are dot paths into `context`; the
165
+ * block is shown only when `when` resolves.
166
+ *
167
+ * @type {object|null}
168
+ */
169
+ summary: {
170
+ type: Object,
171
+ default: null,
172
+ },
173
+
174
+ /**
175
+ * A note under the inputs: `{ type, heading, text }`.
176
+ *
177
+ * @type {object|null}
178
+ */
179
+ notice: {
180
+ type: Object,
181
+ default: null,
182
+ },
183
+ },
184
+
185
+ emits: ['update:modelValue'],
186
+
187
+ data() {
188
+ uid += 1;
189
+ return {
190
+ uid,
191
+ // The values with every change made since the host last passed
192
+ // them in, so two changes in one tick both survive.
193
+ latest: { ...this.modelValue },
194
+ }
195
+ },
196
+
197
+ computed: {
198
+ /** Every declared input, resolved against the schema and the context. */
199
+ fields() {
200
+ return resolveInputFields(this.inputs, {
201
+ schema: this.schema,
202
+ register: this.register,
203
+ context: this.context,
204
+ values: this.modelValue,
205
+ })
206
+ },
207
+
208
+ /** The inputs that are asked now. */
209
+ shownFields() {
210
+ return this.fields.filter((field) => !field.hidden)
211
+ },
212
+
213
+ /** Whether the summary block shows. */
214
+ summaryShown() {
215
+ if (!this.summary || typeof this.summary !== 'object') {
216
+ return false
217
+ }
218
+ return !this.summary.when || Boolean(readPath(this.context, this.summary.when))
219
+ },
220
+
221
+ /** The summary card's second line. */
222
+ cardMeta() {
223
+ const meta = Array.isArray(this.summary?.card?.meta) ? this.summary.card.meta : [];
224
+ return meta.map((path) => this.contextText(path)).filter(Boolean).join(' · ')
225
+ },
226
+
227
+ /** The refusal's field keys, normalised to strings. */
228
+ refusedKeys() {
229
+ if (!Array.isArray(this.fieldErrors)) {
230
+ return []
231
+ }
232
+ return this.fieldErrors.filter((key) => typeof key === 'string' && key !== '')
233
+ },
234
+
235
+ /** The refused keys this form offers no field for. */
236
+ unofferedRefusals() {
237
+ const offered = this.fields.map((field) => field.key);
238
+ return this.refusedKeys.filter((key) => !offered.includes(key))
239
+ },
240
+ },
241
+
242
+ watch: {
243
+ modelValue(values) {
244
+ this.latest = { ...values };
245
+ },
246
+ },
247
+
248
+ methods: {
249
+ t: translate,
250
+
251
+ /**
252
+ * A context value as text, '' when absent.
253
+ *
254
+ * @param {string} path Dot path into the context.
255
+ * @return {string}
256
+ */
257
+ contextText(path) {
258
+ if (!path) {
259
+ return ''
260
+ }
261
+ const value = readPath(this.context, path);
262
+ return value === null || value === undefined ? '' : String(value)
263
+ },
264
+
265
+ /**
266
+ * The test id of one part of the summary.
267
+ *
268
+ * @param {string} part `card` or `facts`.
269
+ * @return {string}
270
+ */
271
+ summaryTestid(part) {
272
+ return `${this.summary.testid || 'cn-transition-input-summary'}-${part}`
273
+ },
274
+
275
+ /**
276
+ * The field's label, with the required marker when asked for.
277
+ *
278
+ * @param {object} field The descriptor.
279
+ * @return {string}
280
+ */
281
+ labelOf(field) {
282
+ return this.markRequired && field.required ? `${field.label} *` : field.label
283
+ },
284
+
285
+ /**
286
+ * Label of a sub-field, with the required marker.
287
+ *
288
+ * @param {object} sub The sub-field descriptor.
289
+ * @return {string}
290
+ */
291
+ subLabel(sub) {
292
+ return this.markRequired && sub.required ? `${sub.label} *` : sub.label
293
+ },
294
+
295
+ /**
296
+ * The element id of a text input: the declared one, or one unique to
297
+ * this form.
298
+ *
299
+ * @param {object} field The descriptor.
300
+ * @return {string}
301
+ */
302
+ inputId(field) {
303
+ return field.input.id || `cn-transition-input-${this.uid}-${field.key}`
304
+ },
305
+
306
+ /**
307
+ * The native input type of a one-line input.
308
+ *
309
+ * @param {object} field The descriptor.
310
+ * @return {string}
311
+ */
312
+ textType(field) {
313
+ return field.widget === 'number' || field.widget === 'date' ? field.widget : 'text'
314
+ },
315
+
316
+ /**
317
+ * The option a picker currently holds, or null.
318
+ *
319
+ * @param {object} field The select descriptor.
320
+ * @return {{value: string, label: string}|null}
321
+ */
322
+ selectedOption(field) {
323
+ const value = this.modelValue[field.key];
324
+ return field.options.find((option) => option.value === String(value ?? '')) || null
325
+ },
326
+
327
+ /**
328
+ * Ids a reference picker must not offer: the current record, when the
329
+ * input's `picker.excludeSelf` says so.
330
+ *
331
+ * @param {object} field The reference descriptor.
332
+ * @return {string[]}
333
+ */
334
+ excludedIds(field) {
335
+ if (!field.picker || field.picker.excludeSelf !== true || !this.currentObject) {
336
+ return []
337
+ }
338
+ const self = this.currentObject;
339
+ return [self.id, self.uuid, self['@self'] && self['@self'].id].filter((id) => id !== undefined && id !== null).map(String)
340
+ },
341
+
342
+ /**
343
+ * Whether the refusal named this field.
344
+ *
345
+ * @param {string} key The field key.
346
+ * @return {boolean}
347
+ */
348
+ isRefused(key) {
349
+ return this.refusedKeys.includes(key)
350
+ },
351
+
352
+ /**
353
+ * What to say beside a refused field. An empty one is a missing input;
354
+ * a filled one was refused for what is in it. The kind is decided here
355
+ * rather than read out of the refusal's sentence, which may be reworded.
356
+ *
357
+ * @param {object} field The descriptor.
358
+ * @return {string}
359
+ */
360
+ refusalFor(field) {
361
+ return isInputFilled(field, this.modelValue)
362
+ ? translate('nextcloud-vue', 'This value was not accepted.')
363
+ : translate('nextcloud-vue', 'This field is required.')
364
+ },
365
+
366
+ /**
367
+ * Whether a refusal named `<input>.<sub>`.
368
+ *
369
+ * @param {string} key The input key.
370
+ * @param {string} sub The sub-field key.
371
+ * @return {boolean}
372
+ */
373
+ isSubRefused(key, sub) {
374
+ return this.refusedKeys.includes(`${key}.${sub}`)
375
+ },
376
+
377
+ /**
378
+ * A typed sub-value.
379
+ *
380
+ * @param {string} key The input key.
381
+ * @param {string} sub The sub-field key.
382
+ * @return {unknown}
383
+ */
384
+ subValue(key, sub) {
385
+ const group = this.modelValue[key];
386
+ return group && typeof group === 'object' ? group[sub] : undefined
387
+ },
388
+
389
+ /**
390
+ * Store one sub-value, keeping the rest of the object input's values.
391
+ *
392
+ * @param {string} key The input key.
393
+ * @param {string} sub The sub-field key.
394
+ * @param {unknown} value The new value.
395
+ */
396
+ setSubValue(key, sub, value) {
397
+ const group = this.latest[key] && typeof this.latest[key] === 'object' ? this.latest[key] : {};
398
+ this.setValue(key, { ...group, [sub]: value });
399
+ },
400
+
401
+ /**
402
+ * Store one input's value.
403
+ *
404
+ * @param {string} key The field key.
405
+ * @param {unknown} value The new value.
406
+ */
407
+ setValue(key, value) {
408
+ this.latest = { ...this.latest, [key]: value };
409
+ /**
410
+ * @event update:modelValue The values with this one changed.
411
+ * @type {object}
412
+ */
413
+ this.$emit('update:modelValue', this.latest);
414
+ },
415
+
416
+ /**
417
+ * Put a chosen template's text into the input it fills, unless that
418
+ * input already holds text.
419
+ *
420
+ * @param {object} field The template descriptor.
421
+ * @param {object|null} option The chosen template.
422
+ */
423
+ applyTemplate(field, option) {
424
+ const next = applyTemplateText(this.latest, field.input.applyTo, option);
425
+ if (next !== this.latest) {
426
+ this.latest = next;
427
+ /** @event update:modelValue The values with the template's text filled in. */
428
+ this.$emit('update:modelValue', next);
429
+ }
430
+ },
431
+ },
432
+ };
433
+
434
+ export { script as default };
435
+ //# sourceMappingURL=CnTransitionInputFields.vue2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CnTransitionInputFields.vue2.js","sources":["../../../../src/components/CnTransitionInputFields/CnTransitionInputFields.vue"],"sourcesContent":["<!--\n - SPDX-FileCopyrightText: 2026 Conduction B.V.\n - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<div\n\t\tclass=\"cn-transition-input-fields\"\n\t\t:class=\"{ 'cn-transition-input-fields--columns': columns === 2 }\">\n\t\t<template v-if=\"summaryShown\">\n\t\t\t<div v-if=\"summary.card\"\n\t\t\t\tclass=\"cn-transition-input-fields__card cn-transition-input-fields__wide\"\n\t\t\t\t:data-testid=\"summaryTestid('card')\">\n\t\t\t\t<component :is=\"summary.card.icon\"\n\t\t\t\t\tv-if=\"summary.card.icon\"\n\t\t\t\t\t:size=\"20\"\n\t\t\t\t\tclass=\"cn-transition-input-fields__card-icon\" />\n\t\t\t\t<span class=\"cn-transition-input-fields__card-text\">\n\t\t\t\t\t<strong>{{ contextText(summary.card.title) }}</strong>\n\t\t\t\t\t<span class=\"cn-transition-input-fields__muted\">{{ cardMeta }}</span>\n\t\t\t\t</span>\n\t\t\t\t<span v-if=\"contextText(summary.card.badge)\" class=\"cn-transition-input-fields__badge\">\n\t\t\t\t\t{{ contextText(summary.card.badge) }}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<section v-if=\"Array.isArray(summary.facts) && summary.facts.length > 0\"\n\t\t\t\tclass=\"cn-transition-input-fields__wide\"\n\t\t\t\t:data-testid=\"summaryTestid('facts')\">\n\t\t\t\t<h3 v-if=\"summary.title\" class=\"cn-transition-input-fields__section-title\">\n\t\t\t\t\t{{ summary.title }}\n\t\t\t\t</h3>\n\t\t\t\t<dl class=\"cn-transition-input-fields__facts\">\n\t\t\t\t\t<div v-for=\"fact in summary.facts\" :key=\"fact.path || fact.label\">\n\t\t\t\t\t\t<dt>{{ fact.label }}</dt>\n\t\t\t\t\t\t<dd>{{ contextText(fact.path) || fact.fallback || '' }}</dd>\n\t\t\t\t\t</div>\n\t\t\t\t</dl>\n\t\t\t</section>\n\t\t</template>\n\n\t\t<template v-for=\"field in shownFields\" :key=\"field.key\">\n\t\t\t<div\n\t\t\t\tclass=\"cn-transition-input__field\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'cn-transition-input__field--refused': isRefused(field.key),\n\t\t\t\t\t'cn-transition-input-fields__wide': field.input.wide === true,\n\t\t\t\t}\"\n\t\t\t\t:data-testid=\"`cn-transition-input-${field.key}`\">\n\t\t\t\t<!-- A template fills another input; it is never sent itself. -->\n\t\t\t\t<CnTemplateSelect v-if=\"field.widget === 'template'\"\n\t\t\t\t\t:url=\"field.input.url || ''\"\n\t\t\t\t\t:schema=\"field.input.schema || ''\"\n\t\t\t\t\t:params=\"field.input.params || {}\"\n\t\t\t\t\t:mapOption=\"field.input.mapOption\"\n\t\t\t\t\t:inputLabel=\"field.label\"\n\t\t\t\t\t:placeholder=\"field.input.placeholder || ''\"\n\t\t\t\t\t:data-testid=\"field.input.testid || `cn-transition-input-template-${field.key}`\"\n\t\t\t\t\t@apply=\"applyTemplate(field, $event)\" />\n\n\t\t\t\t<!-- An input that declares its choices is picked from them. -->\n\t\t\t\t<NcSelect v-else-if=\"field.widget === 'select'\"\n\t\t\t\t\t:modelValue=\"selectedOption(field)\"\n\t\t\t\t\t:options=\"field.options\"\n\t\t\t\t\tlabel=\"label\"\n\t\t\t\t\t:inputLabel=\"labelOf(field)\"\n\t\t\t\t\t:clearable=\"!field.required\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t:data-testid=\"field.input.testid || `cn-transition-input-select-${field.key}`\"\n\t\t\t\t\t@update:modelValue=\"setValue(field.key, $event && $event.value !== undefined ? $event.value : '')\" />\n\n\t\t\t\t<!-- An input that points at another record is picked, never typed. -->\n\t\t\t\t<div v-else-if=\"field.widget === 'reference'\" class=\"cn-transition-input__reference\">\n\t\t\t\t\t<label class=\"cn-transition-input__label\">{{ labelOf(field) }}</label>\n\t\t\t\t\t<CnResourceSelect\n\t\t\t\t\t\t:register=\"field.referenceRegister\"\n\t\t\t\t\t\t:schema=\"String(field.reference.schema)\"\n\t\t\t\t\t\t:labelField=\"(field.picker && field.picker.labelField) || field.reference.labelField || 'name'\"\n\t\t\t\t\t\t:filter=\"(field.picker && field.picker.filter) || {}\"\n\t\t\t\t\t\t:exclude=\"excludedIds(field)\"\n\t\t\t\t\t\t:allowCreate=\"false\"\n\t\t\t\t\t\t:preload=\"true\"\n\t\t\t\t\t\t:inputLabel=\"labelOf(field)\"\n\t\t\t\t\t\t:modelValue=\"String(modelValue[field.key] ?? '')\"\n\t\t\t\t\t\t:data-testid=\"`cn-transition-input-picker-${field.key}`\"\n\t\t\t\t\t\t@update:modelValue=\"setValue(field.key, $event)\" />\n\t\t\t\t</div>\n\n\t\t\t\t<!-- An object input: its sub-properties, one field at a time. -->\n\t\t\t\t<fieldset v-else-if=\"field.widget === 'object'\" class=\"cn-transition-input__object\">\n\t\t\t\t\t<legend>{{ labelOf(field) }}</legend>\n\t\t\t\t\t<div v-for=\"sub in field.subFields\"\n\t\t\t\t\t\t:key=\"sub.key\"\n\t\t\t\t\t\tclass=\"cn-transition-input__subfield\"\n\t\t\t\t\t\t:data-testid=\"`cn-transition-input-${field.key}-${sub.key}`\">\n\t\t\t\t\t\t<NcTextArea v-if=\"sub.widget === 'textarea'\"\n\t\t\t\t\t\t\t:modelValue=\"String(subValue(field.key, sub.key) ?? '')\"\n\t\t\t\t\t\t\t:label=\"subLabel(sub)\"\n\t\t\t\t\t\t\trows=\"3\"\n\t\t\t\t\t\t\t@update:modelValue=\"setSubValue(field.key, sub.key, $event)\" />\n\t\t\t\t\t\t<NcCheckboxRadioSwitch v-else-if=\"sub.widget === 'checkbox'\"\n\t\t\t\t\t\t\t:modelValue=\"subValue(field.key, sub.key) === true\"\n\t\t\t\t\t\t\ttype=\"switch\"\n\t\t\t\t\t\t\t@update:modelValue=\"setSubValue(field.key, sub.key, $event === true)\">\n\t\t\t\t\t\t\t{{ subLabel(sub) }}\n\t\t\t\t\t\t</NcCheckboxRadioSwitch>\n\t\t\t\t\t\t<NcTextField v-else\n\t\t\t\t\t\t\t:modelValue=\"String(subValue(field.key, sub.key) ?? '')\"\n\t\t\t\t\t\t\t:type=\"sub.widget === 'number' ? 'number' : 'text'\"\n\t\t\t\t\t\t\t:label=\"subLabel(sub)\"\n\t\t\t\t\t\t\t@update:modelValue=\"setSubValue(field.key, sub.key, $event)\" />\n\t\t\t\t\t\t<p v-if=\"isSubRefused(field.key, sub.key)\"\n\t\t\t\t\t\t\tclass=\"cn-transition-input__field-error\"\n\t\t\t\t\t\t\t:data-testid=\"`cn-transition-input-error-${field.key}.${sub.key}`\">\n\t\t\t\t\t\t\t{{ t('nextcloud-vue', 'This value was not accepted.') }}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\n\t\t\t\t<NcCheckboxRadioSwitch v-else-if=\"field.widget === 'checkbox'\"\n\t\t\t\t\t:modelValue=\"modelValue[field.key] === true\"\n\t\t\t\t\ttype=\"switch\"\n\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t@update:modelValue=\"setValue(field.key, $event === true)\">\n\t\t\t\t\t{{ labelOf(field) }}\n\t\t\t\t</NcCheckboxRadioSwitch>\n\n\t\t\t\t<template v-else>\n\t\t\t\t\t<!-- A label drawn above the field, as a form board draws it,\n\t\t\t\t\t is tied to the field by its id. -->\n\t\t\t\t\t<label v-if=\"field.input.labelOutside === true\"\n\t\t\t\t\t\tclass=\"cn-transition-input-fields__label\"\n\t\t\t\t\t\t:for=\"inputId(field)\">{{ labelOf(field) }}</label>\n\t\t\t\t\t<NcTextArea v-if=\"field.widget === 'textarea'\"\n\t\t\t\t\t\t:id=\"inputId(field)\"\n\t\t\t\t\t\t:modelValue=\"String(modelValue[field.key] ?? '')\"\n\t\t\t\t\t\t:label=\"labelOf(field)\"\n\t\t\t\t\t\t:labelOutside=\"field.input.labelOutside === true\"\n\t\t\t\t\t\t:helperText=\"field.description || ''\"\n\t\t\t\t\t\t:rows=\"field.input.rows || 4\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\tresize=\"vertical\"\n\t\t\t\t\t\t:data-testid=\"field.input.testid || null\"\n\t\t\t\t\t\t@update:modelValue=\"setValue(field.key, $event)\" />\n\t\t\t\t\t<NcTextField v-else\n\t\t\t\t\t\t:id=\"inputId(field)\"\n\t\t\t\t\t\t:modelValue=\"String(modelValue[field.key] ?? '')\"\n\t\t\t\t\t\t:type=\"textType(field)\"\n\t\t\t\t\t\t:label=\"labelOf(field)\"\n\t\t\t\t\t\t:labelOutside=\"field.input.labelOutside === true\"\n\t\t\t\t\t\t:helperText=\"field.description || ''\"\n\t\t\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t\t\t:data-testid=\"field.input.testid || null\"\n\t\t\t\t\t\t@update:modelValue=\"setValue(field.key, $event)\" />\n\t\t\t\t\t<span v-if=\"field.input.note\" class=\"cn-transition-input-fields__muted\">\n\t\t\t\t\t\t{{ field.input.note }}\n\t\t\t\t\t</span>\n\t\t\t\t</template>\n\n\t\t\t\t<p v-if=\"isRefused(field.key)\"\n\t\t\t\t\tclass=\"cn-transition-input__field-error\"\n\t\t\t\t\t:data-testid=\"`cn-transition-input-error-${field.key}`\">\n\t\t\t\t\t{{ refusalFor(field) }}\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t<!-- What the input means once filled in, such as the day a paused\n\t\t\t term comes back. Shown only once it can be worked out. -->\n\t\t\t<div v-if=\"field.previewText\"\n\t\t\t\t:key=\"`${field.key}-preview`\"\n\t\t\t\tclass=\"cn-transition-input-fields__preview cn-transition-input-fields__wide\"\n\t\t\t\t:data-testid=\"field.input.preview.testid || `cn-transition-input-preview-${field.key}`\">\n\t\t\t\t<span class=\"cn-transition-input-fields__label\">{{ field.input.preview.label }}</span>\n\t\t\t\t<span :data-testid=\"`${field.input.preview.testid || `cn-transition-input-preview-${field.key}`}-value`\">{{ field.previewText }}</span>\n\t\t\t\t<span v-if=\"field.input.preview.note\" class=\"cn-transition-input-fields__muted\">\n\t\t\t\t\t{{ field.input.preview.note }}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</template>\n\n\t\t<NcNoteCard v-if=\"notice && notice.text\"\n\t\t\tclass=\"cn-transition-input-fields__wide\"\n\t\t\t:type=\"notice.type || 'info'\"\n\t\t\t:heading=\"notice.heading || ''\">\n\t\t\t{{ notice.text }}\n\t\t</NcNoteCard>\n\n\t\t<!-- A key the refusal names that this form never offered is not a\n\t\t field anybody can correct here. Saying so beats saying nothing:\n\t\t the request sent something the action does not accept. -->\n\t\t<p v-for=\"key in unofferedRefusals\"\n\t\t\t:key=\"`unoffered-${key}`\"\n\t\t\tclass=\"cn-transition-input__field-error\"\n\t\t\t:data-testid=\"`cn-transition-input-error-${key}`\">\n\t\t\t{{ t('nextcloud-vue', 'This action does not accept the field \"{field}\".', { field: key }) }}\n\t\t</p>\n\t</div>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcCheckboxRadioSwitch, NcNoteCard, NcSelect, NcTextArea, NcTextField } from '@nextcloud/vue'\nimport CnResourceSelect from '../CnResourceSelect/CnResourceSelect.vue'\nimport CnTemplateSelect from '../CnTemplateSelect/CnTemplateSelect.vue'\nimport { readPath } from '../../utils/readPath.js'\nimport { applyTemplateText, isInputFilled, resolveInputFields } from '../../utils/transitionInputs.js'\n\nlet uid = 0\n\n/**\n * CnTransitionInputFields — the declared inputs of a transition or an act,\n * drawn wherever the host puts them.\n *\n * CnTransitionInputDialog draws them in their own dialog. A host that lists\n * several acts and opens the chosen one's inputs in place (under its card)\n * draws them with this component, so both read the same declarations and\n * decide the same way. The values are a `v-model` object keyed by field;\n * whether they are complete is `inputFieldsComplete(resolveInputFields(...))`.\n *\n * Next to the schema-resolved widgets an input may declare `widget` (`text`,\n * `textarea`, `number`, `date`, `select`, `template`), `optionsSource` (a dot\n * path into `context`), `other`, `helperFrom`, `preview`, `default` and\n * presentation keys; see `resolveInputFields` in `utils/transitionInputs.js`.\n *\n * ```vue\n * <CnTransitionInputFields\n * v-model=\"values\"\n * :inputs=\"act.inputs\"\n * :context=\"{ pauseReasons }\"\n * :columns=\"2\" />\n * ```\n *\n * @spec openspec/changes/dq-abstract-forms/specs/transition-inputs/spec.md\n */\nexport default {\n\tname: 'CnTransitionInputFields',\n\n\tcomponents: {\n\t\tCnResourceSelect,\n\t\tCnTemplateSelect,\n\t\tNcCheckboxRadioSwitch,\n\t\tNcNoteCard,\n\t\tNcSelect,\n\t\tNcTextArea,\n\t\tNcTextField,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The declared inputs: `[{ field, required, label, widget, options,\n\t\t * optionsSource, optionValue, optionLabel, other, helperFrom, preview,\n\t\t * default, description, note, labelOutside, id, wide, testid, rows,\n\t\t * placeholder }]`, plus for a `template` input `url`, `schema`,\n\t\t * `params`, `mapOption` and `applyTo`.\n\t\t *\n\t\t * @type {Array<object>}\n\t\t */\n\t\tinputs: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/**\n\t\t * The values, keyed by field.\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/**\n\t\t * The object's JSON Schema, which labels and types the inputs that\n\t\t * declare no widget of their own.\n\t\t *\n\t\t * @type {object|null}\n\t\t */\n\t\tschema: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * The record the action runs on: `picker.excludeSelf` leaves its id\n\t\t * out, and an object input is merged over its present value.\n\t\t *\n\t\t * @type {object|null}\n\t\t */\n\t\tcurrentObject: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Register slug the reference pickers look in when the schema property\n\t\t * names none of its own.\n\t\t *\n\t\t * @type {string}\n\t\t */\n\t\tregister: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * What `optionsSource` and the summary paths read, such as the case\n\t\t * type's choices and the record shown in the summary.\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tcontext: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/**\n\t\t * The input keys a refusal named. Each one this form offers is marked\n\t\t * on its own field; each one it does not is reported as a key the\n\t\t * action does not accept.\n\t\t *\n\t\t * @type {string[]}\n\t\t */\n\t\tfieldErrors: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/**\n\t\t * Whether the inputs are locked, such as while the action posts.\n\t\t *\n\t\t * @type {boolean}\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * 1 stacks the inputs; 2 sets them side by side, with `wide` inputs,\n\t\t * previews, the summary and the notice across both columns.\n\t\t *\n\t\t * @type {number}\n\t\t */\n\t\tcolumns: {\n\t\t\ttype: Number,\n\t\t\tdefault: 1,\n\t\t},\n\n\t\t/**\n\t\t * Whether a required input's label carries a ` *` marker.\n\t\t *\n\t\t * @type {boolean}\n\t\t */\n\t\tmarkRequired: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * A read-only block above the inputs about what the action works on:\n\t\t * `{ when, card: { icon, title, meta: [], badge }, title, facts:\n\t\t * [{ label, path, fallback }], testid }`. `when`, `title`, `meta`,\n\t\t * `badge` and each fact's `path` are dot paths into `context`; the\n\t\t * block is shown only when `when` resolves.\n\t\t *\n\t\t * @type {object|null}\n\t\t */\n\t\tsummary: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * A note under the inputs: `{ type, heading, text }`.\n\t\t *\n\t\t * @type {object|null}\n\t\t */\n\t\tnotice: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['update:modelValue'],\n\n\tdata() {\n\t\tuid += 1\n\t\treturn {\n\t\t\tuid,\n\t\t\t// The values with every change made since the host last passed\n\t\t\t// them in, so two changes in one tick both survive.\n\t\t\tlatest: { ...this.modelValue },\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/** Every declared input, resolved against the schema and the context. */\n\t\tfields() {\n\t\t\treturn resolveInputFields(this.inputs, {\n\t\t\t\tschema: this.schema,\n\t\t\t\tregister: this.register,\n\t\t\t\tcontext: this.context,\n\t\t\t\tvalues: this.modelValue,\n\t\t\t})\n\t\t},\n\n\t\t/** The inputs that are asked now. */\n\t\tshownFields() {\n\t\t\treturn this.fields.filter((field) => !field.hidden)\n\t\t},\n\n\t\t/** Whether the summary block shows. */\n\t\tsummaryShown() {\n\t\t\tif (!this.summary || typeof this.summary !== 'object') {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\treturn !this.summary.when || Boolean(readPath(this.context, this.summary.when))\n\t\t},\n\n\t\t/** The summary card's second line. */\n\t\tcardMeta() {\n\t\t\tconst meta = Array.isArray(this.summary?.card?.meta) ? this.summary.card.meta : []\n\t\t\treturn meta.map((path) => this.contextText(path)).filter(Boolean).join(' · ')\n\t\t},\n\n\t\t/** The refusal's field keys, normalised to strings. */\n\t\trefusedKeys() {\n\t\t\tif (!Array.isArray(this.fieldErrors)) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\treturn this.fieldErrors.filter((key) => typeof key === 'string' && key !== '')\n\t\t},\n\n\t\t/** The refused keys this form offers no field for. */\n\t\tunofferedRefusals() {\n\t\t\tconst offered = this.fields.map((field) => field.key)\n\t\t\treturn this.refusedKeys.filter((key) => !offered.includes(key))\n\t\t},\n\t},\n\n\twatch: {\n\t\tmodelValue(values) {\n\t\t\tthis.latest = { ...values }\n\t\t},\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * A context value as text, '' when absent.\n\t\t *\n\t\t * @param {string} path Dot path into the context.\n\t\t * @return {string}\n\t\t */\n\t\tcontextText(path) {\n\t\t\tif (!path) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\tconst value = readPath(this.context, path)\n\t\t\treturn value === null || value === undefined ? '' : String(value)\n\t\t},\n\n\t\t/**\n\t\t * The test id of one part of the summary.\n\t\t *\n\t\t * @param {string} part `card` or `facts`.\n\t\t * @return {string}\n\t\t */\n\t\tsummaryTestid(part) {\n\t\t\treturn `${this.summary.testid || 'cn-transition-input-summary'}-${part}`\n\t\t},\n\n\t\t/**\n\t\t * The field's label, with the required marker when asked for.\n\t\t *\n\t\t * @param {object} field The descriptor.\n\t\t * @return {string}\n\t\t */\n\t\tlabelOf(field) {\n\t\t\treturn this.markRequired && field.required ? `${field.label} *` : field.label\n\t\t},\n\n\t\t/**\n\t\t * Label of a sub-field, with the required marker.\n\t\t *\n\t\t * @param {object} sub The sub-field descriptor.\n\t\t * @return {string}\n\t\t */\n\t\tsubLabel(sub) {\n\t\t\treturn this.markRequired && sub.required ? `${sub.label} *` : sub.label\n\t\t},\n\n\t\t/**\n\t\t * The element id of a text input: the declared one, or one unique to\n\t\t * this form.\n\t\t *\n\t\t * @param {object} field The descriptor.\n\t\t * @return {string}\n\t\t */\n\t\tinputId(field) {\n\t\t\treturn field.input.id || `cn-transition-input-${this.uid}-${field.key}`\n\t\t},\n\n\t\t/**\n\t\t * The native input type of a one-line input.\n\t\t *\n\t\t * @param {object} field The descriptor.\n\t\t * @return {string}\n\t\t */\n\t\ttextType(field) {\n\t\t\treturn field.widget === 'number' || field.widget === 'date' ? field.widget : 'text'\n\t\t},\n\n\t\t/**\n\t\t * The option a picker currently holds, or null.\n\t\t *\n\t\t * @param {object} field The select descriptor.\n\t\t * @return {{value: string, label: string}|null}\n\t\t */\n\t\tselectedOption(field) {\n\t\t\tconst value = this.modelValue[field.key]\n\t\t\treturn field.options.find((option) => option.value === String(value ?? '')) || null\n\t\t},\n\n\t\t/**\n\t\t * Ids a reference picker must not offer: the current record, when the\n\t\t * input's `picker.excludeSelf` says so.\n\t\t *\n\t\t * @param {object} field The reference descriptor.\n\t\t * @return {string[]}\n\t\t */\n\t\texcludedIds(field) {\n\t\t\tif (!field.picker || field.picker.excludeSelf !== true || !this.currentObject) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst self = this.currentObject\n\t\t\treturn [self.id, self.uuid, self['@self'] && self['@self'].id].filter((id) => id !== undefined && id !== null).map(String)\n\t\t},\n\n\t\t/**\n\t\t * Whether the refusal named this field.\n\t\t *\n\t\t * @param {string} key The field key.\n\t\t * @return {boolean}\n\t\t */\n\t\tisRefused(key) {\n\t\t\treturn this.refusedKeys.includes(key)\n\t\t},\n\n\t\t/**\n\t\t * What to say beside a refused field. An empty one is a missing input;\n\t\t * a filled one was refused for what is in it. The kind is decided here\n\t\t * rather than read out of the refusal's sentence, which may be reworded.\n\t\t *\n\t\t * @param {object} field The descriptor.\n\t\t * @return {string}\n\t\t */\n\t\trefusalFor(field) {\n\t\t\treturn isInputFilled(field, this.modelValue)\n\t\t\t\t? t('nextcloud-vue', 'This value was not accepted.')\n\t\t\t\t: t('nextcloud-vue', 'This field is required.')\n\t\t},\n\n\t\t/**\n\t\t * Whether a refusal named `<input>.<sub>`.\n\t\t *\n\t\t * @param {string} key The input key.\n\t\t * @param {string} sub The sub-field key.\n\t\t * @return {boolean}\n\t\t */\n\t\tisSubRefused(key, sub) {\n\t\t\treturn this.refusedKeys.includes(`${key}.${sub}`)\n\t\t},\n\n\t\t/**\n\t\t * A typed sub-value.\n\t\t *\n\t\t * @param {string} key The input key.\n\t\t * @param {string} sub The sub-field key.\n\t\t * @return {unknown}\n\t\t */\n\t\tsubValue(key, sub) {\n\t\t\tconst group = this.modelValue[key]\n\t\t\treturn group && typeof group === 'object' ? group[sub] : undefined\n\t\t},\n\n\t\t/**\n\t\t * Store one sub-value, keeping the rest of the object input's values.\n\t\t *\n\t\t * @param {string} key The input key.\n\t\t * @param {string} sub The sub-field key.\n\t\t * @param {unknown} value The new value.\n\t\t */\n\t\tsetSubValue(key, sub, value) {\n\t\t\tconst group = this.latest[key] && typeof this.latest[key] === 'object' ? this.latest[key] : {}\n\t\t\tthis.setValue(key, { ...group, [sub]: value })\n\t\t},\n\n\t\t/**\n\t\t * Store one input's value.\n\t\t *\n\t\t * @param {string} key The field key.\n\t\t * @param {unknown} value The new value.\n\t\t */\n\t\tsetValue(key, value) {\n\t\t\tthis.latest = { ...this.latest, [key]: value }\n\t\t\t/**\n\t\t\t * @event update:modelValue The values with this one changed.\n\t\t\t * @type {object}\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', this.latest)\n\t\t},\n\n\t\t/**\n\t\t * Put a chosen template's text into the input it fills, unless that\n\t\t * input already holds text.\n\t\t *\n\t\t * @param {object} field The template descriptor.\n\t\t * @param {object|null} option The chosen template.\n\t\t */\n\t\tapplyTemplate(field, option) {\n\t\t\tconst next = applyTemplateText(this.latest, field.input.applyTo, option)\n\t\t\tif (next !== this.latest) {\n\t\t\t\tthis.latest = next\n\t\t\t\t/** @event update:modelValue The values with the template's text filled in. */\n\t\t\t\tthis.$emit('update:modelValue', next)\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-transition-input-fields {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n}\n\n.cn-transition-input-fields--columns {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\talign-items: start;\n}\n\n.cn-transition-input-fields--columns .cn-transition-input-fields__wide {\n\tgrid-column: 1 / -1;\n}\n\n.cn-transition-input__field,\n.cn-transition-input-fields__preview {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 6px;\n}\n\n.cn-transition-input__label {\n\tdisplay: block;\n\tmargin-bottom: 4px;\n}\n\n.cn-transition-input-fields__label {\n\tfont-size: 14px;\n\tfont-weight: 600;\n}\n\n.cn-transition-input-fields__muted {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-transition-input__field-error {\n\tmargin: 4px 0 0;\n\tfont-size: 0.9em;\n\tcolor: var(--color-error-text, var(--color-error));\n}\n\n.cn-transition-input__field--refused {\n\tborder-inline-start: 2px solid var(--color-error);\n\tpadding-inline-start: 8px;\n}\n\n.cn-transition-input__object {\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius);\n\tpadding: 8px 12px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n}\n\n.cn-transition-input-fields__card {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 14px;\n\tpadding: 14px 16px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large, 8px);\n}\n\n.cn-transition-input-fields__card-icon {\n\tcolor: var(--color-primary-element);\n}\n\n.cn-transition-input-fields__card-text {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tgap: 2px;\n\tmin-width: 0;\n}\n\n.cn-transition-input-fields__badge {\n\tpadding: 3px 10px;\n\tborder-radius: 12px;\n\tbackground: var(--color-success-light, var(--color-background-dark));\n\tcolor: var(--color-success-text);\n\tfont-size: 13px;\n\tfont-weight: 600;\n}\n\n.cn-transition-input-fields__section-title {\n\tmargin: 0 0 8px;\n\tfont-size: 14px;\n\tfont-weight: 600;\n}\n\n.cn-transition-input-fields__facts {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\tgap: 0 24px;\n\tmargin: 0;\n}\n\n.cn-transition-input-fields__facts > div {\n\tpadding: 10px 0;\n\tborder-bottom: 1px solid var(--color-border);\n}\n\n.cn-transition-input-fields__facts dt {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-transition-input-fields__facts dd {\n\tmargin: 2px 0 0;\n\tfont-size: 15px;\n\tfont-weight: 600;\n}\n</style>\n"],"names":["CnResourceSelect","CnTemplateSelect","t"],"mappings":"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"}