npm - @anzusystems/common-admin - Versions diffs - 2.0.0-rc.4 → 2.0.0-rc.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (680) hide show

package/dist/domains/dam/assetSelect/components/AAssetListInner.vue_vue_type_script_setup_true_lang.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AAssetListInner.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderSlot","_unref","_createVNode","AFileInput","_withCtx","_component_VBtn","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","AFilterWrapper","AFilterString","_createBlock","_component_VRow","_component_VCol","_component_VSelect","_isRef","AssetSelectFilterForm","AssetSelectListBar","_resolveDynamicComponent","_withDirectives","_vShow","_directive_intersect","_component_VProgressCircular","AssetMetadata","_component_VDialog","_component_VCard","ADialogToolbar","_component_VCardText","_component_VCardActions","_component_VSpacer","AssetDetailDialog","UploadQueueDialog","ADialogToolbar_default","AFileInput_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AFilterString_default","AssetSelectFilterForm_default","AssetMetadata_default","AFilterWrapper_default","AssetDetailDialog_default","UploadQueueDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","AAssetListInner_vue_vue_type_script_setup_true_lang_default","\"sort\"","\"sortModifiers\"","props","__props","sortModel","useModel","damConfigName","useDamConfigName","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useCommonAdminCoreDamOptions","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useSidebar","useDisplay","useAlerts","useAssetListFilter","provide","FilterConfigKey","filterConfig","FilterDataKey","filterData","useFilterHelpers","submitFilterAction","submitFilter","fetchAssetListDebounced","mdAndDown","closeSidebarLeft","resetFilterAction","resetFilter","resetAssetList","onInit","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","useGridView","componentComputed","computed","gridView","AssetSelectGridView","extId","selectedLicenceId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","ref","customFormConfigFailed","sortByChange","option","detailOfPanel","onOpenEditDialog","asset","onCloseEditDialog","ofPanel","readActiveItemAgain","shown","imageWidgetUploadConfig","inject","ImageWidgetUploadConfigKey","uploadEnabled","isDefined","useUploadQueueDialog","uploadQueuesStore","useUploadQueuesStore","useDamAcceptTypeAndSizeHelper","uploadQueue","onFileInput","files","uploadQueueDialogSaving","stopQueueLeftBehind","onUploadApply","watch","isUndefined","newValue","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","oldValue","onUnmounted","_component_ABtnSecondary","resolveComponent","openBlock","createElementBlock","Fragment","renderSlot","_ctx","unref","uploadAccept","uploadSizes","createVNode","withCtx","fileInputProps","VBtn","normalizeProps","guardReactiveProps","createTextVNode","toDisplayString","t","createCommentVNode","createElementVNode","normalizeClass","createBlock","VRow","VCol","VSelect","_cache","isRef","$event","assetListEnabledFilters","sidebarRight","resolveDynamicComponent","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VProgressCircular","VDialog","v","closeSidebarRight","VCard","VCardText","VCardActions","VSpacer","dialog","uploadQueueDialog"],"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":"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"}
1	+ {"version":3,"file":"AAssetListInner.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderSlot","_unref","_createVNode","AFileInput","_withCtx","_component_VBtn","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","AFilterWrapper","AFilterString","_createBlock","_component_VRow","_component_VCol","_component_VSelect","_isRef","AssetSelectFilterForm","AssetSelectListBar","_resolveDynamicComponent","_withDirectives","_vShow","_directive_intersect","_component_VProgressCircular","AssetMetadata","_component_VDialog","_component_VCard","ADialogToolbar","_component_VCardText","_component_VCardActions","_component_VSpacer","AssetDetailDialog","UploadQueueDialog","ADialogToolbar_default","AFileInput_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AFilterString_default","AssetSelectFilterForm_default","AssetMetadata_default","AFilterWrapper_default","AssetDetailDialog_default","UploadQueueDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","AAssetListInner_vue_vue_type_script_setup_true_lang_default","\"sort\"","\"sortModifiers\"","props","__props","sortModel","useModel","damConfigName","useDamConfigName","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useCommonAdminCoreDamOptions","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useSidebar","useDisplay","useAlerts","useAssetListFilter","provide","FilterConfigKey","filterConfig","FilterDataKey","filterData","useFilterHelpers","submitFilterAction","submitFilter","fetchAssetListDebounced","mdAndDown","closeSidebarLeft","resetFilterAction","resetFilter","resetAssetList","onInit","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","useGridView","componentComputed","computed","gridView","AssetSelectGridView","extId","selectedLicenceId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","ref","customFormConfigFailed","sortByChange","option","detailOfPanel","onOpenEditDialog","asset","onCloseEditDialog","ofPanel","readActiveItemAgain","shown","imageWidgetUploadConfig","inject","ImageWidgetUploadConfigKey","uploadEnabled","isDefined","useUploadQueueDialog","uploadQueuesStore","useUploadQueuesStore","useDamAcceptTypeAndSizeHelper","uploadQueue","onFileInput","files","uploadQueueDialogSaving","stopQueueLeftBehind","onUploadApply","watch","isUndefined","newValue","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","oldValue","onUnmounted","_component_ABtnSecondary","resolveComponent","openBlock","createElementBlock","Fragment","renderSlot","_ctx","unref","uploadAccept","uploadSizes","createVNode","withCtx","fileInputProps","VBtn","normalizeProps","guardReactiveProps","createTextVNode","toDisplayString","t","createCommentVNode","createElementVNode","normalizeClass","createBlock","VRow","VCol","VSelect","_cache","isRef","$event","assetListEnabledFilters","sidebarRight","resolveDynamicComponent","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VProgressCircular","VDialog","v","closeSidebarRight","VCard","VCardText","VCardActions","VSpacer","dialog","uploadQueueDialog"],"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":"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"}

package/dist/domains/dam/assetSelect/components/AAssetSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AAssetSelect.js","names":["_sfc_main","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AAssetSelect_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, provide, ref, shallowRef, watch, withModifiers } from 'vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, 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 AssetSelectFilter from '@/domains/dam/assetSelect/components/AssetSelectFilter.vue'\nimport {\n type AssetSelectReturnData,\n AssetSelectReturnType,\n type AssetSelectReturnTypeType,\n} from '@/domains/dam/types/AssetSelect'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, 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 { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n defineProps<{\n assetType: DamAssetTypeType\n inPodcast?: boolean \| null\n minCount: number\n maxCount: number\n selectLicences: IntegerId[]\n uploadLicence?: IntegerId \| undefined\n returnType?: AssetSelectReturnTypeType\n configName?: string\n skipCurrentUserCheck?: boolean\n }>(),\n {\n inPodcast: null,\n uploadLicence: undefined,\n returnType: AssetSelectReturnType.MainFileId,\n configName: undefined,\n skipCurrentUserCheck: false,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'confirm', data: AssetSelectReturnData): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\nconst ready = defineModel<boolean>('ready', { default: false, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst loading = ref(false)\nconst copyToLicence = ref(false)\n\nconst { t } = useI18n()\n\nconst {\n damClient,\n selectedCount,\n loader,\n pagination,\n fetchNextPage,\n fetchNextPageInView,\n getSelectedData,\n initStoreContext,\n detailLoading,\n fetchAssetListDebounced,\n reset,\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 { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n damClient,\n damConfigName\n)\n\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { mdAndUp } = useDisplay()\nconst { openSidebarLeft, closeSidebarRight, sidebarLeft, sidebarRight } = useSidebar()\nconst { showErrorT } = useAlerts()\n\nconst onOpen = () => {\n if (!ready.value) return\n let selectConfigLocal = cloneDeep(selectConfigs.value)\n if (!props.skipCurrentUserCheck) {\n selectConfigLocal = filterAllowedImageWidgetSelectConfigs(selectConfigs.value, damConfigName)\n }\n if (selectConfigLocal.length === 0) {\n showErrorT('common.assetSelect.error.unallowedLicence')\n // Not opened over no licence: it would list nothing, and the next press would not say why.\n modelValue.value = false\n return\n }\n\n reset()\n initStoreContext(\n selectConfigLocal,\n props.assetType,\n props.inPodcast,\n 1 === props.minCount && props.minCount === props.maxCount,\n props.minCount,\n props.maxCount\n )\n if (mdAndUp.value) openSidebarLeft()\n if (!mdAndUp.value) closeSidebarRight()\n modelValue.value = true\n}\n\nwatch(\n modelValue,\n async (newValue, oldValue) => {\n if (newValue === oldValue \|\| !newValue) return\n onOpen()\n },\n { immediate: true }\n)\n\nconst onClose = () => {\n modelValue.value = false\n reset()\n}\n\n// The switch as the user left it, for the picked assets of another licence than the one of the upload: the picked ones\n// outlive a change of the licence browsed, so the licence of each decides, not the one browsed now. One already in\n// the licence of the upload is not copied; the widget takes it as it is.\nconst getCopyToLicenceId = () => {\n if (\n copyToLicenceEnabled !== false &&\n props.assetType === DamAssetType.Image &&\n copyToLicence.value &&\n props.uploadLicence &&\n [...assetSelectStore.selectedAssets.values()].some(({ asset }) => asset.licence !== props.uploadLicence)\n ) {\n return props.uploadLicence\n }\n return undefined\n}\n\nconst onConfirm = () => {\n emit('confirm', getSelectedData(props.returnType, getCopyToLicenceId()))\n onClose()\n}\n\nconst { gridView } = useGridView()\n\nconst showCopyToLicence = computed(() => {\n return (\n copyToLicenceEnabled !== false &&\n props.assetType === DamAssetType.Image &&\n selectedLicenceId.value > 0 &&\n !isUndefined(props.uploadLicence) &&\n selectedLicenceId.value !== props.uploadLicence\n )\n})\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 disabledSubmit = computed(() => {\n return selectedCount.value < props.minCount \|\| selectedCount.value > props.maxCount\n})\n\nconst extId = computed(() => {\n if (selectConfigs.value.length === 0) return undefined\n if (selectedLicenceId.value > 0) {\n const found = selectConfigs.value.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\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\nonMounted(async () => {\n ready.value = false\n loading.value = true\n selectConfigs.value = await getOrLoadDamConfigExtSystemByLicences(props.selectLicences)\n loading.value = false\n ready.value = true\n})\n\nonUnmounted(() => {\n selectConfigs.value = []\n})\n\ndefineExpose({\n open: onOpen,\n})\n</script>\n\n<template>\n <div\n v-if=\"loading\"\n class=\"w-100 d-flex align-center justify-center\"\n >\n <VProgressCircular indeterminate />\n </div>\n <template v-else-if=\"ready && selectConfigs.length > 0\">\n <slot\n name=\"activator\"\n :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n />\n <VDialog\n v-model=\"modelValue\"\n fullscreen\n class=\"subject-select\"\n >\n <VCard\n v-if=\"modelValue\"\n class=\"subject-select__card\"\n >\n <ADialogToolbar\n class=\"subject-select__toolbar border-b\"\n @cancel=\"onClose\"\n >\n <slot name=\"title\">\n {{ t('common.assetSelect.meta.texts.title') }}\n </slot>\n </ADialogToolbar>\n <AssetSelectListBar\n v-model:sort=\"sortModel\"\n @sort-by-change=\"sortByChange\"\n />\n <div\n class=\"subject-select__main\"\n :class=\"{\n 'subject-select__main--sidebar-active': sidebarLeft,\n 'subject-select__main--sidebar-right-active': sidebarRight,\n }\"\n >\n <div class=\"subject-select__sidebar border-e\">\n <AssetSelectFilter :config-name=\"damConfigName\" />\n </div>\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 <slot name=\"button-confirm-title\">\n {{ t('common.button.loadMore') }}\n </slot>\n </ABtnSecondary>\n </div>\n </div>\n <div class=\"subject-select__sidebar-right border-s\">\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 />\n </div>\n </div>\n </div>\n <div class=\"subject-select__actions border-t\">\n <div v-if=\"props.minCount === props.maxCount\">\n {{\n t('common.assetSelect.meta.texts.pickExactCount', {\n count: props.minCount,\n selected: selectedCount,\n })\n }}\n </div>\n <div v-else>\n {{\n t('common.assetSelect.meta.texts.pickRangeCount', {\n minCount: props.minCount,\n maxCount: props.maxCount,\n selected: selectedCount,\n })\n }}\n </div>\n <VSpacer />\n <VSwitch\n v-if=\"showCopyToLicence\"\n v-model=\"copyToLicence\"\n :label=\"t('common.assetSelect.meta.texts.copyToLicence')\"\n hide-details\n class=\"mr-2\"\n />\n <ABtnPrimary\n :disabled=\"disabledSubmit\"\n @click.stop=\"onConfirm\"\n >\n <slot name=\"button-confirm-title\">\n {{ t('common.button.confirm') }}\n </slot>\n </ABtnPrimary>\n </div>\n </VCard>\n </VDialog>\n </template>\n <div v-else>{{ t('common.assetSelect.error.noSelectLicence') }}</div>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"AAssetSelect.js","names":["_sfc_main","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AAssetSelect_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, provide, ref, shallowRef, watch, withModifiers } from 'vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, 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 AssetSelectFilter from '@/domains/dam/assetSelect/components/AssetSelectFilter.vue'\nimport {\n type AssetSelectReturnData,\n AssetSelectReturnType,\n type AssetSelectReturnTypeType,\n} from '@/domains/dam/types/AssetSelect'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, 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 { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n defineProps<{\n assetType: DamAssetTypeType\n inPodcast?: boolean \| null\n minCount: number\n maxCount: number\n selectLicences: IntegerId[]\n uploadLicence?: IntegerId \| undefined\n returnType?: AssetSelectReturnTypeType\n configName?: string\n skipCurrentUserCheck?: boolean\n }>(),\n {\n inPodcast: null,\n uploadLicence: undefined,\n returnType: AssetSelectReturnType.MainFileId,\n configName: undefined,\n skipCurrentUserCheck: false,\n }\n)\n\nconst emit = defineEmits<{\n (e: 'confirm', data: AssetSelectReturnData): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\nconst ready = defineModel<boolean>('ready', { default: false, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst loading = ref(false)\nconst copyToLicence = ref(false)\n\nconst { t } = useI18n()\n\nconst {\n damClient,\n selectedCount,\n loader,\n pagination,\n fetchNextPage,\n fetchNextPageInView,\n getSelectedData,\n initStoreContext,\n detailLoading,\n fetchAssetListDebounced,\n reset,\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 { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n damClient,\n damConfigName\n)\n\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { mdAndUp } = useDisplay()\nconst { openSidebarLeft, closeSidebarRight, sidebarLeft, sidebarRight } = useSidebar()\nconst { showErrorT } = useAlerts()\n\nconst onOpen = () => {\n if (!ready.value) return\n let selectConfigLocal = cloneDeep(selectConfigs.value)\n if (!props.skipCurrentUserCheck) {\n selectConfigLocal = filterAllowedImageWidgetSelectConfigs(selectConfigs.value, damConfigName)\n }\n if (selectConfigLocal.length === 0) {\n showErrorT('common.assetSelect.error.unallowedLicence')\n // Not opened without a licence: it would list nothing, and the next press would not say why.\n modelValue.value = false\n return\n }\n\n reset()\n initStoreContext(\n selectConfigLocal,\n props.assetType,\n props.inPodcast,\n 1 === props.minCount && props.minCount === props.maxCount,\n props.minCount,\n props.maxCount\n )\n if (mdAndUp.value) openSidebarLeft()\n if (!mdAndUp.value) closeSidebarRight()\n modelValue.value = true\n}\n\nwatch(\n modelValue,\n async (newValue, oldValue) => {\n if (newValue === oldValue \|\| !newValue) return\n onOpen()\n },\n { immediate: true }\n)\n\nconst onClose = () => {\n modelValue.value = false\n reset()\n}\n\n// The copy switch as the user left it, for picked assets of another licence than the upload licence.\n// Picks survive a change of the browsed licence, so each asset's own licence decides.\n// Assets already in the upload licence are not copied. The widget takes them as they are.\nconst getCopyToLicenceId = () => {\n if (\n copyToLicenceEnabled !== false &&\n props.assetType === DamAssetType.Image &&\n copyToLicence.value &&\n props.uploadLicence &&\n [...assetSelectStore.selectedAssets.values()].some(({ asset }) => asset.licence !== props.uploadLicence)\n ) {\n return props.uploadLicence\n }\n return undefined\n}\n\nconst onConfirm = () => {\n emit('confirm', getSelectedData(props.returnType, getCopyToLicenceId()))\n onClose()\n}\n\nconst { gridView } = useGridView()\n\nconst showCopyToLicence = computed(() => {\n return (\n copyToLicenceEnabled !== false &&\n props.assetType === DamAssetType.Image &&\n selectedLicenceId.value > 0 &&\n !isUndefined(props.uploadLicence) &&\n selectedLicenceId.value !== props.uploadLicence\n )\n})\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 disabledSubmit = computed(() => {\n return selectedCount.value < props.minCount \|\| selectedCount.value > props.maxCount\n})\n\nconst extId = computed(() => {\n if (selectConfigs.value.length === 0) return undefined\n if (selectedLicenceId.value > 0) {\n const found = selectConfigs.value.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\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\nonMounted(async () => {\n ready.value = false\n loading.value = true\n selectConfigs.value = await getOrLoadDamConfigExtSystemByLicences(props.selectLicences)\n loading.value = false\n ready.value = true\n})\n\nonUnmounted(() => {\n selectConfigs.value = []\n})\n\ndefineExpose({\n open: onOpen,\n})\n</script>\n\n<template>\n <div\n v-if=\"loading\"\n class=\"w-100 d-flex align-center justify-center\"\n >\n <VProgressCircular indeterminate />\n </div>\n <template v-else-if=\"ready && selectConfigs.length > 0\">\n <slot\n name=\"activator\"\n :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n />\n <VDialog\n v-model=\"modelValue\"\n fullscreen\n class=\"subject-select\"\n >\n <VCard\n v-if=\"modelValue\"\n class=\"subject-select__card\"\n >\n <ADialogToolbar\n class=\"subject-select__toolbar border-b\"\n @cancel=\"onClose\"\n >\n <slot name=\"title\">\n {{ t('common.assetSelect.meta.texts.title') }}\n </slot>\n </ADialogToolbar>\n <AssetSelectListBar\n v-model:sort=\"sortModel\"\n @sort-by-change=\"sortByChange\"\n />\n <div\n class=\"subject-select__main\"\n :class=\"{\n 'subject-select__main--sidebar-active': sidebarLeft,\n 'subject-select__main--sidebar-right-active': sidebarRight,\n }\"\n >\n <div class=\"subject-select__sidebar border-e\">\n <AssetSelectFilter :config-name=\"damConfigName\" />\n </div>\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 <slot name=\"button-confirm-title\">\n {{ t('common.button.loadMore') }}\n </slot>\n </ABtnSecondary>\n </div>\n </div>\n <div class=\"subject-select__sidebar-right border-s\">\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 />\n </div>\n </div>\n </div>\n <div class=\"subject-select__actions border-t\">\n <div v-if=\"props.minCount === props.maxCount\">\n {{\n t('common.assetSelect.meta.texts.pickExactCount', {\n count: props.minCount,\n selected: selectedCount,\n })\n }}\n </div>\n <div v-else>\n {{\n t('common.assetSelect.meta.texts.pickRangeCount', {\n minCount: props.minCount,\n maxCount: props.maxCount,\n selected: selectedCount,\n })\n }}\n </div>\n <VSpacer />\n <VSwitch\n v-if=\"showCopyToLicence\"\n v-model=\"copyToLicence\"\n :label=\"t('common.assetSelect.meta.texts.copyToLicence')\"\n hide-details\n class=\"mr-2\"\n />\n <ABtnPrimary\n :disabled=\"disabledSubmit\"\n @click.stop=\"onConfirm\"\n >\n <slot name=\"button-confirm-title\">\n {{ t('common.button.confirm') }}\n </slot>\n </ABtnPrimary>\n </div>\n </VCard>\n </VDialog>\n </template>\n <div v-else>{{ t('common.assetSelect.error.noSelectLicence') }}</div>\n</template>\n"],"mappings":""}