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

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

@@ -0,0 +1,46 @@
+import { AssetFileFailReason as e, AssetFileProcessStatus as t } from "../../types/AssetFile.js";
+import { DamAssetStatus as n } from "../../types/Asset.js";
+import r from "./AssetFileFailReasonChip.js";
+import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { useI18n as h } from "vue-i18n";
+import { VAlert as g } from "vuetify/components/VAlert";
+// 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(t).Duplicate ? (d(), o("div", _, [l(g, { type: "warning" }, {
+			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.duplicate")), 1)]),
+			_: 1
+		})])) : a("", !0), u.assetMainFileStatus && u.assetMainFileStatus === p(t).Failed ? (d(), o("div", v, [l(g, { type: "error" }, {
+			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.failed")) + " ", 1), u.assetMainFileFailReason && u.assetMainFileFailReason !== p(e).None ? (d(), o("div", y, [C[0] ||= s("br", null, null, -1), l(r, { reason: u.assetMainFileFailReason }, null, 8, ["reason"])])) : a("", !0)]),
+			_: 1
+		})])) : u.assetStatus === p(n).Deleting ? (d(), o("div", b, [l(g, { type: "error" }, {
+			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.deleting")), 1)]),
+			_: 1
+		})])) : u.assetStatus === p(n).Draft ? (d(), o("div", x, [l(g, { type: "warning" }, {
+			default: m(() => [c(f(p(S)("common.damImage.asset.detail.info.status.draft")), 1)]),
+			_: 1
+		})])) : a("", !0)], 64));
+	}
+});
+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      <!-- Like the queue row: no chip for the `None` reason. -->\n      <div v-if=\"assetMainFileFailReason && assetMainFileFailReason !== AssetFileFailReason.None\">\n        <br />\n        <AssetFileFailReasonChip :reason=\"assetMainFileFailReason\" />\n      </div>\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Deleting\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"error\">\n      {{ t('common.damImage.asset.detail.info.status.deleting') }}\n    </VAlert>\n  </div>\n  <div\n    v-else-if=\"assetStatus === DamAssetStatus.Draft\"\n    class=\"w-100 pa-2 text-body-small\"\n  >\n    <VAlert type=\"warning\">\n      {{ t('common.damImage.asset.detail.info.status.draft') }}\n    </VAlert>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBA,IAAM,EAAE,SAAMmB,EAAQ;E,mCAKZI,EAAA,uBAAuBA,EAAA,wBAAwBpB,EAAAsB,CAAA,CAAsB,CAAC,aAD9EzB,EAAA,GAAAC,EAOM,OAPNY,GAOM,CAHJT,EAESC,GAAA,EAFD,MAAK,UAAS,GAAA;GACpB,SAAAC,QAA6D,CAA1DC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,oDAAA,CAAA,GAAA,CAAA,C;;E,mBAIAR,EAAA,uBAAuBA,EAAA,wBAAwBpB,EAAAsB,CAAA,CAAsB,CAAC,UAD9EzB,EAAA,GAAAC,EAYM,OAZNa,GAYM,CARJV,EAOSC,GAAA,EAPD,MAAK,QAAO,GAAA;GAClB,SAAAC,QAA0D,CAAvDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,iDAAA,CAAA,IAAsD,KAE1D,CAAA,GAAWR,EAAA,2BAA2BA,EAAA,4BAA4BpB,EAAA8B,CAAA,CAAmB,CAAC,QAAtFjC,EAAA,GAAAC,EAGM,OAAAc,GAAA,CAFJ,AAAAmB,EAAA,OAAAxB,EAAM,MAAA,MAAA,MAAA,EAAA,GACNN,EAA6DO,GAAA,EAAnC,QAAQY,EAAA,wBAAuB,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA,C;;E,QAKlDA,EAAA,gBAAgBpB,EAAAiC,CAAA,CAAc,CAAC,YAD5CpC,EAAA,GAAAC,EAOM,OAPNe,GAOM,CAHJZ,EAESC,GAAA,EAFD,MAAK,QAAO,GAAA;GAClB,SAAAC,QAA4D,CAAzDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,mDAAA,CAAA,GAAA,CAAA,C;;E,QAIKR,EAAA,gBAAgBpB,EAAAiC,CAAA,CAAc,CAAC,SAD5CpC,EAAA,GAAAC,EAOM,OAPNgB,GAOM,CAHJb,EAESC,GAAA,EAFD,MAAK,UAAS,GAAA;GACpB,SAAAC,QAAyD,CAAtDC,EAAAC,EAAAL,EAAA4B,CAAA,CAAC,CAAA,gDAAA,CAAA,GAAA,CAAA,C"}

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

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

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;

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

@@ -0,0 +1,217 @@
+import { DamAssetTypeDefault as e } from "../../types/Asset.js";
+import { useAssetDetailStore as t } from "../store/assetDetailStore.js";
+import n from "./AssetCustomMetadataForm.js";
+import r from "./AssetFileInfoPanel.js";
+import i from "../../../form/components/ASystemEntityScope.js";
+import { ADamAssetMetadataValidationScopeSymbol as a } from "../../composables/uploadValidations.js";
+import ee from "../../author/components/AuthorRemoteAutocompleteWithCached.js";
+import o from "../../keyword/components/KeywordRemoteAutocompleteWithCached.js";
+import { useDamKeywordAssetTypeConfig as s } from "../../keyword/composables/damKeywordConfig.js";
+import { useDamAuthorAssetTypeConfig as te } from "../../author/composables/damAuthorConfig.js";
+import ne from "../../../ui/components/ABooleanValue.js";
+import c from "../../../ui/components/ARow.js";
+import { useCommonAdminCoreDamOptions as l } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as u } from "../../composables/damConfigName.js";
+import { useAssetSuggestions as d } from "../../uploadQueue/composables/assetSuggestions.js";
+import { useDamCachedAuthors as f } from "../../author/composables/cachedAuthors.js";
+import { useDamCachedUsers as p } from "../../author/composables/cachedUsers.js";
+import { useAutoDeleteTimeLeft as m } from "../composables/autoDeleteTimeLeft.js";
+import { useRemainingTime as re } from "../../../ui/datetime/composables/remainingTime.js";
+import { Fragment as ie, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as ae, createTextVNode as v, createVNode as y, defineComponent as b, isRef as x, openBlock as S, ref as oe, toDisplayString as C, 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";
+// src/domains/dam/assetDetail/components/AssetMetadata.vue?vue&type=script&setup=true&lang.ts
+var I = /*@__PURE__*/ b({
+	__name: "AssetMetadata",
+	props: {
+		extSystem: {},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		configName: { default: void 0 },
+		showEditButton: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["editInDam"],
+	setup(b, { emit: I }) {
+		let L = b, R = I, z = u(L.configName), { t: B } = D(), V = oe(["metadata", "file"]), H = t(), { asset: U, metadataAreTouched: W, mainFileSingleUse: G } = M(H), K = h(() => U.value?.attributes.assetType || e), { authorRequired: q, authorEnabled: J } = te(K.value, L.extSystem, z), { getAuthorConflicts: se } = d(), { addToCachedAuthors: ce, fetchCachedAuthors: le } = f(z), Y = h(() => L.readonly || !J.value || !U.value ? [] : se(U.value.metadata.authorSuggestions ?? {}));
+		T(Y, (e) => {
+			e.length !== 0 && (ce(e), le());
+		}, { immediate: !0 });
+		let X = () => {
+			W.value = !0;
+		}, { keywordRequired: ue, keywordEnabled: de } = s(K.value, L.extSystem, z), { mainFileSingleUseEnabled: fe, showFileInfoEnabled: Z, showAutoDeleteEnabled: pe, showLicenceEnabled: me, editAssetLabel: he } = l(z), { secondsLeft: Q } = m(() => pe ? U.value?.autoDeleteAt : null), { remainingTimeLong: ge } = re(), $ = h(() => Q.value === null ? null : ge(Q.value)), { addToCachedUsers: _e, fetchCachedUsers: ve } = p(z);
+		return T([() => U.value?.createdBy, () => U.value?.modifiedBy], ([e, t]) => {
+			Z && (e || t) && (_e(e, t), ve());
+		}, { immediate: !0 }), (e, t) => (S(), ae(ie, null, [b.showEditButton && w(U) ? (S(), g(A, {
+			key: 0,
+			size: "small",
+			class: "ma-2",
+			onClick: t[0] ||= (e) => R("editInDam")
+		}, {
+			default: E(() => [v(C(w(he)), 1)]),
+			_: 1
+		})) : _("", !0), w(U) ? (S(), g(F, {
+			key: 1,
+			modelValue: V.value,
+			"onUpdate:modelValue": t[5] ||= (e) => V.value = e,
+			multiple: "",
+			class: "v-expansion-panels--compact"
+		}, {
+			default: E(() => [y(N, {
+				elevation: "0",
+				title: w(B)("common.damImage.asset.detail.info.metadata"),
+				value: "metadata"
+			}, {
+				default: E(() => [y(P, null, {
+					default: E(() => [w(U) ? (S(), g(n, {
+						key: 0,
+						modelValue: w(U).metadata.customData,
+						"onUpdate:modelValue": t[4] ||= (e) => w(U).metadata.customData = e,
+						"ext-system": b.extSystem,
+						"asset-type": K.value,
+						readonly: b.readonly,
+						onAnyChange: X
+					}, {
+						"after-pinned": E(() => [
+							w(de) ? (S(), g(k, {
+								key: 0,
+								density: "compact",
+								class: "my-2"
+							}, {
+								default: E(() => [y(O, null, {
+									default: E(() => [y(i, {
+										subject: "keyword",
+										system: "dam"
+									}, {
+										default: E(() => [y(o, {
+											modelValue: w(U).keywords,
+											"onUpdate:modelValue": [t[1] ||= (e) => w(U).keywords = e, X],
+											"ext-system": b.extSystem,
+											label: w(B)("common.damImage.asset.model.keywords"),
+											"data-cy": "custom-field-keywords",
+											clearable: "",
+											multiple: "",
+											disabled: b.readonly,
+											required: w(ue),
+											"validation-scope": w(a)
+										}, null, 8, [
+											"modelValue",
+											"ext-system",
+											"label",
+											"disabled",
+											"required",
+											"validation-scope"
+										])]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})) : _("", !0),
+							w(J) ? (S(), g(k, {
+								key: 1,
+								density: "compact",
+								class: "my-2"
+							}, {
+								default: E(() => [y(O, null, {
+									default: E(() => [y(i, {
+										subject: "author",
+										system: "dam"
+									}, {
+										default: E(() => [y(ee, {
+											modelValue: w(U).authors,
+											"onUpdate:modelValue": [t[2] ||= (e) => w(U).authors = e, X],
+											"ext-system": b.extSystem,
+											label: w(B)("common.damImage.asset.model.authors"),
+											"author-conflicts": Y.value,
+											"data-cy": "custom-field-authors",
+											clearable: "",
+											multiple: "",
+											disabled: b.readonly,
+											required: w(q),
+											"validation-scope": w(a)
+										}, null, 8, [
+											"modelValue",
+											"ext-system",
+											"label",
+											"author-conflicts",
+											"disabled",
+											"required",
+											"validation-scope"
+										])]),
+										_: 1
+									})]),
+									_: 1
+								})]),
+								_: 1
+							})) : _("", !0),
+							w(fe) ? (S(), g(k, {
+								key: 2,
+								density: "compact",
+								class: "my-2"
+							}, {
+								default: E(() => [y(O, null, {
+									default: E(() => [b.readonly ? (S(), g(c, {
+										key: 0,
+										title: w(B)("common.damImage.asset.model.mainFileSingleUse")
+									}, {
+										default: E(() => [y(ne, { value: w(G) }, null, 8, ["value"])]),
+										_: 1
+									}, 8, ["title"])) : (S(), g(j, {
+										key: 1,
+										modelValue: w(G),
+										"onUpdate:modelValue": t[3] ||= (e) => x(G) ? G.value = e : null,
+										label: w(B)("common.damImage.asset.model.mainFileSingleUse")
+									}, null, 8, ["modelValue", "label"]))]),
+									_: 1
+								})]),
+								_: 1
+							})) : _("", !0),
+							$.value === null ? _("", !0) : (S(), g(k, {
+								key: 3,
+								density: "compact",
+								class: "my-2",
+								"data-cy": "asset-auto-delete"
+							}, {
+								default: E(() => [y(O, null, {
+									default: E(() => [y(c, { title: w(B)("common.damImage.asset.model.autoDelete") }, {
+										default: E(() => [v(C($.value), 1)]),
+										_: 1
+									}, 8, ["title"])]),
+									_: 1
+								})]),
+								_: 1
+							}))
+						]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"ext-system",
+						"asset-type",
+						"readonly"
+					])) : _("", !0)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["title"]), w(Z) ? (S(), g(r, {
+				key: 0,
+				asset: w(U),
+				"show-users": "",
+				"show-licence": w(me),
+				style: { "overflow-wrap": "normal" }
+			}, null, 8, ["asset", "show-licence"])) : _("", !0)]),
+			_: 1
+		}, 8, ["modelValue"])) : _("", !0)], 64));
+	}
+});
+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","AssetCustomMetadataForm_default","AssetFileInfoPanel_default","ASystemEntityScope_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","ABooleanValue_default","ARow_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","autoDeleteSecondsLeft","useAutoDeleteTimeLeft","showAutoDeleteEnabled","useRemainingTime","autoDeleteIn","remainingTimeLong","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","showLicenceEnabled"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref, watch } from 'vue'\nimport { DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useAssetSuggestions } from '@/domains/dam/uploadQueue/composables/assetSuggestions'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\nimport { useAutoDeleteTimeLeft } from '@/domains/dam/assetDetail/composables/autoDeleteTimeLeft'\nimport { useRemainingTime } from '@/domains/ui/datetime/composables/remainingTime'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    readonly?: boolean\n    configName?: string\n    showEditButton?: boolean\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showEditButton: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editInDam'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched, mainFileSingleUse } = storeToRefs(assetDetailStore)\n\nconst assetType = computed(() => {\n  return asset.value?.attributes.assetType || DamAssetTypeDefault\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nconst { getAuthorConflicts } = useAssetSuggestions()\nconst { addToCachedAuthors, fetchCachedAuthors } = useDamCachedAuthors(damConfigName)\n\n// DAM author suggestions for names read from the file, as the queue row card offers them.\n// Taken from the asset itself, because nothing writes the store field.\n// None in a read-only side panel, or when the authors field is disabled. Such an asset may still carry old suggestions.\nconst authorConflicts = computed<DocId[]>(() =>\n  props.readonly || !authorEnabled.value || !asset.value\n    ? []\n    : getAuthorConflicts(asset.value.metadata.authorSuggestions ?? {})\n)\n// The chips show names from the configuration's cache, as the row's do. Without it a chip spins forever.\nwatch(\n  authorConflicts,\n  (conflicts) => {\n    if (conflicts.length === 0) return\n    addToCachedAuthors(conflicts)\n    fetchCachedAuthors()\n  },\n  { immediate: true }\n)\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nconst { mainFileSingleUseEnabled, showFileInfoEnabled, showAutoDeleteEnabled, showLicenceEnabled, editAssetLabel } =\n  useCommonAdminCoreDamOptions(damConfigName)\n\n// Only where the configuration turns it on: without it no clock runs.\nconst { secondsLeft: autoDeleteSecondsLeft } = useAutoDeleteTimeLeft(() =>\n  showAutoDeleteEnabled ? asset.value?.autoDeleteAt : null\n)\nconst { remainingTimeLong } = useRemainingTime()\nconst autoDeleteIn = computed(() =>\n  autoDeleteSecondsLeft.value === null ? null : remainingTimeLong(autoDeleteSecondsLeft.value)\n)\n\nconst { addToCachedUsers, fetchCachedUsers } = useDamCachedUsers(damConfigName)\n// The \"file\" panel chips show creator and modifier from the configuration's user cache.\n// A picker click fills it only for the clicked asset.\n// The \"edit asset\" detail of a widget or a queue row showed two chips spinning forever.\nwatch(\n  [() => asset.value?.createdBy, () => asset.value?.modifiedBy],\n  ([createdBy, modifiedBy]) => {\n    if (!showFileInfoEnabled || (!createdBy && !modifiedBy)) return\n    addToCachedUsers(createdBy, modifiedBy)\n    fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VBtn\n    v-if=\"showEditButton && asset\"\n    size=\"small\"\n    class=\"ma-2\"\n    @click=\"emit('editInDam')\"\n  >\n    {{ editAssetLabel }}\n  </VBtn>\n  <VExpansionPanels\n    v-if=\"asset\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <AssetCustomMetadataForm\n          v-if=\"asset\"\n          v-model=\"asset.metadata.customData\"\n          :ext-system=\"extSystem\"\n          :asset-type=\"assetType\"\n          :readonly=\"readonly\"\n          @any-change=\"onAnyMetadataChange\"\n        >\n          <template #after-pinned>\n            <VRow\n              v-if=\"keywordEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ASystemEntityScope\n                  subject=\"keyword\"\n                  system=\"dam\"\n                >\n                  <KeywordRemoteAutocompleteWithCached\n                    v-model=\"asset.keywords\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.keywords')\"\n                    data-cy=\"custom-field-keywords\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"keywordRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"authorEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ASystemEntityScope\n                  subject=\"author\"\n                  system=\"dam\"\n                >\n                  <AuthorRemoteAutocompleteWithCached\n                    v-model=\"asset.authors\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.authors')\"\n                    :author-conflicts=\"authorConflicts\"\n                    data-cy=\"custom-field-authors\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"authorRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"mainFileSingleUseEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ARow\n                  v-if=\"readonly\"\n                  :title=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                >\n                  <ABooleanValue :value=\"mainFileSingleUse\" />\n                </ARow>\n                <VSwitch\n                  v-else\n                  v-model=\"mainFileSingleUse\"\n                  :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                />\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"autoDeleteIn !== null\"\n              density=\"compact\"\n              class=\"my-2\"\n              data-cy=\"asset-auto-delete\"\n            >\n              <VCol>\n                <ARow :title=\"t('common.damImage.asset.model.autoDelete')\">\n                  {{ autoDeleteIn }}\n                </ARow>\n              </VCol>\n            </VRow>\n          </template>\n        </AssetCustomMetadataForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- The detail wraps text only between words, unlike its card (design 1.10, JS29). -->\n    <AssetFileInfoPanel\n      v-if=\"showFileInfoEnabled\"\n      :asset=\"asset\"\n      show-users\n      :show-licence=\"showLicenceEnabled\"\n      style=\"overflow-wrap: normal\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import e from "./AssetMetadataImageAttributes.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/assetDetail/components/AssetMetadataImageAttributes.vue
+var t = e;
+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,68 @@
+import e from "./AColorBox.js";
+import t from "../../../ui/components/ABooleanValue.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";
+// 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(e, { 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(t, { value: o.file.imageAttributes.animated }, null, 8, ["value"])]),
+					_: 1
+				})]),
+				_: 1
+			})
+		], 64));
+	}
+});
+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","AColorBox_default","ABooleanValue_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,11 @@
+import { AxiosInstance } from 'axios';
+import { DamAssetTypeType } from '../../types/Asset';
+import { IntegerId } from '../../../../shared/types/common';
+/**
+ * Loads what the asset detail of type `assetType` needs from ext system `extSystem` and would otherwise throw on.
+ * Loads the ext system config and the custom fields missing in the `configName` store.
+ * Custom fields: all types if the store has none for the ext system, else only `assetType` if its read failed before.
+ * Rejects with `AnzuFatalError` on failure or if the type stays unloaded. Alerts show
+ * it as an unknown error. The loaders reject with `false`, which alerts do not show.
+ */
+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,18 @@
+import { useDamConfigState as e } from "../../config/composables/damConfigState.js";
+import { AnzuFatalError as t } from "../../../../shared/error/AnzuFatalError.js";
+import { isUndefined as n } from "../../../../shared/utils/common.js";
+// src/domains/dam/assetDetail/composables/assetDetailExtSystem.ts
+async function r(r, i, a, o) {
+	let { getDamConfigExtSystem: s, loadDamConfigExtSystem: c, getDamConfigAssetCustomFormElements: l, loadDamConfigAssetCustomFormElements: u } = e(r, o), d = [];
+	n(s(i)) && d.push(c(i)), n(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 (n(l(i, a))) throw f();
+}
+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 asset detail of type `assetType` needs from ext system `extSystem` and would otherwise throw on.\n * Loads the ext system config and the custom fields missing in the `configName` store.\n * Custom fields: all types if the store has none for the ext system, else only `assetType` if its read failed before.\n * Rejects with `AnzuFatalError` on failure or if the type stays unloaded. Alerts show\n * it as an unknown error. The loaders reject with `false`, which alerts do not show.\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":";;;;AAcA,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,19 @@
+import { computed as e, ref as t } from "vue";
+// 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
+	};
+}
+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';
+/** Exactly what the frame of the asset detail and the single-upload dialog renders. */
+export interface AssetDetailView {
+    /** Keys the sidebar. Null while an upload has no asset yet, and then the sidebar is not rendered. */
+    id: DocId | null;
+    assetType: DamAssetTypeType;
+    assetStatus: DamAssetStatusType;
+    /** Used for the status props of the sidebars. */
+    mainFile: AssetFile | null;
+    image: {
+        src: string;
+        width?: number;
+        height?: number;
+        backgroundColor: string;
+        aspectRatio?: number;
+        uploading: boolean;
+        processing: boolean;
+        waiting: boolean;
+        done: boolean;
+        /** As on the row (`UploadQueueItem['progress']`), not normalised. */
+        progress?: number | null;
+        remainingTime?: number | null;
+    };
+    /** The left side follows the ROI tab. The sidebars offer that tab through their own props. */
+    roiEditorTab: boolean;
+    simpleMode: boolean;
+}
+/**
+ * The image is the grey placeholder of `AssetImage` (its last branch): no upload state and no file.
+ * Only then do the box and its overlay fill the whole area (finding 64). An image keeps its own size.
+ */
+export declare const pictureIsPlaceholder: (view: AssetDetailView) => boolean;
+/** View of an existing asset, without upload state. */
+export declare function assetDetailViewOfAsset(asset: AssetDetailItemDto | null, simpleAssetSidebarEnabled: boolean): AssetDetailView | null;
+/**
+ * View of the single-upload dialog: the row's asset data until the upload is done, then the asset read from the DAM.
+ * Preview, state and progress come from the row.
+ */
+export declare function assetDetailViewOfUploadItem(item: UploadQueueItem | null, detailAsset: AssetDetailItemDto | null, options: {
+    enableRoiTab: boolean;
+    disableDoneAnimation: boolean;
+    simpleAssetSidebarEnabled: boolean;
+}): AssetDetailView | null;