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

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

@@ -1 +1 @@
-{"version":3,"file":"AAssetSelect.js","names":["_sfc_main","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AAssetSelect_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, provide, ref, shallowRef, watch, withModifiers } from 'vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilter from '@/domains/dam/assetSelect/components/AssetSelectFilter.vue'\nimport {\n  type AssetSelectReturnData,\n  AssetSelectReturnType,\n  type AssetSelectReturnTypeType,\n} from '@/domains/dam/types/AssetSelect'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    inPodcast?: boolean | null\n    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    inPodcast: null,\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'confirm', data: AssetSelectReturnData): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\nconst ready = defineModel<boolean>('ready', { default: false, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst loading = ref(false)\nconst copyToLicence = ref(false)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  selectedCount,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  fetchAssetListDebounced,\n  reset,\n} = useAssetSelectActions(damConfigName)\n// The ordering in the list bar reads this; without it the dialog would pick up the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { mdAndUp } = useDisplay()\nconst { openSidebarLeft, closeSidebarRight, sidebarLeft, sidebarRight } = useSidebar()\nconst { showErrorT } = useAlerts()\n\nconst onOpen = () => {\n  if (!ready.value) return\n  let selectConfigLocal = cloneDeep(selectConfigs.value)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(selectConfigs.value, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    // Not opened over no licence: it would list nothing, and the next press would not say why.\n    modelValue.value = false\n    return\n  }\n\n  reset()\n  initStoreContext(\n    selectConfigLocal,\n    props.assetType,\n    props.inPodcast,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  if (mdAndUp.value) openSidebarLeft()\n  if (!mdAndUp.value) closeSidebarRight()\n  modelValue.value = true\n}\n\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue || !newValue) return\n    onOpen()\n  },\n  { immediate: true }\n)\n\nconst onClose = () => {\n  modelValue.value = false\n  reset()\n}\n\n// The switch as the user left it, for the picked assets of another licence than the one of the upload: the picked ones\n// outlive a change of the licence browsed, so the licence of each decides, not the one browsed now. One already in\n// the licence of the upload is not copied; the widget takes it as it is.\nconst getCopyToLicenceId = () => {\n  if (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    copyToLicence.value &&\n    props.uploadLicence &&\n    [...assetSelectStore.selectedAssets.values()].some(({ asset }) => asset.licence !== props.uploadLicence)\n  ) {\n    return props.uploadLicence\n  }\n  return undefined\n}\n\nconst onConfirm = () => {\n  emit('confirm', getSelectedData(props.returnType, getCopyToLicenceId()))\n  onClose()\n}\n\nconst { gridView } = useGridView()\n\nconst showCopyToLicence = computed(() => {\n  return (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    selectedLicenceId.value > 0 &&\n    !isUndefined(props.uploadLicence) &&\n    selectedLicenceId.value !== props.uploadLicence\n  )\n})\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedCount.value < props.minCount || selectedCount.value > props.maxCount\n})\n\nconst extId = computed(() => {\n  if (selectConfigs.value.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = selectConfigs.value.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The configuration of the custom fields could not be read: the side panel says so, in place of the form of the\n// asset, which cannot be drawn without it. It used to load without an end.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // The custom fields of the type it lists: every type of the ext system where it has none yet, else that type alone\n    // where its read failed before. The types loaded are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // The answer for an ext system the list has left since says nothing of the one it lists now.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nonMounted(async () => {\n  ready.value = false\n  loading.value = true\n  selectConfigs.value = await getOrLoadDamConfigExtSystemByLicences(props.selectLicences)\n  loading.value = false\n  ready.value = true\n})\n\nonUnmounted(() => {\n  selectConfigs.value = []\n})\n\ndefineExpose({\n  open: onOpen,\n})\n</script>\n\n<template>\n  <div\n    v-if=\"loading\"\n    class=\"w-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <template v-else-if=\"ready && selectConfigs.length > 0\">\n    <slot\n      name=\"activator\"\n      :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n    />\n    <VDialog\n      v-model=\"modelValue\"\n      fullscreen\n      class=\"subject-select\"\n    >\n      <VCard\n        v-if=\"modelValue\"\n        class=\"subject-select__card\"\n      >\n        <ADialogToolbar\n          class=\"subject-select__toolbar border-b\"\n          @cancel=\"onClose\"\n        >\n          <slot name=\"title\">\n            {{ t('common.assetSelect.meta.texts.title') }}\n          </slot>\n        </ADialogToolbar>\n        <AssetSelectListBar\n          v-model:sort=\"sortModel\"\n          @sort-by-change=\"sortByChange\"\n        />\n        <div\n          class=\"subject-select__main\"\n          :class=\"{\n            'subject-select__main--sidebar-active': sidebarLeft,\n            'subject-select__main--sidebar-right-active': sidebarRight,\n          }\"\n        >\n          <div class=\"subject-select__sidebar border-e\">\n            <AssetSelectFilter :config-name=\"damConfigName\" />\n          </div>\n          <div class=\"subject-select__content\">\n            <component\n              :is=\"componentComputed\"\n              v-if=\"extId\"\n              :ext-system=\"extId\"\n            />\n            <div class=\"d-flex w-100 align-center justify-center pa-4\">\n              <ABtnSecondary\n                v-show=\"pagination.hasNextPage || loader\"\n                v-intersect=\"fetchNextPageInView\"\n                :loading=\"loader\"\n                size=\"small\"\n                @click=\"fetchNextPage\"\n              >\n                <slot name=\"button-confirm-title\">\n                  {{ t('common.button.loadMore') }}\n                </slot>\n              </ABtnSecondary>\n            </div>\n          </div>\n          <div class=\"subject-select__sidebar-right border-s\">\n            <div\n              v-if=\"customFormConfigFailed\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.damImage.error.loadingConfig') }}\n            </div>\n            <div\n              v-else-if=\"loadingSidebarRight\"\n              class=\"d-flex w-100 align-center justify-center\"\n            >\n              <VProgressCircular indeterminate />\n            </div>\n            <div\n              v-else-if=\"!asset\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n            </div>\n            <div\n              v-else\n              class=\"w-100\"\n            >\n              <slot\n                name=\"sidebar-prepend\"\n                :asset=\"asset\"\n              />\n              <AssetMetadata\n                v-if=\"extId && !customFormConfigLoading\"\n                :ext-system=\"extId\"\n                readonly\n              />\n            </div>\n          </div>\n        </div>\n        <div class=\"subject-select__actions border-t\">\n          <div v-if=\"props.minCount === props.maxCount\">\n            {{\n              t('common.assetSelect.meta.texts.pickExactCount', {\n                count: props.minCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <div v-else>\n            {{\n              t('common.assetSelect.meta.texts.pickRangeCount', {\n                minCount: props.minCount,\n                maxCount: props.maxCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <VSpacer />\n          <VSwitch\n            v-if=\"showCopyToLicence\"\n            v-model=\"copyToLicence\"\n            :label=\"t('common.assetSelect.meta.texts.copyToLicence')\"\n            hide-details\n            class=\"mr-2\"\n          />\n          <ABtnPrimary\n            :disabled=\"disabledSubmit\"\n            @click.stop=\"onConfirm\"\n          >\n            <slot name=\"button-confirm-title\">\n              {{ t('common.button.confirm') }}\n            </slot>\n          </ABtnPrimary>\n        </div>\n      </VCard>\n    </VDialog>\n  </template>\n  <div v-else>{{ t('common.assetSelect.error.noSelectLicence') }}</div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AAssetSelect.js","names":["_sfc_main","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AAssetSelect_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, provide, ref, shallowRef, watch, withModifiers } from 'vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilter from '@/domains/dam/assetSelect/components/AssetSelectFilter.vue'\nimport {\n  type AssetSelectReturnData,\n  AssetSelectReturnType,\n  type AssetSelectReturnTypeType,\n} from '@/domains/dam/types/AssetSelect'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    inPodcast?: boolean | null\n    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    inPodcast: null,\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'confirm', data: AssetSelectReturnData): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\nconst ready = defineModel<boolean>('ready', { default: false, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst loading = ref(false)\nconst copyToLicence = ref(false)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  selectedCount,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  fetchAssetListDebounced,\n  reset,\n} = useAssetSelectActions(damConfigName)\n// The list bar ordering reads this. Without it the dialog would use the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { mdAndUp } = useDisplay()\nconst { openSidebarLeft, closeSidebarRight, sidebarLeft, sidebarRight } = useSidebar()\nconst { showErrorT } = useAlerts()\n\nconst onOpen = () => {\n  if (!ready.value) return\n  let selectConfigLocal = cloneDeep(selectConfigs.value)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(selectConfigs.value, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    // Not opened without a licence: it would list nothing, and the next press would not say why.\n    modelValue.value = false\n    return\n  }\n\n  reset()\n  initStoreContext(\n    selectConfigLocal,\n    props.assetType,\n    props.inPodcast,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  if (mdAndUp.value) openSidebarLeft()\n  if (!mdAndUp.value) closeSidebarRight()\n  modelValue.value = true\n}\n\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue || !newValue) return\n    onOpen()\n  },\n  { immediate: true }\n)\n\nconst onClose = () => {\n  modelValue.value = false\n  reset()\n}\n\n// The copy switch as the user left it, for picked assets of another licence than the upload licence.\n// Picks survive a change of the browsed licence, so each asset's own licence decides.\n// Assets already in the upload licence are not copied. The widget takes them as they are.\nconst getCopyToLicenceId = () => {\n  if (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    copyToLicence.value &&\n    props.uploadLicence &&\n    [...assetSelectStore.selectedAssets.values()].some(({ asset }) => asset.licence !== props.uploadLicence)\n  ) {\n    return props.uploadLicence\n  }\n  return undefined\n}\n\nconst onConfirm = () => {\n  emit('confirm', getSelectedData(props.returnType, getCopyToLicenceId()))\n  onClose()\n}\n\nconst { gridView } = useGridView()\n\nconst showCopyToLicence = computed(() => {\n  return (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    selectedLicenceId.value > 0 &&\n    !isUndefined(props.uploadLicence) &&\n    selectedLicenceId.value !== props.uploadLicence\n  )\n})\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedCount.value < props.minCount || selectedCount.value > props.maxCount\n})\n\nconst extId = computed(() => {\n  if (selectConfigs.value.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = selectConfigs.value.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The custom fields config could not be read. The side panel shows\n// a notice instead of the asset form, which needs that config.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // Custom fields of the listed type: all types of the ext system if\n    // none are loaded, else only this type if its read failed before.\n    // Loaded types are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // Ignore an answer for an ext system the list has since left.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nonMounted(async () => {\n  ready.value = false\n  loading.value = true\n  selectConfigs.value = await getOrLoadDamConfigExtSystemByLicences(props.selectLicences)\n  loading.value = false\n  ready.value = true\n})\n\nonUnmounted(() => {\n  selectConfigs.value = []\n})\n\ndefineExpose({\n  open: onOpen,\n})\n</script>\n\n<template>\n  <div\n    v-if=\"loading\"\n    class=\"w-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <template v-else-if=\"ready && selectConfigs.length > 0\">\n    <slot\n      name=\"activator\"\n      :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n    />\n    <VDialog\n      v-model=\"modelValue\"\n      fullscreen\n      class=\"subject-select\"\n    >\n      <VCard\n        v-if=\"modelValue\"\n        class=\"subject-select__card\"\n      >\n        <ADialogToolbar\n          class=\"subject-select__toolbar border-b\"\n          @cancel=\"onClose\"\n        >\n          <slot name=\"title\">\n            {{ t('common.assetSelect.meta.texts.title') }}\n          </slot>\n        </ADialogToolbar>\n        <AssetSelectListBar\n          v-model:sort=\"sortModel\"\n          @sort-by-change=\"sortByChange\"\n        />\n        <div\n          class=\"subject-select__main\"\n          :class=\"{\n            'subject-select__main--sidebar-active': sidebarLeft,\n            'subject-select__main--sidebar-right-active': sidebarRight,\n          }\"\n        >\n          <div class=\"subject-select__sidebar border-e\">\n            <AssetSelectFilter :config-name=\"damConfigName\" />\n          </div>\n          <div class=\"subject-select__content\">\n            <component\n              :is=\"componentComputed\"\n              v-if=\"extId\"\n              :ext-system=\"extId\"\n            />\n            <div class=\"d-flex w-100 align-center justify-center pa-4\">\n              <ABtnSecondary\n                v-show=\"pagination.hasNextPage || loader\"\n                v-intersect=\"fetchNextPageInView\"\n                :loading=\"loader\"\n                size=\"small\"\n                @click=\"fetchNextPage\"\n              >\n                <slot name=\"button-confirm-title\">\n                  {{ t('common.button.loadMore') }}\n                </slot>\n              </ABtnSecondary>\n            </div>\n          </div>\n          <div class=\"subject-select__sidebar-right border-s\">\n            <div\n              v-if=\"customFormConfigFailed\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.damImage.error.loadingConfig') }}\n            </div>\n            <div\n              v-else-if=\"loadingSidebarRight\"\n              class=\"d-flex w-100 align-center justify-center\"\n            >\n              <VProgressCircular indeterminate />\n            </div>\n            <div\n              v-else-if=\"!asset\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n            </div>\n            <div\n              v-else\n              class=\"w-100\"\n            >\n              <slot\n                name=\"sidebar-prepend\"\n                :asset=\"asset\"\n              />\n              <AssetMetadata\n                v-if=\"extId && !customFormConfigLoading\"\n                :ext-system=\"extId\"\n                readonly\n              />\n            </div>\n          </div>\n        </div>\n        <div class=\"subject-select__actions border-t\">\n          <div v-if=\"props.minCount === props.maxCount\">\n            {{\n              t('common.assetSelect.meta.texts.pickExactCount', {\n                count: props.minCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <div v-else>\n            {{\n              t('common.assetSelect.meta.texts.pickRangeCount', {\n                minCount: props.minCount,\n                maxCount: props.maxCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <VSpacer />\n          <VSwitch\n            v-if=\"showCopyToLicence\"\n            v-model=\"copyToLicence\"\n            :label=\"t('common.assetSelect.meta.texts.copyToLicence')\"\n            hide-details\n            class=\"mr-2\"\n          />\n          <ABtnPrimary\n            :disabled=\"disabledSubmit\"\n            @click.stop=\"onConfirm\"\n          >\n            <slot name=\"button-confirm-title\">\n              {{ t('common.button.confirm') }}\n            </slot>\n          </ABtnPrimary>\n        </div>\n      </VCard>\n    </VDialog>\n  </template>\n  <div v-else>{{ t('common.assetSelect.error.noSelectLicence') }}</div>\n</template>\n"],"mappings":""}