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

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

@@ -0,0 +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","AFileDropzone_default","AFileInput_default","AAssetSelect_default","AssetDetailDialog_default","UploadQueueDialog_default","AImageWidgetSimple_default","ImageWidgetMultipleItem_default","ASortableListEditor_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// One store for every widget: whatever the previous one left is not this entity's.\nimageStore.reset()\nwatch(\n  () => props.readonly,\n  (value) => {\n    imageStore.readonly = value\n  },\n  { immediate: true }\n)\nconst { images, maxPosition } = storeToRefs(imageStore)\n\n// The widget among the widgets of the page that save images (`imageSaves.ts`), and the marks of its own saves on\n// their way.\nconst thisWidget = Symbol('image widget multiple')\nconst ownImageSaves = new Set<symbol>()\n// The wait of the rows for saves of their images by other widgets: let go once the widget goes.\nlet cancelSaveWaits: (() => void) | null = null\n\n/**\n * Once no other widget of the page has a save of any of the images `ids` on its way (the widget this one was drawn in\n * place of, its save still on its way), or once the wait has run out: then the user is told the request timed out.\n */\nconst savesOfOthersOver = async (ids: IntegerId[]) => {\n  const waits = ids\n    .map((id) => imageSavesOfOthersOver(damConfigName, id, ownImageSaves))\n    .filter((wait) => !isNull(wait))\n  if (waits.length === 0) return\n  cancelSaveWaits = () => waits.forEach((wait) => wait.cancel())\n  const over = await withinWaitLimit(Promise.all(waits.map((wait) => wait.over)), 1, damConfigName)\n  cancelSaveWaits = null\n  if (over !== WAIT_RAN_OUT) return\n  waits.forEach((wait) => wait.cancel())\n  if (!unmounted) showErrorT('error.apiTimedOut.message')\n}\n\n// The load of the images of the entity: rows added while it is on its way (a pick, an upload) wait for it, and come\n// after the images it loads. Added before, the load put its images in their place, and they were gone without a word.\nlet imagesLoaded: Promise<void> = Promise.resolve()\n\nconst fetchImagesOnLoad = async () => {\n  if (props.modelValue.length === 0) {\n    return\n  }\n  try {\n    imagesLoading.value = true\n    // Counted as the read is sent: a save answered after that may have taken effect only after the read.\n    const readAt = holdImages(damConfigName, thisWidget, props.modelValue)\n    const read = await imageApi.fetchImageListByIds(imageClient, props.modelValue)\n    // The rows come once the saves of these images by other widgets are over, each image as the save answered last\n    // left it when one has answered since the read was sent. Read before such a save took effect, a row had the old\n    // texts, and the save of this widget wrote them back over the saved ones.\n    await savesOfOthersOver(read.map((image) => image.id))\n    if (unmounted) return\n    const imagesRes = read\n      .map((image) => {\n        const saved = imageSavedSince(damConfigName, image.id, readAt.get(image.id) ?? 0)\n        return saved ? { ...image, ...saved, id: image.id, position: saved.position ?? image.position } : image\n      })\n      .sort((a, b) => (a.position ?? 0) - (b.position ?? 0))\n    const groupedIds: IdsGroupedByLicences = new Map()\n    imagesRes.forEach((image) => {\n      const group = groupedIds.get(image.dam.licenceId)\n      if (group) {\n        group.push(image.dam.damId)\n      } else {\n        groupedIds.set(image.dam.licenceId, [image.dam.damId])\n      }\n    })\n\n    let assetsRes: Awaited<ReturnType<typeof fetchAssetListByFileIdsMultipleLicences>> = []\n    try {\n      assetsRes = await fetchAssetListByFileIdsMultipleLicences(damClient, endPointAsset, groupedIds)\n    } catch (e) {\n      // Read-only shows the images without their DAM authors: a user refused the upload is often refused the assets.\n      if (!props.readonly) throw e\n    }\n\n    imageStore.setImages(\n      imagesRes.map((imageRes) => {\n        if (isUndefined(imageRes.position)) throw new Error('Image object needs position field!')\n        imageStore.updateMaxPositionIfGreater(imageRes.position)\n        const found = assetsRes.find((asset) => asset.mainFile?.id === imageRes.dam.damId)\n        return {\n          key: generateUUIDv1(),\n          ...imageRes,\n          // Each row its own copy: the rows of one asset (an image twice in the entity) shared the array.\n          damAuthors: found ? [...found.authors] : [],\n          showDamAuthors: found ? found.authors.length === 0 : false,\n          assetId: found ? found.id : undefined,\n        }\n      })\n    )\n    // Displaying a read-only widget must not rewrite the form's value with the stored order.\n    if (!props.readonly) {\n      emit('update:modelValue', images.value.map((image) => image.id).filter((id) => id !== undefined) as IntegerId[])\n    }\n  } catch (e) {\n    imagesLoadFailed.value = true\n    showErrorsDefault(e)\n  } finally {\n    imagesLoading.value = false\n    imagesReady.value = true\n  }\n}\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst { uploadQueueDialog, stopQueueLeftBehind } = useUploadQueueDialog()\n\nconst onFileInput = (files: File[]) => {\n  if (props.readonly) return\n  // The input has turned every file away, and said so: the queue dialog would open over nothing new.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  // The queue dialog is opened by `afterLimitDialogAdd`, once files are queued: over the limit none is, until the\n  // user agrees to the first of them. The rows a queue no dialog names holds are not counted: they go first.\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onDrop = (files: File[]) => {\n  if (props.readonly) return\n  // As the input: the dropzone has turned every file away, and said so.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  limitDialogComponent.value?.check(files)\n}\n\nconst onCopyToLicence = (data: DamImageCopyToLicenceResponse) => {\n  if (props.readonly) return\n  if (data.length === 0) return\n  const config = imageWidgetUploadConfig.value\n  if (isUndefined(config)) return\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  let refused = 0\n  data.forEach((item) => {\n    if (item.result === 'copy') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n    } else if (item.result === 'exists') {\n      uploadQueuesStore.addByCopyToLicence(\n        props.queueKey,\n        config.extSystem,\n        config.licence,\n        [item.targetAsset],\n        damConfigName\n      )\n      uploadQueuesStore.queueItemDuplicate(item.targetAsset, item.targetMainFile, DamAssetType.Image, damConfigName)\n    } else {\n      refused++\n    }\n  })\n  if (refused > 0) showErrorT('common.damImage.queueItem.errorUnableToCopyToLicence')\n  if (refused === data.length) return\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst afterLimitDialogAdd = () => {\n  uploadQueueDialog.value = props.queueKey\n}\n\n/**\n * The images of picked assets, without their position. Each asset is read under the licence it is in, and its authors\n * under the ext system of that licence: what was picked outlives a change of the licence browsed, and under another\n * licence the DAM leaves an asset out of its answer without a word. `readUnder`: the licence all of the assets are in\n * and its ext system, where the caller knows them.\n */\nconst assetSelectConfirmMap = async (\n  items: AssetSearchListItemDto[],\n  readUnder?: { licence: IntegerId; extSystem: IntegerId }\n): Promise<ImageStoreItem[]> => {\n  const assetSelectStore = useAssetSelectStore()\n  const assetMetadataMap = new Map<DocId, { description: string; authorIds: DocId[] }>()\n  const authorsMap = new Map<DocId, string>()\n  const idsByLicence: IdsGroupedByLicences = new Map()\n  items.forEach((item) => {\n    const licence = readUnder ? readUnder.licence : item.licence\n    const group = idsByLicence.get(licence)\n    if (group) {\n      group.push(item.id)\n    } else {\n      idsByLicence.set(licence, [item.id])\n    }\n  })\n  // A licence that cannot be read does not keep the others from being read.\n  const failures: unknown[] = []\n  for (const [licence, ids] of idsByLicence) {\n    try {\n      const assetDetails = await fetchAssetListByIds(damClient, endPointAsset, ids, licence)\n      if (customAssetSelectMetadataToImageMap) {\n        assetDetails.forEach((assetDetail) => {\n          const mapped = customAssetSelectMetadataToImageMap(assetDetail)\n          assetMetadataMap.set(assetDetail.id, {\n            description: mapped.description,\n            authorIds: [],\n          })\n          authorsMap.set(assetDetail.id, mapped.source)\n        })\n        continue\n      }\n      const authorIdsToFetch = new Set<DocId>()\n      assetDetails.forEach((assetDetail) => {\n        assetMetadataMap.set(assetDetail.id, {\n          description: isString(assetDetail.metadata.customData?.description)\n            ? assetDetail.metadata.customData.description.trim()\n            : '',\n          authorIds: assetDetail.authors,\n        })\n        assetDetail.authors.forEach((authorId) => {\n          authorIdsToFetch.add(authorId)\n        })\n      })\n      if (authorIdsToFetch.size > 0) {\n        const licenceConfig = assetSelectStore.selectConfig.find((config) => config.licence === licence)\n        // Under the ext system of the licence, as every name of the authors of the DAM the widgets write; that of\n        // the picker where the licence does not tell.\n        const authorsRes = await fetchAuthorListByIds(\n          damClient,\n          endPointAuthor,\n          readUnder\n            ? readUnder.extSystem\n            : ((await getExtSystemByLicence(licence)) ??\n                (licenceConfig ?? assetSelectStore.requireSelectedSelectConfig()).extSystem),\n          [...authorIdsToFetch]\n        )\n        authorsRes.forEach((author) => {\n          authorsMap.set(author.id, author.name)\n        })\n      }\n    } catch (e) {\n      failures.push(e)\n    }\n  }\n  // Said once, however many of them failed. A read the DAM refuses comes as the bare error of axios, which the\n  // default says nothing of.\n  if (failures.length > 0 && !showErrorsDefault(failures[0])) showUnknownError()\n\n  return items.map((asset) => {\n    const authorIds = assetMetadataMap.get(asset.id)?.authorIds || []\n    const description = assetMetadataMap.get(asset.id)?.description ?? ''\n\n    if (customAssetSelectMetadataToImageMap) {\n      return {\n        key: generateUUIDv1(),\n        ...createDamImage(\n          { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n          { description, source: authorsMap.get(asset.id) ?? '' },\n          { position: 0 }\n        ),\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: asset.id,\n      }\n    }\n\n    const authorNames: string[] = []\n    assetMetadataMap.get(asset.id)?.authorIds.forEach((authorId) => {\n      const name = authorsMap.get(authorId)\n      if (!isUndefined(name) && name.trim().length > 0) {\n        authorNames.push(name)\n      }\n    })\n\n    return {\n      key: generateUUIDv1(),\n      ...createDamImage(\n        { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n        { description, source: authorNames.join(', ') },\n        { position: 0 }\n      ),\n      damAuthors: authorIds,\n      // Only for an asset that was read: of one that was not, nobody knows whether it has authors, and those picked\n      // in its row would replace them in the DAM. Its row has the source, as one whose asset was not returned at load.\n      showDamAuthors: assetMetadataMap.has(asset.id) && authorIds.length === 0,\n      assetId: asset.id,\n    }\n  })\n}\n\nconst positioned = (items: ImageStoreItem[]) =>\n  items.map((item) => {\n    maxPosition.value++\n    return { ...item, position: maxPosition.value }\n  })\n\nconst onAssetSelectConfirm = async (data: AssetSelectReturnData) => {\n  if (props.readonly) return\n  if (data.type !== 'asset' || data.value.length === 0) return\n  const picked = data.value.filter((asset) => !isNull(asset.mainFile))\n  // Copied: the picked assets of another licence than the one of the upload. One already in it is taken as it is, at\n  // once; the copies come in once the dialog of the queue is used.\n  const toCopy =\n    copyToLicenceEnabled !== false && !isUndefined(data.copyToLicence)\n      ? picked.filter((asset) => asset.licence !== data.copyToLicence)\n      : []\n  // A widget that is gone by the answer adds nothing: the store of the images is the next widget's by then. Nor one\n  // that has turned read-only meanwhile.\n  const addingIsOver = () => unmounted || props.readonly\n  if (toCopy.length === 0) {\n    const images = await assetSelectConfirmMap(picked)\n    await imagesLoaded\n    if (!addingIsOver()) imageStore.addImages(positioned(images))\n    return\n  }\n  const copying = copyToLicence(\n    damClient,\n    endPointImage,\n    toCopy.map((asset) => ({ asset: asset.id, targetAssetLicence: data.copyToLicence! }))\n  )\n  // Read while the copy runs, under the licence they are in, the one of the upload, and its ext system: not the one\n  // browsed. They are added before the dialog of the queue opens: used before they were read, it put the copies\n  // before them.\n  const asTheyAre = picked.filter((asset) => !toCopy.includes(asset))\n  const config = imageWidgetUploadConfig.value\n  const imagesAsTheyAre =\n    asTheyAre.length === 0\n      ? Promise.resolve([])\n      : assetSelectConfirmMap(\n          asTheyAre,\n          config ? { licence: data.copyToLicence!, extSystem: config.extSystem } : undefined\n        )\n  let copyRes: DamImageCopyToLicenceResponse | null = null\n  try {\n    copyRes = await copying\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n  const images = await imagesAsTheyAre\n  await imagesLoaded\n  if (addingIsOver()) return\n  imageStore.addImages(positioned(images))\n  if (copyRes) onCopyToLicence(copyRes)\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { dialog: assetDialog } = storeToRefs(assetDetailStore)\nconst {\n  damClient,\n  endPointAsset,\n  endPointImage,\n  endPointAuthor,\n  copyToLicenceEnabled,\n  showSourceEnabled,\n  sourceLabel,\n  editAssetLabel,\n  addFromDamLabel,\n  customAssetSelectMetadataToImageMap,\n} = useCommonAdminCoreDamOptions(damConfigName)\n\n// Whether the detail was opened by \"edit asset\" of a row, until it closes. Not so the detail a row of the queue\n// dialog opens, which is drawn here as well: nothing is read when that one closes.\nlet detailOfRow = false\n// The reads of assets whose detail has closed, those of one asset in a row, by that asset: the save of the widget waits\n// for them. The reads of another asset do not wait for these: closing the detail of one asset waited for the save of\n// the detail of another one, and the read after it.\nconst detailAssetReads = new Map<DocId, Promise<void>>()\n// Such a read may end once the widget is gone, and the images in the store are the next widget's by then.\nlet unmounted = false\nonBeforeUnmount(() => {\n  unmounted = true\n  holdImages(damConfigName, thisWidget, [])\n  cancelSaveWaits?.()\n})\n\nconst onEditAsset = async (assetFileId: DocId) => {\n  detailOfRow = true\n  let extSystem: IntegerId | null = null\n  try {\n    await assetDetailStore.open(\n      props.queueKey,\n      async () => {\n        const asset = await fetchAssetByFileId(damClient, endPointAsset, assetFileId)\n        // A licence the client cannot resolve: the ext system of the widget's upload licence, which its root loaded.\n        const shownUnder = (await getExtSystemByLicence(asset.licence)) ?? imageWidgetUploadConfig.value!.extSystem\n        // Before the detail shows the asset: it reads the configuration of its ext system as it draws, and threw\n        // without it.\n        await loadAssetDetailExtSystem(damClient, shownUnder, asset.attributes.assetType, damConfigName)\n        extSystem = shownUnder\n        return asset\n      },\n      // Only for the asset the detail shows: an answer it no longer waits for must not change the ext system its\n      // configuration asks for names under.\n      () => {\n        if (extSystem) cachedExtSystemId.value = extSystem\n      }\n    )\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n\n// An upload applied while the images of the entity load waits for them, its dialog and its queue as they are: once\n// those images are there, its rows come after them and the dialog goes. A widget that is read-only or gone by then\n// leaves the dialog and its queue as a read-only widget does, and nothing of the upload is lost; the dialog went at\n// once, and the rows with it. Applied again while it waits, it is not taken: the rows would come twice.\nlet uploadWaitsForLoad = false\nconst onAssetUploadConfirm = async (items: ImageStoreItem[]) => {\n  if (props.readonly) return\n  if (items.length === 0) return\n  if (imagesLoading.value) {\n    if (uploadWaitsForLoad) return\n    uploadWaitsForLoad = true\n    await imagesLoaded\n    uploadWaitsForLoad = false\n    if (unmounted || props.readonly) return\n  }\n  addUploadedRows(items)\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n}\n\nconst addUploadedRows = (items: ImageStoreItem[]) => {\n  // A file that is a duplicate of one the widget has becomes the asset of that image in the queue, and the dialog has\n  // just saved its authors. The rows of that asset that offer the pick take them with their names (the source of the\n  // upload), as after its detail has closed: left as they were, what is picked in them would be written over those\n  // authors. Their names go into the source of a row only where it has none of its own, as there; it took them always.\n  if (authorEnabled.value) {\n    items.forEach((item) => {\n      if (isUndefined(item.assetId) || item.damAuthors.length === 0) return\n      images.value.forEach((image) => {\n        if (image.assetId !== item.assetId || !image.showDamAuthors) return\n        takeAuthorsGiven(image, item.damAuthors, item.texts.source)\n      })\n    })\n  }\n  imageStore.addImages(positioned(items))\n}\n\nconst actionLibrary = () => {\n  assetSelectDialog.value = true\n}\n\nconst v$ = useVuelidate({ $scope: AImageMetadataValidationScopeSymbol })\n\nconst { getDamConfigExtSystem, getExtSystemByLicence } = useDamConfigState(damClient, damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\n\nconst authorEnabled = computed(() => {\n  return !!getDamConfigExtSystem(cachedExtSystemId.value)?.[DamAssetType.Image]?.authors?.enabled\n})\n\n/**\n * The names of the authors of an asset, in its order, under the ext system of its licence; `pageExtSystem` where its\n * licence does not tell.\n */\nconst authorNamesOf = async (asset: AssetDetailItemDto, pageExtSystem: IntegerId) => {\n  const extSystem = (await getExtSystemByLicence(asset.licence)) ?? pageExtSystem\n  const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, asset.authors)\n  const authorNames: string[] = []\n  asset.authors.forEach((authorId) => {\n    const name = authorsRes.find((author) => author.id === authorId)?.name\n    if (!isUndefined(name) && name.trim().length > 0) {\n      authorNames.push(name)\n    }\n  })\n  return authorNames.join(', ')\n}\n\n/**\n * A row that offers the pick of the authors of the DAM, once its asset turns out to have authors: it takes them, the\n * pick goes, and the row shows its source from then on. That source takes their names where it is empty, or is what a\n * pick of authors wrote there (\"fill empty\" of the mass operations), which the row did not show. A source of the\n * image's own (stored, given by an upload, typed while the row showed it) stays, to be checked by the user.\n */\nconst takeAuthorsGiven = (row: ImageStoreItem, authors: DocId[], names: string) => {\n  row.damAuthors = [...authors]\n  if (row.texts.source.trim().length === 0 || imageStore.hasSourceOfPick(row)) row.texts.source = names\n  imageStore.forgetSourceOfPick(row)\n  row.showDamAuthors = false\n}\n\n/**\n * The detail may have given authors to an asset whose row offers the pick of them. Left as it was, the row would write\n * what is picked in it over those authors with the save of the widget, and with nothing picked its image would be\n * saved without a source. So the asset is read again, and once it has authors its rows that offer the pick take them\n * over what was picked there, as a row of an asset picked with its authors has them: named in its source, under the\n * ext system of the licence of the asset, but for a source of the image's own (`takeAuthorsGiven`). A row that shows\n * its source is left alone: that text is the user's. `detailSave`: the save of the detail that was on its way when it\n * closed. `pageExtSystem`: the ext system its configuration asked for names under by then.\n */\nconst takeAuthorsOfDetailAsset = async (assetId: DocId, detailSave: Promise<void> | null, pageExtSystem: IntegerId) => {\n  try {\n    // Read before the DAM has answered that save, the asset would be as it was before it.\n    await detailSave\n    const asset = await fetchAsset(damClient, endPointAsset, assetId)\n    if (asset.authors.length === 0) return\n    const source = await authorNamesOf(asset, pageExtSystem)\n    // The widget is gone, or has turned read-only meanwhile: nothing is written.\n    if (unmounted || props.readonly) return\n    images.value.forEach((image) => {\n      // By the row's own flag. Whether the page draws the pick goes by an ext system that the detail of another asset,\n      // opened meanwhile, may have changed.\n      if (image.assetId !== asset.id || !image.showDamAuthors) return\n      takeAuthorsGiven(image, asset.authors, source)\n    })\n  } catch (e) {\n    if (!unmounted && !showErrorsDefault(e)) showUnknownError()\n  }\n}\n\n/**\n * `shown`: the asset the detail showed; none when it closed from its loader, or by itself after a read that failed.\n * What the read goes by is noted here, before anything is awaited: whether a row of that asset offers the pick, the\n * save of the detail that is on its way, and the ext system its configuration asks for names under.\n */\nconst onAssetDetailClose = (shown: AssetDetailItemDto | null) => {\n  const ofRow = detailOfRow\n  detailOfRow = false\n  if (!ofRow || isNull(shown) || props.readonly || !authorEnabled.value) return\n  const assetId = shown.id\n  if (!images.value.some((image) => image.assetId === assetId && image.showDamAuthors)) return\n  const detailSave = assetDetailStore.savingOf(assetId, damConfigName)\n  const pageExtSystem = cachedExtSystemId.value\n  const read = (detailAssetReads.get(assetId) ?? Promise.resolve()).then(() =>\n    takeAuthorsOfDetailAsset(assetId, detailSave, pageExtSystem)\n  )\n  detailAssetReads.set(assetId, read)\n  void read.then(() => {\n    if (detailAssetReads.get(assetId) === read) detailAssetReads.delete(assetId)\n  })\n}\n\nconst saveImages = async () => {\n  // Nothing of the user's to write; the images stay as they were loaded.\n  if (props.readonly) return true\n  // Empty store here means the fetch is pending or failed, not a user deletion — the empty\n  // path below would detach every image.\n  if (imagesLoading.value || imagesLoadFailed.value) {\n    showUnknownError()\n    return false\n  }\n  // The asset of a detail that has just closed is still being read: its rows are not written before they have its\n  // authors. Gone by then, the widget writes nothing.\n  await Promise.all(detailAssetReads.values())\n  if (unmounted) return false\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return false\n  }\n  try {\n    const assetUpdateItems: AssetAuthorsItems = []\n    const imagesRaw = toRaw(images.value)\n    // The rows that offer the pick of the authors, those of one asset together: the entity may have an image twice,\n    // and a duplicate from the queue is a second row of its asset. Each row on its own, the authors of an asset went\n    // out once per row that had some, the last to stay, and a row with none picked was saved without a source and\n    // went on offering the pick of authors the asset had by then. The asset gets what is picked in any of its rows,\n    // each author once, and each of those rows the authors and their names, once the DAM has taken them.\n    const offering = new Map<DocId, { assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[] }>()\n    if (authorEnabled.value) {\n      images.value.forEach((image) => {\n        if (!image.showDamAuthors) return\n        // A row that offers the pick has its asset; one that had none would be on its own.\n        const of = image.assetId ?? image.key\n        const asset = offering.get(of) ?? { assetId: image.assetId, rows: [], authors: [] }\n        offering.set(of, asset)\n        asset.rows.push(image)\n        image.damAuthors.forEach((author) => {\n          if (!asset.authors.includes(author)) asset.authors.push(author)\n        })\n      })\n    }\n    const named: Array<{ assetId: DocId | undefined; rows: ImageStoreItem[]; authors: DocId[]; source: string }> = []\n    for (const { assetId, rows, authors } of offering.values()) {\n      if (authors.length === 0) continue\n      if (assetId) assetUpdateItems.push({ id: assetId, authors })\n      // Under the ext system of the licence of the asset of the rows, as the read before the write names authors\n      // given since; that its configuration asks for names under where the page does not know the licence. Not read\n      // for it: the rows come of the entity, of any licence.\n      const extSystem =\n        damConfigStore.damConfigLicenceExtSystem.get(rows[0]!.dam.licenceId)?.extSystem ?? cachedExtSystemId.value\n      const authorsRes = await fetchAuthorListByIds(damClient, endPointAuthor, extSystem, authors)\n      named.push({ assetId, rows, authors, source: authorsRes.map((author) => author.name).join(', ') })\n    }\n    // Gone while the authors loaded, the widget writes nothing. Turned read-only meanwhile: nothing of the user's is\n    // written any more.\n    if (unmounted) return false\n    if (props.readonly) return true\n    // An asset was read when its rows came, and may have been given authors elsewhere since: the write replaces them\n    // with those picked in its rows. Each asset with something picked is read again, right before the write. Once one\n    // has authors nothing is written, of any asset or image: the rows of that asset that offer the pick take them\n    // (`takeAuthorsGiven`), the user is told till they close the message, and saves again.\n    const picked = [...offering.values()].filter(({ assetId, authors }) => !isUndefined(assetId) && authors.length > 0)\n    if (picked.length > 0) {\n      const readAgain = await Promise.all(picked.map(({ assetId }) => fetchAsset(damClient, endPointAsset, assetId!)))\n      // Gone, or turned read-only while the assets were read: nothing of the user's is written any more.\n      if (unmounted || props.readonly) return false\n      const givenMeanwhile = picked\n        .map(({ rows }, index) => ({ rows, asset: readAgain[index]! }))\n        .filter(({ asset }) => asset.authors.length > 0)\n      if (givenMeanwhile.length > 0) {\n        const pageExtSystem = cachedExtSystemId.value\n        const names = await Promise.all(givenMeanwhile.map(({ asset }) => authorNamesOf(asset, pageExtSystem)))\n        if (unmounted || props.readonly) return false\n        givenMeanwhile.forEach(({ rows, asset }, index) => {\n          rows.forEach((row) => {\n            if (row.showDamAuthors) takeAuthorsGiven(row, asset.authors, names[index]!)\n          })\n        })\n        showWarningT('common.damImage.image.meta.galleryAuthorsGivenMeanwhile', -1)\n        return false\n      }\n    }\n    if (assetUpdateItems.length) {\n      await bulkUpdateAssetsAuthors(damClient, endPointAsset, assetUpdateItems)\n      // Gone while the authors were written, the widget saves no image: a widget drawn meanwhile, of the same images,\n      // read them before this save, and it was noted only once sent.\n      if (unmounted) return false\n    }\n    // The DAM has the authors of those rows by now, also when the images are not saved: the rows show the source from\n    // here on, as after a save. Left offering the pick, the rows went into the next save as picks, the read before the\n    // write found the authors written here, and that save wrote nothing.\n    named.forEach(({ assetId, rows, authors, source }) => {\n      rows.forEach((row) => {\n        row.damAuthors = [...authors]\n        row.texts.source = source\n        if (isUndefined(assetId)) return\n        row.showDamAuthors = false\n        imageStore.forgetSourceOfPick(row)\n      })\n    })\n    const sentRows = [...imagesRaw]\n    // Noted for the other widgets of the page, image by image, also when this one is gone by its answer.\n    const resItems = await noteImagesSave(\n      damConfigName,\n      sentRows.map((row) => row.id).filter((id) => !isUndefined(id)),\n      ownImageSaves,\n      imageApi.bulkUpdateImages(imageClient, sentRows.map(imageFieldsOf))\n    )\n    // Gone by the answer, the widget writes nothing into the store of the images, which is the next widget's by then.\n    if (unmounted) return true\n    holdImages(\n      damConfigName,\n      thisWidget,\n      resItems.map((resItem) => resItem.id)\n    )\n    const ids: IntegerId[] = []\n    const items = resItems.map((resItem) => {\n      ids.push(resItem.id)\n\n      return {\n        key: generateUUIDv1(),\n        ...resItem,\n        damAuthors: [],\n        showDamAuthors: false,\n        assetId: undefined,\n      }\n    })\n    if (imageStore.images.length === 0) {\n      listEditor.value?.commit([])\n      // Emptying is a change too — without this the parent kept its old ids.\n      emit('update:modelValue', ids)\n      return true\n    }\n\n    // Each image of the answer takes what its own row had, the rows of one file one by one in the order they were\n    // sent in: found by the file alone, every row of a file took what the first of them had.\n    const getUpdatedItem = (item: ImageStoreItem): ImageStoreItem => {\n      const index = sentRows.findIndex((row) => row.dam.damId === item.dam.damId)\n      const matchedImage = index < 0 ? undefined : sentRows.splice(index, 1)[0]\n\n      return {\n        ...item,\n        damAuthors: matchedImage ? matchedImage.damAuthors : item.damAuthors,\n        // Only a row that offered the authors of the DAM goes on offering them: one whose asset the DAM did not\n        // return has no asset to save them into, and keeps its source.\n        showDamAuthors: matchedImage ? matchedImage.showDamAuthors && matchedImage.damAuthors.length === 0 : false,\n        assetId: matchedImage ? matchedImage.assetId : item.assetId,\n      }\n    }\n\n    const updatedItems = items.map(getUpdatedItem)\n    imageStore.setImages(updatedItems)\n    // Rows passed explicitly: setImages just replaced their keys, bare commit() would read the\n    // not-yet-rerendered prop.\n    listEditor.value?.commit(updatedItems)\n    emit('update:modelValue', ids)\n    return true\n  } catch (e) {\n    // The authors refused by validation are named as the forms name them; anything else as before.\n    showMetadataSaveError(e, cachedExtSystemId.value, damConfigName)\n    return false\n  }\n}\n\n// The images that stay are numbered anew, as after a move: the backend got positions with a gap where one went.\nconst removeImage = (index: number) => {\n  imageStore.removeImageByIndex(index)\n  updateAllPositions()\n}\n\nconst removeItem = async (index: number) => {\n  const image = images.value[index]\n  if (!image) return\n  if (isUndefined(image.id)) {\n    removeImage(index)\n    return\n  }\n  if (props.callDeleteApiOnRemove) {\n    try {\n      await imageApi.deleteImage(imageClient, image.id)\n      removeImage(index)\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    return\n  }\n  removeImage(index)\n}\n\nconst limitDialogComponent = ref<InstanceType<typeof ImageWidgetMultipleLimitDialog> | null>(null)\n\nconst editorMode = ref<'view' | 'reorder'>('view')\n// A reorder under way would keep moving rows a read-only widget does not save.\nwatch(\n  () => props.readonly,\n  (value) => {\n    if (value && editorMode.value === 'reorder') listEditor.value?.cancelReorderMode()\n  }\n)\n\n// Required by the editor, but never invoked here — adds happen through the\n// upload / asset-select flow, not the editor's add button (which is hidden).\nconst createImageStoreItem = (): ImageStoreItem => ({\n  key: generateUUIDv1(),\n  ...createDamImage({ fileId: '', licenceId: 0 }, {}, { position: 0 }),\n  damAuthors: [],\n  showDamAuthors: false,\n  assetId: undefined,\n})\n\nconst updateAllPositions = () => {\n  let pos = 0\n  images.value.forEach((image) => {\n    pos++\n    image.position = pos\n  })\n  imageStore.maxPosition = pos\n}\n\nconst onReorderApplied = () => {\n  updateAllPositions()\n}\n\ndefineExpose({\n  saveImages,\n})\n\nonMounted(() => {\n  imagesLoaded = fetchImagesOnLoad()\n})\n</script>\n\n<template>\n  <div>\n    <h4\n      v-if=\"label\"\n      class=\"font-weight-bold text-label-large\"\n    >\n      {{ label }}\n    </h4>\n    <div\n      v-if=\"!readonly\"\n      class=\"pb-2\"\n    >\n      <AFileInput\n        :file-input-key=\"uploadQueue?.fileInputKey\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        multiple\n        @files-input=\"onFileInput\"\n      >\n        <template #activator=\"{ props: fileInputProps }\">\n          <VBtn\n            ref=\"uploadButtonComponent\"\n            v-bind=\"fileInputProps\"\n          >\n            {{ t('common.damImage.image.button.upload') }}\n          </VBtn>\n        </template>\n      </AFileInput>\n      <VBtn\n        class=\"mr-2\"\n        @click=\"actionLibrary\"\n      >\n        {{ addFromDamLabel }}\n      </VBtn>\n    </div>\n    <AAssetSelect\n      v-model=\"assetSelectDialog\"\n      :select-licences=\"selectLicences\"\n      :upload-licence=\"uploadLicence\"\n      :min-count=\"1\"\n      :max-count=\"50\"\n      :asset-type=\"DamAssetType.Image\"\n      :skip-current-user-check=\"skipCurrentUserCheck\"\n      :config-name=\"damConfigName\"\n      return-type=\"asset\"\n      @confirm=\"onAssetSelectConfirm\"\n    >\n      <template\n        v-if=\"$slots['asset-select-sidebar-prepend']\"\n        #sidebar-prepend=\"slotProps\"\n      >\n        <slot\n          name=\"asset-select-sidebar-prepend\"\n          v-bind=\"slotProps\"\n        />\n      </template>\n    </AAssetSelect>\n    <div\n      v-if=\"imagesLoading\"\n      class=\"w-100 d-flex align-center justify-center\"\n    >\n      <VProgressCircular\n        indeterminate\n        color=\"primary\"\n      />\n    </div>\n    <div\n      class=\"position-relative w-100\"\n      style=\"min-height: 140px\"\n    >\n      <ASortableListEditor\n        v-if=\"imagesReady\"\n        ref=\"listEditor\"\n        v-model=\"images\"\n        v-model:mode=\"editorMode\"\n        :factory=\"createImageStoreItem\"\n        get-key=\"key\"\n        position=\"position\"\n        :show-add-button=\"false\"\n        :show-delete-button=\"false\"\n        :show-edit-button=\"false\"\n        :disable-drag=\"disableDraggable || readonly\"\n        :readonly=\"readonly\"\n        @reorder-applied=\"onReorderApplied\"\n      >\n        <template #view-body>\n          <div class=\"asset-list-tiles asset-list-tiles--thumbnail a-sortable-widget__group\">\n            <ImageWidgetMultipleItem\n              v-for=\"(image, index) in images\"\n              :key=\"image.key\"\n              :index=\"index\"\n              :show-source-enabled=\"showSourceEnabled\"\n              :source-label=\"sourceLabel\"\n              :edit-asset-label=\"editAssetLabel\"\n              :author-enabled=\"authorEnabled\"\n              :readonly=\"readonly\"\n              :config-name=\"damConfigName\"\n              @edit-asset=\"onEditAsset\"\n              @remove-item=\"removeItem\"\n            />\n          </div>\n        </template>\n        <template #item-compact=\"{ raw }\">\n          <div class=\"image-widget-multiple-reorder\">\n            <div class=\"image-widget-multiple-reorder__thumb\">\n              <AImageWidgetSimple\n                :model-value=\"raw.id\"\n                :image=\"raw\"\n                :config-name=\"damConfigName\"\n              />\n            </div>\n            <div class=\"image-widget-multiple-reorder__meta\">\n              <div class=\"image-widget-multiple-reorder__title\">\n                {{ raw.texts?.description?.trim() || '—' }}\n              </div>\n              <div\n                v-if=\"raw.texts?.source\"\n                class=\"image-widget-multiple-reorder__source\"\n              >\n                {{ raw.texts.source }}\n              </div>\n            </div>\n          </div>\n        </template>\n      </ASortableListEditor>\n      <AImageDropzone\n        v-if=\"editorMode === 'view' && !readonly\"\n        variant=\"fill\"\n        :hover-only=\"modelValue.length > 0 || images.length > 0\"\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        @drop=\"onDrop\"\n        @click=\"uploadButtonComponent?.$el.click()\"\n      />\n    </div>\n    <UploadQueueDialog\n      v-if=\"uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n      :queue-key=\"queueKey\"\n      :ext-system=\"imageWidgetUploadConfig.extSystem\"\n      :licence-id=\"imageWidgetUploadConfig.licence\"\n      :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n      :accept=\"uploadAccept\"\n      :max-sizes=\"uploadSizes\"\n      multiple\n      @apply=\"onAssetUploadConfirm\"\n      @files-input=\"onFileInput\"\n      @drop=\"onFileInput\"\n    />\n    <AssetDetailDialog\n      v-if=\"assetDialog === queueKey\"\n      :queue-key=\"queueKey\"\n      :config-name=\"damConfigName\"\n      :ext-system=\"cachedExtSystemId\"\n      @close=\"onAssetDetailClose\"\n    />\n    <ImageWidgetMultipleLimitDialog\n      ref=\"limitDialogComponent\"\n      :queue-key=\"queueKey\"\n      @after-add=\"afterLimitDialogAdd\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.image-widget-multiple-reorder {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  min-height: 100px;\n  padding: 4px 0;\n\n  &__thumb {\n    flex: 0 0 auto;\n    width: 200px;\n    border-radius: 4px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n  }\n\n  &__meta {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  &__title {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: rgb(var(--v-theme-on-surface));\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  &__source {\n    font-size: 0.82rem;\n    color: rgb(var(--v-theme-on-surface) / 70%);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  @media (width <= 600px) {\n    gap: 8px;\n    min-height: 72px;\n\n    &__thumb {\n      width: 80px;\n    }\n\n    &__source {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +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// Typed by the user: the source is the user's, no pick's, also where its text is the names a pick wrote there.\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":""}

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    index: number;
+    authorEnabled: boolean;
+    showSourceEnabled?: boolean;
+    sourceLabel?: string;
+    editAssetLabel?: string;
+    readonly?: boolean;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    editAsset: (data: string) => any;
+    removeItem: (index: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEditAsset?: ((data: string) => any) | undefined;
+    onRemoveItem?: ((index: number) => any) | undefined;
+}>, {
+    readonly: boolean;
+    configName: string;
+    editAssetLabel: string;
+    sourceLabel: string;
+    showSourceEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,173 @@
+import { isNull as e, isUndefined as t } from "../../../../shared/utils/common.js";
+import n from "../../../form/components/AFormTextarea.js";
+import r from "../../../form/components/ASystemEntityScope.js";
+import i from "../../../ui/buttons/action/components/AActionDeleteButton.js";
+import { useDamConfigName as a } from "../../composables/damConfigName.js";
+import { useExtSystemIdForCached as o } from "../../composables/extSystemIdForCached.js";
+import { AImageMetadataValidationScopeSymbol as s, useImageValidation as c } from "../../composables/uploadValidations.js";
+import l from "../../author/components/AuthorRemoteAutocompleteWithCached.js";
+import u from "./AImageWidgetSimple.js";
+import { useImageStore as d } from "../store/imageStore.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, openBlock as b, ref as x, toDisplayString as S, unref as C, withCtx as w, withModifiers as T } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { VCol as D, VRow as O } from "vuetify/components/VGrid";
+import { VBtn as k } from "vuetify/components/VBtn";
+import { VSwitch as A } from "vuetify/components/VSwitch";
+//#region src/domains/dam/imageWidget/components/ImageWidgetMultipleItem.vue?vue&type=script&setup=true&lang.ts
+var j = { class: "asset-list-tiles__item" }, M = { class: "asset-list-tiles__item-card" }, N = { class: "ma-2" }, P = /*@__PURE__*/ y({
+	__name: "ImageWidgetMultipleItem",
+	props: {
+		index: {},
+		authorEnabled: { type: Boolean },
+		showSourceEnabled: {
+			type: Boolean,
+			default: !0
+		},
+		sourceLabel: { default: void 0 },
+		editAssetLabel: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		configName: { default: void 0 }
+	},
+	emits: ["editAsset", "removeItem"],
+	setup(y, { emit: P }) {
+		let F = y, I = P, L = a(F.configName), R = d(), { t: z } = E(), { cachedExtSystemId: B } = o(L), V = x([]), H = f(() => R.images[F.index]), U = f(() => e(H.value) || t(H.value) ? !0 : !(H.value.showDamAuthors && F.authorEnabled)), { v$: W } = c(H, U, L), G = () => {
+			e(H.value) || t(H.value) || I("editAsset", H.value.dam.damId);
+		}, K = () => {
+			I("removeItem", F.index);
+		}, q = () => {
+			e(H.value) || t(H.value) || R.forgetSourceOfPick(H.value);
+		};
+		return (e, t) => (b(), h("div", j, [g("div", M, [g("div", N, [
+			v(u, {
+				"model-value": H.value.id,
+				image: H.value,
+				"config-name": C(L)
+			}, null, 8, [
+				"model-value",
+				"image",
+				"config-name"
+			]),
+			v(O, { density: "compact" }, {
+				default: w(() => [v(D, { class: "d-flex justify-space-between mt-1" }, {
+					default: w(() => [y.readonly ? m("", !0) : (b(), p(k, {
+						key: 0,
+						variant: "text",
+						size: "small",
+						class: "mb-2",
+						onClick: T(G, ["stop"])
+					}, {
+						default: w(() => [_(S(y.editAssetLabel), 1)]),
+						_: 1
+					})), y.readonly ? m("", !0) : (b(), p(i, {
+						key: 1,
+						variant: "icon",
+						size: 30,
+						"button-class": "",
+						onDeleteRecord: K
+					}))]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			v(O, { density: "compact" }, {
+				default: w(() => [v(D, null, {
+					default: w(() => [v(n, {
+						modelValue: H.value.texts.description,
+						"onUpdate:modelValue": t[0] ||= (e) => H.value.texts.description = e,
+						readonly: y.readonly || void 0,
+						label: C(z)("common.damImage.image.model.texts.description"),
+						help: C(z)("common.damImage.image.help.texts.description"),
+						v: C(W).image?.texts.description
+					}, null, 8, [
+						"modelValue",
+						"readonly",
+						"label",
+						"help",
+						"v"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			H.value.showDamAuthors && y.authorEnabled ? (b(), p(O, {
+				key: 0,
+				density: "compact"
+			}, {
+				default: w(() => [v(D, null, {
+					default: w(() => [v(r, {
+						subject: "author",
+						system: "dam"
+					}, {
+						default: w(() => [v(l, {
+							modelValue: H.value.damAuthors,
+							"onUpdate:modelValue": t[1] ||= (e) => H.value.damAuthors = e,
+							disabled: y.readonly || void 0,
+							"ext-system": C(B),
+							label: C(z)("common.damImage.asset.model.authors"),
+							"author-conflicts": V.value,
+							"data-cy": "custom-field-authors",
+							clearable: "",
+							multiple: "",
+							"validation-scope": C(s)
+						}, null, 8, [
+							"modelValue",
+							"disabled",
+							"ext-system",
+							"label",
+							"author-conflicts",
+							"validation-scope"
+						])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})) : (b(), p(O, {
+				key: 1,
+				density: "compact"
+			}, {
+				default: w(() => [v(D, null, {
+					default: w(() => [v(n, {
+						modelValue: H.value.texts.source,
+						"onUpdate:modelValue": [t[2] ||= (e) => H.value.texts.source = e, q],
+						readonly: y.readonly || void 0,
+						label: y.sourceLabel,
+						v: C(W).image?.texts.source
+					}, null, 8, [
+						"modelValue",
+						"readonly",
+						"label",
+						"v"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})),
+			y.showSourceEnabled ? (b(), p(O, { key: 2 }, {
+				default: w(() => [v(D, null, {
+					default: w(() => [v(A, {
+						modelValue: H.value.flags.showSource,
+						"onUpdate:modelValue": t[3] ||= (e) => H.value.flags.showSource = e,
+						disabled: y.readonly || void 0,
+						label: C(z)("common.damImage.image.model.flags.showSource"),
+						density: "compact",
+						"hide-details": ""
+					}, null, 8, [
+						"modelValue",
+						"disabled",
+						"label"
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})) : m("", !0)
+		])])]));
+	}
+});
+//#endregion
+export { P as default };
+
+//# sourceMappingURL=ImageWidgetMultipleItem.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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","AFormTextarea_default","ASystemEntityScope_default","AActionDeleteButton_default","AuthorRemoteAutocompleteWithCached_default","AImageWidgetSimple_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// Typed by the user: the source is the user's, no pick's, also where its text is the names a pick wrote there.\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

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

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

@@ -0,0 +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// The queue of the widget this dialog belongs to: its files go where the widget's own do.\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":""}

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

@@ -0,0 +1,13 @@
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    check: (files: File[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    afterAdd: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAfterAdd?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,88 @@
+import { isUndefined as e } from "../../../../shared/utils/common.js";
+import t from "../../../ui/components/ADialogToolbar.js";
+import { useDamConfigName as n } from "../../composables/damConfigName.js";
+import { useUploadQueuesStore as r } from "../../uploadQueue/store/uploadQueuesStore.js";
+import { ImageWidgetUploadConfigKey as i } from "../utils/imageWidgetInkectionKeys.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y, withKeys as b, withModifiers as x } from "vue";
+import { useI18n as S } from "vue-i18n";
+import { VSpacer as C } from "vuetify/components/VGrid";
+import { VCard as w, VCardActions as T, VCardText as E } from "vuetify/components/VCard";
+import { VDialog as D } from "vuetify/components/VDialog";
+//#region src/domains/dam/imageWidget/components/ImageWidgetMultipleLimitDialog.vue?vue&type=script&setup=true&lang.ts
+var O = { key: 0 }, k = { key: 1 }, A = { key: 0 }, j = 50, M = /*@__PURE__*/ f({
+	__name: "ImageWidgetMultipleLimitDialog",
+	props: { queueKey: {} },
+	emits: ["afterAdd"],
+	setup(f, { expose: M, emit: N }) {
+		let P = f, F = N, I = h(!1), L = h(!1), R = h([]), { t: z } = S(), B = p(i, void 0);
+		if (e(B) || e(B.value)) throw Error("Fatal error, parent component doesn't provide necessary config ext system config.");
+		let V = r(), H = n(), U = a(() => V.getQueueTotalCount(P.queueKey)), W = a(() => U.value === j), G = () => {
+			I.value = !0;
+		}, K = async () => {
+			if (e(B) || e(B.value)) return;
+			L.value = !0;
+			let t = R.value.slice(0, j - U.value);
+			await V.addByFiles(P.queueKey, B.value.extSystem, B.value.licence, t, H), R.value = [], L.value = !1, I.value = !1, F("afterAdd");
+		}, q = () => {
+			R.value = [], V.forceReloadFileInput(P.queueKey), I.value = !1;
+		};
+		return M({ check: (e) => {
+			R.value = e, e.length + U.value > j ? G() : K();
+		} }), (e, n) => {
+			let r = g("ABtnTertiary"), i = g("ABtnPrimary");
+			return m(), o(D, {
+				modelValue: I.value,
+				"onUpdate:modelValue": n[0] ||= (e) => I.value = e,
+				width: 500,
+				onKeydown: b(q, ["esc"])
+			}, {
+				default: y(() => [I.value ? (m(), o(w, {
+					key: 0,
+					"data-cy": "delete-panel"
+				}, {
+					default: y(() => [
+						d(t, { onCancel: q }, {
+							default: y(() => [u(_(v(z)("common.damImage.upload.limits.uploadWarning")), 1)]),
+							_: 1
+						}),
+						d(E, null, {
+							default: y(() => [W.value ? (m(), c("p", O, _(v(z)("common.damImage.upload.limits.onUploadLimit", { limit: j })), 1)) : (m(), c("p", k, [
+								u(_(v(z)("common.damImage.upload.limits.addingOverLimit", { count: R.value.length })) + " ", 1),
+								U.value > 0 ? (m(), c("span", A, _(v(z)("common.damImage.upload.limits.countAlreadyInProgress", { count: U.value })), 1)) : s("", !0),
+								u(" " + _(v(z)("common.damImage.upload.limits.onlyAllowedAtOnce", { count: j })), 1),
+								n[1] ||= l("br", null, null, -1),
+								n[2] ||= l("br", null, null, -1),
+								u(" " + _(v(z)("common.damImage.upload.limits.cancelOrUploadFirst", { count: j - U.value })), 1)
+							]))]),
+							_: 1
+						}),
+						d(T, null, {
+							default: y(() => [
+								d(C),
+								d(r, { onClick: x(q, ["stop"]) }, {
+									default: y(() => [u(_(v(z)("common.button.cancel")), 1)]),
+									_: 1
+								}),
+								W.value ? s("", !0) : (m(), o(i, {
+									key: 0,
+									loading: L.value,
+									onClick: x(K, ["stop"])
+								}, {
+									default: y(() => [u(_(v(z)("common.damImage.upload.limits.actionAddFirstItems", { count: j - U.value })), 1)]),
+									_: 1
+								}, 8, ["loading"]))
+							]),
+							_: 1
+						})
+					]),
+					_: 1
+				})) : s("", !0)]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+});
+//#endregion
+export { M as default };
+
+//# sourceMappingURL=ImageWidgetMultipleLimitDialog.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageWidgetMultipleLimitDialog.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createBlock","_component_VDialog","_withKeys","_withCtx","_component_VCard","_createVNode","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","_component_VCardText","_createElementBlock","_createCommentVNode","_createElementVNode","_component_VCardActions","_component_VSpacer","_withModifiers","ADialogToolbar_default","_hoisted_1","_hoisted_2","_hoisted_3","MAX_UPLOAD_ITEMS","ImageWidgetMultipleLimitDialog_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","dialog","ref","uploadDialogLoader","fileCache","useI18n","imageWidgetUploadConfig","inject","ImageWidgetUploadConfigKey","isUndefined","uploadQueuesStore","useUploadQueuesStore","damConfigName","useDamConfigName","uploadQueueTotalCount","computed","alreadyAtUploadLimit","openDialog","onDialogConfirm","files","onDialogCancel","_component_ABtnTertiary","resolveComponent","_component_ABtnPrimary","openBlock","createBlock","VDialog","_cache","$event","withKeys","withCtx","VCard","createVNode","createTextVNode","toDisplayString","unref","t","VCardText","createElementBlock","createCommentVNode","createElementVNode","VCardActions","VSpacer","withModifiers"],"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// The queue of the widget this dialog belongs to: its files go where the widget's own do.\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":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MediaWidgetSimpleDialog.js","names":["_sfc_main","MediaWidgetSimpleDialog_vue_vue_type_script_setup_true_lang_default","MediaWidgetSimpleDialog_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/MediaWidgetSimpleDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport type { MediaAware } from '@/domains/dam/types/MediaAware'\n\nwithDefaults(\n  defineProps<{\n    modelValue: boolean\n    media: null | MediaAware\n  }>(),\n  {}\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst { t } = useI18n()\n\nconst onDialogModelUpdate = (newValue: boolean) => {\n  if (newValue) return\n  emit('close')\n}\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"modelValue\"\n    :max-width=\"500\"\n    eager\n    @update:model-value=\"onDialogModelUpdate\"\n  >\n    <VCard v-if=\"modelValue\">\n      <ADialogToolbar @cancel=\"onDialogModelUpdate(false)\">\n        {{ t('common.damImage.media.meta.preview') }}\n      </ADialogToolbar>\n      <VCardText>\n        <slot\n          name=\"preview\"\n          :media=\"media\"\n        />\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-close\"\n          @click.stop=\"onDialogModelUpdate(false)\"\n        >\n          {{ t('common.button.close') }}\n        </ABtnTertiary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,24 @@
+import { MediaAware } from '../../types/MediaAware';
+type __VLS_Props = {
+    modelValue: boolean;
+    media: null | MediaAware;
+};
+declare var __VLS_29: {
+    media: MediaAware<import('../../types/MediaAware').DamMedia> | null;
+};
+type __VLS_Slots = {} & {
+    preview?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};