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

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

@@ -0,0 +1,66 @@
+import e from "./AssetInfobox.js";
+import t from "./AssetDetailSidebarMetadata.js";
+import n from "./AssetDetailSidebarFrame.js";
+import { useCommonAdminCoreDamOptions as r } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as i } from "../../composables/damConfigName.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";
+// 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 = i(f.configName), { simpleAssetSidebarEnabled: m } = r(p), h = a(() => m && f.isImage);
+		return (r, i) => (l(), o(n, {
+			"queue-key": c.queueKey,
+			"config-name": u(p),
+			"roi-tab": c.isImage,
+			"simple-mode": h.value
+		}, {
+			prepend: d(() => [s(e, {
+				"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(t, {
+				"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"
+		]));
+	}
+});
+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,6 @@
+import e from "./AssetDetailSidebarActionsTeleportTarget.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/assetDetail/components/AssetDetailSidebarActionsTeleportTarget.vue
+var t = e;
+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,25 @@
+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";
+// 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));
+	}
+});
+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,6 @@
+import e from "./AssetDetailSidebarActionsWrapper.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/assetDetail/components/AssetDetailSidebarActionsWrapper.vue
+var t = e;
+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,19 @@
+import { UploadQueueKey } from '../../types/UploadQueue';
+type __VLS_Props = {
+    queueKey: UploadQueueKey;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+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,17 @@
+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";
+// 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);
+	}
+});
+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,6 @@
+import e from "./AssetDetailSidebarFrame.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/assetDetail/components/AssetDetailSidebarFrame.vue
+var t = e;
+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// 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.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,69 @@
+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";
+// 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 = 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": i[0] ||= (e) => p(N) ? N.value = e : null,
+				"show-arrows": "",
+				class: "sidebar-info__tabs"
+			}, {
+				default: y(() => [d(S, {
+					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(e).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(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(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, [
+				"is-active",
+				"queue-key",
+				"config-name"
+			])])) : s("", !0)], 64))]),
+			l("div", A, [d(r, { "queue-key": f.queueKey }, null, 8, ["queue-key"])])
+		])], 2));
+	}
+});
+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// 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

@@ -0,0 +1,6 @@
+import e from "./AssetDetailSidebarMetadata.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/assetDetail/components/AssetDetailSidebarMetadata.vue
+var t = e;
+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// 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.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,82 @@
+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";
+// 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 = 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 } = 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 e = t(I.value), r = R.value, i = L.value, a = i ? z.noteRowsOfAsset(e.id, N) : void 0;
+			try {
+				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) {
+				o(e, M.extSystem, N);
+			} finally {
+				a && z.forgetRowsNote(a), B.value = !1;
+			}
+		};
+		return (t, n) => {
+			let r = C("ABtnPrimary");
+			return x(), _(p, null, [
+				b.isActive ? (x(), h(e, {
+					key: 0,
+					"queue-key": b.queueKey
+				}, {
+					default: E(() => [y(r, {
+						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(a, {
+					"ext-system": b.extSystem,
+					"config-name": T(N)
+				}, null, 8, ["ext-system", "config-name"])
+			], 64);
+		};
+	}
+});
+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","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

@@ -0,0 +1,7 @@
+import e from "./AssetDetailSidebarROI.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                      */
+// src/domains/dam/assetDetail/components/AssetDetailSidebarROI.vue
+var t = e;
+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// 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.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;