@anzusystems/common-admin 1.49.0 → 2.0.0-rc.2

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,7 @@
+import e from "./AAssetSelectMedia.vue_vue_type_script_setup_true_lang.js";
+//#region src/domains/dam/assetSelect/components/AAssetSelectMedia.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=AAssetSelectMedia.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,63 @@
+import { DamAssetTypeType } from '../../types/Asset';
+import { AssetSelectReturnData, AssetSelectReturnTypeType } from '../../types/AssetSelect';
+import { IntegerId } from '../../../../shared/types/common';
+type __VLS_Props = {
+    minCount: number;
+    maxCount: number;
+    selectLicences: IntegerId[];
+    uploadLicence?: IntegerId | undefined;
+    returnType?: AssetSelectReturnTypeType;
+    configName?: string;
+    skipCurrentUserCheck?: boolean;
+    preselectAssetType?: DamAssetTypeType | undefined;
+    preselectInPodcast?: boolean | null | undefined;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+    'sort'?: number;
+    'ready'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {
+    props: {
+        onClick: () => void;
+    };
+}, __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;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
+    open: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    "update:sort": (value: number) => any;
+    "update:ready": (value: boolean) => any;
+} & {
+    confirm: (data: AssetSelectReturnData) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onConfirm?: ((data: AssetSelectReturnData) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:sort"?: ((value: number) => any) | undefined;
+    "onUpdate:ready"?: ((value: boolean) => any) | undefined;
+}>, {
+    configName: string;
+    preselectAssetType: DamAssetTypeType;
+    preselectInPodcast: boolean | null;
+    uploadLicence: number;
+    returnType: AssetSelectReturnTypeType;
+    skipCurrentUserCheck: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,231 @@
+import { cloneDeep as e, isUndefined as t } from "../../../../shared/utils/common.js";
+import n from "../../../ui/components/ADialogToolbar.js";
+import { useAlerts as r } from "../../../system/composables/alerts.js";
+import { DamAssetType as i } from "../../types/Asset.js";
+import { DatatablePaginationKey as ee } from "../../../filters/utils/filterInjectionKeys.js";
+import { useCommonAdminCoreDamOptions as te } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as ne } from "../../composables/damConfigName.js";
+import { useDamConfigState as a } from "../../config/composables/damConfigState.js";
+import { AssetSelectReturnType as o } from "../../types/AssetSelect.js";
+import { useAssetSelectStore as re } from "../store/assetSelectStore.js";
+import { useAssetDetailStore as ie } from "../../assetDetail/store/assetDetailStore.js";
+import { useSidebar as ae } from "../composables/assetSelectFilterSidebar.js";
+import { useAssetSelectActions as oe } from "../composables/assetSelectListActions.js";
+import se from "./AssetSelectListTable.js";
+import { AssetSelectGridView as s, useGridView as ce } from "../composables/assetSelectGridView.js";
+import le from "./AssetSelectListBar.js";
+import ue from "./AssetSelectListTiles.js";
+import de from "./AssetSelectFilter.js";
+import { filterAllowedImageWidgetSelectConfigs as fe } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
+import pe from "../../assetDetail/components/AssetMetadata.js";
+import { Fragment as me, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, normalizeClass as he, onMounted as ge, onUnmounted as _e, openBlock as _, provide as ve, ref as v, renderSlot as y, resolveComponent as b, resolveDynamicComponent as ye, shallowRef as be, toDisplayString as x, unref as S, useModel as C, vShow as xe, watch as Se, withCtx as w, withDirectives as Ce, withModifiers as T } from "vue";
+import { useI18n as we } from "vue-i18n";
+import { VSpacer as Te } from "vuetify/components/VGrid";
+import { VProgressCircular as E } from "vuetify/components/VProgressCircular";
+import { VCard as Ee } from "vuetify/components/VCard";
+import { Intersect as De } from "vuetify/directives";
+import { VDialog as Oe } from "vuetify/components/VDialog";
+import { VSwitch as ke } from "vuetify/components/VSwitch";
+import { storeToRefs as D } from "pinia";
+//#region src/domains/dam/assetSelect/components/AAssetSelectMedia.vue?vue&type=script&setup=true&lang.ts
+var Ae = {
+	key: 0,
+	class: "w-100 d-flex align-center justify-center"
+}, je = { class: "subject-select__sidebar border-e" }, Me = { class: "subject-select__content" }, Ne = { class: "d-flex w-100 align-center justify-center pa-4" }, Pe = { class: "subject-select__sidebar-right border-s" }, Fe = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, Ie = {
+	key: 1,
+	class: "d-flex w-100 align-center justify-center"
+}, Le = {
+	key: 2,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, Re = { key: 3 }, ze = { class: "subject-select__actions border-t" }, Be = { key: 0 }, Ve = { key: 1 }, He = { key: 2 }, O = /*@__PURE__*/ h({
+	__name: "AAssetSelectMedia",
+	props: /*@__PURE__*/ g({
+		minCount: {},
+		maxCount: {},
+		selectLicences: {},
+		uploadLicence: { default: void 0 },
+		returnType: { default: o.MainFileId },
+		configName: { default: void 0 },
+		skipCurrentUserCheck: {
+			type: Boolean,
+			default: !1
+		},
+		preselectAssetType: { default: void 0 },
+		preselectInPodcast: {
+			type: [Boolean, null],
+			default: void 0
+		}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1,
+			required: !1
+		},
+		modelModifiers: {},
+		sort: {
+			default: 1,
+			required: !1
+		},
+		sortModifiers: {},
+		ready: {
+			type: Boolean,
+			default: !1,
+			required: !1
+		},
+		readyModifiers: {}
+	}),
+	emits: /*@__PURE__*/ g(["confirm"], [
+		"update:modelValue",
+		"update:sort",
+		"update:ready"
+	]),
+	setup(o, { expose: h, emit: g }) {
+		let O = o, Ue = g, k = C(o, "modelValue"), A = C(o, "sort"), j = C(o, "ready"), M = ne(O.configName), N = v(!1), P = v(!1), { t: F } = we(), { damClient: I, selectedCount: L, loader: R, pagination: z, fetchNextPage: We, fetchNextPageInView: Ge, fetchAssetListDebounced: B, getSelectedData: Ke, initStoreContext: qe, detailLoading: Je, giveUpDetailRead: Ye, reset: V } = oe(M);
+		ve(ee, z);
+		let { loadDamConfigAssetCustomFormElements: Xe, getDamConfigAssetCustomFormElements: H } = a(I, M), { getOrLoadDamConfigExtSystemByLicences: Ze } = a(I, M), U = ie(), { asset: Qe } = D(U), W = re(), { selectedLicenceId: G, assetType: K } = D(W), { copyToLicenceEnabled: q } = te(M), J = be([]), { openSidebarLeft: $e, sidebarLeft: et, sidebarRight: tt } = ae(), { showErrorT: nt } = r(), Y = () => {
+			if (!j.value) return;
+			let t = e(J.value);
+			O.skipCurrentUserCheck || (t = fe(J.value, M)), t.length === 0 ? (nt("common.assetSelect.error.unallowedLicence"), k.value = !1) : (V(), qe(t, K.value, K.value === i.Audio || null, O.minCount === 1 && O.minCount === O.maxCount, O.minCount, O.maxCount), $e(), k.value = !0);
+		};
+		Se(k, async (e, t) => {
+			e !== t && e && Y();
+		}, { immediate: !0 });
+		let X = () => {
+			k.value = !1, V();
+		}, rt = () => {
+			if (q !== !1 && K.value === i.Image && P.value && O.uploadLicence && [...W.selectedAssets.values()].some(({ asset: e }) => e.licence !== O.uploadLicence)) return O.uploadLicence;
+		}, it = () => {
+			Ue("confirm", Ke(O.returnType, rt())), X();
+		}, { gridView: at } = ce(), ot = c(() => q !== !1 && K.value === i.Image && G.value > 0 && !t(O.uploadLicence) && G.value !== O.uploadLicence), st = c(() => {
+			switch (at.value) {
+				case s.Table: return se;
+				default:
+				case s.Masonry:
+				case s.Thumbnail: return ue;
+			}
+		}), ct = c(() => L.value < O.minCount || L.value > O.maxCount), Z = c(() => {
+			if (J.value.length !== 0 && G.value > 0) {
+				let e = J.value.find((e) => e.licence === G.value);
+				if (e) return e.extSystem;
+			}
+		}), lt = c(() => Q.value || Je.value), { showErrorsDefault: ut } = r(), Q = v(!0), $ = v(!1), dt = () => {
+			W.reset(!1), Ye(), U.reset(), B();
+		}, ft = (e) => {
+			z.value.sortBy = null, e.sortBy && (z.value.sortBy = {
+				key: e.sortBy.key,
+				order: e.sortBy.order
+			}), B();
+		};
+		return Se([Z, K], async ([e, n]) => {
+			if (!t(e)) {
+				if (Q.value = !0, $.value = !1, t(H(e, n))) {
+					try {
+						await Xe(e, H(e) ? [n] : void 0);
+					} catch (e) {
+						ut(e);
+					}
+					if (Z.value !== e || K.value !== n) return;
+					$.value = t(H(e, n));
+				}
+				Q.value = !1;
+			}
+		}, { immediate: !0 }), ge(async () => {
+			j.value = !1, N.value = !0, J.value = await Ze(O.selectLicences), N.value = !1, j.value = !0;
+		}), _e(() => {
+			J.value = [];
+		}), h({ open: Y }), (e, t) => {
+			let r = b("ABtnSecondary"), i = b("ABtnPrimary");
+			return N.value ? (_(), d("div", Ae, [m(E, { indeterminate: "" })])) : J.value.length > 0 ? (_(), d(me, { key: 1 }, [y(e.$slots, "activator", { props: { onClick: T(() => Y(), ["stop"]) } }), m(Oe, {
+				modelValue: k.value,
+				"onUpdate:modelValue": t[2] ||= (e) => k.value = e,
+				fullscreen: "",
+				class: "subject-select"
+			}, {
+				default: w(() => [k.value ? (_(), l(Ee, {
+					key: 0,
+					class: "subject-select__card"
+				}, {
+					default: w(() => [
+						m(n, {
+							class: "subject-select__toolbar border-b",
+							onCancel: X
+						}, {
+							default: w(() => [y(e.$slots, "title", {}, () => [p(x(S(F)("common.assetSelect.meta.texts.title")), 1)])]),
+							_: 3
+						}),
+						m(le, {
+							sort: A.value,
+							"onUpdate:sort": t[0] ||= (e) => A.value = e,
+							"show-types": "",
+							"preselect-asset-type": o.preselectAssetType,
+							"preselect-in-podcast": o.preselectInPodcast,
+							onTypeChange: dt,
+							onSortByChange: ft
+						}, null, 8, [
+							"sort",
+							"preselect-asset-type",
+							"preselect-in-podcast"
+						]),
+						f("div", { class: he(["subject-select__main", {
+							"subject-select__main--sidebar-active": S(et),
+							"subject-select__main--sidebar-right-active": S(tt)
+						}]) }, [
+							f("div", je, [m(de, { "config-name": S(M) }, null, 8, ["config-name"])]),
+							f("div", Me, [Z.value ? (_(), l(ye(st.value), {
+								key: 0,
+								"ext-system": Z.value
+							}, null, 8, ["ext-system"])) : u("", !0), f("div", Ne, [Ce((_(), l(r, {
+								loading: S(R),
+								size: "small",
+								onClick: S(We)
+							}, {
+								default: w(() => [y(e.$slots, "button-confirm-title", {}, () => [p(x(S(F)("common.button.loadMore")), 1)])]),
+								_: 3
+							}, 8, ["loading", "onClick"])), [[xe, S(z).hasNextPage || S(R)], [De, S(Ge)]])])]),
+							f("div", Pe, [$.value ? (_(), d("div", Fe, x(S(F)("common.damImage.error.loadingConfig")), 1)) : lt.value ? (_(), d("div", Ie, [m(E, { indeterminate: "" })])) : S(Qe) ? (_(), d("div", Re, [Z.value && !Q.value ? (_(), l(pe, {
+								key: 0,
+								"ext-system": Z.value,
+								readonly: ""
+							}, null, 8, ["ext-system"])) : u("", !0)])) : (_(), d("div", Le, x(S(F)("common.assetSelect.meta.info.noAssetSelected")), 1))])
+						], 2),
+						f("div", ze, [
+							O.minCount === O.maxCount ? (_(), d("div", Be, x(S(F)("common.assetSelect.meta.texts.pickExactCount", {
+								count: O.minCount,
+								selected: S(L)
+							})), 1)) : (_(), d("div", Ve, x(S(F)("common.assetSelect.meta.texts.pickRangeCount", {
+								minCount: O.minCount,
+								maxCount: O.maxCount,
+								selected: S(L)
+							})), 1)),
+							m(Te),
+							ot.value ? (_(), l(ke, {
+								key: 2,
+								modelValue: P.value,
+								"onUpdate:modelValue": t[1] ||= (e) => P.value = e,
+								label: S(F)("common.assetSelect.meta.texts.copyToLicence"),
+								"hide-details": "",
+								class: "mr-2"
+							}, null, 8, ["modelValue", "label"])) : u("", !0),
+							m(i, {
+								disabled: ct.value,
+								onClick: T(it, ["stop"])
+							}, {
+								default: w(() => [y(e.$slots, "button-confirm-title", {}, () => [p(x(S(F)("common.button.confirm")), 1)])]),
+								_: 3
+							}, 8, ["disabled"])
+						])
+					]),
+					_: 3
+				})) : u("", !0)]),
+				_: 3
+			}, 8, ["modelValue"])], 64)) : (_(), d("div", He, x(S(F)("common.assetSelect.error.noSelectLicence")), 1));
+		};
+	}
+});
+//#endregion
+export { O as default };
+
+//# sourceMappingURL=AAssetSelectMedia.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,7 @@
+import e from "./AssetDistributionServiceNameFilter.vue_vue_type_script_setup_true_lang.js";
+//#region src/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=AssetDistributionServiceNameFilter.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    name: string;
+    configName?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (() => any) | undefined;
+}>, {
+    configName: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,47 @@
+import { useDamConfigStoreOf as e } from "../../config/store/damConfigStore.js";
+import { useCommonAdminCoreDamOptions as t } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as n } from "../../composables/damConfigName.js";
+import { useDamConfigState as r } from "../../config/composables/damConfigState.js";
+import i from "../../../filters/components/AFilterValueObjectOptionsSelect.js";
+import { computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, onMounted as u, openBlock as d, ref as f, toDisplayString as p, unref as m } from "vue";
+import { useI18n as h } from "vue-i18n";
+import { VProgressCircular as g } from "vuetify/components/VProgressCircular";
+//#region src/domains/dam/assetSelect/components/AssetDistributionServiceNameFilter.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center"
+}, v = { key: 1 }, y = /*@__PURE__*/ l({
+	__name: "AssetDistributionServiceNameFilter",
+	props: {
+		name: {},
+		configName: { default: void 0 }
+	},
+	emits: ["change"],
+	setup(l, { emit: y }) {
+		let b = l, x = y, S = n(b.configName), C = f("loading"), { damClient: w } = t(S), T = e(S), { loadDamPrvConfig: E } = r(w, S), D = a(() => Object.entries(T.damPrvConfig.distributionServices).map(([e, t]) => ({
+			title: t.title,
+			value: e
+		})));
+		u(async () => {
+			let e = [];
+			T.initialized.damPrvConfig || e.push(E());
+			try {
+				await Promise.all(e);
+			} catch {
+				C.value = "error";
+			}
+			C.value !== "error" && (C.value = "ready");
+		});
+		let { t: O } = h();
+		return (e, t) => C.value === "loading" ? (d(), s("div", _, [c(g, { indeterminate: "" })])) : C.value === "error" ? (d(), s("div", v, p(m(O)("common.assetSelect.error.loadingDistributionServices")), 1)) : (d(), o(i, {
+			key: 2,
+			name: l.name,
+			items: D.value,
+			onChange: t[0] ||= (e) => x("change")
+		}, null, 8, ["name", "items"]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=AssetDistributionServiceNameFilter.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/domains/dam/assetSelect/components/AssetImagePreview.js

@@ -0,0 +1,8 @@
+import e from "./AssetImagePreview.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                  */
+//#region src/domains/dam/assetSelect/components/AssetImagePreview.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=AssetImagePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetImagePreview.js","names":["_sfc_main","AssetImagePreview_vue_vue_type_script_setup_true_lang_default","AssetImagePreview_default"],"sources":["../../../../../src/domains/dam/assetSelect/components/AssetImagePreview.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport {\n  type AssetFileProperties,\n  DamAssetStatus,\n  type DamAssetStatusType,\n  DamAssetType,\n  type DamAssetTypeType,\n} from '@/domains/dam/types/Asset'\nimport placeholder16x9 from '@/assets/image/placeholder16x9.svg'\nimport { isUndefined } from '@/shared/utils/common'\nimport AssetImageMetaIcons from '@/domains/dam/assetDetail/components/AssetImageMetaIcons.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    src?: string\n    assetType?: DamAssetTypeType\n    assetStatus?: DamAssetStatusType\n    backgroundColor?: string\n    width?: number\n    height?: number\n    fallbackHeight?: number\n    iconSize?: number\n    iconColor?: string\n    showMetaIcons?: boolean\n    assetFileProperties?: AssetFileProperties | undefined\n  }>(),\n  {\n    assetType: DamAssetType.Image,\n    assetStatus: DamAssetStatus.WithFile,\n    src: undefined,\n    backgroundColor: '#ccc',\n    width: undefined,\n    height: undefined,\n    fallbackHeight: 200,\n    iconSize: 80,\n    iconColor: '#505050',\n    showMetaIcons: false,\n    assetFileProperties: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'error'): void\n}>()\n\nconst onError = () => {\n  emit('error')\n}\n\nconst icon = computed(() => {\n  if (props.assetStatus === DamAssetStatus.Deleting) return 'mdi-trash-can'\n  switch (props.assetType) {\n    case DamAssetType.Audio:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-music' : 'mdi-music-off'\n    case DamAssetType.Document:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-note' : 'mdi-note-off'\n    case DamAssetType.Video:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-video' : 'mdi-video-off'\n    case DamAssetType.Image:\n      return props.assetStatus === DamAssetStatus.WithFile ? 'mdi-image' : 'mdi-image-off'\n    default:\n      return ''\n  }\n})\n\nconst srcComputed = computed(() => {\n  return isUndefined(props.src) ? placeholder16x9 : props.src\n})\n\nconst showIconComputed = computed(() => {\n  if (props.assetType === DamAssetType.Image && props.src) return false\n  return true\n})\n</script>\n\n<template>\n  <div\n    v-if=\"assetStatus === DamAssetStatus.WithFile && src\"\n    class=\"anzu-common-asset-image anzu-common-asset-image--img position-relative\"\n    :style=\"{ width: width + 'px' }\"\n  >\n    <img\n      class=\"anzu-common-asset-image__img\"\n      :src=\"srcComputed\"\n      :width=\"width\"\n      :height=\"height\"\n      alt=\"\"\n      loading=\"lazy\"\n      :style=\"'background-color:' + backgroundColor\"\n      @onerror=\"onError\"\n    />\n    <div\n      v-if=\"showIconComputed\"\n      class=\"anzu-common-asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"anzu-common-asset-image__icon-circle\"\n        :style=\"{ padding: iconSize / 4 + 'px' }\"\n      >\n        <VIcon\n          v-if=\"icon.length\"\n          :size=\"iconSize\"\n          :icon=\"icon\"\n          :color=\"iconColor\"\n          class=\"anzu-common-asset-image__icon\"\n        />\n      </div>\n    </div>\n    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n    />\n  </div>\n  <div\n    v-else\n    :style=\"{ height: fallbackHeight + 'px', backgroundColor: backgroundColor }\"\n    style=\"width: 100%\"\n    class=\"asset-image asset-image--placeholder d-flex align-center justify-center\"\n  >\n    <div\n      v-if=\"showIconComputed\"\n      class=\"asset-image__icon-wrapper\"\n    >\n      <div\n        class=\"asset-image__icon-circle\"\n        :style=\"{ padding: iconSize / 4 + 'px' }\"\n      >\n        <VIcon\n          v-if=\"icon.length\"\n          :size=\"iconSize\"\n          :icon=\"icon\"\n          :color=\"iconColor\"\n          class=\"asset-image__icon\"\n        />\n      </div>\n    </div>\n    <AssetImageMetaIcons\n      v-if=\"showMetaIcons && assetFileProperties\"\n      :asset-file-properties=\"assetFileProperties\"\n      :asset-type=\"assetType\"\n    />\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-common-asset-image {\n  position: relative;\n\n  &__icon-wrapper {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__icon-circle {\n    border-radius: 100%;\n    background-color: rgb(204 204 204 / 50%);\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,33 @@
+import { AssetFileProperties, DamAssetStatusType, DamAssetTypeType } from '../../types/Asset';
+type __VLS_Props = {
+    src?: string;
+    assetType?: DamAssetTypeType;
+    assetStatus?: DamAssetStatusType;
+    backgroundColor?: string;
+    width?: number;
+    height?: number;
+    fallbackHeight?: number;
+    iconSize?: number;
+    iconColor?: string;
+    showMetaIcons?: boolean;
+    assetFileProperties?: AssetFileProperties | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: (() => any) | undefined;
+}>, {
+    assetType: DamAssetTypeType;
+    width: number;
+    height: number;
+    iconSize: number;
+    iconColor: string;
+    src: string;
+    assetFileProperties: AssetFileProperties;
+    assetStatus: DamAssetStatusType;
+    backgroundColor: string;
+    fallbackHeight: number;
+    showMetaIcons: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;