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

package/dist/domains/dam/assetSelect/components/AAssetSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AAssetSelect.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_Fragment","_renderSlot","_component_VDialog","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","AssetSelectListBar","_createElementVNode","_normalizeClass","AssetSelectFilter","_resolveDynamicComponent","_createCommentVNode","_withDirectives","_vShow","_directive_intersect","AssetMetadata","_component_VSpacer","_component_VSwitch","_withModifiers","ADialogToolbar_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AssetSelectFilter_default","AssetMetadata_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AssetSelectReturnType","\"modelValue\"","\"modelModifiers\"","\"sort\"","\"sortModifiers\"","\"ready\"","\"readyModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","sortModel","ready","damConfigName","useDamConfigName","loading","ref","copyToLicence","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useCommonAdminCoreDamOptions","selectConfigs","shallowRef","useDisplay","useSidebar","useAlerts","onOpen","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","mdAndUp","openSidebarLeft","closeSidebarRight","newValue","oldValue","onClose","getCopyToLicenceId","copyToLicenceEnabled","DamAssetType","asset","onConfirm","getSelectedData","useGridView","showCopyToLicence","computed","selectedLicenceId","isUndefined","componentComputed","gridView","AssetSelectGridView","disabledSubmit","selectedCount","extId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","customFormConfigFailed","sortByChange","option","fetchAssetListDebounced","watch","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","onMounted","getOrLoadDamConfigExtSystemByLicences","onUnmounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","createVNode","VProgressCircular","Fragment","renderSlot","_ctx","withModifiers","VDialog","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","createElementVNode","normalizeClass","sidebarLeft","sidebarRight","resolveDynamicComponent","createCommentVNode","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VSpacer","VSwitch"],"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":"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"}
+{"version":3,"file":"AAssetSelect.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_Fragment","_renderSlot","_component_VDialog","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","AssetSelectListBar","_createElementVNode","_normalizeClass","AssetSelectFilter","_resolveDynamicComponent","_createCommentVNode","_withDirectives","_vShow","_directive_intersect","AssetMetadata","_component_VSpacer","_component_VSwitch","_withModifiers","ADialogToolbar_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AssetSelectFilter_default","AssetMetadata_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AssetSelectReturnType","\"modelValue\"","\"modelModifiers\"","\"sort\"","\"sortModifiers\"","\"ready\"","\"readyModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","sortModel","ready","damConfigName","useDamConfigName","loading","ref","copyToLicence","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useCommonAdminCoreDamOptions","selectConfigs","shallowRef","useDisplay","useSidebar","useAlerts","onOpen","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","mdAndUp","openSidebarLeft","closeSidebarRight","newValue","oldValue","onClose","getCopyToLicenceId","copyToLicenceEnabled","DamAssetType","asset","onConfirm","getSelectedData","useGridView","showCopyToLicence","computed","selectedLicenceId","isUndefined","componentComputed","gridView","AssetSelectGridView","disabledSubmit","selectedCount","extId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","customFormConfigFailed","sortByChange","option","fetchAssetListDebounced","watch","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","onMounted","getOrLoadDamConfigExtSystemByLicences","onUnmounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","createVNode","VProgressCircular","Fragment","renderSlot","_ctx","withModifiers","VDialog","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","createElementVNode","normalizeClass","sidebarLeft","sidebarRight","resolveDynamicComponent","createCommentVNode","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VSpacer","VSwitch"],"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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AAssetSelectMedia.js","names":["_sfc_main","AAssetSelectMedia_vue_vue_type_script_setup_true_lang_default","AAssetSelectMedia_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelectMedia.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 { 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    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\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  fetchAssetListDebounced,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  giveUpDetailRead,\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)\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId, assetType } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { openSidebarLeft, 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    assetType.value,\n    assetType.value === DamAssetType.Audio ? true : null,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  openSidebarLeft()\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    assetType.value === 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    assetType.value === 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 typeChange = () => {\n  assetSelectStore.reset(false)\n  // The read of a click in the list of the type left: its answer would show that asset beside the list of another type.\n  giveUpDetailRead()\n  assetDetailStore.reset()\n  fetchAssetListDebounced()\n}\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// Also as the type it lists changes: the custom fields of that type need not be loaded.\nwatch(\n  [extId, assetType],\n  async ([newValue, type]) => {\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    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 or a type the list has left since says nothing of what it lists now.\n      if (extId.value !== newValue || assetType.value !== type) 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=\"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          show-types\n          :preselect-asset-type=\"preselectAssetType\"\n          :preselect-in-podcast=\"preselectInPodcast\"\n          @type-change=\"typeChange\"\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 v-else>\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":""}
+{"version":3,"file":"AAssetSelectMedia.js","names":["_sfc_main","AAssetSelectMedia_vue_vue_type_script_setup_true_lang_default","AAssetSelectMedia_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelectMedia.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 { 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    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\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  fetchAssetListDebounced,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  giveUpDetailRead,\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)\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId, assetType } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { openSidebarLeft, 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    assetType.value,\n    assetType.value === DamAssetType.Audio ? true : null,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  openSidebarLeft()\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    assetType.value === 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    assetType.value === 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 typeChange = () => {\n  assetSelectStore.reset(false)\n  // Drop the pending read of a list click. Its answer would show that asset beside a list of another type.\n  giveUpDetailRead()\n  assetDetailStore.reset()\n  fetchAssetListDebounced()\n}\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// Also runs when the listed type changes, since that type's custom fields may not be loaded.\nwatch(\n  [extId, assetType],\n  async ([newValue, type]) => {\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    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 or type the list has since left.\n      if (extId.value !== newValue || assetType.value !== type) 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=\"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          show-types\n          :preselect-asset-type=\"preselectAssetType\"\n          :preselect-in-podcast=\"preselectInPodcast\"\n          @type-change=\"typeChange\"\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 v-else>\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":""}

package/dist/domains/dam/assetSelect/components/AAssetSelectMedia.vue.d.ts

@@ -18,20 +18,22 @@ type __VLS_ModelProps = {
     'ready'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {
-    props: {
-        onClick: () => void;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        activator?: (props: {
+            props: {
+                onClick: () => void;
+            };
+        }) => any;
+    } & {
+        title?: (props: {}) => any;
+    } & {
+        'button-confirm-title'?: (props: {}) => any;
+    } & {
+        'button-confirm-title'?: (props: {}) => any;
     };
-}, __VLS_28: {}, __VLS_56: {}, __VLS_86: {};
-type __VLS_Slots = {} & {
-    activator?: (props: typeof __VLS_6) => any;
-} & {
-    title?: (props: typeof __VLS_28) => any;
-} & {
-    'button-confirm-title'?: (props: typeof __VLS_56) => any;
-} & {
-    'button-confirm-title'?: (props: typeof __VLS_86) => any;
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     open: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {

package/dist/domains/dam/assetSelect/components/AAssetSelectMedia.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AAssetSelectMedia.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_Fragment","_renderSlot","_component_VDialog","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","AssetSelectListBar","_createElementVNode","_normalizeClass","AssetSelectFilter","_resolveDynamicComponent","_createCommentVNode","_withDirectives","_vShow","_directive_intersect","AssetMetadata","_component_VSpacer","_component_VSwitch","_withModifiers","ADialogToolbar_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AssetSelectFilter_default","AssetMetadata_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","AAssetSelectMedia_vue_vue_type_script_setup_true_lang_default","AssetSelectReturnType","\"modelValue\"","\"modelModifiers\"","\"sort\"","\"sortModifiers\"","\"ready\"","\"readyModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","sortModel","ready","damConfigName","useDamConfigName","loading","ref","copyToLicence","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useCommonAdminCoreDamOptions","selectConfigs","shallowRef","useSidebar","useAlerts","onOpen","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","assetType","DamAssetType","openSidebarLeft","newValue","oldValue","onClose","getCopyToLicenceId","copyToLicenceEnabled","asset","onConfirm","getSelectedData","useGridView","showCopyToLicence","computed","selectedLicenceId","isUndefined","componentComputed","gridView","AssetSelectGridView","disabledSubmit","selectedCount","extId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","customFormConfigFailed","typeChange","giveUpDetailRead","fetchAssetListDebounced","sortByChange","option","watch","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","onMounted","getOrLoadDamConfigExtSystemByLicences","onUnmounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","createVNode","VProgressCircular","Fragment","renderSlot","_ctx","withModifiers","VDialog","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","createElementVNode","normalizeClass","sidebarLeft","sidebarRight","resolveDynamicComponent","createCommentVNode","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VSpacer","VSwitch"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelectMedia.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 { 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    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\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  fetchAssetListDebounced,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  giveUpDetailRead,\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)\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId, assetType } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { openSidebarLeft, 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    assetType.value,\n    assetType.value === DamAssetType.Audio ? true : null,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  openSidebarLeft()\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    assetType.value === 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    assetType.value === 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 typeChange = () => {\n  assetSelectStore.reset(false)\n  // The read of a click in the list of the type left: its answer would show that asset beside the list of another type.\n  giveUpDetailRead()\n  assetDetailStore.reset()\n  fetchAssetListDebounced()\n}\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// Also as the type it lists changes: the custom fields of that type need not be loaded.\nwatch(\n  [extId, assetType],\n  async ([newValue, type]) => {\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    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 or a type the list has left since says nothing of what it lists now.\n      if (extId.value !== newValue || assetType.value !== type) 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=\"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          show-types\n          :preselect-asset-type=\"preselectAssetType\"\n          :preselect-in-podcast=\"preselectInPodcast\"\n          @type-change=\"typeChange\"\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 v-else>\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":"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"}
+{"version":3,"file":"AAssetSelectMedia.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_Fragment","_renderSlot","_component_VDialog","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","AssetSelectListBar","_createElementVNode","_normalizeClass","AssetSelectFilter","_resolveDynamicComponent","_createCommentVNode","_withDirectives","_vShow","_directive_intersect","AssetMetadata","_component_VSpacer","_component_VSwitch","_withModifiers","ADialogToolbar_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AssetSelectFilter_default","AssetMetadata_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","AAssetSelectMedia_vue_vue_type_script_setup_true_lang_default","AssetSelectReturnType","\"modelValue\"","\"modelModifiers\"","\"sort\"","\"sortModifiers\"","\"ready\"","\"readyModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","sortModel","ready","damConfigName","useDamConfigName","loading","ref","copyToLicence","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useCommonAdminCoreDamOptions","selectConfigs","shallowRef","useSidebar","useAlerts","onOpen","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","assetType","DamAssetType","openSidebarLeft","newValue","oldValue","onClose","getCopyToLicenceId","copyToLicenceEnabled","asset","onConfirm","getSelectedData","useGridView","showCopyToLicence","computed","selectedLicenceId","isUndefined","componentComputed","gridView","AssetSelectGridView","disabledSubmit","selectedCount","extId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","customFormConfigFailed","typeChange","giveUpDetailRead","fetchAssetListDebounced","sortByChange","option","watch","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","onMounted","getOrLoadDamConfigExtSystemByLicences","onUnmounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","createVNode","VProgressCircular","Fragment","renderSlot","_ctx","withModifiers","VDialog","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","createElementVNode","normalizeClass","sidebarLeft","sidebarRight","resolveDynamicComponent","createCommentVNode","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VSpacer","VSwitch"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelectMedia.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 { 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    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\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  fetchAssetListDebounced,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  giveUpDetailRead,\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)\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId, assetType } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { openSidebarLeft, 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    assetType.value,\n    assetType.value === DamAssetType.Audio ? true : null,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  openSidebarLeft()\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    assetType.value === 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    assetType.value === 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 typeChange = () => {\n  assetSelectStore.reset(false)\n  // Drop the pending read of a list click. Its answer would show that asset beside a list of another type.\n  giveUpDetailRead()\n  assetDetailStore.reset()\n  fetchAssetListDebounced()\n}\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// Also runs when the listed type changes, since that type's custom fields may not be loaded.\nwatch(\n  [extId, assetType],\n  async ([newValue, type]) => {\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    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 or type the list has since left.\n      if (extId.value !== newValue || assetType.value !== type) 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=\"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          show-types\n          :preselect-asset-type=\"preselectAssetType\"\n          :preselect-in-podcast=\"preselectInPodcast\"\n          @type-change=\"typeChange\"\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 v-else>\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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AssetDistributionServiceNameFilter.js","names":["_sfc_main","AssetDistributionServiceNameFilter_vue_vue_type_script_setup_true_lang_default","AssetDistributionServiceNameFilter_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport AFilterValueObjectOptionsSelect from '@/domains/filters/components/AFilterValueObjectOptionsSelect.vue'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n\n// The name first: a configuration the application has not got throws here, and gets no store.\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\nconst { loadDamPrvConfig } = useDamConfigState(damClient, damConfigName)\n\nconst items = computed(() => {\n  return Object.entries(damConfigStore.damPrvConfig.distributionServices).map(([key, value]) => {\n    return {\n      title: value.title,\n      value: key,\n    }\n  })\n})\n\nonMounted(async () => {\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"status === 'loading'\"\n    class=\"d-flex w-100 align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <div v-else-if=\"status === 'error'\">\n    {{ t('common.assetSelect.error.loadingDistributionServices') }}\n  </div>\n  <AFilterValueObjectOptionsSelect\n    v-else\n    :name=\"name\"\n    :items=\"items\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetDistributionServiceNameFilter.js","names":["_sfc_main","AssetDistributionServiceNameFilter_vue_vue_type_script_setup_true_lang_default","AssetDistributionServiceNameFilter_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport AFilterValueObjectOptionsSelect from '@/domains/filters/components/AFilterValueObjectOptionsSelect.vue'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n\n// Resolve the options first: an unknown configuration throws here and gets no store.\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\nconst { loadDamPrvConfig } = useDamConfigState(damClient, damConfigName)\n\nconst items = computed(() => {\n  return Object.entries(damConfigStore.damPrvConfig.distributionServices).map(([key, value]) => {\n    return {\n      title: value.title,\n      value: key,\n    }\n  })\n})\n\nonMounted(async () => {\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"status === 'loading'\"\n    class=\"d-flex w-100 align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <div v-else-if=\"status === 'error'\">\n    {{ t('common.assetSelect.error.loadingDistributionServices') }}\n  </div>\n  <AFilterValueObjectOptionsSelect\n    v-else\n    :name=\"name\"\n    :items=\"items\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetDistributionServiceNameFilter.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_toDisplayString","_unref","_createBlock","AFilterValueObjectOptionsSelect","AFilterValueObjectOptionsSelect_default","_hoisted_1","_hoisted_2","AssetDistributionServiceNameFilter_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","useCommonAdminCoreDamOptions","damConfigStore","useDamConfigStoreOf","useDamConfigState","damClient","items","computed","key","value","promises","loadDamPrvConfig","useI18n","openBlock","createElementBlock","createVNode","VProgressCircular","toDisplayString","unref","t","createBlock","_cache"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport AFilterValueObjectOptionsSelect from '@/domains/filters/components/AFilterValueObjectOptionsSelect.vue'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n\n// The name first: a configuration the application has not got throws here, and gets no store.\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\nconst { loadDamPrvConfig } = useDamConfigState(damClient, damConfigName)\n\nconst items = computed(() => {\n  return Object.entries(damConfigStore.damPrvConfig.distributionServices).map(([key, value]) => {\n    return {\n      title: value.title,\n      value: key,\n    }\n  })\n})\n\nonMounted(async () => {\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"status === 'loading'\"\n    class=\"d-flex w-100 align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <div v-else-if=\"status === 'error'\">\n    {{ t('common.assetSelect.error.loadingDistributionServices') }}\n  </div>\n  <AFilterValueObjectOptionsSelect\n    v-else\n    :name=\"name\"\n    :items=\"items\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EASA,IAAMa,IAAQC,GASRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjDK,IAASC,EAAmC,SAAS,GAGrD,EAAE,iBAAcC,EAA6BJ,CAAa,GAC1DK,IAAiBC,EAAoBN,CAAa,GAClD,EAAE,wBAAqBO,EAAkBC,GAAWR,CAAa,GAEjES,IAAQC,QACL,OAAO,QAAQL,EAAe,aAAa,oBAAoB,CAAC,CAAC,KAAK,CAACM,GAAKC,QAC1E;GACL,OAAOA,EAAM;GACb,OAAOD;EACT,EACD,CACF;EAED,EAAU,YAAY;GACpB,IAAME,IAA2B,CAAC;GAClC,AAAKR,EAAe,YAAY,gBAC9BQ,EAAS,KAAKC,EAAiB,CAAC;GAElC,IAAI;IACF,MAAM,QAAQ,IAAID,CAAQ;GAC5B,QAAY;IACV,EAAO,QAAQ;GACjB;GACA,AAAIX,EAAO,UAAU,YAAS,EAAO,QAAQ;EAC/C,CAAC;EAED,IAAM,EAAE,SAAMa,EAAQ;E,iBAKZb,EAAA,UAAM,aADdlB,EAAA,GAAAC,EAKM,OALNQ,GAKM,CADJP,EAAmCC,GAAA,EAAhB,eAAA,GAAa,CAAA,C,MAElBe,EAAA,UAAM,WAAtBlB,EAAA,GAAAC,EAEM,OAAAS,GAAAN,EADDC,EAAAiC,CAAA,CAAC,CAAA,sDAAA,CAAA,GAAA,CAAA,MAENtC,EAAA,GAAAM,EAKEC,GAAA;;GAHC,MAAMO,EAAA;GACN,OAAOW,EAAA;GACP,UAAM,AAAAe,EAAA,QAAA,MAAEzB,EAAI,QAAA"}
+{"version":3,"file":"AssetDistributionServiceNameFilter.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_toDisplayString","_unref","_createBlock","AFilterValueObjectOptionsSelect","AFilterValueObjectOptionsSelect_default","_hoisted_1","_hoisted_2","AssetDistributionServiceNameFilter_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","damConfigName","useDamConfigName","status","ref","useCommonAdminCoreDamOptions","damConfigStore","useDamConfigStoreOf","useDamConfigState","damClient","items","computed","key","value","promises","loadDamPrvConfig","useI18n","openBlock","createElementBlock","createVNode","VProgressCircular","toDisplayString","unref","t","createBlock","_cache"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport AFilterValueObjectOptionsSelect from '@/domains/filters/components/AFilterValueObjectOptionsSelect.vue'\nimport { useDamConfigStoreOf } from '@/domains/dam/config/store/damConfigStore'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport { useI18n } from 'vue-i18n'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    configName?: string\n  }>(),\n  {\n    configName: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst status = ref<'loading' | 'ready' | 'error'>('loading')\n\n// Resolve the options first: an unknown configuration throws here and gets no store.\nconst { damClient } = useCommonAdminCoreDamOptions(damConfigName)\nconst damConfigStore = useDamConfigStoreOf(damConfigName)\nconst { loadDamPrvConfig } = useDamConfigState(damClient, damConfigName)\n\nconst items = computed(() => {\n  return Object.entries(damConfigStore.damPrvConfig.distributionServices).map(([key, value]) => {\n    return {\n      title: value.title,\n      value: key,\n    }\n  })\n})\n\nonMounted(async () => {\n  const promises: Promise<any>[] = []\n  if (!damConfigStore.initialized.damPrvConfig) {\n    promises.push(loadDamPrvConfig())\n  }\n  try {\n    await Promise.all(promises)\n  } catch (e) {\n    status.value = 'error'\n  }\n  if (status.value !== 'error') status.value = 'ready'\n})\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <div\n    v-if=\"status === 'loading'\"\n    class=\"d-flex w-100 align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <div v-else-if=\"status === 'error'\">\n    {{ t('common.assetSelect.error.loadingDistributionServices') }}\n  </div>\n  <AFilterValueObjectOptionsSelect\n    v-else\n    :name=\"name\"\n    :items=\"items\"\n    @change=\"emit('change')\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EASA,IAAMa,IAAQC,GASRC,IAAOH,GAIPI,IAAgBC,EAAiBJ,EAAM,UAAU,GAEjDK,IAASC,EAAmC,SAAS,GAGrD,EAAE,iBAAcC,EAA6BJ,CAAa,GAC1DK,IAAiBC,EAAoBN,CAAa,GAClD,EAAE,wBAAqBO,EAAkBC,GAAWR,CAAa,GAEjES,IAAQC,QACL,OAAO,QAAQL,EAAe,aAAa,oBAAoB,CAAC,CAAC,KAAK,CAACM,GAAKC,QAC1E;GACL,OAAOA,EAAM;GACb,OAAOD;EACT,EACD,CACF;EAED,EAAU,YAAY;GACpB,IAAME,IAA2B,CAAC;GAClC,AAAKR,EAAe,YAAY,gBAC9BQ,EAAS,KAAKC,EAAiB,CAAC;GAElC,IAAI;IACF,MAAM,QAAQ,IAAID,CAAQ;GAC5B,QAAY;IACV,EAAO,QAAQ;GACjB;GACA,AAAIX,EAAO,UAAU,YAAS,EAAO,QAAQ;EAC/C,CAAC;EAED,IAAM,EAAE,SAAMa,EAAQ;E,iBAKZb,EAAA,UAAM,aADdlB,EAAA,GAAAC,EAKM,OALNQ,GAKM,CADJP,EAAmCC,GAAA,EAAhB,eAAA,GAAa,CAAA,C,MAElBe,EAAA,UAAM,WAAtBlB,EAAA,GAAAC,EAEM,OAAAS,GAAAN,EADDC,EAAAiC,CAAA,CAAC,CAAA,sDAAA,CAAA,GAAA,CAAA,MAENtC,EAAA,GAAAM,EAKEC,GAAA;;GAHC,MAAMO,EAAA;GACN,OAAOW,EAAA;GACP,UAAM,AAAAe,EAAA,QAAA,MAAEzB,EAAI,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"AssetSelectListBar.js","names":["_sfc_main","AssetSelectListBar_vue_vue_type_script_setup_true_lang_default","AssetSelectListBar_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetSelectGridView,\n  AssetSelectGridViewDefault,\n  useGridView,\n} from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport {\n  type DatatableOrderingOption,\n  SORT_BY_SCORE_BEST,\n  SORT_BY_SCORE_DATE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    showTypes?: boolean\n    disableSort?: boolean\n    hideFilterToggle?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    showTypes: false,\n    disableSort: false,\n    hideFilterToggle: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'typeChange', data: { type: DamAssetTypeType; inPodcast: boolean | null }): void\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n\nconst { t } = useI18n()\nconst { gridView, setGridView } = useGridView()\nconst { mdAndDown } = useDisplay()\n\nwatch(\n  mdAndDown,\n  (isMobile) => {\n    if (isMobile && gridView.value === AssetSelectGridView.Table) {\n      setGridView(AssetSelectGridViewDefault)\n    }\n  },\n  { immediate: true }\n)\nconst { toggleSidebarLeft, sidebarLeft, toggleSidebarRight, sidebarRight } = useSidebar()\nconst assetSelectStore = useAssetSelectStore()\nconst { filterData } = useAssetListFilter()\nconst { assetType, inPodcast } = storeToRefs(assetSelectStore)\n\nconst isImageActive = computed(() => {\n  return assetType.value === DamAssetType.Image\n})\n\nconst isVideoActive = computed(() => {\n  return assetType.value === DamAssetType.Video\n})\n\nconst isPodcastActive = computed(() => {\n  return assetType.value === DamAssetType.Audio && inPodcast.value === true\n})\n\nconst setFilterImage = () => {\n  assetType.value = DamAssetType.Image\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Image, inPodcast: null })\n}\n\nconst setFilterVideo = () => {\n  assetType.value = DamAssetType.Video\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Video, inPodcast: null })\n}\n\nconst setFilterPodcast = () => {\n  assetType.value = DamAssetType.Audio\n  inPodcast.value = true\n  emit('typeChange', { type: DamAssetType.Audio, inPodcast: true })\n}\n\nconst customSortOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE_BEST, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Asc },\n  },\n]\n\n// The pagination is shared by every asset select, so a dialog can open on a sort chosen in another one.\n// The ordering then adopts it, and that adoption must not reach the parent as a change -- it would fetch again.\nconst onSortUpdate = (option: DatatableOrderingOption, pagination: Ref<Pagination>) => {\n  const current = pagination.value.sortBy\n  if (current?.key === option.sortBy?.key && current?.order === option.sortBy?.order) return\n  emit('sortByChange', option)\n}\n\nonMounted(() => {\n  if (props.preselectAssetType === DamAssetType.Audio && props.preselectInPodcast) {\n    setFilterPodcast()\n    return\n  }\n  if (props.preselectAssetType === DamAssetType.Video) {\n    setFilterVideo()\n  }\n})\n</script>\n\n<template>\n  <VToolbar\n    density=\"compact\"\n    color=\"transparent\"\n    :height=\"46\"\n    elevation=\"0\"\n    :class=\"hideFilterToggle ? '' : 'border-b'\"\n    class=\"subject-select__second-bar\"\n  >\n    <slot name=\"second-bar\">\n      <div class=\"d-flex flex-column w-100 px-1 align-center\">\n        <div class=\"d-flex justify-space-between w-100 align-center\">\n          <div class=\"d-flex align-center\">\n            <VBtn\n              v-if=\"!hideFilterToggle\"\n              :aria-label=\"t('common.assetSelect.meta.filter.toggle')\"\n              icon\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarLeft\"\n              @click=\"toggleSidebarLeft\"\n            >\n              <VIcon\n                icon=\"mdi-tune\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.filter.toggle') }}\n              </VTooltip>\n            </VBtn>\n            <template v-if=\"showTypes\">\n              <VDivider\n                vertical\n                class=\"ml-1 mr-2 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.image')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-image-types\"\n                :active=\"isImageActive\"\n                :color=\"isImageActive ? 'secondary' : ''\"\n                :variant=\"isImageActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterImage\"\n              >\n                <VIcon\n                  icon=\"mdi-image\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.image') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.video')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-video-types\"\n                :active=\"isVideoActive\"\n                :color=\"isVideoActive ? 'secondary' : ''\"\n                :variant=\"isVideoActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterVideo\"\n              >\n                <VIcon\n                  icon=\"mdi-video\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.video') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.filter.inPodcast')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                data-cy=\"button-in-podcast-types\"\n                :active=\"isPodcastActive\"\n                :color=\"isPodcastActive ? 'secondary' : ''\"\n                :variant=\"isPodcastActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterPodcast\"\n              >\n                <VIcon\n                  icon=\"mdi-podcast\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.filter.inPodcast') }}\n                </VTooltip>\n              </VBtn>\n            </template>\n            <slot name=\"second-bar-left\" />\n          </div>\n          <div class=\"d-flex align-center\">\n            <slot name=\"second-bar-right\" />\n            <ADatatableOrdering\n              v-if=\"!disableSort\"\n              v-model=\"sortModel\"\n              :custom-options=\"customSortOptions\"\n              :pagination-update-custom-cb=\"onSortUpdate\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.masonry')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Masonry)\"\n            >\n              <VIcon icon=\"mdi-view-compact\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.masonry') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.thumbnail')\"\n              icon\n              class=\"text-medium-emphasis\"\n              size=\"x-small\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Thumbnail)\"\n            >\n              <VIcon icon=\"mdi-view-grid\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.thumbnail') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              v-if=\"!mdAndDown\"\n              :aria-label=\"t('common.assetSelect.meta.grid.table')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Table)\"\n            >\n              <VIcon icon=\"mdi-view-headline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.table') }}\n              </VTooltip>\n            </VBtn>\n            <VDivider\n              vertical\n              class=\"mx-1 my-2\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.info.toggle')\"\n              icon\n              class=\"text-medium-emphasis\"\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarRight\"\n              @click=\"toggleSidebarRight\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.info.toggle') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </div>\n      </div>\n    </slot>\n  </VToolbar>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AssetSelectListBar.js","names":["_sfc_main","AssetSelectListBar_vue_vue_type_script_setup_true_lang_default","AssetSelectListBar_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetSelectListBar.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport {\n  AssetSelectGridView,\n  AssetSelectGridViewDefault,\n  useGridView,\n} from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport { computed, onMounted, type Ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport ADatatableOrdering from '@/domains/filters/datatable/components/ADatatableOrdering.vue'\nimport {\n  type DatatableOrderingOption,\n  SORT_BY_SCORE_BEST,\n  SORT_BY_SCORE_DATE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    showTypes?: boolean\n    disableSort?: boolean\n    hideFilterToggle?: boolean\n    preselectAssetType?: DamAssetTypeType | undefined\n    preselectInPodcast?: boolean | null | undefined\n  }>(),\n  {\n    showTypes: false,\n    disableSort: false,\n    hideFilterToggle: false,\n    preselectAssetType: undefined,\n    preselectInPodcast: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'typeChange', data: { type: DamAssetTypeType; inPodcast: boolean | null }): void\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n\nconst { t } = useI18n()\nconst { gridView, setGridView } = useGridView()\nconst { mdAndDown } = useDisplay()\n\nwatch(\n  mdAndDown,\n  (isMobile) => {\n    if (isMobile && gridView.value === AssetSelectGridView.Table) {\n      setGridView(AssetSelectGridViewDefault)\n    }\n  },\n  { immediate: true }\n)\nconst { toggleSidebarLeft, sidebarLeft, toggleSidebarRight, sidebarRight } = useSidebar()\nconst assetSelectStore = useAssetSelectStore()\nconst { filterData } = useAssetListFilter()\nconst { assetType, inPodcast } = storeToRefs(assetSelectStore)\n\nconst isImageActive = computed(() => {\n  return assetType.value === DamAssetType.Image\n})\n\nconst isVideoActive = computed(() => {\n  return assetType.value === DamAssetType.Video\n})\n\nconst isPodcastActive = computed(() => {\n  return assetType.value === DamAssetType.Audio && inPodcast.value === true\n})\n\nconst setFilterImage = () => {\n  assetType.value = DamAssetType.Image\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Image, inPodcast: null })\n}\n\nconst setFilterVideo = () => {\n  assetType.value = DamAssetType.Video\n  inPodcast.value = null\n  filterData.podcastIds = []\n  emit('typeChange', { type: DamAssetType.Video, inPodcast: null })\n}\n\nconst setFilterPodcast = () => {\n  assetType.value = DamAssetType.Audio\n  inPodcast.value = true\n  emit('typeChange', { type: DamAssetType.Audio, inPodcast: true })\n}\n\nconst customSortOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE_BEST, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: SORT_BY_SCORE_DATE, order: SortOrder.Asc },\n  },\n]\n\n// Pagination is shared by every asset select, so a dialog can open with a sort chosen in another one.\n// The ordering then adopts it. That adoption must not be emitted as a change, or the parent would fetch again.\nconst onSortUpdate = (option: DatatableOrderingOption, pagination: Ref<Pagination>) => {\n  const current = pagination.value.sortBy\n  if (current?.key === option.sortBy?.key && current?.order === option.sortBy?.order) return\n  emit('sortByChange', option)\n}\n\nonMounted(() => {\n  if (props.preselectAssetType === DamAssetType.Audio && props.preselectInPodcast) {\n    setFilterPodcast()\n    return\n  }\n  if (props.preselectAssetType === DamAssetType.Video) {\n    setFilterVideo()\n  }\n})\n</script>\n\n<template>\n  <VToolbar\n    density=\"compact\"\n    color=\"transparent\"\n    :height=\"46\"\n    elevation=\"0\"\n    :class=\"hideFilterToggle ? '' : 'border-b'\"\n    class=\"subject-select__second-bar\"\n  >\n    <slot name=\"second-bar\">\n      <div class=\"d-flex flex-column w-100 px-1 align-center\">\n        <div class=\"d-flex justify-space-between w-100 align-center\">\n          <div class=\"d-flex align-center\">\n            <VBtn\n              v-if=\"!hideFilterToggle\"\n              :aria-label=\"t('common.assetSelect.meta.filter.toggle')\"\n              icon\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarLeft\"\n              @click=\"toggleSidebarLeft\"\n            >\n              <VIcon\n                icon=\"mdi-tune\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.filter.toggle') }}\n              </VTooltip>\n            </VBtn>\n            <template v-if=\"showTypes\">\n              <VDivider\n                vertical\n                class=\"ml-1 mr-2 my-2\"\n              />\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.image')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-image-types\"\n                :active=\"isImageActive\"\n                :color=\"isImageActive ? 'secondary' : ''\"\n                :variant=\"isImageActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterImage\"\n              >\n                <VIcon\n                  icon=\"mdi-image\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.image') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.assetType.video')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                class=\"mr-1\"\n                data-cy=\"button-video-types\"\n                :active=\"isVideoActive\"\n                :color=\"isVideoActive ? 'secondary' : ''\"\n                :variant=\"isVideoActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterVideo\"\n              >\n                <VIcon\n                  icon=\"mdi-video\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.assetType.video') }}\n                </VTooltip>\n              </VBtn>\n              <VBtn\n                :aria-label=\"t('common.assetSelect.filter.inPodcast')\"\n                icon\n                :width=\"30\"\n                :height=\"30\"\n                data-cy=\"button-in-podcast-types\"\n                :active=\"isPodcastActive\"\n                :color=\"isPodcastActive ? 'secondary' : ''\"\n                :variant=\"isPodcastActive ? 'flat' : 'text'\"\n                @click.stop=\"setFilterPodcast\"\n              >\n                <VIcon\n                  icon=\"mdi-podcast\"\n                  :size=\"16\"\n                />\n                <VTooltip\n                  activator=\"parent\"\n                  location=\"bottom\"\n                >\n                  {{ t('common.assetSelect.filter.inPodcast') }}\n                </VTooltip>\n              </VBtn>\n            </template>\n            <slot name=\"second-bar-left\" />\n          </div>\n          <div class=\"d-flex align-center\">\n            <slot name=\"second-bar-right\" />\n            <ADatatableOrdering\n              v-if=\"!disableSort\"\n              v-model=\"sortModel\"\n              :custom-options=\"customSortOptions\"\n              :pagination-update-custom-cb=\"onSortUpdate\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.masonry')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Masonry)\"\n            >\n              <VIcon icon=\"mdi-view-compact\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.masonry') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.grid.thumbnail')\"\n              icon\n              class=\"text-medium-emphasis\"\n              size=\"x-small\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Thumbnail)\"\n            >\n              <VIcon icon=\"mdi-view-grid\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.thumbnail') }}\n              </VTooltip>\n            </VBtn>\n            <VBtn\n              v-if=\"!mdAndDown\"\n              :aria-label=\"t('common.assetSelect.meta.grid.table')\"\n              size=\"x-small\"\n              icon\n              class=\"text-medium-emphasis\"\n              variant=\"text\"\n              @click.stop=\"setGridView(AssetSelectGridView.Table)\"\n            >\n              <VIcon icon=\"mdi-view-headline\" />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.grid.table') }}\n              </VTooltip>\n            </VBtn>\n            <VDivider\n              vertical\n              class=\"mx-1 my-2\"\n            />\n            <VBtn\n              :aria-label=\"t('common.assetSelect.meta.info.toggle')\"\n              icon\n              class=\"text-medium-emphasis\"\n              :width=\"30\"\n              :height=\"30\"\n              :active=\"sidebarRight\"\n              @click=\"toggleSidebarRight\"\n            >\n              <VIcon\n                icon=\"mdi-information-outline\"\n                :size=\"16\"\n              />\n              <VTooltip\n                activator=\"parent\"\n                location=\"bottom\"\n              >\n                {{ t('common.assetSelect.meta.info.toggle') }}\n              </VTooltip>\n            </VBtn>\n          </div>\n        </div>\n      </div>\n    </slot>\n  </VToolbar>\n</template>\n"],"mappings":""}

package/dist/domains/dam/assetSelect/components/AssetSelectListBar.vue.d.ts

@@ -11,14 +11,16 @@ type __VLS_ModelProps = {
     'sort'?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_7: {}, __VLS_90: {}, __VLS_92: {};
-type __VLS_Slots = {} & {
-    'second-bar'?: (props: typeof __VLS_7) => any;
-} & {
-    'second-bar-left'?: (props: typeof __VLS_90) => any;
-} & {
-    'second-bar-right'?: (props: typeof __VLS_92) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        'second-bar'?: (props: {}) => any;
+    } & {
+        'second-bar-left'?: (props: {}) => any;
+    } & {
+        'second-bar-right'?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:sort": (value: number) => any;
 } & {