@anzusystems/common-admin 1.49.0 → 2.0.0-rc.10

package/dist/domains/dam/imageWidget/components/ImageMassOperations.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,249 @@
+import { useImageMassOperations as e } from "../composables/useImageMassOperations.js";
+import t from "../../../form/components/AFormTextarea.js";
+import { useValidate as n } from "../../../../shared/validators/vuelidate/useValidate.js";
+import { useImageStore as ee } from "../store/imageStore.js";
+import r from "../../../form/components/ASystemEntityScope.js";
+import i from "../../author/components/AuthorRemoteAutocompleteWithCached.js";
+import { useExtSystemIdForCached as te } from "../../composables/extSystemIdForCached.js";
+import { useCommonAdminCoreDamOptions as ne } from "../../composables/commonAdminCoreDamOptions.js";
+import { buildFieldRules as a } from "../../composables/uploadValidations.js";
+import { useDamConfigState as o } from "../../config/composables/damConfigState.js";
+import { DamAssetType as s } from "../../types/Asset.js";
+import { useAlerts as c } from "../../../system/composables/alerts.js";
+import { useDamConfigName as l } from "../../composables/damConfigName.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, openBlock as v, ref as y, toDisplayString as b, unref as x, withCtx as S, withModifiers as C } from "vue";
+import { useI18n as w } from "vue-i18n";
+import { VCol as T, VRow as E } from "vuetify/components/VGrid";
+import { VIcon as D } from "vuetify/components/VIcon";
+import { VTooltip as O } from "vuetify/components/VTooltip";
+import { VBtn as k } from "vuetify/components/VBtn";
+import re from "@vuelidate/core";
+import { storeToRefs as ie } from "pinia";
+// src/domains/dam/imageWidget/components/ImageMassOperations.vue?vue&type=script&setup=true&lang.ts
+var ae = {
+	key: 0,
+	class: "w-100"
+}, A = { class: "d-flex" }, j = { class: "d-flex" }, M = { style: { "flex-grow": "1" } }, N = { class: "d-flex" }, P = { class: "sidebar-info__actions pa-2 d-flex align-center justify-center" }, F = /*@__PURE__*/ _({
+	__name: "ImageMassOperations",
+	props: { configName: { default: void 0 } },
+	setup(_) {
+		let F = l(_.configName), I = y({
+			description: "",
+			source: "",
+			authors: []
+		}), L = ee(), { images: R, readonly: z } = ie(L), { replaceEmptyDescription: B, replaceEmptySource: V, replaceEmptyAuthors: H } = e(F), { t: U } = w(), { showErrorsDefault: W } = c(), G = (e) => U("common.damImage.asset.massOperations.fillOneEmptyField", { field: e }), K = (e) => U("common.damImage.asset.massOperations.replaceOneField", { field: e }), q = async (e) => {
+			try {
+				await H(I.value.authors, e);
+			} catch (e) {
+				W(e);
+			}
+		}, J = (e) => {
+			B(I.value.description, e), X.value && $.value ? q(e) : V(I.value.source, e);
+		}, oe = () => {
+			I.value.description = "", X.value && $.value ? I.value.authors = [] : I.value.source = "";
+		}, { cachedExtSystemId: Y } = te(F), { getDamConfigExtSystem: se } = o(void 0, F), X = u(() => !!se(Y.value)?.[s.Image]?.authors?.enabled), { descriptionValidation: ce, sourceValidation: le, sourceLabel: Z } = ne(F), Q = n(), ue = u(() => ({ texts: {
+			description: a(ce, Q),
+			source: a(le, Q)
+		} })), de = re(ue, { texts: I }, { $scope: !1 }), $ = u(() => R.value.length !== 0 && R.value.length && R.value.some((e) => e?.showDamAuthors));
+		return (e, n) => x(z) ? f("", !0) : (v(), p("div", ae, [
+			g(E, {
+				density: "compact",
+				class: "mt-4"
+			}, {
+				default: S(() => [g(T, null, {
+					default: S(() => [m("div", A, [
+						g(t, {
+							modelValue: I.value.description,
+							"onUpdate:modelValue": n[0] ||= (e) => I.value.description = e,
+							v: x(de),
+							label: x(U)("common.damImage.image.model.texts.description")
+						}, null, 8, [
+							"modelValue",
+							"v",
+							"label"
+						]),
+						g(k, {
+							"aria-label": G(x(U)("common.damImage.image.model.texts.description")),
+							icon: "",
+							size: "small",
+							variant: "text",
+							class: "mr-1",
+							onClick: n[1] ||= C((e) => x(B)(I.value.description, !1), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-arrow-left-right-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillOneEmpty")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"]),
+						g(k, {
+							"aria-label": K(x(U)("common.damImage.image.model.texts.description")),
+							icon: "",
+							size: "small",
+							variant: "text",
+							onClick: n[2] ||= C((e) => x(B)(I.value.description, !0), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-replace-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceOne")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"])
+					])]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			X.value && $.value ? (v(), d(E, {
+				key: 0,
+				density: "compact",
+				class: "mt-4"
+			}, {
+				default: S(() => [g(T, null, {
+					default: S(() => [g(r, {
+						subject: "keyword",
+						system: "dam"
+					}, {
+						default: S(() => [m("div", j, [
+							m("div", M, [g(i, {
+								modelValue: I.value.authors,
+								"onUpdate:modelValue": n[3] ||= (e) => I.value.authors = e,
+								"ext-system": x(Y),
+								label: x(U)("common.damImage.asset.model.authors"),
+								clearable: "",
+								multiple: "",
+								"validation-scope": !1
+							}, null, 8, [
+								"modelValue",
+								"ext-system",
+								"label"
+							])]),
+							g(k, {
+								"aria-label": G(x(U)("common.damImage.asset.model.authors")),
+								icon: "",
+								size: "small",
+								variant: "text",
+								class: "mr-1",
+								onClick: n[4] ||= C((e) => q(!1), ["stop"])
+							}, {
+								default: S(() => [g(D, { icon: "mdi-file-arrow-left-right-outline" }), g(O, {
+									activator: "parent",
+									location: "bottom"
+								}, {
+									default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillOneEmpty")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["aria-label"]),
+							g(k, {
+								"aria-label": K(x(U)("common.damImage.asset.model.authors")),
+								icon: "",
+								size: "small",
+								variant: "text",
+								onClick: n[5] ||= C((e) => q(!0), ["stop"])
+							}, {
+								default: S(() => [g(D, { icon: "mdi-file-replace-outline" }), g(O, {
+									activator: "parent",
+									location: "bottom"
+								}, {
+									default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceOne")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["aria-label"])
+						])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})) : (v(), d(E, {
+				key: 1,
+				density: "compact",
+				class: "mt-4"
+			}, {
+				default: S(() => [g(T, null, {
+					default: S(() => [m("div", N, [
+						g(t, {
+							modelValue: I.value.source,
+							"onUpdate:modelValue": n[6] ||= (e) => I.value.source = e,
+							label: x(Z)
+						}, null, 8, ["modelValue", "label"]),
+						g(k, {
+							"aria-label": G(x(Z)),
+							icon: "",
+							size: "small",
+							variant: "text",
+							class: "mr-1",
+							onClick: n[7] ||= C((e) => x(V)(I.value.source, !1), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-arrow-left-right-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillOneEmpty")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"]),
+						g(k, {
+							"aria-label": K(x(Z)),
+							icon: "",
+							size: "small",
+							variant: "text",
+							onClick: n[8] ||= C((e) => x(V)(I.value.source, !0), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-replace-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceOne")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"])
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})),
+			m("div", P, [
+				g(k, {
+					class: "mr-2",
+					variant: "text",
+					size: "small",
+					onClick: n[9] ||= C((e) => J(!1), ["stop"])
+				}, {
+					default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillAllEmpty")), 1)]),
+					_: 1
+				}),
+				g(k, {
+					class: "mr-2",
+					variant: "text",
+					size: "small",
+					onClick: n[10] ||= C((e) => J(!0), ["stop"])
+				}, {
+					default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceAll")), 1)]),
+					_: 1
+				}),
+				g(k, {
+					variant: "text",
+					size: "small",
+					onClick: C(oe, ["stop"])
+				}, {
+					default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.clearForm")), 1)]),
+					_: 1
+				})
+			])
+		]));
+	}
+});
+export { F as default };
+
+//# sourceMappingURL=ImageMassOperations.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/imageWidget/components/ImageMassOperations.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMassOperations.vue_vue_type_script_setup_true_lang.js","names":["props","_unref","_openBlock","_createElementBlock","_createVNode","_component_VRow","_withCtx","_component_VCol","_createElementVNode","AFormTextarea","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_createBlock","ASystemEntityScope","AuthorRemoteAutocompleteWithCached","_createCommentVNode","AFormTextarea_default","ASystemEntityScope_default","AuthorRemoteAutocompleteWithCached_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ImageMassOperations_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","texts","ref","imageStore","useImageStore","storeToRefs","useImageMassOperations","useI18n","useAlerts","fillEmptyName","t","replaceName","fillAuthors","replaceEmptyAuthors","forceReplace","error","fillAll","replaceEmptyDescription","authorEnabled","showDamAuthorsAtLeastOne","replaceEmptySource","clearForm","useExtSystemIdForCached","useDamConfigState","computed","getDamConfigExtSystem","cachedExtSystemId","DamAssetType","useCommonAdminCoreDamOptions","validators","useValidate","rules","buildFieldRules","descriptionValidation","sourceValidation","v$","images","item","unref","readonly","createCommentVNode","openBlock","createElementBlock","createVNode","VRow","withCtx","VCol","createElementVNode","_cache","$event","VBtn","withModifiers","VIcon","VTooltip","createTextVNode","toDisplayString","createBlock","sourceLabel"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageMassOperations.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { useImageMassOperations } from '@/domains/dam/imageWidget/composables/useImageMassOperations'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport { computed, ref } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { storeToRefs } from 'pinia'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    /** DAM configuration to use. Defaults to the parent component's, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst texts = ref({ description: '', source: '', authors: [] })\n\nconst imageStore = useImageStore()\nconst { images, readonly } = storeToRefs(imageStore)\nconst { replaceEmptyDescription, replaceEmptySource, replaceEmptyAuthors } = useImageMassOperations(damConfigName)\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\n// Accessible names for the two icon buttons beside a field: the action and the field.\nconst fillEmptyName = (field: string) => t('common.damImage.asset.massOperations.fillOneEmptyField', { field })\nconst replaceName = (field: string) => t('common.damImage.asset.massOperations.replaceOneField', { field })\n\n// Author names are looked up first. Nothing is filled if the lookup fails.\nconst fillAuthors = async (forceReplace: boolean) => {\n  try {\n    await replaceEmptyAuthors(texts.value.authors, forceReplace)\n  } catch (error) {\n    showErrorsDefault(error)\n  }\n}\n\nconst fillAll = (forceReplace: boolean) => {\n  replaceEmptyDescription(texts.value.description, forceReplace)\n  if (authorEnabled.value && showDamAuthorsAtLeastOne.value) {\n    fillAuthors(forceReplace)\n  } else {\n    replaceEmptySource(texts.value.source, forceReplace)\n  }\n}\n\nconst clearForm = () => {\n  texts.value.description = ''\n  if (authorEnabled.value && showDamAuthorsAtLeastOne.value) {\n    texts.value.authors = []\n  } else {\n    texts.value.source = ''\n  }\n}\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n\nconst authorEnabled = computed(() => {\n  return !!getDamConfigExtSystem(cachedExtSystemId.value)?.[DamAssetType.Image]?.authors?.enabled\n})\n\nconst { descriptionValidation, sourceValidation, sourceLabel } = useCommonAdminCoreDamOptions(damConfigName)\nconst validators = useValidate()\n\nconst rules = computed(() => ({\n  texts: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}))\nconst v$ = useVuelidate(rules, { texts }, { $scope: false })\n\nconst showDamAuthorsAtLeastOne = computed(() => {\n  if (images.value.length === 0) return false\n  return images.value.length && images.value.some((item) => item?.showDamAuthors)\n})\n</script>\n\n<template>\n  <div\n    v-if=\"!readonly\"\n    class=\"w-100\"\n  >\n    <VRow\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <div class=\"d-flex\">\n          <AFormTextarea\n            v-model=\"texts.description\"\n            :v=\"v$\"\n            :label=\"t('common.damImage.image.model.texts.description')\"\n          />\n          <VBtn\n            :aria-label=\"fillEmptyName(t('common.damImage.image.model.texts.description'))\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            class=\"mr-1\"\n            @click.stop=\"replaceEmptyDescription(texts.description, false)\"\n          >\n            <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n            </VTooltip>\n          </VBtn>\n          <VBtn\n            :aria-label=\"replaceName(t('common.damImage.image.model.texts.description'))\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            @click.stop=\"replaceEmptyDescription(texts.description, true)\"\n          >\n            <VIcon icon=\"mdi-file-replace-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.replaceOne') }}\n            </VTooltip>\n          </VBtn>\n        </div>\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"authorEnabled && showDamAuthorsAtLeastOne\"\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <ASystemEntityScope\n          subject=\"keyword\"\n          system=\"dam\"\n        >\n          <div class=\"d-flex\">\n            <div style=\"flex-grow: 1\">\n              <AuthorRemoteAutocompleteWithCached\n                v-model=\"texts.authors\"\n                :ext-system=\"cachedExtSystemId\"\n                :label=\"t('common.damImage.asset.model.authors')\"\n                clearable\n                multiple\n                :validation-scope=\"false\"\n              />\n            </div>\n            <VBtn\n              :aria-label=\"fillEmptyName(t('common.damImage.asset.model.authors'))\"\n              icon\n              size=\"small\"\n              variant=\"text\"\n              class=\"mr-1\"\n              @click.stop=\"fillAuthors(false)\"\n            >\n              <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"replaceName(t('common.damImage.asset.model.authors'))\"\n              icon\n              size=\"small\"\n              variant=\"text\"\n              @click.stop=\"fillAuthors(true)\"\n            >\n              <VIcon icon=\"mdi-file-replace-outline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.massOperations.replaceOne') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </ASystemEntityScope>\n      </VCol>\n    </VRow>\n    <VRow\n      v-else\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <div class=\"d-flex\">\n          <AFormTextarea\n            v-model=\"texts.source\"\n            :label=\"sourceLabel\"\n          />\n          <VBtn\n            :aria-label=\"fillEmptyName(sourceLabel)\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            class=\"mr-1\"\n            @click.stop=\"replaceEmptySource(texts.source, false)\"\n          >\n            <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n            </VTooltip>\n          </VBtn>\n          <VBtn\n            :aria-label=\"replaceName(sourceLabel)\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            @click.stop=\"replaceEmptySource(texts.source, true)\"\n          >\n            <VIcon icon=\"mdi-file-replace-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.replaceOne') }}\n            </VTooltip>\n          </VBtn>\n        </div>\n      </VCol>\n    </VRow>\n    <div class=\"sidebar-info__actions pa-2 d-flex align-center justify-center\">\n      <VBtn\n        class=\"mr-2\"\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"fillAll(false)\"\n      >\n        {{ t('common.damImage.asset.massOperations.fillAllEmpty') }}\n      </VBtn>\n      <VBtn\n        class=\"mr-2\"\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"fillAll(true)\"\n      >\n        {{ t('common.damImage.asset.massOperations.replaceAll') }}\n      </VBtn>\n      <VBtn\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"clearForm\"\n      >\n        {{ t('common.damImage.asset.massOperations.clearForm') }}\n      </VBtn>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/imageWidget/components/ImageMediaWidgetInner.js

@@ -0,0 +1,6 @@
+import e from "./ImageMediaWidgetInner.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=ImageMediaWidgetInner.js.map

package/dist/domains/dam/imageWidget/components/ImageMediaWidgetInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMediaWidgetInner.js","names":["_sfc_main","ImageMediaWidgetInner_vue_vue_type_script_setup_true_lang_default","ImageMediaWidgetInner_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { DocId, IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport imagePlaceholderPath from '@/assets/image/placeholder16x9.svg'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { cloneDeep, isDefined, isNull, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetDetailItemDto,\n  DamAssetType,\n  type DamAssetTypeType,\n  type DamImageCopyToLicenceResponse,\n} from '@/domains/dam/types/Asset'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { AssetSelectReturnData } from '@/domains/dam/types/AssetSelect'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport ImageDetailDialogMetadata from '@/domains/dam/imageWidget/components/ImageDetailDialogMetadata.vue'\nimport { computed, inject, onBeforeUnmount, ref, type ShallowRef, toRaw, watch } from 'vue'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { loadAssetDetailExtSystem } from '@/domains/dam/assetDetail/composables/assetDetailExtSystem'\nimport { storeToRefs } from 'pinia'\nimport {\n  fetchAsset,\n  fetchAssetAsCmsMedia,\n  fetchAssetByFileId,\n  showMetadataSaveError,\n  updateAssetAuthors,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport UploadQueueDialogSingle from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { fetchAuthorListByIds } from '@/domains/dam/author/api/authorApi'\nimport { useI18n } from 'vue-i18n'\nimport type { VBtn } from 'vuetify/components'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport {\n  type CollabComponentConfig,\n  type CollabFieldData,\n  type CollabFieldLockOptions,\n  CollabStatus,\n  type CollabStatusType,\n} from '@/domains/collab/types/Collab'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport { useCollabState } from '@/domains/collab/composables/collabState'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport AFileInputDialog from '@/domains/ui/file/components/AFileInputDialog.vue'\nimport {\n  CollabFieldLockStatus,\n  type CollabFieldLockStatusPayload,\n  CollabFieldLockType,\n} from '@/domains/collab/composables/collabEventBus'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport AAssetSelectMedia from '@/domains/dam/assetSelect/components/AAssetSelectMedia.vue'\nimport {\n  isImageCreateUpdateAware,\n  isMediaAware,\n  useImageMediaWidgetStore,\n} from '@/domains/dam/imageWidget/store/imageMediaWidgetStore'\nimport {\n  type DamMediaFromDam,\n  DamMediaType,\n  type DamMediaTypeType,\n  type ImageMediaCollabValue,\n  type MediaAware,\n} from '@/domains/dam/types/MediaAware'\nimport { assetFileIsAudioFile, assetFileIsVideoFile } from '@/domains/dam/types/AssetFile'\nimport { copyToLicence } from '@/domains/dam/api/damImageApi'\nimport { createDamImage, imageFieldsOf } from '@/domains/dam/imageWidget/utils/damImage'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport {\n  giveNamesToEmptySource,\n  type HeldAssetAnew,\n  useImageDialogDamAuthors,\n} from '@/domains/dam/imageWidget/composables/imageDialogDamAuthors'\nimport { lastFieldLockTurn, takeFieldLockTurn } from '@/domains/dam/imageWidget/utils/fieldLockTurns'\nimport {\n  holdImage,\n  imageSavedSince,\n  imageSavesOfOthersOver,\n  noteImageSave,\n} from '@/domains/dam/imageWidget/utils/imageSaves'\nimport { WAIT_RAN_OUT, withinWaitLimit } from '@/domains/dam/imageWidget/utils/waitLimit'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    initialImage?: ImageAware | undefined // If given, the image data is not fetched.\n    configName?: string\n    collab?: CollabComponentConfig\n    collabStatus?: CollabStatusType\n    label?: string | undefined\n    required?: boolean\n    readonly?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean // Only one per page at a time, for use in dialogs.\n    disableOnClickMenu?: boolean\n    width?: number | undefined\n    maxWidth?: number | undefined\n    height?: number | undefined\n    callDeleteApiOnRemove?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    required: false,\n    initialImage: undefined,\n    initialMedia: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    expandMetadata: false,\n    disableOnClickMenu: false,\n    width: undefined,\n    maxWidth: undefined,\n    height: undefined,\n    callDeleteApiOnRemove: false,\n    damWidth: undefined,\n    damHeight: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n\nconst imageModel = defineModel<IntegerIdNullable>('image', { required: true })\nconst mediaModel = defineModel<MediaAware | null>('media', { required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { collabOptions } = useCommonAdminCollabOptions()\nconst { collabReconnecting } = useCollabState()\n\nconst releaseFieldLock = ref((_data: CollabFieldData, _options?: Partial<CollabFieldLockOptions>) => {})\nconst changeFieldData = ref((_data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst acquireFieldLock = ref((options?: Partial<CollabFieldLockOptions>) => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const {\n    releaseCollabFieldLock,\n    acquireCollabFieldLock,\n    changeCollabFieldData,\n    addCollabFieldLockStatusListener,\n    lockedByUser,\n  } = useCollabField(props.collab.room, props.collab.field)\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n  addCollabFieldLockStatusListener((data: CollabFieldLockStatusPayload) => {\n    if (data.status === CollabFieldLockStatus.Success && data.type === CollabFieldLockType.Acquire) {\n      lockRequestPending.value = false\n      collabFieldLockReallyLocked.value = true\n    } else if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Acquire) {\n      lockRequestPending.value = false\n      collabFieldLockReallyLocked.value = false\n    } else if (lockRequestPending.value) {\n      // A release answer sent before a pending request says nothing about that request. Only its own answer decides.\n      // Reading a refused release as the lock held let a drop upload before its request was answered.\n      return\n    } else if (data.status === CollabFieldLockStatus.Success && data.type === CollabFieldLockType.Release) {\n      collabFieldLockReallyLocked.value = false\n    } else if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Release) {\n      collabFieldLockReallyLocked.value = true\n    }\n  })\n}\n// Other editors need both the image and the media.\n// A `v-model` assignment reaches the models only after the parent\n// renders, so paths that just assigned send the assigned value directly.\nconst collabValue = (): ImageMediaCollabValue => ({ image: imageModel.value, media: mediaModel.value })\nconst lockedLocal = ref(false)\n// Lock turn this widget took last, by request or release.\n// A widget of the same field drawn in place of this one may have taken a turn since.\nlet ownLockTurn = 0\nconst takeLockTurn = () => {\n  if (isDefined(props.collab)) ownLockTurn = takeFieldLockTurn(props.collab.room, props.collab.field)\n}\nconst lockTurnTakenSince = () =>\n  isDefined(props.collab) && lastFieldLockTurn(props.collab.room, props.collab.field) !== ownLockTurn\n// Requested once per lock. A drop asks again for an unconfirmed\n// lock, otherwise one refusal left every later drop waiting forever.\n// A refusal still keeps the lock for release: a timed-out request\n// answers the same way and the server may have granted it.\n// Never requested while one is pending: a second answer could arrive after the\n// first, and a request from the menu-closing click raced its release on the server.\nconst lockRequestPending = ref(false)\nconst acquireFieldLockLocal = (again = false) => {\n  if (props.collabStatus === CollabStatus.Inactive) return\n  if (lockedLocal.value === true && (!again || lockRequestPending.value || collabFieldLockReallyLocked.value)) return\n  // An earlier answer says nothing about this lock. Waiters wait for this answer.\n  collabFieldLockReallyLocked.value = false\n  lockRequestPending.value = true\n  acquireFieldLock.value()\n  takeLockTurn()\n  lockedLocal.value = true\n}\n// A lock taken while the room was active is released in an inactive room too.\n// The room turns inactive when the other editor leaves, and the server still holds the lock for whoever returns.\nconst releaseFieldLockLocal = () => {\n  if (lockedLocal.value === false) return\n  releaseFieldLock.value(collabValue())\n  takeLockTurn()\n  lockedLocal.value = false\n}\n// One release per lock: the server refuses a second one, and the refusal reads as the lock still held.\n// An inactive room still gets the value for editors who join, lock or not.\nconst releaseFieldLockWith = (value: ImageMediaCollabValue) => {\n  if (lockedLocal.value === false && props.collabStatus !== CollabStatus.Inactive) return\n  releaseFieldLock.value(value)\n  takeLockTurn()\n  lockedLocal.value = false\n}\n\nconst imageWidgetUploadConfig = inject<ShallowRef<DamConfigLicenceExtSystemReturnType | undefined> | undefined>(\n  ImageWidgetUploadConfigKey,\n  undefined\n)\n\nif (isUndefined(imageWidgetUploadConfig) || isUndefined(imageWidgetUploadConfig.value)) {\n  throw new Error(\"Fatal error, parent component doesn't provide necessary config ext system config.\")\n}\n\nconst { t } = useI18n()\n\nconst { showErrorsDefault, showErrorT, showWarningT, showUnknownError } = useAlerts()\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { widgetImageToDamImageUrl, damImageIdToDamImageUrl } = useImageActions(imageOptions)\nconst uploadQueuesStore = useUploadQueuesStore()\nconst { uploadQueueDialog, stopQueueLeftBehind } = useUploadQueueDialog()\n// Must run before the immediate watcher below, which writes the detail during setup with `expandMetadata`.\n// Keeps a form shown by another widget's open dialog: a late-drawn widget used to empty it.\nconst imageMediaWidgetStore = useImageMediaWidgetStore()\nimageMediaWidgetStore.resetUnlessShown()\nconst { detail } = storeToRefs(imageMediaWidgetStore)\nconst thisWidget = Symbol('image media widget')\n\nconst resImageMedia = ref<null | ImageCreateUpdateAware | MediaAware>(null)\nconst clickMenuOpened = ref(false)\nconst assetSelectDialog = ref(false)\nconst metadataDialog = ref(false)\nconst metadataDialogSaving = ref(false)\nconst metadataDialogLoading = ref(false)\nconst fileInputDialog = ref(false)\n\n// DAM authors offered in the image dialog come from an asset this widget read\n// itself for that image, also for the inline form with `expandMetadata`.\nconst {\n  damAuthorsAsset,\n  offerDamAuthorsOf,\n  offerNoDamAuthors,\n  pickDamAuthors,\n  onAssetDetailClose,\n  holdConfirmForDetailAssetRead,\n  readHeldAnew,\n  takeHeldAnew,\n  letGoOnceSavedWithSource,\n  authorsGivenMeanwhile,\n  confirmWaits,\n} = useImageDialogDamAuthors(\n  damConfigName,\n  () =>\n    (metadataDialog.value || props.expandMetadata) && isImageCreateUpdateAware(detail.value) ? detail.value : null,\n  () => props.readonly\n)\n\n// Marks the store as shown by this widget while its dialog or inline form is open, so no other widget empties it.\nwatch(\n  () => metadataDialog.value || props.expandMetadata,\n  (shows) => imageMediaWidgetStore.setShownBy(thisWidget, shows),\n  { immediate: true, flush: 'sync' }\n)\n\nconst hideDropzoneText = computed(() => {\n  return !isNull(imageModel.value) || !isNull(mediaModel.value)\n})\n\nconst resolvedSrc = ref('')\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst imageMediaLoaded = computed(() => {\n  return !isNull(resImageMedia.value)\n})\n\n// Copy of the widget's image or media that \"edit metadata\" put into the dialog.\nlet ownInDialog: typeof detail.value = null\n// What this widget's last pick or upload put into the dialog.\n// The dialog store is page-wide, so it may show another widget's dialog opened over this one.\nlet pickInDialog: typeof detail.value = null\n// What the dialog shows loading for: a pick being read, or \"edit metadata\"\n// waiting for another widget's save or for a read of the held asset.\n// The answer is applied only while the dialog still loads for it,\n// not after close or once the page-wide store shows another dialog.\n// Otherwise a pick answer replaced another widget's dialog form and lost the typed\n// input. The loading dialog then closes, since its confirm would save that form here.\nlet loadingInDialog: symbol | null = null\nconst answerTakenFor = (opening: symbol) => {\n  if (disposed || loadingInDialog !== opening) return false\n  if (isNull(detail.value)) return true\n  loadingInDialog = null\n  metadataDialogLoading.value = false\n  metadataDialog.value = false\n  return false\n}\n// Number of answered page saves of the held image at the time the widget read it.\nlet resImageReadAt = 0\n// Marks of this widget's image saves in flight.\nconst ownImageSaves = new Set<symbol>()\n// Cancels the \"edit metadata\" wait for another widget's save. Called when the dialog closes.\nlet cancelSaveWait: (() => void) | null = null\n// Type the dialog is opened for: held image or medium, picked asset, or uploaded image.\n// Sets the title from the start, so it stays the same while loading, waiting and saving.\nconst dialogType = ref<DamAssetTypeType>(DamAssetType.Image)\nconst actionEditMeta = async () => {\n  dialogType.value = type.value ?? DamAssetType.Image\n  const heldId = () => (isImageCreateUpdateAware(resImageMedia.value) ? resImageMedia.value.id : undefined)\n  // Another widget is saving the image, for example the one this\n  // widget replaced. The dialog shows loading until that save ends.\n  const id = heldId()\n  const othersSaves = isNumber(id) ? imageSavesOfOthersOver(damConfigName, id, ownImageSaves) : null\n  if (othersSaves) {\n    const thisOpening = (loadingInDialog = Symbol('edit'))\n    imageMediaWidgetStore.setDetail(null)\n    metadataDialogLoading.value = true\n    metadataDialog.value = true\n    cancelSaveWait = othersSaves.cancel\n    const over = await withinWaitLimit(othersSaves.over, 1, damConfigName)\n    cancelSaveWait = null\n    if (!answerTakenFor(thisOpening)) return\n    loadingInDialog = null\n    metadataDialogLoading.value = false\n    // The other save timed out: the dialog closes and the user is told. Before, it loaded until the editor closed it.\n    // Showing the earlier read would let the confirm overwrite what that save may still write.\n    if (over === WAIT_RAN_OUT) {\n      othersSaves.cancel()\n      metadataDialog.value = false\n      showErrorT('error.apiTimedOut.message')\n      return\n    }\n  }\n  // The held asset was picked without authors: the dialog loads while it is read\n  // again, and the result goes into the dialog with the image. Never for a medium.\n  const heldAnew = readHeldAnew(\n    isImageCreateUpdateAware(resImageMedia.value) ? resImageMedia.value.dam.damId : undefined\n  )\n  let anew: HeldAssetAnew | null = null\n  if (heldAnew) {\n    const thisOpening = (loadingInDialog = Symbol('edit'))\n    imageMediaWidgetStore.setDetail(null)\n    metadataDialogLoading.value = true\n    metadataDialog.value = true\n    anew = await heldAnew\n    if (!answerTakenFor(thisOpening)) return\n    loadingInDialog = null\n    metadataDialogLoading.value = false\n  }\n  // Another widget saved the image after this one read it: take the image as saved.\n  // Otherwise the dialog offered stale texts and its confirm overwrote the saved ones.\n  const savedId = heldId()\n  const saved = isNumber(savedId) ? imageSavedSince(damConfigName, savedId, resImageReadAt) : null\n  if (saved) void reloadImage(saved, null, true)\n  imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n  takeHeldAnew(anew, isImageCreateUpdateAware(detail.value) ? detail.value : null)\n  ownInDialog = detail.value\n  metadataDialog.value = true\n}\n\n// With `expandMetadata` the form is inline, with no \"edit metadata\" opening to\n// wait for another widget's save or take its result, so the form does both.\n// Otherwise it showed texts read before that save, and the host's confirm overwrote the saved ones.\n// When the wait runs out the form shows the read data and the user is told the request timed out.\nconst showReadInForm = async () => {\n  const heldId = () => (isImageCreateUpdateAware(resImageMedia.value) ? resImageMedia.value.id : undefined)\n  const id = heldId()\n  const othersSaves = isNumber(id) ? imageSavesOfOthersOver(damConfigName, id, ownImageSaves) : null\n  if (othersSaves) {\n    const thisOpening = (loadingInDialog = Symbol('edit'))\n    imageMediaWidgetStore.setDetail(null)\n    metadataDialogLoading.value = true\n    cancelSaveWait = othersSaves.cancel\n    const over = await withinWaitLimit(othersSaves.over, 1, damConfigName)\n    cancelSaveWait = null\n    if (!answerTakenFor(thisOpening)) return\n    loadingInDialog = null\n    metadataDialogLoading.value = false\n    if (over === WAIT_RAN_OUT) {\n      othersSaves.cancel()\n      showErrorT('error.apiTimedOut.message')\n    }\n    if (heldId() !== id) return\n  }\n  const saved = isNumber(id) ? imageSavedSince(damConfigName, id, resImageReadAt) : null\n  if (saved) return void reloadImage(saved, null, true)\n  imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n}\n\nconst actionLibrary = () => {\n  assetSelectDialog.value = true\n}\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\n// Updated only when the socket confirms lock success or failure. Needed for file drops.\nconst collabFieldLockReallyLocked = ref(false)\n\n// Cancelling must settle the promise, not only clear the timer, because `onDrop` awaits it.\n// A Set because overlapping drops each have their own wait.\nconst LOCK_WAIT_CANCELLED = Symbol('lock wait cancelled')\ntype PendingLockWait = { timer: ReturnType<typeof setTimeout>; reject: (reason: unknown) => void }\nconst pendingLockWaits = new Set<PendingLockWait>()\nlet disposed = false\n\nonBeforeUnmount(() => {\n  disposed = true\n  pendingLockWaits.forEach((wait) => {\n    clearTimeout(wait.timer)\n    wait.reject(LOCK_WAIT_CANCELLED)\n  })\n  pendingLockWaits.clear()\n  // Whatever held the field lock goes with the widget. The server keeps a lock until\n  // release or until the editor leaves, so the field stayed locked for others.\n  // Released with the current value, unless a save or delete in flight releases\n  // it at its end, or the replacing widget has taken a lock turn since.\n  if (!metadataDialogSaving.value && !deletePending.value && !lockTurnTakenSince()) releaseFieldLockLocal()\n  imageMediaWidgetStore.setShownBy(thisWidget, false)\n  holdImage(damConfigName, thisWidget, null)\n  cancelSaveWait?.()\n})\n\nconst waitForFieldLockIsReallyAcquired = async () => {\n  if (!collabOptions.value.enabled || isUndefined(props.collab) || props.collabStatus === CollabStatus.Inactive) {\n    return Promise.resolve(true)\n  }\n\n  let count = 0\n\n  const checkLock: () => Promise<Awaited<boolean>> = () => {\n    if (disposed) {\n      return Promise.reject(LOCK_WAIT_CANCELLED)\n    }\n    if (collabFieldLockReallyLocked.value) {\n      return Promise.resolve(true)\n    }\n\n    count++\n    if (count < 50) {\n      return new Promise((resolve, reject) => {\n        const wait: PendingLockWait = {\n          timer: setTimeout(() => {\n            pendingLockWaits.delete(wait)\n            resolve(checkLock())\n          }, 100),\n          reject,\n        }\n        pendingLockWaits.add(wait)\n      })\n    }\n\n    return Promise.reject(false)\n  }\n\n  return checkLock()\n}\n\n// The single drop uploaded once the field lock arrives. The upload\n// dialog shows one file but saves all it gets, so only one is kept.\nlet dropInWait: symbol | null = null\n\nconst onDrop = async (files: File[]) => {\n  if (props.readonly) return\n  // The dropzone rejected every file and reported it, so no lock is requested.\n  if (files.length === 0) return\n  // An earlier drop's lock request is still pending, so this drop is ignored.\n  if (!isNull(dropInWait) && lockRequestPending.value) return\n  // Same as a click on the dropzone: another editor holds the field.\n  if (isLocked.value) {\n    showErrorT('common.damImage.error.unableToLock')\n    return\n  }\n  acquireFieldLockLocal(true)\n  const config = imageWidgetUploadConfig.value!\n  // After a refusal this drop asks again and replaces the one still waiting.\n  const thisDrop = Symbol('drop')\n  dropInWait = thisDrop\n  try {\n    await waitForFieldLockIsReallyAcquired()\n    // The lock can resolve after the widget is gone; uploading into it is worse than dropping.\n    if (disposed) return\n    if (dropInWait !== thisDrop) return\n    // Turned read-only while waiting for the lock: release it and upload nothing.\n    if (props.readonly) {\n      if (pendingLockWaits.size === 0 && !clickMenuOpened.value && !anyWidgetDialogOpened.value) releaseFieldLockLocal()\n      return\n    }\n    cachedExtSystemId.value = config.extSystem\n    // The widget holds one image and the upload dialog shows one file,\n    // so only the first dropped file is uploaded and the user is warned.\n    // Otherwise the extra files were uploaded unseen and left without an image.\n    if (files.length > 1) showWarningT('common.damImage.upload.onlyOneFile')\n    stopQueueLeftBehind(props.queueKey)\n    uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files.slice(0, 1), damConfigName)\n    uploadQueueDialog.value = props.queueKey\n  } catch (e) {\n    if (disposed || e === LOCK_WAIT_CANCELLED) return\n    // A timed-out request may have been granted, and nothing else would release it.\n    // Released only when nothing else waits for or holds the lock. A refused release reads as the lock\n    // held, so another waiting drop uploaded without its lock, or a menu opened meanwhile lost its lock.\n    if (pendingLockWaits.size === 0 && !clickMenuOpened.value && !anyWidgetDialogOpened.value) releaseFieldLockLocal()\n    showErrorT('common.damImage.error.unableToLock')\n  } finally {\n    if (dropInWait === thisDrop) dropInWait = null\n  }\n}\n\nconst onCopyToLicence = (data: DamImageCopyToLicenceResponse) => {\n  if (props.readonly) return\n  if (!data[0]) return\n  const config = imageWidgetUploadConfig.value!\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  if (data[0].result === 'copy') {\n    uploadQueuesStore.addByCopyToLicence(\n      props.queueKey,\n      config.extSystem,\n      config.licence,\n      [data[0].targetAsset],\n      damConfigName\n    )\n  } else if (data[0].result === 'exists') {\n    uploadQueuesStore.addByCopyToLicence(\n      props.queueKey,\n      config.extSystem,\n      config.licence,\n      [data[0].targetAsset],\n      damConfigName\n    )\n    uploadQueuesStore.queueItemDuplicate(data[0].targetAsset, data[0].targetMainFile, DamAssetType.Image, damConfigName)\n  } else {\n    showErrorT('common.damImage.queueItem.errorUnableToCopyToLicence')\n    return\n  }\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst onFileInput = (files: File[]) => {\n  if (props.readonly) return\n  // The input rejected every file and reported it. A dialog over a queue without a row would only show loading.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value!\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files, damConfigName)\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  DamAssetType.Image,\n  imageWidgetUploadConfig.value.extSystemConfig\n)\n\n// Id of the image this widget just created. The model changes to it, and the widget shows the create response.\n// Reading it again made the preview fall back to the placeholder, and a failed read\n// showed an error after a successful save. Any other id change triggers a read.\nlet createdImageId: IntegerIdNullable = null\n\nconst reloadImage = async (\n  newImage: ImageCreateUpdateAware | undefined,\n  newImageId: IntegerIdNullable,\n  force = false\n) => {\n  resolvedSrc.value = imagePlaceholderPath\n  if ((newImage && isNull(resImageMedia.value)) || (newImage && force)) {\n    resImageMedia.value = cloneDeep(newImage)\n    resImageReadAt = holdImage(damConfigName, thisWidget, newImage.id ?? null)\n    if (isImageCreateUpdateAware(resImageMedia.value)) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value), props.damWidth, props.damHeight)\n      } else {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value))\n      }\n      if (props.expandMetadata) {\n        imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n      }\n    }\n    return\n  }\n  if (newImageId) {\n    // Counted when the read is sent: a save answered later may have taken effect after the read.\n    const readAt = holdImage(damConfigName, thisWidget, newImageId)\n    try {\n      resImageMedia.value = await imageApi.fetchImage(imageClient, newImageId)\n      resImageReadAt = readAt\n    } catch (error) {\n      showErrorsDefault(error)\n    }\n    // The widget is gone. With `expandMetadata` it would write its image into\n    // the page-wide dialog store, which now shows the next widget's image.\n    if (disposed) return\n    if (isImageCreateUpdateAware(resImageMedia.value)) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value), props.damWidth, props.damHeight)\n      } else {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value))\n      }\n      if (props.expandMetadata) void showReadInForm()\n    }\n    return\n  }\n  resImageMedia.value = null\n  holdImage(damConfigName, thisWidget, null)\n}\n\nconst reloadMedia = (newMedia: MediaAware | null) => {\n  resolvedSrc.value = imagePlaceholderPath\n  holdImage(damConfigName, thisWidget, null)\n  if (newMedia) {\n    resImageMedia.value = cloneDeep(newMedia)\n    if (isMediaAware(resImageMedia.value) && !isNull(resImageMedia.value.damMedia.imageFileId)) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = damImageIdToDamImageUrl(\n          resImageMedia.value.damMedia.imageFileId,\n          props.damWidth,\n          props.damHeight\n        )\n      } else {\n        resolvedSrc.value = damImageIdToDamImageUrl(resImageMedia.value.damMedia.imageFileId)\n      }\n      if (props.expandMetadata) {\n        imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n      }\n    }\n    return\n  }\n  resImageMedia.value = null\n}\n\n// `release` false: an open menu or dialog holds the lock and releases it on close or confirm.\n// Otherwise the editor holds no lock, and the value reaches the buffer only here.\nconst reset = (release = true) => {\n  resolvedSrc.value = imagePlaceholderPath\n  resImageMedia.value = null\n  holdImage(damConfigName, thisWidget, null)\n  imageModel.value = null\n  mediaModel.value = null\n  // Keeps the form shown by another widget's open dialog.\n  imageMediaWidgetStore.resetUnlessShown(thisWidget)\n  if (release || props.collabStatus === CollabStatus.Inactive) releaseFieldLockWith({ image: null, media: null })\n}\n\nwatch(\n  [() => props.initialImage, imageModel, mediaModel],\n  async ([newImage, newImageId, newMedia], [oldImage, oldImageId, oldMedia]) => {\n    // Cleared on every run, also one that ends with media. Otherwise a later change to that id would not be read.\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(newMedia) && JSON.stringify(newMedia) !== JSON.stringify(oldMedia)) {\n      reloadMedia(newMedia)\n      return\n    }\n\n    if (newImage !== oldImage || newImageId !== oldImageId) {\n      if (!isNull(created) && newImageId === created && newImage === oldImage) return\n      await reloadImage(newImage, newImageId)\n      return\n    }\n\n    if (isNull(newMedia) && !isNull(oldMedia)) {\n      reloadMedia(null)\n    }\n  },\n  { immediate: true }\n)\n\nconst assetSelectStore = useAssetSelectStore()\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n\n// The picker closes as it answers, and the next dialog opens only after the asset is fetched or copied.\n// Until then the pick counts as an open dialog, or the close watcher released the lock with the old value.\n// Counts every pending pick: one whose dialog was closed released the lock under a later pick.\nconst assetPicksPending = ref(0)\nconst onAssetSelectConfirm = async (data: AssetSelectReturnData) => {\n  if (props.readonly) return\n  const thisPick = (loadingInDialog = Symbol('pick'))\n  assetPicksPending.value++\n  try {\n    await pickAsset(data, thisPick)\n  } finally {\n    assetPicksPending.value--\n    // A pick that ended early (no main file, media not loaded) left the\n    // dialog loading, so the next upload or edit showed only a spinner.\n    // Cleared unless the dialog now loads for something opened since.\n    if (loadingInDialog === thisPick) {\n      loadingInDialog = null\n      metadataDialogLoading.value = false\n    }\n  }\n}\n\nconst pickAsset = async (data: AssetSelectReturnData, thisPick: symbol) => {\n  if (data.type !== 'asset' || !data.value[0]) return\n  metadataDialogLoading.value = true\n  imageMediaWidgetStore.setDetail(null)\n  offerNoDamAuthors()\n  let description = ''\n  let source = ''\n  const selectedAsset = data.value[0]\n  if (!selectedAsset.mainFile) return\n  dialogType.value = selectedAsset.attributes.assetType\n  // The asset's role is known only after it is read. The dialog shows loading\n  // until then and during the copy into the upload licence, like the image widget.\n  // Otherwise nothing was shown, and this dialog covered another widget's dialog opened meanwhile.\n  metadataDialog.value = true\n  let mediaDataFromDam: DamMediaFromDam | null = null\n  try {\n    mediaDataFromDam = await fetchAssetAsCmsMedia(damClient, selectedAsset.id, endPointCmsAsset)\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n  // Nothing is written to the page-wide dialog store if the widget is gone or the dialog no longer loads for this pick.\n  if (!answerTakenFor(thisPick)) return\n  if (!mediaDataFromDam) return void (metadataDialog.value = false)\n  if (selectedAsset.attributes.assetType === DamAssetType.Video && assetFileIsVideoFile(selectedAsset.mainFile)) {\n    metadataDialog.value = true\n    const mediaData: MediaAware = {\n      extService: 'damVideo',\n      damMedia: {\n        imageFileId: selectedAsset.mainFile.imagePreview?.imageFile || null,\n        assetId: selectedAsset.id,\n        licenceId: selectedAsset.licence,\n        assetType: DamAssetType.Video,\n        title: mediaDataFromDam.title,\n        description: mediaDataFromDam.description,\n        seriesName: mediaDataFromDam.seriesName,\n        authorNames: mediaDataFromDam.authorNames,\n        publishedAt: mediaDataFromDam.publishedAt,\n        duration: mediaDataFromDam.duration,\n        mediaUrl: mediaDataFromDam.mediaUrl,\n        playable: mediaDataFromDam.playable,\n        syncedWithDam: true,\n        episodeName: mediaDataFromDam.episodeName,\n        episodeNumber: mediaDataFromDam.episodeNumber,\n      },\n    }\n    imageMediaWidgetStore.setDetail(mediaData)\n  } else if (\n    selectedAsset.attributes.assetType === DamAssetType.Audio &&\n    selectedAsset.podcasts.length > 0 &&\n    assetFileIsAudioFile(selectedAsset.mainFile)\n  ) {\n    metadataDialog.value = true\n    const mediaData: MediaAware = {\n      extService: 'damPodcast',\n      damMedia: {\n        imageFileId: selectedAsset.mainFile.imagePreview?.imageFile || null,\n        assetId: selectedAsset.id,\n        licenceId: selectedAsset.licence,\n        assetType: DamAssetType.Audio,\n        title: mediaDataFromDam.title,\n        description: mediaDataFromDam.description,\n        seriesName: mediaDataFromDam.seriesName,\n        authorNames: mediaDataFromDam.authorNames,\n        publishedAt: mediaDataFromDam.publishedAt,\n        duration: mediaDataFromDam.duration,\n        mediaUrl: mediaDataFromDam.mediaUrl,\n        playable: mediaDataFromDam.playable,\n        syncedWithDam: true,\n        episodeName: mediaDataFromDam.episodeName,\n        episodeNumber: mediaDataFromDam.episodeNumber,\n      },\n    }\n    imageMediaWidgetStore.setDetail(mediaData)\n  } else if (selectedAsset.attributes.assetType === DamAssetType.Image) {\n    // An asset already in the upload licence is used as is.\n    if (\n      copyToLicenceEnabled !== false &&\n      !isUndefined(data.copyToLicence) &&\n      selectedAsset.licence !== data.copyToLicence\n    ) {\n      let copyRes: DamImageCopyToLicenceResponse | null = null\n      try {\n        copyRes = await copyToLicence(damClient, endPointImage, [\n          { asset: data.value[0].id, targetAssetLicence: data.copyToLicence },\n        ])\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // A gone widget, or a dialog no longer loading for this pick, opens no upload dialog.\n      // Otherwise the copy continued in the replacing widget's upload dialog, which requested the field lock only then.\n      if (!answerTakenFor(thisPick)) return\n      // The upload dialog shows the copy and replaces the image dialog.\n      metadataDialogLoading.value = false\n      metadataDialog.value = false\n      if (copyRes) onCopyToLicence(copyRes)\n      return\n    }\n    metadataDialog.value = true\n    // Authors are offered only if the pick still owns the dialog. Otherwise\n    // a left pick's read offered its authors in a later pick's dialog.\n    let authorsToOffer: AssetDetailItemDto | null = null\n    try {\n      const assetRes = await fetchAsset(damClient, endPointAsset, selectedAsset.id)\n      // Like the image widget: if the application has its own mapping, it builds the texts from the asset.\n      if (customAssetSelectMetadataToImageMap) {\n        const mapped = customAssetSelectMetadataToImageMap(assetRes)\n        description = mapped.description\n        source = mapped.source\n      } else {\n        if (isString(assetRes.metadata.customData?.description)) {\n          description = assetRes.metadata.customData.description.trim()\n        }\n        if (assetRes.authors.length > 0) {\n          // Under the ext system of the asset's licence, like all DAM author names the\n          // widgets write. Falls back to the picker's when the licence does not resolve.\n          const authorsRes = await fetchAuthorListByIds(\n            damClient,\n            endPointAuthor,\n            (await getExtSystemByLicence(assetRes.licence)) ?? assetSelectStore.requireSelectedSelectConfig().extSystem,\n            assetRes.authors\n          )\n          source = authorsRes.map((author) => author.name).join(', ')\n        } else if (assetRes.authors.length === 0) {\n          const configExtSystem = getDamConfigExtSystem(imageWidgetUploadConfig.value!.extSystem)\n          // Not while the server may still fill metadata from the file: saving\n          // authors marks the asset described, and the server then fills nothing.\n          if (configExtSystem?.[DamAssetType.Image]?.authors?.enabled && !assetMetadataMayStillChange(assetRes)) {\n            authorsToOffer = assetRes\n          }\n        }\n      }\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    if (!answerTakenFor(thisPick)) return\n    if (authorsToOffer) offerDamAuthorsOf(authorsToOffer, selectedAsset.mainFile.id)\n    const image = createDamImage(\n      {\n        fileId: selectedAsset.mainFile.id,\n        licenceId: selectedAsset.licence,\n        internal: selectedAsset.mainFileInternal,\n      },\n      { description, source },\n      { position: 1, id: isNull(imageModel.value) ? undefined : imageModel.value }\n    )\n    imageMediaWidgetStore.setDetail(image)\n    pickInDialog = detail.value\n  } else {\n    // Not a kind the widget accepts (audio not in a podcast, video without a video file): nothing to show.\n    metadataDialog.value = false\n  }\n  metadataDialogLoading.value = false\n  if (props.expandMetadata) {\n    forceReloadViewWithExpandMetadata()\n  }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { dialog: assetDialog } = storeToRefs(assetDetailStore)\nconst {\n  damClient,\n  endPointAsset,\n  endPointImage,\n  endPointAuthor,\n  endPointCmsAsset,\n  copyToLicenceEnabled,\n  showSourceEnabled,\n  sourceLabel,\n  editAssetLabel,\n  addFromDamLabel,\n  replaceFromDamLabel,\n  customAssetSelectMetadataToImageMap,\n} = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { getExtSystemByLicence } = useDamConfigState(damClient, damConfigName)\n\nconst onEditAsset = async (assetFileId: DocId) => {\n  let extSystem: IntegerId | null = null\n  try {\n    await assetDetailStore.open(\n      props.queueKey,\n      async () => {\n        const assetRes = await fetchAssetByFileId(damClient, endPointAsset, assetFileId)\n        // Falls back to the ext system of the widget's upload licence,\n        // loaded by its root, when the licence cannot be resolved.\n        const shownUnder = (await getExtSystemByLicence(assetRes.licence)) ?? imageWidgetUploadConfig.value!.extSystem\n        // Must load before the detail shows the asset: it reads the ext\n        // system configuration while rendering and threw without it.\n        await loadAssetDetailExtSystem(damClient, shownUnder, assetRes.attributes.assetType, damConfigName)\n        extSystem = shownUnder\n        return assetRes\n      },\n      // Only for the asset the detail still shows: a stale answer must not change the ext system used for name lookups.\n      () => {\n        if (extSystem) cachedExtSystemId.value = extSystem\n      }\n    )\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n\nconst onMetadataDialogClose = () => {\n  imageMediaWidgetStore.setDetail(null)\n  metadataDialog.value = false\n  // Nothing is applied once the dialog is closed. Otherwise a pending\n  // pick answer overwrote another widget's dialog form opened meanwhile.\n  loadingInDialog = null\n  metadataDialogLoading.value = false\n  // Cancels this opening's wait for another widget's save.\n  cancelSaveWait?.()\n}\n\nconst tryMediaConfirm = async () => {\n  if (!isMediaAware(detail.value)) return\n  // Ignored while this widget's image save is in flight, like a second image confirm. That save's\n  // answer sets the image and dropped the media confirmed meanwhile. The button spins until then.\n  if (metadataDialogSaving.value) return\n  metadataDialogSaving.value = true\n  try {\n    metadataDialog.value = false\n    const media = detail.value\n    mediaModel.value = media\n    imageModel.value = null\n    imageMediaWidgetStore.setDetail(null)\n    reloadMedia(media)\n    emit('afterMetadataSaveSuccess')\n    releaseFieldLockWith({ image: null, media })\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    metadataDialogSaving.value = false\n  }\n}\n\nconst tryImageConfirm = async () => {\n  if (!isImageCreateUpdateAware(detail.value)) return\n  // The asset of a just-closed detail is still being read, and the read may change\n  // what the form requires. The confirm waits for it, then the form confirms again.\n  const confirmAgain = () => detailDialogMetadataComponent.value?.confirm()\n  if (holdConfirmForDetailAssetRead(metadataDialogSaving.value, confirmAgain)) return\n  // Ignores a second press during the save: a host button is not disabled meanwhile and\n  // Enter reaches the dialog button. Otherwise the image is created or updated twice.\n  if (metadataDialogSaving.value) return\n  // A confirm belongs to the image it was pressed on. During waits the dialog\n  // may close and reopen for another image or media, or the widget may unmount.\n  // Until the save is sent, each step continues only if the widget exists and the dialog still shows that image.\n  // Otherwise another image was saved without a press, or an image without fields was created for a media.\n  const pressedOn = detail.value\n  const confirmIsOver = () => disposed || detail.value !== pressedOn\n  // Authors are also not sent if the widget turned read-only meanwhile.\n  const authorsSendIsOver = () => confirmIsOver() || props.readonly\n  metadataDialogSaving.value = true\n  // The dialog shows the source from the held asset, not the pick (its read\n  // failed). Once saved, the image has its own source and the asset is released.\n  const letGoHeld = letGoOnceSavedWithSource(pressedOn)\n  try {\n    const authorsAsset = damAuthorsAsset.value\n    if (authorsAsset) {\n      if (authorsAsset.authors.length > 0) {\n        // The asset was read at pick time and may have gained authors\n        // since. The write would replace them, so it is read again first.\n        // A failed read saves nothing. If it now has authors nothing is written: the pick is dropped,\n        // an empty source takes their names, a persistent message is shown, and the dialog stays.\n        let givenMeanwhile: string | null\n        try {\n          givenMeanwhile = await authorsGivenMeanwhile(authorsAsset)\n        } catch (e) {\n          if (!authorsSendIsOver() && !showErrorsDefault(e)) showUnknownError()\n          return\n        }\n        if (authorsSendIsOver()) return\n        if (!isNull(givenMeanwhile)) {\n          offerNoDamAuthors()\n          giveNamesToEmptySource(pressedOn, givenMeanwhile)\n          showWarningT('common.damImage.image.meta.authorsGivenMeanwhile', -1)\n          return\n        }\n        // Author names go into the image source only after the DAM accepts the authors, and are held aside until then.\n        // Written earlier, they stayed in the hidden source after a refused\n        // write, and a confirm with the pick cleared saved them with the image.\n        // Looked up under the ext system of the asset's licence, like the read before the write.\n        const authorsRes = await fetchAuthorListByIds(\n          damClient,\n          endPointAuthor,\n          (await getExtSystemByLicence(authorsAsset.licence)) ??\n            assetSelectStore.requireSelectedSelectConfig().extSystem,\n          authorsAsset.authors\n        )\n        // Silently stops if the dialog was left or the widget is gone or read-only.\n        if (authorsSendIsOver()) return\n        const source = authorsRes.map((author) => author.name).join(', ')\n        try {\n          await updateAssetAuthors(damClient, endPointAsset, authorsAsset)\n        } catch (e) {\n          // Names the authors refused by validation as the forms name them. The image is not saved.\n          showMetadataSaveError(e, assetSelectStore.requireSelectedSelectConfig().extSystem, damConfigName)\n          return\n        }\n        // The DAM already has the authors. The image is not saved.\n        if (confirmIsOver()) return\n        pressedOn.texts.source = source\n        offerNoDamAuthors()\n      }\n    }\n    const image = imageFieldsOf(pressedOn)\n    // The save is noted for the other widgets of the page, even if this widget is gone by the time it answers.\n    const res = image.id\n      ? await noteImageSave(damConfigName, image.id, ownImageSaves, imageApi.updateImage(imageClient, image.id, image))\n      : await imageApi.createImage(imageClient, image)\n    // The widget is gone, so nothing of the answer is written.\n    // The dialog store is shared by the page and may already belong to the\n    // next widget. Writing here emptied its form and then showed this image.\n    if (disposed) return\n    letGoHeld()\n    // This confirm closes the dialog if it shows the pressed image or nothing, or if \"edit\n    // metadata\" reopened it. That copy is stale and its confirm would overwrite this save.\n    // A dialog of another pick or upload stays open and keeps the field lock. A dialog still\n    // loading for a pick or \"edit metadata\" also stays open. Closing it broke that load.\n    // If the dialog was closed meanwhile, the store may show another widget's dialog, so it is not emptied.\n    // The `expandMetadata` form is not a dialog. It shows the widget's image, now the saved one.\n    const ownDialogOpen = metadataDialog.value\n    const shown = detail.value\n    const dialogOfAnotherPick =\n      !props.expandMetadata &&\n      ownDialogOpen &&\n      (isNull(shown) ? !isNull(loadingInDialog) : shown !== pressedOn && shown !== ownInDialog)\n    if (!dialogOfAnotherPick) metadataDialog.value = false\n    if (!image.id) createdImageId = res.id\n    imageModel.value = res.id\n    mediaModel.value = null\n    if (!dialogOfAnotherPick && (ownDialogOpen || props.expandMetadata)) imageMediaWidgetStore.setDetail(null)\n    // A dialog of another pick or upload opened during a create gets the created\n    // id. Otherwise its confirm created a second image and left this one unused.\n    // Only the pick of this widget is updated. An image another widget put in the store belongs to that widget.\n    if (dialogOfAnotherPick && !image.id && shown === pickInDialog && isImageCreateUpdateAware(shown)) {\n      if (isUndefined(shown.id)) shown.id = res.id\n    }\n    // Runs before the dialog close is observed, so this release with the saved value is the one\n    // sent. When the editor is alone there is no lock and the value goes to the buffer here.\n    // While the menu or another dialog holds the field, the lock\n    // stays with it. Releasing here broke a picker opened since.\n    // Not while a dialog of another pick or upload is open. It sets the final\n    // value under this id, and other editors reload only when the id changes.\n    if (props.collabStatus === CollabStatus.Inactive || (!clickMenuOpened.value && !anyWidgetDialogOpened.value)) {\n      releaseFieldLockWith({ image: res.id, media: null })\n    } else if (lockedLocal.value && !dialogOfAnotherPick) {\n      changeFieldData.value({ image: res.id, media: null })\n    }\n    await reloadImage(res, res.id, true)\n    emit('afterMetadataSaveSuccess')\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    metadataDialogSaving.value = false\n    // A dialog closed during this confirm left the lock to it. It is released here once nothing else holds it.\n    // A disposed widget also releases with its current field value.\n    // The server keeps locks until release or leaving the room.\n    // Skipped if the replacement widget has taken the lock since, because the release would free its lock.\n    if (disposed ? !lockTurnTakenSince() : !clickMenuOpened.value && !anyWidgetDialogOpened.value) {\n      releaseFieldLockLocal()\n    }\n  }\n}\n\nconst onMetadataDialogConfirm = async () => {\n  if (props.readonly) return\n  await tryMediaConfirm()\n  await tryImageConfirm()\n}\n\n// While a delete is pending, closing the menu or a dialog does not release the\n// lock. The menu closes on the click and released with the image still there.\n// Same while a dialog confirm runs. Otherwise the lock went back with\n// the old value and the saved image never reached other editors.\nconst deletePending = ref(false)\nconst onImageMediaDelete = async () => {\n  // Use the widget's own image. The store detail is shared and may be empty or another widget's.\n  const imageId = imageModel.value\n  if (props.callDeleteApiOnRemove && !isNull(imageId)) {\n    deletePending.value = true\n    try {\n      await imageApi.deleteImage(imageClient, imageId)\n      // A widget that is gone writes nothing into the page.\n      if (!disposed) reset(!clickMenuOpened.value && !anyWidgetDialogOpened.value)\n    } catch (e) {\n      showErrorsDefault(e)\n    } finally {\n      deletePending.value = false\n    }\n    // A disposed widget releases the lock with its field value, unless the replacement widget has taken the lock since.\n    // Otherwise the release freed the lock held by that widget's open menu.\n    if (disposed ? !lockTurnTakenSince() : !clickMenuOpened.value && !anyWidgetDialogOpened.value)\n      releaseFieldLockLocal()\n    return\n  }\n  reset()\n}\n\nconst forceReloadViewWithExpandMetadata = () => {\n  if (isMediaAware(detail.value)) {\n    reloadMedia(detail.value)\n    return\n  } else if (isImageCreateUpdateAware(detail.value)) {\n    reloadImage(detail.value, null, true)\n  }\n}\n\nconst onAssetUploadConfirm = (items: ImageCreateUpdateAware[]) => {\n  if (props.readonly) return\n  if (!items[0]) return\n\n  if (!isNull(imageModel.value)) {\n    items[0].id = imageModel.value\n  }\n  // An upload brings its own source, so authors of a previously picked asset are not offered.\n  offerNoDamAuthors()\n  dialogType.value = DamAssetType.Image\n  imageMediaWidgetStore.setDetail(items[0])\n  pickInDialog = detail.value\n  metadataDialog.value = true\n  if (props.expandMetadata) {\n    forceReloadViewWithExpandMetadata()\n  }\n}\n\nconst expandedUploadDialog = ref<InstanceType<typeof AFileInputDialog> | null>(null)\n\nconst onDropzoneClick = () => {\n  if (isLocked.value || props.readonly) return\n  acquireFieldLockLocal()\n  if (!props.expandOptions) {\n    clickMenuOpened.value = true\n    return\n  }\n  expandedUploadDialog.value?.activate()\n}\n\nconst detailDialogMetadataComponent = ref<InstanceType<typeof ImageDetailDialogMetadata> | null>(null)\n\nconst metadataConfirm = () => {\n  if (props.readonly) return\n  detailDialogMetadataComponent.value?.confirm()\n}\n\nconst onOptionsButtonClick = () => {\n  acquireFieldLockLocal()\n}\n\nconst anyWidgetDialogOpened = computed(() => {\n  return (\n    assetPicksPending.value > 0 ||\n    metadataDialog.value ||\n    assetSelectDialog.value ||\n    fileInputDialog.value ||\n    uploadQueueDialog.value === props.queueKey\n  )\n})\n\nconst isLocked = computed(() => {\n  return !isNull(lockedByUserLocal.value)\n})\n\nconst preselectType = computed(() => {\n  if (mediaModel.value && mediaModel.value.damMedia.assetType) {\n    return mediaModel.value.damMedia.assetType\n  }\n  return DamAssetType.Image as DamMediaTypeType\n})\n\nconst type = computed<DamAssetTypeType | null>(() => {\n  if (isMediaAware(resImageMedia.value)) {\n    return resImageMedia.value.damMedia.assetType === DamMediaType.Video ? DamAssetType.Video : DamAssetType.Audio\n  } else if (isImageCreateUpdateAware(resImageMedia.value)) {\n    return DamAssetType.Image\n  }\n  return null\n})\n\nwatch(\n  clickMenuOpened,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    // On open, a lock left unconfirmed by a refused drop is requested again. It\n    // is done here, not in the click handler, because the click also closes.\n    if (newValue) return void acquireFieldLockLocal(true)\n    if (anyWidgetDialogOpened.value || deletePending.value || metadataDialogSaving.value) return\n    releaseFieldLockLocal()\n  },\n  { immediate: false }\n)\n\nwatch(\n  anyWidgetDialogOpened,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    // Opened from an `expandOptions` button there is no menu to request the lock, so\n    // the dialog does. Opened from the menu, it requests only an unconfirmed lock.\n    if (newValue) return void acquireFieldLockLocal(true)\n    if (deletePending.value || metadataDialogSaving.value) return\n    releaseFieldLockLocal()\n  },\n  { immediate: false }\n)\n\n// When read-only, open dialogs and menus close as on cancel and the lock is released\n// once none holds it. A dialog left open kept the lock unseen and reappeared on edit.\n// A dialog with a save in progress is left to that save, which closes it. If the save fails, it closes then.\n// With `expandMetadata` the in-page form is kept for its host to confirm later. Emptying it lost the pick still shown.\nwatch([() => props.readonly, metadataDialogSaving], ([readonly]) => {\n  if (!readonly) return\n  clickMenuOpened.value = false\n  fileInputDialog.value = false\n  if (metadataDialog.value && !metadataDialogSaving.value && !props.expandMetadata) onMetadataDialogClose()\n})\n\n// A lost connection drops this editor's locks on the server. Kept as\n// held, the lock was never requested again and its release was refused.\n// On reconnect, an open menu or dialog requests the lock again. This includes\n// one opened while alone and one whose request was refused or unanswered.\nwatch(collabReconnecting, (reconnecting) => {\n  if (!reconnecting) return\n  lockedLocal.value = false\n  lockRequestPending.value = false\n  collabFieldLockReallyLocked.value = false\n})\nwatch(\n  () => props.collabStatus,\n  (status, previous) => {\n    if (status === CollabStatus.Inactive || previous !== CollabStatus.Inactive) return\n    if (clickMenuOpened.value || anyWidgetDialogOpened.value) acquireFieldLockLocal(true)\n  }\n)\n\ndefineExpose({\n  metadataConfirm,\n})\n</script>\n\n<template>\n  <div\n    class=\"a-image-widget\"\n    :class=\"{ 'a-image-widget--locked': isLocked }\"\n    :style=\"{\n      width: width ? width + 'px' : undefined,\n      maxWidth: maxWidth ? maxWidth + 'px' : undefined,\n    }\"\n  >\n    <div class=\"a-image-widget__options\">\n      <h4\n        v-if=\"label\"\n        class=\"font-weight-bold text-label-large\"\n      >\n        {{ label\n        }}<span\n          v-if=\"required\"\n          class=\"a-required-mark\"\n        />\n      </h4>\n      <div class=\"d-flex\">\n        <div v-if=\"isLocked && collab\">\n          <ACollabLockedByUser\n            :id=\"lockedByUserLocal\"\n            :users=\"collab.cachedUsers\"\n          />\n        </div>\n        <div v-if=\"!readonly\">\n          <div\n            v-if=\"expandOptions\"\n            class=\"d-flex flex-row\"\n          >\n            <VBtn\n              v-if=\"imageMediaLoaded && !expandMetadata\"\n              class=\"mr-2 mb-2\"\n              :disabled=\"isLocked\"\n              :text=\"\n                type === DamAssetType.Image\n                  ? t('common.damImage.image.meta.edit')\n                  : t('common.damImage.media.meta.edit')\n              \"\n              @click=\"actionEditMeta\"\n            />\n            <VBtn\n              class=\"mr-2 mb-2\"\n              :disabled=\"isLocked\"\n              @click=\"actionLibrary\"\n            >\n              <span v-if=\"imageMediaLoaded\">{{ replaceFromDamLabel }}</span>\n              <span v-else>{{ addFromDamLabel }}</span>\n            </VBtn>\n            <AFileInputDialog\n              ref=\"expandedUploadDialog\"\n              v-model=\"fileInputDialog\"\n              :file-input-key=\"uploadQueue?.fileInputKey\"\n              :accept=\"uploadAccept\"\n              :max-sizes=\"uploadSizes\"\n              toolbar-t=\"common.damImage.image.button.upload\"\n              @files-input=\"onFileInput\"\n            >\n              <template #activator=\"{ props: fileInputProps }\">\n                <VBtn\n                  v-bind=\"fileInputProps\"\n                  :disabled=\"isLocked\"\n                >\n                  {{ t('common.damImage.image.button.upload') }}\n                </VBtn>\n              </template>\n            </AFileInputDialog>\n            <span\n              v-if=\"required\"\n              class=\"a-required-mark ml-2\"\n            />\n          </div>\n          <VBtn\n            v-else\n            variant=\"text\"\n            size=\"x-small\"\n            icon\n            :disabled=\"isLocked\"\n            :aria-label=\"t('common.damImage.image.button.options')\"\n            @click.stop=\"onOptionsButtonClick\"\n          >\n            <VIcon icon=\"mdi-dots-horizontal\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"top\"\n            >\n              {{ t('common.damImage.image.button.options') }}\n            </VTooltip>\n            <VMenu\n              v-model=\"clickMenuOpened\"\n              activator=\"parent\"\n              location=\"bottom right\"\n              eager\n            >\n              <VCard>\n                <VList density=\"compact\">\n                  <VListItem\n                    v-if=\"imageMediaLoaded && !expandMetadata\"\n                    @click=\"actionEditMeta\"\n                  >\n                    <VListItemTitle>\n                      {{\n                        type === DamAssetType.Image\n                          ? t('common.damImage.image.meta.edit')\n                          : t('common.damImage.media.meta.edit')\n                      }}\n                    </VListItemTitle>\n                  </VListItem>\n                  <VListItem @click=\"actionLibrary\">\n                    <VListItemTitle>\n                      <span v-if=\"imageMediaLoaded\">{{ replaceFromDamLabel }}</span>\n                      <span v-else>{{ addFromDamLabel }}</span>\n                    </VListItemTitle>\n                  </VListItem>\n                  <AFileInputDialog\n                    v-model=\"fileInputDialog\"\n                    :file-input-key=\"uploadQueue?.fileInputKey\"\n                    :accept=\"uploadAccept\"\n                    :max-sizes=\"uploadSizes\"\n                    toolbar-t=\"common.damImage.image.button.upload\"\n                    @files-input=\"onFileInput\"\n                  >\n                    <template #activator=\"{ props: fileInputProps }\">\n                      <VListItem\n                        @click=\"\n                          ($event: any) => {\n                            fileInputProps.onClick($event)\n                            clickMenuOpened = false\n                          }\n                        \"\n                      >\n                        {{ t('common.damImage.image.button.upload') }}\n                      </VListItem>\n                    </template>\n                  </AFileInputDialog>\n                  <VListItem\n                    v-if=\"imageMediaLoaded\"\n                    @click=\"onImageMediaDelete\"\n                  >\n                    <VListItemTitle>\n                      {{\n                        type === DamAssetType.Image\n                          ? t('common.damImage.image.button.removeImage')\n                          : t('common.damImage.media.button.remove')\n                      }}\n                    </VListItemTitle>\n                  </VListItem>\n                </VList>\n              </VCard>\n            </VMenu>\n          </VBtn>\n        </div>\n      </div>\n    </div>\n    <div class=\"position-relative\">\n      <VImg\n        :lazy-src=\"imagePlaceholderPath\"\n        :src=\"resolvedSrc\"\n        :width=\"width\"\n        :height=\"height\"\n        cover\n        max-width=\"100%\"\n        class=\"disable-radius\"\n      >\n        <template #placeholder>\n          <div class=\"d-flex align-center justify-center h-100\">\n            <VProgressCircular\n              indeterminate\n              color=\"grey-lighten-4\"\n            />\n          </div>\n        </template>\n      </VImg>\n      <div\n        v-if=\"type\"\n        class=\"a-image-widget__icon\"\n      >\n        <div v-if=\"type === DamAssetType.Audio\">\n          <VIcon\n            size=\"80\"\n            icon=\"mdi-music\"\n            color=\"#505050\"\n          />\n        </div>\n        <div v-else-if=\"type === DamAssetType.Video\">\n          <VIcon\n            size=\"80\"\n            icon=\"mdi-video\"\n            color=\"#505050\"\n          />\n        </div>\n      </div>\n      <AImageDropzone\n        v-if=\"!readonly\"\n        variant=\"fill\"\n        transparent\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        :hide-text=\"hideDropzoneText || isLocked\"\n        @click=\"onDropzoneClick\"\n        @drop=\"onDrop\"\n      />\n    </div>\n    <slot\n      name=\"append\"\n      :image-media=\"resImageMedia\"\n    />\n    <ImageDetailDialogMetadata\n      v-if=\"!readonly\"\n      ref=\"detailDialogMetadataComponent\"\n      v-model=\"metadataDialog\"\n      :show-dam-authors=\"!!damAuthorsAsset\"\n      :dam-authors=\"damAuthorsAsset?.authors\"\n      :show-source-enabled=\"showSourceEnabled\"\n      :source-label=\"sourceLabel\"\n      :edit-asset-label=\"editAssetLabel\"\n      :expand=\"expandMetadata\"\n      :saving=\"metadataDialogSaving || confirmWaits\"\n      :loading=\"metadataDialogLoading\"\n      :type=\"dialogType\"\n      @edit-asset=\"onEditAsset\"\n      @update:dam-authors=\"pickDamAuthors\"\n      @confirm=\"onMetadataDialogConfirm\"\n      @close=\"onMetadataDialogClose\"\n    >\n      <template #preview=\"{ imageMedia: appendMedia }\">\n        <slot\n          name=\"preview\"\n          :image-media=\"appendMedia\"\n        />\n      </template>\n    </ImageDetailDialogMetadata>\n  </div>\n  <AAssetSelectMedia\n    v-model=\"assetSelectDialog\"\n    :select-licences=\"selectLicences\"\n    :upload-licence=\"uploadLicence\"\n    :min-count=\"1\"\n    :max-count=\"1\"\n    :config-name=\"damConfigName\"\n    return-type=\"asset\"\n    :preselect-asset-type=\"preselectType\"\n    :preselect-in-podcast=\"preselectType === DamAssetType.Audio || null\"\n    @confirm=\"onAssetSelectConfirm\"\n  />\n  <AssetDetailDialog\n    v-if=\"assetDialog === queueKey\"\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :ext-system=\"cachedExtSystemId\"\n    @close=\"onAssetDetailClose\"\n  />\n  <UploadQueueDialogSingle\n    v-if=\"uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"imageWidgetUploadConfig.extSystem\"\n    :licence-id=\"imageWidgetUploadConfig.licence\"\n    :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n    :accept=\"uploadAccept\"\n    :max-sizes=\"uploadSizes\"\n    @apply=\"onAssetUploadConfirm\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue.d.ts

@@ -0,0 +1,144 @@
+import { DocId, IntegerId, IntegerIdNullable } from '../../../../shared/types/common';
+import { ImageAware } from '../../types/ImageAware';
+import { UploadQueueKey } from '../../types/UploadQueue';
+import { CollabComponentConfig, CollabStatusType } from '../../../collab/types/Collab';
+import { DamMediaTypeType, MediaAware } from '../../types/MediaAware';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+    uploadLicence: IntegerId;
+    selectLicences: IntegerId[];
+    initialImage?: ImageAware | undefined;
+    configName?: string;
+    collab?: CollabComponentConfig;
+    collabStatus?: CollabStatusType;
+    label?: string | undefined;
+    required?: boolean;
+    readonly?: boolean;
+    dataCy?: string | undefined;
+    expandOptions?: boolean;
+    expandMetadata?: boolean;
+    disableOnClickMenu?: boolean;
+    width?: number | undefined;
+    maxWidth?: number | undefined;
+    height?: number | undefined;
+    callDeleteApiOnRemove?: boolean;
+    damWidth?: undefined | number;
+    damHeight?: undefined | number;
+};
+type __VLS_ModelProps = {
+    'image': IntegerIdNullable;
+    'media': MediaAware | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        append?: (props: {
+            imageMedia: {
+                id?: IntegerId | undefined;
+                texts: {
+                    description: string;
+                    source: string;
+                };
+                flags: {
+                    showSource: boolean;
+                    internal: boolean;
+                    overrideInternal: boolean;
+                };
+                position?: number | undefined;
+                dam: {
+                    damId: DocId;
+                    licenceId: IntegerId;
+                    regionPosition: number;
+                    internal: boolean;
+                };
+            } | {
+                id?: IntegerId | undefined;
+                damMedia: {
+                    imageFileId: import('../../../../shared/types/common').DocIdNullable;
+                    assetId: import('../../../../shared/types/common').DocIdNullable;
+                    licenceId: IntegerIdNullable;
+                    assetType: DamMediaTypeType;
+                    title: string;
+                    description: string;
+                    seriesName: string;
+                    authorNames: string[];
+                    publishedAt: import('../../../../shared/types/common').DatetimeUTCNullable;
+                    duration: number;
+                    mediaUrl: string | null;
+                    playable: boolean;
+                    syncedWithDam: boolean;
+                    episodeName: string;
+                    episodeNumber: number | null;
+                };
+                extService: "damVideo" | "damPodcast";
+            } | null;
+        }) => any;
+    } & {
+        preview?: (props: {
+            imageMedia: {
+                id?: IntegerId | undefined;
+                damMedia: {
+                    imageFileId: import('../../../../shared/types/common').DocIdNullable;
+                    assetId: import('../../../../shared/types/common').DocIdNullable;
+                    licenceId: IntegerIdNullable;
+                    assetType: DamMediaTypeType;
+                    title: string;
+                    description: string;
+                    seriesName: string;
+                    authorNames: string[];
+                    publishedAt: import('../../../../shared/types/common').DatetimeUTCNullable;
+                    duration: number;
+                    mediaUrl: string | null;
+                    playable: boolean;
+                    syncedWithDam: boolean;
+                    episodeName: string;
+                    episodeNumber: number | null;
+                };
+                extService: "damVideo" | "damPodcast";
+            };
+        }) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
+    metadataConfirm: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:image": (value: IntegerIdNullable) => any;
+    "update:media": (value: MediaAware<import('../../types/MediaAware').DamMedia> | null) => any;
+} & {
+    afterMetadataSaveSuccess: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onAfterMetadataSaveSuccess?: (() => any) | undefined;
+    "onUpdate:image"?: ((value: IntegerIdNullable) => any) | undefined;
+    "onUpdate:media"?: ((value: MediaAware<import('../../types/MediaAware').DamMedia> | null) => any) | undefined;
+}>, {
+    collab: {
+        room: import('../../../collab/types/Collab').CollabRoom;
+        field: import('../../../collab/types/Collab').CollabFieldName;
+        cachedUsers: import('../../../../lib').CollabCachedUsersMap;
+    };
+    label: string;
+    width: number;
+    height: number;
+    required: boolean;
+    dataCy: string;
+    maxWidth: number;
+    readonly: boolean;
+    configName: string;
+    damWidth: number;
+    damHeight: number;
+    collabStatus: CollabStatusType;
+    expandOptions: boolean;
+    expandMetadata: boolean;
+    disableOnClickMenu: boolean;
+    callDeleteApiOnRemove: boolean;
+    initialImage: ImageAware;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};