@anzusystems/common-admin 2.0.0-rc.5 → 2.0.0-rc.7

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailDialogFrame","_unref","_withCtx","_createElementBlock","_toDisplayString","_normalizeClass","_createVNode","UploadQueueButtonStop","UploadQueueItemErrorOverlay","_createCommentVNode","UploadQueueDialogSingleSidebar","AssetDetailDialogFrame_default","UploadQueueItemErrorOverlay_default","UploadQueueButtonStop_default","UploadQueueDialogSingleSidebar_default","_hoisted_1","_hoisted_2","_hoisted_3","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useAlerts","useI18n","assetDetailStore","useAssetDetailStore","assetDetail","storeToRefs","enableRoiTab","ref","uploadQueuesStore","useUploadQueuesStore","useUploadQueueDialog","items","computed","item","isDone","isNull","UploadQueueItemStatus","isFailed","useCommonAdminCoreDamOptions","view","assetDetailViewOfUploadItem","onStopConfirm","queueTotalCount","queueProcessedCount","isUploading","mainFileSingleUse","originalIsSingleUse","isDuplicate","saving","onSave","bulkUpdateAssetsMetadata","damClient","endPointAsset","showRecordWas","error","onSaveAndApply","assetsMetadataRes","mappedItems","customUploadMetadataToImageMap","mapUploadMetadataToImages","endPointAuthor","watch","done","assetId","row","res","fetchAsset","onMounted","AssetDetailTabImageWithRoi","openBlock","createBlock","unref","loading","withCtx","createElementBlock","toDisplayString","t","normalizeClass","createVNode","createCommentVNode","shown","DamAssetType"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport AssetDetailDialogFrame from '@/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue'\nimport { assetDetailViewOfUploadItem } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport type { ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport {\n  useUploadQueueDialog,\n  useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetMetadataBulkItem,\n  bulkUpdateAssetsMetadata,\n  fetchAsset,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport UploadQueueDialogSingleSidebar from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    licenceId: IntegerId\n    fileInputKey: number\n    accept: string | undefined\n    maxSizes: Record<string, number> | undefined\n    configName?: string\n    disableDoneAnimation?: boolean\n  }>(),\n  {\n    configName: undefined,\n    disableDoneAnimation: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'apply', items: ImageCreateUpdateAware[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showErrorsDefault, showRecordWas } = useAlerts()\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { activeTab, loading, asset: assetDetail } = storeToRefs(assetDetailStore)\nconst enableRoiTab = ref(false)\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst { uploadQueueDialog } = useUploadQueueDialog()\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem | null>(() => {\n  return items.value[0] ?? null\n})\n\nconst isDone = computed(() => {\n  return !isNull(item.value) && item.value.status === UploadQueueItemStatus.Uploaded\n})\n\n// The title stays \"done\", in the colour of an error for a file refused or failed.\nconst isFailed = computed(() => item.value?.status === UploadQueueItemStatus.Failed)\n\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap, simpleAssetSidebarEnabled } =\n  useCommonAdminCoreDamOptions(damConfigName)\n\nconst view = computed(() =>\n  assetDetailViewOfUploadItem(item.value, assetDetail.value, {\n    enableRoiTab: enableRoiTab.value,\n    disableDoneAnimation: props.disableDoneAnimation,\n    simpleAssetSidebarEnabled,\n  })\n)\n\nconst onStopConfirm = async () => {\n  uploadQueuesStore.stopUpload(props.queueKey)\n  assetDetailStore.setAsset(null)\n  uploadQueueDialog.value = null\n}\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst queueTotalCount = computed(() => {\n  return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n  return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n  return queueTotalCount.value > queueProcessedCount.value\n})\n\n// The item's own switch: the store loads it with the item's metadata and leaves it to the user after that (a\n// duplicate takes over the original's). Not the asset detail's, which is set anew from the server when the item\n// turns uploaded, over what the user had chosen while the file was still on its way.\nconst mainFileSingleUse = computed(() => item.value?.mainFileSingleUse ?? false)\n\n// What the original of a duplicate is, as it was found: the notice is about that asset, and does not follow the\n// switch, which is the item's value from then on.\nconst originalIsSingleUse = ref(false)\nwatch(\n  () => item.value?.isDuplicate,\n  (isDuplicate) => {\n    originalIsSingleUse.value = !!isDuplicate && item.value?.mainFileSingleUse === true\n  },\n  { immediate: true }\n)\n\n// Which of the two buttons saves, while it does: the other one waits, and neither sends a second request.\nconst saving = ref<'save' | 'saveAndApply' | null>(null)\n\nconst onSave = async () => {\n  if (items.value.length === 0 || !isNull(saving.value)) return\n  saving.value = 'save'\n  try {\n    await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    saving.value = null\n  }\n}\n\nconst onSaveAndApply = async () => {\n  if (items.value.length === 0 || !isNull(saving.value)) return\n  saving.value = 'saveAndApply'\n  try {\n    let assetsMetadataRes: AssetMetadataBulkItem[]\n    try {\n      assetsMetadataRes = await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n      if (!assetsMetadataRes[0]) {\n        throw new Error('Fatal error updating asset metadata')\n      }\n    } catch (error) {\n      showMetadataSaveError(error, props.extSystem, damConfigName)\n      return\n    }\n    showRecordWas('updated')\n    const mappedItems = customUploadMetadataToImageMap\n      ? await customUploadMetadataToImageMap(\n          items.value,\n          assetsMetadataRes,\n          damClient,\n          props.extSystem,\n          props.licenceId\n        )\n      : await mapUploadMetadataToImages(\n          items.value,\n          assetsMetadataRes,\n          damClient,\n          props.extSystem,\n          props.licenceId,\n          endPointAuthor\n        )\n    emit(\n      'apply',\n      mappedItems.map((item) => ({\n        ...item,\n        position: 1,\n      }))\n    )\n    await onStopConfirm()\n  } catch (error) {\n    // The save is said above. What follows it, the images made of its answer, is said as it was before.\n    showErrorsDefault(error)\n  } finally {\n    saving.value = null\n  }\n}\n\n// Read once the file is done, and again once the row has another asset: a row that turns out to be a duplicate becomes\n// the original of that duplicate only after the original asset has been read, and showed no \"File info\" then.\nwatch(\n  [isDone, () => item.value?.assetId],\n  async ([done, assetId]) => {\n    if (!done || !assetId) return\n    // The row it is read for: the queue of a dialog closed meanwhile is emptied, and the next upload of the widget is\n    // a new row of the same queue.\n    const row = item.value\n    try {\n      const res = await fetchAsset(damClient, endPointAsset, assetId)\n      // Closed meanwhile, the dialog has emptied its queue. The detail store is shared: written now, the asset of\n      // this file would be what the next dialog shows. Nor the asset of a row that has another one by now.\n      if (item.value?.assetId !== assetId) return\n      assetDetailStore.setAsset(res)\n      enableRoiTab.value = true\n    } catch (e) {\n      // Closed meanwhile as well: the error would be shown over whatever the user has gone on to, the next upload of\n      // the widget among it. A row that has become the original of a duplicate meanwhile is the same row, and its\n      // failed read is said as any.\n      if (item.value !== row) return\n      showErrorsDefault(e)\n    }\n  },\n  { immediate: true }\n)\n\nonMounted(() => {\n  activeTab.value = AssetDetailTabImageWithRoi.Info\n})\n</script>\n\n<template>\n  <AssetDetailDialogFrame\n    :loading=\"loading || !item\"\n    :view=\"view\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n    @close=\"onStopConfirm\"\n  >\n    <template #title>\n      <div\n        v-if=\"isUploading\"\n        class=\"text-label-large\"\n      >\n        {{ t('common.damImage.upload.title') }}\n      </div>\n      <div\n        v-else\n        class=\"text-label-large font-weight-bold\"\n        :class=\"isFailed ? 'text-error' : 'text-green-darken-3'\"\n      >\n        {{ t('common.damImage.upload.titleDone') }}\n      </div>\n    </template>\n    <template #toolbar-actions>\n      <UploadQueueButtonStop\n        data-cy=\"button-close\"\n        :button-size=\"36\"\n        :is-uploading=\"isUploading\"\n        @confirm=\"onStopConfirm\"\n      />\n    </template>\n    <template #image-overlay>\n      <UploadQueueItemErrorOverlay\n        v-if=\"item && item.error.hasError\"\n        :error=\"item.error\"\n      />\n    </template>\n    <template #sidebar=\"{ view: shown }\">\n      <UploadQueueDialogSingleSidebar\n        v-if=\"shown.id\"\n        :key=\"shown.id\"\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :enable-roi-tab=\"enableRoiTab\"\n        :show-file-info=\"enableRoiTab\"\n        :asset-id=\"shown.id\"\n        :is-video=\"shown.assetType === DamAssetType.Video\"\n        :is-audio=\"shown.assetType === DamAssetType.Audio\"\n        :is-image=\"shown.assetType === DamAssetType.Image\"\n        :is-document=\"shown.assetType === DamAssetType.Document\"\n        :asset-status=\"shown.assetStatus\"\n        :asset-type=\"shown.assetType\"\n        :asset-main-file-status=\"shown.mainFile ? shown.mainFile.fileAttributes.status : undefined\"\n        :asset-main-file-fail-reason=\"shown.mainFile ? shown.mainFile.fileAttributes.failReason : undefined\"\n        :saving=\"saving\"\n        @save=\"onSave\"\n        @save-and-apply=\"onSaveAndApply\"\n      >\n        <template #prepend-sidebar>\n          <div\n            v-if=\"item?.isDuplicate\"\n            class=\"text-body-small text-warning px-3 py-2\"\n          >\n            {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n          </div>\n          <div\n            v-if=\"item?.isDuplicate && originalIsSingleUse\"\n            class=\"text-body-small text-error px-3 py-2\"\n          >\n            {{ t('common.damImage.asset.model.mainFileSingleUse') }}\n          </div>\n        </template>\n      </UploadQueueDialogSingleSidebar>\n    </template>\n  </AssetDetailDialogFrame>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailDialogFrame","_unref","_withCtx","_createElementBlock","_toDisplayString","_normalizeClass","_createVNode","UploadQueueButtonStop","UploadQueueItemErrorOverlay","_createCommentVNode","UploadQueueDialogSingleSidebar","AssetDetailDialogFrame_default","UploadQueueItemErrorOverlay_default","UploadQueueButtonStop_default","UploadQueueDialogSingleSidebar_default","_hoisted_1","_hoisted_2","_hoisted_3","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useAlerts","useI18n","assetDetailStore","useAssetDetailStore","assetDetail","storeToRefs","enableRoiTab","ref","uploadQueuesStore","useUploadQueuesStore","useUploadQueueDialog","items","computed","item","isDone","isNull","UploadQueueItemStatus","isFailed","useCommonAdminCoreDamOptions","view","assetDetailViewOfUploadItem","onStopConfirm","queueTotalCount","queueProcessedCount","isUploading","mainFileSingleUse","originalIsSingleUse","isDuplicate","saving","onSave","bulkUpdateAssetsMetadata","damClient","endPointAsset","showRecordWas","error","onSaveAndApply","assetsMetadataRes","mappedItems","customUploadMetadataToImageMap","mapUploadMetadataToImages","endPointAuthor","watch","done","assetId","row","res","fetchAsset","onMounted","AssetDetailTabImageWithRoi","openBlock","createBlock","unref","loading","withCtx","createElementBlock","toDisplayString","t","normalizeClass","createVNode","createCommentVNode","shown","DamAssetType"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport AssetDetailDialogFrame from '@/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue'\nimport { assetDetailViewOfUploadItem } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport type { ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport {\n  useUploadQueueDialog,\n  useUploadQueueDialogDrawn,\n} from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { type UploadQueueItem, UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetMetadataBulkItem,\n  bulkUpdateAssetsMetadata,\n  fetchAsset,\n  showMetadataSaveError,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport UploadQueueDialogSingleSidebar from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue'\nimport UploadQueueButtonStop from '@/domains/dam/uploadQueue/components/UploadQueueButtonStop.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { mapUploadMetadataToImages } from '@/domains/dam/imageWidget/utils/metadataToImageMap'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    licenceId: IntegerId\n    fileInputKey: number\n    accept: string | undefined\n    maxSizes: Record<string, number> | undefined\n    configName?: string\n    disableDoneAnimation?: boolean\n  }>(),\n  {\n    configName: undefined,\n    disableDoneAnimation: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'apply', items: ImageCreateUpdateAware[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showErrorsDefault, showRecordWas } = useAlerts()\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { activeTab, loading, asset: assetDetail } = storeToRefs(assetDetailStore)\nconst enableRoiTab = ref(false)\n\nconst uploadQueuesStore = useUploadQueuesStore()\nconst { uploadQueueDialog } = useUploadQueueDialog()\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem | null>(() => {\n  return items.value[0] ?? null\n})\n\nconst isDone = computed(() => {\n  return !isNull(item.value) && item.value.status === UploadQueueItemStatus.Uploaded\n})\n\n// The title stays \"done\", in the error colour for a refused or failed file.\nconst isFailed = computed(() => item.value?.status === UploadQueueItemStatus.Failed)\n\nconst { damClient, endPointAsset, endPointAuthor, customUploadMetadataToImageMap, simpleAssetSidebarEnabled } =\n  useCommonAdminCoreDamOptions(damConfigName)\n\nconst view = computed(() =>\n  assetDetailViewOfUploadItem(item.value, assetDetail.value, {\n    enableRoiTab: enableRoiTab.value,\n    disableDoneAnimation: props.disableDoneAnimation,\n    simpleAssetSidebarEnabled,\n  })\n)\n\nconst onStopConfirm = async () => {\n  uploadQueuesStore.stopUpload(props.queueKey)\n  assetDetailStore.setAsset(null)\n  uploadQueueDialog.value = null\n}\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nuseUploadQueueDialogDrawn(props.queueKey)\n\nconst queueTotalCount = computed(() => {\n  return uploadQueuesStore.getQueueTotalCount(props.queueKey)\n})\n\nconst queueProcessedCount = computed(() => {\n  return uploadQueuesStore.getQueueProcessedCount(props.queueKey)\n})\n\nconst isUploading = computed(() => {\n  return queueTotalCount.value > queueProcessedCount.value\n})\n\n// The item's own switch. The store loads it with the item's metadata,\n// then the user owns it. A duplicate takes the original's value.\n// Not the asset detail's value: that is reset from the server when the\n// item turns uploaded, overwriting the user's choice made during upload.\nconst mainFileSingleUse = computed(() => item.value?.mainFileSingleUse ?? false)\n\n// Whether the duplicate's original is single use, as found. The notice is about that\n// asset and does not follow the switch, which is the item's value from then on.\nconst originalIsSingleUse = ref(false)\nwatch(\n  () => item.value?.isDuplicate,\n  (isDuplicate) => {\n    originalIsSingleUse.value = !!isDuplicate && item.value?.mainFileSingleUse === true\n  },\n  { immediate: true }\n)\n\n// Which button is saving. The other one waits, so no second request is sent.\nconst saving = ref<'save' | 'saveAndApply' | null>(null)\n\nconst onSave = async () => {\n  if (items.value.length === 0 || !isNull(saving.value)) return\n  saving.value = 'save'\n  try {\n    await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    saving.value = null\n  }\n}\n\nconst onSaveAndApply = async () => {\n  if (items.value.length === 0 || !isNull(saving.value)) return\n  saving.value = 'saveAndApply'\n  try {\n    let assetsMetadataRes: AssetMetadataBulkItem[]\n    try {\n      assetsMetadataRes = await bulkUpdateAssetsMetadata(damClient, endPointAsset, items.value, mainFileSingleUse.value)\n      if (!assetsMetadataRes[0]) {\n        throw new Error('Fatal error updating asset metadata')\n      }\n    } catch (error) {\n      showMetadataSaveError(error, props.extSystem, damConfigName)\n      return\n    }\n    showRecordWas('updated')\n    const mappedItems = customUploadMetadataToImageMap\n      ? await customUploadMetadataToImageMap(\n          items.value,\n          assetsMetadataRes,\n          damClient,\n          props.extSystem,\n          props.licenceId\n        )\n      : await mapUploadMetadataToImages(\n          items.value,\n          assetsMetadataRes,\n          damClient,\n          props.extSystem,\n          props.licenceId,\n          endPointAuthor\n        )\n    emit(\n      'apply',\n      mappedItems.map((item) => ({\n        ...item,\n        position: 1,\n      }))\n    )\n    await onStopConfirm()\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    saving.value = null\n  }\n}\n\n// Read when the file is done and again when the row gets another asset.\n// A duplicate row becomes the original only after the original asset was read, so the first read showed no \"File info\".\nwatch(\n  [isDone, () => item.value?.assetId],\n  async ([done, assetId]) => {\n    if (!done || !assetId) return\n    // Capture the row being read. A dialog closed meanwhile empties its\n    // queue, and the widget's next upload is a new row in the same queue.\n    const row = item.value\n    try {\n      const res = await fetchAsset(damClient, endPointAsset, assetId)\n      // If the dialog closed meanwhile, its queue is emptied. The detail store\n      // is shared, so writing now would show this asset in the next dialog.\n      // The same applies to a row that has another asset by now.\n      if (item.value?.assetId !== assetId) return\n      assetDetailStore.setAsset(res)\n      enableRoiTab.value = true\n    } catch (e) {\n      // Skip the error if the dialog closed meanwhile. It would appear\n      // over whatever the user moved on to, such as the next upload.\n      // A row that became the original of a duplicate is the same row, so its failed read is reported normally.\n      if (item.value !== row) return\n      showErrorsDefault(e)\n    }\n  },\n  { immediate: true }\n)\n\nonMounted(() => {\n  activeTab.value = AssetDetailTabImageWithRoi.Info\n})\n</script>\n\n<template>\n  <AssetDetailDialogFrame\n    :loading=\"loading || !item\"\n    :view=\"view\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n    @close=\"onStopConfirm\"\n  >\n    <template #title>\n      <div\n        v-if=\"isUploading\"\n        class=\"text-label-large\"\n      >\n        {{ t('common.damImage.upload.title') }}\n      </div>\n      <div\n        v-else\n        class=\"text-label-large font-weight-bold\"\n        :class=\"isFailed ? 'text-error' : 'text-green-darken-3'\"\n      >\n        {{ t('common.damImage.upload.titleDone') }}\n      </div>\n    </template>\n    <template #toolbar-actions>\n      <UploadQueueButtonStop\n        data-cy=\"button-close\"\n        :button-size=\"36\"\n        :is-uploading=\"isUploading\"\n        @confirm=\"onStopConfirm\"\n      />\n    </template>\n    <template #image-overlay>\n      <UploadQueueItemErrorOverlay\n        v-if=\"item && item.error.hasError\"\n        :error=\"item.error\"\n      />\n    </template>\n    <template #sidebar=\"{ view: shown }\">\n      <UploadQueueDialogSingleSidebar\n        v-if=\"shown.id\"\n        :key=\"shown.id\"\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :enable-roi-tab=\"enableRoiTab\"\n        :show-file-info=\"enableRoiTab\"\n        :asset-id=\"shown.id\"\n        :is-video=\"shown.assetType === DamAssetType.Video\"\n        :is-audio=\"shown.assetType === DamAssetType.Audio\"\n        :is-image=\"shown.assetType === DamAssetType.Image\"\n        :is-document=\"shown.assetType === DamAssetType.Document\"\n        :asset-status=\"shown.assetStatus\"\n        :asset-type=\"shown.assetType\"\n        :asset-main-file-status=\"shown.mainFile ? shown.mainFile.fileAttributes.status : undefined\"\n        :asset-main-file-fail-reason=\"shown.mainFile ? shown.mainFile.fileAttributes.failReason : undefined\"\n        :saving=\"saving\"\n        @save=\"onSave\"\n        @save-and-apply=\"onSaveAndApply\"\n      >\n        <template #prepend-sidebar>\n          <div\n            v-if=\"item?.isDuplicate\"\n            class=\"text-body-small text-warning px-3 py-2\"\n          >\n            {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n          </div>\n          <div\n            v-if=\"item?.isDuplicate && originalIsSingleUse\"\n            class=\"text-body-small text-error px-3 py-2\"\n          >\n            {{ t('common.damImage.asset.model.mainFileSingleUse') }}\n          </div>\n        </template>\n      </UploadQueueDialogSingleSidebar>\n    </template>\n  </AssetDetailDialogFrame>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueDialogSingleSidebar.js","names":["_sfc_main","UploadQueueDialogSingleSidebar_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebar_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { DamAssetStatusType, DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { AssetFileFailReasonType, AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport UploadQueueDialogSingleSidebarMetadata from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport {\n  SHOW_REFRESH_AFTER_SECONDS,\n  useUploadQueueItemRefresh,\n} from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    enableRoiTab: boolean\n    showFileInfo: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n    /** Which of the two buttons of the metadata saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n    dataCy: undefined,\n    configName: undefined,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\nconst simpleMode = computed(() => simpleAssetSidebarEnabled && props.isImage && props.enableRoiTab)\n\n// What the item still waits for from the server: its file to be processed, or, uploaded, its metadata. Until\n// then its form stays disabled, and both saves with it. Each wait is counted from its start, as the row of the\n// queue counts it. Here, not in the metadata tab: the wait goes on while the other tab is open.\nconst uploadQueuesStore = useUploadQueuesStore()\nconst item = computed(() => uploadQueuesStore.getQueueItems(props.queueKey)[0] ?? null)\nconst waitsFor = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Processing) return 'file'\n  if (item.value?.status === UploadQueueItemStatus.Uploaded && !item.value.canEditMetadata) return 'metadata'\n  return null\n})\nconst refreshDue = ref(false)\nlet refreshTimer: ReturnType<typeof setTimeout> | undefined\nwatch(\n  waitsFor,\n  (waits) => {\n    clearTimeout(refreshTimer)\n    refreshDue.value = false\n    if (isNull(waits)) return\n    refreshTimer = setTimeout(() => (refreshDue.value = true), SHOW_REFRESH_AFTER_SECONDS * 1000)\n  },\n  { immediate: true }\n)\nonUnmounted(() => clearTimeout(refreshTimer))\n// A failed item offers refresh, as the row of the queue does, while one may still change it: the store says so, and\n// the item has its asset.\nconst showRefresh = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Failed) {\n    return uploadQueuesStore.refreshMayHelp(item.value) && !isNull(item.value.assetId)\n  }\n  return refreshDue.value\n})\n\nconst { refreshing, refreshItem } = useUploadQueueItemRefresh(damConfigName)\nconst refresh = () => {\n  if (item.value?.assetId) refreshItem(item.value.assetId, item.value, props.queueKey)\n}\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage && enableRoiTab\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <slot name=\"prepend-sidebar\" />\n    </template>\n    <template #info=\"{ isActive }\">\n      <UploadQueueDialogSingleSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n        :show-refresh=\"showRefresh\"\n        :refresh-disabled=\"refreshing\"\n        :saving=\"saving\"\n        @refresh=\"refresh\"\n        @save=\"emit('save')\"\n        @save-and-apply=\"emit('saveAndApply')\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":""}
+{"version":3,"file":"UploadQueueDialogSingleSidebar.js","names":["_sfc_main","UploadQueueDialogSingleSidebar_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebar_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { DamAssetStatusType, DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { AssetFileFailReasonType, AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport UploadQueueDialogSingleSidebarMetadata from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport {\n  SHOW_REFRESH_AFTER_SECONDS,\n  useUploadQueueItemRefresh,\n} from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    enableRoiTab: boolean\n    showFileInfo: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n    /** Which of the two metadata save buttons is saving. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n    dataCy: undefined,\n    configName: undefined,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\nconst simpleMode = computed(() => simpleAssetSidebarEnabled && props.isImage && props.enableRoiTab)\n\n// What the item still waits for from the server: file processing, or\n// metadata once uploaded. Until then the form and both saves are disabled.\n// Each wait counts from its start, as in the queue row.\n// Kept here, not in the metadata tab, because the wait continues while the other tab is open.\nconst uploadQueuesStore = useUploadQueuesStore()\nconst item = computed(() => uploadQueuesStore.getQueueItems(props.queueKey)[0] ?? null)\nconst waitsFor = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Processing) return 'file'\n  if (item.value?.status === UploadQueueItemStatus.Uploaded && !item.value.canEditMetadata) return 'metadata'\n  return null\n})\nconst refreshDue = ref(false)\nlet refreshTimer: ReturnType<typeof setTimeout> | undefined\nwatch(\n  waitsFor,\n  (waits) => {\n    clearTimeout(refreshTimer)\n    refreshDue.value = false\n    if (isNull(waits)) return\n    refreshTimer = setTimeout(() => (refreshDue.value = true), SHOW_REFRESH_AFTER_SECONDS * 1000)\n  },\n  { immediate: true }\n)\nonUnmounted(() => clearTimeout(refreshTimer))\n// A failed item offers refresh, like the queue row, only while a refresh\n// can still change it: the store says so and the item has its asset.\nconst showRefresh = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Failed) {\n    return uploadQueuesStore.refreshMayHelp(item.value) && !isNull(item.value.assetId)\n  }\n  return refreshDue.value\n})\n\nconst { refreshing, refreshItem } = useUploadQueueItemRefresh(damConfigName)\nconst refresh = () => {\n  if (item.value?.assetId) refreshItem(item.value.assetId, item.value, props.queueKey)\n}\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage && enableRoiTab\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <slot name=\"prepend-sidebar\" />\n    </template>\n    <template #info=\"{ isActive }\">\n      <UploadQueueDialogSingleSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n        :show-refresh=\"showRefresh\"\n        :refresh-disabled=\"refreshing\"\n        :saving=\"saving\"\n        @refresh=\"refresh\"\n        @save=\"emit('save')\"\n        @save-and-apply=\"emit('saveAndApply')\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue.d.ts

@@ -17,13 +17,15 @@ type __VLS_Props = {
     assetMainFileStatus?: AssetFileProcessStatusType | undefined;
     assetMainFileFailReason?: AssetFileFailReasonType | undefined;
     configName?: string;
-    /** Which of the two buttons of the metadata saves, while it does. */
+    /** Which of the two metadata save buttons is saving. */
     saving?: 'save' | 'saveAndApply' | null;
 };
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    'prepend-sidebar'?: (props: typeof __VLS_8) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        'prepend-sidebar'?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     save: () => any;
     saveAndApply: () => any;

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueDialogSingleSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailSidebarFrame","_unref","_withCtx","_renderSlot","_createVNode","UploadQueueDialogSingleSidebarMetadata","AssetDetailSidebarFrame_default","UploadQueueDialogSingleSidebarMetadata_default","UploadQueueDialogSingleSidebar_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useCommonAdminCoreDamOptions","simpleMode","computed","simpleAssetSidebarEnabled","uploadQueuesStore","useUploadQueuesStore","item","waitsFor","UploadQueueItemStatus","refreshDue","ref","refreshTimer","watch","waits","onUnmounted","showRefresh","isNull","useUploadQueueItemRefresh","refresh","refreshItem","openBlock","createBlock","unref","withCtx","renderSlot","_ctx","createVNode","isActive","refreshing","_cache"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { DamAssetStatusType, DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { AssetFileFailReasonType, AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport UploadQueueDialogSingleSidebarMetadata from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport {\n  SHOW_REFRESH_AFTER_SECONDS,\n  useUploadQueueItemRefresh,\n} from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    enableRoiTab: boolean\n    showFileInfo: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n    /** Which of the two buttons of the metadata saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n    dataCy: undefined,\n    configName: undefined,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\nconst simpleMode = computed(() => simpleAssetSidebarEnabled && props.isImage && props.enableRoiTab)\n\n// What the item still waits for from the server: its file to be processed, or, uploaded, its metadata. Until\n// then its form stays disabled, and both saves with it. Each wait is counted from its start, as the row of the\n// queue counts it. Here, not in the metadata tab: the wait goes on while the other tab is open.\nconst uploadQueuesStore = useUploadQueuesStore()\nconst item = computed(() => uploadQueuesStore.getQueueItems(props.queueKey)[0] ?? null)\nconst waitsFor = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Processing) return 'file'\n  if (item.value?.status === UploadQueueItemStatus.Uploaded && !item.value.canEditMetadata) return 'metadata'\n  return null\n})\nconst refreshDue = ref(false)\nlet refreshTimer: ReturnType<typeof setTimeout> | undefined\nwatch(\n  waitsFor,\n  (waits) => {\n    clearTimeout(refreshTimer)\n    refreshDue.value = false\n    if (isNull(waits)) return\n    refreshTimer = setTimeout(() => (refreshDue.value = true), SHOW_REFRESH_AFTER_SECONDS * 1000)\n  },\n  { immediate: true }\n)\nonUnmounted(() => clearTimeout(refreshTimer))\n// A failed item offers refresh, as the row of the queue does, while one may still change it: the store says so, and\n// the item has its asset.\nconst showRefresh = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Failed) {\n    return uploadQueuesStore.refreshMayHelp(item.value) && !isNull(item.value.assetId)\n  }\n  return refreshDue.value\n})\n\nconst { refreshing, refreshItem } = useUploadQueueItemRefresh(damConfigName)\nconst refresh = () => {\n  if (item.value?.assetId) refreshItem(item.value.assetId, item.value, props.queueKey)\n}\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage && enableRoiTab\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <slot name=\"prepend-sidebar\" />\n    </template>\n    <template #info=\"{ isActive }\">\n      <UploadQueueDialogSingleSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n        :show-refresh=\"showRefresh\"\n        :refresh-disabled=\"refreshing\"\n        :saving=\"saving\"\n        @refresh=\"refresh\"\n        @save=\"emit('save')\"\n        @save-and-apply=\"emit('saveAndApply')\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMY,IAAQC,GA4BRC,IAAOH,GAKPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,iCAA8BK,EAA6BF,CAAa,GAC1EG,IAAaC,QAAeC,KAA6BR,EAAM,WAAWA,EAAM,YAAY,GAK5FS,IAAoBC,EAAqB,GACzCC,IAAOJ,QAAeE,EAAkB,cAAcT,EAAM,QAAQ,CAAC,CAAC,MAAM,IAAI,GAChFY,IAAWL,QACXI,EAAK,OAAO,WAAWE,EAAsB,aAAmB,SAChEF,EAAK,OAAO,WAAWE,EAAsB,YAAY,CAACF,EAAK,MAAM,kBAAwB,aAC1F,IACR,GACKG,IAAaC,EAAI,EAAK,GACxBC;EAWJ,AAVAC,EACEL,IACC,MAAU;GAGT,AAFA,aAAaI,CAAY,GACzB,EAAW,QAAQ,IACf,GAAOE,CAAK,MAChB,IAAe,iBAAkB,EAAW,QAAQ,IAAA,GAAwC;EAC9F,GACA,EAAE,WAAW,GAAK,CACpB,GACAC,QAAkB,aAAaH,CAAY,CAAC;EAG5C,IAAMI,IAAcb,QACdI,EAAK,OAAO,WAAWE,EAAsB,SACxCJ,EAAkB,eAAeE,EAAK,KAAK,KAAK,CAACU,EAAOV,EAAK,MAAM,OAAO,IAE5EG,EAAW,KACnB,GAEK,EAAE,eAAY,mBAAgBQ,EAA0BnB,CAAa,GACrEoB,UAAgB;GACpB,AAAIZ,EAAK,OAAO,WAASa,EAAYb,EAAK,MAAM,SAASA,EAAK,OAAOX,EAAM,QAAQ;EACrF;E,kBAIEZ,EAAA,GAAAC,EAwB0BC,GAAA;GAvBvB,aAAWW,EAAA;GACX,eAAaV,EAAAY,CAAA;GACb,WAASF,EAAA,WAAWA,EAAA;GACpB,eAAaK,EAAA;;GAEH,SAAOd,QACe,CAA/BC,EAA+BqC,EAAA,QAAA,iBAAA,C;GAEtB,MAAItC,GAaX,EAbe,kBAAQ,CACzBE,EAYEC,GAAA;IAXC,aAAWM,EAAA;IACX,cAAYA,EAAA;IACZ,eAAaV,EAAAY,CAAA;IACb,aAAW6B;IACX,cAAY/B,EAAA;IACZ,gBAAcmB,EAAA;IACd,oBAAkB7B,EAAA0C,CAAA;IAClB,QAAQhC,EAAA;IACR,WAASsB;IACT,QAAI,AAAAW,EAAA,QAAA,MAAEhC,EAAI,MAAA;IACV,gBAAc,AAAAgC,EAAA,QAAA,MAAEhC,EAAI,cAAA"}
+{"version":3,"file":"UploadQueueDialogSingleSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailSidebarFrame","_unref","_withCtx","_renderSlot","_createVNode","UploadQueueDialogSingleSidebarMetadata","AssetDetailSidebarFrame_default","UploadQueueDialogSingleSidebarMetadata_default","UploadQueueDialogSingleSidebar_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useCommonAdminCoreDamOptions","simpleMode","computed","simpleAssetSidebarEnabled","uploadQueuesStore","useUploadQueuesStore","item","waitsFor","UploadQueueItemStatus","refreshDue","ref","refreshTimer","watch","waits","onUnmounted","showRefresh","isNull","useUploadQueueItemRefresh","refresh","refreshItem","openBlock","createBlock","unref","withCtx","renderSlot","_ctx","createVNode","isActive","refreshing","_cache"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { DamAssetStatusType, DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { AssetFileFailReasonType, AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport UploadQueueDialogSingleSidebarMetadata from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { UploadQueueItemStatus } from '@/domains/dam/types/UploadQueue'\nimport {\n  SHOW_REFRESH_AFTER_SECONDS,\n  useUploadQueueItemRefresh,\n} from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    enableRoiTab: boolean\n    showFileInfo: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n    /** Which of the two metadata save buttons is saving. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n    dataCy: undefined,\n    configName: undefined,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\nconst simpleMode = computed(() => simpleAssetSidebarEnabled && props.isImage && props.enableRoiTab)\n\n// What the item still waits for from the server: file processing, or\n// metadata once uploaded. Until then the form and both saves are disabled.\n// Each wait counts from its start, as in the queue row.\n// Kept here, not in the metadata tab, because the wait continues while the other tab is open.\nconst uploadQueuesStore = useUploadQueuesStore()\nconst item = computed(() => uploadQueuesStore.getQueueItems(props.queueKey)[0] ?? null)\nconst waitsFor = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Processing) return 'file'\n  if (item.value?.status === UploadQueueItemStatus.Uploaded && !item.value.canEditMetadata) return 'metadata'\n  return null\n})\nconst refreshDue = ref(false)\nlet refreshTimer: ReturnType<typeof setTimeout> | undefined\nwatch(\n  waitsFor,\n  (waits) => {\n    clearTimeout(refreshTimer)\n    refreshDue.value = false\n    if (isNull(waits)) return\n    refreshTimer = setTimeout(() => (refreshDue.value = true), SHOW_REFRESH_AFTER_SECONDS * 1000)\n  },\n  { immediate: true }\n)\nonUnmounted(() => clearTimeout(refreshTimer))\n// A failed item offers refresh, like the queue row, only while a refresh\n// can still change it: the store says so and the item has its asset.\nconst showRefresh = computed(() => {\n  if (item.value?.status === UploadQueueItemStatus.Failed) {\n    return uploadQueuesStore.refreshMayHelp(item.value) && !isNull(item.value.assetId)\n  }\n  return refreshDue.value\n})\n\nconst { refreshing, refreshItem } = useUploadQueueItemRefresh(damConfigName)\nconst refresh = () => {\n  if (item.value?.assetId) refreshItem(item.value.assetId, item.value, props.queueKey)\n}\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage && enableRoiTab\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <slot name=\"prepend-sidebar\" />\n    </template>\n    <template #info=\"{ isActive }\">\n      <UploadQueueDialogSingleSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n        :show-refresh=\"showRefresh\"\n        :refresh-disabled=\"refreshing\"\n        :saving=\"saving\"\n        @refresh=\"refresh\"\n        @save=\"emit('save')\"\n        @save-and-apply=\"emit('saveAndApply')\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,IAAMY,IAAQC,GA4BRC,IAAOH,GAKPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,iCAA8BK,EAA6BF,CAAa,GAC1EG,IAAaC,QAAeC,KAA6BR,EAAM,WAAWA,EAAM,YAAY,GAM5FS,IAAoBC,EAAqB,GACzCC,IAAOJ,QAAeE,EAAkB,cAAcT,EAAM,QAAQ,CAAC,CAAC,MAAM,IAAI,GAChFY,IAAWL,QACXI,EAAK,OAAO,WAAWE,EAAsB,aAAmB,SAChEF,EAAK,OAAO,WAAWE,EAAsB,YAAY,CAACF,EAAK,MAAM,kBAAwB,aAC1F,IACR,GACKG,IAAaC,EAAI,EAAK,GACxBC;EAWJ,AAVAC,EACEL,IACC,MAAU;GAGT,AAFA,aAAaI,CAAY,GACzB,EAAW,QAAQ,IACf,GAAOE,CAAK,MAChB,IAAe,iBAAkB,EAAW,QAAQ,IAAA,GAAwC;EAC9F,GACA,EAAE,WAAW,GAAK,CACpB,GACAC,QAAkB,aAAaH,CAAY,CAAC;EAG5C,IAAMI,IAAcb,QACdI,EAAK,OAAO,WAAWE,EAAsB,SACxCJ,EAAkB,eAAeE,EAAK,KAAK,KAAK,CAACU,EAAOV,EAAK,MAAM,OAAO,IAE5EG,EAAW,KACnB,GAEK,EAAE,eAAY,mBAAgBQ,EAA0BnB,CAAa,GACrEoB,UAAgB;GACpB,AAAIZ,EAAK,OAAO,WAASa,EAAYb,EAAK,MAAM,SAASA,EAAK,OAAOX,EAAM,QAAQ;EACrF;E,kBAIEZ,EAAA,GAAAC,EAwB0BC,GAAA;GAvBvB,aAAWW,EAAA;GACX,eAAaV,EAAAY,CAAA;GACb,WAASF,EAAA,WAAWA,EAAA;GACpB,eAAaK,EAAA;;GAEH,SAAOd,QACe,CAA/BC,EAA+BqC,EAAA,QAAA,iBAAA,C;GAEtB,MAAItC,GAaX,EAbe,kBAAQ,CACzBE,EAYEC,GAAA;IAXC,aAAWM,EAAA;IACX,cAAYA,EAAA;IACZ,eAAaV,EAAAY,CAAA;IACb,aAAW6B;IACX,cAAY/B,EAAA;IACZ,gBAAcmB,EAAA;IACd,oBAAkB7B,EAAA0C,CAAA;IAClB,QAAQhC,EAAA;IACR,WAASsB;IACT,QAAI,AAAAW,EAAA,QAAA,MAAEhC,EAAI,MAAA;IACV,gBAAc,AAAAgC,EAAA,QAAA,MAAEhC,EAAI,cAAA"}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueDialogSingleSidebarMetadata.js","names":["_sfc_main","UploadQueueDialogSingleSidebarMetadata_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebarMetadata_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { useI18n } from 'vue-i18n'\nimport { computed } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport UploadQueueDialogSingleSidebarMetadataContent from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    configName?: string\n    showRefresh?: boolean\n    refreshDisabled?: boolean\n    /** Which of the two buttons saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n    showRefresh: false,\n    refreshDisabled: false,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n  (e: 'refresh'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst canEditMetadata = computed(() => {\n  const items = uploadQueuesStore.getQueueItems(props.queueKey)\n  return items[0]?.canEditMetadata ?? false\n})\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol })\n\nconst { showValidationError } = useAlerts()\n\nconst onSave = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('save')\n}\n\nconst onSaveAndApply = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('saveAndApply')\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"showRefresh\"\n      data-cy=\"button-refresh\"\n      :disabled=\"refreshDisabled\"\n      @click.stop=\"emit('refresh')\"\n    >\n      {{ t('common.button.refresh') }}\n    </ABtnTertiary>\n    <ABtnSecondary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saving === 'save'\"\n      :disabled=\"!canEditMetadata || saving === 'saveAndApply'\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnSecondary>\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"mx-2\"\n      data-cy=\"button-save-and-apply\"\n      :loading=\"saving === 'saveAndApply'\"\n      :disabled=\"!canEditMetadata || saving === 'save'\"\n      @click.stop=\"onSaveAndApply\"\n    >\n      {{ t('common.damImage.upload.saveAndApply') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <UploadQueueDialogSingleSidebarMetadataContent\n    :queue-key=\"queueKey\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"UploadQueueDialogSingleSidebarMetadata.js","names":["_sfc_main","UploadQueueDialogSingleSidebarMetadata_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebarMetadata_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { useI18n } from 'vue-i18n'\nimport { computed } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport UploadQueueDialogSingleSidebarMetadataContent from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    configName?: string\n    showRefresh?: boolean\n    refreshDisabled?: boolean\n    /** Which of the two buttons is saving. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n    showRefresh: false,\n    refreshDisabled: false,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n  (e: 'refresh'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst canEditMetadata = computed(() => {\n  const items = uploadQueuesStore.getQueueItems(props.queueKey)\n  return items[0]?.canEditMetadata ?? false\n})\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol })\n\nconst { showValidationError } = useAlerts()\n\nconst onSave = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('save')\n}\n\nconst onSaveAndApply = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('saveAndApply')\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"showRefresh\"\n      data-cy=\"button-refresh\"\n      :disabled=\"refreshDisabled\"\n      @click.stop=\"emit('refresh')\"\n    >\n      {{ t('common.button.refresh') }}\n    </ABtnTertiary>\n    <ABtnSecondary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saving === 'save'\"\n      :disabled=\"!canEditMetadata || saving === 'saveAndApply'\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnSecondary>\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"mx-2\"\n      data-cy=\"button-save-and-apply\"\n      :loading=\"saving === 'saveAndApply'\"\n      :disabled=\"!canEditMetadata || saving === 'save'\"\n      @click.stop=\"onSaveAndApply\"\n    >\n      {{ t('common.damImage.upload.saveAndApply') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <UploadQueueDialogSingleSidebarMetadataContent\n    :queue-key=\"queueKey\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Props = {
     configName?: string;
     showRefresh?: boolean;
     refreshDisabled?: boolean;
-    /** Which of the two buttons saves, while it does. */
+    /** Which of the two buttons is saving. */
     saving?: 'save' | 'saveAndApply' | null;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueDialogSingleSidebarMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","_createVNode","UploadQueueDialogSingleSidebarMetadataContent","AssetDetailSidebarActionsWrapper_default","UploadQueueDialogSingleSidebarMetadataContent_default","useVuelidate","UploadQueueDialogSingleSidebarMetadata_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","uploadQueuesStore","useUploadQueuesStore","canEditMetadata","computed","v$","ADamAssetMetadataValidationScopeSymbol","useAlerts","onSave","showValidationError","onSaveAndApply","_component_ABtnTertiary","resolveComponent","_component_ABtnSecondary","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createBlock","withCtx","_cache","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode","createVNode"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { useI18n } from 'vue-i18n'\nimport { computed } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport UploadQueueDialogSingleSidebarMetadataContent from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    configName?: string\n    showRefresh?: boolean\n    refreshDisabled?: boolean\n    /** Which of the two buttons saves, while it does. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n    showRefresh: false,\n    refreshDisabled: false,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n  (e: 'refresh'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst canEditMetadata = computed(() => {\n  const items = uploadQueuesStore.getQueueItems(props.queueKey)\n  return items[0]?.canEditMetadata ?? false\n})\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol })\n\nconst { showValidationError } = useAlerts()\n\nconst onSave = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('save')\n}\n\nconst onSaveAndApply = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('saveAndApply')\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"showRefresh\"\n      data-cy=\"button-refresh\"\n      :disabled=\"refreshDisabled\"\n      @click.stop=\"emit('refresh')\"\n    >\n      {{ t('common.button.refresh') }}\n    </ABtnTertiary>\n    <ABtnSecondary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saving === 'save'\"\n      :disabled=\"!canEditMetadata || saving === 'saveAndApply'\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnSecondary>\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"mx-2\"\n      data-cy=\"button-save-and-apply\"\n      :loading=\"saving === 'saveAndApply'\"\n      :disabled=\"!canEditMetadata || saving === 'save'\"\n      @click.stop=\"onSaveAndApply\"\n    >\n      {{ t('common.damImage.upload.saveAndApply') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <UploadQueueDialogSingleSidebarMetadataContent\n    :queue-key=\"queueKey\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMmB,IAAQC,GAqBRC,IAAOH,GAMPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,SAAMK,EAAQ,GAEhBC,IAAoBC,EAAqB,GAEzCC,IAAkBC,QACRH,EAAkB,cAAcN,EAAM,QAC7C,CAAA,CAAM,EAAE,EAAE,mBAAmB,EACrC,GAEKU,IAAKb,EAAa,EAAE,QAAQc,EAAuC,CAAC,GAEpE,EAAE,2BAAwBC,EAAU,GAEpCC,IAAS,YAAY;GAEzB,AADAH,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,WACXI,EAAoB,IAGtBZ,EAAK,MAAM;EACb,GAEMa,IAAiB,YAAY;GAEjC,AADAL,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,WACXI,EAAoB,IAGtBZ,EAAK,cAAc;EACrB;;;G,wBAKUD,EAAA,YADRnB,EAAA,GAAAG,EAgCmCC,GAAA;;IA9BhC,aAAWe,EAAA;;IAEZ,SAAAd,QAOe;KANPc,EAAA,eADRnB,EAAA,GAAAG,EAOe+B,GAAA;;MALb,WAAQ;MACP,UAAUf,EAAA;MACV,SAAK,AAAAwB,EAAA,OAAArC,GAAA,MAAOc,EAAI,SAAA,GAAA,CAAA,MAAA,CAAA;;MAEjB,SAAAf,QAAgC,CAA7BE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,CAAA,C;;;KAENrC,EASgByB,GAAA;MARd,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAASjB,EAAA,WAAM;MACf,UAAQ,CAAGO,EAAA,SAAmBP,EAAA,WAAM;MACpC,SAAKb,EAAOyB,GAAM,CAAA,MAAA,CAAA;;MAEnB,SAAA1B,QAA6B,CAA1BE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;KAENrC,EASc0B,GAAA;MARZ,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAASlB,EAAA,WAAM;MACf,UAAQ,CAAGO,EAAA,SAAmBP,EAAA,WAAM;MACpC,SAAKb,EAAO2B,GAAc,CAAA,MAAA,CAAA;;MAE3B,SAAA5B,QAA8C,CAA3CE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C;;;;;G,mCAGRrC,EAIEC,GAAA;IAHC,aAAWO,EAAA;IACX,cAAYA,EAAA;IACZ,eAAaV,EAAAY,CAAA"}
+{"version":3,"file":"UploadQueueDialogSingleSidebarMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","_createVNode","UploadQueueDialogSingleSidebarMetadataContent","AssetDetailSidebarActionsWrapper_default","UploadQueueDialogSingleSidebarMetadataContent_default","useVuelidate","UploadQueueDialogSingleSidebarMetadata_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","uploadQueuesStore","useUploadQueuesStore","canEditMetadata","computed","v$","ADamAssetMetadataValidationScopeSymbol","useAlerts","onSave","showValidationError","onSaveAndApply","_component_ABtnTertiary","resolveComponent","_component_ABtnSecondary","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createBlock","withCtx","_cache","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode","createVNode"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { useI18n } from 'vue-i18n'\nimport { computed } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport UploadQueueDialogSingleSidebarMetadataContent from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    configName?: string\n    showRefresh?: boolean\n    refreshDisabled?: boolean\n    /** Which of the two buttons is saving. */\n    saving?: 'save' | 'saveAndApply' | null\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n    showRefresh: false,\n    refreshDisabled: false,\n    saving: null,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'save'): void\n  (e: 'saveAndApply'): void\n  (e: 'refresh'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst canEditMetadata = computed(() => {\n  const items = uploadQueuesStore.getQueueItems(props.queueKey)\n  return items[0]?.canEditMetadata ?? false\n})\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol })\n\nconst { showValidationError } = useAlerts()\n\nconst onSave = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('save')\n}\n\nconst onSaveAndApply = async () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('saveAndApply')\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"showRefresh\"\n      data-cy=\"button-refresh\"\n      :disabled=\"refreshDisabled\"\n      @click.stop=\"emit('refresh')\"\n    >\n      {{ t('common.button.refresh') }}\n    </ABtnTertiary>\n    <ABtnSecondary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saving === 'save'\"\n      :disabled=\"!canEditMetadata || saving === 'saveAndApply'\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnSecondary>\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"mx-2\"\n      data-cy=\"button-save-and-apply\"\n      :loading=\"saving === 'saveAndApply'\"\n      :disabled=\"!canEditMetadata || saving === 'save'\"\n      @click.stop=\"onSaveAndApply\"\n    >\n      {{ t('common.damImage.upload.saveAndApply') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <UploadQueueDialogSingleSidebarMetadataContent\n    :queue-key=\"queueKey\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMmB,IAAQC,GAqBRC,IAAOH,GAMPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,SAAMK,EAAQ,GAEhBC,IAAoBC,EAAqB,GAEzCC,IAAkBC,QACRH,EAAkB,cAAcN,EAAM,QAC7C,CAAA,CAAM,EAAE,EAAE,mBAAmB,EACrC,GAEKU,IAAKb,EAAa,EAAE,QAAQc,EAAuC,CAAC,GAEpE,EAAE,2BAAwBC,EAAU,GAEpCC,IAAS,YAAY;GAEzB,AADAH,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,WACXI,EAAoB,IAGtBZ,EAAK,MAAM;EACb,GAEMa,IAAiB,YAAY;GAEjC,AADAL,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,WACXI,EAAoB,IAGtBZ,EAAK,cAAc;EACrB;;;G,wBAKUD,EAAA,YADRnB,EAAA,GAAAG,EAgCmCC,GAAA;;IA9BhC,aAAWe,EAAA;;IAEZ,SAAAd,QAOe;KANPc,EAAA,eADRnB,EAAA,GAAAG,EAOe+B,GAAA;;MALb,WAAQ;MACP,UAAUf,EAAA;MACV,SAAK,AAAAwB,EAAA,OAAArC,GAAA,MAAOc,EAAI,SAAA,GAAA,CAAA,MAAA,CAAA;;MAEjB,SAAAf,QAAgC,CAA7BE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,CAAA,C;;;KAENrC,EASgByB,GAAA;MARd,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAASjB,EAAA,WAAM;MACf,UAAQ,CAAGO,EAAA,SAAmBP,EAAA,WAAM;MACpC,SAAKb,EAAOyB,GAAM,CAAA,MAAA,CAAA;;MAEnB,SAAA1B,QAA6B,CAA1BE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;KAENrC,EASc0B,GAAA;MARZ,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAASlB,EAAA,WAAM;MACf,UAAQ,CAAGO,EAAA,SAAmBP,EAAA,WAAM;MACpC,SAAKb,EAAO2B,GAAc,CAAA,MAAA,CAAA;;MAE3B,SAAA5B,QAA8C,CAA3CE,EAAAC,EAAAC,EAAAuC,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C;;;;;G,mCAGRrC,EAIEC,GAAA;IAHC,aAAWO,EAAA;IACX,cAAYA,EAAA;IACZ,eAAaV,EAAAY,CAAA"}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueDialogSingleSidebarMetadataContent.js","names":["_sfc_main","UploadQueueDialogSingleSidebarMetadataContent_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebarMetadataContent_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueItem } from '@/domains/dam/types/UploadQueue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched } = storeToRefs(assetDetailStore)\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem | null>(() => {\n  return items.value[0] ?? null\n})\n\nconst assetType = computed(() => {\n  return DamAssetType.Image\n})\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\nconst { mainFileSingleUseEnabled, showFileInfoEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n</script>\n\n<template>\n  <VExpansionPanels\n    v-if=\"item\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <VForm :disabled=\"!item.canEditMetadata\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            v-model=\"item.customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            @any-change=\"onAnyMetadataChange\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"item.keywords\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      data-cy=\"custom-field-keywords\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"item.authors\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      data-cy=\"custom-field-authors\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"authorRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"item.mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- Of the asset of this row only: the store is shared, and holds what was left in it until the dialog has\n         read its own. -->\n    <AssetFileInfoPanel\n      v-if=\"asset && asset.id === item.assetId && showFileInfoEnabled\"\n      :asset=\"asset\"\n      :show-users=\"false\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":""}
+{"version":3,"file":"UploadQueueDialogSingleSidebarMetadataContent.js","names":["_sfc_main","UploadQueueDialogSingleSidebarMetadataContent_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingleSidebarMetadataContent_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueItem } from '@/domains/dam/types/UploadQueue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched } = storeToRefs(assetDetailStore)\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem | null>(() => {\n  return items.value[0] ?? null\n})\n\nconst assetType = computed(() => {\n  return DamAssetType.Image\n})\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\nconst { mainFileSingleUseEnabled, showFileInfoEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n</script>\n\n<template>\n  <VExpansionPanels\n    v-if=\"item\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <VForm :disabled=\"!item.canEditMetadata\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            v-model=\"item.customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            @any-change=\"onAnyMetadataChange\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"item.keywords\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      data-cy=\"custom-field-keywords\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"item.authors\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      data-cy=\"custom-field-authors\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"authorRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"item.mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!--\n      Only for this row's asset. The store is shared and holds the previous asset until the dialog has read its own.\n    -->\n    <AssetFileInfoPanel\n      v-if=\"asset && asset.id === item.assetId && showFileInfoEnabled\"\n      :asset=\"asset\"\n      :show-users=\"false\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueDialogSingleSidebarMetadataContent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VExpansionPanels","_withCtx","_createVNode","_component_VExpansionPanel","_unref","_component_VExpansionPanelText","_component_VForm","AssetCustomMetadataForm","_component_VRow","_component_VCol","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","_createCommentVNode","AuthorRemoteAutocompleteWithCached","_component_VSwitch","AssetFileInfoPanel","ASystemEntityScope_default","AssetCustomMetadataForm_default","AssetFileInfoPanel_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","UploadQueueDialogSingleSidebarMetadataContent_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useI18n","panels","ref","assetDetailStore","useAssetDetailStore","storeToRefs","uploadQueuesStore","useUploadQueuesStore","items","computed","item","assetType","DamAssetType","onAnyMetadataChange","useDamKeywordAssetTypeConfig","useDamAuthorAssetTypeConfig","useCommonAdminCoreDamOptions","openBlock","createBlock","VExpansionPanels","_cache","$event","withCtx","createVNode","VExpansionPanel","unref","t","VExpansionPanelText","VForm","keywordEnabled","VRow","VCol","keywordRequired","ADamAssetMetadataValidationScopeSymbol","createCommentVNode","authorEnabled","authorRequired","mainFileSingleUseEnabled","VSwitch","asset","showFileInfoEnabled"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueItem } from '@/domains/dam/types/UploadQueue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched } = storeToRefs(assetDetailStore)\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem | null>(() => {\n  return items.value[0] ?? null\n})\n\nconst assetType = computed(() => {\n  return DamAssetType.Image\n})\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\nconst { mainFileSingleUseEnabled, showFileInfoEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n</script>\n\n<template>\n  <VExpansionPanels\n    v-if=\"item\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <VForm :disabled=\"!item.canEditMetadata\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            v-model=\"item.customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            @any-change=\"onAnyMetadataChange\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"item.keywords\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      data-cy=\"custom-field-keywords\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"item.authors\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      data-cy=\"custom-field-authors\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"authorRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"item.mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- Of the asset of this row only: the store is shared, and holds what was left in it until the dialog has\n         read its own. -->\n    <AssetFileInfoPanel\n      v-if=\"asset && asset.id === item.assetId && showFileInfoEnabled\"\n      :asset=\"asset\"\n      :show-users=\"false\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"UploadQueueDialogSingleSidebarMetadataContent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VExpansionPanels","_withCtx","_createVNode","_component_VExpansionPanel","_unref","_component_VExpansionPanelText","_component_VForm","AssetCustomMetadataForm","_component_VRow","_component_VCol","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","_createCommentVNode","AuthorRemoteAutocompleteWithCached","_component_VSwitch","AssetFileInfoPanel","ASystemEntityScope_default","AssetCustomMetadataForm_default","AssetFileInfoPanel_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","UploadQueueDialogSingleSidebarMetadataContent_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useI18n","panels","ref","assetDetailStore","useAssetDetailStore","storeToRefs","uploadQueuesStore","useUploadQueuesStore","items","computed","item","assetType","DamAssetType","onAnyMetadataChange","useDamKeywordAssetTypeConfig","useDamAuthorAssetTypeConfig","useCommonAdminCoreDamOptions","openBlock","createBlock","VExpansionPanels","_cache","$event","withCtx","createVNode","VExpansionPanel","unref","t","VExpansionPanelText","VForm","keywordEnabled","VRow","VCol","keywordRequired","ADamAssetMetadataValidationScopeSymbol","createCommentVNode","authorEnabled","authorRequired","mainFileSingleUseEnabled","VSwitch","asset","showFileInfoEnabled"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebarMetadataContent.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueItem } from '@/domains/dam/types/UploadQueue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: string\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched } = storeToRefs(assetDetailStore)\n\nconst uploadQueuesStore = useUploadQueuesStore()\n\nconst items = computed(() => {\n  return uploadQueuesStore.getQueueItems(props.queueKey)\n})\n\nconst item = computed<UploadQueueItem | null>(() => {\n  return items.value[0] ?? null\n})\n\nconst assetType = computed(() => {\n  return DamAssetType.Image\n})\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\nconst { mainFileSingleUseEnabled, showFileInfoEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n</script>\n\n<template>\n  <VExpansionPanels\n    v-if=\"item\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <VForm :disabled=\"!item.canEditMetadata\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            v-model=\"item.customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            @any-change=\"onAnyMetadataChange\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"item.keywords\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      data-cy=\"custom-field-keywords\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"item.authors\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      data-cy=\"custom-field-authors\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :disabled=\"!item.canEditMetadata\"\n                      :required=\"authorRequired\"\n                      :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                      @update:model-value=\"onAnyMetadataChange\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"item.mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!--\n      Only for this row's asset. The store is shared and holds the previous asset until the dialog has read its own.\n    -->\n    <AssetFileInfoPanel\n      v-if=\"asset && asset.id === item.assetId && showFileInfoEnabled\"\n      :asset=\"asset\"\n      :show-users=\"false\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/uploadQueue/components/UploadQueueEditable.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueEditable.js","names":["_sfc_main","UploadQueueEditable_vue_vue_type_script_setup_true_lang_default","UploadQueueEditable_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueEditable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, onBeforeUnmount } from 'vue'\nimport type { UploadQueueItem, UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemEditable from '@/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue'\nimport AssetQueueSelectedSidebar from '@/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueListBinding,\n  useLibraryUploadQueueListBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { createUploadQueueItemRefresh } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useEventListener } from '@vueuse/core'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    massOperations: boolean\n    configName?: string\n    disableDoneAnimation?: boolean\n    /** What the list asks of its host; without it the library's store, caches, alerts and options. */\n    queue?: UploadQueueListBinding\n    /** From how many rows the mass operations are beside the list. */\n    massOperationsFrom?: number\n    /** The arrow keys, PageUp, PageDown, Home and End scroll the list. */\n    keyboardScroll?: boolean\n  }>(),\n  {\n    configName: undefined,\n    disableDoneAnimation: false,\n    queue: undefined,\n    massOperationsFrom: 1,\n    keyboardScroll: true,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'showDetail', data: DocId): void\n}>()\n\ndefineSlots<{\n  /** Default: the library's row, its v-models on the item, as today. */\n  item?(props: {\n    item: UploadQueueItem\n    index: number\n    refreshDisabled: boolean\n    refresh: () => void\n    refreshMayHelp: boolean\n  }): unknown\n  /**\n   * Default: the library's mass operations of `queueKey`, over the library's store even when `queue` is bound: a host\n   * with its own store gives its sidebar here, as admin-dam does.\n   */\n  sidebar?(props: { queueKey: UploadQueueKey }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// Created only when the host binds none: a list with its own binding touches nothing of the library's.\nconst queue = props.queue ?? useLibraryUploadQueueListBinding(() => props.queueKey, damConfigName)\n\nconst { refreshing, refreshItem } = createUploadQueueItemRefresh(queue)\n\nconst list = computed(() => {\n  return queue.items()\n})\n\nconst scrollableContainer = ref<HTMLElement | null>(null)\n\n// Inputs that do nothing with these keys themselves, as a switch: on them the keys still scroll the list.\nconst KEYLESS_INPUT_TYPES = ['checkbox', 'button', 'submit', 'reset', 'image', 'file']\n\n// A key typed into a field of a row moves its caret or its value: it is left to the browser, and the list stays.\nconst isTypedIntoField = (target: EventTarget | null) =>\n  (target instanceof HTMLInputElement && !KEYLESS_INPUT_TYPES.includes(target.type)) ||\n  target instanceof HTMLTextAreaElement ||\n  target instanceof HTMLSelectElement ||\n  (target instanceof HTMLElement && target.isContentEditable)\n\n// So is one pressed in an open menu, as the one of a field: it moves through that menu. Other overlays, as the dialog\n// the list is in or a snackbar, leave the keys to the list.\nconst isInMenu = (target: EventTarget | null) => target instanceof Element && !!target.closest('.v-menu')\n\nconst handleKeyboardNavigation = (e: KeyboardEvent) => {\n  if (!scrollableContainer.value || isTypedIntoField(e.target) || isInMenu(e.target)) return\n\n  const container = scrollableContainer.value\n  const scrollAmount = 100\n  const pageScrollAmount = container.clientHeight - 50\n\n  switch (e.key) {\n    case 'ArrowDown':\n      container.scrollTop += scrollAmount\n      e.preventDefault()\n      break\n    case 'ArrowUp':\n      container.scrollTop -= scrollAmount\n      e.preventDefault()\n      break\n    case 'PageDown':\n      container.scrollTop += pageScrollAmount\n      e.preventDefault()\n      break\n    case 'PageUp':\n      container.scrollTop -= pageScrollAmount\n      e.preventDefault()\n      break\n    case 'Home':\n      container.scrollTop = 0\n      e.preventDefault()\n      break\n    case 'End':\n      container.scrollTop = container.scrollHeight\n      e.preventDefault()\n      break\n  }\n}\n\nlet cleanup: (() => void) | undefined\n\nonMounted(() => {\n  queue.prime(list.value)\n\n  if (props.keyboardScroll) cleanup = useEventListener(document, 'keydown', handleKeyboardNavigation)\n})\n\nonBeforeUnmount(() => {\n  if (cleanup) {\n    cleanup()\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"asset-queue-editable\"\n    :class=\"{ 'asset-queue-editable--sidebar-active': massOperations }\"\n  >\n    <div class=\"asset-queue-editable__left\">\n      <div\n        ref=\"scrollableContainer\"\n        class=\"overflow-y-auto overflow-x-hidden h-100 mr-md-4\"\n        style=\"outline: none\"\n      >\n        <VRow class=\"dam-upload-queue dam-upload-queue--editable pa-2 mb-5\">\n          <template\n            v-for=\"(item, index) in list\"\n            :key=\"item.key\"\n          >\n            <slot\n              name=\"item\"\n              :item=\"item\"\n              :index=\"index\"\n              :refresh-disabled=\"refreshing\"\n              :refresh=\"() => refreshItem(item)\"\n              :refresh-may-help=\"queue.refreshMayHelp(item)\"\n            >\n              <UploadQueueItemEditable\n                v-model:custom-data=\"item.customData\"\n                v-model:keywords=\"item.keywords\"\n                v-model:authors=\"item.authors\"\n                v-model:main-file-single-use=\"item.mainFileSingleUse\"\n                :main-file-single-use-enabled=\"queue.mainFileSingleUseEnabled\"\n                :ext-system=\"extSystem\"\n                :item=\"item\"\n                :index=\"index\"\n                :queue-key=\"queueKey\"\n                :disable-done-animation=\"disableDoneAnimation\"\n                :refresh-disabled=\"refreshing\"\n                :refresh-may-help=\"queue.refreshMayHelp(item)\"\n                @cancel-item=\"queue.cancel($event.item, $event.index, $event.queueKey)\"\n                @remove-item=\"queue.remove($event)\"\n                @refresh-item=\"refreshItem(item)\"\n                @show-detail=\"emit('showDetail', $event)\"\n              />\n            </slot>\n          </template>\n        </VRow>\n      </div>\n    </div>\n    <div\n      v-if=\"list.length >= massOperationsFrom\"\n      class=\"asset-queue-editable__sidebar border-s\"\n    >\n      <slot\n        name=\"sidebar\"\n        :queue-key=\"queueKey\"\n      >\n        <AssetQueueSelectedSidebar\n          :queue-key=\"queueKey\"\n          :ext-system=\"extSystem\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"UploadQueueEditable.js","names":["_sfc_main","UploadQueueEditable_vue_vue_type_script_setup_true_lang_default","UploadQueueEditable_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueEditable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, onBeforeUnmount } from 'vue'\nimport type { UploadQueueItem, UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemEditable from '@/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue'\nimport AssetQueueSelectedSidebar from '@/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueListBinding,\n  useLibraryUploadQueueListBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { createUploadQueueItemRefresh } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useEventListener } from '@vueuse/core'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    massOperations: boolean\n    configName?: string\n    disableDoneAnimation?: boolean\n    /** What the list needs from its host. Without it the library store, caches, alerts and options are used. */\n    queue?: UploadQueueListBinding\n    /** Minimum row count at which the mass operations are shown beside the list. */\n    massOperationsFrom?: number\n    /** Arrow keys, PageUp, PageDown, Home and End scroll the list. */\n    keyboardScroll?: boolean\n  }>(),\n  {\n    configName: undefined,\n    disableDoneAnimation: false,\n    queue: undefined,\n    massOperationsFrom: 1,\n    keyboardScroll: true,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'showDetail', data: DocId): void\n}>()\n\ndefineSlots<{\n  /** Default: the library row, with its v-models on the item. */\n  item?(props: {\n    item: UploadQueueItem\n    index: number\n    refreshDisabled: boolean\n    refresh: () => void\n    refreshMayHelp: boolean\n  }): unknown\n  /**\n   * Default: the library mass operations of `queueKey`, using the library store even when `queue` is bound.\n   * A host with its own store passes its sidebar here, as admin-dam does.\n   */\n  sidebar?(props: { queueKey: UploadQueueKey }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// Created only when the host binds none, so a list with its own binding touches nothing of the library.\nconst queue = props.queue ?? useLibraryUploadQueueListBinding(() => props.queueKey, damConfigName)\n\nconst { refreshing, refreshItem } = createUploadQueueItemRefresh(queue)\n\nconst list = computed(() => {\n  return queue.items()\n})\n\nconst scrollableContainer = ref<HTMLElement | null>(null)\n\n// Inputs that ignore these keys, such as a switch. On them the keys still scroll the list.\nconst KEYLESS_INPUT_TYPES = ['checkbox', 'button', 'submit', 'reset', 'image', 'file']\n\n// A key typed into a row field moves its caret or value. It is left to the browser and the list does not scroll.\nconst isTypedIntoField = (target: EventTarget | null) =>\n  (target instanceof HTMLInputElement && !KEYLESS_INPUT_TYPES.includes(target.type)) ||\n  target instanceof HTMLTextAreaElement ||\n  target instanceof HTMLSelectElement ||\n  (target instanceof HTMLElement && target.isContentEditable)\n\n// The same for a key pressed in an open menu, such as a field's menu: it navigates that menu.\n// Other overlays, such as the containing dialog or a snackbar, leave the keys to the list.\nconst isInMenu = (target: EventTarget | null) => target instanceof Element && !!target.closest('.v-menu')\n\nconst handleKeyboardNavigation = (e: KeyboardEvent) => {\n  if (!scrollableContainer.value || isTypedIntoField(e.target) || isInMenu(e.target)) return\n\n  const container = scrollableContainer.value\n  const scrollAmount = 100\n  const pageScrollAmount = container.clientHeight - 50\n\n  switch (e.key) {\n    case 'ArrowDown':\n      container.scrollTop += scrollAmount\n      e.preventDefault()\n      break\n    case 'ArrowUp':\n      container.scrollTop -= scrollAmount\n      e.preventDefault()\n      break\n    case 'PageDown':\n      container.scrollTop += pageScrollAmount\n      e.preventDefault()\n      break\n    case 'PageUp':\n      container.scrollTop -= pageScrollAmount\n      e.preventDefault()\n      break\n    case 'Home':\n      container.scrollTop = 0\n      e.preventDefault()\n      break\n    case 'End':\n      container.scrollTop = container.scrollHeight\n      e.preventDefault()\n      break\n  }\n}\n\nlet cleanup: (() => void) | undefined\n\nonMounted(() => {\n  queue.prime(list.value)\n\n  if (props.keyboardScroll) cleanup = useEventListener(document, 'keydown', handleKeyboardNavigation)\n})\n\nonBeforeUnmount(() => {\n  if (cleanup) {\n    cleanup()\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"asset-queue-editable\"\n    :class=\"{ 'asset-queue-editable--sidebar-active': massOperations }\"\n  >\n    <div class=\"asset-queue-editable__left\">\n      <div\n        ref=\"scrollableContainer\"\n        class=\"overflow-y-auto overflow-x-hidden h-100 mr-md-4\"\n        style=\"outline: none\"\n      >\n        <VRow class=\"dam-upload-queue dam-upload-queue--editable pa-2 mb-5\">\n          <template\n            v-for=\"(item, index) in list\"\n            :key=\"item.key\"\n          >\n            <slot\n              name=\"item\"\n              :item=\"item\"\n              :index=\"index\"\n              :refresh-disabled=\"refreshing\"\n              :refresh=\"() => refreshItem(item)\"\n              :refresh-may-help=\"queue.refreshMayHelp(item)\"\n            >\n              <UploadQueueItemEditable\n                v-model:custom-data=\"item.customData\"\n                v-model:keywords=\"item.keywords\"\n                v-model:authors=\"item.authors\"\n                v-model:main-file-single-use=\"item.mainFileSingleUse\"\n                :main-file-single-use-enabled=\"queue.mainFileSingleUseEnabled\"\n                :ext-system=\"extSystem\"\n                :item=\"item\"\n                :index=\"index\"\n                :queue-key=\"queueKey\"\n                :disable-done-animation=\"disableDoneAnimation\"\n                :refresh-disabled=\"refreshing\"\n                :refresh-may-help=\"queue.refreshMayHelp(item)\"\n                @cancel-item=\"queue.cancel($event.item, $event.index, $event.queueKey)\"\n                @remove-item=\"queue.remove($event)\"\n                @refresh-item=\"refreshItem(item)\"\n                @show-detail=\"emit('showDetail', $event)\"\n              />\n            </slot>\n          </template>\n        </VRow>\n      </div>\n    </div>\n    <div\n      v-if=\"list.length >= massOperationsFrom\"\n      class=\"asset-queue-editable__sidebar border-s\"\n    >\n      <slot\n        name=\"sidebar\"\n        :queue-key=\"queueKey\"\n      >\n        <AssetQueueSelectedSidebar\n          :queue-key=\"queueKey\"\n          :ext-system=\"extSystem\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueEditable.vue.d.ts

@@ -7,15 +7,15 @@ type __VLS_Props = {
     massOperations: boolean;
     configName?: string;
     disableDoneAnimation?: boolean;
-    /** What the list asks of its host; without it the library's store, caches, alerts and options. */
+    /** What the list needs from its host. Without it the library store, caches, alerts and options are used. */
     queue?: UploadQueueListBinding;
-    /** From how many rows the mass operations are beside the list. */
+    /** Minimum row count at which the mass operations are shown beside the list. */
     massOperationsFrom?: number;
-    /** The arrow keys, PageUp, PageDown, Home and End scroll the list. */
+    /** Arrow keys, PageUp, PageDown, Home and End scroll the list. */
     keyboardScroll?: boolean;
 };
 type __VLS_Slots = {
-    /** Default: the library's row, its v-models on the item, as today. */
+    /** Default: the library row, with its v-models on the item. */
     item?(props: {
         item: UploadQueueItem;
         index: number;
@@ -24,8 +24,8 @@ type __VLS_Slots = {
         refreshMayHelp: boolean;
     }): unknown;
     /**
-     * Default: the library's mass operations of `queueKey`, over the library's store even when `queue` is bound: a host
-     * with its own store gives its sidebar here, as admin-dam does.
+     * Default: the library mass operations of `queueKey`, using the library store even when `queue` is bound.
+     * A host with its own store passes its sidebar here, as admin-dam does.
      */
     sidebar?(props: {
         queueKey: UploadQueueKey;

package/dist/domains/dam/uploadQueue/components/UploadQueueEditable.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueEditable.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_component_VRow","_withCtx","_Fragment","_renderList","_renderSlot","_unref","UploadQueueItemEditable","AssetQueueSelectedSidebar","_createCommentVNode","UploadQueueItemEditable_default","AssetQueueSelectedSidebar_default","_hoisted_1","_hoisted_2","UploadQueueEditable_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","queue","useLibraryUploadQueueListBinding","createUploadQueueItemRefresh","list","computed","scrollableContainer","ref","KEYLESS_INPUT_TYPES","isTypedIntoField","target","isInMenu","handleKeyboardNavigation","container","pageScrollAmount","cleanup","onMounted","useEventListener","onBeforeUnmount","openBlock","createElementBlock","normalizeClass","createElementVNode","\"outline\"","createVNode","VRow","withCtx","Fragment","renderList","renderSlot","_ctx","unref","refreshing","refreshItem","item","$event","_cache","createCommentVNode"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueEditable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, onBeforeUnmount } from 'vue'\nimport type { UploadQueueItem, UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemEditable from '@/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue'\nimport AssetQueueSelectedSidebar from '@/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueListBinding,\n  useLibraryUploadQueueListBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { createUploadQueueItemRefresh } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useEventListener } from '@vueuse/core'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    massOperations: boolean\n    configName?: string\n    disableDoneAnimation?: boolean\n    /** What the list asks of its host; without it the library's store, caches, alerts and options. */\n    queue?: UploadQueueListBinding\n    /** From how many rows the mass operations are beside the list. */\n    massOperationsFrom?: number\n    /** The arrow keys, PageUp, PageDown, Home and End scroll the list. */\n    keyboardScroll?: boolean\n  }>(),\n  {\n    configName: undefined,\n    disableDoneAnimation: false,\n    queue: undefined,\n    massOperationsFrom: 1,\n    keyboardScroll: true,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'showDetail', data: DocId): void\n}>()\n\ndefineSlots<{\n  /** Default: the library's row, its v-models on the item, as today. */\n  item?(props: {\n    item: UploadQueueItem\n    index: number\n    refreshDisabled: boolean\n    refresh: () => void\n    refreshMayHelp: boolean\n  }): unknown\n  /**\n   * Default: the library's mass operations of `queueKey`, over the library's store even when `queue` is bound: a host\n   * with its own store gives its sidebar here, as admin-dam does.\n   */\n  sidebar?(props: { queueKey: UploadQueueKey }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// Created only when the host binds none: a list with its own binding touches nothing of the library's.\nconst queue = props.queue ?? useLibraryUploadQueueListBinding(() => props.queueKey, damConfigName)\n\nconst { refreshing, refreshItem } = createUploadQueueItemRefresh(queue)\n\nconst list = computed(() => {\n  return queue.items()\n})\n\nconst scrollableContainer = ref<HTMLElement | null>(null)\n\n// Inputs that do nothing with these keys themselves, as a switch: on them the keys still scroll the list.\nconst KEYLESS_INPUT_TYPES = ['checkbox', 'button', 'submit', 'reset', 'image', 'file']\n\n// A key typed into a field of a row moves its caret or its value: it is left to the browser, and the list stays.\nconst isTypedIntoField = (target: EventTarget | null) =>\n  (target instanceof HTMLInputElement && !KEYLESS_INPUT_TYPES.includes(target.type)) ||\n  target instanceof HTMLTextAreaElement ||\n  target instanceof HTMLSelectElement ||\n  (target instanceof HTMLElement && target.isContentEditable)\n\n// So is one pressed in an open menu, as the one of a field: it moves through that menu. Other overlays, as the dialog\n// the list is in or a snackbar, leave the keys to the list.\nconst isInMenu = (target: EventTarget | null) => target instanceof Element && !!target.closest('.v-menu')\n\nconst handleKeyboardNavigation = (e: KeyboardEvent) => {\n  if (!scrollableContainer.value || isTypedIntoField(e.target) || isInMenu(e.target)) return\n\n  const container = scrollableContainer.value\n  const scrollAmount = 100\n  const pageScrollAmount = container.clientHeight - 50\n\n  switch (e.key) {\n    case 'ArrowDown':\n      container.scrollTop += scrollAmount\n      e.preventDefault()\n      break\n    case 'ArrowUp':\n      container.scrollTop -= scrollAmount\n      e.preventDefault()\n      break\n    case 'PageDown':\n      container.scrollTop += pageScrollAmount\n      e.preventDefault()\n      break\n    case 'PageUp':\n      container.scrollTop -= pageScrollAmount\n      e.preventDefault()\n      break\n    case 'Home':\n      container.scrollTop = 0\n      e.preventDefault()\n      break\n    case 'End':\n      container.scrollTop = container.scrollHeight\n      e.preventDefault()\n      break\n  }\n}\n\nlet cleanup: (() => void) | undefined\n\nonMounted(() => {\n  queue.prime(list.value)\n\n  if (props.keyboardScroll) cleanup = useEventListener(document, 'keydown', handleKeyboardNavigation)\n})\n\nonBeforeUnmount(() => {\n  if (cleanup) {\n    cleanup()\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"asset-queue-editable\"\n    :class=\"{ 'asset-queue-editable--sidebar-active': massOperations }\"\n  >\n    <div class=\"asset-queue-editable__left\">\n      <div\n        ref=\"scrollableContainer\"\n        class=\"overflow-y-auto overflow-x-hidden h-100 mr-md-4\"\n        style=\"outline: none\"\n      >\n        <VRow class=\"dam-upload-queue dam-upload-queue--editable pa-2 mb-5\">\n          <template\n            v-for=\"(item, index) in list\"\n            :key=\"item.key\"\n          >\n            <slot\n              name=\"item\"\n              :item=\"item\"\n              :index=\"index\"\n              :refresh-disabled=\"refreshing\"\n              :refresh=\"() => refreshItem(item)\"\n              :refresh-may-help=\"queue.refreshMayHelp(item)\"\n            >\n              <UploadQueueItemEditable\n                v-model:custom-data=\"item.customData\"\n                v-model:keywords=\"item.keywords\"\n                v-model:authors=\"item.authors\"\n                v-model:main-file-single-use=\"item.mainFileSingleUse\"\n                :main-file-single-use-enabled=\"queue.mainFileSingleUseEnabled\"\n                :ext-system=\"extSystem\"\n                :item=\"item\"\n                :index=\"index\"\n                :queue-key=\"queueKey\"\n                :disable-done-animation=\"disableDoneAnimation\"\n                :refresh-disabled=\"refreshing\"\n                :refresh-may-help=\"queue.refreshMayHelp(item)\"\n                @cancel-item=\"queue.cancel($event.item, $event.index, $event.queueKey)\"\n                @remove-item=\"queue.remove($event)\"\n                @refresh-item=\"refreshItem(item)\"\n                @show-detail=\"emit('showDetail', $event)\"\n              />\n            </slot>\n          </template>\n        </VRow>\n      </div>\n    </div>\n    <div\n      v-if=\"list.length >= massOperationsFrom\"\n      class=\"asset-queue-editable__sidebar border-s\"\n    >\n      <slot\n        name=\"sidebar\"\n        :queue-key=\"queueKey\"\n      >\n        <AssetQueueSelectedSidebar\n          :queue-key=\"queueKey\"\n          :ext-system=\"extSystem\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"UploadQueueEditable.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_component_VRow","_withCtx","_Fragment","_renderList","_renderSlot","_unref","UploadQueueItemEditable","AssetQueueSelectedSidebar","_createCommentVNode","UploadQueueItemEditable_default","AssetQueueSelectedSidebar_default","_hoisted_1","_hoisted_2","UploadQueueEditable_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","queue","useLibraryUploadQueueListBinding","createUploadQueueItemRefresh","list","computed","scrollableContainer","ref","KEYLESS_INPUT_TYPES","isTypedIntoField","target","isInMenu","handleKeyboardNavigation","container","pageScrollAmount","cleanup","onMounted","useEventListener","onBeforeUnmount","openBlock","createElementBlock","normalizeClass","createElementVNode","\"outline\"","createVNode","VRow","withCtx","Fragment","renderList","renderSlot","_ctx","unref","refreshing","refreshItem","item","$event","_cache","createCommentVNode"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueEditable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, onBeforeUnmount } from 'vue'\nimport type { UploadQueueItem, UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport UploadQueueItemEditable from '@/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue'\nimport AssetQueueSelectedSidebar from '@/domains/dam/uploadQueue/components/AssetQueueSelectedSidebar.vue'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueListBinding,\n  useLibraryUploadQueueListBinding,\n} from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { createUploadQueueItemRefresh } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useEventListener } from '@vueuse/core'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    massOperations: boolean\n    configName?: string\n    disableDoneAnimation?: boolean\n    /** What the list needs from its host. Without it the library store, caches, alerts and options are used. */\n    queue?: UploadQueueListBinding\n    /** Minimum row count at which the mass operations are shown beside the list. */\n    massOperationsFrom?: number\n    /** Arrow keys, PageUp, PageDown, Home and End scroll the list. */\n    keyboardScroll?: boolean\n  }>(),\n  {\n    configName: undefined,\n    disableDoneAnimation: false,\n    queue: undefined,\n    massOperationsFrom: 1,\n    keyboardScroll: true,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'showDetail', data: DocId): void\n}>()\n\ndefineSlots<{\n  /** Default: the library row, with its v-models on the item. */\n  item?(props: {\n    item: UploadQueueItem\n    index: number\n    refreshDisabled: boolean\n    refresh: () => void\n    refreshMayHelp: boolean\n  }): unknown\n  /**\n   * Default: the library mass operations of `queueKey`, using the library store even when `queue` is bound.\n   * A host with its own store passes its sidebar here, as admin-dam does.\n   */\n  sidebar?(props: { queueKey: UploadQueueKey }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// Created only when the host binds none, so a list with its own binding touches nothing of the library.\nconst queue = props.queue ?? useLibraryUploadQueueListBinding(() => props.queueKey, damConfigName)\n\nconst { refreshing, refreshItem } = createUploadQueueItemRefresh(queue)\n\nconst list = computed(() => {\n  return queue.items()\n})\n\nconst scrollableContainer = ref<HTMLElement | null>(null)\n\n// Inputs that ignore these keys, such as a switch. On them the keys still scroll the list.\nconst KEYLESS_INPUT_TYPES = ['checkbox', 'button', 'submit', 'reset', 'image', 'file']\n\n// A key typed into a row field moves its caret or value. It is left to the browser and the list does not scroll.\nconst isTypedIntoField = (target: EventTarget | null) =>\n  (target instanceof HTMLInputElement && !KEYLESS_INPUT_TYPES.includes(target.type)) ||\n  target instanceof HTMLTextAreaElement ||\n  target instanceof HTMLSelectElement ||\n  (target instanceof HTMLElement && target.isContentEditable)\n\n// The same for a key pressed in an open menu, such as a field's menu: it navigates that menu.\n// Other overlays, such as the containing dialog or a snackbar, leave the keys to the list.\nconst isInMenu = (target: EventTarget | null) => target instanceof Element && !!target.closest('.v-menu')\n\nconst handleKeyboardNavigation = (e: KeyboardEvent) => {\n  if (!scrollableContainer.value || isTypedIntoField(e.target) || isInMenu(e.target)) return\n\n  const container = scrollableContainer.value\n  const scrollAmount = 100\n  const pageScrollAmount = container.clientHeight - 50\n\n  switch (e.key) {\n    case 'ArrowDown':\n      container.scrollTop += scrollAmount\n      e.preventDefault()\n      break\n    case 'ArrowUp':\n      container.scrollTop -= scrollAmount\n      e.preventDefault()\n      break\n    case 'PageDown':\n      container.scrollTop += pageScrollAmount\n      e.preventDefault()\n      break\n    case 'PageUp':\n      container.scrollTop -= pageScrollAmount\n      e.preventDefault()\n      break\n    case 'Home':\n      container.scrollTop = 0\n      e.preventDefault()\n      break\n    case 'End':\n      container.scrollTop = container.scrollHeight\n      e.preventDefault()\n      break\n  }\n}\n\nlet cleanup: (() => void) | undefined\n\nonMounted(() => {\n  queue.prime(list.value)\n\n  if (props.keyboardScroll) cleanup = useEventListener(document, 'keydown', handleKeyboardNavigation)\n})\n\nonBeforeUnmount(() => {\n  if (cleanup) {\n    cleanup()\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"asset-queue-editable\"\n    :class=\"{ 'asset-queue-editable--sidebar-active': massOperations }\"\n  >\n    <div class=\"asset-queue-editable__left\">\n      <div\n        ref=\"scrollableContainer\"\n        class=\"overflow-y-auto overflow-x-hidden h-100 mr-md-4\"\n        style=\"outline: none\"\n      >\n        <VRow class=\"dam-upload-queue dam-upload-queue--editable pa-2 mb-5\">\n          <template\n            v-for=\"(item, index) in list\"\n            :key=\"item.key\"\n          >\n            <slot\n              name=\"item\"\n              :item=\"item\"\n              :index=\"index\"\n              :refresh-disabled=\"refreshing\"\n              :refresh=\"() => refreshItem(item)\"\n              :refresh-may-help=\"queue.refreshMayHelp(item)\"\n            >\n              <UploadQueueItemEditable\n                v-model:custom-data=\"item.customData\"\n                v-model:keywords=\"item.keywords\"\n                v-model:authors=\"item.authors\"\n                v-model:main-file-single-use=\"item.mainFileSingleUse\"\n                :main-file-single-use-enabled=\"queue.mainFileSingleUseEnabled\"\n                :ext-system=\"extSystem\"\n                :item=\"item\"\n                :index=\"index\"\n                :queue-key=\"queueKey\"\n                :disable-done-animation=\"disableDoneAnimation\"\n                :refresh-disabled=\"refreshing\"\n                :refresh-may-help=\"queue.refreshMayHelp(item)\"\n                @cancel-item=\"queue.cancel($event.item, $event.index, $event.queueKey)\"\n                @remove-item=\"queue.remove($event)\"\n                @refresh-item=\"refreshItem(item)\"\n                @show-detail=\"emit('showDetail', $event)\"\n              />\n            </slot>\n          </template>\n        </VRow>\n      </div>\n    </div>\n    <div\n      v-if=\"list.length >= massOperationsFrom\"\n      class=\"asset-queue-editable__sidebar border-s\"\n    >\n      <slot\n        name=\"sidebar\"\n        :queue-key=\"queueKey\"\n      >\n        <AssetQueueSelectedSidebar\n          :queue-key=\"queueKey\"\n          :ext-system=\"extSystem\"\n        />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}