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

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","ACollabLockedByUser_default","AFileDropzone_default","placeholder16x9_default","AAssetSelect_default","AssetDetailDialog_default","ImageDetailDialogMetadata_default","UploadQueueDialogSingle_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 // optional, if available, no need to fetch image data\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 at once, 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\n// Collaboration\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  // addCollabFieldDataChangeListener((data: CollabFieldDataEnvelope) => {\n  //   modelValue.value = data.value as IntegerIdNullable\n  //   reload(undefined, modelValue.value)\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      // The answer to a release sent before a request still out says nothing about that request, whose own answer\n      // decides: a refused release read 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// The turn of the lock of the field this widget took last, by a request or a release. Another widget of the same field\n// may have taken one since: the widget drawn in place of this one once it is gone.\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// Asked for once per lock. A drop asks again for a lock not confirmed yet: a refused request left every later drop\n// waiting on a lock never granted. A refusal does not forget the lock either: a timed-out request answers the same,\n// and the server may have granted it, so it is still released. Never asked while a request is out: a second one\n// could answer after the first, and one sent by the click that closes the menu 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  // What an earlier answer left says nothing about this lock: the wait for it waits 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 one too: the room turned inactive because the\n// other editor left, and the server still holds it for whoever comes back.\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 its refusal read as the lock still held. An inactive\n// room keeps the value for the 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// Before the immediate watcher below: with expandMetadata it writes the detail while setup runs. Not the form an open\n// dialog of another widget shows: a widget drawn late, once its configuration was read, emptied that form.\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// The authors of the DAM the dialog of the image offers are those of an asset this widget has read itself, for the\n// image that dialog shows, or draws in the page 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// What the widget's open dialog, or its form in the page, shows is in the store of the dialog: no other widget empties\n// it meanwhile.\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// What \"edit metadata\" has put into the dialog: a copy of the image of the widget, as it was then.\nlet ownImageInDialog: typeof detail.value = null\n// What a pick or an upload of this widget has put into the dialog last. The store of the dialog is the page's: what\n// it shows may be the image of another widget's dialog, opened over this one.\nlet pickInDialog: typeof detail.value = null\n// What the dialog shows its loading for: a pick whose asset is being read, or \"edit metadata\" waiting for a save of the\n// image by another widget, or for a read of the asset the widget holds. Its answer is put into the dialog only while\n// the dialog still loads for it: not once the editor has closed it, nor once the store of the dialog, which is the\n// page's, holds what another dialog shows. The answer of a pick replaced the form of the dialog of another widget,\n// opened meanwhile, and what the editor had typed there was lost. The dialog that loads for it then closes: it shows\n// that form too, and its confirm would save it 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// How many saves of the image it holds the page had seen answered when the widget read that image.\nlet resImageReadAt = 0\n// The marks of the saves of images the widget has on their way.\nconst ownImageSaves = new Set<symbol>()\n// The wait of an opening of \"edit metadata\" for a save of another widget: let go once the dialog closes.\nlet cancelSaveWait: (() => void) | null = null\nconst actionEditMeta = async () => {\n  const heldId = () => resImage.value?.id\n  // Another widget of the page is saving the image (the widget this one was drawn in place of, its save still on its\n  // way): the dialog shows its loading till that save is over.\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    // That save has not answered in time: the dialog closes, and the user is told the request timed out. It loaded\n    // till the editor closed it. Shown, what the widget read before that save would go out with the confirm over what\n    // the save may yet 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's file, picked without authors: the dialog shows its loading while that\n  // asset is read anew, and what the read finds 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  // Saved by another widget of the page after this one read it: the widget takes the image as that save left it. It\n  // offered the texts it had read, and its confirm saved them back over 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 of the image is in the page once the image is read, with no \"edit metadata\" to wait\n// for a save of the image by another widget, or to take what such a save wrote: the form does both, as that opening\n// does. It showed the texts read before that save took effect, and the confirm of its host saved them back over the\n// saved ones. Once the wait runs out the form shows what was read, 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    // The widget has been given another image meanwhile: that one is shown.\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// this ref is updating only when the lock was really success or failure using sockets, needed for drop files\nconst collabFieldLockReallyLocked = ref(false)\n\n// Cancelling must settle the promise, not just clear the timer — `onDrop` awaits it. A Set\n// 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  // What held the lock of the field goes with the widget (its menu, a dialog, the picker, a pick being read, a drop\n  // waiting for the lock), and nothing gave it back: the server keeps a lock till it is released or the editor leaves\n  // the room, and the field stayed locked for the other editors. Given back with the value the field has, unless a\n  // save or a delete of the widget is on its way, which gives it back at its end, or the widget drawn in its place has\n  // taken a turn of 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 drop that is uploaded once the lock of the field comes: one, as the upload dialog shows one file while it saves\n// all it is given. Each drop that waited used to queue its file.\nlet dropInWait: symbol | null = null\n\nconst onDrop = async (files: File[]) => {\n  if (props.readonly) return\n  // The dropzone has turned every file away, and said so: there is nothing to ask the lock of the field for.\n  if (files.length === 0) return\n  // The lock an earlier drop asked for is still on its way: this one is not taken.\n  if (!isNull(dropInWait) && lockRequestPending.value) return\n  // As a click on the dropzone: the field is another editor's.\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 has asked again, as before: it takes the place of 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 the lock was awaited: the lock goes back and nothing is uploaded.\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 its upload dialog shows one file: of several dropped at once the first is\n    // uploaded, and the user is told. The others used to be uploaded too, 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 request that timed out may have been granted after all, and nothing else would release it. Only when nothing\n    // else waits for or holds it: refused, this release reads as the lock held, and another drop still waiting uploaded\n    // without its lock, or a menu opened meanwhile lost the one it asked for.\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 has turned every file away, and said so: a dialog over a queue without a row would only load.\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// The id of the image this widget has just created. Its model changes to that id, and what the widget shows is the\n// answer to the create: read again, the preview fell back to the placeholder meanwhile, and a read that failed said\n// an error after a save that went through. Any other change of the id is read as before.\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 as the read is sent: a save answered after that may have taken effect only 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` its image would be put into the store of the dialog, which is the\n    // page's, and by now shows the image of the next widget.\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: a menu or dialog still open holds the lock, and its close or confirm releases it. Alone, the editor\n// holds none, and the value goes to the buffer here or nowhere.\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 itself as it answers, and the widget's next dialog opens only once the asset is fetched or\n// copied: till then the pick counts as an open dialog, or the close watcher gave the lock up with the old value. Each\n// pick on its way counts: the end of one whose dialog the editor had closed gave the lock up under a later one.\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    // Ended early (no main file, the media not loaded), the pick left the dialog loading: the next upload or edit\n    // showed only a spinner. Whatever it loaded is loaded by now. Unless the dialog loads for what has opened it 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 its loading while the asset is read or copied into the licence of the upload, and nothing else\n    // can be opened meanwhile. During a copy nothing was shown: the upload dialog it opened covered a dialog opened\n    // since, and its \"Save and apply\" replaced the form of that dialog.\n    metadataDialog.value = true\n    // An asset already in the licence of the upload is taken as it is.\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 widget that is gone, or a dialog that no longer loads for the pick, opens no upload dialog: the copy of a\n      // widget that is gone went on in the upload dialog of the widget drawn in its place, which asked for the lock of\n      // the field only then.\n      if (!answerTakenFor(thisPick)) return\n      // The upload dialog shows the copy, and takes the place of the dialog of the image.\n      metadataDialogLoading.value = false\n      metadataDialog.value = false\n      if (copyRes) onCopyToLicence(copyRes)\n      return\n    }\n    // The authors are offered once the pick still has the dialog: the read of a pick the dialog has left offered those\n    // of its asset in the dialog of the pick shown since.\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 licence of the asset, as every name of the authors of the DAM the widgets\n          // write; that of the picker where the licence does not tell.\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 yet fill in its metadata from the file: saving the authors marks the asset\n          // described, and the server then fills in nothing.\n          if (configExtSystem?.[DamAssetType.Image]?.authors?.enabled && !assetMetadataMayStillChange(assetRes)) {\n            authorsToOffer = assetRes\n          }\n        }\n      }\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    // The widget is gone: the image of its pick is not put into the store of the dialog, which is the page's. Nor\n    // when the dialog no longer loads for this pick.\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        // A licence the client cannot resolve: the ext system of the widget's upload licence, which its root loaded.\n        const shownUnder = (await getExtSystemByLicence(assetRes.licence)) ?? imageWidgetUploadConfig.value!.extSystem\n        // Before the detail shows the asset: it reads the configuration of its ext system as it draws, and threw\n        // 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 shows: an answer it no longer waits for must not change the ext system its\n      // configuration asks for names under.\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  // What it was loading for is not shown once it is closed: the answer of a pick being read went into the store of the\n  // dialog all the same, over the form of a dialog of another widget opened meanwhile.\n  loadingInDialog = null\n  metadataDialogLoading.value = false\n  // The wait of the opening it was loading for, for a save of another widget, is taken off that save.\n  cancelSaveWait?.()\n}\n\nconst onMetadataDialogConfirm = async () => {\n  if (props.readonly) return\n  if (!isImageCreateUpdateAware(detail.value)) return\n  // The asset of a detail that has just closed is still being read. What the dialog offers may change by that read,\n  // and with it what its form asks for: the confirm waits for the read, and is then taken again by the form.\n  const confirmAgain = () => detailDialogMetadataComponent.value?.confirm()\n  if (holdConfirmForDetailAssetRead(metadataDialogSaving.value, confirmAgain)) return\n  // Pressed again while the save of the first press runs (the button of a host is not disabled meanwhile, and Enter\n  // reaches the one of the dialog), it is not taken: the image would be created, or updated, a second time.\n  if (metadataDialogSaving.value) return\n  // A confirm is for the image it was pressed on. While it waits for an answer the dialog can be closed, and opened\n  // again for another image, and the widget can go away with its page. Until the image is sent to be saved, the\n  // confirm goes on after each wait only for a widget that is still there, and only while the dialog still shows\n  // that image. It went on with whatever the dialog showed by then: that image was saved without a press, and its\n  // dialog closed.\n  const pressedOn = detail.value\n  const confirmIsOver = () => disposed || detail.value !== pressedOn\n  // Nor are the authors sent by a widget that has turned read-only meanwhile.\n  const authorsSendIsOver = () => confirmIsOver() || props.readonly\n  metadataDialogSaving.value = true\n  // The dialog shows the source of the image of the asset the widget holds, not the pick (a read of it failed): once\n  // saved, the image has a source of its own, and the asset is let go.\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 its pick, and may have been given authors elsewhere since: the write replaces them\n        // with those picked here. It is read again first. A read that fails saves nothing. Once it has authors nothing\n        // is written either: the pick goes, an empty source takes their names, the user is told till they close the\n        // message, 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        // Their names become the source of the image once the DAM has taken the authors, and wait aside till then.\n        // Written before, they stayed in the source, which the dialog does not show, after a write the DAM refused,\n        // and a confirm with the pick emptied saved them with the image.\n        // Under the ext system of the licence of the asset, as the read before the write names authors given since.\n        const authorsRes = await fetchAuthorListByIds(\n          damClient,\n          endPointAuthor,\n          (await getExtSystemByLicence(authorsAsset.licence)) ??\n            assetSelectStore.requireSelectedSelectConfig().extSystem,\n          authorsAsset.authors\n        )\n        // Nothing is written and nothing said: the authors are not sent for a dialog the user has left, nor by a\n        // widget that 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          // The authors refused by validation are named as the forms name them. The image is not saved.\n          showMetadataSaveError(e, assetSelectStore.requireSelectedSelectConfig().extSystem, damConfigName)\n          return\n        }\n        // The DAM has the authors, and the image is not saved.\n        if (confirmIsOver()) return\n        pressedOn.texts.source = source\n        offerNoDamAuthors()\n      }\n    }\n    const image = imageFieldsOf(pressedOn)\n    // An update is noted for the other widgets of the page, also when this one is gone by its answer.\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: nothing of the answer is written. The store of the dialog is the page's, and by now the\n    // next widget's: its form was emptied, and then showed the image saved here.\n    if (disposed) return\n    letGoHeld()\n    // The save went through, and the widget takes its image. The dialog is this confirm's to close while it shows the\n    // image the confirm was pressed on, or none. It is closed as well when \"edit metadata\" has opened it since: what\n    // it shows is a copy of the image the widget had before this save, and its confirm would save that image over the\n    // one saved here. The dialog of another pick or upload, opened since, stays as it is, with the lock of the field,\n    // which its own close or confirm gives back. The form `expandMetadata` draws in the page is no such dialog: it\n    // shows the image of the widget, the saved one from here on. With the dialog closed meanwhile, what the store of\n    // the dialog shows by then is no longer this widget's to empty: it is the image of another widget's open dialog.\n    // A dialog opened since that still loads for a pick (or for \"edit metadata\") stays open as well: what it loads for\n    // fills it, with the id saved here. Closed here, it left the widget loading for that pick, whose answer opened the\n    // dialog again, or closed an \"edit metadata\" opened meanwhile, which showed only the spinner.\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    // That dialog was opened while this image was being created, for a widget that had no image: the image its pick or\n    // upload put there takes the id created here, and its confirm updates this image. It created a second one, and\n    // this one was left unused. Only that image: one another widget has put into the store since is that widget's.\n    if (dialogOfAnotherPick && !image.id && shown === pickInDialog && isImageCreateUpdateAware(shown)) {\n      if (isUndefined(shown.id)) shown.id = res.id\n    }\n    // Before the dialog's close is seen, so this release, with the id just assigned, is the one that goes. Alone, the\n    // editor holds no lock, and the value goes to the buffer here or nowhere. While the menu of the widget or another\n    // of its dialogs (that of another pick, the picker, the upload) holds the field, the lock stays with it, and gives\n    // it back as it closes; the other editors are sent the saved image now. Released here, a picker opened since lost\n    // its lock, and what it put into the field later went to nobody. Not while the dialog of another pick or upload\n    // is open: it sets what the field ends with, also under the id saved here (it is given that id when this was a\n    // create), and the other editors, who read an image again only when its id changes, kept this one.\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 while this confirm ran left the lock of the field to it (see the watchers): given back once it\n    // is over, when nothing else of the widget holds it. Saved, the image went with it above; otherwise the field\n    // keeps the value it had. A widget that is gone gives it back too, with the value its field has: it wrote none\n    // of the answer. The server keeps a lock till it is released or the editor leaves the room, and the field stayed\n    // locked for the other editors. Unless the widget drawn in its place has taken a turn of the lock since: the\n    // release would free the lock that one holds.\n    if (disposed ? !lockTurnTakenSince() : !clickMenuOpened.value && !anyWidgetDialogOpened.value) {\n      releaseFieldLockLocal(modelValue.value)\n    }\n  }\n}\n\n// Till the delete is answered, neither the menu's close nor a dialog's gives the lock up: the menu closes on the click,\n// and its release went out with the image still there, the reset's own skipped as for a lock already given back. Nor\n// while a confirm of the dialog runs: closed before its save answered, the dialog gave the lock back with the image the\n// field had before, and the release of the answer, as for a lock already given back, never sent the saved image to the\n// 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    // Gone, the widget gives the lock back with the value its field has, as it does at the end of a confirm: unless the\n    // widget drawn in its place has taken a turn of the lock since. The release of the reset freed the lock that one\n    // held, under its 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  // The image of an upload comes with its source: the authors of an asset picked before are not offered with it.\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    // Opened: a lock a refused drop left unconfirmed is asked for again, here and not in the click, which 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 by a button of `expandOptions`, with no menu to ask for the lock, the dialog asks; opened from the menu,\n    // only for a lock not confirmed yet.\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// Read-only, the widget draws none of its dialogs and menus (`!readonly`): those open close as their cancel does,\n// nothing is saved, and the lock of the field goes back once none holds it. A dialog left open kept the lock for the\n// other editors unseen, and came back by itself once the widget could be edited again. The dialog of a save on its\n// way is left to that save, which closes it and gives the lock back as it ends; one the save leaves open (it failed)\n// closes then. With `expandMetadata` the form is in the page and no dialog is closed: the form of a pick not yet\n// confirmed stays, for its host to confirm once the widget can be edited again. It was emptied, while the widget went\n// on showing the pick.\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 took this editor's locks on the server: counted still, the lock was never asked for again and the\n// server refused its release. When the room is active again, a menu or dialog still open asks for it anew, as does one\n// opened while the editor was alone, once the other editor arrives, and one whose ask was refused or went 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,8 @@
+import e from "./ImageWidgetMultipleInner.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                         */
+//#region src/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue
+var t = e;
+//#endregion
+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// One store for every widget: whatever the previous one left is not this entity's.\nimageStore.reset()\nwatch(\n  () => props.readonly,\n  (value) => {\n    imageStore.readonly = value\n  },\n  { immediate: true }\n)\nconst { images, maxPosition } = storeToRefs(imageStore)\n\n// The widget among the widgets of the page that save images (`imageSaves.ts`), and the marks of its own saves on\n// their way.\nconst thisWidget = Symbol('image widget multiple')\nconst ownImageSaves = new Set<symbol>()\n// The wait of the rows for saves of their images by other widgets: let go once the widget goes.\nlet cancelSaveWaits: (() => void) | null = null\n\n/**\n * Once no other widget of the page has a save of any of the images `ids` on its way (the widget this one was drawn in\n * place of, its save still on its way), or once the wait has run out: then 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// The load of the images of the entity: rows added while it is on its way (a pick, an upload) wait for it, and come\n// after the images it loads. Added before, the load put its images in their place, and they were gone without a word.\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 as the read is sent: a save answered after that may have taken effect only after the read.\n    const readAt = holdImages(damConfigName, thisWidget, props.modelValue)\n    const read = await imageApi.fetchImageListByIds(imageClient, props.modelValue)\n    // The rows come once the saves of these images by other widgets are over, each image as the save answered last\n    // left it when one has answered since the read was sent. Read before such a save took effect, a row had the old\n    // texts, and the save of this widget 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 the images without their DAM authors: a user refused the upload 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 its own copy: the rows of one asset (an image twice in the entity) 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 has turned every file away, and said so: the queue dialog would open over nothing new.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  // The queue dialog is opened by `afterLimitDialogAdd`, once files are queued: over the limit none is, until the\n  // user agrees to the first of them. The rows a queue no dialog names holds 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  // As the input: the dropzone has turned every file away, and said so.\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 * The images of picked assets, without their position. Each asset is read under the licence it is in, and its authors\n * under the ext system of that licence: what was picked outlives a change of the licence browsed, and under another\n * licence the DAM leaves an asset out of its answer without a word. `readUnder`: the licence all of the assets are in\n * and its ext system, where 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 cannot be read does not keep the others from being read.\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        // Under the ext system of the licence, as every name of the authors of the DAM the widgets write; that of\n        // the picker where 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  // Said once, however many of them failed. A read the DAM refuses comes as the bare error of axios, which the\n  // default says nothing of.\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 an asset that was read: of one that was not, nobody knows whether it has authors, and those picked\n      // in its row would replace them in the DAM. Its row has the source, as one whose asset was not returned at load.\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  // Copied: the picked assets of another licence than the one of the upload. One already in it is taken as it is, at\n  // once; the copies come in once the dialog of the queue is used.\n  const toCopy =\n    copyToLicenceEnabled !== false && !isUndefined(data.copyToLicence)\n      ? picked.filter((asset) => asset.licence !== data.copyToLicence)\n      : []\n  // A widget that is gone by the answer adds nothing: the store of the images is the next widget's by then. Nor one\n  // that has turned read-only meanwhile.\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 while the copy runs, under the licence they are in, the one of the upload, and its ext system: not the one\n  // browsed. They are added before the dialog of the queue opens: used before they were read, it put the copies\n  // 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// Whether the detail was opened by \"edit asset\" of a row, until it closes. Not so the detail a row of the queue\n// dialog opens, which is drawn here as well: nothing is read when that one closes.\nlet detailOfRow = false\n// The reads of assets whose detail has closed, those of one asset in a row, by that asset: the save of the widget waits\n// for them. The reads of another asset do not wait for these: closing the detail of one asset waited for the save of\n// the detail of another one, and the read after it.\nconst detailAssetReads = new Map<DocId, Promise<void>>()\n// Such a read may end once the widget is gone, and the images in the store are the next widget's by then.\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        // A licence the client cannot resolve: the ext system of the widget's upload licence, which its root loaded.\n        const shownUnder = (await getExtSystemByLicence(asset.licence)) ?? imageWidgetUploadConfig.value!.extSystem\n        // Before the detail shows the asset: it reads the configuration of its ext system as it draws, and threw\n        // 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 shows: an answer it no longer waits for must not change the ext system its\n      // configuration asks for names under.\n      () => {\n        if (extSystem) cachedExtSystemId.value = extSystem\n      }\n    )\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n\n// An upload applied while the images of the entity load waits for them, its dialog and its queue as they are: once\n// those images are there, its rows come after them and the dialog goes. A widget that is read-only or gone by then\n// leaves the dialog and its queue as a read-only widget does, and nothing of the upload is lost; the dialog went at\n// once, and the rows with it. Applied again while it waits, it is not taken: the rows would come 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 file that is a duplicate of one the widget has becomes the asset of that image in the queue, and the dialog has\n  // just saved its authors. The rows of that asset that offer the pick take them with their names (the source of the\n  // upload), as after its detail has closed: left as they were, what is picked in them would be written over those\n  // authors. Their names go into the source of a row only where it has none of its own, as there; it took them always.\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 * The names of the authors of an asset, in its order, under the ext system of its licence; `pageExtSystem` where its\n * 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 * A row that offers the pick of the authors of the DAM, once its asset turns out to have authors: it takes them, the\n * pick goes, and the row shows its source from then on. That source takes their names where it is empty, or is what a\n * pick of authors wrote there (\"fill empty\" of the mass operations), which the row did not show. A source of the\n * image's own (stored, given by an upload, typed while the row showed it) stays, to be checked by the user.\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 of them. Left as it was, the row would write\n * what is picked in it over those authors with the save of the widget, and with nothing picked its image would be\n * saved without a source. So the asset is read again, and once it has authors its rows that offer the pick take them\n * over what was picked there, as a row of an asset picked with its authors has them: named in its source, under the\n * ext system of the licence of the asset, but for a source of the image's own (`takeAuthorsGiven`). A row that shows\n * its source is left alone: that text is the user's. `detailSave`: the save of the detail that was on its way when it\n * closed. `pageExtSystem`: the ext system its configuration asked for names under by then.\n */\nconst takeAuthorsOfDetailAsset = async (assetId: DocId, detailSave: Promise<void> | null, pageExtSystem: IntegerId) => {\n  try {\n    // Read before the DAM has answered that save, the asset would be as it was before it.\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    // The widget is gone, or has turned read-only meanwhile: nothing is written.\n    if (unmounted || props.readonly) return\n    images.value.forEach((image) => {\n      // By the row's own flag. Whether the page draws the pick goes by an ext system that the detail of another asset,\n      // opened meanwhile, 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 when it closed from its loader, or by itself after a read that failed.\n * What the read goes by is noted here, before anything is awaited: whether a row of that asset offers the pick, the\n * save of the detail that is on its way, and the ext system its configuration asks for names under.\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 they were loaded.\n  if (props.readonly) return true\n  // Empty store here means the fetch is pending or failed, not a user deletion — the empty\n  // path below would detach every image.\n  if (imagesLoading.value || imagesLoadFailed.value) {\n    showUnknownError()\n    return false\n  }\n  // The asset of a detail that has just closed is still being read: its rows are not written before they have its\n  // authors. Gone by then, the widget writes nothing.\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    // The rows that offer the pick of the authors, those of one asset together: the entity may have an image twice,\n    // and a duplicate from the queue is a second row of its asset. Each row on its own, the authors of an asset went\n    // out once per row that had some, the last to stay, and a row with none picked was saved without a source and\n    // went on offering the pick of authors the asset had by then. The asset gets what is picked in any of its rows,\n    // each author once, and each of those rows the authors and their names, once the DAM has taken 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 that offers the pick has its asset; one that had none would be on its own.\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      // Under the ext system of the licence of the asset of the rows, as the read before the write names authors\n      // given since; that its configuration asks for names under where the page does not know the licence. Not read\n      // for it: the rows come of the entity, 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    // Gone while the authors loaded, the widget writes nothing. Turned read-only meanwhile: nothing of the user's is\n    // written any more.\n    if (unmounted) return false\n    if (props.readonly) return true\n    // An asset was read when its rows came, and may have been given authors elsewhere since: the write replaces them\n    // with those picked in its rows. Each asset with something picked is read again, right before the write. Once one\n    // has authors nothing is written, of any asset or image: the rows of that asset that offer the pick take them\n    // (`takeAuthorsGiven`), the user is told till they close the message, and 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      // Gone, or turned read-only while the assets were read: nothing of the user's is written any more.\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      // Gone while the authors were written, the widget saves no image: a widget drawn meanwhile, of the same images,\n      // read them before this save, and it was noted only once sent.\n      if (unmounted) return false\n    }\n    // The DAM has the authors of those rows by now, also when the images are not saved: the rows show the source from\n    // here on, as after a save. Left offering the pick, the rows went into the next save as picks, the read before the\n    // write found the authors written here, and that save wrote nothing.\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    // Noted for the other widgets of the page, image by image, also when this one is gone by its answer.\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    // Gone by the answer, the widget writes nothing into the store of the images, which is the next widget's by then.\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 the parent kept its old ids.\n      emit('update:modelValue', ids)\n      return true\n    }\n\n    // Each image of the answer takes what its own row had, the rows of one file one by one in the order they were\n    // sent in: found by the file alone, every row of a file took what the first of them had.\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 the authors of the DAM goes on offering them: one whose asset the DAM did not\n        // return has no asset to save them into, and 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    // Rows passed explicitly: setImages just replaced their keys, bare commit() would read the\n    // not-yet-rerendered prop.\n    listEditor.value?.commit(updatedItems)\n    emit('update:modelValue', ids)\n    return true\n  } catch (e) {\n    // The authors refused by validation are named as the forms name them; anything else as before.\n    showMetadataSaveError(e, cachedExtSystemId.value, damConfigName)\n    return false\n  }\n}\n\n// The images that stay are numbered anew, as after a move: the backend got positions with a gap where one went.\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 invoked here — adds happen through the\n// upload / asset-select flow, not the editor's add button (which 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":""}