npm - @anzusystems/common-admin - Versions diffs - 2.0.0-rc.1 → 2.0.0-rc.11 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1597) hide show

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UploadQueueDialogSingle.js","names":["_sfc_main","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingle_default"],"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":""}
1	+ {"version":3,"file":"UploadQueueDialogSingle.js","names":["_sfc_main","UploadQueueDialogSingle_vue_vue_type_script_setup_true_lang_default","UploadQueueDialogSingle_default"],"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":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js CHANGED Viewed

@@ -1,33 +1,33 @@
-import { isNull as e } from "../../../../shared/utils/common.js";
-import { useAlerts as t } from "../../../system/composables/alerts.js";
+import { AssetDetailTabImageWithRoi as e, useAssetDetailStore as t } from "../../assetDetail/store/assetDetailStore.js";
 import { DamAssetType as n } from "../../types/Asset.js";
-import { useCommonAdminCoreDamOptions as ee } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as r } from "../../composables/damConfigName.js";
-import { bulkUpdateAssetsMetadata as i, fetchAsset as te, showMetadataSaveError as a } from "../../api/damAssetApi.js";
-import { AssetDetailTabImageWithRoi as o, useAssetDetailStore as ne } from "../../assetDetail/store/assetDetailStore.js";
-import { UploadQueueItemStatus as s } from "../../types/UploadQueue.js";
-import { useUploadQueuesStore as c } from "../store/uploadQueuesStore.js";
-import { assetDetailViewOfUploadItem as re } from "../../assetDetail/composables/assetDetailView.js";
-import l from "../../assetDetail/components/AssetDetailDialogFrame.js";
-import { useUploadQueueDialog as u, useUploadQueueDialogDrawn as d } from "../composables/useUploadQueueDialog.js";
-import f from "./UploadQueueItemErrorOverlay.js";
-import p from "./UploadQueueButtonStop.js";
-import { mapUploadMetadataToImages as m } from "../../imageWidget/utils/metadataToImageMap.js";
-import h from "./UploadQueueDialogSingleSidebar.js";
-import { computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createVNode as ie, defineComponent as b, normalizeClass as x, onMounted as S, openBlock as C, ref as w, toDisplayString as T, unref as E, watch as D, withCtx as O } from "vue";
-import { useI18n as ae } from "vue-i18n";
-import { storeToRefs as oe } from "pinia";
-//#region src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue?vue&type=script&setup=true&lang.ts
-var se = {
+import r from "../../assetDetail/components/AssetDetailDialogFrame.js";
+import { assetDetailViewOfUploadItem as i } from "../../assetDetail/composables/assetDetailView.js";
+import { useUploadQueuesStore as a } from "../store/uploadQueuesStore.js";
+import { useUploadQueueDialog as ee, useUploadQueueDialogDrawn as te } from "../composables/useUploadQueueDialog.js";
+import { UploadQueueItemStatus as o } from "../../types/UploadQueue.js";
+import s from "./UploadQueueItemErrorOverlay.js";
+import { useAlerts as c } from "../../../system/composables/alerts.js";
+import { bulkUpdateAssetsMetadata as l, fetchAsset as u, showMetadataSaveError as d } from "../../api/damAssetApi.js";
+import { useCommonAdminCoreDamOptions as f } from "../../composables/commonAdminCoreDamOptions.js";
+import p from "./UploadQueueDialogSingleSidebar.js";
+import m from "./UploadQueueButtonStop.js";
+import { isNull as h } from "../../../../shared/utils/common.js";
+import { mapUploadMetadataToImages as g } from "../../imageWidget/utils/metadataToImageMap.js";
+import { useDamConfigName as _ } from "../../composables/damConfigName.js";
+import { computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createVNode as ne, defineComponent as S, normalizeClass as re, onMounted as C, openBlock as w, ref as T, toDisplayString as E, unref as D, watch as O, withCtx as k } from "vue";
+import { useI18n as ie } from "vue-i18n";
+import { storeToRefs as ae } from "pinia";
+// src/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue?vue&type=script&setup=true&lang.ts
+var oe = {
 	key: 0,
 	class: "text-label-large"
-}, ce = {
+}, se = {
 	key: 0,
 	class: "text-body-small text-warning px-3 py-2"
-}, k = {
+}, ce = {
 	key: 1,
 	class: "text-body-small text-error px-3 py-2"
-}, A = /*@__PURE__*/ b({
+}, A = /*@__PURE__*/ S({
 	__name: "UploadQueueDialogSingle",
 	props: {
 		queueKey: {},
@@ -43,43 +43,43 @@ var se = {
 		}
 	},
 	emits: ["apply"],
-	setup(b, { emit: A }) {
-		let j = b, M = A, N = r(j.configName), { showErrorsDefault: P, showRecordWas: F } = t(), { t: I } = ae(), L = ne(), { activeTab: R, loading: z, asset: B } = oe(L), V = w(!1), H = c(), { uploadQueueDialog: U } = u(), W = g(() => H.getQueueItems(j.queueKey)), G = g(() => W.value[0] ?? null), le = g(() => !e(G.value) && G.value.status === s.Uploaded), ue = g(() => G.value?.status === s.Failed), { damClient: K, endPointAsset: q, endPointAuthor: de, customUploadMetadataToImageMap: J, simpleAssetSidebarEnabled: fe } = ee(N), pe = g(() => re(G.value, B.value, {
+	setup(S, { emit: A }) {
+		let j = S, M = A, N = _(j.configName), { showErrorsDefault: P, showRecordWas: F } = c(), { t: I } = ie(), L = t(), { activeTab: R, loading: z, asset: B } = ae(L), V = T(!1), H = a(), { uploadQueueDialog: U } = ee(), W = v(() => H.getQueueItems(j.queueKey)), G = v(() => W.value[0] ?? null), le = v(() => !h(G.value) && G.value.status === o.Uploaded), ue = v(() => G.value?.status === o.Failed), { damClient: K, endPointAsset: q, endPointAuthor: de, customUploadMetadataToImageMap: J, simpleAssetSidebarEnabled: fe } = f(N), pe = v(() => i(G.value, B.value, {
 			enableRoiTab: V.value,
 			disableDoneAnimation: j.disableDoneAnimation,
 			simpleAssetSidebarEnabled: fe
 		})), Y = async () => {
 			H.stopUpload(j.queueKey), L.setAsset(null), U.value = null;
 		};
-		d(j.queueKey);
-		let me = g(() => H.getQueueTotalCount(j.queueKey)), he = g(() => H.getQueueProcessedCount(j.queueKey)), X = g(() => me.value > he.value), Z = g(() => G.value?.mainFileSingleUse ?? !1), Q = w(!1);
-		D(() => G.value?.isDuplicate, (e) => {
+		te(j.queueKey);
+		let me = v(() => H.getQueueTotalCount(j.queueKey)), he = v(() => H.getQueueProcessedCount(j.queueKey)), X = v(() => me.value > he.value), Z = v(() => G.value?.mainFileSingleUse ?? !1), Q = T(!1);
+		O(() => G.value?.isDuplicate, (e) => {
 			Q.value = !!e && G.value?.mainFileSingleUse === !0;
 		}, { immediate: !0 });
-		let $ = w(null), ge = async () => {
-			if (W.value.length !== 0 && e($.value)) {
+		let $ = T(null), ge = async () => {
+			if (W.value.length !== 0 && h($.value)) {
 				$.value = "save";
 				try {
-					await i(K, q, W.value, Z.value), F("updated");
+					await l(K, q, W.value, Z.value), F("updated");
 				} catch (e) {
-					a(e, j.extSystem, N);
+					d(e, j.extSystem, N);
 				} finally {
 					$.value = null;
 				}
 			}
 		}, _e = async () => {
-			if (W.value.length !== 0 && e($.value)) {
+			if (W.value.length !== 0 && h($.value)) {
 				$.value = "saveAndApply";
 				try {
 					let e;
 					try {
-						if (e = await i(K, q, W.value, Z.value), !e[0]) throw Error("Fatal error updating asset metadata");
+						if (e = await l(K, q, W.value, Z.value), !e[0]) throw Error("Fatal error updating asset metadata");
 					} catch (e) {
-						a(e, j.extSystem, N);
+						d(e, j.extSystem, N);
 						return;
 					}
 					F("updated");
-					let t = J ? await J(W.value, e, K, j.extSystem, j.licenceId) : await m(W.value, e, K, j.extSystem, j.licenceId, de);
+					let t = J ? await J(W.value, e, K, j.extSystem, j.licenceId) : await g(W.value, e, K, j.extSystem, j.licenceId, de);
 					M("apply", t.map((e) => ({
 						...e,
 						position: 1
@@ -91,52 +91,52 @@ var se = {
 				}
 			}
 		};
-		return D([le, () => G.value?.assetId], async ([e, t]) => {
+		return O([le, () => G.value?.assetId], async ([e, t]) => {
 			if (!e || !t) return;
 			let n = G.value;
 			try {
-				let e = await te(K, q, t);
+				let e = await u(K, q, t);
 				if (G.value?.assetId !== t) return;
 				L.setAsset(e), V.value = !0;
 			} catch (e) {
 				if (G.value !== n) return;
 				P(e);
 			}
-		}, { immediate: !0 }), S(() => {
-			R.value = o.Info;
-		}), (e, t) => (C(), _(l, {
-			loading: E(z) || !G.value,
+		}, { immediate: !0 }), C(() => {
+			R.value = e.Info;
+		}), (e, t) => (w(), y(r, {
+			loading: D(z) || !G.value,
 			view: pe.value,
-			"ext-system": b.extSystem,
-			"config-name": E(N),
+			"ext-system": S.extSystem,
+			"config-name": D(N),
 			onClose: Y
 		}, {
-			title: O(() => [X.value ? (C(), y("div", se, T(E(I)("common.damImage.upload.title")), 1)) : (C(), y("div", {
+			title: k(() => [X.value ? (w(), x("div", oe, E(D(I)("common.damImage.upload.title")), 1)) : (w(), x("div", {
 				key: 1,
-				class: x(["text-label-large font-weight-bold", ue.value ? "text-error" : "text-green-darken-3"])
-			}, T(E(I)("common.damImage.upload.titleDone")), 3))]),
-			"toolbar-actions": O(() => [ie(p, {
+				class: re(["text-label-large font-weight-bold", ue.value ? "text-error" : "text-green-darken-3"])
+			}, E(D(I)("common.damImage.upload.titleDone")), 3))]),
+			"toolbar-actions": k(() => [ne(m, {
 				"data-cy": "button-close",
 				"button-size": 36,
 				"is-uploading": X.value,
 				onConfirm: Y
 			}, null, 8, ["is-uploading"])]),
-			"image-overlay": O(() => [G.value && G.value.error.hasError ? (C(), _(f, {
+			"image-overlay": k(() => [G.value && G.value.error.hasError ? (w(), y(s, {
 				key: 0,
 				error: G.value.error
-			}, null, 8, ["error"])) : v("", !0)]),
-			sidebar: O(({ view: e }) => [e.id ? (C(), _(h, {
+			}, null, 8, ["error"])) : b("", !0)]),
+			sidebar: k(({ view: e }) => [e.id ? (w(), y(p, {
 				key: e.id,
-				"queue-key": b.queueKey,
-				"ext-system": b.extSystem,
-				"config-name": E(N),
+				"queue-key": S.queueKey,
+				"ext-system": S.extSystem,
+				"config-name": D(N),
 				"enable-roi-tab": V.value,
 				"show-file-info": V.value,
 				"asset-id": e.id,
-				"is-video": e.assetType === E(n).Video,
-				"is-audio": e.assetType === E(n).Audio,
-				"is-image": e.assetType === E(n).Image,
-				"is-document": e.assetType === E(n).Document,
+				"is-video": e.assetType === D(n).Video,
+				"is-audio": e.assetType === D(n).Audio,
+				"is-image": e.assetType === D(n).Image,
+				"is-document": e.assetType === D(n).Document,
 				"asset-status": e.assetStatus,
 				"asset-type": e.assetType,
 				"asset-main-file-status": e.mainFile ? e.mainFile.fileAttributes.status : void 0,
@@ -145,7 +145,7 @@ var se = {
 				onSave: ge,
 				onSaveAndApply: _e
 			}, {
-				"prepend-sidebar": O(() => [G.value?.isDuplicate ? (C(), y("div", ce, T(E(I)("common.damImage.asset.detail.info.status.duplicate")), 1)) : v("", !0), G.value?.isDuplicate && Q.value ? (C(), y("div", k, T(E(I)("common.damImage.asset.model.mainFileSingleUse")), 1)) : v("", !0)]),
+				"prepend-sidebar": k(() => [G.value?.isDuplicate ? (w(), x("div", se, E(D(I)("common.damImage.asset.detail.info.status.duplicate")), 1)) : b("", !0), G.value?.isDuplicate && Q.value ? (w(), x("div", ce, E(D(I)("common.damImage.asset.model.mainFileSingleUse")), 1)) : b("", !0)]),
 				_: 1
 			}, 8, [
 				"queue-key",
@@ -163,7 +163,7 @@ var se = {
 				"asset-main-file-status",
 				"asset-main-file-fail-reason",
 				"saving"
-			])) : v("", !0)]),
+			])) : b("", !0)]),
 			_: 1
 		}, 8, [
 			"loading",
@@ -173,7 +173,6 @@ var se = {
 		]));
 	}
 });
-//#endregion
 export { A as default };
 //# sourceMappingURL=UploadQueueDialogSingle.vue_vue_type_script_setup_true_lang.js.map

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

	@@ -1 +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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"}
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","UploadQueueDialogSingleSidebar_default","UploadQueueButtonStop_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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BA,IAAMsB,IAAQC,GAiBRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,sBAAmB,qBAAkBK,EAAU,GAEjD,EAAE,SAAMC,GAAQ,GAEhBC,IAAmBC,EAAoB,GACvC,EAAE,cAAW,YAAS,OAAOC,MAAgBC,GAAYH,CAAgB,GACzEI,IAAeC,EAAI,EAAK,GAExBC,IAAoBC,EAAqB,GACzC,EAAE,yBAAsBC,GAAqB,GAE7CC,IAAQC,QACLJ,EAAkB,cAAcb,EAAM,QAAQ,CACtD,GAEKkB,IAAOD,QACJD,EAAM,MAAM,MAAM,IAC1B,GAEKG,KAASF,QACN,CAACG,EAAOF,EAAK,KAAK,KAAKA,EAAK,MAAM,WAAWG,EAAsB,QAC3E,GAGKC,KAAWL,QAAeC,EAAK,OAAO,WAAWG,EAAsB,MAAM,GAE7E,EAAE,cAAW,kBAAe,oBAAgB,mCAAgC,kCAChFE,EAA6BpB,CAAa,GAEtCqB,KAAOP,QACXQ,EAA4BP,EAAK,OAAOT,EAAY,OAAO;GACzD,cAAcE,EAAa;GAC3B,sBAAsBX,EAAM;GAC5B;EACF,CAAC,CACH,GAEM0B,IAAgB,YAAY;GAGhC,AAFAb,EAAkB,WAAWb,EAAM,QAAQ,GAC3CO,EAAiB,SAAS,IAAI,GAC9B,EAAkB,QAAQ;EAC5B;EAEA,GAA0BP,EAAM,QAAQ;EAExC,IAAM2B,KAAkBV,QACfJ,EAAkB,mBAAmBb,EAAM,QAAQ,CAC3D,GAEK4B,KAAsBX,QACnBJ,EAAkB,uBAAuBb,EAAM,QAAQ,CAC/D,GAEK6B,IAAcZ,QACXU,GAAgB,QAAQC,GAAoB,KACpD,GAMKE,IAAoBb,QAAeC,EAAK,OAAO,qBAAqB,EAAK,GAIzEa,IAAsBnB,EAAI,EAAK;EACrC,QACQM,EAAK,OAAO,cACjB,MAAgB;GACf,EAAoB,QAAQ,CAAC,CAACc,KAAed,EAAK,OAAO,sBAAsB;EACjF,GACA,EAAE,WAAW,GAAK,CACpB;EAGA,IAAMe,IAASrB,EAAoC,IAAI,GAEjDsB,KAAS,YAAY;GACzB,IAAIlB,EAAM,MAAM,WAAW,KAAMI,EAAOa,EAAO,KAAK,GACpD;MAAO,QAAQ;IACf,IAAI;KAEF,AADA,MAAME,EAAyBC,GAAWC,GAAerB,EAAM,OAAOc,EAAkB,KAAK,GAC7FQ,EAAc,SAAS;IACzB,SAASC,GAAO;KACd,EAAsBA,GAAOvC,EAAM,WAAWG,CAAa;IAC7D,UAAU;KACR,EAAO,QAAQ;IACjB;GARe;EASjB,GAEMqC,KAAiB,YAAY;GACjC,IAAIxB,EAAM,MAAM,WAAW,KAAMI,EAAOa,EAAO,KAAK,GACpD;MAAO,QAAQ;IACf,IAAI;KACF,IAAIQ;KACJ,IAAI;MAEF,IADA,IAAoB,MAAMN,EAAyBC,GAAWC,GAAerB,EAAM,OAAOc,EAAkB,KAAK,GAC7G,CAACW,EAAkB,IACrB,MAAU,MAAM,qCAAqC;KAEzD,SAASF,GAAO;MACd,EAAsBA,GAAOvC,EAAM,WAAWG,CAAa;MAC3D;KACF;KACA,EAAc,SAAS;KACvB,IAAMuC,IAAcC,IAChB,MAAMA,EACJ3B,EAAM,OACNyB,GACAL,GACApC,EAAM,WACNA,EAAM,SACR,IACA,MAAM4C,EACJ5B,EAAM,OACNyB,GACAL,GACApC,EAAM,WACNA,EAAM,WACN6C,EACF;KAQJ,AAPA3C,EACE,SACAwC,EAAY,KAAK,OAAU;MACzB,GAAGxB;MACH,UAAU;KACZ,EAAE,CACJ,GACA,MAAMQ,EAAc;IACtB,SAASa,GAAO;KACd,EAAkBA,CAAK;IACzB,UAAU;KACR,EAAO,QAAQ;IACjB;GAzCe;EA0CjB;E,OAIAO,EACE,CAAC3B,UAAcD,EAAK,OAAO,OAAO,GAClC,OAAO,CAAC6B,GAAMC,OAAa;GACzB,IAAI,CAACD,KAAQ,CAACC,GAAS;GAGvB,IAAMC,IAAM/B,EAAK;GACjB,IAAI;IACF,IAAMgC,IAAM,MAAMC,EAAWf,GAAWC,GAAeW,CAAO;IAI9D,IAAI9B,EAAK,OAAO,YAAY8B,GAAS;IAErC,AADAzC,EAAiB,SAAS2C,CAAG,GAC7B,EAAa,QAAQ;GACvB,SAAS,GAAG;IAIV,IAAIhC,EAAK,UAAU+B,GAAK;IACxB,EAAkB,CAAC;GACrB;EACF,GACA,EAAE,WAAW,GAAK,CACpB,GAEAG,QAAgB;GACd,EAAU,QAAQC,EAA2B;EAC/C,CAAC,I,UAIC3E,EAAA,GAAAC,EA0EyBC,GAAA;GAzEtB,SAASC,EAAA4E,CAAA,KAAO,CAAKvC,EAAA;GACrB,MAAMM,GAAA;GACN,cAAYvB,EAAA;GACZ,eAAapB,EAAAsB,CAAA;GACb,SAAOuB;;GAEG,OAAK5C,QAMR,CAJE+C,EAAA,SADRnD,EAAA,GAAAK,EAKM,OALNY,IAKMX,EADDH,EAAAgF,CAAA,CAAC,CAAA,8BAAA,CAAA,GAAA,CAAA,MAENnF,EAAA,GAAAK,EAMM,OAAA;;IAJJ,OAAKE,GAAA,CAAC,qCACEqC,GAAA,QAAQ,eAAA,qBAAA,CAAA;GAEb,GAAAtC,EAAAH,EAAAgF,CAAA,CAAC,CAAA,kCAAA,CAAA,GAAA,CAAA,E;GAGG,mBAAe/E,QAMtB,CALFI,GAKEC,GAAA;IAJA,WAAQ;IACP,eAAa;IACb,gBAAc0C,EAAA;IACd,WAASH;;GAGH,iBAAa5C,QAIpB,CAFMoC,EAAA,SAAQA,EAAA,MAAK,MAAM,YAD3BxC,EAAA,GAAAC,EAGES,GAAA;;IADC,OAAO8B,EAAA,MAAK;;GAGN,SAAOpC,GAoCiB,EAAA,MApCPmF,QAAK,CAEvBA,EAAM,MADdvF,EAAA,GAAAC,EAmCiCW,GAAA;IAjC9B,KAAK2E,EAAM;IACX,aAAWhE,EAAA;IACX,cAAYA,EAAA;IACZ,eAAapB,EAAAsB,CAAA;IACb,kBAAgBQ,EAAA;IAChB,kBAAgBA,EAAA;IAChB,YAAUsD,EAAM;IAChB,YAAUA,EAAM,cAAcpF,EAAAqF,CAAA,CAAY,CAAC;IAC3C,YAAUD,EAAM,cAAcpF,EAAAqF,CAAA,CAAY,CAAC;IAC3C,YAAUD,EAAM,cAAcpF,EAAAqF,CAAA,CAAY,CAAC;IAC3C,eAAaD,EAAM,cAAcpF,EAAAqF,CAAA,CAAY,CAAC;IAC9C,gBAAcD,EAAM;IACpB,cAAYA,EAAM;IAClB,0BAAwBA,EAAM,WAAWA,EAAM,SAAS,eAAe,SAAS,KAAA;IAChF,+BAA6BA,EAAM,WAAWA,EAAM,SAAS,eAAe,aAAa,KAAA;IACzF,QAAQhC,EAAA;IACF;IACU;;IAEN,mBAAenD,QAMlB,CAJEoC,EAAA,OAAM,eADdxC,EAAA,GAAAK,EAKM,OALNa,IAKMZ,EADDH,EAAAgF,CAAA,CAAC,CAAA,oDAAA,CAAA,GAAA,CAAA,K,WAGE3C,EAAA,OAAM,eAAea,EAAA,SAD7BrD,EAAA,GAAAK,EAKM,OALNc,IAKMb,EADDH,EAAAgF,CAAA,CAAC,CAAA,+CAAA,CAAA,GAAA,CAAA,K"}

package/dist/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.js CHANGED Viewed

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

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

	@@ -1 +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":""}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,13 +1,13 @@
-import { isNull as e } from "../../../../shared/utils/common.js";
-import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as n } from "../../composables/damConfigName.js";
+import e from "../../assetDetail/components/AssetDetailSidebarFrame.js";
+import t from "./UploadQueueDialogSingleSidebarMetadata.js";
+import { useCommonAdminCoreDamOptions as n } from "../../composables/commonAdminCoreDamOptions.js";
 import { UploadQueueItemStatus as r } from "../../types/UploadQueue.js";
-import { useUploadQueuesStore as i } from "../store/uploadQueuesStore.js";
-import a from "../../assetDetail/components/AssetDetailSidebarFrame.js";
-import { useUploadQueueItemRefresh as o } from "../composables/uploadQueueItemRefresh.js";
-import s from "./UploadQueueDialogSingleSidebarMetadata.js";
+import { useUploadQueueItemRefresh as i } from "../composables/uploadQueueItemRefresh.js";
+import { useUploadQueuesStore as a } from "../store/uploadQueuesStore.js";
+import { isNull as o } from "../../../../shared/utils/common.js";
+import { useDamConfigName as s } from "../../composables/damConfigName.js";
 import { computed as c, createBlock as l, createVNode as u, defineComponent as d, onUnmounted as f, openBlock as p, ref as m, renderSlot as h, unref as g, watch as _, withCtx as v } from "vue";
-//#region src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/uploadQueue/components/UploadQueueDialogSingleSidebar.vue?vue&type=script&setup=true&lang.ts
 var y = /*@__PURE__*/ d({
 	__name: "UploadQueueDialogSingleSidebar",
 	props: {
@@ -30,21 +30,21 @@ var y = /*@__PURE__*/ d({
 	},
 	emits: ["save", "saveAndApply"],
 	setup(d, { emit: y }) {
-		let b = d, x = y, S = n(b.configName), { simpleAssetSidebarEnabled: C } = t(S), w = c(() => C && b.isImage && b.enableRoiTab), T = i(), E = c(() => T.getQueueItems(b.queueKey)[0] ?? null), D = c(() => E.value?.status === r.Processing ? "file" : E.value?.status === r.Uploaded && !E.value.canEditMetadata ? "metadata" : null), O = m(!1), k;
-		_(D, (t) => {
-			clearTimeout(k), O.value = !1, !e(t) && (k = setTimeout(() => O.value = !0, 2e4));
+		let b = d, x = y, S = s(b.configName), { simpleAssetSidebarEnabled: C } = n(S), w = c(() => C && b.isImage && b.enableRoiTab), T = a(), E = c(() => T.getQueueItems(b.queueKey)[0] ?? null), D = c(() => E.value?.status === r.Processing ? "file" : E.value?.status === r.Uploaded && !E.value.canEditMetadata ? "metadata" : null), O = m(!1), k;
+		_(D, (e) => {
+			clearTimeout(k), O.value = !1, o(e) || (k = setTimeout(() => O.value = !0, 2e4));
 		}, { immediate: !0 }), f(() => clearTimeout(k));
-		let A = c(() => E.value?.status === r.Failed ? T.refreshMayHelp(E.value) && !e(E.value.assetId) : O.value), { refreshing: j, refreshItem: M } = o(S), N = () => {
+		let A = c(() => E.value?.status === r.Failed ? T.refreshMayHelp(E.value) && !o(E.value.assetId) : O.value), { refreshing: j, refreshItem: M } = i(S), N = () => {
 			E.value?.assetId && M(E.value.assetId, E.value, b.queueKey);
 		};
-		return (e, t) => (p(), l(a, {
+		return (n, r) => (p(), l(e, {
 			"queue-key": d.queueKey,
 			"config-name": g(S),
 			"roi-tab": d.isImage && d.enableRoiTab,
 			"simple-mode": w.value
 		}, {
-			prepend: v(() => [h(e.$slots, "prepend-sidebar")]),
-			info: v(({ isActive: e }) => [u(s, {
+			prepend: v(() => [h(n.$slots, "prepend-sidebar")]),
+			info: v(({ isActive: e }) => [u(t, {
 				"queue-key": d.queueKey,
 				"ext-system": d.extSystem,
 				"config-name": g(S),
@@ -54,8 +54,8 @@ var y = /*@__PURE__*/ d({
 				"refresh-disabled": g(j),
 				saving: d.saving,
 				onRefresh: N,
-				onSave: t[0] ||= (e) => x("save"),
-				onSaveAndApply: t[1] ||= (e) => x("saveAndApply")
+				onSave: r[0] ||= (e) => x("save"),
+				onSaveAndApply: r[1] ||= (e) => x("saveAndApply")
 			}, null, 8, [
 				"queue-key",
 				"ext-system",
@@ -75,7 +75,6 @@ var y = /*@__PURE__*/ d({
 		]));
 	}
 });
-//#endregion
 export { y as default };
 //# sourceMappingURL=UploadQueueDialogSingleSidebar.vue_vue_type_script_setup_true_lang.js.map

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

	@@ -1 +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"}
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","isNull","waits","onUnmounted","showRefresh","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,IACfE,EAAOC,CAAK,MAChB,IAAe,iBAAkB,EAAW,QAAQ,IAAA,GAAwC;EAC9F,GACA,EAAE,WAAW,GAAK,CACpB,GACAC,QAAkB,aAAaJ,CAAY,CAAC;EAG5C,IAAMK,IAAcd,QACdI,EAAK,OAAO,WAAWE,EAAsB,SACxCJ,EAAkB,eAAeE,EAAK,KAAK,KAAK,CAACO,EAAOP,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,gBAAcoB,EAAA;IACd,oBAAkB9B,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 CHANGED Viewed

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

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

	@@ -1 +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":""}
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 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 CHANGED Viewed

@@ -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, {} & {