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

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBookmarkDialog.js","names":["_sfc_main","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","FilterBookmarkDialog_default"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, so it had no model of its own -- and the guard\n// needs one to watch. Closing now runs through here: `requestClose` lets the guard ask first,\n// `forceClose` is for the paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline when it is created, so it waits for the first fetch. After\n// that it stays mounted whatever happens -- it is the only thing registering this tab's pending\n// work with the guard, and a reload that swapped it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component itself arrives with the first visit to the manage tab (see `loadListEditor`),\n// on its own track: the bookmark fetch above can succeed while the chunk fails, and the other way round.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar's X and the escape key reach this without going past\n  // anything the write phase disables, and closing here would ask the user whether to discard work\n  // that is already on its way to the server -- then write it anyway, whatever they answered.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor owns opening a row, saving it and cancelling out of it, so the rename no longer needs\n// its own held copy, its own vuelidate instance or its own confirm/cancel buttons. What is left is\n// the rule itself, which drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, which is how every other list editor in this codebase is used: the\n// editor holds the data and the form's button persists it. A per-row PUT looked tidier and was not\n// -- re-baselining the one saved row meant reloading the list, and the reload took the pending\n// reorder and any other open row's typed text with it.\n// A delete answered with \"not found\" says the row is already gone, which is what this was asking\n// for. That is how an attempt whose answer never made it back looks the second time around: without\n// reading it this way, every retry would stop on the same row and the dialog could never finish.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is being refreshed: the order this would send is the one on screen, and the\n  // answer already on its way is about to replace it. The button is disabled for the same reason --\n  // this is the half of it that does not depend on anyone looking at the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order -- which is taken from `itemsManage`, and the\n    // deleted rows have already left it.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Out of the cache in the same breath: the filter bar is already on screen reading it, and a\n      // save that fails further down never gets to the refresh that would have done this.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // That row is gone for good. Dropping its pending deletion here is what makes a second press\n      // of the save button safe after a later call in this batch failed: the renames it resends are\n      // the same PUT with the same result, but a DELETE resent against a row that is already gone\n      // would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // Deleting every row leaves nothing to order, and an empty list is not an order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end: this is also what refreshes the store the filter bar reads its names from,\n    // and what the editor re-baselines against.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // Nothing is refetched here and nothing is rolled back. What was written already looks the way\n    // it looks on the server -- a deleted row is gone from both, a renamed one carries the new name\n    // in both -- and what was not written is still the user's to correct and send again. Refetching\n    // would take that unsent work with it without asking, which is the one thing this dialog must\n    // not do. The store is told its copy is behind instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest position in use, not after the number of rows. The manage tab renumbers\n    // only the rows it sends, so a deletion saved there leaves a gap, and counting rows from then\n    // on would put this bookmark on a position another one already holds.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close: with work pending on the other tab the guard\n    // asks, and \"stay\" would otherwise leave this bookmark's name in the field for a second click\n    // to create it again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark is a decision about THIS tab. It says\n    // nothing about a reorder left pending on the other one, so the guard still gets to ask.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on the list being non-empty: deleting every row empties it while leaving the\n    // deletions themselves pending, and this button is the only thing that sends them.\n    saveManage()\n  }\n}\n\n// Entering the manage tab starts a fetch, and the tabs can be switched faster than one comes back,\n// so two can be in flight at once. Only the newest one is allowed to land: without this an older\n// answer could overtake a newer one and put the list back to what it was two switches ago.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // Counted, not a flag: an older fetch answering must not report the tab as settled while a newer\n  // one is still out, or the editor takes edits again in the gap between the two.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` is this request's own answer that it failed; the store's `error` flag is shared with\n    // every other fetch it serves, this dialog's bookmark count among them.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // The same question as on the way out of the try: an answer that a newer one has overtaken does\n    // not get to put the tab into an error state or raise an alert over it.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// The fetched rows are handed to the editor rather than left to reach it through `v-model`: that\n// way round is a render away, and a commit that ran before the rows arrived would pin the baseline\n// to the list from before the fetch -- every difference the fetch brought would then read as the\n// user's own unsaved edit. The editor is still to mount on the first load; it takes its own\n// baseline from `itemsManage` when it does.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it -- a bookmark just added on the other tab is the near case -- but\n  // never over work the user has not saved: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Asked again on the way back: the fetch takes long enough for the user to have started dragging\n  // in the meantime, and applying it then would be the same loss, just later.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!-- `persistent` while a write is out: the escape key and a click outside go straight to the\n       model, past everything the write phase disables. -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!-- `v-show`, not `v-if`: the guard sees this tab's pending work only through the section\n             the editor registers, so unmounting it on a glance at the other tab would leave the\n             dialog able to close on a dragged order without asking. The spinner is the editor's own\n             `loading` for the same reason -- swapping it out on every reload would do the same. -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Nothing ever loaded: the editor's own empty state would claim there are no bookmarks,\n               which is not what a failed fetch found out. -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Mounted once the first fetch has settled -- empty or not, so an empty list gets the\n               editor's own empty state rather than a blank tab -- and never unmounted after that. -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!-- Nothing in here takes input while a write is out: the change set was read when the\n             button was pressed, so anything typed after that would not be in it, and the close that\n             follows a successful save would take it with it. -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Not while the list is being refreshed: the order this would send is the one on screen,\n             which the answer on its way is about to replace. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"FilterBookmarkDialog.js","names":["_sfc_main","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","FilterBookmarkDialog_default"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, but the guard needs a model to watch.\n// All closing goes through here. `requestClose` lets the guard ask\n// first. `forceClose` is for paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline on creation, so it waits for the first fetch.\n// After that it stays mounted. It alone registers this tab's pending work\n// with the guard, and swapping it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component loads on the first visit to the manage tab (see\n// `loadListEditor`). Its chunk load can fail independently of the bookmark fetch.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar X and Escape bypass the write-phase disabling.\n  // Closing here would ask whether to discard work already sent to the server, and it would be written anyway.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor handles opening, saving and cancelling a row. Only the rule\n// remains here. It drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, like other list editors here. A per-row PUT required reloading\n// the list to re-baseline, which lost the pending reorder and other rows' typed text.\n// A DELETE answered with \"not found\" means the row is already gone. A retry after a\n// lost response looks like this. Otherwise every retry would stop on the same row.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is refreshing: the on-screen order is about to be replaced by the incoming answer.\n  // The button is also disabled. This check does not depend on the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order. The order comes\n    // from `itemsManage`, which the deleted rows have already left.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Removed from the cache right away. The filter bar is reading\n      // it, and a later failure in this save would skip the refresh.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // Dropping the pending deletion makes a retry safe after a later call failed.\n      // Resent renames are the same idempotent PUT. A resent DELETE on a\n      // gone row would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // An empty list is not a valid order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end. This also refreshes the store the filter\n    // bar reads names from, and the editor re-baselines against it.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // No refetch and no rollback. Written changes already match the\n    // server, and unwritten ones stay for the user to fix and resend.\n    // A refetch would discard that unsent work without asking. The store is marked stale instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest used position, not the row count. The manage tab renumbers only the\n    // rows it sends, so deletions leave gaps and a row count could reuse a taken position.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close. If the guard asks and the user stays, a\n    // second click would create the bookmark again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark says nothing\n    // about a reorder pending on the other tab, so the guard still asks.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on a non-empty list. Deleting every row empties it while\n    // the deletions are still pending, and only this button sends them.\n    saveManage()\n  }\n}\n\n// Tab switches can start fetches faster than they return. Only the\n// newest may apply, or an older answer could restore an outdated list.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // A counter, not a flag. An older fetch finishing must not mark the tab\n  // settled while a newer one is out, or the editor accepts edits in between.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` means this request failed. The store's `error` flag is\n    // shared with other fetches, including this dialog's bookmark count.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // An overtaken answer must not set the error state or raise an alert.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// Rows are handed to the editor directly, not via `v-model`, which lags a render.\n// A commit before the rows arrived would pin the baseline to the old list,\n// and every fetched difference would look like an unsaved user edit.\n// On first load the editor mounts later and takes its baseline from `itemsManage`.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it, for example after adding a bookmark on the other\n  // tab. Never over unsaved work: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Checked again after the fetch: the user may have started dragging while it ran.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!--\n    `persistent` while a write is out: Escape and outside clicks\n    change the model directly, bypassing the write-phase disabling.\n  -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!--\n          `v-show`, not `v-if`: the guard sees pending work only through the section the editor registers.\n          Unmounting on a tab switch would let the dialog close on a dragged order without asking.\n          The spinner is the editor's own `loading` for the same reason.\n        -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!--\n            Nothing loaded yet: the editor's empty state would wrongly\n            claim there are no bookmarks after a failed fetch.\n          -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!--\n            Mounted once the first fetch settles, even if empty, so an empty\n            list shows the editor's empty state. Never unmounted after that.\n          -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!--\n          Inputs are disabled while a write is out. The change set was read when the button\n          was pressed, so later typing would be lost on the close after a successful save.\n        -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Disabled while the list refreshes: the on-screen order is about to be replaced by the incoming answer. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/filters/bookmarks/components/FilterBookmarkDialog.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterBookmarkDialog.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_component_VDialog","_withCtx","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","_component_VCardText","_component_VTabs","_component_VTab","ARow","_createBlock","_createCommentVNode","AFormTextField","AFormSwitch","_withDirectives","_createElementVNode","_component_VProgressCircular","_withModifiers","_resolveDynamicComponent","_vShow","_component_VCardActions","_component_VSpacer","AUnsavedConfirmDialog","ARow_default","AFormTextField_default","ADialogToolbar_default","AFormSwitch_default","AUnsavedConfirmDialog_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","MAX_BOOKMARK_NAME_LENGTH","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","pagination","DatatablePaginationKey","isUndefined","isOpen","ref","manageLoaded","loadFailed","listEditor","shallowRef","editorLoadFailed","editorLoading","loadEditor","loadListEditor","guard","useUnsavedChangesGuard","open","requestClose","saveButtonLoading","forceClose","activeTab","customName","storeDatatableHiddenColumns","storeDatatableOrder","listLoading","errorCount","itemsManage","validateBookmarkName","item","useValidate","rulesCreate","maxLength","vCreate$","filterBookmarkStore","useFilterBookmarkStore","useUserAdminConfigApi","useI18n","useAlerts","useUserAdminConfigFactory","editor","useTemplateRef","isAlreadyGone","isAnzuApiAxiosError","saveManage","changes","deleteUserAdminConfig","bookmarkCacheKey","updateUserAdminConfig","cloneDeep","updateUserAdminConfigPositions","applyItems","fetchItems","showErrorsDefault","useFilterHelpers","systemResource","UserAdminConfigLayoutType","addBookmark","config","createDefaultUserAdminConfig","UserAdminConfigType","serializeFilters","useFetchUserAdminConfigList","count","maxPosition","res","createUserAdminConfig","isAnzuApiValidationError","hasAnzuApiValidationErrorSpecific","onConfirm","fetchGeneration","fetchesInFlight","generation","items","showUnknownError","e","watch","_component_ABtnTertiary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createVNode","VDialog","_cache","$event","withCtx","VCard","createTextVNode","toDisplayString","unref","t","VCardText","VTabs","VTab","createBlock","createCommentVNode","withDirectives","createElementVNode","VProgressCircular","withModifiers","resolveDynamicComponent","raw","actions","vShow","VCardActions","VSpacer"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, so it had no model of its own -- and the guard\n// needs one to watch. Closing now runs through here: `requestClose` lets the guard ask first,\n// `forceClose` is for the paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline when it is created, so it waits for the first fetch. After\n// that it stays mounted whatever happens -- it is the only thing registering this tab's pending\n// work with the guard, and a reload that swapped it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component itself arrives with the first visit to the manage tab (see `loadListEditor`),\n// on its own track: the bookmark fetch above can succeed while the chunk fails, and the other way round.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar's X and the escape key reach this without going past\n  // anything the write phase disables, and closing here would ask the user whether to discard work\n  // that is already on its way to the server -- then write it anyway, whatever they answered.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor owns opening a row, saving it and cancelling out of it, so the rename no longer needs\n// its own held copy, its own vuelidate instance or its own confirm/cancel buttons. What is left is\n// the rule itself, which drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, which is how every other list editor in this codebase is used: the\n// editor holds the data and the form's button persists it. A per-row PUT looked tidier and was not\n// -- re-baselining the one saved row meant reloading the list, and the reload took the pending\n// reorder and any other open row's typed text with it.\n// A delete answered with \"not found\" says the row is already gone, which is what this was asking\n// for. That is how an attempt whose answer never made it back looks the second time around: without\n// reading it this way, every retry would stop on the same row and the dialog could never finish.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is being refreshed: the order this would send is the one on screen, and the\n  // answer already on its way is about to replace it. The button is disabled for the same reason --\n  // this is the half of it that does not depend on anyone looking at the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order -- which is taken from `itemsManage`, and the\n    // deleted rows have already left it.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Out of the cache in the same breath: the filter bar is already on screen reading it, and a\n      // save that fails further down never gets to the refresh that would have done this.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // That row is gone for good. Dropping its pending deletion here is what makes a second press\n      // of the save button safe after a later call in this batch failed: the renames it resends are\n      // the same PUT with the same result, but a DELETE resent against a row that is already gone\n      // would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // Deleting every row leaves nothing to order, and an empty list is not an order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end: this is also what refreshes the store the filter bar reads its names from,\n    // and what the editor re-baselines against.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // Nothing is refetched here and nothing is rolled back. What was written already looks the way\n    // it looks on the server -- a deleted row is gone from both, a renamed one carries the new name\n    // in both -- and what was not written is still the user's to correct and send again. Refetching\n    // would take that unsent work with it without asking, which is the one thing this dialog must\n    // not do. The store is told its copy is behind instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest position in use, not after the number of rows. The manage tab renumbers\n    // only the rows it sends, so a deletion saved there leaves a gap, and counting rows from then\n    // on would put this bookmark on a position another one already holds.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close: with work pending on the other tab the guard\n    // asks, and \"stay\" would otherwise leave this bookmark's name in the field for a second click\n    // to create it again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark is a decision about THIS tab. It says\n    // nothing about a reorder left pending on the other one, so the guard still gets to ask.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on the list being non-empty: deleting every row empties it while leaving the\n    // deletions themselves pending, and this button is the only thing that sends them.\n    saveManage()\n  }\n}\n\n// Entering the manage tab starts a fetch, and the tabs can be switched faster than one comes back,\n// so two can be in flight at once. Only the newest one is allowed to land: without this an older\n// answer could overtake a newer one and put the list back to what it was two switches ago.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // Counted, not a flag: an older fetch answering must not report the tab as settled while a newer\n  // one is still out, or the editor takes edits again in the gap between the two.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` is this request's own answer that it failed; the store's `error` flag is shared with\n    // every other fetch it serves, this dialog's bookmark count among them.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // The same question as on the way out of the try: an answer that a newer one has overtaken does\n    // not get to put the tab into an error state or raise an alert over it.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// The fetched rows are handed to the editor rather than left to reach it through `v-model`: that\n// way round is a render away, and a commit that ran before the rows arrived would pin the baseline\n// to the list from before the fetch -- every difference the fetch brought would then read as the\n// user's own unsaved edit. The editor is still to mount on the first load; it takes its own\n// baseline from `itemsManage` when it does.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it -- a bookmark just added on the other tab is the near case -- but\n  // never over work the user has not saved: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Asked again on the way back: the fetch takes long enough for the user to have started dragging\n  // in the meantime, and applying it then would be the same loss, just later.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!-- `persistent` while a write is out: the escape key and a click outside go straight to the\n       model, past everything the write phase disables. -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!-- `v-show`, not `v-if`: the guard sees this tab's pending work only through the section\n             the editor registers, so unmounting it on a glance at the other tab would leave the\n             dialog able to close on a dragged order without asking. The spinner is the editor's own\n             `loading` for the same reason -- swapping it out on every reload would do the same. -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Nothing ever loaded: the editor's own empty state would claim there are no bookmarks,\n               which is not what a failed fetch found out. -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!-- Mounted once the first fetch has settled -- empty or not, so an empty list gets the\n               editor's own empty state rather than a blank tab -- and never unmounted after that. -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!-- Nothing in here takes input while a write is out: the change set was read when the\n             button was pressed, so anything typed after that would not be in it, and the close that\n             follows a successful save would take it with it. -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Not while the list is being refreshed: the order this would send is the one on screen,\n             which the answer on its way is about to replace. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"FilterBookmarkDialog.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createVNode","_component_VDialog","_withCtx","_component_VCard","ADialogToolbar","_createTextVNode","_toDisplayString","_unref","_component_VCardText","_component_VTabs","_component_VTab","ARow","_createBlock","_createCommentVNode","AFormTextField","AFormSwitch","_withDirectives","_createElementVNode","_component_VProgressCircular","_withModifiers","_resolveDynamicComponent","_vShow","_component_VCardActions","_component_VSpacer","AUnsavedConfirmDialog","ARow_default","AFormTextField_default","ADialogToolbar_default","AFormSwitch_default","AUnsavedConfirmDialog_default","useVuelidate","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","MAX_BOOKMARK_NAME_LENGTH","FilterBookmarkDialog_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","pagination","DatatablePaginationKey","isUndefined","isOpen","ref","manageLoaded","loadFailed","listEditor","shallowRef","editorLoadFailed","editorLoading","loadEditor","loadListEditor","guard","useUnsavedChangesGuard","open","requestClose","saveButtonLoading","forceClose","activeTab","customName","storeDatatableHiddenColumns","storeDatatableOrder","listLoading","errorCount","itemsManage","validateBookmarkName","item","useValidate","rulesCreate","maxLength","vCreate$","filterBookmarkStore","useFilterBookmarkStore","useUserAdminConfigApi","useI18n","useAlerts","useUserAdminConfigFactory","editor","useTemplateRef","isAlreadyGone","isAnzuApiAxiosError","saveManage","changes","deleteUserAdminConfig","bookmarkCacheKey","updateUserAdminConfig","cloneDeep","updateUserAdminConfigPositions","applyItems","fetchItems","showErrorsDefault","useFilterHelpers","systemResource","UserAdminConfigLayoutType","addBookmark","config","createDefaultUserAdminConfig","UserAdminConfigType","serializeFilters","useFetchUserAdminConfigList","count","maxPosition","res","createUserAdminConfig","isAnzuApiValidationError","hasAnzuApiValidationErrorSpecific","onConfirm","fetchGeneration","fetchesInFlight","generation","items","showUnknownError","e","watch","_component_ABtnTertiary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createVNode","VDialog","_cache","$event","withCtx","VCard","createTextVNode","toDisplayString","unref","t","VCardText","VTabs","VTab","createBlock","createCommentVNode","withDirectives","createElementVNode","VProgressCircular","withModifiers","resolveDynamicComponent","raw","actions","vShow","VCardActions","VSpacer"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarkDialog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport { useI18n } from 'vue-i18n'\nimport { type Component, inject, ref, shallowRef, useTemplateRef, watch } from 'vue'\nimport AFormTextField from '@/domains/form/components/AFormTextField.vue'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport AFormSwitch from '@/domains/form/components/AFormSwitch.vue'\nimport { loadListEditor } from '@/domains/listEditor/utils/listEditorLoader'\nimport type { ExposedListEditorHandle } from '@/domains/listEditor/composables/useListEditorController'\nimport type { AxiosInstance } from 'axios'\nimport type { IntegerId } from '@/shared/types/common'\nimport { MAX_BOOKMARK_ITEMS, useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport { useUserAdminConfigFactory } from '@/domains/filters/bookmarks/factory/UserAdminConfigFactory'\nimport {\n  type UserAdminConfig,\n  UserAdminConfigLayoutType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport useVuelidate from '@vuelidate/core'\nimport { useValidate } from '@/shared/validators/vuelidate/useValidate'\nimport { cloneDeep, isUndefined } from '@/shared/utils/common'\nimport { DatatablePaginationKey, FilterConfigKey, FilterDataKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport AUnsavedConfirmDialog from '@/domains/unsavedGuard/components/AUnsavedConfirmDialog.vue'\nimport { useUnsavedChangesGuard } from '@/domains/unsavedGuard/composables/useUnsavedChangesGuard'\nimport { hasAnzuApiValidationErrorSpecific, isAnzuApiValidationError } from '@/shared/error/AnzuApiValidationError'\nimport { isAnzuApiAxiosError } from '@/shared/error/AnzuApiAxiosError'\nimport { HTTP_STATUS_NOT_FOUND } from '@/shared/statusCodes'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    system: string\n    subject: string\n    user: IntegerId\n    datatableHiddenColumns?: string[] | undefined\n  }>(),\n  {\n    datatableHiddenColumns: undefined,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'close'): void\n}>()\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\n// The dialog is mounted behind the parent's `v-if`, but the guard needs a model to watch.\n// All closing goes through here. `requestClose` lets the guard ask\n// first. `forceClose` is for paths that already are the confirmation.\nconst isOpen = ref(true)\n\n// The editor takes its clean baseline on creation, so it waits for the first fetch.\n// After that it stays mounted. It alone registers this tab's pending work\n// with the guard, and swapping it out would disarm the guard mid-edit.\nconst manageLoaded = ref(false)\nconst loadFailed = ref(false)\n\n// The editor component loads on the first visit to the manage tab (see\n// `loadListEditor`). Its chunk load can fail independently of the bookmark fetch.\nconst listEditor = shallowRef<Component>()\nconst editorLoadFailed = ref(false)\nlet editorLoading = false\n\nconst loadEditor = async () => {\n  if (listEditor.value || editorLoading) return\n  editorLoading = true\n  editorLoadFailed.value = false\n  try {\n    listEditor.value = await loadListEditor()\n  } catch {\n    editorLoadFailed.value = true\n  } finally {\n    editorLoading = false\n  }\n}\n\nconst guard = useUnsavedChangesGuard({\n  sources: [],\n  guardDialogModel: isOpen,\n  guardRoute: false,\n  guardWindowUnload: false,\n})\n\nwatch(isOpen, (open) => {\n  if (!open) emit('close')\n})\n\nconst requestClose = () => {\n  // Not while a write is out. The toolbar X and Escape bypass the write-phase disabling.\n  // Closing here would ask whether to discard work already sent to the server, and it would be written anyway.\n  if (saveButtonLoading.value) return\n  isOpen.value = false\n}\n\nconst forceClose = () => {\n  guard.acknowledge()\n  isOpen.value = false\n}\n\nconst activeTab = ref<'add' | 'manage'>('add')\nconst customName = ref('')\nconst storeDatatableHiddenColumns = ref(false)\nconst storeDatatableOrder = ref(false)\nconst saveButtonLoading = ref(false)\nconst listLoading = ref(false)\nconst errorCount = ref(false)\nconst itemsManage = ref<Array<UserAdminConfig>>([])\n\ninterface RowUpdate {\n  update: (next: UserAdminConfig) => void\n}\n\nconst MAX_BOOKMARK_NAME_LENGTH = 100\n\n// The editor handles opening, saving and cancelling a row. Only the rule\n// remains here. It drives the editor's red rail and blocks its save.\nconst validateBookmarkName = (item: UserAdminConfig): boolean =>\n  !!item.customName && item.customName.length <= MAX_BOOKMARK_NAME_LENGTH\n\nconst { required, maxLength } = useValidate()\nconst rulesCreate = {\n  customName: {\n    required,\n    maxLength: maxLength(MAX_BOOKMARK_NAME_LENGTH),\n  },\n}\nconst vCreate$ = useVuelidate(rulesCreate, { customName }, { $stopPropagation: true })\nconst filterBookmarkStore = useFilterBookmarkStore()\n\nconst {\n  createUserAdminConfig,\n  useFetchUserAdminConfigList,\n  updateUserAdminConfigPositions,\n  deleteUserAdminConfig,\n  updateUserAdminConfig,\n} =\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  useUserAdminConfigApi(props.client, props.system)\nconst { t } = useI18n()\nconst { showErrorsDefault, showUnknownError, showValidationError, showWarningT } = useAlerts()\nconst { createDefaultUserAdminConfig } = useUserAdminConfigFactory()\n\nconst editor = useTemplateRef<ExposedListEditorHandle<UserAdminConfig>>('editor')\n\n// One save for the whole tab, like other list editors here. A per-row PUT required reloading\n// the list to re-baseline, which lost the pending reorder and other rows' typed text.\n// A DELETE answered with \"not found\" means the row is already gone. A retry after a\n// lost response looks like this. Otherwise every retry would stop on the same row.\nconst isAlreadyGone = (e: unknown) => isAnzuApiAxiosError(e) && e.cause.response?.status === HTTP_STATUS_NOT_FOUND\n\nconst saveManage = async () => {\n  // Not while the list is refreshing: the on-screen order is about to be replaced by the incoming answer.\n  // The button is also disabled. This check does not depend on the button.\n  if (listLoading.value) return\n  if (!editor.value?.validateAll()) return\n  saveButtonLoading.value = true\n  try {\n    const changes = editor.value.getChanges()\n    // Deletes first, then renames, then the order. The order comes\n    // from `itemsManage`, which the deleted rows have already left.\n    for (const item of changes.deleted) {\n      try {\n        await deleteUserAdminConfig(item.id)\n      } catch (e) {\n        if (!isAlreadyGone(e)) throw e\n      }\n      // Removed from the cache right away. The filter bar is reading\n      // it, and a later failure in this save would skip the refresh.\n      filterBookmarkStore.removeOne(bookmarkCacheKey(), item.id)\n      // Dropping the pending deletion makes a retry safe after a later call failed.\n      // Resent renames are the same idempotent PUT. A resent DELETE on a\n      // gone row would fail and stop the batch at the same place every time.\n      editor.value.restoreDeleted(item.id)\n    }\n    for (const item of changes.updated) {\n      await updateUserAdminConfig(item.id, cloneDeep(item))\n    }\n    // An empty list is not a valid order to send.\n    if (itemsManage.value.length > 0) {\n      await updateUserAdminConfigPositions(itemsManage.value.map((item) => item.id))\n    }\n    // Once, at the end. This also refreshes the store the filter\n    // bar reads names from, and the editor re-baselines against it.\n    applyItems(await fetchItems())\n    forceClose()\n  } catch (e) {\n    showErrorsDefault(e)\n    // No refetch and no rollback. Written changes already match the\n    // server, and unwritten ones stay for the user to fix and resend.\n    // A refetch would discard that unsent work without asking. The store is marked stale instead.\n    filterBookmarkStore.markStale(bookmarkCacheKey())\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst { serializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst systemResource = props.system + '_' + props.subject\nconst bookmarkCacheKey = () => filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n\nconst addBookmark = async () => {\n  saveButtonLoading.value = true\n  errorCount.value = false\n  const config = createDefaultUserAdminConfig(props.system)\n  config.user = props.user\n  config.configType = UserAdminConfigType.FilterBookmark\n  config.layoutType = UserAdminConfigLayoutType.Desktop\n  config.systemResource = systemResource\n  config.customName = customName.value\n  config.data = {\n    filter: serializeFilters(filterData, pagination, false),\n    datatableHiddenColumns:\n      storeDatatableHiddenColumns.value && props.datatableHiddenColumns ? props.datatableHiddenColumns : undefined,\n    sortBy: storeDatatableOrder.value && pagination.value.sortBy ? pagination.value.sortBy : undefined,\n  }\n  try {\n    const { count, maxPosition } = await filterBookmarkStore.fetchBookmarkStats(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList\n    )\n    if (count >= MAX_BOOKMARK_ITEMS) {\n      errorCount.value = true\n      saveButtonLoading.value = false\n      return\n    }\n    // After the highest used position, not the row count. The manage tab renumbers only the\n    // rows it sends, so deletions leave gaps and a row count could reuse a taken position.\n    config.position = maxPosition + 1\n    const res = await createUserAdminConfig(config)\n    filterBookmarkStore.addOne(bookmarkCacheKey(), res)\n    // Cleared because `requestClose` may not close. If the guard asks and the user stays, a\n    // second click would create the bookmark again. Empty, the `required` rule blocks that.\n    customName.value = ''\n    vCreate$.value.$reset()\n    // The write is done, and `requestClose` refuses while one is out. The `finally` sets it again.\n    saveButtonLoading.value = false\n    // `requestClose`, not `forceClose`: adding a bookmark says nothing\n    // about a reorder pending on the other tab, so the guard still asks.\n    requestClose()\n  } catch (e) {\n    if (\n      isAnzuApiValidationError(e) &&\n      hasAnzuApiValidationErrorSpecific(e, 'error_field_not_unique', 'cms.userAdminConfig.model.systemResource')\n    ) {\n      showWarningT('common.filter.bookmark.nameUniqueError')\n      return\n    }\n    showErrorsDefault(e)\n  } finally {\n    saveButtonLoading.value = false\n  }\n}\n\nconst onConfirm = () => {\n  if (activeTab.value === 'add') {\n    vCreate$.value.$touch()\n    if (vCreate$.value.$invalid) {\n      showValidationError()\n      return\n    }\n    addBookmark()\n  } else if (activeTab.value === 'manage') {\n    // Not gated on a non-empty list. Deleting every row empties it while\n    // the deletions are still pending, and only this button sends them.\n    saveManage()\n  }\n}\n\n// Tab switches can start fetches faster than they return. Only the\n// newest may apply, or an older answer could restore an outdated list.\nlet fetchGeneration = 0\nlet fetchesInFlight = 0\n\nconst fetchItems = async (): Promise<UserAdminConfig[] | null> => {\n  const generation = ++fetchGeneration\n  // A counter, not a flag. An older fetch finishing must not mark the tab\n  // settled while a newer one is out, or the editor accepts edits in between.\n  fetchesInFlight++\n  listLoading.value = true\n  loadFailed.value = false\n  try {\n    const items = await filterBookmarkStore.getBookmarks(\n      {\n        user: props.user,\n        layoutType: UserAdminConfigLayoutType.Desktop,\n        systemResource: systemResource,\n      },\n      useFetchUserAdminConfigList,\n      true\n    )\n    if (generation !== fetchGeneration) return null\n    // `null` means this request failed. The store's `error` flag is\n    // shared with other fetches, including this dialog's bookmark count.\n    if (items === null) {\n      loadFailed.value = true\n      showUnknownError()\n      return null\n    }\n    return items\n  } catch (e) {\n    // An overtaken answer must not set the error state or raise an alert.\n    if (generation !== fetchGeneration) return null\n    loadFailed.value = true\n    showErrorsDefault(e)\n    return null\n  } finally {\n    fetchesInFlight--\n    listLoading.value = fetchesInFlight > 0\n  }\n}\n\n// Rows are handed to the editor directly, not via `v-model`, which lags a render.\n// A commit before the rows arrived would pin the baseline to the old list,\n// and every fetched difference would look like an unsaved user edit.\n// On first load the editor mounts later and takes its baseline from `itemsManage`.\nconst applyItems = (items: UserAdminConfig[] | null) => {\n  if (!items) return\n  itemsManage.value = items\n  manageLoaded.value = true\n  editor.value?.commit(items)\n}\n\nwatch(activeTab, async () => {\n  errorCount.value = false\n  if (activeTab.value !== 'manage') return\n  void loadEditor()\n  // Entering the tab refreshes it, for example after adding a bookmark on the other\n  // tab. Never over unsaved work: the fetched order would replace the dragged one.\n  if (editor.value?.hasUnsaved) return\n  const items = await fetchItems()\n  // Checked again after the fetch: the user may have started dragging while it ran.\n  if (editor.value?.hasUnsaved) return\n  applyItems(items)\n})\n</script>\n\n<template>\n  <!--\n    `persistent` while a write is out: Escape and outside clicks\n    change the model directly, bypassing the write-phase disabling.\n  -->\n  <VDialog\n    v-model=\"isOpen\"\n    :persistent=\"saveButtonLoading\"\n    :width=\"500\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"requestClose\">\n        {{ t('common.filter.bookmark.title') }}\n      </ADialogToolbar>\n      <VCardText class=\"pt-0\">\n        <VTabs\n          v-model=\"activeTab\"\n          fixed-tabs\n        >\n          <VTab\n            value=\"add\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.add') }}\n          </VTab>\n          <VTab\n            value=\"manage\"\n            :disabled=\"saveButtonLoading\"\n          >\n            {{ t('common.filter.bookmark.manage') }}\n          </VTab>\n        </VTabs>\n        <div\n          v-if=\"activeTab === 'add'\"\n          class=\"w-100 pt-4\"\n        >\n          <ARow :title=\"t('common.filter.bookmark.infoSave')\" />\n          <ARow\n            v-if=\"errorCount\"\n            class=\"text-error\"\n            :title=\"t('common.filter.bookmark.errorMax')\"\n          />\n          <ARow>\n            <AFormTextField\n              v-model=\"customName\"\n              :label=\"t('common.filter.bookmark.name')\"\n              required\n              :disabled=\"saveButtonLoading\"\n              :v=\"vCreate$.customName\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableHiddenColumns\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableColumns')\"\n            />\n          </ARow>\n          <ARow>\n            <AFormSwitch\n              v-model=\"storeDatatableOrder\"\n              :disabled=\"saveButtonLoading\"\n              :label=\"t('common.filter.bookmark.storeTableOrder')\"\n            />\n          </ARow>\n        </div>\n        <!--\n          `v-show`, not `v-if`: the guard sees pending work only through the section the editor registers.\n          Unmounting on a tab switch would let the dialog close on a dragged order without asking.\n          The spinner is the editor's own `loading` for the same reason.\n        -->\n        <div\n          v-show=\"activeTab === 'manage'\"\n          class=\"w-100 pt-4\"\n        >\n          <div\n            v-if=\"!manageLoaded && !loadFailed\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!--\n            Nothing loaded yet: the editor's empty state would wrongly\n            claim there are no bookmarks after a failed fetch.\n          -->\n          <ARow\n            v-else-if=\"!manageLoaded\"\n            class=\"text-error\"\n            :title=\"t('common.alert.unknownError')\"\n          />\n          <div\n            v-else-if=\"editorLoadFailed\"\n            class=\"d-flex w-100 align-center justify-space-between\"\n          >\n            <span class=\"text-error\">{{ t('common.alert.unknownError') }}</span>\n            <ABtnTertiary\n              data-cy=\"button-retry-editor\"\n              @click.stop=\"loadEditor\"\n            >\n              {{ t('common.button.retry') }}\n            </ABtnTertiary>\n          </div>\n          <div\n            v-else-if=\"!listEditor\"\n            class=\"d-flex w-100 align-center justify-center\"\n          >\n            <VProgressCircular indeterminate />\n          </div>\n          <!--\n            Mounted once the first fetch settles, even if empty, so an empty\n            list shows the editor's empty state. Never unmounted after that.\n          -->\n          <component\n            :is=\"listEditor\"\n            v-else\n            ref=\"editor\"\n            v-model=\"itemsManage\"\n            :position=\"false\"\n            :loading=\"listLoading || saveButtonLoading\"\n            compact-field=\"customName\"\n            :validate=\"validateBookmarkName\"\n            :show-add-button=\"false\"\n            :unsaved-section-label=\"t('common.filter.bookmark.unsavedSection')\"\n          >\n            <template #item=\"{ raw, actions }: { raw: UserAdminConfig; actions: RowUpdate }\">\n              <AFormTextField\n                :model-value=\"raw.customName\"\n                hide-details=\"auto\"\n                @update:model-value=\"actions.update({ ...raw, customName: String($event ?? '') })\"\n              />\n            </template>\n          </component>\n        </div>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <!--\n          Inputs are disabled while a write is out. The change set was read when the button\n          was pressed, so later typing would be lost on the close after a successful save.\n        -->\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          :disabled=\"saveButtonLoading\"\n          @click.stop=\"requestClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <!-- Disabled while the list refreshes: the on-screen order is about to be replaced by the incoming answer. -->\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          :disabled=\"activeTab === 'manage' && (listLoading || !listEditor)\"\n          :loading=\"saveButtonLoading\"\n          @click.stop=\"onConfirm\"\n        >\n          {{ activeTab === 'add' ? t('common.button.add') : t('common.filter.bookmark.saveBookmarkOrder') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n\n  <AUnsavedConfirmDialog\n    v-model=\"guard.promptOpen.value\"\n    :dirty-labels=\"guard.dirtyLabels.value\"\n    @resolve=\"guard.resolvePrompt\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;A,GA0HMyC,IAA2B,K;;;;;;;;;;;EA3FjC,IAAMG,IAAQC,GAaRC,KAAOH,IAIPI,KAAeC,EAAOC,EAAe,GACrCC,IAAaF,EAAOG,EAAa,GACjCC,IAAaJ,EAAOK,EAAsB;EAEhD,IAAIC,EAAYF,CAAU,KAAKE,EAAYP,EAAY,KAAKO,EAAYJ,CAAU,GAChF,MAAU,MAAM,kCAAkC;EAMpD,IAAMK,IAASC,EAAI,EAAI,GAKjBC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAAI,EAAK,GAItBG,IAAaC,GAAsB,GACnCC,IAAmBL,EAAI,EAAK,GAC9BM,IAAgB,IAEdC,IAAa,YAAY;GAC7B,IAAI,IAAW,SAASD,IACxB;IACA,AADA,IAAgB,IAChB,EAAiB,QAAQ;IACzB,IAAI;KACF,EAAW,QAAQ,MAAME,GAAe;IAC1C,QAAQ;KACN,EAAiB,QAAQ;IAC3B,UAAU;KACR,IAAgB;IAClB;GARgB;EASlB,GAEMC,IAAQC,GAAuB;GACnC,SAAS,CAAC;GACV,kBAAkBX;GAClB,YAAY;GACZ,mBAAmB;EACrB,CAAC;EAED,EAAMA,IAAS,MAAS;GACtB,AAAKY,KAAMrB,GAAK,OAAO;EACzB,CAAC;EAED,IAAMsB,UAAqB;GAGzB,AAAIC,EAAkB,UACtB,EAAO,QAAQ;EACjB,GAEMC,WAAmB;GAEvB,AADAL,EAAM,YAAY,GAClB,EAAO,QAAQ;EACjB,GAEMM,IAAYf,EAAsB,KAAK,GACvCgB,IAAahB,EAAI,EAAE,GACnBiB,IAA8BjB,EAAI,EAAK,GACvCkB,IAAsBlB,EAAI,EAAK,GAC/Ba,IAAoBb,EAAI,EAAK,GAC7BmB,IAAcnB,EAAI,EAAK,GACvBoB,IAAapB,EAAI,EAAK,GACtBqB,IAAcrB,EAA4B,CAAC,CAAC,GAU5CsB,MAAwB,MAC5B,CAAC,CAACC,EAAK,cAAcA,EAAK,WAAW,UAAUtC,GAE3C,EAAE,cAAU,kBAAcuC,GAAY,GACtCC,KAAc,EAClB,YAAY;GACV;GACA,WAAWC,GAAUzC,CAAwB;EAC/C,EACF,GACM0C,IAAWjD,GAAa+C,IAAa,EAAE,cAAW,GAAG,EAAE,kBAAkB,GAAK,CAAC,GAC/EG,IAAsBC,GAAuB,GAE7C,EACJ,2BACA,iCACA,oCACA,2BACA,8BAGAC,GAAsB1C,EAAM,QAAQA,EAAM,MAAM,GAC5C,EAAE,SAAM2C,GAAQ,GAChB,EAAE,sBAAmB,sBAAkB,yBAAqB,qBAAiBC,GAAU,GACvF,EAAE,qCAAiCC,GAA0B,GAE7DC,IAASC,GAAyD,QAAQ,GAM1EC,MAAiB,MAAeC,GAAoB,CAAC,KAAK,EAAE,MAAM,UAAU,WAAA,KAE5EC,KAAa,YAAY;GAG7B,IAAI,GAAY,SACXJ,EAAO,OAAO,YAAY,GAC/B;MAAkB,QAAQ;IAC1B,IAAI;KACF,IAAMK,IAAUL,EAAO,MAAM,WAAW;KAGxC,KAAK,IAAMX,KAAQgB,EAAQ,SAAS;MAClC,IAAI;OACF,MAAMC,GAAsBjB,EAAK,EAAE;MACrC,SAAS,GAAG;OACV,IAAI,CAACa,GAAc,CAAC,GAAG,MAAM;MAC/B;MAOA,AAJAR,EAAoB,UAAUa,EAAiB,GAAGlB,EAAK,EAAE,GAIzDW,EAAO,MAAM,eAAeX,EAAK,EAAE;KACrC;KACA,KAAK,IAAMA,KAAQgB,EAAQ,SACzB,MAAMG,GAAsBnB,EAAK,IAAIoB,EAAUpB,CAAI,CAAC;KAStD,AANIF,EAAY,MAAM,SAAS,KAC7B,MAAMuB,GAA+BvB,EAAY,MAAM,KAAK,MAASE,EAAK,EAAE,CAAC,GAI/EsB,GAAW,MAAMC,GAAW,CAAC,GAC7BhC,GAAW;IACb,SAAS,GAAG;KAKV,AAJAiC,EAAkB,CAAC,GAInBnB,EAAoB,UAAUa,EAAiB,CAAC;IAClD,UAAU;KACR,EAAkB,QAAQ;IAC5B;GAtC0B;EAuC5B,GAEM,EAAE,yBAAqBO,GAAiBtD,GAAYH,EAAY,GAEhE0D,IAAiB7D,EAAM,SAAS,MAAMA,EAAM,SAC5CqD,UAAyBb,EAAoB,YAAYsB,EAA0B,SAASD,CAAc,GAE1GE,KAAc,YAAY;GAE9B,AADA,EAAkB,QAAQ,IAC1B,EAAW,QAAQ;GACnB,IAAMC,IAASC,GAA6BjE,EAAM,MAAM;GAMxD,AALA,EAAO,OAAOA,EAAM,MACpB,EAAO,aAAakE,GAAoB,gBACxC,EAAO,aAAaJ,EAA0B,SAC9C,EAAO,iBAAiBD,GACxB,EAAO,aAAajC,EAAW,OAC/B,EAAO,OAAO;IACZ,QAAQuC,GAAiB7D,GAAYE,GAAY,EAAK;IACtD,wBACEqB,EAA4B,SAAS7B,EAAM,yBAAyBA,EAAM,yBAAyB,KAAA;IACrG,QAAQ8B,EAAoB,SAAStB,EAAW,MAAM,SAASA,EAAW,MAAM,SAAS,KAAA;GAC3F;GACA,IAAI;IACF,IAAM,EAAE,UAAO,mBAAgB,MAAMgC,EAAoB,mBACvD;KACE,MAAMxC,EAAM;KACZ,YAAY8D,EAA0B;KACtB;IAClB,GACAM,EACF;IACA,IAAIC,KAAA,GAA6B;KAE/B,AADA,EAAW,QAAQ,IACnB,EAAkB,QAAQ;KAC1B;IACF;IAGA,EAAO,WAAWC,IAAc;IAChC,IAAMC,IAAM,MAAMC,GAAsBR,CAAM;IAU9C,AATAxB,EAAoB,OAAOa,EAAiB,GAAGkB,CAAG,GAGlD,EAAW,QAAQ,IACnBhC,EAAS,MAAM,OAAO,GAEtB,EAAkB,QAAQ,IAG1Bf,EAAa;GACf,SAAS,GAAG;IACV,IACEiD,EAAyB,CAAC,KAC1BC,EAAkC,GAAG,0BAA0B,0CAA0C,GACzG;KACA,GAAa,wCAAwC;KACrD;IACF;IACA,EAAkB,CAAC;GACrB,UAAU;IACR,EAAkB,QAAQ;GAC5B;EACF,GAEMC,WAAkB;GACtB,IAAIhD,EAAU,UAAU,OAAO;IAE7B,IADAY,EAAS,MAAM,OAAO,GAClBA,EAAS,MAAM,UAAU;KAC3B,GAAoB;KACpB;IACF;IACA,GAAY;GACd,OAAO,AAAIZ,EAAU,UAAU,YAG7BuB,GAAW;EAEf,GAII0B,IAAkB,GAClBC,IAAkB,GAEhBnB,KAAa,YAA+C;GAChE,IAAMoB,IAAa,EAAEF;GAKrB,AAFA,KACA,EAAY,QAAQ,IACpB,EAAW,QAAQ;GACnB,IAAI;IACF,IAAMG,IAAQ,MAAMvC,EAAoB,aACtC;KACE,MAAMxC,EAAM;KACZ,YAAY8D,EAA0B;KACtB;IAClB,GACAM,IACA,EACF;IASA,OARIU,MAAeF,IAGfG,MAAU,QACZ,EAAW,QAAQ,IACnBC,GAAiB,GACV,QAEFD,IARoC;GAS7C,SAASE,GAAG;IAKV,OAHIH,MAAeF,MACnB,EAAW,QAAQ,IACnBjB,EAAkBsB,CAAC,IACZ;GACT,UAAU;IAER,AADA,KACA,EAAY,QAAQJ,IAAkB;GACxC;EACF,GAMMpB,MAAc,MAAoC;GACtD,AAAKsB,MACL,EAAY,QAAQA,GACpB,EAAa,QAAQ,IACrBjC,EAAO,OAAO,OAAOiC,CAAK;EAC5B;E,OAEAG,EAAMvD,GAAW,YAAY;GAM3B,IALA,EAAW,QAAQ,IACfA,EAAU,UAAU,aACxBR,EAAgB,GAGZ2B,EAAO,OAAO,aAAY;GAC9B,IAAMiC,IAAQ,MAAMrB,GAAW;GAE/B,AAAIZ,EAAO,OAAO,cAClBW,GAAWsB,CAAK;EAClB,CAAC,I;;G,yBAQCvH,EAyJUC,IAAA;IAxJC,YAAAkD,EAAA;IAAA,uBAAA,AAAAgF,EAAA,QAAA,MAAA,EAAM,QAAAC;IACd,YAAYnE,EAAA;IACZ,OAAO;;IAER,SAAA/D,QAmJQ,CAnJRF,EAmJQG,IAAA,MAAA;KAlJN,SAAAD,QAEiB;MAFjBF,EAEiBI,IAAA,EAFA,UAAQ4D,EAAY,GAAA;OACnC,SAAA9D,QAAuC,CAApCG,EAAAC,EAAAC,EAAAmI,CAAA,CAAC,CAAA,8BAAA,CAAA,GAAA,CAAA,C;;;MAEN1I,EAuHYQ,IAAA,EAvHD,OAAM,OAAM,GAAA;OACrB,SAAAN,QAgBQ;QAhBRF,EAgBQS,IAAA;SAfG,YAAA0D,EAAA;SAAA,uBAAA,AAAAgE,EAAA,QAAA,MAAA,EAAS,QAAAC;SAClB,cAAA;;SAEA,SAAAlI,QAKO,CALPF,EAKOU,GAAA;UAJL,OAAM;UACL,UAAUuD,EAAA;;UAEX,SAAA/D,QAAqC,CAAlCG,EAAAC,EAAAC,EAAAmI,CAAA,CAAC,CAAA,4BAAA,CAAA,GAAA,CAAA,C;;S,qBAEN1I,EAKOU,GAAA;UAJL,OAAM;UACL,UAAUuD,EAAA;;UAEX,SAAA/D,QAAwC,CAArCG,EAAAC,EAAAC,EAAAmI,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,CAAA,C;;;;;QAIAvE,EAAA,UAAS,SADjBtE,EAAA,GAAAC,EAiCM,OAjCNiC,IAiCM;SA7BJ/B,EAAsDW,GAAA,EAA/C,OAAOJ,EAAAmI,CAAA,CAAC,CAAA,iCAAA,E;SAEPlE,EAAA,SADR3E,EAAA,GAAAe,EAIED,GAAA;;UAFA,OAAM;UACL,OAAOJ,EAAAmI,CAAA,CAAC,CAAA,iCAAA;;SAEX1I,EAQOW,GAAA,MAAA;UAPL,SAAAT,QAME,CANFF,EAMEc,GAAA;WALS,YAAAsD,EAAA;WAAA,uBAAA,AAAA+D,EAAA,QAAA,MAAA,EAAU,QAAAC;WAClB,OAAO7H,EAAAmI,CAAA,CAAC,CAAA,6BAAA;WACT,UAAA;WACC,UAAUzE,EAAA;WACV,GAAG1D,EAAAwE,CAAA,CAAQ,CAAC;;;;;;;;;SAGjB/E,EAMOW,GAAA,MAAA;UALL,SAAAT,QAIE,CAJFF,EAIEe,GAAA;WAHS,YAAAsD,EAAA;WAAA,uBAAA,AAAA8D,EAAA,QAAA,MAAA,EAA2B,QAAAC;WACnC,UAAUnE,EAAA;WACV,OAAO1D,EAAAmI,CAAA,CAAC,CAAA,0CAAA;;;;;;;;SAGb1I,EAMOW,GAAA,MAAA;UALL,SAAAT,QAIE,CAJFF,EAIEe,GAAA;WAHS,YAAAuD,EAAA;WAAA,uBAAA,AAAA6D,EAAA,QAAA,MAAA,EAAmB,QAAAC;WAC3B,UAAUnE,EAAA;WACV,OAAO1D,EAAAmI,CAAA,CAAC,CAAA,wCAAA;;;;;;;;;QASf1H,GAAAC,GA6DM,OA7DNe,IA6DM,CAxDK,CAAAqB,EAAA,SAAY,CAAKC,EAAA,SAD1BzD,EAAA,GAAAC,EAKM,OALNmC,IAKM,CADJjC,EAAmCkB,GAAA,EAAhB,eAAA,GAAa,CAAA,C,MAOpBmC,EAAA,QAKDI,EAAA,SADb5D,EAAA,GAAAC,EAWM,OAXNoC,IAWM,CAPJjB,GAAoE,QAApEkB,IAAoE7B,EAAxCC,EAAAmI,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,CAAA,GAC7B1I,EAKe2H,GAAA;SAJb,WAAQ;SACP,SAAKxG,EAAOwC,GAAU,CAAA,MAAA,CAAA;;SAEvB,SAAAzD,QAA8B,CAA3BG,EAAAC,EAAAC,EAAAmI,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,CAAA,C;;Q,QAIMnF,EAAA,SASd1D,EAAA,GAAAe,EAmBYQ,GAlBLmC,EAAA,KAAU,GAAA;;SAEX,SAAA;SAAJ,KAAI+B;SACK,YAAAb,EAAA;SAAA,uBAAA,AAAA0D,EAAA,QAAA,MAAA,EAAW,QAAAC;SACnB,UAAU;SACV,SAAS7D,EAAA,SAAeN,EAAA;SACzB,iBAAc;SACb,UAAUS;SACV,mBAAiB;SACjB,yBAAuBnE,EAAAmI,CAAA,CAAC,CAAA,uCAAA;;SAEd,MAAIxI,GAKX,EALe,QAAK,iBAAO,CAC7BF,EAIEc,GAAA;UAHC,eAAauI,EAAI;UAClB,gBAAa;UACZ,wBAAkB,MAAEC,EAAQ,OAAM;WAAA,GAAMD;WAAG,YAAc,OAAOjB,KAAM,EAAA;UAAA,CAAA;;;;;;;Q,OA1B7EvI,EAAA,GAAAC,EAKM,OALNsC,IAKM,CADJpC,EAAmCkB,GAAA,EAAhB,eAAA,GAAa,CAAA,C,OArBlCrB,EAAA,GAAAe,EAIED,GAAA;;SAFA,OAAM;SACL,OAAOJ,EAAAmI,CAAA,CAAC,CAAA,2BAAA;Q,iCAhBH,CAAArH,IAAA8C,EAAA,UAAS,QAAA,C;;;;MA8DrBnE,EAsBesB,IAAA,MAAA;OArBb,SAAApB,QAAW;QAAXF,EAAWuB,EAAA;QAKXvB,EAMe2H,GAAA;SALb,WAAQ;SACP,UAAU1D,EAAA;SACV,SAAK9C,EAAO6C,GAAY,CAAA,MAAA,CAAA;;SAEzB,SAAA9D,QAA+B,CAA5BG,EAAAC,EAAAC,EAAAmI,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,CAAA,C;;;QAGN1I,EAOc6H,GAAA;SANZ,WAAQ;SACP,UAAU1D,EAAA,UAAS,aAAkBI,EAAA,SAAW,CAAKhB,EAAA;SACrD,SAASU,EAAA;SACT,SAAK9C,EAAOgG,IAAS,CAAA,MAAA,CAAA;;SAEtB,SAAAjH,QAAkG,CAA/FG,EAAAC,EAAA6D,EAAA,UAAS,QAAa5D,EAAAmI,CAAA,CAAC,CAAA,mBAAA,IAAwBnI,EAAAmI,CAAA,CAAC,CAAA,0CAAA,CAAA,GAAA,CAAA,C;;;;;;;;;;G,qCAM3D1I,EAIEwB,IAAA;IAHS,YAAAjB,EAAAsD,CAAA,CAAK,CAAC,WAAW;IAAjB,uBAAA,AAAAsE,EAAA,QAAA,MAAA,EAAAtE,CAAA,CAAK,CAAC,WAAW,QAAKuE;IAC9B,gBAAc7H,EAAAsD,CAAA,CAAK,CAAC,YAAY;IAChC,WAAStD,EAAAsD,CAAA,CAAK,CAAC"}

package/dist/domains/filters/bookmarks/store/bookmarksStore.d.ts

@@ -5,9 +5,9 @@ interface CacheItem<T = UserAdminConfig> {
     lastUsed: number;
     items: T[];
     /**
-     * The entry is known to be behind the server. It keeps its rows -- the filter bar reads them
-     * straight out of this map and dropping them would blank it on screen -- but the next reader is
-     * sent to the server instead of being handed them as current.
+     * The entry is known to be behind the server. It keeps its rows because
+     * the filter bar reads them directly and dropping them would blank it.
+     * The next reader is sent to the server instead.
      */
     stale?: boolean;
 }

package/dist/domains/filters/bookmarks/store/bookmarksStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"bookmarksStore.js","names":["MAX_BOOKMARKS","useFilterBookmarkStore","defineStore","bookmarks","ref","error","fetchSequence","generateKey","systemResource","layoutType","removeOldestBookmark","oldestKey","oldestTime","value","bookmarkKey","getBookmarks","key","identifier","now","forceFetch","cached","usePagination","SortOrder","system","resource","stringSplitOnFirstOccurrence","useUserAdminConfigInnerFilter","UserAdminConfigType","sequence","items","useApiFetch","execute","pagination","filterData","filterConfig","markStale","fetchBookmarkStats","res","item","supersedeInFlight","addOne","data","removeOne","id"],"sources":["../../../../../src/domains/filters/bookmarks/store/bookmarksStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport { useUserAdminConfigInnerFilter } from '@/domains/filters/bookmarks/filter/UserAdminConfigFilter'\nimport {\n  type UserAdminConfig,\n  type UserAdminConfigLayoutTypeType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { UseApiFetchListReturnType } from '@/domains/api/composables/useApiFetchList'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\n\ninterface CacheItem<T = UserAdminConfig> {\n  lastUsed: number\n  items: T[]\n  /**\n   * The entry is known to be behind the server. It keeps its rows -- the filter bar reads them\n   * straight out of this map and dropping them would blank it on screen -- but the next reader is\n   * sent to the server instead of being handed them as current.\n   */\n  stale?: boolean\n}\n\nconst MAX_BOOKMARKS = 3\nexport const MAX_BOOKMARK_ITEMS = 8\n\nexport const useFilterBookmarkStore = defineStore('commonAdminFilterBookmarkStore', () => {\n  const bookmarks = ref(new Map<string, CacheItem>())\n  const error = ref(false)\n  // A forced refetch can be asked for again before the first one has answered -- the bookmark\n  // dialog does exactly that on every entry to its manage tab. Only the newest answer per key is\n  // allowed to become the cache; an older one landing after it would put the filter bar back to\n  // what it showed two refreshes ago.\n  const fetchSequence = new Map<string, number>()\n\n  function generateKey(layoutType: UserAdminConfigLayoutTypeType, systemResource: string) {\n    return `userAdminConfig/${systemResource}/${layoutType}/`\n  }\n\n  function removeOldestBookmark() {\n    let oldestKey: string | null = null\n    let oldestTime = Infinity\n    bookmarks.value.forEach((value, bookmarkKey) => {\n      if (value.lastUsed < oldestTime) {\n        oldestTime = value.lastUsed\n        oldestKey = bookmarkKey\n      }\n    })\n    if (oldestKey !== null) {\n      bookmarks.value.delete(oldestKey)\n    }\n  }\n\n  async function getBookmarks(\n    identifier: {\n      user: IntegerId\n      layoutType: UserAdminConfigLayoutTypeType\n      systemResource: string\n    },\n    useApiFetch: () => UseApiFetchListReturnType<UserAdminConfig>,\n    forceFetch: boolean = false\n  ): Promise<UserAdminConfig[] | null> {\n    error.value = false\n    const key = generateKey(identifier.layoutType, identifier.systemResource)\n    const now = Date.now()\n\n    if (!forceFetch) {\n      const cached = bookmarks.value.get(key)\n      if (cached && !cached.stale) {\n        cached.lastUsed = now\n        return [...cached.items]\n      }\n    }\n\n    const { pagination } = usePagination('position', SortOrder.Asc, {\n      rowsPerPage: MAX_BOOKMARK_ITEMS,\n    })\n    const { start: system, end: resource } = stringSplitOnFirstOccurrence(identifier.systemResource, '_')\n    const { filterConfig, filterData } = useUserAdminConfigInnerFilter(system, resource)\n    filterData.configType = UserAdminConfigType.FilterBookmark\n    filterData.layoutType = identifier.layoutType\n    filterData.systemResource = identifier.systemResource\n    filterData.user = identifier.user\n\n    const sequence = (fetchSequence.get(key) ?? 0) + 1\n    fetchSequence.set(key, sequence)\n\n    let items: UserAdminConfig[]\n    try {\n      const { execute } = useApiFetch()\n      items = await execute(pagination, filterData, filterConfig)\n      if (fetchSequence.get(key) === sequence) {\n        bookmarks.value.set(key, { lastUsed: now, items })\n      }\n    } catch (e) {\n      // An overtaken answer says nothing about the newer one that replaced it, failure included.\n      if (fetchSequence.get(key) === sequence) {\n        error.value = true\n        // A forced refetch is asked for because something is known to have changed, so a failed one\n        // leaves nothing to trust in the cache either.\n        markStale(key)\n      }\n      // `null`, not an empty array: \"there are no bookmarks\" and \"this request died\" are different\n      // answers, and the caller can only tell them apart if they look different. The `error` flag is\n      // one per store, so it cannot say which request it belongs to.\n      return null\n    }\n\n    if (bookmarks.value.size > MAX_BOOKMARKS) {\n      removeOldestBookmark()\n    }\n\n    // A copy, never the array the cache holds. `addOne` pushes into that one so the filter bar\n    // picks the new bookmark up on the spot, and a caller that keeps what it was handed -- the\n    // manage dialog keeps it as its editor's model -- would otherwise get that row pushed into its\n    // list from the outside, where it reads as something the user added and never saved.\n    return [...items]\n  }\n\n  /**\n   * What a new bookmark needs to know: how many there are, which is what the cap is checked\n   * against, and the highest position in use, which is what it has to sort after.\n   *\n   * The two are not the same number. Positions go dense only when the manage dialog saves an\n   * order -- it renumbers exactly the rows it sends -- so a row created while another was pending\n   * deletion leaves a gap behind, and from then on the count is lower than the highest position.\n   * Deriving a new position from the count would then hand it one already in use: two rows on the\n   * same position, which the list has no second key to order by, or with more than one deletion a\n   * position below a row created earlier.\n   */\n  async function fetchBookmarkStats(\n    identifier: {\n      user: IntegerId\n      layoutType: UserAdminConfigLayoutTypeType\n      systemResource: string\n    },\n    useApiFetch: () => UseApiFetchListReturnType<UserAdminConfig>\n  ): Promise<{ count: number; maxPosition: number }> {\n    error.value = false\n    const { pagination } = usePagination('position', SortOrder.Asc, {\n      rowsPerPage: MAX_BOOKMARK_ITEMS + 1,\n    })\n    const { start: system, end: resource } = stringSplitOnFirstOccurrence(identifier.systemResource, '_')\n    const { filterConfig, filterData } = useUserAdminConfigInnerFilter(system, resource)\n    filterData.configType = UserAdminConfigType.FilterBookmark\n    filterData.layoutType = identifier.layoutType\n    filterData.systemResource = identifier.systemResource\n    filterData.user = identifier.user\n\n    try {\n      const { execute } = useApiFetch()\n      // The page is capped one above the maximum a user may have, so a list long enough to hide the\n      // real highest position is also one the count refuses to add to. Read across the rows rather\n      // than off the last one: taking the last would tie this to the sort order asked for above,\n      // and flipping that would quietly turn the highest position into the lowest -- with nothing\n      // to show for it, since the order the bar draws comes from a different call.\n      const res = await execute(pagination, filterData, filterConfig)\n      return {\n        count: res.length,\n        maxPosition: res.length > 0 ? Math.max(...res.map((item) => item.position)) : 0,\n      }\n    } catch (e) {\n      error.value = true\n      // `Infinity` keeps what a failed count has always done: refuse the add rather than create a\n      // bookmark past a cap nobody could check.\n      return { count: Infinity, maxPosition: 0 }\n    }\n  }\n\n  /**\n   * A write straight into what is cached is newer than any answer already on its way, so it counts\n   * as an answer of its own. Without this an in-flight fetch -- issued before the write, so its\n   * rows know nothing about it -- would come back and overwrite the cache, taking the write with\n   * it, and only the next forced fetch would bring it back.\n   */\n  function supersedeInFlight(key: string) {\n    fetchSequence.set(key, (fetchSequence.get(key) ?? 0) + 1)\n  }\n\n  function addOne(key: string, data: UserAdminConfig) {\n    const cached = bookmarks.value.get(key)\n    // Nothing cached means nothing to add to and nothing to protect: superseding here would throw\n    // away the answer of a fetch already on its way and leave the bar with no bookmarks at all,\n    // which is worse than it missing the one just created until the next refresh brings it.\n    if (!cached) return\n    cached.items.push(data)\n    supersedeInFlight(key)\n  }\n\n  /**\n   * Drop one bookmark from what is cached, in place, the way `addOne` adds one -- so a delete that\n   * went through stops being offered by a filter bar that is already on screen. It reads this map\n   * straight and does not fetch again for itself.\n   */\n  function removeOne(key: string, id: IntegerId) {\n    const cached = bookmarks.value.get(key)\n    if (!cached) return\n    cached.items = cached.items.filter((item) => item.id !== id)\n    supersedeInFlight(key)\n  }\n\n  /**\n   * Say that what is cached under this key is behind the server -- after a write whose refresh did\n   * not happen, or one that failed. The rows stay readable for whoever is already showing them; the\n   * next read goes to the server.\n   */\n  function markStale(key: string) {\n    const cached = bookmarks.value.get(key)\n    if (cached) cached.stale = true\n  }\n\n  return {\n    bookmarks,\n    error,\n    getBookmarks,\n    generateKey,\n    addOne,\n    removeOne,\n    markStale,\n    fetchBookmarkStats,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(useFilterBookmarkStore, import.meta.hot))\n}\n"],"mappings":"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"}
+{"version":3,"file":"bookmarksStore.js","names":["MAX_BOOKMARKS","useFilterBookmarkStore","defineStore","bookmarks","ref","error","fetchSequence","generateKey","systemResource","layoutType","removeOldestBookmark","oldestKey","oldestTime","value","bookmarkKey","getBookmarks","key","identifier","now","forceFetch","cached","usePagination","SortOrder","system","resource","stringSplitOnFirstOccurrence","useUserAdminConfigInnerFilter","UserAdminConfigType","sequence","items","useApiFetch","execute","pagination","filterData","filterConfig","markStale","fetchBookmarkStats","res","item","supersedeInFlight","addOne","data","removeOne","id"],"sources":["../../../../../src/domains/filters/bookmarks/store/bookmarksStore.ts"],"sourcesContent":["import { acceptHMRUpdate, defineStore } from 'pinia'\nimport { ref } from 'vue'\nimport { useUserAdminConfigInnerFilter } from '@/domains/filters/bookmarks/filter/UserAdminConfigFilter'\nimport {\n  type UserAdminConfig,\n  type UserAdminConfigLayoutTypeType,\n  UserAdminConfigType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { UseApiFetchListReturnType } from '@/domains/api/composables/useApiFetchList'\nimport { usePagination } from '@/domains/api/composables/pagination'\nimport { SortOrder } from '@/domains/api/types/SortOrder'\nimport { stringSplitOnFirstOccurrence } from '@/shared/utils/string'\n\ninterface CacheItem<T = UserAdminConfig> {\n  lastUsed: number\n  items: T[]\n  /**\n   * The entry is known to be behind the server. It keeps its rows because\n   * the filter bar reads them directly and dropping them would blank it.\n   * The next reader is sent to the server instead.\n   */\n  stale?: boolean\n}\n\nconst MAX_BOOKMARKS = 3\nexport const MAX_BOOKMARK_ITEMS = 8\n\nexport const useFilterBookmarkStore = defineStore('commonAdminFilterBookmarkStore', () => {\n  const bookmarks = ref(new Map<string, CacheItem>())\n  const error = ref(false)\n  // A forced refetch can be requested again before the first\n  // answers, as the bookmark dialog does on every manage tab entry.\n  // Only the newest answer per key becomes the cache, or an older one could restore an outdated filter bar.\n  const fetchSequence = new Map<string, number>()\n\n  function generateKey(layoutType: UserAdminConfigLayoutTypeType, systemResource: string) {\n    return `userAdminConfig/${systemResource}/${layoutType}/`\n  }\n\n  function removeOldestBookmark() {\n    let oldestKey: string | null = null\n    let oldestTime = Infinity\n    bookmarks.value.forEach((value, bookmarkKey) => {\n      if (value.lastUsed < oldestTime) {\n        oldestTime = value.lastUsed\n        oldestKey = bookmarkKey\n      }\n    })\n    if (oldestKey !== null) {\n      bookmarks.value.delete(oldestKey)\n    }\n  }\n\n  async function getBookmarks(\n    identifier: {\n      user: IntegerId\n      layoutType: UserAdminConfigLayoutTypeType\n      systemResource: string\n    },\n    useApiFetch: () => UseApiFetchListReturnType<UserAdminConfig>,\n    forceFetch: boolean = false\n  ): Promise<UserAdminConfig[] | null> {\n    error.value = false\n    const key = generateKey(identifier.layoutType, identifier.systemResource)\n    const now = Date.now()\n\n    if (!forceFetch) {\n      const cached = bookmarks.value.get(key)\n      if (cached && !cached.stale) {\n        cached.lastUsed = now\n        return [...cached.items]\n      }\n    }\n\n    const { pagination } = usePagination('position', SortOrder.Asc, {\n      rowsPerPage: MAX_BOOKMARK_ITEMS,\n    })\n    const { start: system, end: resource } = stringSplitOnFirstOccurrence(identifier.systemResource, '_')\n    const { filterConfig, filterData } = useUserAdminConfigInnerFilter(system, resource)\n    filterData.configType = UserAdminConfigType.FilterBookmark\n    filterData.layoutType = identifier.layoutType\n    filterData.systemResource = identifier.systemResource\n    filterData.user = identifier.user\n\n    const sequence = (fetchSequence.get(key) ?? 0) + 1\n    fetchSequence.set(key, sequence)\n\n    let items: UserAdminConfig[]\n    try {\n      const { execute } = useApiFetch()\n      items = await execute(pagination, filterData, filterConfig)\n      if (fetchSequence.get(key) === sequence) {\n        bookmarks.value.set(key, { lastUsed: now, items })\n      }\n    } catch (e) {\n      // An overtaken answer, including a failure, says nothing about the newer request.\n      if (fetchSequence.get(key) === sequence) {\n        error.value = true\n        // A forced refetch means something changed, so after a failed one the cache cannot be trusted either.\n        markStale(key)\n      }\n      // `null`, not an empty array, so the caller can tell \"no bookmarks\" from \"request failed\".\n      // The store has one `error` flag, so it cannot say which request failed.\n      return null\n    }\n\n    if (bookmarks.value.size > MAX_BOOKMARKS) {\n      removeOldestBookmark()\n    }\n\n    // Return a copy, never the cached array. `addOne` pushes into the cached array so the filter bar updates at once.\n    // A caller that keeps the array, like the manage dialog's editor\n    // model, would otherwise get an unsaved row pushed into it.\n    return [...items]\n  }\n\n  /**\n   * Returns the bookmark count, which the cap is checked against, and\n   * the highest position in use, which a new bookmark sorts after.\n   * These differ. Positions are renumbered only when the manage dialog saves\n   * an order, so a row created while another is pending deletion leaves a gap.\n   * Deriving the position from the count would then reuse a taken position. The list has no second sort key for ties.\n   */\n  async function fetchBookmarkStats(\n    identifier: {\n      user: IntegerId\n      layoutType: UserAdminConfigLayoutTypeType\n      systemResource: string\n    },\n    useApiFetch: () => UseApiFetchListReturnType<UserAdminConfig>\n  ): Promise<{ count: number; maxPosition: number }> {\n    error.value = false\n    const { pagination } = usePagination('position', SortOrder.Asc, {\n      rowsPerPage: MAX_BOOKMARK_ITEMS + 1,\n    })\n    const { start: system, end: resource } = stringSplitOnFirstOccurrence(identifier.systemResource, '_')\n    const { filterConfig, filterData } = useUserAdminConfigInnerFilter(system, resource)\n    filterData.configType = UserAdminConfigType.FilterBookmark\n    filterData.layoutType = identifier.layoutType\n    filterData.systemResource = identifier.systemResource\n    filterData.user = identifier.user\n\n    try {\n      const { execute } = useApiFetch()\n      // The page is capped one above the user's maximum, so a list long enough\n      // to hide the highest position is also one the count refuses to add to.\n      // Take the max across rows, not the last row, so this does not depend on the sort order requested above.\n      const res = await execute(pagination, filterData, filterConfig)\n      return {\n        count: res.length,\n        maxPosition: res.length > 0 ? Math.max(...res.map((item) => item.position)) : 0,\n      }\n    } catch (e) {\n      error.value = true\n      // `Infinity` refuses the add when the count fails, rather than creating a bookmark past an unchecked cap.\n      return { count: Infinity, maxPosition: 0 }\n    }\n  }\n\n  /**\n   * A direct write to the cache is newer than any in-flight fetch, so it counts as an answer.\n   * Otherwise a fetch issued before the write would return and overwrite the cache, losing the write.\n   */\n  function supersedeInFlight(key: string) {\n    fetchSequence.set(key, (fetchSequence.get(key) ?? 0) + 1)\n  }\n\n  function addOne(key: string, data: UserAdminConfig) {\n    const cached = bookmarks.value.get(key)\n    // Nothing cached means nothing to update. Superseding here\n    // would discard an in-flight fetch and leave the bar empty.\n    // Missing the new bookmark until the next refresh is the lesser problem.\n    if (!cached) return\n    cached.items.push(data)\n    supersedeInFlight(key)\n  }\n\n  /**\n   * Removes one bookmark from the cache in place, like `addOne`, so a\n   * filter bar already on screen stops offering it. It does not refetch.\n   */\n  function removeOne(key: string, id: IntegerId) {\n    const cached = bookmarks.value.get(key)\n    if (!cached) return\n    cached.items = cached.items.filter((item) => item.id !== id)\n    supersedeInFlight(key)\n  }\n\n  /**\n   * Marks the cache under this key as behind the server, after a write whose refresh did not happen or failed.\n   * Cached rows stay readable. The next read goes to the server.\n   */\n  function markStale(key: string) {\n    const cached = bookmarks.value.get(key)\n    if (cached) cached.stale = true\n  }\n\n  return {\n    bookmarks,\n    error,\n    getBookmarks,\n    generateKey,\n    addOne,\n    removeOne,\n    markStale,\n    fetchBookmarkStats,\n  }\n})\n\nif (import.meta.hot) {\n  import.meta.hot.accept(acceptHMRUpdate(useFilterBookmarkStore, import.meta.hot))\n}\n"],"mappings":"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"}

package/dist/domains/filters/components/AFilterDatetimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterDatetimePicker.js","names":["_sfc_main","AFilterDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFilterDatetimePicker_default"],"sources":["../../../../src/domains/filters/components/AFilterDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateTimePretty } from '@/shared/utils/datetime'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-datepicker',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name] as DatetimeUTCNullable\n  },\n  set(newValue: DatetimeUTCNullable) {\n    filterData[props.name] = newValue\n    updateSelected()\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\nconst { t } = useI18n()\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n  // `clearOne` writes the value the picker was about to emit, so its own emit is skipped as\n  // unchanged and the model setter below never runs - the bookkeeping has to happen here.\n  filterConfig.touched = true\n  emit('change')\n}\n\nconst updateSelected = () => {\n  // Unlike its siblings this component has no watcher on `filterData`, so `updateSelected` only\n  // ever runs from the model setter - which `ADatetimePicker` suppresses for a programmatic\n  // change. Deleting the chip here would be dead code. The gap that does exist is the opposite\n  // one: a datetime restored from a hash or local storage never shows a chip at all. Adding the\n  // watcher is not mechanical - it makes `clearField` recreate the chip for a non-empty default,\n  // and starts showing datetime chips on eight lists that have none today.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) return\n  filterSelected.value.set(props.name, [{ title: dateTimePretty(modelValue.value), value: modelValue.value }])\n}\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValue\"\n    :data-cy=\"dataCy\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :default-value=\"filterConfigCurrent.default as DatetimeUTCNullable\"\n    :label=\"label\"\n    v-bind=\"$attrs\"\n    @after-clear=\"clearField\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFilterDatetimePicker.js","names":["_sfc_main","AFilterDatetimePicker_vue_vue_type_script_setup_true_lang_default","AFilterDatetimePicker_default"],"sources":["../../../../src/domains/filters/components/AFilterDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateTimePretty } from '@/shared/utils/datetime'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-datepicker',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name] as DatetimeUTCNullable\n  },\n  set(newValue: DatetimeUTCNullable) {\n    filterData[props.name] = newValue\n    updateSelected()\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\nconst { t } = useI18n()\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n  // `clearOne` writes the value the picker was about to emit, so the picker skips its emit as unchanged.\n  // The model setter never runs, so the bookkeeping happens here.\n  filterConfig.touched = true\n  emit('change')\n}\n\nconst updateSelected = () => {\n  // This component has no watcher on `filterData`, so `updateSelected` runs only from the model setter.\n  // `ADatetimePicker` suppresses that for programmatic changes, so deleting the chip here would be dead code.\n  // Known gap: a datetime restored from a hash or local storage shows no chip.\n  // Adding the watcher makes `clearField` recreate the chip for a non-empty\n  // default and adds datetime chips to eight lists that have none.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) return\n  filterSelected.value.set(props.name, [{ title: dateTimePretty(modelValue.value), value: modelValue.value }])\n}\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValue\"\n    :data-cy=\"dataCy\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :default-value=\"filterConfigCurrent.default as DatetimeUTCNullable\"\n    :label=\"label\"\n    v-bind=\"$attrs\"\n    @after-clear=\"clearField\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/filters/components/AFilterDatetimePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterDatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","ADatetimePicker","_mergeProps","ADatetimePicker_default","AFilterDatetimePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","updateSelected","useI18n","filterConfigCurrent","label","t","useFilterClearHelpers","clearField","clearOne","isString","dateTimePretty","openBlock","createBlock","mergeProps","_cache","$event","_ctx"],"sources":["../../../../src/domains/filters/components/AFilterDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateTimePretty } from '@/shared/utils/datetime'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-datepicker',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name] as DatetimeUTCNullable\n  },\n  set(newValue: DatetimeUTCNullable) {\n    filterData[props.name] = newValue\n    updateSelected()\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\nconst { t } = useI18n()\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n  // `clearOne` writes the value the picker was about to emit, so its own emit is skipped as\n  // unchanged and the model setter below never runs - the bookkeeping has to happen here.\n  filterConfig.touched = true\n  emit('change')\n}\n\nconst updateSelected = () => {\n  // Unlike its siblings this component has no watcher on `filterData`, so `updateSelected` only\n  // ever runs from the model setter - which `ADatetimePicker` suppresses for a programmatic\n  // change. Deleting the chip here would be dead code. The gap that does exist is the opposite\n  // one: a datetime restored from a hash or local storage never shows a chip at all. Adding the\n  // watcher is not mechanical - it makes `clearField` recreate the chip for a non-empty default,\n  // and starts showing datetime chips on eight lists that have none today.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) return\n  filterSelected.value.set(props.name, [{ title: dateTimePretty(modelValue.value), value: modelValue.value }])\n}\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValue\"\n    :data-cy=\"dataCy\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :default-value=\"filterConfigCurrent.default as DatetimeUTCNullable\"\n    :label=\"label\"\n    v-bind=\"$attrs\"\n    @after-clear=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAeA,IAAMQ,IAAQC,GASRC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa;EAEvC,IACEC,EAAYT,CAAkB,KAC9BS,EAAYN,CAAc,KAC1BM,EAAYJ,CAAY,KAExBI,EAAYJ,EAAa,OAAOR,EAAM,KAAK,KAC3CY,EAAYF,CAAU,KAEtBE,EAAYF,EAAWV,EAAM,KAAK,GAElC,MAAU,MAAM,kCAAkC;EAGpD,IAAMa,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAOJ,EAAWV,EAAM;GAC1B;GACA,IAAI,GAA+B;IAIjC,AAHA,EAAWA,EAAM,QAAQe,GACzBC,EAAe,GACf,EAAa,UAAU,IACvBd,EAAK,QAAQ;GACf;EACF,CAAC,GAEK,EAAE,SAAMe,EAAQ,GAGhBC,IAAsBJ,QAAeN,EAAa,OAAOR,EAAM,KAAM,GAErEmB,IAAQL,QACLI,EAAoB,MAAM,SAASE,EAAEF,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEK,EAAE,gBAAaG,EAAsB,GAErCC,UAAmB;GAMvB,AALAC,EAASvB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI,GAGtC,EAAa,UAAU,IACvBE,EAAK,QAAQ;EACf,GAEMc,UAAuB;GAO3B,AAAKQ,EAASX,EAAW,KAAK,KAAKA,EAAW,MAAM,WAAW,KAC/DP,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOyB,EAAeZ,EAAW,KAAK;IAAG,OAAOA,EAAW;GAAM,CAAC,CAAC;EAC7G;E,kBAIEpB,EAAA,GAAAC,EAQEC,GARFC,EAQE;GAPS,YAAAiB,EAAA;GAAA,uBAAA,AAAAgB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,WAAS7B,EAAA;GACT,WAAS,CAAGiB,EAAA,MAAoB;GAChC,iBAAeA,EAAA,MAAoB;GACnC,OAAOC,EAAA;EACA3B,GAAAA,EAAAA,QAAM,EACb,cAAa8B,EAAU,CAAA,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA"}
+{"version":3,"file":"AFilterDatetimePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","ADatetimePicker","_mergeProps","ADatetimePicker_default","AFilterDatetimePicker_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","updateSelected","useI18n","filterConfigCurrent","label","t","useFilterClearHelpers","clearField","clearOne","isString","dateTimePretty","openBlock","createBlock","mergeProps","_cache","$event","_ctx"],"sources":["../../../../src/domains/filters/components/AFilterDatetimePicker.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport ADatetimePicker from '@/domains/ui/datetime/components/ADatetimePicker.vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport { dateTimePretty } from '@/shared/utils/datetime'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-datepicker',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name] as DatetimeUTCNullable\n  },\n  set(newValue: DatetimeUTCNullable) {\n    filterData[props.name] = newValue\n    updateSelected()\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\nconst { t } = useI18n()\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n  // `clearOne` writes the value the picker was about to emit, so the picker skips its emit as unchanged.\n  // The model setter never runs, so the bookkeeping happens here.\n  filterConfig.touched = true\n  emit('change')\n}\n\nconst updateSelected = () => {\n  // This component has no watcher on `filterData`, so `updateSelected` runs only from the model setter.\n  // `ADatetimePicker` suppresses that for programmatic changes, so deleting the chip here would be dead code.\n  // Known gap: a datetime restored from a hash or local storage shows no chip.\n  // Adding the watcher makes `clearField` recreate the chip for a non-empty\n  // default and adds datetime chips to eight lists that have none.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) return\n  filterSelected.value.set(props.name, [{ title: dateTimePretty(modelValue.value), value: modelValue.value }])\n}\n</script>\n\n<template>\n  <ADatetimePicker\n    v-model=\"modelValue\"\n    :data-cy=\"dataCy\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :default-value=\"filterConfigCurrent.default as DatetimeUTCNullable\"\n    :label=\"label\"\n    v-bind=\"$attrs\"\n    @after-clear=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAeA,IAAMQ,IAAQC,GASRC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa;EAEvC,IACEC,EAAYT,CAAkB,KAC9BS,EAAYN,CAAc,KAC1BM,EAAYJ,CAAY,KAExBI,EAAYJ,EAAa,OAAOR,EAAM,KAAK,KAC3CY,EAAYF,CAAU,KAEtBE,EAAYF,EAAWV,EAAM,KAAK,GAElC,MAAU,MAAM,kCAAkC;EAGpD,IAAMa,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAOJ,EAAWV,EAAM;GAC1B;GACA,IAAI,GAA+B;IAIjC,AAHA,EAAWA,EAAM,QAAQe,GACzBC,EAAe,GACf,EAAa,UAAU,IACvBd,EAAK,QAAQ;GACf;EACF,CAAC,GAEK,EAAE,SAAMe,EAAQ,GAGhBC,IAAsBJ,QAAeN,EAAa,OAAOR,EAAM,KAAM,GAErEmB,IAAQL,QACLI,EAAoB,MAAM,SAASE,EAAEF,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEK,EAAE,gBAAaG,EAAsB,GAErCC,UAAmB;GAMvB,AALAC,EAASvB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI,GAGtC,EAAa,UAAU,IACvBE,EAAK,QAAQ;EACf,GAEMc,UAAuB;GAM3B,AAAKQ,EAASX,EAAW,KAAK,KAAKA,EAAW,MAAM,WAAW,KAC/DP,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOyB,EAAeZ,EAAW,KAAK;IAAG,OAAOA,EAAW;GAAM,CAAC,CAAC;EAC7G;E,kBAIEpB,EAAA,GAAAC,EAQEC,GARFC,EAQE;GAPS,YAAAiB,EAAA;GAAA,uBAAA,AAAAgB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,WAAS7B,EAAA;GACT,WAAS,CAAGiB,EAAA,MAAoB;GAChC,iBAAeA,EAAA,MAAoB;GACnC,OAAOC,EAAA;EACA3B,GAAAA,EAAAA,QAAM,EACb,cAAa8B,EAAU,CAAA,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA"}

package/dist/domains/filters/components/AFilterInteger.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterInteger.js","names":["_sfc_main","AFilterInteger_vue_vue_type_script_setup_true_lang_default","AFilterInteger_default"],"sources":["../../../../src/domains/filters/components/AFilterInteger.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-integer',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` reaches here when the filter is reset from outside - loading a hash clears every field\n  // before applying it, and the chip has to go with the value. Falling through would leave the\n  // chip naming a value the query no longer carries.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFilterInteger.js","names":["_sfc_main","AFilterInteger_vue_vue_type_script_setup_true_lang_default","AFilterInteger_default"],"sources":["../../../../src/domains/filters/components/AFilterInteger.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-integer',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` arrives when the filter is reset from outside. Loading a hash clears every field first.\n  // The chip must be removed too, or it names a value the query no longer has.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/filters/components/AFilterInteger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterInteger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VTextField","_withModifiers","AFilterInteger_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","filterConfigCurrent","useI18n","label","t","placeholderComputed","useFilterClearHelpers","clearField","clearOne","updateSelected","isNumber","isString","watch","oldValue","isBoolean","openBlock","createBlock","VTextField","_cache","$event","withModifiers"],"sources":["../../../../src/domains/filters/components/AFilterInteger.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-integer',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` reaches here when the filter is reset from outside - loading a hash clears every field\n  // before applying it, and the chip has to go with the value. Falling through would leave the\n  // chip naming a value the query no longer carries.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAMM,IAAQC,GAWRC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa;EAEvC,IACEC,EAAYT,CAAkB,KAC9BS,EAAYN,CAAc,KAC1BM,EAAYJ,CAAY,KAExBI,EAAYJ,EAAa,OAAOR,EAAM,KAAK,KAC3CY,EAAYF,CAAU,KAEtBE,EAAYF,EAAWV,EAAM,KAAK,GAElC,MAAU,MAAM,kCAAkC;EAGpD,IAAMa,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAOJ,EAAWV,EAAM;GAC1B;GACA,IAAI,GAAU;IAGZ,AAFA,EAAWA,EAAM,QAAQe,GACzB,EAAa,UAAU,IACvBb,EAAK,QAAQ;GACf;EACF,CAAC,GAGKc,IAAsBF,QAAeN,EAAa,OAAOR,EAAM,KAAM,GAErE,EAAE,SAAMiB,EAAQ,GAEhBC,IAAQJ,QACLE,EAAoB,MAAM,SAASG,EAAEH,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEKI,IAAsBN,QACrBF,EAAYZ,EAAM,WAAW,IAC9BgB,EAAoB,MAAM,YAAY,eAAqBG,EAAE,2CAA2C,IACxGH,EAAoB,MAAM,YAAY,OAAaG,EAAE,mCAAmC,IACxFH,EAAoB,MAAM,YAAY,WAAiBG,EAAE,yCAAyC,IAC/F,KAJqCnB,EAAM,WAKnD,GAEK,EAAE,gBAAaqB,EAAsB,GAErCC,UAAmB;GAEvB,AADAC,EAASvB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI;EACxC,GAEMwB,UAAuB;GAC3B,AAAIC,EAASZ,EAAW,KAAK,IAC3BP,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW,QAAQ;IAAI,OAAOA,EAAW;GAAM,CAAC,CAAC,IAM9F,CAACa,EAASb,EAAW,KAAK,KAAKA,EAAW,MAAM,WAAW,IAC7DP,EAAe,MAAM,OAAON,EAAM,IAAI,IAGxCM,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW;IAAO,OAAOA,EAAW;GAAM,CAAC,CAAC;EAC7F;E,OAEAc,QACQjB,EAAWV,EAAM,QACtB,GAAU,MAAa;GACtB,AAAIe,MAAaa,KAAYC,EAAUd,CAAQ,KAC/CS,EAAe;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAUEC,GAAA;GATS,YAAAiB,EAAA;GAAA,uBAAA,AAAAoB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,OAAOhB,EAAA;GACP,aAAaE,EAAA;GACb,WAAS,CAAGJ,EAAA,MAAoB;GAChC,WAASf,EAAA;GACV,gBAAA;GACA,cAAa;GACZ,QAAMuB;GACN,iBAAW3B,EAAOyB,GAAU,CAAA,MAAA,CAAA"}
+{"version":3,"file":"AFilterInteger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VTextField","_withModifiers","AFilterInteger_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","filterConfigCurrent","useI18n","label","t","placeholderComputed","useFilterClearHelpers","clearField","clearOne","updateSelected","isNumber","isString","watch","oldValue","isBoolean","openBlock","createBlock","VTextField","_cache","$event","withModifiers"],"sources":["../../../../src/domains/filters/components/AFilterInteger.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-integer',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` arrives when the filter is reset from outside. Loading a hash clears every field first.\n  // The chip must be removed too, or it names a value the query no longer has.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAMM,IAAQC,GAWRC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa;EAEvC,IACEC,EAAYT,CAAkB,KAC9BS,EAAYN,CAAc,KAC1BM,EAAYJ,CAAY,KAExBI,EAAYJ,EAAa,OAAOR,EAAM,KAAK,KAC3CY,EAAYF,CAAU,KAEtBE,EAAYF,EAAWV,EAAM,KAAK,GAElC,MAAU,MAAM,kCAAkC;EAGpD,IAAMa,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAOJ,EAAWV,EAAM;GAC1B;GACA,IAAI,GAAU;IAGZ,AAFA,EAAWA,EAAM,QAAQe,GACzB,EAAa,UAAU,IACvBb,EAAK,QAAQ;GACf;EACF,CAAC,GAGKc,IAAsBF,QAAeN,EAAa,OAAOR,EAAM,KAAM,GAErE,EAAE,SAAMiB,EAAQ,GAEhBC,IAAQJ,QACLE,EAAoB,MAAM,SAASG,EAAEH,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEKI,IAAsBN,QACrBF,EAAYZ,EAAM,WAAW,IAC9BgB,EAAoB,MAAM,YAAY,eAAqBG,EAAE,2CAA2C,IACxGH,EAAoB,MAAM,YAAY,OAAaG,EAAE,mCAAmC,IACxFH,EAAoB,MAAM,YAAY,WAAiBG,EAAE,yCAAyC,IAC/F,KAJqCnB,EAAM,WAKnD,GAEK,EAAE,gBAAaqB,EAAsB,GAErCC,UAAmB;GAEvB,AADAC,EAASvB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI;EACxC,GAEMwB,UAAuB;GAC3B,AAAIC,EAASZ,EAAW,KAAK,IAC3BP,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW,QAAQ;IAAI,OAAOA,EAAW;GAAM,CAAC,CAAC,IAK9F,CAACa,EAASb,EAAW,KAAK,KAAKA,EAAW,MAAM,WAAW,IAC7DP,EAAe,MAAM,OAAON,EAAM,IAAI,IAGxCM,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW;IAAO,OAAOA,EAAW;GAAM,CAAC,CAAC;EAC7F;E,OAEAc,QACQjB,EAAWV,EAAM,QACtB,GAAU,MAAa;GACtB,AAAIe,MAAaa,KAAYC,EAAUd,CAAQ,KAC/CS,EAAe;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAUEC,GAAA;GATS,YAAAiB,EAAA;GAAA,uBAAA,AAAAoB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,OAAOhB,EAAA;GACP,aAAaE,EAAA;GACb,WAAS,CAAGJ,EAAA,MAAoB;GAChC,WAASf,EAAA;GACV,gBAAA;GACA,cAAa;GACZ,QAAMuB;GACN,iBAAW3B,EAAOyB,GAAU,CAAA,MAAA,CAAA"}

package/dist/domains/filters/components/AFilterString.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterString.js","names":["_sfc_main","AFilterString_vue_vue_type_script_setup_true_lang_default","AFilterString_default"],"sources":["../../../../src/domains/filters/components/AFilterString.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-string',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` reaches here when the filter is reset from outside - loading a hash clears every field\n  // before applying it, and the chip has to go with the value. Falling through would leave the\n  // chip naming a value the query no longer carries.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFilterString.js","names":["_sfc_main","AFilterString_vue_vue_type_script_setup_true_lang_default","AFilterString_default"],"sources":["../../../../src/domains/filters/components/AFilterString.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-string',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` arrives when the filter is reset from outside. Loading a hash clears every field first.\n  // The chip must be removed too, or it names a value the query no longer has.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":""}

package/dist/domains/filters/components/AFilterString.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterString.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VTextField","_withModifiers","AFilterString_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","filterConfigCurrent","useI18n","label","t","placeholderComputed","useFilterClearHelpers","clearField","clearOne","updateSelected","isNumber","isString","watch","oldValue","isBoolean","openBlock","createBlock","VTextField","_cache","$event","withModifiers"],"sources":["../../../../src/domains/filters/components/AFilterString.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-string',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` reaches here when the filter is reset from outside - loading a hash clears every field\n  // before applying it, and the chip has to go with the value. Falling through would leave the\n  // chip naming a value the query no longer carries.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAMM,IAAQC,GAWRC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa;EAEvC,IACEC,EAAYT,CAAkB,KAC9BS,EAAYN,CAAc,KAC1BM,EAAYJ,CAAY,KAExBI,EAAYJ,EAAa,OAAOR,EAAM,KAAK,KAC3CY,EAAYF,CAAU,KAEtBE,EAAYF,EAAWV,EAAM,KAAK,GAElC,MAAU,MAAM,kCAAkC;EAGpD,IAAMa,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAOJ,EAAWV,EAAM;GAC1B;GACA,IAAI,GAAU;IAGZ,AAFA,EAAWA,EAAM,QAAQe,GACzB,EAAa,UAAU,IACvBb,EAAK,QAAQ;GACf;EACF,CAAC,GAGKc,IAAsBF,QAAeN,EAAa,OAAOR,EAAM,KAAM,GAErE,EAAE,SAAMiB,EAAQ,GAEhBC,IAAQJ,QACLE,EAAoB,MAAM,SAASG,EAAEH,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEKI,IAAsBN,QACrBF,EAAYZ,EAAM,WAAW,IAC9BgB,EAAoB,MAAM,YAAY,eAAqBG,EAAE,2CAA2C,IACxGH,EAAoB,MAAM,YAAY,OAAaG,EAAE,mCAAmC,IACxFH,EAAoB,MAAM,YAAY,WAAiBG,EAAE,yCAAyC,IAC/F,KAJqCnB,EAAM,WAKnD,GAEK,EAAE,gBAAaqB,EAAsB,GAErCC,UAAmB;GAEvB,AADAC,EAASvB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI;EACxC,GAEMwB,UAAuB;GAC3B,AAAIC,EAASZ,EAAW,KAAK,IAC3BP,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW,QAAQ;IAAI,OAAOA,EAAW;GAAM,CAAC,CAAC,IAM9F,CAACa,EAASb,EAAW,KAAK,KAAKA,EAAW,MAAM,WAAW,IAC7DP,EAAe,MAAM,OAAON,EAAM,IAAI,IAGxCM,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW;IAAO,OAAOA,EAAW;GAAM,CAAC,CAAC;EAC7F;E,OAEAc,QACQjB,EAAWV,EAAM,QACtB,GAAU,MAAa;GACtB,AAAIe,MAAaa,KAAYC,EAAUd,CAAQ,KAC/CS,EAAe;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAUEC,GAAA;GATS,YAAAiB,EAAA;GAAA,uBAAA,AAAAoB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,OAAOhB,EAAA;GACP,aAAaE,EAAA;GACb,WAAS,CAAGJ,EAAA,MAAoB;GAChC,WAASf,EAAA;GACV,gBAAA;GACA,cAAa;GACZ,QAAMuB;GACN,iBAAW3B,EAAOyB,GAAU,CAAA,MAAA,CAAA"}
+{"version":3,"file":"AFilterString.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VTextField","_withModifiers","AFilterString_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","filterConfigCurrent","useI18n","label","t","placeholderComputed","useFilterClearHelpers","clearField","clearOne","updateSelected","isNumber","isString","watch","oldValue","isBoolean","openBlock","createBlock","VTextField","_cache","$event","withModifiers"],"sources":["../../../../src/domains/filters/components/AFilterString.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject, watch } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isBoolean, isNumber, isString, isUndefined } from '@/shared/utils/common'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    placeholder: undefined,\n    dataCy: 'filter-string',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'change'): void\n}>()\n\nconst submitResetCounter = inject(FilterSubmitResetCounterKey)\nconst filterSelected = inject(FilterSelectedKey)\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterConfig) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    filterConfig.touched = true\n    emit('change')\n  },\n})\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.name]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst placeholderComputed = computed(() => {\n  if (!isUndefined(props.placeholder)) return props.placeholder\n  if (filterConfigCurrent.value.variant === 'startsWith') return t('common.model.filterPlaceholder.startsWith')\n  if (filterConfigCurrent.value.variant === 'eq') return t('common.model.filterPlaceholder.eq')\n  if (filterConfigCurrent.value.variant === 'search') return t('common.model.filterPlaceholder.contains')\n  return ''\n})\n\nconst { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = () => {\n  if (isNumber(modelValue.value)) {\n    filterSelected.value.set(props.name, [{ title: modelValue.value + '', value: modelValue.value }])\n    return\n  }\n  // `null` arrives when the filter is reset from outside. Loading a hash clears every field first.\n  // The chip must be removed too, or it names a value the query no longer has.\n  if (!isString(modelValue.value) || modelValue.value.length === 0) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  filterSelected.value.set(props.name, [{ title: modelValue.value, value: modelValue.value }])\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected()\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VTextField\n    v-model=\"modelValue\"\n    :label=\"label\"\n    :placeholder=\"placeholderComputed\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @blur=\"updateSelected\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAMM,IAAQC,GAWRC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa;EAEvC,IACEC,EAAYT,CAAkB,KAC9BS,EAAYN,CAAc,KAC1BM,EAAYJ,CAAY,KAExBI,EAAYJ,EAAa,OAAOR,EAAM,KAAK,KAC3CY,EAAYF,CAAU,KAEtBE,EAAYF,EAAWV,EAAM,KAAK,GAElC,MAAU,MAAM,kCAAkC;EAGpD,IAAMa,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAOJ,EAAWV,EAAM;GAC1B;GACA,IAAI,GAAU;IAGZ,AAFA,EAAWA,EAAM,QAAQe,GACzB,EAAa,UAAU,IACvBb,EAAK,QAAQ;GACf;EACF,CAAC,GAGKc,IAAsBF,QAAeN,EAAa,OAAOR,EAAM,KAAM,GAErE,EAAE,SAAMiB,EAAQ,GAEhBC,IAAQJ,QACLE,EAAoB,MAAM,SAASG,EAAEH,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEKI,IAAsBN,QACrBF,EAAYZ,EAAM,WAAW,IAC9BgB,EAAoB,MAAM,YAAY,eAAqBG,EAAE,2CAA2C,IACxGH,EAAoB,MAAM,YAAY,OAAaG,EAAE,mCAAmC,IACxFH,EAAoB,MAAM,YAAY,WAAiBG,EAAE,yCAAyC,IAC/F,KAJqCnB,EAAM,WAKnD,GAEK,EAAE,gBAAaqB,EAAsB,GAErCC,UAAmB;GAEvB,AADAC,EAASvB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI;EACxC,GAEMwB,UAAuB;GAC3B,AAAIC,EAASZ,EAAW,KAAK,IAC3BP,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW,QAAQ;IAAI,OAAOA,EAAW;GAAM,CAAC,CAAC,IAK9F,CAACa,EAASb,EAAW,KAAK,KAAKA,EAAW,MAAM,WAAW,IAC7DP,EAAe,MAAM,OAAON,EAAM,IAAI,IAGxCM,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAOa,EAAW;IAAO,OAAOA,EAAW;GAAM,CAAC,CAAC;EAC7F;E,OAEAc,QACQjB,EAAWV,EAAM,QACtB,GAAU,MAAa;GACtB,AAAIe,MAAaa,KAAYC,EAAUd,CAAQ,KAC/CS,EAAe;EACjB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIE9B,EAAA,GAAAC,EAUEC,GAAA;GATS,YAAAiB,EAAA;GAAA,uBAAA,AAAAoB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,OAAOhB,EAAA;GACP,aAAaE,EAAA;GACb,WAAS,CAAGJ,EAAA,MAAoB;GAChC,WAASf,EAAA;GACV,gBAAA;GACA,cAAa;GACZ,QAAMuB;GACN,iBAAW3B,EAAOyB,GAAU,CAAA,MAAA,CAAA"}

package/dist/domains/filters/components/AFilterTimeInterval.js

@@ -2,7 +2,7 @@ import e from "../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./AFilterTimeInterval.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                    */
 // src/domains/filters/components/AFilterTimeInterval.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-0426d641"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-5a252715"]]);
 export { n as default };
 
 //# sourceMappingURL=AFilterTimeInterval.js.map