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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMassOperations.js","names":["_sfc_main","ImageMassOperations_vue_vue_type_script_setup_true_lang_default","ImageMassOperations_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageMassOperations.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { useImageMassOperations } from '@/domains/dam/imageWidget/composables/useImageMassOperations'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport { computed, ref } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { storeToRefs } from 'pinia'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst texts = ref({ description: '', source: '', authors: [] })\n\nconst imageStore = useImageStore()\nconst { images, readonly } = storeToRefs(imageStore)\nconst { replaceEmptyDescription, replaceEmptySource, replaceEmptyAuthors } = useImageMassOperations(damConfigName)\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\n// The two icon buttons beside a field, named for who cannot see them: what each does, and to which field.\nconst fillEmptyName = (field: string) => t('common.damImage.asset.massOperations.fillOneEmptyField', { field })\nconst replaceName = (field: string) => t('common.damImage.asset.massOperations.replaceOneField', { field })\n\n// The authors' names are looked up first, and nothing is filled when that fails.\nconst fillAuthors = async (forceReplace: boolean) => {\n  try {\n    await replaceEmptyAuthors(texts.value.authors, forceReplace)\n  } catch (error) {\n    showErrorsDefault(error)\n  }\n}\n\nconst fillAll = (forceReplace: boolean) => {\n  replaceEmptyDescription(texts.value.description, forceReplace)\n  if (authorEnabled.value && showDamAuthorsAtLeastOne.value) {\n    fillAuthors(forceReplace)\n  } else {\n    replaceEmptySource(texts.value.source, forceReplace)\n  }\n}\n\nconst clearForm = () => {\n  texts.value.description = ''\n  if (authorEnabled.value && showDamAuthorsAtLeastOne.value) {\n    texts.value.authors = []\n  } else {\n    texts.value.source = ''\n  }\n}\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n\nconst authorEnabled = computed(() => {\n  return !!getDamConfigExtSystem(cachedExtSystemId.value)?.[DamAssetType.Image]?.authors?.enabled\n})\n\nconst { descriptionValidation, sourceValidation, sourceLabel } = useCommonAdminCoreDamOptions(damConfigName)\nconst validators = useValidate()\n\nconst rules = computed(() => ({\n  texts: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}))\nconst v$ = useVuelidate(rules, { texts }, { $scope: false })\n\nconst showDamAuthorsAtLeastOne = computed(() => {\n  if (images.value.length === 0) return false\n  return images.value.length && images.value.some((item) => item?.showDamAuthors)\n})\n</script>\n\n<template>\n  <div\n    v-if=\"!readonly\"\n    class=\"w-100\"\n  >\n    <VRow\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <div class=\"d-flex\">\n          <AFormTextarea\n            v-model=\"texts.description\"\n            :v=\"v$\"\n            :label=\"t('common.damImage.image.model.texts.description')\"\n          />\n          <VBtn\n            :aria-label=\"fillEmptyName(t('common.damImage.image.model.texts.description'))\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            class=\"mr-1\"\n            @click.stop=\"replaceEmptyDescription(texts.description, false)\"\n          >\n            <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n            </VTooltip>\n          </VBtn>\n          <VBtn\n            :aria-label=\"replaceName(t('common.damImage.image.model.texts.description'))\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            @click.stop=\"replaceEmptyDescription(texts.description, true)\"\n          >\n            <VIcon icon=\"mdi-file-replace-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.replaceOne') }}\n            </VTooltip>\n          </VBtn>\n        </div>\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"authorEnabled && showDamAuthorsAtLeastOne\"\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <ASystemEntityScope\n          subject=\"keyword\"\n          system=\"dam\"\n        >\n          <div class=\"d-flex\">\n            <div style=\"flex-grow: 1\">\n              <AuthorRemoteAutocompleteWithCached\n                v-model=\"texts.authors\"\n                :ext-system=\"cachedExtSystemId\"\n                :label=\"t('common.damImage.asset.model.authors')\"\n                clearable\n                multiple\n                :validation-scope=\"false\"\n              />\n            </div>\n            <VBtn\n              :aria-label=\"fillEmptyName(t('common.damImage.asset.model.authors'))\"\n              icon\n              size=\"small\"\n              variant=\"text\"\n              class=\"mr-1\"\n              @click.stop=\"fillAuthors(false)\"\n            >\n              <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"replaceName(t('common.damImage.asset.model.authors'))\"\n              icon\n              size=\"small\"\n              variant=\"text\"\n              @click.stop=\"fillAuthors(true)\"\n            >\n              <VIcon icon=\"mdi-file-replace-outline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.massOperations.replaceOne') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </ASystemEntityScope>\n      </VCol>\n    </VRow>\n    <VRow\n      v-else\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <div class=\"d-flex\">\n          <AFormTextarea\n            v-model=\"texts.source\"\n            :label=\"sourceLabel\"\n          />\n          <VBtn\n            :aria-label=\"fillEmptyName(sourceLabel)\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            class=\"mr-1\"\n            @click.stop=\"replaceEmptySource(texts.source, false)\"\n          >\n            <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n            </VTooltip>\n          </VBtn>\n          <VBtn\n            :aria-label=\"replaceName(sourceLabel)\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            @click.stop=\"replaceEmptySource(texts.source, true)\"\n          >\n            <VIcon icon=\"mdi-file-replace-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.replaceOne') }}\n            </VTooltip>\n          </VBtn>\n        </div>\n      </VCol>\n    </VRow>\n    <div class=\"sidebar-info__actions pa-2 d-flex align-center justify-center\">\n      <VBtn\n        class=\"mr-2\"\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"fillAll(false)\"\n      >\n        {{ t('common.damImage.asset.massOperations.fillAllEmpty') }}\n      </VBtn>\n      <VBtn\n        class=\"mr-2\"\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"fillAll(true)\"\n      >\n        {{ t('common.damImage.asset.massOperations.replaceAll') }}\n      </VBtn>\n      <VBtn\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"clearForm\"\n      >\n        {{ t('common.damImage.asset.massOperations.clearForm') }}\n      </VBtn>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,250 @@
+import e from "../../../form/components/AFormTextarea.js";
+import t from "../../../form/components/ASystemEntityScope.js";
+import { useAlerts as n } from "../../../system/composables/alerts.js";
+import { useValidate as r } from "../../../../shared/validators/vuelidate/useValidate.js";
+import { DamAssetType as i } from "../../types/Asset.js";
+import { useCommonAdminCoreDamOptions as a } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as ee } from "../../composables/damConfigName.js";
+import { useDamConfigState as te } from "../../config/composables/damConfigState.js";
+import { useExtSystemIdForCached as ne } from "../../composables/extSystemIdForCached.js";
+import { buildFieldRules as o } from "../../composables/uploadValidations.js";
+import s from "../../author/components/AuthorRemoteAutocompleteWithCached.js";
+import { useImageStore as c } from "../store/imageStore.js";
+import { useImageMassOperations as l } from "../composables/useImageMassOperations.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, openBlock as v, ref as y, toDisplayString as b, unref as x, withCtx as S, withModifiers as C } from "vue";
+import { useI18n as w } from "vue-i18n";
+import { VCol as T, VRow as E } from "vuetify/components/VGrid";
+import { VIcon as D } from "vuetify/components/VIcon";
+import { VTooltip as O } from "vuetify/components/VTooltip";
+import { VBtn as k } from "vuetify/components/VBtn";
+import re from "@vuelidate/core";
+import { storeToRefs as ie } from "pinia";
+//#region src/domains/dam/imageWidget/components/ImageMassOperations.vue?vue&type=script&setup=true&lang.ts
+var ae = {
+	key: 0,
+	class: "w-100"
+}, A = { class: "d-flex" }, j = { class: "d-flex" }, M = { style: { "flex-grow": "1" } }, N = { class: "d-flex" }, P = { class: "sidebar-info__actions pa-2 d-flex align-center justify-center" }, F = /*@__PURE__*/ _({
+	__name: "ImageMassOperations",
+	props: { configName: { default: void 0 } },
+	setup(_) {
+		let F = ee(_.configName), I = y({
+			description: "",
+			source: "",
+			authors: []
+		}), L = c(), { images: R, readonly: z } = ie(L), { replaceEmptyDescription: B, replaceEmptySource: V, replaceEmptyAuthors: H } = l(F), { t: U } = w(), { showErrorsDefault: W } = n(), G = (e) => U("common.damImage.asset.massOperations.fillOneEmptyField", { field: e }), K = (e) => U("common.damImage.asset.massOperations.replaceOneField", { field: e }), q = async (e) => {
+			try {
+				await H(I.value.authors, e);
+			} catch (e) {
+				W(e);
+			}
+		}, J = (e) => {
+			B(I.value.description, e), X.value && $.value ? q(e) : V(I.value.source, e);
+		}, oe = () => {
+			I.value.description = "", X.value && $.value ? I.value.authors = [] : I.value.source = "";
+		}, { cachedExtSystemId: Y } = ne(F), { getDamConfigExtSystem: se } = te(void 0, F), X = u(() => !!se(Y.value)?.[i.Image]?.authors?.enabled), { descriptionValidation: ce, sourceValidation: le, sourceLabel: Z } = a(F), Q = r(), ue = u(() => ({ texts: {
+			description: o(ce, Q),
+			source: o(le, Q)
+		} })), de = re(ue, { texts: I }, { $scope: !1 }), $ = u(() => R.value.length !== 0 && R.value.length && R.value.some((e) => e?.showDamAuthors));
+		return (n, r) => x(z) ? f("", !0) : (v(), p("div", ae, [
+			g(E, {
+				density: "compact",
+				class: "mt-4"
+			}, {
+				default: S(() => [g(T, null, {
+					default: S(() => [m("div", A, [
+						g(e, {
+							modelValue: I.value.description,
+							"onUpdate:modelValue": r[0] ||= (e) => I.value.description = e,
+							v: x(de),
+							label: x(U)("common.damImage.image.model.texts.description")
+						}, null, 8, [
+							"modelValue",
+							"v",
+							"label"
+						]),
+						g(k, {
+							"aria-label": G(x(U)("common.damImage.image.model.texts.description")),
+							icon: "",
+							size: "small",
+							variant: "text",
+							class: "mr-1",
+							onClick: r[1] ||= C((e) => x(B)(I.value.description, !1), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-arrow-left-right-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillOneEmpty")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"]),
+						g(k, {
+							"aria-label": K(x(U)("common.damImage.image.model.texts.description")),
+							icon: "",
+							size: "small",
+							variant: "text",
+							onClick: r[2] ||= C((e) => x(B)(I.value.description, !0), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-replace-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceOne")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"])
+					])]),
+					_: 1
+				})]),
+				_: 1
+			}),
+			X.value && $.value ? (v(), d(E, {
+				key: 0,
+				density: "compact",
+				class: "mt-4"
+			}, {
+				default: S(() => [g(T, null, {
+					default: S(() => [g(t, {
+						subject: "keyword",
+						system: "dam"
+					}, {
+						default: S(() => [m("div", j, [
+							m("div", M, [g(s, {
+								modelValue: I.value.authors,
+								"onUpdate:modelValue": r[3] ||= (e) => I.value.authors = e,
+								"ext-system": x(Y),
+								label: x(U)("common.damImage.asset.model.authors"),
+								clearable: "",
+								multiple: "",
+								"validation-scope": !1
+							}, null, 8, [
+								"modelValue",
+								"ext-system",
+								"label"
+							])]),
+							g(k, {
+								"aria-label": G(x(U)("common.damImage.asset.model.authors")),
+								icon: "",
+								size: "small",
+								variant: "text",
+								class: "mr-1",
+								onClick: r[4] ||= C((e) => q(!1), ["stop"])
+							}, {
+								default: S(() => [g(D, { icon: "mdi-file-arrow-left-right-outline" }), g(O, {
+									activator: "parent",
+									location: "bottom"
+								}, {
+									default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillOneEmpty")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["aria-label"]),
+							g(k, {
+								"aria-label": K(x(U)("common.damImage.asset.model.authors")),
+								icon: "",
+								size: "small",
+								variant: "text",
+								onClick: r[5] ||= C((e) => q(!0), ["stop"])
+							}, {
+								default: S(() => [g(D, { icon: "mdi-file-replace-outline" }), g(O, {
+									activator: "parent",
+									location: "bottom"
+								}, {
+									default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceOne")), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["aria-label"])
+						])]),
+						_: 1
+					})]),
+					_: 1
+				})]),
+				_: 1
+			})) : (v(), d(E, {
+				key: 1,
+				density: "compact",
+				class: "mt-4"
+			}, {
+				default: S(() => [g(T, null, {
+					default: S(() => [m("div", N, [
+						g(e, {
+							modelValue: I.value.source,
+							"onUpdate:modelValue": r[6] ||= (e) => I.value.source = e,
+							label: x(Z)
+						}, null, 8, ["modelValue", "label"]),
+						g(k, {
+							"aria-label": G(x(Z)),
+							icon: "",
+							size: "small",
+							variant: "text",
+							class: "mr-1",
+							onClick: r[7] ||= C((e) => x(V)(I.value.source, !1), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-arrow-left-right-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillOneEmpty")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"]),
+						g(k, {
+							"aria-label": K(x(Z)),
+							icon: "",
+							size: "small",
+							variant: "text",
+							onClick: r[8] ||= C((e) => x(V)(I.value.source, !0), ["stop"])
+						}, {
+							default: S(() => [g(D, { icon: "mdi-file-replace-outline" }), g(O, {
+								activator: "parent",
+								location: "bottom"
+							}, {
+								default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceOne")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						}, 8, ["aria-label"])
+					])]),
+					_: 1
+				})]),
+				_: 1
+			})),
+			m("div", P, [
+				g(k, {
+					class: "mr-2",
+					variant: "text",
+					size: "small",
+					onClick: r[9] ||= C((e) => J(!1), ["stop"])
+				}, {
+					default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.fillAllEmpty")), 1)]),
+					_: 1
+				}),
+				g(k, {
+					class: "mr-2",
+					variant: "text",
+					size: "small",
+					onClick: r[10] ||= C((e) => J(!0), ["stop"])
+				}, {
+					default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.replaceAll")), 1)]),
+					_: 1
+				}),
+				g(k, {
+					variant: "text",
+					size: "small",
+					onClick: C(oe, ["stop"])
+				}, {
+					default: S(() => [h(b(x(U)("common.damImage.asset.massOperations.clearForm")), 1)]),
+					_: 1
+				})
+			])
+		]));
+	}
+});
+//#endregion
+export { F as default };
+
+//# sourceMappingURL=ImageMassOperations.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMassOperations.vue_vue_type_script_setup_true_lang.js","names":["props","_unref","_openBlock","_createElementBlock","_createVNode","_component_VRow","_withCtx","_component_VCol","_createElementVNode","AFormTextarea","_component_VBtn","_withModifiers","_component_VIcon","_component_VTooltip","_createTextVNode","_toDisplayString","_createBlock","ASystemEntityScope","AuthorRemoteAutocompleteWithCached","_createCommentVNode","AFormTextarea_default","ASystemEntityScope_default","AuthorRemoteAutocompleteWithCached_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","ImageMassOperations_vue_vue_type_script_setup_true_lang_default","damConfigName","useDamConfigName","__props","texts","ref","imageStore","useImageStore","storeToRefs","useImageMassOperations","useI18n","useAlerts","fillEmptyName","t","replaceName","fillAuthors","replaceEmptyAuthors","forceReplace","error","fillAll","replaceEmptyDescription","authorEnabled","showDamAuthorsAtLeastOne","replaceEmptySource","clearForm","useExtSystemIdForCached","useDamConfigState","computed","getDamConfigExtSystem","cachedExtSystemId","DamAssetType","useCommonAdminCoreDamOptions","validators","useValidate","rules","buildFieldRules","descriptionValidation","sourceValidation","v$","images","item","unref","readonly","createCommentVNode","openBlock","createElementBlock","createVNode","VRow","withCtx","VCol","createElementVNode","_cache","$event","VBtn","withModifiers","VIcon","VTooltip","createTextVNode","toDisplayString","createBlock","sourceLabel"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageMassOperations.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { useImageMassOperations } from '@/domains/dam/imageWidget/composables/useImageMassOperations'\nimport AFormTextarea from '@/domains/form/components/AFormTextarea.vue'\nimport { computed, ref } from 'vue'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { useImageStore } from '@/domains/dam/imageWidget/store/imageStore'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { storeToRefs } from 'pinia'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { buildFieldRules } from '@/domains/dam/composables/uploadValidations'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { DamAssetType } from '@/domains/dam/types/Asset'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    /** The DAM configuration to work under. Left out: that of the component it is in, else `default`. */\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst texts = ref({ description: '', source: '', authors: [] })\n\nconst imageStore = useImageStore()\nconst { images, readonly } = storeToRefs(imageStore)\nconst { replaceEmptyDescription, replaceEmptySource, replaceEmptyAuthors } = useImageMassOperations(damConfigName)\nconst { t } = useI18n()\nconst { showErrorsDefault } = useAlerts()\n\n// The two icon buttons beside a field, named for who cannot see them: what each does, and to which field.\nconst fillEmptyName = (field: string) => t('common.damImage.asset.massOperations.fillOneEmptyField', { field })\nconst replaceName = (field: string) => t('common.damImage.asset.massOperations.replaceOneField', { field })\n\n// The authors' names are looked up first, and nothing is filled when that fails.\nconst fillAuthors = async (forceReplace: boolean) => {\n  try {\n    await replaceEmptyAuthors(texts.value.authors, forceReplace)\n  } catch (error) {\n    showErrorsDefault(error)\n  }\n}\n\nconst fillAll = (forceReplace: boolean) => {\n  replaceEmptyDescription(texts.value.description, forceReplace)\n  if (authorEnabled.value && showDamAuthorsAtLeastOne.value) {\n    fillAuthors(forceReplace)\n  } else {\n    replaceEmptySource(texts.value.source, forceReplace)\n  }\n}\n\nconst clearForm = () => {\n  texts.value.description = ''\n  if (authorEnabled.value && showDamAuthorsAtLeastOne.value) {\n    texts.value.authors = []\n  } else {\n    texts.value.source = ''\n  }\n}\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n\nconst authorEnabled = computed(() => {\n  return !!getDamConfigExtSystem(cachedExtSystemId.value)?.[DamAssetType.Image]?.authors?.enabled\n})\n\nconst { descriptionValidation, sourceValidation, sourceLabel } = useCommonAdminCoreDamOptions(damConfigName)\nconst validators = useValidate()\n\nconst rules = computed(() => ({\n  texts: {\n    description: buildFieldRules(descriptionValidation, validators),\n    source: buildFieldRules(sourceValidation, validators),\n  },\n}))\nconst v$ = useVuelidate(rules, { texts }, { $scope: false })\n\nconst showDamAuthorsAtLeastOne = computed(() => {\n  if (images.value.length === 0) return false\n  return images.value.length && images.value.some((item) => item?.showDamAuthors)\n})\n</script>\n\n<template>\n  <div\n    v-if=\"!readonly\"\n    class=\"w-100\"\n  >\n    <VRow\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <div class=\"d-flex\">\n          <AFormTextarea\n            v-model=\"texts.description\"\n            :v=\"v$\"\n            :label=\"t('common.damImage.image.model.texts.description')\"\n          />\n          <VBtn\n            :aria-label=\"fillEmptyName(t('common.damImage.image.model.texts.description'))\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            class=\"mr-1\"\n            @click.stop=\"replaceEmptyDescription(texts.description, false)\"\n          >\n            <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n            </VTooltip>\n          </VBtn>\n          <VBtn\n            :aria-label=\"replaceName(t('common.damImage.image.model.texts.description'))\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            @click.stop=\"replaceEmptyDescription(texts.description, true)\"\n          >\n            <VIcon icon=\"mdi-file-replace-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.replaceOne') }}\n            </VTooltip>\n          </VBtn>\n        </div>\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"authorEnabled && showDamAuthorsAtLeastOne\"\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <ASystemEntityScope\n          subject=\"keyword\"\n          system=\"dam\"\n        >\n          <div class=\"d-flex\">\n            <div style=\"flex-grow: 1\">\n              <AuthorRemoteAutocompleteWithCached\n                v-model=\"texts.authors\"\n                :ext-system=\"cachedExtSystemId\"\n                :label=\"t('common.damImage.asset.model.authors')\"\n                clearable\n                multiple\n                :validation-scope=\"false\"\n              />\n            </div>\n            <VBtn\n              :aria-label=\"fillEmptyName(t('common.damImage.asset.model.authors'))\"\n              icon\n              size=\"small\"\n              variant=\"text\"\n              class=\"mr-1\"\n              @click.stop=\"fillAuthors(false)\"\n            >\n              <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"replaceName(t('common.damImage.asset.model.authors'))\"\n              icon\n              size=\"small\"\n              variant=\"text\"\n              @click.stop=\"fillAuthors(true)\"\n            >\n              <VIcon icon=\"mdi-file-replace-outline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.damImage.asset.massOperations.replaceOne') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </ASystemEntityScope>\n      </VCol>\n    </VRow>\n    <VRow\n      v-else\n      density=\"compact\"\n      class=\"mt-4\"\n    >\n      <VCol>\n        <div class=\"d-flex\">\n          <AFormTextarea\n            v-model=\"texts.source\"\n            :label=\"sourceLabel\"\n          />\n          <VBtn\n            :aria-label=\"fillEmptyName(sourceLabel)\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            class=\"mr-1\"\n            @click.stop=\"replaceEmptySource(texts.source, false)\"\n          >\n            <VIcon icon=\"mdi-file-arrow-left-right-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.fillOneEmpty') }}\n            </VTooltip>\n          </VBtn>\n          <VBtn\n            :aria-label=\"replaceName(sourceLabel)\"\n            icon\n            size=\"small\"\n            variant=\"text\"\n            @click.stop=\"replaceEmptySource(texts.source, true)\"\n          >\n            <VIcon icon=\"mdi-file-replace-outline\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"bottom\"\n            >\n              {{ t('common.damImage.asset.massOperations.replaceOne') }}\n            </VTooltip>\n          </VBtn>\n        </div>\n      </VCol>\n    </VRow>\n    <div class=\"sidebar-info__actions pa-2 d-flex align-center justify-center\">\n      <VBtn\n        class=\"mr-2\"\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"fillAll(false)\"\n      >\n        {{ t('common.damImage.asset.massOperations.fillAllEmpty') }}\n      </VBtn>\n      <VBtn\n        class=\"mr-2\"\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"fillAll(true)\"\n      >\n        {{ t('common.damImage.asset.massOperations.replaceAll') }}\n      </VBtn>\n      <VBtn\n        variant=\"text\"\n        size=\"small\"\n        @click.stop=\"clearForm\"\n      >\n        {{ t('common.damImage.asset.massOperations.clearForm') }}\n      </VBtn>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageMediaWidgetInner.js","names":["_sfc_main","ImageMediaWidgetInner_vue_vue_type_script_setup_true_lang_default","ImageMediaWidgetInner_default"],"sources":["../../../../../src/domains/dam/imageWidget/components/ImageMediaWidgetInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AImageDropzone from '@/domains/ui/file/components/AFileDropzone.vue'\nimport type { DocId, IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport type { ImageAware, ImageCreateUpdateAware } from '@/domains/dam/types/ImageAware'\nimport imagePlaceholderPath from '@/assets/image/placeholder16x9.svg'\nimport { useCommonAdminImageOptions } from '@/domains/dam/imageWidget/composables/commonAdminImageOptions'\nimport { useImageActions } from '@/domains/dam/imageWidget/composables/imageActions'\nimport { cloneDeep, isDefined, isNull, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport {\n  type AssetDetailItemDto,\n  DamAssetType,\n  type DamAssetTypeType,\n  type DamImageCopyToLicenceResponse,\n} from '@/domains/dam/types/Asset'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { AssetSelectReturnData } from '@/domains/dam/types/AssetSelect'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport ImageDetailDialogMetadata from '@/domains/dam/imageWidget/components/ImageDetailDialogMetadata.vue'\nimport { computed, inject, onBeforeUnmount, ref, type ShallowRef, toRaw, watch } from 'vue'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { loadAssetDetailExtSystem } from '@/domains/dam/assetDetail/composables/assetDetailExtSystem'\nimport { storeToRefs } from 'pinia'\nimport {\n  fetchAsset,\n  fetchAssetAsCmsMedia,\n  fetchAssetByFileId,\n  showMetadataSaveError,\n  updateAssetAuthors,\n} from '@/domains/dam/api/damAssetApi'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport UploadQueueDialogSingle from '@/domains/dam/uploadQueue/components/UploadQueueDialogSingle.vue'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { fetchAuthorListByIds } from '@/domains/dam/author/api/authorApi'\nimport { useI18n } from 'vue-i18n'\nimport type { VBtn } from 'vuetify/components'\nimport { useExtSystemIdForCached } from '@/domains/dam/composables/extSystemIdForCached'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport {\n  type CollabComponentConfig,\n  type CollabFieldData,\n  type CollabFieldLockOptions,\n  CollabStatus,\n  type CollabStatusType,\n} from '@/domains/collab/types/Collab'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport { useCollabState } from '@/domains/collab/composables/collabState'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport AFileInputDialog from '@/domains/ui/file/components/AFileInputDialog.vue'\nimport {\n  CollabFieldLockStatus,\n  type CollabFieldLockStatusPayload,\n  CollabFieldLockType,\n} from '@/domains/collab/composables/collabEventBus'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport AAssetSelectMedia from '@/domains/dam/assetSelect/components/AAssetSelectMedia.vue'\nimport {\n  isImageCreateUpdateAware,\n  isMediaAware,\n  useImageMediaWidgetStore,\n} from '@/domains/dam/imageWidget/store/imageMediaWidgetStore'\nimport {\n  type DamMediaFromDam,\n  DamMediaType,\n  type DamMediaTypeType,\n  type ImageMediaCollabValue,\n  type MediaAware,\n} from '@/domains/dam/types/MediaAware'\nimport { assetFileIsAudioFile, assetFileIsVideoFile } from '@/domains/dam/types/AssetFile'\nimport { copyToLicence } from '@/domains/dam/api/damImageApi'\nimport { createDamImage, imageFieldsOf } from '@/domains/dam/imageWidget/utils/damImage'\nimport { assetMetadataMayStillChange } from '@/domains/dam/assetDetail/utils/assetMetadataMayStillChange'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport {\n  giveNamesToEmptySource,\n  type HeldAssetAnew,\n  useImageDialogDamAuthors,\n} from '@/domains/dam/imageWidget/composables/imageDialogDamAuthors'\nimport { lastFieldLockTurn, takeFieldLockTurn } from '@/domains/dam/imageWidget/utils/fieldLockTurns'\nimport {\n  holdImage,\n  imageSavedSince,\n  imageSavesOfOthersOver,\n  noteImageSave,\n} from '@/domains/dam/imageWidget/utils/imageSaves'\nimport { WAIT_RAN_OUT, withinWaitLimit } from '@/domains/dam/imageWidget/utils/waitLimit'\n\nconst props = withDefaults(\n  defineProps<{\n    queueKey: UploadQueueKey\n    uploadLicence: IntegerId\n    selectLicences: IntegerId[]\n    initialImage?: 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    required?: boolean\n    readonly?: boolean\n    dataCy?: string | undefined\n    expandOptions?: boolean\n    expandMetadata?: boolean // only one at once, use in dialogs\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    required: false,\n    initialImage: undefined,\n    initialMedia: undefined,\n    readonly: 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: 'afterMetadataSaveSuccess'): void\n}>()\n\nconst imageModel = defineModel<IntegerIdNullable>('image', { required: true })\nconst mediaModel = defineModel<MediaAware | null>('media', { required: true })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\nconst { collabReconnecting } = useCollabState()\n\nconst releaseFieldLock = ref((_data: CollabFieldData, _options?: Partial<CollabFieldLockOptions>) => {})\nconst changeFieldData = ref((_data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst acquireFieldLock = ref((options?: Partial<CollabFieldLockOptions>) => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const {\n    releaseCollabFieldLock,\n    acquireCollabFieldLock,\n    changeCollabFieldData,\n    addCollabFieldLockStatusListener,\n    lockedByUser,\n  } = useCollabField(props.collab.room, props.collab.field)\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n  addCollabFieldLockStatusListener((data: CollabFieldLockStatusPayload) => {\n    if (data.status === CollabFieldLockStatus.Success && data.type === CollabFieldLockType.Acquire) {\n      lockRequestPending.value = false\n      collabFieldLockReallyLocked.value = true\n    } else if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Acquire) {\n      lockRequestPending.value = false\n      collabFieldLockReallyLocked.value = false\n    } else if (lockRequestPending.value) {\n      // The answer to a release sent before a request still out says nothing about that request, whose own answer\n      // decides: a refused release read as the lock held let a drop upload before its request was answered.\n      return\n    } else if (data.status === CollabFieldLockStatus.Success && data.type === CollabFieldLockType.Release) {\n      collabFieldLockReallyLocked.value = false\n    } else if (data.status === CollabFieldLockStatus.Failure && data.type === CollabFieldLockType.Release) {\n      collabFieldLockReallyLocked.value = true\n    }\n  })\n}\n// What the field holds, both halves: an image or a media, and the other editors have to know which. Read from the\n// models only where they already hold it: an assignment to a `v-model` model shows there after the parent renders,\n// so the paths that just assigned send what they assigned.\nconst collabValue = (): ImageMediaCollabValue => ({ image: imageModel.value, media: mediaModel.value })\nconst lockedLocal = ref(false)\n// The turn of the lock of the field this widget took last, by a request or a release. Another widget of the same field\n// may have taken one since: the widget drawn in place of this one once it is gone.\nlet ownLockTurn = 0\nconst takeLockTurn = () => {\n  if (isDefined(props.collab)) ownLockTurn = takeFieldLockTurn(props.collab.room, props.collab.field)\n}\nconst lockTurnTakenSince = () =>\n  isDefined(props.collab) && lastFieldLockTurn(props.collab.room, props.collab.field) !== ownLockTurn\n// Asked for once per lock. A drop asks again for a lock not confirmed yet: a refused request left every later drop\n// waiting on a lock never granted. A refusal does not forget the lock either: a timed-out request answers the same,\n// and the server may have granted it, so it is still released. Never asked while a request is out: a second one\n// could answer after the first, and one sent by the click that closes the menu raced its release on the server.\nconst lockRequestPending = ref(false)\nconst acquireFieldLockLocal = (again = false) => {\n  if (props.collabStatus === CollabStatus.Inactive) return\n  if (lockedLocal.value === true && (!again || lockRequestPending.value || collabFieldLockReallyLocked.value)) return\n  // What an earlier answer left says nothing about this lock: the wait for it waits for this answer.\n  collabFieldLockReallyLocked.value = false\n  lockRequestPending.value = true\n  acquireFieldLock.value()\n  takeLockTurn()\n  lockedLocal.value = true\n}\n// A lock taken while the room was active is released in an inactive one too: the room turned inactive because the\n// other editor left, and the server still holds it for whoever comes back.\nconst releaseFieldLockLocal = () => {\n  if (lockedLocal.value === false) return\n  releaseFieldLock.value(collabValue())\n  takeLockTurn()\n  lockedLocal.value = false\n}\n// One release per lock: the server refuses a second one, and its refusal read as the lock still held. An inactive\n// room keeps the value for the editors who join, lock or not.\nconst releaseFieldLockWith = (value: ImageMediaCollabValue) => {\n  if (lockedLocal.value === false && props.collabStatus !== CollabStatus.Inactive) return\n  releaseFieldLock.value(value)\n  takeLockTurn()\n  lockedLocal.value = false\n}\n\nconst imageWidgetUploadConfig = inject<ShallowRef<DamConfigLicenceExtSystemReturnType | undefined> | undefined>(\n  ImageWidgetUploadConfigKey,\n  undefined\n)\n\nif (isUndefined(imageWidgetUploadConfig) || isUndefined(imageWidgetUploadConfig.value)) {\n  throw new Error(\"Fatal error, parent component doesn't provide necessary config ext system config.\")\n}\n\nconst { t } = useI18n()\n\nconst { showErrorsDefault, showErrorT, showWarningT, showUnknownError } = useAlerts()\n\nconst imageOptions = useCommonAdminImageOptions(damConfigName)\nconst { imageClient, imageApi } = imageOptions\nconst { widgetImageToDamImageUrl, damImageIdToDamImageUrl } = useImageActions(imageOptions)\nconst uploadQueuesStore = useUploadQueuesStore()\nconst { uploadQueueDialog, stopQueueLeftBehind } = useUploadQueueDialog()\n// Before the immediate watcher below: with expandMetadata it writes the detail while setup runs. Not the form an open\n// dialog of another widget shows: a widget drawn late, once its configuration was read, emptied that form.\nconst imageMediaWidgetStore = useImageMediaWidgetStore()\nimageMediaWidgetStore.resetUnlessShown()\nconst { detail } = storeToRefs(imageMediaWidgetStore)\nconst thisWidget = Symbol('image media widget')\n\nconst resImageMedia = ref<null | ImageCreateUpdateAware | MediaAware>(null)\nconst clickMenuOpened = ref(false)\nconst assetSelectDialog = ref(false)\nconst metadataDialog = ref(false)\nconst metadataDialogSaving = ref(false)\nconst metadataDialogLoading = ref(false)\nconst fileInputDialog = ref(false)\n\n// The authors of the DAM the dialog of the image offers are those of an asset this widget has read itself, for the\n// image that dialog shows, or draws in the page with `expandMetadata`.\nconst {\n  damAuthorsAsset,\n  offerDamAuthorsOf,\n  offerNoDamAuthors,\n  pickDamAuthors,\n  onAssetDetailClose,\n  holdConfirmForDetailAssetRead,\n  readHeldAnew,\n  takeHeldAnew,\n  letGoOnceSavedWithSource,\n  authorsGivenMeanwhile,\n  confirmWaits,\n} = useImageDialogDamAuthors(\n  damConfigName,\n  () =>\n    (metadataDialog.value || props.expandMetadata) && isImageCreateUpdateAware(detail.value) ? detail.value : null,\n  () => props.readonly\n)\n\n// What the widget's open dialog, or its form in the page, shows is in the store of the dialog: no other widget empties\n// it meanwhile.\nwatch(\n  () => metadataDialog.value || props.expandMetadata,\n  (shows) => imageMediaWidgetStore.setShownBy(thisWidget, shows),\n  { immediate: true, flush: 'sync' }\n)\n\nconst hideDropzoneText = computed(() => {\n  return !isNull(imageModel.value) || !isNull(mediaModel.value)\n})\n\nconst resolvedSrc = ref('')\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst imageMediaLoaded = computed(() => {\n  return !isNull(resImageMedia.value)\n})\n\n// What \"edit metadata\" has put into the dialog: a copy of the image or the media of the widget, as it was then.\nlet ownInDialog: typeof detail.value = null\n// What a pick or an upload of this widget has put into the dialog last. The store of the dialog is the page's: what\n// it shows may be what another widget's dialog, opened over this one, shows.\nlet pickInDialog: typeof detail.value = null\n// What the dialog shows its loading for: a pick whose asset is being read, or \"edit metadata\" waiting for a save of the\n// image by another widget, or for a read of the asset the widget holds. Its answer is put into the dialog only while\n// the dialog still loads for it: not once the editor has closed it, nor once the store of the dialog, which is the\n// page's, holds what another dialog shows. The answer of a pick replaced the form of the dialog of another widget,\n// opened meanwhile, and what the editor had typed there was lost. The dialog that loads for it then closes: it shows\n// that form too, and its confirm would save it here.\nlet loadingInDialog: symbol | null = null\nconst answerTakenFor = (opening: symbol) => {\n  if (disposed || loadingInDialog !== opening) return false\n  if (isNull(detail.value)) return true\n  loadingInDialog = null\n  metadataDialogLoading.value = false\n  metadataDialog.value = false\n  return false\n}\n// How many saves of the image it holds the page had seen answered when the widget read that image.\nlet resImageReadAt = 0\n// The marks of the saves of images the widget has on their way.\nconst ownImageSaves = new Set<symbol>()\n// The wait of an opening of \"edit metadata\" for a save of another widget: let go once the dialog closes.\nlet cancelSaveWait: (() => void) | null = null\n// What the dialog is opened for: the image or the medium the widget holds, the asset picked, the uploaded image. Its\n// title says it from the start, the same while the dialog loads, waits and saves.\nconst dialogType = ref<DamAssetTypeType>(DamAssetType.Image)\nconst actionEditMeta = async () => {\n  dialogType.value = type.value ?? DamAssetType.Image\n  const heldId = () => (isImageCreateUpdateAware(resImageMedia.value) ? resImageMedia.value.id : undefined)\n  // Another widget of the page is saving the image (the widget this one was drawn in place of, its save still on its\n  // way): the dialog shows its loading till that save is over.\n  const id = heldId()\n  const othersSaves = isNumber(id) ? imageSavesOfOthersOver(damConfigName, id, ownImageSaves) : null\n  if (othersSaves) {\n    const thisOpening = (loadingInDialog = Symbol('edit'))\n    imageMediaWidgetStore.setDetail(null)\n    metadataDialogLoading.value = true\n    metadataDialog.value = true\n    cancelSaveWait = othersSaves.cancel\n    const over = await withinWaitLimit(othersSaves.over, 1, damConfigName)\n    cancelSaveWait = null\n    if (!answerTakenFor(thisOpening)) return\n    loadingInDialog = null\n    metadataDialogLoading.value = false\n    // That save has not answered in time: the dialog closes, and the user is told the request timed out. It loaded\n    // till the editor closed it. Shown, what the widget read before that save would go out with the confirm over what\n    // the save may yet write.\n    if (over === WAIT_RAN_OUT) {\n      othersSaves.cancel()\n      metadataDialog.value = false\n      showErrorT('error.apiTimedOut.message')\n      return\n    }\n  }\n  // The widget holds the asset of the image's file, picked without authors: the dialog shows its loading while that\n  // asset is read anew, and what the read finds goes into the dialog with the image. Never for a medium.\n  const heldAnew = readHeldAnew(\n    isImageCreateUpdateAware(resImageMedia.value) ? resImageMedia.value.dam.damId : undefined\n  )\n  let anew: HeldAssetAnew | null = null\n  if (heldAnew) {\n    const thisOpening = (loadingInDialog = Symbol('edit'))\n    imageMediaWidgetStore.setDetail(null)\n    metadataDialogLoading.value = true\n    metadataDialog.value = true\n    anew = await heldAnew\n    if (!answerTakenFor(thisOpening)) return\n    loadingInDialog = null\n    metadataDialogLoading.value = false\n  }\n  // Saved by another widget of the page after this one read it: the widget takes the image as that save left it. It\n  // offered the texts it had read, and its confirm saved them back over the saved ones.\n  const savedId = heldId()\n  const saved = isNumber(savedId) ? imageSavedSince(damConfigName, savedId, resImageReadAt) : null\n  if (saved) void reloadImage(saved, null, true)\n  imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n  takeHeldAnew(anew, isImageCreateUpdateAware(detail.value) ? detail.value : null)\n  ownInDialog = detail.value\n  metadataDialog.value = true\n}\n\n// With `expandMetadata` the form of the image is in the page once the image is read, with no \"edit metadata\" to wait\n// for a save of the image by another widget, or to take what such a save wrote: the form does both, as that opening\n// does. It showed the texts read before that save took effect, and the confirm of its host saved them back over the\n// saved ones. Once the wait runs out the form shows what was read, and the user is told the request timed out.\nconst showReadInForm = async () => {\n  const heldId = () => (isImageCreateUpdateAware(resImageMedia.value) ? resImageMedia.value.id : undefined)\n  const id = heldId()\n  const othersSaves = isNumber(id) ? imageSavesOfOthersOver(damConfigName, id, ownImageSaves) : null\n  if (othersSaves) {\n    const thisOpening = (loadingInDialog = Symbol('edit'))\n    imageMediaWidgetStore.setDetail(null)\n    metadataDialogLoading.value = true\n    cancelSaveWait = othersSaves.cancel\n    const over = await withinWaitLimit(othersSaves.over, 1, damConfigName)\n    cancelSaveWait = null\n    if (!answerTakenFor(thisOpening)) return\n    loadingInDialog = null\n    metadataDialogLoading.value = false\n    if (over === WAIT_RAN_OUT) {\n      othersSaves.cancel()\n      showErrorT('error.apiTimedOut.message')\n    }\n    // The widget has been given another image meanwhile: that one is shown.\n    if (heldId() !== id) return\n  }\n  const saved = isNumber(id) ? imageSavedSince(damConfigName, id, resImageReadAt) : null\n  if (saved) return void reloadImage(saved, null, true)\n  imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n}\n\nconst actionLibrary = () => {\n  assetSelectDialog.value = true\n}\n\nconst { cachedExtSystemId } = useExtSystemIdForCached(damConfigName)\n\n// this ref is updating only when the lock was really success or failure using sockets, needed for drop files\nconst collabFieldLockReallyLocked = ref(false)\n\n// Cancelling must settle the promise, not just clear the timer — `onDrop` awaits it. A Set\n// because overlapping drops each have their own wait.\nconst LOCK_WAIT_CANCELLED = Symbol('lock wait cancelled')\ntype PendingLockWait = { timer: ReturnType<typeof setTimeout>; reject: (reason: unknown) => void }\nconst pendingLockWaits = new Set<PendingLockWait>()\nlet disposed = false\n\nonBeforeUnmount(() => {\n  disposed = true\n  pendingLockWaits.forEach((wait) => {\n    clearTimeout(wait.timer)\n    wait.reject(LOCK_WAIT_CANCELLED)\n  })\n  pendingLockWaits.clear()\n  // What held the lock of the field goes with the widget (its menu, a dialog, the picker, a pick being read, a drop\n  // waiting for the lock), and nothing gave it back: the server keeps a lock till it is released or the editor leaves\n  // the room, and the field stayed locked for the other editors. Given back with what the field has, unless a save or\n  // a delete of the widget is on its way, which gives it back at its end, or the widget drawn in its place has taken a\n  // turn of the lock since.\n  if (!metadataDialogSaving.value && !deletePending.value && !lockTurnTakenSince()) releaseFieldLockLocal()\n  imageMediaWidgetStore.setShownBy(thisWidget, false)\n  holdImage(damConfigName, thisWidget, null)\n  cancelSaveWait?.()\n})\n\nconst waitForFieldLockIsReallyAcquired = async () => {\n  if (!collabOptions.value.enabled || isUndefined(props.collab) || props.collabStatus === CollabStatus.Inactive) {\n    return Promise.resolve(true)\n  }\n\n  let count = 0\n\n  const checkLock: () => Promise<Awaited<boolean>> = () => {\n    if (disposed) {\n      return Promise.reject(LOCK_WAIT_CANCELLED)\n    }\n    if (collabFieldLockReallyLocked.value) {\n      return Promise.resolve(true)\n    }\n\n    count++\n    if (count < 50) {\n      return new Promise((resolve, reject) => {\n        const wait: PendingLockWait = {\n          timer: setTimeout(() => {\n            pendingLockWaits.delete(wait)\n            resolve(checkLock())\n          }, 100),\n          reject,\n        }\n        pendingLockWaits.add(wait)\n      })\n    }\n\n    return Promise.reject(false)\n  }\n\n  return checkLock()\n}\n\n// The drop that is uploaded once the lock of the field comes: one, as the upload dialog shows one file while it saves\n// all it is given. Each drop that waited used to queue its file.\nlet dropInWait: symbol | null = null\n\nconst onDrop = async (files: File[]) => {\n  if (props.readonly) return\n  // The dropzone has turned every file away, and said so: there is nothing to ask the lock of the field for.\n  if (files.length === 0) return\n  // The lock an earlier drop asked for is still on its way: this one is not taken.\n  if (!isNull(dropInWait) && lockRequestPending.value) return\n  // As a click on the dropzone: the field is another editor's.\n  if (isLocked.value) {\n    showErrorT('common.damImage.error.unableToLock')\n    return\n  }\n  acquireFieldLockLocal(true)\n  const config = imageWidgetUploadConfig.value!\n  // After a refusal this drop has asked again, as before: it takes the place of the one still waiting.\n  const thisDrop = Symbol('drop')\n  dropInWait = thisDrop\n  try {\n    await waitForFieldLockIsReallyAcquired()\n    // The lock can resolve after the widget is gone; uploading into it is worse than dropping.\n    if (disposed) return\n    if (dropInWait !== thisDrop) return\n    // Turned read-only while the lock was awaited: the lock goes back and nothing is uploaded.\n    if (props.readonly) {\n      if (pendingLockWaits.size === 0 && !clickMenuOpened.value && !anyWidgetDialogOpened.value) releaseFieldLockLocal()\n      return\n    }\n    cachedExtSystemId.value = config.extSystem\n    // The widget holds one image, and its upload dialog shows one file: of several dropped at once the first is\n    // uploaded, and the user is told. The others used to be uploaded too, unseen, and left without an image.\n    if (files.length > 1) showWarningT('common.damImage.upload.onlyOneFile')\n    stopQueueLeftBehind(props.queueKey)\n    uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files.slice(0, 1), damConfigName)\n    uploadQueueDialog.value = props.queueKey\n  } catch (e) {\n    if (disposed || e === LOCK_WAIT_CANCELLED) return\n    // A request that timed out may have been granted after all, and nothing else would release it. Only when nothing\n    // else waits for or holds it: refused, this release reads as the lock held, and another drop still waiting uploaded\n    // without its lock, or a menu opened meanwhile lost the one it asked for.\n    if (pendingLockWaits.size === 0 && !clickMenuOpened.value && !anyWidgetDialogOpened.value) releaseFieldLockLocal()\n    showErrorT('common.damImage.error.unableToLock')\n  } finally {\n    if (dropInWait === thisDrop) dropInWait = null\n  }\n}\n\nconst onCopyToLicence = (data: DamImageCopyToLicenceResponse) => {\n  if (props.readonly) return\n  if (!data[0]) return\n  const config = imageWidgetUploadConfig.value!\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  if (data[0].result === 'copy') {\n    uploadQueuesStore.addByCopyToLicence(\n      props.queueKey,\n      config.extSystem,\n      config.licence,\n      [data[0].targetAsset],\n      damConfigName\n    )\n  } else if (data[0].result === 'exists') {\n    uploadQueuesStore.addByCopyToLicence(\n      props.queueKey,\n      config.extSystem,\n      config.licence,\n      [data[0].targetAsset],\n      damConfigName\n    )\n    uploadQueuesStore.queueItemDuplicate(data[0].targetAsset, data[0].targetMainFile, DamAssetType.Image, damConfigName)\n  } else {\n    showErrorT('common.damImage.queueItem.errorUnableToCopyToLicence')\n    return\n  }\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst onFileInput = (files: File[]) => {\n  if (props.readonly) return\n  // The input has turned every file away, and said so: a dialog over a queue without a row would only load.\n  if (files.length === 0) return\n  const config = imageWidgetUploadConfig.value!\n  cachedExtSystemId.value = config.extSystem\n  stopQueueLeftBehind(props.queueKey)\n  uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files, damConfigName)\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  DamAssetType.Image,\n  imageWidgetUploadConfig.value.extSystemConfig\n)\n\n// The id of the image this widget has just created. Its model changes to that id, and what the widget shows is the\n// answer to the create: read again, the preview fell back to the placeholder meanwhile, and a read that failed said\n// an error after a save that went through. Any other change of the id is read as before.\nlet createdImageId: IntegerIdNullable = null\n\nconst reloadImage = async (\n  newImage: ImageCreateUpdateAware | undefined,\n  newImageId: IntegerIdNullable,\n  force = false\n) => {\n  resolvedSrc.value = imagePlaceholderPath\n  if ((newImage && isNull(resImageMedia.value)) || (newImage && force)) {\n    resImageMedia.value = cloneDeep(newImage)\n    resImageReadAt = holdImage(damConfigName, thisWidget, newImage.id ?? null)\n    if (isImageCreateUpdateAware(resImageMedia.value)) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value), props.damWidth, props.damHeight)\n      } else {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value))\n      }\n      if (props.expandMetadata) {\n        imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n      }\n    }\n    return\n  }\n  if (newImageId) {\n    // Counted as the read is sent: a save answered after that may have taken effect only after the read.\n    const readAt = holdImage(damConfigName, thisWidget, newImageId)\n    try {\n      resImageMedia.value = await imageApi.fetchImage(imageClient, newImageId)\n      resImageReadAt = readAt\n    } catch (error) {\n      showErrorsDefault(error)\n    }\n    // The widget is gone: with `expandMetadata` its image would be put into the store of the dialog, which is the\n    // page's, and by now shows the image of the next widget.\n    if (disposed) return\n    if (isImageCreateUpdateAware(resImageMedia.value)) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value), props.damWidth, props.damHeight)\n      } else {\n        resolvedSrc.value = widgetImageToDamImageUrl(toRaw(resImageMedia.value))\n      }\n      if (props.expandMetadata) void showReadInForm()\n    }\n    return\n  }\n  resImageMedia.value = null\n  holdImage(damConfigName, thisWidget, null)\n}\n\nconst reloadMedia = (newMedia: MediaAware | null) => {\n  resolvedSrc.value = imagePlaceholderPath\n  holdImage(damConfigName, thisWidget, null)\n  if (newMedia) {\n    resImageMedia.value = cloneDeep(newMedia)\n    if (isMediaAware(resImageMedia.value) && !isNull(resImageMedia.value.damMedia.imageFileId)) {\n      if (isNumber(props.damWidth) && isNumber(props.damHeight)) {\n        resolvedSrc.value = damImageIdToDamImageUrl(\n          resImageMedia.value.damMedia.imageFileId,\n          props.damWidth,\n          props.damHeight\n        )\n      } else {\n        resolvedSrc.value = damImageIdToDamImageUrl(resImageMedia.value.damMedia.imageFileId)\n      }\n      if (props.expandMetadata) {\n        imageMediaWidgetStore.setDetail(toRaw(resImageMedia.value))\n      }\n    }\n    return\n  }\n  resImageMedia.value = null\n}\n\n// `release` false: a menu or dialog still open holds the lock, and its close or confirm releases it. Alone, the editor\n// holds none, and the value goes to the buffer here or nowhere.\nconst reset = (release = true) => {\n  resolvedSrc.value = imagePlaceholderPath\n  resImageMedia.value = null\n  holdImage(damConfigName, thisWidget, null)\n  imageModel.value = null\n  mediaModel.value = null\n  // Not the form the open dialog of another widget shows.\n  imageMediaWidgetStore.resetUnlessShown(thisWidget)\n  if (release || props.collabStatus === CollabStatus.Inactive) releaseFieldLockWith({ image: null, media: null })\n}\n\nwatch(\n  [() => props.initialImage, imageModel, mediaModel],\n  async ([newImage, newImageId, newMedia], [oldImage, oldImageId, oldMedia]) => {\n    // Used up by every run, also one that ends at the media: left standing, it would keep a later change to that id\n    // from being read.\n    const created = createdImageId\n    createdImageId = null\n    if (!isNull(newMedia) && JSON.stringify(newMedia) !== JSON.stringify(oldMedia)) {\n      reloadMedia(newMedia)\n      return\n    }\n\n    if (newImage !== oldImage || newImageId !== oldImageId) {\n      if (!isNull(created) && newImageId === created && newImage === oldImage) return\n      await reloadImage(newImage, newImageId)\n      return\n    }\n\n    if (isNull(newMedia) && !isNull(oldMedia)) {\n      reloadMedia(null)\n    }\n  },\n  { immediate: true }\n)\n\nconst assetSelectStore = useAssetSelectStore()\nconst { getDamConfigExtSystem } = useDamConfigState(undefined, damConfigName)\n\n// The picker closes itself as it answers, and the widget's next dialog opens only once the asset is fetched or\n// copied: till then the pick counts as an open dialog, or the close watcher gave the lock up with the old value. Each\n// pick on its way counts: the end of one whose dialog the editor had closed gave the lock up under a later one.\nconst assetPicksPending = ref(0)\nconst onAssetSelectConfirm = async (data: AssetSelectReturnData) => {\n  if (props.readonly) return\n  const thisPick = (loadingInDialog = Symbol('pick'))\n  assetPicksPending.value++\n  try {\n    await pickAsset(data, thisPick)\n  } finally {\n    assetPicksPending.value--\n    // Ended early (no main file, the media not loaded), the pick left the dialog loading: the next upload or edit\n    // showed only a spinner. Whatever it loaded is loaded by now. Unless the dialog loads for what has opened it since.\n    if (loadingInDialog === thisPick) {\n      loadingInDialog = null\n      metadataDialogLoading.value = false\n    }\n  }\n}\n\nconst pickAsset = async (data: AssetSelectReturnData, thisPick: symbol) => {\n  if (data.type !== 'asset' || !data.value[0]) return\n  metadataDialogLoading.value = true\n  imageMediaWidgetStore.setDetail(null)\n  offerNoDamAuthors()\n  let description = ''\n  let source = ''\n  const selectedAsset = data.value[0]\n  if (!selectedAsset.mainFile) return\n  dialogType.value = selectedAsset.attributes.assetType\n  // What the asset is to the widget is known once it is read: the dialog shows its loading till then, and while an\n  // image is copied into the licence of the upload, as that of the image widget does. Nothing was shown, and a dialog\n  // of another widget opened meanwhile was covered by this one.\n  metadataDialog.value = true\n  let mediaDataFromDam: DamMediaFromDam | null = null\n  try {\n    mediaDataFromDam = await fetchAssetAsCmsMedia(damClient, selectedAsset.id, endPointCmsAsset)\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n  // The widget is gone: nothing of its pick is put into the store of the dialog, which is the page's. Nor when the\n  // dialog no longer loads for this pick.\n  if (!answerTakenFor(thisPick)) return\n  // Nothing to show: the dialog closes.\n  if (!mediaDataFromDam) return void (metadataDialog.value = false)\n  if (selectedAsset.attributes.assetType === DamAssetType.Video && assetFileIsVideoFile(selectedAsset.mainFile)) {\n    // video\n    metadataDialog.value = true\n    const mediaData: MediaAware = {\n      extService: 'damVideo',\n      damMedia: {\n        imageFileId: selectedAsset.mainFile.imagePreview?.imageFile || null,\n        assetId: selectedAsset.id,\n        licenceId: selectedAsset.licence,\n        assetType: DamAssetType.Video,\n        title: mediaDataFromDam.title,\n        description: mediaDataFromDam.description,\n        seriesName: mediaDataFromDam.seriesName,\n        authorNames: mediaDataFromDam.authorNames,\n        publishedAt: mediaDataFromDam.publishedAt,\n        duration: mediaDataFromDam.duration,\n        mediaUrl: mediaDataFromDam.mediaUrl,\n        playable: mediaDataFromDam.playable,\n        syncedWithDam: true,\n        episodeName: mediaDataFromDam.episodeName,\n        episodeNumber: mediaDataFromDam.episodeNumber,\n      },\n    }\n    imageMediaWidgetStore.setDetail(mediaData)\n  } else if (\n    selectedAsset.attributes.assetType === DamAssetType.Audio &&\n    selectedAsset.podcasts.length > 0 &&\n    assetFileIsAudioFile(selectedAsset.mainFile)\n  ) {\n    // podcast audio\n    metadataDialog.value = true\n    const mediaData: MediaAware = {\n      extService: 'damPodcast',\n      damMedia: {\n        imageFileId: selectedAsset.mainFile.imagePreview?.imageFile || null,\n        assetId: selectedAsset.id,\n        licenceId: selectedAsset.licence,\n        assetType: DamAssetType.Audio,\n        title: mediaDataFromDam.title,\n        description: mediaDataFromDam.description,\n        seriesName: mediaDataFromDam.seriesName,\n        authorNames: mediaDataFromDam.authorNames,\n        publishedAt: mediaDataFromDam.publishedAt,\n        duration: mediaDataFromDam.duration,\n        mediaUrl: mediaDataFromDam.mediaUrl,\n        playable: mediaDataFromDam.playable,\n        syncedWithDam: true,\n        episodeName: mediaDataFromDam.episodeName,\n        episodeNumber: mediaDataFromDam.episodeNumber,\n      },\n    }\n    imageMediaWidgetStore.setDetail(mediaData)\n  } else if (selectedAsset.attributes.assetType === DamAssetType.Image) {\n    // image\n    // An asset already in the licence of the upload is taken as it is.\n    if (\n      copyToLicenceEnabled !== false &&\n      !isUndefined(data.copyToLicence) &&\n      selectedAsset.licence !== data.copyToLicence\n    ) {\n      let copyRes: DamImageCopyToLicenceResponse | null = null\n      try {\n        copyRes = await copyToLicence(damClient, endPointImage, [\n          { asset: data.value[0].id, targetAssetLicence: data.copyToLicence },\n        ])\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // A widget that is gone, or a dialog that no longer loads for the pick, opens no upload dialog: the copy of a\n      // widget that is gone went on in the upload dialog of the widget drawn in its place, which asked for the lock of\n      // the field only then.\n      if (!answerTakenFor(thisPick)) return\n      // The upload dialog shows the copy, and takes the place of the dialog of the image.\n      metadataDialogLoading.value = false\n      metadataDialog.value = false\n      if (copyRes) onCopyToLicence(copyRes)\n      return\n    }\n    metadataDialog.value = true\n    // The authors are offered once the pick still has the dialog: the read of a pick the dialog has left offered those\n    // of its asset in the dialog of the pick shown since.\n    let authorsToOffer: AssetDetailItemDto | null = null\n    try {\n      const assetRes = await fetchAsset(damClient, endPointAsset, selectedAsset.id)\n      // As the image widget: the texts are the application's to make of the asset, where it has a mapping of its own.\n      if (customAssetSelectMetadataToImageMap) {\n        const mapped = customAssetSelectMetadataToImageMap(assetRes)\n        description = mapped.description\n        source = mapped.source\n      } else {\n        if (isString(assetRes.metadata.customData?.description)) {\n          description = assetRes.metadata.customData.description.trim()\n        }\n        if (assetRes.authors.length > 0) {\n          // Under the ext system of the licence of the asset, as every name of the authors of the DAM the widgets\n          // write; that of the picker where the licence does not tell.\n          const authorsRes = await fetchAuthorListByIds(\n            damClient,\n            endPointAuthor,\n            (await getExtSystemByLicence(assetRes.licence)) ?? assetSelectStore.requireSelectedSelectConfig().extSystem,\n            assetRes.authors\n          )\n          source = authorsRes.map((author) => author.name).join(', ')\n        } else if (assetRes.authors.length === 0) {\n          const configExtSystem = getDamConfigExtSystem(imageWidgetUploadConfig.value!.extSystem)\n          // Not while the server may yet fill in its metadata from the file: saving the authors marks the asset\n          // described, and the server then fills in nothing.\n          if (configExtSystem?.[DamAssetType.Image]?.authors?.enabled && !assetMetadataMayStillChange(assetRes)) {\n            authorsToOffer = assetRes\n          }\n        }\n      }\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    if (!answerTakenFor(thisPick)) return\n    if (authorsToOffer) offerDamAuthorsOf(authorsToOffer, selectedAsset.mainFile.id)\n    const image = createDamImage(\n      {\n        fileId: selectedAsset.mainFile.id,\n        licenceId: selectedAsset.licence,\n        internal: selectedAsset.mainFileInternal,\n      },\n      { description, source },\n      { position: 1, id: isNull(imageModel.value) ? undefined : imageModel.value }\n    )\n    imageMediaWidgetStore.setDetail(image)\n    pickInDialog = detail.value\n  } else {\n    // Of no kind the widget takes (an audio in no podcast, a video whose file is no video): nothing to show.\n    metadataDialog.value = false\n  }\n  metadataDialogLoading.value = false\n  if (props.expandMetadata) {\n    forceReloadViewWithExpandMetadata()\n  }\n}\n\nconst assetDetailStore = useAssetDetailStore()\nconst { dialog: assetDialog } = storeToRefs(assetDetailStore)\nconst {\n  damClient,\n  endPointAsset,\n  endPointImage,\n  endPointAuthor,\n  endPointCmsAsset,\n  copyToLicenceEnabled,\n  showSourceEnabled,\n  sourceLabel,\n  editAssetLabel,\n  addFromDamLabel,\n  replaceFromDamLabel,\n  customAssetSelectMetadataToImageMap,\n} = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { getExtSystemByLicence } = useDamConfigState(damClient, damConfigName)\n\nconst onEditAsset = async (assetFileId: DocId) => {\n  let extSystem: IntegerId | null = null\n  try {\n    await assetDetailStore.open(\n      props.queueKey,\n      async () => {\n        const assetRes = await fetchAssetByFileId(damClient, endPointAsset, assetFileId)\n        // A licence the client cannot resolve: the ext system of the widget's upload licence, which its root loaded.\n        const shownUnder = (await getExtSystemByLicence(assetRes.licence)) ?? imageWidgetUploadConfig.value!.extSystem\n        // Before the detail shows the asset: it reads the configuration of its ext system as it draws, and threw\n        // without it.\n        await loadAssetDetailExtSystem(damClient, shownUnder, assetRes.attributes.assetType, damConfigName)\n        extSystem = shownUnder\n        return assetRes\n      },\n      // Only for the asset the detail shows: an answer it no longer waits for must not change the ext system its\n      // configuration asks for names under.\n      () => {\n        if (extSystem) cachedExtSystemId.value = extSystem\n      }\n    )\n  } catch (e) {\n    showErrorsDefault(e)\n  }\n}\n\nconst onMetadataDialogClose = () => {\n  imageMediaWidgetStore.setDetail(null)\n  metadataDialog.value = false\n  // What it was loading for is not shown once it is closed: the answer of a pick being read went into the store of the\n  // dialog all the same, over the form of a dialog of another widget opened meanwhile.\n  loadingInDialog = null\n  metadataDialogLoading.value = false\n  // The wait of the opening it was loading for, for a save of another widget, is taken off that save.\n  cancelSaveWait?.()\n}\n\nconst tryMediaConfirm = async () => {\n  if (!isMediaAware(detail.value)) return\n  // Not taken while the save of an image of this widget is on its way, as a second confirm of that image is not: the\n  // answer of that save sets the image, and took away the media confirmed meanwhile. The button spins till then.\n  if (metadataDialogSaving.value) return\n  metadataDialogSaving.value = true\n  try {\n    metadataDialog.value = false\n    const media = detail.value\n    mediaModel.value = media\n    imageModel.value = null\n    imageMediaWidgetStore.setDetail(null)\n    reloadMedia(media)\n    emit('afterMetadataSaveSuccess')\n    releaseFieldLockWith({ image: null, media })\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    metadataDialogSaving.value = false\n  }\n}\n\nconst tryImageConfirm = async () => {\n  if (!isImageCreateUpdateAware(detail.value)) return\n  // The asset of a detail that has just closed is still being read. What the dialog offers may change by that read,\n  // and with it what its form asks for: the confirm waits for the read, and is then taken again by the form.\n  const confirmAgain = () => detailDialogMetadataComponent.value?.confirm()\n  if (holdConfirmForDetailAssetRead(metadataDialogSaving.value, confirmAgain)) return\n  // Pressed again while the save of the first press runs (the button of a host is not disabled meanwhile, and Enter\n  // reaches the one of the dialog), it is not taken: the image would be created, or updated, a second time.\n  if (metadataDialogSaving.value) return\n  // A confirm is for the image it was pressed on. While it waits for an answer the dialog can be closed, and opened\n  // again for another image or for a media, and the widget can go away with its page. Until the image is sent to be\n  // saved, the confirm goes on after each wait only for a widget that is still there, and only while the dialog still\n  // shows that image. It went on with whatever the dialog showed by then: that image was saved without a press, and\n  // its dialog closed, and for a media an image without its fields was sent to be created.\n  const pressedOn = detail.value\n  const confirmIsOver = () => disposed || detail.value !== pressedOn\n  // Nor are the authors sent by a widget that has turned read-only meanwhile.\n  const authorsSendIsOver = () => confirmIsOver() || props.readonly\n  metadataDialogSaving.value = true\n  // The dialog shows the source of the image of the asset the widget holds, not the pick (a read of it failed): once\n  // saved, the image has a source of its own, and the asset is let go.\n  const letGoHeld = letGoOnceSavedWithSource(pressedOn)\n  try {\n    const authorsAsset = damAuthorsAsset.value\n    if (authorsAsset) {\n      if (authorsAsset.authors.length > 0) {\n        // The asset was read at its pick, and may have been given authors elsewhere since: the write replaces them\n        // with those picked here. It is read again first. A read that fails saves nothing. Once it has authors nothing\n        // is written either: the pick goes, an empty source takes their names, the user is told till they close the\n        // message, and the dialog stays.\n        let givenMeanwhile: string | null\n        try {\n          givenMeanwhile = await authorsGivenMeanwhile(authorsAsset)\n        } catch (e) {\n          if (!authorsSendIsOver() && !showErrorsDefault(e)) showUnknownError()\n          return\n        }\n        if (authorsSendIsOver()) return\n        if (!isNull(givenMeanwhile)) {\n          offerNoDamAuthors()\n          giveNamesToEmptySource(pressedOn, givenMeanwhile)\n          showWarningT('common.damImage.image.meta.authorsGivenMeanwhile', -1)\n          return\n        }\n        // Their names become the source of the image once the DAM has taken the authors, and wait aside till then.\n        // Written before, they stayed in the source, which the dialog does not show, after a write the DAM refused,\n        // and a confirm with the pick emptied saved them with the image.\n        // Under the ext system of the licence of the asset, as the read before the write names authors given since.\n        const authorsRes = await fetchAuthorListByIds(\n          damClient,\n          endPointAuthor,\n          (await getExtSystemByLicence(authorsAsset.licence)) ??\n            assetSelectStore.requireSelectedSelectConfig().extSystem,\n          authorsAsset.authors\n        )\n        // Nothing is written and nothing said: the authors are not sent for a dialog the user has left, nor by a\n        // widget that is gone or read-only.\n        if (authorsSendIsOver()) return\n        const source = authorsRes.map((author) => author.name).join(', ')\n        try {\n          await updateAssetAuthors(damClient, endPointAsset, authorsAsset)\n        } catch (e) {\n          // The authors refused by validation are named as the forms name them. The image is not saved.\n          showMetadataSaveError(e, assetSelectStore.requireSelectedSelectConfig().extSystem, damConfigName)\n          return\n        }\n        // The DAM has the authors, and the image is not saved.\n        if (confirmIsOver()) return\n        pressedOn.texts.source = source\n        offerNoDamAuthors()\n      }\n    }\n    const image = imageFieldsOf(pressedOn)\n    // An update is noted for the other widgets of the page, also when this one is gone by its answer.\n    const res = image.id\n      ? await noteImageSave(damConfigName, image.id, ownImageSaves, imageApi.updateImage(imageClient, image.id, image))\n      : await imageApi.createImage(imageClient, image)\n    // The widget is gone: nothing of the answer is written. The store of the dialog is the page's, and by now the\n    // next widget's: its form was emptied, and then showed the image saved here.\n    if (disposed) return\n    letGoHeld()\n    // The save went through, and the widget takes its image. The dialog is this confirm's to close while it shows the\n    // image the confirm was pressed on, or none. It is closed as well when \"edit metadata\" has opened it since: what\n    // it shows is a copy of the image or the media the widget had before this save, and its confirm would put that\n    // over the image saved here. The dialog of another pick or upload, opened since, stays as it is, with the lock of\n    // the field, which its own close or confirm gives back. The form `expandMetadata` draws in the page is no such\n    // dialog: it shows the image of the widget, the saved one from here on. With the dialog closed meanwhile, what the\n    // store of the dialog shows by then is no longer this widget's to empty: it is what another widget's open dialog\n    // shows. A dialog opened since that still loads for a pick (or for \"edit metadata\") stays open as well: what it\n    // loads for fills it, with the id saved here. Closed here, it left the widget loading for that pick, whose answer\n    // opened the dialog again, or closed an \"edit metadata\" opened meanwhile, which showed only the spinner.\n    const ownDialogOpen = metadataDialog.value\n    const shown = detail.value\n    const dialogOfAnotherPick =\n      !props.expandMetadata &&\n      ownDialogOpen &&\n      (isNull(shown) ? !isNull(loadingInDialog) : shown !== pressedOn && shown !== ownInDialog)\n    if (!dialogOfAnotherPick) metadataDialog.value = false\n    if (!image.id) createdImageId = res.id\n    imageModel.value = res.id\n    mediaModel.value = null\n    if (!dialogOfAnotherPick && (ownDialogOpen || props.expandMetadata)) imageMediaWidgetStore.setDetail(null)\n    // That dialog was opened while this image was being created, for a widget that had no image: the image its pick or\n    // upload put there takes the id created here, and its confirm updates this image. It created a second one, and\n    // this one was left unused. Only that image: one another widget has put into the store since is that widget's.\n    if (dialogOfAnotherPick && !image.id && shown === pickInDialog && isImageCreateUpdateAware(shown)) {\n      if (isUndefined(shown.id)) shown.id = res.id\n    }\n    // Before the dialog's close is seen, so this release, with what was just assigned, is the one that goes. Alone,\n    // the editor holds no lock, and the value goes to the buffer here or nowhere. While the menu of the widget or\n    // another of its dialogs (that of another pick, the picker, the upload) holds the field, the lock stays with it,\n    // and gives it back as it closes; the other editors are sent the saved image now. Released here, a picker opened\n    // since lost its lock, and what it put into the field later went to nobody. Not while the dialog of another pick\n    // or upload is open: it sets what the field ends with, also under the id saved here (it is given that id when\n    // this was a create), and the other editors, who read an image again only when its id changes, kept this one.\n    if (props.collabStatus === CollabStatus.Inactive || (!clickMenuOpened.value && !anyWidgetDialogOpened.value)) {\n      releaseFieldLockWith({ image: res.id, media: null })\n    } else if (lockedLocal.value && !dialogOfAnotherPick) {\n      changeFieldData.value({ image: res.id, media: null })\n    }\n    await reloadImage(res, res.id, true)\n    emit('afterMetadataSaveSuccess')\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    metadataDialogSaving.value = false\n    // A dialog closed while this confirm ran left the lock of the field to it (see the watchers): given back once it\n    // is over, when nothing else of the widget holds it. Saved, the image went with it above; otherwise the field\n    // keeps what it had. A widget that is gone gives it back too, with what its field has: it wrote nothing of the\n    // answer. The server keeps a lock till it is released or the editor leaves the room, and the field stayed locked\n    // for the other editors. Unless the widget drawn in its place has taken a turn of the lock since: the release\n    // would free the lock that one holds.\n    if (disposed ? !lockTurnTakenSince() : !clickMenuOpened.value && !anyWidgetDialogOpened.value) {\n      releaseFieldLockLocal()\n    }\n  }\n}\n\nconst onMetadataDialogConfirm = async () => {\n  if (props.readonly) return\n  await tryMediaConfirm()\n  await tryImageConfirm()\n}\n\n// Till the delete is answered, neither the menu's close nor a dialog's gives the lock up: the menu closes on the click,\n// and its release went out with the image still there, the reset's own skipped as for a lock already given back. Nor\n// while a confirm of the dialog runs: closed before its save answered, the dialog gave the lock back with what the\n// field had before, and the release of the answer, as for a lock already given back, never sent the saved image to the\n// other editors.\nconst deletePending = ref(false)\nconst onImageMediaDelete = async () => {\n  // The widget's own image: the store's detail is shared, empty unless a dialog loaded it, or another widget's.\n  const imageId = imageModel.value\n  if (props.callDeleteApiOnRemove && !isNull(imageId)) {\n    deletePending.value = true\n    try {\n      await imageApi.deleteImage(imageClient, imageId)\n      // A widget that is gone writes nothing into the page.\n      if (!disposed) reset(!clickMenuOpened.value && !anyWidgetDialogOpened.value)\n    } catch (e) {\n      showErrorsDefault(e)\n    } finally {\n      deletePending.value = false\n    }\n    // Gone, the widget gives the lock back with what its field has, as it does at the end of a confirm: unless the\n    // widget drawn in its place has taken a turn of the lock since. The release of the reset freed the lock that one\n    // held, under its open menu.\n    if (disposed ? !lockTurnTakenSince() : !clickMenuOpened.value && !anyWidgetDialogOpened.value)\n      releaseFieldLockLocal()\n    return\n  }\n  reset()\n}\n\nconst forceReloadViewWithExpandMetadata = () => {\n  if (isMediaAware(detail.value)) {\n    reloadMedia(detail.value)\n    return\n  } else if (isImageCreateUpdateAware(detail.value)) {\n    reloadImage(detail.value, null, true)\n  }\n}\n\nconst onAssetUploadConfirm = (items: ImageCreateUpdateAware[]) => {\n  if (props.readonly) return\n  if (!items[0]) return\n\n  if (!isNull(imageModel.value)) {\n    items[0].id = imageModel.value\n  }\n  // The image of an upload comes with its source: the authors of an asset picked before are not offered with it.\n  offerNoDamAuthors()\n  dialogType.value = DamAssetType.Image\n  imageMediaWidgetStore.setDetail(items[0])\n  pickInDialog = detail.value\n  metadataDialog.value = true\n  if (props.expandMetadata) {\n    forceReloadViewWithExpandMetadata()\n  }\n}\n\nconst expandedUploadDialog = ref<InstanceType<typeof AFileInputDialog> | null>(null)\n\nconst onDropzoneClick = () => {\n  if (isLocked.value || props.readonly) return\n  acquireFieldLockLocal()\n  if (!props.expandOptions) {\n    clickMenuOpened.value = true\n    return\n  }\n  expandedUploadDialog.value?.activate()\n}\n\nconst detailDialogMetadataComponent = ref<InstanceType<typeof ImageDetailDialogMetadata> | null>(null)\n\nconst metadataConfirm = () => {\n  if (props.readonly) return\n  detailDialogMetadataComponent.value?.confirm()\n}\n\nconst onOptionsButtonClick = () => {\n  acquireFieldLockLocal()\n}\n\nconst anyWidgetDialogOpened = computed(() => {\n  return (\n    assetPicksPending.value > 0 ||\n    metadataDialog.value ||\n    assetSelectDialog.value ||\n    fileInputDialog.value ||\n    uploadQueueDialog.value === props.queueKey\n  )\n})\n\nconst isLocked = computed(() => {\n  return !isNull(lockedByUserLocal.value)\n})\n\nconst preselectType = computed(() => {\n  if (mediaModel.value && mediaModel.value.damMedia.assetType) {\n    return mediaModel.value.damMedia.assetType\n  }\n  return DamAssetType.Image as DamMediaTypeType\n})\n\nconst type = computed<DamAssetTypeType | null>(() => {\n  if (isMediaAware(resImageMedia.value)) {\n    return resImageMedia.value.damMedia.assetType === DamMediaType.Video ? DamAssetType.Video : DamAssetType.Audio\n  } else if (isImageCreateUpdateAware(resImageMedia.value)) {\n    return DamAssetType.Image\n  }\n  return null\n})\n\nwatch(\n  clickMenuOpened,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    // Opened: a lock a refused drop left unconfirmed is asked for again, here and not in the click, which also closes.\n    if (newValue) return void acquireFieldLockLocal(true)\n    if (anyWidgetDialogOpened.value || deletePending.value || metadataDialogSaving.value) return\n    releaseFieldLockLocal()\n  },\n  { immediate: false }\n)\n\nwatch(\n  anyWidgetDialogOpened,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    // Opened by a button of `expandOptions`, with no menu to ask for the lock, the dialog asks; opened from the menu,\n    // only for a lock not confirmed yet.\n    if (newValue) return void acquireFieldLockLocal(true)\n    if (deletePending.value || metadataDialogSaving.value) return\n    releaseFieldLockLocal()\n  },\n  { immediate: false }\n)\n\n// Read-only, the widget draws none of its dialogs and menus (`!readonly`): those open close as their cancel does,\n// nothing is saved, and the lock of the field goes back once none holds it. A dialog left open kept the lock for the\n// other editors unseen, and came back by itself once the widget could be edited again. The dialog of a save on its\n// way is left to that save, which closes it and gives the lock back as it ends; one the save leaves open (it failed)\n// closes then. With `expandMetadata` the form is in the page and no dialog is closed: the form of a pick not yet\n// confirmed stays, for its host to confirm once the widget can be edited again. It was emptied, while the widget went\n// on showing the pick.\nwatch([() => props.readonly, metadataDialogSaving], ([readonly]) => {\n  if (!readonly) return\n  clickMenuOpened.value = false\n  fileInputDialog.value = false\n  if (metadataDialog.value && !metadataDialogSaving.value && !props.expandMetadata) onMetadataDialogClose()\n})\n\n// A lost connection took this editor's locks on the server: counted still, the lock was never asked for again and the\n// server refused its release. When the room is active again, a menu or dialog still open asks for it anew, as does one\n// opened while the editor was alone, once the other editor arrives, and one whose ask was refused or went unanswered.\nwatch(collabReconnecting, (reconnecting) => {\n  if (!reconnecting) return\n  lockedLocal.value = false\n  lockRequestPending.value = false\n  collabFieldLockReallyLocked.value = false\n})\nwatch(\n  () => props.collabStatus,\n  (status, previous) => {\n    if (status === CollabStatus.Inactive || previous !== CollabStatus.Inactive) return\n    if (clickMenuOpened.value || anyWidgetDialogOpened.value) acquireFieldLockLocal(true)\n  }\n)\n\ndefineExpose({\n  metadataConfirm,\n})\n</script>\n\n<template>\n  <div\n    class=\"a-image-widget\"\n    :class=\"{ 'a-image-widget--locked': isLocked }\"\n    :style=\"{\n      width: width ? width + 'px' : undefined,\n      maxWidth: maxWidth ? maxWidth + 'px' : undefined,\n    }\"\n  >\n    <div class=\"a-image-widget__options\">\n      <h4\n        v-if=\"label\"\n        class=\"font-weight-bold text-label-large\"\n      >\n        {{ label\n        }}<span\n          v-if=\"required\"\n          class=\"a-required-mark\"\n        />\n      </h4>\n      <div class=\"d-flex\">\n        <div v-if=\"isLocked && collab\">\n          <ACollabLockedByUser\n            :id=\"lockedByUserLocal\"\n            :users=\"collab.cachedUsers\"\n          />\n        </div>\n        <div v-if=\"!readonly\">\n          <div\n            v-if=\"expandOptions\"\n            class=\"d-flex flex-row\"\n          >\n            <VBtn\n              v-if=\"imageMediaLoaded && !expandMetadata\"\n              class=\"mr-2 mb-2\"\n              :disabled=\"isLocked\"\n              :text=\"\n                type === DamAssetType.Image\n                  ? t('common.damImage.image.meta.edit')\n                  : t('common.damImage.media.meta.edit')\n              \"\n              @click=\"actionEditMeta\"\n            />\n            <VBtn\n              class=\"mr-2 mb-2\"\n              :disabled=\"isLocked\"\n              @click=\"actionLibrary\"\n            >\n              <span v-if=\"imageMediaLoaded\">{{ replaceFromDamLabel }}</span>\n              <span v-else>{{ addFromDamLabel }}</span>\n            </VBtn>\n            <AFileInputDialog\n              ref=\"expandedUploadDialog\"\n              v-model=\"fileInputDialog\"\n              :file-input-key=\"uploadQueue?.fileInputKey\"\n              :accept=\"uploadAccept\"\n              :max-sizes=\"uploadSizes\"\n              toolbar-t=\"common.damImage.image.button.upload\"\n              @files-input=\"onFileInput\"\n            >\n              <template #activator=\"{ props: fileInputProps }\">\n                <VBtn\n                  v-bind=\"fileInputProps\"\n                  :disabled=\"isLocked\"\n                >\n                  {{ t('common.damImage.image.button.upload') }}\n                </VBtn>\n              </template>\n            </AFileInputDialog>\n            <span\n              v-if=\"required\"\n              class=\"a-required-mark ml-2\"\n            />\n          </div>\n          <VBtn\n            v-else\n            variant=\"text\"\n            size=\"x-small\"\n            icon\n            :disabled=\"isLocked\"\n            :aria-label=\"t('common.damImage.image.button.options')\"\n            @click.stop=\"onOptionsButtonClick\"\n          >\n            <VIcon icon=\"mdi-dots-horizontal\" />\n            <VTooltip\n              activator=\"parent\"\n              location=\"top\"\n            >\n              {{ t('common.damImage.image.button.options') }}\n            </VTooltip>\n            <VMenu\n              v-model=\"clickMenuOpened\"\n              activator=\"parent\"\n              location=\"bottom right\"\n              eager\n            >\n              <VCard>\n                <VList density=\"compact\">\n                  <VListItem\n                    v-if=\"imageMediaLoaded && !expandMetadata\"\n                    @click=\"actionEditMeta\"\n                  >\n                    <VListItemTitle>\n                      {{\n                        type === DamAssetType.Image\n                          ? t('common.damImage.image.meta.edit')\n                          : t('common.damImage.media.meta.edit')\n                      }}\n                    </VListItemTitle>\n                  </VListItem>\n                  <VListItem @click=\"actionLibrary\">\n                    <VListItemTitle>\n                      <span v-if=\"imageMediaLoaded\">{{ replaceFromDamLabel }}</span>\n                      <span v-else>{{ addFromDamLabel }}</span>\n                    </VListItemTitle>\n                  </VListItem>\n                  <AFileInputDialog\n                    v-model=\"fileInputDialog\"\n                    :file-input-key=\"uploadQueue?.fileInputKey\"\n                    :accept=\"uploadAccept\"\n                    :max-sizes=\"uploadSizes\"\n                    toolbar-t=\"common.damImage.image.button.upload\"\n                    @files-input=\"onFileInput\"\n                  >\n                    <template #activator=\"{ props: fileInputProps }\">\n                      <VListItem\n                        @click=\"\n                          ($event: any) => {\n                            fileInputProps.onClick($event)\n                            clickMenuOpened = false\n                          }\n                        \"\n                      >\n                        {{ t('common.damImage.image.button.upload') }}\n                      </VListItem>\n                    </template>\n                  </AFileInputDialog>\n                  <VListItem\n                    v-if=\"imageMediaLoaded\"\n                    @click=\"onImageMediaDelete\"\n                  >\n                    <VListItemTitle>\n                      {{\n                        type === DamAssetType.Image\n                          ? t('common.damImage.image.button.removeImage')\n                          : t('common.damImage.media.button.remove')\n                      }}\n                    </VListItemTitle>\n                  </VListItem>\n                </VList>\n              </VCard>\n            </VMenu>\n          </VBtn>\n        </div>\n      </div>\n    </div>\n    <div class=\"position-relative\">\n      <VImg\n        :lazy-src=\"imagePlaceholderPath\"\n        :src=\"resolvedSrc\"\n        :width=\"width\"\n        :height=\"height\"\n        cover\n        max-width=\"100%\"\n        class=\"disable-radius\"\n      >\n        <template #placeholder>\n          <div class=\"d-flex align-center justify-center h-100\">\n            <VProgressCircular\n              indeterminate\n              color=\"grey-lighten-4\"\n            />\n          </div>\n        </template>\n      </VImg>\n      <div\n        v-if=\"type\"\n        class=\"a-image-widget__icon\"\n      >\n        <div v-if=\"type === DamAssetType.Audio\">\n          <VIcon\n            size=\"80\"\n            icon=\"mdi-music\"\n            color=\"#505050\"\n          />\n        </div>\n        <div v-else-if=\"type === DamAssetType.Video\">\n          <VIcon\n            size=\"80\"\n            icon=\"mdi-video\"\n            color=\"#505050\"\n          />\n        </div>\n      </div>\n      <AImageDropzone\n        v-if=\"!readonly\"\n        variant=\"fill\"\n        transparent\n        :accept=\"uploadAccept\"\n        :max-sizes=\"uploadSizes\"\n        :hide-text=\"hideDropzoneText || isLocked\"\n        @click=\"onDropzoneClick\"\n        @drop=\"onDrop\"\n      />\n    </div>\n    <slot\n      name=\"append\"\n      :image-media=\"resImageMedia\"\n    />\n    <ImageDetailDialogMetadata\n      v-if=\"!readonly\"\n      ref=\"detailDialogMetadataComponent\"\n      v-model=\"metadataDialog\"\n      :show-dam-authors=\"!!damAuthorsAsset\"\n      :dam-authors=\"damAuthorsAsset?.authors\"\n      :show-source-enabled=\"showSourceEnabled\"\n      :source-label=\"sourceLabel\"\n      :edit-asset-label=\"editAssetLabel\"\n      :expand=\"expandMetadata\"\n      :saving=\"metadataDialogSaving || confirmWaits\"\n      :loading=\"metadataDialogLoading\"\n      :type=\"dialogType\"\n      @edit-asset=\"onEditAsset\"\n      @update:dam-authors=\"pickDamAuthors\"\n      @confirm=\"onMetadataDialogConfirm\"\n      @close=\"onMetadataDialogClose\"\n    >\n      <template #preview=\"{ imageMedia: appendMedia }\">\n        <slot\n          name=\"preview\"\n          :image-media=\"appendMedia\"\n        />\n      </template>\n    </ImageDetailDialogMetadata>\n  </div>\n  <AAssetSelectMedia\n    v-model=\"assetSelectDialog\"\n    :select-licences=\"selectLicences\"\n    :upload-licence=\"uploadLicence\"\n    :min-count=\"1\"\n    :max-count=\"1\"\n    :config-name=\"damConfigName\"\n    return-type=\"asset\"\n    :preselect-asset-type=\"preselectType\"\n    :preselect-in-podcast=\"preselectType === DamAssetType.Audio || null\"\n    @confirm=\"onAssetSelectConfirm\"\n  />\n  <AssetDetailDialog\n    v-if=\"assetDialog === queueKey\"\n    :queue-key=\"queueKey\"\n    :config-name=\"damConfigName\"\n    :ext-system=\"cachedExtSystemId\"\n    @close=\"onAssetDetailClose\"\n  />\n  <UploadQueueDialogSingle\n    v-if=\"uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"imageWidgetUploadConfig.extSystem\"\n    :licence-id=\"imageWidgetUploadConfig.licence\"\n    :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n    :accept=\"uploadAccept\"\n    :max-sizes=\"uploadSizes\"\n    @apply=\"onAssetUploadConfirm\"\n  />\n</template>\n"],"mappings":""}