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

package/dist/domains/dam/imageWidget/components/AImageWidgetSimple.vue.d.ts

@@ -17,48 +17,50 @@ type __VLS_Props = {
     widgetClass?: string | undefined;
     sourceLabel?: string | undefined;
 };
-declare var __VLS_43: {
-    image: {
-        id?: import('../../../../shared/types/common').IntegerId | undefined;
-        texts: {
-            description: string;
-            source: string;
-        };
-        flags: {
-            showSource: boolean;
-            internal: boolean;
-            overrideInternal: boolean;
-        };
-        position?: number | undefined;
-        dam: {
-            damId: import('../../../../shared/types/common').DocId;
-            licenceId: import('../../../../shared/types/common').IntegerId;
-            regionPosition: number;
-            internal: boolean;
-        };
-    } | {
-        id: import('../../../../shared/types/common').IntegerId;
-        texts: {
-            description: string;
-            source: string;
-        };
-        dam: {
-            damId: import('../../../../shared/types/common').DocId;
-            licenceId: import('../../../../shared/types/common').IntegerId;
-            regionPosition: number;
-            internal: boolean;
-        };
-        flags: {
-            showSource: boolean;
-            internal: boolean;
-            overrideInternal: boolean;
-        };
-        position?: number | undefined;
-    } | null;
-};
-type __VLS_Slots = {} & {
-    append?: (props: typeof __VLS_43) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        append?: (props: {
+            image: {
+                id?: import('../../../../shared/types/common').IntegerId | undefined;
+                texts: {
+                    description: string;
+                    source: string;
+                };
+                flags: {
+                    showSource: boolean;
+                    internal: boolean;
+                    overrideInternal: boolean;
+                };
+                position?: number | undefined;
+                dam: {
+                    damId: import('../../../../shared/types/common').DocId;
+                    licenceId: import('../../../../shared/types/common').IntegerId;
+                    regionPosition: number;
+                    internal: boolean;
+                };
+            } | {
+                id: import('../../../../shared/types/common').IntegerId;
+                texts: {
+                    description: string;
+                    source: string;
+                };
+                dam: {
+                    damId: import('../../../../shared/types/common').DocId;
+                    licenceId: import('../../../../shared/types/common').IntegerId;
+                    regionPosition: number;
+                    internal: boolean;
+                };
+                flags: {
+                    showSource: boolean;
+                    internal: boolean;
+                    overrideInternal: boolean;
+                };
+                position?: number | undefined;
+            } | null;
+        }) => 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<{}>, {
     label: string;
     image: ImageAware | ImageCreateUpdateAware | null;

package/dist/domains/dam/imageWidget/components/AImageWidgetSimple.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,16 @@
-import { cloneDeep as e, isNumber as t } from "../../../../shared/utils/common.js";
-import { useAlerts as n } from "../../../system/composables/alerts.js";
-import { useDamConfigName as r } from "../../composables/damConfigName.js";
-import i from "../../../../assets/image/placeholder16x9.js";
-import { useCommonAdminImageOptions as a } from "../composables/commonAdminImageOptions.js";
-import { useImageActions as o } from "../composables/imageActions.js";
+import e from "../../../../assets/image/placeholder16x9.js";
+import { cloneDeep as t, isNumber as n } from "../../../../shared/utils/common.js";
+import { useCommonAdminImageOptions as r } from "../composables/commonAdminImageOptions.js";
+import { useImageActions as i } from "../composables/imageActions.js";
+import { useAlerts as a } from "../../../system/composables/alerts.js";
+import { useDamConfigName as o } from "../../composables/damConfigName.js";
 import { Fragment as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, toRefs as b, unref as x, watch as S, withCtx as C } from "vue";
 import { useI18n as w } from "vue-i18n";
 import { VCol as T, VRow as E } from "vuetify/components/VGrid";
 import { VIcon as D } from "vuetify/components/VIcon";
 import { VProgressCircular as O } from "vuetify/components/VProgressCircular";
 import { VImg as k } from "vuetify/components/VImg";
-//#region src/domains/dam/imageWidget/components/AImageWidgetSimple.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/imageWidget/components/AImageWidgetSimple.vue?vue&type=script&setup=true&lang.ts
 var A = {
 	key: 0,
 	class: "label-container"
@@ -53,18 +53,18 @@ var A = {
 		sourceLabel: { default: void 0 }
 	},
 	setup(m) {
-		let R = m, z = r(R.configName), { showErrorsDefault: B } = n(), V = a(z), { imageClient: H, imageApi: U } = V, { widgetImageToDamImageUrl: W } = o(V), G = _(null), { image: K, modelValue: q } = b(R), J = _(""), { t: Y } = w(), X = (e) => t(R.damWidth) && t(R.damHeight) ? W(e, R.damWidth, R.damHeight) : W(e, V.imageWidth, V.imageHeight);
-		return S([K, q], async ([t, n]) => {
-			if (G.value = null, J.value = i, t) G.value = e(t), G.value && (J.value = X(G.value));
-			else if (n) {
+		let R = m, z = o(R.configName), { showErrorsDefault: B } = a(), V = r(z), { imageClient: H, imageApi: U } = V, { widgetImageToDamImageUrl: W } = i(V), G = _(null), { image: K, modelValue: q } = b(R), J = _(""), { t: Y } = w(), X = (e) => n(R.damWidth) && n(R.damHeight) ? W(e, R.damWidth, R.damHeight) : W(e, V.imageWidth, V.imageHeight);
+		return S([K, q], async ([n, r]) => {
+			if (G.value = null, J.value = e, n) G.value = t(n), G.value && (J.value = X(G.value));
+			else if (r) {
 				try {
-					G.value = await U.fetchImage(H, n);
+					G.value = await U.fetchImage(H, r);
 				} catch (e) {
 					B(e);
 				}
 				G.value && (J.value = X(G.value));
 			}
-		}, { immediate: !0 }), (e, t) => (g(), u(s, null, [
+		}, { immediate: !0 }), (t, n) => (g(), u(s, null, [
 			m.label ? (g(), u("div", A, [d("h4", j, y(m.label), 1)])) : l("", !0),
 			m.useHtmlImg ? (g(), u("img", {
 				key: 1,
@@ -75,7 +75,7 @@ var A = {
 				class: h(m.widgetClass)
 			}, null, 10, M)) : (g(), c(k, {
 				key: 2,
-				"lazy-src": x(i),
+				"lazy-src": x(e),
 				src: J.value,
 				width: m.width,
 				height: m.height,
@@ -106,7 +106,7 @@ var A = {
 				default: C(() => [p(T, null, {
 					default: C(() => [
 						d("span", I, y(x(Y)("common.damImage.image.model.texts.description")) + ": ", 1),
-						t[0] ||= d("br", null, null, -1),
+						n[0] ||= d("br", null, null, -1),
 						f(y(G.value.texts.description), 1)
 					]),
 					_: 1
@@ -119,18 +119,17 @@ var A = {
 				default: C(() => [p(T, null, {
 					default: C(() => [
 						d("span", L, y(m.sourceLabel) + ":", 1),
-						t[1] ||= d("br", null, null, -1),
+						n[1] ||= d("br", null, null, -1),
 						f(y(G.value.texts.source), 1)
 					]),
 					_: 1
 				})]),
 				_: 1
 			})) : l("", !0)])) : l("", !0),
-			v(e.$slots, "append", { image: G.value }, void 0, !0)
+			v(t.$slots, "append", { image: G.value }, void 0, !0)
 		], 64));
 	}
 });
-//#endregion
 export { R as default };
 
 //# sourceMappingURL=AImageWidgetSimple.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1,9 +1,8 @@
-import e from "../../../../_virtual/_plugin-vue_export-helper.js";
-import t from "./AMediaWidgetSimple.vue_vue_type_script_setup_true_lang.js";
+import e from "./AMediaWidgetSimple.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                   */
-//#region src/domains/dam/imageWidget/components/AMediaWidgetSimple.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-0942d92c"]]);
-//#endregion
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+// src/domains/dam/imageWidget/components/AMediaWidgetSimple.vue
+var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-0942d92c"]]);
 export { n as default };
 
 //# sourceMappingURL=AMediaWidgetSimple.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AMediaWidgetSimple.js","names":["_sfc_main","_plugin_vue_export_helper_default","AMediaWidgetSimple_vue_vue_type_script_setup_true_lang_default","AMediaWidgetSimple_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AMediaWidgetSimple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport imagePlaceholderPath from '@/assets/image/placeholder16x9.svg'\nimport { cloneDeep, isNull, isNumber } from '@/shared/utils/common'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { DamMediaType, type MediaAware } from '@/domains/dam/types/MediaAware'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport MediaWidgetSimpleDialog from '@/domains/dam/imageWidget/components/MediaWidgetSimpleDialog.vue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    media?: MediaAware | null | undefined // optional, render media instead of image\n    configName?: string\n    label?: string | undefined\n    width?: number | undefined\n    height?: undefined | number\n    disableAspectRatio?: boolean\n    aspectRatio?: number | string\n    showDescription?: boolean\n    showSource?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n    useHtmlImg?: boolean\n    widgetClass?: string | undefined\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    media: undefined,\n    width: undefined,\n    height: undefined,\n    disableAspectRatio: false,\n    aspectRatio: 1.777, // 16/9\n    showDescription: false,\n    showSource: false,\n    damWidth: undefined,\n    damHeight: undefined,\n    useHtmlImg: false,\n    widgetClass: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { damImageIdToDamImageUrl } = useImageActions(imageOptions)\n\nconst resMedia = ref<null | MediaAware>(null)\nconst resolvedSrc = ref('')\nconst dialog = ref(false)\n\nconst getImageUrl = (media: MediaAware) => {\n  if (isNull(media.damMedia.imageFileId)) return imagePlaceholderPath\n  if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n    return damImageIdToDamImageUrl(media.damMedia.imageFileId, props.damWidth, props.damHeight)\n  }\n  return damImageIdToDamImageUrl(media.damMedia.imageFileId)\n}\n\nconst onDetailClick = () => {\n  if (resMedia.value?.damMedia.playable) {\n    dialog.value = true\n  }\n}\n\nconst onDialogClose = () => {\n  dialog.value = false\n}\n\nconst type = computed<DamAssetTypeType | null>(() => {\n  return resMedia.value?.damMedia.assetType === DamMediaType.Video ? DamAssetType.Video : DamAssetType.Audio\n})\n\nwatch(\n  [() => props.media],\n  async ([newMedia]) => {\n    resMedia.value = null\n    resolvedSrc.value = imagePlaceholderPath\n    if (newMedia) {\n      resMedia.value = cloneDeep(newMedia)\n      resolvedSrc.value = getImageUrl(newMedia)\n    }\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div\n    v-if=\"label\"\n    class=\"label-container\"\n  >\n    <h4 class=\"font-weight-bold text-label-large\">\n      {{ label }}\n    </h4>\n  </div>\n  <div\n    class=\"position-relative\"\n    :class=\"{ 'cursor-pointer': resMedia?.damMedia.playable }\"\n    @click.stop=\"onDetailClick\"\n  >\n    <img\n      v-if=\"useHtmlImg\"\n      alt=\"\"\n      :src=\"resolvedSrc\"\n      :width=\"width\"\n      :height=\"height\"\n      :class=\"widgetClass\"\n    />\n    <VImg\n      v-else\n      :lazy-src=\"imagePlaceholderPath\"\n      :src=\"resolvedSrc\"\n      :width=\"width\"\n      :height=\"height\"\n      cover\n      max-width=\"100%\"\n      class=\"disable-radius\"\n      :class=\"widgetClass\"\n      :aspect-ratio=\"disableAspectRatio ? undefined : aspectRatio\"\n    >\n      <template #error>\n        <div class=\"d-flex align-center justify-center h-100\">\n          <VIcon icon=\"mdi-alert-circle-outline\" />\n        </div>\n      </template>\n      <template #placeholder>\n        <div class=\"d-flex align-center justify-center h-100\">\n          <VProgressCircular\n            indeterminate\n            color=\"grey-lighten-4\"\n          />\n        </div>\n      </template>\n    </VImg>\n    <div\n      v-if=\"type\"\n      class=\"a-image-widget__icon\"\n    >\n      <div v-if=\"type === DamAssetType.Audio\">\n        <VIcon\n          size=\"80\"\n          icon=\"mdi-music\"\n          color=\"#505050\"\n        />\n      </div>\n      <div v-else-if=\"type === DamAssetType.Video\">\n        <VIcon\n          size=\"80\"\n          icon=\"mdi-video\"\n          color=\"#505050\"\n        />\n      </div>\n    </div>\n  </div>\n  <slot\n    name=\"append\"\n    :media=\"resMedia\"\n  />\n  <MediaWidgetSimpleDialog\n    v-model=\"dialog\"\n    :media=\"resMedia\"\n    @close=\"onDialogClose\"\n  >\n    <template #preview=\"{ media: appendMedia }\">\n      <slot\n        name=\"preview\"\n        :media=\"appendMedia\"\n      />\n    </template>\n  </MediaWidgetSimpleDialog>\n</template>\n\n<style lang=\"scss\" scoped>\n:deep(.v-img.disable-radius .v-img__img) {\n  border-radius: 0;\n}\n\n.label-container {\n  display: flex;\n  height: 32px;\n  align-items: center;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AMediaWidgetSimple.js","names":["_sfc_main","AMediaWidgetSimple_vue_vue_type_script_setup_true_lang_default","_plugin_vue_export_helper_default","AMediaWidgetSimple_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AMediaWidgetSimple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, ref, watch } from 'vue'\nimport imagePlaceholderPath from '@/assets/image/placeholder16x9.svg'\nimport { cloneDeep, isNull, isNumber } from '@/shared/utils/common'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { DamMediaType, type MediaAware } from '@/domains/dam/types/MediaAware'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport MediaWidgetSimpleDialog from '@/domains/dam/imageWidget/components/MediaWidgetSimpleDialog.vue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    media?: MediaAware | null | undefined // optional, render media instead of image\n    configName?: string\n    label?: string | undefined\n    width?: number | undefined\n    height?: undefined | number\n    disableAspectRatio?: boolean\n    aspectRatio?: number | string\n    showDescription?: boolean\n    showSource?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n    useHtmlImg?: boolean\n    widgetClass?: string | undefined\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    media: undefined,\n    width: undefined,\n    height: undefined,\n    disableAspectRatio: false,\n    aspectRatio: 1.777, // 16/9\n    showDescription: false,\n    showSource: false,\n    damWidth: undefined,\n    damHeight: undefined,\n    useHtmlImg: false,\n    widgetClass: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { damImageIdToDamImageUrl } = useImageActions(imageOptions)\n\nconst resMedia = ref<null | MediaAware>(null)\nconst resolvedSrc = ref('')\nconst dialog = ref(false)\n\nconst getImageUrl = (media: MediaAware) => {\n  if (isNull(media.damMedia.imageFileId)) return imagePlaceholderPath\n  if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n    return damImageIdToDamImageUrl(media.damMedia.imageFileId, props.damWidth, props.damHeight)\n  }\n  return damImageIdToDamImageUrl(media.damMedia.imageFileId)\n}\n\nconst onDetailClick = () => {\n  if (resMedia.value?.damMedia.playable) {\n    dialog.value = true\n  }\n}\n\nconst onDialogClose = () => {\n  dialog.value = false\n}\n\nconst type = computed<DamAssetTypeType | null>(() => {\n  return resMedia.value?.damMedia.assetType === DamMediaType.Video ? DamAssetType.Video : DamAssetType.Audio\n})\n\nwatch(\n  [() => props.media],\n  async ([newMedia]) => {\n    resMedia.value = null\n    resolvedSrc.value = imagePlaceholderPath\n    if (newMedia) {\n      resMedia.value = cloneDeep(newMedia)\n      resolvedSrc.value = getImageUrl(newMedia)\n    }\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div\n    v-if=\"label\"\n    class=\"label-container\"\n  >\n    <h4 class=\"font-weight-bold text-label-large\">\n      {{ label }}\n    </h4>\n  </div>\n  <div\n    class=\"position-relative\"\n    :class=\"{ 'cursor-pointer': resMedia?.damMedia.playable }\"\n    @click.stop=\"onDetailClick\"\n  >\n    <img\n      v-if=\"useHtmlImg\"\n      alt=\"\"\n      :src=\"resolvedSrc\"\n      :width=\"width\"\n      :height=\"height\"\n      :class=\"widgetClass\"\n    />\n    <VImg\n      v-else\n      :lazy-src=\"imagePlaceholderPath\"\n      :src=\"resolvedSrc\"\n      :width=\"width\"\n      :height=\"height\"\n      cover\n      max-width=\"100%\"\n      class=\"disable-radius\"\n      :class=\"widgetClass\"\n      :aspect-ratio=\"disableAspectRatio ? undefined : aspectRatio\"\n    >\n      <template #error>\n        <div class=\"d-flex align-center justify-center h-100\">\n          <VIcon icon=\"mdi-alert-circle-outline\" />\n        </div>\n      </template>\n      <template #placeholder>\n        <div class=\"d-flex align-center justify-center h-100\">\n          <VProgressCircular\n            indeterminate\n            color=\"grey-lighten-4\"\n          />\n        </div>\n      </template>\n    </VImg>\n    <div\n      v-if=\"type\"\n      class=\"a-image-widget__icon\"\n    >\n      <div v-if=\"type === DamAssetType.Audio\">\n        <VIcon\n          size=\"80\"\n          icon=\"mdi-music\"\n          color=\"#505050\"\n        />\n      </div>\n      <div v-else-if=\"type === DamAssetType.Video\">\n        <VIcon\n          size=\"80\"\n          icon=\"mdi-video\"\n          color=\"#505050\"\n        />\n      </div>\n    </div>\n  </div>\n  <slot\n    name=\"append\"\n    :media=\"resMedia\"\n  />\n  <MediaWidgetSimpleDialog\n    v-model=\"dialog\"\n    :media=\"resMedia\"\n    @close=\"onDialogClose\"\n  >\n    <template #preview=\"{ media: appendMedia }\">\n      <slot\n        name=\"preview\"\n        :media=\"appendMedia\"\n      />\n    </template>\n  </MediaWidgetSimpleDialog>\n</template>\n\n<style lang=\"scss\" scoped>\n:deep(.v-img.disable-radius .v-img__img) {\n  border-radius: 0;\n}\n\n.label-container {\n  display: flex;\n  height: 32px;\n  align-items: center;\n}\n</style>\n"],"mappings":""}

package/dist/domains/dam/imageWidget/components/AMediaWidgetSimple.vue.d.ts

@@ -14,36 +14,38 @@ type __VLS_Props = {
     useHtmlImg?: boolean;
     widgetClass?: string | undefined;
 };
-declare var __VLS_29: {
-    media: {
-        id?: import('../../../../lib').IntegerId | undefined;
-        damMedia: {
-            imageFileId: import('../../../../lib').DocIdNullable;
-            assetId: import('../../../../lib').DocIdNullable;
-            licenceId: import('../../../../lib').IntegerIdNullable;
-            assetType: import('../../types/MediaAware').DamMediaTypeType;
-            title: string;
-            description: string;
-            seriesName: string;
-            authorNames: string[];
-            publishedAt: import('../../../../lib').DatetimeUTCNullable;
-            duration: number;
-            mediaUrl: string | null;
-            playable: boolean;
-            syncedWithDam: boolean;
-            episodeName: string;
-            episodeNumber: number | null;
-        };
-        extService: "damVideo" | "damPodcast";
-    } | null;
-}, __VLS_40: {
-    media: MediaAware<import('../../types/MediaAware').DamMedia> | null;
-};
-type __VLS_Slots = {} & {
-    append?: (props: typeof __VLS_29) => any;
-} & {
-    preview?: (props: typeof __VLS_40) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        append?: (props: {
+            media: {
+                id?: import('../../../../lib').IntegerId | undefined;
+                damMedia: {
+                    imageFileId: import('../../../../lib').DocIdNullable;
+                    assetId: import('../../../../lib').DocIdNullable;
+                    licenceId: import('../../../../lib').IntegerIdNullable;
+                    assetType: import('../../types/MediaAware').DamMediaTypeType;
+                    title: string;
+                    description: string;
+                    seriesName: string;
+                    authorNames: string[];
+                    publishedAt: import('../../../../lib').DatetimeUTCNullable;
+                    duration: number;
+                    mediaUrl: string | null;
+                    playable: boolean;
+                    syncedWithDam: boolean;
+                    episodeName: string;
+                    episodeNumber: number | null;
+                };
+                extService: "damVideo" | "damPodcast";
+            } | null;
+        }) => any;
+    } & {
+        preview?: (props: {
+            media: MediaAware<import('../../types/MediaAware').DamMedia> | null;
+        }) => 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<{}>, {
     label: string;
     media: MediaAware<import('../../types/MediaAware').DamMedia> | null;

package/dist/domains/dam/imageWidget/components/AMediaWidgetSimple.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,16 @@
-import { cloneDeep as e, isNull as t, isNumber as n } from "../../../../shared/utils/common.js";
-import { DamAssetType as r } from "../../types/Asset.js";
-import { useDamConfigName as i } from "../../composables/damConfigName.js";
-import a from "../../../../assets/image/placeholder16x9.js";
-import { useCommonAdminImageOptions as o } from "../composables/commonAdminImageOptions.js";
-import { useImageActions as s } from "../composables/imageActions.js";
-import { DamMediaType as c } from "../../types/MediaAware.js";
-import l from "./MediaWidgetSimpleDialog.js";
+import e from "../../../../assets/image/placeholder16x9.js";
+import { cloneDeep as t, isNull as n, isNumber as r } from "../../../../shared/utils/common.js";
+import { useCommonAdminImageOptions as i } from "../composables/commonAdminImageOptions.js";
+import { useImageActions as a } from "../composables/imageActions.js";
+import { DamMediaType as o } from "../../types/MediaAware.js";
+import { DamAssetType as s } from "../../types/Asset.js";
+import c from "./MediaWidgetSimpleDialog.js";
+import { useDamConfigName as l } from "../../composables/damConfigName.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, ref as b, renderSlot as x, toDisplayString as S, unref as C, watch as w, withCtx as T, withModifiers as E } from "vue";
 import { VIcon as D } from "vuetify/components/VIcon";
 import { VProgressCircular as O } from "vuetify/components/VProgressCircular";
 import { VImg as k } from "vuetify/components/VImg";
-//#region src/domains/dam/imageWidget/components/AMediaWidgetSimple.vue?vue&type=script&setup=true&lang.ts
+// src/domains/dam/imageWidget/components/AMediaWidgetSimple.vue?vue&type=script&setup=true&lang.ts
 var A = {
 	key: 0,
 	class: "label-container"
@@ -51,14 +51,14 @@ var A = {
 		widgetClass: { default: void 0 }
 	},
 	setup(_) {
-		let R = _, z = i(R.configName), B = o(z), { damImageIdToDamImageUrl: V } = s(B), H = b(null), U = b(""), W = b(!1), G = (e) => t(e.damMedia.imageFileId) ? a : n(R.damWidth) && n(R.damHeight) ? V(e.damMedia.imageFileId, R.damWidth, R.damHeight) : V(e.damMedia.imageFileId), K = () => {
+		let R = _, z = l(R.configName), B = i(z), { damImageIdToDamImageUrl: V } = a(B), H = b(null), U = b(""), W = b(!1), G = (t) => n(t.damMedia.imageFileId) ? e : r(R.damWidth) && r(R.damHeight) ? V(t.damMedia.imageFileId, R.damWidth, R.damHeight) : V(t.damMedia.imageFileId), K = () => {
 			H.value?.damMedia.playable && (W.value = !0);
 		}, q = () => {
 			W.value = !1;
-		}, J = d(() => H.value?.damMedia.assetType === c.Video ? r.Video : r.Audio);
-		return w([() => R.media], async ([t]) => {
-			H.value = null, U.value = a, t && (H.value = e(t), U.value = G(t));
-		}, { immediate: !0 }), (e, t) => (y(), m(u, null, [
+		}, J = d(() => H.value?.damMedia.assetType === o.Video ? s.Video : s.Audio);
+		return w([() => R.media], async ([n]) => {
+			H.value = null, U.value = e, n && (H.value = t(n), U.value = G(n));
+		}, { immediate: !0 }), (t, n) => (y(), m(u, null, [
 			_.label ? (y(), m("div", A, [h("h4", j, S(_.label), 1)])) : p("", !0),
 			h("div", {
 				class: v(["position-relative", { "cursor-pointer": H.value?.damMedia.playable }]),
@@ -72,7 +72,7 @@ var A = {
 				class: v(_.widgetClass)
 			}, null, 10, M)) : (y(), f(k, {
 				key: 1,
-				"lazy-src": C(a),
+				"lazy-src": C(e),
 				src: U.value,
 				width: _.width,
 				height: _.height,
@@ -94,29 +94,28 @@ var A = {
 				"height",
 				"class",
 				"aspect-ratio"
-			])), J.value ? (y(), m("div", F, [J.value === C(r).Audio ? (y(), m("div", I, [g(D, {
+			])), J.value ? (y(), m("div", F, [J.value === C(s).Audio ? (y(), m("div", I, [g(D, {
 				size: "80",
 				icon: "mdi-music",
 				color: "#505050"
-			})])) : J.value === C(r).Video ? (y(), m("div", L, [g(D, {
+			})])) : J.value === C(s).Video ? (y(), m("div", L, [g(D, {
 				size: "80",
 				icon: "mdi-video",
 				color: "#505050"
 			})])) : p("", !0)])) : p("", !0)], 2),
-			x(e.$slots, "append", { media: H.value }, void 0, !0),
-			g(l, {
+			x(t.$slots, "append", { media: H.value }, void 0, !0),
+			g(c, {
 				modelValue: W.value,
-				"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
+				"onUpdate:modelValue": n[0] ||= (e) => W.value = e,
 				media: H.value,
 				onClose: q
 			}, {
-				preview: T(({ media: t }) => [x(e.$slots, "preview", { media: t }, void 0, !0)]),
+				preview: T(({ media: e }) => [x(t.$slots, "preview", { media: e }, void 0, !0)]),
 				_: 3
 			}, 8, ["modelValue", "media"])
 		], 64));
 	}
 });
-//#endregion
 export { R as default };
 
 //# sourceMappingURL=AMediaWidgetSimple.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDetailDialogMetadata.js","names":["_sfc_main","ImageDetailDialogMetadata_vue_vue_type_script_setup_true_lang_default","ImageDetailDialogMetadata_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageDetailDialogMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport { storeToRefs } from 'pinia'\nimport type { DocId } from '@/shared/types/common'\nimport { AImageMetadataValidationScopeSymbol, useImageValidation } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { computed } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport {\n  isImageCreateUpdateAware,\n  isMediaAware,\n  useImageMediaWidgetStore,\n} from '@/domains/dam/imageWidget/store/imageMediaWidgetStore'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport DamAdminAssetLink from '@/domains/dam/components/DamAdminAssetLink.vue'\nimport { isArray, isNull } from '@/shared/utils/common'\nimport { DamMediaType } from '@/domains/dam/types/MediaAware'\nimport { createDamImage } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    saving: boolean\n    loading: boolean\n    expand?: boolean\n    /** The authors of the DAM are offered in place of the source: those of the asset the widget holds for the image. */\n    showDamAuthors?: boolean\n    /** The authors picked so far, while they are offered. */\n    damAuthors?: DocId[]\n    showSourceEnabled?: boolean\n    sourceLabel?: string\n    editAssetLabel?: string\n    /** What the dialog is opened for, known before anything loads: its title says it. */\n    type?: DamAssetTypeType\n  }>(),\n  {\n    expand: false,\n    showDamAuthors: false,\n    damAuthors: () => [],\n    showSourceEnabled: true,\n    sourceLabel: undefined,\n    editAssetLabel: undefined,\n    type: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editAsset', data: DocId): void\n  (e: 'update:damAuthors', data: DocId[]): void\n  (e: 'confirm'): void\n  (e: 'close'): void\n}>()\n\nconst { t } = useI18n()\nconst { mdAndDown } = useDisplay()\nconst imageMediaWidgetStore = useImageMediaWidgetStore()\nconst { detail } = storeToRefs(imageMediaWidgetStore)\nconst assetDetailStore = useAssetDetailStore()\nconst { authorConflicts } = storeToRefs(assetDetailStore)\nconst damConfigName = useDamConfigName()\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst detailType = computed<DamAssetTypeType | null>(() => {\n  if (isMediaAware(detail.value)) {\n    return detail.value.damMedia.assetType === DamMediaType.Video ? DamAssetType.Video : DamAssetType.Audio\n  } else if (isImageCreateUpdateAware(detail.value)) {\n    return DamAssetType.Image\n  }\n  return null\n})\n// The title says what the dialog edits, the same while it loads, waits and saves. Taken from the detail, which is empty\n// till what the dialog loads for comes, it said \"edit medium\" over the loading of an image, and changed as it came.\nconst titleType = computed(() => props.type ?? detailType.value)\n\nconst imageSourceRequired = computed(() => {\n  return !props.showDamAuthors\n})\n\nconst imageMedia = computed<ImageCreateUpdateAware | undefined>(() => {\n  if (!isMediaAware(detail.value) || isNull(detail.value.damMedia.imageFileId)) return undefined\n\n  return createDamImage(\n    { fileId: detail.value.damMedia.imageFileId, licenceId: detail.value.damMedia.licenceId! },\n    {},\n    { showSource: false }\n  )\n})\n\nconst { v$ } = useImageValidation(detail, imageSourceRequired, damConfigName)\n\nconst { showValidationError } = useAlerts()\n\nconst onConfirm = () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('confirm')\n}\n\nconst onDialogModelUpdate = (newValue: boolean) => {\n  if (newValue) return\n  emit('close')\n}\n\nconst onEditAsset = () => {\n  if (!isImageCreateUpdateAware(detail.value)) return\n  emit('editAsset', detail.value.dam.damId)\n}\n\n// The input takes several authors: what it hands over is their list.\nconst onDamAuthorsUpdate = (authors: DocId | null | DocId[]) => {\n  emit('update:damAuthors', isArray(authors) ? authors : [])\n}\n\ndefineExpose({\n  confirm: onConfirm,\n})\n</script>\n\n<template>\n  <div v-if=\"expand\">\n    <VRow v-if=\"loading\">\n      <VCol>\n        <div class=\"d-flex align-center justify-center\">\n          <VProgressCircular indeterminate />\n        </div>\n      </VCol>\n    </VRow>\n    <template v-if=\"isImageCreateUpdateAware(detail)\">\n      <VRow>\n        <VCol>\n          <VBtn @click.stop=\"onEditAsset\">\n            {{ editAssetLabel }}\n          </VBtn>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol>\n          <AFormTextarea\n            v-model=\"detail.texts.description\"\n            :label=\"t('common.damImage.image.model.texts.description')\"\n            :help=\"t('common.damImage.image.help.texts.description')\"\n            :v=\"v$.image?.texts.description\"\n          />\n        </VCol>\n      </VRow>\n      <VRow v-if=\"showDamAuthors\">\n        <VCol>\n          <ASystemEntityScope\n            subject=\"author\"\n            system=\"dam\"\n          >\n            <AuthorRemoteAutocompleteWithCached\n              :model-value=\"damAuthors\"\n              :ext-system=\"cachedExtSystemId\"\n              :label=\"t('common.damImage.asset.model.authors')\"\n              :author-conflicts=\"authorConflicts\"\n              data-cy=\"custom-field-authors\"\n              clearable\n              multiple\n              :validation-scope=\"AImageMetadataValidationScopeSymbol\"\n              @update:model-value=\"onDamAuthorsUpdate\"\n            />\n          </ASystemEntityScope>\n        </VCol>\n      </VRow>\n      <VRow v-else>\n        <VCol>\n          <AFormTextarea\n            v-model=\"detail.texts.source\"\n            :label=\"sourceLabel\"\n            :v=\"v$.image?.texts.source\"\n          />\n        </VCol>\n      </VRow>\n      <VRow v-if=\"showSourceEnabled\">\n        <VCol>\n          <VSwitch\n            v-model=\"detail.flags.showSource\"\n            :label=\"t('common.damImage.image.model.flags.showSource')\"\n            density=\"compact\"\n            hide-details\n          />\n        </VCol>\n      </VRow>\n    </template>\n    <template v-else-if=\"isMediaAware(detail)\">\n      <div>\n        {{ detail.damMedia }}\n      </div>\n    </template>\n  </div>\n  <VDialog\n    v-else\n    :model-value=\"modelValue\"\n    :max-width=\"500\"\n    :fullscreen=\"mdAndDown\"\n    eager\n    @update:model-value=\"onDialogModelUpdate\"\n  >\n    <VCard v-if=\"modelValue\">\n      <ADialogToolbar @cancel=\"onDialogModelUpdate(false)\">\n        {{\n          titleType === DamAssetType.Image ? t('common.damImage.image.meta.edit') : t('common.damImage.media.meta.edit')\n        }}\n      </ADialogToolbar>\n      <VCardText>\n        <div\n          v-if=\"loading\"\n          class=\"d-flex align-center justify-center\"\n        >\n          <VProgressCircular indeterminate />\n        </div>\n        <div\n          v-else-if=\"isImageCreateUpdateAware(detail)\"\n          class=\"position-relative\"\n        >\n          <div class=\"my-4\">\n            <AImageWidgetSimple\n              :model-value=\"detail.id\"\n              :image=\"detail\"\n            />\n          </div>\n          <VRow>\n            <VCol>\n              <VBtn @click.stop=\"onEditAsset\">\n                {{ editAssetLabel }}\n              </VBtn>\n            </VCol>\n          </VRow>\n          <VRow>\n            <VCol>\n              <AFormTextarea\n                v-model=\"detail.texts.description\"\n                :label=\"t('common.damImage.image.model.texts.description')\"\n                :help=\"t('common.damImage.image.help.texts.description')\"\n                :v=\"v$.image?.texts.description\"\n              />\n            </VCol>\n          </VRow>\n          <VRow v-if=\"showDamAuthors\">\n            <VCol>\n              <ASystemEntityScope\n                subject=\"author\"\n                system=\"dam\"\n              >\n                <AuthorRemoteAutocompleteWithCached\n                  :model-value=\"damAuthors\"\n                  :ext-system=\"cachedExtSystemId\"\n                  :label=\"t('common.damImage.asset.model.authors')\"\n                  :author-conflicts=\"authorConflicts\"\n                  data-cy=\"custom-field-authors\"\n                  clearable\n                  multiple\n                  :validation-scope=\"AImageMetadataValidationScopeSymbol\"\n                  @update:model-value=\"onDamAuthorsUpdate\"\n                />\n              </ASystemEntityScope>\n            </VCol>\n          </VRow>\n          <VRow v-else>\n            <VCol>\n              <AFormTextarea\n                v-model=\"detail.texts.source\"\n                :label=\"sourceLabel\"\n                :v=\"v$.image?.texts.source\"\n              />\n            </VCol>\n          </VRow>\n          <VRow v-if=\"showSourceEnabled\">\n            <VCol>\n              <VSwitch\n                v-model=\"detail.flags.showSource\"\n                :label=\"t('common.damImage.image.model.flags.showSource')\"\n                density=\"compact\"\n                hide-details\n              />\n            </VCol>\n          </VRow>\n        </div>\n        <div\n          v-else-if=\"isMediaAware(detail)\"\n          class=\"position-relative\"\n        >\n          <div class=\"my-4\">\n            <h4 class=\"font-weight-bold text-label-large\">{{ t('common.damImage.media.meta.preview') }}:</h4>\n            <slot\n              name=\"preview\"\n              :image-media=\"detail\"\n            />\n            <AImageWidgetSimple\n              v-if=\"!detail.damMedia.playable\"\n              :model-value=\"null\"\n              :image=\"imageMedia\"\n            />\n          </div>\n          <VRow>\n            <VCol>\n              <DamAdminAssetLink :asset-id=\"detail.damMedia.assetId\" />\n            </VCol>\n          </VRow>\n          <div\n            v-if=\"!detail.damMedia.playable\"\n            class=\"my-2 text-warning text-body-small\"\n          >\n            <VIcon\n              icon=\"mdi-movie-off-outline\"\n              class=\"mr-1\"\n              size=\"small\"\n            />{{ t('common.damImage.media.meta.notPlayable') }}\n          </div>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.title')\">\n            {{ detail.damMedia.title }}\n          </ARow>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.authorNames')\">\n            {{ detail.damMedia.authorNames.join(', ') }}\n          </ARow>\n          <template v-if=\"detail.damMedia.assetType === 'audio'\">\n            <ARow :title=\"t('common.damImage.media.model.damMedia.seriesName')\">\n              {{ detail.damMedia.seriesName }}\n            </ARow>\n            <ARow :title=\"t('common.damImage.media.model.damMedia.episodeName')\">\n              {{ detail.damMedia.episodeName }}\n            </ARow>\n            <ARow :title=\"t('common.damImage.media.model.damMedia.episodeNumber')\">\n              {{ detail.damMedia.episodeNumber }}\n            </ARow>\n          </template>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.assetId')\">\n            {{ detail.damMedia.assetId }}\n          </ARow>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.licenceId')\">\n            {{ detail.damMedia.licenceId }}\n          </ARow>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnPrimary\n          :loading=\"saving\"\n          :disabled=\"loading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ t('common.button.confirm') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ImageDetailDialogMetadata.js","names":["_sfc_main","ImageDetailDialogMetadata_vue_vue_type_script_setup_true_lang_default","ImageDetailDialogMetadata_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageDetailDialogMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport { storeToRefs } from 'pinia'\nimport type { DocId } from '@/shared/types/common'\nimport { AImageMetadataValidationScopeSymbol, useImageValidation } from '@/domains/dam/composables/uploadValidations'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { computed } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport {\n  isImageCreateUpdateAware,\n  isMediaAware,\n  useImageMediaWidgetStore,\n} from '@/domains/dam/imageWidget/store/imageMediaWidgetStore'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport DamAdminAssetLink from '@/domains/dam/components/DamAdminAssetLink.vue'\nimport { isArray, isNull } from '@/shared/utils/common'\nimport { DamMediaType } from '@/domains/dam/types/MediaAware'\nimport { createDamImage } from '@/domains/dam/imageWidget/utils/damImage'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: boolean\n    saving: boolean\n    loading: boolean\n    expand?: boolean\n    /** Offers DAM authors instead of the source. They are the authors of the asset the widget holds for the image. */\n    showDamAuthors?: boolean\n    /** Authors picked so far, used while `showDamAuthors` is on. */\n    damAuthors?: DocId[]\n    showSourceEnabled?: boolean\n    sourceLabel?: string\n    editAssetLabel?: string\n    /** Asset type the dialog is opened for, known before loading. Used for the title. */\n    type?: DamAssetTypeType\n  }>(),\n  {\n    expand: false,\n    showDamAuthors: false,\n    damAuthors: () => [],\n    showSourceEnabled: true,\n    sourceLabel: undefined,\n    editAssetLabel: undefined,\n    type: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editAsset', data: DocId): void\n  (e: 'update:damAuthors', data: DocId[]): void\n  (e: 'confirm'): void\n  (e: 'close'): void\n}>()\n\nconst { t } = useI18n()\nconst { mdAndDown } = useDisplay()\nconst imageMediaWidgetStore = useImageMediaWidgetStore()\nconst { detail } = storeToRefs(imageMediaWidgetStore)\nconst assetDetailStore = useAssetDetailStore()\nconst { authorConflicts } = storeToRefs(assetDetailStore)\nconst damConfigName = useDamConfigName()\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst detailType = computed<DamAssetTypeType | null>(() => {\n  if (isMediaAware(detail.value)) {\n    return detail.value.damMedia.assetType === DamMediaType.Video ? DamAssetType.Video : DamAssetType.Audio\n  } else if (isImageCreateUpdateAware(detail.value)) {\n    return DamAssetType.Image\n  }\n  return null\n})\n// The title must stay the same while loading, waiting and saving.\n// The detail is empty until loaded, so taking the type from it showed \"edit medium\" while an image loaded.\nconst titleType = computed(() => props.type ?? detailType.value)\n\nconst imageSourceRequired = computed(() => {\n  return !props.showDamAuthors\n})\n\nconst imageMedia = computed<ImageCreateUpdateAware | undefined>(() => {\n  if (!isMediaAware(detail.value) || isNull(detail.value.damMedia.imageFileId)) return undefined\n\n  return createDamImage(\n    { fileId: detail.value.damMedia.imageFileId, licenceId: detail.value.damMedia.licenceId! },\n    {},\n    { showSource: false }\n  )\n})\n\nconst { v$ } = useImageValidation(detail, imageSourceRequired, damConfigName)\n\nconst { showValidationError } = useAlerts()\n\nconst onConfirm = () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  emit('confirm')\n}\n\nconst onDialogModelUpdate = (newValue: boolean) => {\n  if (newValue) return\n  emit('close')\n}\n\nconst onEditAsset = () => {\n  if (!isImageCreateUpdateAware(detail.value)) return\n  emit('editAsset', detail.value.dam.damId)\n}\n\nconst onDamAuthorsUpdate = (authors: DocId | null | DocId[]) => {\n  emit('update:damAuthors', isArray(authors) ? authors : [])\n}\n\ndefineExpose({\n  confirm: onConfirm,\n})\n</script>\n\n<template>\n  <div v-if=\"expand\">\n    <VRow v-if=\"loading\">\n      <VCol>\n        <div class=\"d-flex align-center justify-center\">\n          <VProgressCircular indeterminate />\n        </div>\n      </VCol>\n    </VRow>\n    <template v-if=\"isImageCreateUpdateAware(detail)\">\n      <VRow>\n        <VCol>\n          <VBtn @click.stop=\"onEditAsset\">\n            {{ editAssetLabel }}\n          </VBtn>\n        </VCol>\n      </VRow>\n      <VRow>\n        <VCol>\n          <AFormTextarea\n            v-model=\"detail.texts.description\"\n            :label=\"t('common.damImage.image.model.texts.description')\"\n            :help=\"t('common.damImage.image.help.texts.description')\"\n            :v=\"v$.image?.texts.description\"\n          />\n        </VCol>\n      </VRow>\n      <VRow v-if=\"showDamAuthors\">\n        <VCol>\n          <ASystemEntityScope\n            subject=\"author\"\n            system=\"dam\"\n          >\n            <AuthorRemoteAutocompleteWithCached\n              :model-value=\"damAuthors\"\n              :ext-system=\"cachedExtSystemId\"\n              :label=\"t('common.damImage.asset.model.authors')\"\n              :author-conflicts=\"authorConflicts\"\n              data-cy=\"custom-field-authors\"\n              clearable\n              multiple\n              :validation-scope=\"AImageMetadataValidationScopeSymbol\"\n              @update:model-value=\"onDamAuthorsUpdate\"\n            />\n          </ASystemEntityScope>\n        </VCol>\n      </VRow>\n      <VRow v-else>\n        <VCol>\n          <AFormTextarea\n            v-model=\"detail.texts.source\"\n            :label=\"sourceLabel\"\n            :v=\"v$.image?.texts.source\"\n          />\n        </VCol>\n      </VRow>\n      <VRow v-if=\"showSourceEnabled\">\n        <VCol>\n          <VSwitch\n            v-model=\"detail.flags.showSource\"\n            :label=\"t('common.damImage.image.model.flags.showSource')\"\n            density=\"compact\"\n            hide-details\n          />\n        </VCol>\n      </VRow>\n    </template>\n    <template v-else-if=\"isMediaAware(detail)\">\n      <div>\n        {{ detail.damMedia }}\n      </div>\n    </template>\n  </div>\n  <VDialog\n    v-else\n    :model-value=\"modelValue\"\n    :max-width=\"500\"\n    :fullscreen=\"mdAndDown\"\n    eager\n    @update:model-value=\"onDialogModelUpdate\"\n  >\n    <VCard v-if=\"modelValue\">\n      <ADialogToolbar @cancel=\"onDialogModelUpdate(false)\">\n        {{\n          titleType === DamAssetType.Image ? t('common.damImage.image.meta.edit') : t('common.damImage.media.meta.edit')\n        }}\n      </ADialogToolbar>\n      <VCardText>\n        <div\n          v-if=\"loading\"\n          class=\"d-flex align-center justify-center\"\n        >\n          <VProgressCircular indeterminate />\n        </div>\n        <div\n          v-else-if=\"isImageCreateUpdateAware(detail)\"\n          class=\"position-relative\"\n        >\n          <div class=\"my-4\">\n            <AImageWidgetSimple\n              :model-value=\"detail.id\"\n              :image=\"detail\"\n            />\n          </div>\n          <VRow>\n            <VCol>\n              <VBtn @click.stop=\"onEditAsset\">\n                {{ editAssetLabel }}\n              </VBtn>\n            </VCol>\n          </VRow>\n          <VRow>\n            <VCol>\n              <AFormTextarea\n                v-model=\"detail.texts.description\"\n                :label=\"t('common.damImage.image.model.texts.description')\"\n                :help=\"t('common.damImage.image.help.texts.description')\"\n                :v=\"v$.image?.texts.description\"\n              />\n            </VCol>\n          </VRow>\n          <VRow v-if=\"showDamAuthors\">\n            <VCol>\n              <ASystemEntityScope\n                subject=\"author\"\n                system=\"dam\"\n              >\n                <AuthorRemoteAutocompleteWithCached\n                  :model-value=\"damAuthors\"\n                  :ext-system=\"cachedExtSystemId\"\n                  :label=\"t('common.damImage.asset.model.authors')\"\n                  :author-conflicts=\"authorConflicts\"\n                  data-cy=\"custom-field-authors\"\n                  clearable\n                  multiple\n                  :validation-scope=\"AImageMetadataValidationScopeSymbol\"\n                  @update:model-value=\"onDamAuthorsUpdate\"\n                />\n              </ASystemEntityScope>\n            </VCol>\n          </VRow>\n          <VRow v-else>\n            <VCol>\n              <AFormTextarea\n                v-model=\"detail.texts.source\"\n                :label=\"sourceLabel\"\n                :v=\"v$.image?.texts.source\"\n              />\n            </VCol>\n          </VRow>\n          <VRow v-if=\"showSourceEnabled\">\n            <VCol>\n              <VSwitch\n                v-model=\"detail.flags.showSource\"\n                :label=\"t('common.damImage.image.model.flags.showSource')\"\n                density=\"compact\"\n                hide-details\n              />\n            </VCol>\n          </VRow>\n        </div>\n        <div\n          v-else-if=\"isMediaAware(detail)\"\n          class=\"position-relative\"\n        >\n          <div class=\"my-4\">\n            <h4 class=\"font-weight-bold text-label-large\">{{ t('common.damImage.media.meta.preview') }}:</h4>\n            <slot\n              name=\"preview\"\n              :image-media=\"detail\"\n            />\n            <AImageWidgetSimple\n              v-if=\"!detail.damMedia.playable\"\n              :model-value=\"null\"\n              :image=\"imageMedia\"\n            />\n          </div>\n          <VRow>\n            <VCol>\n              <DamAdminAssetLink :asset-id=\"detail.damMedia.assetId\" />\n            </VCol>\n          </VRow>\n          <div\n            v-if=\"!detail.damMedia.playable\"\n            class=\"my-2 text-warning text-body-small\"\n          >\n            <VIcon\n              icon=\"mdi-movie-off-outline\"\n              class=\"mr-1\"\n              size=\"small\"\n            />{{ t('common.damImage.media.meta.notPlayable') }}\n          </div>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.title')\">\n            {{ detail.damMedia.title }}\n          </ARow>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.authorNames')\">\n            {{ detail.damMedia.authorNames.join(', ') }}\n          </ARow>\n          <template v-if=\"detail.damMedia.assetType === 'audio'\">\n            <ARow :title=\"t('common.damImage.media.model.damMedia.seriesName')\">\n              {{ detail.damMedia.seriesName }}\n            </ARow>\n            <ARow :title=\"t('common.damImage.media.model.damMedia.episodeName')\">\n              {{ detail.damMedia.episodeName }}\n            </ARow>\n            <ARow :title=\"t('common.damImage.media.model.damMedia.episodeNumber')\">\n              {{ detail.damMedia.episodeNumber }}\n            </ARow>\n          </template>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.assetId')\">\n            {{ detail.damMedia.assetId }}\n          </ARow>\n          <ARow :title=\"t('common.damImage.media.model.damMedia.licenceId')\">\n            {{ detail.damMedia.licenceId }}\n          </ARow>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnPrimary\n          :loading=\"saving\"\n          :disabled=\"loading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ t('common.button.confirm') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}

package/dist/domains/dam/imageWidget/components/ImageDetailDialogMetadata.vue.d.ts

@@ -5,42 +5,44 @@ type __VLS_Props = {
     saving: boolean;
     loading: boolean;
     expand?: boolean;
-    /** The authors of the DAM are offered in place of the source: those of the asset the widget holds for the image. */
+    /** Offers DAM authors instead of the source. They are the authors of the asset the widget holds for the image. */
     showDamAuthors?: boolean;
-    /** The authors picked so far, while they are offered. */
+    /** Authors picked so far, used while `showDamAuthors` is on. */
     damAuthors?: DocId[];
     showSourceEnabled?: boolean;
     sourceLabel?: string;
     editAssetLabel?: string;
-    /** What the dialog is opened for, known before anything loads: its title says it. */
+    /** Asset type the dialog is opened for, known before loading. Used for the title. */
     type?: DamAssetTypeType;
 };
-declare var __VLS_248: {
-    imageMedia: {
-        id?: import('../../../../shared/types/common').IntegerId | undefined;
-        damMedia: {
-            imageFileId: import('../../../../shared/types/common').DocIdNullable;
-            assetId: import('../../../../shared/types/common').DocIdNullable;
-            licenceId: import('../../../../shared/types/common').IntegerIdNullable;
-            assetType: import('../../types/MediaAware').DamMediaTypeType;
-            title: string;
-            description: string;
-            seriesName: string;
-            authorNames: string[];
-            publishedAt: import('../../../../shared/types/common').DatetimeUTCNullable;
-            duration: number;
-            mediaUrl: string | null;
-            playable: boolean;
-            syncedWithDam: boolean;
-            episodeName: string;
-            episodeNumber: number | null;
-        };
-        extService: "damVideo" | "damPodcast";
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        preview?: (props: {
+            imageMedia: {
+                id?: import('../../../../shared/types/common').IntegerId | undefined;
+                damMedia: {
+                    imageFileId: import('../../../../shared/types/common').DocIdNullable;
+                    assetId: import('../../../../shared/types/common').DocIdNullable;
+                    licenceId: import('../../../../shared/types/common').IntegerIdNullable;
+                    assetType: import('../../types/MediaAware').DamMediaTypeType;
+                    title: string;
+                    description: string;
+                    seriesName: string;
+                    authorNames: string[];
+                    publishedAt: import('../../../../shared/types/common').DatetimeUTCNullable;
+                    duration: number;
+                    mediaUrl: string | null;
+                    playable: boolean;
+                    syncedWithDam: boolean;
+                    episodeName: string;
+                    episodeNumber: number | null;
+                };
+                extService: "damVideo" | "damPodcast";
+            };
+        }) => any;
     };
 };
-type __VLS_Slots = {} & {
-    preview?: (props: typeof __VLS_248) => any;
-};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     confirm: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {