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

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,205 @@
+import { isArray as e, isBoolean as t, isEmpty as n, isNull as r, isUndefined as i } from "../../../shared/utils/common.js";
+import { useAlerts as a } from "../../system/composables/alerts.js";
+import { FilterConfigKey as ee, FilterDataKey as te, FilterInnerConfigKey as ne, FilterInnerDataKey as re, FilterSelectedKey as ie, FilterSubmitResetCounterKey as ae } from "../../filters/utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as oe } from "../../filters/composables/filterFactory.js";
+import { usePagination as o } from "../../api/composables/pagination.js";
+import { computed as s, createBlock as se, createCommentVNode as ce, createElementBlock as le, createSlots as ue, createTextVNode as de, createVNode as c, defineComponent as l, getCurrentInstance as u, inject as d, mergeProps as fe, openBlock as f, ref as p, toDisplayString as m, unref as pe, watch as me, withCtx as h } from "vue";
+import { useI18n as he } from "vue-i18n";
+import { VChip as g } from "vuetify/components/VChip";
+import { watchDebounced as _ } from "@vueuse/core";
+import { VListItem as v } from "vuetify/components/VList";
+import { VAutocomplete as ge } from "vuetify/components/VAutocomplete";
+//#region src/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
+var _e = {
+	key: 0,
+	class: "font-italic pl-1"
+}, ve = 300, y = /*@__PURE__*/ l({
+	__name: "AFilterRemoteAutocomplete",
+	props: {
+		name: {},
+		fetchItems: {},
+		fetchItemsByIds: {},
+		filterByField: {},
+		filterSortBy: { default: null },
+		prefetch: {
+			type: [String, Boolean],
+			default: !1
+		},
+		minSearchChars: { default: 2 },
+		minSearchText: { default: void 0 },
+		placeholder: { default: void 0 }
+	},
+	emits: ["change"],
+	setup(l, { emit: y }) {
+		let b = l, ye = y, be = d(ae), x = d(ie), S = d(ee), C = d(te), w = d(ne), T = d(re), E = u()?.type.__name;
+		if (i(be) || i(x) || i(C) || i(S) || i(S.fields[b.name]) || i(w) || i(T)) throw Error(`[${E}] Incorrect provide/inject config.`);
+		let D = b.filterByField, O = b.filterSortBy;
+		if (i(w.fields[D]) || i(T[D])) throw Error(`[${E}] Incorrect filter inner config. FilterByField is '${D}' and available options are ${Object.keys(T).join(", ")}.`);
+		let k = s(() => S.fields[b.name]), A = p([]), j = p(""), M = p(!1), N = p(null), P = p(0), { t: F } = he(), I = () => {
+			M.value = !1;
+		}, xe = s(() => k.value.titleT ? F(k.value.titleT) : void 0), { pagination: L } = o(r(O) ? null : O.key, O?.order), R = p([]), z = p([]), B = p(!0), V = p(!1), H = s(() => {
+			let e = /* @__PURE__ */ new Map(), t = (t) => {
+				t.forEach((t) => {
+					e.set(t.value, {
+						value: t.value,
+						title: t.title,
+						subtitle: t.subtitle
+					});
+				});
+			};
+			return t(z.value), t(R.value), Array.from(e.values());
+		}), U = p(0), W = s(() => U.value > 0), G = 0, Se = (t) => {
+			G++, z.value = [], A.value = e(t) ? [] : null, N.value = e(t) ? [] : null, $(A.value);
+		}, Ce = (t) => {
+			let n = (e) => H.value.find((t) => t.value === e) ?? {
+				title: `${e}`,
+				value: e
+			};
+			return e(t) ? t.map(n) : n(t);
+		}, K = async (t) => {
+			let n = ++G;
+			U.value++;
+			try {
+				let r = e(t) ? t : [t];
+				try {
+					let e = await b.fetchItemsByIds(r);
+					if (n !== G) return z.value;
+					z.value = e;
+					let i = Ce(t);
+					A.value = i, N.value = i, $(A.value);
+				} catch (e) {
+					q(e);
+				}
+				return z.value;
+			} finally {
+				U.value--;
+			}
+		}, { showErrorsDefault: q } = a(), J = async (e, t) => {
+			U.value++, T[D] = e;
+			try {
+				let e = await b.fetchItems(L, T, w);
+				t === P.value && (R.value = e);
+			} catch (e) {
+				q(e);
+			} finally {
+				U.value--;
+			}
+		}, Y = async (e) => {
+			if (b.prefetch !== !1 && b.prefetch === e && !W.value && !V.value) {
+				U.value++;
+				try {
+					let e = await b.fetchItems(L, T, w);
+					P.value === 0 && (R.value = e), V.value = !0;
+				} catch (e) {
+					q(e);
+				} finally {
+					U.value--;
+				}
+			}
+		}, we = async () => {
+			M.value = !0, await Y("focus");
+		}, Te = async () => {
+			await Y("hover");
+		}, Ee = s(() => {
+			if (!k.value.multiple && z.value[0]) return z.value[0].title;
+		}), De = (e) => {
+			let t = e ?? "";
+			(k.value.multiple || M.value || t.length !== 0) && Ee.value !== t && (j.value = t);
+		}, { clearOne: Oe } = oe(), X, ke = () => {
+			Oe(b.name, C, S), x.value.delete(b.name);
+		}, Z = () => {
+			ke();
+			let e = C[b.name];
+			n(e) || (e === X && K(e), P.value++, J("", P.value));
+		};
+		_(j, (e, t) => {
+			let n = e ?? "";
+			n !== (t ?? "") && (n.length > 0 && n.length < b.minSearchChars || (n.length === 0 && b.prefetch === !1 ? R.value = [] : (P.value++, J(n, P.value))));
+		}, { debounce: ve });
+		let Ae = async () => {
+			await Y("mounted");
+		}, je = s(() => i(b.placeholder) ? k.value.variant === "startsWith" ? F("common.model.filterPlaceholder.startsWith") : k.value.variant === "eq" ? F("common.model.filterPlaceholder.eq") : k.value.variant === "search" ? F("common.model.filterPlaceholder.contains") : "" : b.placeholder), Me = s(() => {
+			if (W.value) return "$vuetify.loading";
+			if (R.value.length === 0 && j.value.length < b.minSearchChars) return i(b.minSearchText) ? F("common.filter.filterMinChars", { min: b.minSearchChars }) : b.minSearchText;
+		}), Q = (t) => {
+			S.touched = !0;
+			let n = null;
+			e(t) ? n = t.map((e) => e.value) : r(t) || (n = t.value), C[b.name] = n, ye("change");
+		}, Ne = (t) => {
+			e(A.value) ? (A.value = A.value.filter((e) => e.value !== t.value), Q(A.value)) : (A.value = null, Q(null), Z());
+		}, $ = (t) => {
+			x.value.delete(b.name), e(t) && t.length === 0 || r(t) ? x.value.delete(b.name) : e(t) ? x.value.set(b.name, t.map((e) => ({
+				title: e.title,
+				value: e.value
+			}))) : x.value.set(b.name, [{
+				title: t.title,
+				value: t.value
+			}]);
+		};
+		return me(() => C[b.name], async (e, r) => {
+			if (X = e, e === r || t(e)) return;
+			let a = e;
+			B.value && (B.value = !1, await Ae()), n(a) ? (Se(a), i(r) || (P.value++, await J("", P.value))) : await K(a);
+		}, { immediate: !0 }), (e, t) => (f(), se(ge, {
+			modelValue: A.value,
+			"onUpdate:modelValue": [t[0] ||= (e) => A.value = e, Q],
+			items: H.value,
+			"no-filter": "",
+			placeholder: je.value,
+			multiple: k.value.multiple,
+			clearable: !k.value.mandatory,
+			label: xe.value,
+			chips: k.value.multiple,
+			loading: W.value,
+			"hide-details": "",
+			"return-object": "",
+			autocomplete: "off",
+			"no-data-text": Me.value,
+			"onUpdate:search": De,
+			onBlur: I,
+			onFocus: we,
+			onMouseenter: Te,
+			"onClick:clear": Z
+		}, ue({
+			item: h(({ props: e, internalItem: t }) => [c(v, fe(e, {
+				title: t.raw.title,
+				subtitle: t.raw.subtitle
+			}), null, 16, ["title", "subtitle"])]),
+			chip: h(({ props: e, internalItem: t }) => [c(g, {
+				closable: e.closable,
+				"close-label": "common.button.remove",
+				size: "small",
+				text: `${t.title} (${t.raw.subtitle})`,
+				disabled: t.props.disabled,
+				"onClick:close": (e) => Ne(t.raw)
+			}, {
+				default: h(() => [de(m(t.raw.title) + " ", 1), t.raw.subtitle ? (f(), le("span", _e, " (" + m(t.raw.subtitle) + ") ", 1)) : ce("", !0)]),
+				_: 2
+			}, 1032, [
+				"closable",
+				"text",
+				"disabled",
+				"onClick:close"
+			])]),
+			_: 2
+		}, [W.value ? {
+			name: "no-data",
+			fn: h(() => [c(v, { title: pe(F)("$vuetify.loading") }, null, 8, ["title"])]),
+			key: "0"
+		} : void 0]), 1032, [
+			"modelValue",
+			"items",
+			"placeholder",
+			"multiple",
+			"clearable",
+			"label",
+			"chips",
+			"loading",
+			"no-data-text"
+		]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VAutocomplete","_createSlots","_withCtx","_createVNode","_component_VListItem","_mergeProps","_component_VChip","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_unref","_hoisted_1","SEARCH_DEBOUNCE_MS","AFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","filterInnerConfig","FilterInnerConfigKey","filterInnerData","FilterInnerDataKey","componentName","getCurrentInstance","isUndefined","filterByFieldProp","filterSortByProp","filterConfigCurrent","computed","selected","ref","search","isFocused","modelValueAutocomplete","apiRequestCounter","useI18n","onBlur","label","t","usePagination","isNull","fetchedItems","selectedItemsCache","isFirstLoad","prefetchCompleted","allItems","itemsMap","addToMap","item","requestsRunning","loading","byIdsCounter","resetToEmptyState","isArray","value","updateFilterSelected","updateSelected","findItem","obj","id","loadListItems","requestId","idsArray","ids","res","selectedNewValue","useAlerts","apiSearch","query","pagination","requestCounter","error","tryAutoFetch","mode","onFocus","onMouseEnter","singleItemSelectedTitle","onSearchUpdate","text","useFilterClearHelpers","watchedValue","clearField","clearOne","onClickClear","isEmpty","newValue","oldValue","checkFirstLoad","placeholderComputed","noDataText","onSelectedUpdate","final","onChipCloseClick","closedItem","watch","newValueFilterData","oldValueFilterData","isBoolean","openBlock","createBlock","VAutocomplete","_cache","$event","createSlots","withCtx","itemProps","createVNode","VListItem","mergeProps","internalItem","chipProps","VChip","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","unref"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, type Ref, ref, watch } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isArray, isBoolean, isEmpty, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { type FilterConfig, type FilterData, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterInnerConfigKey,\n  FilterInnerDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { type Pagination, usePagination } from '@/domains/api/composables/pagination'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\ntype ModelValueType = T | T[] | null | undefined\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    fetchItems: (\n      pagination: Ref<Pagination>,\n      filterData: FilterData,\n      filterConfig: FilterConfig\n    ) => Promise<ValueObjectOption<T>[]>\n    fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>\n    filterByField: string\n    filterSortBy?: DatatableSortBy\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    minSearchChars?: number\n    minSearchText?: string | undefined\n    placeholder?: string | undefined\n  }>(),\n  {\n    filterSortBy: null,\n    prefetch: false,\n    minSearchChars: 2,\n    minSearchText: undefined,\n    placeholder: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterInnerConfig) ||\n  isUndefined(filterInnerData)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst filterByFieldProp = props.filterByField\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst filterSortByProp = props.filterSortBy\n\nif (isUndefined(filterInnerConfig.fields[filterByFieldProp]) || isUndefined(filterInnerData[filterByFieldProp])) {\n  throw new Error(\n    `[${componentName}] Incorrect filter inner config. ` +\n      `FilterByField is '${filterByFieldProp}' and available options are ${Object.keys(filterInnerData).join(', ')}.`\n  )\n}\n\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst selected = ref<any>([])\nconst search = ref('')\nconst isFocused = ref(false)\nconst modelValueAutocomplete = ref<ValueObjectOption<T> | ValueObjectOption<T>[] | null>(null)\nconst apiRequestCounter = ref(0)\n\nconst { t } = useI18n()\n\nconst onBlur = () => {\n  isFocused.value = false\n}\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { pagination } = usePagination(isNull(filterSortByProp) ? null : filterSortByProp.key, filterSortByProp?.order)\n\nconst fetchedItems = ref<ValueObjectOption<T>[]>([])\nconst selectedItemsCache = ref<ValueObjectOption<T>[]>([])\nconst isFirstLoad = ref(true)\nconst prefetchCompleted = ref(false)\n\nconst allItems = computed<ValueObjectOption<T>[]>(() => {\n  const itemsMap = new Map<T, ValueObjectOption<T>>()\n  const addToMap = (items: ValueObjectOption<T>[]) => {\n    items.forEach((item) => {\n      itemsMap.set(item.value, {\n        value: item.value,\n        title: item.title,\n        subtitle: item.subtitle,\n      } as ValueObjectOption<T>)\n    })\n  }\n\n  addToMap(selectedItemsCache.value as ValueObjectOption<T>[])\n  addToMap(fetchedItems.value as ValueObjectOption<T>[])\n\n  return Array.from(itemsMap.values())\n})\n\n// The requests of the component on their way (items by their ids, a search, a prefetch): its spinner is on while\n// any of them runs, and goes off with the last. Each turned it off as it ended: a read by ids hid the spinner of a\n// search still running, and the reverse.\nconst requestsRunning = ref(0)\nconst loading = computed(() => requestsRunning.value > 0)\n\nlet byIdsCounter = 0\nconst resetToEmptyState = (value: ModelValueType) => {\n  byIdsCounter++\n  selectedItemsCache.value = []\n  selected.value = isArray(value) ? [] : null\n  modelValueAutocomplete.value = isArray(value) ? [] : null\n  updateFilterSelected(selected.value)\n}\n\nconst updateSelected = (value: T[] | T) => {\n  const findItem = (id: T): ValueObjectOption<T> =>\n    allItems.value.find((obj) => obj.value === id) ?? ({ title: `${id}`, value: id } as ValueObjectOption<T>)\n  return isArray(value) ? value.map(findItem) : findItem(value)\n}\n\nconst loadListItems = async (ids: T[] | T) => {\n  const requestId = ++byIdsCounter\n  requestsRunning.value++\n\n  try {\n    const idsArray = isArray(ids) ? ids : [ids]\n    try {\n      const res = await props.fetchItemsByIds(idsArray)\n      if (requestId !== byIdsCounter) return selectedItemsCache.value\n      selectedItemsCache.value = res\n      const selectedNewValue = updateSelected(ids)\n      selected.value = selectedNewValue\n      modelValueAutocomplete.value = selectedNewValue\n      updateFilterSelected(selected.value)\n    } catch (e) {\n      showErrorsDefault(e)\n    }\n    return selectedItemsCache.value\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst { showErrorsDefault } = useAlerts()\n\nconst apiSearch = async (query: string, requestCounter: number) => {\n  requestsRunning.value++\n  filterInnerData[filterByFieldProp] = query\n  try {\n    const res = await props.fetchItems(pagination, filterInnerData, filterInnerConfig)\n    if (requestCounter === apiRequestCounter.value) fetchedItems.value = res\n  } catch (error) {\n    showErrorsDefault(error)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst tryAutoFetch = async (mode: 'focus' | 'hover' | 'mounted') => {\n  if (props.prefetch === false || props.prefetch !== mode) return\n  if (loading.value) return\n  if (prefetchCompleted.value) return\n\n  requestsRunning.value++\n  try {\n    const res = await props.fetchItems(pagination, filterInnerData, filterInnerConfig)\n    if (apiRequestCounter.value === 0) {\n      fetchedItems.value = res\n    }\n    prefetchCompleted.value = true\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst onFocus = async () => {\n  isFocused.value = true\n  await tryAutoFetch('focus')\n}\n\nconst onMouseEnter = async () => {\n  await tryAutoFetch('hover')\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!filterConfigCurrent.value.multiple && selectedItemsCache.value[0]) {\n    return selectedItemsCache.value[0].title\n  }\n  return undefined\n})\n\n// The clear of the field empties the search with `null` first: an empty search. A field without focus at that\n// moment read its length and threw.\nconst onSearchUpdate = (query: string | null) => {\n  const text = query ?? ''\n  if (!filterConfigCurrent.value.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\nconst { clearOne } = useFilterClearHelpers()\n\n/** The value of the filter its watcher (below) saw last. */\nlet watchedValue: unknown\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\n// The clear of the field empties the filter in one go, with the model Vuetify has emptied, so the watcher of the\n// filter asks for the list once, for an empty search, and takes only its newest answer. The clear asked again itself,\n// with the search typed before, and wrote that answer whenever it came; a filter of several values was asked a\n// third time, for its default set only after that answer.\n// A filter of one value cleared onto the default it held does not change, and its watcher does nothing: the field\n// and the chips would stay empty while the filter keeps that value. Its item is put back, as the watcher puts one.\n// A clear that ends on a value (a default of the filter) asks for the list for an empty search here, through the\n// counter: the watcher asks for it only for an empty value, and the list stayed as the search before left it.\nconst onClickClear = () => {\n  clearField()\n  const value = filterData[props.name]\n  if (isEmpty(value)) return\n  if (value === watchedValue) loadListItems(value as T[] | T)\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nwatchDebounced(\n  search,\n  (newValue: string | null, oldValue: string | null) => {\n    const query = newValue ?? ''\n    if (query === (oldValue ?? '')) return\n    if (query.length > 0 && query.length < props.minSearchChars) return\n    if (query.length === 0 && props.prefetch === false) {\n      fetchedItems.value = []\n      return\n    }\n    apiRequestCounter.value++\n    apiSearch(query, apiRequestCounter.value)\n  },\n  { debounce: SEARCH_DEBOUNCE_MS }\n)\n\nconst checkFirstLoad = async () => {\n  await tryAutoFetch('mounted')\n}\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst noDataText = computed(() => {\n  if (loading.value) {\n    return '$vuetify.loading'\n  }\n  if (fetchedItems.value.length === 0 && search.value.length < props.minSearchChars) {\n    return isUndefined(props.minSearchText)\n      ? t('common.filter.filterMinChars', { min: props.minSearchChars })\n      : props.minSearchText\n  }\n  return undefined\n})\n\nconst onSelectedUpdate = (newValue: any) => {\n  filterConfig.touched = true\n  let final: null | string | number | string[] | number[] = null\n  if (isArray(newValue)) {\n    final = newValue.map((item: any) => item.value) as string[] | number[]\n  } else if (!isNull(newValue)) {\n    final = newValue.value\n  }\n  filterData[props.name] = final\n  emit('change')\n}\n\n// The close of a chip, where an admin makes the chips closable (`closable-chips`): its value goes out of the filter,\n// as when it is unticked in the list, and a filter of one value is cleared as by the clear of the field (the chip\n// slot draws its value as a chip too). The chip only hid itself, and the value went on filtering.\nconst onChipCloseClick = (closedItem: ValueObjectOption<T>) => {\n  if (!isArray(selected.value)) {\n    selected.value = null\n    onSelectedUpdate(null)\n    onClickClear()\n    return\n  }\n  selected.value = (selected.value as ValueObjectOption<T>[]).filter((item) => item.value !== closedItem.value)\n  onSelectedUpdate(selected.value)\n}\n\nconst updateFilterSelected = (\n  newValue: ValueObjectOption<string | number> | ValueObjectOption<string | number>[] | null\n) => {\n  filterSelected.value.delete(props.name)\n  if ((isArray(newValue) && newValue.length === 0) || isNull(newValue)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((item) => ({ title: item.title, value: item.value }))\n    )\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: newValue.title, value: newValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  async (newValueFilterData, oldValueFilterData) => {\n    watchedValue = newValueFilterData\n    if (newValueFilterData === oldValueFilterData || isBoolean(newValueFilterData)) return\n    const newValue = newValueFilterData as ModelValueType\n    if (isFirstLoad.value) {\n      isFirstLoad.value = false\n      await checkFirstLoad()\n    }\n    if (isEmpty(newValue)) {\n      resetToEmptyState(newValue)\n      if (!isUndefined(oldValueFilterData)) {\n        apiRequestCounter.value++\n        await apiSearch('', apiRequestCounter.value)\n      }\n      return\n    }\n    await loadListItems(newValue as T[] | T)\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"selected\"\n    :items=\"allItems\"\n    no-filter\n    :placeholder=\"placeholderComputed\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :label=\"label\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :loading=\"loading\"\n    hide-details\n    return-object\n    autocomplete=\"off\"\n    :no-data-text=\"noDataText\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onSelectedUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\n    <template\n      v-if=\"loading\"\n      #no-data\n    >\n      <VListItem :title=\"t('$vuetify.loading')\" />\n    </template>\n    <template #item=\"{ props: itemProps, internalItem }\">\n      <VListItem\n        v-bind=\"itemProps\"\n        :title=\"internalItem.raw.title\"\n        :subtitle=\"internalItem.raw.subtitle\"\n      />\n    </template>\n    <template #chip=\"{ props: chipProps, internalItem }\">\n      <VChip\n        :closable=\"chipProps.closable as boolean\"\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        :text=\"`${internalItem.title} (${internalItem.raw.subtitle})`\"\n        :disabled=\"internalItem.props.disabled\"\n        @click:close=\"onChipCloseClick(internalItem.raw)\"\n      >\n        {{ internalItem.raw.title }}\n        <span\n          v-if=\"internalItem.raw.subtitle\"\n          class=\"font-italic pl-1\"\n        >\n          ({{ internalItem.raw.subtitle }})\n        </span>\n      </VChip>\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":"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"}

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.js

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

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterRemoteAutocompleteWithMinimal.js","names":["_sfc_main","AFilterRemoteAutocompleteWithMinimal_vue_vue_type_script_setup_true_lang_default","AFilterRemoteAutocompleteWithMinimal_default"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, onBeforeUnmount, type Ref, ref, watch } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { cloneDeep, isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterInnerConfigKey,\n  FilterInnerDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { type FilterConfig, type FilterData, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { isOneOf } from '@/shared/utils/enum'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { type Pagination, usePagination } from '@/domains/api/composables/pagination'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\ntype FetchItemsMinimalByIdsType = ((ids: IntegerId[]) => Promise<any[]>) | ((ids: DocId[]) => Promise<any[]>)\n\ntype FetchItemsMinimalType = (\n  pagination: Ref<Pagination>,\n  filterData: FilterData,\n  filterConfig: FilterConfig\n) => Promise<any[]>\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    fetchItemsMinimal: FetchItemsMinimalType\n    fetchItemsMinimalByIds: FetchItemsMinimalByIdsType\n    filterByField: string\n    filterSortBy?: DatatableSortBy\n    placeholder?: string | undefined\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    searchMinChars?: number\n    itemTitle?: string\n    itemValue?: string\n  }>(),\n  {\n    filterSortBy: null,\n    placeholder: undefined,\n    prefetch: false,\n    searchMinChars: 2,\n    itemTitle: 'name',\n    itemValue: 'id',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig) ||\n  isUndefined(filterInnerConfig) ||\n  isUndefined(filterInnerData)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter config. ` +\n      `Name is '${props.name}' and available options are ${Object.keys(filterData).join(', ')}.`\n  )\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterInnerConfig.fields[props.filterByField]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterInnerData[props.filterByField])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter inner config. ` +\n      `FilterByField is '${props.filterByField}' and available options are ${Object.keys(filterInnerData).join(', ')}.`\n  )\n}\n\nconst selected = ref<any>([])\nconst search = ref('')\nconst isFocused = ref(false)\nconst autoFetchTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n\nconst apiRequestCounter = ref(0)\n\nconst { t } = useI18n()\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst onBlur = () => {\n  isFocused.value = false\n}\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { pagination } = usePagination(\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isNull(props.filterSortBy) ? null : props.filterSortBy.key,\n  props.filterSortBy?.order\n)\nconst fetchedItems = ref<any[]>([])\nconst selectedItemsCache = ref<any[]>([])\n\nconst allItems = computed<ValueObjectOption<DocId | IntegerId>[]>(() => {\n  const final = new Map()\n  const finalRaw: Map<IntegerId | DocId, any> = new Map()\n  selectedItemsCache.value.forEach((value) => {\n    if (value.raw) {\n      final.set(value.raw[props.itemValue], value.raw[props.itemTitle])\n      finalRaw.set(value.raw[props.itemValue], cloneDeep(value.raw))\n    } else {\n      final.set(value[props.itemValue], value[props.itemTitle])\n      finalRaw.set(value[props.itemValue], cloneDeep(value))\n    }\n  })\n  fetchedItems.value.forEach((value) => {\n    if (value.raw) {\n      final.set(value.raw[props.itemValue], value.raw[props.itemTitle])\n      finalRaw.set(value.raw[props.itemValue], cloneDeep(value.raw))\n    } else {\n      final.set(value[props.itemValue], value[props.itemTitle])\n      finalRaw.set(value[props.itemValue], cloneDeep(value))\n    }\n  })\n  return Array.from(final, ([key, value]) => {\n    return { value: key, title: value, raw: finalRaw.get(key) }\n  })\n})\n\n// The requests of the component on their way (items by their ids, a search, a prefetch): its spinner is on while\n// any of them runs, and goes off with the last. Each turned it off as it ended: a read by ids hid the spinner of a\n// search still running, and the reverse.\nconst requestsRunning = ref(0)\nconst loading = computed(() => requestsRunning.value > 0)\n\nconst { showErrorsDefault } = useAlerts()\n\nconst apiSearch = async (query: string, requestCounter: number) => {\n  requestsRunning.value++\n  filterInnerData[props.filterByField] = query\n  try {\n    const res = await props.fetchItemsMinimal(pagination, filterInnerData, filterInnerConfig)\n    if (requestCounter === apiRequestCounter.value) fetchedItems.value = res\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst findLocalDataByValues = (values: Array<DocId | IntegerId>) => {\n  const found = allItems.value.filter((item: ValueObjectOption<string | number>) => values.includes(item.value))\n  return ([] as ValueObjectOption<string | number>[]).concat(found)\n}\n\nconst tryToLoadFromLocalData = async (newValue: string | number | Array<string | number>) => {\n  let count = 1\n  let foundItems: ValueObjectOption<string | number>[] = []\n  if (isArray(newValue)) {\n    count = newValue.length\n    foundItems = findLocalDataByValues(newValue)\n  } else {\n    foundItems = findLocalDataByValues([newValue])\n  }\n  selectedItemsCache.value = foundItems\n  return foundItems.length === count\n}\n\nconst autoFetched = ref(false)\n\nconst clearAutoFetchTimer = () => {\n  clearTimeout(autoFetchTimer.value)\n  autoFetchTimer.value = undefined\n}\n\nonBeforeUnmount(clearAutoFetchTimer)\n\nconst autoFetch = async () => {\n  clearAutoFetchTimer()\n  if (autoFetched.value === true) return\n  autoFetched.value = true\n  requestsRunning.value++\n  try {\n    const res = await props.fetchItemsMinimal(pagination, filterInnerData, filterInnerConfig)\n    if (apiRequestCounter.value === 0) fetchedItems.value = res\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  if (props.prefetch === false) return\n  clearAutoFetchTimer()\n  autoFetch()\n}\n\nconst onMouseEnter = () => {\n  if (props.prefetch === 'focus' || props.prefetch === false) return\n  clearAutoFetchTimer()\n  autoFetch()\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!filterConfigCurrent.value.multiple && selectedItemsCache.value[0]) {\n    return selectedItemsCache.value[0].title\n  }\n  return undefined\n})\n\n// The clear of the field empties the search with `null` first: an empty search. A field without focus at that\n// moment read its length and threw.\nconst onSearchUpdate = (query: string | null) => {\n  const text = query ?? ''\n  if (!filterConfigCurrent.value.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\nconst onSelectedUpdate = (newValue: any) => {\n  filterConfig.touched = true\n  let final: null | string | number | string[] | number[] = null\n  if (isArray(newValue)) {\n    final = newValue.map((item: any) => item.value) as string[] | number[]\n  } else if (!isNull(newValue)) {\n    final = newValue.value\n  }\n  filterData[props.name] = final\n  emit('change')\n}\n\n// The clear empties the filter in one go, with the model Vuetify has emptied, and asks for the list once, for an\n// empty search, through the counter of the searches. It asked with the search typed before, outside the counter,\n// wrote that answer whenever it came, and emptied the filter only after it. The list is there now: the auto-fetch\n// of an empty filter is not needed. A filter of one value cleared onto the default it held does not change for its\n// watcher: its value is shown again here.\nconst onClickClear = () => {\n  clearField()\n  clearAutoFetchTimer()\n  autoFetched.value = true\n  const value = filterData[props.name]\n  if (!isEmptyValue(value) && value === watchedValue) showValue(value as string | number | Array<string | number>)\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateFilterSelected = (\n  newValue: ValueObjectOption<string | number> | ValueObjectOption<string | number>[] | null\n) => {\n  filterSelected.value.delete(props.name)\n  if ((isArray(newValue) && newValue.length === 0) || isNull(newValue)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((item) => ({ title: item.title, value: item.value }))\n    )\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: newValue.title, value: newValue.value }])\n}\n\nconst isEmptyValue = (value: unknown) => isNull(value) || isUndefined(value) || (isArray(value) && value.length === 0)\n\n/** The value of the filter its watcher (below) saw last. */\nlet watchedValue: unknown\n\n/** Puts a value of the filter into the field and the chips: from the items it has, or read by their ids. */\nconst showValue = async (newValue: string | number | Array<string | number>) => {\n  const found = await tryToLoadFromLocalData(newValue)\n  if (found) {\n    selected.value = selectedItemsCache.value.map((item) => ({\n      title: item.title,\n      value: item.value,\n    }))\n    updateFilterSelected(selected.value)\n    return\n  }\n  if (isArray(newValue)) {\n    requestsRunning.value++\n    try {\n      selectedItemsCache.value = await props.fetchItemsMinimalByIds(newValue as Array<IntegerId & DocId>)\n      selected.value = selectedItemsCache.value.map((item) => ({\n        title: item.title,\n        value: item.value,\n      }))\n      updateFilterSelected(selected.value)\n    } catch (e) {\n      showErrorsDefault(e)\n    } finally {\n      requestsRunning.value--\n    }\n    return\n  }\n  requestsRunning.value++\n  try {\n    selectedItemsCache.value = await props.fetchItemsMinimalByIds([newValue as DocId & IntegerId])\n    selected.value = selectedItemsCache.value.map((item) => ({\n      title: item.title,\n      value: item.value,\n    }))[0]\n    updateFilterSelected(selected.value)\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nwatch(\n  () => filterData[props.name],\n  async (newValue, oldValue) => {\n    watchedValue = newValue\n    if (newValue === oldValue || isBoolean(newValue)) return\n    if (isEmptyValue(newValue)) {\n      selectedItemsCache.value = []\n      if (filterConfigCurrent.value.multiple) {\n        selected.value = []\n      } else {\n        selected.value = null\n      }\n      updateFilterSelected(selected.value)\n      if (autoFetched.value === true || isOneOf(props.prefetch, ['hover', 'focus', false])) return\n      // One pending auto-fetch at a time: a second empty value would otherwise orphan the first timer.\n      clearAutoFetchTimer()\n      autoFetchTimer.value = setTimeout(() => {\n        autoFetch()\n      }, 3000)\n      return\n    }\n    await showValue(newValue as string | number | Array<string | number>)\n  },\n  { immediate: true }\n)\n\nwatchDebounced(\n  search,\n  (newValue: string | null, oldValue: string | null) => {\n    const query = newValue ?? ''\n    if (query.length < props.searchMinChars) return\n    if (query !== (oldValue ?? '')) {\n      apiRequestCounter.value++\n      apiSearch(query, apiRequestCounter.value)\n    }\n  },\n  { debounce: 300 }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"selected\"\n    :items=\"allItems\"\n    no-filter\n    :placeholder=\"placeholderComputed\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :label=\"label\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :loading=\"loading\"\n    hide-details\n    return-object\n    autocomplete=\"off\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onSelectedUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\n    <!-- @vue-skip -->\n    <template #item=\"{ props: itemProps, internalItem: itemItem }\">\n      <slot\n        name=\"item\"\n        :item=\"itemItem\"\n        :props=\"itemProps\"\n      >\n        <VListItem\n          v-bind=\"itemProps\"\n          :title=\"itemItem.raw.title\"\n          :subtitle=\"itemItem.raw.subtitle\"\n        />\n      </slot>\n    </template>\n    <!-- @vue-skip -->\n    <template #chip=\"{ props: chipProps, internalItem: chipItem }\">\n      <slot\n        name=\"chip\"\n        :props=\"chipProps\"\n        :item=\"chipItem\"\n      >\n        <VChip\n          v-bind=\"chipProps\"\n          close-label=\"common.button.remove\"\n          :text=\"chipItem.title\"\n        />\n      </slot>\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":""}

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue.d.ts

@@ -0,0 +1,36 @@
+import { Ref } from 'vue';
+import { DocId, IntegerId } from '../../../shared/types/common';
+import { FilterConfig, FilterData } from '../../filters/composables/filterFactory';
+import { DatatableSortBy } from '../../filters/datatable/utils/datatableColumns';
+import { Pagination } from '../../api/composables/pagination';
+type FetchItemsMinimalByIdsType = ((ids: IntegerId[]) => Promise<any[]>) | ((ids: DocId[]) => Promise<any[]>);
+type FetchItemsMinimalType = (pagination: Ref<Pagination>, filterData: FilterData, filterConfig: FilterConfig) => Promise<any[]>;
+type __VLS_Props = {
+    name: string;
+    fetchItemsMinimal: FetchItemsMinimalType;
+    fetchItemsMinimalByIds: FetchItemsMinimalByIdsType;
+    filterByField: string;
+    filterSortBy?: DatatableSortBy;
+    placeholder?: string | undefined;
+    prefetch?: 'hover' | 'focus' | 'mounted' | false;
+    searchMinChars?: number;
+    itemTitle?: string;
+    itemValue?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (() => any) | undefined;
+}>, {
+    placeholder: string;
+    itemTitle: string;
+    itemValue: string;
+    filterSortBy: {
+        key: string;
+        order: import('../../../lib').SortOrderType;
+    } | null;
+    prefetch: false | "mounted" | "focus" | "hover";
+    searchMinChars: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,206 @@
+import { cloneDeep as e, isArray as t, isBoolean as n, isNull as r, isUndefined as i } from "../../../shared/utils/common.js";
+import { useAlerts as a } from "../../system/composables/alerts.js";
+import { FilterConfigKey as ee, FilterDataKey as te, FilterInnerConfigKey as ne, FilterInnerDataKey as re, FilterSelectedKey as ie, FilterSubmitResetCounterKey as ae } from "../../filters/utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as oe } from "../../filters/composables/filterFactory.js";
+import { usePagination as se } from "../../api/composables/pagination.js";
+import { isOneOf as ce } from "../../../shared/utils/enum.js";
+import { computed as o, createBlock as s, createVNode as c, defineComponent as l, getCurrentInstance as le, inject as u, mergeProps as d, onBeforeUnmount as ue, openBlock as f, ref as p, renderSlot as m, watch as de, withCtx as h } from "vue";
+import { useI18n as g } from "vue-i18n";
+import { VChip as _ } from "vuetify/components/VChip";
+import { watchDebounced as v } from "@vueuse/core";
+import { VListItem as y } from "vuetify/components/VList";
+import { VAutocomplete as b } from "vuetify/components/VAutocomplete";
+//#region src/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ l({
+	__name: "AFilterRemoteAutocompleteWithMinimal",
+	props: {
+		name: {},
+		fetchItemsMinimal: {},
+		fetchItemsMinimalByIds: {},
+		filterByField: {},
+		filterSortBy: { default: null },
+		placeholder: { default: void 0 },
+		prefetch: {
+			type: [String, Boolean],
+			default: !1
+		},
+		searchMinChars: { default: 2 },
+		itemTitle: { default: "name" },
+		itemValue: { default: "id" }
+	},
+	emits: ["change"],
+	setup(l, { emit: x }) {
+		let S = l, fe = x, pe = u(ae), C = u(ie), w = u(ee), T = u(te), E = u(ne), D = u(re), O = le()?.type.__name;
+		if (i(pe) || i(C) || i(T) || i(w) || i(E) || i(D)) throw Error(`[${O}] Incorrect provide/inject config.`);
+		if (i(w.fields[S.name]) || i(T[S.name])) throw Error(`[${O}] Incorrect filter config. Name is '${S.name}' and available options are ${Object.keys(T).join(", ")}.`);
+		if (i(E.fields[S.filterByField]) || i(D[S.filterByField])) throw Error(`[${O}] Incorrect filter inner config. FilterByField is '${S.filterByField}' and available options are ${Object.keys(D).join(", ")}.`);
+		let k = p([]), A = p(""), j = p(!1), M = p(void 0), N = p(0), { t: P } = g(), F = o(() => w.fields[S.name]), I = () => {
+			j.value = !1;
+		}, L = o(() => F.value.titleT ? P(F.value.titleT) : void 0), { pagination: R } = se(r(S.filterSortBy) ? null : S.filterSortBy.key, S.filterSortBy?.order), z = p([]), B = p([]), V = o(() => {
+			let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+			return B.value.forEach((r) => {
+				r.raw ? (t.set(r.raw[S.itemValue], r.raw[S.itemTitle]), n.set(r.raw[S.itemValue], e(r.raw))) : (t.set(r[S.itemValue], r[S.itemTitle]), n.set(r[S.itemValue], e(r)));
+			}), z.value.forEach((r) => {
+				r.raw ? (t.set(r.raw[S.itemValue], r.raw[S.itemTitle]), n.set(r.raw[S.itemValue], e(r.raw))) : (t.set(r[S.itemValue], r[S.itemTitle]), n.set(r[S.itemValue], e(r)));
+			}), Array.from(t, ([e, t]) => ({
+				value: e,
+				title: t,
+				raw: n.get(e)
+			}));
+		}), H = p(0), me = o(() => H.value > 0), { showErrorsDefault: U } = a(), W = async (e, t) => {
+			H.value++, D[S.filterByField] = e;
+			try {
+				let e = await S.fetchItemsMinimal(R, D, E);
+				t === N.value && (z.value = e);
+			} catch (e) {
+				U(e);
+			} finally {
+				H.value--;
+			}
+		}, G = (e) => {
+			let t = V.value.filter((t) => e.includes(t.value));
+			return [].concat(t);
+		}, he = async (e) => {
+			let n = 1, r = [];
+			return t(e) ? (n = e.length, r = G(e)) : r = G([e]), B.value = r, r.length === n;
+		}, K = p(!1), q = () => {
+			clearTimeout(M.value), M.value = void 0;
+		};
+		ue(q);
+		let J = async () => {
+			if (q(), K.value !== !0) {
+				K.value = !0, H.value++;
+				try {
+					let e = await S.fetchItemsMinimal(R, D, E);
+					N.value === 0 && (z.value = e);
+				} catch (e) {
+					U(e);
+				} finally {
+					H.value--;
+				}
+			}
+		}, ge = () => {
+			j.value = !0, S.prefetch !== !1 && (q(), J());
+		}, _e = () => {
+			S.prefetch !== "focus" && S.prefetch !== !1 && (q(), J());
+		}, ve = o(() => {
+			if (!F.value.multiple && B.value[0]) return B.value[0].title;
+		}), ye = (e) => {
+			let t = e ?? "";
+			(F.value.multiple || j.value || t.length !== 0) && ve.value !== t && (A.value = t);
+		}, Y = (e) => {
+			w.touched = !0;
+			let n = null;
+			t(e) ? n = e.map((e) => e.value) : r(e) || (n = e.value), T[S.name] = n, fe("change");
+		}, be = () => {
+			Ce(), q(), K.value = !0;
+			let e = T[S.name];
+			!Z(e) && e === Q && $(e), N.value++, W("", N.value);
+		}, xe = o(() => i(S.placeholder) ? F.value.variant === "startsWith" ? P("common.model.filterPlaceholder.startsWith") : F.value.variant === "eq" ? P("common.model.filterPlaceholder.eq") : F.value.variant === "search" ? P("common.model.filterPlaceholder.contains") : "" : S.placeholder), { clearOne: Se } = oe(), Ce = () => {
+			Se(S.name, T, w), C.value.delete(S.name);
+		}, X = (e) => {
+			C.value.delete(S.name), t(e) && e.length === 0 || r(e) ? C.value.delete(S.name) : t(e) ? C.value.set(S.name, e.map((e) => ({
+				title: e.title,
+				value: e.value
+			}))) : C.value.set(S.name, [{
+				title: e.title,
+				value: e.value
+			}]);
+		}, Z = (e) => r(e) || i(e) || t(e) && e.length === 0, Q, $ = async (e) => {
+			if (await he(e)) k.value = B.value.map((e) => ({
+				title: e.title,
+				value: e.value
+			})), X(k.value);
+			else if (t(e)) {
+				H.value++;
+				try {
+					B.value = await S.fetchItemsMinimalByIds(e), k.value = B.value.map((e) => ({
+						title: e.title,
+						value: e.value
+					})), X(k.value);
+				} catch (e) {
+					U(e);
+				} finally {
+					H.value--;
+				}
+			} else {
+				H.value++;
+				try {
+					B.value = await S.fetchItemsMinimalByIds([e]), k.value = B.value.map((e) => ({
+						title: e.title,
+						value: e.value
+					}))[0], X(k.value);
+				} catch (e) {
+					U(e);
+				} finally {
+					H.value--;
+				}
+			}
+		};
+		return de(() => T[S.name], async (e, t) => {
+			if (Q = e, !(e === t || n(e))) {
+				if (Z(e)) {
+					if (B.value = [], F.value.multiple ? k.value = [] : k.value = null, X(k.value), K.value === !0 || ce(S.prefetch, [
+						"hover",
+						"focus",
+						!1
+					])) return;
+					q(), M.value = setTimeout(() => {
+						J();
+					}, 3e3);
+				} else await $(e);
+			}
+		}, { immediate: !0 }), v(A, (e, t) => {
+			let n = e ?? "";
+			n.length < S.searchMinChars || n !== (t ?? "") && (N.value++, W(n, N.value));
+		}, { debounce: 300 }), (e, t) => (f(), s(b, {
+			modelValue: k.value,
+			"onUpdate:modelValue": [t[0] ||= (e) => k.value = e, Y],
+			items: V.value,
+			"no-filter": "",
+			placeholder: xe.value,
+			multiple: F.value.multiple,
+			clearable: !F.value.mandatory,
+			label: L.value,
+			chips: F.value.multiple,
+			loading: me.value,
+			"hide-details": "",
+			"return-object": "",
+			autocomplete: "off",
+			"onUpdate:search": ye,
+			onBlur: I,
+			onFocus: ge,
+			onMouseenter: _e,
+			"onClick:clear": be
+		}, {
+			item: h(({ props: t, internalItem: n }) => [m(e.$slots, "item", {
+				item: n,
+				props: t
+			}, () => [c(y, d(t, {
+				title: n.raw.title,
+				subtitle: n.raw.subtitle
+			}), null, 16, ["title", "subtitle"])])]),
+			chip: h(({ props: t, internalItem: n }) => [m(e.$slots, "chip", {
+				props: t,
+				item: n
+			}, () => [c(_, d(t, {
+				"close-label": "common.button.remove",
+				text: n.title
+			}), null, 16, ["text"])])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"items",
+			"placeholder",
+			"multiple",
+			"clearable",
+			"label",
+			"chips",
+			"loading"
+		]));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=AFilterRemoteAutocompleteWithMinimal.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterRemoteAutocompleteWithMinimal.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VAutocomplete","_withCtx","_renderSlot","_createVNode","_component_VListItem","_mergeProps","_component_VChip","AFilterRemoteAutocompleteWithMinimal_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","filterInnerConfig","FilterInnerConfigKey","filterInnerData","FilterInnerDataKey","componentName","getCurrentInstance","isUndefined","selected","ref","search","isFocused","autoFetchTimer","apiRequestCounter","useI18n","filterConfigCurrent","computed","onBlur","label","t","usePagination","isNull","fetchedItems","selectedItemsCache","allItems","final","finalRaw","value","cloneDeep","key","requestsRunning","loading","useAlerts","apiSearch","query","res","pagination","requestCounter","findLocalDataByValues","found","values","item","tryToLoadFromLocalData","count","foundItems","isArray","newValue","autoFetched","clearAutoFetchTimer","autoFetch","onFocus","onMouseEnter","singleItemSelectedTitle","onSearchUpdate","text","onSelectedUpdate","onClickClear","clearField","isEmptyValue","watchedValue","showValue","placeholderComputed","useFilterClearHelpers","clearOne","updateFilterSelected","watch","oldValue","isBoolean","isOneOf","watchDebounced","openBlock","createBlock","VAutocomplete","_cache","$event","withCtx","itemProps","itemItem","renderSlot","_ctx","createVNode","VListItem","mergeProps","chipProps","chipItem","VChip"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, onBeforeUnmount, type Ref, ref, watch } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { cloneDeep, isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterInnerConfigKey,\n  FilterInnerDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { type FilterConfig, type FilterData, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { isOneOf } from '@/shared/utils/enum'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { type Pagination, usePagination } from '@/domains/api/composables/pagination'\nimport { useAlerts } from '@/domains/system/composables/alerts'\n\ntype FetchItemsMinimalByIdsType = ((ids: IntegerId[]) => Promise<any[]>) | ((ids: DocId[]) => Promise<any[]>)\n\ntype FetchItemsMinimalType = (\n  pagination: Ref<Pagination>,\n  filterData: FilterData,\n  filterConfig: FilterConfig\n) => Promise<any[]>\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    fetchItemsMinimal: FetchItemsMinimalType\n    fetchItemsMinimalByIds: FetchItemsMinimalByIdsType\n    filterByField: string\n    filterSortBy?: DatatableSortBy\n    placeholder?: string | undefined\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    searchMinChars?: number\n    itemTitle?: string\n    itemValue?: string\n  }>(),\n  {\n    filterSortBy: null,\n    placeholder: undefined,\n    prefetch: false,\n    searchMinChars: 2,\n    itemTitle: 'name',\n    itemValue: 'id',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig) ||\n  isUndefined(filterInnerConfig) ||\n  isUndefined(filterInnerData)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter config. ` +\n      `Name is '${props.name}' and available options are ${Object.keys(filterData).join(', ')}.`\n  )\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterInnerConfig.fields[props.filterByField]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterInnerData[props.filterByField])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter inner config. ` +\n      `FilterByField is '${props.filterByField}' and available options are ${Object.keys(filterInnerData).join(', ')}.`\n  )\n}\n\nconst selected = ref<any>([])\nconst search = ref('')\nconst isFocused = ref(false)\nconst autoFetchTimer: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined)\n\nconst apiRequestCounter = ref(0)\n\nconst { t } = useI18n()\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst onBlur = () => {\n  isFocused.value = false\n}\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { pagination } = usePagination(\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isNull(props.filterSortBy) ? null : props.filterSortBy.key,\n  props.filterSortBy?.order\n)\nconst fetchedItems = ref<any[]>([])\nconst selectedItemsCache = ref<any[]>([])\n\nconst allItems = computed<ValueObjectOption<DocId | IntegerId>[]>(() => {\n  const final = new Map()\n  const finalRaw: Map<IntegerId | DocId, any> = new Map()\n  selectedItemsCache.value.forEach((value) => {\n    if (value.raw) {\n      final.set(value.raw[props.itemValue], value.raw[props.itemTitle])\n      finalRaw.set(value.raw[props.itemValue], cloneDeep(value.raw))\n    } else {\n      final.set(value[props.itemValue], value[props.itemTitle])\n      finalRaw.set(value[props.itemValue], cloneDeep(value))\n    }\n  })\n  fetchedItems.value.forEach((value) => {\n    if (value.raw) {\n      final.set(value.raw[props.itemValue], value.raw[props.itemTitle])\n      finalRaw.set(value.raw[props.itemValue], cloneDeep(value.raw))\n    } else {\n      final.set(value[props.itemValue], value[props.itemTitle])\n      finalRaw.set(value[props.itemValue], cloneDeep(value))\n    }\n  })\n  return Array.from(final, ([key, value]) => {\n    return { value: key, title: value, raw: finalRaw.get(key) }\n  })\n})\n\n// The requests of the component on their way (items by their ids, a search, a prefetch): its spinner is on while\n// any of them runs, and goes off with the last. Each turned it off as it ended: a read by ids hid the spinner of a\n// search still running, and the reverse.\nconst requestsRunning = ref(0)\nconst loading = computed(() => requestsRunning.value > 0)\n\nconst { showErrorsDefault } = useAlerts()\n\nconst apiSearch = async (query: string, requestCounter: number) => {\n  requestsRunning.value++\n  filterInnerData[props.filterByField] = query\n  try {\n    const res = await props.fetchItemsMinimal(pagination, filterInnerData, filterInnerConfig)\n    if (requestCounter === apiRequestCounter.value) fetchedItems.value = res\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst findLocalDataByValues = (values: Array<DocId | IntegerId>) => {\n  const found = allItems.value.filter((item: ValueObjectOption<string | number>) => values.includes(item.value))\n  return ([] as ValueObjectOption<string | number>[]).concat(found)\n}\n\nconst tryToLoadFromLocalData = async (newValue: string | number | Array<string | number>) => {\n  let count = 1\n  let foundItems: ValueObjectOption<string | number>[] = []\n  if (isArray(newValue)) {\n    count = newValue.length\n    foundItems = findLocalDataByValues(newValue)\n  } else {\n    foundItems = findLocalDataByValues([newValue])\n  }\n  selectedItemsCache.value = foundItems\n  return foundItems.length === count\n}\n\nconst autoFetched = ref(false)\n\nconst clearAutoFetchTimer = () => {\n  clearTimeout(autoFetchTimer.value)\n  autoFetchTimer.value = undefined\n}\n\nonBeforeUnmount(clearAutoFetchTimer)\n\nconst autoFetch = async () => {\n  clearAutoFetchTimer()\n  if (autoFetched.value === true) return\n  autoFetched.value = true\n  requestsRunning.value++\n  try {\n    const res = await props.fetchItemsMinimal(pagination, filterInnerData, filterInnerConfig)\n    if (apiRequestCounter.value === 0) fetchedItems.value = res\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst onFocus = () => {\n  isFocused.value = true\n  if (props.prefetch === false) return\n  clearAutoFetchTimer()\n  autoFetch()\n}\n\nconst onMouseEnter = () => {\n  if (props.prefetch === 'focus' || props.prefetch === false) return\n  clearAutoFetchTimer()\n  autoFetch()\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!filterConfigCurrent.value.multiple && selectedItemsCache.value[0]) {\n    return selectedItemsCache.value[0].title\n  }\n  return undefined\n})\n\n// The clear of the field empties the search with `null` first: an empty search. A field without focus at that\n// moment read its length and threw.\nconst onSearchUpdate = (query: string | null) => {\n  const text = query ?? ''\n  if (!filterConfigCurrent.value.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\nconst onSelectedUpdate = (newValue: any) => {\n  filterConfig.touched = true\n  let final: null | string | number | string[] | number[] = null\n  if (isArray(newValue)) {\n    final = newValue.map((item: any) => item.value) as string[] | number[]\n  } else if (!isNull(newValue)) {\n    final = newValue.value\n  }\n  filterData[props.name] = final\n  emit('change')\n}\n\n// The clear empties the filter in one go, with the model Vuetify has emptied, and asks for the list once, for an\n// empty search, through the counter of the searches. It asked with the search typed before, outside the counter,\n// wrote that answer whenever it came, and emptied the filter only after it. The list is there now: the auto-fetch\n// of an empty filter is not needed. A filter of one value cleared onto the default it held does not change for its\n// watcher: its value is shown again here.\nconst onClickClear = () => {\n  clearField()\n  clearAutoFetchTimer()\n  autoFetched.value = true\n  const value = filterData[props.name]\n  if (!isEmptyValue(value) && value === watchedValue) showValue(value as string | number | Array<string | number>)\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateFilterSelected = (\n  newValue: ValueObjectOption<string | number> | ValueObjectOption<string | number>[] | null\n) => {\n  filterSelected.value.delete(props.name)\n  if ((isArray(newValue) && newValue.length === 0) || isNull(newValue)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((item) => ({ title: item.title, value: item.value }))\n    )\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: newValue.title, value: newValue.value }])\n}\n\nconst isEmptyValue = (value: unknown) => isNull(value) || isUndefined(value) || (isArray(value) && value.length === 0)\n\n/** The value of the filter its watcher (below) saw last. */\nlet watchedValue: unknown\n\n/** Puts a value of the filter into the field and the chips: from the items it has, or read by their ids. */\nconst showValue = async (newValue: string | number | Array<string | number>) => {\n  const found = await tryToLoadFromLocalData(newValue)\n  if (found) {\n    selected.value = selectedItemsCache.value.map((item) => ({\n      title: item.title,\n      value: item.value,\n    }))\n    updateFilterSelected(selected.value)\n    return\n  }\n  if (isArray(newValue)) {\n    requestsRunning.value++\n    try {\n      selectedItemsCache.value = await props.fetchItemsMinimalByIds(newValue as Array<IntegerId & DocId>)\n      selected.value = selectedItemsCache.value.map((item) => ({\n        title: item.title,\n        value: item.value,\n      }))\n      updateFilterSelected(selected.value)\n    } catch (e) {\n      showErrorsDefault(e)\n    } finally {\n      requestsRunning.value--\n    }\n    return\n  }\n  requestsRunning.value++\n  try {\n    selectedItemsCache.value = await props.fetchItemsMinimalByIds([newValue as DocId & IntegerId])\n    selected.value = selectedItemsCache.value.map((item) => ({\n      title: item.title,\n      value: item.value,\n    }))[0]\n    updateFilterSelected(selected.value)\n  } catch (e) {\n    showErrorsDefault(e)\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nwatch(\n  () => filterData[props.name],\n  async (newValue, oldValue) => {\n    watchedValue = newValue\n    if (newValue === oldValue || isBoolean(newValue)) return\n    if (isEmptyValue(newValue)) {\n      selectedItemsCache.value = []\n      if (filterConfigCurrent.value.multiple) {\n        selected.value = []\n      } else {\n        selected.value = null\n      }\n      updateFilterSelected(selected.value)\n      if (autoFetched.value === true || isOneOf(props.prefetch, ['hover', 'focus', false])) return\n      // One pending auto-fetch at a time: a second empty value would otherwise orphan the first timer.\n      clearAutoFetchTimer()\n      autoFetchTimer.value = setTimeout(() => {\n        autoFetch()\n      }, 3000)\n      return\n    }\n    await showValue(newValue as string | number | Array<string | number>)\n  },\n  { immediate: true }\n)\n\nwatchDebounced(\n  search,\n  (newValue: string | null, oldValue: string | null) => {\n    const query = newValue ?? ''\n    if (query.length < props.searchMinChars) return\n    if (query !== (oldValue ?? '')) {\n      apiRequestCounter.value++\n      apiSearch(query, apiRequestCounter.value)\n    }\n  },\n  { debounce: 300 }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"selected\"\n    :items=\"allItems\"\n    no-filter\n    :placeholder=\"placeholderComputed\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :label=\"label\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :loading=\"loading\"\n    hide-details\n    return-object\n    autocomplete=\"off\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onSelectedUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\n    <!-- @vue-skip -->\n    <template #item=\"{ props: itemProps, internalItem: itemItem }\">\n      <slot\n        name=\"item\"\n        :item=\"itemItem\"\n        :props=\"itemProps\"\n      >\n        <VListItem\n          v-bind=\"itemProps\"\n          :title=\"itemItem.raw.title\"\n          :subtitle=\"itemItem.raw.subtitle\"\n        />\n      </slot>\n    </template>\n    <!-- @vue-skip -->\n    <template #chip=\"{ props: chipProps, internalItem: chipItem }\">\n      <slot\n        name=\"chip\"\n        :props=\"chipProps\"\n        :item=\"chipItem\"\n      >\n        <VChip\n          v-bind=\"chipProps\"\n          close-label=\"common.button.remove\"\n          :text=\"chipItem.title\"\n        />\n      </slot>\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":"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"}

package/dist/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.js

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