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

package/dist/domains/dam/assetDetail/components/AssetDetailDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailDialog.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailDialogFrame","_unref","_withCtx","_createElementVNode","_toDisplayString","_createVNode","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createTextVNode","AssetDetailDialogSidebar","_createCommentVNode","AssetDetailDialogFrame_default","AssetDetailDialogSidebar_default","AssetDetailDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","assetDetailStore","useAssetDetailStore","storeToRefs","useCommonAdminCoreDamOptions","view","computed","assetDetailViewOfAsset","asset","simpleAssetSidebarEnabled","shownAtClose","closeDialog","loading","stopTellingHost","watch","dialog","before","toolbarTitle","openBlock","createBlock","unref","withCtx","createElementVNode","toDisplayString","t","createVNode","VBtn","withModifiers","VIcon","VTooltip","createTextVNode","shown","DamAssetType","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type AssetDetailItemDto, DamAssetType } from '@/domains/dam/types/Asset'\nimport AssetDetailDialogFrame from '@/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue'\nimport AssetDetailDialogSidebar from '@/domains/dam/assetDetail/components/AssetDetailDialogSidebar.vue'\nimport { assetDetailViewOfAsset } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  /** `shown`: the asset the detail showed when it closed. Null when closed from its loader or when it showed none. */\n  (e: 'close', shown: AssetDetailItemDto | null): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, dialog, loading } = storeToRefs(assetDetailStore)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst view = computed(() => assetDetailViewOfAsset(asset.value, simpleAssetSidebarEnabled))\n\n// The asset shown when the close button is pressed.\n// Captured before the store is emptied, because the host cannot read it from the store.\nlet shownAtClose: AssetDetailItemDto | null = null\nconst closeDialog = () => {\n  shownAtClose = loading.value ? null : asset.value\n  assetDetailStore.close()\n  shownAtClose = null\n}\n// The store also closes the detail itself after a failed read. The host is told of either close, once.\n// Only a change that removes this detail counts as its close.\n// Until the host re-renders, this dialog still sees the next opening of its host or of another host.\nconst stopTellingHost = watch(\n  dialog,\n  (_now, before) => {\n    if (before === props.queueKey) emit('close', shownAtClose)\n  },\n  { flush: 'sync' }\n)\n// The store is page-wide. A host unmounted with its detail open would leave its key in the store.\n// The next host with that key then showed the detail at once, unasked.\n// So the detail is closed with its host and its pending read is dropped. The host is not told because it is unmounting.\nonBeforeUnmount(() => {\n  stopTellingHost()\n  if (dialog.value === props.queueKey) assetDetailStore.close()\n})\n\nconst toolbarTitle = computed(() => {\n  if (!asset.value) return ''\n  return asset.value.texts.displayTitle\n})\n</script>\n\n<template>\n  <AssetDetailDialogFrame\n    :loading=\"loading\"\n    :view=\"view\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n    @close=\"closeDialog\"\n  >\n    <template #title>\n      <div>{{ t('common.damImage.asset.detail.sourceSystem') }}: {{ toolbarTitle }}</div>\n    </template>\n    <template #toolbar-actions>\n      <VBtn\n        :aria-label=\"t('common.button.close')\"\n        icon\n        variant=\"text\"\n        :width=\"36\"\n        :height=\"36\"\n        class=\"mr-1\"\n        @click.stop=\"closeDialog\"\n      >\n        <VIcon icon=\"mdi-close\" />\n        <VTooltip\n          activator=\"parent\"\n          location=\"bottom\"\n        >\n          {{ t('common.button.close') }}\n        </VTooltip>\n      </VBtn>\n    </template>\n    <template #sidebar=\"{ view: shown }\">\n      <AssetDetailDialogSidebar\n        v-if=\"shown.id\"\n        :key=\"shown.id\"\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\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      />\n    </template>\n  </AssetDetailDialogFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAcA,IAAMmB,IAAQC,GAWRC,IAAOH,GAKPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,SAAMK,EAAQ,GAEhBC,IAAmBC,EAAoB,GACvC,EAAE,UAAO,WAAQ,eAAYC,EAAYF,CAAgB,GAEzD,EAAE,iCAA8BG,EAA6BN,CAAa,GAE1EO,IAAOC,QAAeC,EAAuBC,EAAM,OAAOC,CAAyB,CAAC,GAItFC,IAA0C,MACxCC,UAAoB;GAGxB,AAFA,IAAeC,EAAQ,QAAQ,OAAOJ,EAAM,OAC5CP,EAAiB,MAAM,GACvB,IAAe;EACjB,GAIMY,IAAkBC,EACtBC,IACC,GAAM,MAAW;GAChB,AAAIC,MAAWrB,EAAM,YAAUE,EAAK,SAASa,CAAY;EAC3D,GACA,EAAE,OAAO,OAAO,CAClB;EAIA,QAAsB;GAEpB,AADAG,EAAgB,GACZE,EAAO,UAAUpB,EAAM,YAAUM,EAAiB,MAAM;EAC9D,CAAC;EAED,IAAMgB,IAAeX,QACdE,EAAM,QACJA,EAAM,MAAM,MAAM,eADA,EAE1B;E,kBAIChC,EAAA,GAAAC,EA+CyBC,GAAA;GA9CtB,SAASC,EAAAiC,CAAA;GACT,MAAMP,EAAA;GACN,cAAYT,EAAA;GACZ,eAAajB,EAAAmB,CAAA;GACb,SAAOa;;GAEG,OAAK/B,QACqE,CAAnFC,EAAmF,OAAA,MAAAC,EAA3EH,EAAA6C,CAAA,CAAC,CAAA,2CAAA,CAAA,IAAgD,OAAE1C,EAAGmC,EAAA,KAAY,GAAA,CAAA,C;GAEjE,mBAAerC,QAiBjB,CAhBPG,EAgBOC,GAAA;IAfJ,cAAYL,EAAA6C,CAAA,CAAC,CAAA,qBAAA;IACd,MAAA;IACA,SAAQ;IACP,OAAO;IACP,QAAQ;IACT,OAAM;IACL,SAAKvC,EAAO0B,GAAW,CAAA,MAAA,CAAA;;IAExB,SAAA/B,QAA0B,CAA1BG,EAA0BG,GAAA,EAAnB,MAAK,YAAW,CAAA,GACvBH,EAKWI,GAAA;KAJT,WAAU;KACV,UAAS;;KAET,SAAAP,QAA8B,CAA3BQ,EAAAN,EAAAH,EAAA6C,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,CAAA,C;;;;;GAIC,SAAO5C,GAgBd,EAAA,MAhBwBmD,QAAK,CAEvBA,EAAM,MADdvD,EAAA,GAAAC,EAeEY,GAAA;IAbC,KAAK0C,EAAM;IACX,aAAWnC,EAAA;IACX,cAAYA,EAAA;IACZ,eAAajB,EAAAmB,CAAA;IACb,YAAUiC,EAAM;IAChB,YAAUA,EAAM,cAAcpD,EAAAqD,CAAA,CAAY,CAAC;IAC3C,YAAUD,EAAM,cAAcpD,EAAAqD,CAAA,CAAY,CAAC;IAC3C,YAAUD,EAAM,cAAcpD,EAAAqD,CAAA,CAAY,CAAC;IAC3C,eAAaD,EAAM,cAAcpD,EAAAqD,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"}
+{"version":3,"file":"AssetDetailDialog.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailDialogFrame","_unref","_withCtx","_createElementVNode","_toDisplayString","_createVNode","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createTextVNode","AssetDetailDialogSidebar","AssetDetailDialogFrame_default","AssetDetailDialogSidebar_default","AssetDetailDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","assetDetailStore","useAssetDetailStore","storeToRefs","useCommonAdminCoreDamOptions","view","computed","assetDetailViewOfAsset","asset","simpleAssetSidebarEnabled","shownAtClose","closeDialog","loading","stopTellingHost","watch","dialog","before","toolbarTitle","openBlock","createBlock","unref","withCtx","createElementVNode","toDisplayString","t","createVNode","VBtn","withModifiers","VIcon","VTooltip","createTextVNode","shown","DamAssetType","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, watch } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type AssetDetailItemDto, DamAssetType } from '@/domains/dam/types/Asset'\nimport AssetDetailDialogFrame from '@/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue'\nimport AssetDetailDialogSidebar from '@/domains/dam/assetDetail/components/AssetDetailDialogSidebar.vue'\nimport { assetDetailViewOfAsset } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  /** `shown`: the asset the detail showed when it closed. Null when closed from its loader or when it showed none. */\n  (e: 'close', shown: AssetDetailItemDto | null): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, dialog, loading } = storeToRefs(assetDetailStore)\n\nconst { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst view = computed(() => assetDetailViewOfAsset(asset.value, simpleAssetSidebarEnabled))\n\n// The asset shown when the close button is pressed.\n// Captured before the store is emptied, because the host cannot read it from the store.\nlet shownAtClose: AssetDetailItemDto | null = null\nconst closeDialog = () => {\n  shownAtClose = loading.value ? null : asset.value\n  assetDetailStore.close()\n  shownAtClose = null\n}\n// The store also closes the detail itself after a failed read. The host is told of either close, once.\n// Only a change that removes this detail counts as its close.\n// Until the host re-renders, this dialog still sees the next opening of its host or of another host.\nconst stopTellingHost = watch(\n  dialog,\n  (_now, before) => {\n    if (before === props.queueKey) emit('close', shownAtClose)\n  },\n  { flush: 'sync' }\n)\n// The store is page-wide. A host unmounted with its detail open would leave its key in the store.\n// The next host with that key then showed the detail at once, unasked.\n// So the detail is closed with its host and its pending read is dropped. The host is not told because it is unmounting.\nonBeforeUnmount(() => {\n  stopTellingHost()\n  if (dialog.value === props.queueKey) assetDetailStore.close()\n})\n\nconst toolbarTitle = computed(() => {\n  if (!asset.value) return ''\n  return asset.value.texts.displayTitle\n})\n</script>\n\n<template>\n  <AssetDetailDialogFrame\n    :loading=\"loading\"\n    :view=\"view\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n    @close=\"closeDialog\"\n  >\n    <template #title>\n      <div>{{ t('common.damImage.asset.detail.sourceSystem') }}: {{ toolbarTitle }}</div>\n    </template>\n    <template #toolbar-actions>\n      <VBtn\n        :aria-label=\"t('common.button.close')\"\n        icon\n        variant=\"text\"\n        :width=\"36\"\n        :height=\"36\"\n        class=\"mr-1\"\n        @click.stop=\"closeDialog\"\n      >\n        <VIcon icon=\"mdi-close\" />\n        <VTooltip\n          activator=\"parent\"\n          location=\"bottom\"\n        >\n          {{ t('common.button.close') }}\n        </VTooltip>\n      </VBtn>\n    </template>\n    <template #sidebar=\"{ view: shown }\">\n      <AssetDetailDialogSidebar\n        v-if=\"shown.id\"\n        :key=\"shown.id\"\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\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      />\n    </template>\n  </AssetDetailDialogFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAcA,IAAMkB,IAAQC,GAWRC,IAAOH,GAKPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,SAAMK,EAAQ,GAEhBC,IAAmBC,EAAoB,GACvC,EAAE,UAAO,WAAQ,eAAYC,EAAYF,CAAgB,GAEzD,EAAE,iCAA8BG,EAA6BN,CAAa,GAE1EO,IAAOC,QAAeC,EAAuBC,EAAM,OAAOC,CAAyB,CAAC,GAItFC,IAA0C,MACxCC,UAAoB;GAGxB,AAFA,IAAeC,EAAQ,QAAQ,OAAOJ,EAAM,OAC5CP,EAAiB,MAAM,GACvB,IAAe;EACjB,GAIMY,IAAkBC,EACtBC,IACC,GAAM,MAAW;GAChB,AAAIC,MAAWrB,EAAM,YAAUE,EAAK,SAASa,CAAY;EAC3D,GACA,EAAE,OAAO,OAAO,CAClB;EAIA,QAAsB;GAEpB,AADAG,EAAgB,GACZE,EAAO,UAAUpB,EAAM,YAAUM,EAAiB,MAAM;EAC9D,CAAC;EAED,IAAMgB,IAAeX,QACdE,EAAM,QACJA,EAAM,MAAM,MAAM,eADA,EAE1B;E,kBAIC/B,EAAA,GAAAC,EA+CyBC,GAAA;GA9CtB,SAASC,EAAAgC,CAAA;GACT,MAAMP,EAAA;GACN,cAAYT,EAAA;GACZ,eAAahB,EAAAkB,CAAA;GACb,SAAOa;;GAEG,OAAK9B,QACqE,CAAnFC,EAAmF,OAAA,MAAAC,EAA3EH,EAAA4C,CAAA,CAAC,CAAA,2CAAA,CAAA,IAAgD,OAAEzC,EAAGkC,EAAA,KAAY,GAAA,CAAA,C;GAEjE,mBAAepC,QAiBjB,CAhBPG,EAgBOC,GAAA;IAfJ,cAAYL,EAAA4C,CAAA,CAAC,CAAA,qBAAA;IACd,MAAA;IACA,SAAQ;IACP,OAAO;IACP,QAAQ;IACT,OAAM;IACL,SAAKtC,EAAOyB,GAAW,CAAA,MAAA,CAAA;;IAExB,SAAA9B,QAA0B,CAA1BG,EAA0BG,GAAA,EAAnB,MAAK,YAAW,CAAA,GACvBH,EAKWI,GAAA;KAJT,WAAU;KACV,UAAS;;KAET,SAAAP,QAA8B,CAA3BQ,EAAAN,EAAAH,EAAA4C,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,CAAA,C;;;;;GAIC,SAAO3C,GAgBd,EAAA,MAhBwBkD,QAAK,CAEvBA,EAAM,MADdtD,EAAA,GAAAC,EAeEY,GAAA;IAbC,KAAKyC,EAAM;IACX,aAAWnC,EAAA;IACX,cAAYA,EAAA;IACZ,eAAahB,EAAAkB,CAAA;IACb,YAAUiC,EAAM;IAChB,YAAUA,EAAM,cAAcnD,EAAAoD,CAAA,CAAY,CAAC;IAC3C,YAAUD,EAAM,cAAcnD,EAAAoD,CAAA,CAAY,CAAC;IAC3C,YAAUD,EAAM,cAAcnD,EAAAoD,CAAA,CAAY,CAAC;IAC3C,eAAaD,EAAM,cAAcnD,EAAAoD,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"}

package/dist/domains/dam/assetDetail/components/AssetDetailDialogFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailDialogFrame.js","names":["_sfc_main","AssetDetailDialogFrame_vue_vue_type_script_setup_true_lang_default","AssetDetailDialogFrame_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type AssetDetailView, pictureIsPlaceholder } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport AssetDetailDialogLoader from '@/domains/dam/assetDetail/components/AssetDetailDialogLoader.vue'\nimport AssetImage from '@/domains/dam/assetDetail/components/AssetImage.vue'\nimport DamAssetImageRoiSelectLazy from '@/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared frame of the asset detail and the single-upload dialog: dialog,\n// toolbar, image or ROI editor on the left, sidebar on the right.\n// Its content comes from the view.\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean\n    view: AssetDetailView | null\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\ndefineSlots<{\n  title(): unknown\n  'toolbar-actions'(): unknown\n  /** Drawn over the image. When given, image and overlay share a positioned box. */\n  'image-overlay'?(): unknown\n  sidebar(props: { view: AssetDetailView }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { canSafeHelper } = useAuthHelpers()\nconst { toolbarColor } = useTheme()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n\nconst { roiUpdateAcl } = useCommonAdminCoreDamOptions(damConfigName)\n// The endpoint rejects ROI saves without this permission. The ROI tab then only shows the image.\nconst roiEditable = computed(() => isNull(roiUpdateAcl) || canSafeHelper(roiUpdateAcl, undefined, 'roi'))\n\nconst sidebar = ref(true)\n\nconst toggleSidebar = () => {\n  sidebar.value = !sidebar.value\n}\n\nconst picture = computed(() => {\n  if (!props.view) return {}\n  const { image } = props.view\n  return {\n    assetType: props.view.assetType,\n    assetStatus: props.view.assetStatus,\n    src: image.src,\n    backgroundColor: image.backgroundColor,\n    width: image.width,\n    height: image.height,\n    showUploading: image.uploading,\n    showProcessing: image.processing,\n    showWaiting: image.waiting,\n    showDone: image.done,\n    uploadingProgress: image.progress,\n    remainingTime: image.remainingTime,\n    aspectRatio: image.aspectRatio,\n    useComponent: true,\n  }\n})\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"true\"\n    fullscreen\n    eager\n  >\n    <AssetDetailDialogLoader\n      v-if=\"loading\"\n      @close-dialog=\"emit('close')\"\n    />\n    <VCard\n      v-else-if=\"view\"\n      class=\"dam-image-detail\"\n      :class=\"{ 'dam-image-detail--sidebar-active': sidebar }\"\n    >\n      <div class=\"dam-image-detail__wrapper d-flex flex-column\">\n        <VToolbar\n          :color=\"toolbarColor\"\n          density=\"compact\"\n          :height=\"64\"\n          class=\"border-b pr-1\"\n        >\n          <div class=\"text-label-large d-flex px-2\">\n            <slot name=\"title\" />\n          </div>\n          <VSpacer />\n          <div class=\"pr-2\">\n            <VBtn\n              :aria-label=\"t('common.damImage.asset.detail.toggleInfo')\"\n              :active=\"sidebar\"\n              :variant=\"sidebar ? 'flat' : 'text'\"\n              :color=\"sidebar ? 'secondary' : ''\"\n              icon\n              class=\"mr-1\"\n              :width=\"36\"\n              :height=\"36\"\n              @click.stop=\"toggleSidebar\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                class=\"d-none d-md-flex\"\n              />\n              <VIcon\n                icon=\"mdi-image-outline\"\n                class=\"d-flex d-md-none\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.detail.toggleInfo') }}\n              </VTooltip>\n            </VBtn>\n            <slot name=\"toolbar-actions\" />\n          </div>\n        </VToolbar>\n        <div class=\"d-flex w-100 h-100 position-relative dam-image-detail__content\">\n          <div class=\"d-flex w-100 align-center dam-image-detail__left\">\n            <div\n              v-if=\"(activeTab === AssetDetailTabImageWithRoi.ROI && view.roiEditorTab) || view.simpleMode\"\n              class=\"w-100 h-100 pa-2 d-flex align-center justify-center\"\n            >\n              <DamAssetImageRoiSelectLazy\n                :ext-system=\"extSystem\"\n                :config-name=\"damConfigName\"\n                :readonly=\"!roiEditable\"\n              />\n            </div>\n            <div\n              v-else\n              class=\"w-100 h-100 pa-2 d-flex align-center justify-center\"\n            >\n              <!--\n                Around the grey placeholder the box fills this area, as the\n                placeholder does without an overlay. The overlay covers it.\n                Around an image the box keeps the image's size.\n              -->\n              <div\n                v-if=\"$slots['image-overlay']\"\n                class=\"position-relative\"\n                :class=\"{ 'w-100 h-100 d-flex align-center justify-center': pictureIsPlaceholder(view) }\"\n              >\n                <AssetImage v-bind=\"picture\" />\n                <slot name=\"image-overlay\" />\n              </div>\n              <AssetImage\n                v-else\n                v-bind=\"picture\"\n              />\n            </div>\n          </div>\n          <div class=\"h-100 d-flex dam-image-detail__sidebar border-s\">\n            <slot\n              name=\"sidebar\"\n              :view=\"view\"\n            />\n          </div>\n        </div>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailDialogFrame.js","names":["AssetDetailDialogFrame_vue_vue_type_script_setup_true_lang_default","AssetDetailDialogFrame_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailDialogFrame.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_component_VDialog","_withCtx","AssetDetailDialogLoader","_component_VCard","_normalizeClass","_createElementVNode","_createVNode","_component_VToolbar","_unref","_renderSlot","_component_VSpacer","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_createElementBlock","DamAssetImageRoiSelectLazy","AssetImage","_normalizeProps","_guardReactiveProps","_mergeProps","_createCommentVNode","AssetDetailDialogLoader_default","AssetImage_default","DamAssetImageRoiSelectLazy_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","AssetDetailDialogFrame_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","useAuthHelpers","useTheme","storeToRefs","useAssetDetailStore","useCommonAdminCoreDamOptions","roiEditable","computed","isNull","roiUpdateAcl","canSafeHelper","sidebar","ref","toggleSidebar","picture","image","openBlock","createBlock","VDialog","withCtx","_cache","VCard","normalizeClass","createElementVNode","createVNode","VToolbar","unref","toolbarColor","renderSlot","_ctx","VSpacer","VBtn","t","withModifiers","VIcon","VTooltip","createTextVNode","toDisplayString","activeTab","AssetDetailTabImageWithRoi","createElementBlock","pictureIsPlaceholder","normalizeProps","guardReactiveProps","mergeProps","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type AssetDetailView, pictureIsPlaceholder } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport AssetDetailDialogLoader from '@/domains/dam/assetDetail/components/AssetDetailDialogLoader.vue'\nimport AssetImage from '@/domains/dam/assetDetail/components/AssetImage.vue'\nimport DamAssetImageRoiSelectLazy from '@/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared frame of the asset detail and the single-upload dialog: dialog,\n// toolbar, image or ROI editor on the left, sidebar on the right.\n// Its content comes from the view.\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean\n    view: AssetDetailView | null\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\ndefineSlots<{\n  title(): unknown\n  'toolbar-actions'(): unknown\n  /** Drawn over the image. When given, image and overlay share a positioned box. */\n  'image-overlay'?(): unknown\n  sidebar(props: { view: AssetDetailView }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { canSafeHelper } = useAuthHelpers()\nconst { toolbarColor } = useTheme()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n\nconst { roiUpdateAcl } = useCommonAdminCoreDamOptions(damConfigName)\n// The endpoint rejects ROI saves without this permission. The ROI tab then only shows the image.\nconst roiEditable = computed(() => isNull(roiUpdateAcl) || canSafeHelper(roiUpdateAcl, undefined, 'roi'))\n\nconst sidebar = ref(true)\n\nconst toggleSidebar = () => {\n  sidebar.value = !sidebar.value\n}\n\nconst picture = computed(() => {\n  if (!props.view) return {}\n  const { image } = props.view\n  return {\n    assetType: props.view.assetType,\n    assetStatus: props.view.assetStatus,\n    src: image.src,\n    backgroundColor: image.backgroundColor,\n    width: image.width,\n    height: image.height,\n    showUploading: image.uploading,\n    showProcessing: image.processing,\n    showWaiting: image.waiting,\n    showDone: image.done,\n    uploadingProgress: image.progress,\n    remainingTime: image.remainingTime,\n    aspectRatio: image.aspectRatio,\n    useComponent: true,\n  }\n})\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"true\"\n    fullscreen\n    eager\n  >\n    <AssetDetailDialogLoader\n      v-if=\"loading\"\n      @close-dialog=\"emit('close')\"\n    />\n    <VCard\n      v-else-if=\"view\"\n      class=\"dam-image-detail\"\n      :class=\"{ 'dam-image-detail--sidebar-active': sidebar }\"\n    >\n      <div class=\"dam-image-detail__wrapper d-flex flex-column\">\n        <VToolbar\n          :color=\"toolbarColor\"\n          density=\"compact\"\n          :height=\"64\"\n          class=\"border-b pr-1\"\n        >\n          <div class=\"text-label-large d-flex px-2\">\n            <slot name=\"title\" />\n          </div>\n          <VSpacer />\n          <div class=\"pr-2\">\n            <VBtn\n              :aria-label=\"t('common.damImage.asset.detail.toggleInfo')\"\n              :active=\"sidebar\"\n              :variant=\"sidebar ? 'flat' : 'text'\"\n              :color=\"sidebar ? 'secondary' : ''\"\n              icon\n              class=\"mr-1\"\n              :width=\"36\"\n              :height=\"36\"\n              @click.stop=\"toggleSidebar\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                class=\"d-none d-md-flex\"\n              />\n              <VIcon\n                icon=\"mdi-image-outline\"\n                class=\"d-flex d-md-none\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.detail.toggleInfo') }}\n              </VTooltip>\n            </VBtn>\n            <slot name=\"toolbar-actions\" />\n          </div>\n        </VToolbar>\n        <div class=\"d-flex w-100 h-100 position-relative dam-image-detail__content\">\n          <div class=\"d-flex w-100 align-center dam-image-detail__left\">\n            <div\n              v-if=\"(activeTab === AssetDetailTabImageWithRoi.ROI && view.roiEditorTab) || view.simpleMode\"\n              class=\"w-100 h-100 pa-2 d-flex align-center justify-center\"\n            >\n              <DamAssetImageRoiSelectLazy\n                :ext-system=\"extSystem\"\n                :config-name=\"damConfigName\"\n                :readonly=\"!roiEditable\"\n              />\n            </div>\n            <div\n              v-else\n              class=\"w-100 h-100 pa-2 d-flex align-center justify-center\"\n            >\n              <!--\n                Around the grey placeholder the box fills this area, as the\n                placeholder does without an overlay. The overlay covers it.\n                Around an image the box keeps the image's size.\n              -->\n              <div\n                v-if=\"$slots['image-overlay']\"\n                class=\"position-relative\"\n                :class=\"{ 'w-100 h-100 d-flex align-center justify-center': pictureIsPlaceholder(view) }\"\n              >\n                <AssetImage v-bind=\"picture\" />\n                <slot name=\"image-overlay\" />\n              </div>\n              <AssetImage\n                v-else\n                v-bind=\"picture\"\n              />\n            </div>\n          </div>\n          <div class=\"h-100 d-flex dam-image-detail__sidebar border-s\">\n            <slot\n              name=\"sidebar\"\n              :view=\"view\"\n            />\n          </div>\n        </div>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AssetDetailDialogFrame.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_component_VDialog","_withCtx","AssetDetailDialogLoader","_component_VCard","_normalizeClass","_createElementVNode","_createVNode","_component_VToolbar","_unref","_renderSlot","_component_VSpacer","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_createElementBlock","DamAssetImageRoiSelectLazy","AssetImage","_normalizeProps","_guardReactiveProps","_mergeProps","AssetDetailDialogLoader_default","AssetImage_default","DamAssetImageRoiSelectLazy_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","AssetDetailDialogFrame_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","useAuthHelpers","useTheme","storeToRefs","useAssetDetailStore","useCommonAdminCoreDamOptions","roiEditable","computed","isNull","roiUpdateAcl","canSafeHelper","sidebar","ref","toggleSidebar","picture","image","openBlock","createBlock","VDialog","withCtx","_cache","VCard","normalizeClass","createElementVNode","createVNode","VToolbar","unref","toolbarColor","renderSlot","_ctx","VSpacer","VBtn","t","withModifiers","VIcon","VTooltip","createTextVNode","toDisplayString","activeTab","AssetDetailTabImageWithRoi","createElementBlock","pictureIsPlaceholder","normalizeProps","guardReactiveProps","mergeProps","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type AssetDetailView, pictureIsPlaceholder } from '@/domains/dam/assetDetail/composables/assetDetailView'\nimport AssetDetailDialogLoader from '@/domains/dam/assetDetail/components/AssetDetailDialogLoader.vue'\nimport AssetImage from '@/domains/dam/assetDetail/components/AssetImage.vue'\nimport DamAssetImageRoiSelectLazy from '@/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared frame of the asset detail and the single-upload dialog: dialog,\n// toolbar, image or ROI editor on the left, sidebar on the right.\n// Its content comes from the view.\n\nconst props = withDefaults(\n  defineProps<{\n    loading: boolean\n    view: AssetDetailView | null\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\ndefineSlots<{\n  title(): unknown\n  'toolbar-actions'(): unknown\n  /** Drawn over the image. When given, image and overlay share a positioned box. */\n  'image-overlay'?(): unknown\n  sidebar(props: { view: AssetDetailView }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { canSafeHelper } = useAuthHelpers()\nconst { toolbarColor } = useTheme()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n\nconst { roiUpdateAcl } = useCommonAdminCoreDamOptions(damConfigName)\n// The endpoint rejects ROI saves without this permission. The ROI tab then only shows the image.\nconst roiEditable = computed(() => isNull(roiUpdateAcl) || canSafeHelper(roiUpdateAcl, undefined, 'roi'))\n\nconst sidebar = ref(true)\n\nconst toggleSidebar = () => {\n  sidebar.value = !sidebar.value\n}\n\nconst picture = computed(() => {\n  if (!props.view) return {}\n  const { image } = props.view\n  return {\n    assetType: props.view.assetType,\n    assetStatus: props.view.assetStatus,\n    src: image.src,\n    backgroundColor: image.backgroundColor,\n    width: image.width,\n    height: image.height,\n    showUploading: image.uploading,\n    showProcessing: image.processing,\n    showWaiting: image.waiting,\n    showDone: image.done,\n    uploadingProgress: image.progress,\n    remainingTime: image.remainingTime,\n    aspectRatio: image.aspectRatio,\n    useComponent: true,\n  }\n})\n</script>\n\n<template>\n  <VDialog\n    :model-value=\"true\"\n    fullscreen\n    eager\n  >\n    <AssetDetailDialogLoader\n      v-if=\"loading\"\n      @close-dialog=\"emit('close')\"\n    />\n    <VCard\n      v-else-if=\"view\"\n      class=\"dam-image-detail\"\n      :class=\"{ 'dam-image-detail--sidebar-active': sidebar }\"\n    >\n      <div class=\"dam-image-detail__wrapper d-flex flex-column\">\n        <VToolbar\n          :color=\"toolbarColor\"\n          density=\"compact\"\n          :height=\"64\"\n          class=\"border-b pr-1\"\n        >\n          <div class=\"text-label-large d-flex px-2\">\n            <slot name=\"title\" />\n          </div>\n          <VSpacer />\n          <div class=\"pr-2\">\n            <VBtn\n              :aria-label=\"t('common.damImage.asset.detail.toggleInfo')\"\n              :active=\"sidebar\"\n              :variant=\"sidebar ? 'flat' : 'text'\"\n              :color=\"sidebar ? 'secondary' : ''\"\n              icon\n              class=\"mr-1\"\n              :width=\"36\"\n              :height=\"36\"\n              @click.stop=\"toggleSidebar\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                class=\"d-none d-md-flex\"\n              />\n              <VIcon\n                icon=\"mdi-image-outline\"\n                class=\"d-flex d-md-none\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.detail.toggleInfo') }}\n              </VTooltip>\n            </VBtn>\n            <slot name=\"toolbar-actions\" />\n          </div>\n        </VToolbar>\n        <div class=\"d-flex w-100 h-100 position-relative dam-image-detail__content\">\n          <div class=\"d-flex w-100 align-center dam-image-detail__left\">\n            <div\n              v-if=\"(activeTab === AssetDetailTabImageWithRoi.ROI && view.roiEditorTab) || view.simpleMode\"\n              class=\"w-100 h-100 pa-2 d-flex align-center justify-center\"\n            >\n              <DamAssetImageRoiSelectLazy\n                :ext-system=\"extSystem\"\n                :config-name=\"damConfigName\"\n                :readonly=\"!roiEditable\"\n              />\n            </div>\n            <div\n              v-else\n              class=\"w-100 h-100 pa-2 d-flex align-center justify-center\"\n            >\n              <!--\n                Around the grey placeholder the box fills this area, as the\n                placeholder does without an overlay. The overlay covers it.\n                Around an image the box keeps the image's size.\n              -->\n              <div\n                v-if=\"$slots['image-overlay']\"\n                class=\"position-relative\"\n                :class=\"{ 'w-100 h-100 d-flex align-center justify-center': pictureIsPlaceholder(view) }\"\n              >\n                <AssetImage v-bind=\"picture\" />\n                <slot name=\"image-overlay\" />\n              </div>\n              <AssetImage\n                v-else\n                v-bind=\"picture\"\n              />\n            </div>\n          </div>\n          <div class=\"h-100 d-flex dam-image-detail__sidebar border-s\">\n            <slot\n              name=\"sidebar\"\n              :view=\"view\"\n            />\n          </div>\n        </div>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/assetDetail/components/AssetDetailDialogLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailDialogLoader.js","names":["_sfc_main","AssetDetailDialogLoader_vue_vue_type_script_setup_true_lang_default","AssetDetailDialogLoader_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialogLoader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTheme } from '@/domains/system/composables/themeSettings'\nimport { useI18n } from 'vue-i18n'\n\nconst emit = defineEmits<{\n  (e: 'closeDialog'): void\n}>()\n\nconst { t } = useI18n()\n\nconst { toolbarColor } = useTheme()\n\nconst closeDialog = () => {\n  emit('closeDialog')\n}\n</script>\n\n<template>\n  <VCard class=\"dam-image-detail\">\n    <div class=\"d-flex flex-column w-100 h-100\">\n      <VToolbar\n        :color=\"toolbarColor\"\n        density=\"compact\"\n        :height=\"64\"\n        class=\"border-b\"\n      >\n        <div class=\"text-label-large d-flex\" />\n        <VSpacer />\n        <div>\n          <VBtn\n            icon\n            :aria-label=\"t('common.button.close')\"\n            variant=\"text\"\n            :width=\"36\"\n            :height=\"36\"\n            class=\"mr-1\"\n            @click.stop=\"closeDialog\"\n          >\n            <VIcon icon=\"mdi-close\" />\n          </VBtn>\n        </div>\n      </VToolbar>\n      <div class=\"d-flex w-100 h-100 justify-center align-center\">\n        <VProgressCircular\n          indeterminate\n          color=\"primary\"\n        />\n      </div>\n    </div>\n  </VCard>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailDialogLoader.js","names":["AssetDetailDialogLoader_vue_vue_type_script_setup_true_lang_default","AssetDetailDialogLoader_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailDialogSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailDialogSidebar.js","names":["_sfc_main","AssetDetailDialogSidebar_vue_vue_type_script_setup_true_lang_default","AssetDetailDialogSidebar_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialogSidebar.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 } from 'vue'\nimport AssetInfobox from '@/domains/dam/assetDetail/components/AssetInfobox.vue'\nimport AssetDetailSidebarMetadata from '@/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n    dataCy: undefined,\n    configName: undefined,\n  }\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)\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <AssetInfobox\n        :asset-status=\"assetStatus\"\n        :asset-main-file-status=\"assetMainFileStatus\"\n        :asset-main-file-fail-reason=\"assetMainFileFailReason\"\n      />\n    </template>\n    <template #info=\"{ isActive }\">\n      <AssetDetailSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailDialogSidebar.js","names":["AssetDetailDialogSidebar_vue_vue_type_script_setup_true_lang_default","AssetDetailDialogSidebar_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarActionsTeleportTarget.js","names":["_sfc_main","AssetDetailSidebarActionsTeleportTarget_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarActionsTeleportTarget_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { nextTick, onBeforeUnmount, onMounted } from 'vue'\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { mounted, unMounted, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n\nonMounted(async () => {\n  await nextTick()\n  mounted()\n})\n\nonBeforeUnmount(() => {\n  unMounted()\n})\n</script>\n\n<template>\n  <div :class=\"[divClassName, 'd-flex', 'flex-row-reverse', 'justify-start', 'align-center', 'w-100']\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarActionsTeleportTarget.js","names":["AssetDetailSidebarActionsTeleportTarget_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarActionsTeleportTarget_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarActionsWrapper.js","names":["_sfc_main","AssetDetailSidebarActionsWrapper_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarActionsWrapper_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { canTeleport, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n</script>\n\n<template>\n  <Teleport\n    v-if=\"canTeleport\"\n    :to=\"'.' + divClassName\"\n  >\n    <div>\n      <slot />\n    </div>\n  </Teleport>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarActionsWrapper.js","names":["AssetDetailSidebarActionsWrapper_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarActionsWrapper_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js","names":["props","_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_renderSlot","_createCommentVNode","AssetDetailSidebarActionsWrapper_vue_vue_type_script_setup_true_lang_default","useAssetDetailSidebarActionbar","__props","unref","canTeleport","openBlock","createBlock","Teleport","divClassName","createElementVNode","renderSlot","_ctx","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { canTeleport, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n</script>\n\n<template>\n  <Teleport\n    v-if=\"canTeleport\"\n    :to=\"'.' + divClassName\"\n  >\n    <div>\n      <slot />\n    </div>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;EAYA,IAAM,EAAE,gBAAa,oBAAiBS,EAA+BT,EAAM,QAAQ;E,iBAKzEC,EAAAW,CAAA,KADRV,EAAA,GAAAC,EAOWC,GAAA;;GALR,IAAE,MAAQH,EAAAe,CAAA;E,IAEXX,EAEM,OAAA,MAAA,CADJC,EAAQa,EAAA,QAAA,SAAA,C"}
+{"version":3,"file":"AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js","names":["props","_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_renderSlot","AssetDetailSidebarActionsWrapper_vue_vue_type_script_setup_true_lang_default","useAssetDetailSidebarActionbar","__props","unref","canTeleport","openBlock","createBlock","Teleport","divClassName","createElementVNode","renderSlot","_ctx","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { canTeleport, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n</script>\n\n<template>\n  <Teleport\n    v-if=\"canTeleport\"\n    :to=\"'.' + divClassName\"\n  >\n    <div>\n      <slot />\n    </div>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;EAYA,IAAM,EAAE,gBAAa,oBAAiBQ,EAA+BR,EAAM,QAAQ;E,iBAKzEC,EAAAU,CAAA,KADRT,EAAA,GAAAC,EAOWC,GAAA;;GALR,IAAE,MAAQH,EAAAc,CAAA;E,IAEXV,EAEM,OAAA,MAAA,CADJC,EAAQY,EAAA,QAAA,SAAA,C"}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarFrame.js","names":["_sfc_main","AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarFrame_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport AssetDetailSidebarROI from '@/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue'\nimport AssetDetailSidebarActionsTeleportTarget from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared sidebar frame of the asset detail and the single-upload\n// dialog: tabs, ROIs and the teleport target for the info tab buttons.\n// Content above the tabs and inside the info tab belongs to each sidebar.\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    configName?: string\n    roiTab: boolean\n    simpleMode: boolean\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\ndefineSlots<{\n  prepend?(): unknown\n  info(props: { isActive: boolean }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n</script>\n\n<template>\n  <div\n    class=\"sidebar-info d-flex w-100 h-100 flex-column\"\n    :class=\"{ 'sidebar-info--no-tabs': simpleMode }\"\n  >\n    <div class=\"w-100 h-100 d-flex flex-column\">\n      <VTabs\n        v-if=\"!simpleMode\"\n        v-model=\"activeTab\"\n        show-arrows\n        class=\"sidebar-info__tabs\"\n      >\n        <VTab\n          :value=\"AssetDetailTabImageWithRoi.Info\"\n          data-cy=\"button-meta\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.info') }}\n        </VTab>\n        <VTab\n          v-if=\"roiTab\"\n          :value=\"AssetDetailTabImageWithRoi.ROI\"\n          data-cy=\"button-focus\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.roi') }}\n        </VTab>\n      </VTabs>\n\n      <div class=\"sidebar-info__content\">\n        <slot name=\"prepend\" />\n        <template v-if=\"simpleMode\">\n          <div class=\"py-2\">\n            <slot\n              name=\"info\"\n              :is-active=\"true\"\n            />\n          </div>\n          <div class=\"py-2\">\n            <AssetDetailSidebarROI\n              :is-active=\"true\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n        <template v-else>\n          <div\n            v-if=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            class=\"py-2\"\n          >\n            <slot\n              name=\"info\"\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            />\n          </div>\n          <div\n            v-if=\"roiTab && activeTab === AssetDetailTabImageWithRoi.ROI\"\n            class=\"py-2\"\n          >\n            <AssetDetailSidebarROI\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.ROI\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n      </div>\n      <div class=\"sidebar-info__actions px-2\">\n        <AssetDetailSidebarActionsTeleportTarget :queue-key=\"queueKey\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarFrame.js","names":["AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarFrame_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_component_VTabs","_unref","_isRef","_withCtx","_createVNode","_component_VTab","_createTextVNode","_toDisplayString","_createCommentVNode","_renderSlot","_Fragment","AssetDetailSidebarROI","AssetDetailSidebarActionsTeleportTarget","AssetDetailSidebarROI_default","AssetDetailSidebarActionsTeleportTarget_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","storeToRefs","useAssetDetailStore","openBlock","createElementBlock","normalizeClass","createElementVNode","createCommentVNode","createBlock","VTabs","unref","activeTab","_cache","isRef","$event","withCtx","createVNode","VTab","AssetDetailTabImageWithRoi","createTextVNode","toDisplayString","t","renderSlot","_ctx","Fragment"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport AssetDetailSidebarROI from '@/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue'\nimport AssetDetailSidebarActionsTeleportTarget from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared sidebar frame of the asset detail and the single-upload\n// dialog: tabs, ROIs and the teleport target for the info tab buttons.\n// Content above the tabs and inside the info tab belongs to each sidebar.\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    configName?: string\n    roiTab: boolean\n    simpleMode: boolean\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\ndefineSlots<{\n  prepend?(): unknown\n  info(props: { isActive: boolean }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n</script>\n\n<template>\n  <div\n    class=\"sidebar-info d-flex w-100 h-100 flex-column\"\n    :class=\"{ 'sidebar-info--no-tabs': simpleMode }\"\n  >\n    <div class=\"w-100 h-100 d-flex flex-column\">\n      <VTabs\n        v-if=\"!simpleMode\"\n        v-model=\"activeTab\"\n        show-arrows\n        class=\"sidebar-info__tabs\"\n      >\n        <VTab\n          :value=\"AssetDetailTabImageWithRoi.Info\"\n          data-cy=\"button-meta\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.info') }}\n        </VTab>\n        <VTab\n          v-if=\"roiTab\"\n          :value=\"AssetDetailTabImageWithRoi.ROI\"\n          data-cy=\"button-focus\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.roi') }}\n        </VTab>\n      </VTabs>\n\n      <div class=\"sidebar-info__content\">\n        <slot name=\"prepend\" />\n        <template v-if=\"simpleMode\">\n          <div class=\"py-2\">\n            <slot\n              name=\"info\"\n              :is-active=\"true\"\n            />\n          </div>\n          <div class=\"py-2\">\n            <AssetDetailSidebarROI\n              :is-active=\"true\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n        <template v-else>\n          <div\n            v-if=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            class=\"py-2\"\n          >\n            <slot\n              name=\"info\"\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            />\n          </div>\n          <div\n            v-if=\"roiTab && activeTab === AssetDetailTabImageWithRoi.ROI\"\n            class=\"py-2\"\n          >\n            <AssetDetailSidebarROI\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.ROI\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n      </div>\n      <div class=\"sidebar-info__actions px-2\">\n        <AssetDetailSidebarActionsTeleportTarget :queue-key=\"queueKey\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM6B,IAAgBC,EAAiB9B,EAAM,UAAU,GAEjD,EAAE,SAAMgC,EAAQ,GAEhB,EAAE,iBAAcC,EAAYC,EAAoB,CAAC;E,kBAIrDjC,EAAA,GAAAC,EAqEM,OAAA,EApEJ,OAAKC,EAAA,CAAC,+CAA6C,EAAA,yBAChB4B,EAAA,WAAU,CAAA,CAAA,E,IAE7C3B,EAgEM,OAhENiB,GAgEM;GA9DKU,EAAA,a,aADT9B,EAAA,GAAAI,EAmBQC,GAAA;;IAjBG,YAAAC,EAAAoC,CAAA;IAAA,uBAAA,AAAAC,EAAA,QAAA,MAAApC,EAAAmC,CAAA,IAAA,EAAS,QAAAG,IAAA;IAClB,eAAA;IACA,OAAM;;IAEN,SAAArC,QAKO,CALPC,EAKOC,GAAA;KAJJ,OAAOJ,EAAA2C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAzC,QAAiD,CAA9CG,EAAAC,EAAAN,EAAA8C,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA,C;;I,kBAGEtB,EAAA,UADR9B,EAAA,GAAAI,EAMOM,GAAA;;KAJJ,OAAOJ,EAAA2C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAzC,QAAgD,CAA7CG,EAAAC,EAAAN,EAAA8C,CAAA,CAAC,CAAA,uCAAA,CAAA,GAAA,CAAA,C;;;;;GAIRjD,EAsCM,OAtCNkB,GAsCM,CArCJP,EAAuBwC,EAAA,QAAA,SAAA,GACPxB,EAAA,cAAhB9B,EAAA,GAAAC,EAcWc,GAAA,EAAA,KAAA,EAAA,GAAA,CAbTZ,EAKM,OALNmB,GAKM,CAJJR,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAW,GAAI,CAAA,C,IAGpBnD,EAMM,OANNoB,GAMM,CALJd,EAIEO,GAAA;IAHC,aAAW;IACX,aAAWc,EAAA;IACX,eAAaxB,EAAAsB,CAAA;G,sDAIpB5B,EAAA,GAAAC,EAoBWc,GAAA,EAAA,KAAA,EAAA,GAAA,CAlBDT,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,QADjDjD,EAAA,GAAAC,EAQM,OARNuB,GAQM,CAJJV,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAWhD,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,K,mBAIjDnB,EAAA,UAAUxB,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,OAD3DjD,EAAA,GAAAC,EASM,OATNwB,GASM,CALJhB,EAIEO,GAAA;IAHC,aAAWV,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC;IACpD,aAAWnB,EAAA;IACX,eAAaxB,EAAAsB,CAAA;;;;;;GAKtBzB,EAEM,OAFNuB,GAEM,CADJjB,EAAiEQ,GAAA,EAAvB,aAAWa,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,C"}
+{"version":3,"file":"AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_component_VTabs","_unref","_isRef","_withCtx","_createVNode","_component_VTab","_createTextVNode","_toDisplayString","_renderSlot","_Fragment","AssetDetailSidebarROI","AssetDetailSidebarActionsTeleportTarget","AssetDetailSidebarROI_default","AssetDetailSidebarActionsTeleportTarget_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","storeToRefs","useAssetDetailStore","openBlock","createElementBlock","normalizeClass","createElementVNode","createCommentVNode","createBlock","VTabs","unref","activeTab","_cache","isRef","$event","withCtx","createVNode","VTab","AssetDetailTabImageWithRoi","createTextVNode","toDisplayString","t","renderSlot","_ctx","Fragment"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport AssetDetailSidebarROI from '@/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue'\nimport AssetDetailSidebarActionsTeleportTarget from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared sidebar frame of the asset detail and the single-upload\n// dialog: tabs, ROIs and the teleport target for the info tab buttons.\n// Content above the tabs and inside the info tab belongs to each sidebar.\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    configName?: string\n    roiTab: boolean\n    simpleMode: boolean\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\ndefineSlots<{\n  prepend?(): unknown\n  info(props: { isActive: boolean }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n</script>\n\n<template>\n  <div\n    class=\"sidebar-info d-flex w-100 h-100 flex-column\"\n    :class=\"{ 'sidebar-info--no-tabs': simpleMode }\"\n  >\n    <div class=\"w-100 h-100 d-flex flex-column\">\n      <VTabs\n        v-if=\"!simpleMode\"\n        v-model=\"activeTab\"\n        show-arrows\n        class=\"sidebar-info__tabs\"\n      >\n        <VTab\n          :value=\"AssetDetailTabImageWithRoi.Info\"\n          data-cy=\"button-meta\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.info') }}\n        </VTab>\n        <VTab\n          v-if=\"roiTab\"\n          :value=\"AssetDetailTabImageWithRoi.ROI\"\n          data-cy=\"button-focus\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.roi') }}\n        </VTab>\n      </VTabs>\n\n      <div class=\"sidebar-info__content\">\n        <slot name=\"prepend\" />\n        <template v-if=\"simpleMode\">\n          <div class=\"py-2\">\n            <slot\n              name=\"info\"\n              :is-active=\"true\"\n            />\n          </div>\n          <div class=\"py-2\">\n            <AssetDetailSidebarROI\n              :is-active=\"true\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n        <template v-else>\n          <div\n            v-if=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            class=\"py-2\"\n          >\n            <slot\n              name=\"info\"\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            />\n          </div>\n          <div\n            v-if=\"roiTab && activeTab === AssetDetailTabImageWithRoi.ROI\"\n            class=\"py-2\"\n          >\n            <AssetDetailSidebarROI\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.ROI\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n      </div>\n      <div class=\"sidebar-info__actions px-2\">\n        <AssetDetailSidebarActionsTeleportTarget :queue-key=\"queueKey\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM4B,IAAgBC,EAAiB7B,EAAM,UAAU,GAEjD,EAAE,SAAM+B,EAAQ,GAEhB,EAAE,iBAAcC,EAAYC,EAAoB,CAAC;E,kBAIrDhC,EAAA,GAAAC,EAqEM,OAAA,EApEJ,OAAKC,EAAA,CAAC,+CAA6C,EAAA,yBAChB2B,EAAA,WAAU,CAAA,CAAA,E,IAE7C1B,EAgEM,OAhENgB,GAgEM;GA9DKU,EAAA,a,aADT7B,EAAA,GAAAI,EAmBQC,GAAA;;IAjBG,YAAAC,EAAAmC,CAAA;IAAA,uBAAA,AAAAC,EAAA,QAAA,MAAAnC,EAAAkC,CAAA,IAAA,EAAS,QAAAG,IAAA;IAClB,eAAA;IACA,OAAM;;IAEN,SAAApC,QAKO,CALPC,EAKOC,GAAA;KAJJ,OAAOJ,EAAA0C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAxC,QAAiD,CAA9CG,EAAAC,EAAAN,EAAA6C,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA,C;;I,kBAGEtB,EAAA,UADR7B,EAAA,GAAAI,EAMOM,GAAA;;KAJJ,OAAOJ,EAAA0C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAxC,QAAgD,CAA7CG,EAAAC,EAAAN,EAAA6C,CAAA,CAAC,CAAA,uCAAA,CAAA,GAAA,CAAA,C;;;;;GAIRhD,EAsCM,OAtCNiB,GAsCM,CArCJP,EAAuBwC,EAAA,QAAA,SAAA,GACPxB,EAAA,cAAhB7B,EAAA,GAAAC,EAcWa,GAAA,EAAA,KAAA,EAAA,GAAA,CAbTX,EAKM,OALNkB,GAKM,CAJJR,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAW,GAAI,CAAA,C,IAGpBlD,EAMM,OANNmB,GAMM,CALJb,EAIEM,GAAA;IAHC,aAAW;IACX,aAAWc,EAAA;IACX,eAAavB,EAAAqB,CAAA;G,sDAIpB3B,EAAA,GAAAC,EAoBWa,GAAA,EAAA,KAAA,EAAA,GAAA,CAlBDR,EAAAmC,CAAA,MAAcnC,EAAA0C,CAAA,CAA0B,CAAC,QADjDhD,EAAA,GAAAC,EAQM,OARNsB,GAQM,CAJJV,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAW/C,EAAAmC,CAAA,MAAcnC,EAAA0C,CAAA,CAA0B,CAAC,K,mBAIjDnB,EAAA,UAAUvB,EAAAmC,CAAA,MAAcnC,EAAA0C,CAAA,CAA0B,CAAC,OAD3DhD,EAAA,GAAAC,EASM,OATNuB,GASM,CALJf,EAIEM,GAAA;IAHC,aAAWT,EAAAmC,CAAA,MAAcnC,EAAA0C,CAAA,CAA0B,CAAC;IACpD,aAAWnB,EAAA;IACX,eAAavB,EAAAqB,CAAA;;;;;;GAKtBxB,EAEM,OAFNsB,GAEM,CADJhB,EAAiEO,GAAA,EAAvB,aAAWa,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,C"}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarMetadata.js","names":["_sfc_main","AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarMetadata_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { showMetadataSaveError, updateAssetMetadata } from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, updateUploadStore, mainFileSingleUse } = storeToRefs(assetDetailStore)\nconst uploadQueueStore = useUploadQueuesStore()\n\nconst saveButtonLoading = ref(false)\n// Saving before the server has processed the file would overwrite the metadata the server extracts from it.\n// The detail is not reloaded automatically. The user reopens it after processing.\nconst saveBlocked = computed(() => !isNull(asset.value) && assetMetadataMayStillChange(asset.value))\n\nconst { showRecordWas, showValidationError } = useAlerts()\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol, $stopPropagation: true })\n\nconst { damClient, endPointAsset } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst onSave = async () => {\n  // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n  if (isNull(asset.value) || saveBlocked.value || saveButtonLoading.value) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  // Snapshot the asset before sending and update the queue from that snapshot.\n  // The form is not locked during the save, and the detail can\n  // be closed or switched to another asset before the response.\n  // Reading the live state then gave the queue rows unsaved input, or nothing.\n  const saved = cloneDeep(asset.value)\n  const savedSingleUse = mainFileSingleUse.value\n  const tellsQueue = updateUploadStore.value\n  // Queue rows as of pressing save. Input typed into them while the save runs must not be overwritten.\n  const rowsAtSave = tellsQueue ? uploadQueueStore.noteRowsOfAsset(saved.id, damConfigName) : undefined\n  try {\n    const sent = updateAssetMetadata(damClient, endPointAsset, saved, props.extSystem, savedSingleUse)\n    // Registered for the host. If the detail closes before the response, the host waits for this save.\n    assetDetailStore.setSaving(saved.id, sent, damConfigName)\n    await sent\n    if (tellsQueue) {\n      await uploadQueueStore.updateFromDetail(saved, damConfigName, savedSingleUse, rowsAtSave)\n    }\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    // After a failed save nothing uses the note. After a successful write it has already been released.\n    if (rowsAtSave) uploadQueueStore.forgetRowsNote(rowsAtSave)\n    saveButtonLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saveButtonLoading\"\n      :disabled=\"saveBlocked\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <div\n    v-if=\"isActive && saveBlocked\"\n    class=\"text-body-small px-4 pt-2\"\n    data-cy=\"save-blocked\"\n  >\n    {{ t('common.damImage.queueItem.stillUploadingOrProcessing') }}\n  </div>\n  <AssetMetadata\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarMetadata.js","names":["AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarMetadata_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_createVNode","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","AssetMetadata","AssetDetailSidebarActionsWrapper_default","AssetMetadata_default","useVuelidate","_hoisted_1","AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useI18n","assetDetailStore","useAssetDetailStore","storeToRefs","uploadQueueStore","useUploadQueuesStore","saveButtonLoading","ref","saveBlocked","computed","isNull","asset","assetMetadataMayStillChange","useAlerts","v$","ADamAssetMetadataValidationScopeSymbol","useCommonAdminCoreDamOptions","onSave","showValidationError","saved","cloneDeep","savedSingleUse","mainFileSingleUse","tellsQueue","updateUploadStore","rowsAtSave","sent","updateAssetMetadata","damClient","endPointAsset","showRecordWas","error","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { showMetadataSaveError, updateAssetMetadata } from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, updateUploadStore, mainFileSingleUse } = storeToRefs(assetDetailStore)\nconst uploadQueueStore = useUploadQueuesStore()\n\nconst saveButtonLoading = ref(false)\n// Saving before the server has processed the file would overwrite the metadata the server extracts from it.\n// The detail is not reloaded automatically. The user reopens it after processing.\nconst saveBlocked = computed(() => !isNull(asset.value) && assetMetadataMayStillChange(asset.value))\n\nconst { showRecordWas, showValidationError } = useAlerts()\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol, $stopPropagation: true })\n\nconst { damClient, endPointAsset } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst onSave = async () => {\n  // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n  if (isNull(asset.value) || saveBlocked.value || saveButtonLoading.value) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  // Snapshot the asset before sending and update the queue from that snapshot.\n  // The form is not locked during the save, and the detail can\n  // be closed or switched to another asset before the response.\n  // Reading the live state then gave the queue rows unsaved input, or nothing.\n  const saved = cloneDeep(asset.value)\n  const savedSingleUse = mainFileSingleUse.value\n  const tellsQueue = updateUploadStore.value\n  // Queue rows as of pressing save. Input typed into them while the save runs must not be overwritten.\n  const rowsAtSave = tellsQueue ? uploadQueueStore.noteRowsOfAsset(saved.id, damConfigName) : undefined\n  try {\n    const sent = updateAssetMetadata(damClient, endPointAsset, saved, props.extSystem, savedSingleUse)\n    // Registered for the host. If the detail closes before the response, the host waits for this save.\n    assetDetailStore.setSaving(saved.id, sent, damConfigName)\n    await sent\n    if (tellsQueue) {\n      await uploadQueueStore.updateFromDetail(saved, damConfigName, savedSingleUse, rowsAtSave)\n    }\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    // After a failed save nothing uses the note. After a successful write it has already been released.\n    if (rowsAtSave) uploadQueueStore.forgetRowsNote(rowsAtSave)\n    saveButtonLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saveButtonLoading\"\n      :disabled=\"saveBlocked\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <div\n    v-if=\"isActive && saveBlocked\"\n    class=\"text-body-small px-4 pt-2\"\n    data-cy=\"save-blocked\"\n  >\n    {{ t('common.damImage.queueItem.stillUploadingOrProcessing') }}\n  </div>\n  <AssetMetadata\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMmB,IAAQC,GAeRC,IAAgBC,EAAiBH,EAAM,UAAU,GAEjD,EAAE,SAAMI,EAAQ,GAEhBC,IAAmBC,EAAoB,GACvC,EAAE,UAAO,sBAAmB,yBAAsBC,EAAYF,CAAgB,GAC9EG,IAAmBC,EAAqB,GAExCC,IAAoBC,EAAI,EAAK,GAG7BC,IAAcC,QAAe,CAACC,EAAOC,EAAM,KAAK,KAAKC,EAA4BD,EAAM,KAAK,CAAC,GAE7F,EAAE,kBAAe,2BAAwBE,EAAU,GAEnDC,IAAKrB,EAAa;GAAE,QAAQsB;GAAwC,kBAAkB;EAAK,CAAC,GAE5F,EAAE,cAAW,qBAAkBC,EAA6BlB,CAAa,GAEzEmB,IAAS,YAAY;GAEzB,IAAIP,EAAOC,EAAM,KAAK,KAAKH,EAAY,SAASF,EAAkB,OAAO;GAGzE,IAFA,EAAkB,QAAQ,IAC1BQ,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAAU;IAErB,AADAI,EAAoB,GACpB,EAAkB,QAAQ;IAC1B;GACF;GAKA,IAAMC,IAAQC,EAAUT,EAAM,KAAK,GAC7BU,IAAiBC,EAAkB,OACnCC,IAAaC,EAAkB,OAE/BC,IAAaF,IAAanB,EAAiB,gBAAgBe,EAAM,IAAIrB,CAAa,IAAI,KAAA;GAC5F,IAAI;IACF,IAAM4B,IAAOC,EAAoBC,GAAWC,GAAeV,GAAOvB,EAAM,WAAWyB,CAAc;IAOjG,AALApB,EAAiB,UAAUkB,EAAM,IAAIO,GAAM5B,CAAa,GACxD,MAAM4B,GACFH,KACF,MAAMnB,EAAiB,iBAAiBe,GAAOrB,GAAeuB,GAAgBI,CAAU,GAE1FK,EAAc,SAAS;GACzB,SAASC,GAAO;IACd,EAAsBA,GAAOnC,EAAM,WAAWE,CAAa;GAC7D,UAAU;IAGR,AADI2B,KAAYrB,EAAiB,eAAeqB,CAAU,GAC1D,EAAkB,QAAQ;GAC5B;EACF;;;;IAKU5B,EAAA,YADRnB,EAAA,GAAAG,EAcmCC,GAAA;;KAZhC,aAAWe,EAAA;;KAEZ,SAAAd,QASc,CATdC,EAScgD,GAAA;MARZ,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAAS1B,EAAA;MACT,UAAUE,EAAA;MACV,SAAKvB,EAAOgC,GAAM,CAAA,MAAA,CAAA;;MAEnB,SAAAlC,QAA6B,CAA1BG,EAAAC,EAAAC,EAAAwD,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;;;IAIA/C,EAAA,YAAYW,EAAA,SADpB9B,EAAA,GAAAC,EAMM,OANNe,GAMMP,EADDC,EAAAwD,CAAA,CAAC,CAAA,sDAAA,CAAA,GAAA,CAAA,K;IAEN5D,EAGEM,GAAA;KAFC,cAAYO,EAAA;KACZ,eAAaT,EAAAU,CAAA"}
+{"version":3,"file":"AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_createVNode","_withModifiers","_createTextVNode","_toDisplayString","_unref","AssetMetadata","AssetDetailSidebarActionsWrapper_default","AssetMetadata_default","useVuelidate","_hoisted_1","AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useI18n","assetDetailStore","useAssetDetailStore","storeToRefs","uploadQueueStore","useUploadQueuesStore","saveButtonLoading","ref","saveBlocked","computed","isNull","asset","assetMetadataMayStillChange","useAlerts","v$","ADamAssetMetadataValidationScopeSymbol","useCommonAdminCoreDamOptions","onSave","showValidationError","saved","cloneDeep","savedSingleUse","mainFileSingleUse","tellsQueue","updateUploadStore","rowsAtSave","sent","updateAssetMetadata","damClient","endPointAsset","showRecordWas","error","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { showMetadataSaveError, updateAssetMetadata } from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, updateUploadStore, mainFileSingleUse } = storeToRefs(assetDetailStore)\nconst uploadQueueStore = useUploadQueuesStore()\n\nconst saveButtonLoading = ref(false)\n// Saving before the server has processed the file would overwrite the metadata the server extracts from it.\n// The detail is not reloaded automatically. The user reopens it after processing.\nconst saveBlocked = computed(() => !isNull(asset.value) && assetMetadataMayStillChange(asset.value))\n\nconst { showRecordWas, showValidationError } = useAlerts()\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol, $stopPropagation: true })\n\nconst { damClient, endPointAsset } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst onSave = async () => {\n  // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n  if (isNull(asset.value) || saveBlocked.value || saveButtonLoading.value) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  // Snapshot the asset before sending and update the queue from that snapshot.\n  // The form is not locked during the save, and the detail can\n  // be closed or switched to another asset before the response.\n  // Reading the live state then gave the queue rows unsaved input, or nothing.\n  const saved = cloneDeep(asset.value)\n  const savedSingleUse = mainFileSingleUse.value\n  const tellsQueue = updateUploadStore.value\n  // Queue rows as of pressing save. Input typed into them while the save runs must not be overwritten.\n  const rowsAtSave = tellsQueue ? uploadQueueStore.noteRowsOfAsset(saved.id, damConfigName) : undefined\n  try {\n    const sent = updateAssetMetadata(damClient, endPointAsset, saved, props.extSystem, savedSingleUse)\n    // Registered for the host. If the detail closes before the response, the host waits for this save.\n    assetDetailStore.setSaving(saved.id, sent, damConfigName)\n    await sent\n    if (tellsQueue) {\n      await uploadQueueStore.updateFromDetail(saved, damConfigName, savedSingleUse, rowsAtSave)\n    }\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    // After a failed save nothing uses the note. After a successful write it has already been released.\n    if (rowsAtSave) uploadQueueStore.forgetRowsNote(rowsAtSave)\n    saveButtonLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saveButtonLoading\"\n      :disabled=\"saveBlocked\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <div\n    v-if=\"isActive && saveBlocked\"\n    class=\"text-body-small px-4 pt-2\"\n    data-cy=\"save-blocked\"\n  >\n    {{ t('common.damImage.queueItem.stillUploadingOrProcessing') }}\n  </div>\n  <AssetMetadata\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMgB,IAAQC,GAeRC,IAAgBC,EAAiBH,EAAM,UAAU,GAEjD,EAAE,SAAMI,EAAQ,GAEhBC,IAAmBC,EAAoB,GACvC,EAAE,UAAO,sBAAmB,yBAAsBC,EAAYF,CAAgB,GAC9EG,IAAmBC,EAAqB,GAExCC,IAAoBC,EAAI,EAAK,GAG7BC,IAAcC,QAAe,CAACC,EAAOC,EAAM,KAAK,KAAKC,EAA4BD,EAAM,KAAK,CAAC,GAE7F,EAAE,kBAAe,2BAAwBE,EAAU,GAEnDC,IAAKrB,EAAa;GAAE,QAAQsB;GAAwC,kBAAkB;EAAK,CAAC,GAE5F,EAAE,cAAW,qBAAkBC,EAA6BlB,CAAa,GAEzEmB,IAAS,YAAY;GAEzB,IAAIP,EAAOC,EAAM,KAAK,KAAKH,EAAY,SAASF,EAAkB,OAAO;GAGzE,IAFA,EAAkB,QAAQ,IAC1BQ,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAAU;IAErB,AADAI,EAAoB,GACpB,EAAkB,QAAQ;IAC1B;GACF;GAKA,IAAMC,IAAQC,EAAUT,EAAM,KAAK,GAC7BU,IAAiBC,EAAkB,OACnCC,IAAaC,EAAkB,OAE/BC,IAAaF,IAAanB,EAAiB,gBAAgBe,EAAM,IAAIrB,CAAa,IAAI,KAAA;GAC5F,IAAI;IACF,IAAM4B,IAAOC,EAAoBC,GAAWC,GAAeV,GAAOvB,EAAM,WAAWyB,CAAc;IAOjG,AALApB,EAAiB,UAAUkB,EAAM,IAAIO,GAAM5B,CAAa,GACxD,MAAM4B,GACFH,KACF,MAAMnB,EAAiB,iBAAiBe,GAAOrB,GAAeuB,GAAgBI,CAAU,GAE1FK,EAAc,SAAS;GACzB,SAASC,GAAO;IACd,EAAsBA,GAAOnC,EAAM,WAAWE,CAAa;GAC7D,UAAU;IAGR,AADI2B,KAAYrB,EAAiB,eAAeqB,CAAU,GAC1D,EAAkB,QAAQ;GAC5B;EACF;;;;IAKU5B,EAAA,YADRjB,EAAA,GAAAE,EAcmCC,GAAA;;KAZhC,aAAWc,EAAA;;KAEZ,SAAAb,QASc,CATdC,EASc+C,GAAA;MARZ,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAAS1B,EAAA;MACT,UAAUE,EAAA;MACV,SAAKtB,EAAO+B,GAAM,CAAA,MAAA,CAAA;;MAEnB,SAAAjC,QAA6B,CAA1BG,EAAAC,EAAAC,EAAAuD,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;;;IAIA/C,EAAA,YAAYW,EAAA,SADpB5B,EAAA,GAAAC,EAMM,OANNa,GAMMN,EADDC,EAAAuD,CAAA,CAAC,CAAA,sDAAA,CAAA,GAAA,CAAA,K;IAEN3D,EAGEK,GAAA;KAFC,cAAYO,EAAA;KACZ,eAAaR,EAAAS,CAAA"}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarROI.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarROI.js","names":["_sfc_main","AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarROI_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { useI18n } from 'vue-i18n'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { computed, onMounted } from 'vue'\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport AssetFileRotate from '@/domains/dam/assetDetail/components/AssetFileRotate.vue'\nimport { ENTITY, fetchRoi, useFetchImageRoiList } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    isActive: boolean\n    queueKey: UploadQueueKey\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\nconst imageRoiStore = useImageRoiStore()\nconst assetDetailStore = useAssetDetailStore()\n\nconst { pagination } = usePagination(SORT_BY_ID)\n\nconst { damClient, endPointImage, endPointRoi, imageRotateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst { canSafeHelper } = useAuthHelpers()\n// The endpoint refuses the rotation without it.\nconst rotateAllowed = computed(() => isNull(imageRotateAcl) || canSafeHelper(imageRotateAcl, undefined, 'rotate'))\nconst filterFieldsInner = [] satisfies readonly MakeFilterOption[]\nconst { filterConfig, filterData } = createFilter(filterFieldsInner, createFilterStore(filterFieldsInner), {\n  system: SYSTEM_CORE_DAM,\n  subject: ENTITY,\n})\n\nconst loadImageFile = async (id: DocId) => {\n  const res = await fetchImageFile(damClient, endPointImage, id)\n  imageRoiStore.setImageFile(res)\n}\n\nconst loadRois = async (forceReloadFile = false) => {\n  imageRoiStore.showLoader()\n  try {\n    if (imageRoiStore.imageFile) {\n      const { execute } = useFetchImageRoiList(damClient, endPointImage, imageRoiStore.imageFile.id)\n      const res = await execute(pagination, filterData, filterConfig)\n      if (res.length > 0 && res[0].id) {\n        const roi = await fetchRoi(damClient, endPointRoi, res[0].id)\n        if (forceReloadFile) {\n          await loadImageFile(imageRoiStore.imageFile.id)\n        }\n        imageRoiStore.setRoi(roi)\n        return\n      }\n    }\n    imageRoiStore.setRoi(null)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    imageRoiStore.hideLoader()\n  }\n}\n\n// Hidden while the cropper saves a region and reloads the redrawn file (`cropperBusy`).\n// A refresh read before the redraw replaced the cropper's file, and both showed the old image.\nconst refreshOffered = computed(() => !imageRoiStore.loader && !imageRoiStore.cropperBusy)\nconst refresh = () => {\n  if (!refreshOffered.value) return\n  void loadRois(true)\n}\n\nconst afterRotate = async () => {\n  await loadRois(true)\n}\n\nonMounted(async () => {\n  imageRoiStore.reset()\n  imageRoiStore.showLoader()\n  if (\n    assetDetailStore.asset &&\n    assetDetailStore.asset.mainFile &&\n    assetFileIsImageFile(assetDetailStore.asset.mainFile)\n  ) {\n    imageRoiStore.setImageFile(cloneDeep(assetDetailStore.asset.mainFile))\n    await loadRois()\n  }\n  imageRoiStore.hideLoader()\n})\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"refreshOffered\"\n      class=\"d-none d-md-flex\"\n      @click.stop=\"refresh\"\n    >\n      {{ t('common.damImage.asset.detail.roi.refresh') }}\n    </ABtnTertiary>\n    <VBtn\n      v-if=\"refreshOffered\"\n      icon\n      variant=\"text\"\n      size=\"small\"\n      class=\"d-flex d-md-none\"\n      :title=\"t('common.damImage.asset.detail.roi.refresh')\"\n      @click.stop=\"refresh\"\n    >\n      <VIcon icon=\"mdi-refresh\" />\n    </VBtn>\n  </AssetDetailSidebarActionsWrapper>\n  <div class=\"px-3\">\n    <div class=\"v-expansion-panel-title px-0\">\n      {{ t('common.damImage.asset.detail.roi.title') }}\n    </div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.description') }}\n    </div>\n  </div>\n  <div\n    v-if=\"imageRoiStore.loader\"\n    class=\"w-100 h-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      indeterminate\n      color=\"primary\"\n    />\n  </div>\n  <div\n    v-else-if=\"imageRoiStore.roi\"\n    class=\"crop-preview pa-2\"\n  >\n    <div\n      v-for=\"item in imageRoiStore.roi?.links.image_roi_example\"\n      :key=\"item.url\"\n      class=\"pb-2\"\n    >\n      <div class=\"text-label-large\">\n        {{ item.title }}\n      </div>\n      <img\n        v-if=\"imageRoiStore.imageFile\"\n        :src=\"item.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\"\n        :width=\"item.width\"\n        :height=\"item.height\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n  <AssetFileRotate\n    v-if=\"imageRoiStore.imageFile && rotateAllowed\"\n    :image-id=\"imageRoiStore.imageFile.id\"\n    :config-name=\"damConfigName\"\n    class=\"mx-2\"\n    @after-rotate=\"afterRotate\"\n  />\n</template>\n\n<style lang=\"scss\">\n.crop-preview {\n  width: 100%;\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarROI.js","names":["AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarROI_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js","names":["props","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","_component_VBtn","_createVNode","_component_VIcon","_createElementVNode","_component_VProgressCircular","_renderList","AssetFileRotate","AssetDetailSidebarActionsWrapper_default","AssetFileRotate_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","useAlerts","imageRoiStore","useImageRoiStore","assetDetailStore","useAssetDetailStore","usePagination","useCommonAdminCoreDamOptions","useAuthHelpers","rotateAllowed","computed","isNull","imageRotateAcl","canSafeHelper","filterFieldsInner","createFilter","createFilterStore","SYSTEM_CORE_DAM","ENTITY","loadImageFile","res","fetchImageFile","damClient","endPointImage","id","loadRois","useFetchImageRoiList","execute","pagination","filterData","filterConfig","roi","fetchRoi","endPointRoi","forceReloadFile","error","refreshOffered","refresh","afterRotate","onMounted","assetFileIsImageFile","cloneDeep","_component_ABtnTertiary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode","VBtn","createVNode","VIcon","createElementVNode","VProgressCircular","renderList","item"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { useI18n } from 'vue-i18n'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { computed, onMounted } from 'vue'\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport AssetFileRotate from '@/domains/dam/assetDetail/components/AssetFileRotate.vue'\nimport { ENTITY, fetchRoi, useFetchImageRoiList } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    isActive: boolean\n    queueKey: UploadQueueKey\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\nconst imageRoiStore = useImageRoiStore()\nconst assetDetailStore = useAssetDetailStore()\n\nconst { pagination } = usePagination(SORT_BY_ID)\n\nconst { damClient, endPointImage, endPointRoi, imageRotateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst { canSafeHelper } = useAuthHelpers()\n// The endpoint refuses the rotation without it.\nconst rotateAllowed = computed(() => isNull(imageRotateAcl) || canSafeHelper(imageRotateAcl, undefined, 'rotate'))\nconst filterFieldsInner = [] satisfies readonly MakeFilterOption[]\nconst { filterConfig, filterData } = createFilter(filterFieldsInner, createFilterStore(filterFieldsInner), {\n  system: SYSTEM_CORE_DAM,\n  subject: ENTITY,\n})\n\nconst loadImageFile = async (id: DocId) => {\n  const res = await fetchImageFile(damClient, endPointImage, id)\n  imageRoiStore.setImageFile(res)\n}\n\nconst loadRois = async (forceReloadFile = false) => {\n  imageRoiStore.showLoader()\n  try {\n    if (imageRoiStore.imageFile) {\n      const { execute } = useFetchImageRoiList(damClient, endPointImage, imageRoiStore.imageFile.id)\n      const res = await execute(pagination, filterData, filterConfig)\n      if (res.length > 0 && res[0].id) {\n        const roi = await fetchRoi(damClient, endPointRoi, res[0].id)\n        if (forceReloadFile) {\n          await loadImageFile(imageRoiStore.imageFile.id)\n        }\n        imageRoiStore.setRoi(roi)\n        return\n      }\n    }\n    imageRoiStore.setRoi(null)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    imageRoiStore.hideLoader()\n  }\n}\n\n// Hidden while the cropper saves a region and reloads the redrawn file (`cropperBusy`).\n// A refresh read before the redraw replaced the cropper's file, and both showed the old image.\nconst refreshOffered = computed(() => !imageRoiStore.loader && !imageRoiStore.cropperBusy)\nconst refresh = () => {\n  if (!refreshOffered.value) return\n  void loadRois(true)\n}\n\nconst afterRotate = async () => {\n  await loadRois(true)\n}\n\nonMounted(async () => {\n  imageRoiStore.reset()\n  imageRoiStore.showLoader()\n  if (\n    assetDetailStore.asset &&\n    assetDetailStore.asset.mainFile &&\n    assetFileIsImageFile(assetDetailStore.asset.mainFile)\n  ) {\n    imageRoiStore.setImageFile(cloneDeep(assetDetailStore.asset.mainFile))\n    await loadRois()\n  }\n  imageRoiStore.hideLoader()\n})\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"refreshOffered\"\n      class=\"d-none d-md-flex\"\n      @click.stop=\"refresh\"\n    >\n      {{ t('common.damImage.asset.detail.roi.refresh') }}\n    </ABtnTertiary>\n    <VBtn\n      v-if=\"refreshOffered\"\n      icon\n      variant=\"text\"\n      size=\"small\"\n      class=\"d-flex d-md-none\"\n      :title=\"t('common.damImage.asset.detail.roi.refresh')\"\n      @click.stop=\"refresh\"\n    >\n      <VIcon icon=\"mdi-refresh\" />\n    </VBtn>\n  </AssetDetailSidebarActionsWrapper>\n  <div class=\"px-3\">\n    <div class=\"v-expansion-panel-title px-0\">\n      {{ t('common.damImage.asset.detail.roi.title') }}\n    </div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.description') }}\n    </div>\n  </div>\n  <div\n    v-if=\"imageRoiStore.loader\"\n    class=\"w-100 h-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      indeterminate\n      color=\"primary\"\n    />\n  </div>\n  <div\n    v-else-if=\"imageRoiStore.roi\"\n    class=\"crop-preview pa-2\"\n  >\n    <div\n      v-for=\"item in imageRoiStore.roi?.links.image_roi_example\"\n      :key=\"item.url\"\n      class=\"pb-2\"\n    >\n      <div class=\"text-label-large\">\n        {{ item.title }}\n      </div>\n      <img\n        v-if=\"imageRoiStore.imageFile\"\n        :src=\"item.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\"\n        :width=\"item.width\"\n        :height=\"item.height\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n  <AssetFileRotate\n    v-if=\"imageRoiStore.imageFile && rotateAllowed\"\n    :image-id=\"imageRoiStore.imageFile.id\"\n    :config-name=\"damConfigName\"\n    class=\"mx-2\"\n    @after-rotate=\"afterRotate\"\n  />\n</template>\n\n<style lang=\"scss\">\n.crop-preview {\n  width: 100%;\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_withModifiers","_createTextVNode","_toDisplayString","_unref","_component_VBtn","_createVNode","_component_VIcon","_createElementVNode","_component_VProgressCircular","_renderList","AssetFileRotate","AssetDetailSidebarActionsWrapper_default","AssetFileRotate_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","useAlerts","imageRoiStore","useImageRoiStore","assetDetailStore","useAssetDetailStore","usePagination","useCommonAdminCoreDamOptions","useAuthHelpers","rotateAllowed","computed","isNull","imageRotateAcl","canSafeHelper","filterFieldsInner","createFilter","createFilterStore","SYSTEM_CORE_DAM","ENTITY","loadImageFile","res","fetchImageFile","damClient","endPointImage","id","loadRois","useFetchImageRoiList","execute","pagination","filterData","filterConfig","roi","fetchRoi","endPointRoi","forceReloadFile","error","refreshOffered","refresh","afterRotate","onMounted","assetFileIsImageFile","cloneDeep","_component_ABtnTertiary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode","VBtn","createVNode","VIcon","createElementVNode","VProgressCircular","renderList","item"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { useI18n } from 'vue-i18n'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { computed, onMounted } from 'vue'\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport AssetFileRotate from '@/domains/dam/assetDetail/components/AssetFileRotate.vue'\nimport { ENTITY, fetchRoi, useFetchImageRoiList } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    isActive: boolean\n    queueKey: UploadQueueKey\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\nconst imageRoiStore = useImageRoiStore()\nconst assetDetailStore = useAssetDetailStore()\n\nconst { pagination } = usePagination(SORT_BY_ID)\n\nconst { damClient, endPointImage, endPointRoi, imageRotateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst { canSafeHelper } = useAuthHelpers()\n// The endpoint refuses the rotation without it.\nconst rotateAllowed = computed(() => isNull(imageRotateAcl) || canSafeHelper(imageRotateAcl, undefined, 'rotate'))\nconst filterFieldsInner = [] satisfies readonly MakeFilterOption[]\nconst { filterConfig, filterData } = createFilter(filterFieldsInner, createFilterStore(filterFieldsInner), {\n  system: SYSTEM_CORE_DAM,\n  subject: ENTITY,\n})\n\nconst loadImageFile = async (id: DocId) => {\n  const res = await fetchImageFile(damClient, endPointImage, id)\n  imageRoiStore.setImageFile(res)\n}\n\nconst loadRois = async (forceReloadFile = false) => {\n  imageRoiStore.showLoader()\n  try {\n    if (imageRoiStore.imageFile) {\n      const { execute } = useFetchImageRoiList(damClient, endPointImage, imageRoiStore.imageFile.id)\n      const res = await execute(pagination, filterData, filterConfig)\n      if (res.length > 0 && res[0].id) {\n        const roi = await fetchRoi(damClient, endPointRoi, res[0].id)\n        if (forceReloadFile) {\n          await loadImageFile(imageRoiStore.imageFile.id)\n        }\n        imageRoiStore.setRoi(roi)\n        return\n      }\n    }\n    imageRoiStore.setRoi(null)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    imageRoiStore.hideLoader()\n  }\n}\n\n// Hidden while the cropper saves a region and reloads the redrawn file (`cropperBusy`).\n// A refresh read before the redraw replaced the cropper's file, and both showed the old image.\nconst refreshOffered = computed(() => !imageRoiStore.loader && !imageRoiStore.cropperBusy)\nconst refresh = () => {\n  if (!refreshOffered.value) return\n  void loadRois(true)\n}\n\nconst afterRotate = async () => {\n  await loadRois(true)\n}\n\nonMounted(async () => {\n  imageRoiStore.reset()\n  imageRoiStore.showLoader()\n  if (\n    assetDetailStore.asset &&\n    assetDetailStore.asset.mainFile &&\n    assetFileIsImageFile(assetDetailStore.asset.mainFile)\n  ) {\n    imageRoiStore.setImageFile(cloneDeep(assetDetailStore.asset.mainFile))\n    await loadRois()\n  }\n  imageRoiStore.hideLoader()\n})\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"refreshOffered\"\n      class=\"d-none d-md-flex\"\n      @click.stop=\"refresh\"\n    >\n      {{ t('common.damImage.asset.detail.roi.refresh') }}\n    </ABtnTertiary>\n    <VBtn\n      v-if=\"refreshOffered\"\n      icon\n      variant=\"text\"\n      size=\"small\"\n      class=\"d-flex d-md-none\"\n      :title=\"t('common.damImage.asset.detail.roi.refresh')\"\n      @click.stop=\"refresh\"\n    >\n      <VIcon icon=\"mdi-refresh\" />\n    </VBtn>\n  </AssetDetailSidebarActionsWrapper>\n  <div class=\"px-3\">\n    <div class=\"v-expansion-panel-title px-0\">\n      {{ t('common.damImage.asset.detail.roi.title') }}\n    </div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.description') }}\n    </div>\n  </div>\n  <div\n    v-if=\"imageRoiStore.loader\"\n    class=\"w-100 h-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      indeterminate\n      color=\"primary\"\n    />\n  </div>\n  <div\n    v-else-if=\"imageRoiStore.roi\"\n    class=\"crop-preview pa-2\"\n  >\n    <div\n      v-for=\"item in imageRoiStore.roi?.links.image_roi_example\"\n      :key=\"item.url\"\n      class=\"pb-2\"\n    >\n      <div class=\"text-label-large\">\n        {{ item.title }}\n      </div>\n      <img\n        v-if=\"imageRoiStore.imageFile\"\n        :src=\"item.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\"\n        :width=\"item.width\"\n        :height=\"item.height\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n  <AssetFileRotate\n    v-if=\"imageRoiStore.imageFile && rotateAllowed\"\n    :image-id=\"imageRoiStore.imageFile.id\"\n    :config-name=\"damConfigName\"\n    class=\"mx-2\"\n    @after-rotate=\"afterRotate\"\n  />\n</template>\n\n<style lang=\"scss\">\n.crop-preview {\n  width: 100%;\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/dam/assetDetail/components/AssetFileFailReasonChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetFileFailReasonChip.js","names":["_sfc_main","AssetFileFailReasonChip_vue_vue_type_script_setup_true_lang_default","AssetFileFailReasonChip_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport type { AssetFileFailReasonType } from '@/domains/dam/types/AssetFile'\nimport { useAssetFileFailReason } from '@/domains/dam/assetDetail/composables/assetFileFailReason'\nimport AChipNoLink from '@/domains/ui/components/AChipNoLink.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    reason: AssetFileFailReasonType\n  }>(),\n  {}\n)\n\nconst { getAssetFileFailReasonOption } = useAssetFileFailReason()\nconst reasonOption = computed(() => {\n  return getAssetFileFailReasonOption(props.reason)\n})\n</script>\n\n<template>\n  <AChipNoLink v-if=\"reasonOption\">\n    {{ reasonOption.title }}\n  </AChipNoLink>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetFileFailReasonChip.js","names":["AssetFileFailReasonChip_vue_vue_type_script_setup_true_lang_default","AssetFileFailReasonChip_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetFileFailReasonChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AChipNoLink","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","AChipNoLink_default","AssetFileFailReasonChip_vue_vue_type_script_setup_true_lang_default","props","__props","useAssetFileFailReason","reasonOption","computed","getAssetFileFailReasonOption","openBlock","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport type { AssetFileFailReasonType } from '@/domains/dam/types/AssetFile'\nimport { useAssetFileFailReason } from '@/domains/dam/assetDetail/composables/assetFileFailReason'\nimport AChipNoLink from '@/domains/ui/components/AChipNoLink.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    reason: AssetFileFailReasonType\n  }>(),\n  {}\n)\n\nconst { getAssetFileFailReasonOption } = useAssetFileFailReason()\nconst reasonOption = computed(() => {\n  return getAssetFileFailReasonOption(props.reason)\n})\n</script>\n\n<template>\n  <AChipNoLink v-if=\"reasonOption\">\n    {{ reasonOption.title }}\n  </AChipNoLink>\n</template>\n"],"mappings":";;;;;;;;EAMA,IAAMS,IAAQC,GAOR,EAAE,oCAAiCC,EAAuB,GAC1DC,IAAeC,QACZC,EAA6BL,EAAM,MAAM,CACjD;E,iBAIoBG,EAAA,SAAnBZ,EAAA,GAAAC,EAEcC,GAAA,EAAA,KAAA,EAAA,GAAA;GADZ,SAAAC,QAAwB,CAArBC,EAAAC,EAAAO,EAAA,MAAa,KAAK,GAAA,CAAA,C"}
+{"version":3,"file":"AssetFileFailReasonChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AChipNoLink","_withCtx","_createTextVNode","_toDisplayString","AChipNoLink_default","AssetFileFailReasonChip_vue_vue_type_script_setup_true_lang_default","props","__props","useAssetFileFailReason","reasonOption","computed","getAssetFileFailReasonOption","openBlock","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport type { AssetFileFailReasonType } from '@/domains/dam/types/AssetFile'\nimport { useAssetFileFailReason } from '@/domains/dam/assetDetail/composables/assetFileFailReason'\nimport AChipNoLink from '@/domains/ui/components/AChipNoLink.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    reason: AssetFileFailReasonType\n  }>(),\n  {}\n)\n\nconst { getAssetFileFailReasonOption } = useAssetFileFailReason()\nconst reasonOption = computed(() => {\n  return getAssetFileFailReasonOption(props.reason)\n})\n</script>\n\n<template>\n  <AChipNoLink v-if=\"reasonOption\">\n    {{ reasonOption.title }}\n  </AChipNoLink>\n</template>\n"],"mappings":";;;;;;;;EAMA,IAAMQ,IAAQC,GAOR,EAAE,oCAAiCC,EAAuB,GAC1DC,IAAeC,QACZC,EAA6BL,EAAM,MAAM,CACjD;E,iBAIoBG,EAAA,SAAnBX,EAAA,GAAAC,EAEcC,GAAA,EAAA,KAAA,EAAA,GAAA;GADZ,SAAAC,QAAwB,CAArBC,EAAAC,EAAAM,EAAA,MAAa,KAAK,GAAA,CAAA,C"}

package/dist/domains/dam/assetDetail/components/AssetFileInfoPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetFileInfoPanel.js","names":["_sfc_main","AssetFileInfoPanel_vue_vue_type_script_setup_true_lang_default","AssetFileInfoPanel_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileInfoPanel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, DamAssetType, DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport AssetMetadataImageAttributes from '@/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport ACachedUserChip from '@/domains/cached/components/ACachedUserChip.vue'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport ACachedChip from '@/domains/cached/components/ACachedChip.vue'\nimport { useDamCachedAssetLicences } from '@/domains/dam/user/composables/cachedAssetLicences'\n\n// \"File\" metadata panel of the asset detail and the single-upload dialog.\n// It sets no overflow-wrap itself. The detail passes `style=\"overflow-wrap: normal\"`, which falls through to the root.\n\nconst props = withDefaults(\n  defineProps<{\n    asset: AssetDetailItemDto\n    /** Shows creator and last modifier chips. */\n    showUsers: boolean\n    /** Shows the asset's licence. */\n    showLicence?: boolean\n  }>(),\n  {\n    showLicence: false,\n  }\n)\n\nconst { t } = useI18n()\n\nconst isTypeImage = computed(() => (props.asset.attributes.assetType || DamAssetTypeDefault) === DamAssetType.Image)\n\nconst damConfigName = useDamConfigName()\nconst { getCachedUser } = useDamCachedUsers(damConfigName)\n\nconst { addToCachedAssetLicences, fetchCachedAssetLicences, getCachedAssetLicence } =\n  useDamCachedAssetLicences(damConfigName)\nwatch(\n  [() => props.showLicence, () => props.asset.licence],\n  ([showLicence, licence]) => {\n    if (!showLicence) return\n    addToCachedAssetLicences(licence)\n    fetchCachedAssetLicences()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VExpansionPanel\n    elevation=\"0\"\n    :title=\"t('common.damImage.asset.detail.info.file')\"\n    value=\"file\"\n  >\n    <VExpansionPanelText class=\"text-body-small\">\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.id') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACopyText :value=\"asset.id\" />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.type') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ asset.attributes.assetType }}\n        </VCol>\n      </VRow>\n      <VRow\n        v-if=\"showLicence\"\n        data-cy=\"asset-licence\"\n      >\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.licence') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACachedChip\n            :id=\"asset.licence\"\n            :get-cached-fn=\"getCachedAssetLicence\"\n            display-text-path=\"name\"\n            route=\"\"\n            disable-click\n          />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.created') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.createdAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.createdBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.modified') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.modifiedAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.modifiedBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <template v-if=\"asset.mainFile\">\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mainFileId') }}\n          </VCol>\n          <VCol cols=\"9\">\n            <ACopyText :value=\"asset.mainFile.id\" />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mimeType') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ asset.mainFile.fileAttributes.mimeType }}\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.size') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ prettyBytes(asset.mainFile.fileAttributes.size) }}\n          </VCol>\n        </VRow>\n        <AssetMetadataImageAttributes\n          v-if=\"isTypeImage && assetFileIsImageFile(asset.mainFile)\"\n          :file=\"asset.mainFile\"\n        />\n      </template>\n    </VExpansionPanelText>\n  </VExpansionPanel>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetFileInfoPanel.js","names":["AssetFileInfoPanel_vue_vue_type_script_setup_true_lang_default","AssetFileInfoPanel_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetFileInfoPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetFileInfoPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VExpansionPanel","_unref","_withCtx","_createVNode","_component_VExpansionPanelText","_component_VRow","_component_VCol","_createTextVNode","_toDisplayString","ACopyText","ACachedChip","_createCommentVNode","_createElementBlock","_Fragment","_createElementVNode","ACachedUserChip","AssetMetadataImageAttributes","ACopyText_default","AssetMetadataImageAttributes_default","ACachedUserChip_default","ACachedChip_default","AssetFileInfoPanel_vue_vue_type_script_setup_true_lang_default","props","__props","useI18n","isTypeImage","computed","DamAssetTypeDefault","DamAssetType","damConfigName","useDamConfigName","useDamCachedUsers","useDamCachedAssetLicences","watch","showLicence","licence","addToCachedAssetLicences","fetchCachedAssetLicences","openBlock","createBlock","VExpansionPanel","unref","t","withCtx","createVNode","VExpansionPanelText","VRow","VCol","createTextVNode","toDisplayString","getCachedAssetLicence","createCommentVNode","dateTimePretty","createElementBlock","Fragment","_cache","createElementVNode","getCachedUser","prettyBytes","assetFileIsImageFile"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileInfoPanel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, DamAssetType, DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport AssetMetadataImageAttributes from '@/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport ACachedUserChip from '@/domains/cached/components/ACachedUserChip.vue'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport ACachedChip from '@/domains/cached/components/ACachedChip.vue'\nimport { useDamCachedAssetLicences } from '@/domains/dam/user/composables/cachedAssetLicences'\n\n// \"File\" metadata panel of the asset detail and the single-upload dialog.\n// It sets no overflow-wrap itself. The detail passes `style=\"overflow-wrap: normal\"`, which falls through to the root.\n\nconst props = withDefaults(\n  defineProps<{\n    asset: AssetDetailItemDto\n    /** Shows creator and last modifier chips. */\n    showUsers: boolean\n    /** Shows the asset's licence. */\n    showLicence?: boolean\n  }>(),\n  {\n    showLicence: false,\n  }\n)\n\nconst { t } = useI18n()\n\nconst isTypeImage = computed(() => (props.asset.attributes.assetType || DamAssetTypeDefault) === DamAssetType.Image)\n\nconst damConfigName = useDamConfigName()\nconst { getCachedUser } = useDamCachedUsers(damConfigName)\n\nconst { addToCachedAssetLicences, fetchCachedAssetLicences, getCachedAssetLicence } =\n  useDamCachedAssetLicences(damConfigName)\nwatch(\n  [() => props.showLicence, () => props.asset.licence],\n  ([showLicence, licence]) => {\n    if (!showLicence) return\n    addToCachedAssetLicences(licence)\n    fetchCachedAssetLicences()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VExpansionPanel\n    elevation=\"0\"\n    :title=\"t('common.damImage.asset.detail.info.file')\"\n    value=\"file\"\n  >\n    <VExpansionPanelText class=\"text-body-small\">\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.id') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACopyText :value=\"asset.id\" />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.type') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ asset.attributes.assetType }}\n        </VCol>\n      </VRow>\n      <VRow\n        v-if=\"showLicence\"\n        data-cy=\"asset-licence\"\n      >\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.licence') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACachedChip\n            :id=\"asset.licence\"\n            :get-cached-fn=\"getCachedAssetLicence\"\n            display-text-path=\"name\"\n            route=\"\"\n            disable-click\n          />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.created') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.createdAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.createdBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.modified') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.modifiedAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.modifiedBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <template v-if=\"asset.mainFile\">\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mainFileId') }}\n          </VCol>\n          <VCol cols=\"9\">\n            <ACopyText :value=\"asset.mainFile.id\" />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mimeType') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ asset.mainFile.fileAttributes.mimeType }}\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.size') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ prettyBytes(asset.mainFile.fileAttributes.size) }}\n          </VCol>\n        </VRow>\n        <AssetMetadataImageAttributes\n          v-if=\"isTypeImage && assetFileIsImageFile(asset.mainFile)\"\n          :file=\"asset.mainFile\"\n        />\n      </template>\n    </VExpansionPanelText>\n  </VExpansionPanel>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AssetFileInfoPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VExpansionPanel","_unref","_withCtx","_createVNode","_component_VExpansionPanelText","_component_VRow","_component_VCol","_createTextVNode","_toDisplayString","ACopyText","ACachedChip","_createElementBlock","_Fragment","_createElementVNode","ACachedUserChip","AssetMetadataImageAttributes","ACopyText_default","AssetMetadataImageAttributes_default","ACachedUserChip_default","ACachedChip_default","AssetFileInfoPanel_vue_vue_type_script_setup_true_lang_default","props","__props","useI18n","isTypeImage","computed","DamAssetTypeDefault","DamAssetType","damConfigName","useDamConfigName","useDamCachedUsers","useDamCachedAssetLicences","watch","showLicence","licence","addToCachedAssetLicences","fetchCachedAssetLicences","openBlock","createBlock","VExpansionPanel","unref","t","withCtx","createVNode","VExpansionPanelText","VRow","VCol","createTextVNode","toDisplayString","getCachedAssetLicence","createCommentVNode","dateTimePretty","createElementBlock","Fragment","_cache","createElementVNode","getCachedUser","prettyBytes","assetFileIsImageFile"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileInfoPanel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, DamAssetType, DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport AssetMetadataImageAttributes from '@/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport ACachedUserChip from '@/domains/cached/components/ACachedUserChip.vue'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport ACachedChip from '@/domains/cached/components/ACachedChip.vue'\nimport { useDamCachedAssetLicences } from '@/domains/dam/user/composables/cachedAssetLicences'\n\n// \"File\" metadata panel of the asset detail and the single-upload dialog.\n// It sets no overflow-wrap itself. The detail passes `style=\"overflow-wrap: normal\"`, which falls through to the root.\n\nconst props = withDefaults(\n  defineProps<{\n    asset: AssetDetailItemDto\n    /** Shows creator and last modifier chips. */\n    showUsers: boolean\n    /** Shows the asset's licence. */\n    showLicence?: boolean\n  }>(),\n  {\n    showLicence: false,\n  }\n)\n\nconst { t } = useI18n()\n\nconst isTypeImage = computed(() => (props.asset.attributes.assetType || DamAssetTypeDefault) === DamAssetType.Image)\n\nconst damConfigName = useDamConfigName()\nconst { getCachedUser } = useDamCachedUsers(damConfigName)\n\nconst { addToCachedAssetLicences, fetchCachedAssetLicences, getCachedAssetLicence } =\n  useDamCachedAssetLicences(damConfigName)\nwatch(\n  [() => props.showLicence, () => props.asset.licence],\n  ([showLicence, licence]) => {\n    if (!showLicence) return\n    addToCachedAssetLicences(licence)\n    fetchCachedAssetLicences()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VExpansionPanel\n    elevation=\"0\"\n    :title=\"t('common.damImage.asset.detail.info.file')\"\n    value=\"file\"\n  >\n    <VExpansionPanelText class=\"text-body-small\">\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.id') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACopyText :value=\"asset.id\" />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.type') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ asset.attributes.assetType }}\n        </VCol>\n      </VRow>\n      <VRow\n        v-if=\"showLicence\"\n        data-cy=\"asset-licence\"\n      >\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.licence') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACachedChip\n            :id=\"asset.licence\"\n            :get-cached-fn=\"getCachedAssetLicence\"\n            display-text-path=\"name\"\n            route=\"\"\n            disable-click\n          />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.created') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.createdAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.createdBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.modified') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.modifiedAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.modifiedBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <template v-if=\"asset.mainFile\">\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mainFileId') }}\n          </VCol>\n          <VCol cols=\"9\">\n            <ACopyText :value=\"asset.mainFile.id\" />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mimeType') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ asset.mainFile.fileAttributes.mimeType }}\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.size') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ prettyBytes(asset.mainFile.fileAttributes.size) }}\n          </VCol>\n        </VRow>\n        <AssetMetadataImageAttributes\n          v-if=\"isTypeImage && assetFileIsImageFile(asset.mainFile)\"\n          :file=\"asset.mainFile\"\n        />\n      </template>\n    </VExpansionPanelText>\n  </VExpansionPanel>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/assetDetail/components/AssetFileRotate.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetFileRotate.js","names":["_sfc_main","AssetFileRotate_vue_vue_type_script_setup_true_lang_default","AssetFileRotate_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileRotate.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { rotateImage } from '@/domains/dam/api/damImageApi'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    imageId: DocId\n    dataCy?: string\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'afterRotate'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showRecordWas, showErrorsDefault } = useAlerts()\n\nconst loading = ref(false)\n\nconst { damClient, endPointImage } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst rotate = async (angle: 90 | 270) => {\n  try {\n    loading.value = true\n    await rotateImage(damClient, endPointImage, props.imageId, angle)\n    showRecordWas('updated')\n    emit('afterRotate')\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    loading.value = false\n  }\n}\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.rotate.rotateMainFileImage') }}\n    </div>\n    <div\n      v-if=\"loading\"\n      class=\"w-100 d-flex align-center justify-center\"\n    >\n      <VProgressCircular\n        indeterminate\n        color=\"primary\"\n      />\n    </div>\n    <div v-else>\n      <ABtnTertiary\n        prepend-icon=\"mdi-rotate-right\"\n        class=\"mr-2\"\n        data-cy=\"button-rotate-right\"\n        @click.stop=\"rotate(90)\"\n      >\n        {{ t('common.damImage.asset.detail.roi.rotate.rotateClockwise') }}\n      </ABtnTertiary>\n      <ABtnTertiary\n        prepend-icon=\"mdi-rotate-left\"\n        data-cy=\"button-rotate-left\"\n        @click.stop=\"rotate(270)\"\n      >\n        {{ t('common.damImage.asset.detail.roi.rotate.rotateCounterclockwise') }}\n      </ABtnTertiary>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetFileRotate.js","names":["AssetFileRotate_vue_vue_type_script_setup_true_lang_default","AssetFileRotate_default"],"sources":[],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetFileRotate.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetFileRotate.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createVNode","_component_VProgressCircular","_withModifiers","_withCtx","_createTextVNode","_hoisted_1","_hoisted_2","_hoisted_3","AssetFileRotate_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useAlerts","loading","ref","useCommonAdminCoreDamOptions","rotate","rotateImage","damClient","endPointImage","angle","showRecordWas","useI18n","_component_ABtnTertiary","resolveComponent","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","t","createVNode","VProgressCircular","_cache","withModifiers","withCtx","createTextVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileRotate.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { rotateImage } from '@/domains/dam/api/damImageApi'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    imageId: DocId\n    dataCy?: string\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'afterRotate'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showRecordWas, showErrorsDefault } = useAlerts()\n\nconst loading = ref(false)\n\nconst { damClient, endPointImage } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst rotate = async (angle: 90 | 270) => {\n  try {\n    loading.value = true\n    await rotateImage(damClient, endPointImage, props.imageId, angle)\n    showRecordWas('updated')\n    emit('afterRotate')\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    loading.value = false\n  }\n}\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.rotate.rotateMainFileImage') }}\n    </div>\n    <div\n      v-if=\"loading\"\n      class=\"w-100 d-flex align-center justify-center\"\n    >\n      <VProgressCircular\n        indeterminate\n        color=\"primary\"\n      />\n    </div>\n    <div v-else>\n      <ABtnTertiary\n        prepend-icon=\"mdi-rotate-right\"\n        class=\"mr-2\"\n        data-cy=\"button-rotate-right\"\n        @click.stop=\"rotate(90)\"\n      >\n        {{ t('common.damImage.asset.detail.roi.rotate.rotateClockwise') }}\n      </ABtnTertiary>\n      <ABtnTertiary\n        prepend-icon=\"mdi-rotate-left\"\n        data-cy=\"button-rotate-left\"\n        @click.stop=\"rotate(270)\"\n      >\n        {{ t('common.damImage.asset.detail.roi.rotate.rotateCounterclockwise') }}\n      </ABtnTertiary>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EASA,IAAMgB,IAAQC,GAWRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,kBAAe,yBAAsBK,EAAU,GAEjDC,IAAUC,EAAI,EAAK,GAEnB,EAAE,cAAW,qBAAkBC,EAA6BL,CAAa,GAEzEM,IAAS,OAAO,MAAoB;GACxC,IAAI;IAIF,AAHA,EAAQ,QAAQ,IAChB,MAAMC,EAAYC,GAAWC,GAAeZ,EAAM,SAASa,CAAK,GAChEC,EAAc,SAAS,GACvBZ,EAAK,aAAa;GACpB,SAAS,GAAG;IACV,EAAkB,CAAC;GACrB,UAAU;IACR,EAAQ,QAAQ;GAClB;EACF,GACM,EAAE,SAAMa,EAAQ;;;GAIpB,OAAA9B,EAAA,GAAAC,EA8BM,OAAA,MAAA,CA7BJC,EAEM,OAFNQ,GAEMP,EADDC,EAAAkC,CAAA,CAAC,CAAA,6DAAA,CAAA,GAAA,CAAA,GAGEjB,EAAA,SADRrB,EAAA,GAAAC,EAQM,OARNU,GAQM,CAJJN,EAGEC,GAAA;IAFA,eAAA;IACA,OAAM;G,SAGVN,EAAA,GAAAC,EAgBM,OAAAW,GAAA,CAfJP,EAOe0B,GAAA;IANb,gBAAa;IACb,OAAM;IACN,WAAQ;IACP,SAAK,AAAAU,EAAA,OAAAlC,GAAA,MAAOiB,EAAM,EAAA,GAAA,CAAA,MAAA,CAAA;;IAEnB,SAAAhB,QAAkE,CAA/DC,EAAAN,EAAAC,EAAAkC,CAAA,CAAC,CAAA,yDAAA,CAAA,GAAA,CAAA,C;;G,IAENjC,EAMe0B,GAAA;IALb,gBAAa;IACb,WAAQ;IACP,SAAK,AAAAU,EAAA,OAAAlC,GAAA,MAAOiB,EAAM,GAAA,GAAA,CAAA,MAAA,CAAA;;IAEnB,SAAAhB,QAAyE,CAAtEC,EAAAN,EAAAC,EAAAkC,CAAA,CAAC,CAAA,gEAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"AssetFileRotate.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createVNode","_component_VProgressCircular","_withModifiers","_withCtx","_createTextVNode","_hoisted_1","_hoisted_2","_hoisted_3","AssetFileRotate_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useAlerts","loading","ref","useCommonAdminCoreDamOptions","rotate","rotateImage","damClient","endPointImage","angle","showRecordWas","useI18n","_component_ABtnTertiary","resolveComponent","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","t","createVNode","VProgressCircular","_cache","withModifiers","withCtx","createTextVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileRotate.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { rotateImage } from '@/domains/dam/api/damImageApi'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    imageId: DocId\n    dataCy?: string\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'afterRotate'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showRecordWas, showErrorsDefault } = useAlerts()\n\nconst loading = ref(false)\n\nconst { damClient, endPointImage } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst rotate = async (angle: 90 | 270) => {\n  try {\n    loading.value = true\n    await rotateImage(damClient, endPointImage, props.imageId, angle)\n    showRecordWas('updated')\n    emit('afterRotate')\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    loading.value = false\n  }\n}\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.rotate.rotateMainFileImage') }}\n    </div>\n    <div\n      v-if=\"loading\"\n      class=\"w-100 d-flex align-center justify-center\"\n    >\n      <VProgressCircular\n        indeterminate\n        color=\"primary\"\n      />\n    </div>\n    <div v-else>\n      <ABtnTertiary\n        prepend-icon=\"mdi-rotate-right\"\n        class=\"mr-2\"\n        data-cy=\"button-rotate-right\"\n        @click.stop=\"rotate(90)\"\n      >\n        {{ t('common.damImage.asset.detail.roi.rotate.rotateClockwise') }}\n      </ABtnTertiary>\n      <ABtnTertiary\n        prepend-icon=\"mdi-rotate-left\"\n        data-cy=\"button-rotate-left\"\n        @click.stop=\"rotate(270)\"\n      >\n        {{ t('common.damImage.asset.detail.roi.rotate.rotateCounterclockwise') }}\n      </ABtnTertiary>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EASA,IAAMe,IAAQC,GAWRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,kBAAe,yBAAsBK,EAAU,GAEjDC,IAAUC,EAAI,EAAK,GAEnB,EAAE,cAAW,qBAAkBC,EAA6BL,CAAa,GAEzEM,IAAS,OAAO,MAAoB;GACxC,IAAI;IAIF,AAHA,EAAQ,QAAQ,IAChB,MAAMC,EAAYC,GAAWC,GAAeZ,EAAM,SAASa,CAAK,GAChEC,EAAc,SAAS,GACvBZ,EAAK,aAAa;GACpB,SAAS,GAAG;IACV,EAAkB,CAAC;GACrB,UAAU;IACR,EAAQ,QAAQ;GAClB;EACF,GACM,EAAE,SAAMa,EAAQ;;;GAIpB,OAAA9B,EAAA,GAAAC,EA8BM,OAAA,MAAA,CA7BJC,EAEM,OAFNQ,GAEMP,EADDC,EAAAkC,CAAA,CAAC,CAAA,6DAAA,CAAA,GAAA,CAAA,GAGEjB,EAAA,SADRrB,EAAA,GAAAC,EAQM,OARNU,GAQM,CAJJN,EAGEC,GAAA;IAFA,eAAA;IACA,OAAM;G,SAGVN,EAAA,GAAAC,EAgBM,OAAAW,GAAA,CAfJP,EAOe0B,GAAA;IANb,gBAAa;IACb,OAAM;IACN,WAAQ;IACP,SAAK,AAAAU,EAAA,OAAAlC,GAAA,MAAOiB,EAAM,EAAA,GAAA,CAAA,MAAA,CAAA;;IAEnB,SAAAhB,QAAkE,CAA/DC,EAAAN,EAAAC,EAAAkC,CAAA,CAAC,CAAA,yDAAA,CAAA,GAAA,CAAA,C;;G,IAENjC,EAMe0B,GAAA;IALb,gBAAa;IACb,WAAQ;IACP,SAAK,AAAAU,EAAA,OAAAlC,GAAA,MAAOiB,EAAM,GAAA,GAAA,CAAA,MAAA,CAAA;;IAEnB,SAAAhB,QAAyE,CAAtEC,EAAAN,EAAAC,EAAAkC,CAAA,CAAC,CAAA,gEAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/dam/assetDetail/components/AssetImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetImage.js","names":["_sfc_main","AssetImage_vue_vue_type_script_setup_true_lang_default","AssetImage_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetImage.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport placeholder16x9 from '@/assets/image/placeholder16x9.svg'\nimport {\n  type AssetFileProperties,\n  DamAssetStatus,\n  type DamAssetStatusType,\n  DamAssetType,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useRemainingTime } from '@/domains/ui/datetime/composables/remainingTime'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    src?: string\n    assetType?: DamAssetTypeType\n    assetStatus?: DamAssetStatusType\n    backgroundColor?: string\n    width?: number\n    height?: number\n    fallbackHeight?: number\n    iconSize?: number\n    useComponent?: boolean\n    cover?: boolean\n    aspectRatio?: number\n    showUploading?: boolean\n    showProcessing?: boolean\n    showWaiting?: boolean\n    showDone?: boolean\n    uploadingColor?: string\n    processingColor?: string\n    disableProcessingText?: boolean\n    uploadingProgress?: number | null\n    remainingTime?: number | null\n    hideIcon?: boolean\n    showMetaIcons?: boolean\n    assetFileProperties?: AssetFileProperties | undefined\n    /** Passed to the meta icons: shows the synthesized audio (TTS) icon. */\n    showTts?: boolean\n    /** Passed to the meta icons: shows the badge of the automatic deletion. */\n    autoDeleteAt?: DatetimeUTCNullable\n    /** Passed to the meta icons: the badge of the asset's licence. */\n    licenceBadge?: string\n  }>(),\n  {\n    assetType: DamAssetType.Image,\n    assetStatus: DamAssetStatus.WithFile,\n    src: undefined,\n    backgroundColor: '#ccc',\n    width: undefined,\n    height: undefined,\n    fallbackHeight: 200,\n    iconSize: 80,\n    useComponent: false,\n    cover: false,\n    aspectRatio: undefined,\n    showUploading: false,\n    showProcessing: false,\n    showWaiting: false,\n    showDone: false,\n    uploadingColor: 'primary',\n    processingColor: 'primary',\n    disableProcessingText: false,\n    uploadingProgress: null,\n    remainingTime: null,\n    hideIcon: false,\n    showMetaIcons: false,\n    assetFileProperties: undefined,\n    showTts: false,\n    autoDeleteAt: null,\n    licenceBadge: '',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'load'): void\n  (e: 'error'): void\n}>()\n\nconst { t } = useI18n()\n\nconst onLoad = () => {\n  emit('load')\n}\nconst onError = () => {\n  emit('error')\n}\n\nconst icon = computed(() => {\n  if (props.assetStatus === DamAssetStatus.Deleting) return 'mdi-trash-can'\n  switch (props.assetType) {\n    case DamAssetType.Audio:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-music' : 'mdi-music-off'\n    case DamAssetType.Document:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-note' : 'mdi-note-off'\n    case DamAssetType.Video:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-video' : 'mdi-video-off'\n    case DamAssetType.Image:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-image' : 'mdi-image-off'\n    default:\n      return ''\n  }\n})\n\nconst uploadingPercentage = computed(() => {\n  if (!props.uploadingProgress) return '0%'\n  const value = Math.ceil(props.uploadingProgress)\n  return value > 100 ? '100%' : value + '%'\n})\n\nconst backgroundColorComputed = computed(() => {\n  const grayBackgroundStatuses: readonly DamAssetStatusType[] = [DamAssetStatus.Deleting, DamAssetStatus.Draft]\n  return grayBackgroundStatuses.includes(props.assetStatus) ? '#ccc' : props.backgroundColor\n})\n\nconst iconColor = computed(() => {\n  return props.assetStatus === DamAssetStatus.WithFile ? '#505050' : '#8f8f8f'\n})\n\nconst srcComputed = computed(() => {\n  return isUndefined(props.src) ? placeholder16x9 : props.src\n})\n\nconst showIconComputed = computed(() => {\n  if (props.hideIcon) return false\n  else if (props.assetType === DamAssetType.Image && props.src) return false\n  return true\n})\n\nconst { remainingTimeShort } = useRemainingTime()\n</script>\n\n<template>\n  <VImg\n    v-if=\"showUploading || showProcessing || showWaiting\"\n    :aspect-ratio=\"aspectRatio\"\n    :src=\"srcComputed\"\n    :width=\"width\"\n    :height=\"height\"\n    :cover=\"cover\"\n    class=\"asset-image asset-image--loading-bg\"\n    @error=\"onError\"\n    @load=\"onLoad\"\n  >\n    <template #placeholder />\n    <template #default>\n      <div\n        v-if=\"showWaiting\"\n        class=\"asset-image__progress\"\n      >\n        <VProgressCircular\n          indeterminate\n          :size=\"iconSize\"\n          :width=\"iconSize / 10\"\n        />\n        <div class=\"text-body-small text-center\">\n          {{ t('common.damImage.upload.waiting') }}\n        </div>\n      </div>\n      <div\n        v-if=\"showProcessing\"\n        class=\"asset-image__progress\"\n      >\n        <VProgressCircular\n          :color=\"processingColor\"\n          indeterminate\n          :size=\"iconSize\"\n          :width=\"iconSize / 10\"\n          class=\"ml-auto mr-auto\"\n        />\n        <div\n          v-if=\"!disableProcessingText\"\n          class=\"text-body-small text-center\"\n        >\n          {{ t('common.damImage.upload.processing') }}\n        </div>\n      </div>\n      <div\n        v-else-if=\"showUploading\"\n        class=\"asset-image__progress\"\n      >\n        <VProgressCircular\n          :color=\"uploadingColor\"\n          :size=\"iconSize\"\n          :width=\"iconSize / 10\"\n          class=\"ml-auto mr-auto\"\n          :model-value=\"uploadingProgress === null ? undefined : uploadingProgress\"\n        >\n          {{ uploadingPercentage }}\n        </VProgressCircular>\n        <div class=\"text-body-small text-center\">\n          {{ t('common.damImage.upload.uploading') }}\n          <span\n            v-if=\"remainingTime\"\n            class=\"font-weight-bold\"\n          >\n            {{ remainingTimeShort(remainingTime) }}\n          </span>\n        </div>\n      </div>\n    </template>\n  </VImg>\n  <VImg\n    v-else-if=\"assetStatus === DamAssetStatus.WithFile && src && useComponent\"\n    :src=\"srcComputed\"\n    :width=\"width\"\n    :height=\"height\"\n    class=\"asset-image asset-image--component position-relative\"\n    :cover=\"cover\"\n    :aspect-ratio=\"aspectRatio\"\n    @load=\"onLoad\"\n    @error=\"onError\"\n  >\n    <template #placeholder />\n    <template #default>\n      <div\n        v-if=\"showIconComputed\"\n        class=\"asset-image__icon-wrapper\"\n      >\n        <div\n          class=\"asset-image__icon-circle\"\n          :style=\"{ padding: iconSize / 4 + 'px' }\"\n        >\n          <VIcon\n            v-if=\"icon.length\"\n            :size=\"iconSize\"\n            :icon=\"icon\"\n            :color=\"iconColor\"\n          />\n        </div>\n      </div>\n      <div\n        v-if=\"showDone\"\n        class=\"asset-image__progress asset-image__progress--animate-done\"\n      >\n        <VIcon\n          icon=\"mdi-check-circle\"\n          color=\"success\"\n          :size=\"iconSize\"\n        />\n        <div class=\"text-body-small text-center\">\n          {{ t('common.damImage.upload.done') }}\n        </div>\n      </div>\n      <AssetImageMetaIcons\n        v-if=\"showMetaIcons && assetFileProperties\"\n        :asset-file-properties=\"assetFileProperties\"\n        :asset-type=\"assetType\"\n        :show-tts=\"showTts\"\n        :auto-delete-at=\"autoDeleteAt\"\n        :licence-badge=\"licenceBadge\"\n      />\n    </template>\n  </VImg>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.WithFile && src\"\n    class=\"asset-image asset-image--img position-relative\"\n  >\n    <img\n      :src=\"srcComputed\"\n      :width=\"width\"\n      :height=\"height\"\n      alt=\"\"\n      :style=\"'background-color:' + backgroundColorComputed\"\n      @onerror=\"onError\"\n    />\n    <div\n      v-if=\"showIconComputed\"\n      class=\"asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"asset-image__icon-circle\"\n        :style=\"{ padding: iconSize / 4 + 'px' }\"\n      >\n        <VIcon\n          v-if=\"icon.length\"\n          :size=\"iconSize\"\n          :icon=\"icon\"\n          :color=\"iconColor\"\n          class=\"asset-image__icon\"\n        />\n      </div>\n    </div>\n    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n      :show-tts=\"showTts\"\n      :auto-delete-at=\"autoDeleteAt\"\n      :licence-badge=\"licenceBadge\"\n    />\n  </div>\n  <div\n    v-else\n    :style=\"{\n      height: fallbackHeight + 'px',\n      backgroundColor: backgroundColorComputed,\n      width: width + 'px',\n    }\"\n    class=\"asset-image asset-image--placeholder d-flex align-center justify-center\"\n  >\n    <div\n      v-if=\"showIconComputed\"\n      class=\"asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"asset-image__icon-circle\"\n        :style=\"{ padding: iconSize / 4 + 'px' }\"\n      >\n        <VIcon\n          v-if=\"icon.length\"\n          :size=\"iconSize\"\n          :icon=\"icon\"\n          :color=\"iconColor\"\n          class=\"asset-image__icon\"\n        />\n      </div>\n    </div>\n    <div\n      v-if=\"showDone\"\n      class=\"asset-image__progress asset-image__progress--animate-done\"\n    >\n      <VIcon\n        icon=\"mdi-check-circle\"\n        color=\"success\"\n        :size=\"iconSize\"\n      />\n      <div class=\"text-body-small text-center\">\n        {{ t('common.damImage.upload.done') }}\n      </div>\n    </div>\n    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n      :show-tts=\"showTts\"\n      :auto-delete-at=\"autoDeleteAt\"\n      :licence-badge=\"licenceBadge\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetImage.js","names":["AssetImage_vue_vue_type_script_setup_true_lang_default","AssetImage_default"],"sources":[],"mappings":""}