@conduction/nextcloud-vue 2.106.0 → 2.107.0

package/dist/esm/components/CnActionDialog/CnActionDialog.vue.js

@@ -0,0 +1,9 @@
+import script from './CnActionDialog.vue2.js';
+import { render } from './CnActionDialog.vue3.js';
+
+script.render = render;
+script.__scopeId = "data-v-53fea6f0";
+const __sfc_main = script;
+
+export { __sfc_main as default };
+//# sourceMappingURL=CnActionDialog.vue.js.map

package/dist/esm/components/CnActionDialog/CnActionDialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnActionDialog.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -0,0 +1,338 @@
+import axios__default from '@nextcloud/axios';
+import { emit } from '@nextcloud/event-bus';
+import { translate } from '@nextcloud/l10n';
+import { generateUrl } from '@nextcloud/router';
+import { NcButton, NcNoteCard, NcTextArea } from '@nextcloud/vue';
+import CheckCircle from 'vue-material-design-icons/CheckCircle.vue';
+import CircleOutline from 'vue-material-design-icons/CircleOutline.vue';
+import HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue';
+import { fetchEndpointSource, interpolateUrlTokens } from '../../composables/useEndpointSource.js';
+import { fillTemplate } from '../../utils/fillTemplate.js';
+import { readPath } from '../../utils/readPath.js';
+import __sfc_main from '../CnDialog/CnDialog.vue.js';
+import __sfc_main$1 from '../CnIcon/CnIcon.vue.js';
+
+/** The page refresh channel the built-in widgets listen on. */
+const PAGE_REFRESH = 'cn:page:refresh';
+
+/** Gives each dialog's reason field its own id. */
+let reasonSeq = 0;
+
+/**
+ * CnActionDialog — the generic "summary, checklist, reason, confirm" dialog
+ * for an act on a record, configured from the manifest (an `open-modal`
+ * action's props), so an app does not hand-build each one. dossiq's archive
+ * dialog (board DqArchiveren) is the first: the case, what its case type
+ * keeps, a readiness checklist read from an endpoint, a reason, a read-only
+ * note and Archive it.
+ *
+ * `config`:
+ * - `title`, `eyebrow`, `subtitle`, `doneText`: texts, through the host translate.
+ * - `summary`: `{ source?, title, meta?, badge?, icon? }`: templates filled from
+ *   the record (`source` an endpointSource to read it from, else `object`).
+ * - `facts`: `[{ title?, items: [{ label, value }] }]`, `value` a template.
+ * - `checklist`: `{ title?, source, itemsPath?, labels?, required? }`: items
+ *   `{ id, met, label?, detail? }` read from `source`; `labels[id]` gives an
+ *   item's `{ label, detail?, unmetDetail? }`; the ids in `required` must be
+ *   met before the action can run. `met: null` reads as unknown.
+ * - `permission`: `{ source, allowedPath, reasonPath? }`: the action runs only
+ *   while `allowedPath` reads true; `reasonPath` says why not.
+ * - `reason`: `{ label?, hint?, required?, field? }`: a text area; required by
+ *   default; sent as `field` (default `reason`).
+ * - `note`: `{ variant?, title?, text }`: a read-only note.
+ * - `confirm`: `{ label, icon?, request?: { method?, url, body? }, action? }`.
+ *   `request` posts itself (`body` templates filled with the record and
+ *   `{reason}`); `action` dispatches a manifest action through the page.
+ *
+ * Tokens (`@objectId`, `@object.<field>`) resolve in every url.
+ */
+var script = {
+	name: 'CnActionDialog',
+
+	components: { CheckCircle, CircleOutline, CnDialog: __sfc_main, CnIcon: __sfc_main$1, HelpCircleOutline, NcButton, NcNoteCard, NcTextArea },
+
+	inject: {
+		/** The host app's translate (CnAppRoot `cnTranslate`). */
+		cnTranslate: { default: () => (key) => key },
+		/** The page's pre-bound action dispatcher (CnPageRenderer), for `confirm.action`. */
+		cnDispatchAction: { default: null },
+	},
+
+	props: {
+		/**
+		 * The dialog's configuration (see the component docs).
+		 *
+		 * @type {object}
+		 */
+		config: {
+			type: Object,
+			default: () => ({}),
+		},
+
+		/** The record's id, for the `@objectId` token. */
+		objectId: {
+			type: [String, Number],
+			default: '',
+		},
+
+		/**
+		 * The record, when the host has it: the summary and facts read it.
+		 *
+		 * @type {object|null}
+		 */
+		object: {
+			type: Object,
+			default: null,
+		},
+	},
+
+	emits: ['close', 'done'],
+
+	data() {
+		return {
+			record: this.object,
+			items: [],
+			checklistError: '',
+			allowed: true,
+			reason: '',
+			busy: false,
+			refusal: '',
+			done: false,
+			reasonId: `cn-action-dialog-reason-${++reasonSeq}`,
+		}
+	},
+
+	computed: {
+		/** @return {object} The token context. */
+		tokenCtx() {
+			return { objectId: this.objectId, object: this.record || {} }
+		},
+
+		/** @return {object} The confirm config. */
+		confirmConfig() {
+			return this.config.confirm && typeof this.config.confirm === 'object' ? this.config.confirm : {}
+		},
+
+		/**
+		 * The summary row, or null without one or before the record is known.
+		 *
+		 * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog
+		 * @return {{title: string, meta: string, badge: string}|null}
+		 */
+		summary() {
+			const def = this.config.summary;
+			if (!def || !this.record) {
+				return null
+			}
+			const title = this.fill(def.title);
+			return title ? { title, meta: this.fill(def.meta), badge: this.fill(def.badge) } : null
+		},
+
+		/** @return {Array<{title: string, facts: Array<{label: string, value: string}>}>} The fact groups. */
+		factSections() {
+			if (!Array.isArray(this.config.facts) || !this.record) {
+				return []
+			}
+			const empty = translate('nextcloud-vue', 'Not set');
+			return this.config.facts.map((section) => ({
+				title: this.text(section.title),
+				facts: (Array.isArray(section.items) ? section.items : []).map((fact) => ({ label: this.text(fact.label), value: this.fill(fact.value) || empty })),
+			}))
+		},
+
+		/**
+		 * The checklist rows: label and detail from `labels` by id, else the item's own.
+		 *
+		 * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog
+		 * @return {Array<{id: string, met: (boolean|null), label: string, detail: string}>}
+		 */
+		checklist() {
+			const labels = (this.config.checklist && this.config.checklist.labels) || {};
+			return this.items.map((item) => {
+				const met = item.met === null || item.met === undefined ? null : item.met === true;
+				const own = labels[item.id] || {};
+				const detail = met === false && own.unmetDetail ? own.unmetDetail : (own.detail || item.detail || '');
+				return {
+					id: String(item.id),
+					met,
+					label: this.fill(own.label || item.label || String(item.id), item),
+					detail: met === null && !item.detail ? translate('nextcloud-vue', 'Could not be read') : this.fill(detail, item),
+				}
+			})
+		},
+
+		/** @return {boolean} Whether every required item is met. */
+		requiredMet() {
+			const required = (this.config.checklist && Array.isArray(this.config.checklist.required)) ? this.config.checklist.required.map(String) : [];
+			return required.every((id) => this.items.some((item) => String(item.id) === id && item.met === true))
+		},
+
+		/** @return {boolean} Whether a reason is asked and needed. */
+		reasonNeeded() {
+			return Boolean(this.config.reason) && this.config.reason.required !== false
+		},
+
+		/** @return {string} The reason field's label. */
+		reasonLabel() {
+			return this.text(this.config.reason && this.config.reason.label) || translate('nextcloud-vue', 'Reason')
+		},
+
+		/** @return {string} The note's NcNoteCard type. */
+		noteType() {
+			const variant = this.config.note && this.config.note.variant;
+			return ['info', 'warning', 'error', 'success'].includes(variant) ? variant : 'info'
+		},
+
+		/**
+		 * Whether the action may run: allowed, required items met, a reason
+		 * when one is needed, and nothing in flight.
+		 *
+		 * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog
+		 * @return {boolean}
+		 */
+		canConfirm() {
+			return !this.busy && this.allowed && this.requiredMet && (!this.reasonNeeded || this.reason.trim() !== '')
+		},
+	},
+
+	async mounted() {
+		await Promise.all([this.loadRecord(), this.loadChecklist(), this.loadPermission()]);
+	},
+
+	methods: {
+		t: translate,
+
+		/**
+		 * A config text through the host translate, '' for anything else.
+		 *
+		 * @param {unknown} value The text.
+		 * @return {string}
+		 */
+		text(value) {
+			return typeof value === 'string' && value !== '' ? this.cnTranslate(value) : ''
+		},
+
+		/**
+		 * A template filled from a row (the record by default), translated first.
+		 *
+		 * @param {unknown} template The template.
+		 * @param {object} [row] The row.
+		 * @return {string}
+		 */
+		fill(template, row) {
+			if (typeof template !== 'string' || template === '') {
+				return ''
+			}
+			return fillTemplate(this.cnTranslate(template), row || this.record || {}).trim()
+		},
+
+		/**
+		 * Read an endpoint, fresh.
+		 *
+		 * @param {object} source An endpointSource block.
+		 * @return {Promise<unknown>}
+		 */
+		read(source) {
+			return fetchEndpointSource(source, this.tokenCtx, { fresh: true })
+		},
+
+		/** @return {Promise<void>} */
+		async loadRecord() {
+			const source = this.config.summary && this.config.summary.source;
+			if (!source || !source.url) {
+				return
+			}
+			try {
+				const data = await this.read(source);
+				this.record = data && typeof data === 'object' ? data : this.record;
+			} catch {
+				// The summary stays empty; the checklist and the action still work.
+			}
+		},
+
+		/** @return {Promise<void>} */
+		async loadChecklist() {
+			const def = this.config.checklist;
+			if (!def || !def.source || !def.source.url) {
+				return
+			}
+			try {
+				const data = await this.read(def.source);
+				const list = def.itemsPath ? readPath(data, def.itemsPath) : data;
+				this.items = Array.isArray(list) ? list.filter((item) => item && item.id !== undefined) : [];
+			} catch {
+				this.items = [];
+				this.checklistError = translate('nextcloud-vue', 'Whether this is ready could not be read.');
+			}
+		},
+
+		/** @return {Promise<void>} */
+		async loadPermission() {
+			const def = this.config.permission;
+			if (!def || !def.source || !def.source.url) {
+				return
+			}
+			try {
+				const data = await this.read(def.source);
+				this.allowed = readPath(data, def.allowedPath || 'allowed') === true;
+				this.refusal = this.allowed || !def.reasonPath ? '' : String(readPath(data, def.reasonPath) || '');
+			} catch {
+				this.allowed = false;
+			}
+		},
+
+		/**
+		 * Run the action once: post `confirm.request`, or dispatch
+		 * `confirm.action`, then show the done text and refresh the page.
+		 *
+		 * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog
+		 * @return {Promise<void>}
+		 */
+		async confirm() {
+			if (!this.canConfirm) {
+				return
+			}
+			this.busy = true;
+			this.refusal = '';
+			const reason = this.reason.trim();
+			try {
+				const request = this.confirmConfig.request;
+				if (request && request.url) {
+					const url = interpolateUrlTokens(request.url, this.tokenCtx);
+					const body = {};
+					for (const [key, value] of Object.entries(request.body || {})) {
+						body[key] = typeof value === 'string' ? fillTemplate(value, { ...(this.record || {}), reason }) : value;
+					}
+					if (this.config.reason) {
+						body[this.config.reason.field || 'reason'] = reason;
+					}
+					const method = String(request.method || 'POST').toLowerCase();
+					await axios__default[['post', 'put', 'patch', 'delete'].includes(method) ? method : 'post'](/^https?:\/\//i.test(url) ? url : generateUrl(url), body);
+				} else if (this.confirmConfig.action && typeof this.cnDispatchAction === 'function') {
+					await this.cnDispatchAction({ ...this.confirmConfig.action, args: [...(this.confirmConfig.action.args || []), { reason }] });
+				}
+				this.done = true;
+				emit(PAGE_REFRESH, {});
+				/** @event done The action ran. Payload: `{ reason }`. */
+				this.$emit('done', { reason });
+			} catch (failure) {
+				const data = failure && failure.response && failure.response.data;
+				this.refusal = String((data && (data.message || data.error)) || translate('nextcloud-vue', 'The action could not be completed.'));
+			} finally {
+				this.busy = false;
+			}
+		},
+
+		/** Close the dialog, unless the action is running. */
+		close() {
+			if (this.busy) {
+				return
+			}
+			/** @event close The dialog was closed. */
+			this.$emit('close');
+		},
+	},
+};
+
+export { script as default };
+//# sourceMappingURL=CnActionDialog.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CnActionDialog.vue2.js","sources":["../../../../src/components/CnActionDialog/CnActionDialog.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<CnDialog\n\t\t:name=\"text(config.title) || t('nextcloud-vue', 'Confirm')\"\n\t\t:eyebrow=\"text(config.eyebrow)\"\n\t\t:subtitle=\"text(config.subtitle)\"\n\t\twidth=\"form\"\n\t\t:noClose=\"busy\"\n\t\tdata-testid=\"cn-action-dialog\"\n\t\t@closing=\"close\">\n\t\t<div v-if=\"!done\" class=\"cn-action-dialog\">\n\t\t\t<!-- The record the action is about: its title, a meta line, a badge. -->\n\t\t\t<div v-if=\"summary\" class=\"cn-action-dialog__summary\" data-testid=\"cn-action-dialog-summary\">\n\t\t\t\t<CnIcon :name=\"config.summary.icon || 'FolderOutline'\" :size=\"20\" class=\"cn-action-dialog__summary-icon\" />\n\t\t\t\t<span class=\"cn-action-dialog__summary-text\">\n\t\t\t\t\t<strong>{{ summary.title }}</strong>\n\t\t\t\t\t<span v-if=\"summary.meta\" class=\"cn-action-dialog__muted\">{{ summary.meta }}</span>\n\t\t\t\t</span>\n\t\t\t\t<span v-if=\"summary.badge\" class=\"cn-action-dialog__badge\">{{ summary.badge }}</span>\n\t\t\t</div>\n\n\t\t\t<!-- Facts about the record, in titled groups (\"Retention under the case type\"). -->\n\t\t\t<section v-for=\"(section, index) in factSections\"\n\t\t\t\t:key=\"`facts-${index}`\"\n\t\t\t\tclass=\"cn-action-dialog__section\"\n\t\t\t\tdata-testid=\"cn-action-dialog-facts\">\n\t\t\t\t<h3 v-if=\"section.title\" class=\"cn-action-dialog__title\">\n\t\t\t\t\t{{ section.title }}\n\t\t\t\t</h3>\n\t\t\t\t<dl class=\"cn-action-dialog__facts\">\n\t\t\t\t\t<div v-for=\"fact in section.facts\" :key=\"fact.label\">\n\t\t\t\t\t\t<dt>{{ fact.label }}</dt>\n\t\t\t\t\t\t<dd>{{ fact.value }}</dd>\n\t\t\t\t\t</div>\n\t\t\t\t</dl>\n\t\t\t</section>\n\n\t\t\t<!-- The checklist, read from an endpoint: each item met, not met or\n\t\t\t     unknown. Items named in `required` decide whether the action may\n\t\t\t     run; the others inform. -->\n\t\t\t<section v-if=\"config.checklist\" class=\"cn-action-dialog__section\" data-testid=\"cn-action-dialog-checklist\">\n\t\t\t\t<h3 v-if=\"config.checklist.title\" class=\"cn-action-dialog__title\">\n\t\t\t\t\t{{ text(config.checklist.title) }}\n\t\t\t\t</h3>\n\t\t\t\t<p v-if=\"checklistError\" class=\"cn-action-dialog__muted\" role=\"status\">\n\t\t\t\t\t{{ checklistError }}\n\t\t\t\t</p>\n\t\t\t\t<ul class=\"cn-action-dialog__checks\">\n\t\t\t\t\t<li v-for=\"item in checklist\"\n\t\t\t\t\t\t:key=\"item.id\"\n\t\t\t\t\t\tclass=\"cn-action-dialog__check\"\n\t\t\t\t\t\t:data-testid=\"`cn-action-dialog-check-${item.id}`\"\n\t\t\t\t\t\t:data-met=\"String(item.met)\">\n\t\t\t\t\t\t<CheckCircle v-if=\"item.met === true\" :size=\"20\" class=\"cn-action-dialog__check-icon cn-action-dialog__check-icon--met\" />\n\t\t\t\t\t\t<HelpCircleOutline v-else-if=\"item.met === null\" :size=\"20\" class=\"cn-action-dialog__check-icon\" />\n\t\t\t\t\t\t<CircleOutline v-else :size=\"20\" class=\"cn-action-dialog__check-icon\" />\n\t\t\t\t\t\t<strong class=\"cn-action-dialog__check-label\">{{ item.label }}</strong>\n\t\t\t\t\t\t<span v-if=\"item.detail\" class=\"cn-action-dialog__muted\">{{ item.detail }}</span>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</section>\n\n\t\t\t<div v-if=\"config.reason\" class=\"cn-action-dialog__field\">\n\t\t\t\t<NcTextArea\n\t\t\t\t\t:id=\"reasonId\"\n\t\t\t\t\tv-model=\"reason\"\n\t\t\t\t\t:label=\"reasonLabel\"\n\t\t\t\t\t:labelOutside=\"false\"\n\t\t\t\t\tresize=\"vertical\"\n\t\t\t\t\tdata-testid=\"cn-action-dialog-reason\" />\n\t\t\t\t<span v-if=\"config.reason.hint\" class=\"cn-action-dialog__muted\">{{ text(config.reason.hint) }}</span>\n\t\t\t</div>\n\n\t\t\t<NcNoteCard v-if=\"config.note\"\n\t\t\t\t:type=\"noteType\"\n\t\t\t\t:heading=\"text(config.note.title)\"\n\t\t\t\tdata-testid=\"cn-action-dialog-note\">\n\t\t\t\t{{ text(config.note.text) }}\n\t\t\t</NcNoteCard>\n\n\t\t\t<p v-if=\"refusal\"\n\t\t\t\tclass=\"cn-action-dialog__error\"\n\t\t\t\trole=\"alert\"\n\t\t\t\tdata-testid=\"cn-action-dialog-refusal\">\n\t\t\t\t{{ refusal }}\n\t\t\t</p>\n\t\t</div>\n\n\t\t<p v-else role=\"status\" data-testid=\"cn-action-dialog-done\">\n\t\t\t{{ text(config.doneText) || t('nextcloud-vue', 'Done') }}\n\t\t</p>\n\n\t\t<template #actions>\n\t\t\t<NcButton :disabled=\"busy\" data-testid=\"cn-action-dialog-cancel\" @click=\"close\">\n\t\t\t\t{{ done ? t('nextcloud-vue', 'Close') : t('nextcloud-vue', 'Cancel') }}\n\t\t\t</NcButton>\n\t\t\t<NcButton v-if=\"!done\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\t:disabled=\"!canConfirm\"\n\t\t\t\tdata-testid=\"cn-action-dialog-confirm\"\n\t\t\t\t@click=\"confirm\">\n\t\t\t\t<template v-if=\"confirmConfig.icon\" #icon>\n\t\t\t\t\t<CnIcon :name=\"confirmConfig.icon\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ text(confirmConfig.label) || t('nextcloud-vue', 'Confirm') }}\n\t\t\t</NcButton>\n\t\t</template>\n\t</CnDialog>\n</template>\n\n<script>\nimport axios from '@nextcloud/axios'\nimport { emit } from '@nextcloud/event-bus'\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { NcButton, NcNoteCard, NcTextArea } from '@nextcloud/vue'\nimport CheckCircle from 'vue-material-design-icons/CheckCircle.vue'\nimport CircleOutline from 'vue-material-design-icons/CircleOutline.vue'\nimport HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'\nimport { fetchEndpointSource, interpolateUrlTokens } from '../../composables/useEndpointSource.js'\nimport { fillTemplate } from '../../utils/fillTemplate.js'\nimport { readPath } from '../../utils/readPath.js'\nimport { CnDialog } from '../CnDialog/index.js'\nimport { CnIcon } from '../CnIcon/index.js'\n\n/** The page refresh channel the built-in widgets listen on. */\nconst PAGE_REFRESH = 'cn:page:refresh'\n\n/** Gives each dialog's reason field its own id. */\nlet reasonSeq = 0\n\n/**\n * CnActionDialog — the generic \"summary, checklist, reason, confirm\" dialog\n * for an act on a record, configured from the manifest (an `open-modal`\n * action's props), so an app does not hand-build each one. dossiq's archive\n * dialog (board DqArchiveren) is the first: the case, what its case type\n * keeps, a readiness checklist read from an endpoint, a reason, a read-only\n * note and Archive it.\n *\n * `config`:\n * - `title`, `eyebrow`, `subtitle`, `doneText`: texts, through the host translate.\n * - `summary`: `{ source?, title, meta?, badge?, icon? }`: templates filled from\n *   the record (`source` an endpointSource to read it from, else `object`).\n * - `facts`: `[{ title?, items: [{ label, value }] }]`, `value` a template.\n * - `checklist`: `{ title?, source, itemsPath?, labels?, required? }`: items\n *   `{ id, met, label?, detail? }` read from `source`; `labels[id]` gives an\n *   item's `{ label, detail?, unmetDetail? }`; the ids in `required` must be\n *   met before the action can run. `met: null` reads as unknown.\n * - `permission`: `{ source, allowedPath, reasonPath? }`: the action runs only\n *   while `allowedPath` reads true; `reasonPath` says why not.\n * - `reason`: `{ label?, hint?, required?, field? }`: a text area; required by\n *   default; sent as `field` (default `reason`).\n * - `note`: `{ variant?, title?, text }`: a read-only note.\n * - `confirm`: `{ label, icon?, request?: { method?, url, body? }, action? }`.\n *   `request` posts itself (`body` templates filled with the record and\n *   `{reason}`); `action` dispatches a manifest action through the page.\n *\n * Tokens (`@objectId`, `@object.<field>`) resolve in every url.\n */\nexport default {\n\tname: 'CnActionDialog',\n\n\tcomponents: { CheckCircle, CircleOutline, CnDialog, CnIcon, HelpCircleOutline, NcButton, NcNoteCard, NcTextArea },\n\n\tinject: {\n\t\t/** The host app's translate (CnAppRoot `cnTranslate`). */\n\t\tcnTranslate: { default: () => (key) => key },\n\t\t/** The page's pre-bound action dispatcher (CnPageRenderer), for `confirm.action`. */\n\t\tcnDispatchAction: { default: null },\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * The dialog's configuration (see the component docs).\n\t\t *\n\t\t * @type {object}\n\t\t */\n\t\tconfig: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** The record's id, for the `@objectId` token. */\n\t\tobjectId: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * The record, when the host has it: the summary and facts read it.\n\t\t *\n\t\t * @type {object|null}\n\t\t */\n\t\tobject: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: ['close', 'done'],\n\n\tdata() {\n\t\treturn {\n\t\t\trecord: this.object,\n\t\t\titems: [],\n\t\t\tchecklistError: '',\n\t\t\tallowed: true,\n\t\t\treason: '',\n\t\t\tbusy: false,\n\t\t\trefusal: '',\n\t\t\tdone: false,\n\t\t\treasonId: `cn-action-dialog-reason-${++reasonSeq}`,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/** @return {object} The token context. */\n\t\ttokenCtx() {\n\t\t\treturn { objectId: this.objectId, object: this.record || {} }\n\t\t},\n\n\t\t/** @return {object} The confirm config. */\n\t\tconfirmConfig() {\n\t\t\treturn this.config.confirm && typeof this.config.confirm === 'object' ? this.config.confirm : {}\n\t\t},\n\n\t\t/**\n\t\t * The summary row, or null without one or before the record is known.\n\t\t *\n\t\t * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog\n\t\t * @return {{title: string, meta: string, badge: string}|null}\n\t\t */\n\t\tsummary() {\n\t\t\tconst def = this.config.summary\n\t\t\tif (!def || !this.record) {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst title = this.fill(def.title)\n\t\t\treturn title ? { title, meta: this.fill(def.meta), badge: this.fill(def.badge) } : null\n\t\t},\n\n\t\t/** @return {Array<{title: string, facts: Array<{label: string, value: string}>}>} The fact groups. */\n\t\tfactSections() {\n\t\t\tif (!Array.isArray(this.config.facts) || !this.record) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tconst empty = t('nextcloud-vue', 'Not set')\n\t\t\treturn this.config.facts.map((section) => ({\n\t\t\t\ttitle: this.text(section.title),\n\t\t\t\tfacts: (Array.isArray(section.items) ? section.items : []).map((fact) => ({ label: this.text(fact.label), value: this.fill(fact.value) || empty })),\n\t\t\t}))\n\t\t},\n\n\t\t/**\n\t\t * The checklist rows: label and detail from `labels` by id, else the item's own.\n\t\t *\n\t\t * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog\n\t\t * @return {Array<{id: string, met: (boolean|null), label: string, detail: string}>}\n\t\t */\n\t\tchecklist() {\n\t\t\tconst labels = (this.config.checklist && this.config.checklist.labels) || {}\n\t\t\treturn this.items.map((item) => {\n\t\t\t\tconst met = item.met === null || item.met === undefined ? null : item.met === true\n\t\t\t\tconst own = labels[item.id] || {}\n\t\t\t\tconst detail = met === false && own.unmetDetail ? own.unmetDetail : (own.detail || item.detail || '')\n\t\t\t\treturn {\n\t\t\t\t\tid: String(item.id),\n\t\t\t\t\tmet,\n\t\t\t\t\tlabel: this.fill(own.label || item.label || String(item.id), item),\n\t\t\t\t\tdetail: met === null && !item.detail ? t('nextcloud-vue', 'Could not be read') : this.fill(detail, item),\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\t/** @return {boolean} Whether every required item is met. */\n\t\trequiredMet() {\n\t\t\tconst required = (this.config.checklist && Array.isArray(this.config.checklist.required)) ? this.config.checklist.required.map(String) : []\n\t\t\treturn required.every((id) => this.items.some((item) => String(item.id) === id && item.met === true))\n\t\t},\n\n\t\t/** @return {boolean} Whether a reason is asked and needed. */\n\t\treasonNeeded() {\n\t\t\treturn Boolean(this.config.reason) && this.config.reason.required !== false\n\t\t},\n\n\t\t/** @return {string} The reason field's label. */\n\t\treasonLabel() {\n\t\t\treturn this.text(this.config.reason && this.config.reason.label) || t('nextcloud-vue', 'Reason')\n\t\t},\n\n\t\t/** @return {string} The note's NcNoteCard type. */\n\t\tnoteType() {\n\t\t\tconst variant = this.config.note && this.config.note.variant\n\t\t\treturn ['info', 'warning', 'error', 'success'].includes(variant) ? variant : 'info'\n\t\t},\n\n\t\t/**\n\t\t * Whether the action may run: allowed, required items met, a reason\n\t\t * when one is needed, and nothing in flight.\n\t\t *\n\t\t * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog\n\t\t * @return {boolean}\n\t\t */\n\t\tcanConfirm() {\n\t\t\treturn !this.busy && this.allowed && this.requiredMet && (!this.reasonNeeded || this.reason.trim() !== '')\n\t\t},\n\t},\n\n\tasync mounted() {\n\t\tawait Promise.all([this.loadRecord(), this.loadChecklist(), this.loadPermission()])\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * A config text through the host translate, '' for anything else.\n\t\t *\n\t\t * @param {unknown} value The text.\n\t\t * @return {string}\n\t\t */\n\t\ttext(value) {\n\t\t\treturn typeof value === 'string' && value !== '' ? this.cnTranslate(value) : ''\n\t\t},\n\n\t\t/**\n\t\t * A template filled from a row (the record by default), translated first.\n\t\t *\n\t\t * @param {unknown} template The template.\n\t\t * @param {object} [row] The row.\n\t\t * @return {string}\n\t\t */\n\t\tfill(template, row) {\n\t\t\tif (typeof template !== 'string' || template === '') {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn fillTemplate(this.cnTranslate(template), row || this.record || {}).trim()\n\t\t},\n\n\t\t/**\n\t\t * Read an endpoint, fresh.\n\t\t *\n\t\t * @param {object} source An endpointSource block.\n\t\t * @return {Promise<unknown>}\n\t\t */\n\t\tread(source) {\n\t\t\treturn fetchEndpointSource(source, this.tokenCtx, { fresh: true })\n\t\t},\n\n\t\t/** @return {Promise<void>} */\n\t\tasync loadRecord() {\n\t\t\tconst source = this.config.summary && this.config.summary.source\n\t\t\tif (!source || !source.url) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tconst data = await this.read(source)\n\t\t\t\tthis.record = data && typeof data === 'object' ? data : this.record\n\t\t\t} catch {\n\t\t\t\t// The summary stays empty; the checklist and the action still work.\n\t\t\t}\n\t\t},\n\n\t\t/** @return {Promise<void>} */\n\t\tasync loadChecklist() {\n\t\t\tconst def = this.config.checklist\n\t\t\tif (!def || !def.source || !def.source.url) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tconst data = await this.read(def.source)\n\t\t\t\tconst list = def.itemsPath ? readPath(data, def.itemsPath) : data\n\t\t\t\tthis.items = Array.isArray(list) ? list.filter((item) => item && item.id !== undefined) : []\n\t\t\t} catch {\n\t\t\t\tthis.items = []\n\t\t\t\tthis.checklistError = t('nextcloud-vue', 'Whether this is ready could not be read.')\n\t\t\t}\n\t\t},\n\n\t\t/** @return {Promise<void>} */\n\t\tasync loadPermission() {\n\t\t\tconst def = this.config.permission\n\t\t\tif (!def || !def.source || !def.source.url) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tconst data = await this.read(def.source)\n\t\t\t\tthis.allowed = readPath(data, def.allowedPath || 'allowed') === true\n\t\t\t\tthis.refusal = this.allowed || !def.reasonPath ? '' : String(readPath(data, def.reasonPath) || '')\n\t\t\t} catch {\n\t\t\t\tthis.allowed = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Run the action once: post `confirm.request`, or dispatch\n\t\t * `confirm.action`, then show the done text and refresh the page.\n\t\t *\n\t\t * @spec openspec/changes/action-dialog/specs/action-dialog/spec.md#requirement-a-manifest-configures-an-action-dialog\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync confirm() {\n\t\t\tif (!this.canConfirm) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.busy = true\n\t\t\tthis.refusal = ''\n\t\t\tconst reason = this.reason.trim()\n\t\t\ttry {\n\t\t\t\tconst request = this.confirmConfig.request\n\t\t\t\tif (request && request.url) {\n\t\t\t\t\tconst url = interpolateUrlTokens(request.url, this.tokenCtx)\n\t\t\t\t\tconst body = {}\n\t\t\t\t\tfor (const [key, value] of Object.entries(request.body || {})) {\n\t\t\t\t\t\tbody[key] = typeof value === 'string' ? fillTemplate(value, { ...(this.record || {}), reason }) : value\n\t\t\t\t\t}\n\t\t\t\t\tif (this.config.reason) {\n\t\t\t\t\t\tbody[this.config.reason.field || 'reason'] = reason\n\t\t\t\t\t}\n\t\t\t\t\tconst method = String(request.method || 'POST').toLowerCase()\n\t\t\t\t\tawait axios[['post', 'put', 'patch', 'delete'].includes(method) ? method : 'post'](/^https?:\\/\\//i.test(url) ? url : generateUrl(url), body)\n\t\t\t\t} else if (this.confirmConfig.action && typeof this.cnDispatchAction === 'function') {\n\t\t\t\t\tawait this.cnDispatchAction({ ...this.confirmConfig.action, args: [...(this.confirmConfig.action.args || []), { reason }] })\n\t\t\t\t}\n\t\t\t\tthis.done = true\n\t\t\t\temit(PAGE_REFRESH, {})\n\t\t\t\t/** @event done The action ran. Payload: `{ reason }`. */\n\t\t\t\tthis.$emit('done', { reason })\n\t\t\t} catch (failure) {\n\t\t\t\tconst data = failure && failure.response && failure.response.data\n\t\t\t\tthis.refusal = String((data && (data.message || data.error)) || t('nextcloud-vue', 'The action could not be completed.'))\n\t\t\t} finally {\n\t\t\t\tthis.busy = false\n\t\t\t}\n\t\t},\n\n\t\t/** Close the dialog, unless the action is running. */\n\t\tclose() {\n\t\t\tif (this.busy) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\t/** @event close The dialog was closed. */\n\t\t\tthis.$emit('close')\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-action-dialog {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n}\n\n.cn-action-dialog__summary {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\tpadding: 12px 14px;\n\tborder: 1px solid var(--color-border);\n\tborder-radius: var(--border-radius-large, 8px);\n}\n\n.cn-action-dialog__summary-text {\n\tdisplay: flex;\n\tflex: 1 1 auto;\n\tflex-direction: column;\n\tmin-width: 0;\n}\n\n.cn-action-dialog__badge {\n\tpadding: 3px 10px;\n\tborder-radius: 12px;\n\tbackground: var(--color-background-dark);\n\tfont-size: 13px;\n\tfont-weight: 600;\n\twhite-space: nowrap;\n}\n\n.cn-action-dialog__title {\n\tmargin: 0 0 8px;\n\tfont-size: 15px;\n\tfont-weight: 700;\n}\n\n.cn-action-dialog__facts {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n\tgap: 8px 16px;\n\tmargin: 0;\n}\n\n.cn-action-dialog__facts dt {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 13px;\n}\n\n.cn-action-dialog__facts dd {\n\tmargin: 0;\n}\n\n.cn-action-dialog__checks {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.cn-action-dialog__check {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\talign-items: center;\n\tgap: 8px;\n}\n\n.cn-action-dialog__check-icon {\n\tcolor: var(--color-text-maxcontrast);\n}\n\n.cn-action-dialog__check-icon--met {\n\tcolor: var(--color-success-text, var(--color-success));\n}\n\n.cn-action-dialog__muted {\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n}\n\n.cn-action-dialog__field {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n}\n\n.cn-action-dialog__error {\n\tmargin: 0;\n\tcolor: var(--color-error-text, var(--color-error));\n}\n</style>\n"],"names":["CnDialog","CnIcon","t","axios"],"mappings":";;;;;;;;;;;;;;AAgIA;AACA,MAAM,YAAW,GAAI,kBAAgB;;AAErC;AACA,IAAI,SAAQ,GAAI,EAAA;;AAEhB;AACC;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;;AAIA;;AAEA;AACA;;AAEA;;;AAGA;;;AAGD,aAAe;AACd,CAAA,IAAI,EAAE,gBAAgB;;CAEtB,UAAU,EAAE,EAAE,WAAW,EAAE,aAAa,YAAEA,UAAQ,UAAEC,YAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAS,EAAG;;AAEjH,CAAA,MAAM,EAAE;;AAEP,EAAA,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,GAAG,KAAK,KAAK;AAC5C;AACA,EAAA,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM;EACnC;;AAED,CAAA,KAAK,EAAE;AACN;;AAEC;;;AAGD,EAAA,MAAM,EAAE;GACP,IAAI,EAAE,MAAM;AACZ,GAAA,OAAO,EAAE,OAAO,EAAE,CAAC;GACnB;;AAED;AACA,EAAA,QAAQ,EAAE;AACT,GAAA,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;GACtB,OAAO,EAAE,EAAE;GACX;;AAED;;AAEC;AACA;;AAED,EAAA,MAAM,EAAE;GACP,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,IAAI;GACb;EACD;;CAED,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;;AAExB,CAAA,IAAI,GAAG;AACN,EAAA,OAAO;AACN,GAAA,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,GAAA,KAAK,EAAE,EAAE;AACT,GAAA,cAAc,EAAE,EAAE;GAClB,OAAO,EAAE,IAAI;AACb,GAAA,MAAM,EAAE,EAAE;GACV,IAAI,EAAE,KAAK;GACX,OAAO,EAAE,EAAE;GACX,IAAI,EAAE,KAAK;GACX,QAAQ,EAAE,CAAC,wBAAwB,EAAE,EAAE,SAAS,CAAC,CAAC;AACnD,GAAA;EACA;;AAED,CAAA,QAAQ,EAAE;AACT;EACA,QAAQ,GAAG;GACV,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,MAAO,IAAG,EAAG,EAAA;GAC5D;;AAED;AACA,EAAA,aAAa,GAAG;AACf,GAAA,OAAO,IAAI,CAAC,MAAM,CAAC,OAAM,IAAK,OAAO,IAAI,CAAC,MAAM,CAAC,OAAQ,KAAI,QAAS,GAAE,IAAI,CAAC,MAAM,CAAC,OAAM,GAAI,EAAC;GAC/F;;AAED;;AAEC;;;;AAID,EAAA,OAAO,GAAG;GACT,MAAM,GAAI,GAAE,IAAI,CAAC,MAAM,CAAC,QAAM;GAC9B,IAAI,CAAC,GAAI,IAAG,CAAC,IAAI,CAAC,MAAM,EAAE;AACzB,IAAA,OAAO,IAAG;AACX,IAAA;AACA,GAAA,MAAM,KAAM,GAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAA;AACjC,GAAA,OAAO,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAE,EAAA,GAAI,IAAG;GACtF;;AAED;AACA,EAAA,YAAY,GAAG;GACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAA,IAAK,CAAC,IAAI,CAAC,MAAM,EAAE;AACtD,IAAA,OAAO,EAAC;AACT,IAAA;AACA,GAAA,MAAM,KAAI,GAAIC,SAAC,CAAC,eAAe,EAAE,SAAS,EAAA;AAC1C,GAAA,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,MAAM;AAC1C,IAAA,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;AAC/B,IAAA,KAAK,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAE,GAAE,OAAO,CAAC,KAAI,GAAI,EAAE,EAAE,GAAG,CAAC,CAAC,IAAI,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,IAAK,KAAM,EAAC,CAAC,CAAC;AACpJ,IAAC,CAAC,CAAA;GACF;;AAED;AACC;AACA;;AAEA;;EAED,SAAS,GAAG;AACX,GAAA,MAAM,MAAK,GAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAQ,IAAK,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,KAAK,GAAC;GAC3E,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAC/B,IAAA,MAAM,GAAI,GAAE,IAAI,CAAC,GAAI,KAAI,IAAG,IAAK,IAAI,CAAC,GAAI,KAAI,SAAU,GAAE,IAAK,GAAE,IAAI,CAAC,GAAE,KAAM,KAAG;IACjF,MAAM,GAAI,GAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAA,IAAK,GAAC;AAChC,IAAA,MAAM,MAAK,GAAI,QAAQ,SAAS,GAAG,CAAC,cAAc,GAAG,CAAC,eAAe,GAAG,CAAC,MAAO,IAAG,IAAI,CAAC,UAAU,EAAE,EAAA;AACpG,IAAA,OAAO;AACN,KAAA,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACnB,KAAA,GAAG;KACH,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAM,IAAG,IAAI,CAAC,KAAI,IAAK,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC;AAClE,KAAA,MAAM,EAAE,GAAE,KAAM,QAAQ,CAAC,IAAI,CAAC,SAASA,SAAC,CAAC,eAAe,EAAE,mBAAmB,CAAE,GAAE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACzG,KAAA;IACA,CAAA;GACD;;;EAGD,WAAW,GAAG;AACb,GAAA,MAAM,QAAO,GAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAU,IAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAA,GAAI,GAAC;AAC1I,GAAA,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE,CAAE,KAAI,EAAG,IAAG,IAAI,CAAC,GAAE,KAAM,IAAI,CAAC,CAAA;GACpG;;;AAGD,EAAA,YAAY,GAAG;AACd,GAAA,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAE,IAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAS,KAAI,KAAI;GAC1E;;AAED;EACA,WAAW,GAAG;AACb,GAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAO,IAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAA,IAAKA,SAAC,CAAC,eAAe,EAAE,QAAQ,CAAA;GAC/F;;AAED;EACA,QAAQ,GAAG;GACV,MAAM,OAAQ,GAAE,IAAI,CAAC,MAAM,CAAC,IAAK,IAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAM;AAC3D,GAAA,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAA,GAAI,UAAU,MAAK;GAClF;;AAED;;AAEC;AACA;;AAEA;;EAED,UAAU,GAAG;GACZ,OAAO,CAAC,IAAI,CAAC,IAAK,IAAG,IAAI,CAAC,WAAW,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAC,KAAM,EAAE,CAAA;GACzG;EACD;;AAED,CAAA,MAAM,OAAO,GAAG;AACf,EAAA,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,EAAA;EAClF;;AAED,CAAA,OAAO,EAAE;KACRA,SAAC;;AAED;;AAEC;;AAEA;;EAED,IAAI,CAAC,KAAK,EAAE;AACX,GAAA,OAAO,OAAO,KAAM,KAAI,QAAO,IAAK,KAAI,KAAM,EAAG,GAAE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAA,GAAI,EAAC;GAC9E;;AAED;;AAEC;AACA;;AAEA;;AAED,EAAA,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;AACnB,GAAA,IAAI,OAAO,aAAa,YAAY,QAAS,KAAI,EAAE,EAAE;AACpD,IAAA,OAAO,EAAC;AACT,IAAA;AACA,GAAA,OAAO,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,GAAI,IAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,EAAC;GAC/E;;AAED;AACC;AACA;AACA;;;EAGD,IAAI,CAAC,MAAM,EAAE;GACZ,OAAO,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAG,EAAG,CAAA;GACjE;;;AAGD,EAAA,MAAM,UAAU,GAAG;GAClB,MAAM,MAAO,GAAE,IAAI,CAAC,MAAM,CAAC,OAAQ,IAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAK;GAC/D,IAAI,CAAC,MAAK,IAAK,CAAC,MAAM,CAAC,GAAG,EAAE;IAC3B,MAAK;AACN,IAAA;AACA,GAAA,IAAI;AACH,IAAA,MAAM,IAAG,GAAI,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAA;IACnC,IAAI,CAAC,MAAK,GAAI,IAAG,IAAK,OAAO,SAAS,QAAO,GAAI,IAAG,GAAI,IAAI,CAAC,OAAK;AACnE,IAAA,CAAE,MAAM;;AAER,IAAA;GACA;;;AAGD,EAAA,MAAM,aAAa,GAAG;GACrB,MAAM,GAAE,GAAI,IAAI,CAAC,MAAM,CAAC,UAAQ;AAChC,GAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAO,IAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE;IAC3C,MAAK;AACN,IAAA;AACA,GAAA,IAAI;AACH,IAAA,MAAM,IAAK,GAAE,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAA;IACvC,MAAM,IAAG,GAAI,GAAG,CAAC,SAAU,GAAE,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,SAAS,CAAE,GAAE,KAAG;AAChE,IAAA,IAAI,CAAC,KAAM,GAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAE,GAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAK,IAAG,IAAI,CAAC,EAAC,KAAM,SAAS,CAAA,GAAI,GAAC;AAC5F,IAAA,CAAE,MAAM;IACP,IAAI,CAAC,KAAM,GAAE,GAAC;AACd,IAAA,IAAI,CAAC,cAAa,GAAIA,SAAC,CAAC,eAAe,EAAE,0CAA0C,EAAA;AACpF,IAAA;GACA;;;AAGD,EAAA,MAAM,cAAc,GAAG;AACtB,GAAA,MAAM,GAAI,GAAE,IAAI,CAAC,MAAM,CAAC,WAAS;AACjC,GAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAO,IAAG,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE;IAC3C,MAAK;AACN,IAAA;AACA,GAAA,IAAI;AACH,IAAA,MAAM,IAAK,GAAE,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAA;IACvC,IAAI,CAAC,OAAM,GAAI,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,WAAY,IAAG,SAAS,CAAE,KAAI,KAAG;AACnE,IAAA,IAAI,CAAC,OAAM,GAAI,IAAI,CAAC,OAAQ,IAAG,CAAC,GAAG,CAAC,UAAW,GAAE,EAAC,GAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,KAAK,EAAE,EAAA;AAClG,IAAA,CAAE,MAAM;AACP,IAAA,IAAI,CAAC,OAAQ,GAAE,MAAI;AACpB,IAAA;GACA;;AAED;;;AAGC;;;;AAID,EAAA,MAAM,OAAO,GAAG;AACf,GAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;IACrB,MAAK;AACN,IAAA;GACA,IAAI,CAAC,IAAK,GAAE,KAAG;AACf,GAAA,IAAI,CAAC,OAAQ,GAAE,GAAC;GAChB,MAAM,MAAO,GAAE,IAAI,CAAC,MAAM,CAAC,IAAI,GAAC;AAChC,GAAA,IAAI;AACH,IAAA,MAAM,UAAU,IAAI,CAAC,aAAa,CAAC,QAAM;IACzC,IAAI,OAAM,IAAK,OAAO,CAAC,GAAG,EAAE;KAC3B,MAAM,GAAI,GAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA;KAC3D,MAAM,IAAK,GAAE,GAAC;KACd,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAA,IAAK,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAK,IAAG,EAAE,CAAC,EAAE;AAC9D,MAAA,IAAI,CAAC,GAAG,CAAE,GAAE,OAAO,KAAI,KAAM,QAAO,GAAI,YAAY,CAAC,KAAK,EAAE,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,QAAQ,CAAA,GAAI,MAAI;AACvG,MAAA;KACA,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;MACvB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAI,IAAK,QAAQ,CAAE,GAAE,OAAK;AACnD,MAAA;KACA,MAAM,MAAK,GAAI,MAAM,CAAC,OAAO,CAAC,MAAO,IAAG,MAAM,CAAC,CAAC,WAAW,GAAC;AAC5D,KAAA,MAAMC,cAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAA,GAAI,MAAO,GAAE,MAAM,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAE,GAAE,GAAI,GAAE,WAAW,CAAC,GAAG,CAAC,EAAE,IAAI,EAAA;AAC5I,KAAA,MAAO,IAAI,IAAI,CAAC,aAAa,CAAC,MAAK,IAAK,OAAO,IAAI,CAAC,gBAAe,KAAM,UAAU,EAAE;KACpF,MAAM,IAAI,CAAC,gBAAgB,CAAC,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAG,IAAK,EAAE,CAAC,EAAE,EAAE,MAAK,EAAG,CAAA,EAAG,EAAA;AAC5H,KAAA;IACA,IAAI,CAAC,IAAK,GAAE,KAAG;AACf,IAAA,IAAI,CAAC,YAAY,EAAE,EAAE,EAAA;;IAErB,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,MAAK,EAAG,EAAA;AAC9B,IAAA,CAAE,OAAO,OAAO,EAAE;IACjB,MAAM,IAAG,GAAI,OAAQ,IAAG,OAAO,CAAC,QAAO,IAAK,OAAO,CAAC,QAAQ,CAAC,KAAG;IAChE,IAAI,CAAC,OAAM,GAAI,MAAM,CAAC,CAAC,IAAK,KAAI,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,KAAKD,SAAC,CAAC,eAAe,EAAE,oCAAoC,CAAC,EAAA;AACzH,IAAA,SAAU;AACT,IAAA,IAAI,CAAC,IAAG,GAAI,MAAI;AACjB,IAAA;GACA;;AAED;AACA,EAAA,KAAK,GAAG;GACP,IAAI,IAAI,CAAC,IAAI,EAAE;IACd,MAAK;AACN,IAAA;AACA;AACA,GAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAA;GAClB;EACD;AACF;;;;"}

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

@@ -0,0 +1,249 @@
+import { resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, toDisplayString, createSlots, createCommentVNode, createElementBlock, createElementVNode, Fragment, renderList } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "cn-action-dialog"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "cn-action-dialog__summary",
+  "data-testid": "cn-action-dialog-summary"
+};
+const _hoisted_3 = { class: "cn-action-dialog__summary-text" };
+const _hoisted_4 = {
+  key: 0,
+  class: "cn-action-dialog__muted"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "cn-action-dialog__badge"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "cn-action-dialog__title"
+};
+const _hoisted_7 = { class: "cn-action-dialog__facts" };
+const _hoisted_8 = {
+  key: 1,
+  class: "cn-action-dialog__section",
+  "data-testid": "cn-action-dialog-checklist"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "cn-action-dialog__title"
+};
+const _hoisted_10 = {
+  key: 1,
+  class: "cn-action-dialog__muted",
+  role: "status"
+};
+const _hoisted_11 = { class: "cn-action-dialog__checks" };
+const _hoisted_12 = ["data-testid", "data-met"];
+const _hoisted_13 = { class: "cn-action-dialog__check-label" };
+const _hoisted_14 = {
+  key: 3,
+  class: "cn-action-dialog__muted"
+};
+const _hoisted_15 = {
+  key: 2,
+  class: "cn-action-dialog__field"
+};
+const _hoisted_16 = {
+  key: 0,
+  class: "cn-action-dialog__muted"
+};
+const _hoisted_17 = {
+  key: 4,
+  class: "cn-action-dialog__error",
+  role: "alert",
+  "data-testid": "cn-action-dialog-refusal"
+};
+const _hoisted_18 = {
+  key: 1,
+  role: "status",
+  "data-testid": "cn-action-dialog-done"
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CnIcon = resolveComponent("CnIcon");
+  const _component_CheckCircle = resolveComponent("CheckCircle");
+  const _component_HelpCircleOutline = resolveComponent("HelpCircleOutline");
+  const _component_CircleOutline = resolveComponent("CircleOutline");
+  const _component_NcTextArea = resolveComponent("NcTextArea");
+  const _component_NcNoteCard = resolveComponent("NcNoteCard");
+  const _component_NcButton = resolveComponent("NcButton");
+  const _component_CnDialog = resolveComponent("CnDialog");
+
+  return (openBlock(), createBlock(_component_CnDialog, {
+    name: $options.text($props.config.title) || $options.t('nextcloud-vue', 'Confirm'),
+    eyebrow: $options.text($props.config.eyebrow),
+    subtitle: $options.text($props.config.subtitle),
+    width: "form",
+    noClose: $data.busy,
+    "data-testid": "cn-action-dialog",
+    onClosing: $options.close
+  }, {
+    actions: withCtx(() => [
+      createVNode(_component_NcButton, {
+        disabled: $data.busy,
+        "data-testid": "cn-action-dialog-cancel",
+        onClick: $options.close
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString($data.done ? $options.t('nextcloud-vue', 'Close') : $options.t('nextcloud-vue', 'Cancel')), 1 /* TEXT */)
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["disabled", "onClick"]),
+      (!$data.done)
+        ? (openBlock(), createBlock(_component_NcButton, {
+            key: 0,
+            variant: "primary",
+            disabled: !$options.canConfirm,
+            "data-testid": "cn-action-dialog-confirm",
+            onClick: $options.confirm
+          }, createSlots({
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString($options.text($options.confirmConfig.label) || $options.t('nextcloud-vue', 'Confirm')), 1 /* TEXT */)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, [
+            ($options.confirmConfig.icon)
+              ? {
+                  name: "icon",
+                  fn: withCtx(() => [
+                    createVNode(_component_CnIcon, {
+                      name: $options.confirmConfig.icon,
+                      size: 20
+                    }, null, 8 /* PROPS */, ["name"])
+                  ]),
+                  key: "0"
+                }
+              : undefined
+          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled", "onClick"]))
+        : createCommentVNode("v-if", true)
+    ]),
+    default: withCtx(() => [
+      (!$data.done)
+        ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            ($options.summary)
+              ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  createVNode(_component_CnIcon, {
+                    name: $props.config.summary.icon || 'FolderOutline',
+                    size: 20,
+                    class: "cn-action-dialog__summary-icon"
+                  }, null, 8 /* PROPS */, ["name"]),
+                  createElementVNode("span", _hoisted_3, [
+                    createElementVNode("strong", null, toDisplayString($options.summary.title), 1 /* TEXT */),
+                    ($options.summary.meta)
+                      ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString($options.summary.meta), 1 /* TEXT */))
+                      : createCommentVNode("v-if", true)
+                  ]),
+                  ($options.summary.badge)
+                    ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString($options.summary.badge), 1 /* TEXT */))
+                    : createCommentVNode("v-if", true)
+                ]))
+              : createCommentVNode("v-if", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.factSections, (section, index) => {
+              return (openBlock(), createElementBlock("section", {
+                key: `facts-${index}`,
+                class: "cn-action-dialog__section",
+                "data-testid": "cn-action-dialog-facts"
+              }, [
+                (section.title)
+                  ? (openBlock(), createElementBlock("h3", _hoisted_6, toDisplayString(section.title), 1 /* TEXT */))
+                  : createCommentVNode("v-if", true),
+                createElementVNode("dl", _hoisted_7, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(section.facts, (fact) => {
+                    return (openBlock(), createElementBlock("div", {
+                      key: fact.label
+                    }, [
+                      createElementVNode("dt", null, toDisplayString(fact.label), 1 /* TEXT */),
+                      createElementVNode("dd", null, toDisplayString(fact.value), 1 /* TEXT */)
+                    ]))
+                  }), 128 /* KEYED_FRAGMENT */))
+                ])
+              ]))
+            }), 128 /* KEYED_FRAGMENT */)),
+            ($props.config.checklist)
+              ? (openBlock(), createElementBlock("section", _hoisted_8, [
+                  ($props.config.checklist.title)
+                    ? (openBlock(), createElementBlock("h3", _hoisted_9, toDisplayString($options.text($props.config.checklist.title)), 1 /* TEXT */))
+                    : createCommentVNode("v-if", true),
+                  ($data.checklistError)
+                    ? (openBlock(), createElementBlock("p", _hoisted_10, toDisplayString($data.checklistError), 1 /* TEXT */))
+                    : createCommentVNode("v-if", true),
+                  createElementVNode("ul", _hoisted_11, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.checklist, (item) => {
+                      return (openBlock(), createElementBlock("li", {
+                        key: item.id,
+                        class: "cn-action-dialog__check",
+                        "data-testid": `cn-action-dialog-check-${item.id}`,
+                        "data-met": String(item.met)
+                      }, [
+                        (item.met === true)
+                          ? (openBlock(), createBlock(_component_CheckCircle, {
+                              key: 0,
+                              size: 20,
+                              class: "cn-action-dialog__check-icon cn-action-dialog__check-icon--met"
+                            }))
+                          : (item.met === null)
+                            ? (openBlock(), createBlock(_component_HelpCircleOutline, {
+                                key: 1,
+                                size: 20,
+                                class: "cn-action-dialog__check-icon"
+                              }))
+                            : (openBlock(), createBlock(_component_CircleOutline, {
+                                key: 2,
+                                size: 20,
+                                class: "cn-action-dialog__check-icon"
+                              })),
+                        createElementVNode("strong", _hoisted_13, toDisplayString(item.label), 1 /* TEXT */),
+                        (item.detail)
+                          ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(item.detail), 1 /* TEXT */))
+                          : createCommentVNode("v-if", true)
+                      ], 8 /* PROPS */, _hoisted_12))
+                    }), 128 /* KEYED_FRAGMENT */))
+                  ])
+                ]))
+              : createCommentVNode("v-if", true),
+            ($props.config.reason)
+              ? (openBlock(), createElementBlock("div", _hoisted_15, [
+                  createVNode(_component_NcTextArea, {
+                    id: $data.reasonId,
+                    modelValue: $data.reason,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($data.reason) = $event)),
+                    label: $options.reasonLabel,
+                    labelOutside: false,
+                    resize: "vertical",
+                    "data-testid": "cn-action-dialog-reason"
+                  }, null, 8 /* PROPS */, ["id", "modelValue", "label"]),
+                  ($props.config.reason.hint)
+                    ? (openBlock(), createElementBlock("span", _hoisted_16, toDisplayString($options.text($props.config.reason.hint)), 1 /* TEXT */))
+                    : createCommentVNode("v-if", true)
+                ]))
+              : createCommentVNode("v-if", true),
+            ($props.config.note)
+              ? (openBlock(), createBlock(_component_NcNoteCard, {
+                  key: 3,
+                  type: $options.noteType,
+                  heading: $options.text($props.config.note.title),
+                  "data-testid": "cn-action-dialog-note"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString($options.text($props.config.note.text)), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["type", "heading"]))
+              : createCommentVNode("v-if", true),
+            ($data.refusal)
+              ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString($data.refusal), 1 /* TEXT */))
+              : createCommentVNode("v-if", true)
+          ]))
+        : (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString($options.text($props.config.doneText) || $options.t('nextcloud-vue', 'Done')), 1 /* TEXT */))
+    ]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["name", "eyebrow", "subtitle", "noClose", "onClosing"]))
+}
+
+export { render };
+//# sourceMappingURL=CnActionDialog.vue3.js.map