@anzusystems/common-admin 2.0.0-rc.4 → 2.0.0-rc.6

package/dist/domains/dam/imageWidget/components/AImageWidget.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AImageWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImageWidgetInner","_mergeProps","_withCtx","_renderSlot","_createElementBlock","AImageWidgetSimple","_unref","_createCommentVNode","_createElementVNode","_toDisplayString","_component_VProgressCircular","AImageWidgetSimple_default","ImageWidgetInner_default","_hoisted_1","_hoisted_2","AImageWidget_vue_vue_type_script_setup_true_lang_default","CollabStatus","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","onMounted","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","provide","ImageWidgetUploadConfigKey","innerComponent","useI18n","openBlock","createBlock","mergeProps","_cache","$event","withCtx","appendImage","renderSlot","_ctx","createElementBlock","unref","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport ImageWidgetInner from '@/domains/dam/imageWidget/components/ImageWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { type CollabComponentConfig, CollabStatus, type CollabStatusType } from '@/domains/collab/types/Collab'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerIdNullable\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // optional, if available, no need to fetch image data\n    configName?: string\n    collab?: CollabComponentConfig\n    collabStatus?: CollabStatusType\n    label?: string | undefined\n    readonly?: boolean\n    required?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean\n    disableOnClickMenu?: boolean\n    width?: number | undefined\n    maxWidth?: number | undefined\n    height?: number | undefined\n    callDeleteApiOnRemove?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    required: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    expandMetadata: false,\n    disableOnClickMenu: false,\n    width: undefined,\n    maxWidth: undefined,\n    height: undefined,\n    callDeleteApiOnRemove: false,\n    damWidth: undefined,\n    damHeight: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerIdNullable): void\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n// Declared: the read-only fallback renders the slot too, and inferred it would take its looser type.\ndefineSlots<{\n  append?: (props: { image: ImageCreateUpdateAware | null }) => unknown\n}>()\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Not being allowed to upload is no reason to hide the image that is already there: it is shown read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  // As the gallery's root: the ext system of its upload licence, till a pick, a drop or \"edit asset\" writes another.\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetInner> | null>(null)\n\nconst metadataConfirm = () => {\n  innerComponent.value?.metadataConfirm()\n}\n\ndefineExpose({\n  metadataConfirm,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ image: appendImage }\">\n      <slot\n        name=\"append\"\n        :image=\"appendImage\"\n      />\n    </template>\n  </ImageWidgetInner>\n  <!-- The config fails also for a user without access to the licence: the image already there is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetSimple\n      v-if=\"modelValue || image\"\n      :model-value=\"modelValue\"\n      :image=\"image\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ image: appendImage }\">\n        <slot\n          name=\"append\"\n          :image=\"appendImage\"\n        />\n      </template>\n    </AImageWidgetSimple>\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AImageWidget.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImageWidgetInner","_mergeProps","_withCtx","_renderSlot","_createElementBlock","AImageWidgetSimple","_unref","_createCommentVNode","_createElementVNode","_toDisplayString","_component_VProgressCircular","AImageWidgetSimple_default","ImageWidgetInner_default","_hoisted_1","_hoisted_2","AImageWidget_vue_vue_type_script_setup_true_lang_default","CollabStatus","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","onMounted","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","provide","ImageWidgetUploadConfigKey","innerComponent","useI18n","openBlock","createBlock","mergeProps","_cache","$event","withCtx","appendImage","renderSlot","_ctx","createElementBlock","unref","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidget.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport ImageWidgetInner from '@/domains/dam/imageWidget/components/ImageWidgetInner.vue'\nimport AImageWidgetSimple from '@/domains/dam/imageWidget/components/AImageWidgetSimple.vue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { isUndefined } from '@/shared/utils/common'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { type CollabComponentConfig, CollabStatus, type CollabStatusType } from '@/domains/collab/types/Collab'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerIdNullable\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    image?: ImageAware | undefined // If given, the image data is not fetched.\n    configName?: string\n    collab?: CollabComponentConfig\n    collabStatus?: CollabStatusType\n    label?: string | undefined\n    readonly?: boolean\n    required?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean\n    disableOnClickMenu?: boolean\n    width?: number | undefined\n    maxWidth?: number | undefined\n    height?: number | undefined\n    callDeleteApiOnRemove?: boolean\n    damWidth?: undefined | number\n    damHeight?: undefined | number\n  }>(),\n  {\n    configName: undefined,\n    collab: undefined,\n    collabStatus: CollabStatus.Inactive,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    required: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    expandMetadata: false,\n    disableOnClickMenu: false,\n    width: undefined,\n    maxWidth: undefined,\n    height: undefined,\n    callDeleteApiOnRemove: false,\n    damWidth: undefined,\n    damHeight: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerIdNullable): void\n  (e: 'afterMetadataSaveSuccess'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n// Declared explicitly: the read-only fallback renders the slot too, and the inferred type would be looser.\ndefineSlots<{\n  append?: (props: { image: ImageCreateUpdateAware | null }) => unknown\n}>()\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  // Starts as the ext system of the upload licence, until a pick, a drop or \"edit asset\" sets another.\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetInner> | null>(null)\n\nconst metadataConfirm = () => {\n  innerComponent.value?.metadataConfirm()\n}\n\ndefineExpose({\n  metadataConfirm,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @after-metadata-save-success=\"emit('afterMetadataSaveSuccess')\"\n  >\n    <template #append=\"{ image: appendImage }\">\n      <slot\n        name=\"append\"\n        :image=\"appendImage\"\n      />\n    </template>\n  </ImageWidgetInner>\n  <!-- The config also fails for a user without access to the licence. The existing image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetSimple\n      v-if=\"modelValue || image\"\n      :model-value=\"modelValue\"\n      :image=\"image\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n      :height=\"height\"\n      :dam-width=\"damWidth\"\n      :dam-height=\"damHeight\"\n    >\n      <template #append=\"{ image: appendImage }\">\n        <slot\n          name=\"append\"\n          :image=\"appendImage\"\n        />\n      </template>\n    </AImageWidgetSimple>\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMqB,IAAQC,GA+CRC,IAAOH,GAKPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAMjDK,IAASC,EAAmC,SAAS,GAErDC,IAAgBD,EAAI,EAAI,GAExB,EAAE,iBAAcE,EAA6BL,CAAa,GAC1D,EACJ,qBACA,yCACA,wCACA,yCACA,6CACEM,EAAkBC,GAAWP,CAAa,GAExCQ,IAAeC,EAA4D,KAAA,CAAS,GAEpF,EAAE,yBAAsBC,EAAwBV,CAAa;EA+CnE,AA7CAW,EAAU,YAAY;GACpB,IAAMC,IAAiBC,EAAoBb,CAAa;GAExD,IADA,EAAa,QAAQ,MAAMc,EAAqCjB,EAAM,aAAa,GAC/EkB,EAAYP,EAAa,KAAK,GAAG;IACnC,EAAO,QAAQ;IACf;GACF;GAGA,IADA,EAAkB,QAAQA,EAAa,MAAM,WACzC,CAACQ,EAAiCR,EAAa,OAAOR,CAAa,GAAG;IACxE,EAAc,QAAQ;IACtB,IAAI;KAEF,AADKY,EAAe,YAAY,gBAAc,MAAMK,EAAiB,GACrE,EAAO,QAAQ;IACjB,QAAY;KACV,EAAO,QAAQ;IACjB;IACA;GACF;GACA,IAAMC,IAA2B,CAAC;GAIlC,AAHKN,EAAe,YAAY,gBAC9BM,EAAS,KAAKD,EAAiB,CAAC,GAElCC,EAAS,KAAKC,EAAsCtB,EAAM,cAAc,CAAC;GACzE,IAAM,EAAE,iBAAcW,EAAa;GAGnC,AAAIO,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,KAChFJ,EAAS,KACPK,EACEF,GACAD,EAAoCC,CAAS,IAAI,CAACC,EAAa,KAAK,IAAI,KAAA,CAC1E,CACF;GAEF,IAAI;IACF,MAAM,QAAQ,IAAIJ,CAAQ;GAC5B,QAAY;IACV,EAAO,QAAQ;GACjB;GAGA,AADIH,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,MAAG,EAAO,QAAQ,UAChGpB,EAAO,UAAU,YAAS,EAAO,QAAQ;EAC/C,CAAC,GAEDsB,EAAQC,GAA4BjB,CAAY;EAEhD,IAAMkB,IAAiBvB,EAAkD,IAAI;EAM7E,EAAa,EACX,uBAL4B;GAC5B,EAAe,OAAO,gBAAgB;EACxC,EAIA,CAAC;EAED,IAAM,EAAE,SAAMwB,EAAQ;E,iBAKZzB,EAAA,UAAM,WADd1B,EAAA,GAAAC,EAcmBC,GAdnBC,EAcmB;;GAZb,SAAA;GAAJ,KAAI+C;EACI,GAAA7B,GAAK;GACZ,UAAUC,EAAA,YAAQ,CAAKM,EAAA;GACvB,uBAAkB,AAAA2B,EAAA,QAAA,MAAEhC,EAAI,qBAAsBiC,CAAM;GACpD,4BAA2B,AAAAD,EAAA,QAAA,MAAEhC,EAAI,0BAAA;;GAEvB,QAAMnB,GAIb,EAAA,OAJwBsD,QAAW,CACrCrD,EAGEuD,EAAA,QAAA,UAAA,EADC,OAAOF,EAAW,CAAA,C;;E,wBAKThC,EAAA,UAAM,WAAtB1B,EAAA,GAAAM,EAsBM,OAAAS,GAAA,CApBIO,EAAA,cAAcA,EAAA,SADtBtB,EAAA,GAAAC,EAiBqBM,GAAA;;GAflB,eAAae,EAAA;GACb,OAAOA,EAAA;GACP,eAAad,EAAAgB,CAAA;GACb,OAAOF,EAAA;GACP,OAAOA,EAAA;GACP,QAAQA,EAAA;GACR,aAAWA,EAAA;GACX,cAAYA,EAAA;;GAEF,QAAMlB,GAIb,EAAA,OAJwBsD,QAAW,CACrCrD,EAGEuD,EAAA,QAAA,UAAA,EADC,OAAOF,EAAW,CAAA,C;;;;;;;;;;;E,iBAIzBhD,EAEM,OAFNM,GAEML,EADDH,EAAA0D,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C,OAGRlE,EAAA,GAAAC,EAKEW,GAAA;;GAHC,MAAM;GACN,OAAO;GACR,eAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"AImageWidgetMultiple.js","names":["_sfc_main","AImageWidgetMultiple_vue_vue_type_script_setup_true_lang_default","AImageWidgetMultiple_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport ImageWidgetMultipleInner from '@/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue'\nimport AImageWidgetMultipleSimple from '@/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isUndefined } from '@/shared/utils/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[] // initial ids, updated only when save is called\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    callDeleteApiOnRemove?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    width: undefined,\n    callDeleteApiOnRemove: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Not being allowed to upload is no reason to hide the image that is already there: it is shown read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetMultipleInner> | null>(null)\n\nconst saveImages = async () => {\n  if (!innerComponent.value) return false\n  return (await innerComponent.value.saveImages()) as boolean\n}\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\ndefineExpose({\n  saveImages,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetMultipleInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  />\n  <!-- The config fails also for a user without access to the licence: the image already there is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetMultipleSimple\n      v-if=\"modelValue.length\"\n      :model-value=\"modelValue\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n    />\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AImageWidgetMultiple.js","names":["_sfc_main","AImageWidgetMultiple_vue_vue_type_script_setup_true_lang_default","AImageWidgetMultiple_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport ImageWidgetMultipleInner from '@/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue'\nimport AImageWidgetMultipleSimple from '@/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isUndefined } from '@/shared/utils/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[] // initial ids, updated only when save is called\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    callDeleteApiOnRemove?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    width: undefined,\n    callDeleteApiOnRemove: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetMultipleInner> | null>(null)\n\nconst saveImages = async () => {\n  if (!innerComponent.value) return false\n  return (await innerComponent.value.saveImages()) as boolean\n}\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\ndefineExpose({\n  saveImages,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetMultipleInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  />\n  <!-- The config also fails for a user without access to the licence. The existing image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetMultipleSimple\n      v-if=\"modelValue.length\"\n      :model-value=\"modelValue\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n    />\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/imageWidget/components/AImageWidgetMultiple.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AImageWidgetMultiple.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImageWidgetMultipleInner","_mergeProps","_createElementBlock","AImageWidgetMultipleSimple","_unref","_createCommentVNode","_createElementVNode","_toDisplayString","_component_VProgressCircular","ImageWidgetMultipleInner_default","AImageWidgetMultipleSimple_default","_hoisted_1","_hoisted_2","AImageWidgetMultiple_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","innerComponent","provide","ImageWidgetUploadConfigKey","useI18n","openBlock","createBlock","mergeProps","_cache","$event","createElementBlock","unref","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport ImageWidgetMultipleInner from '@/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue'\nimport AImageWidgetMultipleSimple from '@/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isUndefined } from '@/shared/utils/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[] // initial ids, updated only when save is called\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    callDeleteApiOnRemove?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    width: undefined,\n    callDeleteApiOnRemove: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Not being allowed to upload is no reason to hide the image that is already there: it is shown read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // The custom fields of its images: every type of the ext system where it has none yet, else the image type alone\n  // where its read failed before. The types loaded are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // The image type whose read failed beside types that answered is not loaded: its form would have no field.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetMultipleInner> | null>(null)\n\nconst saveImages = async () => {\n  if (!innerComponent.value) return false\n  return (await innerComponent.value.saveImages()) as boolean\n}\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\ndefineExpose({\n  saveImages,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetMultipleInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  />\n  <!-- The config fails also for a user without access to the licence: the image already there is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetMultipleSimple\n      v-if=\"modelValue.length\"\n      :model-value=\"modelValue\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n    />\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMkB,IAAQC,GA2BRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjDK,IAASC,EAAmC,SAAS,GAErDC,IAAgBD,EAAI,EAAI,GAExB,EAAE,iBAAcE,EAA6BL,CAAa,GAC1D,EACJ,qBACA,yCACA,wCACA,yCACA,6CACEM,EAAkBC,GAAWP,CAAa,GAExCQ,IAAeC,EAA4D,KAAA,CAAS,GAEpF,EAAE,yBAAsBC,EAAwBV,CAAa;EAEnE,EAAU,YAAY;GACpB,IAAMW,IAAiBC,EAAoBZ,CAAa;GAExD,IADA,EAAa,QAAQ,MAAMa,EAAqChB,EAAM,aAAa,GAC/EiB,EAAYN,EAAa,KAAK,GAAG;IACnC,EAAO,QAAQ;IACf;GACF;GAEA,IADA,EAAkB,QAAQA,EAAa,MAAM,WACzC,CAACO,EAAiCP,EAAa,OAAOR,CAAa,GAAG;IACxE,EAAc,QAAQ;IACtB,IAAI;KAEF,AADKW,EAAe,YAAY,gBAAc,MAAMK,EAAiB,GACrE,EAAO,QAAQ;IACjB,QAAY;KACV,EAAO,QAAQ;IACjB;IACA;GACF;GACA,IAAMC,IAA2B,CAAC;GAIlC,AAHKN,EAAe,YAAY,gBAC9BM,EAAS,KAAKD,EAAiB,CAAC,GAElCC,EAAS,KAAKC,EAAsCrB,EAAM,cAAc,CAAC;GACzE,IAAM,EAAE,iBAAcW,EAAa;GAGnC,AAAIM,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,KAChFJ,EAAS,KACPK,EACEF,GACAD,EAAoCC,CAAS,IAAI,CAACC,EAAa,KAAK,IAAI,KAAA,CAC1E,CACF;GAEF,IAAI;IACF,MAAM,QAAQ,IAAIJ,CAAQ;GAC5B,QAAY;IACV,EAAO,QAAQ;GACjB;GAGA,AADIH,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,MAAG,EAAO,QAAQ,UAChGnB,EAAO,UAAU,YAAS,EAAO,QAAQ;EAC/C,CAAC;EAED,IAAMqB,IAAiBpB,EAA0D,IAAI;EASrF,AAFAqB,EAAQC,GAA4BjB,CAAY,GAEhDb,EAAa,EACX,wBAPK4B,EAAe,QACZ,MAAMA,EAAe,MAAM,WAAW,IADZ,GAQpC,CAAC;EAED,IAAM,EAAE,SAAMG,EAAQ;E,iBAKZxB,EAAA,UAAM,WADdvB,EAAA,GAAAC,EAMEC,GANFC,EAME;;GAJI,SAAA;GAAJ,KAAIyC;EACI,GAAA1B,GAAK;GACZ,UAAUC,EAAA,YAAQ,CAAKM,EAAA;GACvB,uBAAkB,AAAA0B,EAAA,QAAA,MAAE/B,EAAI,qBAAsBgC,CAAM;E,+BAGvC7B,EAAA,UAAM,WAAtBvB,EAAA,GAAAI,EAWM,OAAAS,GAAA,CATIM,EAAA,WAAW,UADnBnB,EAAA,GAAAC,EAMEI,GAAA;;GAJC,eAAac,EAAA;GACb,eAAab,EAAAe,CAAA;GACb,OAAOF,EAAA;GACP,OAAOA,EAAA;;;;;;E,iBAEVX,EAEM,OAFNM,GAEML,EADDH,EAAAoD,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C,OAGR1D,EAAA,GAAAC,EAKES,GAAA;;GAHC,MAAM;GACN,OAAO;GACR,eAAA"}
+{"version":3,"file":"AImageWidgetMultiple.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ImageWidgetMultipleInner","_mergeProps","_createElementBlock","AImageWidgetMultipleSimple","_unref","_createCommentVNode","_createElementVNode","_toDisplayString","_component_VProgressCircular","ImageWidgetMultipleInner_default","AImageWidgetMultipleSimple_default","_hoisted_1","_hoisted_2","AImageWidgetMultiple_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","uploadAllowed","useCommonAdminCoreDamOptions","useDamConfigState","damClient","uploadConfig","shallowRef","useExtSystemIdForCached","damConfigStore","useDamConfigStoreOf","getOrLoadDamConfigExtSystemByLicence","isUndefined","isImageWidgetUploadConfigAllowed","loadDamPrvConfig","promises","getOrLoadDamConfigExtSystemByLicences","getDamConfigAssetCustomFormElements","extSystem","DamAssetType","loadDamConfigAssetCustomFormElements","innerComponent","provide","ImageWidgetUploadConfigKey","useI18n","openBlock","createBlock","mergeProps","_cache","$event","createElementBlock","unref","createCommentVNode","createElementVNode","toDisplayString","t","VProgressCircular"],"sources":["../../../../../src/domains/dam/imageWidget/components/AImageWidgetMultiple.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { isImageWidgetUploadConfigAllowed } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport ImageWidgetMultipleInner from '@/domains/dam/imageWidget/components/ImageWidgetMultipleInner.vue'\nimport AImageWidgetMultipleSimple from '@/domains/dam/imageWidget/components/AImageWidgetMultipleSimple.vue'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isUndefined } from '@/shared/utils/common'\nimport { onMounted, provide, ref, shallowRef } from 'vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    modelValue: IntegerId[] // initial ids, updated only when save is called\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    configName?: string\n    label?: string | undefined\n    readonly?: boolean\n    dataCy?: string | undefined\n    width?: number | undefined\n    callDeleteApiOnRemove?: boolean\n  }>(),\n  {\n    configName: undefined,\n    label: undefined,\n    image: undefined,\n    readonly: false,\n    lockable: false,\n    lockedById: undefined,\n    dataCy: undefined,\n    expandOptions: false,\n    width: undefined,\n    callDeleteApiOnRemove: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: IntegerId[]): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n// Without upload permission the existing image is still shown, read-only.\nconst uploadAllowed = ref(true)\n\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst {\n  loadDamPrvConfig,\n  loadDamConfigAssetCustomFormElements,\n  getDamConfigAssetCustomFormElements,\n  getOrLoadDamConfigExtSystemByLicence,\n  getOrLoadDamConfigExtSystemByLicences,\n} = useDamConfigState(damClient, damConfigName)\n\nconst uploadConfig = shallowRef<DamConfigLicenceExtSystemReturnType | undefined>(undefined)\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nonMounted(async () => {\n  const damConfigStore = useDamConfigStoreOf(damConfigName)\n  uploadConfig.value = await getOrLoadDamConfigExtSystemByLicence(props.uploadLicence)\n  if (isUndefined(uploadConfig.value)) {\n    status.value = 'error'\n    return\n  }\n  cachedExtSystemId.value = uploadConfig.value.extSystem\n  if (!isImageWidgetUploadConfigAllowed(uploadConfig.value, damConfigName)) {\n    uploadAllowed.value = false\n    try {\n      if (!damConfigStore.initialized.damPrvConfig) await loadDamPrvConfig()\n      status.value = 'ready'\n    } catch (e) {\n      status.value = 'error'\n    }\n    return\n  }\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  promises.push(getOrLoadDamConfigExtSystemByLicences(props.selectLicences))\n  const { extSystem } = uploadConfig.value\n  // Loads custom fields for every type of the ext system if none are loaded yet.\n  // Otherwise loads only the image type if its earlier read failed. Loaded types are not read again.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) {\n    promises.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [DamAssetType.Image] : undefined\n      )\n    )\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  // If the image type failed while other types loaded, the form would have no fields, so this is an error.\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, DamAssetType.Image))) status.value = 'error'\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst innerComponent = ref<InstanceType<typeof ImageWidgetMultipleInner> | null>(null)\n\nconst saveImages = async () => {\n  if (!innerComponent.value) return false\n  return (await innerComponent.value.saveImages()) as boolean\n}\n\nprovide(ImageWidgetUploadConfigKey, uploadConfig)\n\ndefineExpose({\n  saveImages,\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <ImageWidgetMultipleInner\n    v-if=\"status === 'ready'\"\n    ref=\"innerComponent\"\n    v-bind=\"props\"\n    :readonly=\"readonly || !uploadAllowed\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  />\n  <!-- The config also fails for a user without access to the licence. The existing image is still shown. -->\n  <div v-else-if=\"status === 'error'\">\n    <AImageWidgetMultipleSimple\n      v-if=\"modelValue.length\"\n      :model-value=\"modelValue\"\n      :config-name=\"damConfigName\"\n      :label=\"label\"\n      :width=\"width\"\n    />\n    <div class=\"text-error\">\n      {{ t('common.damImage.error.loadingConfig') }}\n    </div>\n  </div>\n  <VProgressCircular\n    v-else\n    :size=\"12\"\n    :width=\"2\"\n    indeterminate\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMkB,IAAQC,GA2BRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjDK,IAASC,EAAmC,SAAS,GAErDC,IAAgBD,EAAI,EAAI,GAExB,EAAE,iBAAcE,EAA6BL,CAAa,GAC1D,EACJ,qBACA,yCACA,wCACA,yCACA,6CACEM,EAAkBC,GAAWP,CAAa,GAExCQ,IAAeC,EAA4D,KAAA,CAAS,GAEpF,EAAE,yBAAsBC,EAAwBV,CAAa;EAEnE,EAAU,YAAY;GACpB,IAAMW,IAAiBC,EAAoBZ,CAAa;GAExD,IADA,EAAa,QAAQ,MAAMa,EAAqChB,EAAM,aAAa,GAC/EiB,EAAYN,EAAa,KAAK,GAAG;IACnC,EAAO,QAAQ;IACf;GACF;GAEA,IADA,EAAkB,QAAQA,EAAa,MAAM,WACzC,CAACO,EAAiCP,EAAa,OAAOR,CAAa,GAAG;IACxE,EAAc,QAAQ;IACtB,IAAI;KAEF,AADKW,EAAe,YAAY,gBAAc,MAAMK,EAAiB,GACrE,EAAO,QAAQ;IACjB,QAAY;KACV,EAAO,QAAQ;IACjB;IACA;GACF;GACA,IAAMC,IAA2B,CAAC;GAIlC,AAHKN,EAAe,YAAY,gBAC9BM,EAAS,KAAKD,EAAiB,CAAC,GAElCC,EAAS,KAAKC,EAAsCrB,EAAM,cAAc,CAAC;GACzE,IAAM,EAAE,iBAAcW,EAAa;GAGnC,AAAIM,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,KAChFJ,EAAS,KACPK,EACEF,GACAD,EAAoCC,CAAS,IAAI,CAACC,EAAa,KAAK,IAAI,KAAA,CAC1E,CACF;GAEF,IAAI;IACF,MAAM,QAAQ,IAAIJ,CAAQ;GAC5B,QAAY;IACV,EAAO,QAAQ;GACjB;GAGA,AADIH,EAAYK,EAAoCC,GAAWC,EAAa,KAAK,CAAC,MAAG,EAAO,QAAQ,UAChGnB,EAAO,UAAU,YAAS,EAAO,QAAQ;EAC/C,CAAC;EAED,IAAMqB,IAAiBpB,EAA0D,IAAI;EASrF,AAFAqB,EAAQC,GAA4BjB,CAAY,GAEhDb,EAAa,EACX,wBAPK4B,EAAe,QACZ,MAAMA,EAAe,MAAM,WAAW,IADZ,GAQpC,CAAC;EAED,IAAM,EAAE,SAAMG,EAAQ;E,iBAKZxB,EAAA,UAAM,WADdvB,EAAA,GAAAC,EAMEC,GANFC,EAME;;GAJI,SAAA;GAAJ,KAAIyC;EACI,GAAA1B,GAAK;GACZ,UAAUC,EAAA,YAAQ,CAAKM,EAAA;GACvB,uBAAkB,AAAA0B,EAAA,QAAA,MAAE/B,EAAI,qBAAsBgC,CAAM;E,+BAGvC7B,EAAA,UAAM,WAAtBvB,EAAA,GAAAI,EAWM,OAAAS,GAAA,CATIM,EAAA,WAAW,UADnBnB,EAAA,GAAAC,EAMEI,GAAA;;GAJC,eAAac,EAAA;GACb,eAAab,EAAAe,CAAA;GACb,OAAOF,EAAA;GACP,OAAOA,EAAA;;;;;;E,iBAEVX,EAEM,OAFNM,GAEML,EADDH,EAAAoD,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C,OAGR1D,EAAA,GAAAC,EAKES,GAAA;;GAHC,MAAM;GACN,OAAO;GACR,eAAA"}

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/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/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, {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDetailDialogMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","_createElementVNode","_component_VProgressCircular","_createCommentVNode","_unref","_Fragment","_component_VBtn","_withModifiers","_createTextVNode","_toDisplayString","AFormTextarea","ASystemEntityScope","AuthorRemoteAutocompleteWithCached","_component_VSwitch","_component_VDialog","_component_VCard","ADialogToolbar","_component_VCardText","AImageWidgetSimple","_renderSlot","DamAdminAssetLink","_component_VIcon","ARow","_component_VCardActions","_component_VSpacer","ARow_default","AFormTextarea_default","ASystemEntityScope_default","ADialogToolbar_default","AuthorRemoteAutocompleteWithCached_default","AImageWidgetSimple_default","DamAdminAssetLink_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","ImageDetailDialogMetadata_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","useI18n","useDisplay","imageMediaWidgetStore","useImageMediaWidgetStore","storeToRefs","assetDetailStore","useAssetDetailStore","damConfigName","useDamConfigName","useExtSystemIdForCached","detailType","computed","isMediaAware","detail","DamMediaType","DamAssetType","isImageCreateUpdateAware","titleType","imageSourceRequired","imageMedia","createDamImage","useImageValidation","useAlerts","onConfirm","v$","showValidationError","onDialogModelUpdate","newValue","onEditAsset","onDamAuthorsUpdate","isArray","authors","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","createBlock","VRow","withCtx","createVNode","VCol","createElementVNode","VProgressCircular","createCommentVNode","unref","Fragment","VBtn","withModifiers","createTextVNode","toDisplayString","_cache","$event","t","cachedExtSystemId","authorConflicts","AImageMetadataValidationScopeSymbol","VSwitch","VDialog","mdAndDown","VCard","VCardText","renderSlot","_ctx","VIcon","VCardActions","VSpacer"],"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":"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"}
+{"version":3,"file":"ImageDetailDialogMetadata.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_createBlock","_component_VRow","_withCtx","_createVNode","_component_VCol","_createElementVNode","_component_VProgressCircular","_createCommentVNode","_unref","_Fragment","_component_VBtn","_withModifiers","_createTextVNode","_toDisplayString","AFormTextarea","ASystemEntityScope","AuthorRemoteAutocompleteWithCached","_component_VSwitch","_component_VDialog","_component_VCard","ADialogToolbar","_component_VCardText","AImageWidgetSimple","_renderSlot","DamAdminAssetLink","_component_VIcon","ARow","_component_VCardActions","_component_VSpacer","ARow_default","AFormTextarea_default","ASystemEntityScope_default","ADialogToolbar_default","AuthorRemoteAutocompleteWithCached_default","AImageWidgetSimple_default","DamAdminAssetLink_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","ImageDetailDialogMetadata_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","useI18n","useDisplay","imageMediaWidgetStore","useImageMediaWidgetStore","storeToRefs","assetDetailStore","useAssetDetailStore","damConfigName","useDamConfigName","useExtSystemIdForCached","detailType","computed","isMediaAware","detail","DamMediaType","DamAssetType","isImageCreateUpdateAware","titleType","imageSourceRequired","imageMedia","createDamImage","useImageValidation","useAlerts","onConfirm","v$","showValidationError","onDialogModelUpdate","newValue","onEditAsset","onDamAuthorsUpdate","isArray","authors","_component_ABtnPrimary","resolveComponent","openBlock","createElementBlock","createBlock","VRow","withCtx","createVNode","VCol","createElementVNode","VProgressCircular","createCommentVNode","unref","Fragment","VBtn","withModifiers","createTextVNode","toDisplayString","_cache","$event","t","cachedExtSystemId","authorConflicts","AImageMetadataValidationScopeSymbol","VSwitch","VDialog","mdAndDown","VCard","VCardText","renderSlot","_ctx","VIcon","VCardActions","VSpacer"],"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":"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"}