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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWidgetInner.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","imagePlaceholderPath","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_normalizeClass","_normalizeStyle","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","ACollabLockedByUser","_createBlock","_component_VBtn","_withCtx","_unref","AFileInputDialog","_mergeProps","_withModifiers","_component_VIcon","_component_VTooltip","_component_VMenu","_component_VCard","_component_VList","_component_VListItem","_component_VListItemTitle","_component_VImg","_component_VProgressCircular","AImageDropzone","_renderSlot","ImageDetailDialogMetadata","AAssetSelect","_createSlots","_normalizeProps","_guardReactiveProps","AssetDetailDialog","UploadQueueDialogSingle","AFileDropzone_default","placeholder16x9_default","AAssetSelect_default","ImageDetailDialogMetadata_default","AssetDetailDialog_default","UploadQueueDialogSingle_default","ACollabLockedByUser_default","AFileInputDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","ImageWidgetInner_vue_vue_type_script_setup_true_lang_default","CollabStatus","\"modelValue\"","\"modelModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","damConfigName","useDamConfigName","useCommonAdminCollabOptions","useCollabState","releaseFieldLock","ref","changeFieldData","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","changeCollabFieldData","acquireCollabFieldLock","watch","lockedByUser","newValue","addCollabFieldLockStatusListener","data","CollabFieldLockStatus","CollabFieldLockType","lockRequestPending","lockedLocal","ownLockTurn","takeLockTurn","takeFieldLockTurn","lockTurnTakenSince","lastFieldLockTurn","acquireFieldLockLocal","again","releaseFieldLockLocal","value","releaseFieldLockWith","imageWidgetUploadConfig","inject","ImageWidgetUploadConfigKey","isUndefined","useI18n","useAlerts","imageOptions","useCommonAdminImageOptions","useImageActions","uploadQueuesStore","useUploadQueuesStore","imageMediaWidgetStore","useImageMediaWidgetStore","storeToRefs","thisWidget","useUploadQueueDialog","resImage","clickMenuOpened","assetSelectDialog","metadataDialog","metadataDialogSaving","metadataDialogLoading","fileInputDialog","useImageDialogDamAuthors","isImageCreateUpdateAware","detail","shows","withoutImage","computed","isNull","resolvedSrc","uploadQueue","imageLoaded","ownImageInDialog","pickInDialog","loadingInDialog","answerTakenFor","disposed","opening","resImageReadAt","ownImageSaves","cancelSaveWait","actionEditMeta","heldId","id","othersSaves","isNumber","imageSavesOfOthersOver","thisOpening","over","withinWaitLimit","WAIT_RAN_OUT","showErrorT","heldAnew","readHeldAnew","anew","savedId","saved","imageSavedSince","reload","toRaw","takeHeldAnew","showReadInForm","actionLibrary","useExtSystemIdForCached","collabFieldLockReallyLocked","LOCK_WAIT_CANCELLED","pendingLockWaits","wait","deletePending","holdImage","waitForFieldLockIsReallyAcquired","count","checkLock","resolve","dropInWait","onDrop","files","isLocked","config","thisDrop","anyWidgetDialogOpened","showWarningT","stopQueueLeftBehind","onCopyToLicence","DamAssetType","onFileInput","useDamAcceptTypeAndSizeHelper","createdImageId","newImage","force","cloneDeep","widgetImageToDamImageUrl","newImageId","readAt","imageApi","imageClient","error","reset","release","assetSelectStore","useAssetSelectStore","useDamConfigState","assetPicksPending","onAssetSelectConfirm","thisPick","pickAsset","offerNoDamAuthors","description","source","copyToLicenceEnabled","copyRes","copyToLicence","damClient","endPointImage","authorsToOffer","assetRes","fetchAsset","endPointAsset","customAssetSelectMetadataToImageMap","mapped","isString","fetchAuthorListByIds","endPointAuthor","getExtSystemByLicence","author","getDamConfigExtSystem","assetMetadataMayStillChange","offerDamAuthorsOf","image","createDamImage","forceReloadViewWithExpandMetadata","assetDetailStore","useAssetDetailStore","assetDialog","useCommonAdminCoreDamOptions","onEditAsset","extSystem","fetchAssetByFileId","assetFileId","shownUnder","loadAssetDetailExtSystem","onMetadataDialogClose","onMetadataDialogConfirm","holdConfirmForDetailAssetRead","detailDialogMetadataComponent","pressedOn","confirmIsOver","authorsSendIsOver","letGoHeld","letGoOnceSavedWithSource","authorsAsset","damAuthorsAsset","givenMeanwhile","authorsGivenMeanwhile","showErrorsDefault","showUnknownError","giveNamesToEmptySource","authorsRes","updateAssetAuthors","imageFieldsOf","res","noteImageSave","ownDialogOpen","shown","dialogOfAnotherPick","onImageDelete","onAssetUploadConfirm","items","expandedUploadDialog","onDropzoneClick","metadataConfirm","onOptionsButtonClick","uploadQueueDialog","oldValue","oldImage","created","readonly","collabReconnecting","reconnecting","status","previous","openBlock","createElementBlock","Fragment","createElementVNode","normalizeClass","normalizeStyle","createTextVNode","toDisplayString","createCommentVNode","createVNode","createBlock","VBtn","withCtx","unref","t","replaceFromDamLabel","addFromDamLabel","_cache","$event","uploadAccept","uploadSizes","fileInputProps","mergeProps","withModifiers","VIcon","VTooltip","VMenu","VCard","VList","VListItem","VListItemTitle","VImg","VProgressCircular","renderSlot","_ctx","showSourceEnabled","sourceLabel","editAssetLabel","confirmWaits","pickDamAuthors","createSlots","normalizeProps","guardReactiveProps","slotProps","cachedExtSystemId","onAssetDetailClose"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetInner.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 { type AssetDetailItemDto, DamAssetType, type DamImageCopyToLicenceResponse } 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 AAssetSelect from '@/domains/dam/assetSelect/components/AAssetSelect.vue'\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  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 { 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 {\n  isImageCreateUpdateAware,\n  useImageMediaWidgetStore,\n} from '@/domains/dam/imageWidget/store/imageMediaWidgetStore'\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    image?: 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    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    required: false,\n    image: 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    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n\nconst modelValue = defineModel<IntegerIdNullable>({ 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}\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 = (value: IntegerIdNullable) => {\n  if (lockedLocal.value === false) return\n  releaseFieldLock.value(value)\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: IntegerIdNullable) => {\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 } = useImageActions(imageOptions)\nconst uploadQueuesStore = useUploadQueuesStore()\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 widget')\nconst { uploadQueueDialog, stopQueueLeftBehind } = useUploadQueueDialog()\n\nconst resImage = ref<null | ImageCreateUpdateAware>(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 withoutImage = computed(() => {\n  return isNull(modelValue.value)\n})\n\nconst resolvedSrc = ref('')\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst imageLoaded = computed(() => {\n  return !isNull(resImage.value)\n})\n\n// Copy of the widget's image that \"edit metadata\" put into the dialog.\nlet ownImageInDialog: typeof detail.value = null\n// Last image a pick or upload of this widget put into the dialog. The\n// dialog store is shared by the page and may show another widget's dialog.\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\nconst actionEditMeta = async () => {\n  const heldId = () => resImage.value?.id\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 widget holds the asset of the image, picked without authors. The dialog shows loading\n  // while that asset is read again, and the result goes into the dialog with the image.\n  const heldAnew = readHeldAnew(resImage.value?.dam.damId)\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 reload(saved, null, true)\n  imageMediaWidgetStore.setDetail(toRaw(resImage.value))\n  takeHeldAnew(anew, isImageCreateUpdateAware(detail.value) ? detail.value : null)\n  ownImageInDialog = 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 = () => resImage.value?.id\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 reload(saved, null, true)\n  imageMediaWidgetStore.setDetail(toRaw(resImage.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  // The lock holder (menu, dialog, picker, pending pick or drop) goes with the widget\n  // and never released it. The server keeps locks until release or leaving the room.\n  // Release with the field value, unless a pending save or delete releases\n  // it later, or the replacement widget has taken the lock since.\n  if (!metadataDialogSaving.value && !deletePending.value && !lockTurnTakenSince()) {\n    releaseFieldLockLocal(modelValue.value)\n  }\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)\n        releaseFieldLockLocal(modelValue.value)\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)\n      releaseFieldLockLocal(modelValue.value)\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 reload = async (newImage: ImageCreateUpdateAware | undefined, newImageId: IntegerIdNullable, force = false) => {\n  resolvedSrc.value = imagePlaceholderPath\n  if ((newImage && isNull(resImage.value)) || (newImage && force)) {\n    resImage.value = cloneDeep(newImage)\n    resImageReadAt = holdImage(damConfigName, thisWidget, newImage.id ?? null)\n    if (resImage.value) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImage.value), props.damWidth, props.damHeight)\n      } else {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImage.value))\n      }\n      if (props.expandMetadata) {\n        imageMediaWidgetStore.setDetail(toRaw(resImage.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      resImage.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 (!isNull(resImage.value)) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImage.value), props.damWidth, props.damHeight)\n      } else {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImage.value))\n      }\n      if (props.expandMetadata) void showReadInForm()\n    }\n    return\n  }\n  resImage.value = null\n  holdImage(damConfigName, thisWidget, 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  resImage.value = null\n  holdImage(damConfigName, thisWidget, null)\n  modelValue.value = null\n  if (release || props.collabStatus === CollabStatus.Inactive) releaseFieldLockWith(null)\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  metadataDialogLoading.value = true\n  imageMediaWidgetStore.setDetail(null)\n  offerNoDamAuthors()\n  let description = ''\n  let source = ''\n  if (data.type === 'asset') {\n    if (!data.value[0] || !data.value[0].mainFile) return\n    // The dialog shows loading while the asset is read or copied\n    // to the upload licence, and nothing else can open meanwhile.\n    // Without this, the upload dialog of a copy covered a dialog opened since and \"Save and apply\" replaced its form.\n    metadataDialog.value = true\n    if (\n      copyToLicenceEnabled !== false &&\n      !isUndefined(data.copyToLicence) &&\n      data.value[0].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    // 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, data.value[0].id)\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 the widget is gone or the dialog no longer loads for this\n    // pick, the image is not put into the page-shared dialog store.\n    if (!answerTakenFor(thisPick)) return\n    if (authorsToOffer) offerDamAuthorsOf(authorsToOffer, data.value[0].mainFile.id)\n    const image = createDamImage(\n      {\n        fileId: data.value[0].mainFile.id,\n        licenceId: data.value[0].licence,\n        internal: data.value[0].mainFileInternal,\n      },\n      { description, source },\n      { position: 1, id: isNull(modelValue.value) ? undefined : modelValue.value }\n    )\n    imageMediaWidgetStore.setDetail(image)\n    pickInDialog = detail.value\n    metadataDialogLoading.value = false\n    if (props.expandMetadata) {\n      forceReloadViewWithExpandMetadata()\n    }\n  }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { dialog: assetDialog } = storeToRefs(assetDetailStore)\n\nconst coreDamOptions = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  damClient,\n  endPointAsset,\n  endPointImage,\n  endPointAuthor,\n  copyToLicenceEnabled,\n  showSourceEnabled,\n  sourceLabel,\n  editAssetLabel,\n  addFromDamLabel,\n  replaceFromDamLabel,\n  customAssetSelectMetadataToImageMap,\n} = coreDamOptions\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 onMetadataDialogConfirm = async () => {\n  if (props.readonly) return\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 awaits the\n  // dialog can close and reopen for another image, or the widget can unmount.\n  // Until the save is sent, continue only if the widget exists and the dialog\n  // still shows that image. Otherwise another image was saved without a press.\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 !== ownImageInDialog)\n    if (!dialogOfAnotherPick) metadataDialog.value = false\n    if (!image.id) createdImageId = res.id\n    modelValue.value = res.id\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 id 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(res.id)\n    } else if (lockedLocal.value && !dialogOfAnotherPick) {\n      changeFieldData.value(res.id)\n    }\n    await reload(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(modelValue.value)\n    }\n  }\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 image and the saved image never reached other editors.\nconst deletePending = ref(false)\nconst onImageDelete = async () => {\n  if (isNull(modelValue.value)) return\n  if (props.callDeleteApiOnRemove) {\n    deletePending.value = true\n    try {\n      await imageApi.deleteImage(imageClient, modelValue.value)\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(modelValue.value)\n    }\n    return\n  }\n  reset()\n}\n\nconst forceReloadViewWithExpandMetadata = () => {\n  if (!isImageCreateUpdateAware(detail.value)) return\n  reload(detail.value, null, true)\n}\n\nconst onAssetUploadConfirm = (items: ImageCreateUpdateAware[]) => {\n  if (props.readonly) return\n  if (!items[0]) return\n\n  if (!isNull(modelValue.value)) {\n    items[0].id = modelValue.value\n  }\n  // An upload brings its own source, so authors of a previously picked asset are not offered.\n  offerNoDamAuthors()\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\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(modelValue.value)\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(modelValue.value)\n  },\n  { immediate: false }\n)\n\nwatch(\n  [() => props.image, modelValue],\n  async ([newImage, newImageId], [oldImage]) => {\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(created) && newImageId === created && newImage === oldImage) return\n    await reload(newImage, newImageId)\n  },\n  { immediate: true }\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 flex-wrap\"\n          >\n            <VBtn\n              v-if=\"imageLoaded && !expandMetadata\"\n              class=\"mr-2 mb-2\"\n              :disabled=\"isLocked\"\n              @click=\"actionEditMeta\"\n            >\n              {{ t('common.damImage.image.meta.edit') }}\n            </VBtn>\n            <VBtn\n              class=\"mr-2 mb-2\"\n              :disabled=\"isLocked\"\n              @click=\"actionLibrary\"\n            >\n              <span v-if=\"imageLoaded\">{{ 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              @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=\"imageLoaded && !expandMetadata\"\n                    @click=\"actionEditMeta\"\n                  >\n                    <VListItemTitle>{{ t('common.damImage.image.meta.edit') }}</VListItemTitle>\n                  </VListItem>\n                  <VListItem @click=\"actionLibrary\">\n                    <VListItemTitle>\n                      <span v-if=\"imageLoaded\">{{ 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                    @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=\"imageLoaded\"\n                    @click=\"onImageDelete\"\n                  >\n                    <VListItemTitle>\n                      {{ t('common.damImage.image.button.removeImage') }}\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 #error>\n          <div class=\"d-flex align-center justify-center h-100\">\n            <VIcon icon=\"mdi-alert-circle-outline\" />\n          </div>\n        </template>\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      <AImageDropzone\n        v-if=\"!readonly\"\n        variant=\"fill\"\n        transparent\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        :hide-text=\"!withoutImage || isLocked\"\n        @click=\"onDropzoneClick\"\n        @drop=\"onDrop\"\n      />\n    </div>\n    <slot\n      name=\"append\"\n      :image=\"resImage\"\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=\"DamAssetType.Image\"\n      @edit-asset=\"onEditAsset\"\n      @update:dam-authors=\"pickDamAuthors\"\n      @confirm=\"onMetadataDialogConfirm\"\n      @close=\"onMetadataDialogClose\"\n    />\n  </div>\n  <AAssetSelect\n    v-model=\"assetSelectDialog\"\n    :select-licences=\"selectLicences\"\n    :upload-licence=\"uploadLicence\"\n    :min-count=\"1\"\n    :max-count=\"1\"\n    :asset-type=\"DamAssetType.Image\"\n    :skip-current-user-check=\"skipCurrentUserCheck\"\n    :config-name=\"damConfigName\"\n    return-type=\"asset\"\n    @confirm=\"onAssetSelectConfirm\"\n  >\n    <template\n      v-if=\"$slots['asset-select-sidebar-prepend']\"\n      #sidebar-prepend=\"slotProps\"\n    >\n      <slot\n        name=\"asset-select-sidebar-prepend\"\n        v-bind=\"slotProps\"\n      />\n    </template>\n  </AAssetSelect>\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":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWidgetMultipleInner.js","names":["_sfc_main","ImageWidgetMultipleInner_vue_vue_type_script_setup_true_lang_default","ImageWidgetMultipleInner_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, type ShallowRef, toRaw, watch } from 'vue'\nimport { isNull, isString, isUndefined } from '@/shared/utils/common'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport ImageWidgetMultipleItem from '@/domains/dam/imageWidget/components/ImageWidgetMultipleItem.vue'\nimport { storeToRefs } from 'pinia'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetDetailItemDto,\n  type AssetSearchListItemDto,\n  DamAssetType,\n  type DamImageCopyToLicenceResponse,\n} from '@/domains/dam/types/Asset'\nimport AAssetSelect from '@/domains/dam/assetSelect/components/AAssetSelect.vue'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { AssetSelectReturnData } from '@/domains/dam/types/AssetSelect'\nimport UploadQueueDialog from '@/domains/dam/uploadQueue/components/UploadQueueDialog.vue'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport {\n  type AssetAuthorsItems,\n  bulkUpdateAssetsAuthors,\n  fetchAsset,\n  fetchAssetByFileId,\n  fetchAssetListByIds,\n  type IdsGroupedByLicences,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { loadAssetDetailExtSystem } from '@/domains/dam/assetDetail/composables/assetDetailExtSystem'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport ASortableListEditor from '@/domains/listEditor/components/ASortableListEditor.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { fetchAuthorListByIds } from '@/domains/dam/author/api/authorApi'\nimport { useI18n } from 'vue-i18n'\nimport useVuelidate from '@vuelidate/core'\nimport { AImageMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport ImageWidgetMultipleLimitDialog from '@/domains/dam/imageWidget/components/ImageWidgetMultipleLimitDialog.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { fetchAssetListByFileIdsMultipleLicences } from '@/domains/dam/api/damfetchAssetListByFileIdsMultipleLicences'\nimport { copyToLicence } from '@/domains/dam/api/damImageApi'\nimport { createDamImage, imageFieldsOf } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport {\n  holdImages,\n  imageSavedSince,\n  imageSavesOfOthersOver,\n  noteImagesSave,\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    modelValue: IntegerId[]\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    disableDraggable?: boolean\n    widgetIdentifierId?: string | undefined\n    callDeleteApiOnRemove?: boolean\n    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    width: undefined,\n    disableDraggable: false,\n    widgetIdentifierId: undefined,\n    callDeleteApiOnRemove: false,\n    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst assetSelectDialog = ref(false)\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 imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { showErrorsDefault, showValidationError, showErrorT, showWarningT, showUnknownError } = useAlerts()\nconst uploadButtonComponent = ref<InstanceType<any> | null>(null)\n\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  DamAssetType.Image,\n  imageWidgetUploadConfig.value.extSystemConfig\n)\n\nconst { t } = useI18n()\n\nconst imagesLoading = ref(false)\nconst imagesLoadFailed = ref(false)\n\n// Editor must not mount before the fetch lands: its dirty baseline is captured once, so rows\n// arriving later would read as \"added\". One-shot, like the fetch.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst imagesReady = ref(props.modelValue.length === 0)\n\nconst listEditor = ref<{ commit: (rows?: ImageStoreItem[]) => void; cancelReorderMode: () => void } | null>(null)\n\nconst imageStore = useImageStore()\n// The store is shared by all widgets. Leftovers from the previous one do not belong to this entity.\nimageStore.reset()\nwatch(\n  () => props.readonly,\n  (value) => {\n    imageStore.readonly = value\n  },\n  { immediate: true }\n)\nconst { images, maxPosition } = storeToRefs(imageStore)\n\n// Identity of this widget among the image-saving widgets (`imageSaves.ts`), and marks of its own pending saves.\nconst thisWidget = Symbol('image widget multiple')\nconst ownImageSaves = new Set<symbol>()\n// Cancels waiting on other widgets' saves when this widget unmounts.\nlet cancelSaveWaits: (() => void) | null = null\n\n/**\n * Resolves once no other widget has a pending save of any of `ids`, such as the\n * widget this one replaced. On timeout the user is told the request timed out.\n */\nconst savesOfOthersOver = async (ids: IntegerId[]) => {\n  const waits = ids\n    .map((id) => imageSavesOfOthersOver(damConfigName, id, ownImageSaves))\n    .filter((wait) => !isNull(wait))\n  if (waits.length === 0) return\n  cancelSaveWaits = () => waits.forEach((wait) => wait.cancel())\n  const over = await withinWaitLimit(Promise.all(waits.map((wait) => wait.over)), 1, damConfigName)\n  cancelSaveWaits = null\n  if (over !== WAIT_RAN_OUT) return\n  waits.forEach((wait) => wait.cancel())\n  if (!unmounted) showErrorT('error.apiTimedOut.message')\n}\n\n// Rows added while the entity images load wait for the load and\n// come after them. Otherwise the load replaced them silently.\nlet imagesLoaded: Promise<void> = Promise.resolve()\n\nconst fetchImagesOnLoad = async () => {\n  if (props.modelValue.length === 0) {\n    return\n  }\n  try {\n    imagesLoading.value = true\n    // Counted when the read is sent: a save answered later may have taken effect after the read.\n    const readAt = holdImages(damConfigName, thisWidget, props.modelValue)\n    const read = await imageApi.fetchImageListByIds(imageClient, props.modelValue)\n    // Rows wait until other widgets' saves of these images are over, using the latest saved state.\n    // Otherwise a row had old texts and this widget's save wrote them back over the saved ones.\n    await savesOfOthersOver(read.map((image) => image.id))\n    if (unmounted) return\n    const imagesRes = read\n      .map((image) => {\n        const saved = imageSavedSince(damConfigName, image.id, readAt.get(image.id) ?? 0)\n        return saved ? { ...image, ...saved, id: image.id, position: saved.position ?? image.position } : image\n      })\n      .sort((a, b) => (a.position ?? 0) - (b.position ?? 0))\n    const groupedIds: IdsGroupedByLicences = new Map()\n    imagesRes.forEach((image) => {\n      const group = groupedIds.get(image.dam.licenceId)\n      if (group) {\n        group.push(image.dam.damId)\n      } else {\n        groupedIds.set(image.dam.licenceId, [image.dam.damId])\n      }\n    })\n\n    let assetsRes: Awaited<ReturnType<typeof fetchAssetListByFileIdsMultipleLicences>> = []\n    try {\n      assetsRes = await fetchAssetListByFileIdsMultipleLicences(damClient, endPointAsset, groupedIds)\n    } catch (e) {\n      // Read-only shows images without DAM authors. A user without upload rights is often refused the assets.\n      if (!props.readonly) throw e\n    }\n\n    imageStore.setImages(\n      imagesRes.map((imageRes) => {\n        if (isUndefined(imageRes.position)) throw new Error('Image object needs position field!')\n        imageStore.updateMaxPositionIfGreater(imageRes.position)\n        const found = assetsRes.find((asset) => asset.mainFile?.id === imageRes.dam.damId)\n        return {\n          key: generateUUIDv1(),\n          ...imageRes,\n          // Each row gets its own copy. Rows of the same asset shared the array.\n          damAuthors: found ? [...found.authors] : [],\n          showDamAuthors: found ? found.authors.length === 0 : false,\n          assetId: found ? found.id : undefined,\n        }\n      })\n    )\n    // Displaying a read-only widget must not rewrite the form's value with the stored order.\n    if (!props.readonly) {\n      emit('update:modelValue', images.value.map((image) => image.id).filter((id) => id !== undefined) as IntegerId[])\n    }\n  } catch (e) {\n    imagesLoadFailed.value = true\n    showErrorsDefault(e)\n  } finally {\n    imagesLoading.value = false\n    imagesReady.value = true\n  }\n}\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst { uploadQueueDialog, stopQueueLeftBehind } = useUploadQueueDialog()\n\nconst onFileInput = (files: File[]) => {\n  if (props.readonly) return\n  // The input rejected every file and reported it. Opening the queue dialog would show nothing new.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  // `afterLimitDialogAdd` opens the queue dialog once files are\n  // queued. Over the limit nothing is queued until the user agrees.\n  // Rows of a queue no dialog shows are not counted. They go first.\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onDrop = (files: File[]) => {\n  if (props.readonly) return\n  // Same as the input: the dropzone rejected every file and reported it.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onCopyToLicence = (data: DamImageCopyToLicenceResponse) => {\n  if (props.readonly) return\n  if (data.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  let refused = 0\n  data.forEach((item) => {\n    if (item.result === 'copy') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n    } else if (item.result === 'exists') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n      uploadQueuesStore.queueItemDuplicate(item.targetAsset, item.targetMainFile, DamAssetType.Image, damConfigName)\n    } else {\n      refused++\n    }\n  })\n  if (refused > 0) showErrorT('common.damImage.queueItem.errorUnableToCopyToLicence')\n  if (refused === data.length) return\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst afterLimitDialogAdd = () => {\n  uploadQueueDialog.value = props.queueKey\n}\n\n/**\n * Images of picked assets, without position. Each asset is read under\n * its own licence, and its authors under that licence's ext system.\n * The browsed licence can change after picking, and the DAM silently omits assets of another licence.\n * `readUnder`: the licence of all assets and its ext system, when the caller knows them.\n */\nconst assetSelectConfirmMap = async (\n  items: AssetSearchListItemDto[],\n  readUnder?: { licence: IntegerId; extSystem: IntegerId }\n): Promise<ImageStoreItem[]> => {\n  const assetSelectStore = useAssetSelectStore()\n  const assetMetadataMap = new Map<DocId, { description: string; authorIds: DocId[] }>()\n  const authorsMap = new Map<DocId, string>()\n  const idsByLicence: IdsGroupedByLicences = new Map()\n  items.forEach((item) => {\n    const licence = readUnder ? readUnder.licence : item.licence\n    const group = idsByLicence.get(licence)\n    if (group) {\n      group.push(item.id)\n    } else {\n      idsByLicence.set(licence, [item.id])\n    }\n  })\n  // A licence that fails to read does not stop the others.\n  const failures: unknown[] = []\n  for (const [licence, ids] of idsByLicence) {\n    try {\n      const assetDetails = await fetchAssetListByIds(damClient, endPointAsset, ids, licence)\n      if (customAssetSelectMetadataToImageMap) {\n        assetDetails.forEach((assetDetail) => {\n          const mapped = customAssetSelectMetadataToImageMap(assetDetail)\n          assetMetadataMap.set(assetDetail.id, {\n            description: mapped.description,\n            authorIds: [],\n          })\n          authorsMap.set(assetDetail.id, mapped.source)\n        })\n        continue\n      }\n      const authorIdsToFetch = new Set<DocId>()\n      assetDetails.forEach((assetDetail) => {\n        assetMetadataMap.set(assetDetail.id, {\n          description: isString(assetDetail.metadata.customData?.description)\n            ? assetDetail.metadata.customData.description.trim()\n            : '',\n          authorIds: assetDetail.authors,\n        })\n        assetDetail.authors.forEach((authorId) => {\n          authorIdsToFetch.add(authorId)\n        })\n      })\n      if (authorIdsToFetch.size > 0) {\n        const licenceConfig = assetSelectStore.selectConfig.find((config) => config.licence === licence)\n        // Uses the licence's ext system, as for every DAM author name the widgets\n        // write. Falls back to the picker's when the licence does not tell.\n        const authorsRes = await fetchAuthorListByIds(\n          damClient,\n          endPointAuthor,\n          readUnder\n            ? readUnder.extSystem\n            : ((await getExtSystemByLicence(licence)) ??\n                (licenceConfig ?? assetSelectStore.requireSelectedSelectConfig()).extSystem),\n          [...authorIdsToFetch]\n        )\n        authorsRes.forEach((author) => {\n          authorsMap.set(author.id, author.name)\n        })\n      }\n    } catch (e) {\n      failures.push(e)\n    }\n  }\n  // Reported once for all failures. A DAM refusal arrives as a bare axios error that the default handler ignores.\n  if (failures.length > 0 && !showErrorsDefault(failures[0])) showUnknownError()\n\n  return items.map((asset) => {\n    const authorIds = assetMetadataMap.get(asset.id)?.authorIds || []\n    const description = assetMetadataMap.get(asset.id)?.description ?? ''\n\n    if (customAssetSelectMetadataToImageMap) {\n      return {\n        key: generateUUIDv1(),\n        ...createDamImage(\n          { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n          { description, source: authorsMap.get(asset.id) ?? '' },\n          { position: 0 }\n        ),\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: asset.id,\n      }\n    }\n\n    const authorNames: string[] = []\n    assetMetadataMap.get(asset.id)?.authorIds.forEach((authorId) => {\n      const name = authorsMap.get(authorId)\n      if (!isUndefined(name) && name.trim().length > 0) {\n        authorNames.push(name)\n      }\n    })\n\n    return {\n      key: generateUUIDv1(),\n      ...createDamImage(\n        { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n        { description, source: authorNames.join(', ') },\n        { position: 0 }\n      ),\n      damAuthors: authorIds,\n      // Only for assets that were read. For an unread asset its authors are unknown, and authors\n      // picked in the row would replace them in the DAM. Its row shows the source instead.\n      showDamAuthors: assetMetadataMap.has(asset.id) && authorIds.length === 0,\n      assetId: asset.id,\n    }\n  })\n}\n\nconst positioned = (items: ImageStoreItem[]) =>\n  items.map((item) => {\n    maxPosition.value++\n    return { ...item, position: maxPosition.value }\n  })\n\nconst onAssetSelectConfirm = async (data: AssetSelectReturnData) => {\n  if (props.readonly) return\n  if (data.type !== 'asset' || data.value.length === 0) return\n  const picked = data.value.filter((asset) => !isNull(asset.mainFile))\n  // Picked assets from a licence other than the upload licence are copied. Assets\n  // already in it are used at once. Copies are added when the queue dialog is used.\n  const toCopy =\n    copyToLicenceEnabled !== false && !isUndefined(data.copyToLicence)\n      ? picked.filter((asset) => asset.licence !== data.copyToLicence)\n      : []\n  // A widget that unmounted or became read-only adds nothing. The image store belongs to the next widget by then.\n  const addingIsOver = () => unmounted || props.readonly\n  if (toCopy.length === 0) {\n    const images = await assetSelectConfirmMap(picked)\n    await imagesLoaded\n    if (!addingIsOver()) imageStore.addImages(positioned(images))\n    return\n  }\n  const copying = copyToLicence(\n    damClient,\n    endPointImage,\n    toCopy.map((asset) => ({ asset: asset.id, targetAssetLicence: data.copyToLicence! }))\n  )\n  // Read during the copy under their own licence (the upload's) and its ext system, not the browsed one.\n  // Added before the queue dialog opens. Otherwise using the dialog first put the copies before them.\n  const asTheyAre = picked.filter((asset) => !toCopy.includes(asset))\n  const config = imageWidgetUploadConfig.value\n  const imagesAsTheyAre =\n    asTheyAre.length === 0\n      ? Promise.resolve([])\n      : assetSelectConfirmMap(\n          asTheyAre,\n          config ? { licence: data.copyToLicence!, extSystem: config.extSystem } : undefined\n        )\n  let copyRes: DamImageCopyToLicenceResponse | null = null\n  try {\n    copyRes = await copying\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n  const images = await imagesAsTheyAre\n  await imagesLoaded\n  if (addingIsOver()) return\n  imageStore.addImages(positioned(images))\n  if (copyRes) onCopyToLicence(copyRes)\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { dialog: assetDialog } = storeToRefs(assetDetailStore)\nconst {\n  damClient,\n  endPointAsset,\n  endPointImage,\n  endPointAuthor,\n  copyToLicenceEnabled,\n  showSourceEnabled,\n  sourceLabel,\n  editAssetLabel,\n  addFromDamLabel,\n  customAssetSelectMetadataToImageMap,\n} = useCommonAdminCoreDamOptions(damConfigName)\n\n// True while the detail was opened by \"edit asset\" of a row. Not for the detail\n// opened from the queue dialog, which is drawn here too and reads nothing on close.\nlet detailOfRow = false\n// Reads of assets whose detail closed, keyed by asset. The widget save waits for them.\n// Reads of other assets do not wait on these. Otherwise closing one detail waited for another asset's save and read.\nconst detailAssetReads = new Map<DocId, Promise<void>>()\n// Such a read may finish after unmount, when the store belongs to the next widget.\nlet unmounted = false\nonBeforeUnmount(() => {\n  unmounted = true\n  holdImages(damConfigName, thisWidget, [])\n  cancelSaveWaits?.()\n})\n\nconst onEditAsset = async (assetFileId: DocId) => {\n  detailOfRow = true\n  let extSystem: IntegerId | null = null\n  try {\n    await assetDetailStore.open(\n      props.queueKey,\n      async () => {\n        const asset = 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(asset.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, asset.attributes.assetType, damConfigName)\n        extSystem = shownUnder\n        return asset\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\n// An upload applied during the entity image load waits with its dialog and\n// queue intact. Its rows come after the loaded images, then the dialog closes.\n// If the widget is read-only or gone by then, the dialog and queue stay as for\n// read-only, so nothing is lost. Before, the dialog and rows were dropped.\n// Applying again while waiting is ignored, or rows would be added twice.\nlet uploadWaitsForLoad = false\nconst onAssetUploadConfirm = async (items: ImageStoreItem[]) => {\n  if (props.readonly) return\n  if (items.length === 0) return\n  if (imagesLoading.value) {\n    if (uploadWaitsForLoad) return\n    uploadWaitsForLoad = true\n    await imagesLoaded\n    uploadWaitsForLoad = false\n    if (unmounted || props.readonly) return\n  }\n  addUploadedRows(items)\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n}\n\nconst addUploadedRows = (items: ImageStoreItem[]) => {\n  // A duplicate file becomes the asset of the existing image, and the dialog has just saved its authors. Rows of that\n  // asset offering the pick take them, as after closing the detail. Otherwise their pick would overwrite those authors.\n  // Names go into a row's source only if it has none. Before, they always overwrote it.\n  if (authorEnabled.value) {\n    items.forEach((item) => {\n      if (isUndefined(item.assetId) || item.damAuthors.length === 0) return\n      images.value.forEach((image) => {\n        if (image.assetId !== item.assetId || !image.showDamAuthors) return\n        takeAuthorsGiven(image, item.damAuthors, item.texts.source)\n      })\n    })\n  }\n  imageStore.addImages(positioned(items))\n}\n\nconst actionLibrary = () => {\n  assetSelectDialog.value = true\n}\n\nconst v$ = useVuelidate({ $scope: AImageMetadataValidationScopeSymbol })\n\nconst { getDamConfigExtSystem, getExtSystemByLicence } = useDamConfigState(damClient, damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\n\nconst authorEnabled = computed(() => {\n  return !!getDamConfigExtSystem(cachedExtSystemId.value)?.[DamAssetType.Image]?.authors?.enabled\n})\n\n/**\n * Author names of an asset, in order, under its licence's ext system.\n * Falls back to `pageExtSystem` when the licence does not tell.\n */\nconst authorNamesOf = async (asset: AssetDetailItemDto, pageExtSystem: IntegerId) => {\n  const extSystem = (await getExtSystemByLicence(asset.licence)) ?? pageExtSystem\n  const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, asset.authors)\n  const authorNames: string[] = []\n  asset.authors.forEach((authorId) => {\n    const name = authorsRes.find((author) => author.id === authorId)?.name\n    if (!isUndefined(name) && name.trim().length > 0) {\n      authorNames.push(name)\n    }\n  })\n  return authorNames.join(', ')\n}\n\n/**\n * Once the asset turns out to have authors, a row offering the\n * author pick takes them, drops the pick and shows its source.\n * The source takes their names if empty or if it holds a hidden \"fill empty\"\n * pick from mass operations. An image's own source stays for the user to check.\n */\nconst takeAuthorsGiven = (row: ImageStoreItem, authors: DocId[], names: string) => {\n  row.damAuthors = [...authors]\n  if (row.texts.source.trim().length === 0 || imageStore.hasSourceOfPick(row)) row.texts.source = names\n  imageStore.forgetSourceOfPick(row)\n  row.showDamAuthors = false\n}\n\n/**\n * The detail may have given authors to an asset whose row offers the pick.\n * Otherwise the widget save overwrote them, or saved the image without a source.\n * So the asset is read again, and its offering rows take its authors with names under the asset\n * licence's ext system (see `takeAuthorsGiven`). Rows showing their source are left alone.\n * `detailSave`: the detail save pending at close. `pageExtSystem`: the ext system configured at that time.\n */\nconst takeAuthorsOfDetailAsset = async (assetId: DocId, detailSave: Promise<void> | null, pageExtSystem: IntegerId) => {\n  try {\n    // Read before the DAM answers that save, the asset would be stale.\n    await detailSave\n    const asset = await fetchAsset(damClient, endPointAsset, assetId)\n    if (asset.authors.length === 0) return\n    const source = await authorNamesOf(asset, pageExtSystem)\n    if (unmounted || props.readonly) return\n    images.value.forEach((image) => {\n      // Uses the row's own flag. Whether the page shows the pick depends\n      // on an ext system that another asset's detail may have changed.\n      if (image.assetId !== asset.id || !image.showDamAuthors) return\n      takeAuthorsGiven(image, asset.authors, source)\n    })\n  } catch (e) {\n    if (!unmounted && !showErrorsDefault(e)) showUnknownError()\n  }\n}\n\n/**\n * `shown`: the asset the detail showed. None if it closed from its loader or after a failed read.\n * Captured before any await: whether a row of that asset offers the\n * pick, the pending detail save, and the configured ext system.\n */\nconst onAssetDetailClose = (shown: AssetDetailItemDto | null) => {\n  const ofRow = detailOfRow\n  detailOfRow = false\n  if (!ofRow || isNull(shown) || props.readonly || !authorEnabled.value) return\n  const assetId = shown.id\n  if (!images.value.some((image) => image.assetId === assetId && image.showDamAuthors)) return\n  const detailSave = assetDetailStore.savingOf(assetId, damConfigName)\n  const pageExtSystem = cachedExtSystemId.value\n  const read = (detailAssetReads.get(assetId) ?? Promise.resolve()).then(() =>\n    takeAuthorsOfDetailAsset(assetId, detailSave, pageExtSystem)\n  )\n  detailAssetReads.set(assetId, read)\n  void read.then(() => {\n    if (detailAssetReads.get(assetId) === read) detailAssetReads.delete(assetId)\n  })\n}\n\nconst saveImages = async () => {\n  // Nothing of the user's to write. The images stay as loaded.\n  if (props.readonly) return true\n  // An empty store here means the fetch is pending or failed, not a\n  // user deletion. The empty path below would detach every image.\n  if (imagesLoading.value || imagesLoadFailed.value) {\n    showUnknownError()\n    return false\n  }\n  // A closed detail's asset is still being read. Its rows are not written until they have its authors.\n  await Promise.all(detailAssetReads.values())\n  if (unmounted) return false\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return false\n  }\n  try {\n    const assetUpdateItems: AssetAuthorsItems = []\n    const imagesRaw = toRaw(images.value)\n    // Rows offering the author pick, grouped by asset. An entity may have\n    // an image twice, and a queue duplicate is a second row of its asset.\n    // Per row, authors went out once per row and the last won, and a row with no pick was saved without a source.\n    // The asset gets the union of picks in its rows, each author once,\n    // and each row gets the authors and names after the DAM accepts them.\n    const offering = new Map<DocId, { assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[] }>()\n    if (authorEnabled.value) {\n      images.value.forEach((image) => {\n        if (!image.showDamAuthors) return\n        // A row offering the pick has an asset. One without would be grouped alone.\n        const of = image.assetId ?? image.key\n        const asset = offering.get(of) ?? { assetId: image.assetId, rows: [], authors: [] }\n        offering.set(of, asset)\n        asset.rows.push(image)\n        image.damAuthors.forEach((author) => {\n          if (!asset.authors.includes(author)) asset.authors.push(author)\n        })\n      })\n    }\n    const named: Array<{ assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[]; source: string }> = []\n    for (const { assetId, rows, authors } of offering.values()) {\n      if (authors.length === 0) continue\n      if (assetId) assetUpdateItems.push({ id: assetId, authors })\n      // Uses the ext system of the rows' asset licence, as the pre-write read does. Falls back to the configured\n      // one when the page does not know the licence. It is not fetched, since entity rows can be of any licence.\n      const extSystem =\n        damConfigStore.damConfigLicenceExtSystem.get(rows[0]!.dam.licenceId)?.extSystem ?? cachedExtSystemId.value\n      const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, authors)\n      named.push({ assetId, rows, authors, source: authorsRes.map((author) => author.name).join(', ') })\n    }\n    // Unmounted while authors loaded: write nothing. Turned read-only: nothing of the user's is written.\n    if (unmounted) return false\n    if (props.readonly) return true\n    // Assets may have received authors elsewhere since their rows loaded, and the write would\n    // replace them. So each asset with picked authors is re-read right before the write.\n    // If any asset already has authors, nothing is written. Its offering rows take those\n    // authors (`takeAuthorsGiven`), a message stays until closed, and the user saves again.\n    const picked = [...offering.values()].filter(({ assetId, authors }) => !isUndefined(assetId) && authors.length > 0)\n    if (picked.length > 0) {\n      const readAgain = await Promise.all(picked.map(({ assetId }) => fetchAsset(damClient, endPointAsset, assetId!)))\n      // Unmounted or made read-only while the assets were read: write nothing.\n      if (unmounted || props.readonly) return false\n      const givenMeanwhile = picked\n        .map(({ rows }, index) => ({ rows, asset: readAgain[index]! }))\n        .filter(({ asset }) => asset.authors.length > 0)\n      if (givenMeanwhile.length > 0) {\n        const pageExtSystem = cachedExtSystemId.value\n        const names = await Promise.all(givenMeanwhile.map(({ asset }) => authorNamesOf(asset, pageExtSystem)))\n        if (unmounted || props.readonly) return false\n        givenMeanwhile.forEach(({ rows, asset }, index) => {\n          rows.forEach((row) => {\n            if (row.showDamAuthors) takeAuthorsGiven(row, asset.authors, names[index]!)\n          })\n        })\n        showWarningT('common.damImage.image.meta.galleryAuthorsGivenMeanwhile', -1)\n        return false\n      }\n    }\n    if (assetUpdateItems.length) {\n      await bulkUpdateAssetsAuthors(damClient, endPointAsset, assetUpdateItems)\n      // Unmounted while the authors were written: save no image. A widget mounted meanwhile\n      // for the same images read them before this save, which is noted only once sent.\n      if (unmounted) return false\n    }\n    // The DAM now has these authors even if the images are not saved, so the rows show the source as after a save.\n    // If the rows kept offering the pick, the next save would send them as picks,\n    // the pre-write read would find these authors, and nothing would be written.\n    named.forEach(({ assetId, rows, authors, source }) => {\n      rows.forEach((row) => {\n        row.damAuthors = [...authors]\n        row.texts.source = source\n        if (isUndefined(assetId)) return\n        row.showDamAuthors = false\n        imageStore.forgetSourceOfPick(row)\n      })\n    })\n    const sentRows = [...imagesRaw]\n    // Note the saved images for the page's other widgets, one by one.\n    // This runs even if this widget unmounted before the response.\n    const resItems = await noteImagesSave(\n      damConfigName,\n      sentRows.map((row) => row.id).filter((id) => !isUndefined(id)),\n      ownImageSaves,\n      imageApi.bulkUpdateImages(imageClient, sentRows.map(imageFieldsOf))\n    )\n    // If unmounted before the response, write nothing to the image store. By then it belongs to the next widget.\n    if (unmounted) return true\n    holdImages(\n      damConfigName,\n      thisWidget,\n      resItems.map((resItem) => resItem.id)\n    )\n    const ids: IntegerId[] = []\n    const items = resItems.map((resItem) => {\n      ids.push(resItem.id)\n\n      return {\n        key: generateUUIDv1(),\n        ...resItem,\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: undefined,\n      }\n    })\n    if (imageStore.images.length === 0) {\n      listEditor.value?.commit([])\n      // Emptying is a change too. Without this emit the parent keeps its old ids.\n      emit('update:modelValue', ids)\n      return true\n    }\n\n    // Match each returned image to its own sent row. Rows of the same file are matched one by one in send order.\n    // Matching by file alone gave every row of a file the values of the first one.\n    const getUpdatedItem = (item: ImageStoreItem): ImageStoreItem => {\n      const index = sentRows.findIndex((row) => row.dam.damId === item.dam.damId)\n      const matchedImage = index < 0 ? undefined : sentRows.splice(index, 1)[0]\n\n      return {\n        ...item,\n        damAuthors: matchedImage ? matchedImage.damAuthors : item.damAuthors,\n        // Only a row that offered DAM authors keeps offering them.\n        // A row whose asset the DAM did not return has no asset to save them into, so it keeps its source.\n        showDamAuthors: matchedImage ? matchedImage.showDamAuthors && matchedImage.damAuthors.length === 0 : false,\n        assetId: matchedImage ? matchedImage.assetId : item.assetId,\n      }\n    }\n\n    const updatedItems = items.map(getUpdatedItem)\n    imageStore.setImages(updatedItems)\n    // Pass the rows explicitly. `setImages` just replaced their keys,\n    // so a bare `commit()` would read the not-yet-rerendered prop.\n    listEditor.value?.commit(updatedItems)\n    emit('update:modelValue', ids)\n    return true\n  } catch (e) {\n    // Authors refused by validation are named as the forms name them. Other errors are shown as before.\n    showMetadataSaveError(e, cachedExtSystemId.value, damConfigName)\n    return false\n  }\n}\n\n// Renumber the remaining images as after a move. Otherwise the backend gets positions with a gap.\nconst removeImage = (index: number) => {\n  imageStore.removeImageByIndex(index)\n  updateAllPositions()\n}\n\nconst removeItem = async (index: number) => {\n  const image = images.value[index]\n  if (!image) return\n  if (isUndefined(image.id)) {\n    removeImage(index)\n    return\n  }\n  if (props.callDeleteApiOnRemove) {\n    try {\n      await imageApi.deleteImage(imageClient, image.id)\n      removeImage(index)\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    return\n  }\n  removeImage(index)\n}\n\nconst limitDialogComponent = ref<InstanceType<typeof ImageWidgetMultipleLimitDialog> | null>(null)\n\nconst editorMode = ref<'view' | 'reorder'>('view')\n// A reorder under way would keep moving rows a read-only widget does not save.\nwatch(\n  () => props.readonly,\n  (value) => {\n    if (value && editorMode.value === 'reorder') listEditor.value?.cancelReorderMode()\n  }\n)\n\n// Required by the editor but never called. Adds go through the\n// upload and asset-select flow; the editor's add button is hidden.\nconst createImageStoreItem = (): ImageStoreItem => ({\n  key: generateUUIDv1(),\n  ...createDamImage({ fileId: '', licenceId: 0 }, {}, { position: 0 }),\n  damAuthors: [],\n  showDamAuthors: false,\n  assetId: undefined,\n})\n\nconst updateAllPositions = () => {\n  let pos = 0\n  images.value.forEach((image) => {\n    pos++\n    image.position = pos\n  })\n  imageStore.maxPosition = pos\n}\n\nconst onReorderApplied = () => {\n  updateAllPositions()\n}\n\ndefineExpose({\n  saveImages,\n})\n\nonMounted(() => {\n  imagesLoaded = fetchImagesOnLoad()\n})\n</script>\n\n<template>\n  <div>\n    <h4\n      v-if=\"label\"\n      class=\"font-weight-bold text-label-large\"\n    >\n      {{ label }}\n    </h4>\n    <div\n      v-if=\"!readonly\"\n      class=\"pb-2\"\n    >\n      <AFileInput\n        :file-input-key=\"uploadQueue?.fileInputKey\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        multiple\n        @files-input=\"onFileInput\"\n      >\n        <template #activator=\"{ props: fileInputProps }\">\n          <VBtn\n            ref=\"uploadButtonComponent\"\n            v-bind=\"fileInputProps\"\n          >\n            {{ t('common.damImage.image.button.upload') }}\n          </VBtn>\n        </template>\n      </AFileInput>\n      <VBtn\n        class=\"mr-2\"\n        @click=\"actionLibrary\"\n      >\n        {{ addFromDamLabel }}\n      </VBtn>\n    </div>\n    <AAssetSelect\n      v-model=\"assetSelectDialog\"\n      :select-licences=\"selectLicences\"\n      :upload-licence=\"uploadLicence\"\n      :min-count=\"1\"\n      :max-count=\"50\"\n      :asset-type=\"DamAssetType.Image\"\n      :skip-current-user-check=\"skipCurrentUserCheck\"\n      :config-name=\"damConfigName\"\n      return-type=\"asset\"\n      @confirm=\"onAssetSelectConfirm\"\n    >\n      <template\n        v-if=\"$slots['asset-select-sidebar-prepend']\"\n        #sidebar-prepend=\"slotProps\"\n      >\n        <slot\n          name=\"asset-select-sidebar-prepend\"\n          v-bind=\"slotProps\"\n        />\n      </template>\n    </AAssetSelect>\n    <div\n      v-if=\"imagesLoading\"\n      class=\"w-100 d-flex align-center justify-center\"\n    >\n      <VProgressCircular\n        indeterminate\n        color=\"primary\"\n      />\n    </div>\n    <div\n      class=\"position-relative w-100\"\n      style=\"min-height: 140px\"\n    >\n      <ASortableListEditor\n        v-if=\"imagesReady\"\n        ref=\"listEditor\"\n        v-model=\"images\"\n        v-model:mode=\"editorMode\"\n        :factory=\"createImageStoreItem\"\n        get-key=\"key\"\n        position=\"position\"\n        :show-add-button=\"false\"\n        :show-delete-button=\"false\"\n        :show-edit-button=\"false\"\n        :disable-drag=\"disableDraggable || readonly\"\n        :readonly=\"readonly\"\n        @reorder-applied=\"onReorderApplied\"\n      >\n        <template #view-body>\n          <div class=\"asset-list-tiles asset-list-tiles--thumbnail a-sortable-widget__group\">\n            <ImageWidgetMultipleItem\n              v-for=\"(image, index) in images\"\n              :key=\"image.key\"\n              :index=\"index\"\n              :show-source-enabled=\"showSourceEnabled\"\n              :source-label=\"sourceLabel\"\n              :edit-asset-label=\"editAssetLabel\"\n              :author-enabled=\"authorEnabled\"\n              :readonly=\"readonly\"\n              :config-name=\"damConfigName\"\n              @edit-asset=\"onEditAsset\"\n              @remove-item=\"removeItem\"\n            />\n          </div>\n        </template>\n        <template #item-compact=\"{ raw }\">\n          <div class=\"image-widget-multiple-reorder\">\n            <div class=\"image-widget-multiple-reorder__thumb\">\n              <AImageWidgetSimple\n                :model-value=\"raw.id\"\n                :image=\"raw\"\n                :config-name=\"damConfigName\"\n              />\n            </div>\n            <div class=\"image-widget-multiple-reorder__meta\">\n              <div class=\"image-widget-multiple-reorder__title\">\n                {{ raw.texts?.description?.trim() || '—' }}\n              </div>\n              <div\n                v-if=\"raw.texts?.source\"\n                class=\"image-widget-multiple-reorder__source\"\n              >\n                {{ raw.texts.source }}\n              </div>\n            </div>\n          </div>\n        </template>\n      </ASortableListEditor>\n      <AImageDropzone\n        v-if=\"editorMode === 'view' && !readonly\"\n        variant=\"fill\"\n        :hover-only=\"modelValue.length > 0 || images.length > 0\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        @drop=\"onDrop\"\n        @click=\"uploadButtonComponent?.$el.click()\"\n      />\n    </div>\n    <UploadQueueDialog\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      multiple\n      @apply=\"onAssetUploadConfirm\"\n      @files-input=\"onFileInput\"\n      @drop=\"onFileInput\"\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    <ImageWidgetMultipleLimitDialog\n      ref=\"limitDialogComponent\"\n      :queue-key=\"queueKey\"\n      @after-add=\"afterLimitDialogAdd\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.image-widget-multiple-reorder {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  min-height: 100px;\n  padding: 4px 0;\n\n  &__thumb {\n    flex: 0 0 auto;\n    width: 200px;\n    border-radius: 4px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n  }\n\n  &__meta {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  &__title {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: rgb(var(--v-theme-on-surface));\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  &__source {\n    font-size: 0.82rem;\n    color: rgb(var(--v-theme-on-surface) / 70%);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  @media (width <= 600px) {\n    gap: 8px;\n    min-height: 72px;\n\n    &__thumb {\n      width: 80px;\n    }\n\n    &__source {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}