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

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

@@ -0,0 +1,67 @@
+import { useCommonAdminCoreDamOptions as e } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as t } from "../../composables/damConfigName.js";
+import n from "./AssetInfobox.js";
+import r from "./AssetDetailSidebarMetadata.js";
+import i from "./AssetDetailSidebarFrame.js";
+import { computed as a, createBlock as o, createVNode as s, defineComponent as c, openBlock as l, unref as u, withCtx as d } from "vue";
+//#region src/domains/dam/assetDetail/components/AssetDetailDialogSidebar.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ c({
+	__name: "AssetDetailDialogSidebar",
+	props: {
+		queueKey: {},
+		extSystem: {},
+		assetId: {},
+		isVideo: { type: Boolean },
+		isAudio: { type: Boolean },
+		isImage: { type: Boolean },
+		isDocument: { type: Boolean },
+		dataCy: { default: void 0 },
+		assetStatus: {},
+		assetType: {},
+		assetMainFileStatus: { default: void 0 },
+		assetMainFileFailReason: { default: void 0 },
+		configName: { default: void 0 }
+	},
+	setup(c) {
+		let f = c, p = t(f.configName), { simpleAssetSidebarEnabled: m } = e(p), h = a(() => m && f.isImage);
+		return (e, t) => (l(), o(i, {
+			"queue-key": c.queueKey,
+			"config-name": u(p),
+			"roi-tab": c.isImage,
+			"simple-mode": h.value
+		}, {
+			prepend: d(() => [s(n, {
+				"asset-status": c.assetStatus,
+				"asset-main-file-status": c.assetMainFileStatus,
+				"asset-main-file-fail-reason": c.assetMainFileFailReason
+			}, null, 8, [
+				"asset-status",
+				"asset-main-file-status",
+				"asset-main-file-fail-reason"
+			])]),
+			info: d(({ isActive: e }) => [s(r, {
+				"queue-key": c.queueKey,
+				"ext-system": c.extSystem,
+				"config-name": u(p),
+				"is-active": e,
+				"asset-type": c.assetType
+			}, null, 8, [
+				"queue-key",
+				"ext-system",
+				"config-name",
+				"is-active",
+				"asset-type"
+			])]),
+			_: 1
+		}, 8, [
+			"queue-key",
+			"config-name",
+			"roi-tab",
+			"simple-mode"
+		]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=AssetDetailDialogSidebar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetailDialogSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","AssetDetailSidebarFrame","_unref","_withCtx","_createVNode","AssetInfobox","AssetDetailSidebarMetadata","AssetInfobox_default","AssetDetailSidebarMetadata_default","AssetDetailSidebarFrame_default","AssetDetailDialogSidebar_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","useCommonAdminCoreDamOptions","simpleMode","computed","simpleAssetSidebarEnabled","openBlock","createBlock","unref","withCtx","createVNode","isActive"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailDialogSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { DamAssetStatusType, DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { AssetFileFailReasonType, AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\nimport { computed } from 'vue'\nimport AssetInfobox from '@/domains/dam/assetDetail/components/AssetInfobox.vue'\nimport AssetDetailSidebarMetadata from '@/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue'\nimport AssetDetailSidebarFrame from '@/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    assetId: DocId\n    isVideo: boolean\n    isAudio: boolean\n    isImage: boolean\n    isDocument: boolean\n    dataCy?: string\n    assetStatus: DamAssetStatusType\n    assetType: DamAssetTypeType\n    assetMainFileStatus?: AssetFileProcessStatusType | undefined\n    assetMainFileFailReason?: AssetFileFailReasonType | undefined\n    configName?: string\n  }>(),\n  {\n    assetMainFileStatus: undefined,\n    assetMainFileFailReason: undefined,\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 { simpleAssetSidebarEnabled } = useCommonAdminCoreDamOptions(damConfigName)\nconst simpleMode = computed(() => simpleAssetSidebarEnabled && props.isImage)\n</script>\n\n<template>\n  <AssetDetailSidebarFrame\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :roi-tab=\"isImage\"\n    :simple-mode=\"simpleMode\"\n  >\n    <template #prepend>\n      <AssetInfobox\n        :asset-status=\"assetStatus\"\n        :asset-main-file-status=\"assetMainFileStatus\"\n        :asset-main-file-fail-reason=\"assetMainFileFailReason\"\n      />\n    </template>\n    <template #info=\"{ isActive }\">\n      <AssetDetailSidebarMetadata\n        :queue-key=\"queueKey\"\n        :ext-system=\"extSystem\"\n        :config-name=\"damConfigName\"\n        :is-active=\"isActive\"\n        :asset-type=\"assetType\"\n      />\n    </template>\n  </AssetDetailSidebarFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAYA,IAAMY,IAAQC,GAwBRC,IAAgBC,EAAiBH,EAAM,UAAU,GAEjD,EAAE,iCAA8BI,EAA6BF,CAAa,GAC1EG,IAAaC,QAAeC,KAA6BP,EAAM,OAAO;E,kBAI1EZ,EAAA,GAAAC,EAsB0BC,GAAA;GArBvB,aAAWW,EAAA;GACX,eAAaV,EAAAW,CAAA;GACb,WAASD,EAAA;GACT,eAAaI,EAAA;;GAEH,SAAOb,QAKd,CAJFC,EAIEC,GAAA;IAHC,gBAAcO,EAAA;IACd,0BAAwBA,EAAA;IACxB,+BAA6BA,EAAA;;;;;;GAGvB,MAAIT,GAOX,EAPe,kBAAQ,CACzBC,EAMEE,GAAA;IALC,aAAWM,EAAA;IACX,cAAYA,EAAA;IACZ,eAAaV,EAAAW,CAAA;IACb,aAAWW;IACX,cAAYZ,EAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetailSidebarActionsTeleportTarget.js","names":["_sfc_main","AssetDetailSidebarActionsTeleportTarget_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarActionsTeleportTarget_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { nextTick, onBeforeUnmount, onMounted } from 'vue'\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { mounted, unMounted, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n\nonMounted(async () => {\n  await nextTick()\n  mounted()\n})\n\nonBeforeUnmount(() => {\n  unMounted()\n})\n</script>\n\n<template>\n  <div :class=\"[divClassName, 'd-flex', 'flex-row-reverse', 'justify-start', 'align-center', 'w-100']\" />\n</template>\n"],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue.d.ts

@@ -0,0 +1,7 @@
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+import { useAssetDetailSidebarActionbar as e } from "../composables/assetDetailSidebarActionbar.js";
+import { createElementBlock as t, defineComponent as n, nextTick as r, normalizeClass as i, onBeforeUnmount as a, onMounted as o, openBlock as s, unref as c } from "vue";
+//#region src/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue?vue&type=script&setup=true&lang.ts
+var l = /*@__PURE__*/ n({
+	__name: "AssetDetailSidebarActionsTeleportTarget",
+	props: { queueKey: {} },
+	setup(n) {
+		let { mounted: l, unMounted: u, divClassName: d } = e(n.queueKey);
+		return o(async () => {
+			await r(), l();
+		}), a(() => {
+			u();
+		}), (e, n) => (s(), t("div", { class: i([
+			c(d),
+			"d-flex",
+			"flex-row-reverse",
+			"justify-start",
+			"align-center",
+			"w-100"
+		]) }, null, 2));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=AssetDetailSidebarActionsTeleportTarget.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetailSidebarActionsTeleportTarget.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_normalizeClass","_unref","AssetDetailSidebarActionsTeleportTarget_vue_vue_type_script_setup_true_lang_default","useAssetDetailSidebarActionbar","__props","onMounted","nextTick","mounted","onBeforeUnmount","openBlock","createElementBlock","normalizeClass","unref","divClassName"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { nextTick, onBeforeUnmount, onMounted } from 'vue'\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { mounted, unMounted, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n\nonMounted(async () => {\n  await nextTick()\n  mounted()\n})\n\nonBeforeUnmount(() => {\n  unMounted()\n})\n</script>\n\n<template>\n  <div :class=\"[divClassName, 'd-flex', 'flex-row-reverse', 'justify-start', 'align-center', 'w-100']\" />\n</template>\n"],"mappings":";;;;;;;EAaA,IAAM,EAAE,YAAS,cAAW,oBAAiBM,EAA+BN,EAAM,QAAQ;E,OAE1FQ,EAAU,YAAY;GAEpB,AADA,MAAMC,EAAS,GACfC,EAAQ;EACV,CAAC,GAEDC,QAAsB;GACpB,EAAU;EACZ,CAAC,I,UAICV,EAAA,GAAAC,EAAuG,OAAA,EAAjG,OAAKC,EAAA;GAAGC,EAAAY,CAAA;GAAY;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,E"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetailSidebarActionsWrapper.js","names":["_sfc_main","AssetDetailSidebarActionsWrapper_vue_vue_type_script_setup_true_lang_default","AssetDetailSidebarActionsWrapper_default"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { canTeleport, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n</script>\n\n<template>\n  <Teleport\n    v-if=\"canTeleport\"\n    :to=\"'.' + divClassName\"\n  >\n    <div>\n      <slot />\n    </div>\n  </Teleport>\n</template>\n"],"mappings":""}

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue.d.ts

@@ -0,0 +1,17 @@
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,18 @@
+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
+var l = /*@__PURE__*/ a({
+	__name: "AssetDetailSidebarActionsWrapper",
+	props: { queueKey: {} },
+	setup(a) {
+		let { canTeleport: l, divClassName: u } = e(a.queueKey);
+		return (e, a) => c(l) ? (o(), n(t, {
+			key: 0,
+			to: "." + c(u)
+		}, [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/AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js","names":["props","_unref","_openBlock","_createBlock","_Teleport","_createElementVNode","_renderSlot","_createCommentVNode","AssetDetailSidebarActionsWrapper_vue_vue_type_script_setup_true_lang_default","useAssetDetailSidebarActionbar","__props","unref","canTeleport","openBlock","createBlock","Teleport","divClassName","createElementVNode","renderSlot","_ctx","createCommentVNode"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useAssetDetailSidebarActionbar } from '@/domains/dam/assetDetail/composables/assetDetailSidebarActionbar'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n  }>(),\n  {}\n)\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { canTeleport, divClassName } = useAssetDetailSidebarActionbar(props.queueKey)\n</script>\n\n<template>\n  <Teleport\n    v-if=\"canTeleport\"\n    :to=\"'.' + divClassName\"\n  >\n    <div>\n      <slot />\n    </div>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;EAYA,IAAM,EAAE,gBAAa,oBAAiBS,EAA+BT,EAAM,QAAQ;E,iBAKzEC,EAAAW,CAAA,KADRV,EAAA,GAAAC,EAOWC,GAAA;;GALR,IAAE,MAAQH,EAAAe,CAAA;E,IAEXX,EAEM,OAAA,MAAA,CADJC,EAAQa,EAAA,QAAA,SAAA,C"}

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

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

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

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue.d.ts

@@ -0,0 +1,24 @@
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+    configName?: string;
+    roiTab: boolean;
+    simpleMode: boolean;
+};
+type __VLS_Slots = {
+    prepend?(): unknown;
+    info(props: {
+        isActive: boolean;
+    }): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,70 @@
+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 { 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
+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"
+}, k = {
+	key: 1,
+	class: "py-2"
+}, A = { class: "sidebar-info__actions px-2" }, j = /*@__PURE__*/ f({
+	__name: "AssetDetailSidebarFrame",
+	props: {
+		queueKey: {},
+		configName: { default: void 0 },
+		roiTab: { type: Boolean },
+		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, [
+			f.simpleMode ? s("", !0) : (h(), o(C, {
+				key: 0,
+				modelValue: v(N),
+				"onUpdate:modelValue": n[0] ||= (e) => p(N) ? N.value = e : null,
+				"show-arrows": "",
+				class: "sidebar-info__tabs"
+			}, {
+				default: y(() => [d(S, {
+					value: v(t).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,
+					"data-cy": "button-focus"
+				}, {
+					default: y(() => [u(_(v(M)("common.damImage.asset.detail.tabs.roi")), 1)]),
+					_: 1
+				}, 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, {
+				"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,
+				"queue-key": f.queueKey,
+				"config-name": v(j)
+			}, null, 8, [
+				"is-active",
+				"queue-key",
+				"config-name"
+			])])) : s("", !0)], 64))]),
+			l("div", A, [d(i, { "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

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

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

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

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

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue.d.ts

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

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

@@ -0,0 +1,83 @@
+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 { 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
+var j = {
+	key: 1,
+	class: "text-body-small px-4 pt-2",
+	"data-cy": "save-blocked"
+}, M = /*@__PURE__*/ b({
+	__name: "AssetDetailSidebarMetadata",
+	props: {
+		queueKey: {},
+		isActive: { type: Boolean },
+		dataCy: { default: void 0 },
+		assetType: {},
+		extSystem: {},
+		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,
+			$stopPropagation: !0
+		}), { damClient: G, endPointAsset: K } = r(N), q = async () => {
+			if (t(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;
+			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");
+			} catch (e) {
+				a(e, M.extSystem, N);
+			} finally {
+				s && z.forgetRowsNote(s), B.value = !1;
+			}
+		};
+		return (e, t) => {
+			let n = C("ABtnPrimary");
+			return x(), _(p, null, [
+				b.isActive ? (x(), h(d, {
+					key: 0,
+					"queue-key": b.queueKey
+				}, {
+					default: E(() => [y(n, {
+						type: "submit",
+						class: "ml-2",
+						"data-cy": "button-save",
+						loading: B.value,
+						disabled: V.value,
+						onClick: D(q, ["stop"])
+					}, {
+						default: E(() => [v(w(T(P)("common.button.save")), 1)]),
+						_: 1
+					}, 8, ["loading", "disabled"])]),
+					_: 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, {
+					"ext-system": b.extSystem,
+					"config-name": T(N)
+				}, null, 8, ["ext-system", "config-name"])
+			], 64);
+		};
+	}
+});
+//#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

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

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

@@ -0,0 +1,8 @@
+import e from "./AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                      */
+//#region 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

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

package/dist/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue.d.ts

@@ -0,0 +1,11 @@
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    isActive: boolean;
+    queueKey: UploadQueueKey;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;