@conduction/nextcloud-vue 2.119.0 → 2.121.0

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

@@ -0,0 +1,278 @@
+import { x as showSuccess, s as showError } from '../../node_modules/@nextcloud/dialogs/dist/chunks/index.js';
+import { subscribe, unsubscribe } from '@nextcloud/event-bus';
+import { translate, getLanguage } from '@nextcloud/l10n';
+import { NcButton, NcLoadingIcon, NcTextField } from '@nextcloud/vue';
+import { DEFAULT_API_BASE, completenessOf, STATUS_OUTDATED, registerLanguages, objectWithTranslations, schemaProperties, translationRows, saveTranslatedProperty } from '../../utils/objectTranslations.js';
+
+const PAGE_REFRESH = 'cn:page:refresh';
+
+let instanceCount = 0;
+
+var script = {
+	name: 'CnObjectTranslationsWidget',
+
+	components: { NcButton, NcLoadingIcon, NcTextField },
+
+	props: {
+		/** Register slug or id (detail-context merge). */
+		register: { type: String, default: '' },
+		/** Schema slug, or the schema object the detail-context merge supplies. */
+		schema: { type: [String, Object], default: '' },
+		/** The object id (detail-context merge). Falls back to the route's `id`. */
+		objectId: { type: String, default: '' },
+		/** OpenRegister API root. */
+		apiBase: { type: String, default: DEFAULT_API_BASE },
+		/** Optional whitelist of properties to offer; empty offers every translatable one. */
+		properties: { type: Array, default: () => [] },
+		/** Text when nothing is translatable; empty uses the translated default. */
+		emptyText: { type: String, default: '' },
+		/** Stored widget content blob; its keys are read as the props above. */
+		content: { type: Object, default: () => ({}) },
+	},
+
+	data() {
+		instanceCount += 1;
+		return {
+			uid: `cn-object-translations-${instanceCount}`,
+			loading: true,
+			error: false,
+			saving: false,
+			languages: [],
+			sourceLanguage: '',
+			translatable: [],
+			titles: {},
+			values: {},
+			statuses: {},
+			drafts: {},
+			activeLanguage: '',
+		}
+	},
+
+	computed: {
+		target() {
+			return {
+				register: this.register || this.content.register || '',
+				schema: this.schema || this.content.schema || '',
+				apiBase: this.content.apiBase || this.apiBase,
+			}
+		},
+
+		resolvedId() {
+			return String(this.objectId || this.content.objectId || this.$route?.params?.id || '')
+		},
+
+		whitelist() {
+			const list = this.properties.length > 0 ? this.properties : (this.content.properties || []);
+			return Array.isArray(list) ? list.map(String) : []
+		},
+
+		/** The translatable properties OpenRegister reported, narrowed by the whitelist. */
+		propertiesShown() {
+			return this.whitelist.length === 0
+				? this.translatable
+				: this.translatable.filter((property) => this.whitelist.includes(property))
+		},
+
+		panelId() {
+			return `${this.uid}-panel`
+		},
+
+		/**
+		 * One chip per language the REGISTER declares (so a language nobody has
+		 * started reads "0 of 5"), counting a stale value as missing.
+		 *
+		 * @return {Array<object>} The chips, source first.
+		 */
+		chips() {
+			return this.languages.map((language) => {
+				const { translated, total } = completenessOf({
+					properties: this.propertiesShown,
+					values: this.values,
+					statuses: this.statuses,
+					language,
+					sourceLanguage: this.sourceLanguage,
+				});
+				return {
+					language,
+					name: this.nameOf(language),
+					// TRANSLATORS: how many of a record's labels exist in one language
+					count: translate('nextcloud-vue', '{translated} of {total}', { translated, total }),
+					complete: translated === total,
+				}
+			})
+		},
+
+		sourceNote() {
+			return translate('nextcloud-vue', '{language} is the source. Change a {language} label and its translations are marked out of date.', { language: this.nameOf(this.sourceLanguage) })
+		},
+
+		hasEdits() {
+			return this.propertiesShown.some((property) => this.draftOf(property) !== this.storedOf(property))
+		},
+	},
+
+	mounted() {
+		subscribe(PAGE_REFRESH, this.load);
+		this.load();
+	},
+
+	beforeUnmount() {
+		unsubscribe(PAGE_REFRESH, this.load);
+	},
+
+	methods: {
+		t: translate,
+
+		/**
+		 * A language's name in the reader's own language, from the browser
+		 * (keeps 38 language names out of the catalogue).
+		 *
+		 * @param {string} code The BCP 47 tag.
+		 * @return {string} The name, or the tag.
+		 */
+		nameOf(code) {
+			try {
+				return new Intl.DisplayNames([getLanguage()], { type: 'language' }).of(code) ?? code
+			} catch {
+				return code
+			}
+		},
+
+		tabId(language) {
+			return `${this.uid}-tab-${language}`
+		},
+
+		/**
+		 * Arrow keys, Home and End move between the language tabs.
+		 *
+		 * @param {KeyboardEvent} event The key event.
+		 */
+		onTabKeydown(event) {
+			const index = this.languages.indexOf(this.activeLanguage);
+			const last = this.languages.length - 1;
+			const next = {
+				ArrowRight: index >= last ? 0 : index + 1,
+				ArrowLeft: index <= 0 ? last : index - 1,
+				Home: 0,
+				End: last,
+			}[event.key];
+			if (next === undefined || last < 0) {
+				return
+			}
+			event.preventDefault();
+			this.activeLanguage = this.languages[next];
+			this.$nextTick(() => {
+				const el = document.getElementById(this.tabId(this.activeLanguage));
+				if (el && typeof el.focus === 'function') {
+					el.focus();
+				}
+			});
+		},
+
+		labelOf(property) {
+			return this.titles[property] ?? property
+		},
+
+		storedOf(property) {
+			return this.values?.[property]?.[this.activeLanguage] ?? ''
+		},
+
+		draftOf(property) {
+			const typed = this.drafts?.[this.activeLanguage]?.[property];
+			return typed === undefined ? this.storedOf(property) : typed
+		},
+
+		setDraft(property, value) {
+			const language = this.activeLanguage;
+			this.drafts = { ...this.drafts, [language]: { ...(this.drafts[language] ?? {}), [property]: value } };
+		},
+
+		isStale(property) {
+			return (this.statuses?.[property]?.[this.activeLanguage] ?? '') === STATUS_OUTDATED
+		},
+
+		/**
+		 * Read the register languages, the object with every language, the
+		 * property titles and the sidecar statuses.
+		 *
+		 * @return {Promise<void>}
+		 */
+		async load() {
+			if (!this.resolvedId) {
+				this.loading = false;
+				this.error = true;
+				return
+			}
+
+			this.loading = true;
+			try {
+				const [languages, read, definitions] = await Promise.all([
+					registerLanguages(this.target),
+					objectWithTranslations(this.target, this.resolvedId),
+					schemaProperties(this.target),
+				]);
+
+				const meta = read.languageMeta ?? {};
+				this.translatable = Object.keys(meta);
+				const first = this.propertiesShown[0] ?? this.translatable[0];
+				this.sourceLanguage = meta[first]?.sourceLanguage ?? languages[0] ?? 'nl';
+				this.languages = languages.length > 0 ? languages : [this.sourceLanguage];
+				this.activeLanguage = this.languages.find((code) => code !== this.sourceLanguage) ?? this.sourceLanguage;
+
+				this.values = Object.fromEntries(this.translatable.map((property) => {
+					const stored = read.object?.[property];
+					return [property, { ...(stored !== null && typeof stored === 'object' ? stored : {}) }]
+				}));
+				this.titles = Object.fromEntries(this.translatable.map((property) => [property, definitions[property]?.title ?? property]));
+
+				const uuid = String(read.object?.['@self']?.uuid ?? read.object?.id ?? this.resolvedId);
+				const statuses = {};
+				for (const row of await translationRows(this.target, uuid)) {
+					const property = String(row.property ?? '');
+					const language = String(row.language ?? '');
+					if (property === '' || language === '') {
+						continue
+					}
+					statuses[property] = { ...(statuses[property] ?? {}), [language]: row.status };
+				}
+				this.statuses = statuses;
+
+				this.drafts = {};
+				this.error = false;
+			} catch {
+				this.error = true;
+			} finally {
+				this.loading = false;
+			}
+		},
+
+		/**
+		 * Write every edited property back, each as a whole language map.
+		 *
+		 * @return {Promise<void>}
+		 */
+		async save() {
+			this.saving = true;
+			try {
+				for (const property of this.propertiesShown) {
+					const draft = this.draftOf(property);
+					if (draft === this.storedOf(property)) {
+						continue
+					}
+					const map = { ...(this.values[property] ?? {}), [this.activeLanguage]: draft };
+					await saveTranslatedProperty(this.target, this.resolvedId, property, map);
+					this.values = { ...this.values, [property]: map };
+				}
+				this.drafts = { ...this.drafts, [this.activeLanguage]: {} };
+				showSuccess(translate('nextcloud-vue', 'The labels are saved.'));
+			} catch {
+				showError(translate('nextcloud-vue', 'The labels could not be saved.'));
+			} finally {
+				this.saving = false;
+			}
+		},
+	},
+};
+
+export { script as default };
+//# sourceMappingURL=CnObjectTranslationsWidget.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CnObjectTranslationsWidget.vue2.js","sources":["../../../../src/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue"],"sourcesContent":["<!--\n  SPDX-FileCopyrightText: 2026 Conduction B.V.\n  SPDX-License-Identifier: EUPL-1.2\n\n  CnObjectTranslationsWidget — an object's translatable properties in every\n  language its register serves: one completeness chip per language (a stale\n  value counts as missing), a language tab strip, the source language read-only,\n  a stale mark per field, and one save that writes each edited property as a\n  whole language map. It translates nothing itself.\n-->\n<template>\n\t<div class=\"cn-object-translations\" data-testid=\"cn-object-translations\">\n\t\t<NcLoadingIcon v-if=\"loading\" :size=\"24\" />\n\n\t\t<p v-else-if=\"error\" class=\"cn-object-translations__empty\" role=\"alert\">\n\t\t\t{{ t('nextcloud-vue', 'The translations could not be read. Reload the page to try again.') }}\n\t\t</p>\n\n\t\t<p v-else-if=\"propertiesShown.length === 0\"\n\t\t\tclass=\"cn-object-translations__empty\"\n\t\t\tdata-testid=\"cn-object-translations-none\">\n\t\t\t{{ emptyText || t('nextcloud-vue', 'This item has no labels that can be translated.') }}\n\t\t</p>\n\n\t\t<template v-else>\n\t\t\t<ul class=\"cn-object-translations__chips\" data-testid=\"cn-object-translations-chips\">\n\t\t\t\t<li v-for=\"chip in chips\"\n\t\t\t\t\t:key=\"chip.language\"\n\t\t\t\t\tclass=\"cn-object-translations__chip cn-status-badge cn-status-badge--default\"\n\t\t\t\t\t:class=\"{ 'cn-object-translations__chip--complete': chip.complete }\"\n\t\t\t\t\t:data-language=\"chip.language\">\n\t\t\t\t\t<span class=\"cn-object-translations__chip-name\">{{ chip.name }}</span>\n\t\t\t\t\t<span class=\"cn-object-translations__chip-count\">{{ chip.count }}</span>\n\t\t\t\t</li>\n\t\t\t</ul>\n\n\t\t\t<p class=\"cn-object-translations__source\">\n\t\t\t\t{{ sourceNote }}\n\t\t\t</p>\n\n\t\t\t<div class=\"cn-object-translations__tabs\"\n\t\t\t\trole=\"tablist\"\n\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Languages')\"\n\t\t\t\t@keydown=\"onTabKeydown\">\n\t\t\t\t<NcButton v-for=\"language in languages\"\n\t\t\t\t\t:id=\"tabId(language)\"\n\t\t\t\t\t:key=\"language\"\n\t\t\t\t\t:variant=\"language === activeLanguage ? 'primary' : 'tertiary'\"\n\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t:aria-selected=\"String(language === activeLanguage)\"\n\t\t\t\t\t:aria-controls=\"panelId\"\n\t\t\t\t\t:tabindex=\"language === activeLanguage ? 0 : -1\"\n\t\t\t\t\t:data-language=\"language\"\n\t\t\t\t\t@click=\"activeLanguage = language\">\n\t\t\t\t\t{{ nameOf(language) }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\n\t\t\t<div :id=\"panelId\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\tclass=\"cn-object-translations__panel\"\n\t\t\t\t:aria-labelledby=\"tabId(activeLanguage)\">\n\t\t\t\t<div v-for=\"property in propertiesShown\"\n\t\t\t\t\t:key=\"property\"\n\t\t\t\t\tclass=\"cn-object-translations__field\"\n\t\t\t\t\t:data-property=\"property\">\n\t\t\t\t\t<NcTextField :label=\"labelOf(property)\"\n\t\t\t\t\t\t:modelValue=\"draftOf(property)\"\n\t\t\t\t\t\t:disabled=\"activeLanguage === sourceLanguage\"\n\t\t\t\t\t\t@update:modelValue=\"setDraft(property, $event)\" />\n\n\t\t\t\t\t<span v-if=\"isStale(property)\"\n\t\t\t\t\t\tclass=\"cn-object-translations__stale\"\n\t\t\t\t\t\t:data-property=\"property\">\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Out of date') }}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\n\t\t\t\t<NcButton variant=\"primary\"\n\t\t\t\t\t:disabled=\"saving || !hasEdits\"\n\t\t\t\t\tdata-testid=\"cn-object-translations-save\"\n\t\t\t\t\t@click=\"save\">\n\t\t\t\t\t{{ t('nextcloud-vue', 'Save') }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { showError, showSuccess } from '@nextcloud/dialogs'\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { getLanguage, translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcLoadingIcon, NcTextField } from '@nextcloud/vue'\nimport {\n\tcompletenessOf,\n\tDEFAULT_API_BASE,\n\tobjectWithTranslations,\n\tregisterLanguages,\n\tsaveTranslatedProperty,\n\tschemaProperties,\n\tSTATUS_OUTDATED,\n\ttranslationRows,\n} from '../../utils/objectTranslations.js'\n\nconst PAGE_REFRESH = 'cn:page:refresh'\n\nlet instanceCount = 0\n\nexport default {\n\tname: 'CnObjectTranslationsWidget',\n\n\tcomponents: { NcButton, NcLoadingIcon, NcTextField },\n\n\tprops: {\n\t\t/** Register slug or id (detail-context merge). */\n\t\tregister: { type: String, default: '' },\n\t\t/** Schema slug, or the schema object the detail-context merge supplies. */\n\t\tschema: { type: [String, Object], default: '' },\n\t\t/** The object id (detail-context merge). Falls back to the route's `id`. */\n\t\tobjectId: { type: String, default: '' },\n\t\t/** OpenRegister API root. */\n\t\tapiBase: { type: String, default: DEFAULT_API_BASE },\n\t\t/** Optional whitelist of properties to offer; empty offers every translatable one. */\n\t\tproperties: { type: Array, default: () => [] },\n\t\t/** Text when nothing is translatable; empty uses the translated default. */\n\t\temptyText: { type: String, default: '' },\n\t\t/** Stored widget content blob; its keys are read as the props above. */\n\t\tcontent: { type: Object, default: () => ({}) },\n\t},\n\n\tdata() {\n\t\tinstanceCount += 1\n\t\treturn {\n\t\t\tuid: `cn-object-translations-${instanceCount}`,\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t\tsaving: false,\n\t\t\tlanguages: [],\n\t\t\tsourceLanguage: '',\n\t\t\ttranslatable: [],\n\t\t\ttitles: {},\n\t\t\tvalues: {},\n\t\t\tstatuses: {},\n\t\t\tdrafts: {},\n\t\t\tactiveLanguage: '',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\ttarget() {\n\t\t\treturn {\n\t\t\t\tregister: this.register || this.content.register || '',\n\t\t\t\tschema: this.schema || this.content.schema || '',\n\t\t\t\tapiBase: this.content.apiBase || this.apiBase,\n\t\t\t}\n\t\t},\n\n\t\tresolvedId() {\n\t\t\treturn String(this.objectId || this.content.objectId || this.$route?.params?.id || '')\n\t\t},\n\n\t\twhitelist() {\n\t\t\tconst list = this.properties.length > 0 ? this.properties : (this.content.properties || [])\n\t\t\treturn Array.isArray(list) ? list.map(String) : []\n\t\t},\n\n\t\t/** The translatable properties OpenRegister reported, narrowed by the whitelist. */\n\t\tpropertiesShown() {\n\t\t\treturn this.whitelist.length === 0\n\t\t\t\t? this.translatable\n\t\t\t\t: this.translatable.filter((property) => this.whitelist.includes(property))\n\t\t},\n\n\t\tpanelId() {\n\t\t\treturn `${this.uid}-panel`\n\t\t},\n\n\t\t/**\n\t\t * One chip per language the REGISTER declares (so a language nobody has\n\t\t * started reads \"0 of 5\"), counting a stale value as missing.\n\t\t *\n\t\t * @return {Array<object>} The chips, source first.\n\t\t */\n\t\tchips() {\n\t\t\treturn this.languages.map((language) => {\n\t\t\t\tconst { translated, total } = completenessOf({\n\t\t\t\t\tproperties: this.propertiesShown,\n\t\t\t\t\tvalues: this.values,\n\t\t\t\t\tstatuses: this.statuses,\n\t\t\t\t\tlanguage,\n\t\t\t\t\tsourceLanguage: this.sourceLanguage,\n\t\t\t\t})\n\t\t\t\treturn {\n\t\t\t\t\tlanguage,\n\t\t\t\t\tname: this.nameOf(language),\n\t\t\t\t\t// TRANSLATORS: how many of a record's labels exist in one language\n\t\t\t\t\tcount: t('nextcloud-vue', '{translated} of {total}', { translated, total }),\n\t\t\t\t\tcomplete: translated === total,\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tsourceNote() {\n\t\t\treturn t('nextcloud-vue', '{language} is the source. Change a {language} label and its translations are marked out of date.', { language: this.nameOf(this.sourceLanguage) })\n\t\t},\n\n\t\thasEdits() {\n\t\t\treturn this.propertiesShown.some((property) => this.draftOf(property) !== this.storedOf(property))\n\t\t},\n\t},\n\n\tmounted() {\n\t\tsubscribe(PAGE_REFRESH, this.load)\n\t\tthis.load()\n\t},\n\n\tbeforeUnmount() {\n\t\tunsubscribe(PAGE_REFRESH, this.load)\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * A language's name in the reader's own language, from the browser\n\t\t * (keeps 38 language names out of the catalogue).\n\t\t *\n\t\t * @param {string} code The BCP 47 tag.\n\t\t * @return {string} The name, or the tag.\n\t\t */\n\t\tnameOf(code) {\n\t\t\ttry {\n\t\t\t\treturn new Intl.DisplayNames([getLanguage()], { type: 'language' }).of(code) ?? code\n\t\t\t} catch {\n\t\t\t\treturn code\n\t\t\t}\n\t\t},\n\n\t\ttabId(language) {\n\t\t\treturn `${this.uid}-tab-${language}`\n\t\t},\n\n\t\t/**\n\t\t * Arrow keys, Home and End move between the language tabs.\n\t\t *\n\t\t * @param {KeyboardEvent} event The key event.\n\t\t */\n\t\tonTabKeydown(event) {\n\t\t\tconst index = this.languages.indexOf(this.activeLanguage)\n\t\t\tconst last = this.languages.length - 1\n\t\t\tconst next = {\n\t\t\t\tArrowRight: index >= last ? 0 : index + 1,\n\t\t\t\tArrowLeft: index <= 0 ? last : index - 1,\n\t\t\t\tHome: 0,\n\t\t\t\tEnd: last,\n\t\t\t}[event.key]\n\t\t\tif (next === undefined || last < 0) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tevent.preventDefault()\n\t\t\tthis.activeLanguage = this.languages[next]\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tconst el = document.getElementById(this.tabId(this.activeLanguage))\n\t\t\t\tif (el && typeof el.focus === 'function') {\n\t\t\t\t\tel.focus()\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tlabelOf(property) {\n\t\t\treturn this.titles[property] ?? property\n\t\t},\n\n\t\tstoredOf(property) {\n\t\t\treturn this.values?.[property]?.[this.activeLanguage] ?? ''\n\t\t},\n\n\t\tdraftOf(property) {\n\t\t\tconst typed = this.drafts?.[this.activeLanguage]?.[property]\n\t\t\treturn typed === undefined ? this.storedOf(property) : typed\n\t\t},\n\n\t\tsetDraft(property, value) {\n\t\t\tconst language = this.activeLanguage\n\t\t\tthis.drafts = { ...this.drafts, [language]: { ...(this.drafts[language] ?? {}), [property]: value } }\n\t\t},\n\n\t\tisStale(property) {\n\t\t\treturn (this.statuses?.[property]?.[this.activeLanguage] ?? '') === STATUS_OUTDATED\n\t\t},\n\n\t\t/**\n\t\t * Read the register languages, the object with every language, the\n\t\t * property titles and the sidecar statuses.\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync load() {\n\t\t\tif (!this.resolvedId) {\n\t\t\t\tthis.loading = false\n\t\t\t\tthis.error = true\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.loading = true\n\t\t\ttry {\n\t\t\t\tconst [languages, read, definitions] = await Promise.all([\n\t\t\t\t\tregisterLanguages(this.target),\n\t\t\t\t\tobjectWithTranslations(this.target, this.resolvedId),\n\t\t\t\t\tschemaProperties(this.target),\n\t\t\t\t])\n\n\t\t\t\tconst meta = read.languageMeta ?? {}\n\t\t\t\tthis.translatable = Object.keys(meta)\n\t\t\t\tconst first = this.propertiesShown[0] ?? this.translatable[0]\n\t\t\t\tthis.sourceLanguage = meta[first]?.sourceLanguage ?? languages[0] ?? 'nl'\n\t\t\t\tthis.languages = languages.length > 0 ? languages : [this.sourceLanguage]\n\t\t\t\tthis.activeLanguage = this.languages.find((code) => code !== this.sourceLanguage) ?? this.sourceLanguage\n\n\t\t\t\tthis.values = Object.fromEntries(this.translatable.map((property) => {\n\t\t\t\t\tconst stored = read.object?.[property]\n\t\t\t\t\treturn [property, { ...(stored !== null && typeof stored === 'object' ? stored : {}) }]\n\t\t\t\t}))\n\t\t\t\tthis.titles = Object.fromEntries(this.translatable.map((property) => [property, definitions[property]?.title ?? property]))\n\n\t\t\t\tconst uuid = String(read.object?.['@self']?.uuid ?? read.object?.id ?? this.resolvedId)\n\t\t\t\tconst statuses = {}\n\t\t\t\tfor (const row of await translationRows(this.target, uuid)) {\n\t\t\t\t\tconst property = String(row.property ?? '')\n\t\t\t\t\tconst language = String(row.language ?? '')\n\t\t\t\t\tif (property === '' || language === '') {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tstatuses[property] = { ...(statuses[property] ?? {}), [language]: row.status }\n\t\t\t\t}\n\t\t\t\tthis.statuses = statuses\n\n\t\t\t\tthis.drafts = {}\n\t\t\t\tthis.error = false\n\t\t\t} catch {\n\t\t\t\tthis.error = true\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Write every edited property back, each as a whole language map.\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync save() {\n\t\t\tthis.saving = true\n\t\t\ttry {\n\t\t\t\tfor (const property of this.propertiesShown) {\n\t\t\t\t\tconst draft = this.draftOf(property)\n\t\t\t\t\tif (draft === this.storedOf(property)) {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tconst map = { ...(this.values[property] ?? {}), [this.activeLanguage]: draft }\n\t\t\t\t\tawait saveTranslatedProperty(this.target, this.resolvedId, property, map)\n\t\t\t\t\tthis.values = { ...this.values, [property]: map }\n\t\t\t\t}\n\t\t\t\tthis.drafts = { ...this.drafts, [this.activeLanguage]: {} }\n\t\t\t\tshowSuccess(t('nextcloud-vue', 'The labels are saved.'))\n\t\t\t} catch {\n\t\t\t\tshowError(t('nextcloud-vue', 'The labels could not be saved.'))\n\t\t\t} finally {\n\t\t\t\tthis.saving = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-object-translations__chips {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px;\n\tlist-style: none;\n\tmargin: 0 0 8px;\n\tpadding: 0;\n}\n\n.cn-object-translations__chip {\n\talign-items: center;\n\tbackground: var(--color-background-dark);\n\tdisplay: flex;\n\tgap: 6px;\n}\n\n.cn-object-translations__chip--complete {\n\tbackground: var(--color-success, var(--color-background-dark));\n\t--cn-status-badge-ink: var(--color-primary-text);\n\tcolor: var(--cn-status-badge-ink);\n}\n\n.cn-object-translations__source,\n.cn-object-translations__empty {\n\tcolor: var(--color-text-maxcontrast);\n\tmargin: 0 0 8px;\n}\n\n.cn-object-translations__tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 4px;\n\tmargin-bottom: 8px;\n}\n\n.cn-object-translations__field {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 8px;\n\tmargin-bottom: 8px;\n}\n\n.cn-object-translations__stale {\n\tcolor: var(--color-warning-text, var(--color-main-text));\n\twhite-space: nowrap;\n}\n</style>\n"],"names":["t"],"mappings":"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"}

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

@@ -0,0 +1,128 @@
+import { resolveComponent, openBlock, createElementBlock, createBlock, toDisplayString, Fragment, createElementVNode, renderList, normalizeClass, withCtx, createTextVNode, createVNode, createCommentVNode } from 'vue';
+
+const _hoisted_1 = {
+  class: "cn-object-translations",
+  "data-testid": "cn-object-translations"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "cn-object-translations__empty",
+  role: "alert"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "cn-object-translations__empty",
+  "data-testid": "cn-object-translations-none"
+};
+const _hoisted_4 = {
+  class: "cn-object-translations__chips",
+  "data-testid": "cn-object-translations-chips"
+};
+const _hoisted_5 = ["data-language"];
+const _hoisted_6 = { class: "cn-object-translations__chip-name" };
+const _hoisted_7 = { class: "cn-object-translations__chip-count" };
+const _hoisted_8 = { class: "cn-object-translations__source" };
+const _hoisted_9 = ["aria-label"];
+const _hoisted_10 = ["id", "aria-labelledby"];
+const _hoisted_11 = ["data-property"];
+const _hoisted_12 = ["data-property"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_NcLoadingIcon = resolveComponent("NcLoadingIcon");
+  const _component_NcButton = resolveComponent("NcButton");
+  const _component_NcTextField = resolveComponent("NcTextField");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    ($data.loading)
+      ? (openBlock(), createBlock(_component_NcLoadingIcon, {
+          key: 0,
+          size: 24
+        }))
+      : ($data.error)
+        ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString($options.t('nextcloud-vue', 'The translations could not be read. Reload the page to try again.')), 1 /* TEXT */))
+        : ($options.propertiesShown.length === 0)
+          ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString($props.emptyText || $options.t('nextcloud-vue', 'This item has no labels that can be translated.')), 1 /* TEXT */))
+          : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+              createElementVNode("ul", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.chips, (chip) => {
+                  return (openBlock(), createElementBlock("li", {
+                    key: chip.language,
+                    class: normalizeClass(["cn-object-translations__chip cn-status-badge cn-status-badge--default", { 'cn-object-translations__chip--complete': chip.complete }]),
+                    "data-language": chip.language
+                  }, [
+                    createElementVNode("span", _hoisted_6, toDisplayString(chip.name), 1 /* TEXT */),
+                    createElementVNode("span", _hoisted_7, toDisplayString(chip.count), 1 /* TEXT */)
+                  ], 10 /* CLASS, PROPS */, _hoisted_5))
+                }), 128 /* KEYED_FRAGMENT */))
+              ]),
+              createElementVNode("p", _hoisted_8, toDisplayString($options.sourceNote), 1 /* TEXT */),
+              createElementVNode("div", {
+                class: "cn-object-translations__tabs",
+                role: "tablist",
+                "aria-label": $options.t('nextcloud-vue', 'Languages'),
+                onKeydown: _cache[0] || (_cache[0] = (...args) => ($options.onTabKeydown && $options.onTabKeydown(...args)))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.languages, (language) => {
+                  return (openBlock(), createBlock(_component_NcButton, {
+                    id: $options.tabId(language),
+                    key: language,
+                    variant: language === $data.activeLanguage ? 'primary' : 'tertiary',
+                    role: "tab",
+                    "aria-selected": String(language === $data.activeLanguage),
+                    "aria-controls": $options.panelId,
+                    tabindex: language === $data.activeLanguage ? 0 : -1,
+                    "data-language": language,
+                    onClick: $event => ($data.activeLanguage = language)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString($options.nameOf(language)), 1 /* TEXT */)
+                    ]),
+                    _: 2 /* DYNAMIC */
+                  }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["id", "variant", "aria-selected", "aria-controls", "tabindex", "data-language", "onClick"]))
+                }), 128 /* KEYED_FRAGMENT */))
+              ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_9),
+              createElementVNode("div", {
+                id: $options.panelId,
+                role: "tabpanel",
+                class: "cn-object-translations__panel",
+                "aria-labelledby": $options.tabId($data.activeLanguage)
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.propertiesShown, (property) => {
+                  return (openBlock(), createElementBlock("div", {
+                    key: property,
+                    class: "cn-object-translations__field",
+                    "data-property": property
+                  }, [
+                    createVNode(_component_NcTextField, {
+                      label: $options.labelOf(property),
+                      modelValue: $options.draftOf(property),
+                      disabled: $data.activeLanguage === $data.sourceLanguage,
+                      "onUpdate:modelValue": $event => ($options.setDraft(property, $event))
+                    }, null, 8 /* PROPS */, ["label", "modelValue", "disabled", "onUpdate:modelValue"]),
+                    ($options.isStale(property))
+                      ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: "cn-object-translations__stale",
+                          "data-property": property
+                        }, toDisplayString($options.t('nextcloud-vue', 'Out of date')), 9 /* TEXT, PROPS */, _hoisted_12))
+                      : createCommentVNode("v-if", true)
+                  ], 8 /* PROPS */, _hoisted_11))
+                }), 128 /* KEYED_FRAGMENT */)),
+                createVNode(_component_NcButton, {
+                  variant: "primary",
+                  disabled: $data.saving || !$options.hasEdits,
+                  "data-testid": "cn-object-translations-save",
+                  onClick: $options.save
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString($options.t('nextcloud-vue', 'Save')), 1 /* TEXT */)
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["disabled", "onClick"])
+              ], 8 /* PROPS */, _hoisted_10)
+            ], 64 /* STABLE_FRAGMENT */))
+  ]))
+}
+
+export { render };
+//# sourceMappingURL=CnObjectTranslationsWidget.vue3.js.map

package/dist/esm/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CnObjectTranslationsWidget.vue3.js","sources":["../../../../src/components/CnObjectTranslationsWidget/CnObjectTranslationsWidget.vue?vue&type=template&id=c25058de&lang.js"],"sourcesContent":["<!--\n  SPDX-FileCopyrightText: 2026 Conduction B.V.\n  SPDX-License-Identifier: EUPL-1.2\n\n  CnObjectTranslationsWidget — an object's translatable properties in every\n  language its register serves: one completeness chip per language (a stale\n  value counts as missing), a language tab strip, the source language read-only,\n  a stale mark per field, and one save that writes each edited property as a\n  whole language map. It translates nothing itself.\n-->\n<template>\n\t<div class=\"cn-object-translations\" data-testid=\"cn-object-translations\">\n\t\t<NcLoadingIcon v-if=\"loading\" :size=\"24\" />\n\n\t\t<p v-else-if=\"error\" class=\"cn-object-translations__empty\" role=\"alert\">\n\t\t\t{{ t('nextcloud-vue', 'The translations could not be read. Reload the page to try again.') }}\n\t\t</p>\n\n\t\t<p v-else-if=\"propertiesShown.length === 0\"\n\t\t\tclass=\"cn-object-translations__empty\"\n\t\t\tdata-testid=\"cn-object-translations-none\">\n\t\t\t{{ emptyText || t('nextcloud-vue', 'This item has no labels that can be translated.') }}\n\t\t</p>\n\n\t\t<template v-else>\n\t\t\t<ul class=\"cn-object-translations__chips\" data-testid=\"cn-object-translations-chips\">\n\t\t\t\t<li v-for=\"chip in chips\"\n\t\t\t\t\t:key=\"chip.language\"\n\t\t\t\t\tclass=\"cn-object-translations__chip cn-status-badge cn-status-badge--default\"\n\t\t\t\t\t:class=\"{ 'cn-object-translations__chip--complete': chip.complete }\"\n\t\t\t\t\t:data-language=\"chip.language\">\n\t\t\t\t\t<span class=\"cn-object-translations__chip-name\">{{ chip.name }}</span>\n\t\t\t\t\t<span class=\"cn-object-translations__chip-count\">{{ chip.count }}</span>\n\t\t\t\t</li>\n\t\t\t</ul>\n\n\t\t\t<p class=\"cn-object-translations__source\">\n\t\t\t\t{{ sourceNote }}\n\t\t\t</p>\n\n\t\t\t<div class=\"cn-object-translations__tabs\"\n\t\t\t\trole=\"tablist\"\n\t\t\t\t:aria-label=\"t('nextcloud-vue', 'Languages')\"\n\t\t\t\t@keydown=\"onTabKeydown\">\n\t\t\t\t<NcButton v-for=\"language in languages\"\n\t\t\t\t\t:id=\"tabId(language)\"\n\t\t\t\t\t:key=\"language\"\n\t\t\t\t\t:variant=\"language === activeLanguage ? 'primary' : 'tertiary'\"\n\t\t\t\t\trole=\"tab\"\n\t\t\t\t\t:aria-selected=\"String(language === activeLanguage)\"\n\t\t\t\t\t:aria-controls=\"panelId\"\n\t\t\t\t\t:tabindex=\"language === activeLanguage ? 0 : -1\"\n\t\t\t\t\t:data-language=\"language\"\n\t\t\t\t\t@click=\"activeLanguage = language\">\n\t\t\t\t\t{{ nameOf(language) }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\n\t\t\t<div :id=\"panelId\"\n\t\t\t\trole=\"tabpanel\"\n\t\t\t\tclass=\"cn-object-translations__panel\"\n\t\t\t\t:aria-labelledby=\"tabId(activeLanguage)\">\n\t\t\t\t<div v-for=\"property in propertiesShown\"\n\t\t\t\t\t:key=\"property\"\n\t\t\t\t\tclass=\"cn-object-translations__field\"\n\t\t\t\t\t:data-property=\"property\">\n\t\t\t\t\t<NcTextField :label=\"labelOf(property)\"\n\t\t\t\t\t\t:modelValue=\"draftOf(property)\"\n\t\t\t\t\t\t:disabled=\"activeLanguage === sourceLanguage\"\n\t\t\t\t\t\t@update:modelValue=\"setDraft(property, $event)\" />\n\n\t\t\t\t\t<span v-if=\"isStale(property)\"\n\t\t\t\t\t\tclass=\"cn-object-translations__stale\"\n\t\t\t\t\t\t:data-property=\"property\">\n\t\t\t\t\t\t{{ t('nextcloud-vue', 'Out of date') }}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\n\t\t\t\t<NcButton variant=\"primary\"\n\t\t\t\t\t:disabled=\"saving || !hasEdits\"\n\t\t\t\t\tdata-testid=\"cn-object-translations-save\"\n\t\t\t\t\t@click=\"save\">\n\t\t\t\t\t{{ t('nextcloud-vue', 'Save') }}\n\t\t\t\t</NcButton>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport { showError, showSuccess } from '@nextcloud/dialogs'\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { getLanguage, translate as t } from '@nextcloud/l10n'\nimport { NcButton, NcLoadingIcon, NcTextField } from '@nextcloud/vue'\nimport {\n\tcompletenessOf,\n\tDEFAULT_API_BASE,\n\tobjectWithTranslations,\n\tregisterLanguages,\n\tsaveTranslatedProperty,\n\tschemaProperties,\n\tSTATUS_OUTDATED,\n\ttranslationRows,\n} from '../../utils/objectTranslations.js'\n\nconst PAGE_REFRESH = 'cn:page:refresh'\n\nlet instanceCount = 0\n\nexport default {\n\tname: 'CnObjectTranslationsWidget',\n\n\tcomponents: { NcButton, NcLoadingIcon, NcTextField },\n\n\tprops: {\n\t\t/** Register slug or id (detail-context merge). */\n\t\tregister: { type: String, default: '' },\n\t\t/** Schema slug, or the schema object the detail-context merge supplies. */\n\t\tschema: { type: [String, Object], default: '' },\n\t\t/** The object id (detail-context merge). Falls back to the route's `id`. */\n\t\tobjectId: { type: String, default: '' },\n\t\t/** OpenRegister API root. */\n\t\tapiBase: { type: String, default: DEFAULT_API_BASE },\n\t\t/** Optional whitelist of properties to offer; empty offers every translatable one. */\n\t\tproperties: { type: Array, default: () => [] },\n\t\t/** Text when nothing is translatable; empty uses the translated default. */\n\t\temptyText: { type: String, default: '' },\n\t\t/** Stored widget content blob; its keys are read as the props above. */\n\t\tcontent: { type: Object, default: () => ({}) },\n\t},\n\n\tdata() {\n\t\tinstanceCount += 1\n\t\treturn {\n\t\t\tuid: `cn-object-translations-${instanceCount}`,\n\t\t\tloading: true,\n\t\t\terror: false,\n\t\t\tsaving: false,\n\t\t\tlanguages: [],\n\t\t\tsourceLanguage: '',\n\t\t\ttranslatable: [],\n\t\t\ttitles: {},\n\t\t\tvalues: {},\n\t\t\tstatuses: {},\n\t\t\tdrafts: {},\n\t\t\tactiveLanguage: '',\n\t\t}\n\t},\n\n\tcomputed: {\n\t\ttarget() {\n\t\t\treturn {\n\t\t\t\tregister: this.register || this.content.register || '',\n\t\t\t\tschema: this.schema || this.content.schema || '',\n\t\t\t\tapiBase: this.content.apiBase || this.apiBase,\n\t\t\t}\n\t\t},\n\n\t\tresolvedId() {\n\t\t\treturn String(this.objectId || this.content.objectId || this.$route?.params?.id || '')\n\t\t},\n\n\t\twhitelist() {\n\t\t\tconst list = this.properties.length > 0 ? this.properties : (this.content.properties || [])\n\t\t\treturn Array.isArray(list) ? list.map(String) : []\n\t\t},\n\n\t\t/** The translatable properties OpenRegister reported, narrowed by the whitelist. */\n\t\tpropertiesShown() {\n\t\t\treturn this.whitelist.length === 0\n\t\t\t\t? this.translatable\n\t\t\t\t: this.translatable.filter((property) => this.whitelist.includes(property))\n\t\t},\n\n\t\tpanelId() {\n\t\t\treturn `${this.uid}-panel`\n\t\t},\n\n\t\t/**\n\t\t * One chip per language the REGISTER declares (so a language nobody has\n\t\t * started reads \"0 of 5\"), counting a stale value as missing.\n\t\t *\n\t\t * @return {Array<object>} The chips, source first.\n\t\t */\n\t\tchips() {\n\t\t\treturn this.languages.map((language) => {\n\t\t\t\tconst { translated, total } = completenessOf({\n\t\t\t\t\tproperties: this.propertiesShown,\n\t\t\t\t\tvalues: this.values,\n\t\t\t\t\tstatuses: this.statuses,\n\t\t\t\t\tlanguage,\n\t\t\t\t\tsourceLanguage: this.sourceLanguage,\n\t\t\t\t})\n\t\t\t\treturn {\n\t\t\t\t\tlanguage,\n\t\t\t\t\tname: this.nameOf(language),\n\t\t\t\t\t// TRANSLATORS: how many of a record's labels exist in one language\n\t\t\t\t\tcount: t('nextcloud-vue', '{translated} of {total}', { translated, total }),\n\t\t\t\t\tcomplete: translated === total,\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tsourceNote() {\n\t\t\treturn t('nextcloud-vue', '{language} is the source. Change a {language} label and its translations are marked out of date.', { language: this.nameOf(this.sourceLanguage) })\n\t\t},\n\n\t\thasEdits() {\n\t\t\treturn this.propertiesShown.some((property) => this.draftOf(property) !== this.storedOf(property))\n\t\t},\n\t},\n\n\tmounted() {\n\t\tsubscribe(PAGE_REFRESH, this.load)\n\t\tthis.load()\n\t},\n\n\tbeforeUnmount() {\n\t\tunsubscribe(PAGE_REFRESH, this.load)\n\t},\n\n\tmethods: {\n\t\tt,\n\n\t\t/**\n\t\t * A language's name in the reader's own language, from the browser\n\t\t * (keeps 38 language names out of the catalogue).\n\t\t *\n\t\t * @param {string} code The BCP 47 tag.\n\t\t * @return {string} The name, or the tag.\n\t\t */\n\t\tnameOf(code) {\n\t\t\ttry {\n\t\t\t\treturn new Intl.DisplayNames([getLanguage()], { type: 'language' }).of(code) ?? code\n\t\t\t} catch {\n\t\t\t\treturn code\n\t\t\t}\n\t\t},\n\n\t\ttabId(language) {\n\t\t\treturn `${this.uid}-tab-${language}`\n\t\t},\n\n\t\t/**\n\t\t * Arrow keys, Home and End move between the language tabs.\n\t\t *\n\t\t * @param {KeyboardEvent} event The key event.\n\t\t */\n\t\tonTabKeydown(event) {\n\t\t\tconst index = this.languages.indexOf(this.activeLanguage)\n\t\t\tconst last = this.languages.length - 1\n\t\t\tconst next = {\n\t\t\t\tArrowRight: index >= last ? 0 : index + 1,\n\t\t\t\tArrowLeft: index <= 0 ? last : index - 1,\n\t\t\t\tHome: 0,\n\t\t\t\tEnd: last,\n\t\t\t}[event.key]\n\t\t\tif (next === undefined || last < 0) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tevent.preventDefault()\n\t\t\tthis.activeLanguage = this.languages[next]\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tconst el = document.getElementById(this.tabId(this.activeLanguage))\n\t\t\t\tif (el && typeof el.focus === 'function') {\n\t\t\t\t\tel.focus()\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\n\t\tlabelOf(property) {\n\t\t\treturn this.titles[property] ?? property\n\t\t},\n\n\t\tstoredOf(property) {\n\t\t\treturn this.values?.[property]?.[this.activeLanguage] ?? ''\n\t\t},\n\n\t\tdraftOf(property) {\n\t\t\tconst typed = this.drafts?.[this.activeLanguage]?.[property]\n\t\t\treturn typed === undefined ? this.storedOf(property) : typed\n\t\t},\n\n\t\tsetDraft(property, value) {\n\t\t\tconst language = this.activeLanguage\n\t\t\tthis.drafts = { ...this.drafts, [language]: { ...(this.drafts[language] ?? {}), [property]: value } }\n\t\t},\n\n\t\tisStale(property) {\n\t\t\treturn (this.statuses?.[property]?.[this.activeLanguage] ?? '') === STATUS_OUTDATED\n\t\t},\n\n\t\t/**\n\t\t * Read the register languages, the object with every language, the\n\t\t * property titles and the sidecar statuses.\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync load() {\n\t\t\tif (!this.resolvedId) {\n\t\t\t\tthis.loading = false\n\t\t\t\tthis.error = true\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.loading = true\n\t\t\ttry {\n\t\t\t\tconst [languages, read, definitions] = await Promise.all([\n\t\t\t\t\tregisterLanguages(this.target),\n\t\t\t\t\tobjectWithTranslations(this.target, this.resolvedId),\n\t\t\t\t\tschemaProperties(this.target),\n\t\t\t\t])\n\n\t\t\t\tconst meta = read.languageMeta ?? {}\n\t\t\t\tthis.translatable = Object.keys(meta)\n\t\t\t\tconst first = this.propertiesShown[0] ?? this.translatable[0]\n\t\t\t\tthis.sourceLanguage = meta[first]?.sourceLanguage ?? languages[0] ?? 'nl'\n\t\t\t\tthis.languages = languages.length > 0 ? languages : [this.sourceLanguage]\n\t\t\t\tthis.activeLanguage = this.languages.find((code) => code !== this.sourceLanguage) ?? this.sourceLanguage\n\n\t\t\t\tthis.values = Object.fromEntries(this.translatable.map((property) => {\n\t\t\t\t\tconst stored = read.object?.[property]\n\t\t\t\t\treturn [property, { ...(stored !== null && typeof stored === 'object' ? stored : {}) }]\n\t\t\t\t}))\n\t\t\t\tthis.titles = Object.fromEntries(this.translatable.map((property) => [property, definitions[property]?.title ?? property]))\n\n\t\t\t\tconst uuid = String(read.object?.['@self']?.uuid ?? read.object?.id ?? this.resolvedId)\n\t\t\t\tconst statuses = {}\n\t\t\t\tfor (const row of await translationRows(this.target, uuid)) {\n\t\t\t\t\tconst property = String(row.property ?? '')\n\t\t\t\t\tconst language = String(row.language ?? '')\n\t\t\t\t\tif (property === '' || language === '') {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tstatuses[property] = { ...(statuses[property] ?? {}), [language]: row.status }\n\t\t\t\t}\n\t\t\t\tthis.statuses = statuses\n\n\t\t\t\tthis.drafts = {}\n\t\t\t\tthis.error = false\n\t\t\t} catch {\n\t\t\t\tthis.error = true\n\t\t\t} finally {\n\t\t\t\tthis.loading = false\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Write every edited property back, each as a whole language map.\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync save() {\n\t\t\tthis.saving = true\n\t\t\ttry {\n\t\t\t\tfor (const property of this.propertiesShown) {\n\t\t\t\t\tconst draft = this.draftOf(property)\n\t\t\t\t\tif (draft === this.storedOf(property)) {\n\t\t\t\t\t\tcontinue\n\t\t\t\t\t}\n\t\t\t\t\tconst map = { ...(this.values[property] ?? {}), [this.activeLanguage]: draft }\n\t\t\t\t\tawait saveTranslatedProperty(this.target, this.resolvedId, property, map)\n\t\t\t\t\tthis.values = { ...this.values, [property]: map }\n\t\t\t\t}\n\t\t\t\tthis.drafts = { ...this.drafts, [this.activeLanguage]: {} }\n\t\t\t\tshowSuccess(t('nextcloud-vue', 'The labels are saved.'))\n\t\t\t} catch {\n\t\t\t\tshowError(t('nextcloud-vue', 'The labels could not be saved.'))\n\t\t\t} finally {\n\t\t\t\tthis.saving = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-object-translations__chips {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 8px;\n\tlist-style: none;\n\tmargin: 0 0 8px;\n\tpadding: 0;\n}\n\n.cn-object-translations__chip {\n\talign-items: center;\n\tbackground: var(--color-background-dark);\n\tdisplay: flex;\n\tgap: 6px;\n}\n\n.cn-object-translations__chip--complete {\n\tbackground: var(--color-success, var(--color-background-dark));\n\t--cn-status-badge-ink: var(--color-primary-text);\n\tcolor: var(--cn-status-badge-ink);\n}\n\n.cn-object-translations__source,\n.cn-object-translations__empty {\n\tcolor: var(--color-text-maxcontrast);\n\tmargin: 0 0 8px;\n}\n\n.cn-object-translations__tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 4px;\n\tmargin-bottom: 8px;\n}\n\n.cn-object-translations__field {\n\talign-items: center;\n\tdisplay: flex;\n\tgap: 8px;\n\tmargin-bottom: 8px;\n}\n\n.cn-object-translations__stale {\n\tcolor: var(--color-warning-text, var(--color-main-text));\n\twhite-space: nowrap;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createBlock","_toDisplayString","_Fragment","_renderList","_normalizeClass","_createElementVNode","_createTextVNode","_createVNode"],"mappings":";;;AAqBM,EAAA,KAAK,EAAC,wBAAwB;AAAE,EAAA,aAAW,EAAA,wBAAwB;;;;AAGvD,EAAA,KAAA,EAAA,+BAAA;AAAA,EAAA,IAAA,EAAA,OAAA;;;;AAKb,EAAA,KAAG,EAAC,+BAA+B;AACnC,EAAA,aAAS,EAAC,6BAAoB;;;;;;;AAWxB,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,mCAAA,GAAA;AACN,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,oCAA+B,GAAA;AAI1C,MAAA,UAAA,GAAA,EAAA,KAAK,EAAC,gCAAO,GAAA;;;;;;;;;;;AAzBhB,EAAA,QAAAA,SAAA,EAAA,EAAAC,kBAAA,QAAA;KACE,KAAA,CAAA,OAAA;sBAAHC,WAAG,CAAA,wBAAA,EAAA;;AAAA,UAAA,IAAA,EAAA,EAAA;;SAEW,KAAE,CAAA,KAAA;wBAAhBD,kBAEI,CAAA,GAAA,EAFJ,UAEI,EAAAE,eAAA,CADC,QAAA,CAAA,CAAA,CAAA,eAAA,EAAA,mEAAA,CAAA,CAAA,EAAA,CAAA,YAAA;AAGS,UAAA,CAAA,QAAA,CAAA,eAAe,CAAC,MAAM,KAAA,CAAA;AAAjC,aAAAH,SAAA,EAAA,EAAAC,kBAAA,CAIC,GAJD,EAAA,UAIC,EADAE,eAAA,CAAA,MAAA,CAAA,SAAS,IAAI,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,iDAAA,CAAA,CAAA,EAAA,CAAA,YAAA;;iCAaZ,gBAAA,EAAA;kCARJF,kBAOK,CAAAG,QAAA,EAAA,IAAA,EAAAC,UAAA,CAPc,QAAK,CAAA,KAAA,EAAA,CAAb,IAAI,KAAA;uCAAfJ,kBAOK,CAAA,IAAA,EAAA;oBANJ,GAAI,EAAE,IAAI,CAAC,QAAG;AACd,oBAAA,KAAC,EAAAK,cAAA,CAAA,CAAA,uEAAA;oBAEA,eAAa,EAAE,IAAI,CAAC,QAAQ;;AAC7B,oBAAAC,kBAAA,CAAY,MAAZ,EAAA,UAAY,EAAAJ,eAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,YAAA;AACZ,oBAAAI,kBAAA,CAA2C,MAA3C,EAAA,UAA2C,EAAAJ,eAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,YAAA;;;;cAI3CI,kBAEE,CAAA,GAAA,EAFF,UAEE,EAAAJ,eAAA,CADA,QAAU,CAAA,UAAA,CAAA,EAAA,CAAA,YAAA;gCAmBR,CAAA,KAAA,EAAA;AAhBD,gBAAA,KAAK,EAAC,8BAAc;AACvB,gBAAA,IAAG,EAAC,SAAS;AACb,gBAAA,YAAU,EAAE,QAAC,CAAA,CAAA,CAAA,eAAA,EAAA,WAAA,CAAA;AACb,gBAAA,SAAO,0CAAE,QAAY,CAAA,YAAA,IAAA,QAAA,CAAA,YAAA,CAAA,GAAA,IAAA,CAAA,CAAA,CAAA;;kCACrBF,kBAWU,CAAAG,QAAA,EAAA,IAAA,EAAAC,UAAA,CAXW,KAAA,CAAA,SAAA,EAAA,CAAL,QAAK,KAAA;uCAArBH,WAWU,CAAA,mBAAA,EAAA;oBAVT,EAAE,EAAE,QAAI,CAAA,KAAA,CAAA,QAAA,CAAA;AACR,oBAAA,GAAE,EAAA,QAAA;;AAEH,oBAAA,IAAI,EAAC,KAAK;AACT,oBAAA,eAAY,EAAA,MAAA,CAAA,QAAA,KAAA,KAAA,CAAA,cAAA,CAAA;AACZ,oBAAA,eAAa,EAAE,QAAO,CAAA,OAAA;oBACtB,QAAQ,EAAE,QAAQ,KAAK,KAAc,CAAA,cAAA,GAAA,CAAA,GAAA,CAAA,CAAA;AACrC,oBAAA,eAAa,EAAE,QAAQ;oBACvB,OAAK,EAAA,MAAA,KAAE,KAAM,CAAA,cAAA,GAAA,QAAA,CAAA;;qCACd,MAAsB;AAAnB,sBAAAM,eAAA,CAAAL,eAAA,CAAA,QAAA,CAAA,MAAM,CAAC,QAAQ,CAAA,CAAA,EAAA,CAAA,YAAA;;;;;;cAIjBI;AAAG,gBAAA,EAAE,EAAE,QAAO,CAAA,OAAA;oBACZ,EAAC,UAAU;;gBAEd,iBAAe,EAAE,QAAK,CAAA,KAAA,CAAC,KAAM,CAAA,cAAA,CAAA;;kCAC5BN,kBAcA,CAAAG,QAAA,EAAA,IAAA,EAAAC,UAAA,CAdsB,QAAc,CAAA,eAAA,EAAA,CAA1B,QAAQ,KAAA;uCAAlBJ,kBAcA,CAAA,KAAA,EAAA;AAbA,oBAAA,GAAG,EAAE,QAAQ;AACb,oBAAA,KAAI,EAAC;AACL,oBAAA,eAAK,EAAA,QAAA;;oBACNQ,WAG8B,CAAA,sBAAA,EAAA;sBAH1B,KAAA,EAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;;sBAEF,QAAQ,EAAE,KAAa,CAAA,cAAA,KAAA,KAAA,CAAA,cAAA;AACvB,sBAAA,qBAAiB,EAAE,MAAA,KAAA,QAAA,CAAA,QAAQ,CAAC,QAAA,EAAA,MAAA,CAAA,CAAA;;AAElB,oBAAA,CAAA,QAAA,CAAA,OAAC,CAAA,QAAA,CAAA;sCAAbR,kBAIO,CAAA,MAAA,EAAA;;AAHN,0BAAA,KAAK,EAAC,+BAAwB;AAC7B,0BAAA,eAAO,EAAA,QAAA;2CACN,QAAA,CAAA,CAAA,CAAA,eAAA,EAAA,aAAA,CAAA,CAAA,EAAA,CAAA,oBAAA,WAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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