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

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

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