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

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

@@ -0,0 +1,126 @@
+import { useAssetDetailStore as e } from "../store/assetDetailStore.js";
+import { useImageRoiStore as t } from "../../cropper/store/imageRoiStore.js";
+import { usePagination as n } from "../../../api/composables/pagination.js";
+import { assetFileIsImageFile as r } from "../../types/AssetFile.js";
+import { cloneDeep as i, isNull as a } from "../../../../shared/utils/common.js";
+import o from "./AssetDetailSidebarActionsWrapper.js";
+import ee from "./AssetFileRotate.js";
+import { ENTITY as te, fetchRoi as ne, useFetchImageRoiList as re } from "../../api/damImageRoiApi.js";
+import { useCommonAdminCoreDamOptions as s } from "../../composables/commonAdminCoreDamOptions.js";
+import "../../../filters/datatable/utils/datatableColumns.js";
+import { createFilter as c, createFilterStore as l } from "../../../filters/composables/filterFactory.js";
+import { SYSTEM_CORE_DAM as u } from "../../api/damConstants.js";
+import { fetchImageFile as d } from "../../api/damImageApi.js";
+import { useAlerts as f } from "../../../system/composables/alerts.js";
+import { useAuthHelpers as p } from "../../../auth/composables/defineAuth.js";
+import { useDamConfigName as m } from "../../composables/damConfigName.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as ie, createVNode as x, defineComponent as S, onMounted as C, openBlock as w, renderList as T, resolveComponent as E, toDisplayString as D, unref as O, withCtx as k, withModifiers as A } from "vue";
+import { useI18n as j } from "vue-i18n";
+import { VIcon as M } from "vuetify/components/VIcon";
+import { VProgressCircular as N } from "vuetify/components/VProgressCircular";
+import { VBtn as P } from "vuetify/components/VBtn";
+// src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue?vue&type=script&setup=true&lang.ts
+var F = { class: "px-3" }, I = { class: "v-expansion-panel-title px-0" }, L = { class: "text-body-small" }, R = {
+	key: 1,
+	class: "w-100 h-100 d-flex align-center justify-center"
+}, ae = {
+	key: 2,
+	class: "crop-preview pa-2"
+}, z = { class: "text-label-large" }, B = [
+	"src",
+	"width",
+	"height"
+], V = /*@__PURE__*/ S({
+	__name: "AssetDetailSidebarROI",
+	props: {
+		isActive: { type: Boolean },
+		queueKey: {},
+		configName: { default: void 0 }
+	},
+	setup(S) {
+		let V = m(S.configName), { t: H } = j(), { showErrorsDefault: U } = f(), W = t(), G = e(), { pagination: K } = n("id"), { damClient: q, endPointImage: J, endPointRoi: oe, imageRotateAcl: Y } = s(V), { canSafeHelper: se } = p(), ce = g(() => a(Y) || se(Y, void 0, "rotate")), X = [], { filterConfig: le, filterData: ue } = c(X, l(X), {
+			system: u,
+			subject: te
+		}), de = async (e) => {
+			let t = await d(q, J, e);
+			W.setImageFile(t);
+		}, Z = async (e = !1) => {
+			W.showLoader();
+			try {
+				if (W.imageFile) {
+					let { execute: t } = re(q, J, W.imageFile.id), n = await t(K, ue, le);
+					if (n.length > 0 && n[0].id) {
+						let t = await ne(q, oe, n[0].id);
+						e && await de(W.imageFile.id), W.setRoi(t);
+						return;
+					}
+				}
+				W.setRoi(null);
+			} catch (e) {
+				U(e);
+			} finally {
+				W.hideLoader();
+			}
+		}, Q = g(() => !W.loader && !W.cropperBusy), $ = () => {
+			Q.value && Z(!0);
+		}, fe = async () => {
+			await Z(!0);
+		};
+		return C(async () => {
+			W.reset(), W.showLoader(), G.asset && G.asset.mainFile && r(G.asset.mainFile) && (W.setImageFile(i(G.asset.mainFile)), await Z()), W.hideLoader();
+		}), (e, t) => {
+			let n = E("ABtnTertiary");
+			return w(), y(h, null, [
+				S.isActive ? (w(), _(o, {
+					key: 0,
+					"queue-key": S.queueKey
+				}, {
+					default: k(() => [Q.value ? (w(), _(n, {
+						key: 0,
+						class: "d-none d-md-flex",
+						onClick: A($, ["stop"])
+					}, {
+						default: k(() => [ie(D(O(H)("common.damImage.asset.detail.roi.refresh")), 1)]),
+						_: 1
+					})) : v("", !0), Q.value ? (w(), _(P, {
+						key: 1,
+						icon: "",
+						variant: "text",
+						size: "small",
+						class: "d-flex d-md-none",
+						title: O(H)("common.damImage.asset.detail.roi.refresh"),
+						onClick: A($, ["stop"])
+					}, {
+						default: k(() => [x(M, { icon: "mdi-refresh" })]),
+						_: 1
+					}, 8, ["title"])) : v("", !0)]),
+					_: 1
+				}, 8, ["queue-key"])) : v("", !0),
+				b("div", F, [b("div", I, D(O(H)("common.damImage.asset.detail.roi.title")), 1), b("div", L, D(O(H)("common.damImage.asset.detail.roi.description")), 1)]),
+				O(W).loader ? (w(), y("div", R, [x(N, {
+					indeterminate: "",
+					color: "primary"
+				})])) : O(W).roi ? (w(), y("div", ae, [(w(!0), y(h, null, T(O(W).roi?.links.image_roi_example, (e) => (w(), y("div", {
+					key: e.url,
+					class: "pb-2"
+				}, [b("div", z, D(e.title), 1), O(W).imageFile ? (w(), y("img", {
+					key: 0,
+					src: e.url + "?manipulated=" + O(W).imageFile.manipulatedAt,
+					width: e.width,
+					height: e.height,
+					alt: ""
+				}, null, 8, B)) : v("", !0)]))), 128))])) : v("", !0),
+				O(W).imageFile && ce.value ? (w(), _(ee, {
+					key: 3,
+					"image-id": O(W).imageFile.id,
+					"config-name": O(V),
+					class: "mx-2",
+					onAfterRotate: fe
+				}, null, 8, ["image-id", "config-name"])) : v("", !0)
+			], 64);
+		};
+	}
+});
+export { V as default };
+
+//# sourceMappingURL=AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { AssetFileFailReasonType } from '../../types/AssetFile';
+type __VLS_Props = {
+    reason: AssetFileFailReasonType;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,18 @@
+import { useAssetFileFailReason as e } from "../composables/assetFileFailReason.js";
+import t from "../../../ui/components/AChipNoLink.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createTextVNode as a, defineComponent as o, openBlock as s, toDisplayString as c, withCtx as l } from "vue";
+// src/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue?vue&type=script&setup=true&lang.ts
+var u = /*@__PURE__*/ o({
+	__name: "AssetFileFailReasonChip",
+	props: { reason: {} },
+	setup(o) {
+		let u = o, { getAssetFileFailReasonOption: d } = e(), f = n(() => d(u.reason));
+		return (e, n) => f.value ? (s(), r(t, { key: 0 }, {
+			default: l(() => [a(c(f.value.title), 1)]),
+			_: 1
+		})) : i("", !0);
+	}
+});
+export { u as default };
+
+//# sourceMappingURL=AssetFileFailReasonChip.vue_vue_type_script_setup_true_lang.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { AssetDetailItemDto } from '../../types/Asset';
+type __VLS_Props = {
+    asset: AssetDetailItemDto;
+    /** Shows creator and last modifier chips. */
+    showUsers: boolean;
+    /** Shows the asset's licence. */
+    showLicence?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showLicence: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,148 @@
+import { DamAssetType as e, DamAssetTypeDefault as t } from "../../types/Asset.js";
+import { assetFileIsImageFile as n } from "../../types/AssetFile.js";
+import r from "../../../ui/components/ACopyText.js";
+import { prettyBytes as i } from "../../../../shared/utils/file.js";
+import a from "./AssetMetadataImageAttributes.js";
+import { dateTimePretty as o } from "../../../../shared/utils/datetime.js";
+import s from "../../../cached/components/ACachedUserChip.js";
+import { useDamCachedUsers as c } from "../../author/composables/cachedUsers.js";
+import { useDamConfigName as l } from "../../composables/damConfigName.js";
+import u from "../../../cached/components/ACachedChip.js";
+import { useDamCachedAssetLicences as d } from "../../user/composables/cachedAssetLicences.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, openBlock as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { VCol as D, VRow as O } from "vuetify/components/VGrid";
+import { VExpansionPanel as k, VExpansionPanelText as A } from "vuetify/components/VExpansionPanel";
+// src/domains/dam/assetDetail/components/AssetFileInfoPanel.vue?vue&type=script&setup=true&lang.ts
+var j = /*@__PURE__*/ b({
+	__name: "AssetFileInfoPanel",
+	props: {
+		asset: {},
+		showUsers: { type: Boolean },
+		showLicence: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(b) {
+		let j = b, { t: M } = E(), N = p(() => (j.asset.attributes.assetType || t) === e.Image), P = l(), { getCachedUser: F } = c(P), { addToCachedAssetLicences: I, fetchCachedAssetLicences: L, getCachedAssetLicence: R } = d(P);
+		return w([() => j.showLicence, () => j.asset.licence], ([e, t]) => {
+			e && (I(t), L());
+		}, { immediate: !0 }), (e, t) => (x(), m(k, {
+			elevation: "0",
+			title: C(M)("common.damImage.asset.detail.info.file"),
+			value: "file"
+		}, {
+			default: T(() => [y(A, { class: "text-body-small" }, {
+				default: T(() => [
+					y(O, null, {
+						default: T(() => [y(D, { cols: "3" }, {
+							default: T(() => [v(S(C(M)("common.damImage.asset.detail.info.field.id")), 1)]),
+							_: 1
+						}), y(D, { cols: "9" }, {
+							default: T(() => [y(r, { value: b.asset.id }, null, 8, ["value"])]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					y(O, null, {
+						default: T(() => [y(D, { cols: "3" }, {
+							default: T(() => [v(S(C(M)("common.damImage.asset.detail.info.field.type")), 1)]),
+							_: 1
+						}), y(D, { cols: "9" }, {
+							default: T(() => [v(S(b.asset.attributes.assetType), 1)]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					b.showLicence ? (x(), m(O, {
+						key: 0,
+						"data-cy": "asset-licence"
+					}, {
+						default: T(() => [y(D, { cols: "3" }, {
+							default: T(() => [v(S(C(M)("common.damImage.asset.detail.info.field.licence")), 1)]),
+							_: 1
+						}), y(D, { cols: "9" }, {
+							default: T(() => [y(u, {
+								id: b.asset.licence,
+								"get-cached-fn": C(R),
+								"display-text-path": "name",
+								route: "",
+								"disable-click": ""
+							}, null, 8, ["id", "get-cached-fn"])]),
+							_: 1
+						})]),
+						_: 1
+					})) : h("", !0),
+					y(O, null, {
+						default: T(() => [y(D, { cols: "3" }, {
+							default: T(() => [v(S(C(M)("common.model.tracking.created")), 1)]),
+							_: 1
+						}), y(D, { cols: "9" }, {
+							default: T(() => [v(S(C(o)(b.asset.createdAt)) + " ", 1), b.showUsers ? (x(), g(f, { key: 0 }, [t[0] ||= _("br", null, null, -1), y(s, {
+								id: b.asset.createdBy,
+								"get-cached-fn": C(F)
+							}, null, 8, ["id", "get-cached-fn"])], 64)) : h("", !0)]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					y(O, null, {
+						default: T(() => [y(D, { cols: "3" }, {
+							default: T(() => [v(S(C(M)("common.model.tracking.modified")), 1)]),
+							_: 1
+						}), y(D, { cols: "9" }, {
+							default: T(() => [v(S(C(o)(b.asset.modifiedAt)) + " ", 1), b.showUsers ? (x(), g(f, { key: 0 }, [t[1] ||= _("br", null, null, -1), y(s, {
+								id: b.asset.modifiedBy,
+								"get-cached-fn": C(F)
+							}, null, 8, ["id", "get-cached-fn"])], 64)) : h("", !0)]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					b.asset.mainFile ? (x(), g(f, { key: 1 }, [
+						y(O, null, {
+							default: T(() => [y(D, { cols: "3" }, {
+								default: T(() => [v(S(C(M)("common.damImage.asset.detail.info.field.mainFileId")), 1)]),
+								_: 1
+							}), y(D, { cols: "9" }, {
+								default: T(() => [y(r, { value: b.asset.mainFile.id }, null, 8, ["value"])]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						y(O, null, {
+							default: T(() => [y(D, { cols: "3" }, {
+								default: T(() => [v(S(C(M)("common.damImage.asset.detail.info.field.mimeType")), 1)]),
+								_: 1
+							}), y(D, { cols: "9" }, {
+								default: T(() => [v(S(b.asset.mainFile.fileAttributes.mimeType), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						y(O, null, {
+							default: T(() => [y(D, { cols: "3" }, {
+								default: T(() => [v(S(C(M)("common.damImage.asset.detail.info.field.size")), 1)]),
+								_: 1
+							}), y(D, { cols: "9" }, {
+								default: T(() => [v(S(C(i)(b.asset.mainFile.fileAttributes.size)), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						N.value && C(n)(b.asset.mainFile) ? (x(), m(a, {
+							key: 0,
+							file: b.asset.mainFile
+						}, null, 8, ["file"])) : h("", !0)
+					], 64)) : h("", !0)
+				]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["title"]));
+	}
+});
+export { j as default };
+
+//# sourceMappingURL=AssetFileInfoPanel.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetFileInfoPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VExpansionPanel","_unref","_withCtx","_createVNode","_component_VExpansionPanelText","_component_VRow","_component_VCol","_createTextVNode","_toDisplayString","ACopyText","ACachedChip","_createCommentVNode","_createElementBlock","_Fragment","_createElementVNode","ACachedUserChip","AssetMetadataImageAttributes","ACopyText_default","AssetMetadataImageAttributes_default","ACachedUserChip_default","ACachedChip_default","AssetFileInfoPanel_vue_vue_type_script_setup_true_lang_default","props","__props","useI18n","isTypeImage","computed","DamAssetTypeDefault","DamAssetType","damConfigName","useDamConfigName","useDamCachedUsers","useDamCachedAssetLicences","watch","showLicence","licence","addToCachedAssetLicences","fetchCachedAssetLicences","openBlock","createBlock","VExpansionPanel","unref","t","withCtx","createVNode","VExpansionPanelText","VRow","VCol","createTextVNode","toDisplayString","getCachedAssetLicence","createCommentVNode","dateTimePretty","createElementBlock","Fragment","_cache","createElementVNode","getCachedUser","prettyBytes","assetFileIsImageFile"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetFileInfoPanel.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, DamAssetType, DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport ACopyText from '@/domains/ui/components/ACopyText.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport AssetMetadataImageAttributes from '@/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue'\nimport { dateTimePretty } from '@/shared/utils/datetime'\nimport ACachedUserChip from '@/domains/cached/components/ACachedUserChip.vue'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport ACachedChip from '@/domains/cached/components/ACachedChip.vue'\nimport { useDamCachedAssetLicences } from '@/domains/dam/user/composables/cachedAssetLicences'\n\n// \"File\" metadata panel of the asset detail and the single-upload dialog.\n// It sets no overflow-wrap itself. The detail passes `style=\"overflow-wrap: normal\"`, which falls through to the root.\n\nconst props = withDefaults(\n  defineProps<{\n    asset: AssetDetailItemDto\n    /** Shows creator and last modifier chips. */\n    showUsers: boolean\n    /** Shows the asset's licence. */\n    showLicence?: boolean\n  }>(),\n  {\n    showLicence: false,\n  }\n)\n\nconst { t } = useI18n()\n\nconst isTypeImage = computed(() => (props.asset.attributes.assetType || DamAssetTypeDefault) === DamAssetType.Image)\n\nconst damConfigName = useDamConfigName()\nconst { getCachedUser } = useDamCachedUsers(damConfigName)\n\nconst { addToCachedAssetLicences, fetchCachedAssetLicences, getCachedAssetLicence } =\n  useDamCachedAssetLicences(damConfigName)\nwatch(\n  [() => props.showLicence, () => props.asset.licence],\n  ([showLicence, licence]) => {\n    if (!showLicence) return\n    addToCachedAssetLicences(licence)\n    fetchCachedAssetLicences()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VExpansionPanel\n    elevation=\"0\"\n    :title=\"t('common.damImage.asset.detail.info.file')\"\n    value=\"file\"\n  >\n    <VExpansionPanelText class=\"text-body-small\">\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.id') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACopyText :value=\"asset.id\" />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.type') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ asset.attributes.assetType }}\n        </VCol>\n      </VRow>\n      <VRow\n        v-if=\"showLicence\"\n        data-cy=\"asset-licence\"\n      >\n        <VCol cols=\"3\">\n          {{ t('common.damImage.asset.detail.info.field.licence') }}\n        </VCol>\n        <VCol cols=\"9\">\n          <ACachedChip\n            :id=\"asset.licence\"\n            :get-cached-fn=\"getCachedAssetLicence\"\n            display-text-path=\"name\"\n            route=\"\"\n            disable-click\n          />\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.created') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.createdAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.createdBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol cols=\"3\">\n          {{ t('common.model.tracking.modified') }}\n        </VCol>\n        <VCol cols=\"9\">\n          {{ dateTimePretty(asset.modifiedAt) }}\n          <template v-if=\"showUsers\">\n            <br />\n            <ACachedUserChip\n              :id=\"asset.modifiedBy\"\n              :get-cached-fn=\"getCachedUser\"\n            />\n          </template>\n        </VCol>\n      </VRow>\n      <template v-if=\"asset.mainFile\">\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mainFileId') }}\n          </VCol>\n          <VCol cols=\"9\">\n            <ACopyText :value=\"asset.mainFile.id\" />\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.mimeType') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ asset.mainFile.fileAttributes.mimeType }}\n          </VCol>\n        </VRow>\n        <VRow>\n          <VCol cols=\"3\">\n            {{ t('common.damImage.asset.detail.info.field.size') }}\n          </VCol>\n          <VCol cols=\"9\">\n            {{ prettyBytes(asset.mainFile.fileAttributes.size) }}\n          </VCol>\n        </VRow>\n        <AssetMetadataImageAttributes\n          v-if=\"isTypeImage && assetFileIsImageFile(asset.mainFile)\"\n          :file=\"asset.mainFile\"\n        />\n      </template>\n    </VExpansionPanelText>\n  </VExpansionPanel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMwB,IAAQC,GAaR,EAAE,SAAMC,EAAQ,GAEhBC,IAAcC,SAAgBJ,EAAM,MAAM,WAAW,aAAaK,OAAyBC,EAAa,KAAK,GAE7GC,IAAgBC,EAAiB,GACjC,EAAE,qBAAkBC,EAAkBF,CAAa,GAEnD,EAAE,6BAA0B,6BAA0B,6BAC1DG,EAA0BH,CAAa;E,OACzCI,EACE,OAAOX,EAAM,mBAAmBA,EAAM,MAAM,OAAO,IAClD,CAACY,GAAaC,OAAa;GAC1B,AAAKD,MACLE,EAAyBD,CAAO,GAChCE,EAAyB;EAC3B,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIEvC,EAAA,GAAAC,EAoGkBC,GAAA;GAnGhB,WAAU;GACT,OAAOC,EAAAyC,CAAA,CAAC,CAAA,wCAAA;GACT,OAAM;;GAEN,SAAAxC,QA8FsB,CA9FtBC,EA8FsBC,GAAA,EA9FD,OAAM,kBAAiB,GAAA;IAC1C,SAAAF,QAOO;KAPPC,EAOOE,GAAA,MAAA;MANL,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAAqD,CAAlDK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,4CAAA,CAAA,GAAA,CAAA,C;;M,IAENvC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAA+B,CAA/BC,EAA+BM,GAAA,EAAnB,OAAOc,EAAA,MAAM,G;;;;;KAG7BpB,EAOOE,GAAA,MAAA;MANL,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAAuD,CAApDK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,8CAAA,CAAA,GAAA,CAAA,C;;M,IAENvC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAAgC,CAA7BK,EAAAC,EAAAe,EAAA,MAAM,WAAW,SAAS,GAAA,CAAA,C;;;;;KAIzBA,EAAA,eADRzB,EAAA,GAAAC,EAgBOM,GAAA;;MAdL,WAAQ;;MAER,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAA0D,CAAvDK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,iDAAA,CAAA,GAAA,CAAA,C;;M,IAENvC,EAQOG,GAAA,EARD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAME,CANFC,EAMEO,GAAA;QALC,IAAIa,EAAA,MAAM;QACV,iBAAetB,EAAAiD,CAAA;QAChB,qBAAkB;QAClB,OAAM;QACN,iBAAA;;;;;;KAIN/C,EAcOE,GAAA,MAAA;MAbL,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAAwC,CAArCK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA,C;;M,IAENvC,EASOG,GAAA,EATD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAAqC,CAAlCK,EAAAC,EAAAP,EAAAmD,CAAA,CAAc,CAAC7B,EAAA,MAAM,SAAS,CAAA,IAAI,KACrC,CAAA,GAAgBA,EAAA,aAAhBzB,EAAA,GAAAc,EAMWC,GAAA,EAAA,KAAA,EAAA,GAAA,CALT,AAAA0C,EAAA,OAAAzC,EAAM,MAAA,MAAA,MAAA,EAAA,GACNX,EAGEY,GAAA;QAFC,IAAIQ,EAAA,MAAM;QACV,iBAAetB,EAAAwD,CAAA;;;;;;KAKxBtD,EAcOE,GAAA,MAAA;MAbL,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAAyC,CAAtCK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C;;M,IAENvC,EASOG,GAAA,EATD,MAAK,IAAG,GAAA;OACZ,SAAAJ,QAAsC,CAAnCK,EAAAC,EAAAP,EAAAmD,CAAA,CAAc,CAAC7B,EAAA,MAAM,UAAU,CAAA,IAAI,KACtC,CAAA,GAAgBA,EAAA,aAAhBzB,EAAA,GAAAc,EAMWC,GAAA,EAAA,KAAA,EAAA,GAAA,CALT,AAAA0C,EAAA,OAAAzC,EAAM,MAAA,MAAA,MAAA,EAAA,GACNX,EAGEY,GAAA;QAFC,IAAIQ,EAAA,MAAM;QACV,iBAAetB,EAAAwD,CAAA;;;;;;KAKRlC,EAAA,MAAM,YAAtBzB,EAAA,GAAAc,EA6BWC,GAAA,EAAA,KAAA,EAAA,GAAA;MA5BTV,EAOOE,GAAA,MAAA;OANL,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;QACZ,SAAAJ,QAA6D,CAA1DK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,oDAAA,CAAA,GAAA,CAAA,C;;O,IAENvC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;QACZ,SAAAJ,QAAwC,CAAxCC,EAAwCM,GAAA,EAA5B,OAAOc,EAAA,MAAM,SAAS,G;;;;;MAGtCpB,EAOOE,GAAA,MAAA;OANL,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;QACZ,SAAAJ,QAA2D,CAAxDK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,kDAAA,CAAA,GAAA,CAAA,C;;O,IAENvC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;QACZ,SAAAJ,QAA4C,CAAzCK,EAAAC,EAAAe,EAAA,MAAM,SAAS,eAAe,QAAQ,GAAA,CAAA,C;;;;;MAG7CpB,EAOOE,GAAA,MAAA;OANL,SAAAH,QAEO,CAFPC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;QACZ,SAAAJ,QAAuD,CAApDK,EAAAC,EAAAP,EAAAyC,CAAA,CAAC,CAAA,8CAAA,CAAA,GAAA,CAAA,C;;O,IAENvC,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;QACZ,SAAAJ,QAAqD,CAAlDK,EAAAC,EAAAP,EAAAyD,CAAA,CAAW,CAACnC,EAAA,MAAM,SAAS,eAAe,IAAI,CAAA,GAAA,CAAA,C;;;;;MAI7CE,EAAA,SAAexB,EAAA0D,CAAA,CAAoB,CAACpC,EAAA,MAAM,QAAQ,KAD1DzB,EAAA,GAAAC,EAGEiB,GAAA;;OADC,MAAMO,EAAA,MAAM"}

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { DocId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    imageId: DocId;
+    dataCy?: string;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    afterRotate: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAfterRotate?: (() => any) | undefined;
+}>, {
+    dataCy: string;
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,56 @@
+import { useAlerts as e } from "../../../system/composables/alerts.js";
+import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
+import { rotateImage as n } from "../../api/damImageApi.js";
+import { useDamConfigName as r } from "../../composables/damConfigName.js";
+import { createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, ref as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m, withModifiers as h } from "vue";
+import { useI18n as g } from "vue-i18n";
+import { VProgressCircular as _ } from "vuetify/components/VProgressCircular";
+// src/domains/dam/assetDetail/components/AssetFileRotate.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "text-body-small" }, y = {
+	key: 0,
+	class: "w-100 d-flex align-center justify-center"
+}, b = { key: 1 }, x = /*@__PURE__*/ c({
+	__name: "AssetFileRotate",
+	props: {
+		imageId: {},
+		dataCy: { default: void 0 },
+		configName: { default: void 0 }
+	},
+	emits: ["afterRotate"],
+	setup(c, { emit: x }) {
+		let S = c, C = x, w = r(S.configName), { showRecordWas: T, showErrorsDefault: E } = e(), D = u(!1), { damClient: O, endPointImage: k } = t(w), A = async (e) => {
+			try {
+				D.value = !0, await n(O, k, S.imageId, e), T("updated"), C("afterRotate");
+			} catch (e) {
+				E(e);
+			} finally {
+				D.value = !1;
+			}
+		}, { t: j } = g();
+		return (e, t) => {
+			let n = d("ABtnTertiary");
+			return l(), i("div", null, [a("div", v, f(p(j)("common.damImage.asset.detail.roi.rotate.rotateMainFileImage")), 1), D.value ? (l(), i("div", y, [s(_, {
+				indeterminate: "",
+				color: "primary"
+			})])) : (l(), i("div", b, [s(n, {
+				"prepend-icon": "mdi-rotate-right",
+				class: "mr-2",
+				"data-cy": "button-rotate-right",
+				onClick: t[0] ||= h((e) => A(90), ["stop"])
+			}, {
+				default: m(() => [o(f(p(j)("common.damImage.asset.detail.roi.rotate.rotateClockwise")), 1)]),
+				_: 1
+			}), s(n, {
+				"prepend-icon": "mdi-rotate-left",
+				"data-cy": "button-rotate-left",
+				onClick: t[1] ||= h((e) => A(270), ["stop"])
+			}, {
+				default: m(() => [o(f(p(j)("common.damImage.asset.detail.roi.rotate.rotateCounterclockwise")), 1)]),
+				_: 1
+			})]))]);
+		};
+	}
+});
+export { x as default };
+
+//# sourceMappingURL=AssetFileRotate.vue_vue_type_script_setup_true_lang.js.map

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

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

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

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

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

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