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

package/dist/domains/dam/assetDetail/components/AssetMetadata.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetMetadata.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_unref","_createBlock","_component_VBtn","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_component_VExpansionPanels","_createVNode","_component_VExpansionPanel","_component_VExpansionPanelText","AssetCustomMetadataForm","_component_VRow","_component_VCol","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","AuthorRemoteAutocompleteWithCached","ARow","ABooleanValue","_component_VSwitch","_isRef","AssetFileInfoPanel","ABooleanValue_default","ARow_default","ASystemEntityScope_default","AssetCustomMetadataForm_default","AssetFileInfoPanel_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","AssetMetadata_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","panels","ref","assetDetailStore","useAssetDetailStore","storeToRefs","assetType","computed","asset","DamAssetTypeDefault","useDamAuthorAssetTypeConfig","useAssetSuggestions","useDamCachedAuthors","authorConflicts","authorEnabled","getAuthorConflicts","conflicts","addToCachedAuthors","fetchCachedAuthors","onAnyMetadataChange","useDamKeywordAssetTypeConfig","useCommonAdminCoreDamOptions","useDamCachedUsers","watch","createdBy","modifiedBy","showFileInfoEnabled","addToCachedUsers","fetchCachedUsers","openBlock","createElementBlock","Fragment","unref","createBlock","VBtn","_cache","withCtx","createTextVNode","toDisplayString","editAssetLabel","createCommentVNode","VExpansionPanels","$event","createVNode","VExpansionPanel","t","VExpansionPanelText","keywordEnabled","VRow","VCol","keywordRequired","ADamAssetMetadataValidationScopeSymbol","authorRequired","mainFileSingleUseEnabled","mainFileSingleUse","VSwitch","isRef"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref, watch } from 'vue'\nimport { DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useAssetSuggestions } from '@/domains/dam/uploadQueue/composables/assetSuggestions'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    readonly?: boolean\n    configName?: string\n    showEditButton?: boolean\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showEditButton: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editInDam'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched, mainFileSingleUse } = storeToRefs(assetDetailStore)\n\nconst assetType = computed(() => {\n  return asset.value?.attributes.assetType || DamAssetTypeDefault\n})\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\nconst { getAuthorConflicts } = useAssetSuggestions()\nconst { addToCachedAuthors, fetchCachedAuthors } = useDamCachedAuthors(damConfigName)\n\n// The DAM authors of one name read from the file, as the card of a row of the queue offers them: taken from the asset\n// itself, as the field of the store is written by nobody. A side panel, read-only, offers none, nor does a detail\n// without the field of authors, whose asset may still carry suggestions from before the authors were switched off.\nconst authorConflicts = computed<DocId[]>(() =>\n  props.readonly || !authorEnabled.value || !asset.value\n    ? []\n    : getAuthorConflicts(asset.value.metadata.authorSuggestions ?? {})\n)\n// Their chips show the names from the cache of its configuration, as those of the row do: without them a chip spins with none.\nwatch(\n  authorConflicts,\n  (conflicts) => {\n    if (conflicts.length === 0) return\n    addToCachedAuthors(conflicts)\n    fetchCachedAuthors()\n  },\n  { immediate: true }\n)\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\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\nconst { mainFileSingleUseEnabled, showFileInfoEnabled, editAssetLabel } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { addToCachedUsers, fetchCachedUsers } = useDamCachedUsers(damConfigName)\n// The chips of the panel \"file\" show who created and who changed the asset by the cache of users of its configuration.\n// A click into a picker fills it for the asset clicked, and only then: the detail of \"edit asset\" of a widget, or of a\n// row of the queue, showed two chips that spun with none.\nwatch(\n  [() => asset.value?.createdBy, () => asset.value?.modifiedBy],\n  ([createdBy, modifiedBy]) => {\n    if (!showFileInfoEnabled || (!createdBy && !modifiedBy)) return\n    addToCachedUsers(createdBy, modifiedBy)\n    fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VBtn\n    v-if=\"showEditButton && asset\"\n    size=\"small\"\n    class=\"ma-2\"\n    @click=\"emit('editInDam')\"\n  >\n    {{ editAssetLabel }}\n  </VBtn>\n  <VExpansionPanels\n    v-if=\"asset\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <AssetCustomMetadataForm\n          v-if=\"asset\"\n          v-model=\"asset.metadata.customData\"\n          :ext-system=\"extSystem\"\n          :asset-type=\"assetType\"\n          :readonly=\"readonly\"\n          @any-change=\"onAnyMetadataChange\"\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=\"asset.keywords\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.keywords')\"\n                    data-cy=\"custom-field-keywords\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"keywordRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\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=\"asset.authors\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.authors')\"\n                    :author-conflicts=\"authorConflicts\"\n                    data-cy=\"custom-field-authors\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"authorRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"mainFileSingleUseEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ARow\n                  v-if=\"readonly\"\n                  :title=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                >\n                  <ABooleanValue :value=\"mainFileSingleUse\" />\n                </ARow>\n                <VSwitch\n                  v-else\n                  v-model=\"mainFileSingleUse\"\n                  :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                />\n              </VCol>\n            </VRow>\n          </template>\n        </AssetCustomMetadataForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- The detail breaks its texts only between words, unlike the card it is in (design 1.10, JS29). -->\n    <AssetFileInfoPanel\n      v-if=\"showFileInfoEnabled\"\n      :asset=\"asset\"\n      show-users\n      style=\"overflow-wrap: normal\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AssetMetadata.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_unref","_createBlock","_component_VBtn","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_component_VExpansionPanels","_createVNode","_component_VExpansionPanel","_component_VExpansionPanelText","AssetCustomMetadataForm","_component_VRow","_component_VCol","ASystemEntityScope","KeywordRemoteAutocompleteWithCached","AuthorRemoteAutocompleteWithCached","ARow","ABooleanValue","_component_VSwitch","_isRef","AssetFileInfoPanel","ABooleanValue_default","ARow_default","ASystemEntityScope_default","AssetCustomMetadataForm_default","AssetFileInfoPanel_default","AuthorRemoteAutocompleteWithCached_default","KeywordRemoteAutocompleteWithCached_default","AssetMetadata_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","useI18n","panels","ref","assetDetailStore","useAssetDetailStore","storeToRefs","assetType","computed","asset","DamAssetTypeDefault","useDamAuthorAssetTypeConfig","useAssetSuggestions","useDamCachedAuthors","authorConflicts","authorEnabled","getAuthorConflicts","conflicts","addToCachedAuthors","fetchCachedAuthors","onAnyMetadataChange","useDamKeywordAssetTypeConfig","useCommonAdminCoreDamOptions","useDamCachedUsers","watch","createdBy","modifiedBy","showFileInfoEnabled","addToCachedUsers","fetchCachedUsers","openBlock","createElementBlock","Fragment","unref","createBlock","VBtn","_cache","withCtx","createTextVNode","toDisplayString","editAssetLabel","createCommentVNode","VExpansionPanels","$event","createVNode","VExpansionPanel","t","VExpansionPanelText","keywordEnabled","VRow","VCol","keywordRequired","ADamAssetMetadataValidationScopeSymbol","authorRequired","mainFileSingleUseEnabled","mainFileSingleUse","VSwitch","isRef"],"sources":["../../../../../src/domains/dam/assetDetail/components/AssetMetadata.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, ref, watch } from 'vue'\nimport { DamAssetTypeDefault } from '@/domains/dam/types/Asset'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { storeToRefs } from 'pinia'\nimport AssetCustomMetadataForm from '@/domains/dam/assetDetail/components/AssetCustomMetadataForm.vue'\nimport AssetFileInfoPanel from '@/domains/dam/assetDetail/components/AssetFileInfoPanel.vue'\nimport ASystemEntityScope from '@/domains/form/components/ASystemEntityScope.vue'\nimport { ADamAssetMetadataValidationScopeSymbol } from '@/domains/dam/composables/uploadValidations'\nimport AuthorRemoteAutocompleteWithCached from '@/domains/dam/author/components/AuthorRemoteAutocompleteWithCached.vue'\nimport KeywordRemoteAutocompleteWithCached from '@/domains/dam/keyword/components/KeywordRemoteAutocompleteWithCached.vue'\nimport { useDamKeywordAssetTypeConfig } from '@/domains/dam/keyword/composables/damKeywordConfig'\nimport { useDamAuthorAssetTypeConfig } from '@/domains/dam/author/composables/damAuthorConfig'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport ABooleanValue from '@/domains/ui/components/ABooleanValue.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\nimport { useAssetSuggestions } from '@/domains/dam/uploadQueue/composables/assetSuggestions'\nimport { useDamCachedAuthors } from '@/domains/dam/author/composables/cachedAuthors'\nimport { useDamCachedUsers } from '@/domains/dam/author/composables/cachedUsers'\n\nconst props = withDefaults(\n  defineProps<{\n    extSystem: IntegerId\n    readonly?: boolean\n    configName?: string\n    showEditButton?: boolean\n  }>(),\n  {\n    readonly: false,\n    configName: undefined,\n    showEditButton: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'editInDam'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst panels = ref(['metadata', 'file'])\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, metadataAreTouched, mainFileSingleUse } = storeToRefs(assetDetailStore)\n\nconst assetType = computed(() => {\n  return asset.value?.attributes.assetType || DamAssetTypeDefault\n})\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\nconst { getAuthorConflicts } = useAssetSuggestions()\nconst { addToCachedAuthors, fetchCachedAuthors } = useDamCachedAuthors(damConfigName)\n\n// DAM author suggestions for names read from the file, as the queue row card offers them.\n// Taken from the asset itself, because nothing writes the store field.\n// None in a read-only side panel, or when the authors field is disabled. Such an asset may still carry old suggestions.\nconst authorConflicts = computed<DocId[]>(() =>\n  props.readonly || !authorEnabled.value || !asset.value\n    ? []\n    : getAuthorConflicts(asset.value.metadata.authorSuggestions ?? {})\n)\n// The chips show names from the configuration's cache, as the row's do. Without it a chip spins forever.\nwatch(\n  authorConflicts,\n  (conflicts) => {\n    if (conflicts.length === 0) return\n    addToCachedAuthors(conflicts)\n    fetchCachedAuthors()\n  },\n  { immediate: true }\n)\n\nconst onAnyMetadataChange = () => {\n  metadataAreTouched.value = true\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\nconst { mainFileSingleUseEnabled, showFileInfoEnabled, editAssetLabel } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { addToCachedUsers, fetchCachedUsers } = useDamCachedUsers(damConfigName)\n// The \"file\" panel chips show creator and modifier from the configuration's user cache.\n// A picker click fills it only for the clicked asset.\n// The \"edit asset\" detail of a widget or a queue row showed two chips spinning forever.\nwatch(\n  [() => asset.value?.createdBy, () => asset.value?.modifiedBy],\n  ([createdBy, modifiedBy]) => {\n    if (!showFileInfoEnabled || (!createdBy && !modifiedBy)) return\n    addToCachedUsers(createdBy, modifiedBy)\n    fetchCachedUsers()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VBtn\n    v-if=\"showEditButton && asset\"\n    size=\"small\"\n    class=\"ma-2\"\n    @click=\"emit('editInDam')\"\n  >\n    {{ editAssetLabel }}\n  </VBtn>\n  <VExpansionPanels\n    v-if=\"asset\"\n    v-model=\"panels\"\n    multiple\n    class=\"v-expansion-panels--compact\"\n  >\n    <VExpansionPanel\n      elevation=\"0\"\n      :title=\"t('common.damImage.asset.detail.info.metadata')\"\n      value=\"metadata\"\n    >\n      <VExpansionPanelText>\n        <AssetCustomMetadataForm\n          v-if=\"asset\"\n          v-model=\"asset.metadata.customData\"\n          :ext-system=\"extSystem\"\n          :asset-type=\"assetType\"\n          :readonly=\"readonly\"\n          @any-change=\"onAnyMetadataChange\"\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=\"asset.keywords\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.keywords')\"\n                    data-cy=\"custom-field-keywords\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"keywordRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\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=\"asset.authors\"\n                    :ext-system=\"extSystem\"\n                    :label=\"t('common.damImage.asset.model.authors')\"\n                    :author-conflicts=\"authorConflicts\"\n                    data-cy=\"custom-field-authors\"\n                    clearable\n                    multiple\n                    :disabled=\"readonly\"\n                    :required=\"authorRequired\"\n                    :validation-scope=\"ADamAssetMetadataValidationScopeSymbol\"\n                    @update:model-value=\"onAnyMetadataChange\"\n                  />\n                </ASystemEntityScope>\n              </VCol>\n            </VRow>\n            <VRow\n              v-if=\"mainFileSingleUseEnabled\"\n              density=\"compact\"\n              class=\"my-2\"\n            >\n              <VCol>\n                <ARow\n                  v-if=\"readonly\"\n                  :title=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                >\n                  <ABooleanValue :value=\"mainFileSingleUse\" />\n                </ARow>\n                <VSwitch\n                  v-else\n                  v-model=\"mainFileSingleUse\"\n                  :label=\"t('common.damImage.asset.model.mainFileSingleUse')\"\n                />\n              </VCol>\n            </VRow>\n          </template>\n        </AssetCustomMetadataForm>\n      </VExpansionPanelText>\n    </VExpansionPanel>\n    <!-- The detail wraps text only between words, unlike its card (design 1.10, JS29). -->\n    <AssetFileInfoPanel\n      v-if=\"showFileInfoEnabled\"\n      :asset=\"asset\"\n      show-users\n      style=\"overflow-wrap: normal\"\n    />\n  </VExpansionPanels>\n</template>\n"],"mappings":"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"}

package/dist/domains/dam/assetDetail/composables/assetDetailExtSystem.d.ts

@@ -2,11 +2,10 @@ import { AxiosInstance } from 'axios';
 import { DamAssetTypeType } from '../../types/Asset';
 import { IntegerId } from '../../../../shared/types/common';
 /**
- * Loads what the detail of an asset of the type `assetType` reads of the ext system `extSystem` as it draws, and throws
- * without: the configuration of the ext system and the custom fields of its assets, each one the DAM configuration
- * store of `configName` has not got yet. Of the custom fields, every type where the store has none of the ext system,
- * else the type `assetType` alone where its read failed before. A load that fails, or leaves that type not loaded,
- * rejects with an `AnzuFatalError`, which the alerts say as an unknown error: the loaders reject with `false`, which
- * they do not say.
+ * Loads what the asset detail of type `assetType` needs from ext system `extSystem` and would otherwise throw on.
+ * Loads the ext system config and the custom fields missing in the `configName` store.
+ * Custom fields: all types if the store has none for the ext system, else only `assetType` if its read failed before.
+ * Rejects with `AnzuFatalError` on failure or if the type stays unloaded. Alerts show
+ * it as an unknown error. The loaders reject with `false`, which alerts do not show.
  */
 export declare function loadAssetDetailExtSystem(client: () => AxiosInstance, extSystem: IntegerId, assetType: DamAssetTypeType, configName: string): Promise<void>;

package/dist/domains/dam/assetDetail/composables/assetDetailExtSystem.js.map

@@ -1 +1 @@
-{"version":3,"file":"assetDetailExtSystem.js","names":["loadAssetDetailExtSystem","useDamConfigState","client","configName","loads","isUndefined","getDamConfigExtSystem","extSystem","loadDamConfigExtSystem","getDamConfigAssetCustomFormElements","assetType","loadDamConfigAssetCustomFormElements","failed","AnzuFatalError"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailExtSystem.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { AnzuFatalError } from '@/shared/error/AnzuFatalError'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\n\n/**\n * Loads what the detail of an asset of the type `assetType` reads of the ext system `extSystem` as it draws, and throws\n * without: the configuration of the ext system and the custom fields of its assets, each one the DAM configuration\n * store of `configName` has not got yet. Of the custom fields, every type where the store has none of the ext system,\n * else the type `assetType` alone where its read failed before. A load that fails, or leaves that type not loaded,\n * rejects with an `AnzuFatalError`, which the alerts say as an unknown error: the loaders reject with `false`, which\n * they do not say.\n */\nexport async function loadAssetDetailExtSystem(\n  client: () => AxiosInstance,\n  extSystem: IntegerId,\n  assetType: DamAssetTypeType,\n  configName: string\n) {\n  const {\n    getDamConfigExtSystem,\n    loadDamConfigExtSystem,\n    getDamConfigAssetCustomFormElements,\n    loadDamConfigAssetCustomFormElements,\n  } = useDamConfigState(client, configName)\n  const loads: Promise<unknown>[] = []\n  if (isUndefined(getDamConfigExtSystem(extSystem))) loads.push(loadDamConfigExtSystem(extSystem))\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, assetType))) {\n    loads.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [assetType] : undefined\n      )\n    )\n  }\n  const failed = () =>\n    new AnzuFatalError(undefined, `The configuration of the ext system ${extSystem} could not be loaded.`)\n  try {\n    await Promise.all(loads)\n  } catch {\n    throw failed()\n  }\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, assetType))) throw failed()\n}\n"],"mappings":";;;;AAeA,eAAsBA,EACpB,GACA,GACA,GACA,GACA;CACA,IAAM,EACJ,0BACA,2BACA,wCACA,4CACEC,EAAkBC,GAAQC,CAAU,GAClCC,IAA4B,CAAC;CAEnC,AADIC,EAAYC,EAAsBC,CAAS,CAAC,KAAGH,EAAM,KAAKI,EAAuBD,CAAS,CAAC,GAC3FF,EAAYI,EAAoCF,GAAWG,CAAS,CAAC,KACvEN,EAAM,KACJO,EACEJ,GACAE,EAAoCF,CAAS,IAAI,CAACG,CAAS,IAAI,KAAA,CACjE,CACF;CAEF,IAAME,UACJ,IAAIC,EAAe,KAAA,GAAW,uCAAuCN,EAAU,sBAAsB;CACvG,IAAI;EACF,MAAM,QAAQ,IAAIH,CAAK;CACzB,QAAQ;EACN,MAAMQ,EAAO;CACf;CACA,IAAIP,EAAYI,EAAoCF,GAAWG,CAAS,CAAC,GAAG,MAAME,EAAO;AAC3F"}
+{"version":3,"file":"assetDetailExtSystem.js","names":["loadAssetDetailExtSystem","useDamConfigState","client","configName","loads","isUndefined","getDamConfigExtSystem","extSystem","loadDamConfigExtSystem","getDamConfigAssetCustomFormElements","assetType","loadDamConfigAssetCustomFormElements","failed","AnzuFatalError"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailExtSystem.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { AnzuFatalError } from '@/shared/error/AnzuFatalError'\nimport type { IntegerId } from '@/shared/types/common'\nimport { isUndefined } from '@/shared/utils/common'\n\n/**\n * Loads what the asset detail of type `assetType` needs from ext system `extSystem` and would otherwise throw on.\n * Loads the ext system config and the custom fields missing in the `configName` store.\n * Custom fields: all types if the store has none for the ext system, else only `assetType` if its read failed before.\n * Rejects with `AnzuFatalError` on failure or if the type stays unloaded. Alerts show\n * it as an unknown error. The loaders reject with `false`, which alerts do not show.\n */\nexport async function loadAssetDetailExtSystem(\n  client: () => AxiosInstance,\n  extSystem: IntegerId,\n  assetType: DamAssetTypeType,\n  configName: string\n) {\n  const {\n    getDamConfigExtSystem,\n    loadDamConfigExtSystem,\n    getDamConfigAssetCustomFormElements,\n    loadDamConfigAssetCustomFormElements,\n  } = useDamConfigState(client, configName)\n  const loads: Promise<unknown>[] = []\n  if (isUndefined(getDamConfigExtSystem(extSystem))) loads.push(loadDamConfigExtSystem(extSystem))\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, assetType))) {\n    loads.push(\n      loadDamConfigAssetCustomFormElements(\n        extSystem,\n        getDamConfigAssetCustomFormElements(extSystem) ? [assetType] : undefined\n      )\n    )\n  }\n  const failed = () =>\n    new AnzuFatalError(undefined, `The configuration of the ext system ${extSystem} could not be loaded.`)\n  try {\n    await Promise.all(loads)\n  } catch {\n    throw failed()\n  }\n  if (isUndefined(getDamConfigAssetCustomFormElements(extSystem, assetType))) throw failed()\n}\n"],"mappings":";;;;AAcA,eAAsBA,EACpB,GACA,GACA,GACA,GACA;CACA,IAAM,EACJ,0BACA,2BACA,wCACA,4CACEC,EAAkBC,GAAQC,CAAU,GAClCC,IAA4B,CAAC;CAEnC,AADIC,EAAYC,EAAsBC,CAAS,CAAC,KAAGH,EAAM,KAAKI,EAAuBD,CAAS,CAAC,GAC3FF,EAAYI,EAAoCF,GAAWG,CAAS,CAAC,KACvEN,EAAM,KACJO,EACEJ,GACAE,EAAoCF,CAAS,IAAI,CAACG,CAAS,IAAI,KAAA,CACjE,CACF;CAEF,IAAME,UACJ,IAAIC,EAAe,KAAA,GAAW,uCAAuCN,EAAU,sBAAsB;CACvG,IAAI;EACF,MAAM,QAAQ,IAAIH,CAAK;CACzB,QAAQ;EACN,MAAMQ,EAAO;CACf;CACA,IAAIP,EAAYI,EAAoCF,GAAWG,CAAS,CAAC,GAAG,MAAME,EAAO;AAC3F"}

package/dist/domains/dam/assetDetail/composables/assetDetailView.d.ts

@@ -2,13 +2,13 @@ import { AssetDetailItemDto, DamAssetStatusType, DamAssetTypeType } from '../../
 import { AssetFile } from '../../types/AssetFile';
 import { UploadQueueItem } from '../../types/UploadQueue';
 import { DocId } from '../../../../shared/types/common';
-/** What the frame of the detail of an asset and of the dialog of a single upload draws, and nothing else. */
+/** Exactly what the frame of the asset detail and the single-upload dialog renders. */
 export interface AssetDetailView {
-    /** Keys the sidebar; null while an upload has no asset yet (the sidebar then is not drawn). */
+    /** Keys the sidebar. Null while an upload has no asset yet, and then the sidebar is not rendered. */
     id: DocId | null;
     assetType: DamAssetTypeType;
     assetStatus: DamAssetStatusType;
-    /** For the status props the sidebars take. */
+    /** Used for the status props of the sidebars. */
     mainFile: AssetFile | null;
     image: {
         src: string;
@@ -20,24 +20,24 @@ export interface AssetDetailView {
         processing: boolean;
         waiting: boolean;
         done: boolean;
-        /** As the row has them (`UploadQueueItem['progress']`): not normalised. */
+        /** As on the row (`UploadQueueItem['progress']`), not normalised. */
         progress?: number | null;
         remainingTime?: number | null;
     };
-    /** The left side follows the region tab (which the sidebars offer by their own props). */
+    /** The left side follows the ROI tab. The sidebars offer that tab through their own props. */
     roiEditorTab: boolean;
     simpleMode: boolean;
 }
 /**
- * The picture is the grey placeholder of `AssetImage` (its last branch): no state of an upload and no file to show.
- * Only then does the box around it and its overlay take the whole area (finding 64); a picture keeps its own size.
+ * The image is the grey placeholder of `AssetImage` (its last branch): no upload state and no file.
+ * Only then do the box and its overlay fill the whole area (finding 64). An image keeps its own size.
  */
 export declare const pictureIsPlaceholder: (view: AssetDetailView) => boolean;
-/** The detail of an asset, as it is: the picture of its detail, no state of an upload. */
+/** View of an existing asset, without upload state. */
 export declare function assetDetailViewOfAsset(asset: AssetDetailItemDto | null, simpleAssetSidebarEnabled: boolean): AssetDetailView | null;
 /**
- * The dialog of a single upload: what the row says of its asset until the upload is done, the asset the DAM read
- * after that; the preview of the row, its state and its progress.
+ * View of the single-upload dialog: the row's asset data until the upload is done, then the asset read from the DAM.
+ * Preview, state and progress come from the row.
  */
 export declare function assetDetailViewOfUploadItem(item: UploadQueueItem | null, detailAsset: AssetDetailItemDto | null, options: {
     enableRoiTab: boolean;

package/dist/domains/dam/assetDetail/composables/assetDetailView.js.map

@@ -1 +1 @@
-{"version":3,"file":"assetDetailView.js","names":["NO_COLOUR","IMAGE_ASPECT_RATIO","PROCESSING","UploadQueueItemStatus","placeholder","dominantColourOf","assetFileIsImageFile","mainFile","pictureIsPlaceholder","view","DamAssetStatus","assetDetailViewOfAsset","asset","assetType","DamAssetTypeDefault","isImage","DamAssetType","detailPicture","simpleAssetSidebarEnabled","assetDetailViewOfUploadItem","item","done","read","detailAsset","DamAssetStatusDefault","options"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailView.ts"],"sourcesContent":["import {\n  type AssetDetailItemDto,\n  DamAssetStatus,\n  DamAssetStatusDefault,\n  type DamAssetStatusType,\n  DamAssetType,\n  DamAssetTypeDefault,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport { type AssetFile, assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n} from '@/domains/dam/types/UploadQueue'\nimport type { DocId } from '@/shared/types/common'\n\n/** What the frame of the detail of an asset and of the dialog of a single upload draws, and nothing else. */\nexport interface AssetDetailView {\n  /** Keys the sidebar; null while an upload has no asset yet (the sidebar then is not drawn). */\n  id: DocId | null\n  assetType: DamAssetTypeType\n  assetStatus: DamAssetStatusType\n  /** For the status props the sidebars take. */\n  mainFile: AssetFile | null\n  image: {\n    src: string\n    width?: number\n    height?: number\n    backgroundColor: string\n    aspectRatio?: number\n    uploading: boolean\n    processing: boolean\n    waiting: boolean\n    done: boolean\n    /** As the row has them (`UploadQueueItem['progress']`): not normalised. */\n    progress?: number | null\n    remainingTime?: number | null\n  }\n  /** The left side follows the region tab (which the sidebars offer by their own props). */\n  roiEditorTab: boolean\n  simpleMode: boolean\n}\n\nconst NO_COLOUR = '#ccc'\nconst IMAGE_ASPECT_RATIO = 16 / 9\nconst PROCESSING: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\n\nconst placeholder = () => ({ src: '', width: 356, height: 200, backgroundColor: NO_COLOUR })\n\nconst dominantColourOf = (mainFile: AssetFile | null | undefined) =>\n  assetFileIsImageFile(mainFile) && mainFile.imageAttributes && mainFile.imageAttributes.mostDominantColor\n    ? mainFile.imageAttributes.mostDominantColor\n    : NO_COLOUR\n\n/**\n * The picture is the grey placeholder of `AssetImage` (its last branch): no state of an upload and no file to show.\n * Only then does the box around it and its overlay take the whole area (finding 64); a picture keeps its own size.\n */\nexport const pictureIsPlaceholder = (view: AssetDetailView) =>\n  !view.image.uploading &&\n  !view.image.processing &&\n  !view.image.waiting &&\n  !(view.assetStatus === DamAssetStatus.WithFile && view.image.src)\n\n/** The detail of an asset, as it is: the picture of its detail, no state of an upload. */\nexport function assetDetailViewOfAsset(\n  asset: AssetDetailItemDto | null,\n  simpleAssetSidebarEnabled: boolean\n): AssetDetailView | null {\n  if (!asset) return null\n  const assetType = asset.attributes.assetType || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const detailPicture = asset.mainFile?.links?.image_detail\n  return {\n    id: asset.id,\n    assetType,\n    assetStatus: asset.attributes.assetStatus,\n    mainFile: asset.mainFile || null,\n    image: {\n      ...(detailPicture\n        ? {\n            src: detailPicture.url,\n            width: detailPicture.width,\n            height: detailPicture.height,\n            backgroundColor: dominantColourOf(asset.mainFile),\n          }\n        : placeholder()),\n      uploading: false,\n      processing: false,\n      waiting: false,\n      done: false,\n    },\n    // The editor follows the tab whatever the kind of the asset: the tabs of another kind have no region tab.\n    roiEditorTab: true,\n    simpleMode: simpleAssetSidebarEnabled && isImage,\n  }\n}\n\n/**\n * The dialog of a single upload: what the row says of its asset until the upload is done, the asset the DAM read\n * after that; the preview of the row, its state and its progress.\n */\nexport function assetDetailViewOfUploadItem(\n  item: UploadQueueItem | null,\n  detailAsset: AssetDetailItemDto | null,\n  options: { enableRoiTab: boolean; disableDoneAnimation: boolean; simpleAssetSidebarEnabled: boolean }\n): AssetDetailView | null {\n  if (!item) return null\n  const done = item.status === UploadQueueItemStatus.Uploaded\n  // The asset of this row only: the store it is read from is shared, and holds what another dialog or a pick from\n  // the library left in it until the dialog has read its own.\n  const read = item.assetId && done && detailAsset?.id === item.assetId ? detailAsset : null\n  const assetType =\n    (read ? read.attributes.assetType : item.assetId ? item.assetType : undefined) || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const mainFile = read?.mainFile || null\n  return {\n    id: read ? read.id : item.assetId || null,\n    assetType,\n    assetStatus: read ? read.attributes.assetStatus : item.assetId ? item.assetStatus : DamAssetStatusDefault,\n    mainFile,\n    image: {\n      ...(item.imagePreview\n        ? {\n            src: item.imagePreview.url,\n            width: item.imagePreview.requestedWidth || undefined,\n            height: item.imagePreview.requestedHeight || undefined,\n            backgroundColor: dominantColourOf(mainFile),\n          }\n        : placeholder()),\n      aspectRatio: IMAGE_ASPECT_RATIO,\n      uploading: item.status === UploadQueueItemStatus.Uploading,\n      processing: PROCESSING.includes(item.status),\n      waiting: item.status === UploadQueueItemStatus.Waiting,\n      done: !options.disableDoneAnimation && done,\n      progress: item.progress.progressPercent,\n      remainingTime: item.progress.remainingTime,\n    },\n    roiEditorTab: options.enableRoiTab,\n    simpleMode: options.simpleAssetSidebarEnabled && isImage && options.enableRoiTab,\n  }\n}\n"],"mappings":";;;;AA4CA,IAAMA,IAAY,QACZC,IAAqB,KAAK,GAC1BC,IAAmD,CACvDC,EAAsB,YACtBA,EAAsB,OACxB,GAEMC,WAAqB;CAAE,KAAK;CAAI,OAAO;CAAK,QAAQ;CAAK,iBAAiBJ;AAAU,IAEpFK,KAAoB,MACxBC,EAAqBC,CAAQ,KAAKA,EAAS,mBAAmBA,EAAS,gBAAgB,oBACnFA,EAAS,gBAAgB,oBACzBP,GAMOQ,KAAwB,MACnC,CAACC,EAAK,MAAM,aACZ,CAACA,EAAK,MAAM,cACZ,CAACA,EAAK,MAAM,WACZ,EAAEA,EAAK,gBAAgBC,EAAe,YAAYD,EAAK,MAAM;AAG/D,SAAgBE,EACd,GACA,GACwB;CACxB,IAAI,CAACC,GAAO,OAAO;CACnB,IAAMC,IAAYD,EAAM,WAAW,aAAaE,GAC1CC,IAAUF,MAAcG,EAAa,OACrCC,IAAgBL,EAAM,UAAU,OAAO;CAC7C,OAAO;EACL,IAAIA,EAAM;EACV;EACA,aAAaA,EAAM,WAAW;EAC9B,UAAUA,EAAM,YAAY;EAC5B,OAAO;GACL,GAAIK,IACA;IACE,KAAKA,EAAc;IACnB,OAAOA,EAAc;IACrB,QAAQA,EAAc;IACtB,iBAAiBZ,EAAiBO,EAAM,QAAQ;GAClD,IACAR,EAAY;GAChB,WAAW;GACX,YAAY;GACZ,SAAS;GACT,MAAM;EACR;EAEA,cAAc;EACd,YAAYc,KAA6BH;CAC3C;AACF;AAMA,SAAgBI,EACd,GACA,GACA,GACwB;CACxB,IAAI,CAACC,GAAM,OAAO;CAClB,IAAMC,IAAOD,EAAK,WAAWjB,EAAsB,UAG7CmB,IAAOF,EAAK,WAAWC,KAAQE,GAAa,OAAOH,EAAK,UAAUG,IAAc,MAChFV,KACHS,IAAOA,EAAK,WAAW,YAAYF,EAAK,UAAUA,EAAK,YAAY,KAAA,MAAcN,GAC9EC,IAAUF,MAAcG,EAAa,OACrCT,IAAWe,GAAM,YAAY;CACnC,OAAO;EACL,IAAIA,IAAOA,EAAK,KAAKF,EAAK,WAAW;EACrC;EACA,aAAaE,IAAOA,EAAK,WAAW,cAAcF,EAAK,UAAUA,EAAK,cAAcI;EACpF;EACA,OAAO;GACL,GAAIJ,EAAK,eACL;IACE,KAAKA,EAAK,aAAa;IACvB,OAAOA,EAAK,aAAa,kBAAkB,KAAA;IAC3C,QAAQA,EAAK,aAAa,mBAAmB,KAAA;IAC7C,iBAAiBf,EAAiBE,CAAQ;GAC5C,IACAH,EAAY;GAChB,aAAaH;GACb,WAAWmB,EAAK,WAAWjB,EAAsB;GACjD,YAAYD,EAAW,SAASkB,EAAK,MAAM;GAC3C,SAASA,EAAK,WAAWjB,EAAsB;GAC/C,MAAM,CAACsB,EAAQ,wBAAwBJ;GACvC,UAAUD,EAAK,SAAS;GACxB,eAAeA,EAAK,SAAS;EAC/B;EACA,cAAcK,EAAQ;EACtB,YAAYA,EAAQ,6BAA6BV,KAAWU,EAAQ;CACtE;AACF"}
+{"version":3,"file":"assetDetailView.js","names":["NO_COLOUR","IMAGE_ASPECT_RATIO","PROCESSING","UploadQueueItemStatus","placeholder","dominantColourOf","assetFileIsImageFile","mainFile","pictureIsPlaceholder","view","DamAssetStatus","assetDetailViewOfAsset","asset","assetType","DamAssetTypeDefault","isImage","DamAssetType","detailPicture","simpleAssetSidebarEnabled","assetDetailViewOfUploadItem","item","done","read","detailAsset","DamAssetStatusDefault","options"],"sources":["../../../../../src/domains/dam/assetDetail/composables/assetDetailView.ts"],"sourcesContent":["import {\n  type AssetDetailItemDto,\n  DamAssetStatus,\n  DamAssetStatusDefault,\n  type DamAssetStatusType,\n  DamAssetType,\n  DamAssetTypeDefault,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport { type AssetFile, assetFileIsImageFile } from '@/domains/dam/types/AssetFile'\nimport {\n  type UploadQueueItem,\n  UploadQueueItemStatus,\n  type UploadQueueItemStatusType,\n} from '@/domains/dam/types/UploadQueue'\nimport type { DocId } from '@/shared/types/common'\n\n/** Exactly what the frame of the asset detail and the single-upload dialog renders. */\nexport interface AssetDetailView {\n  /** Keys the sidebar. Null while an upload has no asset yet, and then the sidebar is not rendered. */\n  id: DocId | null\n  assetType: DamAssetTypeType\n  assetStatus: DamAssetStatusType\n  /** Used for the status props of the sidebars. */\n  mainFile: AssetFile | null\n  image: {\n    src: string\n    width?: number\n    height?: number\n    backgroundColor: string\n    aspectRatio?: number\n    uploading: boolean\n    processing: boolean\n    waiting: boolean\n    done: boolean\n    /** As on the row (`UploadQueueItem['progress']`), not normalised. */\n    progress?: number | null\n    remainingTime?: number | null\n  }\n  /** The left side follows the ROI tab. The sidebars offer that tab through their own props. */\n  roiEditorTab: boolean\n  simpleMode: boolean\n}\n\nconst NO_COLOUR = '#ccc'\nconst IMAGE_ASPECT_RATIO = 16 / 9\nconst PROCESSING: readonly UploadQueueItemStatusType[] = [\n  UploadQueueItemStatus.Processing,\n  UploadQueueItemStatus.Loading,\n]\n\nconst placeholder = () => ({ src: '', width: 356, height: 200, backgroundColor: NO_COLOUR })\n\nconst dominantColourOf = (mainFile: AssetFile | null | undefined) =>\n  assetFileIsImageFile(mainFile) && mainFile.imageAttributes && mainFile.imageAttributes.mostDominantColor\n    ? mainFile.imageAttributes.mostDominantColor\n    : NO_COLOUR\n\n/**\n * The image is the grey placeholder of `AssetImage` (its last branch): no upload state and no file.\n * Only then do the box and its overlay fill the whole area (finding 64). An image keeps its own size.\n */\nexport const pictureIsPlaceholder = (view: AssetDetailView) =>\n  !view.image.uploading &&\n  !view.image.processing &&\n  !view.image.waiting &&\n  !(view.assetStatus === DamAssetStatus.WithFile && view.image.src)\n\n/** View of an existing asset, without upload state. */\nexport function assetDetailViewOfAsset(\n  asset: AssetDetailItemDto | null,\n  simpleAssetSidebarEnabled: boolean\n): AssetDetailView | null {\n  if (!asset) return null\n  const assetType = asset.attributes.assetType || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const detailPicture = asset.mainFile?.links?.image_detail\n  return {\n    id: asset.id,\n    assetType,\n    assetStatus: asset.attributes.assetStatus,\n    mainFile: asset.mainFile || null,\n    image: {\n      ...(detailPicture\n        ? {\n            src: detailPicture.url,\n            width: detailPicture.width,\n            height: detailPicture.height,\n            backgroundColor: dominantColourOf(asset.mainFile),\n          }\n        : placeholder()),\n      uploading: false,\n      processing: false,\n      waiting: false,\n      done: false,\n    },\n    // The editor follows the tab for any asset type. Other types have no ROI tab.\n    roiEditorTab: true,\n    simpleMode: simpleAssetSidebarEnabled && isImage,\n  }\n}\n\n/**\n * View of the single-upload dialog: the row's asset data until the upload is done, then the asset read from the DAM.\n * Preview, state and progress come from the row.\n */\nexport function assetDetailViewOfUploadItem(\n  item: UploadQueueItem | null,\n  detailAsset: AssetDetailItemDto | null,\n  options: { enableRoiTab: boolean; disableDoneAnimation: boolean; simpleAssetSidebarEnabled: boolean }\n): AssetDetailView | null {\n  if (!item) return null\n  const done = item.status === UploadQueueItemStatus.Uploaded\n  // Only this row's asset. The store is shared and may hold an asset left\n  // by another dialog or a library pick until this dialog reads its own.\n  const read = item.assetId && done && detailAsset?.id === item.assetId ? detailAsset : null\n  const assetType =\n    (read ? read.attributes.assetType : item.assetId ? item.assetType : undefined) || DamAssetTypeDefault\n  const isImage = assetType === DamAssetType.Image\n  const mainFile = read?.mainFile || null\n  return {\n    id: read ? read.id : item.assetId || null,\n    assetType,\n    assetStatus: read ? read.attributes.assetStatus : item.assetId ? item.assetStatus : DamAssetStatusDefault,\n    mainFile,\n    image: {\n      ...(item.imagePreview\n        ? {\n            src: item.imagePreview.url,\n            width: item.imagePreview.requestedWidth || undefined,\n            height: item.imagePreview.requestedHeight || undefined,\n            backgroundColor: dominantColourOf(mainFile),\n          }\n        : placeholder()),\n      aspectRatio: IMAGE_ASPECT_RATIO,\n      uploading: item.status === UploadQueueItemStatus.Uploading,\n      processing: PROCESSING.includes(item.status),\n      waiting: item.status === UploadQueueItemStatus.Waiting,\n      done: !options.disableDoneAnimation && done,\n      progress: item.progress.progressPercent,\n      remainingTime: item.progress.remainingTime,\n    },\n    roiEditorTab: options.enableRoiTab,\n    simpleMode: options.simpleAssetSidebarEnabled && isImage && options.enableRoiTab,\n  }\n}\n"],"mappings":";;;;AA4CA,IAAMA,IAAY,QACZC,IAAqB,KAAK,GAC1BC,IAAmD,CACvDC,EAAsB,YACtBA,EAAsB,OACxB,GAEMC,WAAqB;CAAE,KAAK;CAAI,OAAO;CAAK,QAAQ;CAAK,iBAAiBJ;AAAU,IAEpFK,KAAoB,MACxBC,EAAqBC,CAAQ,KAAKA,EAAS,mBAAmBA,EAAS,gBAAgB,oBACnFA,EAAS,gBAAgB,oBACzBP,GAMOQ,KAAwB,MACnC,CAACC,EAAK,MAAM,aACZ,CAACA,EAAK,MAAM,cACZ,CAACA,EAAK,MAAM,WACZ,EAAEA,EAAK,gBAAgBC,EAAe,YAAYD,EAAK,MAAM;AAG/D,SAAgBE,EACd,GACA,GACwB;CACxB,IAAI,CAACC,GAAO,OAAO;CACnB,IAAMC,IAAYD,EAAM,WAAW,aAAaE,GAC1CC,IAAUF,MAAcG,EAAa,OACrCC,IAAgBL,EAAM,UAAU,OAAO;CAC7C,OAAO;EACL,IAAIA,EAAM;EACV;EACA,aAAaA,EAAM,WAAW;EAC9B,UAAUA,EAAM,YAAY;EAC5B,OAAO;GACL,GAAIK,IACA;IACE,KAAKA,EAAc;IACnB,OAAOA,EAAc;IACrB,QAAQA,EAAc;IACtB,iBAAiBZ,EAAiBO,EAAM,QAAQ;GAClD,IACAR,EAAY;GAChB,WAAW;GACX,YAAY;GACZ,SAAS;GACT,MAAM;EACR;EAEA,cAAc;EACd,YAAYc,KAA6BH;CAC3C;AACF;AAMA,SAAgBI,EACd,GACA,GACA,GACwB;CACxB,IAAI,CAACC,GAAM,OAAO;CAClB,IAAMC,IAAOD,EAAK,WAAWjB,EAAsB,UAG7CmB,IAAOF,EAAK,WAAWC,KAAQE,GAAa,OAAOH,EAAK,UAAUG,IAAc,MAChFV,KACHS,IAAOA,EAAK,WAAW,YAAYF,EAAK,UAAUA,EAAK,YAAY,KAAA,MAAcN,GAC9EC,IAAUF,MAAcG,EAAa,OACrCT,IAAWe,GAAM,YAAY;CACnC,OAAO;EACL,IAAIA,IAAOA,EAAK,KAAKF,EAAK,WAAW;EACrC;EACA,aAAaE,IAAOA,EAAK,WAAW,cAAcF,EAAK,UAAUA,EAAK,cAAcI;EACpF;EACA,OAAO;GACL,GAAIJ,EAAK,eACL;IACE,KAAKA,EAAK,aAAa;IACvB,OAAOA,EAAK,aAAa,kBAAkB,KAAA;IAC3C,QAAQA,EAAK,aAAa,mBAAmB,KAAA;IAC7C,iBAAiBf,EAAiBE,CAAQ;GAC5C,IACAH,EAAY;GAChB,aAAaH;GACb,WAAWmB,EAAK,WAAWjB,EAAsB;GACjD,YAAYD,EAAW,SAASkB,EAAK,MAAM;GAC3C,SAASA,EAAK,WAAWjB,EAAsB;GAC/C,MAAM,CAACsB,EAAQ,wBAAwBJ;GACvC,UAAUD,EAAK,SAAS;GACxB,eAAeA,EAAK,SAAS;EAC/B;EACA,cAAcK,EAAQ;EACtB,YAAYA,EAAQ,6BAA6BV,KAAWU,EAAQ;CACtE;AACF"}

package/dist/domains/dam/assetDetail/store/assetDetailStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"assetDetailStore.js","names":["AssetDetailTabImageWithRoi","AssetDetailTabImageWithRoiDefault","useAssetDetailStore","defineStore","asset","ref","authorConflicts","dialog","loading","metadataAreTouched","activeTab","updateUploadStore","mainFileSingleUse","saves","saveKey","configName","assetId","turn","setAsset","data","open","mine","key","answer","read","beforeShown","close","readBesideDetail","begun","isNull","wanted","setSaving","answered","save","before","all","savingOf","reset"],"sources":["../../../../../src/domains/dam/assetDetail/store/assetDetailStore.ts"],"sourcesContent":["import { defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { DocId } from '@/shared/types/common'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isNull } from '@/shared/utils/common'\n\nexport const AssetDetailTabImageWithRoi = {\n  Info: 'meta',\n  ROI: 'roi',\n} as const\nexport type AssetDetailTabImageWithRoiType =\n  (typeof AssetDetailTabImageWithRoi)[keyof typeof AssetDetailTabImageWithRoi]\nexport const AssetDetailTabImageWithRoiDefault = AssetDetailTabImageWithRoi.Info\n\nexport const useAssetDetailStore = defineStore('commonAdminAssetDetailStore', () => {\n  const asset = ref<AssetDetailItemDto | null>(null)\n  const authorConflicts = ref<DocId[]>([])\n  const dialog = ref<null | UploadQueueKey>(null)\n  const loading = ref(false)\n  const metadataAreTouched = ref(false)\n  const activeTab = ref<AssetDetailTabImageWithRoiType>(AssetDetailTabImageWithRoiDefault)\n  const updateUploadStore = ref(false)\n  const mainFileSingleUse = ref(false)\n  // The saves of the detail that are on their way, each under the DAM configuration and the asset it saves, until the\n  // DAM answers them; they never reject. The detail can be closed before that: a host that reads the asset again once\n  // the detail has closed waits for the saves of that asset first. One for the page, it had the closing of the detail\n  // of an asset wait for the save of another one; two DAMs may give one asset id.\n  const saves = new Map<string, Promise<void>>()\n  const saveKey = (assetId: DocId, configName: string) => `${configName}\\u0000${assetId}`\n  // Counts the openings and the closings of the detail: a read is taken while the count is the one it began under.\n  let turn = 0\n\n  function setAsset(data: AssetDetailItemDto | null) {\n    asset.value = data\n    mainFileSingleUse.value = data?.mainFileSingleUse || false\n  }\n\n  /**\n   * Opens the detail of the queue `key` on its loader, and has it show the asset `read` answers with. The store is one\n   * for the page, and a read may end once its detail has closed, or after another has been opened: only the read of\n   * the detail opened last is taken, and only while that detail is open. An answer that is not taken shows no asset\n   * and leaves the loader as it is. `beforeShown` runs for the answer that is taken, before the detail shows it.\n   * A read that fails rejects here as it did, for the host to say. When it is the read the detail waits for, the\n   * detail has nothing to show and is closed: a dialog that draws nothing is still over the whole page, and nothing\n   * but its own button closes it.\n   */\n  async function open(\n    key: UploadQueueKey,\n    read: () => Promise<AssetDetailItemDto>,\n    beforeShown?: (answer: AssetDetailItemDto) => void\n  ) {\n    const mine = ++turn\n    setAsset(null)\n    loading.value = true\n    dialog.value = key\n    try {\n      const answer = await read()\n      if (mine !== turn) return\n      beforeShown?.(answer)\n      setAsset(answer)\n      loading.value = false\n    } catch (e) {\n      if (mine === turn) close()\n      throw e\n    }\n  }\n\n  /** Closes the detail. A read it was opened with and still waits for is given up: its answer is not taken. */\n  function close() {\n    turn++\n    loading.value = false\n    setAsset(null)\n    dialog.value = null\n  }\n\n  /**\n   * Reads the asset for a host that shows the asset of the store beside the detail, as the asset list does in its side\n   * panel. The answer is taken only while no detail is open, and none has been opened since the read began: a detail\n   * would show that asset in place of its own, and its save would go into it. The read rejects here as it did.\n   * `wanted`: asked once the read has answered, by a host whose reads have an order of their own; an answer that host\n   * no longer wants is not taken either. `beforeShown` runs for the answer that is taken, before the host shows it.\n   */\n  async function readBesideDetail(\n    read: () => Promise<AssetDetailItemDto>,\n    wanted?: () => boolean,\n    beforeShown?: (answer: AssetDetailItemDto) => void\n  ) {\n    const begun = turn\n    const answer = await read()\n    if (begun !== turn || !isNull(dialog.value)) return\n    if (wanted && !wanted()) return\n    beforeShown?.(answer)\n    setAsset(answer)\n  }\n\n  /** A save of the detail of the asset `assetId` under the DAM configuration `configName`. */\n  function setSaving(assetId: DocId, save: Promise<unknown>, configName: string) {\n    const key = saveKey(assetId, configName)\n    const answered = save.then(\n      () => undefined,\n      () => undefined\n    )\n    const before = saves.get(key)\n    const all = before ? Promise.all([before, answered]).then(() => undefined) : answered\n    saves.set(key, all)\n    void all.then(() => {\n      if (saves.get(key) === all) saves.delete(key)\n    })\n  }\n\n  /**\n   * The saves of the detail of the asset `assetId` under the DAM configuration `configName` on their way, till they are\n   * all answered; `null` while none is.\n   */\n  function savingOf(assetId: DocId, configName: string) {\n    return saves.get(saveKey(assetId, configName)) ?? null\n  }\n\n  function reset() {\n    asset.value = null\n    mainFileSingleUse.value = false\n  }\n\n  return {\n    metadataAreTouched,\n    authorConflicts,\n    asset,\n    loading,\n    dialog,\n    activeTab,\n    updateUploadStore,\n    mainFileSingleUse,\n    setAsset,\n    open,\n    close,\n    readBesideDetail,\n    setSaving,\n    savingOf,\n    reset,\n  }\n})\n"],"mappings":";;;;AAOA,IAAaA,IAA6B;CACxC,MAAM;CACN,KAAK;AACP,GAGaC,IAAoCD,EAA2B,MAE/DE,IAAsBC,EAAY,qCAAqC;CAClF,IAAMC,IAAQC,EAA+B,IAAI,GAC3CC,IAAkBD,EAAa,CAAC,CAAC,GACjCE,IAASF,EAA2B,IAAI,GACxCG,IAAUH,EAAI,EAAK,GACnBI,IAAqBJ,EAAI,EAAK,GAC9BK,IAAYL,EAAoCJ,CAAiC,GACjFU,IAAoBN,EAAI,EAAK,GAC7BO,IAAoBP,EAAI,EAAK,GAK7BQ,oBAAQ,IAAI,IAA2B,GACvCC,KAAW,GAAgB,MAAuB,GAAGC,EAAW,QAAQC,KAE1EC,IAAO;CAEX,SAASC,EAAS,GAAiC;EAEjD,AADA,EAAM,QAAQC,GACd,EAAkB,QAAQA,GAAM,qBAAqB;CACvD;CAWA,eAAeC,EACb,GACA,GACA,GACA;EACA,IAAMC,IAAO,EAAEJ;EAGf,AAFAC,EAAS,IAAI,GACb,EAAQ,QAAQ,IAChB,EAAO,QAAQI;EACf,IAAI;GACF,IAAMC,IAAS,MAAMC,EAAK;GAC1B,IAAIH,MAASJ,GAAM;GAGnB,AAFAQ,IAAcF,CAAM,GACpBL,EAASK,CAAM,GACf,EAAQ,QAAQ;EAClB,SAAS,GAAG;GAEV,MADIF,MAASJ,KAAMS,EAAM,GACnB;EACR;CACF;CAGA,SAASA,IAAQ;EAIf,AAHA,KACA,EAAQ,QAAQ,IAChBR,EAAS,IAAI,GACb,EAAO,QAAQ;CACjB;CASA,eAAeS,EACb,GACA,GACA,GACA;EACA,IAAMC,IAAQX,GACRM,IAAS,MAAMC,EAAK;EAC1B,AAAII,MAAUX,KAASY,EAAOtB,EAAO,KAAK,MACtC,MAAWuB,EAAO,OACtBL,IAAcF,CAAM,GACpBL,EAASK,CAAM;CACjB;CAGA,SAASQ,EAAU,GAAgB,GAAwB,GAAoB;EAC7E,IAAMT,IAAMR,EAAQE,GAASD,CAAU,GACjCiB,IAAWC,EAAK,WACd,KAAA,SACA,KAAA,CACR,GACMC,IAASrB,EAAM,IAAIS,CAAG,GACtBa,IAAMD,IAAS,QAAQ,IAAI,CAACA,GAAQF,CAAQ,CAAC,CAAC,CAAC,WAAW,KAAA,CAAS,IAAIA;EAE7E,AADAnB,EAAM,IAAIS,GAAKa,CAAG,GAClBA,EAAS,WAAW;GAClB,AAAItB,EAAM,IAAIS,CAAG,MAAMa,KAAKtB,EAAM,OAAOS,CAAG;EAC9C,CAAC;CACH;CAMA,SAASc,EAAS,GAAgB,GAAoB;EACpD,OAAOvB,EAAM,IAAIC,EAAQE,GAASD,CAAU,CAAC,KAAK;CACpD;CAEA,SAASsB,IAAQ;EAEf,AADA,EAAM,QAAQ,MACd,EAAkB,QAAQ;CAC5B;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}
+{"version":3,"file":"assetDetailStore.js","names":["AssetDetailTabImageWithRoi","AssetDetailTabImageWithRoiDefault","useAssetDetailStore","defineStore","asset","ref","authorConflicts","dialog","loading","metadataAreTouched","activeTab","updateUploadStore","mainFileSingleUse","saves","saveKey","configName","assetId","turn","setAsset","data","open","mine","key","answer","read","beforeShown","close","readBesideDetail","begun","isNull","wanted","setSaving","answered","save","before","all","savingOf","reset"],"sources":["../../../../../src/domains/dam/assetDetail/store/assetDetailStore.ts"],"sourcesContent":["import { defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport type { DocId } from '@/shared/types/common'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { isNull } from '@/shared/utils/common'\n\nexport const AssetDetailTabImageWithRoi = {\n  Info: 'meta',\n  ROI: 'roi',\n} as const\nexport type AssetDetailTabImageWithRoiType =\n  (typeof AssetDetailTabImageWithRoi)[keyof typeof AssetDetailTabImageWithRoi]\nexport const AssetDetailTabImageWithRoiDefault = AssetDetailTabImageWithRoi.Info\n\nexport const useAssetDetailStore = defineStore('commonAdminAssetDetailStore', () => {\n  const asset = ref<AssetDetailItemDto | null>(null)\n  const authorConflicts = ref<DocId[]>([])\n  const dialog = ref<null | UploadQueueKey>(null)\n  const loading = ref(false)\n  const metadataAreTouched = ref(false)\n  const activeTab = ref<AssetDetailTabImageWithRoiType>(AssetDetailTabImageWithRoiDefault)\n  const updateUploadStore = ref(false)\n  const mainFileSingleUse = ref(false)\n  // Pending detail saves, keyed by DAM configuration and asset, until the DAM answers. They never reject.\n  // The detail can close before that. A host that rereads the asset after close waits for that asset's saves first.\n  // A single page-wide entry made closing one asset wait for another's save. Two DAMs can share an asset id.\n  const saves = new Map<string, Promise<void>>()\n  const saveKey = (assetId: DocId, configName: string) => `${configName}\\u0000${assetId}`\n  // Counts detail openings and closings. A read is applied only if the count is unchanged since it began.\n  let turn = 0\n\n  function setAsset(data: AssetDetailItemDto | null) {\n    asset.value = data\n    mainFileSingleUse.value = data?.mainFileSingleUse || false\n  }\n\n  /**\n   * Opens the detail of queue `key` in loading state and shows the asset returned by `read`.\n   * The store is page-wide. Only the read of the last opened detail is applied, and\n   * only while it is open. Other answers are ignored and leave the loader as is.\n   * `beforeShown` runs for the applied answer before it is shown.\n   * A failed read rejects for the host to report. If the detail waits for it, the detail\n   * is closed: an empty dialog still covers the page and only its own button closes it.\n   */\n  async function open(\n    key: UploadQueueKey,\n    read: () => Promise<AssetDetailItemDto>,\n    beforeShown?: (answer: AssetDetailItemDto) => void\n  ) {\n    const mine = ++turn\n    setAsset(null)\n    loading.value = true\n    dialog.value = key\n    try {\n      const answer = await read()\n      if (mine !== turn) return\n      beforeShown?.(answer)\n      setAsset(answer)\n      loading.value = false\n    } catch (e) {\n      if (mine === turn) close()\n      throw e\n    }\n  }\n\n  /** Closes the detail. A pending read it was opened with is ignored. */\n  function close() {\n    turn++\n    loading.value = false\n    setAsset(null)\n    dialog.value = null\n  }\n\n  /**\n   * Reads the asset for a host that shows the store's asset beside the detail, like the asset list side panel.\n   * Applied only if no detail is open and none was opened since the read\n   * began. Otherwise the detail would show and save into that asset.\n   * Rejects on failure. `wanted`: checked after the response by\n   * hosts with their own read order; unwanted answers are ignored.\n   * `beforeShown` runs for the applied answer before it is shown.\n   */\n  async function readBesideDetail(\n    read: () => Promise<AssetDetailItemDto>,\n    wanted?: () => boolean,\n    beforeShown?: (answer: AssetDetailItemDto) => void\n  ) {\n    const begun = turn\n    const answer = await read()\n    if (begun !== turn || !isNull(dialog.value)) return\n    if (wanted && !wanted()) return\n    beforeShown?.(answer)\n    setAsset(answer)\n  }\n\n  /** Registers a detail save of asset `assetId` under DAM configuration `configName`. */\n  function setSaving(assetId: DocId, save: Promise<unknown>, configName: string) {\n    const key = saveKey(assetId, configName)\n    const answered = save.then(\n      () => undefined,\n      () => undefined\n    )\n    const before = saves.get(key)\n    const all = before ? Promise.all([before, answered]).then(() => undefined) : answered\n    saves.set(key, all)\n    void all.then(() => {\n      if (saves.get(key) === all) saves.delete(key)\n    })\n  }\n\n  /** Resolves when all pending saves of `assetId` under `configName` are answered. `null` when none is pending. */\n  function savingOf(assetId: DocId, configName: string) {\n    return saves.get(saveKey(assetId, configName)) ?? null\n  }\n\n  function reset() {\n    asset.value = null\n    mainFileSingleUse.value = false\n  }\n\n  return {\n    metadataAreTouched,\n    authorConflicts,\n    asset,\n    loading,\n    dialog,\n    activeTab,\n    updateUploadStore,\n    mainFileSingleUse,\n    setAsset,\n    open,\n    close,\n    readBesideDetail,\n    setSaving,\n    savingOf,\n    reset,\n  }\n})\n"],"mappings":";;;;AAOA,IAAaA,IAA6B;CACxC,MAAM;CACN,KAAK;AACP,GAGaC,IAAoCD,EAA2B,MAE/DE,IAAsBC,EAAY,qCAAqC;CAClF,IAAMC,IAAQC,EAA+B,IAAI,GAC3CC,IAAkBD,EAAa,CAAC,CAAC,GACjCE,IAASF,EAA2B,IAAI,GACxCG,IAAUH,EAAI,EAAK,GACnBI,IAAqBJ,EAAI,EAAK,GAC9BK,IAAYL,EAAoCJ,CAAiC,GACjFU,IAAoBN,EAAI,EAAK,GAC7BO,IAAoBP,EAAI,EAAK,GAI7BQ,oBAAQ,IAAI,IAA2B,GACvCC,KAAW,GAAgB,MAAuB,GAAGC,EAAW,QAAQC,KAE1EC,IAAO;CAEX,SAASC,EAAS,GAAiC;EAEjD,AADA,EAAM,QAAQC,GACd,EAAkB,QAAQA,GAAM,qBAAqB;CACvD;CAUA,eAAeC,EACb,GACA,GACA,GACA;EACA,IAAMC,IAAO,EAAEJ;EAGf,AAFAC,EAAS,IAAI,GACb,EAAQ,QAAQ,IAChB,EAAO,QAAQI;EACf,IAAI;GACF,IAAMC,IAAS,MAAMC,EAAK;GAC1B,IAAIH,MAASJ,GAAM;GAGnB,AAFAQ,IAAcF,CAAM,GACpBL,EAASK,CAAM,GACf,EAAQ,QAAQ;EAClB,SAAS,GAAG;GAEV,MADIF,MAASJ,KAAMS,EAAM,GACnB;EACR;CACF;CAGA,SAASA,IAAQ;EAIf,AAHA,KACA,EAAQ,QAAQ,IAChBR,EAAS,IAAI,GACb,EAAO,QAAQ;CACjB;CAUA,eAAeS,EACb,GACA,GACA,GACA;EACA,IAAMC,IAAQX,GACRM,IAAS,MAAMC,EAAK;EAC1B,AAAII,MAAUX,KAASY,EAAOtB,EAAO,KAAK,MACtC,MAAWuB,EAAO,OACtBL,IAAcF,CAAM,GACpBL,EAASK,CAAM;CACjB;CAGA,SAASQ,EAAU,GAAgB,GAAwB,GAAoB;EAC7E,IAAMT,IAAMR,EAAQE,GAASD,CAAU,GACjCiB,IAAWC,EAAK,WACd,KAAA,SACA,KAAA,CACR,GACMC,IAASrB,EAAM,IAAIS,CAAG,GACtBa,IAAMD,IAAS,QAAQ,IAAI,CAACA,GAAQF,CAAQ,CAAC,CAAC,CAAC,WAAW,KAAA,CAAS,IAAIA;EAE7E,AADAnB,EAAM,IAAIS,GAAKa,CAAG,GAClBA,EAAS,WAAW;GAClB,AAAItB,EAAM,IAAIS,CAAG,MAAMa,KAAKtB,EAAM,OAAOS,CAAG;EAC9C,CAAC;CACH;CAGA,SAASc,EAAS,GAAgB,GAAoB;EACpD,OAAOvB,EAAM,IAAIC,EAAQE,GAASD,CAAU,CAAC,KAAK;CACpD;CAEA,SAASsB,IAAQ;EAEf,AADA,EAAM,QAAQ,MACd,EAAkB,QAAQ;CAC5B;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

package/dist/domains/dam/assetDetail/utils/assetMetadataMayStillChange.d.ts

@@ -1,7 +1,8 @@
 import { AssetDetailItemDto } from '../../types/Asset';
 /**
- * The server may yet fill in the metadata of the asset from its file: a form loaded now would write over that when
- * saved, and a save marks the asset described, after which the server fills in nothing. Not an asset that is
- * described already, nor one whose file is processed, failed, a duplicate or not there: nothing more comes of those.
+ * True while the server may still fill the metadata from the file.
+ * A form loaded now would overwrite that on save. A save also
+ * marks the asset described, after which the server fills nothing.
+ * False when already described, or when the file is processed, failed, a duplicate or missing.
  */
 export declare const assetMetadataMayStillChange: (asset: AssetDetailItemDto) => boolean;

package/dist/domains/dam/assetDetail/utils/assetMetadataMayStillChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"assetMetadataMayStillChange.js","names":["NOT_PROCESSED_YET","AssetFileProcessStatus","assetMetadataMayStillChange","asset"],"sources":["../../../../../src/domains/dam/assetDetail/utils/assetMetadataMayStillChange.ts"],"sourcesContent":["import type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport { AssetFileProcessStatus, type AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\n\nconst NOT_PROCESSED_YET: AssetFileProcessStatusType[] = [\n  AssetFileProcessStatus.Uploading,\n  AssetFileProcessStatus.Uploaded,\n  AssetFileProcessStatus.Stored,\n]\n\n/**\n * The server may yet fill in the metadata of the asset from its file: a form loaded now would write over that when\n * saved, and a save marks the asset described, after which the server fills in nothing. Not an asset that is\n * described already, nor one whose file is processed, failed, a duplicate or not there: nothing more comes of those.\n */\nexport const assetMetadataMayStillChange = (asset: AssetDetailItemDto) =>\n  !asset.flags.described && !!asset.mainFile && NOT_PROCESSED_YET.includes(asset.mainFile.fileAttributes.status)\n"],"mappings":";;AAGA,IAAMA,IAAkD;CACtDC,EAAuB;CACvBA,EAAuB;CACvBA,EAAuB;AACzB,GAOaC,KAA+B,MAC1C,CAACC,EAAM,MAAM,aAAa,CAAC,CAACA,EAAM,YAAYH,EAAkB,SAASG,EAAM,SAAS,eAAe,MAAM"}
+{"version":3,"file":"assetMetadataMayStillChange.js","names":["NOT_PROCESSED_YET","AssetFileProcessStatus","assetMetadataMayStillChange","asset"],"sources":["../../../../../src/domains/dam/assetDetail/utils/assetMetadataMayStillChange.ts"],"sourcesContent":["import type { AssetDetailItemDto } from '@/domains/dam/types/Asset'\nimport { AssetFileProcessStatus, type AssetFileProcessStatusType } from '@/domains/dam/types/AssetFile'\n\nconst NOT_PROCESSED_YET: AssetFileProcessStatusType[] = [\n  AssetFileProcessStatus.Uploading,\n  AssetFileProcessStatus.Uploaded,\n  AssetFileProcessStatus.Stored,\n]\n\n/**\n * True while the server may still fill the metadata from the file.\n * A form loaded now would overwrite that on save. A save also\n * marks the asset described, after which the server fills nothing.\n * False when already described, or when the file is processed, failed, a duplicate or missing.\n */\nexport const assetMetadataMayStillChange = (asset: AssetDetailItemDto) =>\n  !asset.flags.described && !!asset.mainFile && NOT_PROCESSED_YET.includes(asset.mainFile.fileAttributes.status)\n"],"mappings":";;AAGA,IAAMA,IAAkD;CACtDC,EAAuB;CACvBA,EAAuB;CACvBA,EAAuB;AACzB,GAQaC,KAA+B,MAC1C,CAACC,EAAM,MAAM,aAAa,CAAC,CAACA,EAAM,YAAYH,EAAkB,SAASG,EAAM,SAAS,eAAe,MAAM"}

package/dist/domains/dam/assetSelect/api/damPodcastApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"damPodcastApi.js","names":["ENTITY","fetchDamPodcastListByIds","DAM_END_POINT_PODCAST","useApiFetchByIds","SYSTEM_CORE_DAM","endPoint","execute","ids","useFetchDamPodcastList","useApiFetchList"],"sources":["../../../../../src/domains/dam/assetSelect/api/damPodcastApi.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport type { DamPodcastAware } from '@/domains/dam/assetSelect/composables/podcastFilterAndActions'\nimport { DAM_END_POINT_PODCAST } from '@/domains/dam/api/damEndPoints'\n\nconst ENTITY = 'podcast'\n\n// `endPoint`: the address of the podcasts the caller goes by; the default one where it gives none.\n\nexport const fetchDamPodcastListByIds = (\n  client: () => AxiosInstance,\n  licenceId: IntegerId,\n  ids: DocId[],\n  endPoint: string = DAM_END_POINT_PODCAST\n) => {\n  const { execute } = useApiFetchByIds<DamPodcastAware>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + '/licence/:licenceId',\n    urlParams: { licenceId },\n  })\n\n  return execute(ids)\n}\n\nexport const useFetchDamPodcastList = (\n  client: () => AxiosInstance,\n  licenceId: IntegerId,\n  endPoint: string = DAM_END_POINT_PODCAST\n) =>\n  useApiFetchList<DamPodcastAware>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + '/licence/:licenceId',\n    urlParams: { licenceId },\n  })\n"],"mappings":";;;;;AAQA,IAAMA,IAAS,WAIFC,KACX,GACA,GACA,GACA,IAAmBC,MAChB;CACH,IAAM,EAAE,eAAYC,EAAkC;EACpD;EACA,QAAQC;EACR,QAAQJ;EACR,aAAaK,IAAW;EACxB,WAAW,EAAE,aAAU;CACzB,CAAC;CAED,OAAOC,EAAQC,CAAG;AACpB,GAEaC,KACX,GACA,GACA,IAAmBN,MAEnBO,EAAiC;CAC/B;CACA,QAAQL;CACR,QAAQJ;CACR,aAAaK,IAAW;CACxB,WAAW,EAAE,aAAU;AACzB,CAAC"}
+{"version":3,"file":"damPodcastApi.js","names":["ENTITY","fetchDamPodcastListByIds","DAM_END_POINT_PODCAST","useApiFetchByIds","SYSTEM_CORE_DAM","endPoint","execute","ids","useFetchDamPodcastList","useApiFetchList"],"sources":["../../../../../src/domains/dam/assetSelect/api/damPodcastApi.ts"],"sourcesContent":["import type { AxiosInstance } from 'axios'\nimport { SYSTEM_CORE_DAM } from '@/domains/dam/api/damConstants'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport { useApiFetchList } from '@/domains/api/composables/useApiFetchList'\nimport { useApiFetchByIds } from '@/domains/api/composables/useApiFetchByIds'\nimport type { DamPodcastAware } from '@/domains/dam/assetSelect/composables/podcastFilterAndActions'\nimport { DAM_END_POINT_PODCAST } from '@/domains/dam/api/damEndPoints'\n\nconst ENTITY = 'podcast'\n\n// `endPoint`: the caller's podcast endpoint. The default is used when not given.\n\nexport const fetchDamPodcastListByIds = (\n  client: () => AxiosInstance,\n  licenceId: IntegerId,\n  ids: DocId[],\n  endPoint: string = DAM_END_POINT_PODCAST\n) => {\n  const { execute } = useApiFetchByIds<DamPodcastAware>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + '/licence/:licenceId',\n    urlParams: { licenceId },\n  })\n\n  return execute(ids)\n}\n\nexport const useFetchDamPodcastList = (\n  client: () => AxiosInstance,\n  licenceId: IntegerId,\n  endPoint: string = DAM_END_POINT_PODCAST\n) =>\n  useApiFetchList<DamPodcastAware>({\n    client,\n    system: SYSTEM_CORE_DAM,\n    entity: ENTITY,\n    urlTemplate: endPoint + '/licence/:licenceId',\n    urlParams: { licenceId },\n  })\n"],"mappings":";;;;;AAQA,IAAMA,IAAS,WAIFC,KACX,GACA,GACA,GACA,IAAmBC,MAChB;CACH,IAAM,EAAE,eAAYC,EAAkC;EACpD;EACA,QAAQC;EACR,QAAQJ;EACR,aAAaK,IAAW;EACxB,WAAW,EAAE,aAAU;CACzB,CAAC;CAED,OAAOC,EAAQC,CAAG;AACpB,GAEaC,KACX,GACA,GACA,IAAmBN,MAEnBO,EAAiC;CAC/B;CACA,QAAQL;CACR,QAAQJ;CACR,aAAaK,IAAW;CACxB,WAAW,EAAE,aAAU;AACzB,CAAC"}

package/dist/domains/dam/assetSelect/components/AAssetListInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AAssetListInner.js","names":["_sfc_main","AAssetListInner_vue_vue_type_script_setup_true_lang_default","AAssetListInner_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetListInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, onUnmounted, provide, ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilterForm from '@/domains/dam/assetSelect/components/AssetSelectFilterForm.vue'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType, DamExtSystemConfig } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isDefined, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport UploadQueueDialog from '@/domains/dam/uploadQueue/components/UploadQueueDialog.vue'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    queueKey: UploadQueueKey\n    selectConfigs: DamConfigLicenceExtSystemReturnType[]\n    inPodcast?: boolean | null\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    variant?: 'default' | 'inline'\n  }>(),\n  {\n    inPodcast: null,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    variant: 'default',\n  }\n)\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  initStoreContext,\n  detailLoading,\n  readActiveItemAgain,\n  fetchAssetListDebounced,\n  reset,\n  resetAssetList,\n} = useAssetSelectActions(damConfigName)\n// The ordering in the list bar reads this; without it the dialog would pick up the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, dialog } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\n\nconst { sidebarRight, closeSidebarRight, closeSidebarLeft } = useSidebar()\nconst { mdAndDown } = useDisplay()\nconst { showErrorT } = useAlerts()\n\nconst { filterData, filterConfig } = useAssetListFilter()\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst { resetFilter, submitFilter } = useFilterHelpers(filterData, filterConfig, {\n  populateUrlParams: false,\n  storeFiltersLocalStorage: false,\n})\n\nconst submitFilterAction = () => {\n  submitFilter(pagination, fetchAssetListDebounced)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst resetFilterAction = () => {\n  resetFilter(pagination, resetAssetList)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst onInit = () => {\n  let selectConfigLocal = cloneDeep(props.selectConfigs)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(props.selectConfigs, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    return\n  }\n\n  reset()\n  initStoreContext(selectConfigLocal, props.assetType, props.inPodcast, false, 0, 0)\n  fetchAssetListDebounced()\n}\n\nconst { gridView } = useGridView()\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst extId = computed(() => {\n  if (props.selectConfigs.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = props.selectConfigs.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The configuration of the custom fields could not be read: the side panel says so, in place of the form of the\n// asset, which cannot be drawn without it. It used to load without an end.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\n// Whether the open detail is the one \"edit\" of the side panel opened. The detail of a row of the upload queue is drawn\n// here as well, and its close has the panel read its own asset again.\nlet detailOfPanel = false\n\nconst onOpenEditDialog = () => {\n  if (!asset.value) return\n  detailOfPanel = true\n  dialog.value = props.queueKey\n}\n\n// The panel reads the asset the detail it opened showed, not the one the list remembers: the two differ once a click\n// has been made while the panel showed the asset it opened.\nconst onCloseEditDialog = (shown: AssetDetailItemDto | null) => {\n  const ofPanel = detailOfPanel\n  detailOfPanel = false\n  readActiveItemAgain(ofPanel ? (shown?.id ?? null) : null)\n}\n\nconst imageWidgetUploadConfig = inject(ImageWidgetUploadConfigKey, undefined)\nconst uploadEnabled = computed(() => isDefined(imageWidgetUploadConfig) && isDefined(imageWidgetUploadConfig.value))\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, stopQueueLeftBehind } = useUploadQueueDialog()\nconst uploadQueuesStore = useUploadQueuesStore()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  props.assetType,\n  (imageWidgetUploadConfig?.value?.extSystemConfig ?? {}) as DamExtSystemConfig\n)\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst onFileInput = (files: File[]) => {\n  if (files.length === 0) return\n  // The page has an entry of its own (its button, a dropzone over the whole window) that reaches here past the\n  // dialog. While the dialog of this queue saves no file is taken: \"save and apply\" ends with the queue emptied, and\n  // a file queued meanwhile went with it, half uploaded and without a word.\n  if (uploadQueueDialogSaving.value === props.queueKey) return\n  const config = imageWidgetUploadConfig?.value\n  if (!config) return\n  stopQueueLeftBehind(props.queueKey)\n  uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files, damConfigName)\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst onUploadApply = () => {\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // The custom fields of the type it lists: every type of the ext system where it has none yet, else that type alone\n    // where its read failed before. The types loaded are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // The answer for an ext system the list has left since says nothing of the one it lists now.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nwatch(selectedLicenceId, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  resetFilterAction()\n})\n\nonInit()\n\nonUnmounted(() => {\n  reset()\n})\n</script>\n\n<template>\n  <slot\n    v-if=\"uploadEnabled\"\n    name=\"upload-activator\"\n    :on-file-input=\"onFileInput\"\n    :upload-accept=\"uploadAccept\"\n    :upload-sizes=\"uploadSizes\"\n  >\n    <AFileInput\n      :file-input-key=\"uploadQueue?.fileInputKey\"\n      :accept=\"uploadAccept\"\n      :max-sizes=\"uploadSizes\"\n      multiple\n      @files-input=\"onFileInput\"\n    >\n      <template #activator=\"{ props: fileInputProps }\">\n        <VBtn v-bind=\"fileInputProps\">\n          {{ t('common.button.upload') }}\n        </VBtn>\n      </template>\n    </AFileInput>\n  </slot>\n  <div\n    class=\"subject-select__card\"\n    :class=\"{ 'subject-select__card--inline': variant === 'inline' }\"\n  >\n    <div class=\"px-2 pt-2\">\n      <slot name=\"filter\">\n        <AFilterWrapper\n          @submit=\"submitFilterAction\"\n          @reset=\"resetFilterAction\"\n        >\n          <template #search>\n            <AFilterString name=\"text\" />\n          </template>\n          <template #detail>\n            <VRow v-if=\"selectConfigs.length > 1\">\n              <VCol :cols=\"12\">\n                <VSelect\n                  v-model=\"selectedLicenceId\"\n                  :label=\"t('common.assetSelect.filter.licence')\"\n                  :items=\"selectConfigs\"\n                  item-title=\"licenceName\"\n                  item-value=\"licence\"\n                  hide-details\n                />\n              </VCol>\n            </VRow>\n            <AssetSelectFilterForm\n              use-config-layout\n              hide-text-search\n              :enabled-filters=\"assetListEnabledFilters\"\n              :config-name=\"damConfigName\"\n            />\n          </template>\n        </AFilterWrapper>\n      </slot>\n    </div>\n    <AssetSelectListBar\n      v-model:sort=\"sortModel\"\n      hide-filter-toggle\n      @sort-by-change=\"sortByChange\"\n    />\n    <div\n      class=\"subject-select__main\"\n      :class=\"{\n        'subject-select__main--sidebar-right-active': sidebarRight && !mdAndDown,\n      }\"\n    >\n      <div class=\"subject-select__content\">\n        <component\n          :is=\"componentComputed\"\n          v-if=\"extId\"\n          :ext-system=\"extId\"\n        />\n        <div class=\"d-flex w-100 align-center justify-center pa-4\">\n          <ABtnSecondary\n            v-show=\"pagination.hasNextPage || loader\"\n            v-intersect=\"fetchNextPageInView\"\n            :loading=\"loader\"\n            size=\"small\"\n            @click=\"fetchNextPage\"\n          >\n            {{ t('common.button.loadMore') }}\n          </ABtnSecondary>\n        </div>\n      </div>\n      <div\n        v-if=\"!mdAndDown\"\n        class=\"subject-select__sidebar-right border-s\"\n      >\n        <div\n          v-if=\"customFormConfigFailed\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.damImage.error.loadingConfig') }}\n        </div>\n        <div\n          v-else-if=\"loadingSidebarRight\"\n          class=\"d-flex w-100 align-center justify-center\"\n        >\n          <VProgressCircular indeterminate />\n        </div>\n        <div\n          v-else-if=\"!asset\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n        </div>\n        <div\n          v-else\n          class=\"w-100\"\n        >\n          <slot\n            name=\"sidebar-prepend\"\n            :asset=\"asset\"\n          />\n          <AssetMetadata\n            v-if=\"extId && !customFormConfigLoading\"\n            :ext-system=\"extId\"\n            readonly\n            show-edit-button\n            @edit-in-dam=\"onOpenEditDialog\"\n          />\n        </div>\n      </div>\n    </div>\n    <VDialog\n      v-if=\"mdAndDown\"\n      v-model=\"sidebarRight\"\n      scrollable\n      @update:model-value=\"\n        (v) => {\n          if (!v) closeSidebarRight()\n        }\n      \"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"closeSidebarRight\">\n          {{ t('common.assetSelect.meta.info.toggle') }}\n        </ADialogToolbar>\n        <VCardText>\n          <div\n            v-if=\"customFormConfigFailed\"\n            class=\"d-flex w-100 align-center justify-center text-body-large\"\n          >\n            {{ t('common.damImage.error.loadingConfig') }}\n          </div>\n          <div\n            v-else-if=\"loadingSidebarRight\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <div\n            v-else-if=\"asset\"\n            class=\"w-100\"\n          >\n            <slot\n              name=\"sidebar-prepend\"\n              :asset=\"asset\"\n            />\n            <AssetMetadata\n              v-if=\"extId && !customFormConfigLoading\"\n              :ext-system=\"extId\"\n              readonly\n              show-edit-button\n              @edit-in-dam=\"onOpenEditDialog\"\n            />\n          </div>\n        </VCardText>\n        <VCardActions>\n          <VSpacer />\n          <VBtn @click=\"closeSidebarRight\">\n            {{ t('common.button.close') }}\n          </VBtn>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n  </div>\n  <AssetDetailDialog\n    v-if=\"dialog === queueKey && extId\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"extId\"\n    @close=\"onCloseEditDialog\"\n  />\n  <UploadQueueDialog\n    v-if=\"uploadEnabled && uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"imageWidgetUploadConfig.extSystem\"\n    :licence-id=\"imageWidgetUploadConfig.licence\"\n    :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n    :accept=\"uploadAccept\"\n    :max-sizes=\"uploadSizes\"\n    @apply=\"onUploadApply\"\n    @files-input=\"onFileInput\"\n    @drop=\"onFileInput\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AAssetListInner.js","names":["_sfc_main","AAssetListInner_vue_vue_type_script_setup_true_lang_default","AAssetListInner_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetListInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, onUnmounted, provide, ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilterForm from '@/domains/dam/assetSelect/components/AssetSelectFilterForm.vue'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType, DamExtSystemConfig } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isDefined, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport UploadQueueDialog from '@/domains/dam/uploadQueue/components/UploadQueueDialog.vue'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    queueKey: UploadQueueKey\n    selectConfigs: DamConfigLicenceExtSystemReturnType[]\n    inPodcast?: boolean | null\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    variant?: 'default' | 'inline'\n  }>(),\n  {\n    inPodcast: null,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    variant: 'default',\n  }\n)\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  initStoreContext,\n  detailLoading,\n  readActiveItemAgain,\n  fetchAssetListDebounced,\n  reset,\n  resetAssetList,\n} = useAssetSelectActions(damConfigName)\n// The list bar ordering reads this. Without it the dialog would use the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, dialog } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\n\nconst { sidebarRight, closeSidebarRight, closeSidebarLeft } = useSidebar()\nconst { mdAndDown } = useDisplay()\nconst { showErrorT } = useAlerts()\n\nconst { filterData, filterConfig } = useAssetListFilter()\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst { resetFilter, submitFilter } = useFilterHelpers(filterData, filterConfig, {\n  populateUrlParams: false,\n  storeFiltersLocalStorage: false,\n})\n\nconst submitFilterAction = () => {\n  submitFilter(pagination, fetchAssetListDebounced)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst resetFilterAction = () => {\n  resetFilter(pagination, resetAssetList)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst onInit = () => {\n  let selectConfigLocal = cloneDeep(props.selectConfigs)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(props.selectConfigs, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    return\n  }\n\n  reset()\n  initStoreContext(selectConfigLocal, props.assetType, props.inPodcast, false, 0, 0)\n  fetchAssetListDebounced()\n}\n\nconst { gridView } = useGridView()\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst extId = computed(() => {\n  if (props.selectConfigs.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = props.selectConfigs.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The custom fields config could not be read. The side panel shows\n// a notice instead of the asset form, which needs that config.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\n// Whether the open detail was opened by the side panel's \"edit\".\n// Queue row details are rendered here too, and closing one makes the panel reread its own asset.\nlet detailOfPanel = false\n\nconst onOpenEditDialog = () => {\n  if (!asset.value) return\n  detailOfPanel = true\n  dialog.value = props.queueKey\n}\n\n// The panel rereads the asset its detail showed, not the one the list remembers.\n// They differ after a click made while the panel showed the asset it opened.\nconst onCloseEditDialog = (shown: AssetDetailItemDto | null) => {\n  const ofPanel = detailOfPanel\n  detailOfPanel = false\n  readActiveItemAgain(ofPanel ? (shown?.id ?? null) : null)\n}\n\nconst imageWidgetUploadConfig = inject(ImageWidgetUploadConfigKey, undefined)\nconst uploadEnabled = computed(() => isDefined(imageWidgetUploadConfig) && isDefined(imageWidgetUploadConfig.value))\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, stopQueueLeftBehind } = useUploadQueueDialog()\nconst uploadQueuesStore = useUploadQueuesStore()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  props.assetType,\n  (imageWidgetUploadConfig?.value?.extSystemConfig ?? {}) as DamExtSystemConfig\n)\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst onFileInput = (files: File[]) => {\n  if (files.length === 0) return\n  // The page has its own entry points (button, window-wide dropzone) that bypass the dialog.\n  // While this queue's dialog saves, no file is accepted. \"Save and apply\" empties\n  // the queue, and a file queued meanwhile was lost half uploaded without notice.\n  if (uploadQueueDialogSaving.value === props.queueKey) return\n  const config = imageWidgetUploadConfig?.value\n  if (!config) return\n  stopQueueLeftBehind(props.queueKey)\n  uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files, damConfigName)\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst onUploadApply = () => {\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // Custom fields of the listed type: all types of the ext system if\n    // none are loaded, else only this type if its read failed before.\n    // Loaded types are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // Ignore an answer for an ext system the list has since left.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nwatch(selectedLicenceId, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  resetFilterAction()\n})\n\nonInit()\n\nonUnmounted(() => {\n  reset()\n})\n</script>\n\n<template>\n  <slot\n    v-if=\"uploadEnabled\"\n    name=\"upload-activator\"\n    :on-file-input=\"onFileInput\"\n    :upload-accept=\"uploadAccept\"\n    :upload-sizes=\"uploadSizes\"\n  >\n    <AFileInput\n      :file-input-key=\"uploadQueue?.fileInputKey\"\n      :accept=\"uploadAccept\"\n      :max-sizes=\"uploadSizes\"\n      multiple\n      @files-input=\"onFileInput\"\n    >\n      <template #activator=\"{ props: fileInputProps }\">\n        <VBtn v-bind=\"fileInputProps\">\n          {{ t('common.button.upload') }}\n        </VBtn>\n      </template>\n    </AFileInput>\n  </slot>\n  <div\n    class=\"subject-select__card\"\n    :class=\"{ 'subject-select__card--inline': variant === 'inline' }\"\n  >\n    <div class=\"px-2 pt-2\">\n      <slot name=\"filter\">\n        <AFilterWrapper\n          @submit=\"submitFilterAction\"\n          @reset=\"resetFilterAction\"\n        >\n          <template #search>\n            <AFilterString name=\"text\" />\n          </template>\n          <template #detail>\n            <VRow v-if=\"selectConfigs.length > 1\">\n              <VCol :cols=\"12\">\n                <VSelect\n                  v-model=\"selectedLicenceId\"\n                  :label=\"t('common.assetSelect.filter.licence')\"\n                  :items=\"selectConfigs\"\n                  item-title=\"licenceName\"\n                  item-value=\"licence\"\n                  hide-details\n                />\n              </VCol>\n            </VRow>\n            <AssetSelectFilterForm\n              use-config-layout\n              hide-text-search\n              :enabled-filters=\"assetListEnabledFilters\"\n              :config-name=\"damConfigName\"\n            />\n          </template>\n        </AFilterWrapper>\n      </slot>\n    </div>\n    <AssetSelectListBar\n      v-model:sort=\"sortModel\"\n      hide-filter-toggle\n      @sort-by-change=\"sortByChange\"\n    />\n    <div\n      class=\"subject-select__main\"\n      :class=\"{\n        'subject-select__main--sidebar-right-active': sidebarRight && !mdAndDown,\n      }\"\n    >\n      <div class=\"subject-select__content\">\n        <component\n          :is=\"componentComputed\"\n          v-if=\"extId\"\n          :ext-system=\"extId\"\n        />\n        <div class=\"d-flex w-100 align-center justify-center pa-4\">\n          <ABtnSecondary\n            v-show=\"pagination.hasNextPage || loader\"\n            v-intersect=\"fetchNextPageInView\"\n            :loading=\"loader\"\n            size=\"small\"\n            @click=\"fetchNextPage\"\n          >\n            {{ t('common.button.loadMore') }}\n          </ABtnSecondary>\n        </div>\n      </div>\n      <div\n        v-if=\"!mdAndDown\"\n        class=\"subject-select__sidebar-right border-s\"\n      >\n        <div\n          v-if=\"customFormConfigFailed\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.damImage.error.loadingConfig') }}\n        </div>\n        <div\n          v-else-if=\"loadingSidebarRight\"\n          class=\"d-flex w-100 align-center justify-center\"\n        >\n          <VProgressCircular indeterminate />\n        </div>\n        <div\n          v-else-if=\"!asset\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n        </div>\n        <div\n          v-else\n          class=\"w-100\"\n        >\n          <slot\n            name=\"sidebar-prepend\"\n            :asset=\"asset\"\n          />\n          <AssetMetadata\n            v-if=\"extId && !customFormConfigLoading\"\n            :ext-system=\"extId\"\n            readonly\n            show-edit-button\n            @edit-in-dam=\"onOpenEditDialog\"\n          />\n        </div>\n      </div>\n    </div>\n    <VDialog\n      v-if=\"mdAndDown\"\n      v-model=\"sidebarRight\"\n      scrollable\n      @update:model-value=\"\n        (v) => {\n          if (!v) closeSidebarRight()\n        }\n      \"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"closeSidebarRight\">\n          {{ t('common.assetSelect.meta.info.toggle') }}\n        </ADialogToolbar>\n        <VCardText>\n          <div\n            v-if=\"customFormConfigFailed\"\n            class=\"d-flex w-100 align-center justify-center text-body-large\"\n          >\n            {{ t('common.damImage.error.loadingConfig') }}\n          </div>\n          <div\n            v-else-if=\"loadingSidebarRight\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <div\n            v-else-if=\"asset\"\n            class=\"w-100\"\n          >\n            <slot\n              name=\"sidebar-prepend\"\n              :asset=\"asset\"\n            />\n            <AssetMetadata\n              v-if=\"extId && !customFormConfigLoading\"\n              :ext-system=\"extId\"\n              readonly\n              show-edit-button\n              @edit-in-dam=\"onOpenEditDialog\"\n            />\n          </div>\n        </VCardText>\n        <VCardActions>\n          <VSpacer />\n          <VBtn @click=\"closeSidebarRight\">\n            {{ t('common.button.close') }}\n          </VBtn>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n  </div>\n  <AssetDetailDialog\n    v-if=\"dialog === queueKey && extId\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"extId\"\n    @close=\"onCloseEditDialog\"\n  />\n  <UploadQueueDialog\n    v-if=\"uploadEnabled && uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"imageWidgetUploadConfig.extSystem\"\n    :licence-id=\"imageWidgetUploadConfig.licence\"\n    :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n    :accept=\"uploadAccept\"\n    :max-sizes=\"uploadSizes\"\n    @apply=\"onUploadApply\"\n    @files-input=\"onFileInput\"\n    @drop=\"onFileInput\"\n  />\n</template>\n"],"mappings":""}