@anzusystems/common-admin 1.47.0-beta.dev-1790143991 → 2.0.0-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"DamAssetImageRoiSelect.js","names":["_sfc_main","DamAssetImageRoiSelect_vue_vue_type_script_setup_true_lang_default","DamAssetImageRoiSelect_default"],"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":""}

package/dist/domains/dam/cropper/components/DamAssetImageRoiSelect.vue.d.ts

@@ -0,0 +1,12 @@
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    extSystem: IntegerId;
+    configName?: string;
+    readonly?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    readonly: boolean;
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,100 @@
+import { isUndefined as e } from "../../../../shared/utils/common.js";
+import { useAlerts as t } from "../../../system/composables/alerts.js";
+import { useCommonAdminCoreDamOptions as n } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as r } from "../../composables/damConfigName.js";
+import { useDamConfigState as i } from "../../config/composables/damConfigState.js";
+import { fetchImageFile as a } from "../../api/damImageApi.js";
+import { useImageRoiStore as o } from "../store/imageRoiStore.js";
+import { updateRoi as s } from "../../api/damImageRoiApi.js";
+import { cropToRegion as c, regionToCrop as l } from "../utils/cropperJsService.js";
+import u from "./ACropper.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createVNode as g, defineComponent as _, onUnmounted as v, openBlock as y, ref as b, unref as x, watch as S } from "vue";
+import { VProgressCircular as C } from "vuetify/components/VProgressCircular";
+import { VImg as w } from "vuetify/components/VImg";
+//#region src/domains/dam/cropper/components/DamAssetImageRoiSelect.vue?vue&type=script&setup=true&lang.ts
+var T = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center"
+}, E = "rgba(241, 244, 246, 0.5)", D = /*@__PURE__*/ _({
+	__name: "DamAssetImageRoiSelect",
+	props: {
+		extSystem: {},
+		configName: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(_) {
+		let D = _, O = r(D.configName), { showRecordWas: k, showErrorsDefault: A } = t(), j = {
+			overflow: "hidden",
+			maxHeight: "calc(100vh - 160px)"
+		}, M = o(), { damClient: N, endPointImage: P, endPointRoi: F } = n(O), { getDamConfigExtSystem: I } = i(void 0, O), L = I(D.extSystem);
+		if (e(L)) throw Error("DamAssetImageRoiSelect: Ext system must be initialised.");
+		let R = f(() => M.imageFile && M.imageFile.links?.image_detail ? M.imageFile.links.image_detail.url + "?manipulated=" + M.imageFile.manipulatedAt : ""), z = b(null), B = () => {
+			let { roi: e, imageFile: t } = M;
+			z.value = e && t ? l(e, t.imageAttributes.width, t.imageAttributes.height) : null;
+		};
+		B(), S(() => M.roi, B);
+		let V = !1, H, U = 0, W = b(!1), G = f(() => M.loader || W.value), K = (e) => {
+			W.value = e, M.setCropperBusy(e);
+		}, q = 0, J = !1, Y = () => {
+			V || K(q > 0 || J);
+		}, X = (e) => !V && e.save === U && M.imageFile === e.file && M.roi?.id === e.regionId, Z = async (e) => {
+			try {
+				if (!X(e)) return;
+				try {
+					let t = await a(N, P, e.file.id);
+					X(e) && (M.setImageFile(t), M.forceReloadRoiPreviews());
+				} catch (t) {
+					X(e) && A(t);
+				}
+			} finally {
+				e.save === U && (J = !1, Y());
+			}
+		}, Q = async (e) => {
+			let { roi: t, imageFile: n } = M;
+			if (!t || !n || D.readonly) return;
+			let r = c(e, t, n.imageAttributes.width, n.imageAttributes.height);
+			q++, K(!0);
+			try {
+				if (await s(N, F, r.id, r), k("updated"), V) return;
+				let e = {
+					save: ++U,
+					file: n,
+					regionId: r.id
+				};
+				J = !0, clearTimeout(H), H = setTimeout(() => Z(e), 2e3);
+			} catch (e) {
+				A(e);
+			} finally {
+				q--, Y();
+			}
+		}, $ = f(() => !!(M.imageFile && R.value.length > 0 && !G.value));
+		return v(() => {
+			V = !0, clearTimeout(H), M.setCropperBusy(!1), z.value = null;
+		}), (e, t) => (y(), h(d, null, [G.value ? (y(), h("div", T, [g(C, { indeterminate: "" })])) : m("", !0), $.value && x(L).image && !_.readonly ? (y(), p(u, {
+			key: x(M).imageFile?.manipulatedAt || 0,
+			modelValue: z.value,
+			"onUpdate:modelValue": t[0] ||= (e) => z.value = e,
+			"aspect-ratio": x(L).image.roiWidth / x(L).image.roiHeight,
+			"container-style": j,
+			"shade-color": E,
+			src: R.value,
+			onCommit: Q
+		}, null, 8, [
+			"modelValue",
+			"aspect-ratio",
+			"src"
+		])) : $.value ? (y(), p(w, {
+			key: 2,
+			src: R.value,
+			"max-height": j.maxHeight,
+			"data-cy": "roi-readonly-image"
+		}, null, 8, ["src", "max-height"])) : m("", !0)], 64));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=DamAssetImageRoiSelect.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;A,GAoCMY,IAAoB,4B;;;;;;;;;;;EApB1B,IAAME,IAAQC,GAYRC,IAAgBC,EAAiBH,EAAM,UAAU,GAEjD,EAAE,kBAAe,yBAAsBI,EAAU,GAEjDC,IAAwB;GAAE,UAAU;GAAU,WAAW;EAAsB,GAM/EC,IAAgBC,EAAiB,GAEjC,EAAE,cAAW,kBAAe,mBAAgBC,EAA6BN,CAAa,GACtF,EAAE,6BAA0BO,EAAkB,KAAA,GAAWP,CAAa,GAEtEQ,IAAkBC,EAAsBX,EAAM,SAAS;EAE7D,IAAIY,EAAYF,CAAe,GAC7B,MAAU,MAAM,yDAAyD;EAG3E,IAAMG,IAAWC,QACXR,EAAc,aAAaA,EAAc,UAAU,OAAO,eACrDA,EAAc,UAAU,MAAM,aAAa,MAAM,kBAAkBA,EAAc,UAAU,gBAE7F,EACR,GAGKS,IAAOC,EAAqB,IAAI,GAEhCC,UAAyB;GAC7B,IAAM,EAAE,QAAK,iBAAcX;GAC3B,EAAK,QACHY,KAAOC,IAAYC,EAAaF,GAAKC,EAAU,gBAAgB,OAAOA,EAAU,gBAAgB,MAAM,IAAI;EAC9G;EAEA,AADAF,EAAiB,GACjBI,QAAYf,EAAc,KAAKW,CAAgB;EAmB/C,IAAIK,IAAY,IACZC,GACAC,IAAe,GACbC,IAAST,EAAI,EAAK,GAClBU,IAAcZ,QAAeR,EAAc,UAAUmB,EAAO,KAAK,GACjEE,KAAQ,MAAgB;GAE5B,AADA,EAAO,QAAQC,GACftB,EAAc,eAAesB,CAAE;EACjC,GAKIC,IAAe,GACfC,IAAc,IACZC,UAAmB;GACvB,AAAKT,KAAWK,EAAKE,IAAe,KAAKC,CAAW;EACtD,GACME,KAAgB,MACpB,CAACV,KACDW,EAAM,SAAST,KACflB,EAAc,cAAc2B,EAAM,QAClC3B,EAAc,KAAK,OAAO2B,EAAM,UAE5BC,IAAkB,OAAO,MAAuB;GACpD,IAAI;IACF,IAAI,CAACF,EAAaC,CAAK,GAAG;IAC1B,IAAI;KACF,IAAME,IAAO,MAAMC,EAAeC,GAAWC,GAAeL,EAAM,KAAK,EAAE;KACzE,AAAID,EAAaC,CAAK,MACpB3B,EAAc,aAAa6B,CAAI,GAC/B7B,EAAc,uBAAuB;IAEzC,SAASiC,GAAO;KACd,AAAIP,EAAaC,CAAK,KAAGO,EAAkBD,CAAK;IAClD;GACF,UAAU;IAER,AAAIN,EAAM,SAAST,MACjB,IAAc,IACdO,EAAW;GAEf;EACF,GAEMU,IAAU,OAAO,MAAwB;GAC7C,IAAM,EAAE,QAAK,iBAAcnC;GAC3B,IAAI,CAACY,KAAO,CAACC,KAAanB,EAAM,UAAU;GAE1C,IAAM0C,IAASC,EAAaC,GAAW1B,GAAKC,EAAU,gBAAgB,OAAOA,EAAU,gBAAgB,MAAM;GAE7G,AADA,KACAQ,EAAK,EAAI;GACT,IAAI;IAGF,IAFA,MAAMkB,EAAUR,GAAWS,GAAaJ,EAAO,IAAIA,CAAM,GACzDK,EAAc,SAAS,GACnBzB,GAAW;IACf,IAAMW,IAAqB;KAAE,MAAM,EAAET;KAAc,MAAML;KAAW,UAAUuB,EAAO;IAAG;IAGxF,AAFA,IAAc,IACd,aAAanB,CAAW,GACxB,IAAc,iBAAiBW,EAAgBD,CAAK,GAAG,GAAI;GAC7D,SAASM,GAAO;IACd,EAAkBA,CAAK;GACzB,UAAU;IAER,AADA,KACAR,EAAW;GACb;EACF,GAEMiB,IAAclC,QAClB,GAAIR,EAAc,aAAaO,EAAS,MAAM,SAAS,KAAK,CAACa,EAAY,MAI1E;E,OAEDuB,QAAkB;GAIhB,AAHA,IAAY,IACZ,aAAa1B,CAAW,GACxBjB,EAAc,eAAe,EAAK,GAClC,EAAK,QAAQ;EACf,CAAC,I,2BAKSoB,EAAA,SADRxC,EAAA,GAAAC,EAKM,OALNU,GAKM,CADJR,EAAmCC,GAAA,EAAhB,eAAA,GAAa,CAAA,C,iBAG1B0D,EAAA,SAAexD,EAAAkB,CAAA,CAAe,CAAC,SAAK,CAAKT,EAAA,YADjDf,EAAA,GAAAO,EASEC,GAAA;GAPC,KAAKF,EAAAc,CAAA,CAAa,CAAC,WAAW,iBAAa;GACnC,YAAAS,EAAA;GAAA,uBAAA,AAAA2C,EAAA,QAAA,MAAA,EAAI,QAAAC;GACZ,gBAAcnE,EAAAkB,CAAA,CAAe,CAAC,MAAM,WAAWlB,EAAAkB,CAAA,CAAe,CAAC,MAAM;GACrE,mBAAiBL;GACjB,eAAaP;GACb,KAAKe,EAAA;GACL,UAAQ4B;;;;;E,MAGEO,EAAA,SADb9D,EAAA,GAAAO,EAKEE,GAAA;;GAHC,KAAKkB,EAAA;GACL,cAAYR,EAAsB;GACnC,WAAQ"}

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

@@ -0,0 +1,7 @@
+import e from "./DamAssetImageRoiSelectLazy.vue_vue_type_script_setup_true_lang.js";
+//#region 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.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DamAssetImageRoiSelectLazy.js","names":["_sfc_main","DamAssetImageRoiSelectLazy_vue_vue_type_script_setup_true_lang_default","DamAssetImageRoiSelectLazy_default"],"sources":["../../../../../src/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type Component, onMounted, ref, shallowRef } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { loadDamAssetImageRoiSelect } from '@/domains/dam/cropper/utils/damAssetImageRoiSelectLoader'\nimport type { IntegerId } from '@/shared/types/common'\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 { t } = useI18n()\n\nconst roiSelect = shallowRef<Component>()\nconst loadFailed = ref(false)\n\nconst load = async () => {\n  loadFailed.value = false\n  try {\n    roiSelect.value = await loadDamAssetImageRoiSelect()\n  } catch {\n    loadFailed.value = true\n  }\n}\n\nonMounted(load)\n</script>\n\n<template>\n  <component\n    :is=\"roiSelect\"\n    v-if=\"roiSelect\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n    :readonly=\"readonly\"\n  />\n  <div\n    v-else-if=\"loadFailed\"\n    class=\"d-flex align-center ga-2\"\n  >\n    <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n    <ABtnTertiary\n      data-cy=\"button-retry-roi-select\"\n      @click.stop=\"load\"\n    >\n      {{ t('common.button.retry') }}\n    </ABtnTertiary>\n  </div>\n  <VProgressCircular\n    v-else\n    indeterminate\n    color=\"primary\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue.d.ts

@@ -0,0 +1,12 @@
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    extSystem: IntegerId;
+    configName?: string;
+    readonly?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    readonly: boolean;
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,57 @@
+import { useDamConfigName as e } from "../../composables/damConfigName.js";
+import { loadDamAssetImageRoiSelect as t } from "../utils/damAssetImageRoiSelectLoader.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
+var b = {
+	key: 1,
+	class: "d-flex align-center ga-2"
+}, x = { class: "text-error" }, S = /*@__PURE__*/ s({
+	__name: "DamAssetImageRoiSelectLazy",
+	props: {
+		extSystem: {},
+		configName: { default: void 0 },
+		readonly: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(s) {
+		let S = e(s.configName), { t: C } = v(), w = p(), T = u(!1), E = async () => {
+			T.value = !1;
+			try {
+				w.value = await t();
+			} catch {
+				T.value = !0;
+			}
+		};
+		return c(E), (e, t) => {
+			let c = d("ABtnTertiary");
+			return w.value ? (l(), n(f(w.value), {
+				key: 0,
+				"ext-system": s.extSystem,
+				"config-name": h(S),
+				readonly: s.readonly
+			}, null, 8, [
+				"ext-system",
+				"config-name",
+				"readonly"
+			])) : T.value ? (l(), r("div", b, [i("span", x, m(h(C)("common.alert.unknownError")), 1), o(c, {
+				"data-cy": "button-retry-roi-select",
+				onClick: _(E, ["stop"])
+			}, {
+				default: g(() => [a(m(h(C)("common.button.retry")), 1)]),
+				_: 1
+			})])) : (l(), n(y, {
+				key: 2,
+				indeterminate: "",
+				color: "primary"
+			}));
+		};
+	}
+});
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=DamAssetImageRoiSelectLazy.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DamAssetImageRoiSelectLazy.vue_vue_type_script_setup_true_lang.js","names":["props","_resolveComponent","_openBlock","_createBlock","_resolveDynamicComponent","_unref","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_withModifiers","_withCtx","_createTextVNode","_component_VProgressCircular","_hoisted_1","_hoisted_2","DamAssetImageRoiSelectLazy_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","roiSelect","shallowRef","loadFailed","ref","load","loadDamAssetImageRoiSelect","onMounted","_component_ABtnTertiary","resolveComponent","openBlock","createBlock","resolveDynamicComponent","unref","createElementBlock","createElementVNode","toDisplayString","t","createVNode","withModifiers","withCtx","createTextVNode","VProgressCircular"],"sources":["../../../../../src/domains/dam/cropper/components/DamAssetImageRoiSelectLazy.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type Component, onMounted, ref, shallowRef } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { loadDamAssetImageRoiSelect } from '@/domains/dam/cropper/utils/damAssetImageRoiSelectLoader'\nimport type { IntegerId } from '@/shared/types/common'\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 { t } = useI18n()\n\nconst roiSelect = shallowRef<Component>()\nconst loadFailed = ref(false)\n\nconst load = async () => {\n  loadFailed.value = false\n  try {\n    roiSelect.value = await loadDamAssetImageRoiSelect()\n  } catch {\n    loadFailed.value = true\n  }\n}\n\nonMounted(load)\n</script>\n\n<template>\n  <component\n    :is=\"roiSelect\"\n    v-if=\"roiSelect\"\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n    :readonly=\"readonly\"\n  />\n  <div\n    v-else-if=\"loadFailed\"\n    class=\"d-flex align-center ga-2\"\n  >\n    <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n    <ABtnTertiary\n      data-cy=\"button-retry-roi-select\"\n      @click.stop=\"load\"\n    >\n      {{ t('common.button.retry') }}\n    </ABtnTertiary>\n  </div>\n  <VProgressCircular\n    v-else\n    indeterminate\n    color=\"primary\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAmBA,IAAMiB,IAAgBC,EAAiBlB,EAAM,UAAU,GAEjD,EAAE,SAAMoB,EAAQ,GAEhBC,IAAYC,EAAsB,GAClCC,IAAaC,EAAI,EAAK,GAEtBC,IAAO,YAAY;GACvB,EAAW,QAAQ;GACnB,IAAI;IACF,EAAU,QAAQ,MAAMC,EAA2B;GACrD,QAAQ;IACN,EAAW,QAAQ;GACrB;EACF;E,OAEAC,EAAUF,CAAI,I;;GAMJ,OAAAJ,EAAA,SAFRnB,EAAA,GAAAC,EAMEC,EALKiB,EAAA,KAAS,GAAA;;IAEb,cAAYF,EAAA;IACZ,eAAad,EAAAY,CAAA;IACb,UAAUE,EAAA;;;;;G,MAGAI,EAAA,SADbrB,EAAA,GAAAI,EAWM,OAXNQ,GAWM,CAPJP,EAAoE,QAApEQ,GAAoEP,EAAxCH,EAAAgC,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA,GAC7B5B,EAKemB,GAAA;IAJb,WAAQ;IACP,SAAKlB,EAAOe,GAAI,CAAA,MAAA,CAAA;;IAEjB,SAAAd,QAA8B,CAA3BC,EAAAJ,EAAAH,EAAAgC,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,CAAA,C;;G,SAGRnC,EAAA,GAAAC,EAIEU,GAAA;;IAFA,eAAA;IACA,OAAM"}

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

@@ -0,0 +1,274 @@
+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()`).
+ */
+export declare const useImageRoiStore: import('pinia').SetupStoreDefinition<"commonAdminDamImageRoiStore", {
+    imageFile: import('vue').Ref<{
+        id: import('../../../../lib').DocId;
+        asset: import('../../../../lib').DocId;
+        fileAttributes: {
+            status: import('../../types/AssetFile').AssetFileProcessStatusType;
+            mimeType: string;
+            size: number;
+            originFileName: string;
+            originUrl: string;
+            failReason: import('../../types/AssetFile').AssetFileFailReasonType;
+        };
+        imageAttributes: {
+            ratioWidth: number;
+            ratioHeight: number;
+            width: number;
+            height: number;
+            rotation: number;
+            mostDominantColor: string;
+            animated: boolean;
+        };
+        originAssetFile: import('../../../../lib').DocIdNullable;
+        links?: Record<string, never> | {
+            audio: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_list: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_table: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_detail: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_animated: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+        } | undefined;
+        metadata: {
+            exifData: [];
+            id: string;
+            createdAt: string;
+            modifiedAt: string;
+            createdBy: number;
+            modifiedBy: number;
+        };
+        manipulatedAt: import('../../../../lib').DatetimeUTC;
+        _resourceName: "imageFile";
+        flags: {
+            public: boolean;
+            singleUse: boolean;
+            overrideInternal: boolean;
+            internal: boolean;
+        };
+        createdAt: import('../../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../../lib').IntegerIdNullable;
+        createdBy: import('../../../../lib').IntegerIdNullable;
+        mainRoute?: {
+            id: import('../../../../lib').DocId;
+            status: import('../../types/AssetFile').AssetFileRouteStatusType;
+            main: boolean;
+            publicUrl: string;
+            _resourceName: "assetFileRoute";
+        } | undefined;
+    } | null, AssetFileImage | {
+        id: import('../../../../lib').DocId;
+        asset: import('../../../../lib').DocId;
+        fileAttributes: {
+            status: import('../../types/AssetFile').AssetFileProcessStatusType;
+            mimeType: string;
+            size: number;
+            originFileName: string;
+            originUrl: string;
+            failReason: import('../../types/AssetFile').AssetFileFailReasonType;
+        };
+        imageAttributes: {
+            ratioWidth: number;
+            ratioHeight: number;
+            width: number;
+            height: number;
+            rotation: number;
+            mostDominantColor: string;
+            animated: boolean;
+        };
+        originAssetFile: import('../../../../lib').DocIdNullable;
+        links?: Record<string, never> | {
+            audio: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_list: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_table: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_detail: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+            image_animated: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            };
+        } | undefined;
+        metadata: {
+            exifData: [];
+            id: string;
+            createdAt: string;
+            modifiedAt: string;
+            createdBy: number;
+            modifiedBy: number;
+        };
+        manipulatedAt: import('../../../../lib').DatetimeUTC;
+        _resourceName: "imageFile";
+        flags: {
+            public: boolean;
+            singleUse: boolean;
+            overrideInternal: boolean;
+            internal: boolean;
+        };
+        createdAt: import('../../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../../lib').IntegerIdNullable;
+        createdBy: import('../../../../lib').IntegerIdNullable;
+        mainRoute?: {
+            id: import('../../../../lib').DocId;
+            status: import('../../types/AssetFile').AssetFileRouteStatusType;
+            main: boolean;
+            publicUrl: string;
+            _resourceName: "assetFileRoute";
+        } | undefined;
+    } | null>;
+    loader: import('vue').Ref<boolean, boolean>;
+    roi: import('vue').Ref<{
+        id: import('../../../../lib').DocId;
+        title: string;
+        position: number;
+        image: import('../../../../lib').DocId;
+        pointX: number;
+        pointY: number;
+        percentageWidth: number;
+        percentageHeight: number;
+        links: {
+            image_roi_example: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            }[];
+        };
+        createdAt: import('../../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../../lib').IntegerIdNullable;
+        createdBy: import('../../../../lib').IntegerIdNullable;
+        _resourceName: string;
+        _system: string;
+    } | null, RegionOfInterest | {
+        id: import('../../../../lib').DocId;
+        title: string;
+        position: number;
+        image: import('../../../../lib').DocId;
+        pointX: number;
+        pointY: number;
+        percentageWidth: number;
+        percentageHeight: number;
+        links: {
+            image_roi_example: {
+                width: number;
+                height: number;
+                requestedWidth: number;
+                requestedHeight: number;
+                url: string;
+                title: string;
+                type: import('../../types/AssetFile').AssetFileLinkTypeType;
+            }[];
+        };
+        createdAt: import('../../../../lib').DatetimeUTC;
+        modifiedAt: import('../../../../lib').DatetimeUTC;
+        modifiedBy: import('../../../../lib').IntegerIdNullable;
+        createdBy: import('../../../../lib').IntegerIdNullable;
+        _resourceName: string;
+        _system: string;
+    } | null>;
+    timestampCropper: import('vue').Ref<number, number>;
+    timestampRoiPreviews: import('vue').Ref<number, number>;
+    cropperBusy: import('vue').Ref<boolean, boolean>;
+    setImageFile: (newFile: AssetFileImage | null) => void;
+    setRoi: (newRoi: RegionOfInterest | null) => void;
+    showLoader: () => void;
+    hideLoader: () => void;
+    forceReloadRoiPreviews: () => void;
+    forceReloadCropper: () => void;
+    setCropperBusy: (busy: boolean) => void;
+    reset: () => void;
+}>;

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

@@ -0,0 +1,50 @@
+import { ref as e } from "vue";
+import { defineStore as t } from "pinia";
+//#region 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) {
+		t.value = e;
+	}
+	function c(e) {
+		r.value = e;
+	}
+	function l() {
+		n.value = !0;
+	}
+	function u() {
+		n.value = !1;
+	}
+	function d() {
+		a.value = Date.now();
+	}
+	function f() {
+		i.value = Date.now();
+	}
+	function p(e) {
+		o.value = e;
+	}
+	function m() {
+		t.value = null, n.value = !1, r.value = null, i.value = Date.now(), a.value = Date.now();
+	}
+	return {
+		imageFile: t,
+		loader: n,
+		roi: r,
+		timestampCropper: i,
+		timestampRoiPreviews: a,
+		cropperBusy: o,
+		setImageFile: s,
+		setRoi: c,
+		showLoader: l,
+		hideLoader: u,
+		forceReloadRoiPreviews: d,
+		forceReloadCropper: f,
+		setCropperBusy: p,
+		reset: m
+	};
+});
+//#endregion
+export { n as useImageRoiStore };
+
+//# sourceMappingURL=imageRoiStore.js.map

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

@@ -0,0 +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"}