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

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

@@ -0,0 +1,200 @@
+import e from "../../../ui/components/ABooleanValue.js";
+import t from "../../../ui/components/ARow.js";
+import n from "../../../form/components/ASystemEntityScope.js";
+import { DamAssetTypeDefault as r } from "../../types/Asset.js";
+import { useCommonAdminCoreDamOptions as i } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as a } from "../../composables/damConfigName.js";
+import { useAssetDetailStore as ee } from "../store/assetDetailStore.js";
+import { useDamCachedAuthors as o } from "../../author/composables/cachedAuthors.js";
+import { useDamCachedUsers as s } from "../../author/composables/cachedUsers.js";
+import { ADamAssetMetadataValidationScopeSymbol as c } from "../../composables/uploadValidations.js";
+import te from "./AssetCustomMetadataForm.js";
+import l from "./AssetFileInfoPanel.js";
+import { useAssetSuggestions as u } from "../../uploadQueue/composables/assetSuggestions.js";
+import d from "../../author/components/AuthorRemoteAutocompleteWithCached.js";
+import f from "../../keyword/components/KeywordRemoteAutocompleteWithCached.js";
+import { useDamKeywordAssetTypeConfig as p } from "../../keyword/composables/damKeywordConfig.js";
+import { useDamAuthorAssetTypeConfig as m } from "../../author/composables/damAuthorConfig.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createTextVNode as b, createVNode as x, defineComponent as S, isRef as ne, openBlock as C, ref as re, toDisplayString as ie, unref as w, watch as T, withCtx as E } from "vue";
+import { useI18n as D } from "vue-i18n";
+import { VCol as O, VRow as k } from "vuetify/components/VGrid";
+import { VBtn as A } from "vuetify/components/VBtn";
+import { VSwitch as j } from "vuetify/components/VSwitch";
+import { storeToRefs as M } from "pinia";
+import { VExpansionPanel as N, VExpansionPanelText as P, VExpansionPanels as F } from "vuetify/components/VExpansionPanel";
+//#region src/domains/dam/assetDetail/components/AssetMetadata.vue?vue&type=script&setup=true&lang.ts
+var I = /*@__PURE__*/ S({
+	__name: "AssetMetadata",
+	props: {
+		extSystem: {},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		configName: { default: void 0 },
+		showEditButton: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["editInDam"],
+	setup(S, { emit: I }) {
+		let L = S, R = I, z = a(L.configName), { t: B } = D(), V = re(["metadata", "file"]), H = ee(), { asset: U, metadataAreTouched: W, mainFileSingleUse: G } = M(H), K = g(() => U.value?.attributes.assetType || r), { authorRequired: q, authorEnabled: J } = m(K.value, L.extSystem, z), { getAuthorConflicts: Y } = u(), { addToCachedAuthors: ae, fetchCachedAuthors: oe } = o(z), X = g(() => L.readonly || !J.value || !U.value ? [] : Y(U.value.metadata.authorSuggestions ?? {}));
+		T(X, (e) => {
+			e.length !== 0 && (ae(e), oe());
+		}, { immediate: !0 });
+		let Z = () => {
+			W.value = !0;
+		}, { keywordRequired: se, keywordEnabled: Q } = p(K.value, L.extSystem, z), { mainFileSingleUseEnabled: ce, showFileInfoEnabled: $, editAssetLabel: le } = i(z), { addToCachedUsers: ue, fetchCachedUsers: de } = s(z);
+		return T([() => U.value?.createdBy, () => U.value?.modifiedBy], ([e, t]) => {
+			$ && (e || t) && (ue(e, t), de());
+		}, { immediate: !0 }), (r, i) => (C(), y(h, null, [S.showEditButton && w(U) ? (C(), _(A, {
+			key: 0,
+			size: "small",
+			class: "ma-2",
+			onClick: i[0] ||= (e) => R("editInDam")
+		}, {
+			default: E(() => [b(ie(w(le)), 1)]),
+			_: 1
+		})) : v("", !0), w(U) ? (C(), _(F, {
+			key: 1,
+			modelValue: V.value,
+			"onUpdate:modelValue": i[5] ||= (e) => V.value = e,
+			multiple: "",
+			class: "v-expansion-panels--compact"
+		}, {
+			default: E(() => [x(N, {
+				elevation: "0",
+				title: w(B)("common.damImage.asset.detail.info.metadata"),
+				value: "metadata"
+			}, {
+				default: E(() => [x(P, null, {
+					default: E(() => [w(U) ? (C(), _(te, {
+						key: 0,
+						modelValue: w(U).metadata.customData,
+						"onUpdate:modelValue": i[4] ||= (e) => w(U).metadata.customData = e,
+						"ext-system": S.extSystem,
+						"asset-type": K.value,
+						readonly: S.readonly,
+						onAnyChange: Z
+					}, {
+						"after-pinned": E(() => [
+							w(Q) ? (C(), _(k, {
+								key: 0,
+								density: "compact",
+								class: "my-2"
+							}, {
+								default: E(() => [x(O, null, {
+									default: E(() => [x(n, {
+										subject: "keyword",
+										system: "dam"
+									}, {
+										default: E(() => [x(f, {
+											modelValue: w(U).keywords,
+											"onUpdate:modelValue": [i[1] ||= (e) => w(U).keywords = e, Z],
+											"ext-system": S.extSystem,
+											label: w(B)("common.damImage.asset.model.keywords"),
+											"data-cy": "custom-field-keywords",
+											clearable: "",
+											multiple: "",
+											disabled: S.readonly,
+											required: w(se),
+											"validation-scope": w(c)
+										}, null, 8, [
+											"modelValue",
+											"ext-system",
+											"label",
+											"disabled",
+											"required",
+											"validation-scope"
+										])]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})) : v("", !0),
+							w(J) ? (C(), _(k, {
+								key: 1,
+								density: "compact",
+								class: "my-2"
+							}, {
+								default: E(() => [x(O, null, {
+									default: E(() => [x(n, {
+										subject: "author",
+										system: "dam"
+									}, {
+										default: E(() => [x(d, {
+											modelValue: w(U).authors,
+											"onUpdate:modelValue": [i[2] ||= (e) => w(U).authors = e, Z],
+											"ext-system": S.extSystem,
+											label: w(B)("common.damImage.asset.model.authors"),
+											"author-conflicts": X.value,
+											"data-cy": "custom-field-authors",
+											clearable: "",
+											multiple: "",
+											disabled: S.readonly,
+											required: w(q),
+											"validation-scope": w(c)
+										}, null, 8, [
+											"modelValue",
+											"ext-system",
+											"label",
+											"author-conflicts",
+											"disabled",
+											"required",
+											"validation-scope"
+										])]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})) : v("", !0),
+							w(ce) ? (C(), _(k, {
+								key: 2,
+								density: "compact",
+								class: "my-2"
+							}, {
+								default: E(() => [x(O, null, {
+									default: E(() => [S.readonly ? (C(), _(t, {
+										key: 0,
+										title: w(B)("common.damImage.asset.model.mainFileSingleUse")
+									}, {
+										default: E(() => [x(e, { value: w(G) }, null, 8, ["value"])]),
+										_: 1
+									}, 8, ["title"])) : (C(), _(j, {
+										key: 1,
+										modelValue: w(G),
+										"onUpdate:modelValue": i[3] ||= (e) => ne(G) ? G.value = e : null,
+										label: w(B)("common.damImage.asset.model.mainFileSingleUse")
+									}, null, 8, ["modelValue", "label"]))]),
+									_: 1
+								})]),
+								_: 1
+							})) : v("", !0)
+						]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"ext-system",
+						"asset-type",
+						"readonly"
+					])) : v("", !0)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["title"]), w($) ? (C(), _(l, {
+				key: 0,
+				asset: w(U),
+				"show-users": "",
+				style: { "overflow-wrap": "normal" }
+			}, null, 8, ["asset"])) : v("", !0)]),
+			_: 1
+		}, 8, ["modelValue"])) : v("", !0)], 64));
+	}
+});
+//#endregion
+export { I as default };
+
+//# sourceMappingURL=AssetMetadata.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetMetadata.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_unref","_createBlock","_component_VBtn","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_component_VExpansionPanels","_createVNode","_component_VExpansionPanel","_component_VExpansionPanelText","AssetCustomMetadataForm","_component_VRow","_component_VCol","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","AuthorRemoteAutocompleteWithCached","ARow","ABooleanValue","_component_VSwitch","_isRef","AssetFileInfoPanel","ABooleanValue_default","ARow_default","ASystemEntityScope_default","AssetCustomMetadataForm_default","AssetFileInfoPanel_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","AssetMetadata_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","panels","ref","assetDetailStore","useAssetDetailStore","storeToRefs","assetType","computed","asset","DamAssetTypeDefault","useDamAuthorAssetTypeConfig","useAssetSuggestions","useDamCachedAuthors","authorConflicts","authorEnabled","getAuthorConflicts","conflicts","addToCachedAuthors","fetchCachedAuthors","onAnyMetadataChange","useDamKeywordAssetTypeConfig","useCommonAdminCoreDamOptions","useDamCachedUsers","watch","createdBy","modifiedBy","showFileInfoEnabled","addToCachedUsers","fetchCachedUsers","openBlock","createElementBlock","Fragment","unref","createBlock","VBtn","_cache","withCtx","createTextVNode","toDisplayString","editAssetLabel","createCommentVNode","VExpansionPanels","$event","createVNode","VExpansionPanel","t","VExpansionPanelText","keywordEnabled","VRow","VCol","keywordRequired","ADamAssetMetadataValidationScopeSymbol","authorRequired","mainFileSingleUseEnabled","mainFileSingleUse","VSwitch","isRef"],"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":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetMetadataImageAttributes.js","names":["_sfc_main","AssetMetadataImageAttributes_vue_vue_type_script_setup_true_lang_default","AssetMetadataImageAttributes_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport AColorBox from '@/domains/dam/assetDetail/components/AColorBox.vue'\nimport type { AssetFileImage } from '@/domains/dam/types/AssetFile'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\n\nwithDefaults(\n  defineProps<{\n    file: AssetFileImage\n  }>(),\n  {}\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.dominantColor') }}\n    </VCol>\n    <VCol cols=\"9\">\n      <AColorBox :color=\"file.imageAttributes.mostDominantColor\" />\n    </VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.width') }}\n    </VCol>\n    <VCol cols=\"9\">{{ file.imageAttributes.width }} px</VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.height') }}\n    </VCol>\n    <VCol cols=\"9\">{{ file.imageAttributes.height }} px</VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.ratio') }}\n    </VCol>\n    <VCol cols=\"9\"> {{ file.imageAttributes.ratioWidth }} / {{ file.imageAttributes.ratioHeight }} </VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.animated') }}\n    </VCol>\n    <VCol cols=\"9\">\n      <ABooleanValue :value=\"file.imageAttributes.animated\" />\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+import { AssetFileImage } from '../../types/AssetFile';
+type __VLS_Props = {
+    file: AssetFileImage;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,69 @@
+import e from "../../../ui/components/ABooleanValue.js";
+import t from "./AColorBox.js";
+import { Fragment as n, createElementBlock as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, toDisplayString as c, unref as l, withCtx as u } from "vue";
+import { useI18n as d } from "vue-i18n";
+import { VCol as f, VRow as p } from "vuetify/components/VGrid";
+//#region src/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue?vue&type=script&setup=true&lang.ts
+var m = /*@__PURE__*/ o({
+	__name: "AssetMetadataImageAttributes",
+	props: { file: {} },
+	setup(o) {
+		let { t: m } = d();
+		return (d, h) => (s(), r(n, null, [
+			a(p, null, {
+				default: u(() => [a(f, { cols: "3" }, {
+					default: u(() => [i(c(l(m)("common.damImage.asset.detail.info.field.dominantColor")), 1)]),
+					_: 1
+				}), a(f, { cols: "9" }, {
+					default: u(() => [a(t, { color: o.file.imageAttributes.mostDominantColor }, null, 8, ["color"])]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(p, null, {
+				default: u(() => [a(f, { cols: "3" }, {
+					default: u(() => [i(c(l(m)("common.damImage.asset.detail.info.field.width")), 1)]),
+					_: 1
+				}), a(f, { cols: "9" }, {
+					default: u(() => [i(c(o.file.imageAttributes.width) + " px", 1)]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(p, null, {
+				default: u(() => [a(f, { cols: "3" }, {
+					default: u(() => [i(c(l(m)("common.damImage.asset.detail.info.field.height")), 1)]),
+					_: 1
+				}), a(f, { cols: "9" }, {
+					default: u(() => [i(c(o.file.imageAttributes.height) + " px", 1)]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(p, null, {
+				default: u(() => [a(f, { cols: "3" }, {
+					default: u(() => [i(c(l(m)("common.damImage.asset.detail.info.field.ratio")), 1)]),
+					_: 1
+				}), a(f, { cols: "9" }, {
+					default: u(() => [i(c(o.file.imageAttributes.ratioWidth) + " / " + c(o.file.imageAttributes.ratioHeight), 1)]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			a(p, null, {
+				default: u(() => [a(f, { cols: "3" }, {
+					default: u(() => [i(c(l(m)("common.damImage.asset.detail.info.field.animated")), 1)]),
+					_: 1
+				}), a(f, { cols: "9" }, {
+					default: u(() => [a(e, { value: o.file.imageAttributes.animated }, null, 8, ["value"])]),
+					_: 1
+				})]),
+				_: 1
+			})
+		], 64));
+	}
+});
+//#endregion
+export { m as default };
+
+//# sourceMappingURL=AssetMetadataImageAttributes.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetMetadataImageAttributes.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_component_VRow","_withCtx","_component_VCol","_createTextVNode","_toDisplayString","_unref","AColorBox","ABooleanValue","ABooleanValue_default","AColorBox_default","AssetMetadataImageAttributes_vue_vue_type_script_setup_true_lang_default","useI18n","openBlock","createElementBlock","Fragment","createVNode","VRow","withCtx","VCol","createTextVNode","toDisplayString","unref","t","__props"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport AColorBox from '@/domains/dam/assetDetail/components/AColorBox.vue'\nimport type { AssetFileImage } from '@/domains/dam/types/AssetFile'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\n\nwithDefaults(\n  defineProps<{\n    file: AssetFileImage\n  }>(),\n  {}\n)\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.dominantColor') }}\n    </VCol>\n    <VCol cols=\"9\">\n      <AColorBox :color=\"file.imageAttributes.mostDominantColor\" />\n    </VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.width') }}\n    </VCol>\n    <VCol cols=\"9\">{{ file.imageAttributes.width }} px</VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.height') }}\n    </VCol>\n    <VCol cols=\"9\">{{ file.imageAttributes.height }} px</VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.ratio') }}\n    </VCol>\n    <VCol cols=\"9\"> {{ file.imageAttributes.ratioWidth }} / {{ file.imageAttributes.ratioHeight }} </VCol>\n  </VRow>\n  <VRow>\n    <VCol cols=\"3\">\n      {{ t('common.damImage.asset.detail.info.field.animated') }}\n    </VCol>\n    <VCol cols=\"9\">\n      <ABooleanValue :value=\"file.imageAttributes.animated\" />\n    </VCol>\n  </VRow>\n</template>\n"],"mappings":";;;;;;;;;;EAaA,IAAM,EAAE,SAAMe,EAAQ;;GAIpBZ,EAOOC,GAAA,MAAA;IANL,SAAAC,QAEO,CAFPF,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;KACZ,SAAAD,QAAgE,CAA7DE,EAAAC,EAAAC,EAAAiB,CAAA,CAAC,CAAA,uDAAA,CAAA,GAAA,CAAA,C;;I,IAENvB,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;KACZ,SAAAD,QAA6D,CAA7DF,EAA6DO,GAAA,EAAjD,OAAOiB,EAAA,KAAK,gBAAgB,kB;;;;;GAG5CxB,EAKOC,GAAA,MAAA;IAJL,SAAAC,QAEO,CAFPF,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;KACZ,SAAAD,QAAwD,CAArDE,EAAAC,EAAAC,EAAAiB,CAAA,CAAC,CAAA,+CAAA,CAAA,GAAA,CAAA,C;;I,IAENvB,EAAyDG,GAAA,EAAnD,MAAK,IAAG,GAAA;KAAC,SAAAD,QAAgC,CAA7BE,EAAAC,EAAAmB,EAAA,KAAK,gBAAgB,KAAK,IAAG,OAAG,CAAA,C;;;;;GAEpDxB,EAKOC,GAAA,MAAA;IAJL,SAAAC,QAEO,CAFPF,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;KACZ,SAAAD,QAAyD,CAAtDE,EAAAC,EAAAC,EAAAiB,CAAA,CAAC,CAAA,gDAAA,CAAA,GAAA,CAAA,C;;I,IAENvB,EAA0DG,GAAA,EAApD,MAAK,IAAG,GAAA;KAAC,SAAAD,QAAiC,CAA9BE,EAAAC,EAAAmB,EAAA,KAAK,gBAAgB,MAAM,IAAG,OAAG,CAAA,C;;;;;GAErDxB,EAKOC,GAAA,MAAA;IAJL,SAAAC,QAEO,CAFPF,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;KACZ,SAAAD,QAAwD,CAArDE,EAAAC,EAAAC,EAAAiB,CAAA,CAAC,CAAA,+CAAA,CAAA,GAAA,CAAA,C;;I,IAENvB,EAAsGG,GAAA,EAAhG,MAAK,IAAG,GAAA;KAAE,SAAAD,QAAqC,CAAlCE,EAAAC,EAAAmB,EAAA,KAAK,gBAAgB,UAAU,IAAG,QAAGnB,EAAGmB,EAAA,KAAK,gBAAgB,WAAW,GAAA,CAAA,C;;;;;GAE7FxB,EAOOC,GAAA,MAAA;IANL,SAAAC,QAEO,CAFPF,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;KACZ,SAAAD,QAA2D,CAAxDE,EAAAC,EAAAC,EAAAiB,CAAA,CAAC,CAAA,kDAAA,CAAA,GAAA,CAAA,C;;I,IAENvB,EAEOG,GAAA,EAFD,MAAK,IAAG,GAAA;KACZ,SAAAD,QAAwD,CAAxDF,EAAwDQ,GAAA,EAAxC,OAAOgB,EAAA,KAAK,gBAAgB,S"}

package/dist/domains/dam/assetDetail/composables/assetDetailExtSystem.d.ts

@@ -0,0 +1,12 @@
+import { AxiosInstance } from 'axios';
+import { DamAssetTypeType } from '../../types/Asset';
+import { IntegerId } from '../../../../shared/types/common';
+/**
+ * Loads what the detail of an asset of the type `assetType` reads of the ext system `extSystem` as it draws, and throws
+ * without: the configuration of the ext system and the custom fields of its assets, each one the DAM configuration
+ * store of `configName` has not got yet. Of the custom fields, every type where the store has none of the ext system,
+ * else the type `assetType` alone where its read failed before. A load that fails, or leaves that type not loaded,
+ * rejects with an `AnzuFatalError`, which the alerts say as an unknown error: the loaders reject with `false`, which
+ * they do not say.
+ */
+export declare function loadAssetDetailExtSystem(client: () => AxiosInstance, extSystem: IntegerId, assetType: DamAssetTypeType, configName: string): Promise<void>;

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

@@ -0,0 +1,19 @@
+import { isUndefined as e } from "../../../../shared/utils/common.js";
+import { AnzuFatalError as t } from "../../../../shared/error/AnzuFatalError.js";
+import { useDamConfigState as n } from "../../config/composables/damConfigState.js";
+//#region src/domains/dam/assetDetail/composables/assetDetailExtSystem.ts
+async function r(r, i, a, o) {
+	let { getDamConfigExtSystem: s, loadDamConfigExtSystem: c, getDamConfigAssetCustomFormElements: l, loadDamConfigAssetCustomFormElements: u } = n(r, o), d = [];
+	e(s(i)) && d.push(c(i)), e(l(i, a)) && d.push(u(i, l(i) ? [a] : void 0));
+	let f = () => new t(void 0, `The configuration of the ext system ${i} could not be loaded.`);
+	try {
+		await Promise.all(d);
+	} catch {
+		throw f();
+	}
+	if (e(l(i, a))) throw f();
+}
+//#endregion
+export { r as loadAssetDetailExtSystem };
+
+//# sourceMappingURL=assetDetailExtSystem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assetDetailExtSystem.js","names":["loadAssetDetailExtSystem","useDamConfigState","client","configName","loads","isUndefined","getDamConfigExtSystem","extSystem","loadDamConfigExtSystem","getDamConfigAssetCustomFormElements","assetType","loadDamConfigAssetCustomFormElements","failed","AnzuFatalError"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailExtSystem.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { AnzuFatalError } from '@/shared/error/AnzuFatalError'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\n\n/**\n * Loads what the detail of an asset of the type `assetType` reads of the ext system `extSystem` as it draws, and throws\n * without: the configuration of the ext system and the custom fields of its assets, each one the DAM configuration\n * store of `configName` has not got yet. Of the custom fields, every type where the store has none of the ext system,\n * else the type `assetType` alone where its read failed before. A load that fails, or leaves that type not loaded,\n * rejects with an `AnzuFatalError`, which the alerts say as an unknown error: the loaders reject with `false`, which\n * they do not say.\n */\nexport async function loadAssetDetailExtSystem(\n  client: () => AxiosInstance,\n  extSystem: IntegerId,\n  assetType: DamAssetTypeType,\n  configName: string\n) {\n  const {\n    getDamConfigExtSystem,\n    loadDamConfigExtSystem,\n    getDamConfigAssetCustomFormElements,\n    loadDamConfigAssetCustomFormElements,\n  } = useDamConfigState(client, configName)\n  const loads: Promise<unknown>[] = []\n  if (isUndefined(getDamConfigExtSystem(extSystem))) loads.push(loadDamConfigExtSystem(extSystem))\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, assetType))) {\n    loads.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [assetType] : undefined\n      )\n    )\n  }\n  const failed = () =>\n    new AnzuFatalError(undefined, `The configuration of the ext system ${extSystem} could not be loaded.`)\n  try {\n    await Promise.all(loads)\n  } catch {\n    throw failed()\n  }\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, assetType))) throw failed()\n}\n"],"mappings":";;;;AAeA,eAAsBA,EACpB,GACA,GACA,GACA,GACA;CACA,IAAM,EACJ,0BACA,2BACA,wCACA,4CACEC,EAAkBC,GAAQC,CAAU,GAClCC,IAA4B,CAAC;CAEnC,AADIC,EAAYC,EAAsBC,CAAS,CAAC,KAAGH,EAAM,KAAKI,EAAuBD,CAAS,CAAC,GAC3FF,EAAYI,EAAoCF,GAAWG,CAAS,CAAC,KACvEN,EAAM,KACJO,EACEJ,GACAE,EAAoCF,CAAS,IAAI,CAACG,CAAS,IAAI,KAAA,CACjE,CACF;CAEF,IAAME,UACJ,IAAIC,EAAe,KAAA,GAAW,uCAAuCN,EAAU,sBAAsB;CACvG,IAAI;EACF,MAAM,QAAQ,IAAIH,CAAK;CACzB,QAAQ;EACN,MAAMQ,EAAO;CACf;CACA,IAAIP,EAAYI,EAAoCF,GAAWG,CAAS,CAAC,GAAG,MAAME,EAAO;AAC3F"}

package/dist/domains/dam/assetDetail/composables/assetDetailSidebarActionbar.d.ts

@@ -0,0 +1,8 @@
+import { UploadQueueKey } from '../../types/UploadQueue';
+export declare const CLASS_PREFIX = "teleport-target-";
+export declare function useAssetDetailSidebarActionbar(uploadKey: UploadQueueKey): {
+    divClassName: import('vue').ComputedRef<string>;
+    canTeleport: import('vue').ComputedRef<boolean>;
+    mounted: () => void;
+    unMounted: () => void;
+};

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

@@ -0,0 +1,20 @@
+import { computed as e, ref as t } from "vue";
+//#region src/domains/dam/assetDetail/composables/assetDetailSidebarActionbar.ts
+var n = "teleport-target-", r = t(/* @__PURE__ */ new Set());
+function i(t) {
+	let i = () => {
+		r.value.add(n + t);
+	}, a = () => {
+		r.value.delete(n + t);
+	}, o = e(() => r.value.has(n + t));
+	return {
+		divClassName: e(() => n + t),
+		canTeleport: o,
+		mounted: i,
+		unMounted: a
+	};
+}
+//#endregion
+export { n as CLASS_PREFIX, i as useAssetDetailSidebarActionbar };
+
+//# sourceMappingURL=assetDetailSidebarActionbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assetDetailSidebarActionbar.js","names":["CLASS_PREFIX","mountedDivClasses","ref","useAssetDetailSidebarActionbar","mounted","uploadKey","unMounted","canTeleport","computed"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailSidebarActionbar.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nexport const CLASS_PREFIX = 'teleport-target-'\n\nconst mountedDivClasses = ref(new Set<string>())\n\nexport function useAssetDetailSidebarActionbar(uploadKey: UploadQueueKey) {\n  const mounted = () => {\n    mountedDivClasses.value.add(CLASS_PREFIX + uploadKey)\n  }\n\n  const unMounted = () => {\n    mountedDivClasses.value.delete(CLASS_PREFIX + uploadKey)\n  }\n\n  const canTeleport = computed(() => {\n    return mountedDivClasses.value.has(CLASS_PREFIX + uploadKey)\n  })\n\n  const divClassName = computed(() => {\n    return CLASS_PREFIX + uploadKey\n  })\n\n  return {\n    divClassName,\n    canTeleport,\n    mounted,\n    unMounted,\n  }\n}\n"],"mappings":";;AAGA,IAAaA,IAAe,oBAEtBC,IAAoBC,kBAAI,IAAI,IAAY,CAAC;AAE/C,SAAgBC,EAA+B,GAA2B;CACxE,IAAMC,UAAgB;EACpB,EAAkB,MAAM,IAAIJ,IAAeK,CAAS;CACtD,GAEMC,UAAkB;EACtB,EAAkB,MAAM,OAAON,IAAeK,CAAS;CACzD,GAEME,IAAcC,QACXP,EAAkB,MAAM,IAAID,IAAeK,CAAS,CAC5D;CAMD,OAAO;EACL,cALmBG,QACZR,IAAeK,CAItB;EACA;EACA;EACA;CACF;AACF"}

package/dist/domains/dam/assetDetail/composables/assetDetailView.d.ts

@@ -0,0 +1,46 @@
+import { AssetDetailItemDto, DamAssetStatusType, DamAssetTypeType } from '../../types/Asset';
+import { AssetFile } from '../../types/AssetFile';
+import { UploadQueueItem } from '../../types/UploadQueue';
+import { DocId } from '../../../../shared/types/common';
+/** What the frame of the detail of an asset and of the dialog of a single upload draws, and nothing else. */
+export interface AssetDetailView {
+    /** Keys the sidebar; null while an upload has no asset yet (the sidebar then is not drawn). */
+    id: DocId | null;
+    assetType: DamAssetTypeType;
+    assetStatus: DamAssetStatusType;
+    /** For the status props the sidebars take. */
+    mainFile: AssetFile | null;
+    image: {
+        src: string;
+        width?: number;
+        height?: number;
+        backgroundColor: string;
+        aspectRatio?: number;
+        uploading: boolean;
+        processing: boolean;
+        waiting: boolean;
+        done: boolean;
+        /** As the row has them (`UploadQueueItem['progress']`): not normalised. */
+        progress?: number | null;
+        remainingTime?: number | null;
+    };
+    /** The left side follows the region tab (which the sidebars offer by their own props). */
+    roiEditorTab: boolean;
+    simpleMode: boolean;
+}
+/**
+ * The picture is the grey placeholder of `AssetImage` (its last branch): no state of an upload and no file to show.
+ * Only then does the box around it and its overlay take the whole area (finding 64); a picture keeps its own size.
+ */
+export declare const pictureIsPlaceholder: (view: AssetDetailView) => boolean;
+/** The detail of an asset, as it is: the picture of its detail, no state of an upload. */
+export declare function assetDetailViewOfAsset(asset: AssetDetailItemDto | null, simpleAssetSidebarEnabled: boolean): AssetDetailView | null;
+/**
+ * The dialog of a single upload: what the row says of its asset until the upload is done, the asset the DAM read
+ * after that; the preview of the row, its state and its progress.
+ */
+export declare function assetDetailViewOfUploadItem(item: UploadQueueItem | null, detailAsset: AssetDetailItemDto | null, options: {
+    enableRoiTab: boolean;
+    disableDoneAnimation: boolean;
+    simpleAssetSidebarEnabled: boolean;
+}): AssetDetailView | null;

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

@@ -0,0 +1,65 @@
+import { DamAssetStatus as e, DamAssetStatusDefault as t, DamAssetType as n, DamAssetTypeDefault as r } from "../../types/Asset.js";
+import { assetFileIsImageFile as i } from "../../types/AssetFile.js";
+import { UploadQueueItemStatus as a } from "../../types/UploadQueue.js";
+//#region src/domains/dam/assetDetail/composables/assetDetailView.ts
+var o = "#ccc", s = 16 / 9, c = [a.Processing, a.Loading], l = () => ({
+	src: "",
+	width: 356,
+	height: 200,
+	backgroundColor: o
+}), u = (e) => i(e) && e.imageAttributes && e.imageAttributes.mostDominantColor ? e.imageAttributes.mostDominantColor : o, d = (t) => !t.image.uploading && !t.image.processing && !t.image.waiting && !(t.assetStatus === e.WithFile && t.image.src);
+function f(e, t) {
+	if (!e) return null;
+	let i = e.attributes.assetType || r, a = i === n.Image, o = e.mainFile?.links?.image_detail;
+	return {
+		id: e.id,
+		assetType: i,
+		assetStatus: e.attributes.assetStatus,
+		mainFile: e.mainFile || null,
+		image: {
+			...o ? {
+				src: o.url,
+				width: o.width,
+				height: o.height,
+				backgroundColor: u(e.mainFile)
+			} : l(),
+			uploading: !1,
+			processing: !1,
+			waiting: !1,
+			done: !1
+		},
+		roiEditorTab: !0,
+		simpleMode: t && a
+	};
+}
+function p(e, i, o) {
+	if (!e) return null;
+	let d = e.status === a.Uploaded, f = e.assetId && d && i?.id === e.assetId ? i : null, p = (f ? f.attributes.assetType : e.assetId ? e.assetType : void 0) || r, m = p === n.Image, h = f?.mainFile || null;
+	return {
+		id: f ? f.id : e.assetId || null,
+		assetType: p,
+		assetStatus: f ? f.attributes.assetStatus : e.assetId ? e.assetStatus : t,
+		mainFile: h,
+		image: {
+			...e.imagePreview ? {
+				src: e.imagePreview.url,
+				width: e.imagePreview.requestedWidth || void 0,
+				height: e.imagePreview.requestedHeight || void 0,
+				backgroundColor: u(h)
+			} : l(),
+			aspectRatio: s,
+			uploading: e.status === a.Uploading,
+			processing: c.includes(e.status),
+			waiting: e.status === a.Waiting,
+			done: !o.disableDoneAnimation && d,
+			progress: e.progress.progressPercent,
+			remainingTime: e.progress.remainingTime
+		},
+		roiEditorTab: o.enableRoiTab,
+		simpleMode: o.simpleAssetSidebarEnabled && m && o.enableRoiTab
+	};
+}
+//#endregion
+export { f as assetDetailViewOfAsset, p as assetDetailViewOfUploadItem, d as pictureIsPlaceholder };
+
+//# sourceMappingURL=assetDetailView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assetDetailView.js","names":["NO_COLOUR","IMAGE_ASPECT_RATIO","PROCESSING","UploadQueueItemStatus","placeholder","dominantColourOf","assetFileIsImageFile","mainFile","pictureIsPlaceholder","view","DamAssetStatus","assetDetailViewOfAsset","asset","assetType","DamAssetTypeDefault","isImage","DamAssetType","detailPicture","simpleAssetSidebarEnabled","assetDetailViewOfUploadItem","item","done","read","detailAsset","DamAssetStatusDefault","options"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailView.ts"],"sourcesContent":["import {\n  type AssetDetailItemDto,\n  DamAssetStatus,\n  DamAssetStatusDefault,\n  type DamAssetStatusType,\n  DamAssetType,\n  DamAssetTypeDefault,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport { type AssetFile, assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n} from '@/domains/dam/types/UploadQueue'\nimport type { DocId } from '@/shared/types/common'\n\n/** What the frame of the detail of an asset and of the dialog of a single upload draws, and nothing else. */\nexport interface AssetDetailView {\n  /** Keys the sidebar; null while an upload has no asset yet (the sidebar then is not drawn). */\n  id: DocId | null\n  assetType: DamAssetTypeType\n  assetStatus: DamAssetStatusType\n  /** For the status props the sidebars take. */\n  mainFile: AssetFile | null\n  image: {\n    src: string\n    width?: number\n    height?: number\n    backgroundColor: string\n    aspectRatio?: number\n    uploading: boolean\n    processing: boolean\n    waiting: boolean\n    done: boolean\n    /** As the row has them (`UploadQueueItem['progress']`): not normalised. */\n    progress?: number | null\n    remainingTime?: number | null\n  }\n  /** The left side follows the region tab (which the sidebars offer by their own props). */\n  roiEditorTab: boolean\n  simpleMode: boolean\n}\n\nconst NO_COLOUR = '#ccc'\nconst IMAGE_ASPECT_RATIO = 16 / 9\nconst PROCESSING: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\n\nconst placeholder = () => ({ src: '', width: 356, height: 200, backgroundColor: NO_COLOUR })\n\nconst dominantColourOf = (mainFile: AssetFile | null | undefined) =>\n  assetFileIsImageFile(mainFile) && mainFile.imageAttributes && mainFile.imageAttributes.mostDominantColor\n    ? mainFile.imageAttributes.mostDominantColor\n    : NO_COLOUR\n\n/**\n * The picture is the grey placeholder of `AssetImage` (its last branch): no state of an upload and no file to show.\n * Only then does the box around it and its overlay take the whole area (finding 64); a picture keeps its own size.\n */\nexport const pictureIsPlaceholder = (view: AssetDetailView) =>\n  !view.image.uploading &&\n  !view.image.processing &&\n  !view.image.waiting &&\n  !(view.assetStatus === DamAssetStatus.WithFile && view.image.src)\n\n/** The detail of an asset, as it is: the picture of its detail, no state of an upload. */\nexport function assetDetailViewOfAsset(\n  asset: AssetDetailItemDto | null,\n  simpleAssetSidebarEnabled: boolean\n): AssetDetailView | null {\n  if (!asset) return null\n  const assetType = asset.attributes.assetType || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const detailPicture = asset.mainFile?.links?.image_detail\n  return {\n    id: asset.id,\n    assetType,\n    assetStatus: asset.attributes.assetStatus,\n    mainFile: asset.mainFile || null,\n    image: {\n      ...(detailPicture\n        ? {\n            src: detailPicture.url,\n            width: detailPicture.width,\n            height: detailPicture.height,\n            backgroundColor: dominantColourOf(asset.mainFile),\n          }\n        : placeholder()),\n      uploading: false,\n      processing: false,\n      waiting: false,\n      done: false,\n    },\n    // The editor follows the tab whatever the kind of the asset: the tabs of another kind have no region tab.\n    roiEditorTab: true,\n    simpleMode: simpleAssetSidebarEnabled && isImage,\n  }\n}\n\n/**\n * The dialog of a single upload: what the row says of its asset until the upload is done, the asset the DAM read\n * after that; the preview of the row, its state and its progress.\n */\nexport function assetDetailViewOfUploadItem(\n  item: UploadQueueItem | null,\n  detailAsset: AssetDetailItemDto | null,\n  options: { enableRoiTab: boolean; disableDoneAnimation: boolean; simpleAssetSidebarEnabled: boolean }\n): AssetDetailView | null {\n  if (!item) return null\n  const done = item.status === UploadQueueItemStatus.Uploaded\n  // The asset of this row only: the store it is read from is shared, and holds what another dialog or a pick from\n  // the library left in it until the dialog has read its own.\n  const read = item.assetId && done && detailAsset?.id === item.assetId ? detailAsset : null\n  const assetType =\n    (read ? read.attributes.assetType : item.assetId ? item.assetType : undefined) || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const mainFile = read?.mainFile || null\n  return {\n    id: read ? read.id : item.assetId || null,\n    assetType,\n    assetStatus: read ? read.attributes.assetStatus : item.assetId ? item.assetStatus : DamAssetStatusDefault,\n    mainFile,\n    image: {\n      ...(item.imagePreview\n        ? {\n            src: item.imagePreview.url,\n            width: item.imagePreview.requestedWidth || undefined,\n            height: item.imagePreview.requestedHeight || undefined,\n            backgroundColor: dominantColourOf(mainFile),\n          }\n        : placeholder()),\n      aspectRatio: IMAGE_ASPECT_RATIO,\n      uploading: item.status === UploadQueueItemStatus.Uploading,\n      processing: PROCESSING.includes(item.status),\n      waiting: item.status === UploadQueueItemStatus.Waiting,\n      done: !options.disableDoneAnimation && done,\n      progress: item.progress.progressPercent,\n      remainingTime: item.progress.remainingTime,\n    },\n    roiEditorTab: options.enableRoiTab,\n    simpleMode: options.simpleAssetSidebarEnabled && isImage && options.enableRoiTab,\n  }\n}\n"],"mappings":";;;;AA4CA,IAAMA,IAAY,QACZC,IAAqB,KAAK,GAC1BC,IAAmD,CACvDC,EAAsB,YACtBA,EAAsB,OACxB,GAEMC,WAAqB;CAAE,KAAK;CAAI,OAAO;CAAK,QAAQ;CAAK,iBAAiBJ;AAAU,IAEpFK,KAAoB,MACxBC,EAAqBC,CAAQ,KAAKA,EAAS,mBAAmBA,EAAS,gBAAgB,oBACnFA,EAAS,gBAAgB,oBACzBP,GAMOQ,KAAwB,MACnC,CAACC,EAAK,MAAM,aACZ,CAACA,EAAK,MAAM,cACZ,CAACA,EAAK,MAAM,WACZ,EAAEA,EAAK,gBAAgBC,EAAe,YAAYD,EAAK,MAAM;AAG/D,SAAgBE,EACd,GACA,GACwB;CACxB,IAAI,CAACC,GAAO,OAAO;CACnB,IAAMC,IAAYD,EAAM,WAAW,aAAaE,GAC1CC,IAAUF,MAAcG,EAAa,OACrCC,IAAgBL,EAAM,UAAU,OAAO;CAC7C,OAAO;EACL,IAAIA,EAAM;EACV;EACA,aAAaA,EAAM,WAAW;EAC9B,UAAUA,EAAM,YAAY;EAC5B,OAAO;GACL,GAAIK,IACA;IACE,KAAKA,EAAc;IACnB,OAAOA,EAAc;IACrB,QAAQA,EAAc;IACtB,iBAAiBZ,EAAiBO,EAAM,QAAQ;GAClD,IACAR,EAAY;GAChB,WAAW;GACX,YAAY;GACZ,SAAS;GACT,MAAM;EACR;EAEA,cAAc;EACd,YAAYc,KAA6BH;CAC3C;AACF;AAMA,SAAgBI,EACd,GACA,GACA,GACwB;CACxB,IAAI,CAACC,GAAM,OAAO;CAClB,IAAMC,IAAOD,EAAK,WAAWjB,EAAsB,UAG7CmB,IAAOF,EAAK,WAAWC,KAAQE,GAAa,OAAOH,EAAK,UAAUG,IAAc,MAChFV,KACHS,IAAOA,EAAK,WAAW,YAAYF,EAAK,UAAUA,EAAK,YAAY,KAAA,MAAcN,GAC9EC,IAAUF,MAAcG,EAAa,OACrCT,IAAWe,GAAM,YAAY;CACnC,OAAO;EACL,IAAIA,IAAOA,EAAK,KAAKF,EAAK,WAAW;EACrC;EACA,aAAaE,IAAOA,EAAK,WAAW,cAAcF,EAAK,UAAUA,EAAK,cAAcI;EACpF;EACA,OAAO;GACL,GAAIJ,EAAK,eACL;IACE,KAAKA,EAAK,aAAa;IACvB,OAAOA,EAAK,aAAa,kBAAkB,KAAA;IAC3C,QAAQA,EAAK,aAAa,mBAAmB,KAAA;IAC7C,iBAAiBf,EAAiBE,CAAQ;GAC5C,IACAH,EAAY;GAChB,aAAaH;GACb,WAAWmB,EAAK,WAAWjB,EAAsB;GACjD,YAAYD,EAAW,SAASkB,EAAK,MAAM;GAC3C,SAASA,EAAK,WAAWjB,EAAsB;GAC/C,MAAM,CAACsB,EAAQ,wBAAwBJ;GACvC,UAAUD,EAAK,SAAS;GACxB,eAAeA,EAAK,SAAS;EAC/B;EACA,cAAcK,EAAQ;EACtB,YAAYA,EAAQ,6BAA6BV,KAAWU,EAAQ;CACtE;AACF"}

package/dist/domains/dam/assetDetail/composables/assetFileFailReason.d.ts

@@ -0,0 +1,24 @@
+import { ValueObjectOption } from '../../../../shared/types/ValueObject';
+import { AssetFileFailReasonType } from '../../types/AssetFile';
+export declare function useAssetFileFailReason(): {
+    assetFileFailReasonOptions: import('vue').Ref<{
+        value: AssetFileFailReasonType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[], ValueObjectOption<AssetFileFailReasonType>[] | {
+        value: AssetFileFailReasonType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    }[]>;
+    getAssetFileFailReasonOption: (value: AssetFileFailReasonType) => {
+        value: AssetFileFailReasonType;
+        title: string;
+        color?: string | undefined;
+        active?: false | undefined;
+        subtitle?: string | undefined;
+    } | undefined;
+};

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

@@ -0,0 +1,40 @@
+import { AssetFileFailReason as e } from "../../types/AssetFile.js";
+import { ref as t } from "vue";
+import { useI18n as n } from "vue-i18n";
+//#region src/domains/dam/assetDetail/composables/assetFileFailReason.ts
+function r() {
+	let { t: r } = n(), i = t([
+		{
+			value: e.None,
+			title: r("common.damImage.asset.assetFileFailReason.none")
+		},
+		{
+			value: e.Unknown,
+			title: r("common.damImage.asset.assetFileFailReason.unknown")
+		},
+		{
+			value: e.InvalidChecksum,
+			title: r("common.damImage.asset.assetFileFailReason.invalidChecksum")
+		},
+		{
+			value: e.InvalidMimeType,
+			title: r("common.damImage.asset.assetFileFailReason.invalidMimeType")
+		},
+		{
+			value: e.DownloadFailed,
+			title: r("common.damImage.asset.assetFileFailReason.downloadFailed")
+		},
+		{
+			value: e.InvalidSize,
+			title: r("common.damImage.asset.assetFileFailReason.invalidSize")
+		}
+	]);
+	return {
+		assetFileFailReasonOptions: i,
+		getAssetFileFailReasonOption: (e) => i.value.find((t) => t.value === e)
+	};
+}
+//#endregion
+export { r as useAssetFileFailReason };
+
+//# sourceMappingURL=assetFileFailReason.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"assetFileFailReason.js","names":["useAssetFileFailReason","useI18n","assetFileFailReasonOptions","ref","AssetFileFailReason","t","item","value"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetFileFailReason.ts"],"sourcesContent":["import { useI18n } from 'vue-i18n'\nimport { ref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { AssetFileFailReason, type AssetFileFailReasonType } from '@/domains/dam/types/AssetFile'\n\nexport function useAssetFileFailReason() {\n  const { t } = useI18n()\n\n  const assetFileFailReasonOptions = ref<ValueObjectOption<AssetFileFailReasonType>[]>([\n    {\n      value: AssetFileFailReason.None,\n      title: t('common.damImage.asset.assetFileFailReason.none'),\n    },\n    {\n      value: AssetFileFailReason.Unknown,\n      title: t('common.damImage.asset.assetFileFailReason.unknown'),\n    },\n    {\n      value: AssetFileFailReason.InvalidChecksum,\n      title: t('common.damImage.asset.assetFileFailReason.invalidChecksum'),\n    },\n    {\n      value: AssetFileFailReason.InvalidMimeType,\n      title: t('common.damImage.asset.assetFileFailReason.invalidMimeType'),\n    },\n    {\n      value: AssetFileFailReason.DownloadFailed,\n      title: t('common.damImage.asset.assetFileFailReason.downloadFailed'),\n    },\n    {\n      value: AssetFileFailReason.InvalidSize,\n      title: t('common.damImage.asset.assetFileFailReason.invalidSize'),\n    },\n  ])\n\n  const getAssetFileFailReasonOption = (value: AssetFileFailReasonType) => {\n    return assetFileFailReasonOptions.value.find((item) => item.value === value)\n  }\n\n  return {\n    assetFileFailReasonOptions,\n    getAssetFileFailReasonOption,\n  }\n}\n"],"mappings":";;;;AAKA,SAAgBA,IAAyB;CACvC,IAAM,EAAE,SAAMC,EAAQ,GAEhBC,IAA6BC,EAAkD;EACnF;GACE,OAAOC,EAAoB;GAC3B,OAAOC,EAAE,gDAAgD;EAC3D;EACA;GACE,OAAOD,EAAoB;GAC3B,OAAOC,EAAE,mDAAmD;EAC9D;EACA;GACE,OAAOD,EAAoB;GAC3B,OAAOC,EAAE,2DAA2D;EACtE;EACA;GACE,OAAOD,EAAoB;GAC3B,OAAOC,EAAE,2DAA2D;EACtE;EACA;GACE,OAAOD,EAAoB;GAC3B,OAAOC,EAAE,0DAA0D;EACrE;EACA;GACE,OAAOD,EAAoB;GAC3B,OAAOC,EAAE,uDAAuD;EAClE;CACF,CAAC;CAMD,OAAO;EACL;EACA,+BANoC,MAC7BH,EAA2B,MAAM,MAAM,MAASI,EAAK,UAAUC,CAAK;CAM7E;AACF"}