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

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

@@ -0,0 +1,300 @@
+import { cloneDeep as e, isDefined as t, isUndefined as n } from "../../../../shared/utils/common.js";
+import ee from "../../../ui/components/ADialogToolbar.js";
+import { useAlerts as r } from "../../../system/composables/alerts.js";
+import te from "../../../ui/file/components/AFileInput.js";
+import { DatatablePaginationKey as ne, FilterConfigKey as re, FilterDataKey as ie } from "../../../filters/utils/filterInjectionKeys.js";
+import { useFilterHelpers as ae } from "../../../filters/composables/filterFactory.js";
+import { useCommonAdminCoreDamOptions as oe } from "../../composables/commonAdminCoreDamOptions.js";
+import { useDamConfigName as se } from "../../composables/damConfigName.js";
+import { useDamConfigState as ce } from "../../config/composables/damConfigState.js";
+import { useAssetListFilter as le } from "../filter/AssetFilter.js";
+import { useAssetSelectStore as ue } from "../store/assetSelectStore.js";
+import { useAssetDetailStore as de } from "../../assetDetail/store/assetDetailStore.js";
+import { useSidebar as fe } from "../composables/assetSelectFilterSidebar.js";
+import { useAssetSelectActions as pe } from "../composables/assetSelectListActions.js";
+import me from "./AssetSelectListTable.js";
+import { AssetSelectGridView as i, useGridView as he } from "../composables/assetSelectGridView.js";
+import ge from "./AssetSelectListBar.js";
+import _e from "./AssetSelectListTiles.js";
+import ve from "../../../filters/components/AFilterString.js";
+import ye from "./AssetSelectFilterForm.js";
+import { filterAllowedImageWidgetSelectConfigs as be } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
+import { useUploadQueuesStore as xe } from "../../uploadQueue/store/uploadQueuesStore.js";
+import a from "../../assetDetail/components/AssetMetadata.js";
+import Se from "../../../filters/components/AFilterWrapper.js";
+import Ce from "../../assetDetail/components/AssetDetailDialog.js";
+import { ImageWidgetUploadConfigKey as we } from "../../imageWidget/utils/imageWidgetInkectionKeys.js";
+import { useDamAcceptTypeAndSizeHelper as Te } from "../../config/composables/acceptTypeAndSizeHelper.js";
+import { useUploadQueueDialog as Ee } from "../../uploadQueue/composables/useUploadQueueDialog.js";
+import De from "../../uploadQueue/components/UploadQueueDialog.js";
+import { Fragment as Oe, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as ke, inject as Ae, isRef as je, mergeModels as m, normalizeClass as h, normalizeProps as Me, onUnmounted as Ne, openBlock as g, provide as _, ref as v, renderSlot as y, resolveComponent as Pe, resolveDynamicComponent as Fe, toDisplayString as b, unref as x, useModel as Ie, vShow as Le, watch as S, withCtx as C, withDirectives as Re } from "vue";
+import { useI18n as ze } from "vue-i18n";
+import { VCol as Be, VRow as Ve, VSpacer as He } from "vuetify/components/VGrid";
+import { VProgressCircular as Ue } from "vuetify/components/VProgressCircular";
+import { VCard as We, VCardActions as Ge, VCardText as Ke } from "vuetify/components/VCard";
+import { Intersect as qe } from "vuetify/directives";
+import { useDisplay as Je } from "vuetify";
+import { VBtn as w } from "vuetify/components/VBtn";
+import { VDialog as Ye } from "vuetify/components/VDialog";
+import { storeToRefs as T } from "pinia";
+import { VSelect as Xe } from "vuetify/components/VSelect";
+//#region src/domains/dam/assetSelect/components/AAssetListInner.vue?vue&type=script&setup=true&lang.ts
+var Ze = { class: "px-2 pt-2" }, Qe = { class: "subject-select__content" }, $e = { class: "d-flex w-100 align-center justify-center pa-4" }, et = {
+	key: 0,
+	class: "subject-select__sidebar-right border-s"
+}, tt = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, nt = {
+	key: 1,
+	class: "d-flex w-100 align-center justify-center"
+}, rt = {
+	key: 2,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, it = {
+	key: 3,
+	class: "w-100"
+}, at = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, ot = {
+	key: 1,
+	class: "d-flex w-100 align-center justify-center"
+}, st = {
+	key: 2,
+	class: "w-100"
+}, E = /*@__PURE__*/ p({
+	__name: "AAssetListInner",
+	props: /*@__PURE__*/ m({
+		assetType: {},
+		queueKey: {},
+		selectConfigs: {},
+		inPodcast: {
+			type: [Boolean, null],
+			default: null
+		},
+		configName: { default: void 0 },
+		skipCurrentUserCheck: {
+			type: Boolean,
+			default: !1
+		},
+		variant: { default: "default" }
+	}, {
+		sort: {
+			default: 1,
+			required: !1
+		},
+		sortModifiers: {}
+	}),
+	emits: ["update:sort"],
+	setup(p) {
+		let m = p, E = Ie(p, "sort"), D = se(m.configName), { t: O } = ze(), { damClient: ct, loader: lt, pagination: k, fetchNextPage: ut, fetchNextPageInView: dt, initStoreContext: ft, detailLoading: pt, readActiveItemAgain: mt, fetchAssetListDebounced: A, reset: j, resetAssetList: ht } = pe(D);
+		_(ne, k);
+		let { assetListEnabledFilters: gt } = oe(D), { loadDamConfigAssetCustomFormElements: _t, getDamConfigAssetCustomFormElements: M } = ce(ct, D), vt = de(), { asset: N, dialog: P } = T(vt), yt = ue(), { selectedLicenceId: F } = T(yt), { sidebarRight: I, closeSidebarRight: L, closeSidebarLeft: R } = fe(), { mdAndDown: z } = Je(), { showErrorT: bt } = r(), { filterData: B, filterConfig: V } = le();
+		_(re, V), _(ie, B);
+		let { resetFilter: xt, submitFilter: St } = ae(B, V, {
+			populateUrlParams: !1,
+			storeFiltersLocalStorage: !1
+		}), Ct = () => {
+			St(k, A), z.value && R();
+		}, H = () => {
+			xt(k, ht), z.value && R();
+		}, wt = () => {
+			let t = e(m.selectConfigs);
+			m.skipCurrentUserCheck || (t = be(m.selectConfigs, D)), t.length === 0 ? bt("common.assetSelect.error.unallowedLicence") : (j(), ft(t, m.assetType, m.inPodcast, !1, 0, 0), A());
+		}, { gridView: Tt } = he(), Et = o(() => {
+			switch (Tt.value) {
+				case i.Table: return me;
+				default:
+				case i.Masonry:
+				case i.Thumbnail: return _e;
+			}
+		}), U = o(() => {
+			if (m.selectConfigs.length !== 0 && F.value > 0) {
+				let e = m.selectConfigs.find((e) => e.licence === F.value);
+				if (e) return e.extSystem;
+			}
+		}), W = o(() => G.value || pt.value), { showErrorsDefault: Dt } = r(), G = v(!0), K = v(!1), Ot = (e) => {
+			k.value.sortBy = null, e.sortBy && (k.value.sortBy = {
+				key: e.sortBy.key,
+				order: e.sortBy.order
+			}), A();
+		}, q = !1, kt = () => {
+			N.value && (q = !0, P.value = m.queueKey);
+		}, At = (e) => {
+			let t = q;
+			q = !1, mt(t ? e?.id ?? null : null);
+		}, J = Ae(we, void 0), jt = o(() => t(J) && t(J.value)), { uploadQueueDialog: Y, uploadQueueDialogSaving: Mt, stopQueueLeftBehind: Nt } = Ee(), X = xe(), { uploadSizes: Z, uploadAccept: Q } = Te(m.assetType, J?.value?.extSystemConfig ?? {}), Pt = o(() => X.getQueue(m.queueKey)), $ = (e) => {
+			if (e.length === 0 || Mt.value === m.queueKey) return;
+			let t = J?.value;
+			t && (Nt(m.queueKey), X.addByFiles(m.queueKey, t.extSystem, t.licence, e, D), Y.value = m.queueKey);
+		}, Ft = () => {
+			Y.value = null, X.stopUpload(m.queueKey), A();
+		};
+		return S(U, async (e) => {
+			if (n(e)) return;
+			G.value = !0, K.value = !1;
+			let t = m.assetType;
+			if (n(M(e, t))) {
+				try {
+					await _t(e, M(e) ? [t] : void 0);
+				} catch (e) {
+					Dt(e);
+				}
+				if (U.value !== e) return;
+				K.value = n(M(e, t));
+			}
+			G.value = !1;
+		}, { immediate: !0 }), S(F, (e, t) => {
+			e !== t && H();
+		}), wt(), Ne(() => {
+			j();
+		}), (e, t) => {
+			let n = Pe("ABtnSecondary");
+			return g(), l(Oe, null, [
+				jt.value ? y(e.$slots, "upload-activator", {
+					onFileInput: $,
+					uploadAccept: x(Q),
+					uploadSizes: x(Z)
+				}, () => [f(te, {
+					"file-input-key": Pt.value?.fileInputKey,
+					accept: x(Q),
+					"max-sizes": x(Z),
+					multiple: "",
+					onFilesInput: $
+				}, {
+					activator: C(({ props: e }) => [f(w, Me(ke(e)), {
+						default: C(() => [d(b(x(O)("common.button.upload")), 1)]),
+						_: 1
+					}, 16)]),
+					_: 1
+				}, 8, [
+					"file-input-key",
+					"accept",
+					"max-sizes"
+				])], void 0, 0) : c("", !0),
+				u("div", { class: h(["subject-select__card", { "subject-select__card--inline": p.variant === "inline" }]) }, [
+					u("div", Ze, [y(e.$slots, "filter", {}, () => [f(Se, {
+						onSubmit: Ct,
+						onReset: H
+					}, {
+						search: C(() => [f(ve, { name: "text" })]),
+						detail: C(() => [p.selectConfigs.length > 1 ? (g(), s(Ve, { key: 0 }, {
+							default: C(() => [f(Be, { cols: 12 }, {
+								default: C(() => [f(Xe, {
+									modelValue: x(F),
+									"onUpdate:modelValue": t[0] ||= (e) => je(F) ? F.value = e : null,
+									label: x(O)("common.assetSelect.filter.licence"),
+									items: p.selectConfigs,
+									"item-title": "licenceName",
+									"item-value": "licence",
+									"hide-details": ""
+								}, null, 8, [
+									"modelValue",
+									"label",
+									"items"
+								])]),
+								_: 1
+							})]),
+							_: 1
+						})) : c("", !0), f(ye, {
+							"use-config-layout": "",
+							"hide-text-search": "",
+							"enabled-filters": x(gt),
+							"config-name": x(D)
+						}, null, 8, ["enabled-filters", "config-name"])]),
+						_: 1
+					})])]),
+					f(ge, {
+						sort: E.value,
+						"onUpdate:sort": t[1] ||= (e) => E.value = e,
+						"hide-filter-toggle": "",
+						onSortByChange: Ot
+					}, null, 8, ["sort"]),
+					u("div", { class: h(["subject-select__main", { "subject-select__main--sidebar-right-active": x(I) && !x(z) }]) }, [u("div", Qe, [U.value ? (g(), s(Fe(Et.value), {
+						key: 0,
+						"ext-system": U.value
+					}, null, 8, ["ext-system"])) : c("", !0), u("div", $e, [Re((g(), s(n, {
+						loading: x(lt),
+						size: "small",
+						onClick: x(ut)
+					}, {
+						default: C(() => [d(b(x(O)("common.button.loadMore")), 1)]),
+						_: 1
+					}, 8, ["loading", "onClick"])), [[Le, x(k).hasNextPage || x(lt)], [qe, x(dt)]])])]), x(z) ? c("", !0) : (g(), l("div", et, [K.value ? (g(), l("div", tt, b(x(O)("common.damImage.error.loadingConfig")), 1)) : W.value ? (g(), l("div", nt, [f(Ue, { indeterminate: "" })])) : x(N) ? (g(), l("div", it, [y(e.$slots, "sidebar-prepend", { asset: x(N) }), U.value && !G.value ? (g(), s(a, {
+						key: 0,
+						"ext-system": U.value,
+						readonly: "",
+						"show-edit-button": "",
+						onEditInDam: kt
+					}, null, 8, ["ext-system"])) : c("", !0)])) : (g(), l("div", rt, b(x(O)("common.assetSelect.meta.info.noAssetSelected")), 1))]))], 2),
+					x(z) ? (g(), s(Ye, {
+						key: 0,
+						modelValue: x(I),
+						"onUpdate:modelValue": [t[2] ||= (e) => je(I) ? I.value = e : null, t[3] ||= (e) => {
+							e || x(L)();
+						}],
+						scrollable: ""
+					}, {
+						default: C(() => [f(We, null, {
+							default: C(() => [
+								f(ee, { onCancel: x(L) }, {
+									default: C(() => [d(b(x(O)("common.assetSelect.meta.info.toggle")), 1)]),
+									_: 1
+								}, 8, ["onCancel"]),
+								f(Ke, null, {
+									default: C(() => [K.value ? (g(), l("div", at, b(x(O)("common.damImage.error.loadingConfig")), 1)) : W.value ? (g(), l("div", ot, [f(Ue, { indeterminate: "" })])) : x(N) ? (g(), l("div", st, [y(e.$slots, "sidebar-prepend", { asset: x(N) }), U.value && !G.value ? (g(), s(a, {
+										key: 0,
+										"ext-system": U.value,
+										readonly: "",
+										"show-edit-button": "",
+										onEditInDam: kt
+									}, null, 8, ["ext-system"])) : c("", !0)])) : c("", !0)]),
+									_: 3
+								}),
+								f(Ge, null, {
+									default: C(() => [f(He), f(w, { onClick: x(L) }, {
+										default: C(() => [d(b(x(O)("common.button.close")), 1)]),
+										_: 1
+									}, 8, ["onClick"])]),
+									_: 1
+								})
+							]),
+							_: 3
+						})]),
+						_: 3
+					}, 8, ["modelValue"])) : c("", !0)
+				], 2),
+				x(P) === p.queueKey && U.value ? (g(), s(Ce, {
+					key: 1,
+					"queue-key": p.queueKey,
+					"ext-system": U.value,
+					onClose: At
+				}, null, 8, ["queue-key", "ext-system"])) : c("", !0),
+				jt.value && x(Y) === p.queueKey && x(J) ? (g(), s(De, {
+					key: 2,
+					"queue-key": p.queueKey,
+					"ext-system": x(J).extSystem,
+					"licence-id": x(J).licence,
+					"file-input-key": Pt.value?.fileInputKey ?? -1,
+					accept: x(Q),
+					"max-sizes": x(Z),
+					onApply: Ft,
+					onFilesInput: $,
+					onDrop: $
+				}, null, 8, [
+					"queue-key",
+					"ext-system",
+					"licence-id",
+					"file-input-key",
+					"accept",
+					"max-sizes"
+				])) : c("", !0)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=AAssetListInner.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AAssetListInner.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderSlot","_unref","_createVNode","AFileInput","_withCtx","_component_VBtn","_normalizeProps","_guardReactiveProps","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass","AFilterWrapper","AFilterString","_createBlock","_component_VRow","_component_VCol","_component_VSelect","_isRef","AssetSelectFilterForm","AssetSelectListBar","_resolveDynamicComponent","_withDirectives","_vShow","_directive_intersect","_component_VProgressCircular","AssetMetadata","_component_VDialog","_component_VCard","ADialogToolbar","_component_VCardText","_component_VCardActions","_component_VSpacer","AssetDetailDialog","UploadQueueDialog","ADialogToolbar_default","AFileInput_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AFilterString_default","AssetSelectFilterForm_default","AssetMetadata_default","AFilterWrapper_default","AssetDetailDialog_default","UploadQueueDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","AAssetListInner_vue_vue_type_script_setup_true_lang_default","\"sort\"","\"sortModifiers\"","props","__props","sortModel","useModel","damConfigName","useDamConfigName","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useCommonAdminCoreDamOptions","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useSidebar","useDisplay","useAlerts","useAssetListFilter","provide","FilterConfigKey","filterConfig","FilterDataKey","filterData","useFilterHelpers","submitFilterAction","submitFilter","fetchAssetListDebounced","mdAndDown","closeSidebarLeft","resetFilterAction","resetFilter","resetAssetList","onInit","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","useGridView","componentComputed","computed","gridView","AssetSelectGridView","extId","selectedLicenceId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","ref","customFormConfigFailed","sortByChange","option","detailOfPanel","onOpenEditDialog","asset","onCloseEditDialog","ofPanel","readActiveItemAgain","shown","imageWidgetUploadConfig","inject","ImageWidgetUploadConfigKey","uploadEnabled","isDefined","useUploadQueueDialog","uploadQueuesStore","useUploadQueuesStore","useDamAcceptTypeAndSizeHelper","uploadQueue","onFileInput","files","uploadQueueDialogSaving","stopQueueLeftBehind","onUploadApply","watch","isUndefined","newValue","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","oldValue","onUnmounted","_component_ABtnSecondary","resolveComponent","openBlock","createElementBlock","Fragment","renderSlot","_ctx","unref","uploadAccept","uploadSizes","createVNode","withCtx","fileInputProps","VBtn","normalizeProps","guardReactiveProps","createTextVNode","toDisplayString","t","createCommentVNode","createElementVNode","normalizeClass","createBlock","VRow","VCol","VSelect","_cache","isRef","$event","assetListEnabledFilters","sidebarRight","resolveDynamicComponent","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VProgressCircular","VDialog","v","closeSidebarRight","VCard","VCardText","VCardActions","VSpacer","dialog","uploadQueueDialog"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetListInner.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, onUnmounted, provide, ref, watch } from 'vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { type AssetDetailItemDto, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilterForm from '@/domains/dam/assetSelect/components/AssetSelectFilterForm.vue'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType, DamExtSystemConfig } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isDefined, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { useAssetListFilter } from '@/domains/dam/assetSelect/filter/AssetFilter'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport AFilterWrapper from '@/domains/filters/components/AFilterWrapper.vue'\nimport AFilterString from '@/domains/filters/components/AFilterString.vue'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AssetDetailDialog from '@/domains/dam/assetDetail/components/AssetDetailDialog.vue'\nimport type { UploadQueueKey } from '@/domains/dam/types/UploadQueue'\nimport { ImageWidgetUploadConfigKey } from '@/domains/dam/imageWidget/utils/imageWidgetInkectionKeys'\nimport { useDamAcceptTypeAndSizeHelper } from '@/domains/dam/config/composables/acceptTypeAndSizeHelper'\nimport { useUploadQueueDialog } from '@/domains/dam/uploadQueue/composables/useUploadQueueDialog'\nimport { useUploadQueuesStore } from '@/domains/dam/uploadQueue/store/uploadQueuesStore'\nimport UploadQueueDialog from '@/domains/dam/uploadQueue/components/UploadQueueDialog.vue'\nimport AFileInput from '@/domains/ui/file/components/AFileInput.vue'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    queueKey: UploadQueueKey\n    selectConfigs: DamConfigLicenceExtSystemReturnType[]\n    inPodcast?: boolean | null\n    configName?: string\n    skipCurrentUserCheck?: boolean\n    variant?: 'default' | 'inline'\n  }>(),\n  {\n    inPodcast: null,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n    variant: 'default',\n  }\n)\n\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  initStoreContext,\n  detailLoading,\n  readActiveItemAgain,\n  fetchAssetListDebounced,\n  reset,\n  resetAssetList,\n} = useAssetSelectActions(damConfigName)\n// The ordering in the list bar reads this; without it the dialog would pick up the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { assetListEnabledFilters } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst assetDetailStore = useAssetDetailStore()\nconst { asset, dialog } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\n\nconst { sidebarRight, closeSidebarRight, closeSidebarLeft } = useSidebar()\nconst { mdAndDown } = useDisplay()\nconst { showErrorT } = useAlerts()\n\nconst { filterData, filterConfig } = useAssetListFilter()\nprovide(FilterConfigKey, filterConfig)\nprovide(FilterDataKey, filterData)\n\nconst { resetFilter, submitFilter } = useFilterHelpers(filterData, filterConfig, {\n  populateUrlParams: false,\n  storeFiltersLocalStorage: false,\n})\n\nconst submitFilterAction = () => {\n  submitFilter(pagination, fetchAssetListDebounced)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst resetFilterAction = () => {\n  resetFilter(pagination, resetAssetList)\n  if (mdAndDown.value) closeSidebarLeft()\n}\n\nconst onInit = () => {\n  let selectConfigLocal = cloneDeep(props.selectConfigs)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(props.selectConfigs, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    return\n  }\n\n  reset()\n  initStoreContext(selectConfigLocal, props.assetType, props.inPodcast, false, 0, 0)\n  fetchAssetListDebounced()\n}\n\nconst { gridView } = useGridView()\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst extId = computed(() => {\n  if (props.selectConfigs.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = props.selectConfigs.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The configuration of the custom fields could not be read: the side panel says so, in place of the form of the\n// asset, which cannot be drawn without it. It used to load without an end.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\n// Whether the open detail is the one \"edit\" of the side panel opened. The detail of a row of the upload queue is drawn\n// here as well, and its close has the panel read its own asset again.\nlet detailOfPanel = false\n\nconst onOpenEditDialog = () => {\n  if (!asset.value) return\n  detailOfPanel = true\n  dialog.value = props.queueKey\n}\n\n// The panel reads the asset the detail it opened showed, not the one the list remembers: the two differ once a click\n// has been made while the panel showed the asset it opened.\nconst onCloseEditDialog = (shown: AssetDetailItemDto | null) => {\n  const ofPanel = detailOfPanel\n  detailOfPanel = false\n  readActiveItemAgain(ofPanel ? (shown?.id ?? null) : null)\n}\n\nconst imageWidgetUploadConfig = inject(ImageWidgetUploadConfigKey, undefined)\nconst uploadEnabled = computed(() => isDefined(imageWidgetUploadConfig) && isDefined(imageWidgetUploadConfig.value))\n\nconst { uploadQueueDialog, uploadQueueDialogSaving, stopQueueLeftBehind } = useUploadQueueDialog()\nconst uploadQueuesStore = useUploadQueuesStore()\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { uploadSizes, uploadAccept } = useDamAcceptTypeAndSizeHelper(\n  props.assetType,\n  (imageWidgetUploadConfig?.value?.extSystemConfig ?? {}) as DamExtSystemConfig\n)\n\nconst uploadQueue = computed(() => {\n  return uploadQueuesStore.getQueue(props.queueKey)\n})\n\nconst onFileInput = (files: File[]) => {\n  if (files.length === 0) return\n  // The page has an entry of its own (its button, a dropzone over the whole window) that reaches here past the\n  // dialog. While the dialog of this queue saves no file is taken: \"save and apply\" ends with the queue emptied, and\n  // a file queued meanwhile went with it, half uploaded and without a word.\n  if (uploadQueueDialogSaving.value === props.queueKey) return\n  const config = imageWidgetUploadConfig?.value\n  if (!config) return\n  stopQueueLeftBehind(props.queueKey)\n  uploadQueuesStore.addByFiles(props.queueKey, config.extSystem, config.licence, files, damConfigName)\n  uploadQueueDialog.value = props.queueKey\n}\n\nconst onUploadApply = () => {\n  uploadQueueDialog.value = null\n  uploadQueuesStore.stopUpload(props.queueKey)\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // The custom fields of the type it lists: every type of the ext system where it has none yet, else that type alone\n    // where its read failed before. The types loaded are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // The answer for an ext system the list has left since says nothing of the one it lists now.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nwatch(selectedLicenceId, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  resetFilterAction()\n})\n\nonInit()\n\nonUnmounted(() => {\n  reset()\n})\n</script>\n\n<template>\n  <slot\n    v-if=\"uploadEnabled\"\n    name=\"upload-activator\"\n    :on-file-input=\"onFileInput\"\n    :upload-accept=\"uploadAccept\"\n    :upload-sizes=\"uploadSizes\"\n  >\n    <AFileInput\n      :file-input-key=\"uploadQueue?.fileInputKey\"\n      :accept=\"uploadAccept\"\n      :max-sizes=\"uploadSizes\"\n      multiple\n      @files-input=\"onFileInput\"\n    >\n      <template #activator=\"{ props: fileInputProps }\">\n        <VBtn v-bind=\"fileInputProps\">\n          {{ t('common.button.upload') }}\n        </VBtn>\n      </template>\n    </AFileInput>\n  </slot>\n  <div\n    class=\"subject-select__card\"\n    :class=\"{ 'subject-select__card--inline': variant === 'inline' }\"\n  >\n    <div class=\"px-2 pt-2\">\n      <slot name=\"filter\">\n        <AFilterWrapper\n          @submit=\"submitFilterAction\"\n          @reset=\"resetFilterAction\"\n        >\n          <template #search>\n            <AFilterString name=\"text\" />\n          </template>\n          <template #detail>\n            <VRow v-if=\"selectConfigs.length > 1\">\n              <VCol :cols=\"12\">\n                <VSelect\n                  v-model=\"selectedLicenceId\"\n                  :label=\"t('common.assetSelect.filter.licence')\"\n                  :items=\"selectConfigs\"\n                  item-title=\"licenceName\"\n                  item-value=\"licence\"\n                  hide-details\n                />\n              </VCol>\n            </VRow>\n            <AssetSelectFilterForm\n              use-config-layout\n              hide-text-search\n              :enabled-filters=\"assetListEnabledFilters\"\n              :config-name=\"damConfigName\"\n            />\n          </template>\n        </AFilterWrapper>\n      </slot>\n    </div>\n    <AssetSelectListBar\n      v-model:sort=\"sortModel\"\n      hide-filter-toggle\n      @sort-by-change=\"sortByChange\"\n    />\n    <div\n      class=\"subject-select__main\"\n      :class=\"{\n        'subject-select__main--sidebar-right-active': sidebarRight && !mdAndDown,\n      }\"\n    >\n      <div class=\"subject-select__content\">\n        <component\n          :is=\"componentComputed\"\n          v-if=\"extId\"\n          :ext-system=\"extId\"\n        />\n        <div class=\"d-flex w-100 align-center justify-center pa-4\">\n          <ABtnSecondary\n            v-show=\"pagination.hasNextPage || loader\"\n            v-intersect=\"fetchNextPageInView\"\n            :loading=\"loader\"\n            size=\"small\"\n            @click=\"fetchNextPage\"\n          >\n            {{ t('common.button.loadMore') }}\n          </ABtnSecondary>\n        </div>\n      </div>\n      <div\n        v-if=\"!mdAndDown\"\n        class=\"subject-select__sidebar-right border-s\"\n      >\n        <div\n          v-if=\"customFormConfigFailed\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.damImage.error.loadingConfig') }}\n        </div>\n        <div\n          v-else-if=\"loadingSidebarRight\"\n          class=\"d-flex w-100 align-center justify-center\"\n        >\n          <VProgressCircular indeterminate />\n        </div>\n        <div\n          v-else-if=\"!asset\"\n          class=\"d-flex w-100 align-center justify-center text-body-large\"\n        >\n          {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n        </div>\n        <div\n          v-else\n          class=\"w-100\"\n        >\n          <slot\n            name=\"sidebar-prepend\"\n            :asset=\"asset\"\n          />\n          <AssetMetadata\n            v-if=\"extId && !customFormConfigLoading\"\n            :ext-system=\"extId\"\n            readonly\n            show-edit-button\n            @edit-in-dam=\"onOpenEditDialog\"\n          />\n        </div>\n      </div>\n    </div>\n    <VDialog\n      v-if=\"mdAndDown\"\n      v-model=\"sidebarRight\"\n      scrollable\n      @update:model-value=\"\n        (v) => {\n          if (!v) closeSidebarRight()\n        }\n      \"\n    >\n      <VCard>\n        <ADialogToolbar @cancel=\"closeSidebarRight\">\n          {{ t('common.assetSelect.meta.info.toggle') }}\n        </ADialogToolbar>\n        <VCardText>\n          <div\n            v-if=\"customFormConfigFailed\"\n            class=\"d-flex w-100 align-center justify-center text-body-large\"\n          >\n            {{ t('common.damImage.error.loadingConfig') }}\n          </div>\n          <div\n            v-else-if=\"loadingSidebarRight\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <div\n            v-else-if=\"asset\"\n            class=\"w-100\"\n          >\n            <slot\n              name=\"sidebar-prepend\"\n              :asset=\"asset\"\n            />\n            <AssetMetadata\n              v-if=\"extId && !customFormConfigLoading\"\n              :ext-system=\"extId\"\n              readonly\n              show-edit-button\n              @edit-in-dam=\"onOpenEditDialog\"\n            />\n          </div>\n        </VCardText>\n        <VCardActions>\n          <VSpacer />\n          <VBtn @click=\"closeSidebarRight\">\n            {{ t('common.button.close') }}\n          </VBtn>\n        </VCardActions>\n      </VCard>\n    </VDialog>\n  </div>\n  <AssetDetailDialog\n    v-if=\"dialog === queueKey && extId\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"extId\"\n    @close=\"onCloseEditDialog\"\n  />\n  <UploadQueueDialog\n    v-if=\"uploadEnabled && uploadQueueDialog === queueKey && imageWidgetUploadConfig\"\n    :queue-key=\"queueKey\"\n    :ext-system=\"imageWidgetUploadConfig.extSystem\"\n    :licence-id=\"imageWidgetUploadConfig.licence\"\n    :file-input-key=\"uploadQueue?.fileInputKey ?? -1\"\n    :accept=\"uploadAccept\"\n    :max-sizes=\"uploadSizes\"\n    @apply=\"onUploadApply\"\n    @files-input=\"onFileInput\"\n    @drop=\"onFileInput\"\n  />\n</template>\n"],"mappings":"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"}

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

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

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

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