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

package/dist/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,776 @@
+import { cloneDeep as e, isDefined as t, isNull as n, isNumber as r, isString as i, isUndefined as a } from "../../../../shared/utils/common.js";
+import o from "../../../collab/components/ACollabLockedByUser.js";
+import { CollabFieldLockStatus as s, CollabFieldLockType as c } from "../../../collab/composables/collabEventBus.js";
+import { CollabStatus as l } from "../../../collab/types/Collab.js";
+import { useCommonAdminCollabOptions as ee } from "../../../collab/composables/commonAdminCollabOptions.js";
+import { useCollabState as u } from "../../../collab/composables/collabState.js";
+import { useCollabField as te } from "../../../collab/composables/collabField.js";
+import { useAlerts as ne } from "../../../system/composables/alerts.js";
+import re from "../../../ui/file/components/AFileDropzone.js";
+import { DamAssetType as d } from "../../types/Asset.js";
+import { useCommonAdminCoreDamOptions as ie } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as ae } from "../../composables/damConfigName.js";
+import { useDamConfigState as oe } from "../../config/composables/damConfigState.js";
+import { fetchAsset as se, fetchAssetAsCmsMedia as ce, fetchAssetByFileId as le, showMetadataSaveError as ue, updateAssetAuthors as de } from "../../api/damAssetApi.js";
+import { useAssetSelectStore as fe } from "../../assetSelect/store/assetSelectStore.js";
+import { useAssetDetailStore as pe } from "../../assetDetail/store/assetDetailStore.js";
+import { fetchAuthorListByIds as me } from "../../author/api/authorApi.js";
+import { useExtSystemIdForCached as he } from "../../composables/extSystemIdForCached.js";
+import ge from "../../../../assets/image/placeholder16x9.js";
+import { isImageCreateUpdateAware as f, isMediaAware as _e, useImageMediaWidgetStore as ve } from "../store/imageMediaWidgetStore.js";
+import { assetFileIsAudioFile as ye, assetFileIsVideoFile as be } from "../../types/AssetFile.js";
+import { copyToLicence as xe } from "../../api/damImageApi.js";
+import { useUploadQueuesStore as Se } from "../../uploadQueue/store/uploadQueuesStore.js";
+import { assetMetadataMayStillChange as Ce } from "../../assetDetail/utils/assetMetadataMayStillChange.js";
+import we from "../../assetDetail/components/AssetDetailDialog.js";
+import { ImageWidgetUploadConfigKey as Te } from "../utils/imageWidgetInkectionKeys.js";
+import { useDamAcceptTypeAndSizeHelper as Ee } from "../../config/composables/acceptTypeAndSizeHelper.js";
+import { useUploadQueueDialog as De } from "../../uploadQueue/composables/useUploadQueueDialog.js";
+import { createDamImage as Oe, imageFieldsOf as ke } from "../utils/damImage.js";
+import { useCommonAdminImageOptions as Ae } from "../composables/commonAdminImageOptions.js";
+import { useImageActions as je } from "../composables/imageActions.js";
+import { DamMediaType as Me } from "../../types/MediaAware.js";
+import Ne from "./ImageDetailDialogMetadata.js";
+import { loadAssetDetailExtSystem as Pe } from "../../assetDetail/composables/assetDetailExtSystem.js";
+import Fe from "../../uploadQueue/components/UploadQueueDialogSingle.js";
+import Ie from "../../../ui/file/components/AFileInputDialog.js";
+import { WAIT_RAN_OUT as Le, withinWaitLimit as Re } from "../utils/waitLimit.js";
+import { giveNamesToEmptySource as ze, useImageDialogDamAuthors as Be } from "../composables/imageDialogDamAuthors.js";
+import { lastFieldLockTurn as Ve, takeFieldLockTurn as He } from "../utils/fieldLockTurns.js";
+import { holdImage as Ue, imageSavedSince as We, imageSavesOfOthersOver as Ge, noteImageSave as Ke } from "../utils/imageSaves.js";
+import qe from "../../assetSelect/components/AAssetSelectMedia.js";
+import { Fragment as Je, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as Ye, createTextVNode as Xe, createVNode as _, defineComponent as v, inject as Ze, mergeModels as Qe, mergeProps as $e, normalizeClass as et, normalizeStyle as tt, onBeforeUnmount as nt, openBlock as y, ref as b, renderSlot as rt, toDisplayString as x, toRaw as S, unref as C, useModel as it, watch as w, withCtx as T, withModifiers as at } from "vue";
+import { useI18n as ot } from "vue-i18n";
+import { VIcon as st } from "vuetify/components/VIcon";
+import { VProgressCircular as ct } from "vuetify/components/VProgressCircular";
+import { VCard as lt } from "vuetify/components/VCard";
+import { VTooltip as ut } from "vuetify/components/VTooltip";
+import { VBtn as dt } from "vuetify/components/VBtn";
+import { VList as ft, VListItem as pt, VListItemTitle as mt } from "vuetify/components/VList";
+import { VMenu as ht } from "vuetify/components/VMenu";
+import { storeToRefs as gt } from "pinia";
+import { VImg as _t } from "vuetify/components/VImg";
+//#region src/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue?vue&type=script&setup=true&lang.ts
+var vt = { class: "a-image-widget__options" }, yt = {
+	key: 0,
+	class: "font-weight-bold text-label-large"
+}, bt = {
+	key: 0,
+	class: "a-required-mark"
+}, xt = { class: "d-flex" }, St = { key: 0 }, Ct = { key: 1 }, wt = {
+	key: 0,
+	class: "d-flex flex-row"
+}, Tt = { key: 0 }, Et = { key: 1 }, Dt = {
+	key: 1,
+	class: "a-required-mark ml-2"
+}, Ot = { key: 0 }, kt = { key: 1 }, At = { class: "position-relative" }, jt = { class: "d-flex align-center justify-center h-100" }, Mt = {
+	key: 0,
+	class: "a-image-widget__icon"
+}, Nt = { key: 0 }, Pt = { key: 1 }, Ft = /*@__PURE__*/ v({
+	__name: "ImageMediaWidgetInner",
+	props: /*@__PURE__*/ Qe({
+		queueKey: {},
+		uploadLicence: {},
+		selectLicences: {},
+		initialImage: { default: void 0 },
+		configName: { default: void 0 },
+		collab: { default: void 0 },
+		collabStatus: { default: l.Inactive },
+		label: { default: void 0 },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		dataCy: { default: void 0 },
+		expandOptions: {
+			type: Boolean,
+			default: !1
+		},
+		expandMetadata: {
+			type: Boolean,
+			default: !1
+		},
+		disableOnClickMenu: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: void 0 },
+		maxWidth: { default: void 0 },
+		height: { default: void 0 },
+		callDeleteApiOnRemove: {
+			type: Boolean,
+			default: !1
+		},
+		damWidth: { default: void 0 },
+		damHeight: { default: void 0 }
+	}, {
+		image: { required: !0 },
+		imageModifiers: {},
+		media: { required: !0 },
+		mediaModifiers: {}
+	}),
+	emits: /*@__PURE__*/ Qe(["afterMetadataSaveSuccess"], ["update:image", "update:media"]),
+	setup(v, { expose: Qe, emit: Ft }) {
+		let E = v, It = Ft, D = it(v, "image"), O = it(v, "media"), k = ae(E.configName), { collabOptions: Lt } = ee(), { collabReconnecting: Rt } = u(), zt = b((e, t) => {}), Bt = b((e) => {}), Vt = b((e) => {}), Ht = b(null);
+		if (Lt.value.enabled && t(E.collab)) {
+			let { releaseCollabFieldLock: e, acquireCollabFieldLock: t, changeCollabFieldData: n, addCollabFieldLockStatusListener: r, lockedByUser: i } = te(E.collab.room, E.collab.field);
+			zt.value = e, Bt.value = n, Vt.value = t, w(i, (e) => {
+				Ht.value = e;
+			}, { immediate: !0 }), r((e) => {
+				if (e.status === s.Success && e.type === c.Acquire) j.value = !1, J.value = !0;
+				else if (e.status === s.Failure && e.type === c.Acquire) j.value = !1, J.value = !1;
+				else if (j.value) return;
+				else e.status === s.Success && e.type === c.Release ? J.value = !1 : e.status === s.Failure && e.type === c.Release && (J.value = !0);
+			});
+		}
+		let Ut = () => ({
+			image: D.value,
+			media: O.value
+		}), A = b(!1), Wt = 0, Gt = () => {
+			t(E.collab) && (Wt = He(E.collab.room, E.collab.field));
+		}, Kt = () => t(E.collab) && Ve(E.collab.room, E.collab.field) !== Wt, j = b(!1), M = (e = !1) => {
+			E.collabStatus !== l.Inactive && (A.value !== !0 || e && !j.value && !J.value) && (J.value = !1, j.value = !0, Vt.value(), Gt(), A.value = !0);
+		}, N = () => {
+			A.value !== !1 && (zt.value(Ut()), Gt(), A.value = !1);
+		}, qt = (e) => {
+			(A.value !== !1 || E.collabStatus === l.Inactive) && (zt.value(e), Gt(), A.value = !1);
+		}, P = Ze(Te, void 0);
+		if (a(P) || a(P.value)) throw Error("Fatal error, parent component doesn't provide necessary config ext system config.");
+		let { t: F } = ot(), { showErrorsDefault: I, showErrorT: Jt, showWarningT: Yt, showUnknownError: Xt } = ne(), Zt = Ae(k), { imageClient: Qt, imageApi: $t } = Zt, { widgetImageToDamImageUrl: en, damImageIdToDamImageUrl: tn } = je(Zt), nn = Se(), { uploadQueueDialog: rn, stopQueueLeftBehind: an } = De(), L = ve();
+		L.resetUnlessShown();
+		let { detail: R } = gt(L), z = Symbol("image media widget"), B = b(null), V = b(!1), on = b(!1), H = b(!1), U = b(!1), W = b(!1), G = b(!1), { damAuthorsAsset: sn, offerDamAuthorsOf: cn, offerNoDamAuthors: ln, pickDamAuthors: un, onAssetDetailClose: dn, holdConfirmForDetailAssetRead: fn, readHeldAnew: pn, takeHeldAnew: mn, letGoOnceSavedWithSource: hn, authorsGivenMeanwhile: gn, confirmWaits: _n } = Be(k, () => (H.value || E.expandMetadata) && f(R.value) ? R.value : null, () => E.readonly);
+		w(() => H.value || E.expandMetadata, (e) => L.setShownBy(z, e), {
+			immediate: !0,
+			flush: "sync"
+		});
+		let vn = p(() => !n(D.value) || !n(O.value)), K = b(""), yn = p(() => nn.getQueue(E.queueKey)), bn = p(() => !n(B.value)), xn = null, Sn = null, q = null, Cn = (e) => Y || q !== e ? !1 : n(R.value) ? !0 : (q = null, W.value = !1, H.value = !1, !1), wn = 0, Tn = /* @__PURE__ */ new Set(), En = null, Dn = b(d.Image), On = async () => {
+			Dn.value = $.value ?? d.Image;
+			let e = () => f(B.value) ? B.value.id : void 0, t = e(), n = r(t) ? Ge(k, t, Tn) : null;
+			if (n) {
+				let e = q = Symbol("edit");
+				L.setDetail(null), W.value = !0, H.value = !0, En = n.cancel;
+				let t = await Re(n.over, 1, k);
+				if (En = null, !Cn(e)) return;
+				if (q = null, W.value = !1, t === Le) {
+					n.cancel(), H.value = !1, Jt("error.apiTimedOut.message");
+					return;
+				}
+			}
+			let i = pn(f(B.value) ? B.value.dam.damId : void 0), a = null;
+			if (i) {
+				let e = q = Symbol("edit");
+				if (L.setDetail(null), W.value = !0, H.value = !0, a = await i, !Cn(e)) return;
+				q = null, W.value = !1;
+			}
+			let o = e(), s = r(o) ? We(k, o, wn) : null;
+			s && Hn(s, null, !0), L.setDetail(S(B.value)), mn(a, f(R.value) ? R.value : null), xn = R.value, H.value = !0;
+		}, kn = async () => {
+			let e = () => f(B.value) ? B.value.id : void 0, t = e(), n = r(t) ? Ge(k, t, Tn) : null;
+			if (n) {
+				let r = q = Symbol("edit");
+				L.setDetail(null), W.value = !0, En = n.cancel;
+				let i = await Re(n.over, 1, k);
+				if (En = null, !Cn(r) || (q = null, W.value = !1, i === Le && (n.cancel(), Jt("error.apiTimedOut.message")), e() !== t)) return;
+			}
+			let i = r(t) ? We(k, t, wn) : null;
+			if (i) return void Hn(i, null, !0);
+			L.setDetail(S(B.value));
+		}, An = () => {
+			on.value = !0;
+		}, { cachedExtSystemId: jn } = he(k), J = b(!1), Mn = Symbol("lock wait cancelled"), Nn = /* @__PURE__ */ new Set(), Y = !1;
+		nt(() => {
+			Y = !0, Nn.forEach((e) => {
+				clearTimeout(e.timer), e.reject(Mn);
+			}), Nn.clear(), !U.value && !hr.value && !Kt() && N(), L.setShownBy(z, !1), Ue(k, z, null), En?.();
+		});
+		let Pn = async () => {
+			if (!Lt.value.enabled || a(E.collab) || E.collabStatus === l.Inactive) return Promise.resolve(!0);
+			let e = 0, t = () => Y ? Promise.reject(Mn) : J.value ? Promise.resolve(!0) : (e++, e < 50 ? new Promise((e, n) => {
+				let r = {
+					timer: setTimeout(() => {
+						Nn.delete(r), e(t());
+					}, 100),
+					reject: n
+				};
+				Nn.add(r);
+			}) : Promise.reject(!1));
+			return t();
+		}, Fn = null, In = async (e) => {
+			if (E.readonly || e.length === 0 || !n(Fn) && j.value) return;
+			if (Q.value) {
+				Jt("common.damImage.error.unableToLock");
+				return;
+			}
+			M(!0);
+			let t = P.value, r = Symbol("drop");
+			Fn = r;
+			try {
+				if (await Pn(), Y || Fn !== r) return;
+				if (E.readonly) {
+					Nn.size === 0 && !V.value && !Z.value && N();
+					return;
+				}
+				jn.value = t.extSystem, e.length > 1 && Yt("common.damImage.upload.onlyOneFile"), an(E.queueKey), nn.addByFiles(E.queueKey, t.extSystem, t.licence, e.slice(0, 1), k), rn.value = E.queueKey;
+			} catch (e) {
+				if (Y || e === Mn) return;
+				Nn.size === 0 && !V.value && !Z.value && N(), Jt("common.damImage.error.unableToLock");
+			} finally {
+				Fn === r && (Fn = null);
+			}
+		}, Ln = (e) => {
+			if (E.readonly || !e[0]) return;
+			let t = P.value;
+			if (jn.value = t.extSystem, an(E.queueKey), e[0].result === "copy") nn.addByCopyToLicence(E.queueKey, t.extSystem, t.licence, [e[0].targetAsset], k);
+			else if (e[0].result === "exists") nn.addByCopyToLicence(E.queueKey, t.extSystem, t.licence, [e[0].targetAsset], k), nn.queueItemDuplicate(e[0].targetAsset, e[0].targetMainFile, d.Image, k);
+			else {
+				Jt("common.damImage.queueItem.errorUnableToCopyToLicence");
+				return;
+			}
+			rn.value = E.queueKey;
+		}, Rn = (e) => {
+			if (E.readonly || e.length === 0) return;
+			let t = P.value;
+			jn.value = t.extSystem, an(E.queueKey), nn.addByFiles(E.queueKey, t.extSystem, t.licence, e, k), rn.value = E.queueKey;
+		}, { uploadSizes: zn, uploadAccept: Bn } = Ee(d.Image, P.value.extSystemConfig), Vn = null, Hn = async (t, i, a = !1) => {
+			if (K.value = ge, t && n(B.value) || t && a) B.value = e(t), wn = Ue(k, z, t.id ?? null), f(B.value) && (r(E.damWidth) && r(E.damHeight) ? K.value = en(S(B.value), E.damWidth, E.damHeight) : K.value = en(S(B.value)), E.expandMetadata && L.setDetail(S(B.value)));
+			else if (i) {
+				let e = Ue(k, z, i);
+				try {
+					B.value = await $t.fetchImage(Qt, i), wn = e;
+				} catch (e) {
+					I(e);
+				}
+				if (Y) return;
+				f(B.value) && (r(E.damWidth) && r(E.damHeight) ? K.value = en(S(B.value), E.damWidth, E.damHeight) : K.value = en(S(B.value)), E.expandMetadata && kn());
+			} else B.value = null, Ue(k, z, null);
+		}, Un = (t) => {
+			K.value = ge, Ue(k, z, null), t ? (B.value = e(t), _e(B.value) && !n(B.value.damMedia.imageFileId) && (r(E.damWidth) && r(E.damHeight) ? K.value = tn(B.value.damMedia.imageFileId, E.damWidth, E.damHeight) : K.value = tn(B.value.damMedia.imageFileId), E.expandMetadata && L.setDetail(S(B.value)))) : B.value = null;
+		}, Wn = (e = !0) => {
+			K.value = ge, B.value = null, Ue(k, z, null), D.value = null, O.value = null, L.resetUnlessShown(z), (e || E.collabStatus === l.Inactive) && qt({
+				image: null,
+				media: null
+			});
+		};
+		w([
+			() => E.initialImage,
+			D,
+			O
+		], async ([e, t, r], [i, a, o]) => {
+			let s = Vn;
+			if (Vn = null, !n(r) && JSON.stringify(r) !== JSON.stringify(o)) Un(r);
+			else if (e !== i || t !== a) {
+				if (!n(s) && t === s && e === i) return;
+				await Hn(e, t);
+			} else n(r) && !n(o) && Un(null);
+		}, { immediate: !0 });
+		let Gn = fe(), { getDamConfigExtSystem: Kn } = oe(void 0, k), qn = b(0), Jn = async (e) => {
+			if (E.readonly) return;
+			let t = q = Symbol("pick");
+			qn.value++;
+			try {
+				await Yn(e, t);
+			} finally {
+				qn.value--, q === t && (q = null, W.value = !1);
+			}
+		}, Yn = async (e, t) => {
+			if (e.type !== "asset" || !e.value[0]) return;
+			W.value = !0, L.setDetail(null), ln();
+			let r = "", o = "", s = e.value[0];
+			if (!s.mainFile) return;
+			Dn.value = s.attributes.assetType, H.value = !0;
+			let c = null;
+			try {
+				c = await ce(X, s.id, tr);
+			} catch (e) {
+				I(e);
+			}
+			if (Cn(t)) {
+				if (!c) return void (H.value = !1);
+				if (s.attributes.assetType === d.Video && be(s.mainFile)) {
+					H.value = !0;
+					let e = {
+						extService: "damVideo",
+						damMedia: {
+							imageFileId: s.mainFile.imagePreview?.imageFile || null,
+							assetId: s.id,
+							licenceId: s.licence,
+							assetType: d.Video,
+							title: c.title,
+							description: c.description,
+							seriesName: c.seriesName,
+							authorNames: c.authorNames,
+							publishedAt: c.publishedAt,
+							duration: c.duration,
+							mediaUrl: c.mediaUrl,
+							playable: c.playable,
+							syncedWithDam: !0,
+							episodeName: c.episodeName,
+							episodeNumber: c.episodeNumber
+						}
+					};
+					L.setDetail(e);
+				} else if (s.attributes.assetType === d.Audio && s.podcasts.length > 0 && ye(s.mainFile)) {
+					H.value = !0;
+					let e = {
+						extService: "damPodcast",
+						damMedia: {
+							imageFileId: s.mainFile.imagePreview?.imageFile || null,
+							assetId: s.id,
+							licenceId: s.licence,
+							assetType: d.Audio,
+							title: c.title,
+							description: c.description,
+							seriesName: c.seriesName,
+							authorNames: c.authorNames,
+							publishedAt: c.publishedAt,
+							duration: c.duration,
+							mediaUrl: c.mediaUrl,
+							playable: c.playable,
+							syncedWithDam: !0,
+							episodeName: c.episodeName,
+							episodeNumber: c.episodeNumber
+						}
+					};
+					L.setDetail(e);
+				} else if (s.attributes.assetType === d.Image) {
+					if (nr !== !1 && !a(e.copyToLicence) && s.licence !== e.copyToLicence) {
+						let n = null;
+						try {
+							n = await xe(X, $n, [{
+								asset: e.value[0].id,
+								targetAssetLicence: e.copyToLicence
+							}]);
+						} catch (e) {
+							I(e);
+						}
+						if (!Cn(t)) return;
+						W.value = !1, H.value = !1, n && Ln(n);
+						return;
+					}
+					H.value = !0;
+					let c = null;
+					try {
+						let e = await se(X, Qn, s.id);
+						if (cr) {
+							let t = cr(e);
+							r = t.description, o = t.source;
+						} else i(e.metadata.customData?.description) && (r = e.metadata.customData.description.trim()), e.authors.length > 0 ? o = (await me(X, er, await lr(e.licence) ?? Gn.requireSelectedSelectConfig().extSystem, e.authors)).map((e) => e.name).join(", ") : e.authors.length === 0 && Kn(P.value.extSystem)?.[d.Image]?.authors?.enabled && !Ce(e) && (c = e);
+					} catch (e) {
+						I(e);
+					}
+					if (!Cn(t)) return;
+					c && cn(c, s.mainFile.id);
+					let l = Oe({
+						fileId: s.mainFile.id,
+						licenceId: s.licence,
+						internal: s.mainFileInternal
+					}, {
+						description: r,
+						source: o
+					}, {
+						position: 1,
+						id: n(D.value) ? void 0 : D.value
+					});
+					L.setDetail(l), Sn = R.value;
+				} else H.value = !1;
+				W.value = !1, E.expandMetadata && _r();
+			}
+		}, Xn = pe(), { dialog: Zn } = gt(Xn), { damClient: X, endPointAsset: Qn, endPointImage: $n, endPointAuthor: er, endPointCmsAsset: tr, copyToLicenceEnabled: nr, showSourceEnabled: rr, sourceLabel: ir, editAssetLabel: ar, addFromDamLabel: or, replaceFromDamLabel: sr, customAssetSelectMetadataToImageMap: cr } = ie(k), { getExtSystemByLicence: lr } = oe(X, k), ur = async (e) => {
+			let t = null;
+			try {
+				await Xn.open(E.queueKey, async () => {
+					let n = await le(X, Qn, e), r = await lr(n.licence) ?? P.value.extSystem;
+					return await Pe(X, r, n.attributes.assetType, k), t = r, n;
+				}, () => {
+					t && (jn.value = t);
+				});
+			} catch (e) {
+				I(e);
+			}
+		}, dr = () => {
+			L.setDetail(null), H.value = !1, q = null, W.value = !1, En?.();
+		}, fr = async () => {
+			if (_e(R.value) && !U.value) {
+				U.value = !0;
+				try {
+					H.value = !1;
+					let e = R.value;
+					O.value = e, D.value = null, L.setDetail(null), Un(e), It("afterMetadataSaveSuccess"), qt({
+						image: null,
+						media: e
+					});
+				} catch (e) {
+					I(e);
+				} finally {
+					U.value = !1;
+				}
+			}
+		}, pr = async () => {
+			if (!f(R.value) || fn(U.value, () => xr.value?.confirm()) || U.value) return;
+			let e = R.value, t = () => Y || R.value !== e, r = () => t() || E.readonly;
+			U.value = !0;
+			let i = hn(e);
+			try {
+				let o = sn.value;
+				if (o && o.authors.length > 0) {
+					let i;
+					try {
+						i = await gn(o);
+					} catch (e) {
+						!r() && !I(e) && Xt();
+						return;
+					}
+					if (r()) return;
+					if (!n(i)) {
+						ln(), ze(e, i), Yt("common.damImage.image.meta.authorsGivenMeanwhile", -1);
+						return;
+					}
+					let a = await me(X, er, await lr(o.licence) ?? Gn.requireSelectedSelectConfig().extSystem, o.authors);
+					if (r()) return;
+					let s = a.map((e) => e.name).join(", ");
+					try {
+						await de(X, Qn, o);
+					} catch (e) {
+						ue(e, Gn.requireSelectedSelectConfig().extSystem, k);
+						return;
+					}
+					if (t()) return;
+					e.texts.source = s, ln();
+				}
+				let s = ke(e), c = s.id ? await Ke(k, s.id, Tn, $t.updateImage(Qt, s.id, s)) : await $t.createImage(Qt, s);
+				if (Y) return;
+				i();
+				let ee = H.value, u = R.value, te = !E.expandMetadata && ee && (n(u) ? !n(q) : u !== e && u !== xn);
+				te || (H.value = !1), s.id || (Vn = c.id), D.value = c.id, O.value = null, !te && (ee || E.expandMetadata) && L.setDetail(null), te && !s.id && u === Sn && f(u) && a(u.id) && (u.id = c.id), E.collabStatus === l.Inactive || !V.value && !Z.value ? qt({
+					image: c.id,
+					media: null
+				}) : A.value && !te && Bt.value({
+					image: c.id,
+					media: null
+				}), await Hn(c, c.id, !0), It("afterMetadataSaveSuccess");
+			} catch (e) {
+				I(e);
+			} finally {
+				U.value = !1, (Y ? !Kt() : !V.value && !Z.value) && N();
+			}
+		}, mr = async () => {
+			E.readonly || (await fr(), await pr());
+		}, hr = b(!1), gr = async () => {
+			let e = D.value;
+			if (E.callDeleteApiOnRemove && !n(e)) {
+				hr.value = !0;
+				try {
+					await $t.deleteImage(Qt, e), Y || Wn(!V.value && !Z.value);
+				} catch (e) {
+					I(e);
+				} finally {
+					hr.value = !1;
+				}
+				(Y ? !Kt() : !V.value && !Z.value) && N();
+			} else Wn();
+		}, _r = () => {
+			_e(R.value) ? Un(R.value) : f(R.value) && Hn(R.value, null, !0);
+		}, vr = (e) => {
+			E.readonly || e[0] && (n(D.value) || (e[0].id = D.value), ln(), Dn.value = d.Image, L.setDetail(e[0]), Sn = R.value, H.value = !0, E.expandMetadata && _r());
+		}, yr = b(null), br = () => {
+			Q.value || E.readonly || (M(), E.expandOptions ? yr.value?.activate() : V.value = !0);
+		}, xr = b(null), Sr = () => {
+			E.readonly || xr.value?.confirm();
+		}, Cr = () => {
+			M();
+		}, Z = p(() => qn.value > 0 || H.value || on.value || G.value || rn.value === E.queueKey), Q = p(() => !n(Ht.value)), wr = p(() => O.value && O.value.damMedia.assetType ? O.value.damMedia.assetType : d.Image), $ = p(() => _e(B.value) ? B.value.damMedia.assetType === Me.Video ? d.Video : d.Audio : f(B.value) ? d.Image : null);
+		return w(V, (e, t) => {
+			if (e !== t) {
+				if (e) return void M(!0);
+				Z.value || hr.value || U.value || N();
+			}
+		}, { immediate: !1 }), w(Z, (e, t) => {
+			if (e !== t) {
+				if (e) return void M(!0);
+				hr.value || U.value || N();
+			}
+		}, { immediate: !1 }), w([() => E.readonly, U], ([e]) => {
+			e && (V.value = !1, G.value = !1, H.value && !U.value && !E.expandMetadata && dr());
+		}), w(Rt, (e) => {
+			e && (A.value = !1, j.value = !1, J.value = !1);
+		}), w(() => E.collabStatus, (e, t) => {
+			e !== l.Inactive && t === l.Inactive && (V.value || Z.value) && M(!0);
+		}), Qe({ metadataConfirm: Sr }), (e, t) => (y(), g(Je, null, [
+			Ye("div", {
+				class: et(["a-image-widget", { "a-image-widget--locked": Q.value }]),
+				style: tt({
+					width: v.width ? v.width + "px" : void 0,
+					maxWidth: v.maxWidth ? v.maxWidth + "px" : void 0
+				})
+			}, [
+				Ye("div", vt, [v.label ? (y(), g("h4", yt, [Xe(x(v.label), 1), v.required ? (y(), g("span", bt)) : h("", !0)])) : h("", !0), Ye("div", xt, [Q.value && v.collab ? (y(), g("div", St, [_(o, {
+					id: Ht.value,
+					users: v.collab.cachedUsers
+				}, null, 8, ["id", "users"])])) : h("", !0), v.readonly ? h("", !0) : (y(), g("div", Ct, [v.expandOptions ? (y(), g("div", wt, [
+					bn.value && !v.expandMetadata ? (y(), m(dt, {
+						key: 0,
+						class: "mr-2 mb-2",
+						disabled: Q.value,
+						text: $.value === C(d).Image ? C(F)("common.damImage.image.meta.edit") : C(F)("common.damImage.media.meta.edit"),
+						onClick: On
+					}, null, 8, ["disabled", "text"])) : h("", !0),
+					_(dt, {
+						class: "mr-2 mb-2",
+						disabled: Q.value,
+						onClick: An
+					}, {
+						default: T(() => [bn.value ? (y(), g("span", Tt, x(C(sr)), 1)) : (y(), g("span", Et, x(C(or)), 1))]),
+						_: 1
+					}, 8, ["disabled"]),
+					_(Ie, {
+						ref_key: "expandedUploadDialog",
+						ref: yr,
+						modelValue: G.value,
+						"onUpdate:modelValue": t[0] ||= (e) => G.value = e,
+						"file-input-key": yn.value?.fileInputKey,
+						accept: C(Bn),
+						"max-sizes": C(zn),
+						"toolbar-t": "common.damImage.image.button.upload",
+						onFilesInput: Rn
+					}, {
+						activator: T(({ props: e }) => [_(dt, $e(e, { disabled: Q.value }), {
+							default: T(() => [Xe(x(C(F)("common.damImage.image.button.upload")), 1)]),
+							_: 1
+						}, 16, ["disabled"])]),
+						_: 1
+					}, 8, [
+						"modelValue",
+						"file-input-key",
+						"accept",
+						"max-sizes"
+					]),
+					v.required ? (y(), g("span", Dt)) : h("", !0)
+				])) : (y(), m(dt, {
+					key: 1,
+					variant: "text",
+					size: "x-small",
+					icon: "",
+					disabled: Q.value,
+					"aria-label": C(F)("common.damImage.image.button.options"),
+					onClick: at(Cr, ["stop"])
+				}, {
+					default: T(() => [
+						_(st, { icon: "mdi-dots-horizontal" }),
+						_(ut, {
+							activator: "parent",
+							location: "top"
+						}, {
+							default: T(() => [Xe(x(C(F)("common.damImage.image.button.options")), 1)]),
+							_: 1
+						}),
+						_(ht, {
+							modelValue: V.value,
+							"onUpdate:modelValue": t[2] ||= (e) => V.value = e,
+							activator: "parent",
+							location: "bottom right",
+							eager: ""
+						}, {
+							default: T(() => [_(lt, null, {
+								default: T(() => [_(ft, { density: "compact" }, {
+									default: T(() => [
+										bn.value && !v.expandMetadata ? (y(), m(pt, {
+											key: 0,
+											onClick: On
+										}, {
+											default: T(() => [_(mt, null, {
+												default: T(() => [Xe(x($.value === C(d).Image ? C(F)("common.damImage.image.meta.edit") : C(F)("common.damImage.media.meta.edit")), 1)]),
+												_: 1
+											})]),
+											_: 1
+										})) : h("", !0),
+										_(pt, { onClick: An }, {
+											default: T(() => [_(mt, null, {
+												default: T(() => [bn.value ? (y(), g("span", Ot, x(C(sr)), 1)) : (y(), g("span", kt, x(C(or)), 1))]),
+												_: 1
+											})]),
+											_: 1
+										}),
+										_(Ie, {
+											modelValue: G.value,
+											"onUpdate:modelValue": t[1] ||= (e) => G.value = e,
+											"file-input-key": yn.value?.fileInputKey,
+											accept: C(Bn),
+											"max-sizes": C(zn),
+											"toolbar-t": "common.damImage.image.button.upload",
+											onFilesInput: Rn
+										}, {
+											activator: T(({ props: e }) => [_(pt, { onClick: (t) => {
+												e.onClick(t), V.value = !1;
+											} }, {
+												default: T(() => [Xe(x(C(F)("common.damImage.image.button.upload")), 1)]),
+												_: 1
+											}, 8, ["onClick"])]),
+											_: 1
+										}, 8, [
+											"modelValue",
+											"file-input-key",
+											"accept",
+											"max-sizes"
+										]),
+										bn.value ? (y(), m(pt, {
+											key: 1,
+											onClick: gr
+										}, {
+											default: T(() => [_(mt, null, {
+												default: T(() => [Xe(x($.value === C(d).Image ? C(F)("common.damImage.image.button.removeImage") : C(F)("common.damImage.media.button.remove")), 1)]),
+												_: 1
+											})]),
+											_: 1
+										})) : h("", !0)
+									]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["modelValue"])
+					]),
+					_: 1
+				}, 8, ["disabled", "aria-label"]))]))])]),
+				Ye("div", At, [
+					_(_t, {
+						"lazy-src": C(ge),
+						src: K.value,
+						width: v.width,
+						height: v.height,
+						cover: "",
+						"max-width": "100%",
+						class: "disable-radius"
+					}, {
+						placeholder: T(() => [Ye("div", jt, [_(ct, {
+							indeterminate: "",
+							color: "grey-lighten-4"
+						})])]),
+						_: 1
+					}, 8, [
+						"lazy-src",
+						"src",
+						"width",
+						"height"
+					]),
+					$.value ? (y(), g("div", Mt, [$.value === C(d).Audio ? (y(), g("div", Nt, [_(st, {
+						size: "80",
+						icon: "mdi-music",
+						color: "#505050"
+					})])) : $.value === C(d).Video ? (y(), g("div", Pt, [_(st, {
+						size: "80",
+						icon: "mdi-video",
+						color: "#505050"
+					})])) : h("", !0)])) : h("", !0),
+					v.readonly ? h("", !0) : (y(), m(re, {
+						key: 1,
+						variant: "fill",
+						transparent: "",
+						accept: C(Bn),
+						"max-sizes": C(zn),
+						"hide-text": vn.value || Q.value,
+						onClick: br,
+						onDrop: In
+					}, null, 8, [
+						"accept",
+						"max-sizes",
+						"hide-text"
+					]))
+				]),
+				rt(e.$slots, "append", { imageMedia: B.value }),
+				v.readonly ? h("", !0) : (y(), m(Ne, {
+					key: 0,
+					ref_key: "detailDialogMetadataComponent",
+					ref: xr,
+					modelValue: H.value,
+					"onUpdate:modelValue": t[3] ||= (e) => H.value = e,
+					"show-dam-authors": !!C(sn),
+					"dam-authors": C(sn)?.authors,
+					"show-source-enabled": C(rr),
+					"source-label": C(ir),
+					"edit-asset-label": C(ar),
+					expand: v.expandMetadata,
+					saving: U.value || C(_n),
+					loading: W.value,
+					type: Dn.value,
+					onEditAsset: ur,
+					"onUpdate:damAuthors": C(un),
+					onConfirm: mr,
+					onClose: dr
+				}, {
+					preview: T(({ imageMedia: t }) => [rt(e.$slots, "preview", { imageMedia: t })]),
+					_: 3
+				}, 8, [
+					"modelValue",
+					"show-dam-authors",
+					"dam-authors",
+					"show-source-enabled",
+					"source-label",
+					"edit-asset-label",
+					"expand",
+					"saving",
+					"loading",
+					"type",
+					"onUpdate:damAuthors"
+				]))
+			], 6),
+			_(qe, {
+				modelValue: on.value,
+				"onUpdate:modelValue": t[4] ||= (e) => on.value = e,
+				"select-licences": v.selectLicences,
+				"upload-licence": v.uploadLicence,
+				"min-count": 1,
+				"max-count": 1,
+				"config-name": C(k),
+				"return-type": "asset",
+				"preselect-asset-type": wr.value,
+				"preselect-in-podcast": wr.value === C(d).Audio || null,
+				onConfirm: Jn
+			}, null, 8, [
+				"modelValue",
+				"select-licences",
+				"upload-licence",
+				"config-name",
+				"preselect-asset-type",
+				"preselect-in-podcast"
+			]),
+			C(Zn) === v.queueKey ? (y(), m(we, {
+				key: 0,
+				"queue-key": v.queueKey,
+				"config-name": C(k),
+				"ext-system": C(jn),
+				onClose: C(dn)
+			}, null, 8, [
+				"queue-key",
+				"config-name",
+				"ext-system",
+				"onClose"
+			])) : h("", !0),
+			C(rn) === v.queueKey && C(P) ? (y(), m(Fe, {
+				key: 1,
+				"queue-key": v.queueKey,
+				"ext-system": C(P).extSystem,
+				"licence-id": C(P).licence,
+				"file-input-key": yn.value?.fileInputKey ?? -1,
+				accept: C(Bn),
+				"max-sizes": C(zn),
+				onApply: vr
+			}, null, 8, [
+				"queue-key",
+				"ext-system",
+				"licence-id",
+				"file-input-key",
+				"accept",
+				"max-sizes"
+			])) : h("", !0)
+		], 64));
+	}
+});
+//#endregion
+export { Ft as default };
+
+//# sourceMappingURL=ImageMediaWidgetInner.vue_vue_type_script_setup_true_lang.js.map