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

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

@@ -0,0 +1,301 @@
+import { isUndefined as e } from "../../../../shared/utils/common.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 { 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
+var C = {
+	key: 0,
+	class: "asset-image__progress"
+}, w = { class: "text-body-small text-center" }, T = {
+	key: 1,
+	class: "asset-image__progress"
+}, E = {
+	key: 0,
+	class: "text-body-small text-center"
+}, D = {
+	key: 2,
+	class: "asset-image__progress"
+}, O = { class: "text-body-small text-center" }, k = {
+	key: 0,
+	class: "font-weight-bold"
+}, A = {
+	key: 0,
+	class: "asset-image__icon-wrapper"
+}, j = {
+	key: 1,
+	class: "asset-image__progress asset-image__progress--animate-done"
+}, M = { class: "text-body-small text-center" }, N = {
+	key: 2,
+	class: "asset-image asset-image--img position-relative"
+}, P = [
+	"src",
+	"width",
+	"height"
+], F = {
+	key: 0,
+	class: "asset-image__icon-wrapper"
+}, I = {
+	key: 0,
+	class: "asset-image__icon-wrapper"
+}, L = {
+	key: 1,
+	class: "asset-image__progress asset-image__progress--animate-done"
+}, R = { class: "text-body-small text-center" }, z = /*@__PURE__*/ p({
+	__name: "AssetImage",
+	props: {
+		src: { default: void 0 },
+		assetType: { default: n.Image },
+		assetStatus: { default: t.WithFile },
+		backgroundColor: { default: "#ccc" },
+		width: { default: void 0 },
+		height: { default: void 0 },
+		fallbackHeight: { default: 200 },
+		iconSize: { default: 80 },
+		useComponent: {
+			type: Boolean,
+			default: !1
+		},
+		cover: {
+			type: Boolean,
+			default: !1
+		},
+		aspectRatio: { default: void 0 },
+		showUploading: {
+			type: Boolean,
+			default: !1
+		},
+		showProcessing: {
+			type: Boolean,
+			default: !1
+		},
+		showWaiting: {
+			type: Boolean,
+			default: !1
+		},
+		showDone: {
+			type: Boolean,
+			default: !1
+		},
+		uploadingColor: { default: "primary" },
+		processingColor: { default: "primary" },
+		disableProcessingText: {
+			type: Boolean,
+			default: !1
+		},
+		uploadingProgress: { default: null },
+		remainingTime: { default: null },
+		hideIcon: {
+			type: Boolean,
+			default: !1
+		},
+		showMetaIcons: {
+			type: Boolean,
+			default: !1
+		},
+		assetFileProperties: { default: void 0 },
+		showTts: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["load", "error"],
+	setup(p, { emit: z }) {
+		let B = p, V = z, { t: H } = y(), U = () => {
+			V("load");
+		}, W = () => {
+			V("error");
+		}, G = o(() => {
+			if (B.assetStatus === t.Deleting) return "mdi-trash-can";
+			switch (B.assetType) {
+				case n.Audio: return B.assetStatus === t.WithFile ? "mdi-music" : "mdi-music-off";
+				case n.Document: return B.assetStatus === t.WithFile ? "mdi-note" : "mdi-note-off";
+				case n.Video: return B.assetStatus === t.WithFile ? "mdi-video" : "mdi-video-off";
+				case n.Image: return B.assetStatus === t.WithFile ? "mdi-image" : "mdi-image-off";
+				default: return "";
+			}
+		}), K = o(() => {
+			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();
+		return (e, n) => p.showUploading || p.showProcessing || p.showWaiting ? (h(), s(S, {
+			key: 0,
+			"aspect-ratio": p.aspectRatio,
+			src: Y.value,
+			width: p.width,
+			height: p.height,
+			cover: p.cover,
+			class: "asset-image asset-image--loading-bg",
+			onError: W,
+			onLoad: U
+		}, {
+			placeholder: v(() => [...n[0] ||= []]),
+			default: v(() => [p.showWaiting ? (h(), l("div", C, [f(x, {
+				indeterminate: "",
+				size: p.iconSize,
+				width: p.iconSize / 10
+			}, null, 8, ["size", "width"]), u("div", w, g(_(H)("common.damImage.upload.waiting")), 1)])) : c("", !0), p.showProcessing ? (h(), l("div", T, [f(x, {
+				color: p.processingColor,
+				indeterminate: "",
+				size: p.iconSize,
+				width: p.iconSize / 10,
+				class: "ml-auto mr-auto"
+			}, null, 8, [
+				"color",
+				"size",
+				"width"
+			]), p.disableProcessingText ? c("", !0) : (h(), l("div", E, g(_(H)("common.damImage.upload.processing")), 1))])) : p.showUploading ? (h(), l("div", D, [f(x, {
+				color: p.uploadingColor,
+				size: p.iconSize,
+				width: p.iconSize / 10,
+				class: "ml-auto mr-auto",
+				"model-value": p.uploadingProgress === null ? void 0 : p.uploadingProgress
+			}, {
+				default: v(() => [d(g(K.value), 1)]),
+				_: 1
+			}, 8, [
+				"color",
+				"size",
+				"width",
+				"model-value"
+			]), u("div", O, [d(g(_(H)("common.damImage.upload.uploading")) + " ", 1), p.remainingTime ? (h(), l("span", k, g(_(Z)(p.remainingTime)), 1)) : c("", !0)])])) : c("", !0)]),
+			_: 1
+		}, 8, [
+			"aspect-ratio",
+			"src",
+			"width",
+			"height",
+			"cover"
+		])) : p.assetStatus === _(t).WithFile && p.src && p.useComponent ? (h(), s(S, {
+			key: 1,
+			src: Y.value,
+			width: p.width,
+			height: p.height,
+			class: "asset-image asset-image--component position-relative",
+			cover: p.cover,
+			"aspect-ratio": p.aspectRatio,
+			onLoad: U,
+			onError: W
+		}, {
+			placeholder: v(() => [...n[1] ||= []]),
+			default: v(() => [
+				X.value ? (h(), l("div", A, [u("div", {
+					class: "asset-image__icon-circle",
+					style: m({ padding: p.iconSize / 4 + "px" })
+				}, [G.value.length ? (h(), s(b, {
+					key: 0,
+					size: p.iconSize,
+					icon: G.value,
+					color: J.value
+				}, null, 8, [
+					"size",
+					"icon",
+					"color"
+				])) : c("", !0)], 4)])) : c("", !0),
+				p.showDone ? (h(), l("div", j, [f(b, {
+					icon: "mdi-check-circle",
+					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, {
+					key: 2,
+					"asset-file-properties": p.assetFileProperties,
+					"asset-type": p.assetType,
+					"show-tts": p.showTts
+				}, null, 8, [
+					"asset-file-properties",
+					"asset-type",
+					"show-tts"
+				])) : c("", !0)
+			]),
+			_: 1
+		}, 8, [
+			"src",
+			"width",
+			"height",
+			"cover",
+			"aspect-ratio"
+		])) : p.assetStatus === _(t).WithFile && p.src ? (h(), l("div", N, [
+			u("img", {
+				src: Y.value,
+				width: p.width,
+				height: p.height,
+				alt: "",
+				style: m("background-color:" + q.value),
+				onOnerror: W
+			}, null, 44, P),
+			X.value ? (h(), l("div", F, [u("div", {
+				class: "asset-image__icon-circle",
+				style: m({ padding: p.iconSize / 4 + "px" })
+			}, [G.value.length ? (h(), s(b, {
+				key: 0,
+				size: p.iconSize,
+				icon: G.value,
+				color: J.value,
+				class: "asset-image__icon"
+			}, null, 8, [
+				"size",
+				"icon",
+				"color"
+			])) : c("", !0)], 4)])) : c("", !0),
+			p.showMetaIcons && p.assetFileProperties ? (h(), s(i, {
+				key: 1,
+				"asset-file-properties": p.assetFileProperties,
+				"asset-type": p.assetType,
+				"show-tts": p.showTts
+			}, null, 8, [
+				"asset-file-properties",
+				"asset-type",
+				"show-tts"
+			])) : c("", !0)
+		])) : (h(), l("div", {
+			key: 3,
+			style: m({
+				height: p.fallbackHeight + "px",
+				backgroundColor: q.value,
+				width: p.width + "px"
+			}),
+			class: "asset-image asset-image--placeholder d-flex align-center justify-center"
+		}, [
+			X.value ? (h(), l("div", I, [u("div", {
+				class: "asset-image__icon-circle",
+				style: m({ padding: p.iconSize / 4 + "px" })
+			}, [G.value.length ? (h(), s(b, {
+				key: 0,
+				size: p.iconSize,
+				icon: G.value,
+				color: J.value,
+				class: "asset-image__icon"
+			}, null, 8, [
+				"size",
+				"icon",
+				"color"
+			])) : c("", !0)], 4)])) : c("", !0),
+			p.showDone ? (h(), l("div", L, [f(b, {
+				icon: "mdi-check-circle",
+				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, {
+				key: 2,
+				"asset-file-properties": p.assetFileProperties,
+				"asset-type": p.assetType,
+				"show-tts": p.showTts
+			}, null, 8, [
+				"asset-file-properties",
+				"asset-type",
+				"show-tts"
+			])) : 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

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

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

@@ -0,0 +1,8 @@
+import e from "./AssetImageMetaIcons.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                    */
+//#region 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

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

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

@@ -0,0 +1,17 @@
+import { AssetFileProperties, DamAssetTypeType } from '../../types/Asset';
+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. */
+    showTts?: boolean;
+    /** The DAM configuration whose distribution services name the icons; inherited when not given. */
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disableAbsolute: boolean;
+    showTts: boolean;
+    configName: 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

@@ -0,0 +1,58 @@
+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({
+	__name: "AssetImageMetaIcons",
+	props: {
+		assetType: {},
+		assetFileProperties: {},
+		disableAbsolute: {
+			type: Boolean,
+			default: !1
+		},
+		showTts: {
+			type: Boolean,
+			default: !1
+		},
+		configName: { default: void 0 }
+	},
+	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));
+						break;
+					}
+				}
+			}
+		}, C = (e, t) => {
+			for (let n of y.assetFileProperties.distributesInServices) {
+				let r = b.damPrvConfig.distributionServices[n], i = r?.iconPath;
+				r && i && i.length > 0 && !e.includes(i) && (e.push(i), t.push(r.title));
+			}
+		}, w = l(() => {
+			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), {
+				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]]);
+	}
+});
+//#endregion
+export { y 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

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

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

@@ -0,0 +1,7 @@
+import e from "./AssetInfobox.vue_vue_type_script_setup_true_lang.js";
+//#region 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

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

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

@@ -0,0 +1,13 @@
+import { AssetFileFailReasonType, AssetFileProcessStatusType } from '../../types/AssetFile';
+import { DamAssetStatusType } from '../../types/Asset';
+type __VLS_Props = {
+    assetStatus: DamAssetStatusType;
+    assetMainFileStatus?: AssetFileProcessStatusType | undefined;
+    assetMainFileFailReason?: AssetFileFailReasonType | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    assetMainFileStatus: AssetFileProcessStatusType;
+    assetMainFileFailReason: AssetFileFailReasonType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,47 @@
+import { DamAssetStatus as e } from "../../types/Asset.js";
+import { AssetFileFailReason as t, AssetFileProcessStatus as n } from "../../types/AssetFile.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
+var _ = {
+	key: 0,
+	class: "w-100 pa-2 text-body-small"
+}, v = {
+	key: 1,
+	class: "w-100 pa-2 text-body-small"
+}, y = { key: 0 }, b = {
+	key: 2,
+	class: "w-100 pa-2 text-body-small"
+}, x = {
+	key: 3,
+	class: "w-100 pa-2 text-body-small"
+}, S = /*@__PURE__*/ u({
+	__name: "AssetInfobox",
+	props: {
+		assetStatus: {},
+		assetMainFileStatus: { default: void 0 },
+		assetMainFileFailReason: { default: void 0 }
+	},
+	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" }, {
+			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)]),
+			_: 1
+		})])) : u.assetStatus === p(e).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" }, {
+			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

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

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

@@ -0,0 +1,7 @@
+import e from "./AssetMetadata.vue_vue_type_script_setup_true_lang.js";
+//#region 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

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

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

@@ -0,0 +1,18 @@
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    extSystem: IntegerId;
+    readonly?: boolean;
+    configName?: string;
+    showEditButton?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    editInDam: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEditInDam?: (() => any) | undefined;
+}>, {
+    readonly: boolean;
+    configName: string;
+    showEditButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;