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

package/dist/domains/filters/composables/filterFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterFactory.js","names":["SORT_URL_PARAM","END_FILTER_MARKER","RELAXED_IN_HASH","relaxHashEncoding","value","match","isSameFilterValue","isArray","a","b","item","index","encodeFilterHash","params","key","data","isUndefined","isNull","isEmptyArray","isObject","isEmptyObject","isString","sortBy","buildFilterHash","filters","field","filterConfig","hash","isRouterSafeHash","defaultRenderOptions","createFilterStore","reactive","filterFields","acc","cloneDeep","createFilter","config","filter","defaultValue","resolveValue","options","defaultGlobalOptions","store","fallback","useFilterClearHelpers","clearOne","name","clearAll","filterName","filterData","clearOneFilterSelected","isClearable","selectedFound","filterSelected","foundIndex","optionValue","newArray","toRaw","isNumber","isBoolean","clearAllFilterSelected","FilterHelpersMoreOptionsDefault","useFilterHelpers","moreOptions","storeKey","pageStoreKey","datatablePageKey","getCurrentInstance","provide","DatatablePageStoreKey","getFilterDataForStoring","serializeFilters","includeSort","pagination","deserializeFilters","markerIndex","result","sortParam","order","SortOrder","fieldConfig","items","replaceHash","url","state","patched","updateLocationHash","serialized","resetLocationHash","parseLocationHash","storeFilterLocalStorage","loadFilterLocalStorage","stored","useDatatablePageStore","source","storedFromHash","restoredPage","consumeStoredPage","callback","hashDescribesThisView","tryConvertNumber","stringToNumber","tryConvertBoolean","stringToBooleanExact"],"sources":["../../../../src/domains/filters/composables/filterFactory.ts"],"sourcesContent":["import { getCurrentInstance, provide, reactive, type Ref, toRaw } from 'vue'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\nimport { DatatablePageStoreKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport {\n  cloneDeep,\n  isArray,\n  isBoolean,\n  isEmptyArray,\n  isEmptyObject,\n  isNull,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n} from '@/shared/utils/common'\nimport type { AnyFn } from '@vueuse/core'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport { type DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { stringToBooleanExact, stringToNumber } from '@/shared/utils/string'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport type FilterStoreIdentifier = { system: string; subject: string }\n\nconst SORT_URL_PARAM = '_sort'\nconst END_FILTER_MARKER = '~'\n\n// `URLSearchParams` percent-encodes characters a URL fragment accepts verbatim, and vue-router\n// then runs `encodeURI` over the hash, which escapes the `%` a second time — `_sort=id%2Cdesc`\n// arrives as `id%252Cdesc` and the sort is silently lost. Handing these back keeps a built hash\n// stable through `router.push({ hash })`. `~` stays encoded because the end marker relies on it\n// never occurring inside a value; `&`, `=` carry the structure, `+` reads back as a space.\nconst RELAXED_IN_HASH: Record<string, string> = {\n  '%2C': ',',\n  '%3A': ':',\n  '%2F': '/',\n  '%40': '@',\n  '%24': '$',\n  '%21': '!',\n  '%27': \"'\",\n  '%28': '(',\n  '%29': ')',\n  '%3B': ';',\n  '%3F': '?',\n}\nconst relaxHashEncoding = (value: string) =>\n  value.replace(/%(2C|3A|2F|40|24|21|27|28|29|3B|3F)/g, (match) => RELAXED_IN_HASH[match]!)\n\n// `structuredClone` gives every array default a fresh identity, so `!==` is always true for them\n// and an array default would be written into the url on every submit.\nconst isSameFilterValue = (a: AllowedFilterValues, b: AllowedFilterValues): boolean => {\n  if (isArray(a) && isArray(b)) {\n    return a.length === b.length && a.every((item, index) => item === b[index])\n  }\n  return a === b\n}\n\nconst encodeFilterHash = (data: Record<string, AllowedFilterValues>, sortBy?: DatatableSortBy): string => {\n  const params = new URLSearchParams()\n  for (const key in data) {\n    const value = data[key]\n    if (isUndefined(value) || isNull(value)) continue\n    if (isArray(value) && isEmptyArray(value)) continue\n    if (isObject(value) && isEmptyObject(value)) continue\n    if (isString(value) && value.length === 0) continue\n    params.set(key, isArray(value) ? value.join(',') : String(value))\n  }\n  if (sortBy) {\n    params.set(SORT_URL_PARAM, `${sortBy.key},${sortBy.order}`)\n  }\n  if (params.size === 0) return ''\n  return relaxHashEncoding(params.toString()) + END_FILTER_MARKER\n}\n\n/**\n * Hash for a filter link, with values equal to their default left out.\n *\n * Pair it with `router.push({ name, hash })`, which needs the leading `#` — without it vue-router\n * glues the value onto the path instead. A hash still containing `%` (diacritics, `&`, `=`) does\n * not survive that trip; check with `isRouterSafeHash` and fall back to assigning\n * `window.location.hash` after navigating. Returns an empty string when nothing differs from\n * the defaults.\n */\nexport function buildFilterHash<F extends readonly MakeFilterOption<string>[]>(\n  filterConfig: FilterConfig<F>,\n  filters: Partial<Record<keyof FilterData<F> & string, AllowedFilterValues>>,\n  sortBy?: DatatableSortBy\n): string {\n  const data: Record<string, AllowedFilterValues> = {}\n  for (const [key, value] of Object.entries(filters) as [string, AllowedFilterValues][]) {\n    const field = filterConfig.fields[key as keyof FilterConfig<F>['fields']]\n    if (isUndefined(field) || isSameFilterValue(value, field.default)) continue\n    data[key] = value\n  }\n  const hash = encodeFilterHash(data, sortBy)\n  return hash.length === 0 ? hash : '#' + hash\n}\n\n/** Whether `router.push({ hash })` would leave the hash intact — see `buildFilterHash`. */\nexport const isRouterSafeHash = (hash: string): boolean => !hash.includes('%')\n\nconst defaultRenderOptions: FilerRenderOptions = {\n  skip: false,\n  selected: true,\n  xs: undefined,\n  sm: undefined,\n  md: undefined,\n  lg: undefined,\n  xl: undefined,\n}\n\nexport function createFilterStore<F extends readonly MakeFilterOption<string>[]>(filterFields: F): FilterData<F> {\n  return reactive(\n    filterFields.reduce((acc, field) => {\n      return {\n        ...acc,\n        [field.name]: cloneDeep(field.default),\n      }\n    }, {} as FilterData<F>)\n  ) as FilterData<F>\n}\n\nexport function createFilter<F extends readonly MakeFilterOption<string>[]>(\n  filterFields: F,\n  store: FilterData<F>,\n  options?: Partial<GeneralFilterOptions>\n): {\n  filterConfig: FilterConfig<F>\n  filterData: FilterData<F>\n} {\n  const config = filterFields.reduce(\n    (acc, filter) => {\n      const key = filter.name as keyof FilterData<F>\n      const defaultValue = cloneDeep(filter.default)\n\n      return {\n        ...acc,\n        [key]: {\n          name: key as string,\n          variant: resolveValue(filter.variant, 'eq'),\n          type: resolveValue(filter.type, 'custom'),\n          titleT:\n            filter.titleT ??\n            (options?.system && options?.subject && filter.name\n              ? `${options.system}.${options.subject}.filter.${filter.name}`\n              : undefined),\n          apiName: resolveValue(filter.apiName, filter.name),\n          clearable: resolveValue(filter.clearable, true),\n          mandatory: resolveValue(filter.mandatory, false),\n          multiple: isArray(defaultValue),\n          advanced: resolveValue(filter.advanced, false),\n          related: resolveValue(filter.related, undefined),\n          exclude: resolveValue(filter.exclude, false),\n          default: defaultValue,\n          render: { ...defaultRenderOptions, ...resolveValue(filter.render, {}) },\n        },\n      }\n    },\n    {} as FilterConfig<F>['fields']\n  )\n\n  // A time interval names the field that holds its upper bound. The query builder and the selected chips\n  // read that field's config without a check, so a name that is not configured fails here, by name,\n  // instead of as a TypeError on the first query.\n  for (const field of Object.values(config) as FilterField[]) {\n    if (field.related && !(field.related in config)) {\n      throw new Error(`createFilter: \"${field.name}\" names related field \"${field.related}\", which is not configured`)\n    }\n  }\n\n  const defaultGlobalOptions: GeneralFilterOptions = {\n    elastic: false,\n    system: undefined,\n    subject: undefined,\n    simpleFilters: false,\n    ...options,\n  }\n\n  if (defaultGlobalOptions.elastic) {\n    defaultGlobalOptions.simpleFilters = true\n  }\n\n  const filterConfig = reactive({\n    general: defaultGlobalOptions,\n    touched: false,\n    fields: config,\n  }) as FilterConfig<F>\n\n  return {\n    filterConfig,\n    filterData: store as FilterData<F>,\n  }\n}\n\nfunction resolveValue<T>(value: T | undefined, fallback: T): T {\n  return isUndefined(value) ? fallback : value\n}\n\nexport function useFilterClearHelpers<\n  F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[],\n>() {\n  const clearOne = (name: keyof FilterData<F>, filterData: FilterData<F>, filterConfig: FilterConfig<F>) => {\n    if (!filterConfig.fields[name]?.clearable) return\n    filterData[name] = cloneDeep(filterConfig.fields[name].default)\n  }\n\n  const clearAll = (filterData: FilterData<F>, filterConfig: FilterConfig<F>) => {\n    for (const filterName in filterConfig.fields) {\n      clearOne(filterName as keyof FilterData<F>, filterData, filterConfig)\n    }\n  }\n  const clearOneFilterSelected = (\n    name: string,\n    optionValue: number | string,\n    filterData: FilterData<F>,\n    filterConfig: FilterConfig<F>,\n    filterSelected: Ref<Map<string, ValueObjectOption<string | number>[]>>\n  ) => {\n    if (!isClearable(name, filterConfig)) return\n    // update selected\n    const config = filterConfig.fields[name as keyof FilterConfig<F>['fields']]\n    const selectedFound = filterSelected.value.get(name)\n    if (selectedFound && selectedFound.length === 1) {\n      filterSelected.value.delete(name)\n    } else if (selectedFound) {\n      const foundIndex = selectedFound.findIndex((item) => item.value === optionValue)\n      if (foundIndex !== -1) selectedFound.splice(foundIndex, 1)\n    }\n    // update data\n    if (config.type === 'timeInterval' && config.related) {\n      filterData[name as keyof FilterData<F>] = config.default\n      filterData[config.related as keyof FilterData<F>] =\n        filterConfig.fields[config.related as keyof FilterConfig<F>['fields']].default\n    } else if (\n      isArray(filterData[name as keyof FilterData<F>]) &&\n      (filterData[name as keyof FilterData<F>] as any[]).length > 0\n    ) {\n      const foundIndex = (filterData[name as keyof FilterData<F>] as any[]).findIndex(\n        (item) => String(item) === String(optionValue)\n      )\n      if (foundIndex !== -1) {\n        const newArray = [...toRaw(filterData[name as keyof FilterData<F>] as any[])]\n        newArray.splice(foundIndex, 1)\n        filterData[name as keyof FilterData<F>] = newArray as AllowedFilterValues\n      }\n    } else if (isString(filterData[name as keyof FilterData<F>]) || isNumber(filterData[name as keyof FilterData<F>])) {\n      filterData[name as keyof FilterData<F>] = config.default\n    } else if (isBoolean(filterData[name as keyof FilterData<F>])) {\n      filterData[name as keyof FilterData<F>] = config.default\n    }\n  }\n\n  const clearAllFilterSelected = (\n    filterData: FilterData<F>,\n    filterConfig: FilterConfig<F>,\n    filterSelected: Ref<Map<string, ValueObjectOption<string | number>[]>>\n  ) => {\n    for (const key of filterSelected.value.keys()) {\n      if (isClearable(key, filterConfig)) {\n        filterSelected.value.delete(key)\n      }\n    }\n  }\n\n  const isClearable = (name: string, filterConfig: FilterConfig<F>) => {\n    const config = filterConfig.fields[name as keyof FilterConfig<F>['fields']]\n    return !(config.mandatory || !config.clearable)\n  }\n\n  return {\n    clearOne,\n    clearAll,\n    clearOneFilterSelected,\n    clearAllFilterSelected,\n    isClearable,\n  }\n}\n\ninterface FilterHelpersMoreOptions {\n  storeFiltersLocalStorage: string | boolean // false to disable, string to override store key\n  populateUrlParams: boolean\n}\n\nconst FilterHelpersMoreOptionsDefault = {\n  storeFiltersLocalStorage: true,\n  populateUrlParams: true,\n}\n\nexport function useFilterHelpers<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]>(\n  filterData: FilterData<F>,\n  filterConfig: FilterConfig<F>,\n  moreOptions: Partial<FilterHelpersMoreOptions> = {}\n) {\n  const options = { ...FilterHelpersMoreOptionsDefault, ...moreOptions }\n\n  let storeKey: undefined | string = undefined\n  if (isString(options.storeFiltersLocalStorage)) {\n    storeKey = options.storeFiltersLocalStorage\n  } else if (\n    isBoolean(options.storeFiltersLocalStorage) &&\n    true === options.storeFiltersLocalStorage &&\n    isString(filterConfig.general.system) &&\n    isString(filterConfig.general.subject)\n  ) {\n    storeKey = 'tableFilter_' + filterConfig.general.system + '_' + filterConfig.general.subject\n  }\n\n  // Independent of `storeFiltersLocalStorage` being on: the remembered page is keyed even when\n  // filters are not persisted. A string override is what distinguishes tables sharing a subject.\n  const pageStoreKey = isString(options.storeFiltersLocalStorage)\n    ? options.storeFiltersLocalStorage\n    : datatablePageKey(filterConfig.general.system, filterConfig.general.subject)\n  // Called from a datatable's setup, so `ADatatablePagination` picks it up. Guarded because a\n  // composable may legitimately be called outside setup, and Vue would warn.\n  if (getCurrentInstance()) {\n    provide(DatatablePageStoreKey, pageStoreKey)\n  }\n\n  const { clearAll } = useFilterClearHelpers<F>()\n\n  const getFilterDataForStoring = (): Record<string, AllowedFilterValues> => {\n    const data: Record<string, AllowedFilterValues> = {}\n    for (const filterName in filterData) {\n      try {\n        const key = filterName as keyof FilterData<F>\n        const value = filterData[key]\n        if (\n          !isUndefined(value) &&\n          !isNull(value) &&\n          !isEmptyArray(value) &&\n          !isSameFilterValue(value, filterConfig.fields[key].default)\n        ) {\n          data[filterName] = value\n        }\n      } catch (e) {\n        // Ignore errors\n      }\n    }\n    return data\n  }\n\n  const serializeFilters = (\n    data: Record<string, AllowedFilterValues>,\n    pagination: Ref<Pagination>,\n    includeSort: boolean\n  ): string => {\n    return encodeFilterHash(data, includeSort ? pagination.value.sortBy : undefined)\n  }\n\n  const deserializeFilters = (\n    hash: string\n  ): { filters: Record<string, AllowedFilterValues>; sortBy: DatatableSortBy } | null => {\n    if (!hash) return null\n    if (hash.startsWith('#')) hash = hash.substring(1)\n\n    // URLSearchParams percent-encodes `~` in values, so the marker cannot occur inside our own\n    // data — a hash without it is foreign or truncated, and null lets localStorage take over.\n    const markerIndex = hash.indexOf(END_FILTER_MARKER)\n    if (markerIndex === -1) return null\n    hash = hash.slice(0, markerIndex)\n\n    const params = new URLSearchParams(hash)\n    const result: Record<string, AllowedFilterValues> = {}\n    let sortBy: DatatableSortBy = null\n\n    const sortParam = params.get(SORT_URL_PARAM)\n    if (sortParam) {\n      const [key, order] = sortParam.split(',')\n      if (key && (order === SortOrder.Asc || order === SortOrder.Desc)) {\n        sortBy = { key, order }\n      }\n      params.delete(SORT_URL_PARAM)\n    }\n\n    for (const [key, value] of params.entries()) {\n      const fieldConfig = filterConfig.fields[key as keyof typeof filterConfig.fields]\n      if (isUndefined(fieldConfig)) {\n        console.error(`Filter config not found for ${key}`)\n        continue\n      }\n      const isMultiple = fieldConfig.multiple ?? false\n\n      if (isMultiple) {\n        const items = value.split(',')\n\n        const allNumeric = items.every((item) => item !== '' && String(Number(item)) === item)\n\n        result[key] = allNumeric ? items.map(Number) : items\n      } else {\n        result[key] = value\n      }\n    }\n\n    // An empty result would still count as \"found\", shadowing localStorage.\n    if (isEmptyObject(result) && isNull(sortBy)) return null\n\n    return { filters: result, sortBy }\n  }\n\n  // A submit is not a place to step back to, so it replaces the entry. `replaceState` fires no\n  // popstate, so vue-router does not run a navigation (and its guards) per submit; its `current` is\n  // patched so the router's next push, which rewrites this entry from it, keeps the hash.\n  const replaceHash = (hash: string) => {\n    const url = window.location.pathname + window.location.search + hash\n    const state = window.history.state\n    const patched =\n      isObject(state) && isString((state as { current?: unknown }).current)\n        ? { ...state, current: ((state as { current: string }).current.split('#')[0] ?? '') + hash }\n        : state\n    window.history.replaceState(patched, '', url)\n  }\n\n  const updateLocationHash = (serialized: string) => {\n    if (options.populateUrlParams === false) return\n    replaceHash('#' + serialized)\n  }\n\n  const resetLocationHash = () => {\n    if (options.populateUrlParams === false) return\n    replaceHash('')\n  }\n\n  const parseLocationHash = () => {\n    if (options.populateUrlParams === false) return null\n    return deserializeFilters(window.location.hash)\n  }\n\n  const storeFilterLocalStorage = (serialized: string) => {\n    if (!storeKey || !localStorage) return\n    localStorage.setItem(storeKey, serialized)\n  }\n\n  const loadFilterLocalStorage = () => {\n    if (!storeKey || !localStorage) return null\n    const stored = localStorage.getItem(storeKey)\n    if (!stored || !isString(stored)) return null\n    return deserializeFilters(stored)\n  }\n\n  const resetFilter = (pagination: Ref<Pagination>, callback?: AnyFn) => {\n    pagination.value = { ...pagination.value, page: 1 }\n    if (storeKey && localStorage) {\n      localStorage.removeItem(storeKey)\n    }\n    resetLocationHash()\n    filterConfig.touched = false\n    if (callback) callback()\n  }\n\n  const submitFilter = (pagination: Ref<Pagination>, callback?: AnyFn) => {\n    const data = getFilterDataForStoring()\n    const serialized = serializeFilters(data, pagination, true)\n    updateLocationHash(serialized)\n    storeFilterLocalStorage(serialized)\n    pagination.value = { ...pagination.value, page: 1 }\n    filterConfig.touched = false\n    if (callback) callback()\n  }\n\n  const loadStoredFilters = (pagination: Ref<Pagination>, callback?: AnyFn) => {\n    const { consumeStoredPage } = useDatatablePageStore()\n    let source: 'hash' | 'localStorage' = 'hash'\n    let storedFromHash = parseLocationHash()\n    if (isNull(storedFromHash)) {\n      source = 'localStorage'\n      storedFromHash = loadFilterLocalStorage()\n    }\n    if (isNull(storedFromHash) || (isEmptyObject(storedFromHash.filters) && isNull(storedFromHash.sortBy))) {\n      const restoredPage = consumeStoredPage(pageStoreKey)\n      if (restoredPage !== null) {\n        pagination.value = { ...pagination.value, page: restoredPage }\n      }\n      if (callback) callback()\n      return false\n    }\n\n    // A hash naming at least one field is authoritative: it arrives from a link, or from stepping\n    // back to an older address, and in both cases it describes the whole view. Without this reset\n    // the fields it does not mention keep whatever the module-level filter store still holds from\n    // an earlier visit, so the same link lands differently depending on how the user got to it.\n    // On a fresh page load the store is already at its defaults and this is a no-op. Local storage\n    // keeps merging, because there the absent fields were left out as equal to their default.\n    //\n    // A hash carrying only `_sort` is excluded on purpose. Unknown keys are dropped before this\n    // point, so such a hash also results from a link meant for a different table sharing the page\n    // - it must not wipe this one's filter. Only `clearable` fields are reset, as everywhere else.\n    const hashDescribesThisView = source === 'hash' && !isEmptyObject(storedFromHash.filters)\n    if (hashDescribesThisView) {\n      clearAll(filterData, filterConfig)\n    }\n\n    for (const filterName in filterData) {\n      const key = filterName as keyof FilterData<F>\n      let value = storedFromHash.filters[key]\n      if (isUndefined(value)) continue\n      if (isString(value)) {\n        const tryConvertNumber = stringToNumber(value)\n        if (!isNull(tryConvertNumber) && String(tryConvertNumber) === value) {\n          value = tryConvertNumber\n        } else {\n          const tryConvertBoolean = stringToBooleanExact(value)\n          if (!isNull(tryConvertBoolean)) {\n            value = tryConvertBoolean\n          }\n        }\n      }\n      filterData[key] = value\n    }\n    if (source === 'localStorage' && storeKey && localStorage) {\n      const stored = localStorage.getItem(storeKey)\n      if (stored) {\n        updateLocationHash(stored)\n      }\n    }\n    // Drained either way: the flag means \"the next list I land on should restore its page\", so\n    // leaving it set would hand the remembered page to whichever table comes after this one.\n    const restoredPage = consumeStoredPage(pageStoreKey)\n    pagination.value = {\n      ...pagination.value,\n      // A link need not carry the sort. Taking `null` from it would drop `order[...]` from the\n      // query, and paging without ORDER BY can repeat or skip rows.\n      sortBy: storedFromHash.sortBy ?? pagination.value.sortBy,\n      // A hash replaces the view, so a link starts at the first page. A restored page still wins:\n      // the flag behind it is only ever set by the close button, which means \"I am coming back to\n      // this list\", and that address carries the list's own hash along with it.\n      page: restoredPage ?? (source === 'hash' ? 1 : pagination.value.page),\n    }\n    if (hashDescribesThisView) {\n      // Local storage mirrors the last applied state, so a link becomes the view the user returns\n      // to. Re-serialized rather than stored verbatim, to drop values equal to their default.\n      // A sort-only hash is not a link to this view, so it does not overwrite what is remembered.\n      storeFilterLocalStorage(serializeFilters(getFilterDataForStoring(), pagination, true))\n    }\n    if (callback) callback()\n    return true\n  }\n\n  return {\n    loadStoredFilters,\n    resetFilter,\n    submitFilter,\n    serializeFilters,\n    deserializeFilters,\n  }\n}\n\nexport type AllowedFilterValues = number | number[] | string | string[] | null | undefined | boolean\n\nexport interface GeneralFilterOptions {\n  system?: string\n  subject?: string\n  elastic?: boolean\n  simpleFilters?: boolean\n}\n\nexport interface FilerRenderOptions {\n  skip: boolean\n  // Whether the field is shown as a selected-filter chip (FiltersSelected). Default true.\n  // Optional for backward compatibility (other admins may construct FilerRenderOptions).\n  selected?: boolean\n  xs: number | undefined\n  sm: number | undefined\n  md: number | undefined\n  lg: number | undefined\n  xl: number | undefined\n}\n\nexport type FilterVariant =\n  | 'search'\n  | 'lt'\n  | 'in'\n  | 'notIn'\n  | 'endsWith'\n  | 'startsWith'\n  | 'memberOf'\n  | 'neq'\n  | 'gte'\n  | 'gt'\n  | 'eq'\n  | 'lte'\n  | 'custom'\n\nexport type FilterType = 'boolean' | 'datetime' | 'integer' | 'string' | 'custom' | 'timeInterval'\n\nexport interface MakeFilterOption<TName extends string = string> {\n  name: TName\n  default: AllowedFilterValues\n  type?: FilterType\n  variant?: FilterVariant\n  titleT?: string\n  apiName?: string\n  clearable?: boolean\n  mandatory?: boolean\n  advanced?: boolean\n  exclude?: boolean\n  related?: string | undefined\n  render?: Partial<FilerRenderOptions>\n}\n\nexport interface FilterField {\n  name: string\n  type: FilterType\n  variant: FilterVariant\n  titleT?: string\n  default: AllowedFilterValues\n  apiName: string\n  clearable: boolean\n  mandatory: boolean\n  multiple: boolean\n  advanced: boolean\n  exclude: boolean\n  related: string | undefined\n  render: FilerRenderOptions\n}\n\nexport type FilterConfig<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]> = {\n  general: GeneralFilterOptions\n  touched: boolean\n  fields: {\n    [P in F[number]['name']]: FilterField\n  }\n}\n\nexport type FilterData<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]> = {\n  [P in F[number]['name']]: AllowedFilterValues\n}\n"],"mappings":"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"}
+{"version":3,"file":"filterFactory.js","names":["SORT_URL_PARAM","END_FILTER_MARKER","RELAXED_IN_HASH","relaxHashEncoding","value","match","isSameFilterValue","isArray","a","b","item","index","encodeFilterHash","params","key","data","isUndefined","isNull","isEmptyArray","isObject","isEmptyObject","isString","sortBy","buildFilterHash","filters","field","filterConfig","hash","isRouterSafeHash","defaultRenderOptions","createFilterStore","reactive","filterFields","acc","cloneDeep","createFilter","config","filter","defaultValue","resolveValue","options","defaultGlobalOptions","store","fallback","useFilterClearHelpers","clearOne","name","clearAll","filterName","filterData","clearOneFilterSelected","isClearable","selectedFound","filterSelected","foundIndex","optionValue","newArray","toRaw","isNumber","isBoolean","clearAllFilterSelected","FilterHelpersMoreOptionsDefault","useFilterHelpers","moreOptions","storeKey","pageStoreKey","datatablePageKey","getCurrentInstance","provide","DatatablePageStoreKey","useDatatablePageStore","viewOf","getFilterDataForStoring","rememberShownPage","setStoredPage","pagination","keepsItsView","consumeRestoredPage","page","consumeStoredPage","view","getStoredView","rowsPerPageFor","restoredPage","getStoredRowsPerPage","serializeFilters","includeSort","deserializeFilters","markerIndex","result","sortParam","order","SortOrder","fieldConfig","items","replaceHash","url","state","patched","updateLocationHash","serialized","resetLocationHash","parseLocationHash","storeFilterLocalStorage","loadFilterLocalStorage","stored","source","storedFromHash","callback","hashDescribesThisView","tryConvertNumber","stringToNumber","tryConvertBoolean","stringToBooleanExact","useDatatableList","FilterConfigKey","FilterDataKey","DatatablePaginationKey","filterHelpersOptions","getList","useDebounceFn","fetchList","submitFilterAction","submitFilter","onMounted","loadStoredFilters","resetFilter"],"sources":["../../../../src/domains/filters/composables/filterFactory.ts"],"sourcesContent":["import { getCurrentInstance, onMounted, provide, reactive, type Ref, toRaw } from 'vue'\nimport { useDebounceFn } from '@vueuse/core'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\nimport {\n  DatatablePageStoreKey,\n  DatatablePaginationKey,\n  FilterConfigKey,\n  FilterDataKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport {\n  cloneDeep,\n  isArray,\n  isBoolean,\n  isEmptyArray,\n  isEmptyObject,\n  isNull,\n  isNumber,\n  isObject,\n  isString,\n  isUndefined,\n} from '@/shared/utils/common'\nimport type { AnyFn } from '@vueuse/core'\nimport type { Pagination } from '@/domains/api/composables/pagination'\nimport { type DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { stringToBooleanExact, stringToNumber } from '@/shared/utils/string'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nexport type FilterStoreIdentifier = { system: string; subject: string }\n\nconst SORT_URL_PARAM = '_sort'\nconst END_FILTER_MARKER = '~'\n\n// `URLSearchParams` percent-encodes characters a fragment accepts verbatim,\n// and vue-router runs `encodeURI` over the hash, double-escaping `%`.\n// So `_sort=id%2Cdesc` arrives as `id%252Cdesc` and the sort is lost.\n// Decoding these keeps the hash stable through `router.push({ hash })`.\n// `~` stays encoded because the end marker must never occur in a\n// value. `&` and `=` carry the structure. `+` reads back as a space.\nconst RELAXED_IN_HASH: Record<string, string> = {\n  '%2C': ',',\n  '%3A': ':',\n  '%2F': '/',\n  '%40': '@',\n  '%24': '$',\n  '%21': '!',\n  '%27': \"'\",\n  '%28': '(',\n  '%29': ')',\n  '%3B': ';',\n  '%3F': '?',\n}\nconst relaxHashEncoding = (value: string) =>\n  value.replace(/%(2C|3A|2F|40|24|21|27|28|29|3B|3F)/g, (match) => RELAXED_IN_HASH[match]!)\n\n// `structuredClone` gives each array default a new identity, so `!==` is always true.\n// Without a deep compare, an array default would be written into the URL on every submit.\nconst isSameFilterValue = (a: AllowedFilterValues, b: AllowedFilterValues): boolean => {\n  if (isArray(a) && isArray(b)) {\n    return a.length === b.length && a.every((item, index) => item === b[index])\n  }\n  return a === b\n}\n\nconst encodeFilterHash = (data: Record<string, AllowedFilterValues>, sortBy?: DatatableSortBy): string => {\n  const params = new URLSearchParams()\n  for (const key in data) {\n    const value = data[key]\n    if (isUndefined(value) || isNull(value)) continue\n    if (isArray(value) && isEmptyArray(value)) continue\n    if (isObject(value) && isEmptyObject(value)) continue\n    if (isString(value) && value.length === 0) continue\n    params.set(key, isArray(value) ? value.join(',') : String(value))\n  }\n  if (sortBy) {\n    params.set(SORT_URL_PARAM, `${sortBy.key},${sortBy.order}`)\n  }\n  if (params.size === 0) return ''\n  return relaxHashEncoding(params.toString()) + END_FILTER_MARKER\n}\n\n/**\n * Hash for a filter link, leaving out values equal to their default. Returns an empty string when nothing differs.\n * Use with `router.push({ name, hash })`. The hash needs the leading `#`, or vue-router appends it to the path.\n * A hash containing `%` (diacritics, `&`, `=`) does not survive the push. Check\n * `isRouterSafeHash` and fall back to setting `window.location.hash` after navigating.\n */\nexport function buildFilterHash<F extends readonly MakeFilterOption<string>[]>(\n  filterConfig: FilterConfig<F>,\n  filters: Partial<Record<keyof FilterData<F> & string, AllowedFilterValues>>,\n  sortBy?: DatatableSortBy\n): string {\n  const data: Record<string, AllowedFilterValues> = {}\n  for (const [key, value] of Object.entries(filters) as [string, AllowedFilterValues][]) {\n    const field = filterConfig.fields[key as keyof FilterConfig<F>['fields']]\n    if (isUndefined(field) || isSameFilterValue(value, field.default)) continue\n    data[key] = value\n  }\n  const hash = encodeFilterHash(data, sortBy)\n  return hash.length === 0 ? hash : '#' + hash\n}\n\n/** Whether `router.push({ hash })` would leave the hash intact — see `buildFilterHash`. */\nexport const isRouterSafeHash = (hash: string): boolean => !hash.includes('%')\n\nconst defaultRenderOptions: FilerRenderOptions = {\n  skip: false,\n  selected: true,\n  xs: undefined,\n  sm: undefined,\n  md: undefined,\n  lg: undefined,\n  xl: undefined,\n}\n\nexport function createFilterStore<F extends readonly MakeFilterOption<string>[]>(filterFields: F): FilterData<F> {\n  return reactive(\n    filterFields.reduce((acc, field) => {\n      return {\n        ...acc,\n        [field.name]: cloneDeep(field.default),\n      }\n    }, {} as FilterData<F>)\n  ) as FilterData<F>\n}\n\nexport function createFilter<F extends readonly MakeFilterOption<string>[]>(\n  filterFields: F,\n  store: FilterData<F>,\n  options?: Partial<GeneralFilterOptions>\n): {\n  filterConfig: FilterConfig<F>\n  filterData: FilterData<F>\n} {\n  const config = filterFields.reduce(\n    (acc, filter) => {\n      const key = filter.name as keyof FilterData<F>\n      const defaultValue = cloneDeep(filter.default)\n\n      return {\n        ...acc,\n        [key]: {\n          name: key as string,\n          variant: resolveValue(filter.variant, 'eq'),\n          type: resolveValue(filter.type, 'custom'),\n          titleT:\n            filter.titleT ??\n            (options?.system && options?.subject && filter.name\n              ? `${options.system}.${options.subject}.filter.${filter.name}`\n              : undefined),\n          apiName: resolveValue(filter.apiName, filter.name),\n          clearable: resolveValue(filter.clearable, true),\n          mandatory: resolveValue(filter.mandatory, false),\n          multiple: isArray(defaultValue),\n          advanced: resolveValue(filter.advanced, false),\n          related: resolveValue(filter.related, undefined),\n          exclude: resolveValue(filter.exclude, false),\n          default: defaultValue,\n          render: { ...defaultRenderOptions, ...resolveValue(filter.render, {}) },\n        },\n      }\n    },\n    {} as FilterConfig<F>['fields']\n  )\n\n  // A time interval names the field holding its upper bound.\n  // The query builder and the chips read that config unchecked.\n  // Fail here by name rather than with a TypeError on the first query.\n  for (const field of Object.values(config) as FilterField[]) {\n    if (field.related && !(field.related in config)) {\n      throw new Error(`createFilter: \"${field.name}\" names related field \"${field.related}\", which is not configured`)\n    }\n  }\n\n  const defaultGlobalOptions: GeneralFilterOptions = {\n    elastic: false,\n    system: undefined,\n    subject: undefined,\n    simpleFilters: false,\n    ...options,\n  }\n\n  if (defaultGlobalOptions.elastic) {\n    defaultGlobalOptions.simpleFilters = true\n  }\n\n  const filterConfig = reactive({\n    general: defaultGlobalOptions,\n    touched: false,\n    fields: config,\n  }) as FilterConfig<F>\n\n  return {\n    filterConfig,\n    filterData: store as FilterData<F>,\n  }\n}\n\nfunction resolveValue<T>(value: T | undefined, fallback: T): T {\n  return isUndefined(value) ? fallback : value\n}\n\nexport function useFilterClearHelpers<\n  F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[],\n>() {\n  const clearOne = (name: keyof FilterData<F>, filterData: FilterData<F>, filterConfig: FilterConfig<F>) => {\n    if (!filterConfig.fields[name]?.clearable) return\n    filterData[name] = cloneDeep(filterConfig.fields[name].default)\n  }\n\n  const clearAll = (filterData: FilterData<F>, filterConfig: FilterConfig<F>) => {\n    for (const filterName in filterConfig.fields) {\n      clearOne(filterName as keyof FilterData<F>, filterData, filterConfig)\n    }\n  }\n  const clearOneFilterSelected = (\n    name: string,\n    optionValue: number | string,\n    filterData: FilterData<F>,\n    filterConfig: FilterConfig<F>,\n    filterSelected: Ref<Map<string, ValueObjectOption<string | number>[]>>\n  ) => {\n    if (!isClearable(name, filterConfig)) return\n    const config = filterConfig.fields[name as keyof FilterConfig<F>['fields']]\n    const selectedFound = filterSelected.value.get(name)\n    if (selectedFound && selectedFound.length === 1) {\n      filterSelected.value.delete(name)\n    } else if (selectedFound) {\n      const foundIndex = selectedFound.findIndex((item) => item.value === optionValue)\n      if (foundIndex !== -1) selectedFound.splice(foundIndex, 1)\n    }\n    if (config.type === 'timeInterval' && config.related) {\n      filterData[name as keyof FilterData<F>] = config.default\n      filterData[config.related as keyof FilterData<F>] =\n        filterConfig.fields[config.related as keyof FilterConfig<F>['fields']].default\n    } else if (\n      isArray(filterData[name as keyof FilterData<F>]) &&\n      (filterData[name as keyof FilterData<F>] as any[]).length > 0\n    ) {\n      const foundIndex = (filterData[name as keyof FilterData<F>] as any[]).findIndex(\n        (item) => String(item) === String(optionValue)\n      )\n      if (foundIndex !== -1) {\n        const newArray = [...toRaw(filterData[name as keyof FilterData<F>] as any[])]\n        newArray.splice(foundIndex, 1)\n        filterData[name as keyof FilterData<F>] = newArray as AllowedFilterValues\n      }\n    } else if (isString(filterData[name as keyof FilterData<F>]) || isNumber(filterData[name as keyof FilterData<F>])) {\n      filterData[name as keyof FilterData<F>] = config.default\n    } else if (isBoolean(filterData[name as keyof FilterData<F>])) {\n      filterData[name as keyof FilterData<F>] = config.default\n    }\n  }\n\n  const clearAllFilterSelected = (\n    filterData: FilterData<F>,\n    filterConfig: FilterConfig<F>,\n    filterSelected: Ref<Map<string, ValueObjectOption<string | number>[]>>\n  ) => {\n    for (const key of filterSelected.value.keys()) {\n      if (isClearable(key, filterConfig)) {\n        filterSelected.value.delete(key)\n      }\n    }\n  }\n\n  const isClearable = (name: string, filterConfig: FilterConfig<F>) => {\n    const config = filterConfig.fields[name as keyof FilterConfig<F>['fields']]\n    return !(config.mandatory || !config.clearable)\n  }\n\n  return {\n    clearOne,\n    clearAll,\n    clearOneFilterSelected,\n    clearAllFilterSelected,\n    isClearable,\n  }\n}\n\nexport interface FilterHelpersMoreOptions {\n  storeFiltersLocalStorage: string | boolean // false to disable, string to override store key\n  populateUrlParams: boolean\n  // Keys the remembered page without turning on local storage. A select dialog sharing its subject with a list\n  // sets its own, so searching or paging in it does not change the page Close returns that list to.\n  pageStoreKey?: string\n}\n\nconst FilterHelpersMoreOptionsDefault = {\n  storeFiltersLocalStorage: true,\n  populateUrlParams: true,\n}\n\nexport function useFilterHelpers<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]>(\n  filterData: FilterData<F>,\n  filterConfig: FilterConfig<F>,\n  moreOptions: Partial<FilterHelpersMoreOptions> = {}\n) {\n  const options = { ...FilterHelpersMoreOptionsDefault, ...moreOptions }\n\n  let storeKey: undefined | string = undefined\n  if (isString(options.storeFiltersLocalStorage)) {\n    storeKey = options.storeFiltersLocalStorage\n  } else if (\n    isBoolean(options.storeFiltersLocalStorage) &&\n    true === options.storeFiltersLocalStorage &&\n    isString(filterConfig.general.system) &&\n    isString(filterConfig.general.subject)\n  ) {\n    storeKey = 'tableFilter_' + filterConfig.general.system + '_' + filterConfig.general.subject\n  }\n\n  // The page key exists even when filters are not persisted.\n  // A string override distinguishes tables sharing a subject.\n  const pageStoreKey =\n    options.pageStoreKey ??\n    (isString(options.storeFiltersLocalStorage)\n      ? options.storeFiltersLocalStorage\n      : datatablePageKey(filterConfig.general.system, filterConfig.general.subject))\n  // Provided so `ADatatablePagination` picks it up. Guarded because\n  // the composable may run outside setup, where Vue would warn.\n  if (getCurrentInstance()) {\n    provide(DatatablePageStoreKey, pageStoreKey)\n  }\n  const { consumeStoredPage, getStoredRowsPerPage, getStoredView, setStoredPage } = useDatatablePageStore()\n  // The filter and sort a page is shown in. Stored on load, submit and reset, which every change of them goes through.\n  const viewOf = (sortBy: DatatableSortBy) => encodeFilterHash(getFilterDataForStoring(), sortBy)\n  // `ADatatablePagination` stores the page only when its watcher sees a change. A list that opens on page 1,\n  // or returns to it within the tick that restored another page, would keep the older page for the next Close.\n  const rememberShownPage = (pagination: Ref<Pagination>) =>\n    setStoredPage(pageStoreKey, pagination.value.page, pagination.value.rowsPerPage, viewOf(pagination.value.sortBy))\n  // The page Close kept. A list that keeps neither filter nor sort (no hash, no local storage) comes back with\n  // both reset, and its page 3 would show other rows, so its page comes back only into the view it was shown in.\n  // Not checked for other lists: they restore their view themselves, and many adjust the sort or a filter\n  // in `getList` after a submit or reset stored the view, which would turn a correct restore into page 1.\n  const keepsItsView = options.populateUrlParams || !isUndefined(storeKey)\n  const consumeRestoredPage = (sortBy: DatatableSortBy) => {\n    const page = consumeStoredPage(pageStoreKey)\n    if (page === null || keepsItsView) return page\n    const view = getStoredView(pageStoreKey)\n    return view === null || view === viewOf(sortBy) ? page : null\n  }\n  // A restored page comes back at the page size it was shown at. At another size it would show other rows.\n  const rowsPerPageFor = (pagination: Ref<Pagination>, restoredPage: number | null) =>\n    restoredPage === null\n      ? pagination.value.rowsPerPage\n      : (getStoredRowsPerPage(pageStoreKey) ?? pagination.value.rowsPerPage)\n\n  const { clearAll } = useFilterClearHelpers<F>()\n\n  const getFilterDataForStoring = (): Record<string, AllowedFilterValues> => {\n    const data: Record<string, AllowedFilterValues> = {}\n    for (const filterName in filterData) {\n      try {\n        const key = filterName as keyof FilterData<F>\n        const value = filterData[key]\n        if (\n          !isUndefined(value) &&\n          !isNull(value) &&\n          !isEmptyArray(value) &&\n          !isSameFilterValue(value, filterConfig.fields[key].default)\n        ) {\n          data[filterName] = value\n        }\n      } catch (e) {\n        // Ignore errors\n      }\n    }\n    return data\n  }\n\n  const serializeFilters = (\n    data: Record<string, AllowedFilterValues>,\n    pagination: Ref<Pagination>,\n    includeSort: boolean\n  ): string => {\n    return encodeFilterHash(data, includeSort ? pagination.value.sortBy : undefined)\n  }\n\n  const deserializeFilters = (\n    hash: string\n  ): { filters: Record<string, AllowedFilterValues>; sortBy: DatatableSortBy } | null => {\n    if (!hash) return null\n    if (hash.startsWith('#')) hash = hash.substring(1)\n\n    // `URLSearchParams` encodes `~` in values, so the marker never occurs in our data.\n    // A hash without it is foreign or truncated. `null` lets localStorage take over.\n    const markerIndex = hash.indexOf(END_FILTER_MARKER)\n    if (markerIndex === -1) return null\n    hash = hash.slice(0, markerIndex)\n\n    const params = new URLSearchParams(hash)\n    const result: Record<string, AllowedFilterValues> = {}\n    let sortBy: DatatableSortBy = null\n\n    const sortParam = params.get(SORT_URL_PARAM)\n    if (sortParam) {\n      const [key, order] = sortParam.split(',')\n      if (key && (order === SortOrder.Asc || order === SortOrder.Desc)) {\n        sortBy = { key, order }\n      }\n      params.delete(SORT_URL_PARAM)\n    }\n\n    for (const [key, value] of params.entries()) {\n      const fieldConfig = filterConfig.fields[key as keyof typeof filterConfig.fields]\n      if (isUndefined(fieldConfig)) {\n        console.error(`Filter config not found for ${key}`)\n        continue\n      }\n      const isMultiple = fieldConfig.multiple ?? false\n\n      if (isMultiple) {\n        const items = value.split(',')\n\n        const allNumeric = items.every((item) => item !== '' && String(Number(item)) === item)\n\n        result[key] = allNumeric ? items.map(Number) : items\n      } else {\n        result[key] = value\n      }\n    }\n\n    // An empty result would still count as \"found\", shadowing localStorage.\n    if (isEmptyObject(result) && isNull(sortBy)) return null\n\n    return { filters: result, sortBy }\n  }\n\n  // A submit replaces the history entry instead of adding one.\n  // `replaceState` fires no popstate, so vue-router runs no navigation or guards per submit.\n  // Its `current` is patched so the router's next push, which rewrites this entry, keeps the hash.\n  const replaceHash = (hash: string) => {\n    const url = window.location.pathname + window.location.search + hash\n    const state = window.history.state\n    const patched =\n      isObject(state) && isString((state as { current?: unknown }).current)\n        ? { ...state, current: ((state as { current: string }).current.split('#')[0] ?? '') + hash }\n        : state\n    window.history.replaceState(patched, '', url)\n  }\n\n  const updateLocationHash = (serialized: string) => {\n    if (options.populateUrlParams === false) return\n    replaceHash('#' + serialized)\n  }\n\n  const resetLocationHash = () => {\n    if (options.populateUrlParams === false) return\n    replaceHash('')\n  }\n\n  const parseLocationHash = () => {\n    if (options.populateUrlParams === false) return null\n    return deserializeFilters(window.location.hash)\n  }\n\n  const storeFilterLocalStorage = (serialized: string) => {\n    if (!storeKey || !localStorage) return\n    localStorage.setItem(storeKey, serialized)\n  }\n\n  const loadFilterLocalStorage = () => {\n    if (!storeKey || !localStorage) return null\n    const stored = localStorage.getItem(storeKey)\n    if (!stored || !isString(stored)) return null\n    return deserializeFilters(stored)\n  }\n\n  const resetFilter = (pagination: Ref<Pagination>, callback?: AnyFn) => {\n    pagination.value = { ...pagination.value, page: 1 }\n    rememberShownPage(pagination)\n    if (storeKey && localStorage) {\n      localStorage.removeItem(storeKey)\n    }\n    resetLocationHash()\n    filterConfig.touched = false\n    if (callback) callback()\n  }\n\n  const submitFilter = (pagination: Ref<Pagination>, callback?: AnyFn) => {\n    const data = getFilterDataForStoring()\n    const serialized = serializeFilters(data, pagination, true)\n    updateLocationHash(serialized)\n    storeFilterLocalStorage(serialized)\n    pagination.value = { ...pagination.value, page: 1 }\n    rememberShownPage(pagination)\n    filterConfig.touched = false\n    if (callback) callback()\n  }\n\n  const loadStoredFilters = (pagination: Ref<Pagination>, callback?: AnyFn) => {\n    let source: 'hash' | 'localStorage' = 'hash'\n    let storedFromHash = parseLocationHash()\n    if (isNull(storedFromHash)) {\n      source = 'localStorage'\n      storedFromHash = loadFilterLocalStorage()\n    }\n    if (isNull(storedFromHash) || (isEmptyObject(storedFromHash.filters) && isNull(storedFromHash.sortBy))) {\n      const restoredPage = consumeRestoredPage(pagination.value.sortBy)\n      if (restoredPage !== null) {\n        pagination.value = {\n          ...pagination.value,\n          page: restoredPage,\n          rowsPerPage: rowsPerPageFor(pagination, restoredPage),\n        }\n      }\n      rememberShownPage(pagination)\n      if (callback) callback()\n      return false\n    }\n\n    // A hash naming at least one field describes the whole view, whether\n    // from a link or from going back. Reset the fields it omits.\n    // Otherwise they keep values from the module-level store, and the same link lands\n    // differently. Local storage still merges, since it omits fields equal to their default.\n    // A `_sort`-only hash is excluded. It can come from a link for\n    // another table on the same page and must not wipe this filter.\n    // Only `clearable` fields are reset.\n    const hashDescribesThisView = source === 'hash' && !isEmptyObject(storedFromHash.filters)\n    if (hashDescribesThisView) {\n      clearAll(filterData, filterConfig)\n    }\n\n    for (const filterName in filterData) {\n      const key = filterName as keyof FilterData<F>\n      let value = storedFromHash.filters[key]\n      if (isUndefined(value)) continue\n      if (isString(value)) {\n        const tryConvertNumber = stringToNumber(value)\n        if (!isNull(tryConvertNumber) && String(tryConvertNumber) === value) {\n          value = tryConvertNumber\n        } else {\n          const tryConvertBoolean = stringToBooleanExact(value)\n          if (!isNull(tryConvertBoolean)) {\n            value = tryConvertBoolean\n          }\n        }\n      }\n      filterData[key] = value\n    }\n    if (source === 'localStorage' && storeKey && localStorage) {\n      const stored = localStorage.getItem(storeKey)\n      if (stored) {\n        updateLocationHash(stored)\n      }\n    }\n    // A link may omit the sort. Taking `null` would drop `order[...]` from\n    // the query, and paging without ORDER BY can repeat or skip rows.\n    const sortBy = storedFromHash.sortBy ?? pagination.value.sortBy\n    // Always consumed. The flag means \"the next list should restore\n    // its page\". Leaving it set would pass the page to the next table.\n    const restoredPage = consumeRestoredPage(sortBy)\n    pagination.value = {\n      ...pagination.value,\n      sortBy,\n      // A link starts at the first page. A restored page still wins.\n      // Only the close button sets that flag, meaning the user returns\n      // to this list, and that address carries the list's own hash.\n      page: restoredPage ?? (source === 'hash' ? 1 : pagination.value.page),\n      rowsPerPage: rowsPerPageFor(pagination, restoredPage),\n    }\n    rememberShownPage(pagination)\n    if (hashDescribesThisView) {\n      // Local storage mirrors the last applied state, so a link becomes the view the user returns to.\n      // Re-serialized to drop values equal to their default. A sort-only hash does not overwrite it.\n      storeFilterLocalStorage(serializeFilters(getFilterDataForStoring(), pagination, true))\n    }\n    if (callback) callback()\n    return true\n  }\n\n  return {\n    loadStoredFilters,\n    resetFilter,\n    submitFilter,\n    serializeFilters,\n    deserializeFilters,\n  }\n}\n\n/**\n * Provides the filter (`FilterConfigKey`, `FilterDataKey`) and `pagination` (`DatatablePaginationKey`)\n * to the filter bar and `ADatatablePagination` below, and wires the list to them.\n * `getList` is a debounced `fetchList(pagination, filterData, filterConfig)` that resolves when\n * the load finishes. A call superseded within the debounce resolves at once without loading.\n * Submit, reset and sort go through `useFilterHelpers` (with `filterHelpersOptions`).\n * On mount the stored filter and remembered page are restored before the first load.\n * Use only for a datatable that is the parent of its filter bar. Wire it by hand when the first load skips the stored\n * filter, `getList` adds logic, sort is custom, `fetchList` takes other arguments, or a parent renders the filter bar.\n * @example\n * const { filterData, filterConfig } = useFaqListFilter()\n * const { fetchList, listItems } = useFaqListActions()\n * const { pagination } = usePagination(SORT_BY_ID)\n * const { getList, sortByChange, submitFilterAction, resetFilterAction\n * } = useDatatableList(filterData, filterConfig, pagination, fetchList)\n */\nexport function useDatatableList<\n  F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[],\n  R = unknown,\n>(\n  filterData: FilterData<F>,\n  filterConfig: FilterConfig<F>,\n  pagination: Ref<Pagination>,\n  fetchList: (pagination: Ref<Pagination>, filterData: FilterData<F>, filterConfig: FilterConfig<F>) => R,\n  filterHelpersOptions: Partial<FilterHelpersMoreOptions> = {}\n) {\n  provide(FilterConfigKey, filterConfig as FilterConfig)\n  provide(FilterDataKey, filterData as FilterData)\n  provide(DatatablePaginationKey, pagination)\n  const { resetFilter, submitFilter, loadStoredFilters } = useFilterHelpers(\n    filterData,\n    filterConfig,\n    filterHelpersOptions\n  )\n  const getList = useDebounceFn(() => fetchList(pagination, filterData, filterConfig))\n  const submitFilterAction = () => submitFilter(pagination, getList)\n  const resetFilterAction = () => resetFilter(pagination, getList)\n  onMounted(() => loadStoredFilters(pagination, getList))\n  return { getList, sortByChange: submitFilterAction, submitFilterAction, resetFilterAction }\n}\n\nexport type AllowedFilterValues = number | number[] | string | string[] | null | undefined | boolean\n\nexport interface GeneralFilterOptions {\n  system?: string\n  subject?: string\n  elastic?: boolean\n  simpleFilters?: boolean\n}\n\nexport interface FilerRenderOptions {\n  skip: boolean\n  // Whether the field shows as a chip in `FiltersSelected`. Default true.\n  // Optional because other admins may construct `FilerRenderOptions`.\n  selected?: boolean\n  xs: number | undefined\n  sm: number | undefined\n  md: number | undefined\n  lg: number | undefined\n  xl: number | undefined\n}\n\nexport type FilterVariant =\n  | 'search'\n  | 'lt'\n  | 'in'\n  | 'notIn'\n  | 'endsWith'\n  | 'startsWith'\n  | 'memberOf'\n  | 'neq'\n  | 'gte'\n  | 'gt'\n  | 'eq'\n  | 'lte'\n  | 'custom'\n\nexport type FilterType = 'boolean' | 'datetime' | 'integer' | 'string' | 'custom' | 'timeInterval'\n\nexport interface MakeFilterOption<TName extends string = string> {\n  name: TName\n  default: AllowedFilterValues\n  type?: FilterType\n  variant?: FilterVariant\n  titleT?: string\n  apiName?: string\n  clearable?: boolean\n  mandatory?: boolean\n  advanced?: boolean\n  exclude?: boolean\n  related?: string | undefined\n  render?: Partial<FilerRenderOptions>\n}\n\nexport interface FilterField {\n  name: string\n  type: FilterType\n  variant: FilterVariant\n  titleT?: string\n  default: AllowedFilterValues\n  apiName: string\n  clearable: boolean\n  mandatory: boolean\n  multiple: boolean\n  advanced: boolean\n  exclude: boolean\n  related: string | undefined\n  render: FilerRenderOptions\n}\n\nexport type FilterConfig<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]> = {\n  general: GeneralFilterOptions\n  touched: boolean\n  fields: {\n    [P in F[number]['name']]: FilterField\n  }\n}\n\nexport type FilterData<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]> = {\n  [P in F[number]['name']]: AllowedFilterValues\n}\n"],"mappings":"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"}

package/dist/domains/filters/composables/filterTimeIntervalTools.js

@@ -3,7 +3,7 @@ import { useValidate as n } from "../../../shared/validators/vuelidate/useValida
 import { computed as r } from "vue";
 import { useI18n as i } from "vue-i18n";
 import a from "@vuelidate/core";
-//#region src/domains/filters/composables/filterTimeIntervalTools.ts
+// src/domains/filters/composables/filterTimeIntervalTools.ts
 var o = {
 	CurrentMonth: "cm",
 	LastMonth: "lm",
@@ -70,7 +70,6 @@ function c(e) {
 	} };
 	return { v$: a(s, { dialogData: e }, { $scope: "AFilterTimeIntervalScope" }) };
 }
-//#endregion
 export { o as TimeIntervalSpecialOptions, c as useFilterTimeIntervalValidators, s as useTimeIntervalOptions };
 
 //# sourceMappingURL=filterTimeIntervalTools.js.map

package/dist/domains/filters/datatable/components/ADatatableConfigButton.js

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

package/dist/domains/filters/datatable/components/ADatatableConfigButton.vue_vue_type_script_setup_true_lang.js

@@ -7,7 +7,7 @@ import { VTooltip as v } from "vuetify/components/VTooltip";
 import { VBtn as y } from "vuetify/components/VBtn";
 import { VList as b, VListItem as x, VListItemTitle as S } from "vuetify/components/VList";
 import { VMenu as C } from "vuetify/components/VMenu";
-//#region src/domains/filters/datatable/components/ADatatableConfigButton.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/datatable/components/ADatatableConfigButton.vue?vue&type=script&setup=true&lang.ts
 var w = /*@__PURE__*/ s({
 	__name: "ADatatableConfigButton",
 	props: {
@@ -85,7 +85,6 @@ var w = /*@__PURE__*/ s({
 		]));
 	}
 });
-//#endregion
 export { w as default };
 
 //# sourceMappingURL=ADatatableConfigButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/datatable/components/ADatatableOrdering.js

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

package/dist/domains/filters/datatable/components/ADatatableOrdering.js.map

@@ -1 +1 @@
-{"version":3,"file":"ADatatableOrdering.js","names":["_sfc_main","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","ADatatableOrdering_default"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref: the admins also set `pagination.value.sortBy` in place, which a shallow\n// watch of the ref never sees.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ADatatableOrdering.js","names":["_sfc_main","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","ADatatableOrdering_default"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  // Already the pagination's sort: the ordering only follows it (a loaded hash, `setSortBy`, an admin setting\n  // the v-model with it). Applying it again made the list submit, which put a restored page back to 1.\n  const current = pagination.value.sortBy\n  if (current?.key === found.sortBy?.key && current?.order === found.sortBy?.order) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref. Admins set `pagination.value.sortBy` in place, which a shallow watch of the ref misses.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":""}

package/dist/domains/filters/datatable/components/ADatatableOrdering.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import { isUndefined as e } from "../../../../shared/utils/common.js";
-import { DatatablePaginationKey as t } from "../../utils/filterInjectionKeys.js";
-import { SORT_BY_SCORE as n } from "../utils/datatableColumns.js";
-import { SortOrder as r } from "../../../api/types/SortOrder.js";
+import { SORT_BY_SCORE as e } from "../utils/datatableColumns.js";
+import { SortOrder as t } from "../../../api/types/SortOrder.js";
+import { isUndefined as n } from "../../../../shared/utils/common.js";
+import { DatatablePaginationKey as r } from "../../utils/filterInjectionKeys.js";
 import { Fragment as i, computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, mergeModels as p, normalizeClass as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, useModel as y, watch as b, withCtx as x } from "vue";
 import { useI18n as S } from "vue-i18n";
 import { VBtn as C } from "vuetify/components/VBtn";
 import { VList as w, VListItem as T, VListItemTitle as E } from "vuetify/components/VList";
 import { VMenu as D } from "vuetify/components/VMenu";
-//#region src/domains/filters/datatable/components/ADatatableOrdering.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/datatable/components/ADatatableOrdering.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "d-flex align-center justify-center" }, k = { class: "text-body-small mr-1" }, A = /*@__PURE__*/ d({
 	__name: "ADatatableOrdering",
 	props: /*@__PURE__*/ p({
@@ -26,43 +26,43 @@ var O = { class: "d-flex align-center justify-center" }, k = { class: "text-body
 	}),
 	emits: /*@__PURE__*/ p(["sortByChange"], ["update:modelValue"]),
 	setup(d, { emit: p }) {
-		let A = d, j = p, M = y(d, "modelValue"), N = f(t);
-		if (e(N)) throw Error("Incorrect provide/inject config.");
+		let A = d, j = p, M = y(d, "modelValue"), N = f(r);
+		if (n(N)) throw Error("Incorrect provide/inject config.");
 		let { t: P } = S(), F = [{
 			id: 1,
 			titleT: "common.system.datatable.ordering.mostRecent",
 			sortBy: {
 				key: "createdAt",
-				order: r.Desc
+				order: t.Desc
 			}
 		}, {
 			id: 2,
 			titleT: "common.system.datatable.ordering.oldest",
 			sortBy: {
 				key: "createdAt",
-				order: r.Asc
+				order: t.Asc
 			}
 		}], I = [{
 			id: 1,
 			titleT: "common.system.datatable.ordering.mostRecent",
 			sortBy: {
 				key: "id",
-				order: r.Desc
+				order: t.Desc
 			}
 		}, {
 			id: 2,
 			titleT: "common.system.datatable.ordering.oldest",
 			sortBy: {
 				key: "id",
-				order: r.Asc
+				order: t.Asc
 			}
 		}], L = [
 			{
 				id: 3,
 				titleT: "common.system.datatable.ordering.mostRelevant",
 				sortBy: {
-					key: n,
-					order: r.Desc
+					key: e,
+					order: t.Desc
 				}
 			},
 			{
@@ -70,7 +70,7 @@ var O = { class: "d-flex align-center justify-center" }, k = { class: "text-body
 				titleT: "common.system.datatable.ordering.mostRecent",
 				sortBy: {
 					key: "createdAt",
-					order: r.Desc
+					order: t.Desc
 				}
 			},
 			{
@@ -78,7 +78,7 @@ var O = { class: "d-flex align-center justify-center" }, k = { class: "text-body
 				titleT: "common.system.datatable.ordering.oldest",
 				sortBy: {
 					key: "createdAt",
-					order: r.Asc
+					order: t.Asc
 				}
 			}
 		], R = a(() => {
@@ -92,17 +92,19 @@ var O = { class: "d-flex align-center justify-center" }, k = { class: "text-body
 				sortBy: null
 			}, j("sortByChange", e));
 		};
-		return b(M, (t, n) => {
-			if (t === n) return;
-			let r = z.value.find((e) => e.id === t);
-			e(r) || (e(A.paginationUpdateCustomCb) ? V(r) : A.paginationUpdateCustomCb(r, N));
+		return b(M, (e, t) => {
+			if (e === t) return;
+			let r = z.value.find((t) => t.id === e);
+			if (n(r)) return;
+			let i = N.value.sortBy;
+			(i?.key !== r.sortBy?.key || i?.order !== r.sortBy?.order) && (n(A.paginationUpdateCustomCb) ? V(r) : A.paginationUpdateCustomCb(r, N));
 		}), b(() => ({
 			key: N.value.sortBy?.key,
 			order: N.value.sortBy?.order
-		}), (t, n) => {
-			if (t.key === n?.key && t.order === n?.order) return;
-			let r = z.value.find((e) => t.key === e.sortBy?.key && t.order === e.sortBy?.order);
-			e(r) || (M.value = r.id);
+		}), (e, t) => {
+			if (e.key === t?.key && e.order === t?.order) return;
+			let r = z.value.find((t) => e.key === t.sortBy?.key && e.order === t.sortBy?.order);
+			n(r) || (M.value = r.id);
 		}, { immediate: !0 }), (e, t) => (h(), s("div", O, [c("div", k, _(v(P)("common.system.datatable.ordering.title")) + ":", 1), u(C, {
 			variant: "text",
 			rounded: "xl",
@@ -137,7 +139,6 @@ var O = { class: "d-flex align-center justify-center" }, k = { class: "text-body
 		})]));
 	}
 });
-//#endregion
 export { A as default };
 
 //# sourceMappingURL=ADatatableOrdering.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/datatable/components/ADatatableOrdering.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ADatatableOrdering.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createVNode","_component_VBtn","_withCtx","_createTextVNode","_component_VMenu","_component_VList","_Fragment","_renderList","_createBlock","_component_VListItem","_component_VListItemTitle","_normalizeClass","_hoisted_1","_hoisted_2","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","props","__props","emit","modelValue","useModel","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","defaultItemsCreatedAt","SortOrder","defaultItemsId","defaultItemsMostRelevant","SORT_BY_SCORE","activeTitle","computed","found","options","item","t","onItemClick","paginationUpdateDefault","watch","newValue","oldValue","option","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","createVNode","VBtn","withCtx","createTextVNode","VMenu","VList","Fragment","renderList","createBlock","VListItem","VListItemTitle","normalizeClass"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref: the admins also set `pagination.value.sortBy` in place, which a shallow\n// watch of the ref never sees.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ADatatableOrdering.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_unref","_createVNode","_component_VBtn","_withCtx","_createTextVNode","_component_VMenu","_component_VList","_Fragment","_renderList","_createBlock","_component_VListItem","_component_VListItemTitle","_normalizeClass","_hoisted_1","_hoisted_2","ADatatableOrdering_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__emit","props","__props","emit","modelValue","useModel","pagination","inject","DatatablePaginationKey","isUndefined","useI18n","defaultItemsCreatedAt","SortOrder","defaultItemsId","defaultItemsMostRelevant","SORT_BY_SCORE","activeTitle","computed","found","options","item","t","onItemClick","paginationUpdateDefault","watch","newValue","oldValue","option","current","openBlock","createElementBlock","createElementVNode","toDisplayString","unref","createVNode","VBtn","withCtx","createTextVNode","VMenu","VList","Fragment","renderList","createBlock","VListItem","VListItemTitle","normalizeClass"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatableOrdering.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, type Ref, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  type DatatableOrderingOption,\n  type DatatableOrderingOptions,\n  SORT_BY_SCORE,\n} from '@/domains/filters/datatable/utils/datatableColumns'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey } from '@/domains/filters/utils/filterInjectionKeys'\n\nimport type { Pagination } from '@/domains/api/composables/pagination'\n\nconst props = withDefaults(\n  defineProps<{\n    variant?: 'id' | 'createdAt' | 'most-relevant'\n    customOptions?: undefined | DatatableOrderingOptions\n    paginationUpdateCustomCb?: ((option: DatatableOrderingOption, pagination: Ref<Pagination>) => void) | undefined\n  }>(),\n  {\n    variant: 'id',\n    customOptions: undefined,\n    paginationUpdateCustomCb: undefined,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'sortByChange', data: DatatableOrderingOption): void\n}>()\n\nconst modelValue = defineModel<number>('modelValue', {\n  default: 1,\n  required: false,\n})\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst defaultItemsCreatedAt: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsId: DatatableOrderingOptions = [\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'id', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'id', order: SortOrder.Asc },\n  },\n]\n\nconst defaultItemsMostRelevant: DatatableOrderingOptions = [\n  {\n    id: 3,\n    titleT: 'common.system.datatable.ordering.mostRelevant',\n    sortBy: { key: SORT_BY_SCORE, order: SortOrder.Desc },\n  },\n  {\n    id: 1,\n    titleT: 'common.system.datatable.ordering.mostRecent',\n    sortBy: { key: 'createdAt', order: SortOrder.Desc },\n  },\n  {\n    id: 2,\n    titleT: 'common.system.datatable.ordering.oldest',\n    sortBy: { key: 'createdAt', order: SortOrder.Asc },\n  },\n]\n\nconst activeTitle = computed(() => {\n  const found = options.value.find((item: any) => item.id === modelValue.value)\n  if (found) return t(found.titleT)\n  return ''\n})\n\nconst options = computed(() => {\n  if (props.customOptions) return props.customOptions\n  if (props.variant === 'most-relevant') return defaultItemsMostRelevant\n  if (props.variant === 'id') return defaultItemsId\n  return defaultItemsCreatedAt\n})\n\nconst onItemClick = (item: DatatableOrderingOption) => {\n  modelValue.value = item.id\n}\n\nconst paginationUpdateDefault = (found: DatatableOrderingOption) => {\n  if (!found.sortBy) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: null,\n    }\n    emit('sortByChange', found)\n    return\n  }\n  pagination.value.sortBy = found.sortBy\n  emit('sortByChange', found)\n}\n\nwatch(modelValue, (newValue, oldValue) => {\n  if (newValue === oldValue) return\n  const found = options.value.find((option) => {\n    return option.id === newValue\n  })\n  if (isUndefined(found)) {\n    return\n  }\n  // Already the pagination's sort: the ordering only follows it (a loaded hash, `setSortBy`, an admin setting\n  // the v-model with it). Applying it again made the list submit, which put a restored page back to 1.\n  const current = pagination.value.sortBy\n  if (current?.key === found.sortBy?.key && current?.order === found.sortBy?.order) {\n    return\n  }\n  if (isUndefined(props.paginationUpdateCustomCb)) {\n    paginationUpdateDefault(found)\n    return\n  }\n  props.paginationUpdateCustomCb(found, pagination)\n})\n\n// A getter, not the ref. Admins set `pagination.value.sortBy` in place, which a shallow watch of the ref misses.\nwatch(\n  () => ({ key: pagination.value.sortBy?.key, order: pagination.value.sortBy?.order }),\n  (newValue, oldValue) => {\n    if (newValue.key === oldValue?.key && newValue.order === oldValue?.order) {\n      return\n    }\n    const found = options.value.find((option) => {\n      return newValue.key === option.sortBy?.key && newValue.order === option.sortBy?.order\n    })\n    if (isUndefined(found)) {\n      return\n    }\n    modelValue.value = found.id\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <div class=\"d-flex align-center justify-center\">\n    <div class=\"text-body-small mr-1\">{{ t('common.system.datatable.ordering.title') }}:</div>\n    <VBtn\n      variant=\"text\"\n      rounded=\"xl\"\n      size=\"small\"\n      class=\"text-medium-emphasis\"\n      append-icon=\"mdi-chevron-down\"\n    >\n      {{ activeTitle }}\n      <VMenu\n        activator=\"parent\"\n        location=\"bottom\"\n        close-on-content-click\n      >\n        <VList\n          density=\"compact\"\n          class=\"pa-0\"\n        >\n          <VListItem\n            v-for=\"item in options\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle :class=\"{ 'font-weight-bold': item.id === modelValue }\">\n              {{ t(item.titleT) }}\n            </VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </VBtn>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/domains/filters/datatable/components/ADatatablePagination.js

@@ -1,8 +1,7 @@
 import e from "./ADatatablePagination.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                     */
-//#region src/domains/filters/datatable/components/ADatatablePagination.vue
+// src/domains/filters/datatable/components/ADatatablePagination.vue
 var t = e;
-//#endregion
 export { t as default };
 
 //# sourceMappingURL=ADatatablePagination.js.map

package/dist/domains/filters/datatable/components/ADatatablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"ADatatablePagination.js","names":["_sfc_main","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","ADatatablePagination_default"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport {\n  DatatablePageStoreKey,\n  DatatablePaginationKey,\n  FilterConfigKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { useThrottleFn } from '@vueuse/core'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\n\nwithDefaults(\n  defineProps<{\n    itemsPerPageOptions?: number[]\n    hideRecordsPerPage?: boolean\n  }>(),\n  {\n    itemsPerPageOptions: () => [10, 25, 50],\n    hideRecordsPerPage: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\nconst { setStoredPage } = useDatatablePageStore()\n\n// `useFilterHelpers` provides the key, so tables sharing a system/subject stay apart. Both\n// fallbacks are optional on purpose: a datatable may provide pagination without either, and it\n// then keeps the shared bucket it had before the store was keyed.\nconst providedPageKey = inject(DatatablePageStoreKey, undefined)\nconst filterConfig = inject(FilterConfigKey, undefined)\nconst pageStoreKey = computed(\n  () => providedPageKey ?? datatablePageKey(filterConfig?.general.system, filterConfig?.general.subject)\n)\n\nconst lastPage = computed(() => {\n  return Math.ceil(pagination.value.totalCount / pagination.value.rowsPerPage)\n})\n\nconst displayedFrom = computed(() => {\n  return pagination.value.page * pagination.value.rowsPerPage - pagination.value.rowsPerPage + 1\n})\n\nconst displayedTo = computed(() => {\n  return (\n    pagination.value.page * pagination.value.rowsPerPage -\n    pagination.value.rowsPerPage +\n    pagination.value.currentViewCount\n  )\n})\n\nconst disabledFirstAndPrev = computed(() => {\n  return pagination.value.page === 1\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 disabledLast = computed(() => {\n  return !isNull(pagination.value.hasNextPage) || pagination.value.page >= lastPage.value\n})\n\nconst disabledNext = computed(() => {\n  return (\n    (isNull(pagination.value.hasNextPage) && pagination.value.page >= lastPage.value) ||\n    pagination.value.hasNextPage === false\n  )\n})\n\nconst computedTotalCountText = computed(() => {\n  if (!isNull(pagination.value.hasNextPage)) {\n    return pagination.value.hasNextPage ? displayedTo.value + 1 + '+' : displayedTo.value\n  }\n  return pagination.value.totalCount\n})\n\nwatch(\n  () => pagination.value.rowsPerPage,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      pagination.value.page = 1\n      emit('change')\n    }\n  }\n)\n\nwatch(\n  () => pagination.value.page,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      setStoredPage(pageStoreKey.value, newValue)\n      emit('change')\n    }\n  }\n)\n\n// Leading edge only: the throttle is a click-spam guard, not a rate limiter. VueUse 15 flipped\n// `trailing` to true by default, which replays the last click once the window closes -- stepping\n// prev/next a second time, and past `lastPage`, because the queued callback never re-reads the\n// disabled state.\nconst onClickFirst = useThrottleFn(\n  () => {\n    pagination.value.page = 1\n  },\n  300,\n  false\n)\n\nconst onClickLast = useThrottleFn(\n  () => {\n    pagination.value.page = lastPage.value\n  },\n  300,\n  false\n)\n\nconst onClickPrev = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page - 1\n  },\n  300,\n  false\n)\n\nconst onClickNext = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page + 1\n  },\n  300,\n  false\n)\n</script>\n\n<template>\n  <div class=\"anzu-data-footer\">\n    <div\n      v-if=\"!hideRecordsPerPage\"\n      class=\"anzu-data-footer__page-limit\"\n    >\n      {{ t('common.system.datatable.itemsPerPage') }}:\n      <VBtnToggle\n        v-model=\"pagination.rowsPerPage\"\n        class=\"ml-2\"\n        density=\"compact\"\n        mandatory\n        data-cy=\"table-size\"\n      >\n        <VBtn\n          v-for=\"item in itemsPerPageOptions\"\n          :key=\"item\"\n          :color=\"item === pagination.rowsPerPage ? 'secondary' : ''\"\n          :value=\"item\"\n          density=\"compact\"\n          size=\"small\"\n          variant=\"text\"\n        >\n          {{ item }}\n        </VBtn>\n      </VBtnToggle>\n    </div>\n    <div class=\"anzu-data-footer__pagination\">\n      {{ displayedFrom }} - {{ displayedTo }} {{ t('common.system.datatable.from') }}\n      {{ computedTotalCountText }}\n    </div>\n    <div class=\"anzu-data-footer__icons-before\">\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-page-first\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.first')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickFirst\"\n      />\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-chevron-left\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.previous')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickPrev\"\n      />\n    </div>\n    <div class=\"current-page\">\n      <span>{{ pagination.page }}</span>\n    </div>\n    <div class=\"anzu-data-footer__icons-after\">\n      <VBtn\n        :disabled=\"disabledNext\"\n        icon=\"mdi-chevron-right\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.next')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickNext\"\n      />\n      <VBtn\n        :disabled=\"disabledLast\"\n        icon=\"mdi-page-last\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.last')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickLast\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-data-footer {\n  margin-top: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  font-size: 0.75rem;\n  padding: 0 8px;\n\n  > div.current-page {\n    padding-left: 10px;\n    padding-right: 10px;\n    user-select: none;\n    min-width: 40px;\n    display: flex;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__page-limit {\n    display: flex;\n    align-items: center;\n    flex: 0 0 0;\n    justify-content: flex-end;\n    white-space: nowrap;\n    margin-right: 14px;\n  }\n\n  &__pagination {\n    display: block;\n    text-align: center;\n    margin: 0 32px 0 24px;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ADatatablePagination.js","names":["_sfc_main","ADatatablePagination_vue_vue_type_script_setup_true_lang_default","ADatatablePagination_default"],"sources":["../../../../../src/domains/filters/datatable/components/ADatatablePagination.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport {\n  DatatablePageStoreKey,\n  DatatablePaginationKey,\n  FilterConfigKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { useThrottleFn } from '@vueuse/core'\nimport { datatablePageKey, useDatatablePageStore } from '@/domains/system/store/datatablePageStore'\n\nwithDefaults(\n  defineProps<{\n    itemsPerPageOptions?: number[]\n    hideRecordsPerPage?: boolean\n  }>(),\n  {\n    itemsPerPageOptions: () => [10, 25, 50],\n    hideRecordsPerPage: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\nconst { setStoredPage } = useDatatablePageStore()\n\n// `useFilterHelpers` provides the key, so tables sharing a system/subject stay apart.\n// Both are optional. A datatable providing pagination without them uses the shared bucket.\nconst providedPageKey = inject(DatatablePageStoreKey, undefined)\nconst filterConfig = inject(FilterConfigKey, undefined)\nconst pageStoreKey = computed(\n  () => providedPageKey ?? datatablePageKey(filterConfig?.general.system, filterConfig?.general.subject)\n)\n\nconst lastPage = computed(() => {\n  return Math.ceil(pagination.value.totalCount / pagination.value.rowsPerPage)\n})\n\nconst displayedFrom = computed(() => {\n  return pagination.value.page * pagination.value.rowsPerPage - pagination.value.rowsPerPage + 1\n})\n\nconst displayedTo = computed(() => {\n  return (\n    pagination.value.page * pagination.value.rowsPerPage -\n    pagination.value.rowsPerPage +\n    pagination.value.currentViewCount\n  )\n})\n\nconst disabledFirstAndPrev = computed(() => {\n  return pagination.value.page === 1\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 disabledLast = computed(() => {\n  return !isNull(pagination.value.hasNextPage) || pagination.value.page >= lastPage.value\n})\n\nconst disabledNext = computed(() => {\n  return (\n    (isNull(pagination.value.hasNextPage) && pagination.value.page >= lastPage.value) ||\n    pagination.value.hasNextPage === false\n  )\n})\n\nconst computedTotalCountText = computed(() => {\n  if (!isNull(pagination.value.hasNextPage)) {\n    return pagination.value.hasNextPage ? displayedTo.value + 1 + '+' : displayedTo.value\n  }\n  return pagination.value.totalCount\n})\n\n// One watcher for both. A restore after Close sets the page and the rows per page together, and a separate\n// rows watcher put that page back to 1. Rows per page changed alone (the toggle) still start on page 1.\nwatch(\n  [() => pagination.value.page, () => pagination.value.rowsPerPage],\n  ([page, rowsPerPage], [oldPage, oldRowsPerPage]) => {\n    if (rowsPerPage !== oldRowsPerPage && page === oldPage && page !== 1) {\n      // Runs this watcher again for the page, which stores it and emits once.\n      pagination.value.page = 1\n      return\n    }\n    setStoredPage(pageStoreKey.value, page, rowsPerPage)\n    emit('change')\n  }\n)\n\n// Leading edge only. The throttle guards against click spam.\n// VueUse 15 defaults `trailing` to true, which replays the last click and can step\n// past `lastPage`, because the queued callback does not recheck the disabled state.\nconst onClickFirst = useThrottleFn(\n  () => {\n    pagination.value.page = 1\n  },\n  300,\n  false\n)\n\nconst onClickLast = useThrottleFn(\n  () => {\n    pagination.value.page = lastPage.value\n  },\n  300,\n  false\n)\n\nconst onClickPrev = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page - 1\n  },\n  300,\n  false\n)\n\nconst onClickNext = useThrottleFn(\n  () => {\n    pagination.value.page = pagination.value.page + 1\n  },\n  300,\n  false\n)\n</script>\n\n<template>\n  <div class=\"anzu-data-footer\">\n    <div\n      v-if=\"!hideRecordsPerPage\"\n      class=\"anzu-data-footer__page-limit\"\n    >\n      {{ t('common.system.datatable.itemsPerPage') }}:\n      <VBtnToggle\n        v-model=\"pagination.rowsPerPage\"\n        class=\"ml-2\"\n        density=\"compact\"\n        mandatory\n        data-cy=\"table-size\"\n      >\n        <VBtn\n          v-for=\"item in itemsPerPageOptions\"\n          :key=\"item\"\n          :color=\"item === pagination.rowsPerPage ? 'secondary' : ''\"\n          :value=\"item\"\n          density=\"compact\"\n          size=\"small\"\n          variant=\"text\"\n        >\n          {{ item }}\n        </VBtn>\n      </VBtnToggle>\n    </div>\n    <div class=\"anzu-data-footer__pagination\">\n      {{ displayedFrom }} - {{ displayedTo }} {{ t('common.system.datatable.from') }}\n      {{ computedTotalCountText }}\n    </div>\n    <div class=\"anzu-data-footer__icons-before\">\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-page-first\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.first')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickFirst\"\n      />\n      <VBtn\n        :disabled=\"disabledFirstAndPrev\"\n        icon=\"mdi-chevron-left\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.previous')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickPrev\"\n      />\n    </div>\n    <div class=\"current-page\">\n      <span>{{ pagination.page }}</span>\n    </div>\n    <div class=\"anzu-data-footer__icons-after\">\n      <VBtn\n        :disabled=\"disabledNext\"\n        icon=\"mdi-chevron-right\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.next')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickNext\"\n      />\n      <VBtn\n        :disabled=\"disabledLast\"\n        icon=\"mdi-page-last\"\n        :aria-label=\"t('$vuetify.pagination.ariaLabel.last')\"\n        size=\"small\"\n        variant=\"text\"\n        @click.stop=\"onClickLast\"\n      />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.anzu-data-footer {\n  margin-top: 10px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  font-size: 0.75rem;\n  padding: 0 8px;\n\n  > div.current-page {\n    padding-left: 10px;\n    padding-right: 10px;\n    user-select: none;\n    min-width: 40px;\n    display: flex;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__page-limit {\n    display: flex;\n    align-items: center;\n    flex: 0 0 0;\n    justify-content: flex-end;\n    white-space: nowrap;\n    margin-right: 14px;\n  }\n\n  &__pagination {\n    display: block;\n    text-align: center;\n    margin: 0 32px 0 24px;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/filters/datatable/components/ADatatablePagination.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,12 @@
 import { isNull as e, isUndefined as t } from "../../../../shared/utils/common.js";
-import { datatablePageKey as n, useDatatablePageStore as r } from "../../../system/store/datatablePageStore.js";
-import { DatatablePageStoreKey as i, DatatablePaginationKey as a, FilterConfigKey as o } from "../../utils/filterInjectionKeys.js";
+import { DatatablePageStoreKey as n, DatatablePaginationKey as r, FilterConfigKey as i } from "../../utils/filterInjectionKeys.js";
+import { datatablePageKey as a, useDatatablePageStore as o } from "../../../system/store/datatablePageStore.js";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, inject as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, watch as x, withCtx as S, withModifiers as C } from "vue";
 import { useI18n as w } from "vue-i18n";
 import { useThrottleFn as T } from "@vueuse/core";
 import { VBtn as E } from "vuetify/components/VBtn";
 import { VBtnToggle as D } from "vuetify/components/VBtnToggle";
-//#region src/domains/filters/datatable/components/ADatatablePagination.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/datatable/components/ADatatablePagination.vue?vue&type=script&setup=true&lang.ts
 var O = { class: "anzu-data-footer" }, k = {
 	key: 0,
 	class: "anzu-data-footer__page-limit"
@@ -25,13 +25,11 @@ var O = { class: "anzu-data-footer" }, k = {
 	},
 	emits: ["change"],
 	setup(h, { emit: P }) {
-		let F = P, I = g(a);
+		let F = P, I = g(r);
 		if (t(I)) throw Error("Incorrect provide/inject config.");
-		let { t: L } = w(), { setStoredPage: R } = r(), z = g(i, void 0), B = g(o, void 0), V = c(() => z ?? n(B?.general.system, B?.general.subject)), H = c(() => Math.ceil(I.value.totalCount / I.value.rowsPerPage)), U = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + 1), W = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + I.value.currentViewCount), G = c(() => I.value.page === 1), K = c(() => !e(I.value.hasNextPage) || I.value.page >= H.value), q = c(() => e(I.value.hasNextPage) && I.value.page >= H.value || I.value.hasNextPage === !1), J = c(() => e(I.value.hasNextPage) ? I.value.totalCount : I.value.hasNextPage ? W.value + 1 + "+" : W.value);
-		x(() => I.value.rowsPerPage, (e, t) => {
-			e !== t && (I.value.page = 1, F("change"));
-		}), x(() => I.value.page, (e, t) => {
-			e !== t && (R(V.value, e), F("change"));
+		let { t: L } = w(), { setStoredPage: R } = o(), z = g(n, void 0), B = g(i, void 0), V = c(() => z ?? a(B?.general.system, B?.general.subject)), H = c(() => Math.ceil(I.value.totalCount / I.value.rowsPerPage)), U = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + 1), W = c(() => I.value.page * I.value.rowsPerPage - I.value.rowsPerPage + I.value.currentViewCount), G = c(() => I.value.page === 1), K = c(() => !e(I.value.hasNextPage) || I.value.page >= H.value), q = c(() => e(I.value.hasNextPage) && I.value.page >= H.value || I.value.hasNextPage === !1), J = c(() => e(I.value.hasNextPage) ? I.value.totalCount : I.value.hasNextPage ? W.value + 1 + "+" : W.value);
+		x([() => I.value.page, () => I.value.rowsPerPage], ([e, t], [n, r]) => {
+			t !== r && e === n && e !== 1 ? I.value.page = 1 : (R(V.value, e, t), F("change"));
 		});
 		let Y = T(() => {
 			I.value.page = 1;
@@ -115,7 +113,6 @@ var O = { class: "anzu-data-footer" }, k = {
 		]));
 	}
 });
-//#endregion
 export { P as default };
 
 //# sourceMappingURL=ADatatablePagination.vue_vue_type_script_setup_true_lang.js.map