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

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

@@ -0,0 +1,164 @@
+import { useCommonAdminCoreDamOptions as e } from "../../composables/commonAdminCoreDamOptions.js";
+import { fetchAssetByFileId as t } from "../../api/damAssetApi.js";
+import { cloneDeep as n, isDocId as r, isNull as i, isString as ee } from "../../../../shared/utils/common.js";
+import { useImageActions as te } from "../composables/imageActions.js";
+import { useCommonAdminImageOptions as ne } from "../composables/commonAdminImageOptions.js";
+import { useAlerts as re } from "../../../system/composables/alerts.js";
+import ie from "../../../form/components/AFormTextField.js";
+import a from "../../../form/components/AFormTextarea.js";
+import o from "../../../ui/components/ARow.js";
+import { useValidate as s } from "../../../../shared/validators/vuelidate/useValidate.js";
+import { buildFieldRules as c } from "../../composables/uploadValidations.js";
+import { createDamImage as l } from "../utils/damImage.js";
+import { useDamConfigName as u } from "../../composables/damConfigName.js";
+import { Fragment as d, computed as ae, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeModels as _, openBlock as v, ref as y, toDisplayString as b, toRaw as x, unref as S, useModel as oe, watch as C, withCtx as w, withKeys as T } from "vue";
+import { useI18n as E } from "vue-i18n";
+import se from "@vuelidate/core";
+// src/domains/dam/imageWidget/components/AImagePublicInput.vue?vue&type=script&setup=true&lang.ts
+var ce = ["src"], D = /*@__PURE__*/ g({
+	__name: "AImagePublicInput",
+	props: /*@__PURE__*/ _({
+		selectLicences: {},
+		image: { default: void 0 },
+		configName: { default: void 0 },
+		labelT: { default: "common.damImage.public.idOrUrl" },
+		dataCy: { default: void 0 }
+	}, {
+		modelValue: {
+			default: null,
+			required: !0
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(g, { expose: _ }) {
+		let D = g, O = oe(g, "modelValue"), k = u(D.configName), A = y(""), j = y({
+			description: "",
+			source: ""
+		}), M = y(""), N = y(null), P = null, F = y(!0), I = y(!1), L = ne(k), { imageClient: R, imageApi: z } = L, { damClient: B, endPointAsset: V, sourceLabel: H, descriptionValidation: U, sourceValidation: W } = e(k), { widgetImageToDamImageOriginalUrl: G } = te(L), { showErrorsDefault: K, showValidationError: le } = re(), { t: q } = E(), ue = (e) => {
+			let t = e.match(/\/image\/original\/([0-9a-fA-F-]+)\.jpg/);
+			return t ? t[1] : void 0;
+		}, de = (e, t) => t.some((t) => t === e.licence), J = s(), fe = { meta: {
+			description: c(U, J),
+			source: c(W, J)
+		} }, Y = se(fe, { meta: j }, { $stopPropagation: !0 }), X = async () => {
+			if (I.value = !0, F.value = !0, A.value = A.value.trim(), A.value.startsWith("http")) {
+				let e = ue(A.value);
+				ee(e) && (A.value = e);
+			}
+			if (!r(A.value)) return F.value = !1, Promise.reject("Incorrect URL/ID provided");
+			try {
+				let e = await t(B, V, A.value);
+				return i(e.mainFile) ? (F.value = !1, Promise.reject("Incorrect asset mainFile")) : de(e, D.selectLicences) ? (F.value = !0, Promise.resolve(e)) : (F.value = !1, Promise.reject("Incorrect asset or no access"));
+			} catch {
+				return F.value = !1, Promise.reject("Incorrect asset or no access");
+			}
+		}, pe = async () => {
+			try {
+				let e = await X();
+				if (Y.value.$touch(), Y.value.$invalid) return le(), Promise.reject("Invalid source or description");
+				let t = l({
+					fileId: e.mainFile.id,
+					licenceId: e.licence,
+					internal: e.mainFileInternal
+				}, {
+					description: j.value.description.trim(),
+					source: j.value.source.trim()
+				}, {
+					position: 0,
+					id: N.value?.id || void 0
+				}), n = N.value?.id ? await z.updateImage(R, N.value.id, t) : await z.createImage(R, t);
+				return N.value = n, t.id || (P = n.id), O.value = n.id, t.id || await Q(n, n.id, !0), Promise.resolve({
+					asset: e,
+					image: n
+				});
+			} catch (e) {
+				K(e);
+				return;
+			}
+		}, me = () => {
+			M.value = G(l({
+				fileId: A.value,
+				licenceId: 0
+			}));
+		}, Z = async () => {
+			try {
+				await X(), me();
+			} catch {}
+		}, Q = async (e, t, r = !1) => {
+			if (M.value = "", e && i(N.value) || e && r) N.value = n(e), N.value && (A.value = N.value.dam.damId, M.value = G(x(N.value)), j.value.description = N.value.texts.description, j.value.source = N.value.texts.source, Z());
+			else if (t) {
+				try {
+					N.value = await z.fetchImage(R, t);
+				} catch (e) {
+					K(e);
+				}
+				i(N.value) || (A.value = N.value.dam.damId, M.value = G(x(N.value)), j.value.description = N.value.texts.description, j.value.source = N.value.texts.source, Z());
+			} else N.value = null, j.value.description = "", j.value.source = "";
+		}, $ = ae(() => !(F.value && I.value));
+		return C([() => D.image, O], async ([e, t], [n]) => {
+			let r = P;
+			P = null, (i(r) || t !== r || e !== n) && await Q(e, t);
+		}, { immediate: !0 }), _({ submit: pe }), (e, t) => (v(), p(d, null, [
+			h(o, null, {
+				default: w(() => [h(ie, {
+					modelValue: A.value,
+					"onUpdate:modelValue": t[0] ||= (e) => A.value = e,
+					label: g.labelT ? S(q)(g.labelT) : void 0,
+					error: !F.value,
+					"error-message": F.value ? void 0 : S(q)("common.damImage.public.inputError"),
+					required: "",
+					onBlur: Z,
+					onKeyup: T(Z, ["enter"])
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"error",
+					"error-message"
+				])]),
+				_: 1
+			}),
+			h(o, null, {
+				default: w(() => [h(a, {
+					modelValue: j.value.description,
+					"onUpdate:modelValue": t[1] ||= (e) => j.value.description = e,
+					label: S(q)("common.damImage.image.model.texts.description"),
+					v: S(Y).meta.description,
+					disabled: $.value
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"v",
+					"disabled"
+				])]),
+				_: 1
+			}),
+			h(o, null, {
+				default: w(() => [h(a, {
+					modelValue: j.value.source,
+					"onUpdate:modelValue": t[2] ||= (e) => j.value.source = e,
+					label: S(H),
+					v: S(Y).meta.source,
+					disabled: $.value
+				}, null, 8, [
+					"modelValue",
+					"label",
+					"v",
+					"disabled"
+				])]),
+				_: 1
+			}),
+			h(o, { style: { "min-height": "50px" } }, {
+				default: w(() => [m("div", null, b(S(q)("common.damImage.public.imagePreview")) + ":", 1), M.value.length > 0 ? (v(), p("img", {
+					key: 0,
+					src: M.value,
+					alt: ""
+				}, null, 8, ce)) : f("", !0)]),
+				_: 1
+			})
+		], 64));
+	}
+});
+export { D as default };
+
+//# sourceMappingURL=AImagePublicInput.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/imageWidget/components/AImagePublicInput.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AImagePublicInput.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_Fragment","_createVNode","ARow","_withCtx","AFormTextField","_unref","_withKeys","AFormTextarea","_createElementVNode","_toDisplayString","_createCommentVNode","AFormTextField_default","AFormTextarea_default","ARow_default","useVuelidate","_hoisted_1","AImagePublicInput_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","props","__props","modelValue","useModel","damConfigName","useDamConfigName","inputField","ref","meta","resolvedSrc","resImage","createdImageId","isValid","isDirty","imageOptions","useCommonAdminImageOptions","useCommonAdminCoreDamOptions","useImageActions","useAlerts","useI18n","extractUUID","match","url","validateAssetData","licences","licence","asset","validators","useValidate","rules","buildFieldRules","descriptionValidation","sourceValidation","v$","validateField","extracted","isString","isDocId","assetRes","fetchAssetByFileId","damClient","endPointAsset","isNull","submit","showValidationError","data","createDamImage","imageRes","imageApi","imageClient","reload","updatePreviewAndTexts","widgetImageToDamImageOriginalUrl","onBlur","newImage","force","cloneDeep","toRaw","newImageId","error","disabled","computed","watch","oldImage","created","openBlock","createElementBlock","Fragment","createVNode","withCtx","_cache","$event","unref","t","withKeys","sourceLabel","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImagePublicInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { fetchAssetByFileId } from '@/domains/dam/api/damAssetApi'\nimport { cloneDeep, isDocId, isNull, isString } from '@/shared/utils/common'\nimport { computed, ref, toRaw, watch } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useI18n } from 'vue-i18n'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { createDamImage } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // optional, if available, no need to fetch image data\n    configName?: string\n    labelT?: string | undefined\n    dataCy?: string | undefined\n  }>(),\n  {\n    image: undefined,\n    configName: undefined,\n    labelT: 'common.damImage.public.idOrUrl',\n    dataCy: undefined,\n  }\n)\nconst modelValue = defineModel<IntegerIdNullable>({ default: null, required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\nconst inputField = ref('')\nconst meta = ref({ description: '', source: '' })\n\nconst resolvedSrc = ref('')\nconst resImage = ref<null | ImageCreateUpdateAware>(null)\n// Id of the image this input just created. The model changes to it, and\n// fields are filled from the create response, so the image is not read again.\n// Any other id change triggers a read.\nlet createdImageId: IntegerIdNullable = null\n\nconst isValid = ref(true)\nconst isDirty = ref(false)\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { damClient, endPointAsset, sourceLabel, descriptionValidation, sourceValidation } =\n  useCommonAdminCoreDamOptions(damConfigName)\nconst { widgetImageToDamImageOriginalUrl } = useImageActions(imageOptions)\n\nconst { showErrorsDefault, showValidationError } = useAlerts()\nconst { t } = useI18n()\n\nconst extractUUID = (url: string): string | undefined => {\n  const regex = /\\/image\\/original\\/([0-9a-fA-F-]+)\\.jpg/\n  const match = url.match(regex)\n\n  return match ? match[1] : undefined\n}\n\nconst validateAssetData = (asset: AssetDetailItemDto, licences: IntegerId[]) => {\n  return licences.some((licence) => licence === asset.licence)\n}\n\nconst validators = useValidate()\n\nconst rules = {\n  meta: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}\nconst v$ = useVuelidate(rules, { meta }, { $stopPropagation: true })\n\nconst validateField = async () => {\n  isDirty.value = true\n  isValid.value = true\n  inputField.value = inputField.value.trim()\n  if (inputField.value.startsWith('http')) {\n    const extracted = extractUUID(inputField.value)\n    if (isString(extracted)) inputField.value = extracted\n  }\n  if (!isDocId(inputField.value)) {\n    isValid.value = false\n    return Promise.reject('Incorrect URL/ID provided')\n  }\n  try {\n    const assetRes = await fetchAssetByFileId(damClient, endPointAsset, inputField.value)\n    if (isNull(assetRes.mainFile)) {\n      isValid.value = false\n      return Promise.reject('Incorrect asset mainFile')\n    }\n    if (validateAssetData(assetRes, props.selectLicences)) {\n      isValid.value = true\n      return Promise.resolve(assetRes)\n    }\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  } catch (e) {\n    isValid.value = false\n    return Promise.reject('Incorrect asset or no access')\n  }\n}\n\nconst submit = async () => {\n  try {\n    const asset = await validateField()\n    v$.value.$touch()\n    if (v$.value.$invalid) {\n      showValidationError()\n      return Promise.reject('Invalid source or description')\n    }\n    const data = createDamImage(\n      { fileId: asset.mainFile!.id, licenceId: asset.licence, internal: asset.mainFileInternal },\n      { description: meta.value.description.trim(), source: meta.value.source.trim() },\n      { position: 0, id: resImage.value?.id || undefined }\n    )\n    const imageRes = resImage.value?.id\n      ? await imageApi.updateImage(imageClient, resImage.value.id, data)\n      : await imageApi.createImage(imageClient, data)\n    resImage.value = imageRes\n    if (!data.id) createdImageId = imageRes.id\n    modelValue.value = imageRes.id\n    // Fills the fields from the create response instead of reading the created image.\n    if (!data.id) await reload(imageRes, imageRes.id, true)\n    return Promise.resolve({ asset: asset, image: imageRes })\n  } catch (e) {\n    showErrorsDefault(e)\n    return undefined\n  }\n}\n\nconst updatePreviewAndTexts = () => {\n  resolvedSrc.value = widgetImageToDamImageOriginalUrl(createDamImage({ fileId: inputField.value, licenceId: 0 }))\n}\n\nconst onBlur = async () => {\n  try {\n    await validateField()\n    updatePreviewAndTexts()\n  } catch (e) {\n    //\n  }\n}\n\nconst reload = async (newImage: ImageCreateUpdateAware | undefined, newImageId: IntegerIdNullable, force = false) => {\n  resolvedSrc.value = ''\n  if ((newImage && isNull(resImage.value)) || (newImage && force)) {\n    resImage.value = cloneDeep(newImage)\n    if (resImage.value) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  if (newImageId) {\n    try {\n      resImage.value = await imageApi.fetchImage(imageClient, newImageId)\n    } catch (error) {\n      showErrorsDefault(error)\n    }\n    if (!isNull(resImage.value)) {\n      inputField.value = resImage.value.dam.damId\n      resolvedSrc.value = widgetImageToDamImageOriginalUrl(toRaw(resImage.value))\n      meta.value.description = resImage.value.texts.description\n      meta.value.source = resImage.value.texts.source\n      onBlur()\n    }\n    return\n  }\n  resImage.value = null\n  meta.value.description = ''\n  meta.value.source = ''\n}\n\nconst disabled = computed(() => !(isValid.value && isDirty.value))\n\nwatch(\n  [() => props.image, modelValue],\n  async ([newImage, newImageId], [oldImage]) => {\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(created) && newImageId === created && newImage === oldImage) return\n    await reload(newImage, newImageId)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  submit,\n})\n</script>\n\n<template>\n  <ARow>\n    <AFormTextField\n      v-model=\"inputField\"\n      :label=\"labelT ? t(labelT) : undefined\"\n      :error=\"!isValid\"\n      :error-message=\"isValid ? undefined : t('common.damImage.public.inputError')\"\n      required\n      @blur=\"onBlur\"\n      @keyup.enter=\"onBlur\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.description\"\n      :label=\"t('common.damImage.image.model.texts.description')\"\n      :v=\"v$.meta.description\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow>\n    <AFormTextarea\n      v-model=\"meta.source\"\n      :label=\"sourceLabel\"\n      :v=\"v$.meta.source\"\n      :disabled=\"disabled\"\n    />\n  </ARow>\n  <ARow style=\"min-height: 50px\">\n    <div>{{ t('common.damImage.public.imagePreview') }}:</div>\n    <img\n      v-if=\"resolvedSrc.length > 0\"\n      :src=\"resolvedSrc\"\n      alt=\"\"\n    />\n  </ARow>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/imageWidget/components/AImageWidget.js

@@ -0,0 +1,6 @@
+import e from "./AImageWidget.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/imageWidget/components/AImageWidget.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AImageWidget.js.map

package/dist/domains/dam/imageWidget/components/AImageWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AImageWidget.js","names":["_sfc_main","AImageWidget_vue_vue_type_script_setup_true_lang_default","AImageWidget_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport ImageWidgetInner from '@/domains/dam/imageWidget/components/ImageWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { type CollabComponentConfig, CollabStatus, type CollabStatusType } from '@/domains/collab/types/Collab'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerIdNullable\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // If given, the image data is not fetched.\n    configName?: string\n    collab?: CollabComponentConfig\n    collabStatus?: CollabStatusType\n    label?: string | undefined\n    readonly?: boolean\n    required?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean\n    disableOnClickMenu?: boolean\n    width?: number | undefined\n    maxWidth?: number | undefined\n    height?: number | undefined\n    callDeleteApiOnRemove?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    required: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    expandMetadata: false,\n    disableOnClickMenu: false,\n    width: undefined,\n    maxWidth: undefined,\n    height: undefined,\n    callDeleteApiOnRemove: false,\n    damWidth: undefined,\n    damHeight: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerIdNullable): void\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n// Declared explicitly: the read-only fallback renders the slot too, and the inferred type would be looser.\ndefineSlots<{\n  append?: (props: { image: ImageCreateUpdateAware | null }) => unknown\n}>()\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  // Starts as the ext system of the upload licence, until a pick, a drop or \"edit asset\" sets another.\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetInner> | null>(null)\n\nconst metadataConfirm = () => {\n  innerComponent.value?.metadataConfirm()\n}\n\ndefineExpose({\n  metadataConfirm,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ image: appendImage }\">\n      <slot\n        name=\"append\"\n        :image=\"appendImage\"\n      />\n    </template>\n  </ImageWidgetInner>\n  <!-- The config also fails for a user without access to the licence. The existing image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetSimple\n      v-if=\"modelValue || image\"\n      :model-value=\"modelValue\"\n      :image=\"image\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ image: appendImage }\">\n        <slot\n          name=\"append\"\n          :image=\"appendImage\"\n        />\n      </template>\n    </AImageWidgetSimple>\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/imageWidget/components/AImageWidget.vue.d.ts

@@ -0,0 +1,71 @@
+import { IntegerId, IntegerIdNullable } from '../../../../shared/types/common';
+import { ImageAware, ImageCreateUpdateAware } from '../../types/ImageAware';
+import { UploadQueueKey } from '../../types/UploadQueue';
+import { CollabComponentConfig, CollabStatusType } from '../../../collab/types/Collab';
+type __VLS_Props = {
+    modelValue: IntegerIdNullable;
+    queueKey: UploadQueueKey;
+    uploadLicence: IntegerId;
+    selectLicences: IntegerId[];
+    image?: ImageAware | undefined;
+    configName?: string;
+    collab?: CollabComponentConfig;
+    collabStatus?: CollabStatusType;
+    label?: string | undefined;
+    readonly?: boolean;
+    required?: boolean;
+    dataCy?: string | undefined;
+    expandOptions?: boolean;
+    expandMetadata?: boolean;
+    disableOnClickMenu?: boolean;
+    width?: number | undefined;
+    maxWidth?: number | undefined;
+    height?: number | undefined;
+    callDeleteApiOnRemove?: boolean;
+    damWidth?: undefined | number;
+    damHeight?: undefined | number;
+};
+type __VLS_Slots = {
+    append?: (props: {
+        image: ImageCreateUpdateAware | null;
+    }) => unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    metadataConfirm: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: IntegerIdNullable) => any;
+    afterMetadataSaveSuccess: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: IntegerIdNullable) => any) | undefined;
+    onAfterMetadataSaveSuccess?: (() => any) | undefined;
+}>, {
+    collab: {
+        room: import('../../../collab/types/Collab').CollabRoom;
+        field: import('../../../collab/types/Collab').CollabFieldName;
+        cachedUsers: import('../../../../lib').CollabCachedUsersMap;
+    };
+    label: string;
+    image: ImageAware;
+    width: number;
+    height: number;
+    required: boolean;
+    dataCy: string;
+    maxWidth: number;
+    readonly: boolean;
+    configName: string;
+    damWidth: number;
+    damHeight: number;
+    collabStatus: CollabStatusType;
+    expandOptions: boolean;
+    expandMetadata: boolean;
+    disableOnClickMenu: boolean;
+    callDeleteApiOnRemove: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,137 @@
+import { useDamConfigState as e } from "../../config/composables/damConfigState.js";
+import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
+import n from "./ImageWidgetInner.js";
+import r from "./AImageWidgetSimple.js";
+import { ImageWidgetUploadConfigKey as i } from "../utils/imageWidgetInkectionKeys.js";
+import { isUndefined as a } from "../../../../shared/utils/common.js";
+import { isImageWidgetUploadConfigAllowed as o } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
+import { CollabStatus as s } from "../../../collab/types/Collab.js";
+import { useDamConfigStoreOf as c } from "../../config/store/damConfigStore.js";
+import { useDamConfigName as l } from "../../composables/damConfigName.js";
+import { useExtSystemIdForCached as u } from "../../composables/extSystemIdForCached.js";
+import { DamAssetType as d } from "../../types/Asset.js";
+import { createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, defineComponent as g, mergeProps as _, onMounted as v, openBlock as y, provide as b, ref as x, renderSlot as S, shallowRef as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+import { useI18n as D } from "vue-i18n";
+import { VProgressCircular as O } from "vuetify/components/VProgressCircular";
+// src/domains/dam/imageWidget/components/AImageWidget.vue?vue&type=script&setup=true&lang.ts
+var k = { key: 1 }, A = { class: "text-error" }, j = /*@__PURE__*/ g({
+	__name: "AImageWidget",
+	props: {
+		modelValue: {},
+		queueKey: {},
+		uploadLicence: {},
+		selectLicences: {},
+		image: { default: void 0 },
+		configName: { default: void 0 },
+		collab: { default: void 0 },
+		collabStatus: { default: s.Inactive },
+		label: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			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 }
+	},
+	emits: ["update:modelValue", "afterMetadataSaveSuccess"],
+	setup(s, { expose: g, emit: j }) {
+		let M = s, N = j, P = l(M.configName), F = x("loading"), I = x(!0), { damClient: L } = t(P), { loadDamPrvConfig: R, loadDamConfigAssetCustomFormElements: z, getDamConfigAssetCustomFormElements: B, getOrLoadDamConfigExtSystemByLicence: V, getOrLoadDamConfigExtSystemByLicences: H } = e(L, P), U = C(void 0), { cachedExtSystemId: W } = u(P);
+		v(async () => {
+			let e = c(P);
+			if (U.value = await V(M.uploadLicence), a(U.value)) {
+				F.value = "error";
+				return;
+			}
+			if (W.value = U.value.extSystem, !o(U.value, P)) {
+				I.value = !1;
+				try {
+					e.initialized.damPrvConfig || await R(), F.value = "ready";
+				} catch {
+					F.value = "error";
+				}
+				return;
+			}
+			let t = [];
+			e.initialized.damPrvConfig || t.push(R()), t.push(H(M.selectLicences));
+			let { extSystem: n } = U.value;
+			a(B(n, d.Image)) && t.push(z(n, B(n) ? [d.Image] : void 0));
+			try {
+				await Promise.all(t);
+			} catch {
+				F.value = "error";
+			}
+			a(B(n, d.Image)) && (F.value = "error"), F.value !== "error" && (F.value = "ready");
+		}), b(i, U);
+		let G = x(null);
+		g({ metadataConfirm: () => {
+			G.value?.metadataConfirm();
+		} });
+		let { t: K } = D();
+		return (e, t) => F.value === "ready" ? (y(), f(n, _({
+			key: 0,
+			ref_key: "innerComponent",
+			ref: G
+		}, M, {
+			readonly: s.readonly || !I.value,
+			"onUpdate:modelValue": t[0] ||= (e) => N("update:modelValue", e),
+			onAfterMetadataSaveSuccess: t[1] ||= (e) => N("afterMetadataSaveSuccess")
+		}), {
+			append: E(({ image: t }) => [S(e.$slots, "append", { image: t })]),
+			_: 3
+		}, 16, ["readonly"])) : F.value === "error" ? (y(), m("div", k, [s.modelValue || s.image ? (y(), f(r, {
+			key: 0,
+			"model-value": s.modelValue,
+			image: s.image,
+			"config-name": T(P),
+			label: s.label,
+			width: s.width,
+			height: s.height,
+			"dam-width": s.damWidth,
+			"dam-height": s.damHeight
+		}, {
+			append: E(({ image: t }) => [S(e.$slots, "append", { image: t })]),
+			_: 3
+		}, 8, [
+			"model-value",
+			"image",
+			"config-name",
+			"label",
+			"width",
+			"height",
+			"dam-width",
+			"dam-height"
+		])) : p("", !0), h("div", A, w(T(K)("common.damImage.error.loadingConfig")), 1)])) : (y(), f(O, {
+			key: 2,
+			size: 12,
+			width: 2,
+			indeterminate: ""
+		}));
+	}
+});
+export { j as default };
+
+//# sourceMappingURL=AImageWidget.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/imageWidget/components/AImageWidget.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AImageWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImageWidgetInner","_mergeProps","_withCtx","_renderSlot","_createElementBlock","AImageWidgetSimple","_unref","_createCommentVNode","_createElementVNode","_toDisplayString","_component_VProgressCircular","ImageWidgetInner_default","AImageWidgetSimple_default","_hoisted_1","_hoisted_2","AImageWidget_vue_vue_type_script_setup_true_lang_default","CollabStatus","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","onMounted","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","provide","ImageWidgetUploadConfigKey","innerComponent","useI18n","openBlock","createBlock","mergeProps","_cache","$event","withCtx","appendImage","renderSlot","_ctx","createElementBlock","unref","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport ImageWidgetInner from '@/domains/dam/imageWidget/components/ImageWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { type CollabComponentConfig, CollabStatus, type CollabStatusType } from '@/domains/collab/types/Collab'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerIdNullable\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // If given, the image data is not fetched.\n    configName?: string\n    collab?: CollabComponentConfig\n    collabStatus?: CollabStatusType\n    label?: string | undefined\n    readonly?: boolean\n    required?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean\n    disableOnClickMenu?: boolean\n    width?: number | undefined\n    maxWidth?: number | undefined\n    height?: number | undefined\n    callDeleteApiOnRemove?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    required: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    expandMetadata: false,\n    disableOnClickMenu: false,\n    width: undefined,\n    maxWidth: undefined,\n    height: undefined,\n    callDeleteApiOnRemove: false,\n    damWidth: undefined,\n    damHeight: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerIdNullable): void\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n// Declared explicitly: the read-only fallback renders the slot too, and the inferred type would be looser.\ndefineSlots<{\n  append?: (props: { image: ImageCreateUpdateAware | null }) => unknown\n}>()\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  // Starts as the ext system of the upload licence, until a pick, a drop or \"edit asset\" sets another.\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetInner> | null>(null)\n\nconst metadataConfirm = () => {\n  innerComponent.value?.metadataConfirm()\n}\n\ndefineExpose({\n  metadataConfirm,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ image: appendImage }\">\n      <slot\n        name=\"append\"\n        :image=\"appendImage\"\n      />\n    </template>\n  </ImageWidgetInner>\n  <!-- The config also fails for a user without access to the licence. The existing image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetSimple\n      v-if=\"modelValue || image\"\n      :model-value=\"modelValue\"\n      :image=\"image\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ image: appendImage }\">\n        <slot\n          name=\"append\"\n          :image=\"appendImage\"\n        />\n      </template>\n    </AImageWidgetSimple>\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/imageWidget/components/AImageWidgetMultiple.js

@@ -0,0 +1,6 @@
+import e from "./AImageWidgetMultiple.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=AImageWidgetMultiple.js.map

package/dist/domains/dam/imageWidget/components/AImageWidgetMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AImageWidgetMultiple.js","names":["_sfc_main","AImageWidgetMultiple_vue_vue_type_script_setup_true_lang_default","AImageWidgetMultiple_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport ImageWidgetMultipleInner from '@/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue'\nimport AImageWidgetMultipleSimple from '@/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isUndefined } from '@/shared/utils/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[] // initial ids, updated only when save is called\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    callDeleteApiOnRemove?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    width: undefined,\n    callDeleteApiOnRemove: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetMultipleInner> | null>(null)\n\nconst saveImages = async () => {\n  if (!innerComponent.value) return false\n  return (await innerComponent.value.saveImages()) as boolean\n}\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\ndefineExpose({\n  saveImages,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetMultipleInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  />\n  <!-- The config also fails for a user without access to the licence. The existing image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetMultipleSimple\n      v-if=\"modelValue.length\"\n      :model-value=\"modelValue\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n    />\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/imageWidget/components/AImageWidgetMultiple.vue.d.ts

@@ -0,0 +1,30 @@
+import { IntegerId } from '../../../../shared/types/common';
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    modelValue: IntegerId[];
+    queueKey: UploadQueueKey;
+    uploadLicence: IntegerId;
+    selectLicences: IntegerId[];
+    configName?: string;
+    label?: string | undefined;
+    readonly?: boolean;
+    dataCy?: string | undefined;
+    width?: number | undefined;
+    callDeleteApiOnRemove?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
+    saveImages: () => Promise<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (data: number[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((data: number[]) => any) | undefined;
+}>, {
+    label: string;
+    width: number;
+    dataCy: string;
+    readonly: boolean;
+    configName: string;
+    callDeleteApiOnRemove: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,96 @@
+import { useCommonAdminCoreDamOptions as e } from "../../composables/commonAdminCoreDamOptions.js";
+import { isImageWidgetUploadConfigAllowed as t } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
+import { ImageWidgetUploadConfigKey as n } from "../utils/imageWidgetInkectionKeys.js";
+import r from "./ImageWidgetMultipleInner.js";
+import i from "./AImageWidgetMultipleSimple.js";
+import { useDamConfigState as a } from "../../config/composables/damConfigState.js";
+import { useDamConfigStoreOf as o } from "../../config/store/damConfigStore.js";
+import { isUndefined as s } from "../../../../shared/utils/common.js";
+import { useExtSystemIdForCached as c } from "../../composables/extSystemIdForCached.js";
+import { DamAssetType as l } from "../../types/Asset.js";
+import { useDamConfigName as u } from "../../composables/damConfigName.js";
+import { createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, defineComponent as h, mergeProps as g, onMounted as _, openBlock as v, provide as y, ref as b, shallowRef as x, toDisplayString as S, unref as C } from "vue";
+import { useI18n as w } from "vue-i18n";
+import { VProgressCircular as T } from "vuetify/components/VProgressCircular";
+// src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue?vue&type=script&setup=true&lang.ts
+var E = { key: 1 }, D = { class: "text-error" }, O = /*@__PURE__*/ h({
+	__name: "AImageWidgetMultiple",
+	props: {
+		modelValue: {},
+		queueKey: {},
+		uploadLicence: {},
+		selectLicences: {},
+		configName: { default: void 0 },
+		label: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		dataCy: { default: void 0 },
+		width: { default: void 0 },
+		callDeleteApiOnRemove: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(h, { expose: O, emit: k }) {
+		let A = h, j = k, M = u(A.configName), N = b("loading"), P = b(!0), { damClient: F } = e(M), { loadDamPrvConfig: I, loadDamConfigAssetCustomFormElements: L, getDamConfigAssetCustomFormElements: R, getOrLoadDamConfigExtSystemByLicence: z, getOrLoadDamConfigExtSystemByLicences: B } = a(F, M), V = x(void 0), { cachedExtSystemId: H } = c(M);
+		_(async () => {
+			let e = o(M);
+			if (V.value = await z(A.uploadLicence), s(V.value)) {
+				N.value = "error";
+				return;
+			}
+			if (H.value = V.value.extSystem, !t(V.value, M)) {
+				P.value = !1;
+				try {
+					e.initialized.damPrvConfig || await I(), N.value = "ready";
+				} catch {
+					N.value = "error";
+				}
+				return;
+			}
+			let n = [];
+			e.initialized.damPrvConfig || n.push(I()), n.push(B(A.selectLicences));
+			let { extSystem: r } = V.value;
+			s(R(r, l.Image)) && n.push(L(r, R(r) ? [l.Image] : void 0));
+			try {
+				await Promise.all(n);
+			} catch {
+				N.value = "error";
+			}
+			s(R(r, l.Image)) && (N.value = "error"), N.value !== "error" && (N.value = "ready");
+		});
+		let U = b(null);
+		y(n, V), O({ saveImages: async () => U.value ? await U.value.saveImages() : !1 });
+		let { t: W } = w();
+		return (e, t) => N.value === "ready" ? (v(), d(r, g({
+			key: 0,
+			ref_key: "innerComponent",
+			ref: U
+		}, A, {
+			readonly: h.readonly || !P.value,
+			"onUpdate:modelValue": t[0] ||= (e) => j("update:modelValue", e)
+		}), null, 16, ["readonly"])) : N.value === "error" ? (v(), p("div", E, [h.modelValue.length ? (v(), d(i, {
+			key: 0,
+			"model-value": h.modelValue,
+			"config-name": C(M),
+			label: h.label,
+			width: h.width
+		}, null, 8, [
+			"model-value",
+			"config-name",
+			"label",
+			"width"
+		])) : f("", !0), m("div", D, S(C(W)("common.damImage.error.loadingConfig")), 1)])) : (v(), d(T, {
+			key: 2,
+			size: 12,
+			width: 2,
+			indeterminate: ""
+		}));
+	}
+});
+export { O as default };
+
+//# sourceMappingURL=AImageWidgetMultiple.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/imageWidget/components/AImageWidgetMultiple.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AImageWidgetMultiple.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImageWidgetMultipleInner","_mergeProps","_createElementBlock","AImageWidgetMultipleSimple","_unref","_createCommentVNode","_createElementVNode","_toDisplayString","_component_VProgressCircular","ImageWidgetMultipleInner_default","AImageWidgetMultipleSimple_default","_hoisted_1","_hoisted_2","AImageWidgetMultiple_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","innerComponent","provide","ImageWidgetUploadConfigKey","useI18n","openBlock","createBlock","mergeProps","_cache","$event","createElementBlock","unref","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport ImageWidgetMultipleInner from '@/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue'\nimport AImageWidgetMultipleSimple from '@/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isUndefined } from '@/shared/utils/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[] // initial ids, updated only when save is called\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    callDeleteApiOnRemove?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    width: undefined,\n    callDeleteApiOnRemove: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetMultipleInner> | null>(null)\n\nconst saveImages = async () => {\n  if (!innerComponent.value) return false\n  return (await innerComponent.value.saveImages()) as boolean\n}\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\ndefineExpose({\n  saveImages,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetMultipleInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  />\n  <!-- The config also fails for a user without access to the licence. The existing image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetMultipleSimple\n      v-if=\"modelValue.length\"\n      :model-value=\"modelValue\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n    />\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMkB,IAAQC,GA2BRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjDK,IAASC,EAAmC,SAAS,GAErDC,IAAgBD,EAAI,EAAI,GAExB,EAAE,iBAAcE,EAA6BL,CAAa,GAC1D,EACJ,qBACA,yCACA,wCACA,yCACA,6CACEM,EAAkBC,GAAWP,CAAa,GAExCQ,IAAeC,EAA4D,KAAA,CAAS,GAEpF,EAAE,yBAAsBC,EAAwBV,CAAa;EAEnE,EAAU,YAAY;GACpB,IAAMW,IAAiBC,EAAoBZ,CAAa;GAExD,IADA,EAAa,QAAQ,MAAMa,EAAqChB,EAAM,aAAa,GAC/EiB,EAAYN,EAAa,KAAK,GAAG;IACnC,EAAO,QAAQ;IACf;GACF;GAEA,IADA,EAAkB,QAAQA,EAAa,MAAM,WACzC,CAACO,EAAiCP,EAAa,OAAOR,CAAa,GAAG;IACxE,EAAc,QAAQ;IACtB,IAAI;KAEF,AADKW,EAAe,YAAY,gBAAc,MAAMK,EAAiB,GACrE,EAAO,QAAQ;IACjB,QAAY;KACV,EAAO,QAAQ;IACjB;IACA;GACF;GACA,IAAMC,IAA2B,CAAC;GAIlC,AAHKN,EAAe,YAAY,gBAC9BM,EAAS,KAAKD,EAAiB,CAAC,GAElCC,EAAS,KAAKC,EAAsCrB,EAAM,cAAc,CAAC;GACzE,IAAM,EAAE,iBAAcW,EAAa;GAGnC,AAAIM,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,KAChFJ,EAAS,KACPK,EACEF,GACAD,EAAoCC,CAAS,IAAI,CAACC,EAAa,KAAK,IAAI,KAAA,CAC1E,CACF;GAEF,IAAI;IACF,MAAM,QAAQ,IAAIJ,CAAQ;GAC5B,QAAY;IACV,EAAO,QAAQ;GACjB;GAGA,AADIH,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,MAAG,EAAO,QAAQ,UAChGnB,EAAO,UAAU,YAAS,EAAO,QAAQ;EAC/C,CAAC;EAED,IAAMqB,IAAiBpB,EAA0D,IAAI;EASrF,AAFAqB,EAAQC,GAA4BjB,CAAY,GAEhDb,EAAa,EACX,wBAPK4B,EAAe,QACZ,MAAMA,EAAe,MAAM,WAAW,IADZ,GAQpC,CAAC;EAED,IAAM,EAAE,SAAMG,EAAQ;E,iBAKZxB,EAAA,UAAM,WADdvB,EAAA,GAAAC,EAMEC,GANFC,EAME;;GAJI,SAAA;GAAJ,KAAIyC;EACI,GAAA1B,GAAK;GACZ,UAAUC,EAAA,YAAQ,CAAKM,EAAA;GACvB,uBAAkB,AAAA0B,EAAA,QAAA,MAAE/B,EAAI,qBAAsBgC,CAAM;E,+BAGvC7B,EAAA,UAAM,WAAtBvB,EAAA,GAAAI,EAWM,OAAAS,GAAA,CATIM,EAAA,WAAW,UADnBnB,EAAA,GAAAC,EAMEI,GAAA;;GAJC,eAAac,EAAA;GACb,eAAab,EAAAe,CAAA;GACb,OAAOF,EAAA;GACP,OAAOA,EAAA;;;;;;E,iBAEVX,EAEM,OAFNM,GAEML,EADDH,EAAAoD,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C,OAGR1D,EAAA,GAAAC,EAKES,GAAA;;GAHC,MAAM;GACN,OAAO;GACR,eAAA"}