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

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

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

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

@@ -1 +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 // optional, if available, no need to fetch image data\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: the read-only fallback renders the slot too, and inferred it would take its looser type.\ndefineSlots<{\n  append?: (props: { image: ImageCreateUpdateAware | null }) => unknown\n}>()\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Not being allowed to upload is no reason to hide the image that is already there: it is 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  // As the gallery's root: the ext system of its upload licence, till a pick, a drop or \"edit asset\" writes 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  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded 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  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\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 fails also for a user without access to the licence: the image already there 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":""}
+{"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_vue_type_script_setup_true_lang.js

@@ -1,19 +1,19 @@
-import { isUndefined as e } from "../../../../shared/utils/common.js";
-import { CollabStatus as t } from "../../../collab/types/Collab.js";
-import { DamAssetType as n } from "../../types/Asset.js";
-import { useDamConfigStoreOf as r } from "../../config/store/damConfigStore.js";
-import { useCommonAdminCoreDamOptions as i } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as a } from "../../composables/damConfigName.js";
-import { useDamConfigState as o } from "../../config/composables/damConfigState.js";
-import { useExtSystemIdForCached as s } from "../../composables/extSystemIdForCached.js";
-import { isImageWidgetUploadConfigAllowed as c } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
-import { ImageWidgetUploadConfigKey as l } from "../utils/imageWidgetInkectionKeys.js";
-import u from "./AImageWidgetSimple.js";
-import d from "./ImageWidgetInner.js";
+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";
-//#region src/domains/dam/imageWidget/components/AImageWidget.vue?vue&type=script&setup=true&lang.ts
+// 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: {
@@ -24,7 +24,7 @@ var k = { key: 1 }, A = { class: "text-error" }, j = /*@__PURE__*/ g({
 		image: { default: void 0 },
 		configName: { default: void 0 },
 		collab: { default: void 0 },
-		collabStatus: { default: t.Inactive },
+		collabStatus: { default: s.Inactive },
 		label: { default: void 0 },
 		readonly: {
 			type: Boolean,
@@ -58,60 +58,60 @@ var k = { key: 1 }, A = { class: "text-error" }, j = /*@__PURE__*/ g({
 		damHeight: { default: void 0 }
 	},
 	emits: ["update:modelValue", "afterMetadataSaveSuccess"],
-	setup(t, { expose: g, emit: j }) {
-		let M = t, N = j, P = a(M.configName), F = x("loading"), I = x(!0), { damClient: L } = i(P), { loadDamPrvConfig: R, loadDamConfigAssetCustomFormElements: z, getDamConfigAssetCustomFormElements: B, getOrLoadDamConfigExtSystemByLicence: V, getOrLoadDamConfigExtSystemByLicences: H } = o(L, P), U = C(void 0), { cachedExtSystemId: W } = s(P);
+	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 t = r(P);
-			if (U.value = await V(M.uploadLicence), e(U.value)) {
+			let e = c(P);
+			if (U.value = await V(M.uploadLicence), a(U.value)) {
 				F.value = "error";
 				return;
 			}
-			if (W.value = U.value.extSystem, !c(U.value, P)) {
+			if (W.value = U.value.extSystem, !o(U.value, P)) {
 				I.value = !1;
 				try {
-					t.initialized.damPrvConfig || await R(), F.value = "ready";
+					e.initialized.damPrvConfig || await R(), F.value = "ready";
 				} catch {
 					F.value = "error";
 				}
 				return;
 			}
-			let i = [];
-			t.initialized.damPrvConfig || i.push(R()), i.push(H(M.selectLicences));
-			let { extSystem: a } = U.value;
-			e(B(a, n.Image)) && i.push(z(a, B(a) ? [n.Image] : void 0));
+			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(i);
+				await Promise.all(t);
 			} catch {
 				F.value = "error";
 			}
-			e(B(a, n.Image)) && (F.value = "error"), F.value !== "error" && (F.value = "ready");
-		}), b(l, U);
+			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, n) => F.value === "ready" ? (y(), f(d, _({
+		return (e, t) => F.value === "ready" ? (y(), f(n, _({
 			key: 0,
 			ref_key: "innerComponent",
 			ref: G
 		}, M, {
-			readonly: t.readonly || !I.value,
-			"onUpdate:modelValue": n[0] ||= (e) => N("update:modelValue", e),
-			onAfterMetadataSaveSuccess: n[1] ||= (e) => N("afterMetadataSaveSuccess")
+			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, [t.modelValue || t.image ? (y(), f(u, {
+		}, 16, ["readonly"])) : F.value === "error" ? (y(), m("div", k, [s.modelValue || s.image ? (y(), f(r, {
 			key: 0,
-			"model-value": t.modelValue,
-			image: t.image,
+			"model-value": s.modelValue,
+			image: s.image,
 			"config-name": T(P),
-			label: t.label,
-			width: t.width,
-			height: t.height,
-			"dam-width": t.damWidth,
-			"dam-height": t.damHeight
+			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
@@ -132,7 +132,6 @@ var k = { key: 1 }, A = { class: "text-error" }, j = /*@__PURE__*/ g({
 		}));
 	}
 });
-//#endregion
 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

@@ -1 +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","AImageWidgetSimple_default","ImageWidgetInner_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 // optional, if available, no need to fetch image data\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: the read-only fallback renders the slot too, and inferred it would take its looser type.\ndefineSlots<{\n  append?: (props: { image: ImageCreateUpdateAware | null }) => unknown\n}>()\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Not being allowed to upload is no reason to hide the image that is already there: it is 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  // As the gallery's root: the ext system of its upload licence, till a pick, a drop or \"edit asset\" writes 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  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded 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  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\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 fails also for a user without access to the licence: the image already there 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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"}
+{"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

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

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

@@ -1 +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// Not being allowed to upload is no reason to hide the image that is already there: it is 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  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded 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  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\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 fails also for a user without access to the licence: the image already there 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":""}
+{"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_vue_type_script_setup_true_lang.js

@@ -1,18 +1,18 @@
-import { isUndefined as e } from "../../../../shared/utils/common.js";
-import { DamAssetType as t } from "../../types/Asset.js";
-import { useDamConfigStoreOf as n } from "../../config/store/damConfigStore.js";
-import { useCommonAdminCoreDamOptions as r } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as i } from "../../composables/damConfigName.js";
+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 { useExtSystemIdForCached as o } from "../../composables/extSystemIdForCached.js";
-import { isImageWidgetUploadConfigAllowed as s } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
-import { ImageWidgetUploadConfigKey as c } from "../utils/imageWidgetInkectionKeys.js";
-import l from "./ImageWidgetMultipleInner.js";
-import u from "./AImageWidgetMultipleSimple.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";
-//#region src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue?vue&type=script&setup=true&lang.ts
+// 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: {
@@ -35,44 +35,44 @@ var E = { key: 1 }, D = { class: "text-error" }, O = /*@__PURE__*/ h({
 	},
 	emits: ["update:modelValue"],
 	setup(h, { expose: O, emit: k }) {
-		let A = h, j = k, M = i(A.configName), N = b("loading"), P = b(!0), { damClient: F } = r(M), { loadDamPrvConfig: I, loadDamConfigAssetCustomFormElements: L, getDamConfigAssetCustomFormElements: R, getOrLoadDamConfigExtSystemByLicence: z, getOrLoadDamConfigExtSystemByLicences: B } = a(F, M), V = x(void 0), { cachedExtSystemId: H } = o(M);
+		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 r = n(M);
-			if (V.value = await z(A.uploadLicence), e(V.value)) {
+			let e = o(M);
+			if (V.value = await z(A.uploadLicence), s(V.value)) {
 				N.value = "error";
 				return;
 			}
-			if (H.value = V.value.extSystem, !s(V.value, M)) {
+			if (H.value = V.value.extSystem, !t(V.value, M)) {
 				P.value = !1;
 				try {
-					r.initialized.damPrvConfig || await I(), N.value = "ready";
+					e.initialized.damPrvConfig || await I(), N.value = "ready";
 				} catch {
 					N.value = "error";
 				}
 				return;
 			}
-			let i = [];
-			r.initialized.damPrvConfig || i.push(I()), i.push(B(A.selectLicences));
-			let { extSystem: a } = V.value;
-			e(R(a, t.Image)) && i.push(L(a, R(a) ? [t.Image] : void 0));
+			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(i);
+				await Promise.all(n);
 			} catch {
 				N.value = "error";
 			}
-			e(R(a, t.Image)) && (N.value = "error"), N.value !== "error" && (N.value = "ready");
+			s(R(r, l.Image)) && (N.value = "error"), N.value !== "error" && (N.value = "ready");
 		});
 		let U = b(null);
-		y(c, V), O({ saveImages: async () => U.value ? await U.value.saveImages() : !1 });
+		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(l, g({
+		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(u, {
+		}), 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),
@@ -91,7 +91,6 @@ var E = { key: 1 }, D = { class: "text-error" }, O = /*@__PURE__*/ h({
 		}));
 	}
 });
-//#endregion
 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

@@ -1 +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// Not being allowed to upload is no reason to hide the image that is already there: it is 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  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded 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  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\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 fails also for a user without access to the licence: the image already there 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"}
+{"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"}

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

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

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

@@ -1,10 +1,10 @@
-import { cloneDeep as e } from "../../../../shared/utils/common.js";
-import { useAlerts as t } from "../../../system/composables/alerts.js";
-import { useDamConfigName as n } from "../../composables/damConfigName.js";
+import e from "./AImageWidgetSimple.js";
+import { cloneDeep as t } from "../../../../shared/utils/common.js";
+import { useAlerts as n } from "../../../system/composables/alerts.js";
 import { useCommonAdminImageOptions as r } from "../composables/commonAdminImageOptions.js";
-import i from "./AImageWidgetSimple.js";
+import { useDamConfigName as i } from "../../composables/damConfigName.js";
 import { Fragment as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, openBlock as u, ref as d, renderList as f, toRefs as p, unref as m, watch as h } from "vue";
-//#region src/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue?vue&type=script&setup=true&lang.ts
 var g = { class: "asset-list-tiles asset-list-tiles--thumbnail" }, _ = { class: "asset-list-tiles__item-card" }, v = { class: "ma-2" }, y = /*@__PURE__*/ l({
 	__name: "AImageWidgetMultipleSimple",
 	props: {
@@ -28,20 +28,20 @@ var g = { class: "asset-list-tiles asset-list-tiles--thumbnail" }, _ = { class:
 		}
 	},
 	setup(l) {
-		let y = l, b = n(y.configName), { images: x, modelValue: S } = p(y), C = d([]), { showErrorsDefault: w } = t(), { imageClient: T, imageApi: E } = r(b);
-		return h([x, S], async ([t, n]) => {
-			if (C.value = [], t && t.length > 0) C.value = e(t).sort((e, t) => (e.position ?? 0) - (t.position ?? 0));
+		let y = l, b = i(y.configName), { images: x, modelValue: S } = p(y), C = d([]), { showErrorsDefault: w } = n(), { imageClient: T, imageApi: E } = r(b);
+		return h([x, S], async ([e, n]) => {
+			if (C.value = [], e && e.length > 0) C.value = t(e).sort((e, t) => (e.position ?? 0) - (t.position ?? 0));
 			else if (n && n.length > 0) try {
 				C.value = (await E.fetchImageListByIds(T, n)).sort((e, t) => (e.position ?? 0) - (t.position ?? 0));
 			} catch (e) {
 				w(e);
 			}
-		}, { immediate: !0 }), (e, t) => (u(), o("div", g, [(u(!0), o(a, null, f(C.value, (e) => (u(), o("div", {
-			key: e.id,
+		}, { immediate: !0 }), (t, n) => (u(), o("div", g, [(u(!0), o(a, null, f(C.value, (t) => (u(), o("div", {
+			key: t.id,
 			class: "asset-list-tiles__item"
-		}, [s("div", _, [s("div", v, [c(i, {
-			"model-value": e.id,
-			image: e,
+		}, [s("div", _, [s("div", v, [c(e, {
+			"model-value": t.id,
+			image: t,
 			"config-name": m(b),
 			width: l.width,
 			"disable-aspect-ratio": l.disableAspectRatio,
@@ -60,7 +60,6 @@ var g = { class: "asset-list-tiles asset-list-tiles--thumbnail" }, _ = { class:
 		])])])]))), 128))]));
 	}
 });
-//#endregion
 export { y as default };
 
 //# sourceMappingURL=AImageWidgetMultipleSimple.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1,9 +1,8 @@
-import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-import t from "./AImageWidgetSimple.vue_vue_type_script_setup_true_lang.js";
+import e from "./AImageWidgetSimple.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                   */
-//#region src/domains/dam/imageWidget/components/AImageWidgetSimple.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-f4b74ecf"]]);
-//#endregion
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+// src/domains/dam/imageWidget/components/AImageWidgetSimple.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-f4b74ecf"]]);
 export { n as default };
 
 //# sourceMappingURL=AImageWidgetSimple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AImageWidgetSimple.js","names":["_sfc_main","_plugin_vue_export_helper_default","AImageWidgetSimple_vue_vue_type_script_setup_true_lang_default","AImageWidgetSimple_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetSimple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, toRefs, watch } from 'vue'\nimport imagePlaceholderPath from '@/assets/image/placeholder16x9.svg'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { cloneDeep, isNumber } from '@/shared/utils/common'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerIdNullable | undefined\n    image?: ImageAware | ImageCreateUpdateAware | undefined | null // optional, if available, no need to fetch image data\n    configName?: string\n    label?: string | undefined\n    width?: number | undefined\n    height?: undefined | number\n    disableAspectRatio?: boolean\n    aspectRatio?: number | string\n    showDescription?: boolean\n    showSource?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n    useHtmlImg?: boolean\n    widgetClass?: string | undefined\n    sourceLabel?: string | undefined\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    width: undefined,\n    height: undefined,\n    disableAspectRatio: false,\n    aspectRatio: 1.777, // 16/9\n    showDescription: false,\n    showSource: false,\n    damWidth: undefined,\n    damHeight: undefined,\n    useHtmlImg: false,\n    widgetClass: undefined,\n    sourceLabel: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showErrorsDefault } = useAlerts()\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { widgetImageToDamImageUrl } = useImageActions(imageOptions)\n\nconst resImage = ref<null | ImageAware | ImageCreateUpdateAware>(null)\n\nconst { image, modelValue } = toRefs(props)\n\nconst resolvedSrc = ref('')\n\nconst { t } = useI18n()\n\nconst getImageUrl = (image: ImageAware | ImageCreateUpdateAware) => {\n  if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n    return widgetImageToDamImageUrl(image, props.damWidth, props.damHeight)\n  }\n  return widgetImageToDamImageUrl(image, imageOptions.imageWidth, imageOptions.imageHeight)\n}\n\nwatch(\n  [image, modelValue],\n  async ([newImage, newImageId]) => {\n    resImage.value = null\n    resolvedSrc.value = imagePlaceholderPath\n    if (newImage) {\n      resImage.value = cloneDeep(newImage)\n      if (resImage.value) {\n        resolvedSrc.value = getImageUrl(resImage.value)\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 (resImage.value) {\n        resolvedSrc.value = getImageUrl(resImage.value)\n      }\n    }\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div\n    v-if=\"label\"\n    class=\"label-container\"\n  >\n    <h4 class=\"font-weight-bold text-label-large\">\n      {{ label }}\n    </h4>\n  </div>\n  <img\n    v-if=\"useHtmlImg\"\n    alt=\"\"\n    :src=\"resolvedSrc\"\n    :width=\"width\"\n    :height=\"height\"\n    :class=\"widgetClass\"\n  />\n  <VImg\n    v-else\n    :lazy-src=\"imagePlaceholderPath\"\n    :src=\"resolvedSrc\"\n    :width=\"width\"\n    :height=\"height\"\n    cover\n    loading=\"lazy\"\n    max-width=\"100%\"\n    class=\"disable-radius\"\n    :class=\"widgetClass\"\n    :aspect-ratio=\"disableAspectRatio ? undefined : aspectRatio\"\n  >\n    <template #error>\n      <div class=\"d-flex align-center justify-center h-100\">\n        <VIcon icon=\"mdi-alert-circle-outline\" />\n      </div>\n    </template>\n    <template #placeholder>\n      <div class=\"d-flex align-center justify-center h-100\">\n        <VProgressCircular\n          indeterminate\n          color=\"grey-lighten-4\"\n        />\n      </div>\n    </template>\n  </VImg>\n  <div\n    v-if=\"resImage && (showDescription || showSource)\"\n    class=\"pa-2\"\n  >\n    <VRow\n      v-if=\"showDescription\"\n      density=\"compact\"\n    >\n      <VCol>\n        <span class=\"text-body-small text-medium-emphasis\">\n          {{ t('common.damImage.image.model.texts.description') }}:\n        </span>\n        <br />{{ resImage.texts.description }}\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"showSource\"\n      density=\"compact\"\n    >\n      <VCol>\n        <span class=\"text-body-small text-medium-emphasis\">{{ sourceLabel }}:</span>\n        <br />{{ resImage.texts.source }}\n      </VCol>\n    </VRow>\n  </div>\n  <slot\n    name=\"append\"\n    :image=\"resImage\"\n  />\n</template>\n\n<style lang=\"scss\" scoped>\n:deep(.v-img.disable-radius .v-img__img) {\n  border-radius: 0;\n}\n\n.label-container {\n  display: flex;\n  height: 32px;\n  align-items: center;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AImageWidgetSimple.js","names":["_sfc_main","AImageWidgetSimple_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AImageWidgetSimple_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetSimple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref, toRefs, watch } from 'vue'\nimport imagePlaceholderPath from '@/assets/image/placeholder16x9.svg'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport { cloneDeep, isNumber } from '@/shared/utils/common'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerIdNullable | undefined\n    image?: ImageAware | ImageCreateUpdateAware | undefined | null // optional, if available, no need to fetch image data\n    configName?: string\n    label?: string | undefined\n    width?: number | undefined\n    height?: undefined | number\n    disableAspectRatio?: boolean\n    aspectRatio?: number | string\n    showDescription?: boolean\n    showSource?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n    useHtmlImg?: boolean\n    widgetClass?: string | undefined\n    sourceLabel?: string | undefined\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    width: undefined,\n    height: undefined,\n    disableAspectRatio: false,\n    aspectRatio: 1.777, // 16/9\n    showDescription: false,\n    showSource: false,\n    damWidth: undefined,\n    damHeight: undefined,\n    useHtmlImg: false,\n    widgetClass: undefined,\n    sourceLabel: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showErrorsDefault } = useAlerts()\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { widgetImageToDamImageUrl } = useImageActions(imageOptions)\n\nconst resImage = ref<null | ImageAware | ImageCreateUpdateAware>(null)\n\nconst { image, modelValue } = toRefs(props)\n\nconst resolvedSrc = ref('')\n\nconst { t } = useI18n()\n\nconst getImageUrl = (image: ImageAware | ImageCreateUpdateAware) => {\n  if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n    return widgetImageToDamImageUrl(image, props.damWidth, props.damHeight)\n  }\n  return widgetImageToDamImageUrl(image, imageOptions.imageWidth, imageOptions.imageHeight)\n}\n\nwatch(\n  [image, modelValue],\n  async ([newImage, newImageId]) => {\n    resImage.value = null\n    resolvedSrc.value = imagePlaceholderPath\n    if (newImage) {\n      resImage.value = cloneDeep(newImage)\n      if (resImage.value) {\n        resolvedSrc.value = getImageUrl(resImage.value)\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 (resImage.value) {\n        resolvedSrc.value = getImageUrl(resImage.value)\n      }\n    }\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div\n    v-if=\"label\"\n    class=\"label-container\"\n  >\n    <h4 class=\"font-weight-bold text-label-large\">\n      {{ label }}\n    </h4>\n  </div>\n  <img\n    v-if=\"useHtmlImg\"\n    alt=\"\"\n    :src=\"resolvedSrc\"\n    :width=\"width\"\n    :height=\"height\"\n    :class=\"widgetClass\"\n  />\n  <VImg\n    v-else\n    :lazy-src=\"imagePlaceholderPath\"\n    :src=\"resolvedSrc\"\n    :width=\"width\"\n    :height=\"height\"\n    cover\n    loading=\"lazy\"\n    max-width=\"100%\"\n    class=\"disable-radius\"\n    :class=\"widgetClass\"\n    :aspect-ratio=\"disableAspectRatio ? undefined : aspectRatio\"\n  >\n    <template #error>\n      <div class=\"d-flex align-center justify-center h-100\">\n        <VIcon icon=\"mdi-alert-circle-outline\" />\n      </div>\n    </template>\n    <template #placeholder>\n      <div class=\"d-flex align-center justify-center h-100\">\n        <VProgressCircular\n          indeterminate\n          color=\"grey-lighten-4\"\n        />\n      </div>\n    </template>\n  </VImg>\n  <div\n    v-if=\"resImage && (showDescription || showSource)\"\n    class=\"pa-2\"\n  >\n    <VRow\n      v-if=\"showDescription\"\n      density=\"compact\"\n    >\n      <VCol>\n        <span class=\"text-body-small text-medium-emphasis\">\n          {{ t('common.damImage.image.model.texts.description') }}:\n        </span>\n        <br />{{ resImage.texts.description }}\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"showSource\"\n      density=\"compact\"\n    >\n      <VCol>\n        <span class=\"text-body-small text-medium-emphasis\">{{ sourceLabel }}:</span>\n        <br />{{ resImage.texts.source }}\n      </VCol>\n    </VRow>\n  </div>\n  <slot\n    name=\"append\"\n    :image=\"resImage\"\n  />\n</template>\n\n<style lang=\"scss\" scoped>\n:deep(.v-img.disable-radius .v-img__img) {\n  border-radius: 0;\n}\n\n.label-container {\n  display: flex;\n  height: 32px;\n  align-items: center;\n}\n</style>\n"],"mappings":""}