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

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

@@ -0,0 +1,299 @@
+import { useAssetSelectActions as e } from "../composables/assetSelectListActions.js";
+import t from "./AssetSelectListTable.js";
+import ee from "./AssetSelectListBar.js";
+import { AssetSelectGridView as n, useGridView as te } from "../composables/assetSelectGridView.js";
+import ne from "./AssetSelectListTiles.js";
+import { useSidebar as re } from "../composables/assetSelectFilterSidebar.js";
+import ie from "./AssetSelectFilterForm.js";
+import { filterAllowedImageWidgetSelectConfigs as ae } from "../../config/utils/damFilterUserAllowedUploadConfigs.js";
+import { useAlerts as oe } from "../../../system/composables/alerts.js";
+import { useDamConfigState as se } from "../../config/composables/damConfigState.js";
+import { cloneDeep as ce, isDefined as r, isUndefined as i } from "../../../../shared/utils/common.js";
+import a from "../../assetDetail/components/AssetMetadata.js";
+import { useAssetSelectStore as le } from "../store/assetSelectStore.js";
+import { useAssetDetailStore as ue } from "../../assetDetail/store/assetDetailStore.js";
+import { useAssetListFilter as de } from "../filter/AssetFilter.js";
+import { DatatablePaginationKey as fe, FilterConfigKey as pe, FilterDataKey as me } from "../../../filters/utils/filterInjectionKeys.js";
+import he from "../../../filters/components/AFilterWrapper.js";
+import ge from "../../../filters/components/AFilterString.js";
+import { useFilterHelpers as _e } from "../../../filters/composables/filterFactory.js";
+import { useCommonAdminCoreDamOptions as ve } from "../../composables/commonAdminCoreDamOptions.js";
+import ye from "../../../ui/components/ADialogToolbar.js";
+import be from "../../assetDetail/components/AssetDetailDialog.js";
+import { ImageWidgetUploadConfigKey as xe } from "../../imageWidget/utils/imageWidgetInkectionKeys.js";
+import { useDamAcceptTypeAndSizeHelper as Se } from "../../config/composables/acceptTypeAndSizeHelper.js";
+import { useUploadQueueDialog as Ce } from "../../uploadQueue/composables/useUploadQueueDialog.js";
+import { useUploadQueuesStore as we } from "../../uploadQueue/store/uploadQueuesStore.js";
+import Te from "../../uploadQueue/components/UploadQueueDialog.js";
+import Ee from "../../../ui/file/components/AFileInput.js";
+import { useDamConfigName as De } from "../../composables/damConfigName.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 m, mergeModels as h, normalizeClass as g, normalizeProps as je, onUnmounted as Me, openBlock as _, provide as v, ref as y, renderSlot as b, resolveComponent as Ne, resolveDynamicComponent as Pe, toDisplayString as x, unref as S, useModel as Fe, vShow as Ie, watch as C, withCtx as w, withDirectives as Le } from "vue";
+import { useI18n as Re } from "vue-i18n";
+import { VCol as ze, VRow as Be, VSpacer as Ve } from "vuetify/components/VGrid";
+import { VProgressCircular as T } from "vuetify/components/VProgressCircular";
+import { VCard as He, VCardActions as Ue, VCardText as We } from "vuetify/components/VCard";
+import { Intersect as Ge } from "vuetify/directives";
+import { useDisplay as Ke } from "vuetify";
+import { VBtn as E } from "vuetify/components/VBtn";
+import { VDialog as qe } from "vuetify/components/VDialog";
+import { storeToRefs as D } from "pinia";
+import { VSelect as Je } from "vuetify/components/VSelect";
+// src/domains/dam/assetSelect/components/AAssetListInner.vue?vue&type=script&setup=true&lang.ts
+var Ye = { class: "px-2 pt-2" }, Xe = { class: "subject-select__content" }, Ze = { class: "d-flex w-100 align-center justify-center pa-4" }, Qe = {
+	key: 0,
+	class: "subject-select__sidebar-right border-s"
+}, $e = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, et = {
+	key: 1,
+	class: "d-flex w-100 align-center justify-center"
+}, tt = {
+	key: 2,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, nt = {
+	key: 3,
+	class: "w-100"
+}, rt = {
+	key: 0,
+	class: "d-flex w-100 align-center justify-center text-body-large"
+}, it = {
+	key: 1,
+	class: "d-flex w-100 align-center justify-center"
+}, at = {
+	key: 2,
+	class: "w-100"
+}, O = /*@__PURE__*/ p({
+	__name: "AAssetListInner",
+	props: /*@__PURE__*/ h({
+		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 h = p, O = Fe(p, "sort"), k = De(h.configName), { t: A } = Re(), { damClient: ot, loader: j, pagination: M, fetchNextPage: st, fetchNextPageInView: ct, initStoreContext: lt, detailLoading: ut, readActiveItemAgain: dt, fetchAssetListDebounced: N, reset: P, resetAssetList: ft } = e(k);
+		v(fe, M);
+		let { assetListEnabledFilters: pt } = ve(k), { loadDamConfigAssetCustomFormElements: mt, getDamConfigAssetCustomFormElements: F } = se(ot, k), ht = ue(), { asset: I, dialog: L } = D(ht), gt = le(), { selectedLicenceId: R } = D(gt), { sidebarRight: z, closeSidebarRight: B, closeSidebarLeft: V } = re(), { mdAndDown: H } = Ke(), { showErrorT: _t } = oe(), { filterData: U, filterConfig: vt } = de();
+		v(pe, vt), v(me, U);
+		let { resetFilter: yt, submitFilter: bt } = _e(U, vt, {
+			populateUrlParams: !1,
+			storeFiltersLocalStorage: !1
+		}), xt = () => {
+			bt(M, N), H.value && V();
+		}, St = () => {
+			yt(M, ft), H.value && V();
+		}, Ct = () => {
+			let e = ce(h.selectConfigs);
+			h.skipCurrentUserCheck || (e = ae(h.selectConfigs, k)), e.length === 0 ? _t("common.assetSelect.error.unallowedLicence") : (P(), lt(e, h.assetType, h.inPodcast, !1, 0, 0), N());
+		}, { gridView: wt } = te(), Tt = o(() => {
+			switch (wt.value) {
+				case n.Table: return t;
+				default:
+				case n.Masonry:
+				case n.Thumbnail: return ne;
+			}
+		}), W = o(() => {
+			if (h.selectConfigs.length !== 0 && R.value > 0) {
+				let e = h.selectConfigs.find((e) => e.licence === R.value);
+				if (e) return e.extSystem;
+			}
+		}), Et = o(() => G.value || ut.value), { showErrorsDefault: Dt } = oe(), G = y(!0), K = y(!1), Ot = (e) => {
+			M.value.sortBy = null, e.sortBy && (M.value.sortBy = {
+				key: e.sortBy.key,
+				order: e.sortBy.order
+			}), N();
+		}, q = !1, kt = () => {
+			I.value && (q = !0, L.value = h.queueKey);
+		}, At = (e) => {
+			let t = q;
+			q = !1, dt(t ? e?.id ?? null : null);
+		}, J = Ae(xe, void 0), jt = o(() => r(J) && r(J.value)), { uploadQueueDialog: Y, uploadQueueDialogSaving: Mt, stopQueueLeftBehind: Nt } = Ce(), X = we(), { uploadSizes: Z, uploadAccept: Q } = Se(h.assetType, J?.value?.extSystemConfig ?? {}), Pt = o(() => X.getQueue(h.queueKey)), $ = (e) => {
+			if (e.length === 0 || Mt.value === h.queueKey) return;
+			let t = J?.value;
+			t && (Nt(h.queueKey), X.addByFiles(h.queueKey, t.extSystem, t.licence, e, k), Y.value = h.queueKey);
+		}, Ft = () => {
+			Y.value = null, X.stopUpload(h.queueKey), N();
+		};
+		return C(W, async (e) => {
+			if (i(e)) return;
+			G.value = !0, K.value = !1;
+			let t = h.assetType;
+			if (i(F(e, t))) {
+				try {
+					await mt(e, F(e) ? [t] : void 0);
+				} catch (e) {
+					Dt(e);
+				}
+				if (W.value !== e) return;
+				K.value = i(F(e, t));
+			}
+			G.value = !1;
+		}, { immediate: !0 }), C(R, (e, t) => {
+			e !== t && St();
+		}), Ct(), Me(() => {
+			P();
+		}), (e, t) => {
+			let n = Ne("ABtnSecondary");
+			return _(), l(Oe, null, [
+				jt.value ? b(e.$slots, "upload-activator", {
+					onFileInput: $,
+					uploadAccept: S(Q),
+					uploadSizes: S(Z)
+				}, () => [f(Ee, {
+					"file-input-key": Pt.value?.fileInputKey,
+					accept: S(Q),
+					"max-sizes": S(Z),
+					multiple: "",
+					onFilesInput: $
+				}, {
+					activator: w(({ props: e }) => [f(E, je(ke(e)), {
+						default: w(() => [d(x(S(A)("common.button.upload")), 1)]),
+						_: 1
+					}, 16)]),
+					_: 1
+				}, 8, [
+					"file-input-key",
+					"accept",
+					"max-sizes"
+				])], void 0, 0) : c("", !0),
+				u("div", { class: g(["subject-select__card", { "subject-select__card--inline": p.variant === "inline" }]) }, [
+					u("div", Ye, [b(e.$slots, "filter", {}, () => [f(he, {
+						onSubmit: xt,
+						onReset: St
+					}, {
+						search: w(() => [f(ge, { name: "text" })]),
+						detail: w(() => [p.selectConfigs.length > 1 ? (_(), s(Be, { key: 0 }, {
+							default: w(() => [f(ze, { cols: 12 }, {
+								default: w(() => [f(Je, {
+									modelValue: S(R),
+									"onUpdate:modelValue": t[0] ||= (e) => m(R) ? R.value = e : null,
+									label: S(A)("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(ie, {
+							"use-config-layout": "",
+							"hide-text-search": "",
+							"enabled-filters": S(pt),
+							"config-name": S(k)
+						}, null, 8, ["enabled-filters", "config-name"])]),
+						_: 1
+					})])]),
+					f(ee, {
+						sort: O.value,
+						"onUpdate:sort": t[1] ||= (e) => O.value = e,
+						"hide-filter-toggle": "",
+						onSortByChange: Ot
+					}, null, 8, ["sort"]),
+					u("div", { class: g(["subject-select__main", { "subject-select__main--sidebar-right-active": S(z) && !S(H) }]) }, [u("div", Xe, [W.value ? (_(), s(Pe(Tt.value), {
+						key: 0,
+						"ext-system": W.value
+					}, null, 8, ["ext-system"])) : c("", !0), u("div", Ze, [Le((_(), s(n, {
+						loading: S(j),
+						size: "small",
+						onClick: S(st)
+					}, {
+						default: w(() => [d(x(S(A)("common.button.loadMore")), 1)]),
+						_: 1
+					}, 8, ["loading", "onClick"])), [[Ie, S(M).hasNextPage || S(j)], [Ge, S(ct)]])])]), S(H) ? c("", !0) : (_(), l("div", Qe, [K.value ? (_(), l("div", $e, x(S(A)("common.damImage.error.loadingConfig")), 1)) : Et.value ? (_(), l("div", et, [f(T, { indeterminate: "" })])) : S(I) ? (_(), l("div", nt, [b(e.$slots, "sidebar-prepend", { asset: S(I) }), W.value && !G.value ? (_(), s(a, {
+						key: 0,
+						"ext-system": W.value,
+						readonly: "",
+						"show-edit-button": "",
+						onEditInDam: kt
+					}, null, 8, ["ext-system"])) : c("", !0)])) : (_(), l("div", tt, x(S(A)("common.assetSelect.meta.info.noAssetSelected")), 1))]))], 2),
+					S(H) ? (_(), s(qe, {
+						key: 0,
+						modelValue: S(z),
+						"onUpdate:modelValue": [t[2] ||= (e) => m(z) ? z.value = e : null, t[3] ||= (e) => {
+							e || S(B)();
+						}],
+						scrollable: ""
+					}, {
+						default: w(() => [f(He, null, {
+							default: w(() => [
+								f(ye, { onCancel: S(B) }, {
+									default: w(() => [d(x(S(A)("common.assetSelect.meta.info.toggle")), 1)]),
+									_: 1
+								}, 8, ["onCancel"]),
+								f(We, null, {
+									default: w(() => [K.value ? (_(), l("div", rt, x(S(A)("common.damImage.error.loadingConfig")), 1)) : Et.value ? (_(), l("div", it, [f(T, { indeterminate: "" })])) : S(I) ? (_(), l("div", at, [b(e.$slots, "sidebar-prepend", { asset: S(I) }), W.value && !G.value ? (_(), s(a, {
+										key: 0,
+										"ext-system": W.value,
+										readonly: "",
+										"show-edit-button": "",
+										onEditInDam: kt
+									}, null, 8, ["ext-system"])) : c("", !0)])) : c("", !0)]),
+									_: 3
+								}),
+								f(Ue, null, {
+									default: w(() => [f(Ve), f(E, { onClick: S(B) }, {
+										default: w(() => [d(x(S(A)("common.button.close")), 1)]),
+										_: 1
+									}, 8, ["onClick"])]),
+									_: 1
+								})
+							]),
+							_: 3
+						})]),
+						_: 3
+					}, 8, ["modelValue"])) : c("", !0)
+				], 2),
+				S(L) === p.queueKey && W.value ? (_(), s(be, {
+					key: 1,
+					"queue-key": p.queueKey,
+					"ext-system": W.value,
+					onClose: At
+				}, null, 8, ["queue-key", "ext-system"])) : c("", !0),
+				jt.value && S(Y) === p.queueKey && S(J) ? (_(), s(Te, {
+					key: 2,
+					"queue-key": p.queueKey,
+					"ext-system": S(J).extSystem,
+					"licence-id": S(J).licence,
+					"file-input-key": Pt.value?.fileInputKey ?? -1,
+					accept: S(Q),
+					"max-sizes": S(Z),
+					onApply: Ft,
+					onFilesInput: $,
+					onDrop: $
+				}, null, 8, [
+					"queue-key",
+					"ext-system",
+					"licence-id",
+					"file-input-key",
+					"accept",
+					"max-sizes"
+				])) : c("", !0)
+			], 64);
+		};
+	}
+});
+export { O 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","AssetSelectListTable_default","AssetSelectListBar_default","AssetSelectListTiles_default","AssetSelectFilterForm_default","AssetMetadata_default","AFilterWrapper_default","AFilterString_default","ADialogToolbar_default","AssetDetailDialog_default","UploadQueueDialog_default","AFileInput_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 list bar ordering reads this. Without it the dialog would use 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 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\n// Whether the open detail was opened by the side panel's \"edit\".\n// Queue row details are rendered here too, and closing one makes the panel reread its own asset.\nlet detailOfPanel = false\n\nconst onOpenEditDialog = () => {\n  if (!asset.value) return\n  detailOfPanel = true\n  dialog.value = props.queueKey\n}\n\n// The panel rereads the asset its detail showed, not the one the list remembers.\n// They differ after a click 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 its own entry points (button, window-wide dropzone) that bypass the dialog.\n  // While this queue's dialog saves, no file is accepted. \"Save and apply\" empties\n  // the queue, and a file queued meanwhile was lost half uploaded without notice.\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    // 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\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,IAAMoE,IAAQC,GAkBRC,IAAYtE,GAAmBqE,GAAC,MAAuC,GAEvEG,IAAgBC,GAAiBL,EAAM,UAAU,GAEjD,EAAE,SAAMM,GAAQ,GAEhB,EACJ,eACA,WACA,eACA,mBACA,yBACA,sBACA,mBACA,yBACA,4BACA,UACA,uBACEC,EAAsBH,CAAa;EAEvC,EAAQI,IAAwBC,CAAU;EAE1C,IAAM,EAAE,gCAA4BC,GAA6BN,CAAa,GAExE,EAAE,0CAAsC,2CAAwCO,GACpFC,IACAR,CACF,GAEMS,KAAmBC,GAAoB,GACvC,EAAE,UAAO,cAAWC,EAAYF,EAAgB,GAChDG,KAAmBC,GAAoB,GACvC,EAAE,yBAAsBF,EAAYC,EAAgB,GAEpD,EAAE,iBAAc,sBAAmB,wBAAqBE,GAAW,GACnE,EAAE,iBAAcC,GAAW,GAC3B,EAAE,mBAAeC,GAAU,GAE3B,EAAE,eAAY,qBAAiBC,GAAmB;EAExD,AADAC,EAAQC,IAAiBC,EAAY,GACrCF,EAAQG,IAAeC,CAAU;EAEjC,IAAM,EAAE,iBAAa,qBAAiBC,GAAiBD,GAAYF,IAAc;GAC/E,mBAAmB;GACnB,0BAA0B;EAC5B,CAAC,GAEKI,WAA2B;GAE/B,AADAC,GAAapB,GAAYqB,CAAuB,GAC5CC,EAAU,SAAOC,EAAiB;EACxC,GAEMC,WAA0B;GAE9B,AADAC,GAAYzB,GAAY0B,EAAc,GAClCJ,EAAU,SAAOC,EAAiB;EACxC,GAEMI,WAAe;GACnB,IAAIC,IAAoBC,GAAUtC,EAAM,aAAa;GAIrD,AAHKA,EAAM,yBACT,IAAoBuC,GAAsCvC,EAAM,eAAeI,CAAa,IAE1FiC,EAAkB,WAAW,IAC/BG,GAAW,2CAA2C,KAIxDC,EAAM,GACNC,GAAiBL,GAAmBrC,EAAM,WAAWA,EAAM,WAAW,IAAO,GAAG,CAAC,GACjF8B,EAAwB;EAC1B,GAEM,EAAE,iBAAaa,GAAY,GAE3BC,KAAoBC,QAAe;GACvC,QAAQC,GAAS,OAAjB;IACE,KAAKC,EAAoB,OACvB,OAAOlH;IACT;IACA,KAAKkH,EAAoB;IACzB,KAAKA,EAAoB,WACvB,OAAOjH;GACX;EACF,CAAC,GAEKkH,IAAQH,QAAe;GAC3B,IAAI7C,EAAM,cAAc,WAAW,KAC/BiD,EAAkB,QAAQ,GAAG;IAC/B,IAAMC,IAAQlD,EAAM,cAAc,MAAM,MAAWmD,EAAO,YAAYF,EAAkB,KAAK;IAC7F,IAAIC,GAAO,OAAOA,EAAM;GAC1B;EAEF,CAAC,GAEKE,KAAsBP,QACnBQ,EAAwB,SAASC,GAAc,KACvD,GAEK,EAAE,0BAAsBlC,GAAU,GAClCiC,IAA0BE,EAAI,EAAI,GAGlCC,IAAyBD,EAAI,EAAK,GAElCE,MAAgB,MAAoC;GAKxD,AAJA,EAAW,MAAM,SAAS,MACtBC,EAAO,WACT,EAAW,MAAM,SAAS;IAAE,KAAKA,EAAO,OAAO;IAAK,OAAOA,EAAO,OAAO;GAAM,IAEjF5B,EAAwB;EAC1B,GAII6B,IAAgB,IAEdC,WAAyB;GAC7B,AAAKC,EAAM,UACX,IAAgB,IAChB,EAAO,QAAQ7D,EAAM;EACvB,GAIM8D,MAAqB,MAAqC;GAC9D,IAAMC,IAAUJ;GAEhB,AADA,IAAgB,IAChBK,GAAoBD,IAAWE,GAAO,MAAM,OAAQ,IAAI;EAC1D,GAEMC,IAA0BC,GAAOC,IAA4B,KAAA,CAAS,GACtEC,KAAgBxB,QAAeyB,EAAUJ,CAAuB,KAAKI,EAAUJ,EAAwB,KAAK,CAAC,GAE7G,EAAE,sBAAmB,6BAAyB,4BAAwBK,GAAqB,GAC3FC,IAAoBC,GAAqB,GAGzC,EAAE,gBAAa,oBAAiBC,GACpC1E,EAAM,WACLkE,GAAyB,OAAO,mBAAmB,CAAC,CACvD,GAEMS,KAAc9B,QACX2B,EAAkB,SAASxE,EAAM,QAAQ,CACjD,GAEK4E,KAAe,MAAkB;GAKrC,IAJIC,EAAM,WAAW,KAIjBC,GAAwB,UAAU9E,EAAM,UAAU;GACtD,IAAMmD,IAASe,GAAyB;GACxC,AAAKf,MACL4B,GAAoB/E,EAAM,QAAQ,GAClCwE,EAAkB,WAAWxE,EAAM,UAAUmD,EAAO,WAAWA,EAAO,SAAS0B,GAAOzE,CAAa,GACnG,EAAkB,QAAQJ,EAAM;EAClC,GAEMgF,WAAsB;GAG1B,AAFA,EAAkB,QAAQ,MAC1BR,EAAkB,WAAWxE,EAAM,QAAQ,GAC3C8B,EAAwB;EAC1B;E,OAEAmD,EACEjC,GACA,OAAO,MAAa;GAClB,IAAIkC,EAAYC,CAAQ,GAAG;GAE3B,AADA,EAAwB,QAAQ,IAChC,EAAuB,QAAQ;GAI/B,IAAMC,IAAOpF,EAAM;GACnB,IAAIkF,EAAYG,EAAoCF,GAAUC,CAAI,CAAC,GAAG;IACpE,IAAI;KACF,MAAME,GACJH,GACAE,EAAoCF,CAAQ,IAAI,CAACC,CAAI,IAAI,KAAA,CAC3D;IACF,SAAS,GAAG;KACV,GAAkB,CAAC;IACrB;IAEA,IAAIpC,EAAM,UAAUmC,GAAU;IAC9B,EAAuB,QAAQD,EAAYG,EAAoCF,GAAUC,CAAI,CAAC;GAChG;GACA,EAAwB,QAAQ;EAClC,GACA,EAAE,WAAW,GAAK,CACpB,GAEAH,EAAMhC,IAAoB,GAAU,MAAa;GAC/C,AAAIkC,MAAaI,KACjBtD,GAAkB;EACpB,CAAC,GAEDG,GAAO,GAEPoD,SAAkB;GAChB,EAAM;EACR,CAAC,I;;;IAKSnB,GAAA,QADRlI,EAoBO4J,EAAA,QAAA,oBAAA;KAjBW;KACf,cAAe3J,EAAA6J,CAAA;KACf,aAAc7J,EAAA8J,CAAA;IALjB,SAoBO,CAbL7J,EAYaC,IAAA;KAXV,kBAAgBqI,GAAA,OAAa;KAC7B,QAAQvI,EAAA6J,CAAA;KACR,aAAW7J,EAAA8J,CAAA;KACZ,UAAA;KACC,cAAatB;;KAEH,WAASrI,GAGX,EAAA,OAHsB8J,QAAc,CAC3ChK,EAEOG,GAAAC,GAAAC,GAFO2J,CAAc,CAAA,GAAA;MAC1B,SAAA9J,QAA+B,CAA5BI,EAAAC,EAAAR,EAAAuK,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,CAAA,C;;;;;;;;;IAKZ7J,EA6JM,OAAA,EA5JJ,OAAKC,EAAA,CAAC,wBAAsB,EAAA,gCACckD,EAAA,YAAO,SAAA,CAAA,CAAA,E;KAEjDnD,EA+BM,OA/BNoC,IA+BM,CA9BJ/C,EA6BO4J,EAAA,QAAA,UAAA,CAAA,SAAA,CA5BL1J,EA2BiBW,IAAA;MA1Bd,UAAQ4E;MACR,SAAOK;;MAEG,QAAM1F,QACc,CAA7BF,EAA6BY,IAAA,EAAd,MAAK,OAAM,CAAA,C;MAEjB,QAAMV,QAYR,CAXK0D,EAAA,cAAc,SAAM,KAAhCjE,EAAA,GAAAkB,EAWOC,IAAA,EAAA,KAAA,EAAA,GAAA;OAVL,SAAAZ,QASO,CATPF,EASOe,IAAA,EATA,MAAM,GAAE,GAAA;QACb,SAAAb,QAOE,CAPFF,EAOEgB,IAAA;SANS,YAAAjB,EAAA6G,CAAA;SAAA,uBAAA,AAAAkE,EAAA,QAAA,MAAA7J,EAAA2F,CAAA,IAAA,EAAiB,QAAAoE,IAAA;SACzB,OAAOjL,EAAAuK,CAAA,CAAC,CAAA,mCAAA;SACR,OAAO1G,EAAA;SACR,cAAW;SACX,cAAW;SACX,gBAAA;;;;;;;;;M,iBAIN5D,EAKEkB,IAAA;OAJA,qBAAA;OACA,oBAAA;OACC,mBAAiBnB,EAAAkL,EAAA;OACjB,eAAalL,EAAAgE,CAAA;;;;KAMxB/D,EAIEmB,IAAA;MAHQ,MAAM0C,EAAA;MAAA,iBAAA,AAAAiH,EAAA,QAAA,MAAA,EAAS,QAAAE;MACvB,sBAAA;MACC,gBAAgB5D;;KAEnB3G,EA+DM,OAAA,EA9DJ,OAAKC,EAAA,CAAC,wBAAsB,EACoC,8CAAAX,EAAAmL,CAAA,KAAY,CAAKnL,EAAA2F,CAAA,E,QAIjFjF,EAiBM,OAjBNqC,IAiBM,CAdI6D,EAAA,SAFRhH,EAAA,GAAAkB,EAIEO,GAHKmF,GAAA,KAAiB,GAAA;;MAErB,cAAYI,EAAA;K,0CAEflG,EAUM,OAVNsC,IAUM,CATJ1B,IAAA1B,EAAA,GAAAkB,EAQgBuI,GAAA;MALb,SAASrJ,EAAAsL,CAAA;MACV,MAAK;MACJ,SAAOtL,EAAAuL,EAAA;;MAER,SAAApL,QAAiC,CAA9BI,EAAAC,EAAAR,EAAAuK,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,CAAA,C;;K,iCANI,CAAAhJ,IAAAvB,EAAAqE,CAAA,CAAU,CAAC,eAAerE,EAAAsL,CAAA,CAAM,GAC3B,CAAA9J,IAAAxB,EAAA0L,EAAA,CAAmB,C,QAU7B1L,EAAA2F,CAAA,I,aADT/F,EAAA,GAAAC,EAsCM,OAtCNoD,IAsCM,CAjCImE,EAAA,SADRxH,EAAA,GAAAC,EAKM,OALNqD,IAKM1C,EADDR,EAAAuK,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,KAGOvD,GAAA,SADbpH,EAAA,GAAAC,EAKM,OALNsD,IAKM,CADJlD,EAAmCwB,GAAA,EAAhB,eAAA,GAAa,CAAA,C,MAGpBzB,EAAAyH,CAAA,KAKd7H,EAAA,GAAAC,EAeM,OAfNwD,IAeM,CAXJtD,EAGE4J,EAAA,QAAA,mBAAA,EADC,OAAO3J,EAAAyH,CAAA,EAAK,CAAA,GAGPb,EAAA,SAAK,CAAKK,EAAA,SADlBrH,EAAA,GAAAkB,EAMEY,GAAA;;MAJC,cAAYkF,EAAA;MACb,UAAA;MACA,oBAAA;MACC,aAAaY;K,+CAnBlB5H,EAAA,GAAAC,EAKM,OALNuD,IAKM5C,EADDR,EAAAuK,CAAA,CAAC,CAAA,8CAAA,CAAA,GAAA,CAAA,E;KAqBFvK,EAAA2F,CAAA,KADR/F,EAAA,GAAAkB,EAmDUa,IAAA;;MAjDC,YAAA3B,EAAAmL,CAAA;M,wBAAA,AAAAJ,EAAA,QAAA,MAAA7J,EAAAiK,CAAA,IAAA,EAAY,QAAAF,IAAA,M,UAEU,MAAC;OAAsB,AAAAY,KAAGjC,EAAAkC,CAAA,CAAiB,CAAA;;MAD1E,YAAA;;MAOA,SAAA3L,QAwCQ,CAxCRF,EAwCQ2B,IAAA,MAAA;OAvCN,SAAAzB,QAEiB;QAFjBF,EAEiB4B,IAAA,EAFA,UAAQ7B,EAAA8L,CAAA,EAAiB,GAAA;SACxC,SAAA3L,QAA8C,CAA3CI,EAAAC,EAAAR,EAAAuK,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,C;;;QAENtK,EA6BY6B,IAAA,MAAA;SA5BV,SAAA3B,QAKM,CAJEiH,EAAA,SADRxH,EAAA,GAAAC,EAKM,OALNyD,IAKM9C,EADDR,EAAAuK,CAAA,CAAC,CAAA,qCAAA,CAAA,GAAA,CAAA,KAGOvD,GAAA,SADbpH,EAAA,GAAAC,EAKM,OALN0D,IAKM,CADJtD,EAAmCwB,GAAA,EAAhB,eAAA,GAAa,CAAA,C,MAGrBzB,EAAAyH,CAAA,KADb7H,EAAA,GAAAC,EAeM,OAfN2D,IAeM,CAXJzD,EAGE4J,EAAA,QAAA,mBAAA,EADC,OAAO3J,EAAAyH,CAAA,EAAK,CAAA,GAGPb,EAAA,SAAK,CAAKK,EAAA,SADlBrH,EAAA,GAAAkB,EAMEY,GAAA;;UAJC,cAAYkF,EAAA;UACb,UAAA;UACA,oBAAA;UACC,aAAaY;;;;QAIpBvH,EAKe8B,IAAA,MAAA;SAJb,SAAA5B,QAAW,CAAXF,EAAW+B,EAAA,GACX/B,EAEOG,GAAA,EAFA,SAAOJ,EAAA8L,CAAA,EAAiB,GAAA;UAC7B,SAAA3L,QAA8B,CAA3BI,EAAAC,EAAAR,EAAAuK,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,CAAA,C;;;;;;;;;;;IAONvK,EAAAmM,CAAA,MAAWtI,EAAA,YAAY+C,EAAA,SAD/BhH,EAAA,GAAAkB,EAKEmB,IAAA;;KAHC,aAAW4B,EAAA;KACX,cAAY+C,EAAA;KACZ,SAAOc;;IAGFO,GAAA,SAAiBjI,EAAAoM,CAAA,MAAsBvI,EAAA,YAAY7D,EAAA8H,CAAA,KAD3DlI,EAAA,GAAAkB,EAWEoB,IAAA;;KATC,aAAW2B,EAAA;KACX,cAAY7D,EAAA8H,CAAA,CAAuB,CAAC;KACpC,cAAY9H,EAAA8H,CAAA,CAAuB,CAAC;KACpC,kBAAgBS,GAAA,OAAa,gBAAY;KACzC,QAAQvI,EAAA6J,CAAA;KACR,aAAW7J,EAAA8J,CAAA;KACX,SAAOlB;KACP,cAAaJ;KACb,QAAMA"}

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

@@ -0,0 +1,6 @@
+import e from "./AAssetSelect.vue_vue_type_script_setup_true_lang.js";
+// src/domains/dam/assetSelect/components/AAssetSelect.vue
+var t = e;
+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 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":""}