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

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
 import { useAssetDetailSidebarActionbar as e } from "../composables/assetDetailSidebarActionbar.js";
 import { Teleport as t, createBlock as n, createCommentVNode as r, createElementVNode as i, defineComponent as a, openBlock as o, renderSlot as s, unref as c } from "vue";
-//#region src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue?vue&type=script&setup=true&lang.ts
 var l = /*@__PURE__*/ a({
 	__name: "AssetDetailSidebarActionsWrapper",
 	props: { queueKey: {} },
@@ -12,7 +12,6 @@ var l = /*@__PURE__*/ a({
 		}, [i("div", null, [s(e.$slots, "default")])], 8, ["to"])) : r("", !0);
 	}
 });
-//#endregion
 export { l as default };
 
 //# sourceMappingURL=AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarFrame.js

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

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarFrame.js","names":["_sfc_main","AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarFrame_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport AssetDetailSidebarROI from '@/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue'\nimport AssetDetailSidebarActionsTeleportTarget from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// The frame of the sidebar of the detail of an asset and of the dialog of a single upload: its tabs, the regions of\n// interest, and the target the buttons of the info tab are teleported to. What is above the content and in the info\n// tab is each sidebar's own.\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    configName?: string\n    roiTab: boolean\n    simpleMode: boolean\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\ndefineSlots<{\n  prepend?(): unknown\n  info(props: { isActive: boolean }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n</script>\n\n<template>\n  <div\n    class=\"sidebar-info d-flex w-100 h-100 flex-column\"\n    :class=\"{ 'sidebar-info--no-tabs': simpleMode }\"\n  >\n    <div class=\"w-100 h-100 d-flex flex-column\">\n      <VTabs\n        v-if=\"!simpleMode\"\n        v-model=\"activeTab\"\n        show-arrows\n        class=\"sidebar-info__tabs\"\n      >\n        <VTab\n          :value=\"AssetDetailTabImageWithRoi.Info\"\n          data-cy=\"button-meta\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.info') }}\n        </VTab>\n        <VTab\n          v-if=\"roiTab\"\n          :value=\"AssetDetailTabImageWithRoi.ROI\"\n          data-cy=\"button-focus\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.roi') }}\n        </VTab>\n      </VTabs>\n\n      <div class=\"sidebar-info__content\">\n        <slot name=\"prepend\" />\n        <template v-if=\"simpleMode\">\n          <div class=\"py-2\">\n            <slot\n              name=\"info\"\n              :is-active=\"true\"\n            />\n          </div>\n          <div class=\"py-2\">\n            <AssetDetailSidebarROI\n              :is-active=\"true\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n        <template v-else>\n          <div\n            v-if=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            class=\"py-2\"\n          >\n            <slot\n              name=\"info\"\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            />\n          </div>\n          <div\n            v-if=\"roiTab && activeTab === AssetDetailTabImageWithRoi.ROI\"\n            class=\"py-2\"\n          >\n            <AssetDetailSidebarROI\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.ROI\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n      </div>\n      <div class=\"sidebar-info__actions px-2\">\n        <AssetDetailSidebarActionsTeleportTarget :queue-key=\"queueKey\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarFrame.js","names":["_sfc_main","AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarFrame_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport AssetDetailSidebarROI from '@/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue'\nimport AssetDetailSidebarActionsTeleportTarget from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared sidebar frame of the asset detail and the single-upload\n// dialog: tabs, ROIs and the teleport target for the info tab buttons.\n// Content above the tabs and inside the info tab belongs to each sidebar.\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    configName?: string\n    roiTab: boolean\n    simpleMode: boolean\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\ndefineSlots<{\n  prepend?(): unknown\n  info(props: { isActive: boolean }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n</script>\n\n<template>\n  <div\n    class=\"sidebar-info d-flex w-100 h-100 flex-column\"\n    :class=\"{ 'sidebar-info--no-tabs': simpleMode }\"\n  >\n    <div class=\"w-100 h-100 d-flex flex-column\">\n      <VTabs\n        v-if=\"!simpleMode\"\n        v-model=\"activeTab\"\n        show-arrows\n        class=\"sidebar-info__tabs\"\n      >\n        <VTab\n          :value=\"AssetDetailTabImageWithRoi.Info\"\n          data-cy=\"button-meta\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.info') }}\n        </VTab>\n        <VTab\n          v-if=\"roiTab\"\n          :value=\"AssetDetailTabImageWithRoi.ROI\"\n          data-cy=\"button-focus\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.roi') }}\n        </VTab>\n      </VTabs>\n\n      <div class=\"sidebar-info__content\">\n        <slot name=\"prepend\" />\n        <template v-if=\"simpleMode\">\n          <div class=\"py-2\">\n            <slot\n              name=\"info\"\n              :is-active=\"true\"\n            />\n          </div>\n          <div class=\"py-2\">\n            <AssetDetailSidebarROI\n              :is-active=\"true\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n        <template v-else>\n          <div\n            v-if=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            class=\"py-2\"\n          >\n            <slot\n              name=\"info\"\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            />\n          </div>\n          <div\n            v-if=\"roiTab && activeTab === AssetDetailTabImageWithRoi.ROI\"\n            class=\"py-2\"\n          >\n            <AssetDetailSidebarROI\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.ROI\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n      </div>\n      <div class=\"sidebar-info__actions px-2\">\n        <AssetDetailSidebarActionsTeleportTarget :queue-key=\"queueKey\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
-import { useDamConfigName as e } from "../../composables/damConfigName.js";
-import { AssetDetailTabImageWithRoi as t, useAssetDetailStore as n } from "../store/assetDetailStore.js";
-import r from "./AssetDetailSidebarROI.js";
-import i from "./AssetDetailSidebarActionsTeleportTarget.js";
+import { AssetDetailTabImageWithRoi as e, useAssetDetailStore as t } from "../store/assetDetailStore.js";
+import n from "./AssetDetailSidebarROI.js";
+import r from "./AssetDetailSidebarActionsTeleportTarget.js";
+import { useDamConfigName as i } from "../../composables/damConfigName.js";
 import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, isRef as p, normalizeClass as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import { useI18n as b } from "vue-i18n";
 import { storeToRefs as x } from "pinia";
 import { VTab as S, VTabs as C } from "vuetify/components/VTabs";
-//#region src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "w-100 h-100 d-flex flex-column" }, T = { class: "sidebar-info__content" }, E = { class: "py-2" }, D = { class: "py-2" }, O = {
 	key: 0,
 	class: "py-2"
@@ -22,24 +22,24 @@ var w = { class: "w-100 h-100 d-flex flex-column" }, T = { class: "sidebar-info_
 		simpleMode: { type: Boolean }
 	},
 	setup(f) {
-		let j = e(f.configName), { t: M } = b(), { activeTab: N } = x(n());
-		return (e, n) => (h(), c("div", { class: m(["sidebar-info d-flex w-100 h-100 flex-column", { "sidebar-info--no-tabs": f.simpleMode }]) }, [l("div", w, [
+		let j = i(f.configName), { t: M } = b(), { activeTab: N } = x(t());
+		return (t, i) => (h(), c("div", { class: m(["sidebar-info d-flex w-100 h-100 flex-column", { "sidebar-info--no-tabs": f.simpleMode }]) }, [l("div", w, [
 			f.simpleMode ? s("", !0) : (h(), o(C, {
 				key: 0,
 				modelValue: v(N),
-				"onUpdate:modelValue": n[0] ||= (e) => p(N) ? N.value = e : null,
+				"onUpdate:modelValue": i[0] ||= (e) => p(N) ? N.value = e : null,
 				"show-arrows": "",
 				class: "sidebar-info__tabs"
 			}, {
 				default: y(() => [d(S, {
-					value: v(t).Info,
+					value: v(e).Info,
 					"data-cy": "button-meta"
 				}, {
 					default: y(() => [u(_(v(M)("common.damImage.asset.detail.tabs.info")), 1)]),
 					_: 1
 				}, 8, ["value"]), f.roiTab ? (h(), o(S, {
 					key: 0,
-					value: v(t).ROI,
+					value: v(e).ROI,
 					"data-cy": "button-focus"
 				}, {
 					default: y(() => [u(_(v(M)("common.damImage.asset.detail.tabs.roi")), 1)]),
@@ -47,12 +47,12 @@ var w = { class: "w-100 h-100 d-flex flex-column" }, T = { class: "sidebar-info_
 				}, 8, ["value"])) : s("", !0)]),
 				_: 1
 			}, 8, ["modelValue"])),
-			l("div", T, [g(e.$slots, "prepend"), f.simpleMode ? (h(), c(a, { key: 0 }, [l("div", E, [g(e.$slots, "info", { isActive: !0 })]), l("div", D, [d(r, {
+			l("div", T, [g(t.$slots, "prepend"), f.simpleMode ? (h(), c(a, { key: 0 }, [l("div", E, [g(t.$slots, "info", { isActive: !0 })]), l("div", D, [d(n, {
 				"is-active": !0,
 				"queue-key": f.queueKey,
 				"config-name": v(j)
-			}, null, 8, ["queue-key", "config-name"])])], 64)) : (h(), c(a, { key: 1 }, [v(N) === v(t).Info ? (h(), c("div", O, [g(e.$slots, "info", { isActive: v(N) === v(t).Info })])) : s("", !0), f.roiTab && v(N) === v(t).ROI ? (h(), c("div", k, [d(r, {
-				"is-active": v(N) === v(t).ROI,
+			}, null, 8, ["queue-key", "config-name"])])], 64)) : (h(), c(a, { key: 1 }, [v(N) === v(e).Info ? (h(), c("div", O, [g(t.$slots, "info", { isActive: v(N) === v(e).Info })])) : s("", !0), f.roiTab && v(N) === v(e).ROI ? (h(), c("div", k, [d(n, {
+				"is-active": v(N) === v(e).ROI,
 				"queue-key": f.queueKey,
 				"config-name": v(j)
 			}, null, 8, [
@@ -60,11 +60,10 @@ var w = { class: "w-100 h-100 d-flex flex-column" }, T = { class: "sidebar-info_
 				"queue-key",
 				"config-name"
 			])])) : s("", !0)], 64))]),
-			l("div", A, [d(i, { "queue-key": f.queueKey }, null, 8, ["queue-key"])])
+			l("div", A, [d(r, { "queue-key": f.queueKey }, null, 8, ["queue-key"])])
 		])], 2));
 	}
 });
-//#endregion
 export { j as default };
 
 //# sourceMappingURL=AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_component_VTabs","_unref","_isRef","_withCtx","_createVNode","_component_VTab","_createTextVNode","_toDisplayString","_createCommentVNode","_renderSlot","_Fragment","AssetDetailSidebarROI","AssetDetailSidebarActionsTeleportTarget","AssetDetailSidebarROI_default","AssetDetailSidebarActionsTeleportTarget_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","storeToRefs","useAssetDetailStore","openBlock","createElementBlock","normalizeClass","createElementVNode","createCommentVNode","createBlock","VTabs","unref","activeTab","_cache","isRef","$event","withCtx","createVNode","VTab","AssetDetailTabImageWithRoi","createTextVNode","toDisplayString","t","renderSlot","_ctx","Fragment"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport AssetDetailSidebarROI from '@/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue'\nimport AssetDetailSidebarActionsTeleportTarget from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// The frame of the sidebar of the detail of an asset and of the dialog of a single upload: its tabs, the regions of\n// interest, and the target the buttons of the info tab are teleported to. What is above the content and in the info\n// tab is each sidebar's own.\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    configName?: string\n    roiTab: boolean\n    simpleMode: boolean\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\ndefineSlots<{\n  prepend?(): unknown\n  info(props: { isActive: boolean }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n</script>\n\n<template>\n  <div\n    class=\"sidebar-info d-flex w-100 h-100 flex-column\"\n    :class=\"{ 'sidebar-info--no-tabs': simpleMode }\"\n  >\n    <div class=\"w-100 h-100 d-flex flex-column\">\n      <VTabs\n        v-if=\"!simpleMode\"\n        v-model=\"activeTab\"\n        show-arrows\n        class=\"sidebar-info__tabs\"\n      >\n        <VTab\n          :value=\"AssetDetailTabImageWithRoi.Info\"\n          data-cy=\"button-meta\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.info') }}\n        </VTab>\n        <VTab\n          v-if=\"roiTab\"\n          :value=\"AssetDetailTabImageWithRoi.ROI\"\n          data-cy=\"button-focus\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.roi') }}\n        </VTab>\n      </VTabs>\n\n      <div class=\"sidebar-info__content\">\n        <slot name=\"prepend\" />\n        <template v-if=\"simpleMode\">\n          <div class=\"py-2\">\n            <slot\n              name=\"info\"\n              :is-active=\"true\"\n            />\n          </div>\n          <div class=\"py-2\">\n            <AssetDetailSidebarROI\n              :is-active=\"true\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n        <template v-else>\n          <div\n            v-if=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            class=\"py-2\"\n          >\n            <slot\n              name=\"info\"\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            />\n          </div>\n          <div\n            v-if=\"roiTab && activeTab === AssetDetailTabImageWithRoi.ROI\"\n            class=\"py-2\"\n          >\n            <AssetDetailSidebarROI\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.ROI\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n      </div>\n      <div class=\"sidebar-info__actions px-2\">\n        <AssetDetailSidebarActionsTeleportTarget :queue-key=\"queueKey\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM6B,IAAgBC,EAAiB9B,EAAM,UAAU,GAEjD,EAAE,SAAMgC,EAAQ,GAEhB,EAAE,iBAAcC,EAAYC,EAAoB,CAAC;E,kBAIrDjC,EAAA,GAAAC,EAqEM,OAAA,EApEJ,OAAKC,EAAA,CAAC,+CAA6C,EAAA,yBAChB4B,EAAA,WAAU,CAAA,CAAA,E,IAE7C3B,EAgEM,OAhENiB,GAgEM;GA9DKU,EAAA,a,aADT9B,EAAA,GAAAI,EAmBQC,GAAA;;IAjBG,YAAAC,EAAAoC,CAAA;IAAA,uBAAA,AAAAC,EAAA,QAAA,MAAApC,EAAAmC,CAAA,IAAA,EAAS,QAAAG,IAAA;IAClB,eAAA;IACA,OAAM;;IAEN,SAAArC,QAKO,CALPC,EAKOC,GAAA;KAJJ,OAAOJ,EAAA2C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAzC,QAAiD,CAA9CG,EAAAC,EAAAN,EAAA8C,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA,C;;I,kBAGEtB,EAAA,UADR9B,EAAA,GAAAI,EAMOM,GAAA;;KAJJ,OAAOJ,EAAA2C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAzC,QAAgD,CAA7CG,EAAAC,EAAAN,EAAA8C,CAAA,CAAC,CAAA,uCAAA,CAAA,GAAA,CAAA,C;;;;;GAIRjD,EAsCM,OAtCNkB,GAsCM,CArCJP,EAAuBwC,EAAA,QAAA,SAAA,GACPxB,EAAA,cAAhB9B,EAAA,GAAAC,EAcWc,GAAA,EAAA,KAAA,EAAA,GAAA,CAbTZ,EAKM,OALNmB,GAKM,CAJJR,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAW,GAAI,CAAA,C,IAGpBnD,EAMM,OANNoB,GAMM,CALJd,EAIEO,GAAA;IAHC,aAAW;IACX,aAAWc,EAAA;IACX,eAAaxB,EAAAsB,CAAA;G,sDAIpB5B,EAAA,GAAAC,EAoBWc,GAAA,EAAA,KAAA,EAAA,GAAA,CAlBDT,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,QADjDjD,EAAA,GAAAC,EAQM,OARNuB,GAQM,CAJJV,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAWhD,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,K,mBAIjDnB,EAAA,UAAUxB,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,OAD3DjD,EAAA,GAAAC,EASM,OATNwB,GASM,CALJhB,EAIEO,GAAA;IAHC,aAAWV,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC;IACpD,aAAWnB,EAAA;IACX,eAAaxB,EAAAsB,CAAA;;;;;;GAKtBzB,EAEM,OAFNuB,GAEM,CADJjB,EAAiEQ,GAAA,EAAvB,aAAWa,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,C"}
+{"version":3,"file":"AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_component_VTabs","_unref","_isRef","_withCtx","_createVNode","_component_VTab","_createTextVNode","_toDisplayString","_createCommentVNode","_renderSlot","_Fragment","AssetDetailSidebarROI","AssetDetailSidebarActionsTeleportTarget","AssetDetailSidebarROI_default","AssetDetailSidebarActionsTeleportTarget_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarFrame_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","storeToRefs","useAssetDetailStore","openBlock","createElementBlock","normalizeClass","createElementVNode","createCommentVNode","createBlock","VTabs","unref","activeTab","_cache","isRef","$event","withCtx","createVNode","VTab","AssetDetailTabImageWithRoi","createTextVNode","toDisplayString","t","renderSlot","_ctx","Fragment"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { storeToRefs } from 'pinia'\nimport { useI18n } from 'vue-i18n'\nimport { AssetDetailTabImageWithRoi, useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport AssetDetailSidebarROI from '@/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue'\nimport AssetDetailSidebarActionsTeleportTarget from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Shared sidebar frame of the asset detail and the single-upload\n// dialog: tabs, ROIs and the teleport target for the info tab buttons.\n// Content above the tabs and inside the info tab belongs to each sidebar.\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    configName?: string\n    roiTab: boolean\n    simpleMode: boolean\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n\ndefineSlots<{\n  prepend?(): unknown\n  info(props: { isActive: boolean }): unknown\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst { activeTab } = storeToRefs(useAssetDetailStore())\n</script>\n\n<template>\n  <div\n    class=\"sidebar-info d-flex w-100 h-100 flex-column\"\n    :class=\"{ 'sidebar-info--no-tabs': simpleMode }\"\n  >\n    <div class=\"w-100 h-100 d-flex flex-column\">\n      <VTabs\n        v-if=\"!simpleMode\"\n        v-model=\"activeTab\"\n        show-arrows\n        class=\"sidebar-info__tabs\"\n      >\n        <VTab\n          :value=\"AssetDetailTabImageWithRoi.Info\"\n          data-cy=\"button-meta\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.info') }}\n        </VTab>\n        <VTab\n          v-if=\"roiTab\"\n          :value=\"AssetDetailTabImageWithRoi.ROI\"\n          data-cy=\"button-focus\"\n        >\n          {{ t('common.damImage.asset.detail.tabs.roi') }}\n        </VTab>\n      </VTabs>\n\n      <div class=\"sidebar-info__content\">\n        <slot name=\"prepend\" />\n        <template v-if=\"simpleMode\">\n          <div class=\"py-2\">\n            <slot\n              name=\"info\"\n              :is-active=\"true\"\n            />\n          </div>\n          <div class=\"py-2\">\n            <AssetDetailSidebarROI\n              :is-active=\"true\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n        <template v-else>\n          <div\n            v-if=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            class=\"py-2\"\n          >\n            <slot\n              name=\"info\"\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.Info\"\n            />\n          </div>\n          <div\n            v-if=\"roiTab && activeTab === AssetDetailTabImageWithRoi.ROI\"\n            class=\"py-2\"\n          >\n            <AssetDetailSidebarROI\n              :is-active=\"activeTab === AssetDetailTabImageWithRoi.ROI\"\n              :queue-key=\"queueKey\"\n              :config-name=\"damConfigName\"\n            />\n          </div>\n        </template>\n      </div>\n      <div class=\"sidebar-info__actions px-2\">\n        <AssetDetailSidebarActionsTeleportTarget :queue-key=\"queueKey\" />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM6B,IAAgBC,EAAiB9B,EAAM,UAAU,GAEjD,EAAE,SAAMgC,EAAQ,GAEhB,EAAE,iBAAcC,EAAYC,EAAoB,CAAC;E,kBAIrDjC,EAAA,GAAAC,EAqEM,OAAA,EApEJ,OAAKC,EAAA,CAAC,+CAA6C,EAAA,yBAChB4B,EAAA,WAAU,CAAA,CAAA,E,IAE7C3B,EAgEM,OAhENiB,GAgEM;GA9DKU,EAAA,a,aADT9B,EAAA,GAAAI,EAmBQC,GAAA;;IAjBG,YAAAC,EAAAoC,CAAA;IAAA,uBAAA,AAAAC,EAAA,QAAA,MAAApC,EAAAmC,CAAA,IAAA,EAAS,QAAAG,IAAA;IAClB,eAAA;IACA,OAAM;;IAEN,SAAArC,QAKO,CALPC,EAKOC,GAAA;KAJJ,OAAOJ,EAAA2C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAzC,QAAiD,CAA9CG,EAAAC,EAAAN,EAAA8C,CAAA,CAAC,CAAA,wCAAA,CAAA,GAAA,CAAA,C;;I,kBAGEtB,EAAA,UADR9B,EAAA,GAAAI,EAMOM,GAAA;;KAJJ,OAAOJ,EAAA2C,CAAA,CAA0B,CAAC;KACnC,WAAQ;;KAER,SAAAzC,QAAgD,CAA7CG,EAAAC,EAAAN,EAAA8C,CAAA,CAAC,CAAA,uCAAA,CAAA,GAAA,CAAA,C;;;;;GAIRjD,EAsCM,OAtCNkB,GAsCM,CArCJP,EAAuBwC,EAAA,QAAA,SAAA,GACPxB,EAAA,cAAhB9B,EAAA,GAAAC,EAcWc,GAAA,EAAA,KAAA,EAAA,GAAA,CAbTZ,EAKM,OALNmB,GAKM,CAJJR,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAW,GAAI,CAAA,C,IAGpBnD,EAMM,OANNoB,GAMM,CALJd,EAIEO,GAAA;IAHC,aAAW;IACX,aAAWc,EAAA;IACX,eAAaxB,EAAAsB,CAAA;G,sDAIpB5B,EAAA,GAAAC,EAoBWc,GAAA,EAAA,KAAA,EAAA,GAAA,CAlBDT,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,QADjDjD,EAAA,GAAAC,EAQM,OARNuB,GAQM,CAJJV,EAGEwC,EAAA,QAAA,QAAA,EADC,UAAWhD,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,K,mBAIjDnB,EAAA,UAAUxB,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC,OAD3DjD,EAAA,GAAAC,EASM,OATNwB,GASM,CALJhB,EAIEO,GAAA;IAHC,aAAWV,EAAAoC,CAAA,MAAcpC,EAAA2C,CAAA,CAA0B,CAAC;IACpD,aAAWnB,EAAA;IACX,eAAaxB,EAAAsB,CAAA;;;;;;GAKtBzB,EAEM,OAFNuB,GAEM,CADJjB,EAAiEQ,GAAA,EAAvB,aAAWa,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,C"}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.js

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

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarMetadata.js","names":["_sfc_main","AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarMetadata_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { showMetadataSaveError, updateAssetMetadata } from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, updateUploadStore, mainFileSingleUse } = storeToRefs(assetDetailStore)\nconst uploadQueueStore = useUploadQueuesStore()\n\nconst saveButtonLoading = ref(false)\n// Saved before the server has processed the file, the form would write over what the server fills in from the file.\n// The detail is not read again by itself: once the file is processed, the user opens it anew.\nconst saveBlocked = computed(() => !isNull(asset.value) && assetMetadataMayStillChange(asset.value))\n\nconst { showRecordWas, showValidationError } = useAlerts()\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol, $stopPropagation: true })\n\nconst { damClient, endPointAsset } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst onSave = async () => {\n  // The spinning button still takes Enter and Space: a save that runs is not sent again.\n  if (isNull(asset.value) || saveBlocked.value || saveButtonLoading.value) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  // One copy of what is saved, taken before it is sent, and the queue is told by that copy. The form is not locked\n  // while the save runs, and the detail can be closed, or opened on another asset, before the answer: read then,\n  // the rows of the queue got what was typed since as if it were saved, or nothing at all.\n  const saved = cloneDeep(asset.value)\n  const savedSingleUse = mainFileSingleUse.value\n  const tellsQueue = updateUploadStore.value\n  // The rows of the queue as the save is pressed: what the user types into them while it runs is theirs.\n  const rowsAtSave = tellsQueue ? uploadQueueStore.noteRowsOfAsset(saved.id, damConfigName) : undefined\n  try {\n    const sent = updateAssetMetadata(damClient, endPointAsset, saved, props.extSystem, savedSingleUse)\n    // Kept where the host of the detail finds it: closed before the answer, the detail has its host wait for it.\n    assetDetailStore.setSaving(saved.id, sent, damConfigName)\n    await sent\n    if (tellsQueue) {\n      await uploadQueueStore.updateFromDetail(saved, damConfigName, savedSingleUse, rowsAtSave)\n    }\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    // Once the save has failed, nothing writes by its note; once it has written, the note is let go already.\n    if (rowsAtSave) uploadQueueStore.forgetRowsNote(rowsAtSave)\n    saveButtonLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saveButtonLoading\"\n      :disabled=\"saveBlocked\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <div\n    v-if=\"isActive && saveBlocked\"\n    class=\"text-body-small px-4 pt-2\"\n    data-cy=\"save-blocked\"\n  >\n    {{ t('common.damImage.queueItem.stillUploadingOrProcessing') }}\n  </div>\n  <AssetMetadata\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarMetadata.js","names":["_sfc_main","AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarMetadata_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { showMetadataSaveError, updateAssetMetadata } from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, updateUploadStore, mainFileSingleUse } = storeToRefs(assetDetailStore)\nconst uploadQueueStore = useUploadQueuesStore()\n\nconst saveButtonLoading = ref(false)\n// Saving before the server has processed the file would overwrite the metadata the server extracts from it.\n// The detail is not reloaded automatically. The user reopens it after processing.\nconst saveBlocked = computed(() => !isNull(asset.value) && assetMetadataMayStillChange(asset.value))\n\nconst { showRecordWas, showValidationError } = useAlerts()\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol, $stopPropagation: true })\n\nconst { damClient, endPointAsset } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst onSave = async () => {\n  // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n  if (isNull(asset.value) || saveBlocked.value || saveButtonLoading.value) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  // Snapshot the asset before sending and update the queue from that snapshot.\n  // The form is not locked during the save, and the detail can\n  // be closed or switched to another asset before the response.\n  // Reading the live state then gave the queue rows unsaved input, or nothing.\n  const saved = cloneDeep(asset.value)\n  const savedSingleUse = mainFileSingleUse.value\n  const tellsQueue = updateUploadStore.value\n  // Queue rows as of pressing save. Input typed into them while the save runs must not be overwritten.\n  const rowsAtSave = tellsQueue ? uploadQueueStore.noteRowsOfAsset(saved.id, damConfigName) : undefined\n  try {\n    const sent = updateAssetMetadata(damClient, endPointAsset, saved, props.extSystem, savedSingleUse)\n    // Registered for the host. If the detail closes before the response, the host waits for this save.\n    assetDetailStore.setSaving(saved.id, sent, damConfigName)\n    await sent\n    if (tellsQueue) {\n      await uploadQueueStore.updateFromDetail(saved, damConfigName, savedSingleUse, rowsAtSave)\n    }\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    // After a failed save nothing uses the note. After a successful write it has already been released.\n    if (rowsAtSave) uploadQueueStore.forgetRowsNote(rowsAtSave)\n    saveButtonLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saveButtonLoading\"\n      :disabled=\"saveBlocked\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <div\n    v-if=\"isActive && saveBlocked\"\n    class=\"text-body-small px-4 pt-2\"\n    data-cy=\"save-blocked\"\n  >\n    {{ t('common.damImage.queueItem.stillUploadingOrProcessing') }}\n  </div>\n  <AssetMetadata\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,19 @@
-import { cloneDeep as e, isNull as t } from "../../../../shared/utils/common.js";
-import { useAlerts as n } from "../../../system/composables/alerts.js";
-import { useCommonAdminCoreDamOptions as r } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as i } from "../../composables/damConfigName.js";
-import { showMetadataSaveError as a, updateAssetMetadata as o } from "../../api/damAssetApi.js";
-import { useAssetDetailStore as s } from "../store/assetDetailStore.js";
-import { ADamAssetMetadataValidationScopeSymbol as c } from "../../composables/uploadValidations.js";
-import { useUploadQueuesStore as l } from "../../uploadQueue/store/uploadQueuesStore.js";
-import u from "./AssetMetadata.js";
-import d from "./AssetDetailSidebarActionsWrapper.js";
-import { assetMetadataMayStillChange as f } from "../utils/assetMetadataMayStillChange.js";
+import e from "./AssetDetailSidebarActionsWrapper.js";
+import { cloneDeep as t, isNull as n } from "../../../../shared/utils/common.js";
+import { useAlerts as r } from "../../../system/composables/alerts.js";
+import { useAssetDetailStore as i } from "../store/assetDetailStore.js";
+import a from "./AssetMetadata.js";
+import { showMetadataSaveError as o, updateAssetMetadata as s } from "../../api/damAssetApi.js";
+import { useCommonAdminCoreDamOptions as c } from "../../composables/commonAdminCoreDamOptions.js";
+import { ADamAssetMetadataValidationScopeSymbol as l } from "../../composables/uploadValidations.js";
+import { useUploadQueuesStore as u } from "../../uploadQueue/store/uploadQueuesStore.js";
+import { assetMetadataMayStillChange as d } from "../utils/assetMetadataMayStillChange.js";
+import { useDamConfigName as f } from "../../composables/damConfigName.js";
 import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createTextVNode as v, createVNode as y, defineComponent as b, openBlock as x, ref as S, resolveComponent as C, toDisplayString as w, unref as T, withCtx as E, withModifiers as D } from "vue";
 import { useI18n as O } from "vue-i18n";
 import k from "@vuelidate/core";
 import { storeToRefs as A } from "pinia";
-//#region src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue?vue&type=script&setup=true&lang.ts
 var j = {
 	key: 1,
 	class: "text-body-small px-4 pt-2",
@@ -29,33 +29,33 @@ var j = {
 		configName: { default: void 0 }
 	},
 	setup(b) {
-		let M = b, N = i(M.configName), { t: P } = O(), F = s(), { asset: I, updateUploadStore: L, mainFileSingleUse: R } = A(F), z = l(), B = S(!1), V = m(() => !t(I.value) && f(I.value)), { showRecordWas: H, showValidationError: U } = n(), W = k({
-			$scope: c,
+		let M = b, N = f(M.configName), { t: P } = O(), F = i(), { asset: I, updateUploadStore: L, mainFileSingleUse: R } = A(F), z = u(), B = S(!1), V = m(() => !n(I.value) && d(I.value)), { showRecordWas: H, showValidationError: U } = r(), W = k({
+			$scope: l,
 			$stopPropagation: !0
-		}), { damClient: G, endPointAsset: K } = r(N), q = async () => {
-			if (t(I.value) || V.value || B.value) return;
+		}), { damClient: G, endPointAsset: K } = c(N), q = async () => {
+			if (n(I.value) || V.value || B.value) return;
 			if (B.value = !0, W.value.$touch(), W.value.$invalid) {
 				U(), B.value = !1;
 				return;
 			}
-			let n = e(I.value), r = R.value, i = L.value, s = i ? z.noteRowsOfAsset(n.id, N) : void 0;
+			let e = t(I.value), r = R.value, i = L.value, a = i ? z.noteRowsOfAsset(e.id, N) : void 0;
 			try {
-				let e = o(G, K, n, M.extSystem, r);
-				F.setSaving(n.id, e, N), await e, i && await z.updateFromDetail(n, N, r, s), H("updated");
+				let t = s(G, K, e, M.extSystem, r);
+				F.setSaving(e.id, t, N), await t, i && await z.updateFromDetail(e, N, r, a), H("updated");
 			} catch (e) {
-				a(e, M.extSystem, N);
+				o(e, M.extSystem, N);
 			} finally {
-				s && z.forgetRowsNote(s), B.value = !1;
+				a && z.forgetRowsNote(a), B.value = !1;
 			}
 		};
-		return (e, t) => {
-			let n = C("ABtnPrimary");
+		return (t, n) => {
+			let r = C("ABtnPrimary");
 			return x(), _(p, null, [
-				b.isActive ? (x(), h(d, {
+				b.isActive ? (x(), h(e, {
 					key: 0,
 					"queue-key": b.queueKey
 				}, {
-					default: E(() => [y(n, {
+					default: E(() => [y(r, {
 						type: "submit",
 						class: "ml-2",
 						"data-cy": "button-save",
@@ -69,7 +69,7 @@ var j = {
 					_: 1
 				}, 8, ["queue-key"])) : g("", !0),
 				b.isActive && V.value ? (x(), _("div", j, w(T(P)("common.damImage.queueItem.stillUploadingOrProcessing")), 1)) : g("", !0),
-				y(u, {
+				y(a, {
 					"ext-system": b.extSystem,
 					"config-name": T(N)
 				}, null, 8, ["ext-system", "config-name"])
@@ -77,7 +77,6 @@ var j = {
 		};
 	}
 });
-//#endregion
 export { M as default };
 
 //# sourceMappingURL=AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_createVNode","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","AssetMetadata","AssetMetadata_default","AssetDetailSidebarActionsWrapper_default","useVuelidate","_hoisted_1","AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useI18n","assetDetailStore","useAssetDetailStore","storeToRefs","uploadQueueStore","useUploadQueuesStore","saveButtonLoading","ref","saveBlocked","computed","isNull","asset","assetMetadataMayStillChange","useAlerts","v$","ADamAssetMetadataValidationScopeSymbol","useCommonAdminCoreDamOptions","onSave","showValidationError","saved","cloneDeep","savedSingleUse","mainFileSingleUse","tellsQueue","updateUploadStore","rowsAtSave","sent","updateAssetMetadata","damClient","endPointAsset","showRecordWas","error","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { showMetadataSaveError, updateAssetMetadata } from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, updateUploadStore, mainFileSingleUse } = storeToRefs(assetDetailStore)\nconst uploadQueueStore = useUploadQueuesStore()\n\nconst saveButtonLoading = ref(false)\n// Saved before the server has processed the file, the form would write over what the server fills in from the file.\n// The detail is not read again by itself: once the file is processed, the user opens it anew.\nconst saveBlocked = computed(() => !isNull(asset.value) && assetMetadataMayStillChange(asset.value))\n\nconst { showRecordWas, showValidationError } = useAlerts()\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol, $stopPropagation: true })\n\nconst { damClient, endPointAsset } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst onSave = async () => {\n  // The spinning button still takes Enter and Space: a save that runs is not sent again.\n  if (isNull(asset.value) || saveBlocked.value || saveButtonLoading.value) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  // One copy of what is saved, taken before it is sent, and the queue is told by that copy. The form is not locked\n  // while the save runs, and the detail can be closed, or opened on another asset, before the answer: read then,\n  // the rows of the queue got what was typed since as if it were saved, or nothing at all.\n  const saved = cloneDeep(asset.value)\n  const savedSingleUse = mainFileSingleUse.value\n  const tellsQueue = updateUploadStore.value\n  // The rows of the queue as the save is pressed: what the user types into them while it runs is theirs.\n  const rowsAtSave = tellsQueue ? uploadQueueStore.noteRowsOfAsset(saved.id, damConfigName) : undefined\n  try {\n    const sent = updateAssetMetadata(damClient, endPointAsset, saved, props.extSystem, savedSingleUse)\n    // Kept where the host of the detail finds it: closed before the answer, the detail has its host wait for it.\n    assetDetailStore.setSaving(saved.id, sent, damConfigName)\n    await sent\n    if (tellsQueue) {\n      await uploadQueueStore.updateFromDetail(saved, damConfigName, savedSingleUse, rowsAtSave)\n    }\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    // Once the save has failed, nothing writes by its note; once it has written, the note is let go already.\n    if (rowsAtSave) uploadQueueStore.forgetRowsNote(rowsAtSave)\n    saveButtonLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saveButtonLoading\"\n      :disabled=\"saveBlocked\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <div\n    v-if=\"isActive && saveBlocked\"\n    class=\"text-body-small px-4 pt-2\"\n    data-cy=\"save-blocked\"\n  >\n    {{ t('common.damImage.queueItem.stillUploadingOrProcessing') }}\n  </div>\n  <AssetMetadata\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMmB,IAAQC,GAeRC,IAAgBC,EAAiBH,EAAM,UAAU,GAEjD,EAAE,SAAMI,EAAQ,GAEhBC,IAAmBC,EAAoB,GACvC,EAAE,UAAO,sBAAmB,yBAAsBC,EAAYF,CAAgB,GAC9EG,IAAmBC,EAAqB,GAExCC,IAAoBC,EAAI,EAAK,GAG7BC,IAAcC,QAAe,CAACC,EAAOC,EAAM,KAAK,KAAKC,EAA4BD,EAAM,KAAK,CAAC,GAE7F,EAAE,kBAAe,2BAAwBE,EAAU,GAEnDC,IAAKrB,EAAa;GAAE,QAAQsB;GAAwC,kBAAkB;EAAK,CAAC,GAE5F,EAAE,cAAW,qBAAkBC,EAA6BlB,CAAa,GAEzEmB,IAAS,YAAY;GAEzB,IAAIP,EAAOC,EAAM,KAAK,KAAKH,EAAY,SAASF,EAAkB,OAAO;GAGzE,IAFA,EAAkB,QAAQ,IAC1BQ,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAAU;IAErB,AADAI,EAAoB,GACpB,EAAkB,QAAQ;IAC1B;GACF;GAIA,IAAMC,IAAQC,EAAUT,EAAM,KAAK,GAC7BU,IAAiBC,EAAkB,OACnCC,IAAaC,EAAkB,OAE/BC,IAAaF,IAAanB,EAAiB,gBAAgBe,EAAM,IAAIrB,CAAa,IAAI,KAAA;GAC5F,IAAI;IACF,IAAM4B,IAAOC,EAAoBC,GAAWC,GAAeV,GAAOvB,EAAM,WAAWyB,CAAc;IAOjG,AALApB,EAAiB,UAAUkB,EAAM,IAAIO,GAAM5B,CAAa,GACxD,MAAM4B,GACFH,KACF,MAAMnB,EAAiB,iBAAiBe,GAAOrB,GAAeuB,GAAgBI,CAAU,GAE1FK,EAAc,SAAS;GACzB,SAASC,GAAO;IACd,EAAsBA,GAAOnC,EAAM,WAAWE,CAAa;GAC7D,UAAU;IAGR,AADI2B,KAAYrB,EAAiB,eAAeqB,CAAU,GAC1D,EAAkB,QAAQ;GAC5B;EACF;;;;IAKU5B,EAAA,YADRnB,EAAA,GAAAG,EAcmCC,GAAA;;KAZhC,aAAWe,EAAA;;KAEZ,SAAAd,QASc,CATdC,EAScgD,GAAA;MARZ,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAAS1B,EAAA;MACT,UAAUE,EAAA;MACV,SAAKvB,EAAOgC,GAAM,CAAA,MAAA,CAAA;;MAEnB,SAAAlC,QAA6B,CAA1BG,EAAAC,EAAAC,EAAAwD,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;;;IAIA/C,EAAA,YAAYW,EAAA,SADpB9B,EAAA,GAAAC,EAMM,OANNe,GAMMP,EADDC,EAAAwD,CAAA,CAAC,CAAA,sDAAA,CAAA,GAAA,CAAA,K;IAEN5D,EAGEM,GAAA;KAFC,cAAYO,EAAA;KACZ,eAAaT,EAAAU,CAAA"}
+{"version":3,"file":"AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_createVNode","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","AssetMetadata","AssetDetailSidebarActionsWrapper_default","AssetMetadata_default","useVuelidate","_hoisted_1","AssetDetailSidebarMetadata_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useI18n","assetDetailStore","useAssetDetailStore","storeToRefs","uploadQueueStore","useUploadQueuesStore","saveButtonLoading","ref","saveBlocked","computed","isNull","asset","assetMetadataMayStillChange","useAlerts","v$","ADamAssetMetadataValidationScopeSymbol","useCommonAdminCoreDamOptions","onSave","showValidationError","saved","cloneDeep","savedSingleUse","mainFileSingleUse","tellsQueue","updateUploadStore","rowsAtSave","sent","updateAssetMetadata","damClient","endPointAsset","showRecordWas","error","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref } from 'vue'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport useVuelidate from '@vuelidate/core'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { showMetadataSaveError, updateAssetMetadata } from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { IntegerId } from '@/shared/types/common'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    isActive: boolean\n    dataCy?: string\n    assetType: DamAssetTypeType\n    extSystem: IntegerId\n    configName?: string\n  }>(),\n  {\n    dataCy: undefined,\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, updateUploadStore, mainFileSingleUse } = storeToRefs(assetDetailStore)\nconst uploadQueueStore = useUploadQueuesStore()\n\nconst saveButtonLoading = ref(false)\n// Saving before the server has processed the file would overwrite the metadata the server extracts from it.\n// The detail is not reloaded automatically. The user reopens it after processing.\nconst saveBlocked = computed(() => !isNull(asset.value) && assetMetadataMayStillChange(asset.value))\n\nconst { showRecordWas, showValidationError } = useAlerts()\n\nconst v$ = useVuelidate({ $scope: ADamAssetMetadataValidationScopeSymbol, $stopPropagation: true })\n\nconst { damClient, endPointAsset } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst onSave = async () => {\n  // The loading button still reacts to Enter and Space. This prevents sending a running save again.\n  if (isNull(asset.value) || saveBlocked.value || saveButtonLoading.value) return\n  saveButtonLoading.value = true\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    saveButtonLoading.value = false\n    return\n  }\n  // Snapshot the asset before sending and update the queue from that snapshot.\n  // The form is not locked during the save, and the detail can\n  // be closed or switched to another asset before the response.\n  // Reading the live state then gave the queue rows unsaved input, or nothing.\n  const saved = cloneDeep(asset.value)\n  const savedSingleUse = mainFileSingleUse.value\n  const tellsQueue = updateUploadStore.value\n  // Queue rows as of pressing save. Input typed into them while the save runs must not be overwritten.\n  const rowsAtSave = tellsQueue ? uploadQueueStore.noteRowsOfAsset(saved.id, damConfigName) : undefined\n  try {\n    const sent = updateAssetMetadata(damClient, endPointAsset, saved, props.extSystem, savedSingleUse)\n    // Registered for the host. If the detail closes before the response, the host waits for this save.\n    assetDetailStore.setSaving(saved.id, sent, damConfigName)\n    await sent\n    if (tellsQueue) {\n      await uploadQueueStore.updateFromDetail(saved, damConfigName, savedSingleUse, rowsAtSave)\n    }\n    showRecordWas('updated')\n  } catch (error) {\n    showMetadataSaveError(error, props.extSystem, damConfigName)\n  } finally {\n    // After a failed save nothing uses the note. After a successful write it has already been released.\n    if (rowsAtSave) uploadQueueStore.forgetRowsNote(rowsAtSave)\n    saveButtonLoading.value = false\n  }\n}\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnPrimary\n      type=\"submit\"\n      class=\"ml-2\"\n      data-cy=\"button-save\"\n      :loading=\"saveButtonLoading\"\n      :disabled=\"saveBlocked\"\n      @click.stop=\"onSave\"\n    >\n      {{ t('common.button.save') }}\n    </ABtnPrimary>\n  </AssetDetailSidebarActionsWrapper>\n  <div\n    v-if=\"isActive && saveBlocked\"\n    class=\"text-body-small px-4 pt-2\"\n    data-cy=\"save-blocked\"\n  >\n    {{ t('common.damImage.queueItem.stillUploadingOrProcessing') }}\n  </div>\n  <AssetMetadata\n    :ext-system=\"extSystem\"\n    :config-name=\"damConfigName\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMmB,IAAQC,GAeRC,IAAgBC,EAAiBH,EAAM,UAAU,GAEjD,EAAE,SAAMI,EAAQ,GAEhBC,IAAmBC,EAAoB,GACvC,EAAE,UAAO,sBAAmB,yBAAsBC,EAAYF,CAAgB,GAC9EG,IAAmBC,EAAqB,GAExCC,IAAoBC,EAAI,EAAK,GAG7BC,IAAcC,QAAe,CAACC,EAAOC,EAAM,KAAK,KAAKC,EAA4BD,EAAM,KAAK,CAAC,GAE7F,EAAE,kBAAe,2BAAwBE,EAAU,GAEnDC,IAAKrB,EAAa;GAAE,QAAQsB;GAAwC,kBAAkB;EAAK,CAAC,GAE5F,EAAE,cAAW,qBAAkBC,EAA6BlB,CAAa,GAEzEmB,IAAS,YAAY;GAEzB,IAAIP,EAAOC,EAAM,KAAK,KAAKH,EAAY,SAASF,EAAkB,OAAO;GAGzE,IAFA,EAAkB,QAAQ,IAC1BQ,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,UAAU;IAErB,AADAI,EAAoB,GACpB,EAAkB,QAAQ;IAC1B;GACF;GAKA,IAAMC,IAAQC,EAAUT,EAAM,KAAK,GAC7BU,IAAiBC,EAAkB,OACnCC,IAAaC,EAAkB,OAE/BC,IAAaF,IAAanB,EAAiB,gBAAgBe,EAAM,IAAIrB,CAAa,IAAI,KAAA;GAC5F,IAAI;IACF,IAAM4B,IAAOC,EAAoBC,GAAWC,GAAeV,GAAOvB,EAAM,WAAWyB,CAAc;IAOjG,AALApB,EAAiB,UAAUkB,EAAM,IAAIO,GAAM5B,CAAa,GACxD,MAAM4B,GACFH,KACF,MAAMnB,EAAiB,iBAAiBe,GAAOrB,GAAeuB,GAAgBI,CAAU,GAE1FK,EAAc,SAAS;GACzB,SAASC,GAAO;IACd,EAAsBA,GAAOnC,EAAM,WAAWE,CAAa;GAC7D,UAAU;IAGR,AADI2B,KAAYrB,EAAiB,eAAeqB,CAAU,GAC1D,EAAkB,QAAQ;GAC5B;EACF;;;;IAKU5B,EAAA,YADRnB,EAAA,GAAAG,EAcmCC,GAAA;;KAZhC,aAAWe,EAAA;;KAEZ,SAAAd,QASc,CATdC,EAScgD,GAAA;MARZ,MAAK;MACL,OAAM;MACN,WAAQ;MACP,SAAS1B,EAAA;MACT,UAAUE,EAAA;MACV,SAAKvB,EAAOgC,GAAM,CAAA,MAAA,CAAA;;MAEnB,SAAAlC,QAA6B,CAA1BG,EAAAC,EAAAC,EAAAwD,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,CAAA,C;;;;;IAIA/C,EAAA,YAAYW,EAAA,SADpB9B,EAAA,GAAAC,EAMM,OANNe,GAMMP,EADDC,EAAAwD,CAAA,CAAC,CAAA,sDAAA,CAAA,GAAA,CAAA,K;IAEN5D,EAGEM,GAAA;KAFC,cAAYO,EAAA;KACZ,eAAaT,EAAAU,CAAA"}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarROI.js

@@ -1,8 +1,7 @@
 import e from "./AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                      */
-//#region src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue
+// src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=AssetDetailSidebarROI.js.map

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarROI.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarROI.js","names":["_sfc_main","AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarROI_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { useI18n } from 'vue-i18n'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { computed, onMounted } from 'vue'\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport AssetFileRotate from '@/domains/dam/assetDetail/components/AssetFileRotate.vue'\nimport { ENTITY, fetchRoi, useFetchImageRoiList } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    isActive: boolean\n    queueKey: UploadQueueKey\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\nconst imageRoiStore = useImageRoiStore()\nconst assetDetailStore = useAssetDetailStore()\n\nconst { pagination } = usePagination(SORT_BY_ID)\n\nconst { damClient, endPointImage, endPointRoi, imageRotateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst { canSafeHelper } = useAuthHelpers()\n// The endpoint refuses the rotation without it.\nconst rotateAllowed = computed(() => isNull(imageRotateAcl) || canSafeHelper(imageRotateAcl, undefined, 'rotate'))\nconst filterFieldsInner = [] satisfies readonly MakeFilterOption[]\nconst { filterConfig, filterData } = createFilter(filterFieldsInner, createFilterStore(filterFieldsInner), {\n  system: SYSTEM_CORE_DAM,\n  subject: ENTITY,\n})\n\nconst loadImageFile = async (id: DocId) => {\n  const res = await fetchImageFile(damClient, endPointImage, id)\n  imageRoiStore.setImageFile(res)\n}\n\nconst loadRois = async (forceReloadFile = false) => {\n  imageRoiStore.showLoader()\n  try {\n    if (imageRoiStore.imageFile) {\n      const { execute } = useFetchImageRoiList(damClient, endPointImage, imageRoiStore.imageFile.id)\n      const res = await execute(pagination, filterData, filterConfig)\n      if (res.length > 0 && res[0].id) {\n        const roi = await fetchRoi(damClient, endPointRoi, res[0].id)\n        if (forceReloadFile) {\n          await loadImageFile(imageRoiStore.imageFile.id)\n        }\n        imageRoiStore.setRoi(roi)\n        return\n      }\n    }\n    imageRoiStore.setRoi(null)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    imageRoiStore.hideLoader()\n  }\n}\n\n// Not while the cropper beside it saves a region and reads the file the DAM redraws (`cropperBusy`): read before the\n// redraw, the file of the refresh took the place of the cropper's, and both stayed on the old drawing.\nconst refreshOffered = computed(() => !imageRoiStore.loader && !imageRoiStore.cropperBusy)\nconst refresh = () => {\n  if (!refreshOffered.value) return\n  void loadRois(true)\n}\n\nconst afterRotate = async () => {\n  await loadRois(true)\n}\n\nonMounted(async () => {\n  imageRoiStore.reset()\n  imageRoiStore.showLoader()\n  if (\n    assetDetailStore.asset &&\n    assetDetailStore.asset.mainFile &&\n    assetFileIsImageFile(assetDetailStore.asset.mainFile)\n  ) {\n    imageRoiStore.setImageFile(cloneDeep(assetDetailStore.asset.mainFile))\n    await loadRois()\n  }\n  imageRoiStore.hideLoader()\n})\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"refreshOffered\"\n      class=\"d-none d-md-flex\"\n      @click.stop=\"refresh\"\n    >\n      {{ t('common.damImage.asset.detail.roi.refresh') }}\n    </ABtnTertiary>\n    <VBtn\n      v-if=\"refreshOffered\"\n      icon\n      variant=\"text\"\n      size=\"small\"\n      class=\"d-flex d-md-none\"\n      :title=\"t('common.damImage.asset.detail.roi.refresh')\"\n      @click.stop=\"refresh\"\n    >\n      <VIcon icon=\"mdi-refresh\" />\n    </VBtn>\n  </AssetDetailSidebarActionsWrapper>\n  <div class=\"px-3\">\n    <div class=\"v-expansion-panel-title px-0\">\n      {{ t('common.damImage.asset.detail.roi.title') }}\n    </div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.description') }}\n    </div>\n  </div>\n  <div\n    v-if=\"imageRoiStore.loader\"\n    class=\"w-100 h-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      indeterminate\n      color=\"primary\"\n    />\n  </div>\n  <div\n    v-else-if=\"imageRoiStore.roi\"\n    class=\"crop-preview pa-2\"\n  >\n    <div\n      v-for=\"item in imageRoiStore.roi?.links.image_roi_example\"\n      :key=\"item.url\"\n      class=\"pb-2\"\n    >\n      <div class=\"text-label-large\">\n        {{ item.title }}\n      </div>\n      <img\n        v-if=\"imageRoiStore.imageFile\"\n        :src=\"item.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\"\n        :width=\"item.width\"\n        :height=\"item.height\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n  <AssetFileRotate\n    v-if=\"imageRoiStore.imageFile && rotateAllowed\"\n    :image-id=\"imageRoiStore.imageFile.id\"\n    :config-name=\"damConfigName\"\n    class=\"mx-2\"\n    @after-rotate=\"afterRotate\"\n  />\n</template>\n\n<style lang=\"scss\">\n.crop-preview {\n  width: 100%;\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AssetDetailSidebarROI.js","names":["_sfc_main","AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarROI_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { useI18n } from 'vue-i18n'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { computed, onMounted } from 'vue'\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport AssetFileRotate from '@/domains/dam/assetDetail/components/AssetFileRotate.vue'\nimport { ENTITY, fetchRoi, useFetchImageRoiList } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    isActive: boolean\n    queueKey: UploadQueueKey\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\nconst imageRoiStore = useImageRoiStore()\nconst assetDetailStore = useAssetDetailStore()\n\nconst { pagination } = usePagination(SORT_BY_ID)\n\nconst { damClient, endPointImage, endPointRoi, imageRotateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst { canSafeHelper } = useAuthHelpers()\n// The endpoint refuses the rotation without it.\nconst rotateAllowed = computed(() => isNull(imageRotateAcl) || canSafeHelper(imageRotateAcl, undefined, 'rotate'))\nconst filterFieldsInner = [] satisfies readonly MakeFilterOption[]\nconst { filterConfig, filterData } = createFilter(filterFieldsInner, createFilterStore(filterFieldsInner), {\n  system: SYSTEM_CORE_DAM,\n  subject: ENTITY,\n})\n\nconst loadImageFile = async (id: DocId) => {\n  const res = await fetchImageFile(damClient, endPointImage, id)\n  imageRoiStore.setImageFile(res)\n}\n\nconst loadRois = async (forceReloadFile = false) => {\n  imageRoiStore.showLoader()\n  try {\n    if (imageRoiStore.imageFile) {\n      const { execute } = useFetchImageRoiList(damClient, endPointImage, imageRoiStore.imageFile.id)\n      const res = await execute(pagination, filterData, filterConfig)\n      if (res.length > 0 && res[0].id) {\n        const roi = await fetchRoi(damClient, endPointRoi, res[0].id)\n        if (forceReloadFile) {\n          await loadImageFile(imageRoiStore.imageFile.id)\n        }\n        imageRoiStore.setRoi(roi)\n        return\n      }\n    }\n    imageRoiStore.setRoi(null)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    imageRoiStore.hideLoader()\n  }\n}\n\n// Hidden while the cropper saves a region and reloads the redrawn file (`cropperBusy`).\n// A refresh read before the redraw replaced the cropper's file, and both showed the old image.\nconst refreshOffered = computed(() => !imageRoiStore.loader && !imageRoiStore.cropperBusy)\nconst refresh = () => {\n  if (!refreshOffered.value) return\n  void loadRois(true)\n}\n\nconst afterRotate = async () => {\n  await loadRois(true)\n}\n\nonMounted(async () => {\n  imageRoiStore.reset()\n  imageRoiStore.showLoader()\n  if (\n    assetDetailStore.asset &&\n    assetDetailStore.asset.mainFile &&\n    assetFileIsImageFile(assetDetailStore.asset.mainFile)\n  ) {\n    imageRoiStore.setImageFile(cloneDeep(assetDetailStore.asset.mainFile))\n    await loadRois()\n  }\n  imageRoiStore.hideLoader()\n})\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"refreshOffered\"\n      class=\"d-none d-md-flex\"\n      @click.stop=\"refresh\"\n    >\n      {{ t('common.damImage.asset.detail.roi.refresh') }}\n    </ABtnTertiary>\n    <VBtn\n      v-if=\"refreshOffered\"\n      icon\n      variant=\"text\"\n      size=\"small\"\n      class=\"d-flex d-md-none\"\n      :title=\"t('common.damImage.asset.detail.roi.refresh')\"\n      @click.stop=\"refresh\"\n    >\n      <VIcon icon=\"mdi-refresh\" />\n    </VBtn>\n  </AssetDetailSidebarActionsWrapper>\n  <div class=\"px-3\">\n    <div class=\"v-expansion-panel-title px-0\">\n      {{ t('common.damImage.asset.detail.roi.title') }}\n    </div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.description') }}\n    </div>\n  </div>\n  <div\n    v-if=\"imageRoiStore.loader\"\n    class=\"w-100 h-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      indeterminate\n      color=\"primary\"\n    />\n  </div>\n  <div\n    v-else-if=\"imageRoiStore.roi\"\n    class=\"crop-preview pa-2\"\n  >\n    <div\n      v-for=\"item in imageRoiStore.roi?.links.image_roi_example\"\n      :key=\"item.url\"\n      class=\"pb-2\"\n    >\n      <div class=\"text-label-large\">\n        {{ item.title }}\n      </div>\n      <img\n        v-if=\"imageRoiStore.imageFile\"\n        :src=\"item.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\"\n        :width=\"item.width\"\n        :height=\"item.height\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n  <AssetFileRotate\n    v-if=\"imageRoiStore.imageFile && rotateAllowed\"\n    :image-id=\"imageRoiStore.imageFile.id\"\n    :config-name=\"damConfigName\"\n    class=\"mx-2\"\n    @after-rotate=\"afterRotate\"\n  />\n</template>\n\n<style lang=\"scss\">\n.crop-preview {\n  width: 100%;\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js

@@ -1,25 +1,25 @@
-import { cloneDeep as e, isNull as t } from "../../../../shared/utils/common.js";
-import { useAlerts as n } from "../../../system/composables/alerts.js";
-import { useAuthHelpers as r } from "../../../auth/composables/defineAuth.js";
+import { useAssetDetailStore as e } from "../store/assetDetailStore.js";
+import { useImageRoiStore as t } from "../../cropper/store/imageRoiStore.js";
+import { usePagination as n } from "../../../api/composables/pagination.js";
+import { assetFileIsImageFile as r } from "../../types/AssetFile.js";
+import { cloneDeep as i, isNull as a } from "../../../../shared/utils/common.js";
+import o from "./AssetDetailSidebarActionsWrapper.js";
+import ee from "./AssetFileRotate.js";
+import { ENTITY as te, fetchRoi as ne, useFetchImageRoiList as re } from "../../api/damImageRoiApi.js";
+import { useCommonAdminCoreDamOptions as s } from "../../composables/commonAdminCoreDamOptions.js";
 import "../../../filters/datatable/utils/datatableColumns.js";
-import { createFilter as i, createFilterStore as a } from "../../../filters/composables/filterFactory.js";
-import { SYSTEM_CORE_DAM as o } from "../../api/damConstants.js";
-import { useCommonAdminCoreDamOptions as ee } from "../../composables/commonAdminCoreDamOptions.js";
-import { useDamConfigName as te } from "../../composables/damConfigName.js";
-import { usePagination as ne } from "../../../api/composables/pagination.js";
-import { useAssetDetailStore as re } from "../store/assetDetailStore.js";
-import { assetFileIsImageFile as s } from "../../types/AssetFile.js";
-import { fetchImageFile as c } from "../../api/damImageApi.js";
-import l from "./AssetDetailSidebarActionsWrapper.js";
-import { useImageRoiStore as u } from "../../cropper/store/imageRoiStore.js";
-import d from "./AssetFileRotate.js";
-import { ENTITY as f, fetchRoi as p, useFetchImageRoiList as m } from "../../api/damImageRoiApi.js";
+import { createFilter as c, createFilterStore as l } from "../../../filters/composables/filterFactory.js";
+import { SYSTEM_CORE_DAM as u } from "../../api/damConstants.js";
+import { fetchImageFile as d } from "../../api/damImageApi.js";
+import { useAlerts as f } from "../../../system/composables/alerts.js";
+import { useAuthHelpers as p } from "../../../auth/composables/defineAuth.js";
+import { useDamConfigName as m } from "../../composables/damConfigName.js";
 import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as ie, createVNode as x, defineComponent as S, onMounted as C, openBlock as w, renderList as T, resolveComponent as E, toDisplayString as D, unref as O, withCtx as k, withModifiers as A } from "vue";
 import { useI18n as j } from "vue-i18n";
 import { VIcon as M } from "vuetify/components/VIcon";
 import { VProgressCircular as N } from "vuetify/components/VProgressCircular";
 import { VBtn as P } from "vuetify/components/VBtn";
-//#region src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue?vue&type=script&setup=true&lang.ts
 var F = { class: "px-3" }, I = { class: "v-expansion-panel-title px-0" }, L = { class: "text-body-small" }, R = {
 	key: 1,
 	class: "w-100 h-100 d-flex align-center justify-center"
@@ -38,19 +38,19 @@ var F = { class: "px-3" }, I = { class: "v-expansion-panel-title px-0" }, L = {
 		configName: { default: void 0 }
 	},
 	setup(S) {
-		let V = te(S.configName), { t: H } = j(), { showErrorsDefault: U } = n(), W = u(), G = re(), { pagination: K } = ne("id"), { damClient: q, endPointImage: J, endPointRoi: oe, imageRotateAcl: Y } = ee(V), { canSafeHelper: se } = r(), ce = g(() => t(Y) || se(Y, void 0, "rotate")), X = [], { filterConfig: le, filterData: ue } = i(X, a(X), {
-			system: o,
-			subject: f
+		let V = m(S.configName), { t: H } = j(), { showErrorsDefault: U } = f(), W = t(), G = e(), { pagination: K } = n("id"), { damClient: q, endPointImage: J, endPointRoi: oe, imageRotateAcl: Y } = s(V), { canSafeHelper: se } = p(), ce = g(() => a(Y) || se(Y, void 0, "rotate")), X = [], { filterConfig: le, filterData: ue } = c(X, l(X), {
+			system: u,
+			subject: te
 		}), de = async (e) => {
-			let t = await c(q, J, e);
+			let t = await d(q, J, e);
 			W.setImageFile(t);
 		}, Z = async (e = !1) => {
 			W.showLoader();
 			try {
 				if (W.imageFile) {
-					let { execute: t } = m(q, J, W.imageFile.id), n = await t(K, ue, le);
+					let { execute: t } = re(q, J, W.imageFile.id), n = await t(K, ue, le);
 					if (n.length > 0 && n[0].id) {
-						let t = await p(q, oe, n[0].id);
+						let t = await ne(q, oe, n[0].id);
 						e && await de(W.imageFile.id), W.setRoi(t);
 						return;
 					}
@@ -67,11 +67,11 @@ var F = { class: "px-3" }, I = { class: "v-expansion-panel-title px-0" }, L = {
 			await Z(!0);
 		};
 		return C(async () => {
-			W.reset(), W.showLoader(), G.asset && G.asset.mainFile && s(G.asset.mainFile) && (W.setImageFile(e(G.asset.mainFile)), await Z()), W.hideLoader();
+			W.reset(), W.showLoader(), G.asset && G.asset.mainFile && r(G.asset.mainFile) && (W.setImageFile(i(G.asset.mainFile)), await Z()), W.hideLoader();
 		}), (e, t) => {
 			let n = E("ABtnTertiary");
 			return w(), y(h, null, [
-				S.isActive ? (w(), _(l, {
+				S.isActive ? (w(), _(o, {
 					key: 0,
 					"queue-key": S.queueKey
 				}, {
@@ -110,7 +110,7 @@ var F = { class: "px-3" }, I = { class: "v-expansion-panel-title px-0" }, L = {
 					height: e.height,
 					alt: ""
 				}, null, 8, B)) : v("", !0)]))), 128))])) : v("", !0),
-				O(W).imageFile && ce.value ? (w(), _(d, {
+				O(W).imageFile && ce.value ? (w(), _(ee, {
 					key: 3,
 					"image-id": O(W).imageFile.id,
 					"config-name": O(V),
@@ -121,7 +121,6 @@ var F = { class: "px-3" }, I = { class: "v-expansion-panel-title px-0" }, L = {
 		};
 	}
 });
-//#endregion
 export { V as default };
 
 //# sourceMappingURL=AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js","names":["props","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","_component_VBtn","_createVNode","_component_VIcon","_createElementVNode","_component_VProgressCircular","_renderList","AssetFileRotate","AssetDetailSidebarActionsWrapper_default","AssetFileRotate_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","useAlerts","imageRoiStore","useImageRoiStore","assetDetailStore","useAssetDetailStore","usePagination","useCommonAdminCoreDamOptions","useAuthHelpers","rotateAllowed","computed","isNull","imageRotateAcl","canSafeHelper","filterFieldsInner","createFilter","createFilterStore","SYSTEM_CORE_DAM","ENTITY","loadImageFile","res","fetchImageFile","damClient","endPointImage","id","loadRois","useFetchImageRoiList","execute","pagination","filterData","filterConfig","roi","fetchRoi","endPointRoi","forceReloadFile","error","refreshOffered","refresh","afterRotate","onMounted","assetFileIsImageFile","cloneDeep","_component_ABtnTertiary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode","VBtn","createVNode","VIcon","createElementVNode","VProgressCircular","renderList","item"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { useI18n } from 'vue-i18n'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { computed, onMounted } from 'vue'\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport AssetFileRotate from '@/domains/dam/assetDetail/components/AssetFileRotate.vue'\nimport { ENTITY, fetchRoi, useFetchImageRoiList } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    isActive: boolean\n    queueKey: UploadQueueKey\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\nconst imageRoiStore = useImageRoiStore()\nconst assetDetailStore = useAssetDetailStore()\n\nconst { pagination } = usePagination(SORT_BY_ID)\n\nconst { damClient, endPointImage, endPointRoi, imageRotateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst { canSafeHelper } = useAuthHelpers()\n// The endpoint refuses the rotation without it.\nconst rotateAllowed = computed(() => isNull(imageRotateAcl) || canSafeHelper(imageRotateAcl, undefined, 'rotate'))\nconst filterFieldsInner = [] satisfies readonly MakeFilterOption[]\nconst { filterConfig, filterData } = createFilter(filterFieldsInner, createFilterStore(filterFieldsInner), {\n  system: SYSTEM_CORE_DAM,\n  subject: ENTITY,\n})\n\nconst loadImageFile = async (id: DocId) => {\n  const res = await fetchImageFile(damClient, endPointImage, id)\n  imageRoiStore.setImageFile(res)\n}\n\nconst loadRois = async (forceReloadFile = false) => {\n  imageRoiStore.showLoader()\n  try {\n    if (imageRoiStore.imageFile) {\n      const { execute } = useFetchImageRoiList(damClient, endPointImage, imageRoiStore.imageFile.id)\n      const res = await execute(pagination, filterData, filterConfig)\n      if (res.length > 0 && res[0].id) {\n        const roi = await fetchRoi(damClient, endPointRoi, res[0].id)\n        if (forceReloadFile) {\n          await loadImageFile(imageRoiStore.imageFile.id)\n        }\n        imageRoiStore.setRoi(roi)\n        return\n      }\n    }\n    imageRoiStore.setRoi(null)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    imageRoiStore.hideLoader()\n  }\n}\n\n// Not while the cropper beside it saves a region and reads the file the DAM redraws (`cropperBusy`): read before the\n// redraw, the file of the refresh took the place of the cropper's, and both stayed on the old drawing.\nconst refreshOffered = computed(() => !imageRoiStore.loader && !imageRoiStore.cropperBusy)\nconst refresh = () => {\n  if (!refreshOffered.value) return\n  void loadRois(true)\n}\n\nconst afterRotate = async () => {\n  await loadRois(true)\n}\n\nonMounted(async () => {\n  imageRoiStore.reset()\n  imageRoiStore.showLoader()\n  if (\n    assetDetailStore.asset &&\n    assetDetailStore.asset.mainFile &&\n    assetFileIsImageFile(assetDetailStore.asset.mainFile)\n  ) {\n    imageRoiStore.setImageFile(cloneDeep(assetDetailStore.asset.mainFile))\n    await loadRois()\n  }\n  imageRoiStore.hideLoader()\n})\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"refreshOffered\"\n      class=\"d-none d-md-flex\"\n      @click.stop=\"refresh\"\n    >\n      {{ t('common.damImage.asset.detail.roi.refresh') }}\n    </ABtnTertiary>\n    <VBtn\n      v-if=\"refreshOffered\"\n      icon\n      variant=\"text\"\n      size=\"small\"\n      class=\"d-flex d-md-none\"\n      :title=\"t('common.damImage.asset.detail.roi.refresh')\"\n      @click.stop=\"refresh\"\n    >\n      <VIcon icon=\"mdi-refresh\" />\n    </VBtn>\n  </AssetDetailSidebarActionsWrapper>\n  <div class=\"px-3\">\n    <div class=\"v-expansion-panel-title px-0\">\n      {{ t('common.damImage.asset.detail.roi.title') }}\n    </div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.description') }}\n    </div>\n  </div>\n  <div\n    v-if=\"imageRoiStore.loader\"\n    class=\"w-100 h-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      indeterminate\n      color=\"primary\"\n    />\n  </div>\n  <div\n    v-else-if=\"imageRoiStore.roi\"\n    class=\"crop-preview pa-2\"\n  >\n    <div\n      v-for=\"item in imageRoiStore.roi?.links.image_roi_example\"\n      :key=\"item.url\"\n      class=\"pb-2\"\n    >\n      <div class=\"text-label-large\">\n        {{ item.title }}\n      </div>\n      <img\n        v-if=\"imageRoiStore.imageFile\"\n        :src=\"item.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\"\n        :width=\"item.width\"\n        :height=\"item.height\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n  <AssetFileRotate\n    v-if=\"imageRoiStore.imageFile && rotateAllowed\"\n    :image-id=\"imageRoiStore.imageFile.id\"\n    :config-name=\"damConfigName\"\n    class=\"mx-2\"\n    @after-rotate=\"afterRotate\"\n  />\n</template>\n\n<style lang=\"scss\">\n.crop-preview {\n  width: 100%;\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js","names":["props","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","AssetDetailSidebarActionsWrapper","_withCtx","_withModifiers","_createTextVNode","_toDisplayString","_unref","_createCommentVNode","_component_VBtn","_createVNode","_component_VIcon","_createElementVNode","_component_VProgressCircular","_renderList","AssetFileRotate","AssetDetailSidebarActionsWrapper_default","AssetFileRotate_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","AssetDetailSidebarROI_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","useI18n","useAlerts","imageRoiStore","useImageRoiStore","assetDetailStore","useAssetDetailStore","usePagination","useCommonAdminCoreDamOptions","useAuthHelpers","rotateAllowed","computed","isNull","imageRotateAcl","canSafeHelper","filterFieldsInner","createFilter","createFilterStore","SYSTEM_CORE_DAM","ENTITY","loadImageFile","res","fetchImageFile","damClient","endPointImage","id","loadRois","useFetchImageRoiList","execute","pagination","filterData","filterConfig","roi","fetchRoi","endPointRoi","forceReloadFile","error","refreshOffered","refresh","afterRotate","onMounted","assetFileIsImageFile","cloneDeep","_component_ABtnTertiary","resolveComponent","openBlock","createElementBlock","Fragment","createBlock","withCtx","withModifiers","createTextVNode","toDisplayString","unref","t","createCommentVNode","VBtn","createVNode","VIcon","createElementVNode","VProgressCircular","renderList","item"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useImageRoiStore } from '@/domains/dam/cropper/store/imageRoiStore'\nimport { useI18n } from 'vue-i18n'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport { cloneDeep, isNull } from '@/shared/utils/common'\nimport { computed, onMounted } from 'vue'\nimport AssetDetailSidebarActionsWrapper from '@/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue'\nimport AssetFileRotate from '@/domains/dam/assetDetail/components/AssetFileRotate.vue'\nimport { ENTITY, fetchRoi, useFetchImageRoiList } from '@/domains/dam/api/damImageRoiApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { SORT_BY_ID } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport { fetchImageFile } from '@/domains/dam/api/damImageApi'\nimport type { DocId } from '@/shared/types/common'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useAuthHelpers } from '@/domains/auth/composables/defineAuth'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    isActive: boolean\n    queueKey: UploadQueueKey\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\nconst imageRoiStore = useImageRoiStore()\nconst assetDetailStore = useAssetDetailStore()\n\nconst { pagination } = usePagination(SORT_BY_ID)\n\nconst { damClient, endPointImage, endPointRoi, imageRotateAcl } = useCommonAdminCoreDamOptions(damConfigName)\nconst { canSafeHelper } = useAuthHelpers()\n// The endpoint refuses the rotation without it.\nconst rotateAllowed = computed(() => isNull(imageRotateAcl) || canSafeHelper(imageRotateAcl, undefined, 'rotate'))\nconst filterFieldsInner = [] satisfies readonly MakeFilterOption[]\nconst { filterConfig, filterData } = createFilter(filterFieldsInner, createFilterStore(filterFieldsInner), {\n  system: SYSTEM_CORE_DAM,\n  subject: ENTITY,\n})\n\nconst loadImageFile = async (id: DocId) => {\n  const res = await fetchImageFile(damClient, endPointImage, id)\n  imageRoiStore.setImageFile(res)\n}\n\nconst loadRois = async (forceReloadFile = false) => {\n  imageRoiStore.showLoader()\n  try {\n    if (imageRoiStore.imageFile) {\n      const { execute } = useFetchImageRoiList(damClient, endPointImage, imageRoiStore.imageFile.id)\n      const res = await execute(pagination, filterData, filterConfig)\n      if (res.length > 0 && res[0].id) {\n        const roi = await fetchRoi(damClient, endPointRoi, res[0].id)\n        if (forceReloadFile) {\n          await loadImageFile(imageRoiStore.imageFile.id)\n        }\n        imageRoiStore.setRoi(roi)\n        return\n      }\n    }\n    imageRoiStore.setRoi(null)\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    imageRoiStore.hideLoader()\n  }\n}\n\n// Hidden while the cropper saves a region and reloads the redrawn file (`cropperBusy`).\n// A refresh read before the redraw replaced the cropper's file, and both showed the old image.\nconst refreshOffered = computed(() => !imageRoiStore.loader && !imageRoiStore.cropperBusy)\nconst refresh = () => {\n  if (!refreshOffered.value) return\n  void loadRois(true)\n}\n\nconst afterRotate = async () => {\n  await loadRois(true)\n}\n\nonMounted(async () => {\n  imageRoiStore.reset()\n  imageRoiStore.showLoader()\n  if (\n    assetDetailStore.asset &&\n    assetDetailStore.asset.mainFile &&\n    assetFileIsImageFile(assetDetailStore.asset.mainFile)\n  ) {\n    imageRoiStore.setImageFile(cloneDeep(assetDetailStore.asset.mainFile))\n    await loadRois()\n  }\n  imageRoiStore.hideLoader()\n})\n</script>\n\n<template>\n  <AssetDetailSidebarActionsWrapper\n    v-if=\"isActive\"\n    :queue-key=\"queueKey\"\n  >\n    <ABtnTertiary\n      v-if=\"refreshOffered\"\n      class=\"d-none d-md-flex\"\n      @click.stop=\"refresh\"\n    >\n      {{ t('common.damImage.asset.detail.roi.refresh') }}\n    </ABtnTertiary>\n    <VBtn\n      v-if=\"refreshOffered\"\n      icon\n      variant=\"text\"\n      size=\"small\"\n      class=\"d-flex d-md-none\"\n      :title=\"t('common.damImage.asset.detail.roi.refresh')\"\n      @click.stop=\"refresh\"\n    >\n      <VIcon icon=\"mdi-refresh\" />\n    </VBtn>\n  </AssetDetailSidebarActionsWrapper>\n  <div class=\"px-3\">\n    <div class=\"v-expansion-panel-title px-0\">\n      {{ t('common.damImage.asset.detail.roi.title') }}\n    </div>\n    <div class=\"text-body-small\">\n      {{ t('common.damImage.asset.detail.roi.description') }}\n    </div>\n  </div>\n  <div\n    v-if=\"imageRoiStore.loader\"\n    class=\"w-100 h-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular\n      indeterminate\n      color=\"primary\"\n    />\n  </div>\n  <div\n    v-else-if=\"imageRoiStore.roi\"\n    class=\"crop-preview pa-2\"\n  >\n    <div\n      v-for=\"item in imageRoiStore.roi?.links.image_roi_example\"\n      :key=\"item.url\"\n      class=\"pb-2\"\n    >\n      <div class=\"text-label-large\">\n        {{ item.title }}\n      </div>\n      <img\n        v-if=\"imageRoiStore.imageFile\"\n        :src=\"item.url + '?manipulated=' + imageRoiStore.imageFile.manipulatedAt\"\n        :width=\"item.width\"\n        :height=\"item.height\"\n        alt=\"\"\n      />\n    </div>\n  </div>\n  <AssetFileRotate\n    v-if=\"imageRoiStore.imageFile && rotateAllowed\"\n    :image-id=\"imageRoiStore.imageFile.id\"\n    :config-name=\"damConfigName\"\n    class=\"mx-2\"\n    @after-rotate=\"afterRotate\"\n  />\n</template>\n\n<style lang=\"scss\">\n.crop-preview {\n  width: 100%;\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/domains/dam/assetDetail/components/AssetFileFailReasonChip.js

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