@anzusystems/common-admin 2.0.0-rc.11 → 2.0.0-rc.12

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ImageWidgetMultipleInner.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode","_createVNode","AFileInput","_unref","_withCtx","_component_VBtn","_mergeProps","_createTextVNode","AAssetSelect","_createSlots","_renderSlot","_normalizeProps","_guardReactiveProps","_component_VProgressCircular","_createElementVNode","_createBlock","ASortableListEditor","_isRef","_Fragment","_renderList","ImageWidgetMultipleItem","AImageWidgetSimple","AImageDropzone","UploadQueueDialog","AssetDetailDialog","ImageWidgetMultipleLimitDialog","ImageWidgetMultipleItem_default","AAssetSelect_default","AFileInput_default","AFileDropzone_default","UploadQueueDialog_default","AssetDetailDialog_default","ASortableListEditor_default","AImageWidgetSimple_default","ImageWidgetMultipleLimitDialog_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","ImageWidgetMultipleInner_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","assetSelectDialog","ref","imageWidgetUploadConfig","inject","ImageWidgetUploadConfigKey","isUndefined","useCommonAdminImageOptions","useAlerts","uploadButtonComponent","useDamAcceptTypeAndSizeHelper","DamAssetType","useI18n","imagesLoading","imagesLoadFailed","imagesReady","listEditor","imageStore","useImageStore","watch","value","storeToRefs","thisWidget","ownImageSaves","cancelSaveWaits","savesOfOthersOver","waits","ids","imageSavesOfOthersOver","id","isNull","wait","over","withinWaitLimit","WAIT_RAN_OUT","unmounted","showErrorT","imagesLoaded","fetchImagesOnLoad","readAt","holdImages","read","imageApi","imageClient","image","imagesRes","saved","imageSavedSince","a","b","groupedIds","group","assetsRes","fetchAssetListByFileIdsMultipleLicences","damClient","endPointAsset","imageRes","found","asset","generateUUIDv1","images","showErrorsDefault","uploadQueuesStore","useUploadQueuesStore","uploadQueue","computed","useExtSystemIdForCached","useUploadQueueDialog","onFileInput","files","config","stopQueueLeftBehind","limitDialogComponent","onDrop","onCopyToLicence","data","refused","item","afterLimitDialogAdd","assetSelectConfirmMap","assetSelectStore","useAssetSelectStore","assetMetadataMap","authorsMap","idsByLicence","licence","readUnder","failures","assetDetails","fetchAssetListByIds","customAssetSelectMetadataToImageMap","mapped","assetDetail","authorIdsToFetch","isString","authorId","licenceConfig","fetchAuthorListByIds","endPointAuthor","getExtSystemByLicence","author","showUnknownError","items","authorIds","description","createDamImage","authorNames","name","positioned","maxPosition","onAssetSelectConfirm","picked","toCopy","copyToLicenceEnabled","addingIsOver","copying","copyToLicence","endPointImage","asTheyAre","imagesAsTheyAre","copyRes","assetDetailStore","useAssetDetailStore","assetDialog","useCommonAdminCoreDamOptions","detailOfRow","detailAssetReads","onEditAsset","extSystem","fetchAssetByFileId","assetFileId","shownUnder","loadAssetDetailExtSystem","uploadWaitsForLoad","onAssetUploadConfirm","addUploadedRows","authorEnabled","takeAuthorsGiven","actionLibrary","v$","AImageMetadataValidationScopeSymbol","useDamConfigState","damConfigStore","useDamConfigStoreOf","getDamConfigExtSystem","cachedExtSystemId","authorNamesOf","pageExtSystem","authorsRes","authors","row","names","takeAuthorsOfDetailAsset","detailSave","fetchAsset","assetId","source","onAssetDetailClose","ofRow","shown","saveImages","showValidationError","assetUpdateItems","imagesRaw","toRaw","offering","of","named","rows","readAgain","givenMeanwhile","index","showWarningT","bulkUpdateAssetsAuthors","sentRows","resItems","noteImagesSave","imageFieldsOf","resItem","updatedItems","matchedImage","showMetadataSaveError","removeImage","updateAllPositions","removeItem","editorMode","createImageStoreItem","pos","onReorderApplied","onMounted","openBlock","createElementBlock","toDisplayString","createCommentVNode","createVNode","unref","uploadAccept","uploadSizes","withCtx","fileInputProps","VBtn","mergeProps","createTextVNode","t","addFromDamLabel","_cache","$event","createSlots","_ctx","renderSlot","normalizeProps","guardReactiveProps","slotProps","VProgressCircular","createElementVNode","createBlock","isRef","Fragment","renderList","showSourceEnabled","sourceLabel","editAssetLabel","raw","uploadQueueDialog"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, type ShallowRef, toRaw, watch } from 'vue'\nimport { isNull, isString, isUndefined } from '@/shared/utils/common'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport ImageWidgetMultipleItem from '@/domains/dam/imageWidget/components/ImageWidgetMultipleItem.vue'\nimport { storeToRefs } from 'pinia'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetDetailItemDto,\n  type AssetSearchListItemDto,\n  DamAssetType,\n  type DamImageCopyToLicenceResponse,\n} from '@/domains/dam/types/Asset'\nimport AAssetSelect from '@/domains/dam/assetSelect/components/AAssetSelect.vue'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { AssetSelectReturnData } from '@/domains/dam/types/AssetSelect'\nimport UploadQueueDialog from '@/domains/dam/uploadQueue/components/UploadQueueDialog.vue'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport {\n  type AssetAuthorsItems,\n  bulkUpdateAssetsAuthors,\n  fetchAsset,\n  fetchAssetByFileId,\n  fetchAssetListByIds,\n  type IdsGroupedByLicences,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { loadAssetDetailExtSystem } from '@/domains/dam/assetDetail/composables/assetDetailExtSystem'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport ASortableListEditor from '@/domains/listEditor/components/ASortableListEditor.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { fetchAuthorListByIds } from '@/domains/dam/author/api/authorApi'\nimport { useI18n } from 'vue-i18n'\nimport useVuelidate from '@vuelidate/core'\nimport { AImageMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport ImageWidgetMultipleLimitDialog from '@/domains/dam/imageWidget/components/ImageWidgetMultipleLimitDialog.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { fetchAssetListByFileIdsMultipleLicences } from '@/domains/dam/api/damfetchAssetListByFileIdsMultipleLicences'\nimport { copyToLicence } from '@/domains/dam/api/damImageApi'\nimport { createDamImage, imageFieldsOf } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport {\n  holdImages,\n  imageSavedSince,\n  imageSavesOfOthersOver,\n  noteImagesSave,\n} from '@/domains/dam/imageWidget/utils/imageSaves'\nimport { WAIT_RAN_OUT, withinWaitLimit } from '@/domains/dam/imageWidget/utils/waitLimit'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[]\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    disableDraggable?: boolean\n    widgetIdentifierId?: string | undefined\n    callDeleteApiOnRemove?: boolean\n    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    width: undefined,\n    disableDraggable: false,\n    widgetIdentifierId: undefined,\n    callDeleteApiOnRemove: false,\n    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst assetSelectDialog = ref(false)\n\nconst imageWidgetUploadConfig = inject<ShallowRef<DamConfigLicenceExtSystemReturnType | undefined> | undefined>(\n  ImageWidgetUploadConfigKey,\n  undefined\n)\n\nif (isUndefined(imageWidgetUploadConfig) || isUndefined(imageWidgetUploadConfig.value)) {\n  throw new Error(\"Fatal error, parent component doesn't provide necessary config ext system config.\")\n}\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { showErrorsDefault, showValidationError, showErrorT, showWarningT, showUnknownError } = useAlerts()\nconst uploadButtonComponent = ref<InstanceType<any> | null>(null)\n\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  DamAssetType.Image,\n  imageWidgetUploadConfig.value.extSystemConfig\n)\n\nconst { t } = useI18n()\n\nconst imagesLoading = ref(false)\nconst imagesLoadFailed = ref(false)\n\n// Editor must not mount before the fetch lands: its dirty baseline is captured once, so rows\n// arriving later would read as \"added\". One-shot, like the fetch.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst imagesReady = ref(props.modelValue.length === 0)\n\nconst listEditor = ref<{ commit: (rows?: ImageStoreItem[]) => void; cancelReorderMode: () => void } | null>(null)\n\nconst imageStore = useImageStore()\n// The store is shared by all widgets. Leftovers from the previous one do not belong to this entity.\nimageStore.reset()\nwatch(\n  () => props.readonly,\n  (value) => {\n    imageStore.readonly = value\n  },\n  { immediate: true }\n)\nconst { images, maxPosition } = storeToRefs(imageStore)\n\n// Identity of this widget among the image-saving widgets (`imageSaves.ts`), and marks of its own pending saves.\nconst thisWidget = Symbol('image widget multiple')\nconst ownImageSaves = new Set<symbol>()\n// Cancels waiting on other widgets' saves when this widget unmounts.\nlet cancelSaveWaits: (() => void) | null = null\n\n/**\n * Resolves once no other widget has a pending save of any of `ids`, such as the\n * widget this one replaced. On timeout the user is told the request timed out.\n */\nconst savesOfOthersOver = async (ids: IntegerId[]) => {\n  const waits = ids\n    .map((id) => imageSavesOfOthersOver(damConfigName, id, ownImageSaves))\n    .filter((wait) => !isNull(wait))\n  if (waits.length === 0) return\n  cancelSaveWaits = () => waits.forEach((wait) => wait.cancel())\n  const over = await withinWaitLimit(Promise.all(waits.map((wait) => wait.over)), 1, damConfigName)\n  cancelSaveWaits = null\n  if (over !== WAIT_RAN_OUT) return\n  waits.forEach((wait) => wait.cancel())\n  if (!unmounted) showErrorT('error.apiTimedOut.message')\n}\n\n// Rows added while the entity images load wait for the load and\n// come after them. Otherwise the load replaced them silently.\nlet imagesLoaded: Promise<void> = Promise.resolve()\n\nconst fetchImagesOnLoad = async () => {\n  if (props.modelValue.length === 0) {\n    return\n  }\n  try {\n    imagesLoading.value = true\n    // Counted when the read is sent: a save answered later may have taken effect after the read.\n    const readAt = holdImages(damConfigName, thisWidget, props.modelValue)\n    const read = await imageApi.fetchImageListByIds(imageClient, props.modelValue)\n    // Rows wait until other widgets' saves of these images are over, using the latest saved state.\n    // Otherwise a row had old texts and this widget's save wrote them back over the saved ones.\n    await savesOfOthersOver(read.map((image) => image.id))\n    if (unmounted) return\n    const imagesRes = read\n      .map((image) => {\n        const saved = imageSavedSince(damConfigName, image.id, readAt.get(image.id) ?? 0)\n        return saved ? { ...image, ...saved, id: image.id, position: saved.position ?? image.position } : image\n      })\n      .sort((a, b) => (a.position ?? 0) - (b.position ?? 0))\n    const groupedIds: IdsGroupedByLicences = new Map()\n    imagesRes.forEach((image) => {\n      const group = groupedIds.get(image.dam.licenceId)\n      if (group) {\n        group.push(image.dam.damId)\n      } else {\n        groupedIds.set(image.dam.licenceId, [image.dam.damId])\n      }\n    })\n\n    let assetsRes: Awaited<ReturnType<typeof fetchAssetListByFileIdsMultipleLicences>> = []\n    try {\n      assetsRes = await fetchAssetListByFileIdsMultipleLicences(damClient, endPointAsset, groupedIds)\n    } catch (e) {\n      // Read-only shows images without DAM authors. A user without upload rights is often refused the assets.\n      if (!props.readonly) throw e\n    }\n\n    imageStore.setImages(\n      imagesRes.map((imageRes) => {\n        if (isUndefined(imageRes.position)) throw new Error('Image object needs position field!')\n        imageStore.updateMaxPositionIfGreater(imageRes.position)\n        const found = assetsRes.find((asset) => asset.mainFile?.id === imageRes.dam.damId)\n        return {\n          key: generateUUIDv1(),\n          ...imageRes,\n          // Each row gets its own copy. Rows of the same asset shared the array.\n          damAuthors: found ? [...found.authors] : [],\n          showDamAuthors: found ? found.authors.length === 0 : false,\n          assetId: found ? found.id : undefined,\n        }\n      })\n    )\n    // Displaying a read-only widget must not rewrite the form's value with the stored order.\n    if (!props.readonly) {\n      emit('update:modelValue', images.value.map((image) => image.id).filter((id) => id !== undefined) as IntegerId[])\n    }\n  } catch (e) {\n    imagesLoadFailed.value = true\n    showErrorsDefault(e)\n  } finally {\n    imagesLoading.value = false\n    imagesReady.value = true\n  }\n}\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst { uploadQueueDialog, stopQueueLeftBehind } = useUploadQueueDialog()\n\nconst onFileInput = (files: File[]) => {\n  if (props.readonly) return\n  // The input rejected every file and reported it. Opening the queue dialog would show nothing new.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  // `afterLimitDialogAdd` opens the queue dialog once files are\n  // queued. Over the limit nothing is queued until the user agrees.\n  // Rows of a queue no dialog shows are not counted. They go first.\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onDrop = (files: File[]) => {\n  if (props.readonly) return\n  // Same as the input: the dropzone rejected every file and reported it.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onCopyToLicence = (data: DamImageCopyToLicenceResponse) => {\n  if (props.readonly) return\n  if (data.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  let refused = 0\n  data.forEach((item) => {\n    if (item.result === 'copy') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n    } else if (item.result === 'exists') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n      uploadQueuesStore.queueItemDuplicate(item.targetAsset, item.targetMainFile, DamAssetType.Image, damConfigName)\n    } else {\n      refused++\n    }\n  })\n  if (refused > 0) showErrorT('common.damImage.queueItem.errorUnableToCopyToLicence')\n  if (refused === data.length) return\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst afterLimitDialogAdd = () => {\n  uploadQueueDialog.value = props.queueKey\n}\n\n/**\n * Images of picked assets, without position. Each asset is read under\n * its own licence, and its authors under that licence's ext system.\n * The browsed licence can change after picking, and the DAM silently omits assets of another licence.\n * `readUnder`: the licence of all assets and its ext system, when the caller knows them.\n */\nconst assetSelectConfirmMap = async (\n  items: AssetSearchListItemDto[],\n  readUnder?: { licence: IntegerId; extSystem: IntegerId }\n): Promise<ImageStoreItem[]> => {\n  const assetSelectStore = useAssetSelectStore()\n  const assetMetadataMap = new Map<DocId, { description: string; authorIds: DocId[] }>()\n  const authorsMap = new Map<DocId, string>()\n  const idsByLicence: IdsGroupedByLicences = new Map()\n  items.forEach((item) => {\n    const licence = readUnder ? readUnder.licence : item.licence\n    const group = idsByLicence.get(licence)\n    if (group) {\n      group.push(item.id)\n    } else {\n      idsByLicence.set(licence, [item.id])\n    }\n  })\n  // A licence that fails to read does not stop the others.\n  const failures: unknown[] = []\n  for (const [licence, ids] of idsByLicence) {\n    try {\n      const assetDetails = await fetchAssetListByIds(damClient, endPointAsset, ids, licence)\n      if (customAssetSelectMetadataToImageMap) {\n        assetDetails.forEach((assetDetail) => {\n          const mapped = customAssetSelectMetadataToImageMap(assetDetail)\n          assetMetadataMap.set(assetDetail.id, {\n            description: mapped.description,\n            authorIds: [],\n          })\n          authorsMap.set(assetDetail.id, mapped.source)\n        })\n        continue\n      }\n      const authorIdsToFetch = new Set<DocId>()\n      assetDetails.forEach((assetDetail) => {\n        assetMetadataMap.set(assetDetail.id, {\n          description: isString(assetDetail.metadata.customData?.description)\n            ? assetDetail.metadata.customData.description.trim()\n            : '',\n          authorIds: assetDetail.authors,\n        })\n        assetDetail.authors.forEach((authorId) => {\n          authorIdsToFetch.add(authorId)\n        })\n      })\n      if (authorIdsToFetch.size > 0) {\n        const licenceConfig = assetSelectStore.selectConfig.find((config) => config.licence === licence)\n        // Uses the licence's ext system, as for every DAM author name the widgets\n        // write. Falls back to the picker's when the licence does not tell.\n        const authorsRes = await fetchAuthorListByIds(\n          damClient,\n          endPointAuthor,\n          readUnder\n            ? readUnder.extSystem\n            : ((await getExtSystemByLicence(licence)) ??\n                (licenceConfig ?? assetSelectStore.requireSelectedSelectConfig()).extSystem),\n          [...authorIdsToFetch]\n        )\n        authorsRes.forEach((author) => {\n          authorsMap.set(author.id, author.name)\n        })\n      }\n    } catch (e) {\n      failures.push(e)\n    }\n  }\n  // Reported once for all failures. A DAM refusal arrives as a bare axios error that the default handler ignores.\n  if (failures.length > 0 && !showErrorsDefault(failures[0])) showUnknownError()\n\n  return items.map((asset) => {\n    const authorIds = assetMetadataMap.get(asset.id)?.authorIds || []\n    const description = assetMetadataMap.get(asset.id)?.description ?? ''\n\n    if (customAssetSelectMetadataToImageMap) {\n      return {\n        key: generateUUIDv1(),\n        ...createDamImage(\n          { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n          { description, source: authorsMap.get(asset.id) ?? '' },\n          { position: 0 }\n        ),\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: asset.id,\n      }\n    }\n\n    const authorNames: string[] = []\n    assetMetadataMap.get(asset.id)?.authorIds.forEach((authorId) => {\n      const name = authorsMap.get(authorId)\n      if (!isUndefined(name) && name.trim().length > 0) {\n        authorNames.push(name)\n      }\n    })\n\n    return {\n      key: generateUUIDv1(),\n      ...createDamImage(\n        { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n        { description, source: authorNames.join(', ') },\n        { position: 0 }\n      ),\n      damAuthors: authorIds,\n      // Only for assets that were read. For an unread asset its authors are unknown, and authors\n      // picked in the row would replace them in the DAM. Its row shows the source instead.\n      showDamAuthors: assetMetadataMap.has(asset.id) && authorIds.length === 0,\n      assetId: asset.id,\n    }\n  })\n}\n\nconst positioned = (items: ImageStoreItem[]) =>\n  items.map((item) => {\n    maxPosition.value++\n    return { ...item, position: maxPosition.value }\n  })\n\nconst onAssetSelectConfirm = async (data: AssetSelectReturnData) => {\n  if (props.readonly) return\n  if (data.type !== 'asset' || data.value.length === 0) return\n  const picked = data.value.filter((asset) => !isNull(asset.mainFile))\n  // Picked assets from a licence other than the upload licence are copied. Assets\n  // already in it are used at once. Copies are added when the queue dialog is used.\n  const toCopy =\n    copyToLicenceEnabled !== false && !isUndefined(data.copyToLicence)\n      ? picked.filter((asset) => asset.licence !== data.copyToLicence)\n      : []\n  // A widget that unmounted or became read-only adds nothing. The image store belongs to the next widget by then.\n  const addingIsOver = () => unmounted || props.readonly\n  if (toCopy.length === 0) {\n    const images = await assetSelectConfirmMap(picked)\n    await imagesLoaded\n    if (!addingIsOver()) imageStore.addImages(positioned(images))\n    return\n  }\n  const copying = copyToLicence(\n    damClient,\n    endPointImage,\n    toCopy.map((asset) => ({ asset: asset.id, targetAssetLicence: data.copyToLicence! }))\n  )\n  // Read during the copy under their own licence (the upload's) and its ext system, not the browsed one.\n  // Added before the queue dialog opens. Otherwise using the dialog first put the copies before them.\n  const asTheyAre = picked.filter((asset) => !toCopy.includes(asset))\n  const config = imageWidgetUploadConfig.value\n  const imagesAsTheyAre =\n    asTheyAre.length === 0\n      ? Promise.resolve([])\n      : assetSelectConfirmMap(\n          asTheyAre,\n          config ? { licence: data.copyToLicence!, extSystem: config.extSystem } : undefined\n        )\n  let copyRes: DamImageCopyToLicenceResponse | null = null\n  try {\n    copyRes = await copying\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n  const images = await imagesAsTheyAre\n  await imagesLoaded\n  if (addingIsOver()) return\n  imageStore.addImages(positioned(images))\n  if (copyRes) onCopyToLicence(copyRes)\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { dialog: assetDialog } = storeToRefs(assetDetailStore)\nconst {\n  damClient,\n  endPointAsset,\n  endPointImage,\n  endPointAuthor,\n  copyToLicenceEnabled,\n  showSourceEnabled,\n  sourceLabel,\n  editAssetLabel,\n  addFromDamLabel,\n  customAssetSelectMetadataToImageMap,\n} = useCommonAdminCoreDamOptions(damConfigName)\n\n// True while the detail was opened by \"edit asset\" of a row. Not for the detail\n// opened from the queue dialog, which is drawn here too and reads nothing on close.\nlet detailOfRow = false\n// Reads of assets whose detail closed, keyed by asset. The widget save waits for them.\n// Reads of other assets do not wait on these. Otherwise closing one detail waited for another asset's save and read.\nconst detailAssetReads = new Map<DocId, Promise<void>>()\n// Such a read may finish after unmount, when the store belongs to the next widget.\nlet unmounted = false\nonBeforeUnmount(() => {\n  unmounted = true\n  holdImages(damConfigName, thisWidget, [])\n  cancelSaveWaits?.()\n})\n\nconst onEditAsset = async (assetFileId: DocId) => {\n  detailOfRow = true\n  let extSystem: IntegerId | null = null\n  try {\n    await assetDetailStore.open(\n      props.queueKey,\n      async () => {\n        const asset = await fetchAssetByFileId(damClient, endPointAsset, assetFileId)\n        // Falls back to the ext system of the widget's upload licence,\n        // loaded by its root, when the licence cannot be resolved.\n        const shownUnder = (await getExtSystemByLicence(asset.licence)) ?? imageWidgetUploadConfig.value!.extSystem\n        // Must load before the detail shows the asset: it reads the ext\n        // system configuration while rendering and threw without it.\n        await loadAssetDetailExtSystem(damClient, shownUnder, asset.attributes.assetType, damConfigName)\n        extSystem = shownUnder\n        return asset\n      },\n      // Only for the asset the detail still shows: a stale answer must not change the ext system used for name lookups.\n      () => {\n        if (extSystem) cachedExtSystemId.value = extSystem\n      }\n    )\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n\n// An upload applied during the entity image load waits with its dialog and\n// queue intact. Its rows come after the loaded images, then the dialog closes.\n// If the widget is read-only or gone by then, the dialog and queue stay as for\n// read-only, so nothing is lost. Before, the dialog and rows were dropped.\n// Applying again while waiting is ignored, or rows would be added twice.\nlet uploadWaitsForLoad = false\nconst onAssetUploadConfirm = async (items: ImageStoreItem[]) => {\n  if (props.readonly) return\n  if (items.length === 0) return\n  if (imagesLoading.value) {\n    if (uploadWaitsForLoad) return\n    uploadWaitsForLoad = true\n    await imagesLoaded\n    uploadWaitsForLoad = false\n    if (unmounted || props.readonly) return\n  }\n  addUploadedRows(items)\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n}\n\nconst addUploadedRows = (items: ImageStoreItem[]) => {\n  // A duplicate file becomes the asset of the existing image, and the dialog has just saved its authors. Rows of that\n  // asset offering the pick take them, as after closing the detail. Otherwise their pick would overwrite those authors.\n  // Names go into a row's source only if it has none. Before, they always overwrote it.\n  if (authorEnabled.value) {\n    items.forEach((item) => {\n      if (isUndefined(item.assetId) || item.damAuthors.length === 0) return\n      images.value.forEach((image) => {\n        if (image.assetId !== item.assetId || !image.showDamAuthors) return\n        takeAuthorsGiven(image, item.damAuthors, item.texts.source)\n      })\n    })\n  }\n  imageStore.addImages(positioned(items))\n}\n\nconst actionLibrary = () => {\n  assetSelectDialog.value = true\n}\n\nconst v$ = useVuelidate({ $scope: AImageMetadataValidationScopeSymbol })\n\nconst { getDamConfigExtSystem, getExtSystemByLicence } = useDamConfigState(damClient, damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\n\nconst authorEnabled = computed(() => {\n  return !!getDamConfigExtSystem(cachedExtSystemId.value)?.[DamAssetType.Image]?.authors?.enabled\n})\n\n/**\n * Author names of an asset, in order, under its licence's ext system.\n * Falls back to `pageExtSystem` when the licence does not tell.\n */\nconst authorNamesOf = async (asset: AssetDetailItemDto, pageExtSystem: IntegerId) => {\n  const extSystem = (await getExtSystemByLicence(asset.licence)) ?? pageExtSystem\n  const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, asset.authors)\n  const authorNames: string[] = []\n  asset.authors.forEach((authorId) => {\n    const name = authorsRes.find((author) => author.id === authorId)?.name\n    if (!isUndefined(name) && name.trim().length > 0) {\n      authorNames.push(name)\n    }\n  })\n  return authorNames.join(', ')\n}\n\n/**\n * Once the asset turns out to have authors, a row offering the\n * author pick takes them, drops the pick and shows its source.\n * The source takes their names if empty or if it holds a hidden \"fill empty\"\n * pick from mass operations. An image's own source stays for the user to check.\n */\nconst takeAuthorsGiven = (row: ImageStoreItem, authors: DocId[], names: string) => {\n  row.damAuthors = [...authors]\n  if (row.texts.source.trim().length === 0 || imageStore.hasSourceOfPick(row)) row.texts.source = names\n  imageStore.forgetSourceOfPick(row)\n  row.showDamAuthors = false\n}\n\n/**\n * The detail may have given authors to an asset whose row offers the pick.\n * Otherwise the widget save overwrote them, or saved the image without a source.\n * So the asset is read again, and its offering rows take its authors with names under the asset\n * licence's ext system (see `takeAuthorsGiven`). Rows showing their source are left alone.\n * `detailSave`: the detail save pending at close. `pageExtSystem`: the ext system configured at that time.\n */\nconst takeAuthorsOfDetailAsset = async (assetId: DocId, detailSave: Promise<void> | null, pageExtSystem: IntegerId) => {\n  try {\n    // Read before the DAM answers that save, the asset would be stale.\n    await detailSave\n    const asset = await fetchAsset(damClient, endPointAsset, assetId)\n    if (asset.authors.length === 0) return\n    const source = await authorNamesOf(asset, pageExtSystem)\n    if (unmounted || props.readonly) return\n    images.value.forEach((image) => {\n      // Uses the row's own flag. Whether the page shows the pick depends\n      // on an ext system that another asset's detail may have changed.\n      if (image.assetId !== asset.id || !image.showDamAuthors) return\n      takeAuthorsGiven(image, asset.authors, source)\n    })\n  } catch (e) {\n    if (!unmounted && !showErrorsDefault(e)) showUnknownError()\n  }\n}\n\n/**\n * `shown`: the asset the detail showed. None if it closed from its loader or after a failed read.\n * Captured before any await: whether a row of that asset offers the\n * pick, the pending detail save, and the configured ext system.\n */\nconst onAssetDetailClose = (shown: AssetDetailItemDto | null) => {\n  const ofRow = detailOfRow\n  detailOfRow = false\n  if (!ofRow || isNull(shown) || props.readonly || !authorEnabled.value) return\n  const assetId = shown.id\n  if (!images.value.some((image) => image.assetId === assetId && image.showDamAuthors)) return\n  const detailSave = assetDetailStore.savingOf(assetId, damConfigName)\n  const pageExtSystem = cachedExtSystemId.value\n  const read = (detailAssetReads.get(assetId) ?? Promise.resolve()).then(() =>\n    takeAuthorsOfDetailAsset(assetId, detailSave, pageExtSystem)\n  )\n  detailAssetReads.set(assetId, read)\n  void read.then(() => {\n    if (detailAssetReads.get(assetId) === read) detailAssetReads.delete(assetId)\n  })\n}\n\nconst saveImages = async () => {\n  // Nothing of the user's to write. The images stay as loaded.\n  if (props.readonly) return true\n  // An empty store here means the fetch is pending or failed, not a\n  // user deletion. The empty path below would detach every image.\n  if (imagesLoading.value || imagesLoadFailed.value) {\n    showUnknownError()\n    return false\n  }\n  // A closed detail's asset is still being read. Its rows are not written until they have its authors.\n  await Promise.all(detailAssetReads.values())\n  if (unmounted) return false\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return false\n  }\n  try {\n    const assetUpdateItems: AssetAuthorsItems = []\n    const imagesRaw = toRaw(images.value)\n    // Rows offering the author pick, grouped by asset. An entity may have\n    // an image twice, and a queue duplicate is a second row of its asset.\n    // Per row, authors went out once per row and the last won, and a row with no pick was saved without a source.\n    // The asset gets the union of picks in its rows, each author once,\n    // and each row gets the authors and names after the DAM accepts them.\n    const offering = new Map<DocId, { assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[] }>()\n    if (authorEnabled.value) {\n      images.value.forEach((image) => {\n        if (!image.showDamAuthors) return\n        // A row offering the pick has an asset. One without would be grouped alone.\n        const of = image.assetId ?? image.key\n        const asset = offering.get(of) ?? { assetId: image.assetId, rows: [], authors: [] }\n        offering.set(of, asset)\n        asset.rows.push(image)\n        image.damAuthors.forEach((author) => {\n          if (!asset.authors.includes(author)) asset.authors.push(author)\n        })\n      })\n    }\n    const named: Array<{ assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[]; source: string }> = []\n    for (const { assetId, rows, authors } of offering.values()) {\n      if (authors.length === 0) continue\n      if (assetId) assetUpdateItems.push({ id: assetId, authors })\n      // Uses the ext system of the rows' asset licence, as the pre-write read does. Falls back to the configured\n      // one when the page does not know the licence. It is not fetched, since entity rows can be of any licence.\n      const extSystem =\n        damConfigStore.damConfigLicenceExtSystem.get(rows[0]!.dam.licenceId)?.extSystem ?? cachedExtSystemId.value\n      const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, authors)\n      named.push({ assetId, rows, authors, source: authorsRes.map((author) => author.name).join(', ') })\n    }\n    // Unmounted while authors loaded: write nothing. Turned read-only: nothing of the user's is written.\n    if (unmounted) return false\n    if (props.readonly) return true\n    // Assets may have received authors elsewhere since their rows loaded, and the write would\n    // replace them. So each asset with picked authors is re-read right before the write.\n    // If any asset already has authors, nothing is written. Its offering rows take those\n    // authors (`takeAuthorsGiven`), a message stays until closed, and the user saves again.\n    const picked = [...offering.values()].filter(({ assetId, authors }) => !isUndefined(assetId) && authors.length > 0)\n    if (picked.length > 0) {\n      const readAgain = await Promise.all(picked.map(({ assetId }) => fetchAsset(damClient, endPointAsset, assetId!)))\n      // Unmounted or made read-only while the assets were read: write nothing.\n      if (unmounted || props.readonly) return false\n      const givenMeanwhile = picked\n        .map(({ rows }, index) => ({ rows, asset: readAgain[index]! }))\n        .filter(({ asset }) => asset.authors.length > 0)\n      if (givenMeanwhile.length > 0) {\n        const pageExtSystem = cachedExtSystemId.value\n        const names = await Promise.all(givenMeanwhile.map(({ asset }) => authorNamesOf(asset, pageExtSystem)))\n        if (unmounted || props.readonly) return false\n        givenMeanwhile.forEach(({ rows, asset }, index) => {\n          rows.forEach((row) => {\n            if (row.showDamAuthors) takeAuthorsGiven(row, asset.authors, names[index]!)\n          })\n        })\n        showWarningT('common.damImage.image.meta.galleryAuthorsGivenMeanwhile', -1)\n        return false\n      }\n    }\n    if (assetUpdateItems.length) {\n      await bulkUpdateAssetsAuthors(damClient, endPointAsset, assetUpdateItems)\n      // Unmounted while the authors were written: save no image. A widget mounted meanwhile\n      // for the same images read them before this save, which is noted only once sent.\n      if (unmounted) return false\n    }\n    // The DAM now has these authors even if the images are not saved, so the rows show the source as after a save.\n    // If the rows kept offering the pick, the next save would send them as picks,\n    // the pre-write read would find these authors, and nothing would be written.\n    named.forEach(({ assetId, rows, authors, source }) => {\n      rows.forEach((row) => {\n        row.damAuthors = [...authors]\n        row.texts.source = source\n        if (isUndefined(assetId)) return\n        row.showDamAuthors = false\n        imageStore.forgetSourceOfPick(row)\n      })\n    })\n    const sentRows = [...imagesRaw]\n    // Note the saved images for the page's other widgets, one by one.\n    // This runs even if this widget unmounted before the response.\n    const resItems = await noteImagesSave(\n      damConfigName,\n      sentRows.map((row) => row.id).filter((id) => !isUndefined(id)),\n      ownImageSaves,\n      imageApi.bulkUpdateImages(imageClient, sentRows.map(imageFieldsOf))\n    )\n    // If unmounted before the response, write nothing to the image store. By then it belongs to the next widget.\n    if (unmounted) return true\n    holdImages(\n      damConfigName,\n      thisWidget,\n      resItems.map((resItem) => resItem.id)\n    )\n    const ids: IntegerId[] = []\n    const items = resItems.map((resItem) => {\n      ids.push(resItem.id)\n\n      return {\n        key: generateUUIDv1(),\n        ...resItem,\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: undefined,\n      }\n    })\n    if (imageStore.images.length === 0) {\n      listEditor.value?.commit([])\n      // Emptying is a change too. Without this emit the parent keeps its old ids.\n      emit('update:modelValue', ids)\n      return true\n    }\n\n    // Match each returned image to its own sent row. Rows of the same file are matched one by one in send order.\n    // Matching by file alone gave every row of a file the values of the first one.\n    const getUpdatedItem = (item: ImageStoreItem): ImageStoreItem => {\n      const index = sentRows.findIndex((row) => row.dam.damId === item.dam.damId)\n      const matchedImage = index < 0 ? undefined : sentRows.splice(index, 1)[0]\n\n      return {\n        ...item,\n        damAuthors: matchedImage ? matchedImage.damAuthors : item.damAuthors,\n        // Only a row that offered DAM authors keeps offering them.\n        // A row whose asset the DAM did not return has no asset to save them into, so it keeps its source.\n        showDamAuthors: matchedImage ? matchedImage.showDamAuthors && matchedImage.damAuthors.length === 0 : false,\n        assetId: matchedImage ? matchedImage.assetId : item.assetId,\n      }\n    }\n\n    const updatedItems = items.map(getUpdatedItem)\n    imageStore.setImages(updatedItems)\n    // Pass the rows explicitly. `setImages` just replaced their keys,\n    // so a bare `commit()` would read the not-yet-rerendered prop.\n    listEditor.value?.commit(updatedItems)\n    emit('update:modelValue', ids)\n    return true\n  } catch (e) {\n    // Authors refused by validation are named as the forms name them. Other errors are shown as before.\n    showMetadataSaveError(e, cachedExtSystemId.value, damConfigName)\n    return false\n  }\n}\n\n// Renumber the remaining images as after a move. Otherwise the backend gets positions with a gap.\nconst removeImage = (index: number) => {\n  imageStore.removeImageByIndex(index)\n  updateAllPositions()\n}\n\nconst removeItem = async (index: number) => {\n  const image = images.value[index]\n  if (!image) return\n  if (isUndefined(image.id)) {\n    removeImage(index)\n    return\n  }\n  if (props.callDeleteApiOnRemove) {\n    try {\n      await imageApi.deleteImage(imageClient, image.id)\n      removeImage(index)\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    return\n  }\n  removeImage(index)\n}\n\nconst limitDialogComponent = ref<InstanceType<typeof ImageWidgetMultipleLimitDialog> | null>(null)\n\nconst editorMode = ref<'view' | 'reorder'>('view')\n// A reorder under way would keep moving rows a read-only widget does not save.\nwatch(\n  () => props.readonly,\n  (value) => {\n    if (value && editorMode.value === 'reorder') listEditor.value?.cancelReorderMode()\n  }\n)\n\n// Required by the editor but never called. Adds go through the\n// upload and asset-select flow; the editor's add button is hidden.\nconst createImageStoreItem = (): ImageStoreItem => ({\n  key: generateUUIDv1(),\n  ...createDamImage({ fileId: '', licenceId: 0 }, {}, { position: 0 }),\n  damAuthors: [],\n  showDamAuthors: false,\n  assetId: undefined,\n})\n\nconst updateAllPositions = () => {\n  let pos = 0\n  images.value.forEach((image) => {\n    pos++\n    image.position = pos\n  })\n  imageStore.maxPosition = pos\n}\n\nconst onReorderApplied = () => {\n  updateAllPositions()\n}\n\ndefineExpose({\n  saveImages,\n})\n\nonMounted(() => {\n  imagesLoaded = fetchImagesOnLoad()\n})\n</script>\n\n<template>\n  <div>\n    <h4\n      v-if=\"label\"\n      class=\"font-weight-bold text-label-large\"\n    >\n      {{ label }}\n    </h4>\n    <div\n      v-if=\"!readonly\"\n      class=\"pb-2\"\n    >\n      <AFileInput\n        :file-input-key=\"uploadQueue?.fileInputKey\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        multiple\n        @files-input=\"onFileInput\"\n      >\n        <template #activator=\"{ props: fileInputProps }\">\n          <VBtn\n            ref=\"uploadButtonComponent\"\n            v-bind=\"fileInputProps\"\n          >\n            {{ t('common.damImage.image.button.upload') }}\n          </VBtn>\n        </template>\n      </AFileInput>\n      <VBtn\n        class=\"mr-2\"\n        @click=\"actionLibrary\"\n      >\n        {{ addFromDamLabel }}\n      </VBtn>\n    </div>\n    <AAssetSelect\n      v-model=\"assetSelectDialog\"\n      :select-licences=\"selectLicences\"\n      :upload-licence=\"uploadLicence\"\n      :min-count=\"1\"\n      :max-count=\"50\"\n      :asset-type=\"DamAssetType.Image\"\n      :skip-current-user-check=\"skipCurrentUserCheck\"\n      :config-name=\"damConfigName\"\n      return-type=\"asset\"\n      @confirm=\"onAssetSelectConfirm\"\n    >\n      <template\n        v-if=\"$slots['asset-select-sidebar-prepend']\"\n        #sidebar-prepend=\"slotProps\"\n      >\n        <slot\n          name=\"asset-select-sidebar-prepend\"\n          v-bind=\"slotProps\"\n        />\n      </template>\n    </AAssetSelect>\n    <div\n      v-if=\"imagesLoading\"\n      class=\"w-100 d-flex align-center justify-center\"\n    >\n      <VProgressCircular\n        indeterminate\n        color=\"primary\"\n      />\n    </div>\n    <div\n      class=\"position-relative w-100\"\n      style=\"min-height: 140px\"\n    >\n      <ASortableListEditor\n        v-if=\"imagesReady\"\n        ref=\"listEditor\"\n        v-model=\"images\"\n        v-model:mode=\"editorMode\"\n        :factory=\"createImageStoreItem\"\n        get-key=\"key\"\n        position=\"position\"\n        :show-add-button=\"false\"\n        :show-delete-button=\"false\"\n        :show-edit-button=\"false\"\n        :disable-drag=\"disableDraggable || readonly\"\n        :readonly=\"readonly\"\n        @reorder-applied=\"onReorderApplied\"\n      >\n        <template #view-body>\n          <div class=\"asset-list-tiles asset-list-tiles--thumbnail a-sortable-widget__group\">\n            <ImageWidgetMultipleItem\n              v-for=\"(image, index) in images\"\n              :key=\"image.key\"\n              :index=\"index\"\n              :show-source-enabled=\"showSourceEnabled\"\n              :source-label=\"sourceLabel\"\n              :edit-asset-label=\"editAssetLabel\"\n              :author-enabled=\"authorEnabled\"\n              :readonly=\"readonly\"\n              :config-name=\"damConfigName\"\n              @edit-asset=\"onEditAsset\"\n              @remove-item=\"removeItem\"\n            />\n          </div>\n        </template>\n        <template #item-compact=\"{ raw }\">\n          <div class=\"image-widget-multiple-reorder\">\n            <div class=\"image-widget-multiple-reorder__thumb\">\n              <AImageWidgetSimple\n                :model-value=\"raw.id\"\n                :image=\"raw\"\n                :config-name=\"damConfigName\"\n              />\n            </div>\n            <div class=\"image-widget-multiple-reorder__meta\">\n              <div class=\"image-widget-multiple-reorder__title\">\n                {{ raw.texts?.description?.trim() || '—' }}\n              </div>\n              <div\n                v-if=\"raw.texts?.source\"\n                class=\"image-widget-multiple-reorder__source\"\n              >\n                {{ raw.texts.source }}\n              </div>\n            </div>\n          </div>\n        </template>\n      </ASortableListEditor>\n      <AImageDropzone\n        v-if=\"editorMode === 'view' && !readonly\"\n        variant=\"fill\"\n        :hover-only=\"modelValue.length > 0 || images.length > 0\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        @drop=\"onDrop\"\n        @click=\"uploadButtonComponent?.$el.click()\"\n      />\n    </div>\n    <UploadQueueDialog\n      v-if=\"uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n      :queue-key=\"queueKey\"\n      :ext-system=\"imageWidgetUploadConfig.extSystem\"\n      :licence-id=\"imageWidgetUploadConfig.licence\"\n      :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n      :accept=\"uploadAccept\"\n      :max-sizes=\"uploadSizes\"\n      multiple\n      @apply=\"onAssetUploadConfirm\"\n      @files-input=\"onFileInput\"\n      @drop=\"onFileInput\"\n    />\n    <AssetDetailDialog\n      v-if=\"assetDialog === queueKey\"\n      :queue-key=\"queueKey\"\n      :config-name=\"damConfigName\"\n      :ext-system=\"cachedExtSystemId\"\n      @close=\"onAssetDetailClose\"\n    />\n    <ImageWidgetMultipleLimitDialog\n      ref=\"limitDialogComponent\"\n      :queue-key=\"queueKey\"\n      @after-add=\"afterLimitDialogAdd\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.image-widget-multiple-reorder {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  min-height: 100px;\n  padding: 4px 0;\n\n  &__thumb {\n    flex: 0 0 auto;\n    width: 200px;\n    border-radius: 4px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n  }\n\n  &__meta {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  &__title {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: rgb(var(--v-theme-on-surface));\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  &__source {\n    font-size: 0.82rem;\n    color: rgb(var(--v-theme-on-surface) / 70%);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  @media (width <= 600px) {\n    gap: 8px;\n    min-height: 72px;\n\n    &__thumb {\n      width: 80px;\n    }\n\n    &__source {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEA,IAAMqD,IAAQC,GAgCRC,KAAOH,IAIPI,IAAgBC,GAAiBJ,EAAM,UAAU,GAEjDK,IAAoBC,EAAI,EAAK,GAE7BC,IAA0BC,GAC9BC,IACA,KAAA,CACF;EAEA,IAAIC,EAAYH,CAAuB,KAAKG,EAAYH,EAAwB,KAAK,GACnF,MAAU,MAAM,mFAAmF;EAIrG,IAAM,EAAE,gBAAa,gBADAI,EAA2BR,CACd,GAC5B,EAAE,sBAAmB,yBAAqB,gBAAY,kBAAc,wBAAqBS,EAAU,GACnGC,KAAwBP,EAA8B,IAAI,GAE1D,EAAE,gBAAa,oBAAiBQ,GACpCC,EAAa,OACbR,EAAwB,MAAM,eAChC,GAEM,EAAE,UAAMS,GAAQ,GAEhBC,IAAgBX,EAAI,EAAK,GACzBY,KAAmBZ,EAAI,EAAK,GAK5Ba,KAAcb,EAAIN,EAAM,WAAW,WAAW,CAAC,GAE/CoB,IAAad,EAAyF,IAAI,GAE1Ge,IAAaC,EAAc;EAGjC,AADAD,EAAW,MAAM,GACjBE,SACQvB,EAAM,WACX,MAAU;GACT,EAAW,WAAWwB;EACxB,GACA,EAAE,WAAW,GAAK,CACpB;EACA,IAAM,EAAE,WAAQ,oBAAgBC,GAAYJ,CAAU,GAGhDK,IAAa,OAAO,uBAAuB,GAC3CC,qBAAgB,IAAI,IAAY,GAElCC,IAAuC,MAMrCC,KAAoB,OAAO,MAAqB;GACpD,IAAMC,IAAQC,EACX,KAAK,MAAOC,GAAuB7B,GAAe8B,GAAIN,EAAa,CAAC,CAAA,CACpE,QAAQ,MAAS,CAACO,EAAOC,CAAI,CAAC;GACjC,IAAIL,EAAM,WAAW,GAAG;GACxB,UAAwBA,EAAM,SAAS,MAASK,EAAK,OAAO,CAAC;GAC7D,IAAMC,IAAO,MAAMC,GAAgB,QAAQ,IAAIP,EAAM,KAAK,MAASK,EAAK,IAAI,CAAC,GAAG,GAAGhC,CAAa;GAEhG,AADA,IAAkB,MACdiC,MAASE,OACbR,EAAM,SAAS,MAASK,EAAK,OAAO,CAAC,GAChCI,KAAWC,GAAW,2BAA2B;EACxD,GAIIC,IAA8B,QAAQ,QAAQ,GAE5CC,KAAoB,YAAY;GACpC,IAAI1C,EAAM,WAAW,WAAW,GAGhC,IAAI;IACF,EAAc,QAAQ;IAEtB,IAAM2C,IAASC,EAAWzC,GAAeuB,GAAY1B,EAAM,UAAU,GAC/D6C,IAAO,MAAMC,EAAS,oBAAoBC,GAAa/C,EAAM,UAAU;IAI7E,IADA,MAAM6B,GAAkBgB,EAAK,KAAK,MAAUG,EAAM,EAAE,CAAC,GACjDT,GAAW;IACf,IAAMU,IAAYJ,EACf,KAAK,MAAU;KACd,IAAMK,IAAQC,GAAgBhD,GAAe6C,EAAM,IAAIL,EAAO,IAAIK,EAAM,EAAE,KAAK,CAAC;KAChF,OAAOE,IAAQ;MAAE,GAAGF;MAAO,GAAGE;MAAO,IAAIF,EAAM;MAAI,UAAUE,EAAM,YAAYF,EAAM;KAAS,IAAIA;IACpG,CAAC,CAAA,CACA,MAAM,GAAG,OAAOI,EAAE,YAAY,MAAMC,EAAE,YAAY,EAAE,GACjDC,oBAAmC,IAAI,IAAI;IACjD,EAAU,SAAS,MAAU;KAC3B,IAAMC,IAAQD,EAAW,IAAIN,EAAM,IAAI,SAAS;KAChD,AAAIO,IACFA,EAAM,KAAKP,EAAM,IAAI,KAAK,IAE1BM,EAAW,IAAIN,EAAM,IAAI,WAAW,CAACA,EAAM,IAAI,KAAK,CAAC;IAEzD,CAAC;IAED,IAAIQ,IAAiF,CAAC;IACtF,IAAI;KACF,IAAY,MAAMC,GAAwCC,GAAWC,GAAeL,CAAU;IAChG,SAAS,GAAG;KAEV,IAAI,CAACtD,EAAM,UAAU,MAAM;IAC7B;IAkBA,AAhBAqB,EAAW,UACT4B,EAAU,KAAK,MAAa;KAC1B,IAAIvC,EAAYkD,EAAS,QAAQ,GAAG,MAAU,MAAM,oCAAoC;KACxF,EAAW,2BAA2BA,EAAS,QAAQ;KACvD,IAAMC,IAAQL,EAAU,MAAM,MAAUM,EAAM,UAAU,OAAOF,EAAS,IAAI,KAAK;KACjF,OAAO;MACL,KAAKG,EAAe;MACpB,GAAGH;MAEH,YAAYC,IAAQ,CAAC,GAAGA,EAAM,OAAO,IAAI,CAAC;MAC1C,gBAAgBA,IAAQA,EAAM,QAAQ,WAAW,IAAI;MACrD,SAASA,IAAQA,EAAM,KAAK,KAAA;KAC9B;IACF,CAAC,CACH,GAEK7D,EAAM,YACTE,GAAK,qBAAqB8D,EAAO,MAAM,KAAK,MAAUhB,EAAM,EAAE,CAAC,CAAC,QAAQ,MAAOf,MAAO,KAAA,CAAS,CAAgB;GAEnH,SAAS,GAAG;IAEV,AADA,GAAiB,QAAQ,IACzBgC,EAAkB,CAAC;GACrB,UAAU;IAER,AADA,EAAc,QAAQ,IACtB,GAAY,QAAQ;GACtB;EACF,GAEMC,IAAoBC,GAAqB,GAEzCC,KAAcC,SACXH,EAAkB,SAASlE,EAAM,QAAQ,CACjD,GAEK,EAAE,yBAAsBsE,GAAwBnE,CAAa,GAE7D,EAAE,sBAAmB,4BAAwBoE,GAAqB,GAElEC,KAAe,MAAkB;GAGrC,IAFIxE,EAAM,YAENyE,EAAM,WAAW,GAAG;GACxB,IAAMC,IAASnE,EAAwB;GACvC,AAAIG,EAAYgE,CAAM,MACtB,EAAkB,QAAQA,EAAO,WAIjCC,GAAoB3E,EAAM,QAAQ,GAClC4E,GAAqB,OAAO,MAAMH,CAAK;EACzC,GAEMI,MAAU,MAAkB;GAGhC,IAFI7E,EAAM,YAENyE,EAAM,WAAW,GAAG;GACxB,IAAMC,IAASnE,EAAwB;GACvC,AAAIG,EAAYgE,CAAM,MACtB,EAAkB,QAAQA,EAAO,WACjCC,GAAoB3E,EAAM,QAAQ,GAClC4E,GAAqB,OAAO,MAAMH,CAAK;EACzC,GAEMK,MAAmB,MAAwC;GAE/D,IADI9E,EAAM,YACN+E,EAAK,WAAW,GAAG;GACvB,IAAML,IAASnE,EAAwB;GACvC,IAAIG,EAAYgE,CAAM,GAAG;GAEzB,AADA,EAAkB,QAAQA,EAAO,WACjCC,GAAoB3E,EAAM,QAAQ;GAClC,IAAIgF,IAAU;GAwBd,AAvBAD,EAAK,SAAS,MAAS;IACrB,AAAIE,EAAK,WAAW,SAClBf,EAAkB,mBAChBlE,EAAM,UACN0E,EAAO,WACPA,EAAO,SACP,CAACO,EAAK,WAAW,GACjB9E,CACF,IACS8E,EAAK,WAAW,YACzBf,EAAkB,mBAChBlE,EAAM,UACN0E,EAAO,WACPA,EAAO,SACP,CAACO,EAAK,WAAW,GACjB9E,CACF,GACA+D,EAAkB,mBAAmBe,EAAK,aAAaA,EAAK,gBAAgBlE,EAAa,OAAOZ,CAAa,KAE7G;GAEJ,CAAC,GACG6E,IAAU,KAAGxC,GAAW,sDAAsD,GAC9EwC,MAAYD,EAAK,WACrB,EAAkB,QAAQ/E,EAAM;EAClC,GAEMkF,WAA4B;GAChC,EAAkB,QAAQlF,EAAM;EAClC,GAQMmF,KAAwB,OAC5B,GACA,MAC8B;GAC9B,IAAMC,IAAmBC,GAAoB,GACvCC,oBAAmB,IAAI,IAAwD,GAC/EC,oBAAa,IAAI,IAAmB,GACpCC,oBAAqC,IAAI,IAAI;GACnD,EAAM,SAAS,MAAS;IACtB,IAAMC,IAAUC,IAAYA,EAAU,UAAUT,EAAK,SAC/C1B,IAAQiC,EAAa,IAAIC,CAAO;IACtC,AAAIlC,IACFA,EAAM,KAAK0B,EAAK,EAAE,IAElBO,EAAa,IAAIC,GAAS,CAACR,EAAK,EAAE,CAAC;GAEvC,CAAC;GAED,IAAMU,IAAsB,CAAC;GAC7B,KAAK,IAAM,CAACF,GAAS1D,MAAQyD,GAC3B,IAAI;IACF,IAAMI,IAAe,MAAMC,GAAoBnC,GAAWC,GAAe5B,GAAK0D,CAAO;IACrF,IAAIK,IAAqC;KACvC,EAAa,SAAS,MAAgB;MACpC,IAAMC,IAASD,GAAoCE,CAAW;MAK9D,AAJAV,EAAiB,IAAIU,EAAY,IAAI;OACnC,aAAaD,EAAO;OACpB,WAAW,CAAC;MACd,CAAC,GACDR,EAAW,IAAIS,EAAY,IAAID,EAAO,MAAM;KAC9C,CAAC;KACD;IACF;IACA,IAAME,oBAAmB,IAAI,IAAW;IAYxC,IAXAL,EAAa,SAAS,MAAgB;KAOpC,AANAN,EAAiB,IAAIU,EAAY,IAAI;MACnC,aAAaE,EAASF,EAAY,SAAS,YAAY,WAAW,IAC9DA,EAAY,SAAS,WAAW,YAAY,KAAK,IACjD;MACJ,WAAWA,EAAY;KACzB,CAAC,GACDA,EAAY,QAAQ,SAAS,MAAa;MACxC,EAAiB,IAAIG,CAAQ;KAC/B,CAAC;IACH,CAAC,GACGF,EAAiB,OAAO,GAAG;KAC7B,IAAMG,IAAgBhB,EAAiB,aAAa,MAAM,MAAWV,EAAO,YAAYe,CAAO;KAY/F,CAAA,MATyBY,EACvB3C,GACA4C,IACAZ,IACIA,EAAU,YACR,MAAMa,GAAsBd,CAAO,MAClCW,KAAiBhB,EAAiB,4BAA4B,EAAA,CAAG,WACxE,CAAC,GAAGa,CAAgB,CACtB,EAAA,CACW,SAAS,MAAW;MAC7B,EAAW,IAAIO,EAAO,IAAIA,EAAO,IAAI;KACvC,CAAC;IACH;GACF,SAAS,GAAG;IACV,EAAS,KAAK,CAAC;GACjB;GAKF,OAFIb,EAAS,SAAS,KAAK,CAAC1B,EAAkB0B,EAAS,EAAE,KAAGc,EAAiB,GAEtEC,EAAM,KAAK,MAAU;IAC1B,IAAMC,IAAYrB,EAAiB,IAAIxB,EAAM,EAAE,CAAC,EAAE,aAAa,CAAC,GAC1D8C,IAActB,EAAiB,IAAIxB,EAAM,EAAE,CAAC,EAAE,eAAe;IAEnE,IAAIgC,IACF,OAAO;KACL,KAAK/B,EAAe;KACpB,GAAG8C,GACD;MAAE,QAAQ/C,EAAM,SAAU;MAAI,WAAWA,EAAM;MAAS,UAAUA,EAAM;KAAiB,GACzF;MAAE;MAAa,QAAQyB,EAAW,IAAIzB,EAAM,EAAE,KAAK;KAAG,GACtD,EAAE,UAAU,EAAE,CAChB;KACA,YAAY,CAAC;KACb,gBAAgB;KAChB,SAASA,EAAM;IACjB;IAGF,IAAMgD,IAAwB,CAAC;IAQ/B,OAPAxB,EAAiB,IAAIxB,EAAM,EAAE,CAAC,EAAE,UAAU,SAAS,MAAa;KAC9D,IAAMiD,IAAOxB,EAAW,IAAIY,CAAQ;KACpC,AAAI,CAACzF,EAAYqG,CAAI,KAAKA,EAAK,KAAK,CAAC,CAAC,SAAS,KAC7CD,EAAY,KAAKC,CAAI;IAEzB,CAAC,GAEM;KACL,KAAKhD,EAAe;KACpB,GAAG8C,GACD;MAAE,QAAQ/C,EAAM,SAAU;MAAI,WAAWA,EAAM;MAAS,UAAUA,EAAM;KAAiB,GACzF;MAAE;MAAa,QAAQgD,EAAY,KAAK,IAAI;KAAE,GAC9C,EAAE,UAAU,EAAE,CAChB;KACA,YAAYH;KAGZ,gBAAgBrB,EAAiB,IAAIxB,EAAM,EAAE,KAAK6C,EAAU,WAAW;KACvE,SAAS7C,EAAM;IACjB;GACF,CAAC;EACH,GAEMkD,KAAc,MAClBN,EAAM,KAAK,OACT,GAAY,SACL;GAAE,GAAGzB;GAAM,UAAUgC,GAAY;EAAM,EAC/C,GAEGC,KAAuB,OAAO,MAAgC;GAElE,IADIlH,EAAM,YACN+E,EAAK,SAAS,WAAWA,EAAK,MAAM,WAAW,GAAG;GACtD,IAAMoC,IAASpC,EAAK,MAAM,QAAQ,MAAU,CAAC7C,EAAO4B,EAAM,QAAQ,CAAC,GAG7DsD,IACJC,OAAyB,MAAS,CAAC3G,EAAYqE,EAAK,aAAa,IAC7DoC,EAAO,QAAQ,MAAUrD,EAAM,YAAYiB,EAAK,aAAa,IAC7D,CAAC,GAEDuC,UAAqB/E,KAAavC,EAAM;GAC9C,IAAIoH,EAAO,WAAW,GAAG;IACvB,IAAMpD,IAAS,MAAMmB,GAAsBgC,CAAM;IAEjD,AADA,MAAM1E,GACD6E,EAAa,KAAGjG,EAAW,UAAU2F,EAAWhD,CAAM,CAAC;IAC5D;GACF;GACA,IAAMuD,IAAUC,GACd9D,GACA+D,IACAL,EAAO,KAAK,OAAW;IAAE,OAAOtD,EAAM;IAAI,oBAAoBiB,EAAK;GAAe,EAAE,CACtF,GAGM2C,IAAYP,EAAO,QAAQ,MAAU,CAACC,EAAO,SAAStD,CAAK,CAAC,GAC5DY,IAASnE,EAAwB,OACjCoH,IACJD,EAAU,WAAW,IACjB,QAAQ,QAAQ,CAAC,CAAC,IAClBvC,GACEuC,GACAhD,IAAS;IAAE,SAASK,EAAK;IAAgB,WAAWL,EAAO;GAAU,IAAI,KAAA,CAC3E,GACFkD,IAAgD;GACpD,IAAI;IACF,IAAU,MAAML;GAClB,SAAS,GAAG;IACV,EAAkB,CAAC;GACrB;GACA,IAAMvD,KAAS,MAAM2D;GAErB,AADA,MAAMlF,GACF6E,EAAa,MACjBjG,EAAW,UAAU2F,EAAWhD,EAAM,CAAC,GACnC4D,KAAS9C,GAAgB8C,CAAO;EACtC,GAEMC,IAAmBC,GAAoB,GACvC,EAAE,QAAQC,OAAgBtG,GAAYoG,CAAgB,GACtD,EACJ,cACA,kBACA,mBACA,oBACA,0BACA,uBACA,iBACA,oBACA,qBACA,4CACEG,GAA6B7H,CAAa,GAI1C8H,KAAc,IAGZC,oBAAmB,IAAI,IAA0B,GAEnD3F,IAAY;EAChB,SAAsB;GAGpB,AAFA,IAAY,IACZK,EAAWzC,GAAeuB,GAAY,CAAC,CAAC,GACxCE,IAAkB;EACpB,CAAC;EAED,IAAMuG,KAAc,OAAO,MAAuB;GAChD,KAAc;GACd,IAAIC,IAA8B;GAClC,IAAI;IACF,MAAMP,EAAiB,KACrB7H,EAAM,UACN,YAAY;KACV,IAAM8D,IAAQ,MAAMuE,GAAmB3E,GAAWC,GAAe2E,CAAW,GAGtEC,IAAc,MAAMhC,GAAsBzC,EAAM,OAAO,KAAMvD,EAAwB,MAAO;KAKlG,OAFA,MAAMiI,GAAyB9E,GAAW6E,GAAYzE,EAAM,WAAW,WAAW3D,CAAa,GAC/F,IAAYoI,GACLzE;IACT,SAEM;KACJ,AAAIsE,MAAW,EAAkB,QAAQA;IAC3C,CACF;GACF,SAAS,GAAG;IACV,EAAkB,CAAC;GACrB;EACF,GAOIK,KAAqB,IACnBC,KAAuB,OAAO,MAA4B;GAC9D,AAAI1I,EAAM,YACN0G,EAAM,WAAW,MACjBzF,EAAc,UACZwH,OACJ,KAAqB,IACrB,MAAMhG,GACN,KAAqB,IACjBF,KAAavC,EAAM,eAEzB2I,GAAgBjC,CAAK,GACrB,EAAkB,QAAQ,MAC1BxC,EAAkB,WAAWlE,EAAM,QAAQ;EAC7C,GAEM2I,MAAmB,MAA4B;GAanD,AATIC,EAAc,SAChBlC,EAAM,SAAS,MAAS;IACtB,AAAIhG,EAAYuE,EAAK,OAAO,KAAKA,EAAK,WAAW,WAAW,KAC5DjB,EAAO,MAAM,SAAS,MAAU;KAC9B,AAAIhB,EAAM,YAAYiC,EAAK,WAAYjC,EAAM,kBAC7C6F,GAAiB7F,GAAOiC,EAAK,YAAYA,EAAK,MAAM,MAAM;IAC5D,CAAC;GACH,CAAC,GAEH5D,EAAW,UAAU2F,EAAWN,CAAK,CAAC;EACxC,GAEMoC,WAAsB;GAC1B,EAAkB,QAAQ;EAC5B,GAEMC,KAAK7J,GAAa,EAAE,QAAQ8J,GAAoC,CAAC,GAEjE,EAAE,2BAAuB,8BAA0BC,GAAkBvF,GAAWvD,CAAa,GAC7F+I,KAAiBC,GAAoBhJ,CAAa,GAElDyI,IAAgBvE,SACb,CAAC,CAAC+E,GAAsBC,EAAkB,KAAK,CAAC,GAAGtI,EAAa,MAAM,EAAE,SAAS,OACzF,GAMKuI,KAAgB,OAAO,GAA2B,MAA6B;GACnF,IAAMlB,IAAa,MAAM7B,GAAsBzC,EAAM,OAAO,KAAMyF,GAC5DC,IAAa,MAAMnD,EAAqB3C,GAAW4C,IAAgB8B,GAAWtE,EAAM,OAAO,GAC3FgD,IAAwB,CAAC;GAO/B,OANAhD,EAAM,QAAQ,SAAS,MAAa;IAClC,IAAMiD,IAAOyC,EAAW,MAAM,MAAWhD,EAAO,OAAOL,CAAQ,CAAC,EAAE;IAClE,AAAI,CAACzF,EAAYqG,CAAI,KAAKA,EAAK,KAAK,CAAC,CAAC,SAAS,KAC7CD,EAAY,KAAKC,CAAI;GAEzB,CAAC,GACMD,EAAY,KAAK,IAAI;EAC9B,GAQM+B,MAAoB,GAAqB,GAAkB,MAAkB;GAIjF,AAHA,EAAI,aAAa,CAAC,GAAGY,CAAO,IACxBC,EAAI,MAAM,OAAO,KAAK,CAAC,CAAC,WAAW,KAAKrI,EAAW,gBAAgBqI,CAAG,OAAG,EAAI,MAAM,SAASC,IAChGtI,EAAW,mBAAmBqI,CAAG,GACjC,EAAI,iBAAiB;EACvB,GASME,KAA2B,OAAO,GAAgB,GAAkC,MAA6B;GACrH,IAAI;IAEF,MAAMC;IACN,IAAM/F,IAAQ,MAAMgG,GAAWpG,GAAWC,GAAeoG,CAAO;IAChE,IAAIjG,EAAM,QAAQ,WAAW,GAAG;IAChC,IAAMkG,IAAS,MAAMV,GAAcxF,GAAOyF,CAAa;IACvD,IAAIhH,KAAavC,EAAM,UAAU;IACjC,EAAO,MAAM,SAAS,MAAU;KAG9B,AAAIgD,EAAM,YAAYc,EAAM,MAAOd,EAAM,kBACzC6F,GAAiB7F,GAAOc,EAAM,SAASkG,CAAM;IAC/C,CAAC;GACH,SAAS,GAAG;IACV,AAAI,CAACzH,KAAa,CAAC0B,EAAkB,CAAC,KAAGwC,EAAiB;GAC5D;EACF,GAOMwD,MAAsB,MAAqC;GAC/D,IAAMC,IAAQjC;GAEd,IADA,KAAc,IACV,CAACiC,KAAShI,EAAOiI,CAAK,KAAKnK,EAAM,YAAY,CAAC4I,EAAc,OAAO;GACvE,IAAMmB,IAAUI,EAAM;GACtB,IAAI,CAACnG,EAAO,MAAM,MAAM,MAAUhB,EAAM,YAAY+G,KAAW/G,EAAM,cAAc,GAAG;GACtF,IAAM6G,IAAahC,EAAiB,SAASkC,GAAS5J,CAAa,GAC7DoJ,IAAgBF,EAAkB,OAClCxG,KAAQqF,EAAiB,IAAI6B,CAAO,KAAK,QAAQ,QAAQ,EAAA,CAAG,WAChEH,GAAyBG,GAASF,GAAYN,CAAa,CAC7D;GAEA,AADArB,EAAiB,IAAI6B,GAASlH,CAAI,GAClCA,EAAU,WAAW;IACnB,AAAIqF,EAAiB,IAAI6B,CAAO,MAAMlH,KAAMqF,EAAiB,OAAO6B,CAAO;GAC7E,CAAC;EACH,GAEMK,KAAa,YAAY;GAE7B,IAAIpK,EAAM,UAAU,OAAO;GAG3B,IAAIiB,EAAc,SAASC,GAAiB,OAE1C,OADAuF,EAAiB,GACV;GAIT,IADA,MAAM,QAAQ,IAAIyB,EAAiB,OAAO,CAAC,GACvC3F,GAAW,OAAO;GAEtB,IADAwG,GAAG,MAAM,OAAO,GACZA,GAAG,MAAM,UAEX,OADAsB,GAAoB,GACb;GAET,IAAI;IACF,IAAMC,IAAsC,CAAC,GACvCC,IAAYC,GAAMxG,EAAO,KAAK,GAM9ByG,oBAAW,IAAI,IAAqF;IAC1G,AAAI7B,EAAc,SAChB5E,EAAO,MAAM,SAAS,MAAU;KAC9B,IAAI,CAAChB,EAAM,gBAAgB;KAE3B,IAAM0H,IAAK1H,EAAM,WAAWA,EAAM,KAC5Bc,IAAQ2G,EAAS,IAAIC,CAAE,KAAK;MAAE,SAAS1H,EAAM;MAAS,MAAM,CAAC;MAAG,SAAS,CAAC;KAAE;KAGlF,AAFAyH,EAAS,IAAIC,GAAI5G,CAAK,GACtBA,EAAM,KAAK,KAAKd,CAAK,GACrBA,EAAM,WAAW,SAAS,MAAW;MACnC,AAAKc,EAAM,QAAQ,SAAS0C,CAAM,KAAG1C,EAAM,QAAQ,KAAK0C,CAAM;KAChE,CAAC;IACH,CAAC;IAEH,IAAMmE,IAAyG,CAAC;IAChH,KAAK,IAAM,EAAE,YAAS,SAAM,gBAAaF,EAAS,OAAO,GAAG;KAC1D,IAAIhB,EAAQ,WAAW,GAAG;KAC1B,AAAIM,KAASO,EAAiB,KAAK;MAAE,IAAIP;MAAS;KAAQ,CAAC;KAG3D,IAAM3B,IACJc,GAAe,0BAA0B,IAAI0B,EAAK,EAAE,CAAE,IAAI,SAAS,CAAC,EAAE,aAAavB,EAAkB,OACjGG,IAAa,MAAMnD,EAAqB3C,GAAW4C,IAAgB8B,GAAWqB,CAAO;KAC3F,EAAM,KAAK;MAAE;MAAS;MAAM;MAAS,QAAQD,EAAW,KAAK,MAAWhD,EAAO,IAAI,CAAC,CAAC,KAAK,IAAI;KAAE,CAAC;IACnG;IAEA,IAAIjE,GAAW,OAAO;IACtB,IAAIvC,EAAM,UAAU,OAAO;IAK3B,IAAMmH,IAAS,CAAC,GAAGsD,EAAS,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAS,iBAAc,CAAC/J,EAAYqJ,CAAO,KAAKN,EAAQ,SAAS,CAAC;IAClH,IAAItC,EAAO,SAAS,GAAG;KACrB,IAAM0D,IAAY,MAAM,QAAQ,IAAI1D,EAAO,KAAK,EAAE,iBAAc2C,GAAWpG,GAAWC,GAAeoG,CAAQ,CAAC,CAAC;KAE/G,IAAIxH,KAAavC,EAAM,UAAU,OAAO;KACxC,IAAM8K,IAAiB3D,EACpB,KAAK,EAAE,WAAQ,OAAW;MAAE;MAAM,OAAO0D,EAAUE;KAAQ,EAAE,CAAA,CAC7D,QAAQ,EAAE,eAAYjH,EAAM,QAAQ,SAAS,CAAC;KACjD,IAAIgH,EAAe,SAAS,GAAG;MAC7B,IAAMvB,IAAgBF,EAAkB,OAClCM,IAAQ,MAAM,QAAQ,IAAImB,EAAe,KAAK,EAAE,eAAYxB,GAAcxF,GAAOyF,CAAa,CAAC,CAAC;MAQtG,OAPIhH,KAAavC,EAAM,aACvB8K,EAAe,SAAS,EAAE,SAAM,YAAS,MAAU;OACjD,EAAK,SAAS,MAAQ;QACpB,AAAIpB,EAAI,kBAAgBb,GAAiBa,GAAK5F,EAAM,SAAS6F,EAAMoB,EAAO;OAC5E,CAAC;MACH,CAAC,GACDC,GAAa,2DAA2D,EAAE,IACnE;KACT;IACF;IACA,IAAIV,EAAiB,WACnB,MAAMW,GAAwBvH,GAAWC,GAAe2G,CAAgB,GAGpE/H,IAAW,OAAO;IAKxB,EAAM,SAAS,EAAE,YAAS,SAAM,YAAS,gBAAa;KACpD,EAAK,SAAS,MAAQ;MAGpB,AAFA,EAAI,aAAa,CAAC,GAAGkH,CAAO,GAC5B,EAAI,MAAM,SAASO,GACftJ,EAAYqJ,CAAO,MACvB,EAAI,iBAAiB,IACrB1I,EAAW,mBAAmBqI,CAAG;KACnC,CAAC;IACH,CAAC;IACD,IAAMwB,IAAW,CAAC,GAAGX,CAAS,GAGxBY,IAAW,MAAMC,GACrBjL,GACA+K,EAAS,KAAK,MAAQxB,EAAI,EAAE,CAAC,CAAC,QAAQ,MAAO,CAAChJ,EAAYuB,CAAE,CAAC,GAC7DN,IACAmB,EAAS,iBAAiBC,GAAamI,EAAS,IAAIG,EAAa,CAAC,CACpE;IAEA,IAAI9I,GAAW,OAAO;IACtB,EACEpC,GACAuB,GACAyJ,EAAS,KAAK,MAAYG,EAAQ,EAAE,CACtC;IACA,IAAMvJ,IAAmB,CAAC,GACpB2E,IAAQyE,EAAS,KAAK,OAC1BpJ,EAAI,KAAKuJ,EAAQ,EAAE,GAEZ;KACL,KAAKvH,EAAe;KACpB,GAAGuH;KACH,YAAY,CAAC;KACb,gBAAgB;KAChB,SAAS,KAAA;IACX,EACD;IACD,IAAIjK,EAAW,OAAO,WAAW,GAI/B,OAHAD,EAAW,OAAO,OAAO,CAAC,CAAC,GAE3BlB,GAAK,qBAAqB6B,CAAG,GACtB;IAmBT,IAAMwJ,IAAe7E,EAAM,KAdH,MAAyC;KAC/D,IAAMqE,IAAQG,EAAS,WAAW,MAAQxB,EAAI,IAAI,UAAUzE,EAAK,IAAI,KAAK,GACpEuG,IAAeT,IAAQ,IAAI,KAAA,IAAYG,EAAS,OAAOH,GAAO,CAAC,CAAC,CAAC;KAEvE,OAAO;MACL,GAAG9F;MACH,YAAYuG,IAAeA,EAAa,aAAavG,EAAK;MAG1D,gBAAgBuG,IAAeA,EAAa,kBAAkBA,EAAa,WAAW,WAAW,IAAI;MACrG,SAASA,IAAeA,EAAa,UAAUvG,EAAK;KACtD;IACF,CAE6C;IAM7C,OALA5D,EAAW,UAAUkK,CAAY,GAGjCnK,EAAW,OAAO,OAAOmK,CAAY,GACrCrL,GAAK,qBAAqB6B,CAAG,GACtB;GACT,SAAS,GAAG;IAGV,OADA0J,GAAsB,GAAGpC,EAAkB,OAAOlJ,CAAa,GACxD;GACT;EACF,GAGMuL,MAAe,MAAkB;GAErC,AADArK,EAAW,mBAAmB0J,CAAK,GACnCY,GAAmB;EACrB,GAEMC,KAAa,OAAO,MAAkB;GAC1C,IAAM5I,IAAQgB,EAAO,MAAM+G;GAC3B,IAAK/H,GACL;QAAItC,EAAYsC,EAAM,EAAE,GACtB,GAAY+H,CAAK;SAGnB,IAAI/K,EAAM,uBACR,IAAI;KAEF,AADA,MAAM8C,EAAS,YAAYC,GAAaC,EAAM,EAAE,GAChD0I,GAAYX,CAAK;IACnB,SAAS,GAAG;KACV,EAAkB,CAAC;IACrB;SAGF,GAAYA,CAAK;GAVjB;EAWF,GAEMnG,KAAuBtE,EAAgE,IAAI,GAE3FuL,IAAavL,EAAwB,MAAM;EAEjD,SACQN,EAAM,WACX,MAAU;GACT,AAAIwB,KAASqK,EAAW,UAAU,aAAWzK,EAAW,OAAO,kBAAkB;EACnF,CACF;EAIA,IAAM0K,YAA8C;GAClD,KAAK/H,EAAe;GACpB,GAAG8C,GAAe;IAAE,QAAQ;IAAI,WAAW;GAAE,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC;GACnE,YAAY,CAAC;GACb,gBAAgB;GAChB,SAAS,KAAA;EACX,IAEM8E,WAA2B;GAC/B,IAAII,IAAM;GAKV,AAJA/H,EAAO,MAAM,SAAS,MAAU;IAE9B,AADA,KACA,EAAM,WAAW+H;GACnB,CAAC,GACD,EAAW,cAAcA;EAC3B,GAEMC,WAAyB;GAC7B,GAAmB;EACrB;E,OAEAlM,GAAa,EACX,eACF,CAAC,GAEDmM,SAAgB;GACd,IAAevJ,GAAkB;EACnC,CAAC,I,UAIC9F,EAAA,GAAAC,EA+JM,OAAA,MAAA;GA7JIoD,EAAA,SADRrD,EAAA,GAAAC,EAKK,MALLsC,IAKKrC,EADAmD,EAAA,KAAK,GAAA,CAAA,K;GAGDA,EAAA,W,aADTrD,EAAA,GAAAC,EA0BM,OA1BNuC,IA0BM,CAtBJpC,EAeaC,GAAA;IAdV,kBAAgBmH,GAAA,OAAa;IAC7B,QAAQlH,EAAAsP,CAAA;IACR,aAAWtP,EAAAuP,CAAA;IACZ,UAAA;IACC,cAAajI;;IAEH,WAASrH,GAMX,EAAA,OANsBwP,QAAc,CAC3C3P,EAKOI,IALPC,GAKO;KAJD,SAAA;KAAJ,KAAIwD;IACI,GAAA8L,CAAc,GAAA;KAEtB,SAAAxP,QAA8C,CAA3CG,GAAAR,EAAAI,EAAA6P,EAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C;;;;;;;;G,IAIV/P,EAKOI,IAAA;IAJL,OAAM;IACL,SAAO0L;;IAER,SAAA3L,QAAqB,CAAlBG,GAAAR,EAAAI,EAAA8P,EAAA,CAAe,GAAA,CAAA,C;;;GAGtBhQ,EAqBeO,GAAA;IApBJ,YAAA8C,EAAA;IAAA,uBAAA,AAAA4M,EAAA,QAAA,MAAA,EAAiB,QAAAC;IACzB,mBAAiBjN,EAAA;IACjB,kBAAgBA,EAAA;IAChB,aAAW;IACX,aAAW;IACX,cAAY/C,EAAA6D,CAAA,CAAY,CAAC;IACzB,2BAAyBd,EAAA;IACzB,eAAa/C,EAAAiD,CAAA;IACd,eAAY;IACX,WAAS+G;G,iBAGFvK,EAAAA,OAAM,kC;IACX,MAAA;IAED,IAAAQ,GAFkB,MAAS,CAE3BM,GAGE2P,EAAA,QAAA,gCAAA1P,GAAAC,GADQ6P,CAAS,CAAA,CAAA,C;;;;;;;;;;GAKfvM,EAAA,SADRrE,EAAA,GAAAC,EAQM,OARNwC,IAQM,CAJJrC,EAGEY,IAAA;IAFA,eAAA;IACA,OAAM;;GAGVC,EAoEM,OApENyB,IAoEM,CA/DI6B,GAAA,SADRvE,EAAA,GAAAkB,EAsDsBC,IAAA;;IApDhB,SAAA;IAAJ,KAAIqD;IACK,YAAAlE,EAAA8G,CAAA;IAAA,uBAAA,AAAAiJ,EAAA,QAAA,MAAAjP,GAAAgG,CAAA,IAAA,EAAM,QAAAkJ,IAAA;IACP,MAAMrB,EAAA;IAAA,iBAAA,AAAAoB,EAAA,QAAA,MAAA,EAAU,QAAAC;IACvB,SAASpB;IACV,WAAQ;IACR,UAAS;IACR,mBAAiB;IACjB,sBAAoB;IACpB,oBAAkB;IAClB,gBAAc7L,EAAA,oBAAoBA,EAAA;IAClC,UAAUA,EAAA;IACO;;IAEP,aAAS9C,QAeZ,CAdNU,EAcM,OAdN0B,IAcM,EAbJ3C,EAAA,EAAA,GAAAC,EAYEoB,IAAA,MAAAC,GAXyBhB,EAAA8G,CAAA,IAAjB,GAAO,OADjBpH,EAAA,GAAAkB,EAYEK,GAAA;KAVC,KAAK6E,EAAM;KACJ;KACP,uBAAqB9F,EAAA6Q,EAAA;KACrB,gBAAc7Q,EAAA8Q,EAAA;KACd,oBAAkB9Q,EAAA+Q,EAAA;KAClB,kBAAgBrF,EAAA;KAChB,UAAU3I,EAAA;KACV,eAAa/C,EAAAiD,CAAA;KACD;KACZ,cAAayL;;;;;;;;;;IAIT,gBAAYzO,GAoBf,EApBmB,aAAG,CAC5BU,EAmBM,OAnBN2B,IAmBM,CAlBJ3B,EAMM,OANN4B,IAMM,CALJzC,EAIEoB,IAAA;KAHC,eAAa8P,EAAI;KACjB,OAAOA;KACP,eAAahR,EAAAiD,CAAA;;;;;I,MAGlBtC,EAUM,OAVN6B,IAUM,CATJ7B,EAEM,OAFN8B,IAEM7C,EADDoR,EAAI,OAAO,aAAa,KAAI,KAAA,GAAA,GAAA,CAAA,GAGzBA,EAAI,OAAO,UADnBtR,EAAA,GAAAC,EAKM,OALN+C,IAKM9C,EADDoR,EAAI,MAAM,MAAM,GAAA,CAAA,K;;;;;;;G,iBAOrBrC,EAAA,UAAU,UAAA,CAAgB5L,EAAA,YADlCrD,EAAA,GAAAkB,EAQEO,GAAA;;IANA,SAAQ;IACP,cAAY4B,EAAA,WAAW,SAAM,KAAQ/C,EAAA8G,CAAA,CAAM,CAAC,SAAM;IAClD,QAAQ9G,EAAAsP,CAAA;IACR,aAAWtP,EAAAuP,CAAA;IACL;IACN,SAAK,AAAAQ,EAAA,QAAA,MAAEpM,GAAA,OAAuB,IAAI,MAAK;;;;;;GAIpC3D,EAAAiR,CAAA,MAAsBlO,EAAA,YAAY/C,EAAAqD,CAAA,KAD1C3D,EAAA,GAAAkB,EAYEQ,IAAA;;IAVC,aAAW2B,EAAA;IACX,cAAY/C,EAAAqD,CAAA,CAAuB,CAAC;IACpC,cAAYrD,EAAAqD,CAAA,CAAuB,CAAC;IACpC,kBAAgB6D,GAAA,OAAa,gBAAY;IACzC,QAAQlH,EAAAsP,CAAA;IACR,aAAWtP,EAAAuP,CAAA;IACZ,UAAA;IACC,SAAO/D;IACP,cAAalE;IACb,QAAMA;;;;;;;;;GAGDtH,EAAA6K,EAAA,MAAgB9H,EAAA,YADxBrD,EAAA,GAAAkB,EAMES,IAAA;;IAJC,aAAW0B,EAAA;IACX,eAAa/C,EAAAiD,CAAA;IACb,cAAYjD,EAAAmM,CAAA;IACZ,SAAOY;;;;;;GAEVjN,EAIEwB,IAAA;IAHI,SAAA;IAAJ,KAAIoG;IACH,aAAW3E,EAAA;IACX,YAAWiF"}
+{"version":3,"file":"ImageWidgetMultipleInner.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createElementBlock","_toDisplayString","_createVNode","AFileInput","_unref","_withCtx","_component_VBtn","_mergeProps","_createTextVNode","AAssetSelect","_renderSlot","_normalizeProps","_guardReactiveProps","_component_VProgressCircular","_createElementVNode","_createBlock","ASortableListEditor","_isRef","_Fragment","_renderList","ImageWidgetMultipleItem","AImageWidgetSimple","AImageDropzone","UploadQueueDialog","AssetDetailDialog","ImageWidgetMultipleLimitDialog","ImageWidgetMultipleItem_default","AAssetSelect_default","AFileInput_default","AFileDropzone_default","UploadQueueDialog_default","AssetDetailDialog_default","ASortableListEditor_default","AImageWidgetSimple_default","ImageWidgetMultipleLimitDialog_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","ImageWidgetMultipleInner_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","assetSelectDialog","ref","imageWidgetUploadConfig","inject","ImageWidgetUploadConfigKey","isUndefined","useCommonAdminImageOptions","useAlerts","uploadButtonComponent","useDamAcceptTypeAndSizeHelper","DamAssetType","useI18n","imagesLoading","imagesLoadFailed","imagesReady","listEditor","imageStore","useImageStore","watch","value","storeToRefs","thisWidget","ownImageSaves","cancelSaveWaits","savesOfOthersOver","waits","ids","imageSavesOfOthersOver","id","isNull","wait","over","withinWaitLimit","WAIT_RAN_OUT","unmounted","showErrorT","imagesLoaded","fetchImagesOnLoad","readAt","holdImages","read","imageApi","imageClient","image","imagesRes","saved","imageSavedSince","a","b","groupedIds","group","assetsRes","fetchAssetListByFileIdsMultipleLicences","damClient","endPointAsset","imageRes","found","asset","generateUUIDv1","images","showErrorsDefault","uploadQueuesStore","useUploadQueuesStore","uploadQueue","computed","useExtSystemIdForCached","useUploadQueueDialog","onFileInput","files","config","stopQueueLeftBehind","limitDialogComponent","onDrop","onCopyToLicence","data","refused","item","afterLimitDialogAdd","assetSelectConfirmMap","assetSelectStore","useAssetSelectStore","assetMetadataMap","authorsMap","idsByLicence","licence","readUnder","failures","assetDetails","fetchAssetListByIds","customAssetSelectMetadataToImageMap","mapped","assetDetail","authorIdsToFetch","isString","authorId","licenceConfig","fetchAuthorListByIds","endPointAuthor","getExtSystemByLicence","author","showUnknownError","items","authorIds","description","createDamImage","authorNames","name","positioned","maxPosition","onAssetSelectConfirm","picked","toCopy","copyToLicenceEnabled","addingIsOver","copying","copyToLicence","endPointImage","asTheyAre","imagesAsTheyAre","copyRes","assetDetailStore","useAssetDetailStore","assetDialog","useCommonAdminCoreDamOptions","detailOfRow","detailAssetReads","onEditAsset","extSystem","fetchAssetByFileId","assetFileId","shownUnder","loadAssetDetailExtSystem","uploadWaitsForLoad","onAssetUploadConfirm","addUploadedRows","authorEnabled","takeAuthorsGiven","actionLibrary","v$","AImageMetadataValidationScopeSymbol","useDamConfigState","damConfigStore","useDamConfigStoreOf","getDamConfigExtSystem","cachedExtSystemId","authorNamesOf","pageExtSystem","authorsRes","authors","row","names","takeAuthorsOfDetailAsset","detailSave","fetchAsset","assetId","source","onAssetDetailClose","ofRow","shown","saveImages","showValidationError","assetUpdateItems","imagesRaw","toRaw","offering","of","named","rows","readAgain","givenMeanwhile","index","showWarningT","bulkUpdateAssetsAuthors","sentRows","resItems","noteImagesSave","imageFieldsOf","resItem","updatedItems","matchedImage","showMetadataSaveError","removeImage","updateAllPositions","removeItem","editorMode","createImageStoreItem","pos","onReorderApplied","onMounted","openBlock","createElementBlock","toDisplayString","createCommentVNode","createVNode","unref","uploadAccept","uploadSizes","withCtx","fileInputProps","VBtn","mergeProps","createTextVNode","t","addFromDamLabel","_cache","$event","createSlots","_ctx","renderSlot","normalizeProps","guardReactiveProps","slotProps","VProgressCircular","createElementVNode","createBlock","isRef","Fragment","renderList","showSourceEnabled","sourceLabel","editAssetLabel","raw","uploadQueueDialog"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, type ShallowRef, toRaw, watch } from 'vue'\nimport { isNull, isString, isUndefined } from '@/shared/utils/common'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport ImageWidgetMultipleItem from '@/domains/dam/imageWidget/components/ImageWidgetMultipleItem.vue'\nimport { storeToRefs } from 'pinia'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetDetailItemDto,\n  type AssetSearchListItemDto,\n  DamAssetType,\n  type DamImageCopyToLicenceResponse,\n} from '@/domains/dam/types/Asset'\nimport AAssetSelect from '@/domains/dam/assetSelect/components/AAssetSelect.vue'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { AssetSelectReturnData } from '@/domains/dam/types/AssetSelect'\nimport UploadQueueDialog from '@/domains/dam/uploadQueue/components/UploadQueueDialog.vue'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport {\n  type AssetAuthorsItems,\n  bulkUpdateAssetsAuthors,\n  fetchAsset,\n  fetchAssetByFileId,\n  fetchAssetListByIds,\n  type IdsGroupedByLicences,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { loadAssetDetailExtSystem } from '@/domains/dam/assetDetail/composables/assetDetailExtSystem'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageStoreItem } from '@/domains/dam/types/ImageAware'\nimport { generateUUIDv1 } from '@/shared/utils/generator'\nimport ASortableListEditor from '@/domains/listEditor/components/ASortableListEditor.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { fetchAuthorListByIds } from '@/domains/dam/author/api/authorApi'\nimport { useI18n } from 'vue-i18n'\nimport useVuelidate from '@vuelidate/core'\nimport { AImageMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport ImageWidgetMultipleLimitDialog from '@/domains/dam/imageWidget/components/ImageWidgetMultipleLimitDialog.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { fetchAssetListByFileIdsMultipleLicences } from '@/domains/dam/api/damfetchAssetListByFileIdsMultipleLicences'\nimport { copyToLicence } from '@/domains/dam/api/damImageApi'\nimport { createDamImage, imageFieldsOf } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport {\n  holdImages,\n  imageSavedSince,\n  imageSavesOfOthersOver,\n  noteImagesSave,\n} from '@/domains/dam/imageWidget/utils/imageSaves'\nimport { WAIT_RAN_OUT, withinWaitLimit } from '@/domains/dam/imageWidget/utils/waitLimit'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[]\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    disableDraggable?: boolean\n    widgetIdentifierId?: string | undefined\n    callDeleteApiOnRemove?: boolean\n    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    width: undefined,\n    disableDraggable: false,\n    widgetIdentifierId: undefined,\n    callDeleteApiOnRemove: false,\n    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst assetSelectDialog = ref(false)\n\nconst imageWidgetUploadConfig = inject<ShallowRef<DamConfigLicenceExtSystemReturnType | undefined> | undefined>(\n  ImageWidgetUploadConfigKey,\n  undefined\n)\n\nif (isUndefined(imageWidgetUploadConfig) || isUndefined(imageWidgetUploadConfig.value)) {\n  throw new Error(\"Fatal error, parent component doesn't provide necessary config ext system config.\")\n}\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { showErrorsDefault, showValidationError, showErrorT, showWarningT, showUnknownError } = useAlerts()\nconst uploadButtonComponent = ref<InstanceType<any> | null>(null)\n\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  DamAssetType.Image,\n  imageWidgetUploadConfig.value.extSystemConfig\n)\n\nconst { t } = useI18n()\n\nconst imagesLoading = ref(false)\nconst imagesLoadFailed = ref(false)\n\n// Editor must not mount before the fetch lands: its dirty baseline is captured once, so rows\n// arriving later would read as \"added\". One-shot, like the fetch.\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst imagesReady = ref(props.modelValue.length === 0)\n\nconst listEditor = ref<{ commit: (rows?: ImageStoreItem[]) => void; cancelReorderMode: () => void } | null>(null)\n\nconst imageStore = useImageStore()\n// The store is shared by all widgets. Leftovers from the previous one do not belong to this entity.\nimageStore.reset()\nwatch(\n  () => props.readonly,\n  (value) => {\n    imageStore.readonly = value\n  },\n  { immediate: true }\n)\nconst { images, maxPosition } = storeToRefs(imageStore)\n\n// Identity of this widget among the image-saving widgets (`imageSaves.ts`), and marks of its own pending saves.\nconst thisWidget = Symbol('image widget multiple')\nconst ownImageSaves = new Set<symbol>()\n// Cancels waiting on other widgets' saves when this widget unmounts.\nlet cancelSaveWaits: (() => void) | null = null\n\n/**\n * Resolves once no other widget has a pending save of any of `ids`, such as the\n * widget this one replaced. On timeout the user is told the request timed out.\n */\nconst savesOfOthersOver = async (ids: IntegerId[]) => {\n  const waits = ids\n    .map((id) => imageSavesOfOthersOver(damConfigName, id, ownImageSaves))\n    .filter((wait) => !isNull(wait))\n  if (waits.length === 0) return\n  cancelSaveWaits = () => waits.forEach((wait) => wait.cancel())\n  const over = await withinWaitLimit(Promise.all(waits.map((wait) => wait.over)), 1, damConfigName)\n  cancelSaveWaits = null\n  if (over !== WAIT_RAN_OUT) return\n  waits.forEach((wait) => wait.cancel())\n  if (!unmounted) showErrorT('error.apiTimedOut.message')\n}\n\n// Rows added while the entity images load wait for the load and\n// come after them. Otherwise the load replaced them silently.\nlet imagesLoaded: Promise<void> = Promise.resolve()\n\nconst fetchImagesOnLoad = async () => {\n  if (props.modelValue.length === 0) {\n    return\n  }\n  try {\n    imagesLoading.value = true\n    // Counted when the read is sent: a save answered later may have taken effect after the read.\n    const readAt = holdImages(damConfigName, thisWidget, props.modelValue)\n    const read = await imageApi.fetchImageListByIds(imageClient, props.modelValue)\n    // Rows wait until other widgets' saves of these images are over, using the latest saved state.\n    // Otherwise a row had old texts and this widget's save wrote them back over the saved ones.\n    await savesOfOthersOver(read.map((image) => image.id))\n    if (unmounted) return\n    const imagesRes = read\n      .map((image) => {\n        const saved = imageSavedSince(damConfigName, image.id, readAt.get(image.id) ?? 0)\n        return saved ? { ...image, ...saved, id: image.id, position: saved.position ?? image.position } : image\n      })\n      .sort((a, b) => (a.position ?? 0) - (b.position ?? 0))\n    const groupedIds: IdsGroupedByLicences = new Map()\n    imagesRes.forEach((image) => {\n      const group = groupedIds.get(image.dam.licenceId)\n      if (group) {\n        group.push(image.dam.damId)\n      } else {\n        groupedIds.set(image.dam.licenceId, [image.dam.damId])\n      }\n    })\n\n    let assetsRes: Awaited<ReturnType<typeof fetchAssetListByFileIdsMultipleLicences>> = []\n    try {\n      assetsRes = await fetchAssetListByFileIdsMultipleLicences(damClient, endPointAsset, groupedIds)\n    } catch (e) {\n      // Read-only shows images without DAM authors. A user without upload rights is often refused the assets.\n      if (!props.readonly) throw e\n    }\n\n    imageStore.setImages(\n      imagesRes.map((imageRes) => {\n        if (isUndefined(imageRes.position)) throw new Error('Image object needs position field!')\n        imageStore.updateMaxPositionIfGreater(imageRes.position)\n        const found = assetsRes.find((asset) => asset.mainFile?.id === imageRes.dam.damId)\n        return {\n          key: generateUUIDv1(),\n          ...imageRes,\n          // Each row gets its own copy. Rows of the same asset shared the array.\n          damAuthors: found ? [...found.authors] : [],\n          showDamAuthors: found ? found.authors.length === 0 : false,\n          assetId: found ? found.id : undefined,\n        }\n      })\n    )\n    // Displaying a read-only widget must not rewrite the form's value with the stored order.\n    if (!props.readonly) {\n      emit('update:modelValue', images.value.map((image) => image.id).filter((id) => id !== undefined) as IntegerId[])\n    }\n  } catch (e) {\n    imagesLoadFailed.value = true\n    showErrorsDefault(e)\n  } finally {\n    imagesLoading.value = false\n    imagesReady.value = true\n  }\n}\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst { uploadQueueDialog, stopQueueLeftBehind } = useUploadQueueDialog()\n\nconst onFileInput = (files: File[]) => {\n  if (props.readonly) return\n  // The input rejected every file and reported it. Opening the queue dialog would show nothing new.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  // `afterLimitDialogAdd` opens the queue dialog once files are\n  // queued. Over the limit nothing is queued until the user agrees.\n  // Rows of a queue no dialog shows are not counted. They go first.\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onDrop = (files: File[]) => {\n  if (props.readonly) return\n  // Same as the input: the dropzone rejected every file and reported it.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onCopyToLicence = (data: DamImageCopyToLicenceResponse) => {\n  if (props.readonly) return\n  if (data.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  let refused = 0\n  data.forEach((item) => {\n    if (item.result === 'copy') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n    } else if (item.result === 'exists') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n      uploadQueuesStore.queueItemDuplicate(item.targetAsset, item.targetMainFile, DamAssetType.Image, damConfigName)\n    } else {\n      refused++\n    }\n  })\n  if (refused > 0) showErrorT('common.damImage.queueItem.errorUnableToCopyToLicence')\n  if (refused === data.length) return\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst afterLimitDialogAdd = () => {\n  uploadQueueDialog.value = props.queueKey\n}\n\n/**\n * Images of picked assets, without position. Each asset is read under\n * its own licence, and its authors under that licence's ext system.\n * The browsed licence can change after picking, and the DAM silently omits assets of another licence.\n * `readUnder`: the licence of all assets and its ext system, when the caller knows them.\n */\nconst assetSelectConfirmMap = async (\n  items: AssetSearchListItemDto[],\n  readUnder?: { licence: IntegerId; extSystem: IntegerId }\n): Promise<ImageStoreItem[]> => {\n  const assetSelectStore = useAssetSelectStore()\n  const assetMetadataMap = new Map<DocId, { description: string; authorIds: DocId[] }>()\n  const authorsMap = new Map<DocId, string>()\n  const idsByLicence: IdsGroupedByLicences = new Map()\n  items.forEach((item) => {\n    const licence = readUnder ? readUnder.licence : item.licence\n    const group = idsByLicence.get(licence)\n    if (group) {\n      group.push(item.id)\n    } else {\n      idsByLicence.set(licence, [item.id])\n    }\n  })\n  // A licence that fails to read does not stop the others.\n  const failures: unknown[] = []\n  for (const [licence, ids] of idsByLicence) {\n    try {\n      const assetDetails = await fetchAssetListByIds(damClient, endPointAsset, ids, licence)\n      if (customAssetSelectMetadataToImageMap) {\n        assetDetails.forEach((assetDetail) => {\n          const mapped = customAssetSelectMetadataToImageMap(assetDetail)\n          assetMetadataMap.set(assetDetail.id, {\n            description: mapped.description,\n            authorIds: [],\n          })\n          authorsMap.set(assetDetail.id, mapped.source)\n        })\n        continue\n      }\n      const authorIdsToFetch = new Set<DocId>()\n      assetDetails.forEach((assetDetail) => {\n        assetMetadataMap.set(assetDetail.id, {\n          description: isString(assetDetail.metadata.customData?.description)\n            ? assetDetail.metadata.customData.description.trim()\n            : '',\n          authorIds: assetDetail.authors,\n        })\n        assetDetail.authors.forEach((authorId) => {\n          authorIdsToFetch.add(authorId)\n        })\n      })\n      if (authorIdsToFetch.size > 0) {\n        const licenceConfig = assetSelectStore.selectConfig.find((config) => config.licence === licence)\n        // Uses the licence's ext system, as for every DAM author name the widgets\n        // write. Falls back to the picker's when the licence does not tell.\n        const authorsRes = await fetchAuthorListByIds(\n          damClient,\n          endPointAuthor,\n          readUnder\n            ? readUnder.extSystem\n            : ((await getExtSystemByLicence(licence)) ??\n                (licenceConfig ?? assetSelectStore.requireSelectedSelectConfig()).extSystem),\n          [...authorIdsToFetch]\n        )\n        authorsRes.forEach((author) => {\n          authorsMap.set(author.id, author.name)\n        })\n      }\n    } catch (e) {\n      failures.push(e)\n    }\n  }\n  // Reported once for all failures. A DAM refusal arrives as a bare axios error that the default handler ignores.\n  if (failures.length > 0 && !showErrorsDefault(failures[0])) showUnknownError()\n\n  return items.map((asset) => {\n    const authorIds = assetMetadataMap.get(asset.id)?.authorIds || []\n    const description = assetMetadataMap.get(asset.id)?.description ?? ''\n\n    if (customAssetSelectMetadataToImageMap) {\n      return {\n        key: generateUUIDv1(),\n        ...createDamImage(\n          { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n          { description, source: authorsMap.get(asset.id) ?? '' },\n          { position: 0 }\n        ),\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: asset.id,\n      }\n    }\n\n    const authorNames: string[] = []\n    assetMetadataMap.get(asset.id)?.authorIds.forEach((authorId) => {\n      const name = authorsMap.get(authorId)\n      if (!isUndefined(name) && name.trim().length > 0) {\n        authorNames.push(name)\n      }\n    })\n\n    return {\n      key: generateUUIDv1(),\n      ...createDamImage(\n        { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n        { description, source: authorNames.join(', ') },\n        { position: 0 }\n      ),\n      damAuthors: authorIds,\n      // Only for assets that were read. For an unread asset its authors are unknown, and authors\n      // picked in the row would replace them in the DAM. Its row shows the source instead.\n      showDamAuthors: assetMetadataMap.has(asset.id) && authorIds.length === 0,\n      assetId: asset.id,\n    }\n  })\n}\n\nconst positioned = (items: ImageStoreItem[]) =>\n  items.map((item) => {\n    maxPosition.value++\n    return { ...item, position: maxPosition.value }\n  })\n\nconst onAssetSelectConfirm = async (data: AssetSelectReturnData) => {\n  if (props.readonly) return\n  if (data.type !== 'asset' || data.value.length === 0) return\n  const picked = data.value.filter((asset) => !isNull(asset.mainFile))\n  // Picked assets from a licence other than the upload licence are copied. Assets\n  // already in it are used at once. Copies are added when the queue dialog is used.\n  const toCopy =\n    copyToLicenceEnabled !== false && !isUndefined(data.copyToLicence)\n      ? picked.filter((asset) => asset.licence !== data.copyToLicence)\n      : []\n  // A widget that unmounted or became read-only adds nothing. The image store belongs to the next widget by then.\n  const addingIsOver = () => unmounted || props.readonly\n  if (toCopy.length === 0) {\n    const images = await assetSelectConfirmMap(picked)\n    await imagesLoaded\n    if (!addingIsOver()) imageStore.addImages(positioned(images))\n    return\n  }\n  const copying = copyToLicence(\n    damClient,\n    endPointImage,\n    toCopy.map((asset) => ({ asset: asset.id, targetAssetLicence: data.copyToLicence! }))\n  )\n  // Read during the copy under their own licence (the upload's) and its ext system, not the browsed one.\n  // Added before the queue dialog opens. Otherwise using the dialog first put the copies before them.\n  const asTheyAre = picked.filter((asset) => !toCopy.includes(asset))\n  const config = imageWidgetUploadConfig.value\n  const imagesAsTheyAre =\n    asTheyAre.length === 0\n      ? Promise.resolve([])\n      : assetSelectConfirmMap(\n          asTheyAre,\n          config ? { licence: data.copyToLicence!, extSystem: config.extSystem } : undefined\n        )\n  let copyRes: DamImageCopyToLicenceResponse | null = null\n  try {\n    copyRes = await copying\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n  const images = await imagesAsTheyAre\n  await imagesLoaded\n  if (addingIsOver()) return\n  imageStore.addImages(positioned(images))\n  if (copyRes) onCopyToLicence(copyRes)\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { dialog: assetDialog } = storeToRefs(assetDetailStore)\nconst {\n  damClient,\n  endPointAsset,\n  endPointImage,\n  endPointAuthor,\n  copyToLicenceEnabled,\n  showSourceEnabled,\n  sourceLabel,\n  editAssetLabel,\n  addFromDamLabel,\n  customAssetSelectMetadataToImageMap,\n} = useCommonAdminCoreDamOptions(damConfigName)\n\n// True while the detail was opened by \"edit asset\" of a row. Not for the detail\n// opened from the queue dialog, which is drawn here too and reads nothing on close.\nlet detailOfRow = false\n// Reads of assets whose detail closed, keyed by asset. The widget save waits for them.\n// Reads of other assets do not wait on these. Otherwise closing one detail waited for another asset's save and read.\nconst detailAssetReads = new Map<DocId, Promise<void>>()\n// Such a read may finish after unmount, when the store belongs to the next widget.\nlet unmounted = false\nonBeforeUnmount(() => {\n  unmounted = true\n  holdImages(damConfigName, thisWidget, [])\n  cancelSaveWaits?.()\n})\n\nconst onEditAsset = async (assetFileId: DocId) => {\n  detailOfRow = true\n  let extSystem: IntegerId | null = null\n  try {\n    await assetDetailStore.open(\n      props.queueKey,\n      async () => {\n        const asset = await fetchAssetByFileId(damClient, endPointAsset, assetFileId)\n        // Falls back to the ext system of the widget's upload licence,\n        // loaded by its root, when the licence cannot be resolved.\n        const shownUnder = (await getExtSystemByLicence(asset.licence)) ?? imageWidgetUploadConfig.value!.extSystem\n        // Must load before the detail shows the asset: it reads the ext\n        // system configuration while rendering and threw without it.\n        await loadAssetDetailExtSystem(damClient, shownUnder, asset.attributes.assetType, damConfigName)\n        extSystem = shownUnder\n        return asset\n      },\n      // Only for the asset the detail still shows: a stale answer must not change the ext system used for name lookups.\n      () => {\n        if (extSystem) cachedExtSystemId.value = extSystem\n      }\n    )\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n\n// An upload applied during the entity image load waits with its dialog and\n// queue intact. Its rows come after the loaded images, then the dialog closes.\n// If the widget is read-only or gone by then, the dialog and queue stay as for\n// read-only, so nothing is lost. Before, the dialog and rows were dropped.\n// Applying again while waiting is ignored, or rows would be added twice.\nlet uploadWaitsForLoad = false\nconst onAssetUploadConfirm = async (items: ImageStoreItem[]) => {\n  if (props.readonly) return\n  if (items.length === 0) return\n  if (imagesLoading.value) {\n    if (uploadWaitsForLoad) return\n    uploadWaitsForLoad = true\n    await imagesLoaded\n    uploadWaitsForLoad = false\n    if (unmounted || props.readonly) return\n  }\n  addUploadedRows(items)\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n}\n\nconst addUploadedRows = (items: ImageStoreItem[]) => {\n  // A duplicate file becomes the asset of the existing image, and the dialog has just saved its authors. Rows of that\n  // asset offering the pick take them, as after closing the detail. Otherwise their pick would overwrite those authors.\n  // Names go into a row's source only if it has none. Before, they always overwrote it.\n  if (authorEnabled.value) {\n    items.forEach((item) => {\n      if (isUndefined(item.assetId) || item.damAuthors.length === 0) return\n      images.value.forEach((image) => {\n        if (image.assetId !== item.assetId || !image.showDamAuthors) return\n        takeAuthorsGiven(image, item.damAuthors, item.texts.source)\n      })\n    })\n  }\n  imageStore.addImages(positioned(items))\n}\n\nconst actionLibrary = () => {\n  assetSelectDialog.value = true\n}\n\nconst v$ = useVuelidate({ $scope: AImageMetadataValidationScopeSymbol })\n\nconst { getDamConfigExtSystem, getExtSystemByLicence } = useDamConfigState(damClient, damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\n\nconst authorEnabled = computed(() => {\n  return !!getDamConfigExtSystem(cachedExtSystemId.value)?.[DamAssetType.Image]?.authors?.enabled\n})\n\n/**\n * Author names of an asset, in order, under its licence's ext system.\n * Falls back to `pageExtSystem` when the licence does not tell.\n */\nconst authorNamesOf = async (asset: AssetDetailItemDto, pageExtSystem: IntegerId) => {\n  const extSystem = (await getExtSystemByLicence(asset.licence)) ?? pageExtSystem\n  const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, asset.authors)\n  const authorNames: string[] = []\n  asset.authors.forEach((authorId) => {\n    const name = authorsRes.find((author) => author.id === authorId)?.name\n    if (!isUndefined(name) && name.trim().length > 0) {\n      authorNames.push(name)\n    }\n  })\n  return authorNames.join(', ')\n}\n\n/**\n * Once the asset turns out to have authors, a row offering the\n * author pick takes them, drops the pick and shows its source.\n * The source takes their names if empty or if it holds a hidden \"fill empty\"\n * pick from mass operations. An image's own source stays for the user to check.\n */\nconst takeAuthorsGiven = (row: ImageStoreItem, authors: DocId[], names: string) => {\n  row.damAuthors = [...authors]\n  if (row.texts.source.trim().length === 0 || imageStore.hasSourceOfPick(row)) row.texts.source = names\n  imageStore.forgetSourceOfPick(row)\n  row.showDamAuthors = false\n}\n\n/**\n * The detail may have given authors to an asset whose row offers the pick.\n * Otherwise the widget save overwrote them, or saved the image without a source.\n * So the asset is read again, and its offering rows take its authors with names under the asset\n * licence's ext system (see `takeAuthorsGiven`). Rows showing their source are left alone.\n * `detailSave`: the detail save pending at close. `pageExtSystem`: the ext system configured at that time.\n */\nconst takeAuthorsOfDetailAsset = async (assetId: DocId, detailSave: Promise<void> | null, pageExtSystem: IntegerId) => {\n  try {\n    // Read before the DAM answers that save, the asset would be stale.\n    await detailSave\n    const asset = await fetchAsset(damClient, endPointAsset, assetId)\n    if (asset.authors.length === 0) return\n    const source = await authorNamesOf(asset, pageExtSystem)\n    if (unmounted || props.readonly) return\n    images.value.forEach((image) => {\n      // Uses the row's own flag. Whether the page shows the pick depends\n      // on an ext system that another asset's detail may have changed.\n      if (image.assetId !== asset.id || !image.showDamAuthors) return\n      takeAuthorsGiven(image, asset.authors, source)\n    })\n  } catch (e) {\n    if (!unmounted && !showErrorsDefault(e)) showUnknownError()\n  }\n}\n\n/**\n * `shown`: the asset the detail showed. None if it closed from its loader or after a failed read.\n * Captured before any await: whether a row of that asset offers the\n * pick, the pending detail save, and the configured ext system.\n */\nconst onAssetDetailClose = (shown: AssetDetailItemDto | null) => {\n  const ofRow = detailOfRow\n  detailOfRow = false\n  if (!ofRow || isNull(shown) || props.readonly || !authorEnabled.value) return\n  const assetId = shown.id\n  if (!images.value.some((image) => image.assetId === assetId && image.showDamAuthors)) return\n  const detailSave = assetDetailStore.savingOf(assetId, damConfigName)\n  const pageExtSystem = cachedExtSystemId.value\n  const read = (detailAssetReads.get(assetId) ?? Promise.resolve()).then(() =>\n    takeAuthorsOfDetailAsset(assetId, detailSave, pageExtSystem)\n  )\n  detailAssetReads.set(assetId, read)\n  void read.then(() => {\n    if (detailAssetReads.get(assetId) === read) detailAssetReads.delete(assetId)\n  })\n}\n\nconst saveImages = async () => {\n  // Nothing of the user's to write. The images stay as loaded.\n  if (props.readonly) return true\n  // An empty store here means the fetch is pending or failed, not a\n  // user deletion. The empty path below would detach every image.\n  if (imagesLoading.value || imagesLoadFailed.value) {\n    showUnknownError()\n    return false\n  }\n  // A closed detail's asset is still being read. Its rows are not written until they have its authors.\n  await Promise.all(detailAssetReads.values())\n  if (unmounted) return false\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return false\n  }\n  try {\n    const assetUpdateItems: AssetAuthorsItems = []\n    const imagesRaw = toRaw(images.value)\n    // Rows offering the author pick, grouped by asset. An entity may have\n    // an image twice, and a queue duplicate is a second row of its asset.\n    // Per row, authors went out once per row and the last won, and a row with no pick was saved without a source.\n    // The asset gets the union of picks in its rows, each author once,\n    // and each row gets the authors and names after the DAM accepts them.\n    const offering = new Map<DocId, { assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[] }>()\n    if (authorEnabled.value) {\n      images.value.forEach((image) => {\n        if (!image.showDamAuthors) return\n        // A row offering the pick has an asset. One without would be grouped alone.\n        const of = image.assetId ?? image.key\n        const asset = offering.get(of) ?? { assetId: image.assetId, rows: [], authors: [] }\n        offering.set(of, asset)\n        asset.rows.push(image)\n        image.damAuthors.forEach((author) => {\n          if (!asset.authors.includes(author)) asset.authors.push(author)\n        })\n      })\n    }\n    const named: Array<{ assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[]; source: string }> = []\n    for (const { assetId, rows, authors } of offering.values()) {\n      if (authors.length === 0) continue\n      if (assetId) assetUpdateItems.push({ id: assetId, authors })\n      // Uses the ext system of the rows' asset licence, as the pre-write read does. Falls back to the configured\n      // one when the page does not know the licence. It is not fetched, since entity rows can be of any licence.\n      const extSystem =\n        damConfigStore.damConfigLicenceExtSystem.get(rows[0]!.dam.licenceId)?.extSystem ?? cachedExtSystemId.value\n      const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, authors)\n      named.push({ assetId, rows, authors, source: authorsRes.map((author) => author.name).join(', ') })\n    }\n    // Unmounted while authors loaded: write nothing. Turned read-only: nothing of the user's is written.\n    if (unmounted) return false\n    if (props.readonly) return true\n    // Assets may have received authors elsewhere since their rows loaded, and the write would\n    // replace them. So each asset with picked authors is re-read right before the write.\n    // If any asset already has authors, nothing is written. Its offering rows take those\n    // authors (`takeAuthorsGiven`), a message stays until closed, and the user saves again.\n    const picked = [...offering.values()].filter(({ assetId, authors }) => !isUndefined(assetId) && authors.length > 0)\n    if (picked.length > 0) {\n      const readAgain = await Promise.all(picked.map(({ assetId }) => fetchAsset(damClient, endPointAsset, assetId!)))\n      // Unmounted or made read-only while the assets were read: write nothing.\n      if (unmounted || props.readonly) return false\n      const givenMeanwhile = picked\n        .map(({ rows }, index) => ({ rows, asset: readAgain[index]! }))\n        .filter(({ asset }) => asset.authors.length > 0)\n      if (givenMeanwhile.length > 0) {\n        const pageExtSystem = cachedExtSystemId.value\n        const names = await Promise.all(givenMeanwhile.map(({ asset }) => authorNamesOf(asset, pageExtSystem)))\n        if (unmounted || props.readonly) return false\n        givenMeanwhile.forEach(({ rows, asset }, index) => {\n          rows.forEach((row) => {\n            if (row.showDamAuthors) takeAuthorsGiven(row, asset.authors, names[index]!)\n          })\n        })\n        showWarningT('common.damImage.image.meta.galleryAuthorsGivenMeanwhile', -1)\n        return false\n      }\n    }\n    if (assetUpdateItems.length) {\n      await bulkUpdateAssetsAuthors(damClient, endPointAsset, assetUpdateItems)\n      // Unmounted while the authors were written: save no image. A widget mounted meanwhile\n      // for the same images read them before this save, which is noted only once sent.\n      if (unmounted) return false\n    }\n    // The DAM now has these authors even if the images are not saved, so the rows show the source as after a save.\n    // If the rows kept offering the pick, the next save would send them as picks,\n    // the pre-write read would find these authors, and nothing would be written.\n    named.forEach(({ assetId, rows, authors, source }) => {\n      rows.forEach((row) => {\n        row.damAuthors = [...authors]\n        row.texts.source = source\n        if (isUndefined(assetId)) return\n        row.showDamAuthors = false\n        imageStore.forgetSourceOfPick(row)\n      })\n    })\n    const sentRows = [...imagesRaw]\n    // Note the saved images for the page's other widgets, one by one.\n    // This runs even if this widget unmounted before the response.\n    const resItems = await noteImagesSave(\n      damConfigName,\n      sentRows.map((row) => row.id).filter((id) => !isUndefined(id)),\n      ownImageSaves,\n      imageApi.bulkUpdateImages(imageClient, sentRows.map(imageFieldsOf))\n    )\n    // If unmounted before the response, write nothing to the image store. By then it belongs to the next widget.\n    if (unmounted) return true\n    holdImages(\n      damConfigName,\n      thisWidget,\n      resItems.map((resItem) => resItem.id)\n    )\n    const ids: IntegerId[] = []\n    const items = resItems.map((resItem) => {\n      ids.push(resItem.id)\n\n      return {\n        key: generateUUIDv1(),\n        ...resItem,\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: undefined,\n      }\n    })\n    if (imageStore.images.length === 0) {\n      listEditor.value?.commit([])\n      // Emptying is a change too. Without this emit the parent keeps its old ids.\n      emit('update:modelValue', ids)\n      return true\n    }\n\n    // Match each returned image to its own sent row. Rows of the same file are matched one by one in send order.\n    // Matching by file alone gave every row of a file the values of the first one.\n    const getUpdatedItem = (item: ImageStoreItem): ImageStoreItem => {\n      const index = sentRows.findIndex((row) => row.dam.damId === item.dam.damId)\n      const matchedImage = index < 0 ? undefined : sentRows.splice(index, 1)[0]\n\n      return {\n        ...item,\n        damAuthors: matchedImage ? matchedImage.damAuthors : item.damAuthors,\n        // Only a row that offered DAM authors keeps offering them.\n        // A row whose asset the DAM did not return has no asset to save them into, so it keeps its source.\n        showDamAuthors: matchedImage ? matchedImage.showDamAuthors && matchedImage.damAuthors.length === 0 : false,\n        assetId: matchedImage ? matchedImage.assetId : item.assetId,\n      }\n    }\n\n    const updatedItems = items.map(getUpdatedItem)\n    imageStore.setImages(updatedItems)\n    // Pass the rows explicitly. `setImages` just replaced their keys,\n    // so a bare `commit()` would read the not-yet-rerendered prop.\n    listEditor.value?.commit(updatedItems)\n    emit('update:modelValue', ids)\n    return true\n  } catch (e) {\n    // Authors refused by validation are named as the forms name them. Other errors are shown as before.\n    showMetadataSaveError(e, cachedExtSystemId.value, damConfigName)\n    return false\n  }\n}\n\n// Renumber the remaining images as after a move. Otherwise the backend gets positions with a gap.\nconst removeImage = (index: number) => {\n  imageStore.removeImageByIndex(index)\n  updateAllPositions()\n}\n\nconst removeItem = async (index: number) => {\n  const image = images.value[index]\n  if (!image) return\n  if (isUndefined(image.id)) {\n    removeImage(index)\n    return\n  }\n  if (props.callDeleteApiOnRemove) {\n    try {\n      await imageApi.deleteImage(imageClient, image.id)\n      removeImage(index)\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    return\n  }\n  removeImage(index)\n}\n\nconst limitDialogComponent = ref<InstanceType<typeof ImageWidgetMultipleLimitDialog> | null>(null)\n\nconst editorMode = ref<'view' | 'reorder'>('view')\n// A reorder under way would keep moving rows a read-only widget does not save.\nwatch(\n  () => props.readonly,\n  (value) => {\n    if (value && editorMode.value === 'reorder') listEditor.value?.cancelReorderMode()\n  }\n)\n\n// Required by the editor but never called. Adds go through the\n// upload and asset-select flow; the editor's add button is hidden.\nconst createImageStoreItem = (): ImageStoreItem => ({\n  key: generateUUIDv1(),\n  ...createDamImage({ fileId: '', licenceId: 0 }, {}, { position: 0 }),\n  damAuthors: [],\n  showDamAuthors: false,\n  assetId: undefined,\n})\n\nconst updateAllPositions = () => {\n  let pos = 0\n  images.value.forEach((image) => {\n    pos++\n    image.position = pos\n  })\n  imageStore.maxPosition = pos\n}\n\nconst onReorderApplied = () => {\n  updateAllPositions()\n}\n\ndefineExpose({\n  saveImages,\n})\n\nonMounted(() => {\n  imagesLoaded = fetchImagesOnLoad()\n})\n</script>\n\n<template>\n  <div>\n    <h4\n      v-if=\"label\"\n      class=\"font-weight-bold text-label-large\"\n    >\n      {{ label }}\n    </h4>\n    <div\n      v-if=\"!readonly\"\n      class=\"pb-2\"\n    >\n      <AFileInput\n        :file-input-key=\"uploadQueue?.fileInputKey\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        multiple\n        @files-input=\"onFileInput\"\n      >\n        <template #activator=\"{ props: fileInputProps }\">\n          <VBtn\n            ref=\"uploadButtonComponent\"\n            v-bind=\"fileInputProps\"\n          >\n            {{ t('common.damImage.image.button.upload') }}\n          </VBtn>\n        </template>\n      </AFileInput>\n      <VBtn\n        class=\"mr-2\"\n        @click=\"actionLibrary\"\n      >\n        {{ addFromDamLabel }}\n      </VBtn>\n    </div>\n    <AAssetSelect\n      v-model=\"assetSelectDialog\"\n      :select-licences=\"selectLicences\"\n      :upload-licence=\"uploadLicence\"\n      :min-count=\"1\"\n      :max-count=\"50\"\n      :asset-type=\"DamAssetType.Image\"\n      :skip-current-user-check=\"skipCurrentUserCheck\"\n      :config-name=\"damConfigName\"\n      return-type=\"asset\"\n      @confirm=\"onAssetSelectConfirm\"\n    >\n      <template\n        v-if=\"$slots['asset-select-sidebar-prepend']\"\n        #sidebar-prepend=\"slotProps\"\n      >\n        <slot\n          name=\"asset-select-sidebar-prepend\"\n          v-bind=\"slotProps\"\n        />\n      </template>\n    </AAssetSelect>\n    <div\n      v-if=\"imagesLoading\"\n      class=\"w-100 d-flex align-center justify-center\"\n    >\n      <VProgressCircular\n        indeterminate\n        color=\"primary\"\n      />\n    </div>\n    <div\n      class=\"position-relative w-100\"\n      style=\"min-height: 140px\"\n    >\n      <ASortableListEditor\n        v-if=\"imagesReady\"\n        ref=\"listEditor\"\n        v-model=\"images\"\n        v-model:mode=\"editorMode\"\n        :factory=\"createImageStoreItem\"\n        get-key=\"key\"\n        position=\"position\"\n        :show-add-button=\"false\"\n        :show-delete-button=\"false\"\n        :show-edit-button=\"false\"\n        :disable-drag=\"disableDraggable || readonly\"\n        :readonly=\"readonly\"\n        @reorder-applied=\"onReorderApplied\"\n      >\n        <template #view-body>\n          <div class=\"asset-list-tiles asset-list-tiles--thumbnail a-sortable-widget__group\">\n            <ImageWidgetMultipleItem\n              v-for=\"(image, index) in images\"\n              :key=\"image.key\"\n              :index=\"index\"\n              :show-source-enabled=\"showSourceEnabled\"\n              :source-label=\"sourceLabel\"\n              :edit-asset-label=\"editAssetLabel\"\n              :author-enabled=\"authorEnabled\"\n              :readonly=\"readonly\"\n              :config-name=\"damConfigName\"\n              @edit-asset=\"onEditAsset\"\n              @remove-item=\"removeItem\"\n            />\n          </div>\n        </template>\n        <template #item-compact=\"{ raw }\">\n          <div class=\"image-widget-multiple-reorder\">\n            <div class=\"image-widget-multiple-reorder__thumb\">\n              <AImageWidgetSimple\n                :model-value=\"raw.id\"\n                :image=\"raw\"\n                :config-name=\"damConfigName\"\n              />\n            </div>\n            <div class=\"image-widget-multiple-reorder__meta\">\n              <div class=\"image-widget-multiple-reorder__title\">\n                {{ raw.texts?.description?.trim() || '—' }}\n              </div>\n              <div\n                v-if=\"raw.texts?.source\"\n                class=\"image-widget-multiple-reorder__source\"\n              >\n                {{ raw.texts.source }}\n              </div>\n            </div>\n          </div>\n        </template>\n      </ASortableListEditor>\n      <AImageDropzone\n        v-if=\"editorMode === 'view' && !readonly\"\n        variant=\"fill\"\n        :hover-only=\"modelValue.length > 0 || images.length > 0\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        @drop=\"onDrop\"\n        @click=\"uploadButtonComponent?.$el.click()\"\n      />\n    </div>\n    <UploadQueueDialog\n      v-if=\"uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n      :queue-key=\"queueKey\"\n      :ext-system=\"imageWidgetUploadConfig.extSystem\"\n      :licence-id=\"imageWidgetUploadConfig.licence\"\n      :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n      :accept=\"uploadAccept\"\n      :max-sizes=\"uploadSizes\"\n      multiple\n      @apply=\"onAssetUploadConfirm\"\n      @files-input=\"onFileInput\"\n      @drop=\"onFileInput\"\n    />\n    <AssetDetailDialog\n      v-if=\"assetDialog === queueKey\"\n      :queue-key=\"queueKey\"\n      :config-name=\"damConfigName\"\n      :ext-system=\"cachedExtSystemId\"\n      @close=\"onAssetDetailClose\"\n    />\n    <ImageWidgetMultipleLimitDialog\n      ref=\"limitDialogComponent\"\n      :queue-key=\"queueKey\"\n      @after-add=\"afterLimitDialogAdd\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.image-widget-multiple-reorder {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  min-height: 100px;\n  padding: 4px 0;\n\n  &__thumb {\n    flex: 0 0 auto;\n    width: 200px;\n    border-radius: 4px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n  }\n\n  &__meta {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  &__title {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: rgb(var(--v-theme-on-surface));\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  &__source {\n    font-size: 0.82rem;\n    color: rgb(var(--v-theme-on-surface) / 70%);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  @media (width <= 600px) {\n    gap: 8px;\n    min-height: 72px;\n\n    &__thumb {\n      width: 80px;\n    }\n\n    &__source {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageWidgetMultipleItem.js","names":["_sfc_main","ImageWidgetMultipleItem_vue_vue_type_script_setup_true_lang_default","ImageWidgetMultipleItem_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetMultipleItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport { computed, ref } from 'vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport AActionDeleteButton from '@/domains/ui/buttons/action/components/AActionDeleteButton.vue'\nimport { useI18n } from 'vue-i18n'\nimport { AImageMetadataValidationScopeSymbol, useImageValidation } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    authorEnabled: boolean\n    showSourceEnabled?: boolean\n    sourceLabel?: string\n    editAssetLabel?: string\n    readonly?: boolean\n    configName?: string\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showSourceEnabled: true,\n    sourceLabel: undefined,\n    editAssetLabel: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editAsset', data: DocId): void\n  (e: 'removeItem', index: number): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst imageStore = useImageStore()\nconst { t } = useI18n()\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\nconst authorConflicts = ref<DocId[]>([])\n// `index` comes from the parent's v-for over these same images.\nconst image = computed(() => imageStore.images[props.index]!)\n\nconst imageSourceRequired = computed(() => {\n  if (isNull(image.value) || isUndefined(image.value)) return true\n  return !(image.value.showDamAuthors && props.authorEnabled)\n})\n\nconst { v$ } = useImageValidation(image, imageSourceRequired, damConfigName)\n\nconst onEditAsset = () => {\n  if (isNull(image.value) || isUndefined(image.value)) return\n  emit('editAsset', image.value.dam.damId)\n}\n\nconst removeItem = () => {\n  emit('removeItem', props.index)\n}\n\n// A typed source belongs to the user, not to a pick. This holds even when the text equals the names a pick wrote.\nconst onSourceTyped = () => {\n  if (isNull(image.value) || isUndefined(image.value)) return\n  imageStore.forgetSourceOfPick(image.value)\n}\n</script>\n\n<template>\n  <div class=\"asset-list-tiles__item\">\n    <div class=\"asset-list-tiles__item-card\">\n      <div class=\"ma-2\">\n        <!-- No reorder controls here: the grid is `#view-body`, which SortableJS never binds to.\n             Reordering lives in reorder mode. -->\n        <AImageWidgetSimple\n          :model-value=\"image.id\"\n          :image=\"image\"\n          :config-name=\"damConfigName\"\n        />\n        <VRow density=\"compact\">\n          <VCol class=\"d-flex justify-space-between mt-1\">\n            <VBtn\n              v-if=\"!readonly\"\n              variant=\"text\"\n              size=\"small\"\n              class=\"mb-2\"\n              @click.stop=\"onEditAsset\"\n            >\n              {{ editAssetLabel }}\n            </VBtn>\n            <AActionDeleteButton\n              v-if=\"!readonly\"\n              variant=\"icon\"\n              :size=\"30\"\n              button-class=\"\"\n              @delete-record=\"removeItem\"\n            />\n          </VCol>\n        </VRow>\n        <!-- `undefined`, not `false`, when editable: the fields then still follow a parent form's readonly and disabled. -->\n        <VRow density=\"compact\">\n          <VCol>\n            <AFormTextarea\n              v-model=\"image.texts.description\"\n              :readonly=\"readonly || undefined\"\n              :label=\"t('common.damImage.image.model.texts.description')\"\n              :help=\"t('common.damImage.image.help.texts.description')\"\n              :v=\"v$.image?.texts.description\"\n            />\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"image.showDamAuthors && authorEnabled\"\n          density=\"compact\"\n        >\n          <VCol>\n            <ASystemEntityScope\n              subject=\"author\"\n              system=\"dam\"\n            >\n              <AuthorRemoteAutocompleteWithCached\n                v-model=\"image.damAuthors\"\n                :disabled=\"readonly || undefined\"\n                :ext-system=\"cachedExtSystemId\"\n                :label=\"t('common.damImage.asset.model.authors')\"\n                :author-conflicts=\"authorConflicts\"\n                data-cy=\"custom-field-authors\"\n                clearable\n                multiple\n                :validation-scope=\"AImageMetadataValidationScopeSymbol\"\n              />\n            </ASystemEntityScope>\n          </VCol>\n        </VRow>\n        <VRow\n          v-else\n          density=\"compact\"\n        >\n          <VCol>\n            <AFormTextarea\n              v-model=\"image.texts.source\"\n              :readonly=\"readonly || undefined\"\n              :label=\"sourceLabel\"\n              :v=\"v$.image?.texts.source\"\n              @update:model-value=\"onSourceTyped\"\n            />\n          </VCol>\n        </VRow>\n        <VRow v-if=\"showSourceEnabled\">\n          <VCol>\n            <VSwitch\n              v-model=\"image.flags.showSource\"\n              :disabled=\"readonly || undefined\"\n              :label=\"t('common.damImage.image.model.flags.showSource')\"\n              density=\"compact\"\n              hide-details\n            />\n          </VCol>\n        </VRow>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.asset-list-tiles--thumbnail.a-sortable-widget__group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n\n  .asset-list-tiles__item {\n    flex: 1 1 260px;\n    min-width: 260px;\n    max-width: 400px;\n\n    img:not(.img-svg) {\n      padding: 0;\n    }\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ImageWidgetMultipleItem.js","names":["ImageWidgetMultipleItem_vue_vue_type_script_setup_true_lang_default","ImageWidgetMultipleItem_default"],"sources":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageWidgetMultipleItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","AImageWidgetSimple","_unref","_component_VRow","_withCtx","_component_VCol","_createBlock","_component_VBtn","_withModifiers","_createTextVNode","_toDisplayString","_createCommentVNode","AActionDeleteButton","AFormTextarea","ASystemEntityScope","AuthorRemoteAutocompleteWithCached","_component_VSwitch","AImageWidgetSimple_default","AFormTextarea_default","AActionDeleteButton_default","AuthorRemoteAutocompleteWithCached_default","ASystemEntityScope_default","_hoisted_1","_hoisted_2","_hoisted_3","ImageWidgetMultipleItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","imageStore","useImageStore","useI18n","useExtSystemIdForCached","authorConflicts","ref","image","computed","imageSourceRequired","isNull","isUndefined","useImageValidation","onEditAsset","removeItem","onSourceTyped","openBlock","createElementBlock","createElementVNode","createVNode","unref","VRow","withCtx","VCol","createCommentVNode","createBlock","VBtn","withModifiers","createTextVNode","toDisplayString","_cache","$event","t","v$","cachedExtSystemId","AImageMetadataValidationScopeSymbol","VSwitch"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetMultipleItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport { computed, ref } from 'vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport AActionDeleteButton from '@/domains/ui/buttons/action/components/AActionDeleteButton.vue'\nimport { useI18n } from 'vue-i18n'\nimport { AImageMetadataValidationScopeSymbol, useImageValidation } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    authorEnabled: boolean\n    showSourceEnabled?: boolean\n    sourceLabel?: string\n    editAssetLabel?: string\n    readonly?: boolean\n    configName?: string\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showSourceEnabled: true,\n    sourceLabel: undefined,\n    editAssetLabel: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editAsset', data: DocId): void\n  (e: 'removeItem', index: number): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst imageStore = useImageStore()\nconst { t } = useI18n()\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\nconst authorConflicts = ref<DocId[]>([])\n// `index` comes from the parent's v-for over these same images.\nconst image = computed(() => imageStore.images[props.index]!)\n\nconst imageSourceRequired = computed(() => {\n  if (isNull(image.value) || isUndefined(image.value)) return true\n  return !(image.value.showDamAuthors && props.authorEnabled)\n})\n\nconst { v$ } = useImageValidation(image, imageSourceRequired, damConfigName)\n\nconst onEditAsset = () => {\n  if (isNull(image.value) || isUndefined(image.value)) return\n  emit('editAsset', image.value.dam.damId)\n}\n\nconst removeItem = () => {\n  emit('removeItem', props.index)\n}\n\n// A typed source belongs to the user, not to a pick. This holds even when the text equals the names a pick wrote.\nconst onSourceTyped = () => {\n  if (isNull(image.value) || isUndefined(image.value)) return\n  imageStore.forgetSourceOfPick(image.value)\n}\n</script>\n\n<template>\n  <div class=\"asset-list-tiles__item\">\n    <div class=\"asset-list-tiles__item-card\">\n      <div class=\"ma-2\">\n        <!-- No reorder controls here: the grid is `#view-body`, which SortableJS never binds to.\n             Reordering lives in reorder mode. -->\n        <AImageWidgetSimple\n          :model-value=\"image.id\"\n          :image=\"image\"\n          :config-name=\"damConfigName\"\n        />\n        <VRow density=\"compact\">\n          <VCol class=\"d-flex justify-space-between mt-1\">\n            <VBtn\n              v-if=\"!readonly\"\n              variant=\"text\"\n              size=\"small\"\n              class=\"mb-2\"\n              @click.stop=\"onEditAsset\"\n            >\n              {{ editAssetLabel }}\n            </VBtn>\n            <AActionDeleteButton\n              v-if=\"!readonly\"\n              variant=\"icon\"\n              :size=\"30\"\n              button-class=\"\"\n              @delete-record=\"removeItem\"\n            />\n          </VCol>\n        </VRow>\n        <!-- `undefined`, not `false`, when editable: the fields then still follow a parent form's readonly and disabled. -->\n        <VRow density=\"compact\">\n          <VCol>\n            <AFormTextarea\n              v-model=\"image.texts.description\"\n              :readonly=\"readonly || undefined\"\n              :label=\"t('common.damImage.image.model.texts.description')\"\n              :help=\"t('common.damImage.image.help.texts.description')\"\n              :v=\"v$.image?.texts.description\"\n            />\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"image.showDamAuthors && authorEnabled\"\n          density=\"compact\"\n        >\n          <VCol>\n            <ASystemEntityScope\n              subject=\"author\"\n              system=\"dam\"\n            >\n              <AuthorRemoteAutocompleteWithCached\n                v-model=\"image.damAuthors\"\n                :disabled=\"readonly || undefined\"\n                :ext-system=\"cachedExtSystemId\"\n                :label=\"t('common.damImage.asset.model.authors')\"\n                :author-conflicts=\"authorConflicts\"\n                data-cy=\"custom-field-authors\"\n                clearable\n                multiple\n                :validation-scope=\"AImageMetadataValidationScopeSymbol\"\n              />\n            </ASystemEntityScope>\n          </VCol>\n        </VRow>\n        <VRow\n          v-else\n          density=\"compact\"\n        >\n          <VCol>\n            <AFormTextarea\n              v-model=\"image.texts.source\"\n              :readonly=\"readonly || undefined\"\n              :label=\"sourceLabel\"\n              :v=\"v$.image?.texts.source\"\n              @update:model-value=\"onSourceTyped\"\n            />\n          </VCol>\n        </VRow>\n        <VRow v-if=\"showSourceEnabled\">\n          <VCol>\n            <VSwitch\n              v-model=\"image.flags.showSource\"\n              :disabled=\"readonly || undefined\"\n              :label=\"t('common.damImage.image.model.flags.showSource')\"\n              density=\"compact\"\n              hide-details\n            />\n          </VCol>\n        </VRow>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.asset-list-tiles--thumbnail.a-sortable-widget__group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n\n  .asset-list-tiles__item {\n    flex: 1 1 260px;\n    min-width: 260px;\n    max-width: 400px;\n\n    img:not(.img-svg) {\n      padding: 0;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"ImageWidgetMultipleItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","AImageWidgetSimple","_unref","_component_VRow","_withCtx","_component_VCol","_createBlock","_component_VBtn","_withModifiers","_createTextVNode","_toDisplayString","AActionDeleteButton","AFormTextarea","ASystemEntityScope","AuthorRemoteAutocompleteWithCached","_component_VSwitch","AImageWidgetSimple_default","AFormTextarea_default","AActionDeleteButton_default","AuthorRemoteAutocompleteWithCached_default","ASystemEntityScope_default","_hoisted_1","_hoisted_2","_hoisted_3","ImageWidgetMultipleItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","imageStore","useImageStore","useI18n","useExtSystemIdForCached","authorConflicts","ref","image","computed","imageSourceRequired","isNull","isUndefined","useImageValidation","onEditAsset","removeItem","onSourceTyped","openBlock","createElementBlock","createElementVNode","createVNode","unref","VRow","withCtx","VCol","createCommentVNode","createBlock","VBtn","withModifiers","createTextVNode","toDisplayString","_cache","$event","t","v$","cachedExtSystemId","AImageMetadataValidationScopeSymbol","VSwitch"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetMultipleItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport { computed, ref } from 'vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport AActionDeleteButton from '@/domains/ui/buttons/action/components/AActionDeleteButton.vue'\nimport { useI18n } from 'vue-i18n'\nimport { AImageMetadataValidationScopeSymbol, useImageValidation } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    authorEnabled: boolean\n    showSourceEnabled?: boolean\n    sourceLabel?: string\n    editAssetLabel?: string\n    readonly?: boolean\n    configName?: string\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showSourceEnabled: true,\n    sourceLabel: undefined,\n    editAssetLabel: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editAsset', data: DocId): void\n  (e: 'removeItem', index: number): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst imageStore = useImageStore()\nconst { t } = useI18n()\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\nconst authorConflicts = ref<DocId[]>([])\n// `index` comes from the parent's v-for over these same images.\nconst image = computed(() => imageStore.images[props.index]!)\n\nconst imageSourceRequired = computed(() => {\n  if (isNull(image.value) || isUndefined(image.value)) return true\n  return !(image.value.showDamAuthors && props.authorEnabled)\n})\n\nconst { v$ } = useImageValidation(image, imageSourceRequired, damConfigName)\n\nconst onEditAsset = () => {\n  if (isNull(image.value) || isUndefined(image.value)) return\n  emit('editAsset', image.value.dam.damId)\n}\n\nconst removeItem = () => {\n  emit('removeItem', props.index)\n}\n\n// A typed source belongs to the user, not to a pick. This holds even when the text equals the names a pick wrote.\nconst onSourceTyped = () => {\n  if (isNull(image.value) || isUndefined(image.value)) return\n  imageStore.forgetSourceOfPick(image.value)\n}\n</script>\n\n<template>\n  <div class=\"asset-list-tiles__item\">\n    <div class=\"asset-list-tiles__item-card\">\n      <div class=\"ma-2\">\n        <!-- No reorder controls here: the grid is `#view-body`, which SortableJS never binds to.\n             Reordering lives in reorder mode. -->\n        <AImageWidgetSimple\n          :model-value=\"image.id\"\n          :image=\"image\"\n          :config-name=\"damConfigName\"\n        />\n        <VRow density=\"compact\">\n          <VCol class=\"d-flex justify-space-between mt-1\">\n            <VBtn\n              v-if=\"!readonly\"\n              variant=\"text\"\n              size=\"small\"\n              class=\"mb-2\"\n              @click.stop=\"onEditAsset\"\n            >\n              {{ editAssetLabel }}\n            </VBtn>\n            <AActionDeleteButton\n              v-if=\"!readonly\"\n              variant=\"icon\"\n              :size=\"30\"\n              button-class=\"\"\n              @delete-record=\"removeItem\"\n            />\n          </VCol>\n        </VRow>\n        <!-- `undefined`, not `false`, when editable: the fields then still follow a parent form's readonly and disabled. -->\n        <VRow density=\"compact\">\n          <VCol>\n            <AFormTextarea\n              v-model=\"image.texts.description\"\n              :readonly=\"readonly || undefined\"\n              :label=\"t('common.damImage.image.model.texts.description')\"\n              :help=\"t('common.damImage.image.help.texts.description')\"\n              :v=\"v$.image?.texts.description\"\n            />\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"image.showDamAuthors && authorEnabled\"\n          density=\"compact\"\n        >\n          <VCol>\n            <ASystemEntityScope\n              subject=\"author\"\n              system=\"dam\"\n            >\n              <AuthorRemoteAutocompleteWithCached\n                v-model=\"image.damAuthors\"\n                :disabled=\"readonly || undefined\"\n                :ext-system=\"cachedExtSystemId\"\n                :label=\"t('common.damImage.asset.model.authors')\"\n                :author-conflicts=\"authorConflicts\"\n                data-cy=\"custom-field-authors\"\n                clearable\n                multiple\n                :validation-scope=\"AImageMetadataValidationScopeSymbol\"\n              />\n            </ASystemEntityScope>\n          </VCol>\n        </VRow>\n        <VRow\n          v-else\n          density=\"compact\"\n        >\n          <VCol>\n            <AFormTextarea\n              v-model=\"image.texts.source\"\n              :readonly=\"readonly || undefined\"\n              :label=\"sourceLabel\"\n              :v=\"v$.image?.texts.source\"\n              @update:model-value=\"onSourceTyped\"\n            />\n          </VCol>\n        </VRow>\n        <VRow v-if=\"showSourceEnabled\">\n          <VCol>\n            <VSwitch\n              v-model=\"image.flags.showSource\"\n              :disabled=\"readonly || undefined\"\n              :label=\"t('common.damImage.image.model.flags.showSource')\"\n              density=\"compact\"\n              hide-details\n            />\n          </VCol>\n        </VRow>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.asset-list-tiles--thumbnail.a-sortable-widget__group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n\n  .asset-list-tiles__item {\n    flex: 1 1 260px;\n    min-width: 260px;\n    max-width: 400px;\n\n    img:not(.img-svg) {\n      padding: 0;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageWidgetMultipleLimitDialog.js","names":["_sfc_main","ImageWidgetMultipleLimitDialog_vue_vue_type_script_setup_true_lang_default","ImageWidgetMultipleLimitDialog_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageWidgetMultipleLimitDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { computed, inject, ref, type ShallowRef } from 'vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { isUndefined } from '@/shared/utils/common'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\nconst emit = defineEmits<{\n  (e: 'afterAdd'): void\n}>()\n\nconst MAX_UPLOAD_ITEMS = 50\nconst dialog = ref(false)\nconst uploadDialogLoader = ref(false)\nconst fileCache = ref<File[]>([])\n\nconst { t } = useI18n()\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 uploadQueuesStore = useUploadQueuesStore()\n// Uses the queue of this dialog's widget, so its files go where the widget's own files go.\nconst damConfigName = useDamConfigName()\n\nconst uploadQueueTotalCount = computed(() => {\n  return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst alreadyAtUploadLimit = computed(() => {\n  return uploadQueueTotalCount.value === MAX_UPLOAD_ITEMS\n})\n\nconst openDialog = () => {\n  dialog.value = true\n}\n\nconst onDialogConfirm = async () => {\n  if (isUndefined(imageWidgetUploadConfig) || isUndefined(imageWidgetUploadConfig.value)) {\n    return\n  }\n  uploadDialogLoader.value = true\n  const files = fileCache.value.slice(0, MAX_UPLOAD_ITEMS - uploadQueueTotalCount.value)\n  await uploadQueuesStore.addByFiles(\n    props.queueKey,\n    imageWidgetUploadConfig.value.extSystem,\n    imageWidgetUploadConfig.value.licence,\n    files,\n    damConfigName\n  )\n  fileCache.value = []\n  uploadDialogLoader.value = false\n  dialog.value = false\n  emit('afterAdd')\n}\n\nconst onDialogCancel = () => {\n  fileCache.value = []\n  uploadQueuesStore.forceReloadFileInput(props.queueKey)\n  dialog.value = false\n}\n\nconst checkForLimit = (files: File[]) => {\n  fileCache.value = files\n  if (files.length + uploadQueueTotalCount.value > MAX_UPLOAD_ITEMS) {\n    openDialog()\n    return\n  }\n  onDialogConfirm()\n}\n\ndefineExpose({\n  check: checkForLimit,\n})\n</script>\n\n<template>\n  <VDialog\n    v-model=\"dialog\"\n    :width=\"500\"\n    @keydown.esc=\"onDialogCancel\"\n  >\n    <VCard\n      v-if=\"dialog\"\n      data-cy=\"delete-panel\"\n    >\n      <ADialogToolbar @cancel=\"onDialogCancel\">\n        {{ t('common.damImage.upload.limits.uploadWarning') }}\n      </ADialogToolbar>\n      <VCardText>\n        <p v-if=\"alreadyAtUploadLimit\">\n          {{ t('common.damImage.upload.limits.onUploadLimit', { limit: MAX_UPLOAD_ITEMS }) }}\n        </p>\n        <p v-else>\n          {{ t('common.damImage.upload.limits.addingOverLimit', { count: fileCache.length }) }}\n          <span v-if=\"uploadQueueTotalCount > 0\">{{\n            t('common.damImage.upload.limits.countAlreadyInProgress', {\n              count: uploadQueueTotalCount,\n            })\n          }}</span>\n          {{ t('common.damImage.upload.limits.onlyAllowedAtOnce', { count: MAX_UPLOAD_ITEMS }) }}<br /><br />\n          {{\n            t('common.damImage.upload.limits.cancelOrUploadFirst', {\n              count: MAX_UPLOAD_ITEMS - uploadQueueTotalCount,\n            })\n          }}\n        </p>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary @click.stop=\"onDialogCancel\">\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          v-if=\"!alreadyAtUploadLimit\"\n          :loading=\"uploadDialogLoader\"\n          @click.stop=\"onDialogConfirm\"\n        >\n          {{\n            t('common.damImage.upload.limits.actionAddFirstItems', {\n              count: MAX_UPLOAD_ITEMS - uploadQueueTotalCount,\n            })\n          }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ImageWidgetMultipleLimitDialog.js","names":["ImageWidgetMultipleLimitDialog_vue_vue_type_script_setup_true_lang_default","ImageWidgetMultipleLimitDialog_default"],"sources":[],"mappings":""}