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

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

@@ -1,14 +1,14 @@
-import { isUndefined as e } from "../../../../shared/utils/common.js";
+import e from "../../../../assets/image/placeholder16x9.js";
 import { DamAssetStatus as t, DamAssetType as n } from "../../types/Asset.js";
-import r from "../../../../assets/image/placeholder16x9.js";
-import i from "./AssetImageMetaIcons.js";
-import { useRemainingTime as a } from "../../../ui/datetime/composables/remainingTime.js";
+import { isUndefined as r } from "../../../../shared/utils/common.js";
+import { useRemainingTime as i } from "../../../ui/datetime/composables/remainingTime.js";
+import a from "./AssetImageMetaIcons.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeStyle as m, openBlock as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
 import { useI18n as y } from "vue-i18n";
 import { VIcon as b } from "vuetify/components/VIcon";
 import { VProgressCircular as x } from "vuetify/components/VProgressCircular";
 import { VImg as S } from "vuetify/components/VImg";
-//#region src/domains/dam/assetDetail/components/AssetImage.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetImage.vue?vue&type=script&setup=true&lang.ts
 var C = {
 	key: 0,
 	class: "asset-image__progress"
@@ -102,7 +102,9 @@ var C = {
 		showTts: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		autoDeleteAt: { default: null },
+		licenceBadge: { default: "" }
 	},
 	emits: ["load", "error"],
 	setup(p, { emit: z }) {
@@ -123,7 +125,7 @@ var C = {
 			if (!B.uploadingProgress) return "0%";
 			let e = Math.ceil(B.uploadingProgress);
 			return e > 100 ? "100%" : e + "%";
-		}), q = o(() => [t.Deleting, t.Draft].includes(B.assetStatus) ? "#ccc" : B.backgroundColor), J = o(() => B.assetStatus === t.WithFile ? "#505050" : "#8f8f8f"), Y = o(() => e(B.src) ? r : B.src), X = o(() => !(B.hideIcon || B.assetType === n.Image && B.src)), { remainingTimeShort: Z } = a();
+		}), q = o(() => [t.Deleting, t.Draft].includes(B.assetStatus) ? "#ccc" : B.backgroundColor), J = o(() => B.assetStatus === t.WithFile ? "#505050" : "#8f8f8f"), Y = o(() => r(B.src) ? e : B.src), X = o(() => !(B.hideIcon || B.assetType === n.Image && B.src)), { remainingTimeShort: Z } = i();
 		return (e, n) => p.showUploading || p.showProcessing || p.showWaiting ? (h(), s(S, {
 			key: 0,
 			"aspect-ratio": p.aspectRatio,
@@ -203,15 +205,19 @@ var C = {
 					color: "success",
 					size: p.iconSize
 				}, null, 8, ["size"]), u("div", M, g(_(H)("common.damImage.upload.done")), 1)])) : c("", !0),
-				p.showMetaIcons && p.assetFileProperties ? (h(), s(i, {
+				p.showMetaIcons && p.assetFileProperties ? (h(), s(a, {
 					key: 2,
 					"asset-file-properties": p.assetFileProperties,
 					"asset-type": p.assetType,
-					"show-tts": p.showTts
+					"show-tts": p.showTts,
+					"auto-delete-at": p.autoDeleteAt,
+					"licence-badge": p.licenceBadge
 				}, null, 8, [
 					"asset-file-properties",
 					"asset-type",
-					"show-tts"
+					"show-tts",
+					"auto-delete-at",
+					"licence-badge"
 				])) : c("", !0)
 			]),
 			_: 1
@@ -244,15 +250,19 @@ var C = {
 				"icon",
 				"color"
 			])) : c("", !0)], 4)])) : c("", !0),
-			p.showMetaIcons && p.assetFileProperties ? (h(), s(i, {
+			p.showMetaIcons && p.assetFileProperties ? (h(), s(a, {
 				key: 1,
 				"asset-file-properties": p.assetFileProperties,
 				"asset-type": p.assetType,
-				"show-tts": p.showTts
+				"show-tts": p.showTts,
+				"auto-delete-at": p.autoDeleteAt,
+				"licence-badge": p.licenceBadge
 			}, null, 8, [
 				"asset-file-properties",
 				"asset-type",
-				"show-tts"
+				"show-tts",
+				"auto-delete-at",
+				"licence-badge"
 			])) : c("", !0)
 		])) : (h(), l("div", {
 			key: 3,
@@ -282,20 +292,23 @@ var C = {
 				color: "success",
 				size: p.iconSize
 			}, null, 8, ["size"]), u("div", R, g(_(H)("common.damImage.upload.done")), 1)])) : c("", !0),
-			p.showMetaIcons && p.assetFileProperties ? (h(), s(i, {
+			p.showMetaIcons && p.assetFileProperties ? (h(), s(a, {
 				key: 2,
 				"asset-file-properties": p.assetFileProperties,
 				"asset-type": p.assetType,
-				"show-tts": p.showTts
+				"show-tts": p.showTts,
+				"auto-delete-at": p.autoDeleteAt,
+				"licence-badge": p.licenceBadge
 			}, null, 8, [
 				"asset-file-properties",
 				"asset-type",
-				"show-tts"
+				"show-tts",
+				"auto-delete-at",
+				"licence-badge"
 			])) : c("", !0)
 		], 4));
 	}
 });
-//#endregion
 export { z as default };
 
 //# sourceMappingURL=AssetImage.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetImage.vue_vue_type_script_setup_true_lang.js","names":["placeholder16x9","_openBlock","_createBlock","_component_VImg","_withCtx","_createElementBlock","_createVNode","_component_VProgressCircular","_createElementVNode","_toDisplayString","_unref","_createCommentVNode","_createTextVNode","_normalizeStyle","_component_VIcon","AssetImageMetaIcons","placeholder16x9_default","AssetImageMetaIcons_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","AssetImage_vue_vue_type_script_setup_true_lang_default","DamAssetType","DamAssetStatus","__emit","props","__props","emit","useI18n","onLoad","onError","icon","computed","uploadingPercentage","value","backgroundColorComputed","iconColor","srcComputed","isUndefined","showIconComputed","useRemainingTime","openBlock","createBlock","VImg","withCtx","_cache","createElementBlock","createVNode","VProgressCircular","createElementVNode","toDisplayString","unref","t","createCommentVNode","createTextVNode","remainingTimeShort","normalizeStyle","VIcon"],"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 { 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    /** Handed to the meta icons: the icon of a synthesized audio (TTS). */\n    showTts?: boolean\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  }\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      />\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    />\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    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMsC,IAAQC,GAuDRC,IAAOH,GAKP,EAAE,SAAMI,EAAQ,GAEhBC,UAAe;GACnB,EAAK,MAAM;EACb,GACMC,UAAgB;GACpB,EAAK,OAAO;EACd,GAEMC,IAAOC,QAAe;GAC1B,IAAIP,EAAM,gBAAgBF,EAAe,UAAU,OAAO;GAC1D,QAAQE,EAAM,WAAd;IACE,KAAKH,EAAa,OAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,cAAc;IACvE,KAAKD,EAAa,UAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,aAAa;IACtE,KAAKD,EAAa,OAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,cAAc;IACvE,KAAKD,EAAa,OAChB,OAAOG,EAAM,gBAAgBF,EAAe,WAAW,cAAc;IACvE,SACE,OAAO;GACX;EACF,CAAC,GAEKU,IAAsBD,QAAe;GACzC,IAAI,CAACP,EAAM,mBAAmB,OAAO;GACrC,IAAMS,IAAQ,KAAK,KAAKT,EAAM,iBAAiB;GAC/C,OAAOS,IAAQ,MAAM,SAASA,IAAQ;EACxC,CAAC,GAEKC,IAA0BH,QAEvB,CADwDT,EAAe,UAAUA,EAAe,KAChG,CAAA,CAAuB,SAASE,EAAM,WAAW,IAAI,SAASA,EAAM,eAC5E,GAEKW,IAAYJ,QACTP,EAAM,gBAAgBF,EAAe,WAAW,YAAY,SACpE,GAEKc,IAAcL,QACXM,EAAYb,EAAM,GAAG,IAAItC,IAAkBsC,EAAM,GACzD,GAEKc,IAAmBP,QAElB,EADDP,EAAM,YACDA,EAAM,cAAcH,EAAa,SAASG,EAAM,IAE1D,GAEK,EAAE,0BAAuBe,EAAiB;E,iBAKtCd,EAAA,iBAAiBA,EAAA,kBAAkBA,EAAA,eAD3CtC,EAAA,GAAAC,EAoEOC,GAAA;;GAlEJ,gBAAcoC,EAAA;GACd,KAAKW,EAAA;GACL,OAAOX,EAAA;GACP,QAAQA,EAAA;GACR,OAAOA,EAAA;GACR,OAAM;GACE;GACD;;GAEI,aAAWnC,QAAG,CAAA,GAAA,AAAAsD,EAAA,OAAA,CAAA,CAAA,CAAA;GACd,SAAOtD,QAaV,CAXEmC,EAAA,eADRtC,EAAA,GAAAI,EAYM,OAZNa,GAYM,CARJZ,EAIEC,GAAA;IAHA,eAAA;IACC,MAAMgC,EAAA;IACN,OAAOA,EAAA,WAAQ;G,gCAElB/B,EAEM,OAFNW,GAEMV,EADDC,EAAAuD,CAAA,CAAC,CAAA,gCAAA,CAAA,GAAA,CAAA,C,iBAIA1B,EAAA,kBADRtC,EAAA,GAAAI,EAiBM,OAjBNe,GAiBM,CAbJd,EAMEC,GAAA;IALC,OAAOgC,EAAA;IACR,eAAA;IACC,MAAMA,EAAA;IACN,OAAOA,EAAA,WAAQ;IAChB,OAAM;;;;;G,IAGCA,EAAA,wB,aADTtC,EAAA,GAAAI,EAKM,OALNgB,GAKMZ,EADDC,EAAAuD,CAAA,CAAC,CAAA,mCAAA,CAAA,GAAA,CAAA,E,MAIK1B,EAAA,iBADbtC,EAAA,GAAAI,EAsBM,OAtBNiB,GAsBM,CAlBJhB,EAQoBC,GAAA;IAPjB,OAAOgC,EAAA;IACP,MAAMA,EAAA;IACN,OAAOA,EAAA,WAAQ;IAChB,OAAM;IACL,eAAaA,EAAA,sBAAiB,OAAY,KAAA,IAAYA,EAAA;;IAEvD,SAAAnC,QAAyB,CAAtBQ,EAAAH,EAAAqC,EAAA,KAAmB,GAAA,CAAA,C;;;;;;;G,IAExBtC,EAQM,OARNe,GAQM,CAPDX,EAAAH,EAAAC,EAAAuD,CAAA,CAAC,CAAA,kCAAA,CAAA,IAAuC,KAC3C,CAAA,GACQ1B,EAAA,iBADRtC,EAAA,GAAAI,EAKO,QALPmB,GAKOf,EADFC,EAAA0D,CAAA,CAAkB,CAAC7B,EAAA,aAAa,CAAA,GAAA,CAAA,K;;;;;;;;E,MAOhCA,EAAA,gBAAgB7B,EAAA0B,CAAA,CAAc,CAAC,YAAYG,EAAA,OAAOA,EAAA,gBAD/DtC,EAAA,GAAAC,EAiDOC,GAAA;;GA/CJ,KAAK+C,EAAA;GACL,OAAOX,EAAA;GACP,QAAQA,EAAA;GACT,OAAM;GACL,OAAOA,EAAA;GACP,gBAAcA,EAAA;GACR;GACC;;GAEG,aAAWnC,QAAG,CAAA,GAAA,AAAAsD,EAAA,OAAA,CAAA,CAAA,CAAA;GACd,SAAOtD,QAgBV;IAdEgD,EAAA,SADRnD,EAAA,GAAAI,EAeM,OAfNoB,GAeM,CAXJjB,EAUM,OAAA;KATJ,OAAM;KACL,OAAKK,EAAA,EAAA,SAAa0B,EAAA,WAAQ,IAAA,KAAA,CAAA;I,IAGnBK,EAAA,MAAK,UADb3C,EAAA,GAAAC,EAKEY,GAAA;;KAHC,MAAMyB,EAAA;KACN,MAAMK,EAAA;KACN,OAAOK,EAAA;;;;;;IAKNV,EAAA,YADRtC,EAAA,GAAAI,EAYM,OAZNqB,GAYM,CARJpB,EAIEQ,GAAA;KAHA,MAAK;KACL,OAAM;KACL,MAAMyB,EAAA;I,uBAET/B,EAEM,OAFNmB,GAEMlB,EADDC,EAAAuD,CAAA,CAAC,CAAA,6BAAA,CAAA,GAAA,CAAA,C;IAIA1B,EAAA,iBAAiBA,EAAA,uBADzBtC,EAAA,GAAAC,EAKEa,GAAA;;KAHC,yBAAuBwB,EAAA;KACvB,cAAYA,EAAA;KACZ,YAAUA,EAAA;;;;;;;;;;;;;;E,MAKJA,EAAA,gBAAgB7B,EAAA0B,CAAA,CAAc,CAAC,YAAYG,EAAA,OADxDtC,EAAA,GAAAI,EAmCM,OAnCNuB,GAmCM;GA/BJpB,EAOE,OAAA;IANC,KAAK0C,EAAA;IACL,OAAOX,EAAA;IACP,QAAQA,EAAA;IACT,KAAI;IACH,OAAK1B,EAAA,sBAAwBmC,EAAA,KAAuB;IACpD,WAASL;;GAGJS,EAAA,SADRnD,EAAA,GAAAI,EAgBM,OAhBNyB,GAgBM,CAZJtB,EAWM,OAAA;IAVJ,OAAM;IACL,OAAKK,EAAA,EAAA,SAAa0B,EAAA,WAAQ,IAAA,KAAA,CAAA;G,IAGnBK,EAAA,MAAK,UADb3C,EAAA,GAAAC,EAMEY,GAAA;;IAJC,MAAMyB,EAAA;IACN,MAAMK,EAAA;IACN,OAAOK,EAAA;IACR,OAAM;;;;;;GAKJV,EAAA,iBAAiBA,EAAA,uBADzBtC,EAAA,GAAAC,EAKEa,GAAA;;IAHC,yBAAuBwB,EAAA;IACvB,cAAYA,EAAA;IACZ,YAAUA,EAAA;;;;;;E,OAGftC,EAAA,GAAAI,EA6CM,OAAA;;GA3CH,OAAKQ,EAAA;IAAkB,QAAA0B,EAAA,iBAAc;IAAgC,iBAAAS,EAAA;IAAsC,OAAAT,EAAA,QAAK;;GAKjH,OAAM;;GAGEa,EAAA,SADRnD,EAAA,GAAAI,EAgBM,OAhBN0B,GAgBM,CAZJvB,EAWM,OAAA;IAVJ,OAAM;IACL,OAAKK,EAAA,EAAA,SAAa0B,EAAA,WAAQ,IAAA,KAAA,CAAA;G,IAGnBK,EAAA,MAAK,UADb3C,EAAA,GAAAC,EAMEY,GAAA;;IAJC,MAAMyB,EAAA;IACN,MAAMK,EAAA;IACN,OAAOK,EAAA;IACR,OAAM;;;;;;GAKJV,EAAA,YADRtC,EAAA,GAAAI,EAYM,OAZN2B,GAYM,CARJ1B,EAIEQ,GAAA;IAHA,MAAK;IACL,OAAM;IACL,MAAMyB,EAAA;G,uBAET/B,EAEM,OAFNyB,GAEMxB,EADDC,EAAAuD,CAAA,CAAC,CAAA,6BAAA,CAAA,GAAA,CAAA,C;GAIA1B,EAAA,iBAAiBA,EAAA,uBADzBtC,EAAA,GAAAC,EAKEa,GAAA;;IAHC,yBAAuBwB,EAAA;IACvB,cAAYA,EAAA;IACZ,YAAUA,EAAA"}
+{"version":3,"file":"AssetImage.vue_vue_type_script_setup_true_lang.js","names":["placeholder16x9","_openBlock","_createBlock","_component_VImg","_withCtx","_createElementBlock","_createVNode","_component_VProgressCircular","_createElementVNode","_toDisplayString","_unref","_createCommentVNode","_createTextVNode","_normalizeStyle","_component_VIcon","AssetImageMetaIcons","placeholder16x9_default","AssetImageMetaIcons_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","AssetImage_vue_vue_type_script_setup_true_lang_default","DamAssetType","DamAssetStatus","__emit","props","__props","emit","useI18n","onLoad","onError","icon","computed","uploadingPercentage","value","backgroundColorComputed","iconColor","srcComputed","isUndefined","showIconComputed","useRemainingTime","openBlock","createBlock","VImg","withCtx","_cache","createElementBlock","createVNode","VProgressCircular","createElementVNode","toDisplayString","unref","t","createCommentVNode","createTextVNode","remainingTimeShort","normalizeStyle","VIcon"],"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":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AssetImageMetaIcons.js","names":["_sfc_main","AssetImageMetaIcons_vue_vue_type_script_setup_true_lang_default","AssetImageMetaIcons_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetImageMetaIcons.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetFileProperties, DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport {\n  DIMENSIONS_CONFIG,\n  ICON_LOW,\n  ICON_RSS,\n  ICON_SLOTS,\n  ICON_TTS,\n  LOW_DIMENSION,\n} from '@/domains/dam/assetDetail/utils/assetImageIconsConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    assetFileProperties: AssetFileProperties\n    disableAbsolute?: boolean\n    /** The icon of a synthesized audio (TTS); off by default, as the backend says it to every admin. */\n    showTts?: boolean\n    /** The DAM configuration whose distribution services name the icons; inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    disableAbsolute: false,\n    showTts: false,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigStore = useDamConfigStoreOf(useDamConfigName(props.configName))\n\nconst { t } = useI18n()\n\nconst checkDimensions = (icons: string[], titles: string[]) => {\n  if (props.assetFileProperties.width === 0 || props.assetFileProperties.height === 0) {\n    return\n  }\n  if (props.assetFileProperties.width < LOW_DIMENSION || props.assetFileProperties.height < LOW_DIMENSION) {\n    icons.push(ICON_LOW)\n    titles.push(t('common.damImage.asset.metaIcons.low'))\n    return\n  }\n  if (props.assetType !== DamAssetType.Video) return\n  for (const dimension of DIMENSIONS_CONFIG) {\n    if (props.assetFileProperties.width === dimension.width && props.assetFileProperties.height === dimension.height) {\n      icons.push(dimension.svgSrc)\n      titles.push(t(dimension.titleT))\n      break\n    }\n  }\n}\n\nconst checkDistributions = (icons: string[], titles: string[]) => {\n  for (const serviceName of props.assetFileProperties.distributesInServices) {\n    const service = damConfigStore.damPrvConfig.distributionServices[serviceName]\n    const iconPath = service?.iconPath\n    if (service && iconPath && iconPath.length > 0 && !icons.includes(iconPath)) {\n      icons.push(iconPath)\n      titles.push(service.title)\n    }\n  }\n}\n\nconst data = computed(() => {\n  const icons: string[] = []\n  const titles: string[] = []\n\n  if (props.assetFileProperties.slotNames.length > 1) {\n    icons.push(ICON_SLOTS)\n    titles.push(t('common.damImage.asset.metaIcons.slots'))\n  }\n  if (props.assetFileProperties.fromRss) {\n    icons.push(ICON_RSS)\n    titles.push(t('common.damImage.asset.metaIcons.rss'))\n  }\n  if (props.showTts && props.assetFileProperties.ttsAudio) {\n    icons.push(ICON_TTS)\n    titles.push(t('common.damImage.asset.metaIcons.tts'))\n  }\n  checkDimensions(icons, titles)\n  checkDistributions(icons, titles)\n\n  return { icons, titles }\n})\n</script>\n\n<template>\n  <div\n    v-show=\"data.icons.length > 0\"\n    class=\"asset-image__meta-icons\"\n    :class=\"{ 'asset-image__meta-icons-absolute': !disableAbsolute }\"\n  >\n    <img\n      v-for=\"(item, index) in data.icons\"\n      :key=\"item\"\n      class=\"img-svg\"\n      :src=\"item\"\n      alt=\"\"\n      :title=\"data.titles[index] || ''\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.asset-image__meta-icons-absolute {\n  position: absolute;\n  left: 6px;\n  top: 163px;\n}\n\n.asset-image__meta-icons {\n  display: flex;\n\n  img.img-svg {\n    height: 30px;\n    padding: 2px;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AssetImageMetaIcons.js","names":["_sfc_main","AssetImageMetaIcons_vue_vue_type_script_setup_true_lang_default","AssetImageMetaIcons_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetImageMetaIcons.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetFileProperties, DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport {\n  DIMENSIONS_CONFIG,\n  ICON_LOW,\n  ICON_RSS,\n  ICON_SLOTS,\n  ICON_TTS,\n  LOW_DIMENSION,\n} from '@/domains/dam/assetDetail/utils/assetImageIconsConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useRemainingTime } from '@/domains/ui/datetime/composables/remainingTime'\nimport { useAutoDeleteTimeLeft } from '@/domains/dam/assetDetail/composables/autoDeleteTimeLeft'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateTimeFriendly } from '@/shared/utils/datetime'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    assetFileProperties: AssetFileProperties\n    disableAbsolute?: boolean\n    /** Shows the synthesized audio (TTS) icon. Off by default because the backend reports it to every admin. */\n    showTts?: boolean\n    /** DAM configuration whose distribution services name the icons. Inherited when not given. */\n    configName?: string\n    /** When DAM deletes the asset: a badge shows the time left. Only admin-dam passes it, the other admins show none. */\n    autoDeleteAt?: DatetimeUTCNullable\n    /** Badge of the asset's licence, shown as given. Empty shows none. */\n    licenceBadge?: string\n  }>(),\n  {\n    disableAbsolute: false,\n    showTts: false,\n    configName: undefined,\n    autoDeleteAt: null,\n    licenceBadge: '',\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigStore = useDamConfigStoreOf(useDamConfigName(props.configName))\n\nconst { t } = useI18n()\nconst { remainingTimeShort } = useRemainingTime()\n\nconst { secondsLeft } = useAutoDeleteTimeLeft(() => props.autoDeleteAt)\n\nconst autoDeleteBadge = computed(() => {\n  if (!props.autoDeleteAt || secondsLeft.value === null) return null\n  return {\n    text: remainingTimeShort(secondsLeft.value),\n    title: t('common.damImage.asset.metaIcons.autoDeleteAt', { date: dateTimeFriendly(props.autoDeleteAt) }),\n  }\n})\n\nconst checkDimensions = (icons: string[], titles: string[]) => {\n  if (props.assetFileProperties.width === 0 || props.assetFileProperties.height === 0) {\n    return\n  }\n  if (props.assetFileProperties.width < LOW_DIMENSION || props.assetFileProperties.height < LOW_DIMENSION) {\n    icons.push(ICON_LOW)\n    titles.push(t('common.damImage.asset.metaIcons.low'))\n    return\n  }\n  if (props.assetType !== DamAssetType.Video) return\n  for (const dimension of DIMENSIONS_CONFIG) {\n    if (props.assetFileProperties.width === dimension.width && props.assetFileProperties.height === dimension.height) {\n      icons.push(dimension.svgSrc)\n      titles.push(t(dimension.titleT))\n      break\n    }\n  }\n}\n\nconst checkDistributions = (icons: string[], titles: string[]) => {\n  for (const serviceName of props.assetFileProperties.distributesInServices) {\n    const service = damConfigStore.damPrvConfig.distributionServices[serviceName]\n    const iconPath = service?.iconPath\n    if (service && iconPath && iconPath.length > 0 && !icons.includes(iconPath)) {\n      icons.push(iconPath)\n      titles.push(service.title)\n    }\n  }\n}\n\nconst data = computed(() => {\n  const icons: string[] = []\n  const titles: string[] = []\n\n  if (props.assetFileProperties.slotNames.length > 1) {\n    icons.push(ICON_SLOTS)\n    titles.push(t('common.damImage.asset.metaIcons.slots'))\n  }\n  if (props.assetFileProperties.fromRss) {\n    icons.push(ICON_RSS)\n    titles.push(t('common.damImage.asset.metaIcons.rss'))\n  }\n  if (props.showTts && props.assetFileProperties.ttsAudio) {\n    icons.push(ICON_TTS)\n    titles.push(t('common.damImage.asset.metaIcons.tts'))\n  }\n  checkDimensions(icons, titles)\n  checkDistributions(icons, titles)\n\n  return { icons, titles }\n})\n</script>\n\n<template>\n  <div\n    v-show=\"data.icons.length > 0 || autoDeleteBadge || licenceBadge\"\n    class=\"asset-image__meta-icons\"\n    :class=\"{ 'asset-image__meta-icons-absolute': !disableAbsolute }\"\n  >\n    <span\n      v-if=\"licenceBadge\"\n      class=\"asset-image__licence-badge\"\n      data-cy=\"asset-licence-badge\"\n    >\n      {{ licenceBadge }}\n    </span>\n    <VChip\n      v-if=\"autoDeleteBadge\"\n      size=\"x-small\"\n      variant=\"flat\"\n      color=\"warning\"\n      class=\"ma-1 align-self-center\"\n      :title=\"autoDeleteBadge.title\"\n      data-cy=\"asset-auto-delete-badge\"\n    >\n      {{ autoDeleteBadge.text }}\n    </VChip>\n    <img\n      v-for=\"(item, index) in data.icons\"\n      :key=\"item\"\n      class=\"img-svg\"\n      :src=\"item\"\n      alt=\"\"\n      :title=\"data.titles[index] || ''\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.asset-image__meta-icons-absolute {\n  position: absolute;\n  left: 6px;\n  top: 163px;\n}\n\n.asset-image__meta-icons {\n  display: flex;\n\n  img.img-svg {\n    height: 30px;\n    padding: 2px;\n  }\n\n  // As the SVG meta icons: a half-transparent black circle with white bold letters.\n  .asset-image__licence-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    margin: 2px;\n    border-radius: 50%;\n    background-color: rgb(0 0 0 / 50%);\n    color: #fff;\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1;\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -1,17 +1,24 @@
 import { AssetFileProperties, DamAssetTypeType } from '../../types/Asset';
+import { DatetimeUTCNullable } from '../../../../shared/types/common';
 type __VLS_Props = {
     assetType: DamAssetTypeType;
     assetFileProperties: AssetFileProperties;
     disableAbsolute?: boolean;
-    /** The icon of a synthesized audio (TTS); off by default, as the backend says it to every admin. */
+    /** Shows the synthesized audio (TTS) icon. Off by default because the backend reports it to every admin. */
     showTts?: boolean;
-    /** The DAM configuration whose distribution services name the icons; inherited when not given. */
+    /** DAM configuration whose distribution services name the icons. Inherited when not given. */
     configName?: string;
+    /** When DAM deletes the asset: a badge shows the time left. Only admin-dam passes it, the other admins show none. */
+    autoDeleteAt?: DatetimeUTCNullable;
+    /** Badge of the asset's licence, shown as given. Empty shows none. */
+    licenceBadge?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    autoDeleteAt: DatetimeUTCNullable;
     disableAbsolute: boolean;
     showTts: boolean;
     configName: string;
+    licenceBadge: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,11 +1,19 @@
 import { DamAssetType as e } from "../../types/Asset.js";
-import { useDamConfigStoreOf as t } from "../../config/store/damConfigStore.js";
-import { useDamConfigName as n } from "../../composables/damConfigName.js";
-import { DIMENSIONS_CONFIG as r, ICON_LOW as i, ICON_RSS as a, ICON_SLOTS as o, ICON_TTS as s } from "../utils/assetImageIconsConfig.js";
-import { Fragment as c, computed as l, createElementBlock as u, defineComponent as d, normalizeClass as f, openBlock as p, renderList as m, vShow as h, withDirectives as g } from "vue";
-import { useI18n as _ } from "vue-i18n";
-//#region src/domains/dam/assetDetail/components/AssetImageMetaIcons.vue?vue&type=script&setup=true&lang.ts
-var v = ["src", "title"], y = /*@__PURE__*/ d({
+import { DIMENSIONS_CONFIG as t, ICON_LOW as n, ICON_RSS as r, ICON_SLOTS as i, ICON_TTS as a } from "../utils/assetImageIconsConfig.js";
+import { useDamConfigStoreOf as o } from "../../config/store/damConfigStore.js";
+import { useDamConfigName as s } from "../../composables/damConfigName.js";
+import { useRemainingTime as c } from "../../../ui/datetime/composables/remainingTime.js";
+import { useAutoDeleteTimeLeft as l } from "../composables/autoDeleteTimeLeft.js";
+import { dateTimeFriendly as u } from "../../../../shared/utils/datetime.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createTextVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, renderList as b, toDisplayString as x, vShow as S, withCtx as C, withDirectives as w } from "vue";
+import { useI18n as T } from "vue-i18n";
+import { VChip as E } from "vuetify/components/VChip";
+// src/domains/dam/assetDetail/components/AssetImageMetaIcons.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	key: 0,
+	class: "asset-image__licence-badge",
+	"data-cy": "asset-licence-badge"
+}, O = ["src", "title"], k = /*@__PURE__*/ _({
 	__name: "AssetImageMetaIcons",
 	props: {
 		assetType: {},
@@ -18,41 +26,60 @@ var v = ["src", "title"], y = /*@__PURE__*/ d({
 			type: Boolean,
 			default: !1
 		},
-		configName: { default: void 0 }
+		configName: { default: void 0 },
+		autoDeleteAt: { default: null },
+		licenceBadge: { default: "" }
 	},
-	setup(d) {
-		let y = d, b = t(n(y.configName)), { t: x } = _(), S = (t, n) => {
-			if (y.assetFileProperties.width !== 0 && y.assetFileProperties.height !== 0) {
-				if (y.assetFileProperties.width < 600 || y.assetFileProperties.height < 600) t.push(i), n.push(x("common.damImage.asset.metaIcons.low"));
-				else if (y.assetType === e.Video) {
-					for (let e of r) if (y.assetFileProperties.width === e.width && y.assetFileProperties.height === e.height) {
-						t.push(e.svgSrc), n.push(x(e.titleT));
+	setup(_) {
+		let k = _, A = o(s(k.configName)), { t: j } = T(), { remainingTimeShort: M } = c(), { secondsLeft: N } = l(() => k.autoDeleteAt), P = f(() => !k.autoDeleteAt || N.value === null ? null : {
+			text: M(N.value),
+			title: j("common.damImage.asset.metaIcons.autoDeleteAt", { date: u(k.autoDeleteAt) })
+		}), F = (r, i) => {
+			if (k.assetFileProperties.width !== 0 && k.assetFileProperties.height !== 0) {
+				if (k.assetFileProperties.width < 600 || k.assetFileProperties.height < 600) r.push(n), i.push(j("common.damImage.asset.metaIcons.low"));
+				else if (k.assetType === e.Video) {
+					for (let e of t) if (k.assetFileProperties.width === e.width && k.assetFileProperties.height === e.height) {
+						r.push(e.svgSrc), i.push(j(e.titleT));
 						break;
 					}
 				}
 			}
-		}, C = (e, t) => {
-			for (let n of y.assetFileProperties.distributesInServices) {
-				let r = b.damPrvConfig.distributionServices[n], i = r?.iconPath;
+		}, I = (e, t) => {
+			for (let n of k.assetFileProperties.distributesInServices) {
+				let r = A.damPrvConfig.distributionServices[n], i = r?.iconPath;
 				r && i && i.length > 0 && !e.includes(i) && (e.push(i), t.push(r.title));
 			}
-		}, w = l(() => {
+		}, L = f(() => {
 			let e = [], t = [];
-			return y.assetFileProperties.slotNames.length > 1 && (e.push(o), t.push(x("common.damImage.asset.metaIcons.slots"))), y.assetFileProperties.fromRss && (e.push(a), t.push(x("common.damImage.asset.metaIcons.rss"))), y.showTts && y.assetFileProperties.ttsAudio && (e.push(s), t.push(x("common.damImage.asset.metaIcons.tts"))), S(e, t), C(e, t), {
+			return k.assetFileProperties.slotNames.length > 1 && (e.push(i), t.push(j("common.damImage.asset.metaIcons.slots"))), k.assetFileProperties.fromRss && (e.push(r), t.push(j("common.damImage.asset.metaIcons.rss"))), k.showTts && k.assetFileProperties.ttsAudio && (e.push(a), t.push(j("common.damImage.asset.metaIcons.tts"))), F(e, t), I(e, t), {
 				icons: e,
 				titles: t
 			};
 		});
-		return (e, t) => g((p(), u("div", { class: f(["asset-image__meta-icons", { "asset-image__meta-icons-absolute": !d.disableAbsolute }]) }, [(p(!0), u(c, null, m(w.value.icons, (e, t) => (p(), u("img", {
-			key: e,
-			class: "img-svg",
-			src: e,
-			alt: "",
-			title: w.value.titles[t] || ""
-		}, null, 8, v))), 128))], 2)), [[h, w.value.icons.length > 0]]);
+		return (e, t) => w((y(), h("div", { class: v(["asset-image__meta-icons", { "asset-image__meta-icons-absolute": !_.disableAbsolute }]) }, [
+			_.licenceBadge ? (y(), h("span", D, x(_.licenceBadge), 1)) : m("", !0),
+			P.value ? (y(), p(E, {
+				key: 1,
+				size: "x-small",
+				variant: "flat",
+				color: "warning",
+				class: "ma-1 align-self-center",
+				title: P.value.title,
+				"data-cy": "asset-auto-delete-badge"
+			}, {
+				default: C(() => [g(x(P.value.text), 1)]),
+				_: 1
+			}, 8, ["title"])) : m("", !0),
+			(y(!0), h(d, null, b(L.value.icons, (e, t) => (y(), h("img", {
+				key: e,
+				class: "img-svg",
+				src: e,
+				alt: "",
+				title: L.value.titles[t] || ""
+			}, null, 8, O))), 128))
+		], 2)), [[S, L.value.icons.length > 0 || P.value || _.licenceBadge]]);
 	}
 });
-//#endregion
-export { y as default };
+export { k as default };
 
 //# sourceMappingURL=AssetImageMetaIcons.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetImageMetaIcons.vue_vue_type_script_setup_true_lang.js","names":["_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_vShow","_hoisted_1","AssetImageMetaIcons_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigStore","useDamConfigStoreOf","useDamConfigName","useI18n","checkDimensions","icons","ICON_LOW","titles","t","DamAssetType","dimension","DIMENSIONS_CONFIG","checkDistributions","serviceName","service","iconPath","data","computed","ICON_SLOTS","ICON_RSS","ICON_TTS","withDirectives","openBlock","createElementBlock","normalizeClass","Fragment","renderList","item","index","vShow"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetImageMetaIcons.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetFileProperties, DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport {\n  DIMENSIONS_CONFIG,\n  ICON_LOW,\n  ICON_RSS,\n  ICON_SLOTS,\n  ICON_TTS,\n  LOW_DIMENSION,\n} from '@/domains/dam/assetDetail/utils/assetImageIconsConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    assetFileProperties: AssetFileProperties\n    disableAbsolute?: boolean\n    /** The icon of a synthesized audio (TTS); off by default, as the backend says it to every admin. */\n    showTts?: boolean\n    /** The DAM configuration whose distribution services name the icons; inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    disableAbsolute: false,\n    showTts: false,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigStore = useDamConfigStoreOf(useDamConfigName(props.configName))\n\nconst { t } = useI18n()\n\nconst checkDimensions = (icons: string[], titles: string[]) => {\n  if (props.assetFileProperties.width === 0 || props.assetFileProperties.height === 0) {\n    return\n  }\n  if (props.assetFileProperties.width < LOW_DIMENSION || props.assetFileProperties.height < LOW_DIMENSION) {\n    icons.push(ICON_LOW)\n    titles.push(t('common.damImage.asset.metaIcons.low'))\n    return\n  }\n  if (props.assetType !== DamAssetType.Video) return\n  for (const dimension of DIMENSIONS_CONFIG) {\n    if (props.assetFileProperties.width === dimension.width && props.assetFileProperties.height === dimension.height) {\n      icons.push(dimension.svgSrc)\n      titles.push(t(dimension.titleT))\n      break\n    }\n  }\n}\n\nconst checkDistributions = (icons: string[], titles: string[]) => {\n  for (const serviceName of props.assetFileProperties.distributesInServices) {\n    const service = damConfigStore.damPrvConfig.distributionServices[serviceName]\n    const iconPath = service?.iconPath\n    if (service && iconPath && iconPath.length > 0 && !icons.includes(iconPath)) {\n      icons.push(iconPath)\n      titles.push(service.title)\n    }\n  }\n}\n\nconst data = computed(() => {\n  const icons: string[] = []\n  const titles: string[] = []\n\n  if (props.assetFileProperties.slotNames.length > 1) {\n    icons.push(ICON_SLOTS)\n    titles.push(t('common.damImage.asset.metaIcons.slots'))\n  }\n  if (props.assetFileProperties.fromRss) {\n    icons.push(ICON_RSS)\n    titles.push(t('common.damImage.asset.metaIcons.rss'))\n  }\n  if (props.showTts && props.assetFileProperties.ttsAudio) {\n    icons.push(ICON_TTS)\n    titles.push(t('common.damImage.asset.metaIcons.tts'))\n  }\n  checkDimensions(icons, titles)\n  checkDistributions(icons, titles)\n\n  return { icons, titles }\n})\n</script>\n\n<template>\n  <div\n    v-show=\"data.icons.length > 0\"\n    class=\"asset-image__meta-icons\"\n    :class=\"{ 'asset-image__meta-icons-absolute': !disableAbsolute }\"\n  >\n    <img\n      v-for=\"(item, index) in data.icons\"\n      :key=\"item\"\n      class=\"img-svg\"\n      :src=\"item\"\n      alt=\"\"\n      :title=\"data.titles[index] || ''\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.asset-image__meta-icons-absolute {\n  position: absolute;\n  left: 6px;\n  top: 163px;\n}\n\n.asset-image__meta-icons {\n  display: flex;\n\n  img.img-svg {\n    height: 30px;\n    padding: 2px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMS,IAAQC,GAiBRC,IAAiBC,EAAoBC,EAAiBJ,EAAM,UAAU,CAAC,GAEvE,EAAE,SAAMK,EAAQ,GAEhBC,KAAmB,GAAiB,MAAqB;GAC7D,IAAIN,EAAM,oBAAoB,UAAU,KAAKA,EAAM,oBAAoB,WAAW,GAGlF;QAAIA,EAAM,oBAAoB,QAAA,OAAyBA,EAAM,oBAAoB,SAAA,KAE/E,AADAO,EAAM,KAAKC,CAAQ,GACnBC,EAAO,KAAKC,EAAE,qCAAqC,CAAC;SAGtD,IAAIV,EAAM,cAAcW,EAAa,OACrC;UAAK,IAAMC,KAAaC,GACtB,IAAIb,EAAM,oBAAoB,UAAUY,EAAU,SAASZ,EAAM,oBAAoB,WAAWY,EAAU,QAAQ;MAEhH,AADAL,EAAM,KAAKK,EAAU,MAAM,GAC3BH,EAAO,KAAKC,EAAEE,EAAU,MAAM,CAAC;MAC/B;KACF;;GAPF;EASF,GAEME,KAAsB,GAAiB,MAAqB;GAChE,KAAK,IAAMC,KAAef,EAAM,oBAAoB,uBAAuB;IACzE,IAAMgB,IAAUd,EAAe,aAAa,qBAAqBa,IAC3DE,IAAWD,GAAS;IAC1B,AAAIA,KAAWC,KAAYA,EAAS,SAAS,KAAK,CAACV,EAAM,SAASU,CAAQ,MACxEV,EAAM,KAAKU,CAAQ,GACnBR,EAAO,KAAKO,EAAQ,KAAK;GAE7B;EACF,GAEME,IAAOC,QAAe;GAC1B,IAAMZ,IAAkB,CAAC,GACnBE,IAAmB,CAAC;GAiB1B,OAfIT,EAAM,oBAAoB,UAAU,SAAS,MAC/CO,EAAM,KAAKa,CAAU,GACrBX,EAAO,KAAKC,EAAE,uCAAuC,CAAC,IAEpDV,EAAM,oBAAoB,YAC5BO,EAAM,KAAKc,CAAQ,GACnBZ,EAAO,KAAKC,EAAE,qCAAqC,CAAC,IAElDV,EAAM,WAAWA,EAAM,oBAAoB,aAC7CO,EAAM,KAAKe,CAAQ,GACnBb,EAAO,KAAKC,EAAE,qCAAqC,CAAC,IAEtDJ,EAAgBC,GAAOE,CAAM,GAC7BK,EAAmBP,GAAOE,CAAM,GAEzB;IAAE;IAAO;GAAO;EACzB,CAAC;E,iBAIClB,GAAAC,EAAA,GAAAC,EAaM,OAAA,EAXJ,OAAKC,EAAA,CAAC,2BAAyB,EAAA,oCAAA,CACgBO,EAAA,gBAAe,CAAA,CAAA,E,KAE9DT,EAAA,EAAA,GAAAC,EAOEE,GAAA,MAAAC,EANwBsB,EAAA,MAAK,QAArB,GAAM,OADhB1B,EAAA,GAAAC,EAOE,OAAA;GALC,KAAKoC;GACN,OAAM;GACL,KAAKA;GACN,KAAI;GACH,OAAOX,EAAA,MAAK,OAAOY,MAAK;E,gCAVnB,CAAAjC,GAAAqB,EAAA,MAAK,MAAM,SAAM,CAAA,C"}
+{"version":3,"file":"AssetImageMetaIcons.vue_vue_type_script_setup_true_lang.js","names":["_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_createBlock","_component_VChip","_withCtx","_createTextVNode","_Fragment","_renderList","_vShow","_hoisted_1","_hoisted_2","AssetImageMetaIcons_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigStore","useDamConfigStoreOf","useDamConfigName","useI18n","useRemainingTime","useAutoDeleteTimeLeft","autoDeleteBadge","computed","secondsLeft","remainingTimeShort","t","dateTimeFriendly","checkDimensions","icons","ICON_LOW","titles","DamAssetType","dimension","DIMENSIONS_CONFIG","checkDistributions","serviceName","service","iconPath","data","ICON_SLOTS","ICON_RSS","ICON_TTS","withDirectives","openBlock","createElementBlock","normalizeClass","toDisplayString","createCommentVNode","createBlock","VChip","withCtx","createTextVNode","Fragment","renderList","item","index","vShow"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetImageMetaIcons.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetFileProperties, DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport {\n  DIMENSIONS_CONFIG,\n  ICON_LOW,\n  ICON_RSS,\n  ICON_SLOTS,\n  ICON_TTS,\n  LOW_DIMENSION,\n} from '@/domains/dam/assetDetail/utils/assetImageIconsConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useRemainingTime } from '@/domains/ui/datetime/composables/remainingTime'\nimport { useAutoDeleteTimeLeft } from '@/domains/dam/assetDetail/composables/autoDeleteTimeLeft'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateTimeFriendly } from '@/shared/utils/datetime'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    assetFileProperties: AssetFileProperties\n    disableAbsolute?: boolean\n    /** Shows the synthesized audio (TTS) icon. Off by default because the backend reports it to every admin. */\n    showTts?: boolean\n    /** DAM configuration whose distribution services name the icons. Inherited when not given. */\n    configName?: string\n    /** When DAM deletes the asset: a badge shows the time left. Only admin-dam passes it, the other admins show none. */\n    autoDeleteAt?: DatetimeUTCNullable\n    /** Badge of the asset's licence, shown as given. Empty shows none. */\n    licenceBadge?: string\n  }>(),\n  {\n    disableAbsolute: false,\n    showTts: false,\n    configName: undefined,\n    autoDeleteAt: null,\n    licenceBadge: '',\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigStore = useDamConfigStoreOf(useDamConfigName(props.configName))\n\nconst { t } = useI18n()\nconst { remainingTimeShort } = useRemainingTime()\n\nconst { secondsLeft } = useAutoDeleteTimeLeft(() => props.autoDeleteAt)\n\nconst autoDeleteBadge = computed(() => {\n  if (!props.autoDeleteAt || secondsLeft.value === null) return null\n  return {\n    text: remainingTimeShort(secondsLeft.value),\n    title: t('common.damImage.asset.metaIcons.autoDeleteAt', { date: dateTimeFriendly(props.autoDeleteAt) }),\n  }\n})\n\nconst checkDimensions = (icons: string[], titles: string[]) => {\n  if (props.assetFileProperties.width === 0 || props.assetFileProperties.height === 0) {\n    return\n  }\n  if (props.assetFileProperties.width < LOW_DIMENSION || props.assetFileProperties.height < LOW_DIMENSION) {\n    icons.push(ICON_LOW)\n    titles.push(t('common.damImage.asset.metaIcons.low'))\n    return\n  }\n  if (props.assetType !== DamAssetType.Video) return\n  for (const dimension of DIMENSIONS_CONFIG) {\n    if (props.assetFileProperties.width === dimension.width && props.assetFileProperties.height === dimension.height) {\n      icons.push(dimension.svgSrc)\n      titles.push(t(dimension.titleT))\n      break\n    }\n  }\n}\n\nconst checkDistributions = (icons: string[], titles: string[]) => {\n  for (const serviceName of props.assetFileProperties.distributesInServices) {\n    const service = damConfigStore.damPrvConfig.distributionServices[serviceName]\n    const iconPath = service?.iconPath\n    if (service && iconPath && iconPath.length > 0 && !icons.includes(iconPath)) {\n      icons.push(iconPath)\n      titles.push(service.title)\n    }\n  }\n}\n\nconst data = computed(() => {\n  const icons: string[] = []\n  const titles: string[] = []\n\n  if (props.assetFileProperties.slotNames.length > 1) {\n    icons.push(ICON_SLOTS)\n    titles.push(t('common.damImage.asset.metaIcons.slots'))\n  }\n  if (props.assetFileProperties.fromRss) {\n    icons.push(ICON_RSS)\n    titles.push(t('common.damImage.asset.metaIcons.rss'))\n  }\n  if (props.showTts && props.assetFileProperties.ttsAudio) {\n    icons.push(ICON_TTS)\n    titles.push(t('common.damImage.asset.metaIcons.tts'))\n  }\n  checkDimensions(icons, titles)\n  checkDistributions(icons, titles)\n\n  return { icons, titles }\n})\n</script>\n\n<template>\n  <div\n    v-show=\"data.icons.length > 0 || autoDeleteBadge || licenceBadge\"\n    class=\"asset-image__meta-icons\"\n    :class=\"{ 'asset-image__meta-icons-absolute': !disableAbsolute }\"\n  >\n    <span\n      v-if=\"licenceBadge\"\n      class=\"asset-image__licence-badge\"\n      data-cy=\"asset-licence-badge\"\n    >\n      {{ licenceBadge }}\n    </span>\n    <VChip\n      v-if=\"autoDeleteBadge\"\n      size=\"x-small\"\n      variant=\"flat\"\n      color=\"warning\"\n      class=\"ma-1 align-self-center\"\n      :title=\"autoDeleteBadge.title\"\n      data-cy=\"asset-auto-delete-badge\"\n    >\n      {{ autoDeleteBadge.text }}\n    </VChip>\n    <img\n      v-for=\"(item, index) in data.icons\"\n      :key=\"item\"\n      class=\"img-svg\"\n      :src=\"item\"\n      alt=\"\"\n      :title=\"data.titles[index] || ''\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.asset-image__meta-icons-absolute {\n  position: absolute;\n  left: 6px;\n  top: 163px;\n}\n\n.asset-image__meta-icons {\n  display: flex;\n\n  img.img-svg {\n    height: 30px;\n    padding: 2px;\n  }\n\n  // As the SVG meta icons: a half-transparent black circle with white bold letters.\n  .asset-image__licence-badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    margin: 2px;\n    border-radius: 50%;\n    background-color: rgb(0 0 0 / 50%);\n    color: #fff;\n    font-size: 10px;\n    font-weight: 700;\n    line-height: 1;\n  }\n}\n</style>\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AssetInfobox.js","names":["_sfc_main","AssetInfobox_vue_vue_type_script_setup_true_lang_default","AssetInfobox_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetInfobox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetFileFailReason,\n  type AssetFileFailReasonType,\n  AssetFileProcessStatus,\n  type AssetFileProcessStatusType,\n} from '@/domains/dam/types/AssetFile'\nimport { DamAssetStatus, type DamAssetStatusType } from '@/domains/dam/types/Asset'\nimport AssetFileFailReasonChip from '@/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue'\n\nwithDefaults(\n  defineProps<{\n    assetStatus: DamAssetStatusType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n  }\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Duplicate\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n    </VAlert>\n  </div>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Failed\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.failed') }}\n      <!-- As the row of the queue: no chip for the reason that is none. -->\n      <div v-if=\"assetMainFileFailReason && assetMainFileFailReason !== AssetFileFailReason.None\">\n        <br />\n        <AssetFileFailReasonChip :reason=\"assetMainFileFailReason\" />\n      </div>\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Deleting\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.deleting') }}\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Draft\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.draft') }}\n    </VAlert>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetInfobox.js","names":["_sfc_main","AssetInfobox_vue_vue_type_script_setup_true_lang_default","AssetInfobox_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetInfobox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetFileFailReason,\n  type AssetFileFailReasonType,\n  AssetFileProcessStatus,\n  type AssetFileProcessStatusType,\n} from '@/domains/dam/types/AssetFile'\nimport { DamAssetStatus, type DamAssetStatusType } from '@/domains/dam/types/Asset'\nimport AssetFileFailReasonChip from '@/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue'\n\nwithDefaults(\n  defineProps<{\n    assetStatus: DamAssetStatusType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n  }\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Duplicate\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n    </VAlert>\n  </div>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Failed\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.failed') }}\n      <!-- Like the queue row: no chip for the `None` reason. -->\n      <div v-if=\"assetMainFileFailReason && assetMainFileFailReason !== AssetFileFailReason.None\">\n        <br />\n        <AssetFileFailReasonChip :reason=\"assetMainFileFailReason\" />\n      </div>\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Deleting\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.deleting') }}\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Draft\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.draft') }}\n    </VAlert>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,10 +1,10 @@
-import { DamAssetStatus as e } from "../../types/Asset.js";
-import { AssetFileFailReason as t, AssetFileProcessStatus as n } from "../../types/AssetFile.js";
+import { AssetFileFailReason as e, AssetFileProcessStatus as t } from "../../types/AssetFile.js";
+import { DamAssetStatus as n } from "../../types/Asset.js";
 import r from "./AssetFileFailReasonChip.js";
 import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 import { useI18n as h } from "vue-i18n";
 import { VAlert as g } from "vuetify/components/VAlert";
-//#region src/domains/dam/assetDetail/components/AssetInfobox.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetInfobox.vue?vue&type=script&setup=true&lang.ts
 var _ = {
 	key: 0,
 	class: "w-100 pa-2 text-body-small"
@@ -26,22 +26,21 @@ var _ = {
 	},
 	setup(u) {
 		let { t: S } = h();
-		return (h, C) => (d(), o(i, null, [u.assetMainFileStatus && u.assetMainFileStatus === p(n).Duplicate ? (d(), o("div", _, [l(g, { type: "warning" }, {
+		return (h, C) => (d(), o(i, null, [u.assetMainFileStatus && u.assetMainFileStatus === p(t).Duplicate ? (d(), o("div", _, [l(g, { type: "warning" }, {
 			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.duplicate")), 1)]),
 			_: 1
-		})])) : a("", !0), u.assetMainFileStatus && u.assetMainFileStatus === p(n).Failed ? (d(), o("div", v, [l(g, { type: "error" }, {
-			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.failed")) + " ", 1), u.assetMainFileFailReason && u.assetMainFileFailReason !== p(t).None ? (d(), o("div", y, [C[0] ||= s("br", null, null, -1), l(r, { reason: u.assetMainFileFailReason }, null, 8, ["reason"])])) : a("", !0)]),
+		})])) : a("", !0), u.assetMainFileStatus && u.assetMainFileStatus === p(t).Failed ? (d(), o("div", v, [l(g, { type: "error" }, {
+			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.failed")) + " ", 1), u.assetMainFileFailReason && u.assetMainFileFailReason !== p(e).None ? (d(), o("div", y, [C[0] ||= s("br", null, null, -1), l(r, { reason: u.assetMainFileFailReason }, null, 8, ["reason"])])) : a("", !0)]),
 			_: 1
-		})])) : u.assetStatus === p(e).Deleting ? (d(), o("div", b, [l(g, { type: "error" }, {
+		})])) : u.assetStatus === p(n).Deleting ? (d(), o("div", b, [l(g, { type: "error" }, {
 			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.deleting")), 1)]),
 			_: 1
-		})])) : u.assetStatus === p(e).Draft ? (d(), o("div", x, [l(g, { type: "warning" }, {
+		})])) : u.assetStatus === p(n).Draft ? (d(), o("div", x, [l(g, { type: "warning" }, {
 			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.draft")), 1)]),
 			_: 1
 		})])) : a("", !0)], 64));
 	}
 });
-//#endregion
 export { S as default };
 
 //# sourceMappingURL=AssetInfobox.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetInfobox.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_unref","_createVNode","_component_VAlert","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","AssetFileFailReasonChip","AssetFileFailReasonChip_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AssetInfobox_vue_vue_type_script_setup_true_lang_default","useI18n","openBlock","createElementBlock","Fragment","__props","unref","AssetFileProcessStatus","createVNode","VAlert","withCtx","createTextVNode","toDisplayString","t","createCommentVNode","AssetFileFailReason","_cache","createElementVNode","DamAssetStatus"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetInfobox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetFileFailReason,\n  type AssetFileFailReasonType,\n  AssetFileProcessStatus,\n  type AssetFileProcessStatusType,\n} from '@/domains/dam/types/AssetFile'\nimport { DamAssetStatus, type DamAssetStatusType } from '@/domains/dam/types/Asset'\nimport AssetFileFailReasonChip from '@/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue'\n\nwithDefaults(\n  defineProps<{\n    assetStatus: DamAssetStatusType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n  }\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Duplicate\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n    </VAlert>\n  </div>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Failed\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.failed') }}\n      <!-- As the row of the queue: no chip for the reason that is none. -->\n      <div v-if=\"assetMainFileFailReason && assetMainFileFailReason !== AssetFileFailReason.None\">\n        <br />\n        <AssetFileFailReasonChip :reason=\"assetMainFileFailReason\" />\n      </div>\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Deleting\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.deleting') }}\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Draft\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.draft') }}\n    </VAlert>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,IAAM,EAAE,SAAMmB,EAAQ;E,mCAKZI,EAAA,uBAAuBA,EAAA,wBAAwBpB,EAAAsB,CAAA,CAAsB,CAAC,aAD9EzB,EAAA,GAAAC,EAOM,OAPNY,GAOM,CAHJT,EAESC,GAAA,EAFD,MAAK,UAAS,GAAA;GACpB,SAAAC,QAA6D,CAA1DC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,oDAAA,CAAA,GAAA,CAAA,C;;E,mBAIAR,EAAA,uBAAuBA,EAAA,wBAAwBpB,EAAAsB,CAAA,CAAsB,CAAC,UAD9EzB,EAAA,GAAAC,EAYM,OAZNa,GAYM,CARJV,EAOSC,GAAA,EAPD,MAAK,QAAO,GAAA;GAClB,SAAAC,QAA0D,CAAvDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,iDAAA,CAAA,IAAsD,KAE1D,CAAA,GAAWR,EAAA,2BAA2BA,EAAA,4BAA4BpB,EAAA8B,CAAA,CAAmB,CAAC,QAAtFjC,EAAA,GAAAC,EAGM,OAAAc,GAAA,CAFJ,AAAAmB,EAAA,OAAAxB,EAAM,MAAA,MAAA,MAAA,EAAA,GACNN,EAA6DO,GAAA,EAAnC,QAAQY,EAAA,wBAAuB,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA,C;;E,QAKlDA,EAAA,gBAAgBpB,EAAAiC,CAAA,CAAc,CAAC,YAD5CpC,EAAA,GAAAC,EAOM,OAPNe,GAOM,CAHJZ,EAESC,GAAA,EAFD,MAAK,QAAO,GAAA;GAClB,SAAAC,QAA4D,CAAzDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,mDAAA,CAAA,GAAA,CAAA,C;;E,QAIKR,EAAA,gBAAgBpB,EAAAiC,CAAA,CAAc,CAAC,SAD5CpC,EAAA,GAAAC,EAOM,OAPNgB,GAOM,CAHJb,EAESC,GAAA,EAFD,MAAK,UAAS,GAAA;GACpB,SAAAC,QAAyD,CAAtDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,gDAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"AssetInfobox.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_unref","_createVNode","_component_VAlert","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","AssetFileFailReasonChip","AssetFileFailReasonChip_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AssetInfobox_vue_vue_type_script_setup_true_lang_default","useI18n","openBlock","createElementBlock","Fragment","__props","unref","AssetFileProcessStatus","createVNode","VAlert","withCtx","createTextVNode","toDisplayString","t","createCommentVNode","AssetFileFailReason","_cache","createElementVNode","DamAssetStatus"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetInfobox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetFileFailReason,\n  type AssetFileFailReasonType,\n  AssetFileProcessStatus,\n  type AssetFileProcessStatusType,\n} from '@/domains/dam/types/AssetFile'\nimport { DamAssetStatus, type DamAssetStatusType } from '@/domains/dam/types/Asset'\nimport AssetFileFailReasonChip from '@/domains/dam/assetDetail/components/AssetFileFailReasonChip.vue'\n\nwithDefaults(\n  defineProps<{\n    assetStatus: DamAssetStatusType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\n  }\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Duplicate\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n    </VAlert>\n  </div>\n  <div\n    v-if=\"assetMainFileStatus && assetMainFileStatus === AssetFileProcessStatus.Failed\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.failed') }}\n      <!-- Like the queue row: no chip for the `None` reason. -->\n      <div v-if=\"assetMainFileFailReason && assetMainFileFailReason !== AssetFileFailReason.None\">\n        <br />\n        <AssetFileFailReasonChip :reason=\"assetMainFileFailReason\" />\n      </div>\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Deleting\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.deleting') }}\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Draft\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.draft') }}\n    </VAlert>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,IAAM,EAAE,SAAMmB,EAAQ;E,mCAKZI,EAAA,uBAAuBA,EAAA,wBAAwBpB,EAAAsB,CAAA,CAAsB,CAAC,aAD9EzB,EAAA,GAAAC,EAOM,OAPNY,GAOM,CAHJT,EAESC,GAAA,EAFD,MAAK,UAAS,GAAA;GACpB,SAAAC,QAA6D,CAA1DC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,oDAAA,CAAA,GAAA,CAAA,C;;E,mBAIAR,EAAA,uBAAuBA,EAAA,wBAAwBpB,EAAAsB,CAAA,CAAsB,CAAC,UAD9EzB,EAAA,GAAAC,EAYM,OAZNa,GAYM,CARJV,EAOSC,GAAA,EAPD,MAAK,QAAO,GAAA;GAClB,SAAAC,QAA0D,CAAvDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,iDAAA,CAAA,IAAsD,KAE1D,CAAA,GAAWR,EAAA,2BAA2BA,EAAA,4BAA4BpB,EAAA8B,CAAA,CAAmB,CAAC,QAAtFjC,EAAA,GAAAC,EAGM,OAAAc,GAAA,CAFJ,AAAAmB,EAAA,OAAAxB,EAAM,MAAA,MAAA,MAAA,EAAA,GACNN,EAA6DO,GAAA,EAAnC,QAAQY,EAAA,wBAAuB,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA,C;;E,QAKlDA,EAAA,gBAAgBpB,EAAAiC,CAAA,CAAc,CAAC,YAD5CpC,EAAA,GAAAC,EAOM,OAPNe,GAOM,CAHJZ,EAESC,GAAA,EAFD,MAAK,QAAO,GAAA;GAClB,SAAAC,QAA4D,CAAzDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,mDAAA,CAAA,GAAA,CAAA,C;;E,QAIKR,EAAA,gBAAgBpB,EAAAiC,CAAA,CAAc,CAAC,SAD5CpC,EAAA,GAAAC,EAOM,OAPNgB,GAOM,CAHJb,EAESC,GAAA,EAFD,MAAK,UAAS,GAAA;GACpB,SAAAC,QAAyD,CAAtDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,gDAAA,CAAA,GAAA,CAAA,C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AssetMetadata.js","names":["_sfc_main","AssetMetadata_vue_vue_type_script_setup_true_lang_default","AssetMetadata_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref, watch } from 'vue'\nimport { DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useAssetSuggestions } from '@/domains/dam/uploadQueue/composables/assetSuggestions'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    readonly?: boolean\n    configName?: string\n    showEditButton?: boolean\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showEditButton: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editInDam'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched, mainFileSingleUse } = storeToRefs(assetDetailStore)\n\nconst assetType = computed(() => {\n  return asset.value?.attributes.assetType || DamAssetTypeDefault\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nconst { getAuthorConflicts } = useAssetSuggestions()\nconst { addToCachedAuthors, fetchCachedAuthors } = useDamCachedAuthors(damConfigName)\n\n// The DAM authors of one name read from the file, as the card of a row of the queue offers them: taken from the asset\n// itself, as the field of the store is written by nobody. A side panel, read-only, offers none, nor does a detail\n// without the field of authors, whose asset may still carry suggestions from before the authors were switched off.\nconst authorConflicts = computed<DocId[]>(() =>\n  props.readonly || !authorEnabled.value || !asset.value\n    ? []\n    : getAuthorConflicts(asset.value.metadata.authorSuggestions ?? {})\n)\n// Their chips show the names from the cache of its configuration, as those of the row do: without them a chip spins with none.\nwatch(\n  authorConflicts,\n  (conflicts) => {\n    if (conflicts.length === 0) return\n    addToCachedAuthors(conflicts)\n    fetchCachedAuthors()\n  },\n  { immediate: true }\n)\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nconst { mainFileSingleUseEnabled, showFileInfoEnabled, editAssetLabel } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { addToCachedUsers, fetchCachedUsers } = useDamCachedUsers(damConfigName)\n// The chips of the panel \"file\" show who created and who changed the asset by the cache of users of its configuration.\n// A click into a picker fills it for the asset clicked, and only then: the detail of \"edit asset\" of a widget, or of a\n// row of the queue, showed two chips that spun with none.\nwatch(\n  [() => asset.value?.createdBy, () => asset.value?.modifiedBy],\n  ([createdBy, modifiedBy]) => {\n    if (!showFileInfoEnabled || (!createdBy && !modifiedBy)) return\n    addToCachedUsers(createdBy, modifiedBy)\n    fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VBtn\n    v-if=\"showEditButton && asset\"\n    size=\"small\"\n    class=\"ma-2\"\n    @click=\"emit('editInDam')\"\n  >\n    {{ editAssetLabel }}\n  </VBtn>\n  <VExpansionPanels\n    v-if=\"asset\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <AssetCustomMetadataForm\n          v-if=\"asset\"\n          v-model=\"asset.metadata.customData\"\n          :ext-system=\"extSystem\"\n          :asset-type=\"assetType\"\n          :readonly=\"readonly\"\n          @any-change=\"onAnyMetadataChange\"\n        >\n          <template #after-pinned>\n            <VRow\n              v-if=\"keywordEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ASystemEntityScope\n                  subject=\"keyword\"\n                  system=\"dam\"\n                >\n                  <KeywordRemoteAutocompleteWithCached\n                    v-model=\"asset.keywords\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.keywords')\"\n                    data-cy=\"custom-field-keywords\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"keywordRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"authorEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ASystemEntityScope\n                  subject=\"author\"\n                  system=\"dam\"\n                >\n                  <AuthorRemoteAutocompleteWithCached\n                    v-model=\"asset.authors\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.authors')\"\n                    :author-conflicts=\"authorConflicts\"\n                    data-cy=\"custom-field-authors\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"authorRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"mainFileSingleUseEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ARow\n                  v-if=\"readonly\"\n                  :title=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                >\n                  <ABooleanValue :value=\"mainFileSingleUse\" />\n                </ARow>\n                <VSwitch\n                  v-else\n                  v-model=\"mainFileSingleUse\"\n                  :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                />\n              </VCol>\n            </VRow>\n          </template>\n        </AssetCustomMetadataForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- The detail breaks its texts only between words, unlike the card it is in (design 1.10, JS29). -->\n    <AssetFileInfoPanel\n      v-if=\"showFileInfoEnabled\"\n      :asset=\"asset\"\n      show-users\n      style=\"overflow-wrap: normal\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetMetadata.js","names":["_sfc_main","AssetMetadata_vue_vue_type_script_setup_true_lang_default","AssetMetadata_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref, watch } from 'vue'\nimport { DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useAssetSuggestions } from '@/domains/dam/uploadQueue/composables/assetSuggestions'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\nimport { useAutoDeleteTimeLeft } from '@/domains/dam/assetDetail/composables/autoDeleteTimeLeft'\nimport { useRemainingTime } from '@/domains/ui/datetime/composables/remainingTime'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    readonly?: boolean\n    configName?: string\n    showEditButton?: boolean\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showEditButton: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editInDam'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched, mainFileSingleUse } = storeToRefs(assetDetailStore)\n\nconst assetType = computed(() => {\n  return asset.value?.attributes.assetType || DamAssetTypeDefault\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nconst { getAuthorConflicts } = useAssetSuggestions()\nconst { addToCachedAuthors, fetchCachedAuthors } = useDamCachedAuthors(damConfigName)\n\n// DAM author suggestions for names read from the file, as the queue row card offers them.\n// Taken from the asset itself, because nothing writes the store field.\n// None in a read-only side panel, or when the authors field is disabled. Such an asset may still carry old suggestions.\nconst authorConflicts = computed<DocId[]>(() =>\n  props.readonly || !authorEnabled.value || !asset.value\n    ? []\n    : getAuthorConflicts(asset.value.metadata.authorSuggestions ?? {})\n)\n// The chips show names from the configuration's cache, as the row's do. Without it a chip spins forever.\nwatch(\n  authorConflicts,\n  (conflicts) => {\n    if (conflicts.length === 0) return\n    addToCachedAuthors(conflicts)\n    fetchCachedAuthors()\n  },\n  { immediate: true }\n)\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nconst { mainFileSingleUseEnabled, showFileInfoEnabled, showAutoDeleteEnabled, showLicenceEnabled, editAssetLabel } =\n  useCommonAdminCoreDamOptions(damConfigName)\n\n// Only where the configuration turns it on: without it no clock runs.\nconst { secondsLeft: autoDeleteSecondsLeft } = useAutoDeleteTimeLeft(() =>\n  showAutoDeleteEnabled ? asset.value?.autoDeleteAt : null\n)\nconst { remainingTimeLong } = useRemainingTime()\nconst autoDeleteIn = computed(() =>\n  autoDeleteSecondsLeft.value === null ? null : remainingTimeLong(autoDeleteSecondsLeft.value)\n)\n\nconst { addToCachedUsers, fetchCachedUsers } = useDamCachedUsers(damConfigName)\n// The \"file\" panel chips show creator and modifier from the configuration's user cache.\n// A picker click fills it only for the clicked asset.\n// The \"edit asset\" detail of a widget or a queue row showed two chips spinning forever.\nwatch(\n  [() => asset.value?.createdBy, () => asset.value?.modifiedBy],\n  ([createdBy, modifiedBy]) => {\n    if (!showFileInfoEnabled || (!createdBy && !modifiedBy)) return\n    addToCachedUsers(createdBy, modifiedBy)\n    fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VBtn\n    v-if=\"showEditButton && asset\"\n    size=\"small\"\n    class=\"ma-2\"\n    @click=\"emit('editInDam')\"\n  >\n    {{ editAssetLabel }}\n  </VBtn>\n  <VExpansionPanels\n    v-if=\"asset\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <AssetCustomMetadataForm\n          v-if=\"asset\"\n          v-model=\"asset.metadata.customData\"\n          :ext-system=\"extSystem\"\n          :asset-type=\"assetType\"\n          :readonly=\"readonly\"\n          @any-change=\"onAnyMetadataChange\"\n        >\n          <template #after-pinned>\n            <VRow\n              v-if=\"keywordEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ASystemEntityScope\n                  subject=\"keyword\"\n                  system=\"dam\"\n                >\n                  <KeywordRemoteAutocompleteWithCached\n                    v-model=\"asset.keywords\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.keywords')\"\n                    data-cy=\"custom-field-keywords\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"keywordRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"authorEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ASystemEntityScope\n                  subject=\"author\"\n                  system=\"dam\"\n                >\n                  <AuthorRemoteAutocompleteWithCached\n                    v-model=\"asset.authors\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.authors')\"\n                    :author-conflicts=\"authorConflicts\"\n                    data-cy=\"custom-field-authors\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"authorRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"mainFileSingleUseEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ARow\n                  v-if=\"readonly\"\n                  :title=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                >\n                  <ABooleanValue :value=\"mainFileSingleUse\" />\n                </ARow>\n                <VSwitch\n                  v-else\n                  v-model=\"mainFileSingleUse\"\n                  :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                />\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"autoDeleteIn !== null\"\n              density=\"compact\"\n              class=\"my-2\"\n              data-cy=\"asset-auto-delete\"\n            >\n              <VCol>\n                <ARow :title=\"t('common.damImage.asset.model.autoDelete')\">\n                  {{ autoDeleteIn }}\n                </ARow>\n              </VCol>\n            </VRow>\n          </template>\n        </AssetCustomMetadataForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- The detail wraps text only between words, unlike its card (design 1.10, JS29). -->\n    <AssetFileInfoPanel\n      v-if=\"showFileInfoEnabled\"\n      :asset=\"asset\"\n      show-users\n      :show-licence=\"showLicenceEnabled\"\n      style=\"overflow-wrap: normal\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":""}