@conduction/nextcloud-vue 2.119.0 → 2.121.0

package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue2.js

@@ -0,0 +1,244 @@
+import { NcButton } from '@nextcloud/vue';
+import Close from 'vue-material-design-icons/Close.vue';
+import DeleteOutline from 'vue-material-design-icons/DeleteOutline.vue';
+import __sfc_main from './CnStateMachineFields.vue.js';
+import { readRecord, moveItem, buildRecord } from './stateMachineFields.js';
+
+/**
+ * The property panel of one state, step or transition.
+ *
+ * Edits a copy of `record` described by `fields` and emits the whole record on
+ * every change; the host stores it and passes it back down. A record that comes
+ * back equal to the last one emitted does not reset the copy, so typing never
+ * loses the caret.
+ */
+var script = {
+	name: 'CnStateMachinePanel',
+
+	components: { NcButton, Close, DeleteOutline, CnStateMachineFields: __sfc_main },
+
+	provide() {
+		// The panel itself: its `uid`, `locked`, `tr`, `optionsOf`, `isEnabled`,
+		// `setEnabled`, `set`, `push`, `splice` and `move` are what the fields use.
+		return { cnStateMachinePanel: this }
+	},
+
+	props: {
+		/** The record being edited. */
+		record: {
+			type: Object,
+			required: true,
+		},
+
+		/** Field descriptors, see CnStateMachineEditor's `config`. */
+		fields: {
+			type: Array,
+			default: () => [],
+		},
+
+		/** The heading, already translated. */
+		title: {
+			type: String,
+			required: true,
+		},
+
+		/** A line under the heading. */
+		subtitle: {
+			type: String,
+			default: '',
+		},
+
+		/** The close button's accessible name. */
+		closeLabel: {
+			type: String,
+			required: true,
+		},
+
+		/** The delete button's text. */
+		deleteLabel: {
+			type: String,
+			default: '',
+		},
+
+		/** Whether to offer the delete button. */
+		canDelete: {
+			type: Boolean,
+			default: false,
+		},
+
+		/** Disable every field. */
+		readOnly: {
+			type: Boolean,
+			default: false,
+		},
+
+		/** Disable the fields marked `lockable`. */
+		locked: {
+			type: Boolean,
+			default: false,
+		},
+
+		/** Named option lists a field can point at with `optionSet`. */
+		optionSets: {
+			type: Object,
+			default: () => ({}),
+		},
+
+		/** Translates a configured text. */
+		translate: {
+			type: Function,
+			default: (text) => text,
+		},
+
+		/** Prefix for the DOM ids inside the panel. */
+		uid: {
+			type: String,
+			required: true,
+		},
+	},
+
+	emits: ['update', 'delete', 'close'],
+
+	data() {
+		const { model, enabled } = readRecord(this.record, this.fields);
+		return {
+			model,
+			enabled,
+			lastEmitted: null,
+		}
+	},
+
+	watch: {
+		record: {
+			deep: true,
+			handler(next, previous) {
+				const sameRecord = next && previous && next.id === previous.id;
+				if (sameRecord && this.lastEmitted !== null && JSON.stringify(next) === this.lastEmitted) {
+					return
+				}
+				this.reset();
+			},
+		},
+
+		fields() {
+			this.reset();
+		},
+	},
+
+	methods: {
+		/**
+		 * Rebuild the copy from `record`.
+		 *
+		 * @return {void}
+		 */
+		reset() {
+			const { model, enabled } = readRecord(this.record, this.fields);
+			this.model = model;
+			this.enabled = enabled;
+			this.lastEmitted = null;
+		},
+
+		/**
+		 * The options of a select or checkboxes field.
+		 *
+		 * @param {object} field The descriptor.
+		 * @return {Array<{value: unknown, label: string}>} The options, labels translated when they are the config's own.
+		 */
+		optionsOf(field) {
+			if (Array.isArray(field.options)) {
+				return field.options.map((option) => ({ value: option.value, label: this.translate(option.label) }))
+			}
+			const set = field.optionSet ? this.optionSets[field.optionSet] : null;
+			return Array.isArray(set) ? set : []
+		},
+
+		/**
+		 * @param {string} text A configured text.
+		 * @return {string} It translated.
+		 */
+		tr(text) {
+			return this.translate(text)
+		},
+
+		/**
+		 * @param {string} path An optional group's path.
+		 * @return {boolean} Whether it is switched on.
+		 */
+		isEnabled(path) {
+			return this.enabled[path] === true
+		},
+
+		/**
+		 * @param {string} path An optional group's path.
+		 * @param {boolean} value Whether to switch it on.
+		 * @return {void}
+		 */
+		setEnabled(path, value) {
+			this.enabled[path] = value === true;
+			this.emitUpdate();
+		},
+
+		/**
+		 * Write one value into the copy.
+		 *
+		 * @param {object|Array} target An object or list inside the copy.
+		 * @param {string|number} key The key or index.
+		 * @param {unknown} value The value.
+		 * @return {void}
+		 */
+		set(target, key, value) {
+			target[key] = value;
+			this.emitUpdate();
+		},
+
+		/**
+		 * @param {Array} list A list inside the copy.
+		 * @param {unknown} item The entry to append.
+		 * @return {void}
+		 */
+		push(list, item) {
+			list.push(item);
+			this.emitUpdate();
+		},
+
+		/**
+		 * @param {Array} list A list inside the copy.
+		 * @param {number} index The entry to remove.
+		 * @return {void}
+		 */
+		splice(list, index) {
+			list.splice(index, 1);
+			this.emitUpdate();
+		},
+
+		/**
+		 * @param {Array} list A list inside the copy.
+		 * @param {number} from The entry's index.
+		 * @param {number} to Its new index.
+		 * @return {void}
+		 */
+		move(list, from, to) {
+			if (moveItem(list, from, to)) {
+				this.emitUpdate();
+			}
+		},
+
+		/**
+		 * Emit the record built from the copy.
+		 *
+		 * @return {void}
+		 */
+		emitUpdate() {
+			const record = buildRecord(this.model, this.fields, this.enabled);
+			this.lastEmitted = JSON.stringify(record);
+			/**
+			 * @event update The edited record, complete. Keys the fields do not
+			 *   describe are carried through unchanged.
+			 */
+			this.$emit('update', record);
+		},
+	},
+};
+
+export { script as default };
+//# sourceMappingURL=CnStateMachinePanel.vue2.js.map

package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnStateMachinePanel.vue2.js","sources":["../../../../src/components/CnStateMachineEditor/CnStateMachinePanel.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V. <info@conduction.nl>\n  - SPDX-License-Identifier: EUPL-1.2\n  -->\n<template>\n\t<section class=\"cn-sm-panel\" :aria-labelledby=\"`${uid}-title`\">\n\t\t<header class=\"cn-sm-panel__header\">\n\t\t\t<div class=\"cn-sm-panel__titles\">\n\t\t\t\t<h3 :id=\"`${uid}-title`\" class=\"cn-sm-panel__title\">\n\t\t\t\t\t{{ title }}\n\t\t\t\t</h3>\n\t\t\t\t<span v-if=\"subtitle\" class=\"cn-sm-panel__subtitle\">{{ subtitle }}</span>\n\t\t\t</div>\n\t\t\t<NcButton\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t:aria-label=\"closeLabel\"\n\t\t\t\t@click=\"$emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t</header>\n\n\t\t<CnStateMachineFields\n\t\t\tv-if=\"fields.length > 0\"\n\t\t\t:fields=\"fields\"\n\t\t\t:target=\"model\"\n\t\t\t:disabled=\"readOnly\" />\n\n\t\t<!-- @slot default Extra content below the fields. -->\n\t\t<slot />\n\n\t\t<div v-if=\"canDelete && !readOnly\" class=\"cn-sm-panel__danger\">\n\t\t\t<NcButton variant=\"error\" @click=\"$emit('delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<DeleteOutline :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ deleteLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\t</section>\n</template>\n\n<script>\nimport { NcButton } from '@nextcloud/vue'\nimport Close from 'vue-material-design-icons/Close.vue'\nimport DeleteOutline from 'vue-material-design-icons/DeleteOutline.vue'\nimport CnStateMachineFields from './CnStateMachineFields.vue'\nimport { buildRecord, moveItem, readRecord } from './stateMachineFields.js'\n\n/**\n * The property panel of one state, step or transition.\n *\n * Edits a copy of `record` described by `fields` and emits the whole record on\n * every change; the host stores it and passes it back down. A record that comes\n * back equal to the last one emitted does not reset the copy, so typing never\n * loses the caret.\n */\nexport default {\n\tname: 'CnStateMachinePanel',\n\n\tcomponents: { NcButton, Close, DeleteOutline, CnStateMachineFields },\n\n\tprovide() {\n\t\t// The panel itself: its `uid`, `locked`, `tr`, `optionsOf`, `isEnabled`,\n\t\t// `setEnabled`, `set`, `push`, `splice` and `move` are what the fields use.\n\t\treturn { cnStateMachinePanel: this }\n\t},\n\n\tprops: {\n\t\t/** The record being edited. */\n\t\trecord: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Field descriptors, see CnStateMachineEditor's `config`. */\n\t\tfields: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** The heading, already translated. */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** A line under the heading. */\n\t\tsubtitle: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** The close button's accessible name. */\n\t\tcloseLabel: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** The delete button's text. */\n\t\tdeleteLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** Whether to offer the delete button. */\n\t\tcanDelete: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Disable every field. */\n\t\treadOnly: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Disable the fields marked `lockable`. */\n\t\tlocked: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Named option lists a field can point at with `optionSet`. */\n\t\toptionSets: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Translates a configured text. */\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: (text) => text,\n\t\t},\n\n\t\t/** Prefix for the DOM ids inside the panel. */\n\t\tuid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t},\n\n\temits: ['update', 'delete', 'close'],\n\n\tdata() {\n\t\tconst { model, enabled } = readRecord(this.record, this.fields)\n\t\treturn {\n\t\t\tmodel,\n\t\t\tenabled,\n\t\t\tlastEmitted: null,\n\t\t}\n\t},\n\n\twatch: {\n\t\trecord: {\n\t\t\tdeep: true,\n\t\t\thandler(next, previous) {\n\t\t\t\tconst sameRecord = next && previous && next.id === previous.id\n\t\t\t\tif (sameRecord && this.lastEmitted !== null && JSON.stringify(next) === this.lastEmitted) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tthis.reset()\n\t\t\t},\n\t\t},\n\n\t\tfields() {\n\t\t\tthis.reset()\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Rebuild the copy from `record`.\n\t\t *\n\t\t * @return {void}\n\t\t */\n\t\treset() {\n\t\t\tconst { model, enabled } = readRecord(this.record, this.fields)\n\t\t\tthis.model = model\n\t\t\tthis.enabled = enabled\n\t\t\tthis.lastEmitted = null\n\t\t},\n\n\t\t/**\n\t\t * The options of a select or checkboxes field.\n\t\t *\n\t\t * @param {object} field The descriptor.\n\t\t * @return {Array<{value: unknown, label: string}>} The options, labels translated when they are the config's own.\n\t\t */\n\t\toptionsOf(field) {\n\t\t\tif (Array.isArray(field.options)) {\n\t\t\t\treturn field.options.map((option) => ({ value: option.value, label: this.translate(option.label) }))\n\t\t\t}\n\t\t\tconst set = field.optionSet ? this.optionSets[field.optionSet] : null\n\t\t\treturn Array.isArray(set) ? set : []\n\t\t},\n\n\t\t/**\n\t\t * @param {string} text A configured text.\n\t\t * @return {string} It translated.\n\t\t */\n\t\ttr(text) {\n\t\t\treturn this.translate(text)\n\t\t},\n\n\t\t/**\n\t\t * @param {string} path An optional group's path.\n\t\t * @return {boolean} Whether it is switched on.\n\t\t */\n\t\tisEnabled(path) {\n\t\t\treturn this.enabled[path] === true\n\t\t},\n\n\t\t/**\n\t\t * @param {string} path An optional group's path.\n\t\t * @param {boolean} value Whether to switch it on.\n\t\t * @return {void}\n\t\t */\n\t\tsetEnabled(path, value) {\n\t\t\tthis.enabled[path] = value === true\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * Write one value into the copy.\n\t\t *\n\t\t * @param {object|Array} target An object or list inside the copy.\n\t\t * @param {string|number} key The key or index.\n\t\t * @param {unknown} value The value.\n\t\t * @return {void}\n\t\t */\n\t\tset(target, key, value) {\n\t\t\ttarget[key] = value\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * @param {Array} list A list inside the copy.\n\t\t * @param {unknown} item The entry to append.\n\t\t * @return {void}\n\t\t */\n\t\tpush(list, item) {\n\t\t\tlist.push(item)\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * @param {Array} list A list inside the copy.\n\t\t * @param {number} index The entry to remove.\n\t\t * @return {void}\n\t\t */\n\t\tsplice(list, index) {\n\t\t\tlist.splice(index, 1)\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * @param {Array} list A list inside the copy.\n\t\t * @param {number} from The entry's index.\n\t\t * @param {number} to Its new index.\n\t\t * @return {void}\n\t\t */\n\t\tmove(list, from, to) {\n\t\t\tif (moveItem(list, from, to)) {\n\t\t\t\tthis.emitUpdate()\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Emit the record built from the copy.\n\t\t *\n\t\t * @return {void}\n\t\t */\n\t\temitUpdate() {\n\t\t\tconst record = buildRecord(this.model, this.fields, this.enabled)\n\t\t\tthis.lastEmitted = JSON.stringify(record)\n\t\t\t/**\n\t\t\t * @event update The edited record, complete. Keys the fields do not\n\t\t\t *   describe are carried through unchanged.\n\t\t\t */\n\t\t\tthis.$emit('update', record)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-sm-panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 14px;\n\tmin-width: 0;\n}\n\n.cn-sm-panel__header {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 8px;\n}\n\n.cn-sm-panel__titles {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tmin-width: 0;\n}\n\n.cn-sm-panel__title {\n\tmargin: 0;\n\tfont-size: 17px;\n\tfont-weight: 700;\n\toverflow-wrap: anywhere;\n}\n\n.cn-sm-panel__subtitle {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast, #6b6b6b);\n}\n\n.cn-sm-panel__danger {\n\tpadding-top: 12px;\n\tborder-top: 1px solid var(--color-border, #d0d0d0);\n}\n</style>\n"],"names":["CnStateMachineFields"],"mappings":"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"}

package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue3.js

@@ -0,0 +1,76 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createVNode, withCtx, createBlock, renderSlot, createTextVNode } from 'vue';
+
+const _hoisted_1 = ["aria-labelledby"];
+const _hoisted_2 = { class: "cn-sm-panel__header" };
+const _hoisted_3 = { class: "cn-sm-panel__titles" };
+const _hoisted_4 = ["id"];
+const _hoisted_5 = {
+  key: 0,
+  class: "cn-sm-panel__subtitle"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "cn-sm-panel__danger"
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Close = resolveComponent("Close");
+  const _component_NcButton = resolveComponent("NcButton");
+  const _component_CnStateMachineFields = resolveComponent("CnStateMachineFields");
+  const _component_DeleteOutline = resolveComponent("DeleteOutline");
+
+  return (openBlock(), createElementBlock("section", {
+    class: "cn-sm-panel",
+    "aria-labelledby": `${$props.uid}-title`
+  }, [
+    createElementVNode("header", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("h3", {
+          id: `${$props.uid}-title`,
+          class: "cn-sm-panel__title"
+        }, toDisplayString($props.title), 9 /* TEXT, PROPS */, _hoisted_4),
+        ($props.subtitle)
+          ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString($props.subtitle), 1 /* TEXT */))
+          : createCommentVNode("v-if", true)
+      ]),
+      createVNode(_component_NcButton, {
+        variant: "tertiary",
+        "aria-label": $props.closeLabel,
+        onClick: _cache[0] || (_cache[0] = $event => (_ctx.$emit('close')))
+      }, {
+        icon: withCtx(() => [
+          createVNode(_component_Close, { size: 20 })
+        ]),
+        _: 1 /* STABLE */
+      }, 8 /* PROPS */, ["aria-label"])
+    ]),
+    ($props.fields.length > 0)
+      ? (openBlock(), createBlock(_component_CnStateMachineFields, {
+          key: 0,
+          fields: $props.fields,
+          target: $data.model,
+          disabled: $props.readOnly
+        }, null, 8 /* PROPS */, ["fields", "target", "disabled"]))
+      : createCommentVNode("v-if", true),
+    renderSlot(_ctx.$slots, "default"),
+    ($props.canDelete && !$props.readOnly)
+      ? (openBlock(), createElementBlock("div", _hoisted_6, [
+          createVNode(_component_NcButton, {
+            variant: "error",
+            onClick: _cache[1] || (_cache[1] = $event => (_ctx.$emit('delete')))
+          }, {
+            icon: withCtx(() => [
+              createVNode(_component_DeleteOutline, { size: 20 })
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" " + toDisplayString($props.deleteLabel), 1 /* TEXT */)
+            ]),
+            _: 1 /* STABLE */
+          })
+        ]))
+      : createCommentVNode("v-if", true)
+  ], 8 /* PROPS */, _hoisted_1))
+}
+
+export { render };
+//# sourceMappingURL=CnStateMachinePanel.vue3.js.map

package/dist/esm/components/CnStateMachineEditor/CnStateMachinePanel.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnStateMachinePanel.vue3.js","sources":["../../../../src/components/CnStateMachineEditor/CnStateMachinePanel.vue?vue&type=template&id=dd581f76&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V. <info@conduction.nl>\n  - SPDX-License-Identifier: EUPL-1.2\n  -->\n<template>\n\t<section class=\"cn-sm-panel\" :aria-labelledby=\"`${uid}-title`\">\n\t\t<header class=\"cn-sm-panel__header\">\n\t\t\t<div class=\"cn-sm-panel__titles\">\n\t\t\t\t<h3 :id=\"`${uid}-title`\" class=\"cn-sm-panel__title\">\n\t\t\t\t\t{{ title }}\n\t\t\t\t</h3>\n\t\t\t\t<span v-if=\"subtitle\" class=\"cn-sm-panel__subtitle\">{{ subtitle }}</span>\n\t\t\t</div>\n\t\t\t<NcButton\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t:aria-label=\"closeLabel\"\n\t\t\t\t@click=\"$emit('close')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t</header>\n\n\t\t<CnStateMachineFields\n\t\t\tv-if=\"fields.length > 0\"\n\t\t\t:fields=\"fields\"\n\t\t\t:target=\"model\"\n\t\t\t:disabled=\"readOnly\" />\n\n\t\t<!-- @slot default Extra content below the fields. -->\n\t\t<slot />\n\n\t\t<div v-if=\"canDelete && !readOnly\" class=\"cn-sm-panel__danger\">\n\t\t\t<NcButton variant=\"error\" @click=\"$emit('delete')\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<DeleteOutline :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t{{ deleteLabel }}\n\t\t\t</NcButton>\n\t\t</div>\n\t</section>\n</template>\n\n<script>\nimport { NcButton } from '@nextcloud/vue'\nimport Close from 'vue-material-design-icons/Close.vue'\nimport DeleteOutline from 'vue-material-design-icons/DeleteOutline.vue'\nimport CnStateMachineFields from './CnStateMachineFields.vue'\nimport { buildRecord, moveItem, readRecord } from './stateMachineFields.js'\n\n/**\n * The property panel of one state, step or transition.\n *\n * Edits a copy of `record` described by `fields` and emits the whole record on\n * every change; the host stores it and passes it back down. A record that comes\n * back equal to the last one emitted does not reset the copy, so typing never\n * loses the caret.\n */\nexport default {\n\tname: 'CnStateMachinePanel',\n\n\tcomponents: { NcButton, Close, DeleteOutline, CnStateMachineFields },\n\n\tprovide() {\n\t\t// The panel itself: its `uid`, `locked`, `tr`, `optionsOf`, `isEnabled`,\n\t\t// `setEnabled`, `set`, `push`, `splice` and `move` are what the fields use.\n\t\treturn { cnStateMachinePanel: this }\n\t},\n\n\tprops: {\n\t\t/** The record being edited. */\n\t\trecord: {\n\t\t\ttype: Object,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Field descriptors, see CnStateMachineEditor's `config`. */\n\t\tfields: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/** The heading, already translated. */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** A line under the heading. */\n\t\tsubtitle: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** The close button's accessible name. */\n\t\tcloseLabel: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** The delete button's text. */\n\t\tdeleteLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/** Whether to offer the delete button. */\n\t\tcanDelete: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Disable every field. */\n\t\treadOnly: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Disable the fields marked `lockable`. */\n\t\tlocked: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Named option lists a field can point at with `optionSet`. */\n\t\toptionSets: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => ({}),\n\t\t},\n\n\t\t/** Translates a configured text. */\n\t\ttranslate: {\n\t\t\ttype: Function,\n\t\t\tdefault: (text) => text,\n\t\t},\n\n\t\t/** Prefix for the DOM ids inside the panel. */\n\t\tuid: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t},\n\n\temits: ['update', 'delete', 'close'],\n\n\tdata() {\n\t\tconst { model, enabled } = readRecord(this.record, this.fields)\n\t\treturn {\n\t\t\tmodel,\n\t\t\tenabled,\n\t\t\tlastEmitted: null,\n\t\t}\n\t},\n\n\twatch: {\n\t\trecord: {\n\t\t\tdeep: true,\n\t\t\thandler(next, previous) {\n\t\t\t\tconst sameRecord = next && previous && next.id === previous.id\n\t\t\t\tif (sameRecord && this.lastEmitted !== null && JSON.stringify(next) === this.lastEmitted) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tthis.reset()\n\t\t\t},\n\t\t},\n\n\t\tfields() {\n\t\t\tthis.reset()\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Rebuild the copy from `record`.\n\t\t *\n\t\t * @return {void}\n\t\t */\n\t\treset() {\n\t\t\tconst { model, enabled } = readRecord(this.record, this.fields)\n\t\t\tthis.model = model\n\t\t\tthis.enabled = enabled\n\t\t\tthis.lastEmitted = null\n\t\t},\n\n\t\t/**\n\t\t * The options of a select or checkboxes field.\n\t\t *\n\t\t * @param {object} field The descriptor.\n\t\t * @return {Array<{value: unknown, label: string}>} The options, labels translated when they are the config's own.\n\t\t */\n\t\toptionsOf(field) {\n\t\t\tif (Array.isArray(field.options)) {\n\t\t\t\treturn field.options.map((option) => ({ value: option.value, label: this.translate(option.label) }))\n\t\t\t}\n\t\t\tconst set = field.optionSet ? this.optionSets[field.optionSet] : null\n\t\t\treturn Array.isArray(set) ? set : []\n\t\t},\n\n\t\t/**\n\t\t * @param {string} text A configured text.\n\t\t * @return {string} It translated.\n\t\t */\n\t\ttr(text) {\n\t\t\treturn this.translate(text)\n\t\t},\n\n\t\t/**\n\t\t * @param {string} path An optional group's path.\n\t\t * @return {boolean} Whether it is switched on.\n\t\t */\n\t\tisEnabled(path) {\n\t\t\treturn this.enabled[path] === true\n\t\t},\n\n\t\t/**\n\t\t * @param {string} path An optional group's path.\n\t\t * @param {boolean} value Whether to switch it on.\n\t\t * @return {void}\n\t\t */\n\t\tsetEnabled(path, value) {\n\t\t\tthis.enabled[path] = value === true\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * Write one value into the copy.\n\t\t *\n\t\t * @param {object|Array} target An object or list inside the copy.\n\t\t * @param {string|number} key The key or index.\n\t\t * @param {unknown} value The value.\n\t\t * @return {void}\n\t\t */\n\t\tset(target, key, value) {\n\t\t\ttarget[key] = value\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * @param {Array} list A list inside the copy.\n\t\t * @param {unknown} item The entry to append.\n\t\t * @return {void}\n\t\t */\n\t\tpush(list, item) {\n\t\t\tlist.push(item)\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * @param {Array} list A list inside the copy.\n\t\t * @param {number} index The entry to remove.\n\t\t * @return {void}\n\t\t */\n\t\tsplice(list, index) {\n\t\t\tlist.splice(index, 1)\n\t\t\tthis.emitUpdate()\n\t\t},\n\n\t\t/**\n\t\t * @param {Array} list A list inside the copy.\n\t\t * @param {number} from The entry's index.\n\t\t * @param {number} to Its new index.\n\t\t * @return {void}\n\t\t */\n\t\tmove(list, from, to) {\n\t\t\tif (moveItem(list, from, to)) {\n\t\t\t\tthis.emitUpdate()\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Emit the record built from the copy.\n\t\t *\n\t\t * @return {void}\n\t\t */\n\t\temitUpdate() {\n\t\t\tconst record = buildRecord(this.model, this.fields, this.enabled)\n\t\t\tthis.lastEmitted = JSON.stringify(record)\n\t\t\t/**\n\t\t\t * @event update The edited record, complete. Keys the fields do not\n\t\t\t *   describe are carried through unchanged.\n\t\t\t */\n\t\t\tthis.$emit('update', record)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-sm-panel {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 14px;\n\tmin-width: 0;\n}\n\n.cn-sm-panel__header {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tjustify-content: space-between;\n\tgap: 8px;\n}\n\n.cn-sm-panel__titles {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\tmin-width: 0;\n}\n\n.cn-sm-panel__title {\n\tmargin: 0;\n\tfont-size: 17px;\n\tfont-weight: 700;\n\toverflow-wrap: anywhere;\n}\n\n.cn-sm-panel__subtitle {\n\tfont-size: 13px;\n\tcolor: var(--color-text-maxcontrast, #6b6b6b);\n}\n\n.cn-sm-panel__danger {\n\tpadding-top: 12px;\n\tborder-top: 1px solid var(--color-border, #d0d0d0);\n}\n</style>\n"],"names":["_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_renderSlot","_createTextVNode"],"mappings":";;;AAUQ,MAAA,UAAA,GAAA,EAAA,KAAA,EAAA,qBAAA,GAAA;AACA,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,qBAAqB,GAAA;;;;AAIT,EAAA,KAAC,EAAA,uBAAA;;;;AAqBb,EAAA,KAAA,EAAA,qBAAA;;;;;;;;;uBA3BTA;AAAK,IAAA,KAAK,EAAA,aAAA;AAAA,IAAA,iBAAA,KAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;;uBAgBJ,oBAAA,EAAA;AAdP,MAAAC,kBAAA,CAKK,OALL,UAKK,EAAA;QAJLA,kBAEK,CAAA,IAAA,EAAA;AAFD,UAAA,EAAA,KAAA,MAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,UAAA,KAAA,EAAA,oBAAA;2BACA,MAAG,CAAA,KAAA,CAAA,EAAA,CAAA,oBAAA,UAAA,CAAA;SAEK,MAAQ,CAAA,QAAA;0BAApBD,kBAAuB,CAAA,MAAA,EAAvB,UAAuB,EAAAE,eAAA,CAAA,MAAA,CAAA,QAAA,CAAA,EAAA,CAAA,YAAA;;;MAEvBC,WAOU,CAAA,mBAAA,EAAA;AANT,QAAA,SAAO;AACP,QAAA,YAAS,EAAA,MAAA,CAAA,UAAA;AACT,QAAA,OAAK,uCAAE,IAAC,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACH,QAAA,IAAA;;;;;;;sBAMPC;;AAEC,UAAA,MAAM,EAAG,MAAK,CAAA,MAAA;AACd,UAAA,MAAK,EAAA,KAAA,CAAA,KAAA;;;;IAILC,UAAM,CAAA,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAEG,IAAA,CAAA,MAAA,CAAA,SAAC,KAAA,MAAA,CAAA,QAAA;;UACVF;AAAS,YAAA,OAAO,EAAA,OAAA;AAAA,YAAA,OAAA,uCAAA,IAAA,CAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;AACP,YAAA,IAAA,UACR,MAAE;cAAFA,WAAE,CAAA,wBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;;6BACG;AAAA,cAAAG,eAAA,CAAA;;;;;;;;;;;"}

package/dist/esm/components/CnStateMachineEditor/stateMachineFields.js

@@ -0,0 +1,290 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V. <info@conduction.nl>
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * The record model behind CnStateMachineEditor's property panels: turning a
+ * stored record into an editable copy described by field descriptors, and the
+ * copy back into the record the host stores.
+ *
+ * A field descriptor is `{ key, type, label, ... }` with `type` one of
+ * `text`, `textarea`, `number`, `checkbox`, `select`, `checkboxes`, `list`,
+ * `typed-list`, `group` or `row`. A `group` with a `key` edits a nested object;
+ * without one, like a `row`, it only arranges its `fields`.
+ *
+ * @module components/CnStateMachineEditor/stateMachineFields
+ */
+
+const LIST_TYPES = new Set(['list', 'typed-list', 'checkboxes']);
+
+let generatedIds = 0;
+
+/**
+ * Parse a value a host may have stored as a JSON string.
+ *
+ * @param {unknown} raw The stored value.
+ * @return {unknown} The parsed value, or the value itself when it is not JSON text.
+ */
+function parseStored(raw) {
+	if (typeof raw !== 'string') {
+		return raw
+	}
+	const text = raw.trim();
+	if (text.charAt(0) !== '[' && text.charAt(0) !== '{') {
+		return raw
+	}
+	try {
+		return JSON.parse(text)
+	} catch {
+		return raw
+	}
+}
+
+/**
+ * Deep copy of plain data.
+ *
+ * @param {unknown} value The value.
+ * @return {unknown} The copy.
+ */
+function cloneData(value) {
+	if (value === undefined) {
+		return undefined
+	}
+	return JSON.parse(JSON.stringify(value))
+}
+
+/**
+ * Whether a value counts as not filled in.
+ *
+ * @param {unknown} value The value.
+ * @return {boolean} True for null, undefined, '', NaN and blank strings.
+ */
+function isBlank(value) {
+	if (value === null || value === undefined) {
+		return true
+	}
+	if (typeof value === 'number') {
+		return Number.isNaN(value)
+	}
+	return typeof value === 'string' && value.trim() === ''
+}
+
+/**
+ * Whether a value is a plain object.
+ *
+ * @param {unknown} value The value.
+ * @return {boolean} True for `{}`-like values.
+ */
+function isPlainObject(value) {
+	return value !== null && typeof value === 'object' && !Array.isArray(value)
+}
+
+/**
+ * A fresh id for a new list item.
+ *
+ * @param {string} prefix The id prefix.
+ * @return {string} The id.
+ */
+function newItemId(prefix = 'item-') {
+	generatedIds += 1;
+	return `${prefix}${Date.now().toString(36)}-${generatedIds}`
+}
+
+/**
+ * The path that identifies an optional group in the enabled map.
+ *
+ * @param {string} base The parent path.
+ * @param {string} key The group key.
+ * @return {string} The path.
+ */
+function pathOf(base, key) {
+	return base ? `${base}.${key}` : key
+}
+
+/**
+ * Normalise `target` in place so every described field holds an editable value,
+ * and record which optional groups are switched on.
+ *
+ * Text fields that are absent stay absent: a panel opened and closed must not
+ * add empty keys to a record.
+ *
+ * @param {object} target The copy being edited.
+ * @param {Array<object>} fields The descriptors.
+ * @param {object} enabled Optional-group state by path, filled in here.
+ * @param {string} [base] The path of `target`.
+ * @return {object} `target`.
+ */
+function normaliseFields(target, fields, enabled, base = '') {
+	for (const field of fields || []) {
+		if ((field.type === 'group' && !field.key) || field.type === 'row') {
+			normaliseFields(target, field.fields, enabled, base);
+			continue
+		}
+		if (!field.key) {
+			continue
+		}
+		const stored = parseStored(target[field.key]);
+		if (field.type === 'group') {
+			const present = isPlainObject(stored);
+			if (field.optional) {
+				enabled[pathOf(base, field.key)] = present;
+			}
+			const value = { ...cloneData(field.defaults || {}), ...(present ? stored : {}) };
+			normaliseFields(value, field.fields, enabled, pathOf(base, field.key));
+			target[field.key] = value;
+		} else if (LIST_TYPES.has(field.type)) {
+			target[field.key] = Array.isArray(stored) ? stored : [];
+		} else if (field.type === 'checkbox') {
+			if (stored !== undefined || field.default !== undefined) {
+				target[field.key] = stored === undefined ? !!field.default : !!stored;
+			}
+		} else if (stored === undefined && field.default !== undefined) {
+			target[field.key] = cloneData(field.default);
+		} else if (stored !== undefined) {
+			target[field.key] = stored;
+		}
+	}
+	return target
+}
+
+/**
+ * Turn a stored record into the copy a panel edits.
+ *
+ * @param {object} record The stored record.
+ * @param {Array<object>} fields The descriptors.
+ * @return {{ model: object, enabled: object }} The copy, and which optional groups are on.
+ */
+function readRecord(record, fields) {
+	const enabled = {};
+	const model = normaliseFields(cloneData(record || {}), fields, enabled);
+	return { model, enabled }
+}
+
+/**
+ * Every leaf key a group describes, through rows and key-less groups.
+ *
+ * @param {Array<object>} fields The descriptors.
+ * @return {Array<object>} The leaf descriptors.
+ */
+function leafFields(fields) {
+	const leaves = [];
+	for (const field of fields || []) {
+		if ((field.type === 'group' && !field.key) || field.type === 'row') {
+			leaves.push(...leafFields(field.fields));
+		} else if (field.key) {
+			leaves.push(field);
+		}
+	}
+	return leaves
+}
+
+/**
+ * Drop what is not filled in from one pruned object.
+ *
+ * Lists of strings lose their blank entries; then any key holding a blank
+ * value or an empty list goes. `false` and `0` are values and stay.
+ *
+ * @param {object} value The object.
+ * @param {Array<object>} fields Its descriptors.
+ * @return {object} The pruned object.
+ */
+function prune(value, fields) {
+	const byKey = Object.fromEntries(leafFields(fields).map((field) => [field.key, field]));
+	for (const key of Object.keys(value)) {
+		let entry = value[key];
+		const field = byKey[key];
+		if (Array.isArray(entry) && field && field.type === 'list' && field.itemType !== 'object') {
+			entry = entry.filter((item) => !isBlank(item));
+			value[key] = entry;
+		}
+		if (isBlank(entry) || (Array.isArray(entry) && entry.length === 0)) {
+			delete value[key];
+		}
+	}
+	return value
+}
+
+/**
+ * Turn an edited copy back into the record to store.
+ *
+ * Per group: an optional group that is off is left out; a `requireAll` group is
+ * left out unless every leaf is filled in; a `prune` group drops its empty
+ * entries and, with `omitWhenEmpty`, is left out once nothing remains.
+ *
+ * @param {object} model The edited copy.
+ * @param {Array<object>} fields The descriptors.
+ * @param {object} enabled Optional-group state by path.
+ * @param {string} [base] The path of `model`.
+ * @return {object} The record.
+ */
+function buildRecord(model, fields, enabled, base = '') {
+	const out = cloneData(model || {});
+	const visit = (target, list, path) => {
+		for (const field of list || []) {
+			if ((field.type === 'group' && !field.key) || field.type === 'row') {
+				visit(target, field.fields, path);
+				continue
+			}
+			if (field.type !== 'group' || !field.key) {
+				continue
+			}
+			const groupPath = pathOf(path, field.key);
+			if (field.optional && !enabled[groupPath]) {
+				delete target[field.key];
+				continue
+			}
+			const inner = isPlainObject(target[field.key]) ? target[field.key] : {};
+			visit(inner, field.fields, groupPath);
+			if (field.requireAll && leafFields(field.fields).some((leaf) => isBlank(inner[leaf.key]))) {
+				delete target[field.key];
+				continue
+			}
+			if (field.prune) {
+				prune(inner, field.fields);
+			}
+			if (field.omitWhenEmpty && Object.keys(inner).length === 0) {
+				delete target[field.key];
+				continue
+			}
+			target[field.key] = inner;
+		}
+	};
+	visit(out, fields, base);
+	return out
+}
+
+/**
+ * A new item for a list field.
+ *
+ * @param {object} field The list descriptor.
+ * @return {unknown} The item: '' for a list of strings, else a copy of `newItem` with a fresh id when `idKey` is set.
+ */
+function newListItem(field) {
+	if (field.type === 'list' && field.itemType !== 'object') {
+		return ''
+	}
+	const item = cloneData(field.newItem || {});
+	if (field.idKey) {
+		item[field.idKey] = newItemId(field.idPrefix);
+	}
+	return item
+}
+
+/**
+ * Move one entry of a list.
+ *
+ * @param {Array} list The list, changed in place.
+ * @param {number} from The entry's index.
+ * @param {number} to Its new index.
+ * @return {boolean} Whether anything moved.
+ */
+function moveItem(list, from, to) {
+	if (from === to || from < 0 || to < 0 || from >= list.length || to >= list.length) {
+		return false
+	}
+	const [item] = list.splice(from, 1);
+	list.splice(to, 0, item);
+	return true
+}
+
+export { buildRecord, cloneData, isBlank, moveItem, newItemId, newListItem, normaliseFields, parseStored, readRecord };
+//# sourceMappingURL=stateMachineFields.js.map