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

package/dist/domains/dam/cropper/components/DamAssetImageRoiSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DamAssetImageRoiSelect.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_component_VProgressCircular","_createCommentVNode","_unref","_createBlock","ACropper","_component_VImg","ACropper_default","_hoisted_1","cropperShadeColor","DamAssetImageRoiSelect_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useAlerts","cropperContainerStyle","imageRoiStore","useImageRoiStore","useCommonAdminCoreDamOptions","useDamConfigState","configExtSystem","getDamConfigExtSystem","isUndefined","imageUrl","computed","crop","ref","readStoredRegion","roi","imageFile","regionToCrop","watch","unmounted","reloadTimer","savedRegions","saving","loaderShown","busy","on","savesPending","readPending","settleBusy","isStillShown","saved","reloadSavedFile","file","fetchImageFile","damClient","endPointImage","error","showErrorsDefault","saveRoi","region","cropToRegion","committed","updateRoi","endPointRoi","showRecordWas","showCropper","onUnmounted","openBlock","createElementBlock","Fragment","createVNode","VProgressCircular","createCommentVNode","unref","createBlock","_cache","$event","VImg"],"sources":["../../../../../src/domains/dam/cropper/components/DamAssetImageRoiSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { updateRoi } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { cropToRegion, regionToCrop } from '@/domains/dam/cropper/utils/cropperJsService'\nimport ACropper from '@/domains/dam/cropper/components/ACropper.vue'\nimport type { CropRect } from '@/domains/dam/cropper/utils/cropperTypes'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { AssetFileImage } from '@/domains/dam/types/AssetFile'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    configName?: string\n    readonly?: boolean\n  }>(),\n  {\n    configName: undefined,\n    readonly: false,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showRecordWas, showErrorsDefault } = useAlerts()\n\nconst cropperContainerStyle = { overflow: 'hidden', maxHeight: 'calc(100vh - 160px)' }\n// What overriding `.cropper-modal` used to buy: the wash over everything outside the region is the\n// admin's own light grey rather than cropper.js' black. The v2 elements keep their styling inside a\n// shadow root, so it is passed in as a colour instead of reached for with a selector.\nconst cropperShadeColor = 'rgba(241, 244, 246, 0.5)'\n\nconst imageRoiStore = useImageRoiStore()\n\nconst { damClient, endPointImage, endPointRoi } = useCommonAdminCoreDamOptions(damConfigName)\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\n\nif (isUndefined(configExtSystem)) {\n  throw new Error('DamAssetImageRoiSelect: Ext system must be initialised.')\n}\n\nconst imageUrl = computed(() => {\n  if (imageRoiStore.imageFile && imageRoiStore.imageFile.links?.image_detail) {\n    return imageRoiStore.imageFile.links.image_detail.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\n  }\n  return ''\n})\n\n/** The stored region as the cropper wants it: fractions of the picture. */\nconst crop = ref<CropRect | null>(null)\n\nconst readStoredRegion = () => {\n  const { roi, imageFile } = imageRoiStore\n  crop.value =\n    roi && imageFile ? regionToCrop(roi, imageFile.imageAttributes.width, imageFile.imageAttributes.height) : null\n}\nreadStoredRegion()\nwatch(() => imageRoiStore.roi, readStoredRegion)\n\n// Two seconds after a save the file of the region is read again, as the DAM has redrawn it. The read is for that\n// file and only while the store still holds what the save left: the very object of the file (a rotation, another\n// slot or another asset put another), the region saved (admin-dam's change of slot takes the region away at once,\n// before the file of the new slot is read) and the cropper. Otherwise it keeps what it has. It read the file shown when\n// the two seconds were up, and put its answer in the store whenever it came, over the file of another slot or a\n// rotated one. Of two saves only the read after the latest is put in the store: the read after the first, answering\n// last, brought the file as the DAM had drawn it before.\n// The save and the read after it show a loader of the cropper's own, with the store's: off whatever the read ends\n// with, and never one somebody else turned on in the store. The save turned on the store's, which stayed on over a\n// file shown by a way that does not hide it, and in the store when the cropper went before the read. Beside it the\n// cropper is busy in the store (`cropperBusy`), for the panel of the regions: it offers no refresh meanwhile. After the\n// read the previews of the regions are drawn anew. Gone before its save answered, the cropper waits for no redraw.\ninterface SavedRegion {\n  save: number\n  file: AssetFileImage\n  regionId: DocId\n}\nlet unmounted = false\nlet reloadTimer: ReturnType<typeof setTimeout> | undefined\nlet savedRegions = 0\nconst saving = ref(false)\nconst loaderShown = computed(() => imageRoiStore.loader || saving.value)\nconst busy = (on: boolean) => {\n  saving.value = on\n  imageRoiStore.setCropperBusy(on)\n}\n// Saves on their way, and whether the read after the latest answered save is still to come: the cropper is busy\n// till neither is left. Two commits before the cropper is hidden make two saves, and the end of the older one, its\n// failure or its read, turned the busy state off while the newer one still waited. A cropper that went cleared it\n// as it went: the store's flag may be another cropper's by now.\nlet savesPending = 0\nlet readPending = false\nconst settleBusy = () => {\n  if (!unmounted) busy(savesPending > 0 || readPending)\n}\nconst isStillShown = (saved: SavedRegion) =>\n  !unmounted &&\n  saved.save === savedRegions &&\n  imageRoiStore.imageFile === saved.file &&\n  imageRoiStore.roi?.id === saved.regionId\n\nconst reloadSavedFile = async (saved: SavedRegion) => {\n  try {\n    if (!isStillShown(saved)) return\n    try {\n      const file = await fetchImageFile(damClient, endPointImage, saved.file.id)\n      if (isStillShown(saved)) {\n        imageRoiStore.setImageFile(file)\n        imageRoiStore.forceReloadRoiPreviews()\n      }\n    } catch (error) {\n      if (isStillShown(saved)) showErrorsDefault(error)\n    }\n  } finally {\n    // A newer save waits for a read of its own.\n    if (saved.save === savedRegions) {\n      readPending = false\n      settleBusy()\n    }\n  }\n}\n\nconst saveRoi = async (committed: CropRect) => {\n  const { roi, imageFile } = imageRoiStore\n  if (!roi || !imageFile || props.readonly) return\n\n  const region = cropToRegion(committed, roi, imageFile.imageAttributes.width, imageFile.imageAttributes.height)\n  savesPending++\n  busy(true)\n  try {\n    await updateRoi(damClient, endPointRoi, region.id, region)\n    showRecordWas('updated')\n    if (unmounted) return\n    const saved: SavedRegion = { save: ++savedRegions, file: imageFile, regionId: region.id }\n    readPending = true\n    clearTimeout(reloadTimer)\n    reloadTimer = setTimeout(() => reloadSavedFile(saved), 2000)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    savesPending--\n    settleBusy()\n  }\n}\n\nconst showCropper = computed(() => {\n  if (imageRoiStore.imageFile && imageUrl.value.length > 0 && !loaderShown.value) {\n    return true\n  }\n  return false\n})\n\nonUnmounted(() => {\n  unmounted = true\n  clearTimeout(reloadTimer)\n  imageRoiStore.setCropperBusy(false)\n  crop.value = null\n})\n</script>\n\n<template>\n  <div\n    v-if=\"loaderShown\"\n    class=\"d-flex w-100 align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <ACropper\n    v-if=\"showCropper && configExtSystem.image && !readonly\"\n    :key=\"imageRoiStore.imageFile?.manipulatedAt || 0\"\n    v-model=\"crop\"\n    :aspect-ratio=\"configExtSystem.image.roiWidth / configExtSystem.image.roiHeight\"\n    :container-style=\"cropperContainerStyle\"\n    :shade-color=\"cropperShadeColor\"\n    :src=\"imageUrl\"\n    @commit=\"saveRoi\"\n  />\n  <VImg\n    v-else-if=\"showCropper\"\n    :src=\"imageUrl\"\n    :max-height=\"cropperContainerStyle.maxHeight\"\n    data-cy=\"roi-readonly-image\"\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"DamAssetImageRoiSelect.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_component_VProgressCircular","_createCommentVNode","_unref","_createBlock","ACropper","_component_VImg","ACropper_default","_hoisted_1","cropperShadeColor","DamAssetImageRoiSelect_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useAlerts","cropperContainerStyle","imageRoiStore","useImageRoiStore","useCommonAdminCoreDamOptions","useDamConfigState","configExtSystem","getDamConfigExtSystem","isUndefined","imageUrl","computed","crop","ref","readStoredRegion","roi","imageFile","regionToCrop","watch","unmounted","reloadTimer","savedRegions","saving","loaderShown","busy","on","savesPending","readPending","settleBusy","isStillShown","saved","reloadSavedFile","file","fetchImageFile","damClient","endPointImage","error","showErrorsDefault","saveRoi","region","cropToRegion","committed","updateRoi","endPointRoi","showRecordWas","showCropper","onUnmounted","openBlock","createElementBlock","Fragment","createVNode","VProgressCircular","createCommentVNode","unref","createBlock","_cache","$event","VImg"],"sources":["../../../../../src/domains/dam/cropper/components/DamAssetImageRoiSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onUnmounted, ref, watch } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { updateRoi } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { cropToRegion, regionToCrop } from '@/domains/dam/cropper/utils/cropperJsService'\nimport ACropper from '@/domains/dam/cropper/components/ACropper.vue'\nimport type { CropRect } from '@/domains/dam/cropper/utils/cropperTypes'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { AssetFileImage } from '@/domains/dam/types/AssetFile'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    configName?: string\n    readonly?: boolean\n  }>(),\n  {\n    configName: undefined,\n    readonly: false,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { showRecordWas, showErrorsDefault } = useAlerts()\n\nconst cropperContainerStyle = { overflow: 'hidden', maxHeight: 'calc(100vh - 160px)' }\n// Shade outside the region uses the admin's light grey instead of cropper.js' black.\n// The v2 elements style inside a shadow root, so the colour is passed in rather than set with a selector.\nconst cropperShadeColor = 'rgba(241, 244, 246, 0.5)'\n\nconst imageRoiStore = useImageRoiStore()\n\nconst { damClient, endPointImage, endPointRoi } = useCommonAdminCoreDamOptions(damConfigName)\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst configExtSystem = getDamConfigExtSystem(props.extSystem)\n\nif (isUndefined(configExtSystem)) {\n  throw new Error('DamAssetImageRoiSelect: Ext system must be initialised.')\n}\n\nconst imageUrl = computed(() => {\n  if (imageRoiStore.imageFile && imageRoiStore.imageFile.links?.image_detail) {\n    return imageRoiStore.imageFile.links.image_detail.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\n  }\n  return ''\n})\n\n/** The stored region in the cropper's format: fractions of the picture. */\nconst crop = ref<CropRect | null>(null)\n\nconst readStoredRegion = () => {\n  const { roi, imageFile } = imageRoiStore\n  crop.value =\n    roi && imageFile ? regionToCrop(roi, imageFile.imageAttributes.width, imageFile.imageAttributes.height) : null\n}\nreadStoredRegion()\nwatch(() => imageRoiStore.roi, readStoredRegion)\n\n// Two seconds after a save, the region file is read again because the DAM has redrawn it.\n// The read result is applied only if the store still holds the same file, the saved region and the cropper. A\n// rotation, another slot or another asset changes the file. admin-dam's slot change removes the region at once.\n// Only the read after the latest save is applied. An older read answering last would bring back the earlier drawing.\n// The save and read use the cropper's own loader, never one someone else turned on.\n// `cropperBusy` tells the region panel to offer no refresh meanwhile. After the read, region\n// previews are redrawn. A cropper gone before its save answered does not wait for a redraw.\ninterface SavedRegion {\n  save: number\n  file: AssetFileImage\n  regionId: DocId\n}\nlet unmounted = false\nlet reloadTimer: ReturnType<typeof setTimeout> | undefined\nlet savedRegions = 0\nconst saving = ref(false)\nconst loaderShown = computed(() => imageRoiStore.loader || saving.value)\nconst busy = (on: boolean) => {\n  saving.value = on\n  imageRoiStore.setCropperBusy(on)\n}\n// Pending saves and whether the read after the latest answered\n// save is still due. The cropper is busy until neither is left.\n// Two commits make two saves. The older one's end must not clear the busy state while the newer one waits.\n// A cropper that goes away clears the busy state, as the store flag may already belong to another cropper.\nlet savesPending = 0\nlet readPending = false\nconst settleBusy = () => {\n  if (!unmounted) busy(savesPending > 0 || readPending)\n}\nconst isStillShown = (saved: SavedRegion) =>\n  !unmounted &&\n  saved.save === savedRegions &&\n  imageRoiStore.imageFile === saved.file &&\n  imageRoiStore.roi?.id === saved.regionId\n\nconst reloadSavedFile = async (saved: SavedRegion) => {\n  try {\n    if (!isStillShown(saved)) return\n    try {\n      const file = await fetchImageFile(damClient, endPointImage, saved.file.id)\n      if (isStillShown(saved)) {\n        imageRoiStore.setImageFile(file)\n        imageRoiStore.forceReloadRoiPreviews()\n      }\n    } catch (error) {\n      if (isStillShown(saved)) showErrorsDefault(error)\n    }\n  } finally {\n    // A newer save waits for a read of its own.\n    if (saved.save === savedRegions) {\n      readPending = false\n      settleBusy()\n    }\n  }\n}\n\nconst saveRoi = async (committed: CropRect) => {\n  const { roi, imageFile } = imageRoiStore\n  if (!roi || !imageFile || props.readonly) return\n\n  const region = cropToRegion(committed, roi, imageFile.imageAttributes.width, imageFile.imageAttributes.height)\n  savesPending++\n  busy(true)\n  try {\n    await updateRoi(damClient, endPointRoi, region.id, region)\n    showRecordWas('updated')\n    if (unmounted) return\n    const saved: SavedRegion = { save: ++savedRegions, file: imageFile, regionId: region.id }\n    readPending = true\n    clearTimeout(reloadTimer)\n    reloadTimer = setTimeout(() => reloadSavedFile(saved), 2000)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    savesPending--\n    settleBusy()\n  }\n}\n\nconst showCropper = computed(() => {\n  if (imageRoiStore.imageFile && imageUrl.value.length > 0 && !loaderShown.value) {\n    return true\n  }\n  return false\n})\n\nonUnmounted(() => {\n  unmounted = true\n  clearTimeout(reloadTimer)\n  imageRoiStore.setCropperBusy(false)\n  crop.value = null\n})\n</script>\n\n<template>\n  <div\n    v-if=\"loaderShown\"\n    class=\"d-flex w-100 align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <ACropper\n    v-if=\"showCropper && configExtSystem.image && !readonly\"\n    :key=\"imageRoiStore.imageFile?.manipulatedAt || 0\"\n    v-model=\"crop\"\n    :aspect-ratio=\"configExtSystem.image.roiWidth / configExtSystem.image.roiHeight\"\n    :container-style=\"cropperContainerStyle\"\n    :shade-color=\"cropperShadeColor\"\n    :src=\"imageUrl\"\n    @commit=\"saveRoi\"\n  />\n  <VImg\n    v-else-if=\"showCropper\"\n    :src=\"imageUrl\"\n    :max-height=\"cropperContainerStyle.maxHeight\"\n    data-cy=\"roi-readonly-image\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.js

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

package/dist/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import { useDamConfigName as e } from "../../composables/damConfigName.js";
-import { loadDamAssetImageRoiSelect as t } from "../utils/damAssetImageRoiSelectLoader.js";
+import { loadDamAssetImageRoiSelect as e } from "../utils/damAssetImageRoiSelectLoader.js";
+import { useDamConfigName as t } from "../../composables/damConfigName.js";
 import { createBlock as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, onMounted as c, openBlock as l, ref as u, resolveComponent as d, resolveDynamicComponent as f, shallowRef as p, toDisplayString as m, unref as h, withCtx as g, withModifiers as _ } from "vue";
 import { useI18n as v } from "vue-i18n";
 import { VProgressCircular as y } from "vuetify/components/VProgressCircular";
-//#region src/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue?vue&type=script&setup=true&lang.ts
 var b = {
 	key: 1,
 	class: "d-flex align-center ga-2"
@@ -18,10 +18,10 @@ var b = {
 		}
 	},
 	setup(s) {
-		let S = e(s.configName), { t: C } = v(), w = p(), T = u(!1), E = async () => {
+		let S = t(s.configName), { t: C } = v(), w = p(), T = u(!1), E = async () => {
 			T.value = !1;
 			try {
-				w.value = await t();
+				w.value = await e();
 			} catch {
 				T.value = !0;
 			}
@@ -51,7 +51,6 @@ var b = {
 		};
 	}
 });
-//#endregion
 export { S as default };
 
 //# sourceMappingURL=DamAssetImageRoiSelectLazy.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/cropper/store/imageRoiStore.d.ts

@@ -1,18 +1,15 @@
 import { AssetFileImage } from '../../types/AssetFile';
 import { RegionOfInterest } from '../../types/Roi';
 /**
- * The image and the region of interest `ADamAssetImageRoiSelect` shows: filled by the panel of regions beside it,
- * the library's in its asset detail, an admin's own in a detail of its own (exported as `useDamImageRoiStore`). One
- * store for both: admin-dam defined one of its own under the same id, and whichever was created first lacked the
- * members of the other. The two times are an admin's to read: `forceReloadRoiPreviews()` and `forceReloadCropper()`
- * only set a new one (admin-dam draws its previews of the regions anew by `timestampRoiPreviews`).
- * `ADamAssetImageRoiSelect` reads neither: it draws the cropper anew when `imageFile` changes, so after a rotation an
- * admin sets the file read anew (`setImageFile`).
- * `cropperBusy` is the cropper's own, apart from `loader`, which stays the panel's: on from the save of a region till
- * no save of it is on its way and the read of the file the DAM redraws two seconds after the latest answered one is
- * over (applied, dropped or failed), and off when the cropper goes. A panel offers no refresh of the regions while it is on: its read, sent before the redraw, would take
- * the place of the cropper's. After the cropper's read the previews of the regions are drawn anew
- * (`forceReloadRoiPreviews()`).
+ * Image and region of interest shown by `ADamAssetImageRoiSelect`. Filled by the region panel:
+ * the library's in its asset detail, or an admin's own (exported as `useDamImageRoiStore`).
+ * One store for both. admin-dam had its own store under the same
+ * id, and whichever was created first lacked the other's members.
+ * `forceReloadRoiPreviews()` and `forceReloadCropper()` only set new timestamps for admins to read.
+ * `ADamAssetImageRoiSelect` redraws on `imageFile` change, so after a rotation call `setImageFile`.
+ * `cropperBusy` is separate from the panel's `loader`. It is on from a region save until
+ * no save is pending and the post-save read is over, and off when the cropper goes.
+ * While on, the panel offers no refresh, since its read would replace the cropper's.
  */
 export declare const useImageRoiStore: import('pinia').SetupStoreDefinition<"commonAdminDamImageRoiStore", {
     imageFile: import('vue').Ref<{
@@ -84,7 +81,7 @@ export declare const useImageRoiStore: import('pinia').SetupStoreDefinition<"com
             };
         } | undefined;
         metadata: {
-            exifData: [];
+            exifData: Record<string, string | number | boolean | null>;
             id: string;
             createdAt: string;
             modifiedAt: string;
@@ -179,7 +176,7 @@ export declare const useImageRoiStore: import('pinia').SetupStoreDefinition<"com
             };
         } | undefined;
         metadata: {
-            exifData: [];
+            exifData: Record<string, string | number | boolean | null>;
             id: string;
             createdAt: string;
             modifiedAt: string;

package/dist/domains/dam/cropper/store/imageRoiStore.js

@@ -1,6 +1,6 @@
 import { ref as e } from "vue";
 import { defineStore as t } from "pinia";
-//#region src/domains/dam/cropper/store/imageRoiStore.ts
+// src/domains/dam/cropper/store/imageRoiStore.ts
 var n = t("commonAdminDamImageRoiStore", () => {
 	let t = e(null), n = e(!1), r = e(null), i = e(Date.now()), a = e(Date.now()), o = e(!1);
 	function s(e) {
@@ -44,7 +44,6 @@ var n = t("commonAdminDamImageRoiStore", () => {
 		reset: m
 	};
 });
-//#endregion
 export { n as useImageRoiStore };
 
 //# sourceMappingURL=imageRoiStore.js.map

package/dist/domains/dam/cropper/store/imageRoiStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"imageRoiStore.js","names":["useImageRoiStore","defineStore","imageFile","ref","loader","roi","timestampCropper","timestampRoiPreviews","cropperBusy","setImageFile","newFile","setRoi","newRoi","showLoader","hideLoader","forceReloadRoiPreviews","forceReloadCropper","setCropperBusy","busy","reset"],"sources":["../../../../../src/domains/dam/cropper/store/imageRoiStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport type { AssetFileImage } from '@/domains/dam/types/AssetFile'\nimport type { RegionOfInterest } from '@/domains/dam/types/Roi'\nimport { ref } from 'vue'\n\n/**\n * The image and the region of interest `ADamAssetImageRoiSelect` shows: filled by the panel of regions beside it,\n * the library's in its asset detail, an admin's own in a detail of its own (exported as `useDamImageRoiStore`). One\n * store for both: admin-dam defined one of its own under the same id, and whichever was created first lacked the\n * members of the other. The two times are an admin's to read: `forceReloadRoiPreviews()` and `forceReloadCropper()`\n * only set a new one (admin-dam draws its previews of the regions anew by `timestampRoiPreviews`).\n * `ADamAssetImageRoiSelect` reads neither: it draws the cropper anew when `imageFile` changes, so after a rotation an\n * admin sets the file read anew (`setImageFile`).\n * `cropperBusy` is the cropper's own, apart from `loader`, which stays the panel's: on from the save of a region till\n * no save of it is on its way and the read of the file the DAM redraws two seconds after the latest answered one is\n * over (applied, dropped or failed), and off when the cropper goes. A panel offers no refresh of the regions while it is on: its read, sent before the redraw, would take\n * the place of the cropper's. After the cropper's read the previews of the regions are drawn anew\n * (`forceReloadRoiPreviews()`).\n */\nexport const useImageRoiStore = defineStore('commonAdminDamImageRoiStore', () => {\n  const imageFile = ref<null | AssetFileImage>(null)\n  const loader = ref(false)\n  const roi = ref<null | RegionOfInterest>(null)\n  const timestampCropper = ref(Date.now())\n  const timestampRoiPreviews = ref(Date.now())\n  const cropperBusy = ref(false)\n\n  function setImageFile(newFile: AssetFileImage | null) {\n    imageFile.value = newFile\n  }\n\n  function setRoi(newRoi: RegionOfInterest | null) {\n    roi.value = newRoi\n  }\n\n  function showLoader() {\n    loader.value = true\n  }\n\n  function hideLoader() {\n    loader.value = false\n  }\n\n  function forceReloadRoiPreviews() {\n    timestampRoiPreviews.value = Date.now()\n  }\n\n  function forceReloadCropper() {\n    timestampCropper.value = Date.now()\n  }\n\n  function setCropperBusy(busy: boolean) {\n    cropperBusy.value = busy\n  }\n\n  function reset() {\n    imageFile.value = null\n    loader.value = false\n    roi.value = null\n    timestampCropper.value = Date.now()\n    timestampRoiPreviews.value = Date.now()\n  }\n\n  return {\n    imageFile,\n    loader,\n    roi,\n    timestampCropper,\n    timestampRoiPreviews,\n    cropperBusy,\n    setImageFile,\n    setRoi,\n    showLoader,\n    hideLoader,\n    forceReloadRoiPreviews,\n    forceReloadCropper,\n    setCropperBusy,\n    reset,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(useImageRoiStore, import.meta.hot))\n}\n"],"mappings":";;;AAmBA,IAAaA,IAAmBC,EAAY,qCAAqC;CAC/E,IAAMC,IAAYC,EAA2B,IAAI,GAC3CC,IAASD,EAAI,EAAK,GAClBE,IAAMF,EAA6B,IAAI,GACvCG,IAAmBH,EAAI,KAAK,IAAI,CAAC,GACjCI,IAAuBJ,EAAI,KAAK,IAAI,CAAC,GACrCK,IAAcL,EAAI,EAAK;CAE7B,SAASM,EAAa,GAAgC;EACpD,EAAU,QAAQC;CACpB;CAEA,SAASC,EAAO,GAAiC;EAC/C,EAAI,QAAQC;CACd;CAEA,SAASC,IAAa;EACpB,EAAO,QAAQ;CACjB;CAEA,SAASC,IAAa;EACpB,EAAO,QAAQ;CACjB;CAEA,SAASC,IAAyB;EAChC,EAAqB,QAAQ,KAAK,IAAI;CACxC;CAEA,SAASC,IAAqB;EAC5B,EAAiB,QAAQ,KAAK,IAAI;CACpC;CAEA,SAASC,EAAe,GAAe;EACrC,EAAY,QAAQC;CACtB;CAEA,SAASC,IAAQ;EAKf,AAJA,EAAU,QAAQ,MAClB,EAAO,QAAQ,IACf,EAAI,QAAQ,MACZ,EAAiB,QAAQ,KAAK,IAAI,GAClC,EAAqB,QAAQ,KAAK,IAAI;CACxC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}
+{"version":3,"file":"imageRoiStore.js","names":["useImageRoiStore","defineStore","imageFile","ref","loader","roi","timestampCropper","timestampRoiPreviews","cropperBusy","setImageFile","newFile","setRoi","newRoi","showLoader","hideLoader","forceReloadRoiPreviews","forceReloadCropper","setCropperBusy","busy","reset"],"sources":["../../../../../src/domains/dam/cropper/store/imageRoiStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport type { AssetFileImage } from '@/domains/dam/types/AssetFile'\nimport type { RegionOfInterest } from '@/domains/dam/types/Roi'\nimport { ref } from 'vue'\n\n/**\n * Image and region of interest shown by `ADamAssetImageRoiSelect`. Filled by the region panel:\n * the library's in its asset detail, or an admin's own (exported as `useDamImageRoiStore`).\n * One store for both. admin-dam had its own store under the same\n * id, and whichever was created first lacked the other's members.\n * `forceReloadRoiPreviews()` and `forceReloadCropper()` only set new timestamps for admins to read.\n * `ADamAssetImageRoiSelect` redraws on `imageFile` change, so after a rotation call `setImageFile`.\n * `cropperBusy` is separate from the panel's `loader`. It is on from a region save until\n * no save is pending and the post-save read is over, and off when the cropper goes.\n * While on, the panel offers no refresh, since its read would replace the cropper's.\n */\nexport const useImageRoiStore = defineStore('commonAdminDamImageRoiStore', () => {\n  const imageFile = ref<null | AssetFileImage>(null)\n  const loader = ref(false)\n  const roi = ref<null | RegionOfInterest>(null)\n  const timestampCropper = ref(Date.now())\n  const timestampRoiPreviews = ref(Date.now())\n  const cropperBusy = ref(false)\n\n  function setImageFile(newFile: AssetFileImage | null) {\n    imageFile.value = newFile\n  }\n\n  function setRoi(newRoi: RegionOfInterest | null) {\n    roi.value = newRoi\n  }\n\n  function showLoader() {\n    loader.value = true\n  }\n\n  function hideLoader() {\n    loader.value = false\n  }\n\n  function forceReloadRoiPreviews() {\n    timestampRoiPreviews.value = Date.now()\n  }\n\n  function forceReloadCropper() {\n    timestampCropper.value = Date.now()\n  }\n\n  function setCropperBusy(busy: boolean) {\n    cropperBusy.value = busy\n  }\n\n  function reset() {\n    imageFile.value = null\n    loader.value = false\n    roi.value = null\n    timestampCropper.value = Date.now()\n    timestampRoiPreviews.value = Date.now()\n  }\n\n  return {\n    imageFile,\n    loader,\n    roi,\n    timestampCropper,\n    timestampRoiPreviews,\n    cropperBusy,\n    setImageFile,\n    setRoi,\n    showLoader,\n    hideLoader,\n    forceReloadRoiPreviews,\n    forceReloadCropper,\n    setCropperBusy,\n    reset,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(useImageRoiStore, import.meta.hot))\n}\n"],"mappings":";;;AAgBA,IAAaA,IAAmBC,EAAY,qCAAqC;CAC/E,IAAMC,IAAYC,EAA2B,IAAI,GAC3CC,IAASD,EAAI,EAAK,GAClBE,IAAMF,EAA6B,IAAI,GACvCG,IAAmBH,EAAI,KAAK,IAAI,CAAC,GACjCI,IAAuBJ,EAAI,KAAK,IAAI,CAAC,GACrCK,IAAcL,EAAI,EAAK;CAE7B,SAASM,EAAa,GAAgC;EACpD,EAAU,QAAQC;CACpB;CAEA,SAASC,EAAO,GAAiC;EAC/C,EAAI,QAAQC;CACd;CAEA,SAASC,IAAa;EACpB,EAAO,QAAQ;CACjB;CAEA,SAASC,IAAa;EACpB,EAAO,QAAQ;CACjB;CAEA,SAASC,IAAyB;EAChC,EAAqB,QAAQ,KAAK,IAAI;CACxC;CAEA,SAASC,IAAqB;EAC5B,EAAiB,QAAQ,KAAK,IAAI;CACpC;CAEA,SAASC,EAAe,GAAe;EACrC,EAAY,QAAQC;CACtB;CAEA,SAASC,IAAQ;EAKf,AAJA,EAAU,QAAQ,MAClB,EAAO,QAAQ,IACf,EAAI,QAAQ,MACZ,EAAiB,QAAQ,KAAK,IAAI,GAClC,EAAqB,QAAQ,KAAK,IAAI;CACxC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

package/dist/domains/dam/cropper/utils/cropperGeometry.d.ts

@@ -9,62 +9,48 @@ export interface Rect {
     height: number;
 }
 /**
- * Which edge of the selection stays put while the other one moves. Resizing from the west handle
- * pins the east edge, resizing from the north-east corner pins the south-west one, and the side
- * handles grow symmetrically around the perpendicular centre — this mirrors how cropper.js v2
- * computes a resize, and it is what lets a clamped selection stop at the image border instead of
- * sliding along it.
- *
- * `fit` is the anchor-less case (a programmatic `setData`, a plain move, a re-fit after the
- * container changed): the box may be as large as the image allows anywhere, and is slid back into
- * view afterwards, which is what cropper.js v1's `limitCropBox` did.
+ * Which edge of the selection stays fixed while the other moves. This mirrors how cropper.js v2
+ * computes a resize, and lets a clamped selection stop at the image border instead of sliding.
+ * `fit` is the case without an anchor (programmatic `setData`, a move, a re-fit after resize). The
+ * box may be as large as the image allows and is slid back into view, like v1's `limitCropBox`.
  */
 export type AnchorSide = 'start' | 'center' | 'end' | 'fit';
 export type Anchor = [AnchorSide, AnchorSide];
-/** Anchors per cropper.js action name. Anything missing is treated as a plain "fit it in" clamp. */
+/** Anchors per cropper.js action name. Missing actions get a plain "fit" clamp. */
 export declare const RESIZE_ANCHORS: Readonly<Record<string, Anchor>>;
 export declare const isUsableAspectRatio: (aspectRatio: number) => boolean;
 /**
- * The largest box of `aspectRatio` that fits inside `size`. With no usable ratio the size is
- * returned untouched, which is how a free-form crop behaves.
+ * The largest box of `aspectRatio` that fits in `size`. Without a
+ * usable ratio the size is returned unchanged, as for a free-form crop.
  */
 export declare const fitAspectRatio: (size: Size, aspectRatio: number) => Size;
 /**
- * The box the crop starts out as: cropper.js v1's `autoCropArea` applied to the aspect-fitted
- * image, centred. Because `fitAspectRatio` scales linearly this is the same rectangle whether it is
- * computed in natural pixels or in displayed ones — which is why the crop data a user sees does not
- * depend on how wide their window happens to be.
+ * The initial crop: v1's `autoCropArea` applied to the aspect-fitted image, centred.
+ * `fitAspectRatio` scales linearly, so the result is the same in natural
+ * or displayed pixels. Crop data does not depend on window width.
  */
 export declare const initialSelectionRect: (bounds: Size, aspectRatio: number, coverage: number) => Rect;
 /**
- * Grows a box to the given ratio, by calling the very function cropper.js' `$change` will call on
- * it. Doing it here first means a rectangle is already the shape the library will make it *before*
- * it is measured against the image: a crop that names a new height keeps its old width through the
- * clamp otherwise, and cropper.js then widens it to suit the ratio — straight past the image edge.
- *
- * The guard is not redundant. `getAdjustedSizes` has no notion of a free-form crop and answers a
- * `NaN` ratio with a `NaN` dimension.
+ * Grows a box to the ratio with the same function cropper.js' `$change`
+ * uses. The box then has its final shape before it is clamped to the image.
+ * Otherwise a crop with a new height keeps its old width through
+ * the clamp, and cropper.js widens it past the image edge.
+ * The guard is needed: `getAdjustedSizes` returns `NaN` for a `NaN` ratio.
  */
 export declare const coverAspectRatio: (size: Size, aspectRatio: number) => Size;
 /**
- * Keeps `rect` inside `bounds` the way cropper.js v1's `viewMode: 1` did: a selection that has
- * grown past an edge is shrunk rather than pushed, so the edge the user is not dragging stays where
- * they put it, and a selection that is merely out of position is slid back in whole.
- *
- * `anchor` says which edges the current gesture is holding still. Leaving it out (a programmatic
- * `setData`, the initial layout, a re-fit after a resize) caps the size at the bounds, keeps the
- * top-left corner it was given and slides the result into view — what v1's `limitCropBox` did.
+ * Keeps `rect` inside `bounds` like v1's `viewMode: 1`. A selection past an edge is shrunk, not pushed,
+ * so the edge not being dragged stays put. A selection only out of position is slid back whole.
+ * `anchor` gives the edges the gesture holds fixed. Without it (programmatic
+ * `setData`, initial layout, re-fit after resize) the size is capped at the bounds,
+ * the top-left corner is kept and the result slid into view, like v1's `limitCropBox`.
  */
 export declare const clampRectInside: (rect: Rect, bounds: Rect, aspectRatio: number, anchor?: Anchor) => Rect;
 export declare const rectsAreClose: (a: Rect, b: Rect, epsilon?: number) => boolean;
 /**
- * The box the cropper canvas takes. This is the frame, not the picture: cropper.js v1 let its
- * container fill the width it was given and then centred the image inside it, so a source narrower
- * than the container sat between two shaded margins rather than stretching to fill them. The height
- * comes from the image at its displayed size, which is its natural size unless that is wider than
- * the space available — v1 never enlarged a source either, its `<img>` being capped at `max-width`.
- *
- * The image is fitted into this box with `contain`, so image pixels and canvas pixels differ by one
- * uniform scale factor and an offset.
+ * The canvas box. This is the frame, not the picture. Like v1, it fills the given width
+ * and the image is centred inside, so a narrow source sits between shaded margins.
+ * Height comes from the displayed image size: natural size, unless wider than the space. Sources are never enlarged.
+ * The image is fitted with `contain`, so image and canvas pixels differ by one scale factor and an offset.
  */
 export declare const canvasSizeFor: (natural: Size, availableWidth: number, minWidth: number, minHeight: number) => Size;

package/dist/domains/dam/cropper/utils/cropperGeometry.js

@@ -1,6 +1,6 @@
 import { getAdjustedSizes as e } from "../../../../vendor/@cropper/utils/dist/utils.esm.raw.js";
-import "../../../../vendor/cropperjs2/dist/cropper.esm.raw.js";
-//#region src/domains/dam/cropper/utils/cropperGeometry.ts
+import "../../../../vendor/cropperjs/dist/cropper.esm.raw.js";
+// src/domains/dam/cropper/utils/cropperGeometry.ts
 var t = {
 	"n-resize": ["center", "end"],
 	"s-resize": ["center", "start"],
@@ -66,7 +66,6 @@ var t = {
 		height: Math.max(a, r)
 	};
 };
-//#endregion
 export { t as RESIZE_ANCHORS, d as canvasSizeFor, l as clampRectInside, o as coverAspectRatio, i as fitAspectRatio, a as initialSelectionRect, n as isUsableAspectRatio, u as rectsAreClose };
 
 //# sourceMappingURL=cropperGeometry.js.map

package/dist/domains/dam/cropper/utils/cropperGeometry.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropperGeometry.js","names":["RESIZE_ANCHORS","isUsableAspectRatio","aspectRatio","clamp","value","min","max","fitAspectRatio","size","initialSelectionRect","fitted","bounds","width","coverage","height","coverAspectRatio","getAdjustedSizes","availableAlong","boundsEnd","boundsStart","boundsLength","side","start","length","placeAlong","newLength","clampRectInside","anchorX","anchorY","anchor","asked","rect","maxWidth","maxHeight","scale","x","y","rectsAreClose","a","b","epsilon","canvasSizeFor","availableWidth","minWidth","natural","minHeight","displayedHeight"],"sources":["../../../../../src/domains/dam/cropper/utils/cropperGeometry.ts"],"sourcesContent":["/**\n * The geometry behind `ACropper`: how big the canvas is, where the initial crop box lands, and how a\n * crop box is kept inside the image. cropper.js v1 did all of this internally and v2 does none of\n * it, so it has to live somewhere — and here, away from the DOM, it can be tested directly rather\n * than through a mounted component.\n */\nimport { getAdjustedSizes } from 'cropperjs2'\n\nexport interface Size {\n  width: number\n  height: number\n}\n\nexport interface Rect {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\n/**\n * Which edge of the selection stays put while the other one moves. Resizing from the west handle\n * pins the east edge, resizing from the north-east corner pins the south-west one, and the side\n * handles grow symmetrically around the perpendicular centre — this mirrors how cropper.js v2\n * computes a resize, and it is what lets a clamped selection stop at the image border instead of\n * sliding along it.\n *\n * `fit` is the anchor-less case (a programmatic `setData`, a plain move, a re-fit after the\n * container changed): the box may be as large as the image allows anywhere, and is slid back into\n * view afterwards, which is what cropper.js v1's `limitCropBox` did.\n */\nexport type AnchorSide = 'start' | 'center' | 'end' | 'fit'\n\nexport type Anchor = [AnchorSide, AnchorSide]\n\n/** Anchors per cropper.js action name. Anything missing is treated as a plain \"fit it in\" clamp. */\nexport const RESIZE_ANCHORS: Readonly<Record<string, Anchor>> = {\n  'n-resize': ['center', 'end'],\n  's-resize': ['center', 'start'],\n  'e-resize': ['start', 'center'],\n  'w-resize': ['end', 'center'],\n  'ne-resize': ['start', 'end'],\n  'nw-resize': ['end', 'end'],\n  'se-resize': ['start', 'start'],\n  'sw-resize': ['end', 'start'],\n  // Drawing a brand new selection grows it away from the point the drag started at.\n  select: ['start', 'start'],\n}\n\nexport const isUsableAspectRatio = (aspectRatio: number): boolean => Number.isFinite(aspectRatio) && aspectRatio > 0\n\nconst clamp = (value: number, min: number, max: number): number => Math.min(Math.max(value, min), max)\n\n/**\n * The largest box of `aspectRatio` that fits inside `size`. With no usable ratio the size is\n * returned untouched, which is how a free-form crop behaves.\n */\nexport const fitAspectRatio = (size: Size, aspectRatio: number): Size => {\n  if (!isUsableAspectRatio(aspectRatio)) return { width: size.width, height: size.height }\n  return size.height * aspectRatio > size.width\n    ? { width: size.width, height: size.width / aspectRatio }\n    : { width: size.height * aspectRatio, height: size.height }\n}\n\n/**\n * The box the crop starts out as: cropper.js v1's `autoCropArea` applied to the aspect-fitted\n * image, centred. Because `fitAspectRatio` scales linearly this is the same rectangle whether it is\n * computed in natural pixels or in displayed ones — which is why the crop data a user sees does not\n * depend on how wide their window happens to be.\n */\nexport const initialSelectionRect = (bounds: Size, aspectRatio: number, coverage: number): Rect => {\n  const fitted = fitAspectRatio(bounds, aspectRatio)\n  const width = fitted.width * coverage\n  const height = fitted.height * coverage\n  return {\n    x: (bounds.width - width) / 2,\n    y: (bounds.height - height) / 2,\n    width,\n    height,\n  }\n}\n\n/**\n * Grows a box to the given ratio, by calling the very function cropper.js' `$change` will call on\n * it. Doing it here first means a rectangle is already the shape the library will make it *before*\n * it is measured against the image: a crop that names a new height keeps its old width through the\n * clamp otherwise, and cropper.js then widens it to suit the ratio — straight past the image edge.\n *\n * The guard is not redundant. `getAdjustedSizes` has no notion of a free-form crop and answers a\n * `NaN` ratio with a `NaN` dimension.\n */\nexport const coverAspectRatio = (size: Size, aspectRatio: number): Size =>\n  isUsableAspectRatio(aspectRatio)\n    ? getAdjustedSizes({ width: size.width, height: size.height, aspectRatio }, 'cover')\n    : { width: size.width, height: size.height }\n\n/** How much room an axis has left once the anchored edge is held still. */\nconst availableAlong = (start: number, length: number, boundsStart: number, boundsLength: number, side: AnchorSide) => {\n  const boundsEnd = boundsStart + boundsLength\n  if (side === 'start') return Math.max(0, boundsEnd - Math.max(start, boundsStart))\n  if (side === 'end') return Math.max(0, Math.min(start + length, boundsEnd) - boundsStart)\n  // `center` and `fit` are both free to use the whole span; only where they land differs.\n  return boundsLength\n}\n\n/** Where the axis ends up once its length is known and the anchored edge has to stay put. */\nconst placeAlong = (start: number, length: number, newLength: number, side: AnchorSide) => {\n  if (side === 'end') return start + length - newLength\n  if (side === 'center') return start + length / 2 - newLength / 2\n  return start\n}\n\n/**\n * Keeps `rect` inside `bounds` the way cropper.js v1's `viewMode: 1` did: a selection that has\n * grown past an edge is shrunk rather than pushed, so the edge the user is not dragging stays where\n * they put it, and a selection that is merely out of position is slid back in whole.\n *\n * `anchor` says which edges the current gesture is holding still. Leaving it out (a programmatic\n * `setData`, the initial layout, a re-fit after a resize) caps the size at the bounds, keeps the\n * top-left corner it was given and slides the result into view — what v1's `limitCropBox` did.\n */\nexport const clampRectInside = (rect: Rect, bounds: Rect, aspectRatio: number, anchor?: Anchor): Rect => {\n  const [anchorX, anchorY] = anchor ?? ['fit', 'fit']\n\n  // Measure the rectangle cropper.js would end up with, not the one that was asked for. A rectangle\n  // already in the right proportion — which is everything a drag produces — is untouched by this.\n  const asked = { ...rect, ...coverAspectRatio(rect, aspectRatio) }\n\n  const maxWidth = availableAlong(asked.x, asked.width, bounds.x, bounds.width, anchorX)\n  const maxHeight = availableAlong(asked.y, asked.height, bounds.y, bounds.height, anchorY)\n\n  let { width, height } = asked\n  if (isUsableAspectRatio(aspectRatio)) {\n    // Shrink both axes by the same factor, otherwise the crop silently changes shape at the border.\n    const scale = Math.min(1, width > 0 ? maxWidth / width : 1, height > 0 ? maxHeight / height : 1)\n    width *= scale\n    height *= scale\n  } else {\n    width = Math.min(width, maxWidth)\n    height = Math.min(height, maxHeight)\n  }\n\n  const x = placeAlong(asked.x, asked.width, width, anchorX)\n  const y = placeAlong(asked.y, asked.height, height, anchorY)\n\n  return {\n    x: clamp(x, bounds.x, bounds.x + bounds.width - width),\n    y: clamp(y, bounds.y, bounds.y + bounds.height - height),\n    width,\n    height,\n  }\n}\n\nexport const rectsAreClose = (a: Rect, b: Rect, epsilon = 0.01): boolean =>\n  Math.abs(a.x - b.x) < epsilon &&\n  Math.abs(a.y - b.y) < epsilon &&\n  Math.abs(a.width - b.width) < epsilon &&\n  Math.abs(a.height - b.height) < epsilon\n\n/**\n * The box the cropper canvas takes. This is the frame, not the picture: cropper.js v1 let its\n * container fill the width it was given and then centred the image inside it, so a source narrower\n * than the container sat between two shaded margins rather than stretching to fill them. The height\n * comes from the image at its displayed size, which is its natural size unless that is wider than\n * the space available — v1 never enlarged a source either, its `<img>` being capped at `max-width`.\n *\n * The image is fitted into this box with `contain`, so image pixels and canvas pixels differ by one\n * uniform scale factor and an offset.\n */\nexport const canvasSizeFor = (natural: Size, availableWidth: number, minWidth: number, minHeight: number): Size => {\n  const width = Math.max(availableWidth, minWidth)\n  if (!(natural.width > 0) || !(natural.height > 0)) {\n    return { width, height: minHeight }\n  }\n  const displayedWidth = Math.min(natural.width, availableWidth)\n  const displayedHeight = (displayedWidth * natural.height) / natural.width\n  return { width, height: Math.max(displayedHeight, minHeight) }\n}\n"],"mappings":"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"}
+{"version":3,"file":"cropperGeometry.js","names":["RESIZE_ANCHORS","isUsableAspectRatio","aspectRatio","clamp","value","min","max","fitAspectRatio","size","initialSelectionRect","fitted","bounds","width","coverage","height","coverAspectRatio","getAdjustedSizes","availableAlong","boundsEnd","boundsStart","boundsLength","side","start","length","placeAlong","newLength","clampRectInside","anchorX","anchorY","anchor","asked","rect","maxWidth","maxHeight","scale","x","y","rectsAreClose","a","b","epsilon","canvasSizeFor","availableWidth","minWidth","natural","minHeight","displayedHeight"],"sources":["../../../../../src/domains/dam/cropper/utils/cropperGeometry.ts"],"sourcesContent":["/**\n * Geometry for `ACropper`: canvas size, initial crop box, and keeping the crop inside the image.\n * cropper.js v1 did this internally and v2 does not. Kept away from the DOM so it can be tested directly.\n */\nimport { getAdjustedSizes } from 'cropperjs'\n\nexport interface Size {\n  width: number\n  height: number\n}\n\nexport interface Rect {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\n/**\n * Which edge of the selection stays fixed while the other moves. This mirrors how cropper.js v2\n * computes a resize, and lets a clamped selection stop at the image border instead of sliding.\n * `fit` is the case without an anchor (programmatic `setData`, a move, a re-fit after resize). The\n * box may be as large as the image allows and is slid back into view, like v1's `limitCropBox`.\n */\nexport type AnchorSide = 'start' | 'center' | 'end' | 'fit'\n\nexport type Anchor = [AnchorSide, AnchorSide]\n\n/** Anchors per cropper.js action name. Missing actions get a plain \"fit\" clamp. */\nexport const RESIZE_ANCHORS: Readonly<Record<string, Anchor>> = {\n  'n-resize': ['center', 'end'],\n  's-resize': ['center', 'start'],\n  'e-resize': ['start', 'center'],\n  'w-resize': ['end', 'center'],\n  'ne-resize': ['start', 'end'],\n  'nw-resize': ['end', 'end'],\n  'se-resize': ['start', 'start'],\n  'sw-resize': ['end', 'start'],\n  // A new selection grows away from the drag start point.\n  select: ['start', 'start'],\n}\n\nexport const isUsableAspectRatio = (aspectRatio: number): boolean => Number.isFinite(aspectRatio) && aspectRatio > 0\n\nconst clamp = (value: number, min: number, max: number): number => Math.min(Math.max(value, min), max)\n\n/**\n * The largest box of `aspectRatio` that fits in `size`. Without a\n * usable ratio the size is returned unchanged, as for a free-form crop.\n */\nexport const fitAspectRatio = (size: Size, aspectRatio: number): Size => {\n  if (!isUsableAspectRatio(aspectRatio)) return { width: size.width, height: size.height }\n  return size.height * aspectRatio > size.width\n    ? { width: size.width, height: size.width / aspectRatio }\n    : { width: size.height * aspectRatio, height: size.height }\n}\n\n/**\n * The initial crop: v1's `autoCropArea` applied to the aspect-fitted image, centred.\n * `fitAspectRatio` scales linearly, so the result is the same in natural\n * or displayed pixels. Crop data does not depend on window width.\n */\nexport const initialSelectionRect = (bounds: Size, aspectRatio: number, coverage: number): Rect => {\n  const fitted = fitAspectRatio(bounds, aspectRatio)\n  const width = fitted.width * coverage\n  const height = fitted.height * coverage\n  return {\n    x: (bounds.width - width) / 2,\n    y: (bounds.height - height) / 2,\n    width,\n    height,\n  }\n}\n\n/**\n * Grows a box to the ratio with the same function cropper.js' `$change`\n * uses. The box then has its final shape before it is clamped to the image.\n * Otherwise a crop with a new height keeps its old width through\n * the clamp, and cropper.js widens it past the image edge.\n * The guard is needed: `getAdjustedSizes` returns `NaN` for a `NaN` ratio.\n */\nexport const coverAspectRatio = (size: Size, aspectRatio: number): Size =>\n  isUsableAspectRatio(aspectRatio)\n    ? getAdjustedSizes({ width: size.width, height: size.height, aspectRatio }, 'cover')\n    : { width: size.width, height: size.height }\n\n/** How much room an axis has while the anchored edge stays fixed. */\nconst availableAlong = (start: number, length: number, boundsStart: number, boundsLength: number, side: AnchorSide) => {\n  const boundsEnd = boundsStart + boundsLength\n  if (side === 'start') return Math.max(0, boundsEnd - Math.max(start, boundsStart))\n  if (side === 'end') return Math.max(0, Math.min(start + length, boundsEnd) - boundsStart)\n  // `center` and `fit` are both free to use the whole span; only where they land differs.\n  return boundsLength\n}\n\n/** Where the axis starts once its length is known and the anchored edge stays fixed. */\nconst placeAlong = (start: number, length: number, newLength: number, side: AnchorSide) => {\n  if (side === 'end') return start + length - newLength\n  if (side === 'center') return start + length / 2 - newLength / 2\n  return start\n}\n\n/**\n * Keeps `rect` inside `bounds` like v1's `viewMode: 1`. A selection past an edge is shrunk, not pushed,\n * so the edge not being dragged stays put. A selection only out of position is slid back whole.\n * `anchor` gives the edges the gesture holds fixed. Without it (programmatic\n * `setData`, initial layout, re-fit after resize) the size is capped at the bounds,\n * the top-left corner is kept and the result slid into view, like v1's `limitCropBox`.\n */\nexport const clampRectInside = (rect: Rect, bounds: Rect, aspectRatio: number, anchor?: Anchor): Rect => {\n  const [anchorX, anchorY] = anchor ?? ['fit', 'fit']\n\n  // Measure the rectangle cropper.js will produce, not the requested one. A\n  // rectangle already in proportion, such as any drag result, is unchanged.\n  const asked = { ...rect, ...coverAspectRatio(rect, aspectRatio) }\n\n  const maxWidth = availableAlong(asked.x, asked.width, bounds.x, bounds.width, anchorX)\n  const maxHeight = availableAlong(asked.y, asked.height, bounds.y, bounds.height, anchorY)\n\n  let { width, height } = asked\n  if (isUsableAspectRatio(aspectRatio)) {\n    // Scale both axes by the same factor, or the crop changes shape at the border.\n    const scale = Math.min(1, width > 0 ? maxWidth / width : 1, height > 0 ? maxHeight / height : 1)\n    width *= scale\n    height *= scale\n  } else {\n    width = Math.min(width, maxWidth)\n    height = Math.min(height, maxHeight)\n  }\n\n  const x = placeAlong(asked.x, asked.width, width, anchorX)\n  const y = placeAlong(asked.y, asked.height, height, anchorY)\n\n  return {\n    x: clamp(x, bounds.x, bounds.x + bounds.width - width),\n    y: clamp(y, bounds.y, bounds.y + bounds.height - height),\n    width,\n    height,\n  }\n}\n\nexport const rectsAreClose = (a: Rect, b: Rect, epsilon = 0.01): boolean =>\n  Math.abs(a.x - b.x) < epsilon &&\n  Math.abs(a.y - b.y) < epsilon &&\n  Math.abs(a.width - b.width) < epsilon &&\n  Math.abs(a.height - b.height) < epsilon\n\n/**\n * The canvas box. This is the frame, not the picture. Like v1, it fills the given width\n * and the image is centred inside, so a narrow source sits between shaded margins.\n * Height comes from the displayed image size: natural size, unless wider than the space. Sources are never enlarged.\n * The image is fitted with `contain`, so image and canvas pixels differ by one scale factor and an offset.\n */\nexport const canvasSizeFor = (natural: Size, availableWidth: number, minWidth: number, minHeight: number): Size => {\n  const width = Math.max(availableWidth, minWidth)\n  if (!(natural.width > 0) || !(natural.height > 0)) {\n    return { width, height: minHeight }\n  }\n  const displayedWidth = Math.min(natural.width, availableWidth)\n  const displayedHeight = (displayedWidth * natural.height) / natural.width\n  return { width, height: Math.max(displayedHeight, minHeight) }\n}\n"],"mappings":";;;AA6BA,IAAaA,IAAmD;CAC9D,YAAY,CAAC,UAAU,KAAK;CAC5B,YAAY,CAAC,UAAU,OAAO;CAC9B,YAAY,CAAC,SAAS,QAAQ;CAC9B,YAAY,CAAC,OAAO,QAAQ;CAC5B,aAAa,CAAC,SAAS,KAAK;CAC5B,aAAa,CAAC,OAAO,KAAK;CAC1B,aAAa,CAAC,SAAS,OAAO;CAC9B,aAAa,CAAC,OAAO,OAAO;CAE5B,QAAQ,CAAC,SAAS,OAAO;AAC3B,GAEaC,KAAuB,MAAiC,OAAO,SAASC,CAAW,KAAKA,IAAc,GAE7GC,KAAS,GAAe,GAAa,MAAwB,KAAK,IAAI,KAAK,IAAIC,GAAOC,CAAG,GAAGC,CAAG,GAMxFC,KAAkB,GAAY,MACpCN,EAAoBC,CAAW,IAC7BM,EAAK,SAASN,IAAcM,EAAK,QACpC;CAAE,OAAOA,EAAK;CAAO,QAAQA,EAAK,QAAQN;AAAY,IACtD;CAAE,OAAOM,EAAK,SAASN;CAAa,QAAQM,EAAK;AAAO,IAHd;CAAE,OAAOA,EAAK;CAAO,QAAQA,EAAK;AAAO,GAW5EC,KAAwB,GAAc,GAAqB,MAA2B;CACjG,IAAMC,IAASH,EAAeI,GAAQT,CAAW,GAC3CU,IAAQF,EAAO,QAAQG,GACvBC,IAASJ,EAAO,SAASG;CAC/B,OAAO;EACL,IAAIF,EAAO,QAAQC,KAAS;EAC5B,IAAID,EAAO,SAASG,KAAU;EAC9B;EACA;CACF;AACF,GASaC,KAAoB,GAAY,MAC3Cd,EAAoBC,CAAW,IAC3Bc,EAAiB;CAAE,OAAOR,EAAK;CAAO,QAAQA,EAAK;CAAQ;AAAY,GAAG,OAAO,IACjF;CAAE,OAAOA,EAAK;CAAO,QAAQA,EAAK;AAAO,GAGzCS,KAAkB,GAAe,GAAgB,GAAqB,GAAsB,MAAqB;CACrH,IAAMC,IAAYC,IAAcC;CAIhC,OAHIC,MAAS,UAAgB,KAAK,IAAI,GAAGH,IAAY,KAAK,IAAII,GAAOH,CAAW,CAAC,IAC7EE,MAAS,QAAc,KAAK,IAAI,GAAG,KAAK,IAAIC,IAAQC,GAAQL,CAAS,IAAIC,CAAW,IAEjFC;AACT,GAGMI,KAAc,GAAe,GAAgB,GAAmB,MAChEH,MAAS,QAAcC,IAAQC,IAASE,IACxCJ,MAAS,WAAiBC,IAAQC,IAAS,IAAIE,IAAY,IACxDH,GAUII,KAAmB,GAAY,GAAc,GAAqB,MAA0B;CACvG,IAAM,CAACC,GAASC,KAAWC,KAAU,CAAC,OAAO,KAAK,GAI5CC,IAAQ;EAAE,GAAGC;EAAM,GAAGhB,EAAiBgB,GAAM7B,CAAW;CAAE,GAE1D8B,IAAWf,EAAea,EAAM,GAAGA,EAAM,OAAOnB,EAAO,GAAGA,EAAO,OAAOgB,CAAO,GAC/EM,IAAYhB,EAAea,EAAM,GAAGA,EAAM,QAAQnB,EAAO,GAAGA,EAAO,QAAQiB,CAAO,GAEpF,EAAE,UAAO,cAAWE;CACxB,IAAI7B,EAAoBC,CAAW,GAAG;EAEpC,IAAMgC,IAAQ,KAAK,IAAI,GAAGtB,IAAQ,IAAIoB,IAAWpB,IAAQ,GAAGE,IAAS,IAAImB,IAAYnB,IAAS,CAAC;EAE/F,AADA,KAASoB,GACT,KAAUA;CACZ,OAEE,AADA,IAAQ,KAAK,IAAItB,GAAOoB,CAAQ,GAChC,IAAS,KAAK,IAAIlB,GAAQmB,CAAS;CAGrC,IAAME,IAAIX,EAAWM,EAAM,GAAGA,EAAM,OAAOlB,GAAOe,CAAO,GACnDS,IAAIZ,EAAWM,EAAM,GAAGA,EAAM,QAAQhB,GAAQc,CAAO;CAE3D,OAAO;EACL,GAAGzB,EAAMgC,GAAGxB,EAAO,GAAGA,EAAO,IAAIA,EAAO,QAAQC,CAAK;EACrD,GAAGT,EAAMiC,GAAGzB,EAAO,GAAGA,EAAO,IAAIA,EAAO,SAASG,CAAM;EACvD;EACA;CACF;AACF,GAEauB,KAAiB,GAAS,GAAS,IAAU,QACxD,KAAK,IAAIC,EAAE,IAAIC,EAAE,CAAC,IAAIC,KACtB,KAAK,IAAIF,EAAE,IAAIC,EAAE,CAAC,IAAIC,KACtB,KAAK,IAAIF,EAAE,QAAQC,EAAE,KAAK,IAAIC,KAC9B,KAAK,IAAIF,EAAE,SAASC,EAAE,MAAM,IAAIC,GAQrBC,KAAiB,GAAe,GAAwB,GAAkB,MAA4B;CACjH,IAAM7B,IAAQ,KAAK,IAAI8B,GAAgBC,CAAQ;CAC/C,IAAI,EAAEC,EAAQ,QAAQ,MAAM,EAAEA,EAAQ,SAAS,IAC7C,OAAO;EAAE;EAAO,QAAQC;CAAU;CAGpC,IAAMC,IADiB,KAAK,IAAIF,EAAQ,OAAOF,CACtB,IAAiBE,EAAQ,SAAUA,EAAQ;CACpE,OAAO;EAAE;EAAO,QAAQ,KAAK,IAAIE,GAAiBD,CAAS;CAAE;AAC/D"}

package/dist/domains/dam/cropper/utils/cropperJsService.d.ts

@@ -1,13 +1,9 @@
 import { RegionOfInterest } from '../../types/Roi';
 import { CropRect } from './cropperTypes';
 /**
- * A stored region of interest as a crop rectangle, and back.
- *
- * Both are pure arithmetic on the source image's own dimensions — no cropper involved. The region
- * already keeps its size as fractions, and its anchor is a fraction of the source in all but name,
- * so nothing here needs to know how large the picture the cropper happens to be showing is. That
- * used to matter: the conversion went through the displayed image's natural size, which cancelled
- * out of every sum it appeared in and took a rounding correction of its own to patch up.
+ * Converts a stored region of interest to a crop rectangle and back.
+ * Pure arithmetic on the source image dimensions. The region stores its size as fractions
+ * and its anchor is effectively a fraction too, so the displayed image size is not needed.
  */
 export declare const regionToCrop: (regionOfInterest: RegionOfInterest, originalImageWidth: number, originalImageHeight: number) => CropRect;
 export declare const cropToRegion: (crop: CropRect, regionOfInterest: RegionOfInterest, originalImageWidth: number, originalImageHeight: number) => RegionOfInterest;

package/dist/domains/dam/cropper/utils/cropperJsService.js

@@ -1,8 +1,12 @@
-//#region src/domains/dam/cropper/utils/cropperJsService.ts
+// src/domains/dam/cropper/utils/cropperJsService.ts
 var e = (e, t) => {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
-}, t = (e) => Math.min(Math.max(e, 0), 1), n = (e, n, r) => !(n > 0) || !(r > 0) ? {
+}, t = (e) => Math.min(Math.max(e, 0), 1), n = (e, t, n) => {
+	let r = Math.min(Math.max(e, 0), n);
+	for (; r > 0 && n * t + r > n;) r--;
+	return r;
+}, r = (e, n, r) => !(n > 0) || !(r > 0) ? {
 	x: 0,
 	y: 0,
 	width: 1,
@@ -12,8 +16,10 @@ var e = (e, t) => {
 	y: t(e.pointY / r),
 	width: t(e.percentageWidth),
 	height: t(e.percentageHeight)
-}, r = (n, r, i, a) => (r.pointX = Math.max(0, Math.round(n.x * i)), r.pointY = Math.max(0, Math.round(n.y * a)), r.percentageWidth = e(t(n.width), 3), r.percentageHeight = e(t(n.height), 3), r);
-//#endregion
-export { r as cropToRegion, n as regionToCrop };
+}, i = (r, i, a, o) => {
+	let s = e(t(r.width), 3), c = e(t(r.height), 3);
+	return i.pointX = n(Math.round(r.x * a), s, a), i.pointY = n(Math.round(r.y * o), c, o), i.percentageWidth = s, i.percentageHeight = c, i;
+};
+export { i as cropToRegion, r as regionToCrop };
 
 //# sourceMappingURL=cropperJsService.js.map

package/dist/domains/dam/cropper/utils/cropperJsService.js.map

@@ -1 +1 @@
-{"version":3,"file":"cropperJsService.js","names":["roundTo","factor","decimals","value","clampFraction","regionToCrop","originalImageWidth","originalImageHeight","regionOfInterest","cropToRegion","crop"],"sources":["../../../../../src/domains/dam/cropper/utils/cropperJsService.ts"],"sourcesContent":["import type { RegionOfInterest } from '@/domains/dam/types/Roi'\nimport type { CropRect } from '@/domains/dam/cropper/utils/cropperTypes'\n\nconst PRECISION = 3\n\nconst roundTo = (value: number, decimals: number) => {\n  const factor = 10 ** decimals\n  return Math.round(value * factor) / factor\n}\n\nconst clampFraction = (value: number) => Math.min(Math.max(value, 0), 1)\n\n/**\n * A stored region of interest as a crop rectangle, and back.\n *\n * Both are pure arithmetic on the source image's own dimensions — no cropper involved. The region\n * already keeps its size as fractions, and its anchor is a fraction of the source in all but name,\n * so nothing here needs to know how large the picture the cropper happens to be showing is. That\n * used to matter: the conversion went through the displayed image's natural size, which cancelled\n * out of every sum it appeared in and took a rounding correction of its own to patch up.\n */\nexport const regionToCrop = (\n  regionOfInterest: RegionOfInterest,\n  originalImageWidth: number,\n  originalImageHeight: number\n): CropRect => {\n  if (!(originalImageWidth > 0) || !(originalImageHeight > 0)) {\n    return { x: 0, y: 0, width: 1, height: 1 }\n  }\n  return {\n    x: clampFraction(regionOfInterest.pointX / originalImageWidth),\n    y: clampFraction(regionOfInterest.pointY / originalImageHeight),\n    width: clampFraction(regionOfInterest.percentageWidth),\n    height: clampFraction(regionOfInterest.percentageHeight),\n  }\n}\n\nexport const cropToRegion = (\n  crop: CropRect,\n  regionOfInterest: RegionOfInterest,\n  originalImageWidth: number,\n  originalImageHeight: number\n): RegionOfInterest => {\n  regionOfInterest.pointX = Math.max(0, Math.round(crop.x * originalImageWidth))\n  regionOfInterest.pointY = Math.max(0, Math.round(crop.y * originalImageHeight))\n  regionOfInterest.percentageWidth = roundTo(clampFraction(crop.width), PRECISION)\n  regionOfInterest.percentageHeight = roundTo(clampFraction(crop.height), PRECISION)\n\n  return regionOfInterest\n}\n"],"mappings":";AAGA,IAEMA,KAAW,GAAe,MAAqB;CACnD,IAAMC,IAAS,MAAMC;CACrB,OAAO,KAAK,MAAMC,IAAQF,CAAM,IAAIA;AACtC,GAEMG,KAAiB,MAAkB,KAAK,IAAI,KAAK,IAAID,GAAO,CAAC,GAAG,CAAC,GAW1DE,KACX,GACA,GACA,MAEI,EAAEC,IAAqB,MAAM,EAAEC,IAAsB,KAChD;CAAE,GAAG;CAAG,GAAG;CAAG,OAAO;CAAG,QAAQ;AAAE,IAEpC;CACL,GAAGH,EAAcI,EAAiB,SAASF,CAAkB;CAC7D,GAAGF,EAAcI,EAAiB,SAASD,CAAmB;CAC9D,OAAOH,EAAcI,EAAiB,eAAe;CACrD,QAAQJ,EAAcI,EAAiB,gBAAgB;AACzD,GAGWC,KACX,GACA,GACA,GACA,OAEA,EAAiB,SAAS,KAAK,IAAI,GAAG,KAAK,MAAMC,EAAK,IAAIJ,CAAkB,CAAC,GAC7E,EAAiB,SAAS,KAAK,IAAI,GAAG,KAAK,MAAMI,EAAK,IAAIH,CAAmB,CAAC,GAC9E,EAAiB,kBAAkBP,EAAQI,EAAcM,EAAK,KAAK,GAAG,CAAS,GAC/E,EAAiB,mBAAmBV,EAAQI,EAAcM,EAAK,MAAM,GAAG,CAAS,GAE1EF"}
+{"version":3,"file":"cropperJsService.js","names":["roundTo","factor","decimals","value","clampFraction","fitPoint","fitted","point","size","fraction","regionToCrop","originalImageWidth","originalImageHeight","regionOfInterest","cropToRegion","percentageWidth","crop","percentageHeight"],"sources":["../../../../../src/domains/dam/cropper/utils/cropperJsService.ts"],"sourcesContent":["import type { RegionOfInterest } from '@/domains/dam/types/Roi'\nimport type { CropRect } from '@/domains/dam/cropper/utils/cropperTypes'\n\nconst PRECISION = 3\n\nconst roundTo = (value: number, decimals: number) => {\n  const factor = 10 ** decimals\n  return Math.round(value * factor) / factor\n}\n\nconst clampFraction = (value: number) => Math.min(Math.max(value, 0), 1)\n\n/**\n * The DAM rejects a region ending past the image (`size * fraction + point > size`). The anchor is rounded\n * to whole pixels and the size to three decimals, so a region flush with the far edge can overrun by a\n * fraction of a pixel. The anchor is pulled back by the DAM's own sum, which keeps the region's size and ratio.\n */\nconst fitPoint = (point: number, fraction: number, size: number) => {\n  let fitted = Math.min(Math.max(point, 0), size)\n  while (fitted > 0 && size * fraction + fitted > size) fitted--\n  return fitted\n}\n\n/**\n * Converts a stored region of interest to a crop rectangle and back.\n * Pure arithmetic on the source image dimensions. The region stores its size as fractions\n * and its anchor is effectively a fraction too, so the displayed image size is not needed.\n */\nexport const regionToCrop = (\n  regionOfInterest: RegionOfInterest,\n  originalImageWidth: number,\n  originalImageHeight: number\n): CropRect => {\n  if (!(originalImageWidth > 0) || !(originalImageHeight > 0)) {\n    return { x: 0, y: 0, width: 1, height: 1 }\n  }\n  return {\n    x: clampFraction(regionOfInterest.pointX / originalImageWidth),\n    y: clampFraction(regionOfInterest.pointY / originalImageHeight),\n    width: clampFraction(regionOfInterest.percentageWidth),\n    height: clampFraction(regionOfInterest.percentageHeight),\n  }\n}\n\nexport const cropToRegion = (\n  crop: CropRect,\n  regionOfInterest: RegionOfInterest,\n  originalImageWidth: number,\n  originalImageHeight: number\n): RegionOfInterest => {\n  const percentageWidth = roundTo(clampFraction(crop.width), PRECISION)\n  const percentageHeight = roundTo(clampFraction(crop.height), PRECISION)\n  regionOfInterest.pointX = fitPoint(Math.round(crop.x * originalImageWidth), percentageWidth, originalImageWidth)\n  regionOfInterest.pointY = fitPoint(Math.round(crop.y * originalImageHeight), percentageHeight, originalImageHeight)\n  regionOfInterest.percentageWidth = percentageWidth\n  regionOfInterest.percentageHeight = percentageHeight\n\n  return regionOfInterest\n}\n"],"mappings":";AAGA,IAEMA,KAAW,GAAe,MAAqB;CACnD,IAAMC,IAAS,MAAMC;CACrB,OAAO,KAAK,MAAMC,IAAQF,CAAM,IAAIA;AACtC,GAEMG,KAAiB,MAAkB,KAAK,IAAI,KAAK,IAAID,GAAO,CAAC,GAAG,CAAC,GAOjEE,KAAY,GAAe,GAAkB,MAAiB;CAClE,IAAIC,IAAS,KAAK,IAAI,KAAK,IAAIC,GAAO,CAAC,GAAGC,CAAI;CAC9C,OAAOF,IAAS,KAAKE,IAAOC,IAAWH,IAASE,IAAM;CACtD,OAAOF;AACT,GAOaI,KACX,GACA,GACA,MAEI,EAAEC,IAAqB,MAAM,EAAEC,IAAsB,KAChD;CAAE,GAAG;CAAG,GAAG;CAAG,OAAO;CAAG,QAAQ;AAAE,IAEpC;CACL,GAAGR,EAAcS,EAAiB,SAASF,CAAkB;CAC7D,GAAGP,EAAcS,EAAiB,SAASD,CAAmB;CAC9D,OAAOR,EAAcS,EAAiB,eAAe;CACrD,QAAQT,EAAcS,EAAiB,gBAAgB;AACzD,GAGWC,KACX,GACA,GACA,GACA,MACqB;CACrB,IAAMC,IAAkBf,EAAQI,EAAcY,EAAK,KAAK,GAAG,CAAS,GAC9DC,IAAmBjB,EAAQI,EAAcY,EAAK,MAAM,GAAG,CAAS;CAMtE,OALA,EAAiB,SAASX,EAAS,KAAK,MAAMW,EAAK,IAAIL,CAAkB,GAAGI,GAAiBJ,CAAkB,GAC/G,EAAiB,SAASN,EAAS,KAAK,MAAMW,EAAK,IAAIJ,CAAmB,GAAGK,GAAkBL,CAAmB,GAClH,EAAiB,kBAAkBG,GACnC,EAAiB,mBAAmBE,GAE7BJ;AACT"}

package/dist/domains/dam/cropper/utils/cropperTypes.d.ts

@@ -1,10 +1,7 @@
 /**
- * A crop rectangle, as fractions of the image between 0 and 1.
- *
- * Fractions rather than pixels on purpose: the region of interest the DAM stores is already
- * expressed that way for its size, and its anchor is a fraction of the source in all but name. Using
- * them here means nothing has to know how large the picture the cropper happens to have loaded is —
- * a detail rendition is a scaled copy of the original, and the scale cancels out of every sum.
+ * A crop rectangle as fractions of the image, between 0 and 1.
+ * Fractions match how the DAM stores the region of interest. The loaded
+ * rendition is a scaled copy of the original, so no code needs its pixel size.
  */
 export interface CropRect {
     x: number;

package/dist/domains/dam/cropper/utils/damAssetImageRoiSelectLoader.d.ts

@@ -1,10 +1,10 @@
 import { Component } from 'vue';
 export declare const ROI_SELECT_LOAD_TIMEOUT = 15000;
 /**
- * The region editor the upload queue's detail dialogs show, loaded when it first shows: it and
- * cropper.js under it would otherwise ride along with every page that has an upload queue.
- * Gives up after `timeout`, so a chunk that never arrives ends in an error the user can retry.
- * A retry helps when the chunk was only slow. After a failed fetch it helps only where the browser fetches
- * again: Chrome and Firefox kept the failure until the page reloaded, until the 2026 spec change (whatwg/html#10327).
+ * Loads the region editor of the upload queue detail dialogs lazily, so
+ * it and cropper.js do not ship with every page that has an upload queue.
+ * Rejects after `timeout`, so a chunk that never arrives ends in a retryable error.
+ * A retry helps when the chunk was only slow. After a failed fetch it helps only if the browser fetches
+ * again: Chrome and Firefox cached the failure until reload before the 2026 spec change (whatwg/html#10327).
  */
 export declare const loadDamAssetImageRoiSelect: (timeout?: number) => Promise<Component>;

package/dist/domains/dam/cropper/utils/damAssetImageRoiSelectLoader.js

@@ -1,7 +1,6 @@
 import { withTimeout as e } from "../../../listEditor/utils/listEditorLoader.js";
-//#region src/domains/dam/cropper/utils/damAssetImageRoiSelectLoader.ts
+// src/domains/dam/cropper/utils/damAssetImageRoiSelectLoader.ts
 var t = 15e3, n = (n = t) => e(import("../components/DamAssetImageRoiSelect.js").then((e) => e.default), n, `The region editor did not load within ${n} ms.`);
-//#endregion
 export { t as ROI_SELECT_LOAD_TIMEOUT, n as loadDamAssetImageRoiSelect };
 
 //# sourceMappingURL=damAssetImageRoiSelectLoader.js.map

package/dist/domains/dam/cropper/utils/damAssetImageRoiSelectLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"damAssetImageRoiSelectLoader.js","names":["ROI_SELECT_LOAD_TIMEOUT","loadDamAssetImageRoiSelect","withTimeout","module","timeout"],"sources":["../../../../../src/domains/dam/cropper/utils/damAssetImageRoiSelectLoader.ts"],"sourcesContent":["import type { Component } from 'vue'\nimport { withTimeout } from '@/domains/listEditor/utils/listEditorLoader'\n\nexport const ROI_SELECT_LOAD_TIMEOUT = 15_000\n\n/**\n * The region editor the upload queue's detail dialogs show, loaded when it first shows: it and\n * cropper.js under it would otherwise ride along with every page that has an upload queue.\n * Gives up after `timeout`, so a chunk that never arrives ends in an error the user can retry.\n * A retry helps when the chunk was only slow. After a failed fetch it helps only where the browser fetches\n * again: Chrome and Firefox kept the failure until the page reloaded, until the 2026 spec change (whatwg/html#10327).\n */\nexport const loadDamAssetImageRoiSelect = (timeout = ROI_SELECT_LOAD_TIMEOUT): Promise<Component> =>\n  withTimeout(\n    import('@/domains/dam/cropper/components/DamAssetImageRoiSelect.vue').then((module) => module.default),\n    timeout,\n    `The region editor did not load within ${timeout} ms.`\n  )\n"],"mappings":";;AAGA,IAAaA,IAA0B,MAS1BC,KAA8B,IAAUD,MACnDE,EACE,OAAO,0CAA8D,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrGC,GACA,yCAAyCA,EAAQ,KACnD"}
+{"version":3,"file":"damAssetImageRoiSelectLoader.js","names":["ROI_SELECT_LOAD_TIMEOUT","loadDamAssetImageRoiSelect","withTimeout","module","timeout"],"sources":["../../../../../src/domains/dam/cropper/utils/damAssetImageRoiSelectLoader.ts"],"sourcesContent":["import type { Component } from 'vue'\nimport { withTimeout } from '@/domains/listEditor/utils/listEditorLoader'\n\nexport const ROI_SELECT_LOAD_TIMEOUT = 15_000\n\n/**\n * Loads the region editor of the upload queue detail dialogs lazily, so\n * it and cropper.js do not ship with every page that has an upload queue.\n * Rejects after `timeout`, so a chunk that never arrives ends in a retryable error.\n * A retry helps when the chunk was only slow. After a failed fetch it helps only if the browser fetches\n * again: Chrome and Firefox cached the failure until reload before the 2026 spec change (whatwg/html#10327).\n */\nexport const loadDamAssetImageRoiSelect = (timeout = ROI_SELECT_LOAD_TIMEOUT): Promise<Component> =>\n  withTimeout(\n    import('@/domains/dam/cropper/components/DamAssetImageRoiSelect.vue').then((module) => module.default),\n    timeout,\n    `The region editor did not load within ${timeout} ms.`\n  )\n"],"mappings":";;AAGA,IAAaA,IAA0B,MAS1BC,KAA8B,IAAUD,MACnDE,EACE,OAAO,0CAA8D,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrGC,GACA,yCAAyCA,EAAQ,KACnD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AImageMediaWidget.js","names":["_sfc_main","AImageMediaWidget_vue_vue_type_script_setup_true_lang_default","AImageMediaWidget_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageMediaWidget.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 { 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 ImageMediaWidgetInner from '@/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport AMediaWidgetSimple from '@/domains/dam/imageWidget/components/AMediaWidgetSimple.vue'\nimport type { MediaAware } from '@/domains/dam/types/MediaAware'\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    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    initialImage?: 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    initialImage: undefined,\n    initialMedia: 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: 'afterMetadataSaveSuccess'): void\n}>()\n\nconst mediaModel = defineModel<MediaAware | null>('media', { required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n// Declared: the read-only fallback renders the slots too, and inferred they would take its looser types.\ndefineSlots<{\n  append?: (props: { imageMedia: ImageCreateUpdateAware | MediaAware | null }) => unknown\n  preview?: (props: { imageMedia: MediaAware }) => unknown\n}>()\nconst imageModel = defineModel<IntegerIdNullable>('image', { required: true })\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  <ImageMediaWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-model:media=\"mediaModel\"\n    v-model:image=\"imageModel\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"append\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n    <template #preview=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"preview\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n  </ImageMediaWidgetInner>\n  <!-- The config fails also for a user without access to the licence: the media or image already there is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AMediaWidgetSimple\n      v-if=\"mediaModel\"\n      :media=\"mediaModel\"\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=\"{ media: appendMedia }\">\n        <slot\n          name=\"append\"\n          :image-media=\"appendMedia\"\n        />\n      </template>\n      <template #preview=\"{ media: previewMedia }\">\n        <slot\n          v-if=\"previewMedia\"\n          name=\"preview\"\n          :image-media=\"previewMedia\"\n        />\n      </template>\n    </AMediaWidgetSimple>\n    <AImageWidgetSimple\n      v-else-if=\"imageModel || initialImage\"\n      :model-value=\"imageModel\"\n      :image=\"initialImage\"\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-media=\"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":"AImageMediaWidget.js","names":["_sfc_main","AImageMediaWidget_vue_vue_type_script_setup_true_lang_default","AImageMediaWidget_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageMediaWidget.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 { 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 ImageMediaWidgetInner from '@/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport AMediaWidgetSimple from '@/domains/dam/imageWidget/components/AMediaWidgetSimple.vue'\nimport type { MediaAware } from '@/domains/dam/types/MediaAware'\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    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    initialImage?: 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    initialImage: undefined,\n    initialMedia: 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: 'afterMetadataSaveSuccess'): void\n}>()\n\nconst mediaModel = defineModel<MediaAware | null>('media', { required: true })\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 slots too, and inferred types would be looser.\ndefineSlots<{\n  append?: (props: { imageMedia: ImageCreateUpdateAware | MediaAware | null }) => unknown\n  preview?: (props: { imageMedia: MediaAware }) => unknown\n}>()\nconst imageModel = defineModel<IntegerIdNullable>('image', { required: true })\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  <ImageMediaWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-model:media=\"mediaModel\"\n    v-model:image=\"imageModel\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"append\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n    <template #preview=\"{ imageMedia: appendImage }\">\n      <slot\n        name=\"preview\"\n        :image-media=\"appendImage\"\n      />\n    </template>\n  </ImageMediaWidgetInner>\n  <!-- The config also fails for a user without access to the licence. The existing media or image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AMediaWidgetSimple\n      v-if=\"mediaModel\"\n      :media=\"mediaModel\"\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=\"{ media: appendMedia }\">\n        <slot\n          name=\"append\"\n          :image-media=\"appendMedia\"\n        />\n      </template>\n      <template #preview=\"{ media: previewMedia }\">\n        <slot\n          v-if=\"previewMedia\"\n          name=\"preview\"\n          :image-media=\"previewMedia\"\n        />\n      </template>\n    </AMediaWidgetSimple>\n    <AImageWidgetSimple\n      v-else-if=\"imageModel || initialImage\"\n      :model-value=\"imageModel\"\n      :image=\"initialImage\"\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-media=\"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":""}