@anzusystems/common-admin 2.0.0-rc.5 → 2.0.0-rc.6

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

@@ -1 +1 @@
-{"version":3,"file":"AFormRemoteAutocomplete.js","names":["_sfc_main","AFormRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","AFormRemoteAutocomplete_default"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, type Ref, ref, watch, unref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { cloneDeep, isArray, isDefined, isEmpty, isNull, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId, IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport { FilterInnerConfigKey, FilterInnerDataKey } 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    label?: string | undefined\n    required?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    v?: AFormFieldValidation | null\n    errorMessage?: string\n    hideDetails?: boolean\n    hideLabel?: boolean\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    loading?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean | undefined\n    readonly?: boolean\n    chips?: boolean\n    closableChips?: boolean\n    disableAutoSingleSelect?: boolean // auto select works only when modelValue is empty/null and prefetch is set to 'mounted'\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    minSearchChars?: number\n    minSearchText?: string | undefined\n  }>(),\n  {\n    label: undefined,\n    required: undefined,\n    multiple: false,\n    clearable: false,\n    v: null,\n    errorMessage: undefined,\n    hideDetails: false,\n    hideLabel: false,\n    filterSortBy: null,\n    loading: false,\n    collab: undefined,\n    disabled: undefined,\n    chips: false,\n    closableChips: false,\n    disableAutoSingleSelect: false,\n    prefetch: false,\n    minSearchChars: 2,\n    minSearchText: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'searchChange', data: string): void\n  (e: 'searchChangeDebounced', data: string): void\n  (e: 'blur', data: ModelValueType): void\n  (e: 'focus', data: ModelValueType): void\n  (e: 'click:chipClose', data: ValueObjectOption<T>): void\n}>()\n\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (isUndefined(filterInnerConfig) || isUndefined(filterInnerData)) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\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 modelValue = defineModel<ModelValueType>({\n  required: true,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\nconst modelValueSelected = defineModel<ValueObjectOption<T> | ValueObjectOption<T>[] | null>('selected', {\n  required: false,\n  default: null,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\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 system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  isFocused.value = false\n  emit('blur', modelValue.value)\n  props.v?.$touch()\n  releaseFieldLock.value(modelValue.value)\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return props.v.$errors.map((item) => unref(item.$message))\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  return (props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required'\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst { pagination } = usePagination(isNull(filterSortByProp) ? null : filterSortByProp.key, filterSortByProp?.order)\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 loadingLocal = computed(() => requestsRunning.value > 0)\nconst loadingComputed = computed(() => {\n  if (loadingLocal.value) return true\n  return props.loading\n})\n\nconst resetToEmptyState = (value: ModelValueType) => {\n  byIdsCounter++\n  selectedItemsCache.value = []\n  modelValueSelected.value = isArray(value) ? [] : null\n  modelValueAutocomplete.value = isArray(value) ? [] : null\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\nlet byIdsCounter = 0\nconst loadListItems = async (ids: T[] | T) => {\n  const requestId = ++byIdsCounter\n  requestsRunning.value++\n\n  try {\n    const idsArray = isArray(ids) ? ids : [ids]\n    const res = await props.fetchItemsByIds(idsArray)\n    if (requestId !== byIdsCounter) return selectedItemsCache.value\n    selectedItemsCache.value = res\n    const selectedNewValue = updateSelected(ids)\n    modelValueSelected.value = selectedNewValue\n    modelValueAutocomplete.value = selectedNewValue\n    return selectedItemsCache.value\n  } catch (e) {\n    // Mirror tryLoadModelValue: don't let a failed by-ids resolve become a generic global toast (QA 85050).\n    showErrorsDefault(e)\n    return undefined\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst tryLoadModelValue = async (tryLoadValue: ModelValueType, prefetch = false) => {\n  const idsToFetch = isArray(tryLoadValue) ? tryLoadValue : [tryLoadValue]\n  let fetchedData: ValueObjectOption<T>[]\n  requestsRunning.value++\n  try {\n    fetchedData = await props.fetchItemsByIds(idsToFetch as Array<IntegerId & DocId>)\n  } catch (e) {\n    showErrorsDefault(e)\n    return false\n  } finally {\n    // Over before the prefetch below, which bails out while a request of the component runs.\n    requestsRunning.value--\n  }\n  if (!isArray(fetchedData) || fetchedData.length === 0) return false\n  selectedItemsCache.value = fetchedData\n  const value = props.multiple ? fetchedData.map((item) => item.value) : fetchedData[0]!.value\n  modelValue.value = value\n  if (prefetch) await tryAutoFetch('force', value)\n  return true\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' | 'force', newValue: ModelValueType) => {\n  if (loadingLocal.value) return\n  if (mode !== 'force') {\n    if (props.prefetch === false || props.prefetch !== mode || prefetchCompleted.value) return\n  }\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      if (\n        !props.disableAutoSingleSelect &&\n        mode === 'mounted' &&\n        res.length === 1 &&\n        (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0))\n      ) {\n        modelValue.value = props.multiple ? [res[0]!.value] : res[0]!.value\n      }\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  acquireFieldLock.value()\n  await tryAutoFetch('focus', modelValue.value)\n  emit('focus', modelValue.value)\n}\n\nconst onMouseEnter = async () => {\n  await tryAutoFetch('hover', modelValue.value)\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!props.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 (!props.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\n// The clear empties the value at once and asks for the list once, for an empty search, through the counter of the\n// searches. It asked with the search typed before, outside the counter, wrote that answer whenever it came, and\n// emptied the value only after it.\nconst onClickClear = () => {\n  modelValue.value = props.multiple ? [] : null\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nconst onChipCloseClick = (closedItem: ValueObjectOption<T>) => {\n  if (isArray(modelValue.value)) {\n    modelValue.value = modelValue.value.filter((item) => item !== closedItem.value)\n    return\n  }\n  if (closedItem.value === modelValue.value && props.clearable) {\n    modelValue.value = null\n  }\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    emit('searchChangeDebounced', query)\n  },\n  { debounce: SEARCH_DEBOUNCE_MS }\n)\n\nwatch(search, (newValue, oldValue) => {\n  if (newValue !== oldValue) {\n    emit('searchChange', newValue)\n  }\n})\n\nconst onAutocompleteModelUpdate = (newValue: ValueObjectOption<T> | readonly ValueObjectOption<T>[] | null) => {\n  const cloned = cloneDeep(newValue) as ValueObjectOption<T> | ValueObjectOption<T>[] | null\n  modelValueSelected.value = cloned\n  if (isNull(cloned) || isUndefined(cloned)) {\n    modelValue.value = null\n    return\n  }\n  if (isArray(cloned)) {\n    modelValue.value = cloned.map((item) => item.value)\n    return\n  }\n  modelValue.value = cloned.value\n}\n\nconst noDataText = computed(() => {\n  if (loadingLocal.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\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isFirstLoad.value) {\n      isFirstLoad.value = false\n      await tryAutoFetch('mounted', newValue)\n    }\n    if (collabOptions.value.enabled && isFocused.value) {\n      changeFieldData.value(newValue)\n    }\n    if (isEmpty(newValue)) {\n      resetToEmptyState(newValue)\n      return\n    }\n    await loadListItems(newValue as T[] | T)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  tryLoadModelValue,\n})\n</script>\n\n<template>\n  <VAutocomplete\n    :model-value=\"modelValueAutocomplete as any\"\n    :items=\"allItems\"\n    no-filter\n    :multiple=\"multiple\"\n    :clearable=\"clearable\"\n    :error-messages=\"errorMessageComputed\"\n    :chips=\"chips || multiple || closableChips\"\n    :hide-details=\"hideDetails\"\n    :loading=\"loadingComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :no-data-text=\"noDataText\"\n    return-object\n    autocomplete=\"off\"\n    :hide-selected=\"closableChips\"\n    :closable-chips=\"closableChips && !loadingComputed && !disabledComputed && !readonly\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onAutocompleteModelUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\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    <template #label>\n      <span\n        v-if=\"!hideLabel\"\n        :key=\"requiredComputed + ''\"\n      >\n        {{ labelComputed }}\n        <span\n          v-if=\"requiredComputed\"\n          class=\"a-required-mark\"\n        />\n      </span>\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"$slots.append\"\n      #append\n    >\n      <slot name=\"append\" />\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFormRemoteAutocomplete.js","names":["_sfc_main","AFormRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","AFormRemoteAutocomplete_default"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, type Ref, ref, watch, unref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { cloneDeep, isArray, isDefined, isEmpty, isNull, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId, IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport { FilterInnerConfigKey, FilterInnerDataKey } 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    label?: string | undefined\n    required?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    v?: AFormFieldValidation | null\n    errorMessage?: string\n    hideDetails?: boolean\n    hideLabel?: boolean\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    loading?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean | undefined\n    readonly?: boolean\n    chips?: boolean\n    closableChips?: boolean\n    disableAutoSingleSelect?: boolean // auto select works only when modelValue is empty/null and prefetch is set to 'mounted'\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    minSearchChars?: number\n    minSearchText?: string | undefined\n  }>(),\n  {\n    label: undefined,\n    required: undefined,\n    multiple: false,\n    clearable: false,\n    v: null,\n    errorMessage: undefined,\n    hideDetails: false,\n    hideLabel: false,\n    filterSortBy: null,\n    loading: false,\n    collab: undefined,\n    disabled: undefined,\n    chips: false,\n    closableChips: false,\n    disableAutoSingleSelect: false,\n    prefetch: false,\n    minSearchChars: 2,\n    minSearchText: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'searchChange', data: string): void\n  (e: 'searchChangeDebounced', data: string): void\n  (e: 'blur', data: ModelValueType): void\n  (e: 'focus', data: ModelValueType): void\n  (e: 'click:chipClose', data: ValueObjectOption<T>): void\n}>()\n\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (isUndefined(filterInnerConfig) || isUndefined(filterInnerData)) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\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 modelValue = defineModel<ModelValueType>({\n  required: true,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\nconst modelValueSelected = defineModel<ValueObjectOption<T> | ValueObjectOption<T>[] | null>('selected', {\n  required: false,\n  default: null,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\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 system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  isFocused.value = false\n  emit('blur', modelValue.value)\n  props.v?.$touch()\n  releaseFieldLock.value(modelValue.value)\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return props.v.$errors.map((item) => unref(item.$message))\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  return (props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required'\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst { pagination } = usePagination(isNull(filterSortByProp) ? null : filterSortByProp.key, filterSortByProp?.order)\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 loadingLocal = computed(() => requestsRunning.value > 0)\nconst loadingComputed = computed(() => {\n  if (loadingLocal.value) return true\n  return props.loading\n})\n\nconst resetToEmptyState = (value: ModelValueType) => {\n  byIdsCounter++\n  selectedItemsCache.value = []\n  modelValueSelected.value = isArray(value) ? [] : null\n  modelValueAutocomplete.value = isArray(value) ? [] : null\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\nlet byIdsCounter = 0\nconst loadListItems = async (ids: T[] | T) => {\n  const requestId = ++byIdsCounter\n  requestsRunning.value++\n\n  try {\n    const idsArray = isArray(ids) ? ids : [ids]\n    const res = await props.fetchItemsByIds(idsArray)\n    if (requestId !== byIdsCounter) return selectedItemsCache.value\n    selectedItemsCache.value = res\n    const selectedNewValue = updateSelected(ids)\n    modelValueSelected.value = selectedNewValue\n    modelValueAutocomplete.value = selectedNewValue\n    return selectedItemsCache.value\n  } catch (e) {\n    // Mirror tryLoadModelValue: don't let a failed by-ids resolve become a generic global toast (QA 85050).\n    showErrorsDefault(e)\n    return undefined\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst tryLoadModelValue = async (tryLoadValue: ModelValueType, prefetch = false) => {\n  const idsToFetch = isArray(tryLoadValue) ? tryLoadValue : [tryLoadValue]\n  let fetchedData: ValueObjectOption<T>[]\n  requestsRunning.value++\n  try {\n    fetchedData = await props.fetchItemsByIds(idsToFetch as Array<IntegerId & DocId>)\n  } catch (e) {\n    showErrorsDefault(e)\n    return false\n  } finally {\n    // Decremented before the prefetch below, which bails out while a request of the component runs.\n    requestsRunning.value--\n  }\n  if (!isArray(fetchedData) || fetchedData.length === 0) return false\n  selectedItemsCache.value = fetchedData\n  const value = props.multiple ? fetchedData.map((item) => item.value) : fetchedData[0]!.value\n  modelValue.value = value\n  if (prefetch) await tryAutoFetch('force', value)\n  return true\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' | 'force', newValue: ModelValueType) => {\n  if (loadingLocal.value) return\n  if (mode !== 'force') {\n    if (props.prefetch === false || props.prefetch !== mode || prefetchCompleted.value) return\n  }\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      if (\n        !props.disableAutoSingleSelect &&\n        mode === 'mounted' &&\n        res.length === 1 &&\n        (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0))\n      ) {\n        modelValue.value = props.multiple ? [res[0]!.value] : res[0]!.value\n      }\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  acquireFieldLock.value()\n  await tryAutoFetch('focus', modelValue.value)\n  emit('focus', modelValue.value)\n}\n\nconst onMouseEnter = async () => {\n  await tryAutoFetch('hover', modelValue.value)\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!props.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 (!props.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\n// Empties the value at once and fetches the list once for an empty search\n// through the search counter, so a stale answer cannot overwrite it.\nconst onClickClear = () => {\n  modelValue.value = props.multiple ? [] : null\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nconst onChipCloseClick = (closedItem: ValueObjectOption<T>) => {\n  if (isArray(modelValue.value)) {\n    modelValue.value = modelValue.value.filter((item) => item !== closedItem.value)\n    return\n  }\n  if (closedItem.value === modelValue.value && props.clearable) {\n    modelValue.value = null\n  }\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    emit('searchChangeDebounced', query)\n  },\n  { debounce: SEARCH_DEBOUNCE_MS }\n)\n\nwatch(search, (newValue, oldValue) => {\n  if (newValue !== oldValue) {\n    emit('searchChange', newValue)\n  }\n})\n\nconst onAutocompleteModelUpdate = (newValue: ValueObjectOption<T> | readonly ValueObjectOption<T>[] | null) => {\n  const cloned = cloneDeep(newValue) as ValueObjectOption<T> | ValueObjectOption<T>[] | null\n  modelValueSelected.value = cloned\n  if (isNull(cloned) || isUndefined(cloned)) {\n    modelValue.value = null\n    return\n  }\n  if (isArray(cloned)) {\n    modelValue.value = cloned.map((item) => item.value)\n    return\n  }\n  modelValue.value = cloned.value\n}\n\nconst noDataText = computed(() => {\n  if (loadingLocal.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\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isFirstLoad.value) {\n      isFirstLoad.value = false\n      await tryAutoFetch('mounted', newValue)\n    }\n    if (collabOptions.value.enabled && isFocused.value) {\n      changeFieldData.value(newValue)\n    }\n    if (isEmpty(newValue)) {\n      resetToEmptyState(newValue)\n      return\n    }\n    await loadListItems(newValue as T[] | T)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  tryLoadModelValue,\n})\n</script>\n\n<template>\n  <VAutocomplete\n    :model-value=\"modelValueAutocomplete as any\"\n    :items=\"allItems\"\n    no-filter\n    :multiple=\"multiple\"\n    :clearable=\"clearable\"\n    :error-messages=\"errorMessageComputed\"\n    :chips=\"chips || multiple || closableChips\"\n    :hide-details=\"hideDetails\"\n    :loading=\"loadingComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :no-data-text=\"noDataText\"\n    return-object\n    autocomplete=\"off\"\n    :hide-selected=\"closableChips\"\n    :closable-chips=\"closableChips && !loadingComputed && !disabledComputed && !readonly\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onAutocompleteModelUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\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    <template #label>\n      <span\n        v-if=\"!hideLabel\"\n        :key=\"requiredComputed + ''\"\n      >\n        {{ labelComputed }}\n        <span\n          v-if=\"requiredComputed\"\n          class=\"a-required-mark\"\n        />\n      </span>\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"$slots.append\"\n      #append\n    >\n      <slot name=\"append\" />\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AFormRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","_openBlock","_createBlock","_component_VAutocomplete","_createSlots","_withCtx","_createVNode","_component_VListItem","_mergeProps","_component_VChip","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_renderSlot","ACollabLockedByUser","ACollabLockedByUser_default","_hoisted_1","_hoisted_2","SEARCH_DEBOUNCE_MS","AFormRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","\"selected\"","\"selectedModifiers\"","__expose","__emit","props","__props","emit","filterInnerConfig","inject","FilterInnerConfigKey","filterInnerData","FilterInnerDataKey","componentName","getCurrentInstance","isUndefined","filterByFieldProp","filterSortByProp","modelValue","useModel","isArray","newValue","cloneDeep","modelValueSelected","useCommonAdminCollabOptions","releaseFieldLock","ref","changeFieldData","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","changeCollabFieldData","acquireCollabFieldLock","watch","lockedByUser","search","isFocused","modelValueAutocomplete","apiRequestCounter","useI18n","system","SystemScopeKey","subject","SubjectScopeKey","onBlur","errorMessageComputed","computed","unref","item","labelComputed","path","stringSplitOnFirstOccurrence","t","requiredComputed","disabledComputed","usePagination","isNull","fetchedItems","selectedItemsCache","isFirstLoad","prefetchCompleted","allItems","itemsMap","addToMap","requestsRunning","loadingLocal","loadingComputed","resetToEmptyState","value","updateSelected","findItem","obj","id","byIdsCounter","loadListItems","requestId","idsArray","ids","res","selectedNewValue","tryLoadModelValue","idsToFetch","tryLoadValue","fetchedData","showErrorsDefault","prefetch","tryAutoFetch","useAlerts","apiSearch","query","pagination","requestCounter","error","mode","onFocus","onMouseEnter","singleItemSelectedTitle","onSearchUpdate","text","onClickClear","onChipCloseClick","closedItem","watchDebounced","oldValue","onAutocompleteModelUpdate","cloned","noDataText","isEmpty","openBlock","createBlock","VAutocomplete","createSlots","withCtx","itemProps","createVNode","VListItem","mergeProps","internalItem","chipProps","VChip","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","renderSlot","_ctx"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, type Ref, ref, watch, unref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { cloneDeep, isArray, isDefined, isEmpty, isNull, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId, IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport { FilterInnerConfigKey, FilterInnerDataKey } 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    label?: string | undefined\n    required?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    v?: AFormFieldValidation | null\n    errorMessage?: string\n    hideDetails?: boolean\n    hideLabel?: boolean\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    loading?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean | undefined\n    readonly?: boolean\n    chips?: boolean\n    closableChips?: boolean\n    disableAutoSingleSelect?: boolean // auto select works only when modelValue is empty/null and prefetch is set to 'mounted'\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    minSearchChars?: number\n    minSearchText?: string | undefined\n  }>(),\n  {\n    label: undefined,\n    required: undefined,\n    multiple: false,\n    clearable: false,\n    v: null,\n    errorMessage: undefined,\n    hideDetails: false,\n    hideLabel: false,\n    filterSortBy: null,\n    loading: false,\n    collab: undefined,\n    disabled: undefined,\n    chips: false,\n    closableChips: false,\n    disableAutoSingleSelect: false,\n    prefetch: false,\n    minSearchChars: 2,\n    minSearchText: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'searchChange', data: string): void\n  (e: 'searchChangeDebounced', data: string): void\n  (e: 'blur', data: ModelValueType): void\n  (e: 'focus', data: ModelValueType): void\n  (e: 'click:chipClose', data: ValueObjectOption<T>): void\n}>()\n\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (isUndefined(filterInnerConfig) || isUndefined(filterInnerData)) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\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 modelValue = defineModel<ModelValueType>({\n  required: true,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\nconst modelValueSelected = defineModel<ValueObjectOption<T> | ValueObjectOption<T>[] | null>('selected', {\n  required: false,\n  default: null,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\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 system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  isFocused.value = false\n  emit('blur', modelValue.value)\n  props.v?.$touch()\n  releaseFieldLock.value(modelValue.value)\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return props.v.$errors.map((item) => unref(item.$message))\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  return (props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required'\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst { pagination } = usePagination(isNull(filterSortByProp) ? null : filterSortByProp.key, filterSortByProp?.order)\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 loadingLocal = computed(() => requestsRunning.value > 0)\nconst loadingComputed = computed(() => {\n  if (loadingLocal.value) return true\n  return props.loading\n})\n\nconst resetToEmptyState = (value: ModelValueType) => {\n  byIdsCounter++\n  selectedItemsCache.value = []\n  modelValueSelected.value = isArray(value) ? [] : null\n  modelValueAutocomplete.value = isArray(value) ? [] : null\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\nlet byIdsCounter = 0\nconst loadListItems = async (ids: T[] | T) => {\n  const requestId = ++byIdsCounter\n  requestsRunning.value++\n\n  try {\n    const idsArray = isArray(ids) ? ids : [ids]\n    const res = await props.fetchItemsByIds(idsArray)\n    if (requestId !== byIdsCounter) return selectedItemsCache.value\n    selectedItemsCache.value = res\n    const selectedNewValue = updateSelected(ids)\n    modelValueSelected.value = selectedNewValue\n    modelValueAutocomplete.value = selectedNewValue\n    return selectedItemsCache.value\n  } catch (e) {\n    // Mirror tryLoadModelValue: don't let a failed by-ids resolve become a generic global toast (QA 85050).\n    showErrorsDefault(e)\n    return undefined\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst tryLoadModelValue = async (tryLoadValue: ModelValueType, prefetch = false) => {\n  const idsToFetch = isArray(tryLoadValue) ? tryLoadValue : [tryLoadValue]\n  let fetchedData: ValueObjectOption<T>[]\n  requestsRunning.value++\n  try {\n    fetchedData = await props.fetchItemsByIds(idsToFetch as Array<IntegerId & DocId>)\n  } catch (e) {\n    showErrorsDefault(e)\n    return false\n  } finally {\n    // Over before the prefetch below, which bails out while a request of the component runs.\n    requestsRunning.value--\n  }\n  if (!isArray(fetchedData) || fetchedData.length === 0) return false\n  selectedItemsCache.value = fetchedData\n  const value = props.multiple ? fetchedData.map((item) => item.value) : fetchedData[0]!.value\n  modelValue.value = value\n  if (prefetch) await tryAutoFetch('force', value)\n  return true\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' | 'force', newValue: ModelValueType) => {\n  if (loadingLocal.value) return\n  if (mode !== 'force') {\n    if (props.prefetch === false || props.prefetch !== mode || prefetchCompleted.value) return\n  }\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      if (\n        !props.disableAutoSingleSelect &&\n        mode === 'mounted' &&\n        res.length === 1 &&\n        (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0))\n      ) {\n        modelValue.value = props.multiple ? [res[0]!.value] : res[0]!.value\n      }\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  acquireFieldLock.value()\n  await tryAutoFetch('focus', modelValue.value)\n  emit('focus', modelValue.value)\n}\n\nconst onMouseEnter = async () => {\n  await tryAutoFetch('hover', modelValue.value)\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!props.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 (!props.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\n// The clear empties the value at once and asks for the list once, for an empty search, through the counter of the\n// searches. It asked with the search typed before, outside the counter, wrote that answer whenever it came, and\n// emptied the value only after it.\nconst onClickClear = () => {\n  modelValue.value = props.multiple ? [] : null\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nconst onChipCloseClick = (closedItem: ValueObjectOption<T>) => {\n  if (isArray(modelValue.value)) {\n    modelValue.value = modelValue.value.filter((item) => item !== closedItem.value)\n    return\n  }\n  if (closedItem.value === modelValue.value && props.clearable) {\n    modelValue.value = null\n  }\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    emit('searchChangeDebounced', query)\n  },\n  { debounce: SEARCH_DEBOUNCE_MS }\n)\n\nwatch(search, (newValue, oldValue) => {\n  if (newValue !== oldValue) {\n    emit('searchChange', newValue)\n  }\n})\n\nconst onAutocompleteModelUpdate = (newValue: ValueObjectOption<T> | readonly ValueObjectOption<T>[] | null) => {\n  const cloned = cloneDeep(newValue) as ValueObjectOption<T> | ValueObjectOption<T>[] | null\n  modelValueSelected.value = cloned\n  if (isNull(cloned) || isUndefined(cloned)) {\n    modelValue.value = null\n    return\n  }\n  if (isArray(cloned)) {\n    modelValue.value = cloned.map((item) => item.value)\n    return\n  }\n  modelValue.value = cloned.value\n}\n\nconst noDataText = computed(() => {\n  if (loadingLocal.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\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isFirstLoad.value) {\n      isFirstLoad.value = false\n      await tryAutoFetch('mounted', newValue)\n    }\n    if (collabOptions.value.enabled && isFocused.value) {\n      changeFieldData.value(newValue)\n    }\n    if (isEmpty(newValue)) {\n      resetToEmptyState(newValue)\n      return\n    }\n    await loadListItems(newValue as T[] | T)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  tryLoadModelValue,\n})\n</script>\n\n<template>\n  <VAutocomplete\n    :model-value=\"modelValueAutocomplete as any\"\n    :items=\"allItems\"\n    no-filter\n    :multiple=\"multiple\"\n    :clearable=\"clearable\"\n    :error-messages=\"errorMessageComputed\"\n    :chips=\"chips || multiple || closableChips\"\n    :hide-details=\"hideDetails\"\n    :loading=\"loadingComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :no-data-text=\"noDataText\"\n    return-object\n    autocomplete=\"off\"\n    :hide-selected=\"closableChips\"\n    :closable-chips=\"closableChips && !loadingComputed && !disabledComputed && !readonly\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onAutocompleteModelUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\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    <template #label>\n      <span\n        v-if=\"!hideLabel\"\n        :key=\"requiredComputed + ''\"\n      >\n        {{ labelComputed }}\n        <span\n          v-if=\"requiredComputed\"\n          class=\"a-required-mark\"\n        />\n      </span>\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"$slots.append\"\n      #append\n    >\n      <slot name=\"append\" />\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"AFormRemoteAutocomplete.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","_openBlock","_createBlock","_component_VAutocomplete","_createSlots","_withCtx","_createVNode","_component_VListItem","_mergeProps","_component_VChip","_createTextVNode","_toDisplayString","_createElementBlock","_createCommentVNode","_renderSlot","ACollabLockedByUser","ACollabLockedByUser_default","_hoisted_1","_hoisted_2","SEARCH_DEBOUNCE_MS","AFormRemoteAutocomplete_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","\"selected\"","\"selectedModifiers\"","__expose","__emit","props","__props","emit","filterInnerConfig","inject","FilterInnerConfigKey","filterInnerData","FilterInnerDataKey","componentName","getCurrentInstance","isUndefined","filterByFieldProp","filterSortByProp","modelValue","useModel","isArray","newValue","cloneDeep","modelValueSelected","useCommonAdminCollabOptions","releaseFieldLock","ref","changeFieldData","acquireFieldLock","lockedByUserLocal","collabOptions","isDefined","useCollabField","releaseCollabFieldLock","changeCollabFieldData","acquireCollabFieldLock","watch","lockedByUser","search","isFocused","modelValueAutocomplete","apiRequestCounter","useI18n","system","SystemScopeKey","subject","SubjectScopeKey","onBlur","errorMessageComputed","computed","unref","item","labelComputed","path","stringSplitOnFirstOccurrence","t","requiredComputed","disabledComputed","usePagination","isNull","fetchedItems","selectedItemsCache","isFirstLoad","prefetchCompleted","allItems","itemsMap","addToMap","requestsRunning","loadingLocal","loadingComputed","resetToEmptyState","value","updateSelected","findItem","obj","id","byIdsCounter","loadListItems","requestId","idsArray","ids","res","selectedNewValue","tryLoadModelValue","idsToFetch","tryLoadValue","fetchedData","showErrorsDefault","prefetch","tryAutoFetch","useAlerts","apiSearch","query","pagination","requestCounter","error","mode","onFocus","onMouseEnter","singleItemSelectedTitle","onSearchUpdate","text","onClickClear","onChipCloseClick","closedItem","watchDebounced","oldValue","onAutocompleteModelUpdate","cloned","noDataText","isEmpty","openBlock","createBlock","VAutocomplete","createSlots","withCtx","itemProps","createVNode","VListItem","mergeProps","internalItem","chipProps","VChip","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","renderSlot","_ctx"],"sources":["../../../../src/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends string | number\">\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport { watchDebounced } from '@vueuse/core'\nimport { computed, getCurrentInstance, inject, type Ref, ref, watch, unref } from 'vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { cloneDeep, isArray, isDefined, isEmpty, isNull, isUndefined } from '@/shared/utils/common'\nimport { SubjectScopeKey, SystemScopeKey } from '@/shared/injectionKeys'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\nimport { useI18n } from 'vue-i18n'\nimport type { DocId, IntegerId, IntegerIdNullable } from '@/shared/types/common'\nimport ACollabLockedByUser from '@/domains/collab/components/ACollabLockedByUser.vue'\nimport type { CollabComponentConfig, CollabFieldData } from '@/domains/collab/types/Collab'\nimport { useCollabField } from '@/domains/collab/composables/collabField'\nimport { useCommonAdminCollabOptions } from '@/domains/collab/composables/commonAdminCollabOptions'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport { FilterInnerConfigKey, FilterInnerDataKey } 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    label?: string | undefined\n    required?: boolean | undefined\n    multiple?: boolean\n    clearable?: boolean\n    v?: AFormFieldValidation | null\n    errorMessage?: string\n    hideDetails?: boolean\n    hideLabel?: boolean\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    loading?: boolean\n    collab?: CollabComponentConfig\n    disabled?: boolean | undefined\n    readonly?: boolean\n    chips?: boolean\n    closableChips?: boolean\n    disableAutoSingleSelect?: boolean // auto select works only when modelValue is empty/null and prefetch is set to 'mounted'\n    prefetch?: 'hover' | 'focus' | 'mounted' | false\n    minSearchChars?: number\n    minSearchText?: string | undefined\n  }>(),\n  {\n    label: undefined,\n    required: undefined,\n    multiple: false,\n    clearable: false,\n    v: null,\n    errorMessage: undefined,\n    hideDetails: false,\n    hideLabel: false,\n    filterSortBy: null,\n    loading: false,\n    collab: undefined,\n    disabled: undefined,\n    chips: false,\n    closableChips: false,\n    disableAutoSingleSelect: false,\n    prefetch: false,\n    minSearchChars: 2,\n    minSearchText: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'searchChange', data: string): void\n  (e: 'searchChangeDebounced', data: string): void\n  (e: 'blur', data: ModelValueType): void\n  (e: 'focus', data: ModelValueType): void\n  (e: 'click:chipClose', data: ValueObjectOption<T>): void\n}>()\n\nconst SEARCH_DEBOUNCE_MS = 300\n\nconst filterInnerConfig = inject(FilterInnerConfigKey)\nconst filterInnerData = inject(FilterInnerDataKey)\n\nconst componentName = getCurrentInstance()?.type.__name\n\nif (isUndefined(filterInnerConfig) || isUndefined(filterInnerData)) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\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 modelValue = defineModel<ModelValueType>({\n  required: true,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\nconst modelValueSelected = defineModel<ValueObjectOption<T> | ValueObjectOption<T>[] | null>('selected', {\n  required: false,\n  default: null,\n  set(newValue) {\n    return isArray(newValue) ? cloneDeep(newValue) : newValue\n  },\n})\n\n// Collaboration\nconst { collabOptions } = useCommonAdminCollabOptions()\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst releaseFieldLock = ref((data: CollabFieldData) => {})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst changeFieldData = ref((data: CollabFieldData) => {})\nconst acquireFieldLock = ref(() => {})\nconst lockedByUserLocal = ref<IntegerIdNullable>(null)\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (collabOptions.value.enabled && isDefined(props.collab)) {\n  const { releaseCollabFieldLock, changeCollabFieldData, acquireCollabFieldLock, lockedByUser } = useCollabField(\n    props.collab.room,\n    props.collab.field,\n    false,\n    true\n  )\n  releaseFieldLock.value = releaseCollabFieldLock\n  changeFieldData.value = changeCollabFieldData\n  acquireFieldLock.value = acquireCollabFieldLock\n  watch(\n    lockedByUser,\n    (newValue) => {\n      lockedByUserLocal.value = newValue\n    },\n    { immediate: true }\n  )\n}\n\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 system = inject<string | undefined>(SystemScopeKey, undefined)\nconst subject = inject<string | undefined>(SubjectScopeKey, undefined)\n\nconst onBlur = () => {\n  isFocused.value = false\n  emit('blur', modelValue.value)\n  props.v?.$touch()\n  releaseFieldLock.value(modelValue.value)\n}\n\nconst errorMessageComputed = computed(() => {\n  if (isDefined(props.errorMessage)) return [props.errorMessage]\n  if (props.v?.$errors?.length) return props.v.$errors.map((item) => unref(item.$message))\n  return []\n})\n\nconst labelComputed = computed(() => {\n  if (isDefined(props.label)) return props.label\n  if (isUndefined(system) || isUndefined(subject) || isUndefined(props.v?.$path)) return ''\n  const { end: path } = stringSplitOnFirstOccurrence(props.v?.$path, '.')\n  return t(system + '.' + subject + '.model.' + path)\n})\n\nconst requiredComputed = computed(() => {\n  if (isDefined(props.required)) return props.required\n  return (props.v?.required as { $params?: { type?: string } } | undefined)?.$params?.type === 'required'\n})\n\nconst disabledComputed = computed(() => {\n  if (isDefined(props.disabled)) return props.disabled\n  return !!lockedByUserLocal.value\n})\n\nconst { pagination } = usePagination(isNull(filterSortByProp) ? null : filterSortByProp.key, filterSortByProp?.order)\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 loadingLocal = computed(() => requestsRunning.value > 0)\nconst loadingComputed = computed(() => {\n  if (loadingLocal.value) return true\n  return props.loading\n})\n\nconst resetToEmptyState = (value: ModelValueType) => {\n  byIdsCounter++\n  selectedItemsCache.value = []\n  modelValueSelected.value = isArray(value) ? [] : null\n  modelValueAutocomplete.value = isArray(value) ? [] : null\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\nlet byIdsCounter = 0\nconst loadListItems = async (ids: T[] | T) => {\n  const requestId = ++byIdsCounter\n  requestsRunning.value++\n\n  try {\n    const idsArray = isArray(ids) ? ids : [ids]\n    const res = await props.fetchItemsByIds(idsArray)\n    if (requestId !== byIdsCounter) return selectedItemsCache.value\n    selectedItemsCache.value = res\n    const selectedNewValue = updateSelected(ids)\n    modelValueSelected.value = selectedNewValue\n    modelValueAutocomplete.value = selectedNewValue\n    return selectedItemsCache.value\n  } catch (e) {\n    // Mirror tryLoadModelValue: don't let a failed by-ids resolve become a generic global toast (QA 85050).\n    showErrorsDefault(e)\n    return undefined\n  } finally {\n    requestsRunning.value--\n  }\n}\n\nconst tryLoadModelValue = async (tryLoadValue: ModelValueType, prefetch = false) => {\n  const idsToFetch = isArray(tryLoadValue) ? tryLoadValue : [tryLoadValue]\n  let fetchedData: ValueObjectOption<T>[]\n  requestsRunning.value++\n  try {\n    fetchedData = await props.fetchItemsByIds(idsToFetch as Array<IntegerId & DocId>)\n  } catch (e) {\n    showErrorsDefault(e)\n    return false\n  } finally {\n    // Decremented before the prefetch below, which bails out while a request of the component runs.\n    requestsRunning.value--\n  }\n  if (!isArray(fetchedData) || fetchedData.length === 0) return false\n  selectedItemsCache.value = fetchedData\n  const value = props.multiple ? fetchedData.map((item) => item.value) : fetchedData[0]!.value\n  modelValue.value = value\n  if (prefetch) await tryAutoFetch('force', value)\n  return true\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' | 'force', newValue: ModelValueType) => {\n  if (loadingLocal.value) return\n  if (mode !== 'force') {\n    if (props.prefetch === false || props.prefetch !== mode || prefetchCompleted.value) return\n  }\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      if (\n        !props.disableAutoSingleSelect &&\n        mode === 'mounted' &&\n        res.length === 1 &&\n        (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0))\n      ) {\n        modelValue.value = props.multiple ? [res[0]!.value] : res[0]!.value\n      }\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  acquireFieldLock.value()\n  await tryAutoFetch('focus', modelValue.value)\n  emit('focus', modelValue.value)\n}\n\nconst onMouseEnter = async () => {\n  await tryAutoFetch('hover', modelValue.value)\n}\n\nconst singleItemSelectedTitle = computed(() => {\n  if (!props.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 (!props.multiple && !isFocused.value && text.length === 0) return // vuetify fix\n  if (singleItemSelectedTitle.value === text) return\n  search.value = text\n}\n\n// Empties the value at once and fetches the list once for an empty search\n// through the search counter, so a stale answer cannot overwrite it.\nconst onClickClear = () => {\n  modelValue.value = props.multiple ? [] : null\n  apiRequestCounter.value++\n  apiSearch('', apiRequestCounter.value)\n}\n\nconst onChipCloseClick = (closedItem: ValueObjectOption<T>) => {\n  if (isArray(modelValue.value)) {\n    modelValue.value = modelValue.value.filter((item) => item !== closedItem.value)\n    return\n  }\n  if (closedItem.value === modelValue.value && props.clearable) {\n    modelValue.value = null\n  }\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    emit('searchChangeDebounced', query)\n  },\n  { debounce: SEARCH_DEBOUNCE_MS }\n)\n\nwatch(search, (newValue, oldValue) => {\n  if (newValue !== oldValue) {\n    emit('searchChange', newValue)\n  }\n})\n\nconst onAutocompleteModelUpdate = (newValue: ValueObjectOption<T> | readonly ValueObjectOption<T>[] | null) => {\n  const cloned = cloneDeep(newValue) as ValueObjectOption<T> | ValueObjectOption<T>[] | null\n  modelValueSelected.value = cloned\n  if (isNull(cloned) || isUndefined(cloned)) {\n    modelValue.value = null\n    return\n  }\n  if (isArray(cloned)) {\n    modelValue.value = cloned.map((item) => item.value)\n    return\n  }\n  modelValue.value = cloned.value\n}\n\nconst noDataText = computed(() => {\n  if (loadingLocal.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\nwatch(\n  modelValue,\n  async (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    if (isFirstLoad.value) {\n      isFirstLoad.value = false\n      await tryAutoFetch('mounted', newValue)\n    }\n    if (collabOptions.value.enabled && isFocused.value) {\n      changeFieldData.value(newValue)\n    }\n    if (isEmpty(newValue)) {\n      resetToEmptyState(newValue)\n      return\n    }\n    await loadListItems(newValue as T[] | T)\n  },\n  { immediate: true }\n)\n\ndefineExpose({\n  tryLoadModelValue,\n})\n</script>\n\n<template>\n  <VAutocomplete\n    :model-value=\"modelValueAutocomplete as any\"\n    :items=\"allItems\"\n    no-filter\n    :multiple=\"multiple\"\n    :clearable=\"clearable\"\n    :error-messages=\"errorMessageComputed\"\n    :chips=\"chips || multiple || closableChips\"\n    :hide-details=\"hideDetails\"\n    :loading=\"loadingComputed\"\n    :disabled=\"disabledComputed\"\n    :readonly=\"readonly\"\n    :no-data-text=\"noDataText\"\n    return-object\n    autocomplete=\"off\"\n    :hide-selected=\"closableChips\"\n    :closable-chips=\"closableChips && !loadingComputed && !disabledComputed && !readonly\"\n    @update:search=\"onSearchUpdate\"\n    @update:model-value=\"onAutocompleteModelUpdate\"\n    @blur=\"onBlur\"\n    @focus=\"onFocus\"\n    @mouseenter=\"onMouseEnter\"\n    @click:clear=\"onClickClear\"\n  >\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    <template #label>\n      <span\n        v-if=\"!hideLabel\"\n        :key=\"requiredComputed + ''\"\n      >\n        {{ labelComputed }}\n        <span\n          v-if=\"requiredComputed\"\n          class=\"a-required-mark\"\n        />\n      </span>\n    </template>\n    <template\n      v-if=\"lockedByUserLocal\"\n      #append-inner\n    >\n      <slot\n        name=\"locked\"\n        :user-id=\"lockedByUserLocal\"\n      >\n        <ACollabLockedByUser\n          v-if=\"collab\"\n          :id=\"lockedByUserLocal\"\n          :users=\"collab.cachedUsers\"\n        />\n      </slot>\n    </template>\n    <template\n      v-if=\"$slots.append\"\n      #append\n    >\n      <slot name=\"append\" />\n    </template>\n  </VAutocomplete>\n</template>\n"],"mappings":"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"}

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

@@ -35,10 +35,12 @@ type __VLS_ModelProps = {
     'fetchedItemsMinimal': Map<IntegerId | DocId, any>;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_13: {};
-type __VLS_Slots = {} & {
-    'append-item'?: (props: typeof __VLS_13) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        'append-item'?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:search": (value: string) => any;
     "update:loadingLocal": (value: boolean) => any;

package/dist/domains/remoteAutocomplete/composables/createRemoteAutocomplete.d.ts

@@ -24,9 +24,9 @@ export interface RemoteAutocompleteScope<P> {
     /** The field is disabled while the scope is unset, when this says the scope is required. */
     requiredWhen?: (props: P) => boolean;
     /**
-     * The form autocomplete clears its model (`[]` when `multiple`, else `null`) when the scope changes from
-     * a set value, as the scoped wrappers did (default `true`). A filter never does: its value outlives a
-     * sibling filter's change.
+     * The form autocomplete clears its model (`[]` when `multiple`, else
+     * `null`) when the scope changes from a set value. Default `true`.
+     * A filter never does: its value outlives a sibling filter's change.
      */
     reset?: boolean;
 }
@@ -38,13 +38,13 @@ export interface CreateRemoteAutocompleteOptions<T extends IntegerId | DocId, PO
      * so they are reactive and booleans are cast.
      */
     props?: PO;
-    /** Called in the component's setup, as the wrappers did; with the component's props when it has `props`. */
+    /** Called in the component's setup, with the component's props when it has `props`. */
     useSelectActions: (props: ExtractPropTypes<PO>) => RemoteSelectActions<T>;
     /** Called in the component's setup; provided as the inner filter of the autocomplete. */
     useInnerFilter: () => RemoteInnerFilter;
     /**
-     * Inner filter fields that follow the props, written in setup -- before the autocomplete's first fetch
-     * -- and again on every change. Every key is written each time: return `null` for an unset one.
+     * Inner filter fields that follow the props. Written in setup, before the first fetch, and on every change.
+     * Every key is written each time: return `null` for an unset one.
      */
     filterFromProps?: (props: ExtractPropTypes<PO>) => Record<string, unknown>;
     scope?: RemoteAutocompleteScope<ExtractPropTypes<PO>>;
@@ -97,13 +97,11 @@ export type RemoteAutocompleteComponent<M, P = unknown> = DefineSetupFnComponent
 }>;
 export type FilterRemoteAutocompleteComponent<P = unknown> = DefineSetupFnComponent<FilterRemoteAutocompleteProps & P>;
 /**
- * `M` is the model's type: by default one id, several, or `null`; a caller that binds a value which
- * may be `undefined` needs `T | T[] | null | undefined`.
- *
- * A remote autocomplete of one entity, which an admin wrote as a component of its own for each: the
- * entity's select actions and inner filter, the field it searches by, and the props it sets. The
- * caller's props, listeners and slots all reach `AFormRemoteAutocomplete`, and win over `defaults`.
- *
+ * A remote autocomplete for one entity: its select actions, inner filter, search field and default props.
+ * The caller's props, listeners and slots reach `AFormRemoteAutocomplete` and win over `defaults`.
+ * `M` is the model type: one id, several, or `null`. A caller binding
+ * a possibly `undefined` value needs `T | T[] | null | undefined`.
+ * @example
  * In an SFC's plain `<script lang="ts">`:
  * ```ts
  * export default createRemoteAutocomplete({

package/dist/domains/remoteAutocomplete/composables/createRemoteAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRemoteAutocomplete.js","names":["AFormRemoteAutocomplete","AFilterRemoteAutocomplete","AFilterRemoteAutocomplete_default","AFormRemoteAutocomplete_default","defined","attrs","value","base","options","props","filterFromProps","watch","filterData","fields","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","scopeKey","scope","scoped","createRemoteAutocomplete","defineComponent","before","now","emit","h","bound","slots","createFilterRemoteAutocomplete"],"sources":["../../../../src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts"],"sourcesContent":["import {\n  type Component,\n  type ComponentObjectPropsOptions,\n  defineComponent,\n  type DefineSetupFnComponent,\n  type ExtractPropTypes,\n  type ExtractPublicPropTypes,\n  h,\n  type PropType,\n  provide,\n  type Ref,\n  watch,\n} from 'vue'\nimport AFormRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport type { CollabComponentConfig } from '@/domains/collab/types/Collab'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport interface RemoteSelectActions<T extends IntegerId | DocId> {\n  fetchItems: (\n    pagination: Ref<Pagination>,\n    filterData: FilterData,\n    filterConfig: FilterConfig\n  ) => Promise<ValueObjectOption<T>[]>\n  fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>\n}\n\nexport interface RemoteInnerFilter {\n  filterConfig: FilterConfig\n  filterData: FilterData\n}\n\n/**\n * What the list of a scoped autocomplete depends on (a site group, an ext system): the autocomplete keeps\n * its fetched list across a model reset and prefetches once, so a changed scope has to remount it.\n */\nexport interface RemoteAutocompleteScope<P> {\n  /** The scope, `undefined` while unset. Also the key of the inner autocomplete: a change remounts it. */\n  of: (props: P) => unknown\n  /** The field is disabled while the scope is unset, when this says the scope is required. */\n  requiredWhen?: (props: P) => boolean\n  /**\n   * The form autocomplete clears its model (`[]` when `multiple`, else `null`) when the scope changes from\n   * a set value, as the scoped wrappers did (default `true`). A filter never does: its value outlives a\n   * sibling filter's change.\n   */\n  reset?: boolean\n}\n\nexport interface CreateRemoteAutocompleteOptions<\n  T extends IntegerId | DocId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n> {\n  /** The component's name, for devtools and warnings. */\n  name: string\n  /**\n   * The component's own props, read by the options below and not passed to the autocomplete. Declared,\n   * so they are reactive and booleans are cast.\n   */\n  props?: PO\n  /** Called in the component's setup, as the wrappers did; with the component's props when it has `props`. */\n  useSelectActions: (props: ExtractPropTypes<PO>) => RemoteSelectActions<T>\n  /** Called in the component's setup; provided as the inner filter of the autocomplete. */\n  useInnerFilter: () => RemoteInnerFilter\n  /**\n   * Inner filter fields that follow the props, written in setup -- before the autocomplete's first fetch\n   * -- and again on every change. Every key is written each time: return `null` for an unset one.\n   */\n  filterFromProps?: (props: ExtractPropTypes<PO>) => Record<string, unknown>\n  scope?: RemoteAutocompleteScope<ExtractPropTypes<PO>>\n  filterByField: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  /** Props of the autocomplete this one sets unless its caller does, e.g. `{ clearable: true }`. */\n  defaults?: Record<string, unknown>\n  /** A model value of `0` reaches the autocomplete as `null`: nothing selected. */\n  zeroIsEmpty?: boolean\n}\n\n/** What a caller can set on a form remote autocomplete; anything else falls through to it as well. */\nexport interface RemoteAutocompleteProps<M> {\n  modelValue: M\n  label?: string | undefined\n  required?: boolean | undefined\n  multiple?: boolean\n  clearable?: boolean\n  v?: AFormFieldValidation | null\n  errorMessage?: string\n  hideDetails?: boolean\n  hideLabel?: boolean\n  filterSortBy?: DatatableSortBy\n  loading?: boolean\n  collab?: CollabComponentConfig\n  disabled?: boolean | undefined\n  readonly?: boolean\n  chips?: boolean\n  closableChips?: boolean\n  disableAutoSingleSelect?: boolean\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n}\n\n/** What a caller can set on a filter remote autocomplete; anything else falls through to it as well. */\nexport interface FilterRemoteAutocompleteProps {\n  name: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n  placeholder?: string | undefined\n}\n\n// Only `update:modelValue` is the component's own; the autocomplete's other events reach it as listeners in the\n// attributes, and these types say so.\nexport type RemoteAutocompleteComponent<M, P = unknown> = DefineSetupFnComponent<\n  RemoteAutocompleteProps<M> & P,\n  {\n    'update:modelValue': (value: M) => true\n    blur: (value: M) => true\n    focus: (value: M) => true\n    searchChange: (text: string) => true\n    searchChangeDebounced: (text: string) => true\n  }\n>\n\nexport type FilterRemoteAutocompleteComponent<P = unknown> = DefineSetupFnComponent<FilterRemoteAutocompleteProps & P>\n\n// A value the caller leaves `undefined` falls back to the default, as a prop default of the wrappers\n// this replaces did, instead of overriding it.\nconst defined = (attrs: Record<string, unknown>) =>\n  Object.fromEntries(Object.entries(attrs).filter(([, value]) => value !== undefined))\n\nconst base = <T extends IntegerId | DocId, PO extends ComponentObjectPropsOptions>(\n  options: CreateRemoteAutocompleteOptions<T, PO>,\n  props: ExtractPropTypes<PO>\n) => {\n  const { fetchItems, fetchItemsByIds } = options.props\n    ? options.useSelectActions(props)\n    : (options.useSelectActions as () => RemoteSelectActions<T>)()\n  const { filterConfig, filterData } = options.useInnerFilter()\n  const { filterFromProps } = options\n  if (filterFromProps) {\n    watch(\n      () => filterFromProps(props),\n      (fields) => Object.assign(filterData, fields),\n      { immediate: true }\n    )\n  }\n  provide(FilterInnerConfigKey, filterConfig)\n  provide(FilterInnerDataKey, filterData)\n  const { scope } = options\n  const scopeKey = () => {\n    const value = scope?.of(props)\n    return value === undefined ? undefined : JSON.stringify(value)\n  }\n  const scoped = () => {\n    if (!scope) return {}\n    // Past the caller's attrs: an unset required scope disables the field whatever the caller says. Left\n    // out otherwise, so the caller's `disabled`, or its absence (the collab lock), goes through.\n    return { key: scopeKey(), ...(scope.requiredWhen?.(props) && scopeKey() === undefined ? { disabled: true } : {}) }\n  }\n  return {\n    bound: {\n      ...options.defaults,\n      fetchItems,\n      fetchItemsByIds,\n      filterByField: options.filterByField,\n      ...(options.filterSortBy === undefined ? {} : { filterSortBy: options.filterSortBy }),\n      ...(options.prefetch === undefined ? {} : { prefetch: options.prefetch }),\n    },\n    scopeKey,\n    scoped,\n  }\n}\n\n/**\n * `M` is the model's type: by default one id, several, or `null`; a caller that binds a value which\n * may be `undefined` needs `T | T[] | null | undefined`.\n *\n * A remote autocomplete of one entity, which an admin wrote as a component of its own for each: the\n * entity's select actions and inner filter, the field it searches by, and the props it sets. The\n * caller's props, listeners and slots all reach `AFormRemoteAutocomplete`, and win over `defaults`.\n *\n * In an SFC's plain `<script lang=\"ts\">`:\n * ```ts\n * export default createRemoteAutocomplete({\n *   name: 'DeskRemoteAutocomplete',\n *   useSelectActions: useDeskSelectActions,\n *   useInnerFilter: useDeskInnerFilter,\n *   filterByField: 'name',\n *   prefetch: 'hover',\n *   defaults: { clearable: true },\n * })\n * ```\n */\nexport function createRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  M extends T | T[] | null | undefined = T | T[] | null,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: {\n      ...options.props,\n      modelValue: { type: null as unknown as PropType<M>, required: true },\n    },\n    emits: ['update:modelValue'],\n    setup(props, { attrs, slots, emit }) {\n      const { bound, scopeKey, scoped } = base(options, props as ExtractPropTypes<PO>)\n      if (options.scope && options.scope.reset !== false) {\n        watch(scopeKey, (now, before) => {\n          if (before === undefined || now === before) return\n          // `multiple` is the caller's attribute, a bare one arriving as ''.\n          emit('update:modelValue', (attrs.multiple === '' || attrs.multiple === true ? [] : null) as M)\n        })\n      }\n      return () =>\n        h(\n          AFormRemoteAutocomplete as Component,\n          {\n            ...bound,\n            ...defined(attrs),\n            ...scoped(),\n            modelValue: options.zeroIsEmpty && props.modelValue === 0 ? null : props.modelValue,\n            'onUpdate:modelValue': (value: M) => emit('update:modelValue', value),\n          },\n          slots\n        )\n    },\n  }) as unknown as RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>>\n}\n\n/** `createRemoteAutocomplete` for a filter: the caller's `name` picks the filter field. */\nexport function createFilterRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: { ...options.props },\n    setup(props, { attrs, slots }) {\n      const { bound, scoped } = base(options, props as ExtractPropTypes<PO>)\n      return () => h(AFilterRemoteAutocomplete as Component, { ...bound, ...defined(attrs), ...scoped() }, slots)\n    },\n  }) as unknown as FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>>\n}\n"],"mappings":";;;;;AAwIA,IAAMI,KAAW,MACf,OAAO,YAAY,OAAO,QAAQC,CAAK,CAAC,CAAC,QAAQ,GAAGC,OAAWA,MAAU,KAAA,CAAS,CAAC,GAE/EC,KACJ,GACA,MACG;CACH,IAAM,EAAE,eAAY,uBAAoBC,EAAQ,QAC5CA,EAAQ,iBAAiBC,CAAK,IAC7BD,EAAQ,iBAAkD,GACzD,EAAE,iBAAc,kBAAeA,EAAQ,eAAe,GACtD,EAAE,uBAAoBA;CAS5B,AARIE,KACFC,QACQD,EAAgBD,CAAK,IAC1B,MAAW,OAAO,OAAOG,GAAYC,CAAM,GAC5C,EAAE,WAAW,GAAK,CACpB,GAEFC,EAAQC,GAAsBC,CAAY,GAC1CF,EAAQG,GAAoBL,CAAU;CACtC,IAAM,EAAE,aAAUJ,GACZU,UAAiB;EACrB,IAAMZ,IAAQa,GAAO,GAAGV,CAAK;EAC7B,OAAOH,MAAU,KAAA,IAAY,KAAA,IAAY,KAAK,UAAUA,CAAK;CAC/D,GACMc,UACCD,IAGE;EAAE,KAAKD,EAAS;EAAG,GAAIC,EAAM,eAAeV,CAAK,KAAKS,EAAS,MAAM,KAAA,IAAY,EAAE,UAAU,GAAK,IAAI,CAAC;CAAG,IAH9F,CAAC;CAKtB,OAAO;EACL,OAAO;GACL,GAAGV,EAAQ;GACX;GACA;GACA,eAAeA,EAAQ;GACvB,GAAIA,EAAQ,iBAAiB,KAAA,IAAY,CAAC,IAAI,EAAE,cAAcA,EAAQ,aAAa;GACnF,GAAIA,EAAQ,aAAa,KAAA,IAAY,CAAC,IAAI,EAAE,UAAUA,EAAQ,SAAS;EACzE;EACA;EACA;CACF;AACF;AAsBA,SAAgBa,EAId,GAA6G;CAC7G,OAAOC,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO;GACL,GAAGA,EAAQ;GACX,YAAY;IAAE,MAAM;IAAgC,UAAU;GAAK;EACrE;EACA,OAAO,CAAC,mBAAmB;EAC3B,MAAM,GAAO,EAAE,UAAO,UAAO,WAAQ;GACnC,IAAM,EAAE,UAAO,aAAU,cAAWD,EAAKC,GAASC,CAA6B;GAQ/E,OAPID,EAAQ,SAASA,EAAQ,MAAM,UAAU,MAC3CG,EAAMO,IAAW,GAAK,MAAW;IAC/B,AAAIK,MAAW,KAAA,KAAaC,MAAQD,KAEpCE,EAAK,qBAAsBpB,EAAM,aAAa,MAAMA,EAAM,aAAa,KAAO,CAAC,IAAI,IAAU;GAC/F,CAAC,SAGDqB,EACE1B,GACA;IACE,GAAG2B;IACH,GAAGvB,EAAQC,CAAK;IAChB,GAAGe,EAAO;IACV,YAAYZ,EAAQ,eAAeC,EAAM,eAAe,IAAI,OAAOA,EAAM;IACzE,wBAAwB,MAAagB,EAAK,qBAAqBnB,CAAK;GACtE,GACAsB,CACF;EACJ;CACF,CAAC;AACH;AAGA,SAAgBC,EAGd,GAAgH;CAChH,OAAOP,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO,EAAE,GAAGA,EAAQ,MAAM;EAC1B,MAAM,GAAO,EAAE,UAAO,YAAS;GAC7B,IAAM,EAAE,UAAO,cAAWD,EAAKC,GAASC,CAA6B;GACrE,aAAaiB,EAAEzB,GAAwC;IAAE,GAAG0B;IAAO,GAAGvB,EAAQC,CAAK;IAAG,GAAGe,EAAO;GAAE,GAAGQ,CAAK;EAC5G;CACF,CAAC;AACH"}
+{"version":3,"file":"createRemoteAutocomplete.js","names":["AFormRemoteAutocomplete","AFilterRemoteAutocomplete","AFilterRemoteAutocomplete_default","AFormRemoteAutocomplete_default","defined","attrs","value","base","options","props","filterFromProps","watch","filterData","fields","provide","FilterInnerConfigKey","filterConfig","FilterInnerDataKey","scopeKey","scope","scoped","createRemoteAutocomplete","defineComponent","before","now","emit","h","bound","slots","createFilterRemoteAutocomplete"],"sources":["../../../../src/domains/remoteAutocomplete/composables/createRemoteAutocomplete.ts"],"sourcesContent":["import {\n  type Component,\n  type ComponentObjectPropsOptions,\n  defineComponent,\n  type DefineSetupFnComponent,\n  type ExtractPropTypes,\n  type ExtractPublicPropTypes,\n  h,\n  type PropType,\n  provide,\n  type Ref,\n  watch,\n} from 'vue'\nimport AFormRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFormRemoteAutocomplete.vue'\nimport AFilterRemoteAutocomplete from '@/domains/remoteAutocomplete/components/AFilterRemoteAutocomplete.vue'\nimport { FilterInnerConfigKey, FilterInnerDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport type { FilterConfig, FilterData } from '@/domains/filters/composables/filterFactory'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport type { CollabComponentConfig } from '@/domains/collab/types/Collab'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport type { DocId, IntegerId } from '@/shared/types/common'\nimport type { AFormFieldValidation } from '@/shared/types/Validation'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport interface RemoteSelectActions<T extends IntegerId | DocId> {\n  fetchItems: (\n    pagination: Ref<Pagination>,\n    filterData: FilterData,\n    filterConfig: FilterConfig\n  ) => Promise<ValueObjectOption<T>[]>\n  fetchItemsByIds: (ids: T[]) => Promise<ValueObjectOption<T>[]>\n}\n\nexport interface RemoteInnerFilter {\n  filterConfig: FilterConfig\n  filterData: FilterData\n}\n\n/**\n * What the list of a scoped autocomplete depends on (a site group, an ext system): the autocomplete keeps\n * its fetched list across a model reset and prefetches once, so a changed scope has to remount it.\n */\nexport interface RemoteAutocompleteScope<P> {\n  /** The scope, `undefined` while unset. Also the key of the inner autocomplete: a change remounts it. */\n  of: (props: P) => unknown\n  /** The field is disabled while the scope is unset, when this says the scope is required. */\n  requiredWhen?: (props: P) => boolean\n  /**\n   * The form autocomplete clears its model (`[]` when `multiple`, else\n   * `null`) when the scope changes from a set value. Default `true`.\n   * A filter never does: its value outlives a sibling filter's change.\n   */\n  reset?: boolean\n}\n\nexport interface CreateRemoteAutocompleteOptions<\n  T extends IntegerId | DocId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n> {\n  /** The component's name, for devtools and warnings. */\n  name: string\n  /**\n   * The component's own props, read by the options below and not passed to the autocomplete. Declared,\n   * so they are reactive and booleans are cast.\n   */\n  props?: PO\n  /** Called in the component's setup, with the component's props when it has `props`. */\n  useSelectActions: (props: ExtractPropTypes<PO>) => RemoteSelectActions<T>\n  /** Called in the component's setup; provided as the inner filter of the autocomplete. */\n  useInnerFilter: () => RemoteInnerFilter\n  /**\n   * Inner filter fields that follow the props. Written in setup, before the first fetch, and on every change.\n   * Every key is written each time: return `null` for an unset one.\n   */\n  filterFromProps?: (props: ExtractPropTypes<PO>) => Record<string, unknown>\n  scope?: RemoteAutocompleteScope<ExtractPropTypes<PO>>\n  filterByField: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  /** Props of the autocomplete this one sets unless its caller does, e.g. `{ clearable: true }`. */\n  defaults?: Record<string, unknown>\n  /** A model value of `0` reaches the autocomplete as `null`: nothing selected. */\n  zeroIsEmpty?: boolean\n}\n\n/** What a caller can set on a form remote autocomplete; anything else falls through to it as well. */\nexport interface RemoteAutocompleteProps<M> {\n  modelValue: M\n  label?: string | undefined\n  required?: boolean | undefined\n  multiple?: boolean\n  clearable?: boolean\n  v?: AFormFieldValidation | null\n  errorMessage?: string\n  hideDetails?: boolean\n  hideLabel?: boolean\n  filterSortBy?: DatatableSortBy\n  loading?: boolean\n  collab?: CollabComponentConfig\n  disabled?: boolean | undefined\n  readonly?: boolean\n  chips?: boolean\n  closableChips?: boolean\n  disableAutoSingleSelect?: boolean\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n}\n\n/** What a caller can set on a filter remote autocomplete; anything else falls through to it as well. */\nexport interface FilterRemoteAutocompleteProps {\n  name: string\n  filterSortBy?: DatatableSortBy\n  prefetch?: 'hover' | 'focus' | 'mounted' | false\n  minSearchChars?: number\n  minSearchText?: string | undefined\n  placeholder?: string | undefined\n}\n\n// Only `update:modelValue` is the component's own; the autocomplete's other events reach it as listeners in the\n// attributes, and these types say so.\nexport type RemoteAutocompleteComponent<M, P = unknown> = DefineSetupFnComponent<\n  RemoteAutocompleteProps<M> & P,\n  {\n    'update:modelValue': (value: M) => true\n    blur: (value: M) => true\n    focus: (value: M) => true\n    searchChange: (text: string) => true\n    searchChangeDebounced: (text: string) => true\n  }\n>\n\nexport type FilterRemoteAutocompleteComponent<P = unknown> = DefineSetupFnComponent<FilterRemoteAutocompleteProps & P>\n\n// A value the caller leaves `undefined` falls back to the default instead of overriding it.\nconst defined = (attrs: Record<string, unknown>) =>\n  Object.fromEntries(Object.entries(attrs).filter(([, value]) => value !== undefined))\n\nconst base = <T extends IntegerId | DocId, PO extends ComponentObjectPropsOptions>(\n  options: CreateRemoteAutocompleteOptions<T, PO>,\n  props: ExtractPropTypes<PO>\n) => {\n  const { fetchItems, fetchItemsByIds } = options.props\n    ? options.useSelectActions(props)\n    : (options.useSelectActions as () => RemoteSelectActions<T>)()\n  const { filterConfig, filterData } = options.useInnerFilter()\n  const { filterFromProps } = options\n  if (filterFromProps) {\n    watch(\n      () => filterFromProps(props),\n      (fields) => Object.assign(filterData, fields),\n      { immediate: true }\n    )\n  }\n  provide(FilterInnerConfigKey, filterConfig)\n  provide(FilterInnerDataKey, filterData)\n  const { scope } = options\n  const scopeKey = () => {\n    const value = scope?.of(props)\n    return value === undefined ? undefined : JSON.stringify(value)\n  }\n  const scoped = () => {\n    if (!scope) return {}\n    // Applied after the caller's attrs: an unset required scope always disables the field.\n    // Otherwise left out, so the caller's `disabled`, or its absence (the collab lock), goes through.\n    return { key: scopeKey(), ...(scope.requiredWhen?.(props) && scopeKey() === undefined ? { disabled: true } : {}) }\n  }\n  return {\n    bound: {\n      ...options.defaults,\n      fetchItems,\n      fetchItemsByIds,\n      filterByField: options.filterByField,\n      ...(options.filterSortBy === undefined ? {} : { filterSortBy: options.filterSortBy }),\n      ...(options.prefetch === undefined ? {} : { prefetch: options.prefetch }),\n    },\n    scopeKey,\n    scoped,\n  }\n}\n\n/**\n * A remote autocomplete for one entity: its select actions, inner filter, search field and default props.\n * The caller's props, listeners and slots reach `AFormRemoteAutocomplete` and win over `defaults`.\n * `M` is the model type: one id, several, or `null`. A caller binding\n * a possibly `undefined` value needs `T | T[] | null | undefined`.\n * @example\n * In an SFC's plain `<script lang=\"ts\">`:\n * ```ts\n * export default createRemoteAutocomplete({\n *   name: 'DeskRemoteAutocomplete',\n *   useSelectActions: useDeskSelectActions,\n *   useInnerFilter: useDeskInnerFilter,\n *   filterByField: 'name',\n *   prefetch: 'hover',\n *   defaults: { clearable: true },\n * })\n * ```\n */\nexport function createRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  M extends T | T[] | null | undefined = T | T[] | null,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: {\n      ...options.props,\n      modelValue: { type: null as unknown as PropType<M>, required: true },\n    },\n    emits: ['update:modelValue'],\n    setup(props, { attrs, slots, emit }) {\n      const { bound, scopeKey, scoped } = base(options, props as ExtractPropTypes<PO>)\n      if (options.scope && options.scope.reset !== false) {\n        watch(scopeKey, (now, before) => {\n          if (before === undefined || now === before) return\n          // `multiple` is the caller's attribute, a bare one arriving as ''.\n          emit('update:modelValue', (attrs.multiple === '' || attrs.multiple === true ? [] : null) as M)\n        })\n      }\n      return () =>\n        h(\n          AFormRemoteAutocomplete as Component,\n          {\n            ...bound,\n            ...defined(attrs),\n            ...scoped(),\n            modelValue: options.zeroIsEmpty && props.modelValue === 0 ? null : props.modelValue,\n            'onUpdate:modelValue': (value: M) => emit('update:modelValue', value),\n          },\n          slots\n        )\n    },\n  }) as unknown as RemoteAutocompleteComponent<M, ExtractPublicPropTypes<PO>>\n}\n\n/** `createRemoteAutocomplete` for a filter: the caller's `name` picks the filter field. */\nexport function createFilterRemoteAutocomplete<\n  T extends IntegerId | DocId = IntegerId,\n  PO extends ComponentObjectPropsOptions = Record<never, never>,\n>(options: CreateRemoteAutocompleteOptions<T, PO>): FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>> {\n  return defineComponent({\n    name: options.name,\n    inheritAttrs: false,\n    props: { ...options.props },\n    setup(props, { attrs, slots }) {\n      const { bound, scoped } = base(options, props as ExtractPropTypes<PO>)\n      return () => h(AFilterRemoteAutocomplete as Component, { ...bound, ...defined(attrs), ...scoped() }, slots)\n    },\n  }) as unknown as FilterRemoteAutocompleteComponent<ExtractPublicPropTypes<PO>>\n}\n"],"mappings":";;;;;AAuIA,IAAMI,KAAW,MACf,OAAO,YAAY,OAAO,QAAQC,CAAK,CAAC,CAAC,QAAQ,GAAGC,OAAWA,MAAU,KAAA,CAAS,CAAC,GAE/EC,KACJ,GACA,MACG;CACH,IAAM,EAAE,eAAY,uBAAoBC,EAAQ,QAC5CA,EAAQ,iBAAiBC,CAAK,IAC7BD,EAAQ,iBAAkD,GACzD,EAAE,iBAAc,kBAAeA,EAAQ,eAAe,GACtD,EAAE,uBAAoBA;CAS5B,AARIE,KACFC,QACQD,EAAgBD,CAAK,IAC1B,MAAW,OAAO,OAAOG,GAAYC,CAAM,GAC5C,EAAE,WAAW,GAAK,CACpB,GAEFC,EAAQC,GAAsBC,CAAY,GAC1CF,EAAQG,GAAoBL,CAAU;CACtC,IAAM,EAAE,aAAUJ,GACZU,UAAiB;EACrB,IAAMZ,IAAQa,GAAO,GAAGV,CAAK;EAC7B,OAAOH,MAAU,KAAA,IAAY,KAAA,IAAY,KAAK,UAAUA,CAAK;CAC/D,GACMc,UACCD,IAGE;EAAE,KAAKD,EAAS;EAAG,GAAIC,EAAM,eAAeV,CAAK,KAAKS,EAAS,MAAM,KAAA,IAAY,EAAE,UAAU,GAAK,IAAI,CAAC;CAAG,IAH9F,CAAC;CAKtB,OAAO;EACL,OAAO;GACL,GAAGV,EAAQ;GACX;GACA;GACA,eAAeA,EAAQ;GACvB,GAAIA,EAAQ,iBAAiB,KAAA,IAAY,CAAC,IAAI,EAAE,cAAcA,EAAQ,aAAa;GACnF,GAAIA,EAAQ,aAAa,KAAA,IAAY,CAAC,IAAI,EAAE,UAAUA,EAAQ,SAAS;EACzE;EACA;EACA;CACF;AACF;AAoBA,SAAgBa,EAId,GAA6G;CAC7G,OAAOC,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO;GACL,GAAGA,EAAQ;GACX,YAAY;IAAE,MAAM;IAAgC,UAAU;GAAK;EACrE;EACA,OAAO,CAAC,mBAAmB;EAC3B,MAAM,GAAO,EAAE,UAAO,UAAO,WAAQ;GACnC,IAAM,EAAE,UAAO,aAAU,cAAWD,EAAKC,GAASC,CAA6B;GAQ/E,OAPID,EAAQ,SAASA,EAAQ,MAAM,UAAU,MAC3CG,EAAMO,IAAW,GAAK,MAAW;IAC/B,AAAIK,MAAW,KAAA,KAAaC,MAAQD,KAEpCE,EAAK,qBAAsBpB,EAAM,aAAa,MAAMA,EAAM,aAAa,KAAO,CAAC,IAAI,IAAU;GAC/F,CAAC,SAGDqB,EACE1B,GACA;IACE,GAAG2B;IACH,GAAGvB,EAAQC,CAAK;IAChB,GAAGe,EAAO;IACV,YAAYZ,EAAQ,eAAeC,EAAM,eAAe,IAAI,OAAOA,EAAM;IACzE,wBAAwB,MAAagB,EAAK,qBAAqBnB,CAAK;GACtE,GACAsB,CACF;EACJ;CACF,CAAC;AACH;AAGA,SAAgBC,EAGd,GAAgH;CAChH,OAAOP,EAAgB;EACrB,MAAMd,EAAQ;EACd,cAAc;EACd,OAAO,EAAE,GAAGA,EAAQ,MAAM;EAC1B,MAAM,GAAO,EAAE,UAAO,YAAS;GAC7B,IAAM,EAAE,UAAO,cAAWD,EAAKC,GAASC,CAA6B;GACrE,aAAaiB,EAAEzB,GAAwC;IAAE,GAAG0B;IAAO,GAAGvB,EAAQC,CAAK;IAAG,GAAGe,EAAO;GAAE,GAAGQ,CAAK;EAC5G;CACF,CAAC;AACH"}

package/dist/domains/subjectSelect/components/AFilterWrapperSubjectSelect.vue.d.ts

@@ -13,18 +13,20 @@ type __VLS_ModelProps = {
     'datatableHiddenColumns'?: string[] | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_9: {}, __VLS_30: {}, __VLS_46: string, __VLS_47: {
-    itemConfig: import('../../filters/composables/filterFactory').FilterField;
-}, __VLS_54: {};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_46>]?: (props: typeof __VLS_47) => any;
-} & {
-    bookmarks?: (props: typeof __VLS_9) => any;
-} & {
-    detail?: (props: typeof __VLS_30) => any;
-} & {
-    buttons?: (props: typeof __VLS_54) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        [x: string]: ((props: {
+            itemConfig: import('../../filters/composables/filterFactory').FilterField;
+        }) => any) | undefined;
+    } & {
+        bookmarks?: (props: {}) => any;
+    } & {
+        detail?: (props: {}) => any;
+    } & {
+        buttons?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     submit: () => void;
     reset: () => void;

package/dist/domains/subjectSelect/components/ASubjectSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ASubjectSelect.js","names":["_sfc_main","ASubjectSelect_vue_vue_type_script_setup_true_lang_default","ASubjectSelect_default"],"sources":["../../../../src/domains/subjectSelect/components/ASubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TItem\">\nimport { computed, onMounted, provide, ref, toRaw, withModifiers } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { SubjectSelectCloseSidebarKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    selectedItems: Array<TItem>\n    pagination: Pagination\n    loading?: boolean\n    minCount?: number\n    maxCount?: number\n    modelValue?: boolean | undefined // dialog\n    dialogTitleT?: string\n    paginationMode?: 'standard' | 'more'\n    autoOpen?: boolean\n  }>(),\n  {\n    loading: false,\n    minCount: 1,\n    maxCount: 1,\n    modelValue: undefined,\n    dialogTitleT: 'common.subjectSelect.texts.title',\n    paginationMode: 'standard',\n    autoOpen: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'update:pagination', data: Pagination): void\n  (e: 'open'): void\n  (e: 'pageChange'): void\n  (e: 'confirm', data: Array<TItem>): void\n  (e: 'fetchNextPage'): void\n}>()\n\nconst dialogLocal = ref(false)\nconst dialog = computed({\n  get() {\n    if (isUndefined(props.modelValue)) return dialogLocal.value\n    return props.modelValue\n  },\n  set(newValue: boolean) {\n    dialogLocal.value = newValue\n    emit('update:modelValue', newValue)\n  },\n})\n\nconst paginationComputed = computed({\n  get: () => props.pagination,\n  set: (newValue) => {\n    emit('update:pagination', { ...toRaw(newValue) })\n  },\n})\n\nconst { mdAndDown } = useDisplay()\nconst sidebarLeft = ref(!mdAndDown.value)\n\nconst closeSidebarOnMobile = () => {\n  if (mdAndDown.value) sidebarLeft.value = false\n}\n\nprovide(SubjectSelectCloseSidebarKey, closeSidebarOnMobile)\n\nconst { t } = useI18n()\n\nconst selectedItemsCount = computed(() => {\n  return props.selectedItems.length\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedItemsCount.value < props.minCount || selectedItemsCount.value > props.maxCount\n})\n\nconst onOpen = () => {\n  emit('open')\n  sidebarLeft.value = !mdAndDown.value\n  dialog.value = true\n}\n\nconst toggleSidebar = () => {\n  sidebarLeft.value = !sidebarLeft.value\n}\n\nconst onClose = () => {\n  dialog.value = false\n}\n\nconst onConfirm = () => {\n  emit(\n    'confirm',\n    props.selectedItems.map((item) => toRaw(item))\n  )\n  onClose()\n}\n\nconst fetchNextPage = () => {\n  emit('fetchNextPage')\n}\n\nconst onPageChange = () => {\n  emit('pageChange')\n}\n\nconst lastPage = computed(() => {\n  return Math.ceil(paginationComputed.value.totalCount / paginationComputed.value.rowsPerPage)\n})\n\n// `>=`, not `===`: an empty list has `totalCount: 0`, so `lastPage` is 0 while `page` is never below\n// 1, and the two can never meet. The page would then count as \"not the last one\" on a list with\n// nothing in it -- and the same holds before any request has been made, because that initial state is\n// the same numbers.\nconst hasNextPage = computed(() => {\n  return !(\n    (isNull(paginationComputed.value.hasNextPage) && paginationComputed.value.page >= lastPage.value) ||\n    paginationComputed.value.hasNextPage === false\n  )\n})\n\nconst autoloadOnIntersect = (isIntersecting: boolean) => {\n  if (isIntersecting && hasNextPage.value && !props.loading) {\n    fetchNextPage()\n  }\n}\n\nonMounted(() => {\n  if (props.autoOpen) {\n    onOpen()\n  }\n})\n\ndefineExpose({\n  open: onOpen,\n  closeSidebarOnMobile,\n})\n</script>\n\n<template>\n  <slot\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n  />\n  <VDialog\n    v-bind=\"$attrs\"\n    :model-value=\"dialog\"\n    fullscreen\n    class=\"subject-select\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <VCard\n      v-if=\"dialog\"\n      class=\"subject-select__card\"\n    >\n      <ADialogToolbar\n        class=\"subject-select__toolbar border-b\"\n        @cancel=\"onClose\"\n      >\n        <slot name=\"title\">\n          {{ t(dialogTitleT) }}\n        </slot>\n      </ADialogToolbar>\n      <VToolbar\n        density=\"compact\"\n        color=\"transparent\"\n        :height=\"46\"\n        elevation=\"0\"\n        class=\"border-b subject-select__second-bar\"\n      >\n        <slot name=\"second-bar\">\n          <div class=\"d-flex flex-column w-100 px-1 align-center\">\n            <div class=\"d-flex justify-space-between w-100 align-center\">\n              <div class=\"d-flex align-center\">\n                <VBtn\n                  :aria-label=\"t('common.subjectSelect.filter.toggle')\"\n                  icon\n                  :width=\"30\"\n                  :height=\"30\"\n                  @click=\"toggleSidebar\"\n                >\n                  <VIcon\n                    icon=\"mdi-tune\"\n                    :size=\"16\"\n                  />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.subjectSelect.filter.toggle') }}\n                  </VTooltip>\n                </VBtn>\n                <slot name=\"second-bar-left\" />\n              </div>\n              <div class=\"d-flex align-center\">\n                <slot name=\"second-bar-right\" />\n              </div>\n            </div>\n          </div>\n        </slot>\n      </VToolbar>\n      <div\n        class=\"subject-select__main\"\n        :class=\"{ 'subject-select__main--sidebar-active': sidebarLeft }\"\n      >\n        <div class=\"subject-select__sidebar border-e\">\n          <div class=\"subject-select-filter\">\n            <slot name=\"filter\" />\n          </div>\n        </div>\n        <div class=\"subject-select__content\">\n          <slot name=\"content\" />\n          <div\n            v-if=\"paginationMode === 'more'\"\n            class=\"d-flex w-100 align-center justify-center pa-4\"\n          >\n            <ABtnSecondary\n              v-show=\"hasNextPage || loading\"\n              v-intersect.quiet=\"autoloadOnIntersect\"\n              :loading=\"loading\"\n              size=\"small\"\n              @click=\"fetchNextPage\"\n            >\n              <slot name=\"button-confirm-title\">\n                {{ t('common.button.loadMore') }}\n              </slot>\n            </ABtnSecondary>\n          </div>\n          <ADatatablePagination\n            v-else\n            v-model=\"paginationComputed\"\n            @change=\"onPageChange\"\n          />\n        </div>\n      </div>\n      <div class=\"subject-select__actions border-t\">\n        <div v-if=\"minCount === maxCount\">\n          {{\n            t('common.subjectSelect.texts.pickExactCount', {\n              count: minCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <div v-else>\n          {{\n            t('common.subjectSelect.texts.pickRangeCount', {\n              minCount: minCount,\n              maxCount: maxCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <VSpacer />\n        <ABtnPrimary\n          :disabled=\"disabledSubmit\"\n          @click.stop=\"onConfirm\"\n        >\n          <slot name=\"button-confirm-title\">\n            {{ t('common.button.confirm') }}\n          </slot>\n        </ABtnPrimary>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ASubjectSelect.js","names":["_sfc_main","ASubjectSelect_vue_vue_type_script_setup_true_lang_default","ASubjectSelect_default"],"sources":["../../../../src/domains/subjectSelect/components/ASubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TItem\">\nimport { computed, onMounted, provide, ref, toRaw, withModifiers } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { SubjectSelectCloseSidebarKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    selectedItems: Array<TItem>\n    pagination: Pagination\n    loading?: boolean\n    minCount?: number\n    maxCount?: number\n    modelValue?: boolean | undefined // dialog\n    dialogTitleT?: string\n    paginationMode?: 'standard' | 'more'\n    autoOpen?: boolean\n  }>(),\n  {\n    loading: false,\n    minCount: 1,\n    maxCount: 1,\n    modelValue: undefined,\n    dialogTitleT: 'common.subjectSelect.texts.title',\n    paginationMode: 'standard',\n    autoOpen: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'update:pagination', data: Pagination): void\n  (e: 'open'): void\n  (e: 'pageChange'): void\n  (e: 'confirm', data: Array<TItem>): void\n  (e: 'fetchNextPage'): void\n}>()\n\nconst dialogLocal = ref(false)\nconst dialog = computed({\n  get() {\n    if (isUndefined(props.modelValue)) return dialogLocal.value\n    return props.modelValue\n  },\n  set(newValue: boolean) {\n    dialogLocal.value = newValue\n    emit('update:modelValue', newValue)\n  },\n})\n\nconst paginationComputed = computed({\n  get: () => props.pagination,\n  set: (newValue) => {\n    emit('update:pagination', { ...toRaw(newValue) })\n  },\n})\n\nconst { mdAndDown } = useDisplay()\nconst sidebarLeft = ref(!mdAndDown.value)\n\nconst closeSidebarOnMobile = () => {\n  if (mdAndDown.value) sidebarLeft.value = false\n}\n\nprovide(SubjectSelectCloseSidebarKey, closeSidebarOnMobile)\n\nconst { t } = useI18n()\n\nconst selectedItemsCount = computed(() => {\n  return props.selectedItems.length\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedItemsCount.value < props.minCount || selectedItemsCount.value > props.maxCount\n})\n\nconst onOpen = () => {\n  emit('open')\n  sidebarLeft.value = !mdAndDown.value\n  dialog.value = true\n}\n\nconst toggleSidebar = () => {\n  sidebarLeft.value = !sidebarLeft.value\n}\n\nconst onClose = () => {\n  dialog.value = false\n}\n\nconst onConfirm = () => {\n  emit(\n    'confirm',\n    props.selectedItems.map((item) => toRaw(item))\n  )\n  onClose()\n}\n\nconst fetchNextPage = () => {\n  emit('fetchNextPage')\n}\n\nconst onPageChange = () => {\n  emit('pageChange')\n}\n\nconst lastPage = computed(() => {\n  return Math.ceil(paginationComputed.value.totalCount / paginationComputed.value.rowsPerPage)\n})\n\n// `>=`, not `===`. An empty list has `lastPage` 0 while `page` is at least 1, so they never meet.\n// The same holds before the first request.\nconst hasNextPage = computed(() => {\n  return !(\n    (isNull(paginationComputed.value.hasNextPage) && paginationComputed.value.page >= lastPage.value) ||\n    paginationComputed.value.hasNextPage === false\n  )\n})\n\nconst autoloadOnIntersect = (isIntersecting: boolean) => {\n  if (isIntersecting && hasNextPage.value && !props.loading) {\n    fetchNextPage()\n  }\n}\n\nonMounted(() => {\n  if (props.autoOpen) {\n    onOpen()\n  }\n})\n\ndefineExpose({\n  open: onOpen,\n  closeSidebarOnMobile,\n})\n</script>\n\n<template>\n  <slot\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n  />\n  <VDialog\n    v-bind=\"$attrs\"\n    :model-value=\"dialog\"\n    fullscreen\n    class=\"subject-select\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <VCard\n      v-if=\"dialog\"\n      class=\"subject-select__card\"\n    >\n      <ADialogToolbar\n        class=\"subject-select__toolbar border-b\"\n        @cancel=\"onClose\"\n      >\n        <slot name=\"title\">\n          {{ t(dialogTitleT) }}\n        </slot>\n      </ADialogToolbar>\n      <VToolbar\n        density=\"compact\"\n        color=\"transparent\"\n        :height=\"46\"\n        elevation=\"0\"\n        class=\"border-b subject-select__second-bar\"\n      >\n        <slot name=\"second-bar\">\n          <div class=\"d-flex flex-column w-100 px-1 align-center\">\n            <div class=\"d-flex justify-space-between w-100 align-center\">\n              <div class=\"d-flex align-center\">\n                <VBtn\n                  :aria-label=\"t('common.subjectSelect.filter.toggle')\"\n                  icon\n                  :width=\"30\"\n                  :height=\"30\"\n                  @click=\"toggleSidebar\"\n                >\n                  <VIcon\n                    icon=\"mdi-tune\"\n                    :size=\"16\"\n                  />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.subjectSelect.filter.toggle') }}\n                  </VTooltip>\n                </VBtn>\n                <slot name=\"second-bar-left\" />\n              </div>\n              <div class=\"d-flex align-center\">\n                <slot name=\"second-bar-right\" />\n              </div>\n            </div>\n          </div>\n        </slot>\n      </VToolbar>\n      <div\n        class=\"subject-select__main\"\n        :class=\"{ 'subject-select__main--sidebar-active': sidebarLeft }\"\n      >\n        <div class=\"subject-select__sidebar border-e\">\n          <div class=\"subject-select-filter\">\n            <slot name=\"filter\" />\n          </div>\n        </div>\n        <div class=\"subject-select__content\">\n          <slot name=\"content\" />\n          <div\n            v-if=\"paginationMode === 'more'\"\n            class=\"d-flex w-100 align-center justify-center pa-4\"\n          >\n            <ABtnSecondary\n              v-show=\"hasNextPage || loading\"\n              v-intersect.quiet=\"autoloadOnIntersect\"\n              :loading=\"loading\"\n              size=\"small\"\n              @click=\"fetchNextPage\"\n            >\n              <slot name=\"button-confirm-title\">\n                {{ t('common.button.loadMore') }}\n              </slot>\n            </ABtnSecondary>\n          </div>\n          <ADatatablePagination\n            v-else\n            v-model=\"paginationComputed\"\n            @change=\"onPageChange\"\n          />\n        </div>\n      </div>\n      <div class=\"subject-select__actions border-t\">\n        <div v-if=\"minCount === maxCount\">\n          {{\n            t('common.subjectSelect.texts.pickExactCount', {\n              count: minCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <div v-else>\n          {{\n            t('common.subjectSelect.texts.pickRangeCount', {\n              minCount: minCount,\n              maxCount: maxCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <VSpacer />\n        <ABtnPrimary\n          :disabled=\"disabledSubmit\"\n          @click.stop=\"onConfirm\"\n        >\n          <slot name=\"button-confirm-title\">\n            {{ t('common.button.confirm') }}\n          </slot>\n        </ABtnPrimary>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":""}

package/dist/domains/subjectSelect/components/ASubjectSelect.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ASubjectSelect.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderSlot","_createVNode","_component_VDialog","_mergeProps","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","_component_VToolbar","_createElementVNode","_component_VBtn","_component_VIcon","_component_VTooltip","_normalizeClass","_withDirectives","_vShow","_directive_intersect","ADatatablePagination","_component_VSpacer","_withModifiers","_createCommentVNode","ADialogToolbar_default","ADatatablePagination_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","ASubjectSelect_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","dialogLocal","ref","dialog","computed","isUndefined","newValue","paginationComputed","toRaw","useDisplay","sidebarLeft","mdAndDown","closeSidebarOnMobile","SubjectSelectCloseSidebarKey","useI18n","selectedItemsCount","disabledSubmit","onOpen","toggleSidebar","onClose","onConfirm","item","fetchNextPage","onPageChange","lastPage","hasNextPage","isNull","autoloadOnIntersect","isIntersecting","onMounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","renderSlot","_ctx","withModifiers","createVNode","VDialog","mergeProps","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","VToolbar","createElementVNode","VBtn","VIcon","VTooltip","normalizeClass","withDirectives","vShow","Intersect","VSpacer","createCommentVNode"],"sources":["../../../../src/domains/subjectSelect/components/ASubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TItem\">\nimport { computed, onMounted, provide, ref, toRaw, withModifiers } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { SubjectSelectCloseSidebarKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    selectedItems: Array<TItem>\n    pagination: Pagination\n    loading?: boolean\n    minCount?: number\n    maxCount?: number\n    modelValue?: boolean | undefined // dialog\n    dialogTitleT?: string\n    paginationMode?: 'standard' | 'more'\n    autoOpen?: boolean\n  }>(),\n  {\n    loading: false,\n    minCount: 1,\n    maxCount: 1,\n    modelValue: undefined,\n    dialogTitleT: 'common.subjectSelect.texts.title',\n    paginationMode: 'standard',\n    autoOpen: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'update:pagination', data: Pagination): void\n  (e: 'open'): void\n  (e: 'pageChange'): void\n  (e: 'confirm', data: Array<TItem>): void\n  (e: 'fetchNextPage'): void\n}>()\n\nconst dialogLocal = ref(false)\nconst dialog = computed({\n  get() {\n    if (isUndefined(props.modelValue)) return dialogLocal.value\n    return props.modelValue\n  },\n  set(newValue: boolean) {\n    dialogLocal.value = newValue\n    emit('update:modelValue', newValue)\n  },\n})\n\nconst paginationComputed = computed({\n  get: () => props.pagination,\n  set: (newValue) => {\n    emit('update:pagination', { ...toRaw(newValue) })\n  },\n})\n\nconst { mdAndDown } = useDisplay()\nconst sidebarLeft = ref(!mdAndDown.value)\n\nconst closeSidebarOnMobile = () => {\n  if (mdAndDown.value) sidebarLeft.value = false\n}\n\nprovide(SubjectSelectCloseSidebarKey, closeSidebarOnMobile)\n\nconst { t } = useI18n()\n\nconst selectedItemsCount = computed(() => {\n  return props.selectedItems.length\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedItemsCount.value < props.minCount || selectedItemsCount.value > props.maxCount\n})\n\nconst onOpen = () => {\n  emit('open')\n  sidebarLeft.value = !mdAndDown.value\n  dialog.value = true\n}\n\nconst toggleSidebar = () => {\n  sidebarLeft.value = !sidebarLeft.value\n}\n\nconst onClose = () => {\n  dialog.value = false\n}\n\nconst onConfirm = () => {\n  emit(\n    'confirm',\n    props.selectedItems.map((item) => toRaw(item))\n  )\n  onClose()\n}\n\nconst fetchNextPage = () => {\n  emit('fetchNextPage')\n}\n\nconst onPageChange = () => {\n  emit('pageChange')\n}\n\nconst lastPage = computed(() => {\n  return Math.ceil(paginationComputed.value.totalCount / paginationComputed.value.rowsPerPage)\n})\n\n// `>=`, not `===`: an empty list has `totalCount: 0`, so `lastPage` is 0 while `page` is never below\n// 1, and the two can never meet. The page would then count as \"not the last one\" on a list with\n// nothing in it -- and the same holds before any request has been made, because that initial state is\n// the same numbers.\nconst hasNextPage = computed(() => {\n  return !(\n    (isNull(paginationComputed.value.hasNextPage) && paginationComputed.value.page >= lastPage.value) ||\n    paginationComputed.value.hasNextPage === false\n  )\n})\n\nconst autoloadOnIntersect = (isIntersecting: boolean) => {\n  if (isIntersecting && hasNextPage.value && !props.loading) {\n    fetchNextPage()\n  }\n}\n\nonMounted(() => {\n  if (props.autoOpen) {\n    onOpen()\n  }\n})\n\ndefineExpose({\n  open: onOpen,\n  closeSidebarOnMobile,\n})\n</script>\n\n<template>\n  <slot\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n  />\n  <VDialog\n    v-bind=\"$attrs\"\n    :model-value=\"dialog\"\n    fullscreen\n    class=\"subject-select\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <VCard\n      v-if=\"dialog\"\n      class=\"subject-select__card\"\n    >\n      <ADialogToolbar\n        class=\"subject-select__toolbar border-b\"\n        @cancel=\"onClose\"\n      >\n        <slot name=\"title\">\n          {{ t(dialogTitleT) }}\n        </slot>\n      </ADialogToolbar>\n      <VToolbar\n        density=\"compact\"\n        color=\"transparent\"\n        :height=\"46\"\n        elevation=\"0\"\n        class=\"border-b subject-select__second-bar\"\n      >\n        <slot name=\"second-bar\">\n          <div class=\"d-flex flex-column w-100 px-1 align-center\">\n            <div class=\"d-flex justify-space-between w-100 align-center\">\n              <div class=\"d-flex align-center\">\n                <VBtn\n                  :aria-label=\"t('common.subjectSelect.filter.toggle')\"\n                  icon\n                  :width=\"30\"\n                  :height=\"30\"\n                  @click=\"toggleSidebar\"\n                >\n                  <VIcon\n                    icon=\"mdi-tune\"\n                    :size=\"16\"\n                  />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.subjectSelect.filter.toggle') }}\n                  </VTooltip>\n                </VBtn>\n                <slot name=\"second-bar-left\" />\n              </div>\n              <div class=\"d-flex align-center\">\n                <slot name=\"second-bar-right\" />\n              </div>\n            </div>\n          </div>\n        </slot>\n      </VToolbar>\n      <div\n        class=\"subject-select__main\"\n        :class=\"{ 'subject-select__main--sidebar-active': sidebarLeft }\"\n      >\n        <div class=\"subject-select__sidebar border-e\">\n          <div class=\"subject-select-filter\">\n            <slot name=\"filter\" />\n          </div>\n        </div>\n        <div class=\"subject-select__content\">\n          <slot name=\"content\" />\n          <div\n            v-if=\"paginationMode === 'more'\"\n            class=\"d-flex w-100 align-center justify-center pa-4\"\n          >\n            <ABtnSecondary\n              v-show=\"hasNextPage || loading\"\n              v-intersect.quiet=\"autoloadOnIntersect\"\n              :loading=\"loading\"\n              size=\"small\"\n              @click=\"fetchNextPage\"\n            >\n              <slot name=\"button-confirm-title\">\n                {{ t('common.button.loadMore') }}\n              </slot>\n            </ABtnSecondary>\n          </div>\n          <ADatatablePagination\n            v-else\n            v-model=\"paginationComputed\"\n            @change=\"onPageChange\"\n          />\n        </div>\n      </div>\n      <div class=\"subject-select__actions border-t\">\n        <div v-if=\"minCount === maxCount\">\n          {{\n            t('common.subjectSelect.texts.pickExactCount', {\n              count: minCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <div v-else>\n          {{\n            t('common.subjectSelect.texts.pickRangeCount', {\n              minCount: minCount,\n              maxCount: maxCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <VSpacer />\n        <ABtnPrimary\n          :disabled=\"disabledSubmit\"\n          @click.stop=\"onConfirm\"\n        >\n          <slot name=\"button-confirm-title\">\n            {{ t('common.button.confirm') }}\n          </slot>\n        </ABtnPrimary>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ASubjectSelect.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_resolveComponent","_openBlock","_createElementBlock","_Fragment","_renderSlot","_createVNode","_component_VDialog","_mergeProps","_withCtx","_createBlock","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","_component_VToolbar","_createElementVNode","_component_VBtn","_component_VIcon","_component_VTooltip","_normalizeClass","_withDirectives","_vShow","_directive_intersect","ADatatablePagination","_component_VSpacer","_withModifiers","_createCommentVNode","ADialogToolbar_default","ADatatablePagination_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","ASubjectSelect_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","dialogLocal","ref","dialog","computed","isUndefined","newValue","paginationComputed","toRaw","useDisplay","sidebarLeft","mdAndDown","closeSidebarOnMobile","SubjectSelectCloseSidebarKey","useI18n","selectedItemsCount","disabledSubmit","onOpen","toggleSidebar","onClose","onConfirm","item","fetchNextPage","onPageChange","lastPage","hasNextPage","isNull","autoloadOnIntersect","isIntersecting","onMounted","_component_ABtnSecondary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","renderSlot","_ctx","withModifiers","createVNode","VDialog","mergeProps","_cache","$event","withCtx","createBlock","VCard","createTextVNode","toDisplayString","unref","t","VToolbar","createElementVNode","VBtn","VIcon","VTooltip","normalizeClass","withDirectives","vShow","Intersect","VSpacer","createCommentVNode"],"sources":["../../../../src/domains/subjectSelect/components/ASubjectSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"TItem\">\nimport { computed, onMounted, provide, ref, toRaw, withModifiers } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useDisplay } from 'vuetify'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport ADatatablePagination from '@/domains/filters/datatable/components/ADatatablePagination.vue'\nimport { SubjectSelectCloseSidebarKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    selectedItems: Array<TItem>\n    pagination: Pagination\n    loading?: boolean\n    minCount?: number\n    maxCount?: number\n    modelValue?: boolean | undefined // dialog\n    dialogTitleT?: string\n    paginationMode?: 'standard' | 'more'\n    autoOpen?: boolean\n  }>(),\n  {\n    loading: false,\n    minCount: 1,\n    maxCount: 1,\n    modelValue: undefined,\n    dialogTitleT: 'common.subjectSelect.texts.title',\n    paginationMode: 'standard',\n    autoOpen: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'update:modelValue', data: boolean): void\n  (e: 'update:pagination', data: Pagination): void\n  (e: 'open'): void\n  (e: 'pageChange'): void\n  (e: 'confirm', data: Array<TItem>): void\n  (e: 'fetchNextPage'): void\n}>()\n\nconst dialogLocal = ref(false)\nconst dialog = computed({\n  get() {\n    if (isUndefined(props.modelValue)) return dialogLocal.value\n    return props.modelValue\n  },\n  set(newValue: boolean) {\n    dialogLocal.value = newValue\n    emit('update:modelValue', newValue)\n  },\n})\n\nconst paginationComputed = computed({\n  get: () => props.pagination,\n  set: (newValue) => {\n    emit('update:pagination', { ...toRaw(newValue) })\n  },\n})\n\nconst { mdAndDown } = useDisplay()\nconst sidebarLeft = ref(!mdAndDown.value)\n\nconst closeSidebarOnMobile = () => {\n  if (mdAndDown.value) sidebarLeft.value = false\n}\n\nprovide(SubjectSelectCloseSidebarKey, closeSidebarOnMobile)\n\nconst { t } = useI18n()\n\nconst selectedItemsCount = computed(() => {\n  return props.selectedItems.length\n})\n\nconst disabledSubmit = computed(() => {\n  return selectedItemsCount.value < props.minCount || selectedItemsCount.value > props.maxCount\n})\n\nconst onOpen = () => {\n  emit('open')\n  sidebarLeft.value = !mdAndDown.value\n  dialog.value = true\n}\n\nconst toggleSidebar = () => {\n  sidebarLeft.value = !sidebarLeft.value\n}\n\nconst onClose = () => {\n  dialog.value = false\n}\n\nconst onConfirm = () => {\n  emit(\n    'confirm',\n    props.selectedItems.map((item) => toRaw(item))\n  )\n  onClose()\n}\n\nconst fetchNextPage = () => {\n  emit('fetchNextPage')\n}\n\nconst onPageChange = () => {\n  emit('pageChange')\n}\n\nconst lastPage = computed(() => {\n  return Math.ceil(paginationComputed.value.totalCount / paginationComputed.value.rowsPerPage)\n})\n\n// `>=`, not `===`. An empty list has `lastPage` 0 while `page` is at least 1, so they never meet.\n// The same holds before the first request.\nconst hasNextPage = computed(() => {\n  return !(\n    (isNull(paginationComputed.value.hasNextPage) && paginationComputed.value.page >= lastPage.value) ||\n    paginationComputed.value.hasNextPage === false\n  )\n})\n\nconst autoloadOnIntersect = (isIntersecting: boolean) => {\n  if (isIntersecting && hasNextPage.value && !props.loading) {\n    fetchNextPage()\n  }\n}\n\nonMounted(() => {\n  if (props.autoOpen) {\n    onOpen()\n  }\n})\n\ndefineExpose({\n  open: onOpen,\n  closeSidebarOnMobile,\n})\n</script>\n\n<template>\n  <slot\n    name=\"activator\"\n    :props=\"{ onClick: withModifiers(() => onOpen(), ['stop']) }\"\n  />\n  <VDialog\n    v-bind=\"$attrs\"\n    :model-value=\"dialog\"\n    fullscreen\n    class=\"subject-select\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <VCard\n      v-if=\"dialog\"\n      class=\"subject-select__card\"\n    >\n      <ADialogToolbar\n        class=\"subject-select__toolbar border-b\"\n        @cancel=\"onClose\"\n      >\n        <slot name=\"title\">\n          {{ t(dialogTitleT) }}\n        </slot>\n      </ADialogToolbar>\n      <VToolbar\n        density=\"compact\"\n        color=\"transparent\"\n        :height=\"46\"\n        elevation=\"0\"\n        class=\"border-b subject-select__second-bar\"\n      >\n        <slot name=\"second-bar\">\n          <div class=\"d-flex flex-column w-100 px-1 align-center\">\n            <div class=\"d-flex justify-space-between w-100 align-center\">\n              <div class=\"d-flex align-center\">\n                <VBtn\n                  :aria-label=\"t('common.subjectSelect.filter.toggle')\"\n                  icon\n                  :width=\"30\"\n                  :height=\"30\"\n                  @click=\"toggleSidebar\"\n                >\n                  <VIcon\n                    icon=\"mdi-tune\"\n                    :size=\"16\"\n                  />\n                  <VTooltip\n                    activator=\"parent\"\n                    location=\"bottom\"\n                  >\n                    {{ t('common.subjectSelect.filter.toggle') }}\n                  </VTooltip>\n                </VBtn>\n                <slot name=\"second-bar-left\" />\n              </div>\n              <div class=\"d-flex align-center\">\n                <slot name=\"second-bar-right\" />\n              </div>\n            </div>\n          </div>\n        </slot>\n      </VToolbar>\n      <div\n        class=\"subject-select__main\"\n        :class=\"{ 'subject-select__main--sidebar-active': sidebarLeft }\"\n      >\n        <div class=\"subject-select__sidebar border-e\">\n          <div class=\"subject-select-filter\">\n            <slot name=\"filter\" />\n          </div>\n        </div>\n        <div class=\"subject-select__content\">\n          <slot name=\"content\" />\n          <div\n            v-if=\"paginationMode === 'more'\"\n            class=\"d-flex w-100 align-center justify-center pa-4\"\n          >\n            <ABtnSecondary\n              v-show=\"hasNextPage || loading\"\n              v-intersect.quiet=\"autoloadOnIntersect\"\n              :loading=\"loading\"\n              size=\"small\"\n              @click=\"fetchNextPage\"\n            >\n              <slot name=\"button-confirm-title\">\n                {{ t('common.button.loadMore') }}\n              </slot>\n            </ABtnSecondary>\n          </div>\n          <ADatatablePagination\n            v-else\n            v-model=\"paginationComputed\"\n            @change=\"onPageChange\"\n          />\n        </div>\n      </div>\n      <div class=\"subject-select__actions border-t\">\n        <div v-if=\"minCount === maxCount\">\n          {{\n            t('common.subjectSelect.texts.pickExactCount', {\n              count: minCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <div v-else>\n          {{\n            t('common.subjectSelect.texts.pickRangeCount', {\n              minCount: minCount,\n              maxCount: maxCount,\n              selected: selectedItemsCount,\n            })\n          }}\n        </div>\n        <VSpacer />\n        <ABtnPrimary\n          :disabled=\"disabledSubmit\"\n          @click.stop=\"onConfirm\"\n        >\n          <slot name=\"button-confirm-title\">\n            {{ t('common.button.confirm') }}\n          </slot>\n        </ABtnPrimary>\n      </div>\n    </VCard>\n  </VDialog>\n</template>\n"],"mappings":"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"}