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

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

@@ -0,0 +1,64 @@
+import { useDamConfigState as e } from "../../config/composables/damConfigState.js";
+import t from "../../../customDataForm/components/ACustomDataForm.js";
+import { ADamAssetMetadataValidationScopeSymbol as n } from "../../composables/uploadValidations.js";
+import { isUndefined as r } from "../../../../shared/utils/common.js";
+import { useDamConfigName as i } from "../../composables/damConfigName.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { useI18n as h } from "vue-i18n";
+// src/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "text-error my-2"
+}, _ = /*@__PURE__*/ l({
+	__name: "AssetCustomMetadataForm",
+	props: {
+		assetType: {},
+		extSystem: {},
+		modelValue: {},
+		dataCy: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		validationScope: {
+			type: [
+				String,
+				Number,
+				Boolean,
+				Symbol
+			],
+			default: n
+		},
+		configName: { default: void 0 }
+	},
+	emits: ["update:modelValue", "anyChange"],
+	setup(n, { emit: l }) {
+		let _ = n, v = l, y = i(_.configName), { getDamConfigAssetCustomFormElements: b, getDamConfigExtSystem: x } = e(void 0, y), S = b(_.extSystem);
+		if (r(S)) throw Error("Custom form elements must be initialised.");
+		let C = a(() => r(b(_.extSystem, _.assetType))), { t: w } = h(), T = a(() => S[_.assetType]), E = x(_.extSystem);
+		if (r(E)) throw Error("AssetCustomMetadataForm: Ext system must be initialised.");
+		let D = a(() => E[_.assetType]?.customMetadataPinnedAmount ?? 2);
+		return (e, r) => (u(), o(t, {
+			"model-value": n.modelValue,
+			"pinned-count": D.value,
+			elements: T.value,
+			readonly: n.readonly,
+			"validation-scope": n.validationScope,
+			onAnyChange: r[0] ||= (e) => v("anyChange"),
+			"onUpdate:modelValue": r[1] ||= (e) => v("update:modelValue", e)
+		}, {
+			"after-pinned": m(() => [d(e.$slots, "after-pinned")]),
+			"before-pinned": m(() => [d(e.$slots, "before-pinned"), C.value ? (u(), c("div", g, f(p(w)("common.damImage.error.loadingConfig")), 1)) : s("", !0)]),
+			_: 3
+		}, 8, [
+			"model-value",
+			"pinned-count",
+			"elements",
+			"readonly",
+			"validation-scope"
+		]));
+	}
+});
+export { _ as default };
+
+//# sourceMappingURL=AssetCustomMetadataForm.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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// 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

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

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

@@ -0,0 +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. 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.d.ts

@@ -0,0 +1,17 @@
+import { AssetDetailItemDto } from '../../types/Asset';
+import { UploadQueueKey } from '../../types/UploadQueue';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+    extSystem: IntegerId;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: (shown: AssetDetailItemDto | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((shown: AssetDetailItemDto | null) => any) | undefined;
+}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,98 @@
+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 { 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";
+// src/domains/dam/assetDetail/components/AssetDetailDialog.vue?vue&type=script&setup=true&lang.ts
+var E = /*@__PURE__*/ p({
+	__name: "AssetDetailDialog",
+	props: {
+		queueKey: {},
+		extSystem: {},
+		configName: { default: void 0 }
+	},
+	emits: ["close"],
+	setup(p, { emit: E }) {
+		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);
+		}, { flush: "sync" });
+		m(() => {
+			z(), N.value === D.queueKey && j.close();
+		});
+		let B = s(() => M.value ? M.value.texts.displayTitle : "");
+		return (e, i) => (h(), c(n, {
+			loading: _(P),
+			view: I.value,
+			"ext-system": p.extSystem,
+			"config-name": _(k),
+			onClose: R
+		}, {
+			title: y(() => [u("div", null, g(_(A)("common.damImage.asset.detail.sourceSystem")) + ": " + g(B.value), 1)]),
+			"toolbar-actions": y(() => [f(w, {
+				"aria-label": _(A)("common.button.close"),
+				icon: "",
+				variant: "text",
+				width: 36,
+				height: 36,
+				class: "mr-1",
+				onClick: b(R, ["stop"])
+			}, {
+				default: y(() => [f(S, { icon: "mdi-close" }), f(C, {
+					activator: "parent",
+					location: "bottom"
+				}, {
+					default: y(() => [d(g(_(A)("common.button.close")), 1)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["aria-label"])]),
+			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": 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",
+				"config-name",
+				"asset-id",
+				"is-video",
+				"is-audio",
+				"is-image",
+				"is-document",
+				"asset-status",
+				"asset-type",
+				"asset-main-file-status",
+				"asset-main-file-fail-reason"
+			])) : l("", !0)]),
+			_: 1
+		}, 8, [
+			"loading",
+			"view",
+			"ext-system",
+			"config-name"
+		]));
+	}
+});
+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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,32 @@
+import { AssetDetailView } from '../composables/assetDetailView';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    loading: boolean;
+    view: AssetDetailView | null;
+    extSystem: IntegerId;
+    configName?: string;
+};
+type __VLS_Slots = {
+    title(): unknown;
+    'toolbar-actions'(): unknown;
+    /** Drawn over the image. When given, image and overlay share a positioned box. */
+    'image-overlay'?(): unknown;
+    sidebar(props: {
+        view: AssetDetailView;
+    }): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,138 @@
+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 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";
+import { VCard as A } from "vuetify/components/VCard";
+import { VTooltip as j } from "vuetify/components/VTooltip";
+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";
+// 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"
+}, V = {
+	key: 1,
+	class: "w-100 h-100 pa-2 d-flex align-center justify-center"
+}, H = { class: "h-100 d-flex dam-image-detail__sidebar border-s" }, U = /*@__PURE__*/ h({
+	__name: "AssetDetailDialogFrame",
+	props: {
+		loading: { type: Boolean },
+		view: {},
+		extSystem: {},
+		configName: { default: void 0 }
+	},
+	emits: ["close"],
+	setup(h, { emit: U }) {
+		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;
+		}, $ = c(() => {
+			if (!W.view) return {};
+			let { image: e } = W.view;
+			return {
+				assetType: W.view.assetType,
+				assetStatus: W.view.assetStatus,
+				src: e.src,
+				backgroundColor: e.backgroundColor,
+				width: e.width,
+				height: e.height,
+				showUploading: e.uploading,
+				showProcessing: e.processing,
+				showWaiting: e.waiting,
+				showDone: e.done,
+				uploadingProgress: e.progress,
+				remainingTime: e.remainingTime,
+				aspectRatio: e.aspectRatio,
+				useComponent: !0
+			};
+		});
+		return (e, n) => (b(), l(P, {
+			"model-value": !0,
+			fullscreen: "",
+			eager: ""
+		}, {
+			default: T(() => [h.loading ? (b(), l(te, {
+				key: 0,
+				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(() => [f("div", I, [m(N, {
+					color: w(Y),
+					density: "compact",
+					height: 64,
+					class: "border-b pr-1"
+				}, {
+					default: T(() => [
+						f("div", re, [S(e.$slots, "title")]),
+						m(O),
+						f("div", L, [m(M, {
+							"aria-label": w(q)("common.damImage.asset.detail.toggleInfo"),
+							active: Q.value,
+							variant: Q.value ? "flat" : "text",
+							color: Q.value ? "secondary" : "",
+							icon: "",
+							class: "mr-1",
+							width: 36,
+							height: 36,
+							onClick: E(ae, ["stop"])
+						}, {
+							default: T(() => [
+								m(k, {
+									icon: "mdi-information-outline",
+									class: "d-none d-md-flex"
+								}),
+								m(k, {
+									icon: "mdi-image-outline",
+									class: "d-flex d-md-none"
+								}),
+								m(j, {
+									activator: "parent",
+									location: "bottom"
+								}, {
+									default: T(() => [p(C(w(q)("common.damImage.asset.detail.toggleInfo")), 1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, [
+							"aria-label",
+							"active",
+							"variant",
+							"color"
+						]), S(e.$slots, "toolbar-actions")])
+					]),
+					_: 3
+				}, 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
+				}, null, 8, [
+					"ext-system",
+					"config-name",
+					"readonly"
+				])])) : (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(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"])) : u("", !0)]),
+			_: 3
+		}));
+	}
+});
+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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMwC,IAAQC,GAYRC,IAAOH,GAYPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjD,EAAE,SAAMK,EAAQ,GAChB,EAAE,qBAAkBC,EAAe,GACnC,EAAE,oBAAiBC,EAAS,GAE5B,EAAE,iBAAcC,EAAYC,EAAoB,CAAC,GAEjD,EAAE,oBAAiBC,GAA6BP,CAAa,GAE7DQ,KAAcC,QAAeC,EAAOC,CAAY,KAAKC,EAAcD,GAAc,KAAA,GAAW,KAAK,CAAC,GAElGE,IAAUC,EAAI,EAAI,GAElBC,WAAsB;GAC1B,EAAQ,QAAQ,CAACF,EAAQ;EAC3B,GAEMG,IAAUP,QAAe;GAC7B,IAAI,CAACZ,EAAM,MAAM,OAAO,CAAC;GACzB,IAAM,EAAE,aAAUA,EAAM;GACxB,OAAO;IACL,WAAWA,EAAM,KAAK;IACtB,aAAaA,EAAM,KAAK;IACxB,KAAKoB,EAAM;IACX,iBAAiBA,EAAM;IACvB,OAAOA,EAAM;IACb,QAAQA,EAAM;IACd,eAAeA,EAAM;IACrB,gBAAgBA,EAAM;IACtB,aAAaA,EAAM;IACnB,UAAUA,EAAM;IAChB,mBAAmBA,EAAM;IACzB,eAAeA,EAAM;IACrB,aAAaA,EAAM;IACnB,cAAc;GAChB;EACF,CAAC;E,kBAIC3D,EAAA,GAAAC,EAmGUC,GAAA;GAlGP,eAAa;GACd,YAAA;GACA,OAAA;;GAEA,SAAAC,QAGE,CAFMqC,EAAA,WADRxC,EAAA,GAAAC,EAGEG,IAAA;;IADC,eAAY,AAAA4D,EAAA,QAAA,MAAEvB,EAAI,OAAA;G,MAGRD,EAAA,QADbxC,EAAA,GAAAC,EAyFQI,GAAA;;IAvFN,OAAKC,EAAA,CAAC,oBAAkB,EAAA,oCACsBiD,EAAA,MAAO,CAAA,CAAA;;IAErD,SAAApD,QAmFM,CAnFNI,EAmFM,OAnFNsB,GAmFM,CAlFJrB,EAuCWC,GAAA;KAtCR,OAAOC,EAAA6D,CAAA;KACR,SAAQ;KACP,QAAQ;KACT,OAAM;;KAEN,SAAApE,QAEM;MAFNI,EAEM,OAFNuB,IAEM,CADJnB,EAAqB8D,EAAA,QAAA,OAAA,C;MAEvBjE,EAAWI,CAAA;MACXL,EA4BM,OA5BNwB,GA4BM,CA3BJvB,EAyBOK,GAAA;OAxBJ,cAAYH,EAAAkE,CAAA,CAAC,CAAA,yCAAA;OACb,QAAQrB,EAAA;OACR,SAASA,EAAA,QAAO,SAAA;OAChB,OAAOA,EAAA,QAAO,cAAA;OACf,MAAA;OACA,OAAM;OACL,OAAO;OACP,QAAQ;OACR,SAAKzC,EAAO2C,IAAa,CAAA,MAAA,CAAA;;OAE1B,SAAAtD,QAGE;QAHFK,EAGEO,GAAA;SAFA,MAAK;SACL,OAAM;;QAERP,EAGEO,GAAA;SAFA,MAAK;SACL,OAAM;;QAERP,EAKWQ,GAAA;SAJT,WAAU;SACV,UAAS;;SAET,SAAAb,QAAkD,CAA/Cc,EAAAC,EAAAR,EAAAkE,CAAA,CAAC,CAAA,yCAAA,CAAA,GAAA,CAAA,C;;;;;;;;;;M,IAGRjE,EAA+B8D,EAAA,QAAA,iBAAA,C;;;I,kBAGnClE,EAyCM,OAzCNyB,GAyCM,CAxCJzB,EAiCM,OAjCN0B,GAiCM,CA/BKvB,EAAAwE,CAAA,MAAcxE,EAAAyE,CAAA,CAA0B,CAAC,OAAO3C,EAAA,KAAK,gBAAiBA,EAAA,KAAK,cADpFxC,EAAA,GAAAmB,EASM,OATNe,GASM,CALJ1B,EAIEY,GAAA;KAHC,cAAYoB,EAAA;KACZ,eAAa9B,EAAAgC,CAAA;KACb,UAAQ,CAAGQ,GAAA;;;;;I,SAGhBlD,EAAA,GAAAmB,EAqBM,OArBNgB,GAqBM,CAXIpC,EAAAA,OAAM,oBADdC,EAAA,GAAAmB,EAOM,OAAA;;KALJ,OAAKb,EAAA,CAAC,qBAAmB,EAAA,kDACmCI,EAAA2E,EAAA,CAAoB,CAAC7C,EAAA,IAAI,EAAA,CAAA,CAAA;I,IAErFhC,EAA+Ba,GAAAC,EAAAC,EAAXmC,EAAA,KAAO,CAAA,GAAA,MAAA,EAAA,GAC3B/C,EAA6B8D,EAAA,QAAA,eAAA,C,UAE/BzE,EAAA,GAAAC,EAGEoB,GAAAC,EAAAE,EAAA,EAAA,KAAA,EAAA,GADQkC,EAAA,KAAO,CAAA,GAAA,MAAA,EAAA,E,OAIrBnD,EAKM,OALN6B,GAKM,CAJJzB,EAGE8D,EAAA,QAAA,WAAA,EADC,MAAMjC,EAAA,KAAI,CAAA,C"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,7 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    closeDialog: () => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onCloseDialog?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,52 @@
+import { useTheme as e } from "../../../system/composables/themeSettings.js";
+import { createBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, unref as o, withCtx as s, withModifiers as c } from "vue";
+import { useI18n as l } from "vue-i18n";
+import { VSpacer as u } from "vuetify/components/VGrid";
+import { VIcon as d } from "vuetify/components/VIcon";
+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";
+// 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"],
+	setup(i, { emit: v }) {
+		let y = v, { t: b } = l(), { toolbarColor: x } = e(), S = () => {
+			y("closeDialog");
+		};
+		return (e, i) => (a(), t(p, { class: "dam-image-detail" }, {
+			default: s(() => [n("div", g, [r(h, {
+				color: o(x),
+				density: "compact",
+				height: 64,
+				class: "border-b"
+			}, {
+				default: s(() => [
+					i[0] ||= n("div", { class: "text-label-large d-flex" }, null, -1),
+					r(u),
+					n("div", null, [r(m, {
+						icon: "",
+						"aria-label": o(b)("common.button.close"),
+						variant: "text",
+						width: 36,
+						height: 36,
+						class: "mr-1",
+						onClick: c(S, ["stop"])
+					}, {
+						default: s(() => [r(d, { icon: "mdi-close" })]),
+						_: 1
+					}, 8, ["aria-label"])])
+				]),
+				_: 1
+			}, 8, ["color"]), n("div", _, [r(f, {
+				indeterminate: "",
+				color: "primary"
+			})])])]),
+			_: 1
+		}));
+	}
+});
+export { v as default };
+
+//# sourceMappingURL=AssetDetailDialogLoader.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetailDialogLoader.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VCard","_withCtx","_createElementVNode","_createVNode","_component_VToolbar","_unref","_component_VSpacer","_component_VBtn","_withModifiers","_component_VIcon","_component_VProgressCircular","_hoisted_1","_hoisted_2","AssetDetailDialogLoader_vue_vue_type_script_setup_true_lang_default","__emit","emit","useI18n","useTheme","closeDialog","openBlock","createBlock","VCard","withCtx","createElementVNode","createVNode","VToolbar","unref","toolbarColor","_cache","VSpacer","VBtn","t","withModifiers","VIcon","VProgressCircular"],"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":";;;;;;;;;;;;;;EAIA,IAAMiB,IAAOD,GAIP,EAAE,SAAME,EAAQ,GAEhB,EAAE,oBAAiBC,EAAS,GAE5BC,UAAoB;GACxB,EAAK,aAAa;EACpB;E,kBAIEpB,EAAA,GAAAC,EA+BQC,GAAA,EA/BD,OAAM,mBAAkB,GAAA;GAC7B,SAAAC,QA6BM,CA7BNC,EA6BM,OA7BNS,GA6BM,CA5BJR,EAqBWC,GAAA;IApBR,OAAOC,EAAAsB,CAAA;IACR,SAAQ;IACP,QAAQ;IACT,OAAM;;IAEN,SAAA1B,QAAuC;KAAvC,AAAA2B,EAAA,OAAA1B,EAAuC,OAAA,EAAlC,OAAM,0BAAyB,GAAA,MAAA,EAAA;KACpCC,EAAWG,CAAA;KACXJ,EAYM,OAAA,MAAA,CAXJC,EAUOI,GAAA;MATL,MAAA;MACC,cAAYF,EAAA0B,CAAA,CAAC,CAAA,qBAAA;MACd,SAAQ;MACP,OAAO;MACP,QAAQ;MACT,OAAM;MACL,SAAKvB,EAAOU,GAAW,CAAA,MAAA,CAAA;;MAExB,SAAAjB,QAA0B,CAA1BE,EAA0BM,GAAA,EAAnB,MAAK,YAAW,CAAA,C;;;;;G,kBAI7BP,EAKM,OALNU,GAKM,CAJJT,EAGEO,GAAA;IAFA,eAAA;IACA,OAAM"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,27 @@
+import { DocId, IntegerId } from '../../../../shared/types/common';
+import { DamAssetStatusType, DamAssetTypeType } from '../../types/Asset';
+import { AssetFileFailReasonType, AssetFileProcessStatusType } from '../../types/AssetFile';
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+    extSystem: IntegerId;
+    assetId: DocId;
+    isVideo: boolean;
+    isAudio: boolean;
+    isImage: boolean;
+    isDocument: boolean;
+    dataCy?: string;
+    assetStatus: DamAssetStatusType;
+    assetType: DamAssetTypeType;
+    assetMainFileStatus?: AssetFileProcessStatusType | undefined;
+    assetMainFileFailReason?: AssetFileFailReasonType | undefined;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    dataCy: string;
+    configName: string;
+    assetMainFileStatus: AssetFileProcessStatusType;
+    assetMainFileFailReason: AssetFileFailReasonType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;