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

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

@@ -0,0 +1,122 @@
+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 { 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
+var A = {
+	key: 0,
+	class: "label-container"
+}, j = { class: "font-weight-bold text-label-large" }, M = [
+	"src",
+	"width",
+	"height"
+], N = { class: "d-flex align-center justify-center h-100" }, P = { class: "d-flex align-center justify-center h-100" }, F = {
+	key: 2,
+	class: "a-image-widget__icon"
+}, I = { key: 0 }, L = { key: 1 }, R = /*@__PURE__*/ _({
+	__name: "AMediaWidgetSimple",
+	props: {
+		media: { default: void 0 },
+		configName: { default: void 0 },
+		label: { default: void 0 },
+		width: { default: void 0 },
+		height: { default: void 0 },
+		disableAspectRatio: {
+			type: Boolean,
+			default: !1
+		},
+		aspectRatio: { default: 1.777 },
+		showDescription: {
+			type: Boolean,
+			default: !1
+		},
+		showSource: {
+			type: Boolean,
+			default: !1
+		},
+		damWidth: { default: void 0 },
+		damHeight: { default: void 0 },
+		useHtmlImg: {
+			type: Boolean,
+			default: !1
+		},
+		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 = () => {
+			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, [
+			_.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 }]),
+				onClick: E(K, ["stop"])
+			}, [_.useHtmlImg ? (y(), m("img", {
+				key: 0,
+				alt: "",
+				src: U.value,
+				width: _.width,
+				height: _.height,
+				class: v(_.widgetClass)
+			}, null, 10, M)) : (y(), f(k, {
+				key: 1,
+				"lazy-src": C(a),
+				src: U.value,
+				width: _.width,
+				height: _.height,
+				cover: "",
+				"max-width": "100%",
+				class: v(["disable-radius", _.widgetClass]),
+				"aspect-ratio": _.disableAspectRatio ? void 0 : _.aspectRatio
+			}, {
+				error: T(() => [h("div", N, [g(D, { icon: "mdi-alert-circle-outline" })])]),
+				placeholder: T(() => [h("div", P, [g(O, {
+					indeterminate: "",
+					color: "grey-lighten-4"
+				})])]),
+				_: 1
+			}, 8, [
+				"lazy-src",
+				"src",
+				"width",
+				"height",
+				"class",
+				"aspect-ratio"
+			])), J.value ? (y(), m("div", F, [J.value === C(r).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, {
+				size: "80",
+				icon: "mdi-video",
+				color: "#505050"
+			})])) : p("", !0)])) : p("", !0)], 2),
+			x(e.$slots, "append", { media: H.value }, void 0, !0),
+			g(l, {
+				modelValue: W.value,
+				"onUpdate:modelValue": t[0] ||= (e) => W.value = e,
+				media: H.value,
+				onClose: q
+			}, {
+				preview: T(({ media: t }) => [x(e.$slots, "preview", { media: t }, 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/AMediaWidgetSimple.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AMediaWidgetSimple.vue_vue_type_script_setup_true_lang.js","names":["imagePlaceholderPath","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_createCommentVNode","_normalizeClass","_withModifiers","_createBlock","_component_VImg","_unref","_withCtx","_createVNode","_component_VIcon","_component_VProgressCircular","_renderSlot","MediaWidgetSimpleDialog","placeholder16x9_default","MediaWidgetSimpleDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","AMediaWidgetSimple_vue_vue_type_script_setup_true_lang_default","props","__props","damConfigName","useDamConfigName","imageOptions","useCommonAdminImageOptions","useImageActions","resMedia","ref","resolvedSrc","dialog","getImageUrl","isNull","media","isNumber","damImageIdToDamImageUrl","onDetailClick","onDialogClose","type","computed","DamMediaType","DamAssetType","watch","newMedia","cloneDeep","openBlock","createElementBlock","Fragment","createElementVNode","toDisplayString","createCommentVNode","normalizeClass","withModifiers","createBlock","VImg","unref","withCtx","createVNode","VIcon","VProgressCircular","renderSlot","_ctx","_cache","$event","appendMedia"],"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":"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"}

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

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

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

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

@@ -0,0 +1,72 @@
+import { DocId } from '../../../../shared/types/common';
+import { DamAssetTypeType } from '../../types/Asset';
+type __VLS_Props = {
+    modelValue: boolean;
+    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. */
+    showDamAuthors?: boolean;
+    /** The authors picked so far, while they are offered. */
+    damAuthors?: DocId[];
+    showSourceEnabled?: boolean;
+    sourceLabel?: string;
+    editAssetLabel?: string;
+    /** What the dialog is opened for, known before anything loads: its title says it. */
+    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";
+    };
+};
+type __VLS_Slots = {} & {
+    preview?: (props: typeof __VLS_248) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    confirm: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    confirm: () => any;
+    editAsset: (data: string) => any;
+    "update:damAuthors": (data: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+    onEditAsset?: ((data: string) => any) | undefined;
+    "onUpdate:damAuthors"?: ((data: string[]) => any) | undefined;
+}>, {
+    type: DamAssetTypeType;
+    expand: boolean;
+    editAssetLabel: string;
+    sourceLabel: string;
+    showDamAuthors: boolean;
+    damAuthors: string[];
+    showSourceEnabled: boolean;
+}, {}, {}, {}, 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/imageWidget/components/ImageDetailDialogMetadata.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,362 @@
+import e from "../../../ui/components/ARow.js";
+import { isArray as t, isNull as n } from "../../../../shared/utils/common.js";
+import r from "../../../form/components/AFormTextarea.js";
+import i from "../../../form/components/ASystemEntityScope.js";
+import ee from "../../../ui/components/ADialogToolbar.js";
+import { useAlerts as a } from "../../../system/composables/alerts.js";
+import { DamAssetType as o } from "../../types/Asset.js";
+import { useDamConfigName as te } from "../../composables/damConfigName.js";
+import { useAssetDetailStore as ne } from "../../assetDetail/store/assetDetailStore.js";
+import { useExtSystemIdForCached as re } from "../../composables/extSystemIdForCached.js";
+import { isImageCreateUpdateAware as s, isMediaAware as c, useImageMediaWidgetStore as l } from "../store/imageMediaWidgetStore.js";
+import { AImageMetadataValidationScopeSymbol as u, useImageValidation as d } from "../../composables/uploadValidations.js";
+import f from "../../author/components/AuthorRemoteAutocompleteWithCached.js";
+import { createDamImage as p } from "../utils/damImage.js";
+import m from "./AImageWidgetSimple.js";
+import ie from "../../components/DamAdminAssetLink.js";
+import { DamMediaType as ae } from "../../types/MediaAware.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, openBlock as w, renderSlot as oe, resolveComponent as se, toDisplayString as T, unref as E, withCtx as D, withModifiers as O } from "vue";
+import { useI18n as ce } from "vue-i18n";
+import { VCol as k, VRow as A, VSpacer as le } from "vuetify/components/VGrid";
+import { VIcon as ue } from "vuetify/components/VIcon";
+import { VProgressCircular as j } from "vuetify/components/VProgressCircular";
+import { VCard as de, VCardActions as fe, VCardText as pe } from "vuetify/components/VCard";
+import { useDisplay as me } from "vuetify";
+import { VBtn as M } from "vuetify/components/VBtn";
+import { VDialog as N } from "vuetify/components/VDialog";
+import { VSwitch as P } from "vuetify/components/VSwitch";
+import { storeToRefs as F } from "pinia";
+//#region src/domains/dam/imageWidget/components/ImageDetailDialogMetadata.vue?vue&type=script&setup=true&lang.ts
+var I = { key: 0 }, L = { class: "d-flex align-center justify-center" }, R = { key: 2 }, z = {
+	key: 0,
+	class: "d-flex align-center justify-center"
+}, he = {
+	key: 1,
+	class: "position-relative"
+}, ge = { class: "my-4" }, _e = {
+	key: 2,
+	class: "position-relative"
+}, ve = { class: "my-4" }, ye = { class: "font-weight-bold text-label-large" }, be = {
+	key: 0,
+	class: "my-2 text-warning text-body-small"
+}, B = /*@__PURE__*/ C({
+	__name: "ImageDetailDialogMetadata",
+	props: {
+		modelValue: { type: Boolean },
+		saving: { type: Boolean },
+		loading: { type: Boolean },
+		expand: {
+			type: Boolean,
+			default: !1
+		},
+		showDamAuthors: {
+			type: Boolean,
+			default: !1
+		},
+		damAuthors: { default: () => [] },
+		showSourceEnabled: {
+			type: Boolean,
+			default: !0
+		},
+		sourceLabel: { default: void 0 },
+		editAssetLabel: { default: void 0 },
+		type: { default: void 0 }
+	},
+	emits: [
+		"editAsset",
+		"update:damAuthors",
+		"confirm",
+		"close"
+	],
+	setup(C, { expose: B, emit: xe }) {
+		let V = C, H = xe, { t: U } = ce(), { mdAndDown: Se } = me(), Ce = l(), { detail: W } = F(Ce), we = ne(), { authorConflicts: G } = F(we), K = te(), { cachedExtSystemId: q } = re(K), Te = g(() => c(W.value) ? W.value.damMedia.assetType === ae.Video ? o.Video : o.Audio : s(W.value) ? o.Image : null), Ee = g(() => V.type ?? Te.value), J = g(() => !V.showDamAuthors), De = g(() => {
+			if (c(W.value) && !n(W.value.damMedia.imageFileId)) return p({
+				fileId: W.value.damMedia.imageFileId,
+				licenceId: W.value.damMedia.licenceId
+			}, {}, { showSource: !1 });
+		}), { v$: Y } = d(W, J, K), { showValidationError: Oe } = a(), X = () => {
+			Y.value.$touch(), Y.value.$invalid ? Oe() : H("confirm");
+		}, Z = (e) => {
+			e || H("close");
+		}, Q = () => {
+			s(W.value) && H("editAsset", W.value.dam.damId);
+		}, $ = (e) => {
+			H("update:damAuthors", t(e) ? e : []);
+		};
+		return B({ confirm: X }), (t, n) => {
+			let a = se("ABtnPrimary");
+			return C.expand ? (w(), y("div", I, [C.loading ? (w(), _(A, { key: 0 }, {
+				default: D(() => [S(k, null, {
+					default: D(() => [b("div", L, [S(j, { indeterminate: "" })])]),
+					_: 1
+				})]),
+				_: 1
+			})) : v("", !0), E(s)(E(W)) ? (w(), y(h, { key: 1 }, [
+				S(A, null, {
+					default: D(() => [S(k, null, {
+						default: D(() => [S(M, { onClick: O(Q, ["stop"]) }, {
+							default: D(() => [x(T(C.editAssetLabel), 1)]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				S(A, null, {
+					default: D(() => [S(k, null, {
+						default: D(() => [S(r, {
+							modelValue: E(W).texts.description,
+							"onUpdate:modelValue": n[0] ||= (e) => E(W).texts.description = e,
+							label: E(U)("common.damImage.image.model.texts.description"),
+							help: E(U)("common.damImage.image.help.texts.description"),
+							v: E(Y).image?.texts.description
+						}, null, 8, [
+							"modelValue",
+							"label",
+							"help",
+							"v"
+						])]),
+						_: 1
+					})]),
+					_: 1
+				}),
+				C.showDamAuthors ? (w(), _(A, { key: 0 }, {
+					default: D(() => [S(k, null, {
+						default: D(() => [S(i, {
+							subject: "author",
+							system: "dam"
+						}, {
+							default: D(() => [S(f, {
+								"model-value": C.damAuthors,
+								"ext-system": E(q),
+								label: E(U)("common.damImage.asset.model.authors"),
+								"author-conflicts": E(G),
+								"data-cy": "custom-field-authors",
+								clearable: "",
+								multiple: "",
+								"validation-scope": E(u),
+								"onUpdate:modelValue": $
+							}, null, 8, [
+								"model-value",
+								"ext-system",
+								"label",
+								"author-conflicts",
+								"validation-scope"
+							])]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})) : (w(), _(A, { key: 1 }, {
+					default: D(() => [S(k, null, {
+						default: D(() => [S(r, {
+							modelValue: E(W).texts.source,
+							"onUpdate:modelValue": n[1] ||= (e) => E(W).texts.source = e,
+							label: C.sourceLabel,
+							v: E(Y).image?.texts.source
+						}, null, 8, [
+							"modelValue",
+							"label",
+							"v"
+						])]),
+						_: 1
+					})]),
+					_: 1
+				})),
+				C.showSourceEnabled ? (w(), _(A, { key: 2 }, {
+					default: D(() => [S(k, null, {
+						default: D(() => [S(P, {
+							modelValue: E(W).flags.showSource,
+							"onUpdate:modelValue": n[2] ||= (e) => E(W).flags.showSource = e,
+							label: E(U)("common.damImage.image.model.flags.showSource"),
+							density: "compact",
+							"hide-details": ""
+						}, null, 8, ["modelValue", "label"])]),
+						_: 1
+					})]),
+					_: 1
+				})) : v("", !0)
+			], 64)) : E(c)(E(W)) ? (w(), y("div", R, T(E(W).damMedia), 1)) : v("", !0)])) : (w(), _(N, {
+				key: 1,
+				"model-value": C.modelValue,
+				"max-width": 500,
+				fullscreen: E(Se),
+				eager: "",
+				"onUpdate:modelValue": Z
+			}, {
+				default: D(() => [C.modelValue ? (w(), _(de, { key: 0 }, {
+					default: D(() => [
+						S(ee, { onCancel: n[3] ||= (e) => Z(!1) }, {
+							default: D(() => [x(T(Ee.value === E(o).Image ? E(U)("common.damImage.image.meta.edit") : E(U)("common.damImage.media.meta.edit")), 1)]),
+							_: 1
+						}),
+						S(pe, null, {
+							default: D(() => [C.loading ? (w(), y("div", z, [S(j, { indeterminate: "" })])) : E(s)(E(W)) ? (w(), y("div", he, [
+								b("div", ge, [S(m, {
+									"model-value": E(W).id,
+									image: E(W)
+								}, null, 8, ["model-value", "image"])]),
+								S(A, null, {
+									default: D(() => [S(k, null, {
+										default: D(() => [S(M, { onClick: O(Q, ["stop"]) }, {
+											default: D(() => [x(T(C.editAssetLabel), 1)]),
+											_: 1
+										})]),
+										_: 1
+									})]),
+									_: 1
+								}),
+								S(A, null, {
+									default: D(() => [S(k, null, {
+										default: D(() => [S(r, {
+											modelValue: E(W).texts.description,
+											"onUpdate:modelValue": n[4] ||= (e) => E(W).texts.description = e,
+											label: E(U)("common.damImage.image.model.texts.description"),
+											help: E(U)("common.damImage.image.help.texts.description"),
+											v: E(Y).image?.texts.description
+										}, null, 8, [
+											"modelValue",
+											"label",
+											"help",
+											"v"
+										])]),
+										_: 1
+									})]),
+									_: 1
+								}),
+								C.showDamAuthors ? (w(), _(A, { key: 0 }, {
+									default: D(() => [S(k, null, {
+										default: D(() => [S(i, {
+											subject: "author",
+											system: "dam"
+										}, {
+											default: D(() => [S(f, {
+												"model-value": C.damAuthors,
+												"ext-system": E(q),
+												label: E(U)("common.damImage.asset.model.authors"),
+												"author-conflicts": E(G),
+												"data-cy": "custom-field-authors",
+												clearable: "",
+												multiple: "",
+												"validation-scope": E(u),
+												"onUpdate:modelValue": $
+											}, null, 8, [
+												"model-value",
+												"ext-system",
+												"label",
+												"author-conflicts",
+												"validation-scope"
+											])]),
+											_: 1
+										})]),
+										_: 1
+									})]),
+									_: 1
+								})) : (w(), _(A, { key: 1 }, {
+									default: D(() => [S(k, null, {
+										default: D(() => [S(r, {
+											modelValue: E(W).texts.source,
+											"onUpdate:modelValue": n[5] ||= (e) => E(W).texts.source = e,
+											label: C.sourceLabel,
+											v: E(Y).image?.texts.source
+										}, null, 8, [
+											"modelValue",
+											"label",
+											"v"
+										])]),
+										_: 1
+									})]),
+									_: 1
+								})),
+								C.showSourceEnabled ? (w(), _(A, { key: 2 }, {
+									default: D(() => [S(k, null, {
+										default: D(() => [S(P, {
+											modelValue: E(W).flags.showSource,
+											"onUpdate:modelValue": n[6] ||= (e) => E(W).flags.showSource = e,
+											label: E(U)("common.damImage.image.model.flags.showSource"),
+											density: "compact",
+											"hide-details": ""
+										}, null, 8, ["modelValue", "label"])]),
+										_: 1
+									})]),
+									_: 1
+								})) : v("", !0)
+							])) : E(c)(E(W)) ? (w(), y("div", _e, [
+								b("div", ve, [
+									b("h4", ye, T(E(U)("common.damImage.media.meta.preview")) + ":", 1),
+									oe(t.$slots, "preview", { imageMedia: E(W) }),
+									E(W).damMedia.playable ? v("", !0) : (w(), _(m, {
+										key: 0,
+										"model-value": null,
+										image: De.value
+									}, null, 8, ["image"]))
+								]),
+								S(A, null, {
+									default: D(() => [S(k, null, {
+										default: D(() => [S(ie, { "asset-id": E(W).damMedia.assetId }, null, 8, ["asset-id"])]),
+										_: 1
+									})]),
+									_: 1
+								}),
+								E(W).damMedia.playable ? v("", !0) : (w(), y("div", be, [S(ue, {
+									icon: "mdi-movie-off-outline",
+									class: "mr-1",
+									size: "small"
+								}), x(T(E(U)("common.damImage.media.meta.notPlayable")), 1)])),
+								S(e, { title: E(U)("common.damImage.media.model.damMedia.title") }, {
+									default: D(() => [x(T(E(W).damMedia.title), 1)]),
+									_: 1
+								}, 8, ["title"]),
+								S(e, { title: E(U)("common.damImage.media.model.damMedia.authorNames") }, {
+									default: D(() => [x(T(E(W).damMedia.authorNames.join(", ")), 1)]),
+									_: 1
+								}, 8, ["title"]),
+								E(W).damMedia.assetType === "audio" ? (w(), y(h, { key: 1 }, [
+									S(e, { title: E(U)("common.damImage.media.model.damMedia.seriesName") }, {
+										default: D(() => [x(T(E(W).damMedia.seriesName), 1)]),
+										_: 1
+									}, 8, ["title"]),
+									S(e, { title: E(U)("common.damImage.media.model.damMedia.episodeName") }, {
+										default: D(() => [x(T(E(W).damMedia.episodeName), 1)]),
+										_: 1
+									}, 8, ["title"]),
+									S(e, { title: E(U)("common.damImage.media.model.damMedia.episodeNumber") }, {
+										default: D(() => [x(T(E(W).damMedia.episodeNumber), 1)]),
+										_: 1
+									}, 8, ["title"])
+								], 64)) : v("", !0),
+								S(e, { title: E(U)("common.damImage.media.model.damMedia.assetId") }, {
+									default: D(() => [x(T(E(W).damMedia.assetId), 1)]),
+									_: 1
+								}, 8, ["title"]),
+								S(e, { title: E(U)("common.damImage.media.model.damMedia.licenceId") }, {
+									default: D(() => [x(T(E(W).damMedia.licenceId), 1)]),
+									_: 1
+								}, 8, ["title"])
+							])) : v("", !0)]),
+							_: 3
+						}),
+						S(fe, null, {
+							default: D(() => [S(le), S(a, {
+								loading: C.saving,
+								disabled: C.loading,
+								onClick: O(X, ["stop"])
+							}, {
+								default: D(() => [x(T(E(U)("common.button.confirm")), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"])]),
+							_: 1
+						})
+					]),
+					_: 3
+				})) : v("", !0)]),
+				_: 3
+			}, 8, ["model-value", "fullscreen"]));
+		};
+	}
+});
+//#endregion
+export { B as default };
+
+//# sourceMappingURL=ImageDetailDialogMetadata.vue_vue_type_script_setup_true_lang.js.map