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

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

@@ -1 +1 @@
-{"version":3,"file":"AssetCustomMetadataForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ACustomDataForm","_withCtx","_renderSlot","_createElementBlock","_toDisplayString","_unref","_createCommentVNode","ACustomDataForm_default","_hoisted_1","AssetCustomMetadataForm_vue_vue_type_script_setup_true_lang_default","ADamAssetMetadataValidationScopeSymbol","__emit","props","__props","emit","damConfigName","useDamConfigName","useDamConfigState","configAssetCustomFormElements","getDamConfigAssetCustomFormElements","isUndefined","typeNotLoaded","computed","useI18n","elements","configExtSystem","getDamConfigExtSystem","pinnedCount","openBlock","createBlock","_cache","$event","withCtx","renderSlot","_ctx","createElementBlock","toDisplayString","unref","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport ACustomDataForm from '@/domains/customDataForm/components/ACustomDataForm.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    modelValue: { [key: string]: any }\n    dataCy?: string\n    readonly?: boolean\n    validationScope?: ValidationScope\n    /** The DAM configuration whose forms it shows; inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    readonly: false,\n    validationScope: ADamAssetMetadataValidationScopeSymbol,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: any): void\n  (e: 'anyChange'): void\n}>()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\nconst { getDamConfigAssetCustomFormElements, getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configAssetCustomFormElements = getDamConfigAssetCustomFormElements(props.extSystem)\nif (isUndefined(configAssetCustomFormElements)) {\n  throw new Error('Custom form elements must be initialised.')\n}\n// A type whose read failed beside reads that answered is not loaded: the form says so in place of its fields and draws\n// the rest, its slots too. Thrown, it took the inputs its host puts into the slots with it.\nconst typeNotLoaded = computed(() => isUndefined(getDamConfigAssetCustomFormElements(props.extSystem, props.assetType)))\n\nconst { t } = useI18n()\n\nconst elements = computed(() => {\n  return configAssetCustomFormElements[props.assetType]\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\n\nif (isUndefined(configExtSystem)) {\n  throw new Error('AssetCustomMetadataForm: Ext system must be initialised.')\n}\n\n// The number the DAM is configured with, 0 too: no field is pinned then.\nconst pinnedCount = computed(() => {\n  return configExtSystem[props.assetType]?.customMetadataPinnedAmount ?? 2\n})\n</script>\n\n<template>\n  <ACustomDataForm\n    :model-value=\"modelValue\"\n    :pinned-count=\"pinnedCount\"\n    :elements=\"elements\"\n    :readonly=\"readonly\"\n    :validation-scope=\"validationScope\"\n    @any-change=\"emit('anyChange')\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template #after-pinned>\n      <slot name=\"after-pinned\" />\n    </template>\n    <template #before-pinned>\n      <slot name=\"before-pinned\" />\n      <div\n        v-if=\"typeNotLoaded\"\n        class=\"text-error my-2\"\n      >\n        {{ t('common.damImage.error.loadingConfig') }}\n      </div>\n    </template>\n  </ACustomDataForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,IAAMc,IAAQC,GAkBRC,IAAOH,GAMPI,IAAgBC,EAAiBJ,EAAM,UAAU,GACjD,EAAE,wCAAqC,6BAA0BK,EAAkB,KAAA,GAAWF,CAAa,GAE3GG,IAAgCC,EAAoCP,EAAM,SAAS;EACzF,IAAIQ,EAAYF,CAA6B,GAC3C,MAAU,MAAM,2CAA2C;EAI7D,IAAMG,IAAgBC,QAAeF,EAAYD,EAAoCP,EAAM,WAAWA,EAAM,SAAS,CAAC,CAAC,GAEjH,EAAE,SAAMW,EAAQ,GAEhBC,IAAWF,QACRJ,EAA8BN,EAAM,UAC5C,GAGKa,IAAkBC,EAAsBd,EAAM,SAAS;EAE7D,IAAIQ,EAAYK,CAAe,GAC7B,MAAU,MAAM,0DAA0D;EAI5E,IAAME,IAAcL,QACXG,EAAgBb,EAAM,UAAU,EAAE,8BAA8B,CACxE;E,kBAICd,EAAA,GAAAC,EAqBkBC,GAAA;GApBf,eAAaa,EAAA;GACb,gBAAcc,EAAA;GACd,UAAUH,EAAA;GACV,UAAUX,EAAA;GACV,oBAAkBA,EAAA;GAClB,aAAU,AAAAiB,EAAA,QAAA,MAAEhB,EAAI,WAAA;GAChB,uBAAkB,AAAAgB,EAAA,QAAA,MAAEhB,EAAI,qBAAsBiB,CAAM;;GAE1C,gBAAY9B,QACO,CAA5BC,EAA4BgC,EAAA,QAAA,cAAA,C;GAEnB,iBAAajC,QACO,CAA7BC,EAA6BgC,EAAA,QAAA,eAAA,GAErBb,EAAA,SADRvB,EAAA,GAAAK,EAKM,OALNK,GAKMJ,EADDC,EAAAiC,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,K"}
+{"version":3,"file":"AssetCustomMetadataForm.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ACustomDataForm","_withCtx","_renderSlot","_createElementBlock","_toDisplayString","_unref","_createCommentVNode","ACustomDataForm_default","_hoisted_1","AssetCustomMetadataForm_vue_vue_type_script_setup_true_lang_default","ADamAssetMetadataValidationScopeSymbol","__emit","props","__props","emit","damConfigName","useDamConfigName","useDamConfigState","configAssetCustomFormElements","getDamConfigAssetCustomFormElements","isUndefined","typeNotLoaded","computed","useI18n","elements","configExtSystem","getDamConfigExtSystem","pinnedCount","openBlock","createBlock","_cache","$event","withCtx","renderSlot","_ctx","createElementBlock","toDisplayString","unref","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport ACustomDataForm from '@/domains/customDataForm/components/ACustomDataForm.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport { isUndefined } from '@/shared/utils/common'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    modelValue: { [key: string]: any }\n    dataCy?: string\n    readonly?: boolean\n    validationScope?: ValidationScope\n    /** The DAM configuration whose forms it shows; inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    readonly: false,\n    validationScope: ADamAssetMetadataValidationScopeSymbol,\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: any): void\n  (e: 'anyChange'): void\n}>()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\nconst { getDamConfigAssetCustomFormElements, getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configAssetCustomFormElements = getDamConfigAssetCustomFormElements(props.extSystem)\nif (isUndefined(configAssetCustomFormElements)) {\n  throw new Error('Custom form elements must be initialised.')\n}\n// When the read of this type failed but other reads succeeded, the type is not loaded.\n// The form shows a notice in place of its fields and still renders the rest, including its slots.\n// Throwing here would also drop the inputs the host puts into the slots.\nconst typeNotLoaded = computed(() => isUndefined(getDamConfigAssetCustomFormElements(props.extSystem, props.assetType)))\n\nconst { t } = useI18n()\n\nconst elements = computed(() => {\n  return configAssetCustomFormElements[props.assetType]\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\n\nif (isUndefined(configExtSystem)) {\n  throw new Error('AssetCustomMetadataForm: Ext system must be initialised.')\n}\n\n// Uses the configured number, including 0, which pins no field.\nconst pinnedCount = computed(() => {\n  return configExtSystem[props.assetType]?.customMetadataPinnedAmount ?? 2\n})\n</script>\n\n<template>\n  <ACustomDataForm\n    :model-value=\"modelValue\"\n    :pinned-count=\"pinnedCount\"\n    :elements=\"elements\"\n    :readonly=\"readonly\"\n    :validation-scope=\"validationScope\"\n    @any-change=\"emit('anyChange')\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template #after-pinned>\n      <slot name=\"after-pinned\" />\n    </template>\n    <template #before-pinned>\n      <slot name=\"before-pinned\" />\n      <div\n        v-if=\"typeNotLoaded\"\n        class=\"text-error my-2\"\n      >\n        {{ t('common.damImage.error.loadingConfig') }}\n      </div>\n    </template>\n  </ACustomDataForm>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,IAAMc,IAAQC,GAkBRC,IAAOH,GAMPI,IAAgBC,EAAiBJ,EAAM,UAAU,GACjD,EAAE,wCAAqC,6BAA0BK,EAAkB,KAAA,GAAWF,CAAa,GAE3GG,IAAgCC,EAAoCP,EAAM,SAAS;EACzF,IAAIQ,EAAYF,CAA6B,GAC3C,MAAU,MAAM,2CAA2C;EAK7D,IAAMG,IAAgBC,QAAeF,EAAYD,EAAoCP,EAAM,WAAWA,EAAM,SAAS,CAAC,CAAC,GAEjH,EAAE,SAAMW,EAAQ,GAEhBC,IAAWF,QACRJ,EAA8BN,EAAM,UAC5C,GAGKa,IAAkBC,EAAsBd,EAAM,SAAS;EAE7D,IAAIQ,EAAYK,CAAe,GAC7B,MAAU,MAAM,0DAA0D;EAI5E,IAAME,IAAcL,QACXG,EAAgBb,EAAM,UAAU,EAAE,8BAA8B,CACxE;E,kBAICd,EAAA,GAAAC,EAqBkBC,GAAA;GApBf,eAAaa,EAAA;GACb,gBAAcc,EAAA;GACd,UAAUH,EAAA;GACV,UAAUX,EAAA;GACV,oBAAkBA,EAAA;GAClB,aAAU,AAAAiB,EAAA,QAAA,MAAEhB,EAAI,WAAA;GAChB,uBAAkB,AAAAgB,EAAA,QAAA,MAAEhB,EAAI,qBAAsBiB,CAAM;;GAE1C,gBAAY9B,QACO,CAA5BC,EAA4BgC,EAAA,QAAA,cAAA,C;GAEnB,iBAAajC,QACO,CAA7BC,EAA6BgC,EAAA,QAAA,eAAA,GAErBb,EAAA,SADRvB,EAAA,GAAAK,EAKM,OALNK,GAKMJ,EADDC,EAAAiC,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,K"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailDialog.js","names":["_sfc_main","AssetDetailDialog_vue_vue_type_script_setup_true_lang_default","AssetDetailDialog_default"],"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; none when it was closed from its loader, or had 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// What the detail shows while its button closes it. Noted before the store is emptied: its host cannot ask 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 closes the detail by itself as well, after a read that failed: the host is told of either close, once.\n// Only a change that takes this detail away is its close. Until its host has drawn again this dialog still sees what\n// follows, the next opening of its host or of another.\nconst stopTellingHost = watch(\n  dialog,\n  (_now, before) => {\n    if (before === props.queueKey) emit('close', shownAtClose)\n  },\n  { flush: 'sync' }\n)\n// A host that goes away with its detail open would leave its key in the store, which is the page's: the next host with\n// that key drew the detail at once, over a page that had not asked for it. The detail is closed with its host, and its\n// read on its way given up. That host is not told: it is going away.\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":""}
+{"version":3,"file":"AssetDetailDialog.js","names":["_sfc_main","AssetDetailDialog_vue_vue_type_script_setup_true_lang_default","AssetDetailDialog_default"],"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":""}

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

@@ -1,17 +1,17 @@
-import { DamAssetType as e } from "../../types/Asset.js";
-import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as n } from "../../composables/damConfigName.js";
-import { useAssetDetailStore as r } from "../store/assetDetailStore.js";
+import { useAssetDetailStore as e } from "../store/assetDetailStore.js";
+import { DamAssetType as t } from "../../types/Asset.js";
+import n from "./AssetDetailDialogFrame.js";
+import r from "./AssetDetailDialogSidebar.js";
 import { assetDetailViewOfAsset as i } from "../composables/assetDetailView.js";
-import a from "./AssetDetailDialogFrame.js";
-import o from "./AssetDetailDialogSidebar.js";
+import { useCommonAdminCoreDamOptions as a } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as o } from "../../composables/damConfigName.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, onBeforeUnmount as m, openBlock as h, toDisplayString as g, unref as _, watch as v, withCtx as y, withModifiers as b } from "vue";
 import { useI18n as x } from "vue-i18n";
 import { VIcon as S } from "vuetify/components/VIcon";
 import { VTooltip as C } from "vuetify/components/VTooltip";
 import { VBtn as w } from "vuetify/components/VBtn";
 import { storeToRefs as T } from "pinia";
-//#region src/domains/dam/assetDetail/components/AssetDetailDialog.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailDialog.vue?vue&type=script&setup=true&lang.ts
 var E = /*@__PURE__*/ p({
 	__name: "AssetDetailDialog",
 	props: {
@@ -21,7 +21,7 @@ var E = /*@__PURE__*/ p({
 	},
 	emits: ["close"],
 	setup(p, { emit: E }) {
-		let D = p, O = E, k = n(D.configName), { t: A } = x(), j = r(), { asset: M, dialog: N, loading: P } = T(j), { simpleAssetSidebarEnabled: F } = t(k), I = s(() => i(M.value, F)), L = null, R = () => {
+		let D = p, O = E, k = o(D.configName), { t: A } = x(), j = e(), { asset: M, dialog: N, loading: P } = T(j), { simpleAssetSidebarEnabled: F } = a(k), I = s(() => i(M.value, F)), L = null, R = () => {
 			L = P.value ? null : M.value, j.close(), L = null;
 		}, z = v(N, (e, t) => {
 			t === D.queueKey && O("close", L);
@@ -30,7 +30,7 @@ var E = /*@__PURE__*/ p({
 			z(), N.value === D.queueKey && j.close();
 		});
 		let B = s(() => M.value ? M.value.texts.displayTitle : "");
-		return (t, n) => (h(), c(a, {
+		return (e, i) => (h(), c(n, {
 			loading: _(P),
 			view: I.value,
 			"ext-system": p.extSystem,
@@ -56,20 +56,20 @@ var E = /*@__PURE__*/ p({
 				})]),
 				_: 1
 			}, 8, ["aria-label"])]),
-			sidebar: y(({ view: t }) => [t.id ? (h(), c(o, {
-				key: t.id,
+			sidebar: y(({ view: e }) => [e.id ? (h(), c(r, {
+				key: e.id,
 				"queue-key": p.queueKey,
 				"ext-system": p.extSystem,
 				"config-name": _(k),
-				"asset-id": t.id,
-				"is-video": t.assetType === _(e).Video,
-				"is-audio": t.assetType === _(e).Audio,
-				"is-image": t.assetType === _(e).Image,
-				"is-document": t.assetType === _(e).Document,
-				"asset-status": t.assetStatus,
-				"asset-type": t.assetType,
-				"asset-main-file-status": t.mainFile ? t.mainFile.fileAttributes.status : void 0,
-				"asset-main-file-fail-reason": t.mainFile ? t.mainFile.fileAttributes.failReason : void 0
+				"asset-id": e.id,
+				"is-video": e.assetType === _(t).Video,
+				"is-audio": e.assetType === _(t).Audio,
+				"is-image": e.assetType === _(t).Image,
+				"is-document": e.assetType === _(t).Document,
+				"asset-status": e.assetStatus,
+				"asset-type": e.assetType,
+				"asset-main-file-status": e.mainFile ? e.mainFile.fileAttributes.status : void 0,
+				"asset-main-file-fail-reason": e.mainFile ? e.mainFile.fileAttributes.failReason : void 0
 			}, null, 8, [
 				"queue-key",
 				"ext-system",
@@ -93,7 +93,6 @@ var E = /*@__PURE__*/ p({
 		]));
 	}
 });
-//#endregion
 export { E as default };
 
 //# sourceMappingURL=AssetDetailDialog.vue_vue_type_script_setup_true_lang.js.map

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; none when it was closed from its loader, or had 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// What the detail shows while its button closes it. Noted before the store is emptied: its host cannot ask 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 closes the detail by itself as well, after a read that failed: the host is told of either close, once.\n// Only a change that takes this detail away is its close. Until its host has drawn again this dialog still sees what\n// follows, the next opening of its host or of another.\nconst stopTellingHost = watch(\n  dialog,\n  (_now, before) => {\n    if (before === props.queueKey) emit('close', shownAtClose)\n  },\n  { flush: 'sync' }\n)\n// A host that goes away with its detail open would leave its key in the store, which is the page's: the next host with\n// that key drew the detail at once, over a page that had not asked for it. The detail is closed with its host, and its\n// read on its way given up. That host is not told: it is going away.\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,GAGtFC,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","_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"}

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

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

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// The frame of the detail of an asset and of the dialog of a single upload: the dialog, its toolbar, the picture or\n// the editor of the region of interest on the left, the sidebar on the right. What it draws 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  /** Over the picture: given, picture 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 refuses the region's save without it: the region 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              <!-- Around the grey placeholder the box is as large as this area, as the placeholder is without an\n                   overlay: it fills it, and the overlay covers it. Around a picture it keeps the picture's size. -->\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":["_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":""}

package/dist/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Props = {
 type __VLS_Slots = {
     title(): unknown;
     'toolbar-actions'(): unknown;
-    /** Over the picture: given, picture and overlay share a positioned box. */
+    /** Drawn over the image. When given, image and overlay share a positioned box. */
     'image-overlay'?(): unknown;
     sidebar(props: {
         view: AssetDetailView;

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

@@ -1,14 +1,14 @@
-import { isNull as e } from "../../../../shared/utils/common.js";
-import { useTheme as t } from "../../../system/composables/themeSettings.js";
-import { useAuthHelpers as n } from "../../../auth/composables/defineAuth.js";
-import { useCommonAdminCoreDamOptions as r } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as i } from "../../composables/damConfigName.js";
-import { AssetDetailTabImageWithRoi as ee, useAssetDetailStore as a } from "../store/assetDetailStore.js";
-import { pictureIsPlaceholder as o } from "../composables/assetDetailView.js";
+import { useTheme as e } from "../../../system/composables/themeSettings.js";
+import { AssetDetailTabImageWithRoi as t, useAssetDetailStore as n } from "../store/assetDetailStore.js";
+import { pictureIsPlaceholder as ee } from "../composables/assetDetailView.js";
 import te from "./AssetDetailDialogLoader.js";
-import s from "./AssetImage.js";
-import c from "../../cropper/components/DamAssetImageRoiSelectLazy.js";
-import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as ne, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, withCtx as T, withModifiers as E } from "vue";
+import r from "./AssetImage.js";
+import i from "../../cropper/components/DamAssetImageRoiSelectLazy.js";
+import { useAuthHelpers as a } from "../../../auth/composables/defineAuth.js";
+import { useCommonAdminCoreDamOptions as ne } from "../../composables/commonAdminCoreDamOptions.js";
+import { isNull as o } from "../../../../shared/utils/common.js";
+import { useDamConfigName as s } from "../../composables/damConfigName.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeProps as _, normalizeClass as v, normalizeProps as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, unref as w, withCtx as T, withModifiers as E } from "vue";
 import { useI18n as D } from "vue-i18n";
 import { VSpacer as O } from "vuetify/components/VGrid";
 import { VIcon as k } from "vuetify/components/VIcon";
@@ -18,7 +18,7 @@ import { VBtn as M } from "vuetify/components/VBtn";
 import { VToolbar as N } from "vuetify/components/VToolbar";
 import { VDialog as P } from "vuetify/components/VDialog";
 import { storeToRefs as F } from "pinia";
-//#region src/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailDialogFrame.vue?vue&type=script&setup=true&lang.ts
 var I = { class: "dam-image-detail__wrapper d-flex flex-column" }, re = { class: "text-label-large d-flex px-2" }, L = { class: "pr-2" }, R = { class: "d-flex w-100 h-100 position-relative dam-image-detail__content" }, z = { class: "d-flex w-100 align-center dam-image-detail__left" }, B = {
 	key: 0,
 	class: "w-100 h-100 pa-2 d-flex align-center justify-center"
@@ -35,9 +35,9 @@ var I = { class: "dam-image-detail__wrapper d-flex flex-column" }, re = { class:
 	},
 	emits: ["close"],
 	setup(h, { emit: U }) {
-		let W = h, G = U, K = i(W.configName), { t: q } = D(), { canSafeHelper: J } = n(), { toolbarColor: Y } = t(), { activeTab: X } = F(a()), { roiUpdateAcl: Z } = r(K), ie = l(() => e(Z) || J(Z, void 0, "roi")), Q = x(!0), ae = () => {
+		let W = h, G = U, K = s(W.configName), { t: q } = D(), { canSafeHelper: J } = a(), { toolbarColor: Y } = e(), { activeTab: X } = F(n()), { roiUpdateAcl: Z } = ne(K), ie = c(() => o(Z) || J(Z, void 0, "roi")), Q = x(!0), ae = () => {
 			Q.value = !Q.value;
-		}, $ = l(() => {
+		}, $ = c(() => {
 			if (!W.view) return {};
 			let { image: e } = W.view;
 			return {
@@ -57,28 +57,28 @@ var I = { class: "dam-image-detail__wrapper d-flex flex-column" }, re = { class:
 				useComponent: !0
 			};
 		});
-		return (e, t) => (b(), u(P, {
+		return (e, n) => (b(), l(P, {
 			"model-value": !0,
 			fullscreen: "",
 			eager: ""
 		}, {
-			default: T(() => [h.loading ? (b(), u(te, {
+			default: T(() => [h.loading ? (b(), l(te, {
 				key: 0,
-				onCloseDialog: t[0] ||= (e) => G("close")
-			})) : h.view ? (b(), u(A, {
+				onCloseDialog: n[0] ||= (e) => G("close")
+			})) : h.view ? (b(), l(A, {
 				key: 1,
 				class: v(["dam-image-detail", { "dam-image-detail--sidebar-active": Q.value }])
 			}, {
-				default: T(() => [p("div", I, [m(N, {
+				default: T(() => [f("div", I, [m(N, {
 					color: w(Y),
 					density: "compact",
 					height: 64,
 					class: "border-b pr-1"
 				}, {
 					default: T(() => [
-						p("div", re, [S(e.$slots, "title")]),
+						f("div", re, [S(e.$slots, "title")]),
 						m(O),
-						p("div", L, [m(M, {
+						f("div", L, [m(M, {
 							"aria-label": w(q)("common.damImage.asset.detail.toggleInfo"),
 							active: Q.value,
 							variant: Q.value ? "flat" : "text",
@@ -102,7 +102,7 @@ var I = { class: "dam-image-detail__wrapper d-flex flex-column" }, re = { class:
 									activator: "parent",
 									location: "bottom"
 								}, {
-									default: T(() => [ne(C(w(q)("common.damImage.asset.detail.toggleInfo")), 1)]),
+									default: T(() => [p(C(w(q)("common.damImage.asset.detail.toggleInfo")), 1)]),
 									_: 1
 								})
 							]),
@@ -115,7 +115,7 @@ var I = { class: "dam-image-detail__wrapper d-flex flex-column" }, re = { class:
 						]), S(e.$slots, "toolbar-actions")])
 					]),
 					_: 3
-				}, 8, ["color"]), p("div", R, [p("div", z, [w(X) === w(ee).ROI && h.view.roiEditorTab || h.view.simpleMode ? (b(), f("div", B, [m(c, {
+				}, 8, ["color"]), f("div", R, [f("div", z, [w(X) === w(t).ROI && h.view.roiEditorTab || h.view.simpleMode ? (b(), d("div", B, [m(i, {
 					"ext-system": h.extSystem,
 					"config-name": w(K),
 					readonly: !ie.value
@@ -123,17 +123,16 @@ var I = { class: "dam-image-detail__wrapper d-flex flex-column" }, re = { class:
 					"ext-system",
 					"config-name",
 					"readonly"
-				])])) : (b(), f("div", V, [e.$slots["image-overlay"] ? (b(), f("div", {
+				])])) : (b(), d("div", V, [e.$slots["image-overlay"] ? (b(), d("div", {
 					key: 0,
-					class: v(["position-relative", { "w-100 h-100 d-flex align-center justify-center": w(o)(h.view) }])
-				}, [m(s, y(g($.value)), null, 16), S(e.$slots, "image-overlay")], 2)) : (b(), u(s, y(_({ key: 1 }, $.value)), null, 16))]))]), p("div", H, [S(e.$slots, "sidebar", { view: h.view })])])])]),
+					class: v(["position-relative", { "w-100 h-100 d-flex align-center justify-center": w(ee)(h.view) }])
+				}, [m(r, y(g($.value)), null, 16), S(e.$slots, "image-overlay")], 2)) : (b(), l(r, y(_({ key: 1 }, $.value)), null, 16))]))]), f("div", H, [S(e.$slots, "sidebar", { view: h.view })])])])]),
 				_: 3
-			}, 8, ["class"])) : d("", !0)]),
+			}, 8, ["class"])) : u("", !0)]),
 			_: 3
 		}));
 	}
 });
-//#endregion
 export { U as default };
 
 //# sourceMappingURL=AssetDetailDialogFrame.vue_vue_type_script_setup_true_lang.js.map

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// The frame of the detail of an asset and of the dialog of a single upload: the dialog, its toolbar, the picture or\n// the editor of the region of interest on the left, the sidebar on the right. What it draws 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  /** Over the picture: given, picture 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 refuses the region's save without it: the region 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              <!-- Around the grey placeholder the box is as large as this area, as the placeholder is without an\n                   overlay: it fills it, and the overlay covers it. Around a picture it keeps the picture's size. -->\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","_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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"}

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

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

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

@@ -7,7 +7,7 @@ import { VProgressCircular as f } from "vuetify/components/VProgressCircular";
 import { VCard as p } from "vuetify/components/VCard";
 import { VBtn as m } from "vuetify/components/VBtn";
 import { VToolbar as h } from "vuetify/components/VToolbar";
-//#region src/domains/dam/assetDetail/components/AssetDetailDialogLoader.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailDialogLoader.vue?vue&type=script&setup=true&lang.ts
 var g = { class: "d-flex flex-column w-100 h-100" }, _ = { class: "d-flex w-100 h-100 justify-center align-center" }, v = /*@__PURE__*/ i({
 	__name: "AssetDetailDialogLoader",
 	emits: ["closeDialog"],
@@ -47,7 +47,6 @@ var g = { class: "d-flex flex-column w-100 h-100" }, _ = { class: "d-flex w-100
 		}));
 	}
 });
-//#endregion
 export { v as default };
 
 //# sourceMappingURL=AssetDetailDialogLoader.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -1,10 +1,10 @@
-import { useCommonAdminCoreDamOptions as e } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as t } from "../../composables/damConfigName.js";
-import n from "./AssetInfobox.js";
-import r from "./AssetDetailSidebarMetadata.js";
-import i from "./AssetDetailSidebarFrame.js";
+import e from "./AssetInfobox.js";
+import t from "./AssetDetailSidebarMetadata.js";
+import n from "./AssetDetailSidebarFrame.js";
+import { useCommonAdminCoreDamOptions as r } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as i } from "../../composables/damConfigName.js";
 import { computed as a, createBlock as o, createVNode as s, defineComponent as c, openBlock as l, unref as u, withCtx as d } from "vue";
-//#region src/domains/dam/assetDetail/components/AssetDetailDialogSidebar.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailDialogSidebar.vue?vue&type=script&setup=true&lang.ts
 var f = /*@__PURE__*/ c({
 	__name: "AssetDetailDialogSidebar",
 	props: {
@@ -23,14 +23,14 @@ var f = /*@__PURE__*/ c({
 		configName: { default: void 0 }
 	},
 	setup(c) {
-		let f = c, p = t(f.configName), { simpleAssetSidebarEnabled: m } = e(p), h = a(() => m && f.isImage);
-		return (e, t) => (l(), o(i, {
+		let f = c, p = i(f.configName), { simpleAssetSidebarEnabled: m } = r(p), h = a(() => m && f.isImage);
+		return (r, i) => (l(), o(n, {
 			"queue-key": c.queueKey,
 			"config-name": u(p),
 			"roi-tab": c.isImage,
 			"simple-mode": h.value
 		}, {
-			prepend: d(() => [s(n, {
+			prepend: d(() => [s(e, {
 				"asset-status": c.assetStatus,
 				"asset-main-file-status": c.assetMainFileStatus,
 				"asset-main-file-fail-reason": c.assetMainFileFailReason
@@ -39,7 +39,7 @@ var f = /*@__PURE__*/ c({
 				"asset-main-file-status",
 				"asset-main-file-fail-reason"
 			])]),
-			info: d(({ isActive: e }) => [s(r, {
+			info: d(({ isActive: e }) => [s(t, {
 				"queue-key": c.queueKey,
 				"ext-system": c.extSystem,
 				"config-name": u(p),
@@ -61,7 +61,6 @@ var f = /*@__PURE__*/ c({
 		]));
 	}
 });
-//#endregion
 export { f as default };
 
 //# sourceMappingURL=AssetDetailDialogSidebar.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -1,6 +1,6 @@
 import { useAssetDetailSidebarActionbar as e } from "../composables/assetDetailSidebarActionbar.js";
 import { createElementBlock as t, defineComponent as n, nextTick as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, unref as c } from "vue";
-//#region src/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue?vue&type=script&setup=true&lang.ts
 var l = /*@__PURE__*/ n({
 	__name: "AssetDetailSidebarActionsTeleportTarget",
 	props: { queueKey: {} },
@@ -20,7 +20,6 @@ var l = /*@__PURE__*/ n({
 		]) }, null, 2));
 	}
 });
-//#endregion
 export { l as default };
 
 //# sourceMappingURL=AssetDetailSidebarActionsTeleportTarget.vue_vue_type_script_setup_true_lang.js.map

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

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

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue.d.ts

@@ -2,10 +2,12 @@ import { UploadQueueKey } from '../../types/UploadQueue';
 type __VLS_Props = {
     queueKey: UploadQueueKey;
 };
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;