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

package/dist/domains/permission/group/filter/permissionGroupFilter.js

@@ -1,6 +1,6 @@
 import { createFilter as e, createFilterStore as t } from "../../../filters/composables/filterFactory.js";
 import { PERMISSION_GROUP_ENTITY as n } from "../api/permissionGroupApi.js";
-//#region src/domains/permission/group/filter/permissionGroupFilter.ts
+// src/domains/permission/group/filter/permissionGroupFilter.ts
 var r = [{
 	name: "id",
 	default: null,
@@ -39,7 +39,6 @@ function s() {
 		filterData: a
 	};
 }
-//#endregion
 export { a as permissionGroupFilterStorageKey, s as usePermissionGroupInnerFilter, o as usePermissionGroupListFilter };
 
 //# sourceMappingURL=permissionGroupFilter.js.map

package/dist/domains/permission/group/filter/permissionGroupFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"permissionGroupFilter.js","names":["permissionGroupListFields","listStores","permissionGroupFilterStorageKey","system","usePermissionGroupListFilter","store","createFilterStore","createFilter","PERMISSION_GROUP_ENTITY","usePermissionGroupInnerFilter","innerFields"],"sources":["../../../../../src/domains/permission/group/filter/permissionGroupFilter.ts"],"sourcesContent":["import {\n  createFilter,\n  createFilterStore,\n  type FilterConfig,\n  type FilterData,\n  type MakeFilterOption,\n} from '@/domains/filters/composables/filterFactory'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\n\nconst permissionGroupListFields = [\n  { name: 'id' as const, default: null, type: 'integer' },\n  { name: 'title' as const, variant: 'startsWith', default: null, type: 'string', render: { skip: true } },\n] satisfies readonly MakeFilterOption[]\n\ntype ListFields = typeof permissionGroupListFields\n\n/**\n * One filter store per system.\n *\n * The admins kept theirs at module scope, which is correct while an admin has a single backend and\n * wrong here: admin-inhouse has four, and a shared store would carry a title typed under `weather`\n * straight into the `brick` list.\n */\nconst listStores = new Map<string, FilterData<ListFields>>()\n\n/**\n * Local-storage key for the list filter. Named rather than derived so it cannot collide with the\n * per-admin views this replaces, which store under `tableFilter_common_permissionGroup`; while\n * both versions are on screen they must not share remembered filters (rule 8.0).\n */\nexport const permissionGroupFilterStorageKey = (system: string) => `commonPermissionGroup_${system}`\n\nexport function usePermissionGroupListFilter(system: string): {\n  filterConfig: FilterConfig<ListFields>\n  filterData: FilterData<ListFields>\n} {\n  let store = listStores.get(system)\n  if (!store) {\n    store = createFilterStore(permissionGroupListFields)\n    listStores.set(system, store)\n  }\n\n  // `system: 'common'` is the translation namespace, not the backend: the labels live in the\n  // library's own `common.permissionGroup.filter.*` and are the same text whichever backend the\n  // rows came from. The backend identity is what keys the store above.\n  const { filterConfig, filterData } = createFilter(permissionGroupListFields, store, {\n    system: 'common',\n    subject: PERMISSION_GROUP_ENTITY,\n  })\n\n  return { filterConfig, filterData }\n}\n\nexport function usePermissionGroupInnerFilter() {\n  // `title` is the autocomplete's `filter-by-field`. Built per call and never registered: an\n  // autocomplete's filter is scratch state for one open menu, and two of them on a page must not\n  // type into each other.\n  const innerFields = [\n    { name: 'title' as const, variant: 'startsWith', default: null, type: 'string' },\n  ] satisfies readonly MakeFilterOption[]\n\n  const { filterConfig, filterData } = createFilter(innerFields, createFilterStore(innerFields), {\n    system: 'common',\n    subject: PERMISSION_GROUP_ENTITY,\n  })\n\n  return { filterConfig, filterData }\n}\n\n/** Test seam; the list stores are module state. */\nexport const resetPermissionGroupListFilters = () => {\n  listStores.clear()\n}\n"],"mappings":";;;AASA,IAAMA,IAA4B,CAChC;CAAE,MAAM;CAAe,SAAS;CAAM,MAAM;AAAU,GACtD;CAAE,MAAM;CAAkB,SAAS;CAAc,SAAS;CAAM,MAAM;CAAU,QAAQ,EAAE,MAAM,GAAK;AAAE,CACzG,GAWMC,oBAAa,IAAI,IAAoC,GAO9CC,KAAmC,MAAmB,yBAAyBC;AAE5F,SAAgBC,EAA6B,GAG3C;CACA,IAAIC,IAAQJ,EAAW,IAAIE,CAAM;CACjC,AAAKE,MACH,IAAQC,EAAkBN,CAAyB,GACnDC,EAAW,IAAIE,GAAQE,CAAK;CAM9B,IAAM,EAAE,iBAAc,kBAAeE,EAAaP,GAA2BK,GAAO;EAClF,QAAQ;EACR,SAASG;CACX,CAAC;CAED,OAAO;EAAE;EAAc;CAAW;AACpC;AAEA,SAAgBC,IAAgC;CAI9C,IAAMC,IAAc,CAClB;EAAE,MAAM;EAAkB,SAAS;EAAc,SAAS;EAAM,MAAM;CAAS,CACjF,GAEM,EAAE,iBAAc,kBAAeH,EAAaG,GAAaJ,EAAkBI,CAAW,GAAG;EAC7F,QAAQ;EACR,SAASF;CACX,CAAC;CAED,OAAO;EAAE;EAAc;CAAW;AACpC"}
+{"version":3,"file":"permissionGroupFilter.js","names":["permissionGroupListFields","listStores","permissionGroupFilterStorageKey","system","usePermissionGroupListFilter","store","createFilterStore","createFilter","PERMISSION_GROUP_ENTITY","usePermissionGroupInnerFilter","innerFields"],"sources":["../../../../../src/domains/permission/group/filter/permissionGroupFilter.ts"],"sourcesContent":["import {\n  createFilter,\n  createFilterStore,\n  type FilterConfig,\n  type FilterData,\n  type MakeFilterOption,\n} from '@/domains/filters/composables/filterFactory'\nimport { PERMISSION_GROUP_ENTITY } from '@/domains/permission/group/api/permissionGroupApi'\n\nconst permissionGroupListFields = [\n  { name: 'id' as const, default: null, type: 'integer' },\n  { name: 'title' as const, variant: 'startsWith', default: null, type: 'string', render: { skip: true } },\n] satisfies readonly MakeFilterOption[]\n\ntype ListFields = typeof permissionGroupListFields\n\n/**\n * One filter store per system. admin-inhouse has four backends, and a shared\n * store would carry a title typed under `weather` into the `brick` list.\n */\nconst listStores = new Map<string, FilterData<ListFields>>()\n\n/**\n * Local-storage key for the list filter. Named so it does not collide with the replaced\n * per-admin views' `tableFilter_common_permissionGroup` key while both are in use.\n */\nexport const permissionGroupFilterStorageKey = (system: string) => `commonPermissionGroup_${system}`\n\nexport function usePermissionGroupListFilter(system: string): {\n  filterConfig: FilterConfig<ListFields>\n  filterData: FilterData<ListFields>\n} {\n  let store = listStores.get(system)\n  if (!store) {\n    store = createFilterStore(permissionGroupListFields)\n    listStores.set(system, store)\n  }\n\n  // `system: 'common'` is the translation namespace, not the backend.\n  // Labels live in `common.permissionGroup.filter.*` for every backend.\n  // The backend identity keys the store above.\n  const { filterConfig, filterData } = createFilter(permissionGroupListFields, store, {\n    system: 'common',\n    subject: PERMISSION_GROUP_ENTITY,\n  })\n\n  return { filterConfig, filterData }\n}\n\nexport function usePermissionGroupInnerFilter() {\n  // `title` is the autocomplete's `filter-by-field`. Built per call and never\n  // registered: two autocompletes on a page must not type into each other.\n  const innerFields = [\n    { name: 'title' as const, variant: 'startsWith', default: null, type: 'string' },\n  ] satisfies readonly MakeFilterOption[]\n\n  const { filterConfig, filterData } = createFilter(innerFields, createFilterStore(innerFields), {\n    system: 'common',\n    subject: PERMISSION_GROUP_ENTITY,\n  })\n\n  return { filterConfig, filterData }\n}\n\n/** Test seam; the list stores are module state. */\nexport const resetPermissionGroupListFilters = () => {\n  listStores.clear()\n}\n"],"mappings":";;;AASA,IAAMA,IAA4B,CAChC;CAAE,MAAM;CAAe,SAAS;CAAM,MAAM;AAAU,GACtD;CAAE,MAAM;CAAkB,SAAS;CAAc,SAAS;CAAM,MAAM;CAAU,QAAQ,EAAE,MAAM,GAAK;AAAE,CACzG,GAQMC,oBAAa,IAAI,IAAoC,GAM9CC,KAAmC,MAAmB,yBAAyBC;AAE5F,SAAgBC,EAA6B,GAG3C;CACA,IAAIC,IAAQJ,EAAW,IAAIE,CAAM;CACjC,AAAKE,MACH,IAAQC,EAAkBN,CAAyB,GACnDC,EAAW,IAAIE,GAAQE,CAAK;CAM9B,IAAM,EAAE,iBAAc,kBAAeE,EAAaP,GAA2BK,GAAO;EAClF,QAAQ;EACR,SAASG;CACX,CAAC;CAED,OAAO;EAAE;EAAc;CAAW;AACpC;AAEA,SAAgBC,IAAgC;CAG9C,IAAMC,IAAc,CAClB;EAAE,MAAM;EAAkB,SAAS;EAAc,SAAS;EAAM,MAAM;CAAS,CACjF,GAEM,EAAE,iBAAc,kBAAeH,EAAaG,GAAaJ,EAAkBI,CAAW,GAAG;EAC7F,QAAQ;EACR,SAASF;CACX,CAAC;CAED,OAAO;EAAE;EAAc;CAAW;AACpC"}

package/dist/domains/permission/group/store/permissionGroupStore.d.ts

@@ -1,11 +1,8 @@
 import { PermissionGroup } from '../types/PermissionGroup';
 /**
- * A single open group, not a map keyed by system.
- *
- * Decision 9 of the plan: one system is one route and one view, and there is no cross-system view
- * of permission groups at all. Only one group is ever open, so a per-system map would be state
- * nothing reads -- unlike the config store next door, which really is asked about several systems
- * at once by the cross-system user pages.
+ * A single open group, not a map keyed by system. One system is one route
+ * and one view, and there is no cross-system permission group view.
+ * Unlike the config store, which cross-system user pages query for several systems at once.
  */
 export declare const usePermissionGroupOneStore: import('pinia').SetupStoreDefinition<"commonAdminPermissionGroupOneStore", {
     permissionGroup: import('vue').Ref<{

package/dist/domains/permission/group/store/permissionGroupStore.js

@@ -1,7 +1,7 @@
 import { usePermissionGroupFactory as e } from "../factory/PermissionGroupFactory.js";
 import { ref as t } from "vue";
 import { defineStore as n } from "pinia";
-//#region src/domains/permission/group/store/permissionGroupStore.ts
+// src/domains/permission/group/store/permissionGroupStore.ts
 var r = n("commonAdminPermissionGroupOneStore", () => {
 	let { createPermissionGroup: n } = e(), r = t(n()), i = t(!1);
 	function a(e) {
@@ -21,7 +21,6 @@ var r = n("commonAdminPermissionGroupOneStore", () => {
 		reset: s
 	};
 });
-//#endregion
 export { r as usePermissionGroupOneStore };
 
 //# sourceMappingURL=permissionGroupStore.js.map

package/dist/domains/permission/group/store/permissionGroupStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"permissionGroupStore.js","names":["usePermissionGroupOneStore","defineStore","usePermissionGroupFactory","permissionGroup","ref","createPermissionGroup","loadingPermissionGroup","setPermissionGroup","newPermissionGroup","setLoadingPermissionGroup","loading","reset"],"sources":["../../../../../src/domains/permission/group/store/permissionGroupStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport { usePermissionGroupFactory } from '@/domains/permission/group/factory/PermissionGroupFactory'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\n\n/**\n * A single open group, not a map keyed by system.\n *\n * Decision 9 of the plan: one system is one route and one view, and there is no cross-system view\n * of permission groups at all. Only one group is ever open, so a per-system map would be state\n * nothing reads -- unlike the config store next door, which really is asked about several systems\n * at once by the cross-system user pages.\n */\nexport const usePermissionGroupOneStore = defineStore('commonAdminPermissionGroupOneStore', () => {\n  const { createPermissionGroup } = usePermissionGroupFactory()\n\n  const permissionGroup = ref<PermissionGroup>(createPermissionGroup())\n  const loadingPermissionGroup = ref(false)\n\n  function setPermissionGroup(newPermissionGroup: PermissionGroup) {\n    permissionGroup.value = newPermissionGroup\n  }\n\n  function setLoadingPermissionGroup(loading: boolean) {\n    loadingPermissionGroup.value = loading\n  }\n\n  function reset() {\n    permissionGroup.value = createPermissionGroup()\n    loadingPermissionGroup.value = false\n  }\n\n  return {\n    permissionGroup,\n    loadingPermissionGroup,\n    setPermissionGroup,\n    setLoadingPermissionGroup,\n    reset,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(usePermissionGroupOneStore, import.meta.hot))\n}\n"],"mappings":";;;;AAaA,IAAaA,IAA6BC,EAAY,4CAA4C;CAChG,IAAM,EAAE,6BAA0BC,EAA0B,GAEtDC,IAAkBC,EAAqBC,EAAsB,CAAC,GAC9DC,IAAyBF,EAAI,EAAK;CAExC,SAASG,EAAmB,GAAqC;EAC/D,EAAgB,QAAQC;CAC1B;CAEA,SAASC,EAA0B,GAAkB;EACnD,EAAuB,QAAQC;CACjC;CAEA,SAASC,IAAQ;EAEf,AADA,EAAgB,QAAQN,EAAsB,GAC9C,EAAuB,QAAQ;CACjC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}
+{"version":3,"file":"permissionGroupStore.js","names":["usePermissionGroupOneStore","defineStore","usePermissionGroupFactory","permissionGroup","ref","createPermissionGroup","loadingPermissionGroup","setPermissionGroup","newPermissionGroup","setLoadingPermissionGroup","loading","reset"],"sources":["../../../../../src/domains/permission/group/store/permissionGroupStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport { usePermissionGroupFactory } from '@/domains/permission/group/factory/PermissionGroupFactory'\nimport type { PermissionGroup } from '@/domains/permission/group/types/PermissionGroup'\n\n/**\n * A single open group, not a map keyed by system. One system is one route\n * and one view, and there is no cross-system permission group view.\n * Unlike the config store, which cross-system user pages query for several systems at once.\n */\nexport const usePermissionGroupOneStore = defineStore('commonAdminPermissionGroupOneStore', () => {\n  const { createPermissionGroup } = usePermissionGroupFactory()\n\n  const permissionGroup = ref<PermissionGroup>(createPermissionGroup())\n  const loadingPermissionGroup = ref(false)\n\n  function setPermissionGroup(newPermissionGroup: PermissionGroup) {\n    permissionGroup.value = newPermissionGroup\n  }\n\n  function setLoadingPermissionGroup(loading: boolean) {\n    loadingPermissionGroup.value = loading\n  }\n\n  function reset() {\n    permissionGroup.value = createPermissionGroup()\n    loadingPermissionGroup.value = false\n  }\n\n  return {\n    permissionGroup,\n    loadingPermissionGroup,\n    setPermissionGroup,\n    setLoadingPermissionGroup,\n    reset,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(usePermissionGroupOneStore, import.meta.hot))\n}\n"],"mappings":";;;;AAUA,IAAaA,IAA6BC,EAAY,4CAA4C;CAChG,IAAM,EAAE,6BAA0BC,EAA0B,GAEtDC,IAAkBC,EAAqBC,EAAsB,CAAC,GAC9DC,IAAyBF,EAAI,EAAK;CAExC,SAASG,EAAmB,GAAqC;EAC/D,EAAgB,QAAQC;CAC1B;CAEA,SAASC,EAA0B,GAAkB;EACnD,EAAuB,QAAQC;CACjC;CAEA,SAASC,IAAQ;EAEf,AADA,EAAgB,QAAQN,EAAsB,GAC9C,EAAuB,QAAQ;CACjC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF,CAAC"}

package/dist/domains/permission/valueObject/GrantOrigin.js

@@ -1,6 +1,6 @@
 import { ref as e } from "vue";
 import { useI18n as t } from "vue-i18n";
-//#region src/domains/permission/valueObject/GrantOrigin.ts
+// src/domains/permission/valueObject/GrantOrigin.ts
 var n = {
 	Role: "role",
 	Group: "group",
@@ -31,7 +31,6 @@ function i() {
 		getGrantOriginOption: (e) => a.value.find((t) => t.value === e)
 	};
 }
-//#endregion
 export { n as GrantOrigin, r as GrantOriginDefault, i as useGrantOrigin };
 
 //# sourceMappingURL=GrantOrigin.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AFilterRemoteAutocomplete.js","names":["_sfc_main","AFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","AFilterRemoteAutocomplete_default"],"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":""}
+{"version":3,"file":"AFilterRemoteAutocomplete.js","names":["_sfc_main","AFilterRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","AFilterRemoteAutocomplete_default"],"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// Counts running requests (by ids, search, prefetch). The spinner stays on until the last one ends.\n// A single flag let a read by ids hide the spinner of a 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// Clearing the field first emits a `null` search. Reading its length threw when the field had no focus.\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// Clearing empties the filter in one step, so the filter watcher\n// fetches once for an empty search and keeps only the newest answer.\n// A single-value filter cleared onto its own default does not\n// change, so its watcher does nothing. Its item is restored here.\n// A clear that ends on a default value fetches the empty search here\n// through the counter, because the watcher only fetches for an empty value.\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// Closing a chip (`closable-chips`) removes its value from the filter, like unticking it in the list.\n// A single-value filter is cleared like the field's clear, since the chip slot draws its value as a chip too.\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":""}

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

@@ -1,15 +1,15 @@
 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 { useFilterClearHelpers as a } from "../../filters/composables/filterFactory.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 { usePagination as oe } from "../../api/composables/pagination.js";
+import { useAlerts as o } from "../../system/composables/alerts.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
+// src/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var _e = {
 	key: 0,
 	class: "font-italic pl-1"
@@ -37,7 +37,7 @@ var _e = {
 		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(() => {
+		}, xe = s(() => k.value.titleT ? F(k.value.titleT) : void 0), { pagination: L } = oe(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, {
@@ -74,7 +74,7 @@ var _e = {
 			} finally {
 				U.value--;
 			}
-		}, { showErrorsDefault: q } = a(), J = async (e, t) => {
+		}, { showErrorsDefault: q } = o(), J = async (e, t) => {
 			U.value++, T[D] = e;
 			try {
 				let e = await b.fetchItems(L, T, w);
@@ -105,7 +105,7 @@ var _e = {
 		}), De = (e) => {
 			let t = e ?? "";
 			(k.value.multiple || M.value || t.length !== 0) && Ee.value !== t && (j.value = t);
-		}, { clearOne: Oe } = oe(), X, ke = () => {
+		}, { clearOne: Oe } = a(), X, ke = () => {
 			Oe(b.name, C, S), x.value.delete(b.name);
 		}, Z = () => {
 			ke();
@@ -199,7 +199,6 @@ var _e = {
 		]));
 	}
 });
-//#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

@@ -1 +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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"}
+{"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// Counts running requests (by ids, search, prefetch). The spinner stays on until the last one ends.\n// A single flag let a read by ids hide the spinner of a 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// Clearing the field first emits a `null` search. Reading its length threw when the field had no focus.\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// Clearing empties the filter in one step, so the filter watcher\n// fetches once for an empty search and keeps only the newest answer.\n// A single-value filter cleared onto its own default does not\n// change, so its watcher does nothing. Its item is restored here.\n// A clear that ends on a default value fetches the empty search here\n// through the counter, because the watcher only fetches for an empty value.\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// Closing a chip (`closable-chips`) removes its value from the filter, like unticking it in the list.\n// A single-value filter is cleared like the field's clear, since the chip slot draws its value as a chip too.\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

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

@@ -1 +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":""}
+{"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// Counts running requests (by ids, search, prefetch). The spinner stays on until the last one ends.\n// A single flag let a read by ids hide the spinner of a 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// Clearing the field first emits a `null` search. Reading its length threw when the field had no focus.\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// Clearing empties the filter in one step and fetches the list once for an empty search through the search counter.\n// So the auto-fetch for an empty filter is not needed. A single-value filter cleared\n// onto its default does not change for its watcher, so 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_vue_type_script_setup_true_lang.js

@@ -1,16 +1,16 @@
 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 { FilterConfigKey as a, FilterDataKey as ee, FilterInnerConfigKey as te, FilterInnerDataKey as ne, FilterSelectedKey as re, FilterSubmitResetCounterKey as ie } from "../../filters/utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as ae } from "../../filters/composables/filterFactory.js";
+import { isOneOf as oe } from "../../../shared/utils/enum.js";
 import { usePagination as se } from "../../api/composables/pagination.js";
-import { isOneOf as ce } from "../../../shared/utils/enum.js";
+import { useAlerts as ce } from "../../system/composables/alerts.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
+// src/domains/remoteAutocomplete/components/AFilterRemoteAutocompleteWithMinimal.vue?vue&type=script&setup=true&lang.ts
 var x = /*@__PURE__*/ l({
 	__name: "AFilterRemoteAutocompleteWithMinimal",
 	props: {
@@ -30,7 +30,7 @@ var x = /*@__PURE__*/ l({
 	},
 	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;
+		let S = l, fe = x, pe = u(ie), C = u(re), w = u(a), T = u(ee), E = u(te), D = u(ne), 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(", ")}.`);
@@ -47,7 +47,7 @@ var x = /*@__PURE__*/ l({
 				title: t,
 				raw: n.get(e)
 			}));
-		}), H = p(0), me = o(() => H.value > 0), { showErrorsDefault: U } = a(), W = async (e, t) => {
+		}), H = p(0), me = o(() => H.value > 0), { showErrorsDefault: U } = ce(), W = async (e, t) => {
 			H.value++, D[S.filterByField] = e;
 			try {
 				let e = await S.fetchItemsMinimal(R, D, E);
@@ -96,7 +96,7 @@ var x = /*@__PURE__*/ l({
 			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 = () => {
+		}, 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 } = ae(), 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) => ({
@@ -140,7 +140,7 @@ var x = /*@__PURE__*/ l({
 		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, [
+					if (B.value = [], F.value.multiple ? k.value = [] : k.value = null, X(k.value), K.value === !0 || oe(S.prefetch, [
 						"hover",
 						"focus",
 						!1
@@ -200,7 +200,6 @@ var x = /*@__PURE__*/ l({
 		]));
 	}
 });
-//#endregion
 export { x as default };
 
 //# sourceMappingURL=AFilterRemoteAutocompleteWithMinimal.vue_vue_type_script_setup_true_lang.js.map