@anzusystems/common-admin 2.0.0-rc.7 → 2.0.0-rc.9

package/dist/domains/dam/assetDetail/composables/autoDeleteTimeLeft.js

@@ -0,0 +1,18 @@
+import { dateDiff as e, dateNow as t, dateTimeToDate as n } from "../../../../shared/utils/datetime.js";
+import { computed as r, shallowRef as i, watch as a } from "vue";
+import { useIntervalFn as o } from "@vueuse/core";
+// src/domains/dam/assetDetail/composables/autoDeleteTimeLeft.ts
+function s(s) {
+	let c = i(t()), l = o(() => {
+		c.value = t();
+	}, 6e4, { immediate: !1 });
+	return a(s, (e) => {
+		c.value = t(), e ? l.resume() : l.pause();
+	}, { immediate: !0 }), { secondsLeft: r(() => {
+		let t = s();
+		return t ? Math.max(0, e(n(t), c.value, "s")) : null;
+	}) };
+}
+export { s as useAutoDeleteTimeLeft };
+
+//# sourceMappingURL=autoDeleteTimeLeft.js.map

package/dist/domains/dam/assetDetail/composables/autoDeleteTimeLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoDeleteTimeLeft.js","names":["useAutoDeleteTimeLeft","now","shallowRef","dateNow","clock","useIntervalFn","watch","autoDeleteAt","value","computed","dateDiff","dateTimeToDate"],"sources":["../../../../../src/domains/dam/assetDetail/composables/autoDeleteTimeLeft.ts"],"sourcesContent":["import { useIntervalFn } from '@vueuse/core'\nimport { computed, shallowRef, watch } from 'vue'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateDiff, dateNow, dateTimeToDate } from '@/shared/utils/datetime'\n\n/**\n * Seconds left until DAM deletes the asset (`autoDeleteAt`), never below zero; `null` when it is not deleted.\n * The time moves on while it is shown: a clock ticks every minute, and only while there is a date.\n * Call it in component setup, the clock stops with the component.\n */\nexport function useAutoDeleteTimeLeft(autoDeleteAt: () => DatetimeUTCNullable | undefined) {\n  const now = shallowRef(dateNow())\n  const clock = useIntervalFn(\n    () => {\n      now.value = dateNow()\n    },\n    60_000,\n    { immediate: false }\n  )\n  watch(\n    autoDeleteAt,\n    (value) => {\n      now.value = dateNow()\n      if (value) clock.resume()\n      else clock.pause()\n    },\n    { immediate: true }\n  )\n\n  const secondsLeft = computed(() => {\n    const value = autoDeleteAt()\n    if (!value) return null\n    return Math.max(0, dateDiff(dateTimeToDate(value), now.value, 's'))\n  })\n\n  return { secondsLeft }\n}\n"],"mappings":";;;;AAUA,SAAgBA,EAAsB,GAAqD;CACzF,IAAMC,IAAMC,EAAWC,EAAQ,CAAC,GAC1BC,IAAQC,QACN;EACJ,EAAI,QAAQF,EAAQ;CACtB,GACA,KACA,EAAE,WAAW,GAAM,CACrB;CAiBA,OAhBAG,EACEC,IACC,MAAU;EAET,AADA,EAAI,QAAQJ,EAAQ,GAChBK,IAAOJ,EAAM,OAAO,IACnBA,EAAM,MAAM;CACnB,GACA,EAAE,WAAW,GAAK,CACpB,GAQO,EAAE,aANWK,QAAe;EACjC,IAAMD,IAAQD,EAAa;EAE3B,OADKC,IACE,KAAK,IAAI,GAAGE,EAASC,EAAeH,CAAK,GAAGP,EAAI,OAAO,GAAG,CAAC,IAD/C;CAErB,CAES,EAAY;AACvB"}

package/dist/domains/dam/assetDetail/store/assetDetailStore.d.ts

@@ -93,7 +93,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
                 };
             } | undefined;
             metadata: {
-                exifData: [];
+                exifData: Record<string, string | number | boolean | null>;
                 id: string;
                 createdAt: string;
                 modifiedAt: string;
@@ -391,6 +391,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
         mainFileSingleUse: Readonly<boolean | null>;
         mainFileInternal: Readonly<boolean | null>;
         mainFileOverrideInternal: Readonly<boolean | null>;
+        autoDeleteAt: Readonly<import('../../../../shared/types/common').DatetimeUTCNullable>;
         createdAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;
@@ -480,7 +481,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
                 };
             } | undefined;
             metadata: {
-                exifData: [];
+                exifData: Record<string, string | number | boolean | null>;
                 id: string;
                 createdAt: string;
                 modifiedAt: string;
@@ -778,6 +779,7 @@ export declare const useAssetDetailStore: import('pinia').SetupStoreDefinition<"
         mainFileSingleUse: Readonly<boolean | null>;
         mainFileInternal: Readonly<boolean | null>;
         mainFileOverrideInternal: Readonly<boolean | null>;
+        autoDeleteAt: Readonly<import('../../../../shared/types/common').DatetimeUTCNullable>;
         createdAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
         modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;

package/dist/domains/dam/assetSelect/components/AAssetListInner.vue.d.ts

@@ -110,7 +110,7 @@ declare const __VLS_template: () => {
                         };
                     } | undefined;
                     metadata: {
-                        exifData: [];
+                        exifData: Record<string, string | number | boolean | null>;
                         id: string;
                         createdAt: string;
                         modifiedAt: string;
@@ -408,6 +408,7 @@ declare const __VLS_template: () => {
                 mainFileSingleUse: Readonly<boolean | null>;
                 mainFileInternal: Readonly<boolean | null>;
                 mainFileOverrideInternal: Readonly<boolean | null>;
+                autoDeleteAt: Readonly<import('../../../../lib').DatetimeUTCNullable>;
                 createdAt: import('../../../../lib').DatetimeUTC;
                 modifiedAt: import('../../../../lib').DatetimeUTC;
                 modifiedBy: import('../../../../lib').IntegerIdNullable;
@@ -501,7 +502,7 @@ declare const __VLS_template: () => {
                         };
                     } | undefined;
                     metadata: {
-                        exifData: [];
+                        exifData: Record<string, string | number | boolean | null>;
                         id: string;
                         createdAt: string;
                         modifiedAt: string;
@@ -799,6 +800,7 @@ declare const __VLS_template: () => {
                 mainFileSingleUse: Readonly<boolean | null>;
                 mainFileInternal: Readonly<boolean | null>;
                 mainFileOverrideInternal: Readonly<boolean | null>;
+                autoDeleteAt: Readonly<import('../../../../lib').DatetimeUTCNullable>;
                 createdAt: import('../../../../lib').DatetimeUTC;
                 modifiedAt: import('../../../../lib').DatetimeUTC;
                 modifiedBy: import('../../../../lib').IntegerIdNullable;

package/dist/domains/dam/assetSelect/components/AAssetSelect.vue.d.ts

@@ -114,7 +114,7 @@ declare const __VLS_template: () => {
                         };
                     } | undefined;
                     metadata: {
-                        exifData: [];
+                        exifData: Record<string, string | number | boolean | null>;
                         id: string;
                         createdAt: string;
                         modifiedAt: string;
@@ -412,6 +412,7 @@ declare const __VLS_template: () => {
                 mainFileSingleUse: Readonly<boolean | null>;
                 mainFileInternal: Readonly<boolean | null>;
                 mainFileOverrideInternal: Readonly<boolean | null>;
+                autoDeleteAt: Readonly<import('../../../../shared/types/common').DatetimeUTCNullable>;
                 createdAt: import('../../../../shared/types/common').DatetimeUTC;
                 modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
                 modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;

package/dist/domains/dam/assetSelect/components/AssetImagePreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetImagePreview.js","names":["_sfc_main","AssetImagePreview_vue_vue_type_script_setup_true_lang_default","AssetImagePreview_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetImagePreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport {\n  type AssetFileProperties,\n  DamAssetStatus,\n  type DamAssetStatusType,\n  DamAssetType,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport placeholder16x9 from '@/assets/image/placeholder16x9.svg'\nimport { isUndefined } from '@/shared/utils/common'\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    iconColor?: string\n    showMetaIcons?: boolean\n    assetFileProperties?: AssetFileProperties | undefined\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    iconColor: '#505050',\n    showMetaIcons: false,\n    assetFileProperties: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'error'): void\n}>()\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 srcComputed = computed(() => {\n  return isUndefined(props.src) ? placeholder16x9 : props.src\n})\n\nconst showIconComputed = computed(() => {\n  if (props.assetType === DamAssetType.Image && props.src) return false\n  return true\n})\n</script>\n\n<template>\n  <div\n    v-if=\"assetStatus === DamAssetStatus.WithFile && src\"\n    class=\"anzu-common-asset-image anzu-common-asset-image--img position-relative\"\n    :style=\"{ width: width + 'px' }\"\n  >\n    <img\n      class=\"anzu-common-asset-image__img\"\n      :src=\"srcComputed\"\n      :width=\"width\"\n      :height=\"height\"\n      alt=\"\"\n      loading=\"lazy\"\n      :style=\"'background-color:' + backgroundColor\"\n      @onerror=\"onError\"\n    />\n    <div\n      v-if=\"showIconComputed\"\n      class=\"anzu-common-asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"anzu-common-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=\"anzu-common-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    />\n  </div>\n  <div\n    v-else\n    :style=\"{ height: fallbackHeight + 'px', backgroundColor: backgroundColor }\"\n    style=\"width: 100%\"\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    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-common-asset-image {\n  position: relative;\n\n  &__icon-wrapper {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__icon-circle {\n    border-radius: 100%;\n    background-color: rgb(204 204 204 / 50%);\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AssetImagePreview.js","names":["_sfc_main","AssetImagePreview_vue_vue_type_script_setup_true_lang_default","AssetImagePreview_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetImagePreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport {\n  type AssetFileProperties,\n  DamAssetStatus,\n  type DamAssetStatusType,\n  DamAssetType,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport placeholder16x9 from '@/assets/image/placeholder16x9.svg'\nimport { isUndefined } from '@/shared/utils/common'\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    iconColor?: string\n    showMetaIcons?: boolean\n    assetFileProperties?: AssetFileProperties | undefined\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    iconColor: '#505050',\n    showMetaIcons: false,\n    assetFileProperties: undefined,\n    licenceBadge: '',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'error'): void\n}>()\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 srcComputed = computed(() => {\n  return isUndefined(props.src) ? placeholder16x9 : props.src\n})\n\nconst showIconComputed = computed(() => {\n  if (props.assetType === DamAssetType.Image && props.src) return false\n  return true\n})\n</script>\n\n<template>\n  <div\n    v-if=\"assetStatus === DamAssetStatus.WithFile && src\"\n    class=\"anzu-common-asset-image anzu-common-asset-image--img position-relative\"\n    :style=\"{ width: width + 'px' }\"\n  >\n    <img\n      class=\"anzu-common-asset-image__img\"\n      :src=\"srcComputed\"\n      :width=\"width\"\n      :height=\"height\"\n      alt=\"\"\n      loading=\"lazy\"\n      :style=\"'background-color:' + backgroundColor\"\n      @onerror=\"onError\"\n    />\n    <div\n      v-if=\"showIconComputed\"\n      class=\"anzu-common-asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"anzu-common-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=\"anzu-common-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      :licence-badge=\"licenceBadge\"\n    />\n  </div>\n  <div\n    v-else\n    :style=\"{ height: fallbackHeight + 'px', backgroundColor: backgroundColor }\"\n    style=\"width: 100%\"\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    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n      :licence-badge=\"licenceBadge\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-common-asset-image {\n  position: relative;\n\n  &__icon-wrapper {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__icon-circle {\n    border-radius: 100%;\n    background-color: rgb(204 204 204 / 50%);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetImagePreview.vue.d.ts

@@ -11,6 +11,8 @@ type __VLS_Props = {
     iconColor?: string;
     showMetaIcons?: boolean;
     assetFileProperties?: AssetFileProperties | undefined;
+    /** Passed to the meta icons: the badge of the asset's licence. */
+    licenceBadge?: string;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     error: () => any;
@@ -25,6 +27,7 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     src: string;
     assetFileProperties: AssetFileProperties;
     assetStatus: DamAssetStatusType;
+    licenceBadge: string;
     backgroundColor: string;
     fallbackHeight: number;
     showMetaIcons: boolean;

package/dist/domains/dam/assetSelect/components/AssetImagePreview.vue_vue_type_script_setup_true_lang.js

@@ -31,7 +31,8 @@ var h = [
 			type: Boolean,
 			default: !1
 		},
-		assetFileProperties: { default: void 0 }
+		assetFileProperties: { default: void 0 },
+		licenceBadge: { default: "" }
 	},
 	emits: ["error"],
 	setup(u, { emit: v }) {
@@ -79,8 +80,13 @@ var h = [
 			u.showMetaIcons && u.assetFileProperties ? (f(), o(i, {
 				key: 1,
 				"asset-file-properties": u.assetFileProperties,
-				"asset-type": u.assetType
-			}, null, 8, ["asset-file-properties", "asset-type"])) : s("", !0)
+				"asset-type": u.assetType,
+				"licence-badge": u.licenceBadge
+			}, null, 8, [
+				"asset-file-properties",
+				"asset-type",
+				"licence-badge"
+			])) : s("", !0)
 		], 4)) : (f(), c("div", {
 			key: 1,
 			style: d([{
@@ -104,8 +110,13 @@ var h = [
 		])) : s("", !0)], 4)])) : s("", !0), u.showMetaIcons && u.assetFileProperties ? (f(), o(i, {
 			key: 1,
 			"asset-file-properties": u.assetFileProperties,
-			"asset-type": u.assetType
-		}, null, 8, ["asset-file-properties", "asset-type"])) : s("", !0)], 4));
+			"asset-type": u.assetType,
+			"licence-badge": u.licenceBadge
+		}, null, 8, [
+			"asset-file-properties",
+			"asset-type",
+			"licence-badge"
+		])) : s("", !0)], 4));
 	}
 });
 export { v as default };

package/dist/domains/dam/assetSelect/components/AssetImagePreview.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetImagePreview.vue_vue_type_script_setup_true_lang.js","names":["placeholder16x9","_unref","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_createBlock","_component_VIcon","_createCommentVNode","AssetImageMetaIcons","placeholder16x9_default","AssetImageMetaIcons_default","_hoisted_1","_hoisted_2","_hoisted_3","AssetImagePreview_vue_vue_type_script_setup_true_lang_default","DamAssetType","DamAssetStatus","__emit","props","__props","emit","onError","icon","computed","srcComputed","isUndefined","showIconComputed","unref","openBlock","createElementBlock","normalizeStyle","createElementVNode","createBlock","VIcon","createCommentVNode","\"width\""],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetImagePreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport {\n  type AssetFileProperties,\n  DamAssetStatus,\n  type DamAssetStatusType,\n  DamAssetType,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport placeholder16x9 from '@/assets/image/placeholder16x9.svg'\nimport { isUndefined } from '@/shared/utils/common'\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    iconColor?: string\n    showMetaIcons?: boolean\n    assetFileProperties?: AssetFileProperties | undefined\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    iconColor: '#505050',\n    showMetaIcons: false,\n    assetFileProperties: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'error'): void\n}>()\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 srcComputed = computed(() => {\n  return isUndefined(props.src) ? placeholder16x9 : props.src\n})\n\nconst showIconComputed = computed(() => {\n  if (props.assetType === DamAssetType.Image && props.src) return false\n  return true\n})\n</script>\n\n<template>\n  <div\n    v-if=\"assetStatus === DamAssetStatus.WithFile && src\"\n    class=\"anzu-common-asset-image anzu-common-asset-image--img position-relative\"\n    :style=\"{ width: width + 'px' }\"\n  >\n    <img\n      class=\"anzu-common-asset-image__img\"\n      :src=\"srcComputed\"\n      :width=\"width\"\n      :height=\"height\"\n      alt=\"\"\n      loading=\"lazy\"\n      :style=\"'background-color:' + backgroundColor\"\n      @onerror=\"onError\"\n    />\n    <div\n      v-if=\"showIconComputed\"\n      class=\"anzu-common-asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"anzu-common-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=\"anzu-common-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    />\n  </div>\n  <div\n    v-else\n    :style=\"{ height: fallbackHeight + 'px', backgroundColor: backgroundColor }\"\n    style=\"width: 100%\"\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    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-common-asset-image {\n  position: relative;\n\n  &__icon-wrapper {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__icon-circle {\n    border-radius: 100%;\n    background-color: rgb(204 204 204 / 50%);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMmB,IAAQC,GA4BRC,IAAOH,GAIPI,UAAgB;GACpB,EAAK,OAAO;EACd,GAEMC,IAAOC,QAAe;GAC1B,IAAIL,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,GAEKQ,IAAcD,QACXE,EAAYP,EAAM,GAAG,IAAInB,IAAkBmB,EAAM,GACzD,GAEKQ,IAAmBH,QACvB,EAAIL,EAAM,cAAcH,EAAa,SAASG,EAAM,IAErD;E,iBAKSC,EAAA,gBAAgBnB,EAAAgB,CAAA,CAAc,CAAC,YAAYG,EAAA,OADnDlB,EAAA,GAAAC,EAqCM,OAAA;;GAnCJ,OAAM;GACL,OAAKC,EAAA,EAAA,OAAWgB,EAAA,QAAK,KAAA,CAAA;;GAEtBf,EASE,OAAA;IARA,OAAM;IACL,KAAKoB,EAAA;IACL,OAAOL,EAAA;IACP,QAAQA,EAAA;IACT,KAAI;IACJ,SAAQ;IACP,OAAKhB,EAAA,sBAAwBgB,EAAA,eAAe;IAC5C,WAASE;;GAGJK,EAAA,SADRzB,EAAA,GAAAC,EAgBM,OAhBNU,GAgBM,CAZJR,EAWM,OAAA;IAVJ,OAAM;IACL,OAAKD,EAAA,EAAA,SAAagB,EAAA,WAAQ,IAAA,KAAA,CAAA;G,IAGnBG,EAAA,MAAK,UADbrB,EAAA,GAAAI,EAMEC,GAAA;;IAJC,MAAMa,EAAA;IACN,MAAMG,EAAA;IACN,OAAOH,EAAA;IACR,OAAM;;;;;;GAKJA,EAAA,iBAAiBA,EAAA,uBADzBlB,EAAA,GAAAI,EAIEG,GAAA;;IAFC,yBAAuBW,EAAA;IACvB,cAAYA,EAAA;;E,UAGjBlB,EAAA,GAAAC,EA4BM,OAAA;;GA1BH,OAAKC,EAAA,CAAA;IAAA,QAAYgB,EAAA,iBAAc;IAAA,iBAA0BA,EAAA;GAAe,GACzE,EAAAgB,OAAA,OAAA,CAAmB,CAAA;GACnB,OAAM;E,IAGET,EAAA,SADRzB,EAAA,GAAAC,EAgBM,OAhBNW,GAgBM,CAZJT,EAWM,OAAA;GAVJ,OAAM;GACL,OAAKD,EAAA,EAAA,SAAagB,EAAA,WAAQ,IAAA,KAAA,CAAA;E,IAGnBG,EAAA,MAAK,UADbrB,EAAA,GAAAI,EAMEC,GAAA;;GAJC,MAAMa,EAAA;GACN,MAAMG,EAAA;GACN,OAAOH,EAAA;GACR,OAAM;;;;;E,qCAKJA,EAAA,iBAAiBA,EAAA,uBADzBlB,EAAA,GAAAI,EAIEG,GAAA;;GAFC,yBAAuBW,EAAA;GACvB,cAAYA,EAAA"}
+{"version":3,"file":"AssetImagePreview.vue_vue_type_script_setup_true_lang.js","names":["placeholder16x9","_unref","_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_createBlock","_component_VIcon","_createCommentVNode","AssetImageMetaIcons","placeholder16x9_default","AssetImageMetaIcons_default","_hoisted_1","_hoisted_2","_hoisted_3","AssetImagePreview_vue_vue_type_script_setup_true_lang_default","DamAssetType","DamAssetStatus","__emit","props","__props","emit","onError","icon","computed","srcComputed","isUndefined","showIconComputed","unref","openBlock","createElementBlock","normalizeStyle","createElementVNode","createBlock","VIcon","createCommentVNode","\"width\""],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetImagePreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport {\n  type AssetFileProperties,\n  DamAssetStatus,\n  type DamAssetStatusType,\n  DamAssetType,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport placeholder16x9 from '@/assets/image/placeholder16x9.svg'\nimport { isUndefined } from '@/shared/utils/common'\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    iconColor?: string\n    showMetaIcons?: boolean\n    assetFileProperties?: AssetFileProperties | undefined\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    iconColor: '#505050',\n    showMetaIcons: false,\n    assetFileProperties: undefined,\n    licenceBadge: '',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'error'): void\n}>()\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 srcComputed = computed(() => {\n  return isUndefined(props.src) ? placeholder16x9 : props.src\n})\n\nconst showIconComputed = computed(() => {\n  if (props.assetType === DamAssetType.Image && props.src) return false\n  return true\n})\n</script>\n\n<template>\n  <div\n    v-if=\"assetStatus === DamAssetStatus.WithFile && src\"\n    class=\"anzu-common-asset-image anzu-common-asset-image--img position-relative\"\n    :style=\"{ width: width + 'px' }\"\n  >\n    <img\n      class=\"anzu-common-asset-image__img\"\n      :src=\"srcComputed\"\n      :width=\"width\"\n      :height=\"height\"\n      alt=\"\"\n      loading=\"lazy\"\n      :style=\"'background-color:' + backgroundColor\"\n      @onerror=\"onError\"\n    />\n    <div\n      v-if=\"showIconComputed\"\n      class=\"anzu-common-asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"anzu-common-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=\"anzu-common-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      :licence-badge=\"licenceBadge\"\n    />\n  </div>\n  <div\n    v-else\n    :style=\"{ height: fallbackHeight + 'px', backgroundColor: backgroundColor }\"\n    style=\"width: 100%\"\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    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n      :licence-badge=\"licenceBadge\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-common-asset-image {\n  position: relative;\n\n  &__icon-wrapper {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__icon-circle {\n    border-radius: 100%;\n    background-color: rgb(204 204 204 / 50%);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,IAAMmB,IAAQC,GA+BRC,IAAOH,GAIPI,UAAgB;GACpB,EAAK,OAAO;EACd,GAEMC,IAAOC,QAAe;GAC1B,IAAIL,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,GAEKQ,IAAcD,QACXE,EAAYP,EAAM,GAAG,IAAInB,IAAkBmB,EAAM,GACzD,GAEKQ,IAAmBH,QACvB,EAAIL,EAAM,cAAcH,EAAa,SAASG,EAAM,IAErD;E,iBAKSC,EAAA,gBAAgBnB,EAAAgB,CAAA,CAAc,CAAC,YAAYG,EAAA,OADnDlB,EAAA,GAAAC,EAsCM,OAAA;;GApCJ,OAAM;GACL,OAAKC,EAAA,EAAA,OAAWgB,EAAA,QAAK,KAAA,CAAA;;GAEtBf,EASE,OAAA;IARA,OAAM;IACL,KAAKoB,EAAA;IACL,OAAOL,EAAA;IACP,QAAQA,EAAA;IACT,KAAI;IACJ,SAAQ;IACP,OAAKhB,EAAA,sBAAwBgB,EAAA,eAAe;IAC5C,WAASE;;GAGJK,EAAA,SADRzB,EAAA,GAAAC,EAgBM,OAhBNU,GAgBM,CAZJR,EAWM,OAAA;IAVJ,OAAM;IACL,OAAKD,EAAA,EAAA,SAAagB,EAAA,WAAQ,IAAA,KAAA,CAAA;G,IAGnBG,EAAA,MAAK,UADbrB,EAAA,GAAAI,EAMEC,GAAA;;IAJC,MAAMa,EAAA;IACN,MAAMG,EAAA;IACN,OAAOH,EAAA;IACR,OAAM;;;;;;GAKJA,EAAA,iBAAiBA,EAAA,uBADzBlB,EAAA,GAAAI,EAKEG,GAAA;;IAHC,yBAAuBW,EAAA;IACvB,cAAYA,EAAA;IACZ,iBAAeA,EAAA;;;;;;E,UAGpBlB,EAAA,GAAAC,EA6BM,OAAA;;GA3BH,OAAKC,EAAA,CAAA;IAAA,QAAYgB,EAAA,iBAAc;IAAA,iBAA0BA,EAAA;GAAe,GACzE,EAAAgB,OAAA,OAAA,CAAmB,CAAA;GACnB,OAAM;E,IAGET,EAAA,SADRzB,EAAA,GAAAC,EAgBM,OAhBNW,GAgBM,CAZJT,EAWM,OAAA;GAVJ,OAAM;GACL,OAAKD,EAAA,EAAA,SAAagB,EAAA,WAAQ,IAAA,KAAA,CAAA;E,IAGnBG,EAAA,MAAK,UADbrB,EAAA,GAAAI,EAMEC,GAAA;;GAJC,MAAMa,EAAA;GACN,MAAMG,EAAA;GACN,OAAOH,EAAA;GACR,OAAM;;;;;E,qCAKJA,EAAA,iBAAiBA,EAAA,uBADzBlB,EAAA,GAAAI,EAKEG,GAAA;;GAHC,yBAAuBW,EAAA;GACvB,cAAYA,EAAA;GACZ,iBAAeA,EAAA"}

package/dist/domains/dam/assetSelect/components/AssetSelectTableRowItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTableRowItem.js","names":["_sfc_main","AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTableRowItem_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useI18n } from 'vue-i18n'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport { toRef } from 'vue'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 72\nconst IMAGE_WIDTH = 128\n\nconst item = toRef(props, 'item')\n\nconst { asset, tableImageProperties, assetType, assetStatus } = useAssetItemActions(item)\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n</script>\n\n<template>\n  <tr\n    class=\"a-datatable__row\"\n    :class=\"{\n      'a-datatable__row--selected': item.selected,\n      'asset-list-table__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <td>\n      <VIcon\n        v-if=\"item.selected\"\n        icon=\"mdi-checkbox-outline\"\n        :size=\"20\"\n      />\n      <VIcon\n        v-else\n        icon=\"mdi-checkbox-blank-outline\"\n        :size=\"20\"\n      />\n    </td>\n    <td>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"tableImageProperties.url\"\n        :background-color=\"tableImageProperties.bgColor\"\n        :width=\"IMAGE_WIDTH\"\n        :height=\"IMAGE_HEIGHT\"\n        :icon-size=\"20\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n      />\n    </td>\n    <td>\n      {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n    </td>\n    <td>\n      <ADatetime :date-time=\"asset.createdAt\" />\n    </td>\n    <td>\n      <AssetImageMetaIcons\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :asset-type=\"assetType\"\n        disable-absolute\n      />\n    </td>\n    <td>\n      {{ asset.mainFile?.fileAttributes.mimeType }}\n    </td>\n    <td>\n      {{ prettyBytes(asset.mainFile?.fileAttributes.size || 0) }}\n    </td>\n  </tr>\n</template>\n\n<style lang=\"scss\">\n// Row of the asset shown in the side panel, outlined like the active tile.\n.asset-list-table__item--active {\n  outline: 1px solid blue;\n  outline-offset: -1px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectTableRowItem.js","names":["_sfc_main","AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTableRowItem_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useI18n } from 'vue-i18n'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport { toRef } from 'vue'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 72\nconst IMAGE_WIDTH = 128\n\nconst item = toRef(props, 'item')\n\nconst { asset, tableImageProperties, assetType, assetStatus, licenceBadge } = useAssetItemActions(item)\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n</script>\n\n<template>\n  <tr\n    class=\"a-datatable__row\"\n    :class=\"{\n      'a-datatable__row--selected': item.selected,\n      'asset-list-table__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <td>\n      <VIcon\n        v-if=\"item.selected\"\n        icon=\"mdi-checkbox-outline\"\n        :size=\"20\"\n      />\n      <VIcon\n        v-else\n        icon=\"mdi-checkbox-blank-outline\"\n        :size=\"20\"\n      />\n    </td>\n    <td>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"tableImageProperties.url\"\n        :background-color=\"tableImageProperties.bgColor\"\n        :width=\"IMAGE_WIDTH\"\n        :height=\"IMAGE_HEIGHT\"\n        :icon-size=\"20\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n      />\n    </td>\n    <td>\n      {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n    </td>\n    <td>\n      <ADatetime :date-time=\"asset.createdAt\" />\n    </td>\n    <td>\n      <AssetImageMetaIcons\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :asset-type=\"assetType\"\n        :licence-badge=\"licenceBadge\"\n        disable-absolute\n      />\n    </td>\n    <td>\n      {{ asset.mainFile?.fileAttributes.mimeType }}\n    </td>\n    <td>\n      {{ prettyBytes(asset.mainFile?.fileAttributes.size || 0) }}\n    </td>\n  </tr>\n</template>\n\n<style lang=\"scss\">\n// Row of the asset shown in the side panel, outlined like the active tile.\n.asset-list-table__item--active {\n  outline: 1px solid blue;\n  outline-offset: -1px;\n}\n</style>\n"],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,7 @@ var v = 72, y = 128, b = /*@__PURE__*/ l({
 	},
 	emits: ["itemClick"],
 	setup(l, { emit: b }) {
-		let x = l, S = b, { t: C } = g(), w = p(x, "item"), { asset: T, tableImageProperties: E, assetType: D, assetStatus: O } = t(w), k = () => {
+		let x = l, S = b, { t: C } = g(), w = p(x, "item"), { asset: T, tableImageProperties: E, assetType: D, assetStatus: O, licenceBadge: k } = t(w), A = () => {
 			S("itemClick", {
 				assetId: T.value.id,
 				index: x.index
@@ -30,7 +30,7 @@ var v = 72, y = 128, b = /*@__PURE__*/ l({
 				"a-datatable__row--selected": w.value.selected,
 				"asset-list-table__item--active": w.value.active
 			}]),
-			onClick: h(k, ["stop", "exact"])
+			onClick: h(A, ["stop", "exact"])
 		}, [
 			s("td", null, [w.value.selected ? (d(), a(_, {
 				key: 0,
@@ -61,8 +61,13 @@ var v = 72, y = 128, b = /*@__PURE__*/ l({
 			s("td", null, [c(n, {
 				"asset-file-properties": w.value.asset.assetFileProperties,
 				"asset-type": m(D),
+				"licence-badge": m(k),
 				"disable-absolute": ""
-			}, null, 8, ["asset-file-properties", "asset-type"])]),
+			}, null, 8, [
+				"asset-file-properties",
+				"asset-type",
+				"licence-badge"
+			])]),
 			s("td", null, f(m(T).mainFile?.fileAttributes.mimeType), 1),
 			s("td", null, f(m(i)(m(T).mainFile?.fileAttributes.size || 0)), 1)
 		], 2));

package/dist/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createBlock","_component_VIcon","_createVNode","AssetImagePreview","_unref","_toDisplayString","ADatetime","AssetImageMetaIcons","ADatetime_default","AssetImageMetaIcons_default","AssetImagePreview_default","IMAGE_HEIGHT","IMAGE_WIDTH","AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","item","toRef","useAssetItemActions","onItemClick","asset","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","createBlock","VIcon","createVNode","unref","assetType","assetStatus","tableImageProperties","toDisplayString","t","prettyBytes"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useI18n } from 'vue-i18n'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport { toRef } from 'vue'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 72\nconst IMAGE_WIDTH = 128\n\nconst item = toRef(props, 'item')\n\nconst { asset, tableImageProperties, assetType, assetStatus } = useAssetItemActions(item)\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n</script>\n\n<template>\n  <tr\n    class=\"a-datatable__row\"\n    :class=\"{\n      'a-datatable__row--selected': item.selected,\n      'asset-list-table__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <td>\n      <VIcon\n        v-if=\"item.selected\"\n        icon=\"mdi-checkbox-outline\"\n        :size=\"20\"\n      />\n      <VIcon\n        v-else\n        icon=\"mdi-checkbox-blank-outline\"\n        :size=\"20\"\n      />\n    </td>\n    <td>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"tableImageProperties.url\"\n        :background-color=\"tableImageProperties.bgColor\"\n        :width=\"IMAGE_WIDTH\"\n        :height=\"IMAGE_HEIGHT\"\n        :icon-size=\"20\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n      />\n    </td>\n    <td>\n      {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n    </td>\n    <td>\n      <ADatetime :date-time=\"asset.createdAt\" />\n    </td>\n    <td>\n      <AssetImageMetaIcons\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :asset-type=\"assetType\"\n        disable-absolute\n      />\n    </td>\n    <td>\n      {{ asset.mainFile?.fileAttributes.mimeType }}\n    </td>\n    <td>\n      {{ prettyBytes(asset.mainFile?.fileAttributes.size || 0) }}\n    </td>\n  </tr>\n</template>\n\n<style lang=\"scss\">\n// Row of the asset shown in the side panel, outlined like the active tile.\n.asset-list-table__item--active {\n  outline: 1px solid blue;\n  outline-offset: -1px;\n}\n</style>\n"],"mappings":";;;;;;;;;AA4BA,IAAMgB,IAAe,IACfC,IAAc,K;;;;;;;;;;;;EAlBpB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAKhBC,IAAOC,EAAML,GAAO,MAAM,GAE1B,EAAE,UAAO,yBAAsB,cAAW,mBAAgBM,EAAoBF,CAAI,GAElFG,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOR,EAAM;GAAM,CAAC;EACnE;E,kBAIEpB,EAAA,GAAAC,EAmDK,MAAA;GAlDH,OAAKC,EAAA,CAAC,oBAAkB;IACsB,8BAAAsB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAIzG,SAAKrB,EAAawB,GAAW,CAAA,QAAA,OAAA,CAAA;;GAE9BvB,EAWK,MAAA,MAAA,CATKoB,EAAA,MAAK,YADbxB,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;G,OAETN,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;;GAGXF,EAWK,MAAA,MAAA,CAVHG,EASEC,GAAA;IARC,cAAYC,EAAA6B,CAAA;IACZ,gBAAc7B,EAAA8B,CAAA;IACd,KAAK9B,EAAA+B,CAAA,CAAoB,CAAC;IAC1B,oBAAkB/B,EAAA+B,CAAA,CAAoB,CAAC;IACvC,OAAOvB;IACP,QAAQD;IACR,aAAW;IACX,mBAAiBA;;;;;;;GAGtBZ,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,MAAM,gBAAgBnB,EAAAiC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA;GAElCtC,EAEK,MAAA,MAAA,CADHG,EAA0CI,GAAA,EAA9B,aAAWF,EAAAmB,CAAA,CAAK,CAAC,U;GAE/BxB,EAMK,MAAA,MAAA,CALHG,EAIEK,GAAA;IAHC,yBAAuBY,EAAA,MAAK,MAAM;IAClC,cAAYf,EAAA6B,CAAA;IACb,oBAAA;;GAGJlC,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAQ,GAAA,CAAA;GAE5CxB,EAEK,MAAA,MAAAM,EADAD,EAAAkC,CAAA,CAAW,CAAClC,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAI,CAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"AssetSelectTableRowItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createBlock","_component_VIcon","_createVNode","AssetImagePreview","_unref","_toDisplayString","ADatetime","AssetImageMetaIcons","ADatetime_default","AssetImageMetaIcons_default","AssetImagePreview_default","IMAGE_HEIGHT","IMAGE_WIDTH","AssetSelectTableRowItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","item","toRef","useAssetItemActions","onItemClick","asset","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","createBlock","VIcon","createVNode","unref","assetType","assetStatus","tableImageProperties","toDisplayString","t","licenceBadge","prettyBytes"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTableRowItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useI18n } from 'vue-i18n'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ADatetime from '@/domains/ui/datetime/components/ADatetime.vue'\nimport { toRef } from 'vue'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 72\nconst IMAGE_WIDTH = 128\n\nconst item = toRef(props, 'item')\n\nconst { asset, tableImageProperties, assetType, assetStatus, licenceBadge } = useAssetItemActions(item)\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n</script>\n\n<template>\n  <tr\n    class=\"a-datatable__row\"\n    :class=\"{\n      'a-datatable__row--selected': item.selected,\n      'asset-list-table__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <td>\n      <VIcon\n        v-if=\"item.selected\"\n        icon=\"mdi-checkbox-outline\"\n        :size=\"20\"\n      />\n      <VIcon\n        v-else\n        icon=\"mdi-checkbox-blank-outline\"\n        :size=\"20\"\n      />\n    </td>\n    <td>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"tableImageProperties.url\"\n        :background-color=\"tableImageProperties.bgColor\"\n        :width=\"IMAGE_WIDTH\"\n        :height=\"IMAGE_HEIGHT\"\n        :icon-size=\"20\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n      />\n    </td>\n    <td>\n      {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n    </td>\n    <td>\n      <ADatetime :date-time=\"asset.createdAt\" />\n    </td>\n    <td>\n      <AssetImageMetaIcons\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :asset-type=\"assetType\"\n        :licence-badge=\"licenceBadge\"\n        disable-absolute\n      />\n    </td>\n    <td>\n      {{ asset.mainFile?.fileAttributes.mimeType }}\n    </td>\n    <td>\n      {{ prettyBytes(asset.mainFile?.fileAttributes.size || 0) }}\n    </td>\n  </tr>\n</template>\n\n<style lang=\"scss\">\n// Row of the asset shown in the side panel, outlined like the active tile.\n.asset-list-table__item--active {\n  outline: 1px solid blue;\n  outline-offset: -1px;\n}\n</style>\n"],"mappings":";;;;;;;;;AA4BA,IAAMgB,IAAe,IACfC,IAAc,K;;;;;;;;;;;;EAlBpB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAKhBC,IAAOC,EAAML,GAAO,MAAM,GAE1B,EAAE,UAAO,yBAAsB,cAAW,gBAAa,oBAAiBM,EAAoBF,CAAI,GAEhGG,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOR,EAAM;GAAM,CAAC;EACnE;E,kBAIEpB,EAAA,GAAAC,EAoDK,MAAA;GAnDH,OAAKC,EAAA,CAAC,oBAAkB;IACsB,8BAAAsB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAIzG,SAAKrB,EAAawB,GAAW,CAAA,QAAA,OAAA,CAAA;;GAE9BvB,EAWK,MAAA,MAAA,CATKoB,EAAA,MAAK,YADbxB,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;G,OAETN,EAAA,GAAAK,EAIEC,GAAA;;IAFA,MAAK;IACJ,MAAM;;GAGXF,EAWK,MAAA,MAAA,CAVHG,EASEC,GAAA;IARC,cAAYC,EAAA6B,CAAA;IACZ,gBAAc7B,EAAA8B,CAAA;IACd,KAAK9B,EAAA+B,CAAA,CAAoB,CAAC;IAC1B,oBAAkB/B,EAAA+B,CAAA,CAAoB,CAAC;IACvC,OAAOvB;IACP,QAAQD;IACR,aAAW;IACX,mBAAiBA;;;;;;;GAGtBZ,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,MAAM,gBAAgBnB,EAAAiC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA;GAElCtC,EAEK,MAAA,MAAA,CADHG,EAA0CI,GAAA,EAA9B,aAAWF,EAAAmB,CAAA,CAAK,CAAC,U;GAE/BxB,EAOK,MAAA,MAAA,CANHG,EAKEK,GAAA;IAJC,yBAAuBY,EAAA,MAAK,MAAM;IAClC,cAAYf,EAAA6B,CAAA;IACZ,iBAAe7B,EAAAkC,CAAA;IAChB,oBAAA;;;;;;GAGJvC,EAEK,MAAA,MAAAM,EADAD,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAQ,GAAA,CAAA;GAE5CxB,EAEK,MAAA,MAAAM,EADAD,EAAAmC,CAAA,CAAW,CAACnC,EAAAmB,CAAA,CAAK,CAAC,UAAU,eAAe,QAAI,CAAA,CAAA,GAAA,CAAA"}

package/dist/domains/dam/assetSelect/components/AssetSelectTilesItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTilesItem.js","names":["_sfc_main","AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTilesItem_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { toRef } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 200\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n\nconst item = toRef(props, 'item')\n\nconst { asset, assetType, assetStatus, imageProperties } = useAssetItemActions(item)\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles__item asset-list-tiles__item--pointer\"\n    :class=\"{\n      'asset-list-tiles__item--selected': item.selected,\n      'asset-list-tiles__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <div class=\"asset-list-tiles__item-card\">\n      <div\n        v-if=\"item.selected\"\n        class=\"asset-list-tiles__selected-triangle\"\n      >\n        <div class=\"asset-list-tiles__selected-triangle__bg\" />\n        <VIcon\n          class=\"asset-list-tiles__selected-triangle__icon\"\n          icon=\"mdi-check\"\n          color=\"white\"\n          size=\"large\"\n        />\n      </div>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"imageProperties.url\"\n        :background-color=\"imageProperties.bgColor\"\n        :width=\"imageProperties.width\"\n        :height=\"imageProperties.height\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :show-meta-icons=\"showMetaIcons\"\n      />\n      <div class=\"asset-list-tiles__item-text text-body-small px-2 py-1\">\n        <div class=\"d-flex align-center justify-space-between position-relative\">\n          <div\n            class=\"text-truncate\"\n            data-cy=\"asset-tile-title\"\n          >\n            {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectTilesItem.js","names":["_sfc_main","AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","AssetSelectTilesItem_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { toRef } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 200\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n\nconst item = toRef(props, 'item')\n\nconst { asset, assetType, assetStatus, imageProperties, licenceBadge } = useAssetItemActions(item)\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles__item asset-list-tiles__item--pointer\"\n    :class=\"{\n      'asset-list-tiles__item--selected': item.selected,\n      'asset-list-tiles__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <div class=\"asset-list-tiles__item-card\">\n      <div\n        v-if=\"item.selected\"\n        class=\"asset-list-tiles__selected-triangle\"\n      >\n        <div class=\"asset-list-tiles__selected-triangle__bg\" />\n        <VIcon\n          class=\"asset-list-tiles__selected-triangle__icon\"\n          icon=\"mdi-check\"\n          color=\"white\"\n          size=\"large\"\n        />\n      </div>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"imageProperties.url\"\n        :background-color=\"imageProperties.bgColor\"\n        :width=\"imageProperties.width\"\n        :height=\"imageProperties.height\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :show-meta-icons=\"showMetaIcons\"\n        :licence-badge=\"licenceBadge\"\n      />\n      <div class=\"asset-list-tiles__item-text text-body-small px-2 py-1\">\n        <div class=\"d-flex align-center justify-space-between position-relative\">\n          <div\n            class=\"text-truncate\"\n            data-cy=\"asset-tile-title\"\n          >\n            {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js

@@ -27,7 +27,7 @@ var h = { class: "asset-list-tiles__item-card" }, g = {
 				assetId: D.value.id,
 				index: S.index
 			});
-		}, E = u(S, "item"), { asset: D, assetType: O, assetStatus: k, imageProperties: A } = e(E);
+		}, E = u(S, "item"), { asset: D, assetType: O, assetStatus: k, imageProperties: A, licenceBadge: j } = e(E);
 		return (e, u) => (c(), r("div", {
 			class: s(["asset-list-tiles__item asset-list-tiles__item--pointer", {
 				"asset-list-tiles__item--selected": E.value.selected,
@@ -50,7 +50,8 @@ var h = { class: "asset-list-tiles__item-card" }, g = {
 				height: d(A).height,
 				"fallback-height": b,
 				"asset-file-properties": E.value.asset.assetFileProperties,
-				"show-meta-icons": o.showMetaIcons
+				"show-meta-icons": o.showMetaIcons,
+				"licence-badge": d(j)
 			}, null, 8, [
 				"asset-type",
 				"asset-status",
@@ -59,7 +60,8 @@ var h = { class: "asset-list-tiles__item-card" }, g = {
 				"width",
 				"height",
 				"asset-file-properties",
-				"show-meta-icons"
+				"show-meta-icons",
+				"licence-badge"
 			]),
 			i("div", _, [i("div", v, [i("div", y, l(d(D).texts.displayTitle || d(w)("common.damImage.asset.list.noTitle")), 1)])])
 		])], 2));

package/dist/domains/dam/assetSelect/components/AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_component_VIcon","_createCommentVNode","AssetImagePreview","_unref","_toDisplayString","AssetImagePreview_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","IMAGE_HEIGHT","AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","onItemClick","asset","item","toRef","useAssetItemActions","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","_cache","createVNode","VIcon","createCommentVNode","unref","assetType","assetStatus","imageProperties","toDisplayString","t"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { toRef } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 200\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n\nconst item = toRef(props, 'item')\n\nconst { asset, assetType, assetStatus, imageProperties } = useAssetItemActions(item)\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles__item asset-list-tiles__item--pointer\"\n    :class=\"{\n      'asset-list-tiles__item--selected': item.selected,\n      'asset-list-tiles__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <div class=\"asset-list-tiles__item-card\">\n      <div\n        v-if=\"item.selected\"\n        class=\"asset-list-tiles__selected-triangle\"\n      >\n        <div class=\"asset-list-tiles__selected-triangle__bg\" />\n        <VIcon\n          class=\"asset-list-tiles__selected-triangle__icon\"\n          icon=\"mdi-check\"\n          color=\"white\"\n          size=\"large\"\n        />\n      </div>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"imageProperties.url\"\n        :background-color=\"imageProperties.bgColor\"\n        :width=\"imageProperties.width\"\n        :height=\"imageProperties.height\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :show-meta-icons=\"showMetaIcons\"\n      />\n      <div class=\"asset-list-tiles__item-text text-body-small px-2 py-1\">\n        <div class=\"d-flex align-center justify-space-between position-relative\">\n          <div\n            class=\"text-truncate\"\n            data-cy=\"asset-tile-title\"\n          >\n            {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;A,GAyBMiB,IAAe,K;;;;;;;;;;;;EAjBrB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAIhBC,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOL,EAAM;GAAM,CAAC;EACnE,GAEMM,IAAOC,EAAMP,GAAO,MAAM,GAE1B,EAAE,UAAO,cAAW,gBAAa,uBAAoBQ,EAAoBF,CAAI;E,kBAIjF1B,EAAA,GAAAC,EA2CM,OAAA;GA1CJ,OAAKC,EAAA,CAAC,0DAAwD;IACV,oCAAAwB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAI/G,SAAKvB,EAAaqB,GAAW,CAAA,QAAA,OAAA,CAAA;E,IAE9BpB,EAkCM,OAlCNQ,GAkCM;GAhCIc,EAAA,MAAK,YADb1B,EAAA,GAAAC,EAWM,OAXNY,GAWM,CAPJ,AAAAqB,EAAA,OAAA9B,EAAuD,OAAA,EAAlD,OAAM,0CAAyC,GAAA,MAAA,EAAA,GACpDC,EAKEC,GAAA;IAJA,OAAM;IACN,MAAK;IACL,OAAM;IACN,MAAK;;GAGTD,EAUEG,GAAA;IATC,cAAYC,EAAA8B,CAAA;IACZ,gBAAc9B,EAAA+B,CAAA;IACd,KAAK/B,EAAAgC,CAAA,CAAe,CAAC;IACrB,oBAAkBhC,EAAAgC,CAAA,CAAe,CAAC;IAClC,OAAOhC,EAAAgC,CAAA,CAAe,CAAC;IACvB,QAAQhC,EAAAgC,CAAA,CAAe,CAAC;IACxB,mBAAiBxB;IACjB,yBAAuBS,EAAA,MAAK,MAAM;IAClC,mBAAiBL,EAAA;;;;;;;;;;;GAEpBjB,EASM,OATNU,GASM,CARJV,EAOM,OAPNW,GAOM,CANJX,EAKM,OALNY,GAKMN,EADDD,EAAAgB,CAAA,CAAK,CAAC,MAAM,gBAAgBhB,EAAAkC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA,C"}
+{"version":3,"file":"AssetSelectTilesItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_withModifiers","_createElementVNode","_createVNode","_component_VIcon","_createCommentVNode","AssetImagePreview","_unref","_toDisplayString","AssetImagePreview_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","IMAGE_HEIGHT","AssetSelectTilesItem_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","useI18n","onItemClick","asset","item","toRef","useAssetItemActions","openBlock","createElementBlock","normalizeClass","withModifiers","createElementVNode","_cache","createVNode","VIcon","createCommentVNode","unref","assetType","assetStatus","imageProperties","licenceBadge","toDisplayString","t"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectTilesItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useAssetItemActions } from '@/domains/dam/assetSelect/composables/assetSelectItemActions'\nimport AssetImagePreview from '@/domains/dam/assetSelect/components/AssetImagePreview.vue'\nimport type { DocId } from '@/shared/types/common'\nimport { toRef } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    item: AssetSelectListItem\n    showMetaIcons?: boolean\n  }>(),\n  {\n    showMetaIcons: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'itemClick', data: { assetId: DocId; index: number }): void\n}>()\n\nconst { t } = useI18n()\n\nconst IMAGE_HEIGHT = 200\n\nconst onItemClick = () => {\n  emit('itemClick', { assetId: asset.value.id, index: props.index })\n}\n\nconst item = toRef(props, 'item')\n\nconst { asset, assetType, assetStatus, imageProperties, licenceBadge } = useAssetItemActions(item)\n</script>\n\n<template>\n  <div\n    class=\"asset-list-tiles__item asset-list-tiles__item--pointer\"\n    :class=\"{\n      'asset-list-tiles__item--selected': item.selected,\n      'asset-list-tiles__item--active': item.active,\n    }\"\n    @click.stop.exact=\"onItemClick\"\n  >\n    <div class=\"asset-list-tiles__item-card\">\n      <div\n        v-if=\"item.selected\"\n        class=\"asset-list-tiles__selected-triangle\"\n      >\n        <div class=\"asset-list-tiles__selected-triangle__bg\" />\n        <VIcon\n          class=\"asset-list-tiles__selected-triangle__icon\"\n          icon=\"mdi-check\"\n          color=\"white\"\n          size=\"large\"\n        />\n      </div>\n      <AssetImagePreview\n        :asset-type=\"assetType\"\n        :asset-status=\"assetStatus\"\n        :src=\"imageProperties.url\"\n        :background-color=\"imageProperties.bgColor\"\n        :width=\"imageProperties.width\"\n        :height=\"imageProperties.height\"\n        :fallback-height=\"IMAGE_HEIGHT\"\n        :asset-file-properties=\"item.asset.assetFileProperties\"\n        :show-meta-icons=\"showMetaIcons\"\n        :licence-badge=\"licenceBadge\"\n      />\n      <div class=\"asset-list-tiles__item-text text-body-small px-2 py-1\">\n        <div class=\"d-flex align-center justify-space-between position-relative\">\n          <div\n            class=\"text-truncate\"\n            data-cy=\"asset-tile-title\"\n          >\n            {{ asset.texts.displayTitle || t('common.damImage.asset.list.noTitle') }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;A,GAyBMiB,IAAe,K;;;;;;;;;;;;EAjBrB,IAAMG,IAAQC,GAWRC,IAAOH,GAIP,EAAE,SAAMI,EAAQ,GAIhBC,UAAoB;GACxB,EAAK,aAAa;IAAE,SAASC,EAAM,MAAM;IAAI,OAAOL,EAAM;GAAM,CAAC;EACnE,GAEMM,IAAOC,EAAMP,GAAO,MAAM,GAE1B,EAAE,UAAO,cAAW,gBAAa,oBAAiB,oBAAiBQ,EAAoBF,CAAI;E,kBAI/F1B,EAAA,GAAAC,EA4CM,OAAA;GA3CJ,OAAKC,EAAA,CAAC,0DAAwD;IACV,oCAAAwB,EAAA,MAAK;IAAkD,kCAAAA,EAAA,MAAK;;GAI/G,SAAKvB,EAAaqB,GAAW,CAAA,QAAA,OAAA,CAAA;E,IAE9BpB,EAmCM,OAnCNQ,GAmCM;GAjCIc,EAAA,MAAK,YADb1B,EAAA,GAAAC,EAWM,OAXNY,GAWM,CAPJ,AAAAqB,EAAA,OAAA9B,EAAuD,OAAA,EAAlD,OAAM,0CAAyC,GAAA,MAAA,EAAA,GACpDC,EAKEC,GAAA;IAJA,OAAM;IACN,MAAK;IACL,OAAM;IACN,MAAK;;GAGTD,EAWEG,GAAA;IAVC,cAAYC,EAAA8B,CAAA;IACZ,gBAAc9B,EAAA+B,CAAA;IACd,KAAK/B,EAAAgC,CAAA,CAAe,CAAC;IACrB,oBAAkBhC,EAAAgC,CAAA,CAAe,CAAC;IAClC,OAAOhC,EAAAgC,CAAA,CAAe,CAAC;IACvB,QAAQhC,EAAAgC,CAAA,CAAe,CAAC;IACxB,mBAAiBxB;IACjB,yBAAuBS,EAAA,MAAK,MAAM;IAClC,mBAAiBL,EAAA;IACjB,iBAAeZ,EAAAiC,CAAA;;;;;;;;;;;;GAElBtC,EASM,OATNU,GASM,CARJV,EAOM,OAPNW,GAOM,CANJX,EAKM,OALNY,GAKMN,EADDD,EAAAgB,CAAA,CAAK,CAAC,MAAM,gBAAgBhB,EAAAmC,CAAA,CAAC,CAAA,oCAAA,CAAA,GAAA,CAAA,C"}

package/dist/domains/dam/assetSelect/composables/assetSelectItemActions.d.ts

@@ -1,6 +1,7 @@
 import { Ref } from 'vue';
 import { AssetSearchListItemDto } from '../../types/Asset';
 import { AssetSelectListItem } from '../store/assetSelectStore';
+/** Call it in the setup of a list item: the item inherits the DAM configuration of its asset select. */
 export declare function useAssetItemActions(item: Readonly<Ref<AssetSelectListItem>>): {
     asset: import('vue').ComputedRef<AssetSearchListItemDto>;
     assetType: import('vue').ComputedRef<import('../../types/Asset').DamAssetTypeType>;
@@ -27,4 +28,5 @@ export declare function useAssetItemActions(item: Readonly<Ref<AssetSelectListIt
         height: number;
         bgColor: string;
     }>;
+    licenceBadge: import('vue').ComputedRef<string>;
 };

package/dist/domains/dam/assetSelect/composables/assetSelectItemActions.js

@@ -1,36 +1,42 @@
-import { computed as e } from "vue";
+import { useCommonAdminCoreDamOptions as e } from "../../composables/commonAdminCoreDamOptions.js";
+import { inheritedDamConfigName as t } from "../../composables/damConfigName.js";
+import { useDamCachedAssetLicences as n } from "../../user/composables/cachedAssetLicences.js";
+import { computed as r, watch as i } from "vue";
 // src/domains/dam/assetSelect/composables/assetSelectItemActions.ts
-var t = 200, n = "#ccc";
-function r(r) {
-	let i = e(() => r.value.asset);
-	return {
-		asset: i,
-		assetType: e(() => i.value.attributes.assetType),
-		assetStatus: e(() => i.value.attributes.assetStatus),
-		imageProperties: e(() => i.value.mainFile && i.value.mainFile.links && i.value.mainFile.links.image_list ? {
-			url: i.value.mainFile.links.image_list.url,
-			width: i.value.mainFile.links.image_list.width,
-			height: i.value.mainFile.links.image_list.height,
-			bgColor: n
-		} : {
-			url: void 0,
-			width: void 0,
-			height: t,
-			bgColor: n
-		}),
-		tableImageProperties: e(() => i.value.mainFile && i.value.mainFile.links && i.value.mainFile.links.image_table ? {
-			url: i.value.mainFile.links.image_table.url,
-			width: i.value.mainFile.links.image_table.width,
-			height: i.value.mainFile.links.image_table.height,
-			bgColor: n
-		} : {
-			url: void 0,
-			width: void 0,
-			height: t,
-			bgColor: n
-		})
+var a = 200, o = "#ccc";
+function s(s) {
+	let c = r(() => s.value.asset), l = r(() => c.value.attributes.assetType), u = r(() => c.value.attributes.assetStatus), d = r(() => c.value.mainFile && c.value.mainFile.links && c.value.mainFile.links.image_list ? {
+		url: c.value.mainFile.links.image_list.url,
+		width: c.value.mainFile.links.image_list.width,
+		height: c.value.mainFile.links.image_list.height,
+		bgColor: o
+	} : {
+		url: void 0,
+		width: void 0,
+		height: a,
+		bgColor: o
+	}), f = r(() => c.value.mainFile && c.value.mainFile.links && c.value.mainFile.links.image_table ? {
+		url: c.value.mainFile.links.image_table.url,
+		width: c.value.mainFile.links.image_table.width,
+		height: c.value.mainFile.links.image_table.height,
+		bgColor: o
+	} : {
+		url: void 0,
+		width: void 0,
+		height: a,
+		bgColor: o
+	}), p = t(), { showLicenceBadgeEnabled: m } = e(p), { addToCachedAssetLicences: h, fetchCachedAssetLicences: g, getCachedAssetLicence: _ } = n(p);
+	return m && i(() => c.value.licence, (e) => {
+		h(e), g();
+	}, { immediate: !0 }), {
+		asset: c,
+		assetType: l,
+		assetStatus: u,
+		imageProperties: d,
+		tableImageProperties: f,
+		licenceBadge: r(() => m ? _(c.value.licence)?.badge ?? "" : "")
 	};
 }
-export { r as useAssetItemActions };
+export { s as useAssetItemActions };
 
 //# sourceMappingURL=assetSelectItemActions.js.map

package/dist/domains/dam/assetSelect/composables/assetSelectItemActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"assetSelectItemActions.js","names":["IMAGE_HEIGHT","IMAGE_BG_COLOR_DEFAULT","useAssetItemActions","asset","computed","item"],"sources":["../../../../../src/domains/dam/assetSelect/composables/assetSelectItemActions.ts"],"sourcesContent":["import { computed, type Ref } from 'vue'\nimport type { AssetSearchListItemDto } from '@/domains/dam/types/Asset'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\n\nconst IMAGE_HEIGHT = 200\nconst IMAGE_BG_COLOR_DEFAULT = '#ccc'\n\nexport function useAssetItemActions(item: Readonly<Ref<AssetSelectListItem>>) {\n  const asset = computed<AssetSearchListItemDto>(() => {\n    return item.value.asset\n  })\n\n  const assetType = computed(() => {\n    return asset.value.attributes.assetType\n  })\n\n  const assetStatus = computed(() => {\n    return asset.value.attributes.assetStatus\n  })\n\n  const imageProperties = computed(() => {\n    if (asset.value.mainFile && asset.value.mainFile.links && asset.value.mainFile.links.image_list) {\n      return {\n        url: asset.value.mainFile.links.image_list.url,\n        width: asset.value.mainFile.links.image_list.width,\n        height: asset.value.mainFile.links.image_list.height,\n        bgColor: IMAGE_BG_COLOR_DEFAULT,\n      }\n    }\n    return {\n      url: undefined,\n      width: undefined,\n      height: IMAGE_HEIGHT,\n      bgColor: IMAGE_BG_COLOR_DEFAULT,\n    }\n  })\n\n  const tableImageProperties = computed(() => {\n    if (asset.value.mainFile && asset.value.mainFile.links && asset.value.mainFile.links.image_table) {\n      return {\n        url: asset.value.mainFile.links.image_table.url,\n        width: asset.value.mainFile.links.image_table.width,\n        height: asset.value.mainFile.links.image_table.height,\n        bgColor: IMAGE_BG_COLOR_DEFAULT,\n      }\n    }\n    return {\n      url: undefined,\n      width: undefined,\n      height: IMAGE_HEIGHT,\n      bgColor: IMAGE_BG_COLOR_DEFAULT,\n    }\n  })\n\n  return {\n    asset,\n    assetType,\n    assetStatus,\n    imageProperties,\n    tableImageProperties,\n  }\n}\n"],"mappings":";;AAIA,IAAMA,IAAe,KACfC,IAAyB;AAE/B,SAAgBC,EAAoB,GAA0C;CAC5E,IAAMC,IAAQC,QACLC,EAAK,MAAM,KACnB;CA4CD,OAAO;EACL;EACA,WA5CgBD,QACTD,EAAM,MAAM,WAAW,SA2C9B;EACA,aAzCkBC,QACXD,EAAM,MAAM,WAAW,WAwC9B;EACA,iBAtCsBC,QAClBD,EAAM,MAAM,YAAYA,EAAM,MAAM,SAAS,SAASA,EAAM,MAAM,SAAS,MAAM,aAC5E;GACL,KAAKA,EAAM,MAAM,SAAS,MAAM,WAAW;GAC3C,OAAOA,EAAM,MAAM,SAAS,MAAM,WAAW;GAC7C,QAAQA,EAAM,MAAM,SAAS,MAAM,WAAW;GAC9C,SAASF;EACX,IAEK;GACL,KAAK,KAAA;GACL,OAAO,KAAA;GACP,QAAQD;GACR,SAASC;EACX,CAwBA;EACA,sBAtB2BG,QACvBD,EAAM,MAAM,YAAYA,EAAM,MAAM,SAAS,SAASA,EAAM,MAAM,SAAS,MAAM,cAC5E;GACL,KAAKA,EAAM,MAAM,SAAS,MAAM,YAAY;GAC5C,OAAOA,EAAM,MAAM,SAAS,MAAM,YAAY;GAC9C,QAAQA,EAAM,MAAM,SAAS,MAAM,YAAY;GAC/C,SAASF;EACX,IAEK;GACL,KAAK,KAAA;GACL,OAAO,KAAA;GACP,QAAQD;GACR,SAASC;EACX,CAQA;CACF;AACF"}
+{"version":3,"file":"assetSelectItemActions.js","names":["IMAGE_HEIGHT","IMAGE_BG_COLOR_DEFAULT","useAssetItemActions","asset","computed","item","assetType","assetStatus","imageProperties","tableImageProperties","configName","inheritedDamConfigName","useCommonAdminCoreDamOptions","useDamCachedAssetLicences","showLicenceBadgeEnabled","watch","addToCachedAssetLicences","licence","fetchCachedAssetLicences","getCachedAssetLicence"],"sources":["../../../../../src/domains/dam/assetSelect/composables/assetSelectItemActions.ts"],"sourcesContent":["import { computed, type Ref, watch } from 'vue'\nimport type { AssetSearchListItemDto } from '@/domains/dam/types/Asset'\nimport type { AssetSelectListItem } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { inheritedDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useDamCachedAssetLicences } from '@/domains/dam/user/composables/cachedAssetLicences'\n\nconst IMAGE_HEIGHT = 200\nconst IMAGE_BG_COLOR_DEFAULT = '#ccc'\n\n/** Call it in the setup of a list item: the item inherits the DAM configuration of its asset select. */\nexport function useAssetItemActions(item: Readonly<Ref<AssetSelectListItem>>) {\n  const asset = computed<AssetSearchListItemDto>(() => {\n    return item.value.asset\n  })\n\n  const assetType = computed(() => {\n    return asset.value.attributes.assetType\n  })\n\n  const assetStatus = computed(() => {\n    return asset.value.attributes.assetStatus\n  })\n\n  const imageProperties = computed(() => {\n    if (asset.value.mainFile && asset.value.mainFile.links && asset.value.mainFile.links.image_list) {\n      return {\n        url: asset.value.mainFile.links.image_list.url,\n        width: asset.value.mainFile.links.image_list.width,\n        height: asset.value.mainFile.links.image_list.height,\n        bgColor: IMAGE_BG_COLOR_DEFAULT,\n      }\n    }\n    return {\n      url: undefined,\n      width: undefined,\n      height: IMAGE_HEIGHT,\n      bgColor: IMAGE_BG_COLOR_DEFAULT,\n    }\n  })\n\n  const tableImageProperties = computed(() => {\n    if (asset.value.mainFile && asset.value.mainFile.links && asset.value.mainFile.links.image_table) {\n      return {\n        url: asset.value.mainFile.links.image_table.url,\n        width: asset.value.mainFile.links.image_table.width,\n        height: asset.value.mainFile.links.image_table.height,\n        bgColor: IMAGE_BG_COLOR_DEFAULT,\n      }\n    }\n    return {\n      url: undefined,\n      width: undefined,\n      height: IMAGE_HEIGHT,\n      bgColor: IMAGE_BG_COLOR_DEFAULT,\n    }\n  })\n\n  // The badge of the asset's licence, only where the configuration turns it on (`showLicenceBadgeEnabled`).\n  const configName = inheritedDamConfigName()\n  const { showLicenceBadgeEnabled } = useCommonAdminCoreDamOptions(configName)\n  const { addToCachedAssetLicences, fetchCachedAssetLicences, getCachedAssetLicence } =\n    useDamCachedAssetLicences(configName)\n  if (showLicenceBadgeEnabled) {\n    // The cache's fetch is debounced: the items of one list load their licences in one request.\n    watch(\n      () => asset.value.licence,\n      (licence) => {\n        addToCachedAssetLicences(licence)\n        fetchCachedAssetLicences()\n      },\n      { immediate: true }\n    )\n  }\n  const licenceBadge = computed(() =>\n    showLicenceBadgeEnabled ? (getCachedAssetLicence(asset.value.licence)?.badge ?? '') : ''\n  )\n\n  return {\n    asset,\n    assetType,\n    assetStatus,\n    imageProperties,\n    tableImageProperties,\n    licenceBadge,\n  }\n}\n"],"mappings":";;;;;AAOA,IAAMA,IAAe,KACfC,IAAyB;AAG/B,SAAgBC,EAAoB,GAA0C;CAC5E,IAAMC,IAAQC,QACLC,EAAK,MAAM,KACnB,GAEKC,IAAYF,QACTD,EAAM,MAAM,WAAW,SAC/B,GAEKI,IAAcH,QACXD,EAAM,MAAM,WAAW,WAC/B,GAEKK,IAAkBJ,QAClBD,EAAM,MAAM,YAAYA,EAAM,MAAM,SAAS,SAASA,EAAM,MAAM,SAAS,MAAM,aAC5E;EACL,KAAKA,EAAM,MAAM,SAAS,MAAM,WAAW;EAC3C,OAAOA,EAAM,MAAM,SAAS,MAAM,WAAW;EAC7C,QAAQA,EAAM,MAAM,SAAS,MAAM,WAAW;EAC9C,SAASF;CACX,IAEK;EACL,KAAK,KAAA;EACL,OAAO,KAAA;EACP,QAAQD;EACR,SAASC;CACX,CACD,GAEKQ,IAAuBL,QACvBD,EAAM,MAAM,YAAYA,EAAM,MAAM,SAAS,SAASA,EAAM,MAAM,SAAS,MAAM,cAC5E;EACL,KAAKA,EAAM,MAAM,SAAS,MAAM,YAAY;EAC5C,OAAOA,EAAM,MAAM,SAAS,MAAM,YAAY;EAC9C,QAAQA,EAAM,MAAM,SAAS,MAAM,YAAY;EAC/C,SAASF;CACX,IAEK;EACL,KAAK,KAAA;EACL,OAAO,KAAA;EACP,QAAQD;EACR,SAASC;CACX,CACD,GAGKS,IAAaC,EAAuB,GACpC,EAAE,+BAA4BC,EAA6BF,CAAU,GACrE,EAAE,6BAA0B,6BAA0B,6BAC1DG,EAA0BH,CAAU;CAgBtC,OAfII,KAEFC,QACQZ,EAAM,MAAM,UACjB,MAAY;EAEX,AADAa,EAAyBC,CAAO,GAChCC,EAAyB;CAC3B,GACA,EAAE,WAAW,GAAK,CACpB,GAMK;EACL;EACA;EACA;EACA;EACA;EACA,cAVmBd,QACnBU,IAA2BK,EAAsBhB,EAAM,MAAM,OAAO,CAAC,EAAE,SAAS,KAAM,EAStF;CACF;AACF"}

package/dist/domains/dam/assetSelect/composables/assetSelectListActions.d.ts

@@ -870,7 +870,7 @@ export declare function useAssetSelectActions(configName: string): {
                     };
                 } | undefined;
                 metadata: {
-                    exifData: [];
+                    exifData: Record<string, string | number | boolean | null>;
                     id: string;
                     createdAt: string;
                     modifiedAt: string;
@@ -1159,6 +1159,7 @@ export declare function useAssetSelectActions(configName: string): {
             mainFileSingleUse: Readonly<boolean | null>;
             mainFileInternal: Readonly<boolean | null>;
             mainFileOverrideInternal: Readonly<boolean | null>;
+            autoDeleteAt: Readonly<import('../../../../shared/types/common').DatetimeUTCNullable>;
             createdAt: import('../../../../shared/types/common').DatetimeUTC;
             modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
             modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;
@@ -1252,7 +1253,7 @@ export declare function useAssetSelectActions(configName: string): {
                     };
                 } | undefined;
                 metadata: {
-                    exifData: [];
+                    exifData: Record<string, string | number | boolean | null>;
                     id: string;
                     createdAt: string;
                     modifiedAt: string;
@@ -1541,6 +1542,7 @@ export declare function useAssetSelectActions(configName: string): {
             mainFileSingleUse: Readonly<boolean | null>;
             mainFileInternal: Readonly<boolean | null>;
             mainFileOverrideInternal: Readonly<boolean | null>;
+            autoDeleteAt: Readonly<import('../../../../shared/types/common').DatetimeUTCNullable>;
             createdAt: import('../../../../shared/types/common').DatetimeUTC;
             modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
             modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;