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

package/dist/domains/dam/uploadQueue/components/UploadQueueItemEditable.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueItemEditable.js","names":["_sfc_main","UploadQueueItemEditable_vue_vue_type_script_setup_true_lang_default","UploadQueueItemEditable_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onUnmounted, ref, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetCustomData, DamAssetStatusDefault } from '@/domains/dam/types/Asset'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n  type UploadQueueKey,\n} from '@/domains/dam/types/UploadQueue'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetImage from '@/domains/dam/assetDetail/components/AssetImage.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport AActionDeleteButton from '@/domains/ui/buttons/action/components/AActionDeleteButton.vue'\nimport { SHOW_REFRESH_AFTER_SECONDS } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    customData: AssetCustomData\n    keywords: DocId[]\n    authors: DocId[]\n    item: UploadQueueItem\n    refreshDisabled: boolean\n    mainFileSingleUse: boolean | null\n    mainFileSingleUseEnabled?: boolean\n    disableDoneAnimation?: boolean\n    /**\n     * A failed row a refresh may still change: its finish request went out and the server has said nothing final\n     * about it, or the original of its duplicate could not be read. The queue knows which rows those are; a row\n     * shown outside a queue has no such state.\n     */\n    refreshMayHelp?: boolean\n    /** Where \"cancel\" is offered. */\n    cancelStatuses?: readonly UploadQueueItemStatusType[]\n    /** The line \"The main file is a duplicate.\" under the title. */\n    duplicateNotice?: boolean\n    /** The form stays off on a duplicate whatever its metadata. */\n    disableFormOnDuplicate?: boolean\n    /** The scope the fields of an editable row report to; a row that cannot be edited reports to none. */\n    validationScope?: ValidationScope\n    /** How keywords and authors look while the row cannot be edited; handed to both inputs as `disabledAs`. */\n    disabledFieldsAs?: DamFieldsDisabledAs\n    /** A duplicate gets no edit button at all: neither the `edit` slot nor its default is drawn. */\n    hideEditOnDuplicate?: boolean\n    /** Whether the row offers refresh, worked out by its host. Without it the row works it out itself. */\n    refreshOffered?: boolean | undefined\n    /** The DAM configuration whose rules and forms the row follows; inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    mainFileSingleUseEnabled: true,\n    disableDoneAnimation: false,\n    refreshMayHelp: false,\n    cancelStatuses: () => [\n      UploadQueueItemStatus.Loading,\n      UploadQueueItemStatus.Waiting,\n      UploadQueueItemStatus.Uploading,\n    ],\n    duplicateNotice: true,\n    disableFormOnDuplicate: false,\n    validationScope: ADamAssetMetadataValidationScopeSymbol,\n    disabledFieldsAs: 'chips',\n    hideEditOnDuplicate: false,\n    // Declared, or Vue would make an absent boolean `false` and the row would never offer refresh by itself.\n    refreshOffered: undefined,\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:customData', data: AssetCustomData): void\n  (e: 'update:keywords', data: DocId[]): void\n  (e: 'update:authors', data: DocId[]): void\n  (e: 'update:mainFileSingleUse', data: boolean | null): void\n  (e: 'cancelItem', data: { index: number; item: UploadQueueItem; queueKey: UploadQueueKey }): void\n  (e: 'removeItem', index: number): void\n  (e: 'showDetail', data: DocId): void\n  (e: 'refreshItem', data: { index: number; assetId: DocId }): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\ndefineSlots<{\n  /** Over the picture, under the error overlay. */\n  'image-overlay'?(props: { item: UploadQueueItem }): unknown\n  /** Left of the action line. Default: \"Edit in Media Library\", disabled without metadata, emits `showDetail`. */\n  edit?(props: { item: UploadQueueItem }): unknown\n  /** Last of the action line. Default: \"Remove from queue\" while it is offered, emits `removeItem`. */\n  remove?(props: { item: UploadQueueItem; index: number; offered: boolean }): unknown\n}>()\n\nconst IMAGE_ASPECT_RATIO = 16 / 9\n\nconst customData = computed({\n  get() {\n    return props.customData\n  },\n  set(newValue) {\n    emit('update:customData', { ...props.customData, ...newValue })\n  },\n})\n\nconst keywords = computed({\n  get() {\n    return props.keywords\n  },\n  set(newValue) {\n    emit('update:keywords', [...newValue])\n  },\n})\n\nconst authors = computed({\n  get() {\n    return props.authors\n  },\n  set(newValue) {\n    emit('update:authors', [...newValue])\n  },\n})\n\nconst mainFileSingleUse = computed({\n  get() {\n    return props.mainFileSingleUse\n  },\n  set(newValue) {\n    emit('update:mainFileSingleUse', newValue)\n  },\n})\n\nconst { t } = useI18n()\n\n// The save skips an item whose metadata cannot be edited, so nothing in its row is validated: it could not be\n// put right. A scope is read once, when a field is set up - hence the key on the form.\nconst metadataValidationScope = computed(() => {\n  return props.item.canEditMetadata ? props.validationScope : false\n})\n\nconst processingStatuses: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\nconst processing = computed(() => {\n  return processingStatuses.includes(props.item.status)\n})\nconst waiting = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Waiting\n})\nconst done = computed(() => {\n  return !props.disableDoneAnimation && props.item.status === UploadQueueItemStatus.Uploaded\n})\nconst uploading = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Uploading\n})\nconst uploadProgress = computed(() => {\n  return props.item.progress.progressPercent\n})\n\nconst imageSrc = computed(() => {\n  return props.item.imagePreview ? props.item.imagePreview.url : undefined\n})\nconst assetType = computed(() => {\n  return props.item.assetType\n})\nconst status = computed(() => {\n  if (!props.item) return DamAssetStatusDefault\n  return props.item.assetStatus\n})\n\nconst cancelItem = () => {\n  emit('cancelItem', { index: props.index, item: props.item, queueKey: props.queueKey })\n}\n\nconst showCancel = computed(() => {\n  return props.cancelStatuses.includes(props.item.status)\n})\n\n// Of a row that has not failed: offered once it has waited, for its file or for its metadata.\nconst refreshDue = ref(false)\nconst refreshTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n// A failed row offers refresh only while one may still change it. One whose chunk the server never took, or\n// whose file the server has failed, has nothing a refresh could find.\nconst offeredByRow = computed(() => {\n  if (props.item.status === UploadQueueItemStatus.Failed) return props.refreshMayHelp && !isNull(props.item.assetId)\n  return refreshDue.value\n})\nconst showRefresh = computed(() => {\n  return props.refreshOffered ?? offeredByRow.value\n})\n// Remove comes with refresh, and a failed row has it at once: nothing else takes such a row out of the queue.\nconst showRemove = computed(() => {\n  return showRefresh.value || props.item.status === UploadQueueItemStatus.Failed\n})\n\nconst showDetail = async () => {\n  if (isNull(props.item.assetId)) return\n  emit('showDetail', props.item.assetId)\n}\n\nconst refresh = () => {\n  if (props.item.assetId) {\n    emit('refreshItem', { index: props.index, assetId: props.item.assetId })\n  }\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nwatch(\n  () => props.item.status,\n  async (newValue) => {\n    if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = setTimeout(() => {\n        if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n          refreshDue.value = true\n        }\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Uploaded) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n      // An uploaded row whose metadata has not come by then has a disabled form, and the save skips it. Refresh\n      // loads the metadata.\n      refreshTimer.value = setTimeout(() => {\n        if (props.item.status !== UploadQueueItemStatus.Uploaded || props.item.canEditMetadata) return\n        refreshDue.value = true\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Failed) {\n      // Its wait is over: what a failed row offers follows `refreshMayHelp`, at once.\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.item.canEditMetadata,\n  (canEdit) => {\n    // The metadata of an uploaded row came after all, by its notification or by that refresh.\n    if (canEdit && props.item.status === UploadQueueItemStatus.Uploaded) refreshDue.value = false\n  }\n)\n\nonUnmounted(() => {\n  clearTimeout(refreshTimer.value)\n  refreshTimer.value = undefined\n})\n</script>\n\n<template>\n  <VCol\n    xxl=\"2\"\n    xl=\"3\"\n    md=\"4\"\n    sm=\"6\"\n    cols=\"12\"\n  >\n    <div class=\"dam-upload-queue__item\">\n      <div class=\"dam-upload-queue__item-card\">\n        <div class=\"position-relative\">\n          <AssetImage\n            :asset-type=\"assetType\"\n            :asset-status=\"status\"\n            :src=\"imageSrc\"\n            background-color=\"#ccc\"\n            :show-uploading=\"uploading\"\n            :show-processing=\"processing\"\n            :show-waiting=\"waiting\"\n            :show-done=\"done\"\n            :uploading-progress=\"uploadProgress\"\n            :remaining-time=\"item.progress.remainingTime\"\n            use-component\n            cover\n            :aspect-ratio=\"IMAGE_ASPECT_RATIO\"\n          />\n          <slot\n            name=\"image-overlay\"\n            :item=\"item\"\n          />\n          <UploadQueueItemErrorOverlay\n            v-if=\"item.error.hasError\"\n            :error=\"item.error\"\n          />\n        </div>\n        <VRow\n          density=\"compact\"\n          class=\"my-2\"\n        >\n          <VCol>\n            <div class=\"w-100 d-flex justify-space-between align-center\">\n              <div>\n                <template v-if=\"!(hideEditOnDuplicate && item.isDuplicate)\">\n                  <slot\n                    name=\"edit\"\n                    :item=\"item\"\n                  >\n                    <VBtn\n                      size=\"small\"\n                      variant=\"text\"\n                      :disabled=\"!item.canEditMetadata\"\n                      @click.stop=\"showDetail\"\n                    >\n                      {{ t('common.damImage.image.button.editAsset') }}\n                    </VBtn>\n                  </slot>\n                </template>\n              </div>\n              <div>\n                <ATableCopyIdButton\n                  v-if=\"item.assetId\"\n                  :id=\"item.assetId\"\n                  button-t=\"common.damImage.queueItem.copyAssetId\"\n                  size=\"small\"\n                />\n                <VBtn\n                  v-if=\"showRefresh\"\n                  :aria-label=\"t('common.button.refresh')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  :disabled=\"refreshDisabled\"\n                  @click.stop=\"refresh\"\n                >\n                  <VIcon icon=\"mdi-refresh\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.refresh') }}\n                  </VTooltip>\n                </VBtn>\n                <VBtn\n                  v-if=\"showCancel\"\n                  :aria-label=\"t('common.button.cancel')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  @click.stop=\"cancelItem\"\n                >\n                  <VIcon icon=\"mdi-close-circle-outline\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.cancel') }}\n                  </VTooltip>\n                </VBtn>\n                <slot\n                  name=\"remove\"\n                  :item=\"item\"\n                  :index=\"index\"\n                  :offered=\"showRemove\"\n                >\n                  <AActionDeleteButton\n                    v-if=\"showRemove\"\n                    variant=\"icon\"\n                    button-class=\"\"\n                    dialog-message-t=\"common.damImage.queueItem.removeFromQueue\"\n                    @delete-record=\"emit('removeItem', index)\"\n                  />\n                </slot>\n              </div>\n            </div>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"item.displayTitle\"\n          density=\"compact\"\n          class=\"my-2 mb-3 mt-0 text-body-small\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.queueItem.displayTitle') }}: {{ item.displayTitle }}\n            <span v-if=\"item.file?.size\">&nbsp;({{ prettyBytes(item.file.size) }})</span>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"duplicateNotice && item.isDuplicate\"\n          class=\"text-body-small text-warning\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n          </VCol>\n        </VRow>\n        <VForm :disabled=\"!item.canEditMetadata || (disableFormOnDuplicate && item.isDuplicate)\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            :key=\"item.canEditMetadata ? 'validated' : 'skipped'\"\n            v-model=\"customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            :validation-scope=\"metadataValidationScope\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"keywords\"\n                      :queue-id=\"queueKey\"\n                      :ext-system=\"extSystem\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      clearable\n                      multiple\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"authors\"\n                      :queue-id=\"queueKey\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :required=\"authorRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </div>\n    </div>\n  </VCol>\n</template>\n"],"mappings":""}
+{"version":3,"file":"UploadQueueItemEditable.js","names":["_sfc_main","UploadQueueItemEditable_vue_vue_type_script_setup_true_lang_default","UploadQueueItemEditable_default"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onUnmounted, ref, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetCustomData, DamAssetStatusDefault } from '@/domains/dam/types/Asset'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n  type UploadQueueKey,\n} from '@/domains/dam/types/UploadQueue'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetImage from '@/domains/dam/assetDetail/components/AssetImage.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport AActionDeleteButton from '@/domains/ui/buttons/action/components/AActionDeleteButton.vue'\nimport { SHOW_REFRESH_AFTER_SECONDS } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    customData: AssetCustomData\n    keywords: DocId[]\n    authors: DocId[]\n    item: UploadQueueItem\n    refreshDisabled: boolean\n    mainFileSingleUse: boolean | null\n    mainFileSingleUseEnabled?: boolean\n    disableDoneAnimation?: boolean\n    /**\n     * A failed row that a refresh may still change: its finish request went out and the\n     * server gave no final answer, or the original of its duplicate could not be read.\n     * The queue knows these rows. A row shown outside a queue has no such state.\n     */\n    refreshMayHelp?: boolean\n    /** Statuses in which \"cancel\" is offered. */\n    cancelStatuses?: readonly UploadQueueItemStatusType[]\n    /** Shows the line \"The main file is a duplicate.\" under the title. */\n    duplicateNotice?: boolean\n    /** Keeps the form disabled on a duplicate regardless of its metadata. */\n    disableFormOnDuplicate?: boolean\n    /** The scope the fields of an editable row report to. A non-editable row reports to none. */\n    validationScope?: ValidationScope\n    /** How keywords and authors look while the row is not editable. Passed to both inputs as `disabledAs`. */\n    disabledFieldsAs?: DamFieldsDisabledAs\n    /** A duplicate gets no edit button: neither the `edit` slot nor its default is rendered. */\n    hideEditOnDuplicate?: boolean\n    /** Whether the row offers refresh, decided by the host. Without it the row decides itself. */\n    refreshOffered?: boolean | undefined\n    /** The DAM configuration whose rules and forms the row follows. Inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    mainFileSingleUseEnabled: true,\n    disableDoneAnimation: false,\n    refreshMayHelp: false,\n    cancelStatuses: () => [\n      UploadQueueItemStatus.Loading,\n      UploadQueueItemStatus.Waiting,\n      UploadQueueItemStatus.Uploading,\n    ],\n    duplicateNotice: true,\n    disableFormOnDuplicate: false,\n    validationScope: ADamAssetMetadataValidationScopeSymbol,\n    disabledFieldsAs: 'chips',\n    hideEditOnDuplicate: false,\n    // Declared explicitly, otherwise Vue casts an absent boolean to `false` and the row never offers refresh by itself.\n    refreshOffered: undefined,\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:customData', data: AssetCustomData): void\n  (e: 'update:keywords', data: DocId[]): void\n  (e: 'update:authors', data: DocId[]): void\n  (e: 'update:mainFileSingleUse', data: boolean | null): void\n  (e: 'cancelItem', data: { index: number; item: UploadQueueItem; queueKey: UploadQueueKey }): void\n  (e: 'removeItem', index: number): void\n  (e: 'showDetail', data: DocId): void\n  (e: 'refreshItem', data: { index: number; assetId: DocId }): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\ndefineSlots<{\n  /** Rendered over the picture, under the error overlay. */\n  'image-overlay'?(props: { item: UploadQueueItem }): unknown\n  /** Left of the action line. Default: \"Edit in Media Library\", disabled without metadata, emits `showDetail`. */\n  edit?(props: { item: UploadQueueItem }): unknown\n  /** Last in the action line. Default: \"Remove from queue\" while offered, emits `removeItem`. */\n  remove?(props: { item: UploadQueueItem; index: number; offered: boolean }): unknown\n}>()\n\nconst IMAGE_ASPECT_RATIO = 16 / 9\n\nconst customData = computed({\n  get() {\n    return props.customData\n  },\n  set(newValue) {\n    emit('update:customData', { ...props.customData, ...newValue })\n  },\n})\n\nconst keywords = computed({\n  get() {\n    return props.keywords\n  },\n  set(newValue) {\n    emit('update:keywords', [...newValue])\n  },\n})\n\nconst authors = computed({\n  get() {\n    return props.authors\n  },\n  set(newValue) {\n    emit('update:authors', [...newValue])\n  },\n})\n\nconst mainFileSingleUse = computed({\n  get() {\n    return props.mainFileSingleUse\n  },\n  set(newValue) {\n    emit('update:mainFileSingleUse', newValue)\n  },\n})\n\nconst { t } = useI18n()\n\n// The save skips an item whose metadata cannot be edited, so its row is not validated: the user could not fix it.\n// A field reads its scope only once at setup, hence the key on the form.\nconst metadataValidationScope = computed(() => {\n  return props.item.canEditMetadata ? props.validationScope : false\n})\n\nconst processingStatuses: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\nconst processing = computed(() => {\n  return processingStatuses.includes(props.item.status)\n})\nconst waiting = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Waiting\n})\nconst done = computed(() => {\n  return !props.disableDoneAnimation && props.item.status === UploadQueueItemStatus.Uploaded\n})\nconst uploading = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Uploading\n})\nconst uploadProgress = computed(() => {\n  return props.item.progress.progressPercent\n})\n\nconst imageSrc = computed(() => {\n  return props.item.imagePreview ? props.item.imagePreview.url : undefined\n})\nconst assetType = computed(() => {\n  return props.item.assetType\n})\nconst status = computed(() => {\n  if (!props.item) return DamAssetStatusDefault\n  return props.item.assetStatus\n})\n\nconst cancelItem = () => {\n  emit('cancelItem', { index: props.index, item: props.item, queueKey: props.queueKey })\n}\n\nconst showCancel = computed(() => {\n  return props.cancelStatuses.includes(props.item.status)\n})\n\n// For a row that has not failed: refresh is offered after it has waited for its file or its metadata.\nconst refreshDue = ref(false)\nconst refreshTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n// A failed row offers refresh only while a refresh can still change it.\n// A row whose chunk the server never took, or whose file the server failed, has nothing a refresh could find.\nconst offeredByRow = computed(() => {\n  if (props.item.status === UploadQueueItemStatus.Failed) return props.refreshMayHelp && !isNull(props.item.assetId)\n  return refreshDue.value\n})\nconst showRefresh = computed(() => {\n  return props.refreshOffered ?? offeredByRow.value\n})\n// Remove comes with refresh, and a failed row gets it at once: nothing else takes such a row out of the queue.\nconst showRemove = computed(() => {\n  return showRefresh.value || props.item.status === UploadQueueItemStatus.Failed\n})\n\nconst showDetail = async () => {\n  if (isNull(props.item.assetId)) return\n  emit('showDetail', props.item.assetId)\n}\n\nconst refresh = () => {\n  if (props.item.assetId) {\n    emit('refreshItem', { index: props.index, assetId: props.item.assetId })\n  }\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nwatch(\n  () => props.item.status,\n  async (newValue) => {\n    if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = setTimeout(() => {\n        if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n          refreshDue.value = true\n        }\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Uploaded) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n      // An uploaded row whose metadata has not arrived by then has a\n      // disabled form and the save skips it. Refresh loads the metadata.\n      refreshTimer.value = setTimeout(() => {\n        if (props.item.status !== UploadQueueItemStatus.Uploaded || props.item.canEditMetadata) return\n        refreshDue.value = true\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Failed) {\n      // The wait is over. For a failed row, the offer follows `refreshMayHelp` immediately.\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.item.canEditMetadata,\n  (canEdit) => {\n    // The metadata arrived after all, by notification or by refresh.\n    if (canEdit && props.item.status === UploadQueueItemStatus.Uploaded) refreshDue.value = false\n  }\n)\n\nonUnmounted(() => {\n  clearTimeout(refreshTimer.value)\n  refreshTimer.value = undefined\n})\n</script>\n\n<template>\n  <VCol\n    xxl=\"2\"\n    xl=\"3\"\n    md=\"4\"\n    sm=\"6\"\n    cols=\"12\"\n  >\n    <div class=\"dam-upload-queue__item\">\n      <div class=\"dam-upload-queue__item-card\">\n        <div class=\"position-relative\">\n          <AssetImage\n            :asset-type=\"assetType\"\n            :asset-status=\"status\"\n            :src=\"imageSrc\"\n            background-color=\"#ccc\"\n            :show-uploading=\"uploading\"\n            :show-processing=\"processing\"\n            :show-waiting=\"waiting\"\n            :show-done=\"done\"\n            :uploading-progress=\"uploadProgress\"\n            :remaining-time=\"item.progress.remainingTime\"\n            use-component\n            cover\n            :aspect-ratio=\"IMAGE_ASPECT_RATIO\"\n          />\n          <slot\n            name=\"image-overlay\"\n            :item=\"item\"\n          />\n          <UploadQueueItemErrorOverlay\n            v-if=\"item.error.hasError\"\n            :error=\"item.error\"\n          />\n        </div>\n        <VRow\n          density=\"compact\"\n          class=\"my-2\"\n        >\n          <VCol>\n            <div class=\"w-100 d-flex justify-space-between align-center\">\n              <div>\n                <template v-if=\"!(hideEditOnDuplicate && item.isDuplicate)\">\n                  <slot\n                    name=\"edit\"\n                    :item=\"item\"\n                  >\n                    <VBtn\n                      size=\"small\"\n                      variant=\"text\"\n                      :disabled=\"!item.canEditMetadata\"\n                      @click.stop=\"showDetail\"\n                    >\n                      {{ t('common.damImage.image.button.editAsset') }}\n                    </VBtn>\n                  </slot>\n                </template>\n              </div>\n              <div>\n                <ATableCopyIdButton\n                  v-if=\"item.assetId\"\n                  :id=\"item.assetId\"\n                  button-t=\"common.damImage.queueItem.copyAssetId\"\n                  size=\"small\"\n                />\n                <VBtn\n                  v-if=\"showRefresh\"\n                  :aria-label=\"t('common.button.refresh')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  :disabled=\"refreshDisabled\"\n                  @click.stop=\"refresh\"\n                >\n                  <VIcon icon=\"mdi-refresh\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.refresh') }}\n                  </VTooltip>\n                </VBtn>\n                <VBtn\n                  v-if=\"showCancel\"\n                  :aria-label=\"t('common.button.cancel')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  @click.stop=\"cancelItem\"\n                >\n                  <VIcon icon=\"mdi-close-circle-outline\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.cancel') }}\n                  </VTooltip>\n                </VBtn>\n                <slot\n                  name=\"remove\"\n                  :item=\"item\"\n                  :index=\"index\"\n                  :offered=\"showRemove\"\n                >\n                  <AActionDeleteButton\n                    v-if=\"showRemove\"\n                    variant=\"icon\"\n                    button-class=\"\"\n                    dialog-message-t=\"common.damImage.queueItem.removeFromQueue\"\n                    @delete-record=\"emit('removeItem', index)\"\n                  />\n                </slot>\n              </div>\n            </div>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"item.displayTitle\"\n          density=\"compact\"\n          class=\"my-2 mb-3 mt-0 text-body-small\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.queueItem.displayTitle') }}: {{ item.displayTitle }}\n            <span v-if=\"item.file?.size\">&nbsp;({{ prettyBytes(item.file.size) }})</span>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"duplicateNotice && item.isDuplicate\"\n          class=\"text-body-small text-warning\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n          </VCol>\n        </VRow>\n        <VForm :disabled=\"!item.canEditMetadata || (disableFormOnDuplicate && item.isDuplicate)\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            :key=\"item.canEditMetadata ? 'validated' : 'skipped'\"\n            v-model=\"customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            :validation-scope=\"metadataValidationScope\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"keywords\"\n                      :queue-id=\"queueKey\"\n                      :ext-system=\"extSystem\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      clearable\n                      multiple\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"authors\"\n                      :queue-id=\"queueKey\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :required=\"authorRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </div>\n    </div>\n  </VCol>\n</template>\n"],"mappings":""}

package/dist/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue.d.ts

@@ -16,30 +16,30 @@ type __VLS_Props = {
     mainFileSingleUseEnabled?: boolean;
     disableDoneAnimation?: boolean;
     /**
-     * A failed row a refresh may still change: its finish request went out and the server has said nothing final
-     * about it, or the original of its duplicate could not be read. The queue knows which rows those are; a row
-     * shown outside a queue has no such state.
+     * A failed row that a refresh may still change: its finish request went out and the
+     * server gave no final answer, or the original of its duplicate could not be read.
+     * The queue knows these rows. A row shown outside a queue has no such state.
      */
     refreshMayHelp?: boolean;
-    /** Where "cancel" is offered. */
+    /** Statuses in which "cancel" is offered. */
     cancelStatuses?: readonly UploadQueueItemStatusType[];
-    /** The line "The main file is a duplicate." under the title. */
+    /** Shows the line "The main file is a duplicate." under the title. */
     duplicateNotice?: boolean;
-    /** The form stays off on a duplicate whatever its metadata. */
+    /** Keeps the form disabled on a duplicate regardless of its metadata. */
     disableFormOnDuplicate?: boolean;
-    /** The scope the fields of an editable row report to; a row that cannot be edited reports to none. */
+    /** The scope the fields of an editable row report to. A non-editable row reports to none. */
     validationScope?: ValidationScope;
-    /** How keywords and authors look while the row cannot be edited; handed to both inputs as `disabledAs`. */
+    /** How keywords and authors look while the row is not editable. Passed to both inputs as `disabledAs`. */
     disabledFieldsAs?: DamFieldsDisabledAs;
-    /** A duplicate gets no edit button at all: neither the `edit` slot nor its default is drawn. */
+    /** A duplicate gets no edit button: neither the `edit` slot nor its default is rendered. */
     hideEditOnDuplicate?: boolean;
-    /** Whether the row offers refresh, worked out by its host. Without it the row works it out itself. */
+    /** Whether the row offers refresh, decided by the host. Without it the row decides itself. */
     refreshOffered?: boolean | undefined;
-    /** The DAM configuration whose rules and forms the row follows; inherited when not given. */
+    /** The DAM configuration whose rules and forms the row follows. Inherited when not given. */
     configName?: string;
 };
 type __VLS_Slots = {
-    /** Over the picture, under the error overlay. */
+    /** Rendered over the picture, under the error overlay. */
     'image-overlay'?(props: {
         item: UploadQueueItem;
     }): unknown;
@@ -47,7 +47,7 @@ type __VLS_Slots = {
     edit?(props: {
         item: UploadQueueItem;
     }): unknown;
-    /** Last of the action line. Default: "Remove from queue" while it is offered, emits `removeItem`. */
+    /** Last in the action line. Default: "Remove from queue" while offered, emits `removeItem`. */
     remove?(props: {
         item: UploadQueueItem;
         index: number;

package/dist/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueueItemEditable.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VCol","_withCtx","_createElementVNode","_createVNode","AssetImage","_renderSlot","UploadQueueItemErrorOverlay","_createCommentVNode","_component_VRow","_component_VBtn","_withModifiers","_createTextVNode","_toDisplayString","_unref","ATableCopyIdButton","_component_VIcon","_component_VTooltip","AActionDeleteButton","_createElementBlock","_component_VForm","AssetCustomMetadataForm","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","AuthorRemoteAutocompleteWithCached","_component_VSwitch","ASystemEntityScope_default","AActionDeleteButton_default","ATableCopyIdButton_default","AssetCustomMetadataForm_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","AssetImage_default","UploadQueueItemErrorOverlay_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","IMAGE_ASPECT_RATIO","UploadQueueItemEditable_vue_vue_type_script_setup_true_lang_default","UploadQueueItemStatus","ADamAssetMetadataValidationScopeSymbol","__emit","props","__props","emit","damConfigName","useDamConfigName","customData","computed","newValue","keywords","authors","mainFileSingleUse","useI18n","metadataValidationScope","processingStatuses","processing","waiting","done","uploading","uploadProgress","imageSrc","assetType","status","DamAssetStatusDefault","cancelItem","showCancel","refreshDue","ref","refreshTimer","offeredByRow","isNull","showRefresh","showRemove","showDetail","refresh","useDamKeywordAssetTypeConfig","useDamAuthorAssetTypeConfig","watch","canEdit","onUnmounted","openBlock","createBlock","VCol","withCtx","createElementVNode","createVNode","renderSlot","_ctx","createCommentVNode","VRow","VBtn","withModifiers","createTextVNode","toDisplayString","unref","t","VIcon","VTooltip","_cache","createElementBlock","prettyBytes","VForm","$event","keywordEnabled","keywordRequired","authorEnabled","authorRequired","VSwitch"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onUnmounted, ref, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetCustomData, DamAssetStatusDefault } from '@/domains/dam/types/Asset'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n  type UploadQueueKey,\n} from '@/domains/dam/types/UploadQueue'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetImage from '@/domains/dam/assetDetail/components/AssetImage.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport AActionDeleteButton from '@/domains/ui/buttons/action/components/AActionDeleteButton.vue'\nimport { SHOW_REFRESH_AFTER_SECONDS } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    customData: AssetCustomData\n    keywords: DocId[]\n    authors: DocId[]\n    item: UploadQueueItem\n    refreshDisabled: boolean\n    mainFileSingleUse: boolean | null\n    mainFileSingleUseEnabled?: boolean\n    disableDoneAnimation?: boolean\n    /**\n     * A failed row a refresh may still change: its finish request went out and the server has said nothing final\n     * about it, or the original of its duplicate could not be read. The queue knows which rows those are; a row\n     * shown outside a queue has no such state.\n     */\n    refreshMayHelp?: boolean\n    /** Where \"cancel\" is offered. */\n    cancelStatuses?: readonly UploadQueueItemStatusType[]\n    /** The line \"The main file is a duplicate.\" under the title. */\n    duplicateNotice?: boolean\n    /** The form stays off on a duplicate whatever its metadata. */\n    disableFormOnDuplicate?: boolean\n    /** The scope the fields of an editable row report to; a row that cannot be edited reports to none. */\n    validationScope?: ValidationScope\n    /** How keywords and authors look while the row cannot be edited; handed to both inputs as `disabledAs`. */\n    disabledFieldsAs?: DamFieldsDisabledAs\n    /** A duplicate gets no edit button at all: neither the `edit` slot nor its default is drawn. */\n    hideEditOnDuplicate?: boolean\n    /** Whether the row offers refresh, worked out by its host. Without it the row works it out itself. */\n    refreshOffered?: boolean | undefined\n    /** The DAM configuration whose rules and forms the row follows; inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    mainFileSingleUseEnabled: true,\n    disableDoneAnimation: false,\n    refreshMayHelp: false,\n    cancelStatuses: () => [\n      UploadQueueItemStatus.Loading,\n      UploadQueueItemStatus.Waiting,\n      UploadQueueItemStatus.Uploading,\n    ],\n    duplicateNotice: true,\n    disableFormOnDuplicate: false,\n    validationScope: ADamAssetMetadataValidationScopeSymbol,\n    disabledFieldsAs: 'chips',\n    hideEditOnDuplicate: false,\n    // Declared, or Vue would make an absent boolean `false` and the row would never offer refresh by itself.\n    refreshOffered: undefined,\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:customData', data: AssetCustomData): void\n  (e: 'update:keywords', data: DocId[]): void\n  (e: 'update:authors', data: DocId[]): void\n  (e: 'update:mainFileSingleUse', data: boolean | null): void\n  (e: 'cancelItem', data: { index: number; item: UploadQueueItem; queueKey: UploadQueueKey }): void\n  (e: 'removeItem', index: number): void\n  (e: 'showDetail', data: DocId): void\n  (e: 'refreshItem', data: { index: number; assetId: DocId }): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\ndefineSlots<{\n  /** Over the picture, under the error overlay. */\n  'image-overlay'?(props: { item: UploadQueueItem }): unknown\n  /** Left of the action line. Default: \"Edit in Media Library\", disabled without metadata, emits `showDetail`. */\n  edit?(props: { item: UploadQueueItem }): unknown\n  /** Last of the action line. Default: \"Remove from queue\" while it is offered, emits `removeItem`. */\n  remove?(props: { item: UploadQueueItem; index: number; offered: boolean }): unknown\n}>()\n\nconst IMAGE_ASPECT_RATIO = 16 / 9\n\nconst customData = computed({\n  get() {\n    return props.customData\n  },\n  set(newValue) {\n    emit('update:customData', { ...props.customData, ...newValue })\n  },\n})\n\nconst keywords = computed({\n  get() {\n    return props.keywords\n  },\n  set(newValue) {\n    emit('update:keywords', [...newValue])\n  },\n})\n\nconst authors = computed({\n  get() {\n    return props.authors\n  },\n  set(newValue) {\n    emit('update:authors', [...newValue])\n  },\n})\n\nconst mainFileSingleUse = computed({\n  get() {\n    return props.mainFileSingleUse\n  },\n  set(newValue) {\n    emit('update:mainFileSingleUse', newValue)\n  },\n})\n\nconst { t } = useI18n()\n\n// The save skips an item whose metadata cannot be edited, so nothing in its row is validated: it could not be\n// put right. A scope is read once, when a field is set up - hence the key on the form.\nconst metadataValidationScope = computed(() => {\n  return props.item.canEditMetadata ? props.validationScope : false\n})\n\nconst processingStatuses: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\nconst processing = computed(() => {\n  return processingStatuses.includes(props.item.status)\n})\nconst waiting = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Waiting\n})\nconst done = computed(() => {\n  return !props.disableDoneAnimation && props.item.status === UploadQueueItemStatus.Uploaded\n})\nconst uploading = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Uploading\n})\nconst uploadProgress = computed(() => {\n  return props.item.progress.progressPercent\n})\n\nconst imageSrc = computed(() => {\n  return props.item.imagePreview ? props.item.imagePreview.url : undefined\n})\nconst assetType = computed(() => {\n  return props.item.assetType\n})\nconst status = computed(() => {\n  if (!props.item) return DamAssetStatusDefault\n  return props.item.assetStatus\n})\n\nconst cancelItem = () => {\n  emit('cancelItem', { index: props.index, item: props.item, queueKey: props.queueKey })\n}\n\nconst showCancel = computed(() => {\n  return props.cancelStatuses.includes(props.item.status)\n})\n\n// Of a row that has not failed: offered once it has waited, for its file or for its metadata.\nconst refreshDue = ref(false)\nconst refreshTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n// A failed row offers refresh only while one may still change it. One whose chunk the server never took, or\n// whose file the server has failed, has nothing a refresh could find.\nconst offeredByRow = computed(() => {\n  if (props.item.status === UploadQueueItemStatus.Failed) return props.refreshMayHelp && !isNull(props.item.assetId)\n  return refreshDue.value\n})\nconst showRefresh = computed(() => {\n  return props.refreshOffered ?? offeredByRow.value\n})\n// Remove comes with refresh, and a failed row has it at once: nothing else takes such a row out of the queue.\nconst showRemove = computed(() => {\n  return showRefresh.value || props.item.status === UploadQueueItemStatus.Failed\n})\n\nconst showDetail = async () => {\n  if (isNull(props.item.assetId)) return\n  emit('showDetail', props.item.assetId)\n}\n\nconst refresh = () => {\n  if (props.item.assetId) {\n    emit('refreshItem', { index: props.index, assetId: props.item.assetId })\n  }\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nwatch(\n  () => props.item.status,\n  async (newValue) => {\n    if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = setTimeout(() => {\n        if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n          refreshDue.value = true\n        }\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Uploaded) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n      // An uploaded row whose metadata has not come by then has a disabled form, and the save skips it. Refresh\n      // loads the metadata.\n      refreshTimer.value = setTimeout(() => {\n        if (props.item.status !== UploadQueueItemStatus.Uploaded || props.item.canEditMetadata) return\n        refreshDue.value = true\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Failed) {\n      // Its wait is over: what a failed row offers follows `refreshMayHelp`, at once.\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.item.canEditMetadata,\n  (canEdit) => {\n    // The metadata of an uploaded row came after all, by its notification or by that refresh.\n    if (canEdit && props.item.status === UploadQueueItemStatus.Uploaded) refreshDue.value = false\n  }\n)\n\nonUnmounted(() => {\n  clearTimeout(refreshTimer.value)\n  refreshTimer.value = undefined\n})\n</script>\n\n<template>\n  <VCol\n    xxl=\"2\"\n    xl=\"3\"\n    md=\"4\"\n    sm=\"6\"\n    cols=\"12\"\n  >\n    <div class=\"dam-upload-queue__item\">\n      <div class=\"dam-upload-queue__item-card\">\n        <div class=\"position-relative\">\n          <AssetImage\n            :asset-type=\"assetType\"\n            :asset-status=\"status\"\n            :src=\"imageSrc\"\n            background-color=\"#ccc\"\n            :show-uploading=\"uploading\"\n            :show-processing=\"processing\"\n            :show-waiting=\"waiting\"\n            :show-done=\"done\"\n            :uploading-progress=\"uploadProgress\"\n            :remaining-time=\"item.progress.remainingTime\"\n            use-component\n            cover\n            :aspect-ratio=\"IMAGE_ASPECT_RATIO\"\n          />\n          <slot\n            name=\"image-overlay\"\n            :item=\"item\"\n          />\n          <UploadQueueItemErrorOverlay\n            v-if=\"item.error.hasError\"\n            :error=\"item.error\"\n          />\n        </div>\n        <VRow\n          density=\"compact\"\n          class=\"my-2\"\n        >\n          <VCol>\n            <div class=\"w-100 d-flex justify-space-between align-center\">\n              <div>\n                <template v-if=\"!(hideEditOnDuplicate && item.isDuplicate)\">\n                  <slot\n                    name=\"edit\"\n                    :item=\"item\"\n                  >\n                    <VBtn\n                      size=\"small\"\n                      variant=\"text\"\n                      :disabled=\"!item.canEditMetadata\"\n                      @click.stop=\"showDetail\"\n                    >\n                      {{ t('common.damImage.image.button.editAsset') }}\n                    </VBtn>\n                  </slot>\n                </template>\n              </div>\n              <div>\n                <ATableCopyIdButton\n                  v-if=\"item.assetId\"\n                  :id=\"item.assetId\"\n                  button-t=\"common.damImage.queueItem.copyAssetId\"\n                  size=\"small\"\n                />\n                <VBtn\n                  v-if=\"showRefresh\"\n                  :aria-label=\"t('common.button.refresh')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  :disabled=\"refreshDisabled\"\n                  @click.stop=\"refresh\"\n                >\n                  <VIcon icon=\"mdi-refresh\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.refresh') }}\n                  </VTooltip>\n                </VBtn>\n                <VBtn\n                  v-if=\"showCancel\"\n                  :aria-label=\"t('common.button.cancel')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  @click.stop=\"cancelItem\"\n                >\n                  <VIcon icon=\"mdi-close-circle-outline\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.cancel') }}\n                  </VTooltip>\n                </VBtn>\n                <slot\n                  name=\"remove\"\n                  :item=\"item\"\n                  :index=\"index\"\n                  :offered=\"showRemove\"\n                >\n                  <AActionDeleteButton\n                    v-if=\"showRemove\"\n                    variant=\"icon\"\n                    button-class=\"\"\n                    dialog-message-t=\"common.damImage.queueItem.removeFromQueue\"\n                    @delete-record=\"emit('removeItem', index)\"\n                  />\n                </slot>\n              </div>\n            </div>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"item.displayTitle\"\n          density=\"compact\"\n          class=\"my-2 mb-3 mt-0 text-body-small\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.queueItem.displayTitle') }}: {{ item.displayTitle }}\n            <span v-if=\"item.file?.size\">&nbsp;({{ prettyBytes(item.file.size) }})</span>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"duplicateNotice && item.isDuplicate\"\n          class=\"text-body-small text-warning\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n          </VCol>\n        </VRow>\n        <VForm :disabled=\"!item.canEditMetadata || (disableFormOnDuplicate && item.isDuplicate)\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            :key=\"item.canEditMetadata ? 'validated' : 'skipped'\"\n            v-model=\"customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            :validation-scope=\"metadataValidationScope\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"keywords\"\n                      :queue-id=\"queueKey\"\n                      :ext-system=\"extSystem\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      clearable\n                      multiple\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"authors\"\n                      :queue-id=\"queueKey\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :required=\"authorRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </div>\n    </div>\n  </VCol>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"UploadQueueItemEditable.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VCol","_withCtx","_createElementVNode","_createVNode","AssetImage","_renderSlot","UploadQueueItemErrorOverlay","_createCommentVNode","_component_VRow","_component_VBtn","_withModifiers","_createTextVNode","_toDisplayString","_unref","ATableCopyIdButton","_component_VIcon","_component_VTooltip","AActionDeleteButton","_createElementBlock","_component_VForm","AssetCustomMetadataForm","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","AuthorRemoteAutocompleteWithCached","_component_VSwitch","ASystemEntityScope_default","AActionDeleteButton_default","ATableCopyIdButton_default","AssetCustomMetadataForm_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","AssetImage_default","UploadQueueItemErrorOverlay_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","IMAGE_ASPECT_RATIO","UploadQueueItemEditable_vue_vue_type_script_setup_true_lang_default","UploadQueueItemStatus","ADamAssetMetadataValidationScopeSymbol","__emit","props","__props","emit","damConfigName","useDamConfigName","customData","computed","newValue","keywords","authors","mainFileSingleUse","useI18n","metadataValidationScope","processingStatuses","processing","waiting","done","uploading","uploadProgress","imageSrc","assetType","status","DamAssetStatusDefault","cancelItem","showCancel","refreshDue","ref","refreshTimer","offeredByRow","isNull","showRefresh","showRemove","showDetail","refresh","useDamKeywordAssetTypeConfig","useDamAuthorAssetTypeConfig","watch","canEdit","onUnmounted","openBlock","createBlock","VCol","withCtx","createElementVNode","createVNode","renderSlot","_ctx","createCommentVNode","VRow","VBtn","withModifiers","createTextVNode","toDisplayString","unref","t","VIcon","VTooltip","_cache","createElementBlock","prettyBytes","VForm","$event","keywordEnabled","keywordRequired","authorEnabled","authorRequired","VSwitch"],"sources":["../../../../../src/domains/dam/uploadQueue/components/UploadQueueItemEditable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onUnmounted, ref, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetCustomData, DamAssetStatusDefault } from '@/domains/dam/types/Asset'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n  type UploadQueueKey,\n} from '@/domains/dam/types/UploadQueue'\nimport type { ValidationScope } from '@/shared/types/Validation'\nimport ATableCopyIdButton from '@/domains/ui/buttons/table/components/ATableCopyIdButton.vue'\nimport { prettyBytes } from '@/shared/utils/file'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetImage from '@/domains/dam/assetDetail/components/AssetImage.vue'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport AActionDeleteButton from '@/domains/ui/buttons/action/components/AActionDeleteButton.vue'\nimport { SHOW_REFRESH_AFTER_SECONDS } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport UploadQueueItemErrorOverlay from '@/domains/dam/uploadQueue/components/UploadQueueItemErrorOverlay.vue'\nimport type { DamFieldsDisabledAs } from '@/domains/dam/uploadQueue/components/uploadQueueBindings'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    index: number\n    queueKey: UploadQueueKey\n    extSystem: IntegerId\n    customData: AssetCustomData\n    keywords: DocId[]\n    authors: DocId[]\n    item: UploadQueueItem\n    refreshDisabled: boolean\n    mainFileSingleUse: boolean | null\n    mainFileSingleUseEnabled?: boolean\n    disableDoneAnimation?: boolean\n    /**\n     * A failed row that a refresh may still change: its finish request went out and the\n     * server gave no final answer, or the original of its duplicate could not be read.\n     * The queue knows these rows. A row shown outside a queue has no such state.\n     */\n    refreshMayHelp?: boolean\n    /** Statuses in which \"cancel\" is offered. */\n    cancelStatuses?: readonly UploadQueueItemStatusType[]\n    /** Shows the line \"The main file is a duplicate.\" under the title. */\n    duplicateNotice?: boolean\n    /** Keeps the form disabled on a duplicate regardless of its metadata. */\n    disableFormOnDuplicate?: boolean\n    /** The scope the fields of an editable row report to. A non-editable row reports to none. */\n    validationScope?: ValidationScope\n    /** How keywords and authors look while the row is not editable. Passed to both inputs as `disabledAs`. */\n    disabledFieldsAs?: DamFieldsDisabledAs\n    /** A duplicate gets no edit button: neither the `edit` slot nor its default is rendered. */\n    hideEditOnDuplicate?: boolean\n    /** Whether the row offers refresh, decided by the host. Without it the row decides itself. */\n    refreshOffered?: boolean | undefined\n    /** The DAM configuration whose rules and forms the row follows. Inherited when not given. */\n    configName?: string\n  }>(),\n  {\n    mainFileSingleUseEnabled: true,\n    disableDoneAnimation: false,\n    refreshMayHelp: false,\n    cancelStatuses: () => [\n      UploadQueueItemStatus.Loading,\n      UploadQueueItemStatus.Waiting,\n      UploadQueueItemStatus.Uploading,\n    ],\n    duplicateNotice: true,\n    disableFormOnDuplicate: false,\n    validationScope: ADamAssetMetadataValidationScopeSymbol,\n    disabledFieldsAs: 'chips',\n    hideEditOnDuplicate: false,\n    // Declared explicitly, otherwise Vue casts an absent boolean to `false` and the row never offers refresh by itself.\n    refreshOffered: undefined,\n    configName: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:customData', data: AssetCustomData): void\n  (e: 'update:keywords', data: DocId[]): void\n  (e: 'update:authors', data: DocId[]): void\n  (e: 'update:mainFileSingleUse', data: boolean | null): void\n  (e: 'cancelItem', data: { index: number; item: UploadQueueItem; queueKey: UploadQueueKey }): void\n  (e: 'removeItem', index: number): void\n  (e: 'showDetail', data: DocId): void\n  (e: 'refreshItem', data: { index: number; assetId: DocId }): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\ndefineSlots<{\n  /** Rendered over the picture, under the error overlay. */\n  'image-overlay'?(props: { item: UploadQueueItem }): unknown\n  /** Left of the action line. Default: \"Edit in Media Library\", disabled without metadata, emits `showDetail`. */\n  edit?(props: { item: UploadQueueItem }): unknown\n  /** Last in the action line. Default: \"Remove from queue\" while offered, emits `removeItem`. */\n  remove?(props: { item: UploadQueueItem; index: number; offered: boolean }): unknown\n}>()\n\nconst IMAGE_ASPECT_RATIO = 16 / 9\n\nconst customData = computed({\n  get() {\n    return props.customData\n  },\n  set(newValue) {\n    emit('update:customData', { ...props.customData, ...newValue })\n  },\n})\n\nconst keywords = computed({\n  get() {\n    return props.keywords\n  },\n  set(newValue) {\n    emit('update:keywords', [...newValue])\n  },\n})\n\nconst authors = computed({\n  get() {\n    return props.authors\n  },\n  set(newValue) {\n    emit('update:authors', [...newValue])\n  },\n})\n\nconst mainFileSingleUse = computed({\n  get() {\n    return props.mainFileSingleUse\n  },\n  set(newValue) {\n    emit('update:mainFileSingleUse', newValue)\n  },\n})\n\nconst { t } = useI18n()\n\n// The save skips an item whose metadata cannot be edited, so its row is not validated: the user could not fix it.\n// A field reads its scope only once at setup, hence the key on the form.\nconst metadataValidationScope = computed(() => {\n  return props.item.canEditMetadata ? props.validationScope : false\n})\n\nconst processingStatuses: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\nconst processing = computed(() => {\n  return processingStatuses.includes(props.item.status)\n})\nconst waiting = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Waiting\n})\nconst done = computed(() => {\n  return !props.disableDoneAnimation && props.item.status === UploadQueueItemStatus.Uploaded\n})\nconst uploading = computed(() => {\n  return props.item.status === UploadQueueItemStatus.Uploading\n})\nconst uploadProgress = computed(() => {\n  return props.item.progress.progressPercent\n})\n\nconst imageSrc = computed(() => {\n  return props.item.imagePreview ? props.item.imagePreview.url : undefined\n})\nconst assetType = computed(() => {\n  return props.item.assetType\n})\nconst status = computed(() => {\n  if (!props.item) return DamAssetStatusDefault\n  return props.item.assetStatus\n})\n\nconst cancelItem = () => {\n  emit('cancelItem', { index: props.index, item: props.item, queueKey: props.queueKey })\n}\n\nconst showCancel = computed(() => {\n  return props.cancelStatuses.includes(props.item.status)\n})\n\n// For a row that has not failed: refresh is offered after it has waited for its file or its metadata.\nconst refreshDue = ref(false)\nconst refreshTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n// A failed row offers refresh only while a refresh can still change it.\n// A row whose chunk the server never took, or whose file the server failed, has nothing a refresh could find.\nconst offeredByRow = computed(() => {\n  if (props.item.status === UploadQueueItemStatus.Failed) return props.refreshMayHelp && !isNull(props.item.assetId)\n  return refreshDue.value\n})\nconst showRefresh = computed(() => {\n  return props.refreshOffered ?? offeredByRow.value\n})\n// Remove comes with refresh, and a failed row gets it at once: nothing else takes such a row out of the queue.\nconst showRemove = computed(() => {\n  return showRefresh.value || props.item.status === UploadQueueItemStatus.Failed\n})\n\nconst showDetail = async () => {\n  if (isNull(props.item.assetId)) return\n  emit('showDetail', props.item.assetId)\n}\n\nconst refresh = () => {\n  if (props.item.assetId) {\n    emit('refreshItem', { index: props.index, assetId: props.item.assetId })\n  }\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { keywordRequired, keywordEnabled } = useDamKeywordAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { authorRequired, authorEnabled } = useDamAuthorAssetTypeConfig(\n  // eslint-disable-next-line vue/no-ref-object-reactivity-loss\n  assetType.value,\n  props.extSystem,\n  damConfigName\n)\n\nwatch(\n  () => props.item.status,\n  async (newValue) => {\n    if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = setTimeout(() => {\n        if (newValue === UploadQueueItemStatus.Uploading || newValue === UploadQueueItemStatus.Processing) {\n          refreshDue.value = true\n        }\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Uploaded) {\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n      // An uploaded row whose metadata has not arrived by then has a\n      // disabled form and the save skips it. Refresh loads the metadata.\n      refreshTimer.value = setTimeout(() => {\n        if (props.item.status !== UploadQueueItemStatus.Uploaded || props.item.canEditMetadata) return\n        refreshDue.value = true\n      }, SHOW_REFRESH_AFTER_SECONDS * 1000)\n    } else if (newValue === UploadQueueItemStatus.Failed) {\n      // The wait is over. For a failed row, the offer follows `refreshMayHelp` immediately.\n      clearTimeout(refreshTimer.value)\n      refreshTimer.value = undefined\n      refreshDue.value = false\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.item.canEditMetadata,\n  (canEdit) => {\n    // The metadata arrived after all, by notification or by refresh.\n    if (canEdit && props.item.status === UploadQueueItemStatus.Uploaded) refreshDue.value = false\n  }\n)\n\nonUnmounted(() => {\n  clearTimeout(refreshTimer.value)\n  refreshTimer.value = undefined\n})\n</script>\n\n<template>\n  <VCol\n    xxl=\"2\"\n    xl=\"3\"\n    md=\"4\"\n    sm=\"6\"\n    cols=\"12\"\n  >\n    <div class=\"dam-upload-queue__item\">\n      <div class=\"dam-upload-queue__item-card\">\n        <div class=\"position-relative\">\n          <AssetImage\n            :asset-type=\"assetType\"\n            :asset-status=\"status\"\n            :src=\"imageSrc\"\n            background-color=\"#ccc\"\n            :show-uploading=\"uploading\"\n            :show-processing=\"processing\"\n            :show-waiting=\"waiting\"\n            :show-done=\"done\"\n            :uploading-progress=\"uploadProgress\"\n            :remaining-time=\"item.progress.remainingTime\"\n            use-component\n            cover\n            :aspect-ratio=\"IMAGE_ASPECT_RATIO\"\n          />\n          <slot\n            name=\"image-overlay\"\n            :item=\"item\"\n          />\n          <UploadQueueItemErrorOverlay\n            v-if=\"item.error.hasError\"\n            :error=\"item.error\"\n          />\n        </div>\n        <VRow\n          density=\"compact\"\n          class=\"my-2\"\n        >\n          <VCol>\n            <div class=\"w-100 d-flex justify-space-between align-center\">\n              <div>\n                <template v-if=\"!(hideEditOnDuplicate && item.isDuplicate)\">\n                  <slot\n                    name=\"edit\"\n                    :item=\"item\"\n                  >\n                    <VBtn\n                      size=\"small\"\n                      variant=\"text\"\n                      :disabled=\"!item.canEditMetadata\"\n                      @click.stop=\"showDetail\"\n                    >\n                      {{ t('common.damImage.image.button.editAsset') }}\n                    </VBtn>\n                  </slot>\n                </template>\n              </div>\n              <div>\n                <ATableCopyIdButton\n                  v-if=\"item.assetId\"\n                  :id=\"item.assetId\"\n                  button-t=\"common.damImage.queueItem.copyAssetId\"\n                  size=\"small\"\n                />\n                <VBtn\n                  v-if=\"showRefresh\"\n                  :aria-label=\"t('common.button.refresh')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  :disabled=\"refreshDisabled\"\n                  @click.stop=\"refresh\"\n                >\n                  <VIcon icon=\"mdi-refresh\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.refresh') }}\n                  </VTooltip>\n                </VBtn>\n                <VBtn\n                  v-if=\"showCancel\"\n                  :aria-label=\"t('common.button.cancel')\"\n                  icon\n                  size=\"small\"\n                  variant=\"text\"\n                  @click.stop=\"cancelItem\"\n                >\n                  <VIcon icon=\"mdi-close-circle-outline\" />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.button.cancel') }}\n                  </VTooltip>\n                </VBtn>\n                <slot\n                  name=\"remove\"\n                  :item=\"item\"\n                  :index=\"index\"\n                  :offered=\"showRemove\"\n                >\n                  <AActionDeleteButton\n                    v-if=\"showRemove\"\n                    variant=\"icon\"\n                    button-class=\"\"\n                    dialog-message-t=\"common.damImage.queueItem.removeFromQueue\"\n                    @delete-record=\"emit('removeItem', index)\"\n                  />\n                </slot>\n              </div>\n            </div>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"item.displayTitle\"\n          density=\"compact\"\n          class=\"my-2 mb-3 mt-0 text-body-small\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.queueItem.displayTitle') }}: {{ item.displayTitle }}\n            <span v-if=\"item.file?.size\">&nbsp;({{ prettyBytes(item.file.size) }})</span>\n          </VCol>\n        </VRow>\n        <VRow\n          v-if=\"duplicateNotice && item.isDuplicate\"\n          class=\"text-body-small text-warning\"\n        >\n          <VCol class=\"pt-0\">\n            {{ t('common.damImage.asset.detail.info.status.duplicate') }}\n          </VCol>\n        </VRow>\n        <VForm :disabled=\"!item.canEditMetadata || (disableFormOnDuplicate && item.isDuplicate)\">\n          <AssetCustomMetadataForm\n            v-if=\"item\"\n            :key=\"item.canEditMetadata ? 'validated' : 'skipped'\"\n            v-model=\"customData\"\n            :ext-system=\"extSystem\"\n            :asset-type=\"assetType\"\n            :validation-scope=\"metadataValidationScope\"\n          >\n            <template #after-pinned>\n              <VRow\n                v-if=\"keywordEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"keyword\"\n                    system=\"dam\"\n                  >\n                    <KeywordRemoteAutocompleteWithCached\n                      v-model=\"keywords\"\n                      :queue-id=\"queueKey\"\n                      :ext-system=\"extSystem\"\n                      :label=\"t('common.damImage.asset.model.keywords')\"\n                      clearable\n                      multiple\n                      :required=\"keywordRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"authorEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <ASystemEntityScope\n                    subject=\"author\"\n                    system=\"dam\"\n                  >\n                    <AuthorRemoteAutocompleteWithCached\n                      v-model=\"authors\"\n                      :queue-id=\"queueKey\"\n                      :label=\"t('common.damImage.asset.model.authors')\"\n                      :author-conflicts=\"item.authorConflicts\"\n                      :ext-system=\"extSystem\"\n                      clearable\n                      multiple\n                      :required=\"authorRequired\"\n                      :validation-scope=\"metadataValidationScope\"\n                      :disabled=\"!item.canEditMetadata\"\n                      :disabled-as=\"disabledFieldsAs\"\n                    />\n                  </ASystemEntityScope>\n                </VCol>\n              </VRow>\n              <VRow\n                v-if=\"mainFileSingleUseEnabled\"\n                density=\"compact\"\n                class=\"my-2\"\n              >\n                <VCol>\n                  <VSwitch\n                    v-model=\"mainFileSingleUse\"\n                    :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                  />\n                </VCol>\n              </VRow>\n            </template>\n          </AssetCustomMetadataForm>\n        </VForm>\n      </div>\n    </div>\n  </VCol>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/uploadQueue/components/uploadQueueBindings.d.ts

@@ -5,32 +5,32 @@ import { CustomDataValue } from '../../../customDataForm/types/CustomDataForm';
 import { UploadQueue, UploadQueueItem, UploadQueueKey } from '../../types/UploadQueue';
 import { UploadRefreshOutcome } from '../settlement/uploadSettlementTypes';
 import { UploadRefreshWarningKey } from '../composables/uploadQueueItemRefresh';
-/** How the keywords and authors of a row look while they cannot be edited: their chips, or a switched-off input. */
+/** How a row's keywords and authors look while not editable: as chips, or as a disabled input. */
 export type DamFieldsDisabledAs = 'chips' | 'input';
-/** The suggestions of a queue, which the name chips of its rows mark as "new". */
+/** The suggestions of a queue. Name chips of its rows mark them as "new". */
 export type UploadQueueSuggestionsLookup = (queueKey: UploadQueueKey) => UploadQueue['suggestions'] | undefined;
-/** Provided by an application whose queues are not the library's store. Without it the chips read that store. */
+/** Provided by an application whose queues are not in the library store. Without it the chips read that store. */
 export declare const UploadQueueSuggestionsKey: InjectionKey<UploadQueueSuggestionsLookup>;
-/** Today's library: the suggestions in its store, which is asked for only when a chip needs them. */
+/** Default: the suggestions in the library store. The store is resolved only when a chip needs them. */
 export declare const libraryUploadQueueSuggestions: UploadQueueSuggestionsLookup;
-/** What the list of a queue asks of its host. Without it the list works over the library's store, as today. */
+/** What a queue list needs from its host. Without it the list uses the library store. */
 export interface UploadQueueListBinding {
     items(): UploadQueueItem[];
-    /** `queueKey` is the one in the row's event. */
+    /** `queueKey` is the one from the row's event. */
     cancel(item: UploadQueueItem, index: number, queueKey: UploadQueueKey): void;
-    /** For the library's default "remove from queue". */
+    /** Used by the library's default "remove from queue". */
     remove(index: number): void;
     refresh(item: UploadQueueItem): Promise<UploadRefreshOutcome>;
     refreshMayHelp(item: UploadQueueItem): boolean;
-    /** A warning of a refresh, through the host's own alerts. */
+    /** Shows a refresh warning through the host's own alerts. */
     warn(key: UploadRefreshWarningKey): void;
-    /** Hands the keywords and authors of the rows to the name caches and asks for them, once when the list mounts. */
+    /** Passes the rows' keywords and authors to the name caches and fetches them, once when the list mounts. */
     prime(items: UploadQueueItem[]): void;
     mainFileSingleUseEnabled: boolean;
 }
-/** Today's list of the library: its store, its caches, its alerts, its options. It follows the key as it changes. */
+/** Default list binding: the library store, caches, alerts and options. It follows the key as it changes. */
 export declare function useLibraryUploadQueueListBinding(queueKey: MaybeRefOrGetter<UploadQueueKey>, configName: string): UploadQueueListBinding;
-/** What the mass operations of a queue ask of their host. Without it they work over the library's store. */
+/** What a queue's mass operations need from their host. Without it they use the library store. */
 export interface UploadQueueMassOperationsBinding {
     assetTypes(): DamAssetTypeType[];
     fillCustomDataValue(data: {
@@ -38,9 +38,9 @@ export interface UploadQueueMassOperationsBinding {
         elementProperty: string;
         value: CustomDataValue;
     }, forceReplace?: boolean): void;
-    /** Into which rows is the host's: every row in the library. */
+    /** The host decides which rows are filled. The library fills every row. */
     fillKeywords(value: DocId[], forceReplace?: boolean): void;
     fillAuthors(value: DocId[], forceReplace?: boolean): void;
 }
-/** Today's: the asset types of the library's store and `useUploadQueueMassOperations`. */
+/** Default binding: the asset types of the library store and `useUploadQueueMassOperations`. */
 export declare function useLibraryUploadQueueMassOperationsBinding(queueKey: MaybeRefOrGetter<UploadQueueKey>): UploadQueueMassOperationsBinding;

package/dist/domains/dam/uploadQueue/components/uploadQueueBindings.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploadQueueBindings.js","names":["UploadQueueSuggestionsKey","libraryUploadQueueSuggestions","useUploadQueuesStore","queueKey","useLibraryUploadQueueListBinding","uploadQueuesStore","useAlerts","useDamCachedKeywords","configName","useDamCachedAuthors","useCommonAdminCoreDamOptions","toValue","itemQueueKey","item","index","showWarningT","key","items","addToCachedKeywords","addToCachedAuthors","fetchCachedKeywords","fetchCachedAuthors","useLibraryUploadQueueMassOperationsBinding","useUploadQueueMassOperations","replaceEmptyCustomDataValue","replaceEmptyKeywords","replaceEmptyAuthors"],"sources":["../../../../../src/domains/dam/uploadQueue/components/uploadQueueBindings.ts"],"sourcesContent":["import { type InjectionKey, type MaybeRefOrGetter, toValue } from 'vue'\nimport type { DocId } from '@/shared/types/common'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { CustomDataValue } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { UploadQueue, UploadQueueItem, UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { UploadRefreshOutcome } from '@/domains/dam/uploadQueue/settlement/uploadSettlementTypes'\nimport type { UploadRefreshWarningKey } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { useUploadQueueMassOperations } from '@/domains/dam/uploadQueue/composables/uploadQueueMassOperations'\nimport { useDamCachedKeywords } from '@/domains/dam/keyword/composables/cachedKeywords'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\n/** How the keywords and authors of a row look while they cannot be edited: their chips, or a switched-off input. */\nexport type DamFieldsDisabledAs = 'chips' | 'input'\n\n/** The suggestions of a queue, which the name chips of its rows mark as \"new\". */\nexport type UploadQueueSuggestionsLookup = (queueKey: UploadQueueKey) => UploadQueue['suggestions'] | undefined\n\n/** Provided by an application whose queues are not the library's store. Without it the chips read that store. */\nexport const UploadQueueSuggestionsKey: InjectionKey<UploadQueueSuggestionsLookup> =\n  Symbol.for('anzu:UploadQueueSuggestions')\n\n/** Today's library: the suggestions in its store, which is asked for only when a chip needs them. */\nexport const libraryUploadQueueSuggestions: UploadQueueSuggestionsLookup = (queueKey) =>\n  useUploadQueuesStore().getQueue(queueKey)?.suggestions\n\n/** What the list of a queue asks of its host. Without it the list works over the library's store, as today. */\nexport interface UploadQueueListBinding {\n  items(): UploadQueueItem[]\n  /** `queueKey` is the one in the row's event. */\n  cancel(item: UploadQueueItem, index: number, queueKey: UploadQueueKey): void\n  /** For the library's default \"remove from queue\". */\n  remove(index: number): void\n  refresh(item: UploadQueueItem): Promise<UploadRefreshOutcome>\n  refreshMayHelp(item: UploadQueueItem): boolean\n  /** A warning of a refresh, through the host's own alerts. */\n  warn(key: UploadRefreshWarningKey): void\n  /** Hands the keywords and authors of the rows to the name caches and asks for them, once when the list mounts. */\n  prime(items: UploadQueueItem[]): void\n  mainFileSingleUseEnabled: boolean\n}\n\n/** Today's list of the library: its store, its caches, its alerts, its options. It follows the key as it changes. */\nexport function useLibraryUploadQueueListBinding(\n  queueKey: MaybeRefOrGetter<UploadQueueKey>,\n  configName: string\n): UploadQueueListBinding {\n  const uploadQueuesStore = useUploadQueuesStore()\n  const { showWarningT } = useAlerts()\n  const { addToCachedKeywords, fetchCachedKeywords } = useDamCachedKeywords(configName)\n  const { addToCachedAuthors, fetchCachedAuthors } = useDamCachedAuthors(configName)\n  const { mainFileSingleUseEnabled } = useCommonAdminCoreDamOptions(configName)\n\n  return {\n    items: () => uploadQueuesStore.getQueueItems(toValue(queueKey)),\n    cancel: (item, index, itemQueueKey) => uploadQueuesStore.stopItemUpload(itemQueueKey, item, index),\n    remove: (index) => uploadQueuesStore.removeByIndex(toValue(queueKey), index),\n    // A row offers refresh only with its asset; the rows of the configuration of its queue are settled by it.\n    refresh: (item) => uploadQueuesStore.refreshAsset(item.assetId!, { queueKey: toValue(queueKey) }),\n    refreshMayHelp: (item) => uploadQueuesStore.refreshMayHelp(item),\n    warn: (key) => showWarningT(key),\n    prime: (items) => {\n      items.forEach((item) => {\n        addToCachedKeywords(item.keywords)\n        addToCachedAuthors(item.authors)\n      })\n      fetchCachedKeywords()\n      fetchCachedAuthors()\n    },\n    mainFileSingleUseEnabled,\n  }\n}\n\n/** What the mass operations of a queue ask of their host. Without it they work over the library's store. */\nexport interface UploadQueueMassOperationsBinding {\n  assetTypes(): DamAssetTypeType[]\n  fillCustomDataValue(\n    data: { assetType: DamAssetTypeType; elementProperty: string; value: CustomDataValue },\n    forceReplace?: boolean\n  ): void\n  /** Into which rows is the host's: every row in the library. */\n  fillKeywords(value: DocId[], forceReplace?: boolean): void\n  fillAuthors(value: DocId[], forceReplace?: boolean): void\n}\n\n/** Today's: the asset types of the library's store and `useUploadQueueMassOperations`. */\nexport function useLibraryUploadQueueMassOperationsBinding(\n  queueKey: MaybeRefOrGetter<UploadQueueKey>\n): UploadQueueMassOperationsBinding {\n  const uploadQueuesStore = useUploadQueuesStore()\n  const { replaceEmptyCustomDataValue, replaceEmptyKeywords, replaceEmptyAuthors } =\n    useUploadQueueMassOperations(queueKey)\n\n  return {\n    assetTypes: () => uploadQueuesStore.getQueueItemsTypes(toValue(queueKey)),\n    fillCustomDataValue: replaceEmptyCustomDataValue,\n    fillKeywords: replaceEmptyKeywords,\n    fillAuthors: replaceEmptyAuthors,\n  }\n}\n"],"mappings":";;;;;;;;AAqBA,IAAaA,IACX,OAAO,IAAI,6BAA6B,GAG7BC,KAA+D,MAC1EC,EAAqB,CAAC,CAAC,SAASC,CAAQ,CAAC,EAAE;AAmB7C,SAAgBC,EACd,GACA,GACwB;CACxB,IAAMC,IAAoBH,EAAqB,GACzC,EAAE,oBAAiBI,EAAU,GAC7B,EAAE,wBAAqB,2BAAwBC,EAAqBC,CAAU,GAC9E,EAAE,uBAAoB,0BAAuBC,EAAoBD,CAAU,GAC3E,EAAE,gCAA6BE,EAA6BF,CAAU;CAE5E,OAAO;EACL,aAAaH,EAAkB,cAAcM,EAAQR,CAAQ,CAAC;EAC9D,SAAS,GAAM,GAAO,MAAiBE,EAAkB,eAAeO,GAAcC,GAAMC,CAAK;EACjG,SAAS,MAAUT,EAAkB,cAAcM,EAAQR,CAAQ,GAAGW,CAAK;EAE3E,UAAU,MAAST,EAAkB,aAAaQ,EAAK,SAAU,EAAE,UAAUF,EAAQR,CAAQ,EAAE,CAAC;EAChG,iBAAiB,MAASE,EAAkB,eAAeQ,CAAI;EAC/D,OAAO,MAAQE,EAAaC,CAAG;EAC/B,QAAQ,MAAU;GAMhB,AALAC,EAAM,SAAS,MAAS;IAEtB,AADAC,EAAoBL,EAAK,QAAQ,GACjCM,EAAmBN,EAAK,OAAO;GACjC,CAAC,GACDO,EAAoB,GACpBC,EAAmB;EACrB;EACA;CACF;AACF;AAeA,SAAgBC,EACd,GACkC;CAClC,IAAMjB,IAAoBH,EAAqB,GACzC,EAAE,gCAA6B,yBAAsB,2BACzDqB,EAA6BpB,CAAQ;CAEvC,OAAO;EACL,kBAAkBE,EAAkB,mBAAmBM,EAAQR,CAAQ,CAAC;EACxE,qBAAqBqB;EACrB,cAAcC;EACd,aAAaC;CACf;AACF"}
+{"version":3,"file":"uploadQueueBindings.js","names":["UploadQueueSuggestionsKey","libraryUploadQueueSuggestions","useUploadQueuesStore","queueKey","useLibraryUploadQueueListBinding","uploadQueuesStore","useAlerts","useDamCachedKeywords","configName","useDamCachedAuthors","useCommonAdminCoreDamOptions","toValue","itemQueueKey","item","index","showWarningT","key","items","addToCachedKeywords","addToCachedAuthors","fetchCachedKeywords","fetchCachedAuthors","useLibraryUploadQueueMassOperationsBinding","useUploadQueueMassOperations","replaceEmptyCustomDataValue","replaceEmptyKeywords","replaceEmptyAuthors"],"sources":["../../../../../src/domains/dam/uploadQueue/components/uploadQueueBindings.ts"],"sourcesContent":["import { type InjectionKey, type MaybeRefOrGetter, toValue } from 'vue'\nimport type { DocId } from '@/shared/types/common'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport type { CustomDataValue } from '@/domains/customDataForm/types/CustomDataForm'\nimport type { UploadQueue, UploadQueueItem, UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport type { UploadRefreshOutcome } from '@/domains/dam/uploadQueue/settlement/uploadSettlementTypes'\nimport type { UploadRefreshWarningKey } from '@/domains/dam/uploadQueue/composables/uploadQueueItemRefresh'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport { useUploadQueueMassOperations } from '@/domains/dam/uploadQueue/composables/uploadQueueMassOperations'\nimport { useDamCachedKeywords } from '@/domains/dam/keyword/composables/cachedKeywords'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\n/** How a row's keywords and authors look while not editable: as chips, or as a disabled input. */\nexport type DamFieldsDisabledAs = 'chips' | 'input'\n\n/** The suggestions of a queue. Name chips of its rows mark them as \"new\". */\nexport type UploadQueueSuggestionsLookup = (queueKey: UploadQueueKey) => UploadQueue['suggestions'] | undefined\n\n/** Provided by an application whose queues are not in the library store. Without it the chips read that store. */\nexport const UploadQueueSuggestionsKey: InjectionKey<UploadQueueSuggestionsLookup> =\n  Symbol.for('anzu:UploadQueueSuggestions')\n\n/** Default: the suggestions in the library store. The store is resolved only when a chip needs them. */\nexport const libraryUploadQueueSuggestions: UploadQueueSuggestionsLookup = (queueKey) =>\n  useUploadQueuesStore().getQueue(queueKey)?.suggestions\n\n/** What a queue list needs from its host. Without it the list uses the library store. */\nexport interface UploadQueueListBinding {\n  items(): UploadQueueItem[]\n  /** `queueKey` is the one from the row's event. */\n  cancel(item: UploadQueueItem, index: number, queueKey: UploadQueueKey): void\n  /** Used by the library's default \"remove from queue\". */\n  remove(index: number): void\n  refresh(item: UploadQueueItem): Promise<UploadRefreshOutcome>\n  refreshMayHelp(item: UploadQueueItem): boolean\n  /** Shows a refresh warning through the host's own alerts. */\n  warn(key: UploadRefreshWarningKey): void\n  /** Passes the rows' keywords and authors to the name caches and fetches them, once when the list mounts. */\n  prime(items: UploadQueueItem[]): void\n  mainFileSingleUseEnabled: boolean\n}\n\n/** Default list binding: the library store, caches, alerts and options. It follows the key as it changes. */\nexport function useLibraryUploadQueueListBinding(\n  queueKey: MaybeRefOrGetter<UploadQueueKey>,\n  configName: string\n): UploadQueueListBinding {\n  const uploadQueuesStore = useUploadQueuesStore()\n  const { showWarningT } = useAlerts()\n  const { addToCachedKeywords, fetchCachedKeywords } = useDamCachedKeywords(configName)\n  const { addToCachedAuthors, fetchCachedAuthors } = useDamCachedAuthors(configName)\n  const { mainFileSingleUseEnabled } = useCommonAdminCoreDamOptions(configName)\n\n  return {\n    items: () => uploadQueuesStore.getQueueItems(toValue(queueKey)),\n    cancel: (item, index, itemQueueKey) => uploadQueuesStore.stopItemUpload(itemQueueKey, item, index),\n    remove: (index) => uploadQueuesStore.removeByIndex(toValue(queueKey), index),\n    // A row offers refresh only with its asset. Rows of its queue's configuration are settled by the refresh.\n    refresh: (item) => uploadQueuesStore.refreshAsset(item.assetId!, { queueKey: toValue(queueKey) }),\n    refreshMayHelp: (item) => uploadQueuesStore.refreshMayHelp(item),\n    warn: (key) => showWarningT(key),\n    prime: (items) => {\n      items.forEach((item) => {\n        addToCachedKeywords(item.keywords)\n        addToCachedAuthors(item.authors)\n      })\n      fetchCachedKeywords()\n      fetchCachedAuthors()\n    },\n    mainFileSingleUseEnabled,\n  }\n}\n\n/** What a queue's mass operations need from their host. Without it they use the library store. */\nexport interface UploadQueueMassOperationsBinding {\n  assetTypes(): DamAssetTypeType[]\n  fillCustomDataValue(\n    data: { assetType: DamAssetTypeType; elementProperty: string; value: CustomDataValue },\n    forceReplace?: boolean\n  ): void\n  /** The host decides which rows are filled. The library fills every row. */\n  fillKeywords(value: DocId[], forceReplace?: boolean): void\n  fillAuthors(value: DocId[], forceReplace?: boolean): void\n}\n\n/** Default binding: the asset types of the library store and `useUploadQueueMassOperations`. */\nexport function useLibraryUploadQueueMassOperationsBinding(\n  queueKey: MaybeRefOrGetter<UploadQueueKey>\n): UploadQueueMassOperationsBinding {\n  const uploadQueuesStore = useUploadQueuesStore()\n  const { replaceEmptyCustomDataValue, replaceEmptyKeywords, replaceEmptyAuthors } =\n    useUploadQueueMassOperations(queueKey)\n\n  return {\n    assetTypes: () => uploadQueuesStore.getQueueItemsTypes(toValue(queueKey)),\n    fillCustomDataValue: replaceEmptyCustomDataValue,\n    fillKeywords: replaceEmptyKeywords,\n    fillAuthors: replaceEmptyAuthors,\n  }\n}\n"],"mappings":";;;;;;;;AAqBA,IAAaA,IACX,OAAO,IAAI,6BAA6B,GAG7BC,KAA+D,MAC1EC,EAAqB,CAAC,CAAC,SAASC,CAAQ,CAAC,EAAE;AAmB7C,SAAgBC,EACd,GACA,GACwB;CACxB,IAAMC,IAAoBH,EAAqB,GACzC,EAAE,oBAAiBI,EAAU,GAC7B,EAAE,wBAAqB,2BAAwBC,EAAqBC,CAAU,GAC9E,EAAE,uBAAoB,0BAAuBC,EAAoBD,CAAU,GAC3E,EAAE,gCAA6BE,EAA6BF,CAAU;CAE5E,OAAO;EACL,aAAaH,EAAkB,cAAcM,EAAQR,CAAQ,CAAC;EAC9D,SAAS,GAAM,GAAO,MAAiBE,EAAkB,eAAeO,GAAcC,GAAMC,CAAK;EACjG,SAAS,MAAUT,EAAkB,cAAcM,EAAQR,CAAQ,GAAGW,CAAK;EAE3E,UAAU,MAAST,EAAkB,aAAaQ,EAAK,SAAU,EAAE,UAAUF,EAAQR,CAAQ,EAAE,CAAC;EAChG,iBAAiB,MAASE,EAAkB,eAAeQ,CAAI;EAC/D,OAAO,MAAQE,EAAaC,CAAG;EAC/B,QAAQ,MAAU;GAMhB,AALAC,EAAM,SAAS,MAAS;IAEtB,AADAC,EAAoBL,EAAK,QAAQ,GACjCM,EAAmBN,EAAK,OAAO;GACjC,CAAC,GACDO,EAAoB,GACpBC,EAAmB;EACrB;EACA;CACF;AACF;AAeA,SAAgBC,EACd,GACkC;CAClC,IAAMjB,IAAoBH,EAAqB,GACzC,EAAE,gCAA6B,yBAAsB,2BACzDqB,EAA6BpB,CAAQ;CAEvC,OAAO;EACL,kBAAkBE,EAAkB,mBAAmBM,EAAQR,CAAQ,CAAC;EACxE,qBAAqBqB;EACrB,cAAcC;EACd,aAAaC;CACf;AACF"}

package/dist/domains/dam/uploadQueue/composables/damUploadChunkSize.d.ts

@@ -1,6 +1,6 @@
 /**
- * The size of the next chunk of an upload under the DAM configuration `configName`, bounded by its prv configuration.
- * A name left out is the inherited one in a component's setup, else `default`.
+ * The next chunk size of an upload under the DAM configuration `configName`, bounded by its prv configuration.
+ * Without a name, the inherited one in a component's setup is used, else `default`.
  */
 export declare function useDamUploadChunkSize(apiTimeout?: number, configName?: string): {
     lastChunkSize: import('vue').Ref<number, number>;

package/dist/domains/dam/uploadQueue/composables/damUploadChunkSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"damUploadChunkSize.js","names":["chunkSizes","useDamUploadChunkSize","name","inheritedDamConfigName","configName","damConfigStore","useDamConfigStoreOf","lastChunkSize","ref","minUploadTimeThreshold","apiTimeout","idealUploadTimeThreshold","maxUploadTimeThreshold","updateChunkSize","isNull","speed","expectedChunkUploadSpeed","resize","next","returnFromRange","size","changed","value"],"sources":["../../../../../src/domains/dam/uploadQueue/composables/damUploadChunkSize.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { inheritedDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// The last size of each DAM configuration: one upload hands it to the next one of its name.\nconst chunkSizes = new Map<string, number>()\n\n/**\n * The size of the next chunk of an upload under the DAM configuration `configName`, bounded by its prv configuration.\n * A name left out is the inherited one in a component's setup, else `default`.\n */\nexport function useDamUploadChunkSize(apiTimeout: number = 30, configName?: string) {\n  const name = inheritedDamConfigName(configName)\n  const damConfigStore = useDamConfigStoreOf(name)\n  const lastChunkSize = ref(chunkSizes.get(name) || damConfigStore.damPrvConfig.settings.imageChunkConfig.minSize)\n\n  const minUploadTimeThreshold = apiTimeout / 5\n  const idealUploadTimeThreshold = apiTimeout / 4\n  const maxUploadTimeThreshold = apiTimeout / 2\n\n  const updateChunkSize = (speed: number | null) => {\n    if (isNull(speed)) {\n      return false\n    }\n\n    const expectedChunkUploadSpeed = lastChunkSize.value / speed\n    if (expectedChunkUploadSpeed > maxUploadTimeThreshold) {\n      return resize(maxUploadTimeThreshold * speed)\n    }\n    if (expectedChunkUploadSpeed < minUploadTimeThreshold) {\n      return resize(idealUploadTimeThreshold * speed)\n    }\n\n    return false\n  }\n\n  // Answers whether the size changed: at a bound of the configuration it stays, and the chunk of a retry is not read\n  // from the file again.\n  const resize = (size: number) => {\n    const next = returnFromRange(size)\n    const changed = next !== lastChunkSize.value\n    lastChunkSize.value = next\n    chunkSizes.set(name, next)\n\n    return changed\n  }\n\n  const returnFromRange = (value: number) => {\n    if (value > damConfigStore.damPrvConfig.settings.imageChunkConfig.maxSize) {\n      return damConfigStore.damPrvConfig.settings.imageChunkConfig.maxSize\n    }\n    if (value < damConfigStore.damPrvConfig.settings.imageChunkConfig.minSize) {\n      return damConfigStore.damPrvConfig.settings.imageChunkConfig.minSize\n    }\n\n    return value\n  }\n\n  return {\n    lastChunkSize,\n    updateChunkSize,\n  }\n}\n"],"mappings":";;;;;AAMA,IAAMA,oBAAa,IAAI,IAAoB;AAM3C,SAAgBC,EAAsB,IAAqB,IAAI,GAAqB;CAClF,IAAMC,IAAOC,EAAuBC,CAAU,GACxCC,IAAiBC,EAAoBJ,CAAI,GACzCK,IAAgBC,EAAIR,EAAW,IAAIE,CAAI,KAAKG,EAAe,aAAa,SAAS,iBAAiB,OAAO,GAEzGI,IAAyBC,IAAa,GACtCC,IAA2BD,IAAa,GACxCE,IAAyBF,IAAa,GAEtCG,KAAmB,MAAyB;EAChD,IAAIC,EAAOC,CAAK,GACd,OAAO;EAGT,IAAMC,IAA2BT,EAAc,QAAQQ;EAQvD,OAPIC,IAA2BJ,IACtBK,EAAOL,IAAyBG,CAAK,IAE1CC,IAA2BP,KACtBQ,EAAON,IAA2BI,CAAK;CAIlD,GAIME,KAAU,MAAiB;EAC/B,IAAMC,IAAOC,EAAgBC,CAAI,GAC3BC,IAAUH,MAASX,EAAc;EAIvC,OAHA,EAAc,QAAQW,GACtBlB,EAAW,IAAIE,GAAMgB,CAAI,GAElBG;CACT,GAEMF,KAAmB,MACnBG,IAAQjB,EAAe,aAAa,SAAS,iBAAiB,UACzDA,EAAe,aAAa,SAAS,iBAAiB,UAE3DiB,IAAQjB,EAAe,aAAa,SAAS,iBAAiB,UACzDA,EAAe,aAAa,SAAS,iBAAiB,UAGxDiB;CAGT,OAAO;EACL;EACA;CACF;AACF"}
+{"version":3,"file":"damUploadChunkSize.js","names":["chunkSizes","useDamUploadChunkSize","name","inheritedDamConfigName","configName","damConfigStore","useDamConfigStoreOf","lastChunkSize","ref","minUploadTimeThreshold","apiTimeout","idealUploadTimeThreshold","maxUploadTimeThreshold","updateChunkSize","isNull","speed","expectedChunkUploadSpeed","resize","next","returnFromRange","size","changed","value"],"sources":["../../../../../src/domains/dam/uploadQueue/composables/damUploadChunkSize.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { isNull } from '@/shared/utils/common'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { inheritedDamConfigName } from '@/domains/dam/composables/damConfigName'\n\n// Last chunk size per DAM configuration. One upload passes it to the next upload of the same configuration.\nconst chunkSizes = new Map<string, number>()\n\n/**\n * The next chunk size of an upload under the DAM configuration `configName`, bounded by its prv configuration.\n * Without a name, the inherited one in a component's setup is used, else `default`.\n */\nexport function useDamUploadChunkSize(apiTimeout: number = 30, configName?: string) {\n  const name = inheritedDamConfigName(configName)\n  const damConfigStore = useDamConfigStoreOf(name)\n  const lastChunkSize = ref(chunkSizes.get(name) || damConfigStore.damPrvConfig.settings.imageChunkConfig.minSize)\n\n  const minUploadTimeThreshold = apiTimeout / 5\n  const idealUploadTimeThreshold = apiTimeout / 4\n  const maxUploadTimeThreshold = apiTimeout / 2\n\n  const updateChunkSize = (speed: number | null) => {\n    if (isNull(speed)) {\n      return false\n    }\n\n    const expectedChunkUploadSpeed = lastChunkSize.value / speed\n    if (expectedChunkUploadSpeed > maxUploadTimeThreshold) {\n      return resize(maxUploadTimeThreshold * speed)\n    }\n    if (expectedChunkUploadSpeed < minUploadTimeThreshold) {\n      return resize(idealUploadTimeThreshold * speed)\n    }\n\n    return false\n  }\n\n  // Returns whether the size changed. At a configuration bound it\n  // stays, so a retry does not re-read the chunk from the file.\n  const resize = (size: number) => {\n    const next = returnFromRange(size)\n    const changed = next !== lastChunkSize.value\n    lastChunkSize.value = next\n    chunkSizes.set(name, next)\n\n    return changed\n  }\n\n  const returnFromRange = (value: number) => {\n    if (value > damConfigStore.damPrvConfig.settings.imageChunkConfig.maxSize) {\n      return damConfigStore.damPrvConfig.settings.imageChunkConfig.maxSize\n    }\n    if (value < damConfigStore.damPrvConfig.settings.imageChunkConfig.minSize) {\n      return damConfigStore.damPrvConfig.settings.imageChunkConfig.minSize\n    }\n\n    return value\n  }\n\n  return {\n    lastChunkSize,\n    updateChunkSize,\n  }\n}\n"],"mappings":";;;;;AAMA,IAAMA,oBAAa,IAAI,IAAoB;AAM3C,SAAgBC,EAAsB,IAAqB,IAAI,GAAqB;CAClF,IAAMC,IAAOC,EAAuBC,CAAU,GACxCC,IAAiBC,EAAoBJ,CAAI,GACzCK,IAAgBC,EAAIR,EAAW,IAAIE,CAAI,KAAKG,EAAe,aAAa,SAAS,iBAAiB,OAAO,GAEzGI,IAAyBC,IAAa,GACtCC,IAA2BD,IAAa,GACxCE,IAAyBF,IAAa,GAEtCG,KAAmB,MAAyB;EAChD,IAAIC,EAAOC,CAAK,GACd,OAAO;EAGT,IAAMC,IAA2BT,EAAc,QAAQQ;EAQvD,OAPIC,IAA2BJ,IACtBK,EAAOL,IAAyBG,CAAK,IAE1CC,IAA2BP,KACtBQ,EAAON,IAA2BI,CAAK;CAIlD,GAIME,KAAU,MAAiB;EAC/B,IAAMC,IAAOC,EAAgBC,CAAI,GAC3BC,IAAUH,MAASX,EAAc;EAIvC,OAHA,EAAc,QAAQW,GACtBlB,EAAW,IAAIE,GAAMgB,CAAI,GAElBG;CACT,GAEMF,KAAmB,MACnBG,IAAQjB,EAAe,aAAa,SAAS,iBAAiB,UACzDA,EAAe,aAAa,SAAS,iBAAiB,UAE3DiB,IAAQjB,EAAe,aAAa,SAAS,iBAAiB,UACzDA,EAAe,aAAa,SAAS,iBAAiB,UAGxDiB;CAGT,OAAO;EACL;EACA;CACF;AACF"}

package/dist/domains/dam/uploadQueue/composables/uploadMeter.d.ts

@@ -1,26 +1,26 @@
 import { AxiosProgressEvent } from 'axios';
 import { UploadProgressCallback } from '../presets/uploadPresets';
 /**
- * How far one upload is, how fast it goes and how long it still takes, from one curve: the bytes of its file sent
- * over time, from the request of its first chunk to the answer to its last. It reports once a second, the first at
- * once, and only once it has a speed and either bytes came since its last report or the answer to a chunk that is
- * whole on its way is awaited; the whole file once it is out, also without a speed; without `report` it reports
- * nothing and asks for no second.
+ * Progress, speed and remaining time of one upload, from one curve: file
+ * bytes sent over time, from the first chunk request to the last answer.
+ * Reports once a second, the first immediately. It reports only with a known speed and
+ * when bytes moved since the last report or an answer to a fully sent chunk is awaited.
+ * Once the file is out it reports the whole file, also without a
+ * speed. Without `report` it reports nothing and starts no timer.
  */
 export declare function useUploadMeter(report: UploadProgressCallback | undefined): {
-    /** The reports of a file of the given size begin. */
+    /** Starts reporting for a file of the given size. */
     start(size: number): void;
-    /** Before each request of a chunk: the curve goes on from what the server has, and the try reports into it. */
+    /** Call before each chunk request. The curve continues from what the server has, and the try reports into it. */
     attempt(chunkSize: number): (event: Pick<AxiosProgressEvent, "loaded" | "total">) => void;
-    /** The server answered the chunk of the try. */
+    /** The server answered the try's chunk. */
     chunkDone(chunkSize: number): void;
     /**
-     * A try failed: the server took none of its bytes, and neither its time nor the pause after it counts. Until the
-     * next try has a speed nothing is reported, and the row keeps what it was told last.
+     * A try failed. The server kept none of its bytes, and neither its time nor the pause after it counts.
+     * Nothing is reported until the next try has a speed, so the row keeps its last values.
      */
     attemptFailed(): void;
-    /** Z9: the second that runs reports the whole file, and no further one is asked for. */
+    /** The running second reports the whole file, and no further second is scheduled. */
     lastChunkSent(): void;
-    /** Z10: no further report. */
     stop(): void;
 };

package/dist/domains/dam/uploadQueue/composables/uploadMeter.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploadMeter.js","names":["TICK_MS","WINDOW_MS","MIN_SPAN_MS","useUploadMeter","points","fileSize","received","sent","shown","moved","sendingOver","reportedSpeed","timer","current","now","at","mark","bytes","sentAt","next","point","before","after","speed","end","from","span","answered","answerAwaited","tick","bytesPerSecond","report","isNull","size","thisTry","chunkSize","onItsWay","event"],"sources":["../../../../../src/domains/dam/uploadQueue/composables/uploadMeter.ts"],"sourcesContent":["import type { AxiosProgressEvent } from 'axios'\nimport type { UploadProgressCallback } from '@/domains/dam/uploadQueue/presets/uploadPresets'\nimport { isNull } from '@/shared/utils/common'\n\nconst TICK_MS = 1_000\n// Holds the answer to at least one chunk of the size the upload aims at (a quarter of the timeout, 7.5 s at 30 s),\n// and follows a change of speed within it.\nconst WINDOW_MS = 10_000\n// A shorter stretch without an answer of the server shows mostly what the browser took into its buffers: Chromium\n// tells how far the body is at most every 100 ms, axios passes it on at most every 333 ms.\nconst MIN_SPAN_MS = 500\n\ninterface MeterPoint {\n  at: number\n  /** Bytes of the file sent by then: the chunks the server answered, and the share of the one on its way. */\n  sent: number\n  /** The server answered a chunk here. */\n  answered: boolean\n}\n\n/**\n * How far one upload is, how fast it goes and how long it still takes, from one curve: the bytes of its file sent\n * over time, from the request of its first chunk to the answer to its last. It reports once a second, the first at\n * once, and only once it has a speed and either bytes came since its last report or the answer to a chunk that is\n * whole on its way is awaited; the whole file once it is out, also without a speed; without `report` it reports\n * nothing and asks for no second.\n */\nexport function useUploadMeter(report: UploadProgressCallback | undefined) {\n  let points: MeterPoint[] = []\n  let fileSize = 0\n  // Bytes of the chunks the server answered.\n  let received = 0\n  // Bytes sent by the last point; after a failed try, what the server has.\n  let sent = 0\n  // The share last reported: it never goes back.\n  let shown = 0\n  // Bytes came since the last report. A chunk that stands on its way reports nothing: a speed falling with every\n  // second of silence would make the time left hours and the next chunk, sized by the speed, small.\n  let moved = false\n  let sendingOver = false\n  // The speed last reported: the whole file is reported at it when no speed can be read by then, as when the clock\n  // went back before the answer to the last chunk.\n  let reportedSpeed = 0\n  let timer: ReturnType<typeof setTimeout> | undefined\n  // The try whose progress counts, and where the curve is once its chunk is whole on its way. A report of a try that\n  // has ended comes too late to be on the curve.\n  let current: { end: number } | undefined\n\n  const now = () => {\n    const at = Date.now()\n    // The clock went back: nothing measured before can be set against it.\n    if (points.length && at < points.at(-1)!.at) points = []\n    return at\n  }\n  const mark = (bytes: number, answered = false) => {\n    const at = now()\n    if (bytes > sent) moved = true\n    sent = bytes\n    points.push({ at, sent: bytes, answered })\n    // One point stays before the window: its edge is read between two.\n    while (points.length > 2 && points[1]!.at <= at - WINDOW_MS) points.shift()\n  }\n  // Where the curve was as the millisecond `at` began: of the points that share it, the first.\n  const sentAt = (at: number) => {\n    const next = points.findIndex((point) => point.at >= at)\n    if (next === -1) return points.at(-1)!.sent\n    if (next === 0) return points[0]!.sent\n    const before = points[next - 1]!\n    const after = points[next]!\n    return before.sent + ((after.sent - before.sent) * (at - before.at)) / (after.at - before.at)\n  }\n  /** Bytes a second over the window up to now, or up to the last answer once the file is out. */\n  const speed = () => {\n    const end = sendingOver ? points.at(-1)?.at : now()\n    if (points.length < 2 || end === undefined) return null\n    const from = Math.max(points[0]!.at, end - WINDOW_MS)\n    const span = end - from\n    // No point is later than the end: the last one says where the curve is, also among several of one millisecond.\n    const bytes = points.at(-1)!.sent - sentAt(from)\n    const answered = points.some((point) => point.answered && point.at > from)\n    return span > 0 && bytes > 0 && (span >= MIN_SPAN_MS || answered) ? (bytes * 1000) / span : null\n  }\n\n  // The wait for the answer to a chunk that is whole on its way is the server's time. The speed goes on counting it:\n  // the next chunk is sized right after the answer, and not by what the browser took alone.\n  const answerAwaited = () => !!current && sent >= current.end\n\n  const tick = () => {\n    const bytesPerSecond = speed() ?? (sendingOver ? reportedSpeed : null)\n    if (report && !isNull(bytesPerSecond) && (moved || answerAwaited() || sendingOver)) {\n      moved = false\n      shown = sendingOver ? 100 : Math.max(shown, Math.min((sent * 100) / fileSize, 100))\n      reportedSpeed = Math.ceil(bytesPerSecond)\n      report(shown, reportedSpeed, sendingOver ? 0 : Math.ceil((fileSize - sent) / bytesPerSecond))\n    }\n    if (!sendingOver) timer = setTimeout(tick, TICK_MS)\n  }\n\n  return {\n    /** The reports of a file of the given size begin. */\n    start(size: number) {\n      fileSize = size\n      if (report) tick()\n    },\n    /** Before each request of a chunk: the curve goes on from what the server has, and the try reports into it. */\n    attempt(chunkSize: number) {\n      const thisTry = { end: received + chunkSize }\n      current = thisTry\n      mark(received)\n      return (event: Pick<AxiosProgressEvent, 'loaded' | 'total'>) => {\n        if (current !== thisTry) return\n        let onItsWay = event.loaded\n        // `total` is the whole multipart body; what goes on the curve is its share of the chunk, and all of the chunk\n        // once the body is out: of numbers past 2^53 the division makes a little less.\n        if (event.total) onItsWay = event.loaded >= event.total ? chunkSize : (event.loaded * chunkSize) / event.total\n        mark(received + Math.min(Math.max(onItsWay, 0), chunkSize))\n      }\n    },\n    /** The server answered the chunk of the try. */\n    chunkDone(chunkSize: number) {\n      current = undefined\n      received += chunkSize\n      mark(received, true)\n    },\n    /**\n     * A try failed: the server took none of its bytes, and neither its time nor the pause after it counts. Until the\n     * next try has a speed nothing is reported, and the row keeps what it was told last.\n     */\n    attemptFailed() {\n      current = undefined\n      points = []\n      sent = received\n    },\n    /** Z9: the second that runs reports the whole file, and no further one is asked for. */\n    lastChunkSent() {\n      sendingOver = true\n    },\n    /** Z10: no further report. */\n    stop() {\n      clearTimeout(timer)\n      timer = undefined\n      sendingOver = true\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"uploadMeter.js","names":["TICK_MS","WINDOW_MS","MIN_SPAN_MS","useUploadMeter","points","fileSize","received","sent","shown","moved","sendingOver","reportedSpeed","timer","current","now","at","mark","bytes","sentAt","next","point","before","after","speed","end","from","span","answered","answerAwaited","tick","bytesPerSecond","report","isNull","size","thisTry","chunkSize","onItsWay","event"],"sources":["../../../../../src/domains/dam/uploadQueue/composables/uploadMeter.ts"],"sourcesContent":["import type { AxiosProgressEvent } from 'axios'\nimport type { UploadProgressCallback } from '@/domains/dam/uploadQueue/presets/uploadPresets'\nimport { isNull } from '@/shared/utils/common'\n\nconst TICK_MS = 1_000\n// Covers the response to at least one target-size chunk (a quarter of\n// the timeout, 7.5 s at 30 s), and still tracks speed changes within it.\nconst WINDOW_MS = 10_000\n// A shorter span without a server response mostly measures browser buffering.\n// Chromium reports body progress at most every 100 ms, and axios forwards it at most every 333 ms.\nconst MIN_SPAN_MS = 500\n\ninterface MeterPoint {\n  at: number\n  /** File bytes sent by then: the answered chunks plus the sent share of the chunk in flight. */\n  sent: number\n  /** The server answered a chunk at this point. */\n  answered: boolean\n}\n\n/**\n * Progress, speed and remaining time of one upload, from one curve: file\n * bytes sent over time, from the first chunk request to the last answer.\n * Reports once a second, the first immediately. It reports only with a known speed and\n * when bytes moved since the last report or an answer to a fully sent chunk is awaited.\n * Once the file is out it reports the whole file, also without a\n * speed. Without `report` it reports nothing and starts no timer.\n */\nexport function useUploadMeter(report: UploadProgressCallback | undefined) {\n  let points: MeterPoint[] = []\n  let fileSize = 0\n  let received = 0\n  // Bytes sent at the last point. After a failed try, what the server has.\n  let sent = 0\n  // The share last reported. It never decreases.\n  let shown = 0\n  // Bytes moved since the last report. A stalled chunk reports nothing.\n  // Otherwise the speed would fall each silent second, the time left would\n  // grow to hours and the next chunk, sized by speed, would be small.\n  let moved = false\n  let sendingOver = false\n  // The speed last reported. The whole file is reported at it when no speed\n  // can be read, e.g. when the clock went back before the last chunk's answer.\n  let reportedSpeed = 0\n  let timer: ReturnType<typeof setTimeout> | undefined\n  // The try whose progress counts, and the curve position once its chunk is\n  // fully sent. Progress from an ended try arrives too late for the curve.\n  let current: { end: number } | undefined\n\n  const now = () => {\n    const at = Date.now()\n    // The clock went back: earlier measurements cannot be compared with it.\n    if (points.length && at < points.at(-1)!.at) points = []\n    return at\n  }\n  const mark = (bytes: number, answered = false) => {\n    const at = now()\n    if (bytes > sent) moved = true\n    sent = bytes\n    points.push({ at, sent: bytes, answered })\n    // Keep one point before the window, so its edge can be interpolated between two points.\n    while (points.length > 2 && points[1]!.at <= at - WINDOW_MS) points.shift()\n  }\n  // The curve value at the start of millisecond `at`: of points sharing it, the first.\n  const sentAt = (at: number) => {\n    const next = points.findIndex((point) => point.at >= at)\n    if (next === -1) return points.at(-1)!.sent\n    if (next === 0) return points[0]!.sent\n    const before = points[next - 1]!\n    const after = points[next]!\n    return before.sent + ((after.sent - before.sent) * (at - before.at)) / (after.at - before.at)\n  }\n  /** Bytes per second over the window up to now, or up to the last answer once the file is out. */\n  const speed = () => {\n    const end = sendingOver ? points.at(-1)?.at : now()\n    if (points.length < 2 || end === undefined) return null\n    const from = Math.max(points[0]!.at, end - WINDOW_MS)\n    const span = end - from\n    // No point is later than the end, so the last one is the\n    // current curve value, also when several share one millisecond.\n    const bytes = points.at(-1)!.sent - sentAt(from)\n    const answered = points.some((point) => point.answered && point.at > from)\n    return span > 0 && bytes > 0 && (span >= MIN_SPAN_MS || answered) ? (bytes * 1000) / span : null\n  }\n\n  // Waiting for the answer to a fully sent chunk is server time. The speed keeps counting\n  // it, so the next chunk is sized after the answer and not by browser buffering alone.\n  const answerAwaited = () => !!current && sent >= current.end\n\n  const tick = () => {\n    const bytesPerSecond = speed() ?? (sendingOver ? reportedSpeed : null)\n    if (report && !isNull(bytesPerSecond) && (moved || answerAwaited() || sendingOver)) {\n      moved = false\n      shown = sendingOver ? 100 : Math.max(shown, Math.min((sent * 100) / fileSize, 100))\n      reportedSpeed = Math.ceil(bytesPerSecond)\n      report(shown, reportedSpeed, sendingOver ? 0 : Math.ceil((fileSize - sent) / bytesPerSecond))\n    }\n    if (!sendingOver) timer = setTimeout(tick, TICK_MS)\n  }\n\n  return {\n    /** Starts reporting for a file of the given size. */\n    start(size: number) {\n      fileSize = size\n      if (report) tick()\n    },\n    /** Call before each chunk request. The curve continues from what the server has, and the try reports into it. */\n    attempt(chunkSize: number) {\n      const thisTry = { end: received + chunkSize }\n      current = thisTry\n      mark(received)\n      return (event: Pick<AxiosProgressEvent, 'loaded' | 'total'>) => {\n        if (current !== thisTry) return\n        let onItsWay = event.loaded\n        // `total` is the whole multipart body. The curve gets its share of the chunk, and the whole\n        // chunk once the body is out, since the division gives slightly less for numbers past 2^53.\n        if (event.total) onItsWay = event.loaded >= event.total ? chunkSize : (event.loaded * chunkSize) / event.total\n        mark(received + Math.min(Math.max(onItsWay, 0), chunkSize))\n      }\n    },\n    /** The server answered the try's chunk. */\n    chunkDone(chunkSize: number) {\n      current = undefined\n      received += chunkSize\n      mark(received, true)\n    },\n    /**\n     * A try failed. The server kept none of its bytes, and neither its time nor the pause after it counts.\n     * Nothing is reported until the next try has a speed, so the row keeps its last values.\n     */\n    attemptFailed() {\n      current = undefined\n      points = []\n      sent = received\n    },\n    /** The running second reports the whole file, and no further second is scheduled. */\n    lastChunkSent() {\n      sendingOver = true\n    },\n    stop() {\n      clearTimeout(timer)\n      timer = undefined\n      sendingOver = true\n    },\n  }\n}\n"],"mappings":"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"}

package/dist/domains/dam/uploadQueue/composables/uploadQueueItemRefresh.d.ts

@@ -3,7 +3,7 @@ import { UploadQueueItem, UploadQueueKey } from '../../types/UploadQueue';
 import { UploadQueueListBinding } from '../components/uploadQueueBindings';
 import { DocId } from '../../../../shared/types/common';
 export declare const SHOW_REFRESH_AFTER_SECONDS = 20;
-/** The warnings of a refresh, the message keys a host's `warn` is handed. */
+/** Message keys passed to the host's `warn` after a refresh. */
 export declare const REFRESH_WARNING_KEYS: {
     readonly pendingT: "common.damImage.queueItem.stillUploadingOrProcessing";
     readonly failedT: "common.damImage.queueItem.refreshFailed";
@@ -11,15 +11,15 @@ export declare const REFRESH_WARNING_KEYS: {
     readonly originalUnreadT: "common.damImage.queueItem.duplicateOriginalUnread";
 };
 export type UploadRefreshWarningKey = (typeof REFRESH_WARNING_KEYS)[keyof typeof REFRESH_WARNING_KEYS];
-/** The refresh of the rows of a list, over what its host binds: the host asks, and says what came of it. */
+/** Refresh for the rows of a list. The host binding does the request and shows the warnings. */
 export declare function createUploadQueueItemRefresh(queue: Pick<UploadQueueListBinding, 'items' | 'refresh' | 'refreshMayHelp' | 'warn'>): {
     refreshing: Ref<boolean, boolean>;
     refreshItem: (item: UploadQueueItem) => Promise<void>;
 };
 /**
- * The refresh of an item of the upload queue: asks what became of its file, and settles the item accordingly.
- * The store asks with the client of the configuration of the queue, and settles the rows of its queues: those of the
- * queue `queueKey` of the refresh, or of the configuration `configName` where none is given.
+ * Refresh of an upload queue item: asks the server what became of its file and updates the item.
+ * Uses the client of the queue's configuration. Updates rows of queue
+ * `queueKey`, or of configuration `configName` when no key is given.
  */
 export declare function useUploadQueueItemRefresh(configName: string): {
     refreshing: Ref<boolean, boolean>;