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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AAssetSelect.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_Fragment","_renderSlot","_component_VDialog","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","AssetSelectListBar","_createElementVNode","_normalizeClass","AssetSelectFilter","_resolveDynamicComponent","_createCommentVNode","_withDirectives","_vShow","_directive_intersect","AssetMetadata","_component_VSpacer","_component_VSwitch","_withModifiers","ADialogToolbar_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AssetSelectFilter_default","AssetMetadata_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AssetSelectReturnType","\"modelValue\"","\"modelModifiers\"","\"sort\"","\"sortModifiers\"","\"ready\"","\"readyModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","sortModel","ready","damConfigName","useDamConfigName","loading","ref","copyToLicence","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useCommonAdminCoreDamOptions","selectConfigs","shallowRef","useDisplay","useSidebar","useAlerts","onOpen","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","mdAndUp","openSidebarLeft","closeSidebarRight","newValue","oldValue","onClose","getCopyToLicenceId","copyToLicenceEnabled","DamAssetType","asset","onConfirm","getSelectedData","useGridView","showCopyToLicence","computed","selectedLicenceId","isUndefined","componentComputed","gridView","AssetSelectGridView","disabledSubmit","selectedCount","extId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","customFormConfigFailed","sortByChange","option","fetchAssetListDebounced","watch","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","onMounted","getOrLoadDamConfigExtSystemByLicences","onUnmounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","createVNode","VProgressCircular","Fragment","renderSlot","_ctx","withModifiers","VDialog","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","createElementVNode","normalizeClass","sidebarLeft","sidebarRight","resolveDynamicComponent","createCommentVNode","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VSpacer","VSwitch"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, provide, ref, shallowRef, watch, withModifiers } from 'vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilter from '@/domains/dam/assetSelect/components/AssetSelectFilter.vue'\nimport {\n  type AssetSelectReturnData,\n  AssetSelectReturnType,\n  type AssetSelectReturnTypeType,\n} from '@/domains/dam/types/AssetSelect'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    inPodcast?: boolean | null\n    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    inPodcast: null,\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'confirm', data: AssetSelectReturnData): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\nconst ready = defineModel<boolean>('ready', { default: false, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst loading = ref(false)\nconst copyToLicence = ref(false)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  selectedCount,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  fetchAssetListDebounced,\n  reset,\n} = useAssetSelectActions(damConfigName)\n// The ordering in the list bar reads this; without it the dialog would pick up the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { mdAndUp } = useDisplay()\nconst { openSidebarLeft, closeSidebarRight, sidebarLeft, sidebarRight } = useSidebar()\nconst { showErrorT } = useAlerts()\n\nconst onOpen = () => {\n  if (!ready.value) return\n  let selectConfigLocal = cloneDeep(selectConfigs.value)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(selectConfigs.value, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    // Not opened over no licence: it would list nothing, and the next press would not say why.\n    modelValue.value = false\n    return\n  }\n\n  reset()\n  initStoreContext(\n    selectConfigLocal,\n    props.assetType,\n    props.inPodcast,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  if (mdAndUp.value) openSidebarLeft()\n  if (!mdAndUp.value) closeSidebarRight()\n  modelValue.value = true\n}\n\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue || !newValue) return\n    onOpen()\n  },\n  { immediate: true }\n)\n\nconst onClose = () => {\n  modelValue.value = false\n  reset()\n}\n\n// The switch as the user left it, for the picked assets of another licence than the one of the upload: the picked ones\n// outlive a change of the licence browsed, so the licence of each decides, not the one browsed now. One already in\n// the licence of the upload is not copied; the widget takes it as it is.\nconst getCopyToLicenceId = () => {\n  if (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    copyToLicence.value &&\n    props.uploadLicence &&\n    [...assetSelectStore.selectedAssets.values()].some(({ asset }) => asset.licence !== props.uploadLicence)\n  ) {\n    return props.uploadLicence\n  }\n  return undefined\n}\n\nconst onConfirm = () => {\n  emit('confirm', getSelectedData(props.returnType, getCopyToLicenceId()))\n  onClose()\n}\n\nconst { gridView } = useGridView()\n\nconst showCopyToLicence = computed(() => {\n  return (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    selectedLicenceId.value > 0 &&\n    !isUndefined(props.uploadLicence) &&\n    selectedLicenceId.value !== props.uploadLicence\n  )\n})\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedCount.value < props.minCount || selectedCount.value > props.maxCount\n})\n\nconst extId = computed(() => {\n  if (selectConfigs.value.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = selectConfigs.value.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The configuration of the custom fields could not be read: the side panel says so, in place of the form of the\n// asset, which cannot be drawn without it. It used to load without an end.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // The custom fields of the type it lists: every type of the ext system where it has none yet, else that type alone\n    // where its read failed before. The types loaded are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // The answer for an ext system the list has left since says nothing of the one it lists now.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nonMounted(async () => {\n  ready.value = false\n  loading.value = true\n  selectConfigs.value = await getOrLoadDamConfigExtSystemByLicences(props.selectLicences)\n  loading.value = false\n  ready.value = true\n})\n\nonUnmounted(() => {\n  selectConfigs.value = []\n})\n\ndefineExpose({\n  open: onOpen,\n})\n</script>\n\n<template>\n  <div\n    v-if=\"loading\"\n    class=\"w-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <template v-else-if=\"ready && selectConfigs.length > 0\">\n    <slot\n      name=\"activator\"\n      :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n    />\n    <VDialog\n      v-model=\"modelValue\"\n      fullscreen\n      class=\"subject-select\"\n    >\n      <VCard\n        v-if=\"modelValue\"\n        class=\"subject-select__card\"\n      >\n        <ADialogToolbar\n          class=\"subject-select__toolbar border-b\"\n          @cancel=\"onClose\"\n        >\n          <slot name=\"title\">\n            {{ t('common.assetSelect.meta.texts.title') }}\n          </slot>\n        </ADialogToolbar>\n        <AssetSelectListBar\n          v-model:sort=\"sortModel\"\n          @sort-by-change=\"sortByChange\"\n        />\n        <div\n          class=\"subject-select__main\"\n          :class=\"{\n            'subject-select__main--sidebar-active': sidebarLeft,\n            'subject-select__main--sidebar-right-active': sidebarRight,\n          }\"\n        >\n          <div class=\"subject-select__sidebar border-e\">\n            <AssetSelectFilter :config-name=\"damConfigName\" />\n          </div>\n          <div class=\"subject-select__content\">\n            <component\n              :is=\"componentComputed\"\n              v-if=\"extId\"\n              :ext-system=\"extId\"\n            />\n            <div class=\"d-flex w-100 align-center justify-center pa-4\">\n              <ABtnSecondary\n                v-show=\"pagination.hasNextPage || loader\"\n                v-intersect=\"fetchNextPageInView\"\n                :loading=\"loader\"\n                size=\"small\"\n                @click=\"fetchNextPage\"\n              >\n                <slot name=\"button-confirm-title\">\n                  {{ t('common.button.loadMore') }}\n                </slot>\n              </ABtnSecondary>\n            </div>\n          </div>\n          <div class=\"subject-select__sidebar-right border-s\">\n            <div\n              v-if=\"customFormConfigFailed\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.damImage.error.loadingConfig') }}\n            </div>\n            <div\n              v-else-if=\"loadingSidebarRight\"\n              class=\"d-flex w-100 align-center justify-center\"\n            >\n              <VProgressCircular indeterminate />\n            </div>\n            <div\n              v-else-if=\"!asset\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n            </div>\n            <div\n              v-else\n              class=\"w-100\"\n            >\n              <slot\n                name=\"sidebar-prepend\"\n                :asset=\"asset\"\n              />\n              <AssetMetadata\n                v-if=\"extId && !customFormConfigLoading\"\n                :ext-system=\"extId\"\n                readonly\n              />\n            </div>\n          </div>\n        </div>\n        <div class=\"subject-select__actions border-t\">\n          <div v-if=\"props.minCount === props.maxCount\">\n            {{\n              t('common.assetSelect.meta.texts.pickExactCount', {\n                count: props.minCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <div v-else>\n            {{\n              t('common.assetSelect.meta.texts.pickRangeCount', {\n                minCount: props.minCount,\n                maxCount: props.maxCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <VSpacer />\n          <VSwitch\n            v-if=\"showCopyToLicence\"\n            v-model=\"copyToLicence\"\n            :label=\"t('common.assetSelect.meta.texts.copyToLicence')\"\n            hide-details\n            class=\"mr-2\"\n          />\n          <ABtnPrimary\n            :disabled=\"disabledSubmit\"\n            @click.stop=\"onConfirm\"\n          >\n            <slot name=\"button-confirm-title\">\n              {{ t('common.button.confirm') }}\n            </slot>\n          </ABtnPrimary>\n        </div>\n      </VCard>\n    </VDialog>\n  </template>\n  <div v-else>{{ t('common.assetSelect.error.noSelectLicence') }}</div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,IAAM4D,IAAQC,GAqBRC,KAAOH,GAIPI,IAAa/D,EAAoB6D,GAAA,YAAoC,GACrEI,IAAYjE,EAAmB6D,GAAC,MAAuC,GACvEK,IAAQlE,EAAoB6D,GAAC,OAA4C,GAEzEM,IAAgBC,GAAiBR,EAAM,UAAU,GAEjDS,IAAUC,EAAI,EAAK,GACnBC,IAAgBD,EAAI,EAAK,GAEzB,EAAE,SAAME,GAAQ,GAEhB,EACJ,cACA,kBACA,WACA,eACA,mBACA,yBACA,qBACA,sBACA,mBACA,6BACA,aACEC,GAAsBN,CAAa;EAEvC,GAAQO,IAAwBC,CAAU;EAE1C,IAAM,EAAE,0CAAsC,2CAAwCC,EACpFC,GACAV,CACF,GAEM,EAAE,8CAA0CS,EAAkBC,GAAWV,CAAa,GACtFW,KAAmBC,GAAoB,GACvC,EAAE,aAAUC,EAAYF,EAAgB,GACxCG,IAAmBC,GAAoB,GACvC,EAAE,yBAAsBF,EAAYC,CAAgB,GACpD,EAAE,4BAAyBE,GAA6BhB,CAAa,GAErEiB,IAAgBC,GAAkD,CAAC,CAAC,GAEpE,EAAE,eAAYC,GAAW,GACzB,EAAE,qBAAiB,uBAAmB,iBAAa,qBAAiBC,GAAW,GAC/E,EAAE,mBAAeC,EAAU,GAE3BC,UAAe;GACnB,IAAI,CAACvB,EAAM,OAAO;GAClB,IAAIwB,IAAoBC,EAAUP,EAAc,KAAK;GAIrD,AAHKxB,EAAM,yBACT,IAAoBgC,GAAsCR,EAAc,OAAOjB,CAAa,IAE1FuB,EAAkB,WAAW,KAC/BG,GAAW,2CAA2C,GAEtD,EAAW,QAAQ,OAIrBC,EAAM,GACNC,GACEL,GACA9B,EAAM,WACNA,EAAM,WACAA,EAAM,aAAZ,KAAwBA,EAAM,aAAaA,EAAM,UACjDA,EAAM,UACNA,EAAM,QACR,GACIoC,EAAQ,SAAOC,GAAgB,GAC9BD,EAAQ,SAAOE,GAAkB,GACtC,EAAW,QAAQ;EACrB;EAEA,EACEnC,GACA,OAAO,GAAU,MAAa;GAC5B,AAAIoC,MAAaC,KAAaD,KAC9BV,EAAO;EACT,GACA,EAAE,WAAW,GAAK,CACpB;EAEA,IAAMY,UAAgB;GAEpB,AADA,EAAW,QAAQ,IACnBP,EAAM;EACR,GAKMQ,WAA2B;GAC/B,IACEC,MAAyB,MACzB3C,EAAM,cAAc4C,EAAa,SACjCjC,EAAc,SACdX,EAAM,iBACN,CAAC,GAAGqB,EAAiB,eAAe,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,eAAYwB,EAAM,YAAY7C,EAAM,aAAa,GAEvG,OAAOA,EAAM;EAGjB,GAEM8C,WAAkB;GAEtB,AADA5C,GAAK,WAAW6C,GAAgB/C,EAAM,YAAY0C,GAAmB,CAAC,CAAC,GACvED,EAAQ;EACV,GAEM,EAAE,iBAAaO,GAAY,GAE3BC,KAAoBC,QAEtBP,MAAyB,MACzB3C,EAAM,cAAc4C,EAAa,SACjCO,EAAkB,QAAQ,KAC1B,CAACC,EAAYpD,EAAM,aAAa,KAChCmD,EAAkB,UAAUnD,EAAM,aAErC,GAEKqD,KAAoBH,QAAe;GACvC,QAAQI,GAAS,OAAjB;IACE,KAAKC,EAAoB,OACvB,OAAOlH;IACT;IACA,KAAKkH,EAAoB;IACzB,KAAKA,EAAoB,WACvB,OAAOjH;GACX;EACF,CAAC,GAEKkH,KAAiBN,QACdO,EAAc,QAAQzD,EAAM,YAAYyD,EAAc,QAAQzD,EAAM,QAC5E,GAEK0D,IAAQR,QAAe;GAC3B,IAAI1B,EAAc,MAAM,WAAW,KAC/B2B,EAAkB,QAAQ,GAAG;IAC/B,IAAMQ,IAAQnC,EAAc,MAAM,MAAM,MAAWoC,EAAO,YAAYT,EAAkB,KAAK;IAC7F,IAAIQ,GAAO,OAAOA,EAAM;GAC1B;EAEF,CAAC,GAEKE,KAAsBX,QACnBY,EAAwB,SAASC,GAAc,KACvD,GAEK,EAAE,0BAAsBnC,EAAU,GAClCkC,IAA0BpD,EAAI,EAAI,GAGlCsD,IAAyBtD,EAAI,EAAK,GAElCuD,MAAgB,MAAoC;GAKxD,AAJA,EAAW,MAAM,SAAS,MACtBC,EAAO,WACT,EAAW,MAAM,SAAS;IAAE,KAAKA,EAAO,OAAO;IAAK,OAAOA,EAAO,OAAO;GAAM,IAEjFC,GAAwB;EAC1B;E,OAEAC,EACEV,GACA,OAAO,MAAa;GAClB,IAAIN,EAAYb,CAAQ,GAAG;GAE3B,AADA,EAAwB,QAAQ,IAChC,EAAuB,QAAQ;GAG/B,IAAM8B,IAAOrE,EAAM;GACnB,IAAIoD,EAAYkB,EAAoC/B,GAAU8B,CAAI,CAAC,GAAG;IACpE,IAAI;KACF,MAAME,GACJhC,GACA+B,EAAoC/B,CAAQ,IAAI,CAAC8B,CAAI,IAAI,KAAA,CAC3D;IACF,SAAS,GAAG;KACV,GAAkB,CAAC;IACrB;IAEA,IAAIX,EAAM,UAAUnB,GAAU;IAC9B,EAAuB,QAAQa,EAAYkB,EAAoC/B,GAAU8B,CAAI,CAAC;GAChG;GACA,EAAwB,QAAQ;EAClC,GACA,EAAE,WAAW,GAAK,CACpB,GAEAG,GAAU,YAAY;GAKpB,AAJA,EAAM,QAAQ,IACd,EAAQ,QAAQ,IAChB,EAAc,QAAQ,MAAMC,GAAsCzE,EAAM,cAAc,GACtF,EAAQ,QAAQ,IAChB,EAAM,QAAQ;EAChB,CAAC,GAED0E,SAAkB;GAChB,EAAc,QAAQ,CAAC;EACzB,CAAC,GAED5E,EAAa,EACX,MAAM+B,EACR,CAAC,I;;GAKS,OAAApB,EAAA,SADRjE,EAAA,GAAAC,EAKM,OALNgC,IAKM,CADJ/B,EAAmCC,GAAA,EAAhB,eAAA,GAAa,CAAA,C,MAEb2D,EAAA,SAASkB,EAAA,MAAc,SAAM,KAAlDhF,EAAA,GAAAC,EAgIWG,IAAA,EAAA,KAAA,EAAA,GAAA,CA/HTC,EAGEuI,EAAA,QAAA,aAAA,EADC,OAAK,EAAA,SAAaC,QAAoBxD,EAAM,GAAA,CAAA,MAAA,CAAA,EAAA,E,IAE/CnF,EA0HUI,IAAA;IAzHC,YAAAqD,EAAA;IAAA,uBAAA,AAAAoF,EAAA,QAAA,MAAA,EAAU,QAAAC;IACnB,YAAA;IACA,OAAM;;IAEN,SAAAzI,QAoHQ,CAnHAoD,EAAA,SADR3D,EAAA,GAAAQ,EAoHQC,IAAA;;KAlHN,OAAM;;KAEN,SAAAF,QAOiB;MAPjBL,EAOiBQ,GAAA;OANf,OAAM;OACL,UAAQuF;;OAET,SAAA1F,QAEO,CAFPF,EAEOuI,EAAA,QAAA,SAAA,CAAA,SAAA,CADFjI,EAAAC,EAAAC,EAAA0I,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C;;;MAGRrJ,EAGEY,IAAA;OAFQ,MAAM+C,EAAA;OAAA,iBAAA,AAAAkF,EAAA,QAAA,MAAA,EAAS,QAAAC;OACtB,gBAAgBvB;;MAEnB1G,EAgEM,OAAA,EA/DJ,OAAKC,GAAA,CAAC,wBAAsB;OACkC,wCAAAH,EAAA6I,EAAA;OAAuE,8CAAA7I,EAAA8I,EAAA;;OAKrI5I,EAEM,OAFNmB,IAEM,CADJhC,EAAkDe,IAAA,EAA9B,eAAaJ,EAAAkD,CAAA,EAAa,GAAA,MAAA,GAAA,CAAA,aAAA,CAAA,C;OAEhDhD,EAmBM,OAnBNoB,IAmBM,CAhBI+E,EAAA,SAFRlH,EAAA,GAAAQ,EAIEU,GAHK2F,GAAA,KAAiB,GAAA;;QAErB,cAAYK,EAAA;O,0CAEfnG,EAYM,OAZNqB,IAYM,CAXJhB,IAAApB,EAAA,GAAAQ,EAUgB2H,GAAA;QAPb,SAAStH,EAAAkJ,CAAA;QACV,MAAK;QACJ,SAAOlJ,EAAAmJ,EAAA;;QAER,SAAAzJ,QAEO,CAFPF,EAEOuI,EAAA,QAAA,wBAAA,CAAA,SAAA,CADFjI,EAAAC,EAAAC,EAAA0I,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,CAAA,C;;O,iCAPE,CAAAlI,IAAAR,EAAA0D,CAAA,CAAU,CAAC,eAAe1D,EAAAkJ,CAAA,CAAM,GAC3B,CAAAzI,IAAAT,EAAAsJ,EAAA,CAAmB,C;OAWtCpJ,EAiCM,OAjCNsB,IAiCM,CA/BImF,EAAA,SADRxH,EAAA,GAAAC,EAKM,OALNqC,IAKM1B,EADDC,EAAA0I,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,KAGOlC,GAAA,SADbrH,EAAA,GAAAC,EAKM,OALNsC,IAKM,CADJrC,EAAmCC,GAAA,EAAhB,eAAA,GAAa,CAAA,C,MAGpBU,EAAAwF,CAAA,KAKdrG,EAAA,GAAAC,EAaM,OAbNwC,IAaM,CATJpC,EAGEuI,EAAA,QAAA,mBAAA,EADC,OAAO/H,EAAAwF,CAAA,EAAK,CAAA,GAGPa,EAAA,SAAK,CAAKI,EAAA,SADlBtH,EAAA,GAAAQ,EAIEe,IAAA;;QAFC,cAAY2F,EAAA;QACb,UAAA;O,+CAjBJlH,EAAA,GAAAC,EAKM,OALNuC,IAKM5B,EADDC,EAAA0I,CAAA,CAAC,CAAA,8CAAA,CAAA,GAAA,CAAA,E;;MAkBVxI,EAkCM,OAlCN2B,IAkCM;OAjCOc,EAAM,aAAaA,EAAM,YAApCxD,EAAA,GAAAC,EAOM,OAAA0C,IAAA/B,EALFC,EAAA0I,CAAA,CAAC,CAAA,gDAAA;QAA0E,OAAA/F,EAAM;QAAoC,UAAA3C,EAAAoG,CAAA;O,YAMzHjH,EAAA,GAAAC,EAQM,OAAA2C,IAAAhC,EANFC,EAAA0I,CAAA,CAAC,CAAA,gDAAA;QAA6E,UAAA/F,EAAM;QAAoC,UAAAA,EAAM;QAAoC,UAAA3C,EAAAoG,CAAA;;OAOtK/G,EAAWsB,EAAA;OAEHiF,GAAA,SADRzG,EAAA,GAAAQ,EAMEiB,IAAA;;QAJS,YAAA0C,EAAA;QAAA,uBAAA,AAAA4E,EAAA,QAAA,MAAA,EAAa,QAAAC;QACrB,OAAOnI,EAAA0I,CAAA,CAAC,CAAA,6CAAA;QACT,gBAAA;QACA,OAAM;;OAERrJ,EAOcmI,GAAA;QANX,UAAUrB,GAAA;QACV,SAAKtF,EAAO4E,IAAS,CAAA,MAAA,CAAA;;QAEtB,SAAA/F,QAEO,CAFPF,EAEOuI,EAAA,QAAA,wBAAA,CAAA,SAAA,CADFjI,EAAAC,EAAAC,EAAA0I,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,CAAA,C;;;;;;;;G,gCAOhBvJ,EAAA,GAAAC,EAAqE,OAAA4C,IAAAjC,EAAtDC,EAAA0I,CAAA,CAAC,CAAA,0CAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"AAssetSelect.vue_vue_type_script_setup_true_lang.js","names":["_useModel","AssetSelectListTable","AssetSelectListTiles","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_component_VProgressCircular","_Fragment","_renderSlot","_component_VDialog","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","AssetSelectListBar","_createElementVNode","_normalizeClass","AssetSelectFilter","_resolveDynamicComponent","_createCommentVNode","_withDirectives","_vShow","_directive_intersect","AssetMetadata","_component_VSpacer","_component_VSwitch","_withModifiers","ADialogToolbar_default","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AssetSelectFilter_default","AssetMetadata_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","AAssetSelect_vue_vue_type_script_setup_true_lang_default","AssetSelectReturnType","\"modelValue\"","\"modelModifiers\"","\"sort\"","\"sortModifiers\"","\"ready\"","\"readyModifiers\"","__expose","__emit","props","__props","emit","modelValue","useModel","sortModel","ready","damConfigName","useDamConfigName","loading","ref","copyToLicence","useI18n","useAssetSelectActions","DatatablePaginationKey","pagination","useDamConfigState","damClient","assetDetailStore","useAssetDetailStore","storeToRefs","assetSelectStore","useAssetSelectStore","useCommonAdminCoreDamOptions","selectConfigs","shallowRef","useDisplay","useSidebar","useAlerts","onOpen","selectConfigLocal","cloneDeep","filterAllowedImageWidgetSelectConfigs","showErrorT","reset","initStoreContext","mdAndUp","openSidebarLeft","closeSidebarRight","newValue","oldValue","onClose","getCopyToLicenceId","copyToLicenceEnabled","DamAssetType","asset","onConfirm","getSelectedData","useGridView","showCopyToLicence","computed","selectedLicenceId","isUndefined","componentComputed","gridView","AssetSelectGridView","disabledSubmit","selectedCount","extId","found","config","loadingSidebarRight","customFormConfigLoading","detailLoading","customFormConfigFailed","sortByChange","option","fetchAssetListDebounced","watch","type","getDamConfigAssetCustomFormElements","loadDamConfigAssetCustomFormElements","onMounted","getOrLoadDamConfigExtSystemByLicences","onUnmounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","createVNode","VProgressCircular","Fragment","renderSlot","_ctx","withModifiers","VDialog","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","createElementVNode","normalizeClass","sidebarLeft","sidebarRight","resolveDynamicComponent","createCommentVNode","withDirectives","loader","fetchNextPage","vShow","Intersect","fetchNextPageInView","VSpacer","VSwitch"],"sources":["../../../../../src/domains/dam/assetSelect/components/AAssetSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, onMounted, onUnmounted, provide, ref, shallowRef, watch, withModifiers } from 'vue'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useDisplay } from 'vuetify'\nimport { useI18n } from 'vue-i18n'\nimport { DamAssetType, type DamAssetTypeType } from '@/domains/dam/types/Asset'\nimport { useAssetSelectActions } from '@/domains/dam/assetSelect/composables/assetSelectListActions'\nimport AssetSelectListTable from '@/domains/dam/assetSelect/components/AssetSelectListTable.vue'\nimport AssetSelectListBar from '@/domains/dam/assetSelect/components/AssetSelectListBar.vue'\nimport { AssetSelectGridView, useGridView } from '@/domains/dam/assetSelect/composables/assetSelectGridView'\nimport AssetSelectListTiles from '@/domains/dam/assetSelect/components/AssetSelectListTiles.vue'\nimport { useSidebar } from '@/domains/dam/assetSelect/composables/assetSelectFilterSidebar'\nimport AssetSelectFilter from '@/domains/dam/assetSelect/components/AssetSelectFilter.vue'\nimport {\n  type AssetSelectReturnData,\n  AssetSelectReturnType,\n  type AssetSelectReturnTypeType,\n} from '@/domains/dam/types/AssetSelect'\nimport { filterAllowedImageWidgetSelectConfigs } from '@/domains/dam/config/utils/damFilterUserAllowedUploadConfigs'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useDamConfigState } from '@/domains/dam/config/composables/damConfigState'\nimport type { DamConfigLicenceExtSystemReturnType } from '@/domains/dam/types/DamConfig'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport AssetMetadata from '@/domains/dam/assetDetail/components/AssetMetadata.vue'\nimport { useAssetSelectStore } from '@/domains/dam/assetSelect/store/assetSelectStore'\nimport { storeToRefs } from 'pinia'\nimport { useAssetDetailStore } from '@/domains/dam/assetDetail/store/assetDetailStore'\nimport { type DatatableOrderingOption } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useCommonAdminCoreDamOptions } from '@/domains/dam/composables/commonAdminCoreDamOptions'\nimport { useDamConfigName } from '@/domains/dam/composables/damConfigName'\n\nconst props = withDefaults(\n  defineProps<{\n    assetType: DamAssetTypeType\n    inPodcast?: boolean | null\n    minCount: number\n    maxCount: number\n    selectLicences: IntegerId[]\n    uploadLicence?: IntegerId | undefined\n    returnType?: AssetSelectReturnTypeType\n    configName?: string\n    skipCurrentUserCheck?: boolean\n  }>(),\n  {\n    inPodcast: null,\n    uploadLicence: undefined,\n    returnType: AssetSelectReturnType.MainFileId,\n    configName: undefined,\n    skipCurrentUserCheck: false,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'confirm', data: AssetSelectReturnData): void\n}>()\n\nconst modelValue = defineModel<boolean>({ default: false, required: false })\nconst sortModel = defineModel<number>('sort', { default: 1, required: false })\nconst ready = defineModel<boolean>('ready', { default: false, required: false })\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst damConfigName = useDamConfigName(props.configName)\n\nconst loading = ref(false)\nconst copyToLicence = ref(false)\n\nconst { t } = useI18n()\n\nconst {\n  damClient,\n  selectedCount,\n  loader,\n  pagination,\n  fetchNextPage,\n  fetchNextPageInView,\n  getSelectedData,\n  initStoreContext,\n  detailLoading,\n  fetchAssetListDebounced,\n  reset,\n} = useAssetSelectActions(damConfigName)\n// The list bar ordering reads this. Without it the dialog would use the host page's pagination.\nprovide(DatatablePaginationKey, pagination)\n\nconst { loadDamConfigAssetCustomFormElements, getDamConfigAssetCustomFormElements } = useDamConfigState(\n  damClient,\n  damConfigName\n)\n\nconst { getOrLoadDamConfigExtSystemByLicences } = useDamConfigState(damClient, damConfigName)\nconst assetDetailStore = useAssetDetailStore()\nconst { asset } = storeToRefs(assetDetailStore)\nconst assetSelectStore = useAssetSelectStore()\nconst { selectedLicenceId } = storeToRefs(assetSelectStore)\nconst { copyToLicenceEnabled } = useCommonAdminCoreDamOptions(damConfigName)\n\nconst selectConfigs = shallowRef<DamConfigLicenceExtSystemReturnType[]>([])\n\nconst { mdAndUp } = useDisplay()\nconst { openSidebarLeft, closeSidebarRight, sidebarLeft, sidebarRight } = useSidebar()\nconst { showErrorT } = useAlerts()\n\nconst onOpen = () => {\n  if (!ready.value) return\n  let selectConfigLocal = cloneDeep(selectConfigs.value)\n  if (!props.skipCurrentUserCheck) {\n    selectConfigLocal = filterAllowedImageWidgetSelectConfigs(selectConfigs.value, damConfigName)\n  }\n  if (selectConfigLocal.length === 0) {\n    showErrorT('common.assetSelect.error.unallowedLicence')\n    // Not opened without a licence: it would list nothing, and the next press would not say why.\n    modelValue.value = false\n    return\n  }\n\n  reset()\n  initStoreContext(\n    selectConfigLocal,\n    props.assetType,\n    props.inPodcast,\n    1 === props.minCount && props.minCount === props.maxCount,\n    props.minCount,\n    props.maxCount\n  )\n  if (mdAndUp.value) openSidebarLeft()\n  if (!mdAndUp.value) closeSidebarRight()\n  modelValue.value = true\n}\n\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue || !newValue) return\n    onOpen()\n  },\n  { immediate: true }\n)\n\nconst onClose = () => {\n  modelValue.value = false\n  reset()\n}\n\n// The copy switch as the user left it, for picked assets of another licence than the upload licence.\n// Picks survive a change of the browsed licence, so each asset's own licence decides.\n// Assets already in the upload licence are not copied. The widget takes them as they are.\nconst getCopyToLicenceId = () => {\n  if (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    copyToLicence.value &&\n    props.uploadLicence &&\n    [...assetSelectStore.selectedAssets.values()].some(({ asset }) => asset.licence !== props.uploadLicence)\n  ) {\n    return props.uploadLicence\n  }\n  return undefined\n}\n\nconst onConfirm = () => {\n  emit('confirm', getSelectedData(props.returnType, getCopyToLicenceId()))\n  onClose()\n}\n\nconst { gridView } = useGridView()\n\nconst showCopyToLicence = computed(() => {\n  return (\n    copyToLicenceEnabled !== false &&\n    props.assetType === DamAssetType.Image &&\n    selectedLicenceId.value > 0 &&\n    !isUndefined(props.uploadLicence) &&\n    selectedLicenceId.value !== props.uploadLicence\n  )\n})\n\nconst componentComputed = computed(() => {\n  switch (gridView.value) {\n    case AssetSelectGridView.Table:\n      return AssetSelectListTable\n    default:\n    case AssetSelectGridView.Masonry:\n    case AssetSelectGridView.Thumbnail:\n      return AssetSelectListTiles\n  }\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedCount.value < props.minCount || selectedCount.value > props.maxCount\n})\n\nconst extId = computed(() => {\n  if (selectConfigs.value.length === 0) return undefined\n  if (selectedLicenceId.value > 0) {\n    const found = selectConfigs.value.find((config) => config.licence === selectedLicenceId.value)\n    if (found) return found.extSystem\n  }\n  return undefined\n})\n\nconst loadingSidebarRight = computed(() => {\n  return customFormConfigLoading.value || detailLoading.value\n})\n\nconst { showErrorsDefault } = useAlerts()\nconst customFormConfigLoading = ref(true)\n// The custom fields config could not be read. The side panel shows\n// a notice instead of the asset form, which needs that config.\nconst customFormConfigFailed = ref(false)\n\nconst sortByChange = (option: DatatableOrderingOption) => {\n  pagination.value.sortBy = null\n  if (option.sortBy) {\n    pagination.value.sortBy = { key: option.sortBy.key, order: option.sortBy.order }\n  }\n  fetchAssetListDebounced()\n}\n\nwatch(\n  extId,\n  async (newValue) => {\n    if (isUndefined(newValue)) return\n    customFormConfigLoading.value = true\n    customFormConfigFailed.value = false\n    // Custom fields of the listed type: all types of the ext system if\n    // none are loaded, else only this type if its read failed before.\n    // Loaded types are not read again.\n    const type = props.assetType\n    if (isUndefined(getDamConfigAssetCustomFormElements(newValue, type))) {\n      try {\n        await loadDamConfigAssetCustomFormElements(\n          newValue,\n          getDamConfigAssetCustomFormElements(newValue) ? [type] : undefined\n        )\n      } catch (e) {\n        showErrorsDefault(e)\n      }\n      // Ignore an answer for an ext system the list has since left.\n      if (extId.value !== newValue) return\n      customFormConfigFailed.value = isUndefined(getDamConfigAssetCustomFormElements(newValue, type))\n    }\n    customFormConfigLoading.value = false\n  },\n  { immediate: true }\n)\n\nonMounted(async () => {\n  ready.value = false\n  loading.value = true\n  selectConfigs.value = await getOrLoadDamConfigExtSystemByLicences(props.selectLicences)\n  loading.value = false\n  ready.value = true\n})\n\nonUnmounted(() => {\n  selectConfigs.value = []\n})\n\ndefineExpose({\n  open: onOpen,\n})\n</script>\n\n<template>\n  <div\n    v-if=\"loading\"\n    class=\"w-100 d-flex align-center justify-center\"\n  >\n    <VProgressCircular indeterminate />\n  </div>\n  <template v-else-if=\"ready && selectConfigs.length > 0\">\n    <slot\n      name=\"activator\"\n      :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n    />\n    <VDialog\n      v-model=\"modelValue\"\n      fullscreen\n      class=\"subject-select\"\n    >\n      <VCard\n        v-if=\"modelValue\"\n        class=\"subject-select__card\"\n      >\n        <ADialogToolbar\n          class=\"subject-select__toolbar border-b\"\n          @cancel=\"onClose\"\n        >\n          <slot name=\"title\">\n            {{ t('common.assetSelect.meta.texts.title') }}\n          </slot>\n        </ADialogToolbar>\n        <AssetSelectListBar\n          v-model:sort=\"sortModel\"\n          @sort-by-change=\"sortByChange\"\n        />\n        <div\n          class=\"subject-select__main\"\n          :class=\"{\n            'subject-select__main--sidebar-active': sidebarLeft,\n            'subject-select__main--sidebar-right-active': sidebarRight,\n          }\"\n        >\n          <div class=\"subject-select__sidebar border-e\">\n            <AssetSelectFilter :config-name=\"damConfigName\" />\n          </div>\n          <div class=\"subject-select__content\">\n            <component\n              :is=\"componentComputed\"\n              v-if=\"extId\"\n              :ext-system=\"extId\"\n            />\n            <div class=\"d-flex w-100 align-center justify-center pa-4\">\n              <ABtnSecondary\n                v-show=\"pagination.hasNextPage || loader\"\n                v-intersect=\"fetchNextPageInView\"\n                :loading=\"loader\"\n                size=\"small\"\n                @click=\"fetchNextPage\"\n              >\n                <slot name=\"button-confirm-title\">\n                  {{ t('common.button.loadMore') }}\n                </slot>\n              </ABtnSecondary>\n            </div>\n          </div>\n          <div class=\"subject-select__sidebar-right border-s\">\n            <div\n              v-if=\"customFormConfigFailed\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.damImage.error.loadingConfig') }}\n            </div>\n            <div\n              v-else-if=\"loadingSidebarRight\"\n              class=\"d-flex w-100 align-center justify-center\"\n            >\n              <VProgressCircular indeterminate />\n            </div>\n            <div\n              v-else-if=\"!asset\"\n              class=\"d-flex w-100 align-center justify-center text-body-large\"\n            >\n              {{ t('common.assetSelect.meta.info.noAssetSelected') }}\n            </div>\n            <div\n              v-else\n              class=\"w-100\"\n            >\n              <slot\n                name=\"sidebar-prepend\"\n                :asset=\"asset\"\n              />\n              <AssetMetadata\n                v-if=\"extId && !customFormConfigLoading\"\n                :ext-system=\"extId\"\n                readonly\n              />\n            </div>\n          </div>\n        </div>\n        <div class=\"subject-select__actions border-t\">\n          <div v-if=\"props.minCount === props.maxCount\">\n            {{\n              t('common.assetSelect.meta.texts.pickExactCount', {\n                count: props.minCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <div v-else>\n            {{\n              t('common.assetSelect.meta.texts.pickRangeCount', {\n                minCount: props.minCount,\n                maxCount: props.maxCount,\n                selected: selectedCount,\n              })\n            }}\n          </div>\n          <VSpacer />\n          <VSwitch\n            v-if=\"showCopyToLicence\"\n            v-model=\"copyToLicence\"\n            :label=\"t('common.assetSelect.meta.texts.copyToLicence')\"\n            hide-details\n            class=\"mr-2\"\n          />\n          <ABtnPrimary\n            :disabled=\"disabledSubmit\"\n            @click.stop=\"onConfirm\"\n          >\n            <slot name=\"button-confirm-title\">\n              {{ t('common.button.confirm') }}\n            </slot>\n          </ABtnPrimary>\n        </div>\n      </VCard>\n    </VDialog>\n  </template>\n  <div v-else>{{ t('common.assetSelect.error.noSelectLicence') }}</div>\n</template>\n"],"mappings":"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"}

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

@@ -1,7 +1,6 @@
 import e from "./AAssetSelectMedia.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/dam/assetSelect/components/AAssetSelectMedia.vue
+// 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

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

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

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