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

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

@@ -1 +1 @@
-{"version":3,"file":"AFilterTimeInterval.js","names":["_sfc_main","_plugin_vue_export_helper_default","AFilterTimeInterval_vue_vue_type_script_setup_true_lang_default","AFilterTimeInterval_default"],"sources":["../../../../src/domains/filters/components/AFilterTimeInterval.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref, watch } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  TimeIntervalSpecialOptions,\n  type TimeIntervalToolsValue,\n  useFilterTimeIntervalValidators,\n  useTimeIntervalOptions,\n} from '@/domains/filters/composables/filterTimeIntervalTools'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AFormDatetimePicker from '@/domains/form/components/AFormDatetimePicker.vue'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { dateTimeNow, dateTimePretty, isDatetimeUTC } from '@/shared/utils/datetime'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nconst props = withDefaults(\n  defineProps<{\n    nameFrom: string\n    nameUntil: string\n    allowed?: TimeIntervalToolsValue[]\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    allowed: undefined,\n    placeholder: undefined,\n    dataCy: 'filter-time-interval',\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.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.nameUntil]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameUntil])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.nameFrom]\n  },\n  set(newValue) {\n    filterData[props.nameFrom] = newValue\n    updateSelected(newValue)\n    filterConfig.touched = true\n    nextTick(() => {\n      emit('change')\n    })\n  },\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { timeIntervalOptions, getTimeIntervalOption } = useTimeIntervalOptions(props.allowed)\nconst modelInternal = ref<TimeIntervalToolsValue>(null)\nconst dialogCustom = ref(false)\nconst dialogData = ref<{ from: DatetimeUTCNullable; until: DatetimeUTCNullable }>({\n  from: null,\n  until: dateTimeNow(),\n})\nconst displayFromTo = ref(false)\n\nconst { v$ } = useFilterTimeIntervalValidators(dialogData)\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.nameFrom]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\nconst { showValidationError } = useAlerts()\n\nconst onClear = () => {\n  clearField()\n  // Clearing means \"back to the default\", which is not always \"everything\" - a pair with an\n  // absolute default keeps its window. Since the value then does not change, neither watcher runs,\n  // so the display and the chip are re-derived here. Showing \"everything\" while the query still\n  // carries the old window would make the control lie about what the list contains.\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n}\n\nconst onDialogConfirm = () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  displayFromTo.value = true\n  dialogCustom.value = false\n  filterData[props.nameUntil] = dialogData.value.until\n  modelValue.value = dialogData.value.from\n}\n\ndefineExpose({ onClear })\n\nconst onDialogClose = () => {\n  dialogCustom.value = false\n  modelInternal.value = null\n}\n\nconst clearField = () => {\n  clearOne(props.nameFrom, filterData, filterConfig)\n  clearOne(props.nameUntil, filterData, filterConfig)\n  filterSelected.value.delete(props.nameFrom)\n}\n\nconst updateSelected = (fromValue: AllowedFilterValues) => {\n  if (isArray(fromValue) || isBoolean(fromValue)) return\n  if (isNull(fromValue) || isUndefined(fromValue)) {\n    filterSelected.value.delete(props.nameFrom)\n    return\n  }\n  const found = getTimeIntervalOption(fromValue as TimeIntervalToolsValue)\n  if (!found && isDatetimeUTC(fromValue)) {\n    const customOption = getTimeIntervalOption(TimeIntervalSpecialOptions.Custom)!\n    filterSelected.value.set(props.nameFrom, [\n      {\n        title:\n          customOption.title +\n          ': ' +\n          dateTimePretty(dialogData.value.from) +\n          ' - ' +\n          dateTimePretty(dialogData.value.until),\n        value: fromValue,\n      },\n    ])\n    return\n  }\n  if (!found) return\n  filterSelected.value.set(props.nameFrom, [{ title: found.title, value: fromValue }])\n}\n\nconst onEditInterval = (clear = false) => {\n  v$.value.$reset()\n  if (clear) {\n    dialogData.value.from = null\n    dialogData.value.until = dateTimeNow()\n  }\n  dialogCustom.value = true\n}\n\n/** What the control shows is derived from the value, never assumed. */\nconst syncDisplayToValue = (newValue: AllowedFilterValues) => {\n  if (isArray(newValue) || isBoolean(newValue)) return\n  displayFromTo.value = false\n  if (isUndefined(newValue) || isNull(newValue)) {\n    modelInternal.value = null\n    return\n  }\n  const found = getTimeIntervalOption(newValue as TimeIntervalToolsValue)\n  const filterDataUntil = filterData[props.nameUntil]\n  if (!found && isDatetimeUTC(newValue) && isDatetimeUTC(filterDataUntil)) {\n    modelInternal.value = TimeIntervalSpecialOptions.Custom\n    dialogData.value.from = newValue\n    dialogData.value.until = filterDataUntil\n    displayFromTo.value = true\n  }\n  if (found) {\n    modelInternal.value = found.value\n  }\n}\n\nwatch(modelValue, syncDisplayToValue, { immediate: true })\n\n// Reset clears every field back to its default and wipes the chips. For a pair whose default is\n// null that is the whole story, but an absolute default survives the reset - the value does not\n// change, so no watcher runs, and the control would keep showing a range with no chip beside it.\n// The wrapper bumps this counter after clearing, which is the one signal that a reset happened.\nwatch(submitResetCounter, () => {\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n})\n\nwatch(\n  [() => filterData[props.nameFrom], () => filterData[props.nameUntil]],\n  ([fromNewValue, untilNewValue], [fromOldValue, untilOldValue]) => {\n    if (fromNewValue === fromOldValue && untilNewValue === untilOldValue) return\n    updateSelected(fromNewValue)\n  },\n  { immediate: true }\n)\n\nconst onInternalItemChange = (item: ValueObjectOption<TimeIntervalToolsValue>) => {\n  if (item.value === TimeIntervalSpecialOptions.Custom) {\n    onEditInterval(true)\n    return\n  }\n  filterData[props.nameUntil] = null\n  modelValue.value = item.value\n}\n</script>\n\n<template>\n  <VTextarea\n    v-if=\"displayFromTo\"\n    :label=\"label\"\n    :model-value=\"dateTimePretty(dialogData.from) + ' - ' + dateTimePretty(dialogData.until)\"\n    readonly\n    rows=\"1\"\n    auto-grow\n    hide-details\n    append-inner-icon=\"mdi-menu-down\"\n    clearable\n    class=\"cursor-pointer\"\n    @click:clear.stop=\"onClear\"\n    @click.stop=\"onEditInterval()\"\n  />\n  <VSelect\n    v-else\n    v-model=\"modelInternal\"\n    item-title=\"title\"\n    item-value=\"value\"\n    :label=\"label\"\n    :clearable=\"!isNull(modelInternal)\"\n    no-filter\n    :data-cy=\"dataCy\"\n    :items=\"timeIntervalOptions\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"onClear\"\n  >\n    <template #item=\"{ props: itemProps, internalItem }\">\n      <VListItem\n        v-bind=\"itemProps\"\n        @click=\"onInternalItemChange(internalItem)\"\n      />\n    </template>\n  </VSelect>\n  <VDialog\n    v-if=\"dialogCustom\"\n    :model-value=\"true\"\n    width=\"auto\"\n    :min-width=\"360\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"onDialogClose\">\n        <slot name=\"title\">\n          {{ label }}\n        </slot>\n      </ADialogToolbar>\n      <VCardText>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.from\"\n            :v=\"v$.dialogData.from\"\n            :label=\"t('common.filter.timeInterval.from')\"\n            required\n          />\n        </ARow>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.until\"\n            :v=\"v$.dialogData.until\"\n            :label=\"t('common.filter.timeInterval.until')\"\n            required\n          />\n        </ARow>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          @click.stop=\"onDialogClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          @click.stop=\"onDialogConfirm\"\n        >\n          {{ t('common.button.confirm') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n\n<style lang=\"scss\" scoped>\n.v-text-field.cursor-pointer {\n  ::v-deep(.v-field),\n  ::v-deep(.v-field__input) {\n    cursor: pointer;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AFilterTimeInterval.js","names":["_sfc_main","_plugin_vue_export_helper_default","AFilterTimeInterval_vue_vue_type_script_setup_true_lang_default","AFilterTimeInterval_default"],"sources":["../../../../src/domains/filters/components/AFilterTimeInterval.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref, watch } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  TimeIntervalSpecialOptions,\n  type TimeIntervalToolsValue,\n  useFilterTimeIntervalValidators,\n  useTimeIntervalOptions,\n} from '@/domains/filters/composables/filterTimeIntervalTools'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AFormDatetimePicker from '@/domains/form/components/AFormDatetimePicker.vue'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { dateTimeNow, dateTimePretty, isDatetimeUTC } from '@/shared/utils/datetime'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nconst props = withDefaults(\n  defineProps<{\n    nameFrom: string\n    nameUntil: string\n    allowed?: TimeIntervalToolsValue[]\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    allowed: undefined,\n    placeholder: undefined,\n    dataCy: 'filter-time-interval',\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.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.nameUntil]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameUntil])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.nameFrom]\n  },\n  set(newValue) {\n    filterData[props.nameFrom] = newValue\n    updateSelected(newValue)\n    filterConfig.touched = true\n    nextTick(() => {\n      emit('change')\n    })\n  },\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { timeIntervalOptions, getTimeIntervalOption } = useTimeIntervalOptions(props.allowed)\nconst modelInternal = ref<TimeIntervalToolsValue>(null)\nconst dialogCustom = ref(false)\nconst dialogData = ref<{ from: DatetimeUTCNullable; until: DatetimeUTCNullable }>({\n  from: null,\n  until: dateTimeNow(),\n})\nconst displayFromTo = ref(false)\n\nconst { v$ } = useFilterTimeIntervalValidators(dialogData)\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.nameFrom]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\nconst { showValidationError } = useAlerts()\n\nconst onClear = () => {\n  clearField()\n  // Clearing restores the default, and an absolute default keeps\n  // its window. The value does not change, so no watcher runs.\n  // Re-derive the display and the chip here, or the control shows \"everything\" while the query still has the window.\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n}\n\nconst onDialogConfirm = () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  displayFromTo.value = true\n  dialogCustom.value = false\n  filterData[props.nameUntil] = dialogData.value.until\n  modelValue.value = dialogData.value.from\n}\n\ndefineExpose({ onClear })\n\nconst onDialogClose = () => {\n  dialogCustom.value = false\n  modelInternal.value = null\n}\n\nconst clearField = () => {\n  clearOne(props.nameFrom, filterData, filterConfig)\n  clearOne(props.nameUntil, filterData, filterConfig)\n  filterSelected.value.delete(props.nameFrom)\n}\n\nconst updateSelected = (fromValue: AllowedFilterValues) => {\n  if (isArray(fromValue) || isBoolean(fromValue)) return\n  if (isNull(fromValue) || isUndefined(fromValue)) {\n    filterSelected.value.delete(props.nameFrom)\n    return\n  }\n  const found = getTimeIntervalOption(fromValue as TimeIntervalToolsValue)\n  if (!found && isDatetimeUTC(fromValue)) {\n    const customOption = getTimeIntervalOption(TimeIntervalSpecialOptions.Custom)!\n    filterSelected.value.set(props.nameFrom, [\n      {\n        title:\n          customOption.title +\n          ': ' +\n          dateTimePretty(dialogData.value.from) +\n          ' - ' +\n          dateTimePretty(dialogData.value.until),\n        value: fromValue,\n      },\n    ])\n    return\n  }\n  if (!found) return\n  filterSelected.value.set(props.nameFrom, [{ title: found.title, value: fromValue }])\n}\n\nconst onEditInterval = (clear = false) => {\n  v$.value.$reset()\n  if (clear) {\n    dialogData.value.from = null\n    dialogData.value.until = dateTimeNow()\n  }\n  dialogCustom.value = true\n}\n\n/** What the control shows is derived from the value, never assumed. */\nconst syncDisplayToValue = (newValue: AllowedFilterValues) => {\n  if (isArray(newValue) || isBoolean(newValue)) return\n  displayFromTo.value = false\n  if (isUndefined(newValue) || isNull(newValue)) {\n    modelInternal.value = null\n    return\n  }\n  const found = getTimeIntervalOption(newValue as TimeIntervalToolsValue)\n  const filterDataUntil = filterData[props.nameUntil]\n  if (!found && isDatetimeUTC(newValue) && isDatetimeUTC(filterDataUntil)) {\n    modelInternal.value = TimeIntervalSpecialOptions.Custom\n    dialogData.value.from = newValue\n    dialogData.value.until = filterDataUntil\n    displayFromTo.value = true\n  }\n  if (found) {\n    modelInternal.value = found.value\n  }\n}\n\nwatch(modelValue, syncDisplayToValue, { immediate: true })\n\n// Reset restores defaults and wipes chips. For an absolute default the value\n// does not change, so no watcher runs and the range would show without a chip.\n// The wrapper bumps this counter after clearing. It is the only signal that a reset happened.\nwatch(submitResetCounter, () => {\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n})\n\nwatch(\n  [() => filterData[props.nameFrom], () => filterData[props.nameUntil]],\n  ([fromNewValue, untilNewValue], [fromOldValue, untilOldValue]) => {\n    if (fromNewValue === fromOldValue && untilNewValue === untilOldValue) return\n    updateSelected(fromNewValue)\n  },\n  { immediate: true }\n)\n\nconst onInternalItemChange = (item: ValueObjectOption<TimeIntervalToolsValue>) => {\n  if (item.value === TimeIntervalSpecialOptions.Custom) {\n    onEditInterval(true)\n    return\n  }\n  filterData[props.nameUntil] = null\n  modelValue.value = item.value\n}\n</script>\n\n<template>\n  <VTextarea\n    v-if=\"displayFromTo\"\n    :label=\"label\"\n    :model-value=\"dateTimePretty(dialogData.from) + ' - ' + dateTimePretty(dialogData.until)\"\n    readonly\n    rows=\"1\"\n    auto-grow\n    hide-details\n    append-inner-icon=\"mdi-menu-down\"\n    clearable\n    class=\"cursor-pointer\"\n    @click:clear.stop=\"onClear\"\n    @click.stop=\"onEditInterval()\"\n  />\n  <VSelect\n    v-else\n    v-model=\"modelInternal\"\n    item-title=\"title\"\n    item-value=\"value\"\n    :label=\"label\"\n    :clearable=\"!isNull(modelInternal)\"\n    no-filter\n    :data-cy=\"dataCy\"\n    :items=\"timeIntervalOptions\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"onClear\"\n  >\n    <template #item=\"{ props: itemProps, internalItem }\">\n      <VListItem\n        v-bind=\"itemProps\"\n        @click=\"onInternalItemChange(internalItem)\"\n      />\n    </template>\n  </VSelect>\n  <VDialog\n    v-if=\"dialogCustom\"\n    :model-value=\"true\"\n    width=\"auto\"\n    :min-width=\"360\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"onDialogClose\">\n        <slot name=\"title\">\n          {{ label }}\n        </slot>\n      </ADialogToolbar>\n      <VCardText>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.from\"\n            :v=\"v$.dialogData.from\"\n            :label=\"t('common.filter.timeInterval.from')\"\n            required\n          />\n        </ARow>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.until\"\n            :v=\"v$.dialogData.until\"\n            :label=\"t('common.filter.timeInterval.until')\"\n            required\n          />\n        </ARow>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          @click.stop=\"onDialogClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          @click.stop=\"onDialogConfirm\"\n        >\n          {{ t('common.button.confirm') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n\n<style lang=\"scss\" scoped>\n.v-text-field.cursor-pointer {\n  ::v-deep(.v-field),\n  ::v-deep(.v-field__input) {\n    cursor: pointer;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/domains/filters/components/AFilterTimeInterval.vue.d.ts

@@ -6,10 +6,12 @@ type __VLS_Props = {
     placeholder?: string | undefined;
     dataCy?: string;
 };
-declare var __VLS_45: {};
-type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_45) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        title?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     onClear: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"AFilterTimeInterval.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","_component_VTextarea","_unref","_withModifiers","_component_VSelect","_withCtx","_createVNode","_component_VListItem","_mergeProps","_component_VDialog","_component_VCard","ADialogToolbar","_renderSlot","_createTextVNode","_toDisplayString","_component_VCardText","ARow","AFormDatetimePicker","_component_VCardActions","_component_VSpacer","_createCommentVNode","ARow_default","ADialogToolbar_default","AFormDatetimePicker_default","AFilterTimeInterval_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","updateSelected","nextTick","useTimeIntervalOptions","modelInternal","ref","dialogCustom","dialogData","dateTimeNow","displayFromTo","useFilterTimeIntervalValidators","filterConfigCurrent","useI18n","label","t","useFilterClearHelpers","useAlerts","onClear","clearField","syncDisplayToValue","onDialogConfirm","v$","showValidationError","onDialogClose","clearOne","isArray","fromValue","isBoolean","isNull","found","getTimeIntervalOption","isDatetimeUTC","customOption","TimeIntervalSpecialOptions","dateTimePretty","onEditInterval","clear","filterDataUntil","watch","fromNewValue","untilNewValue","fromOldValue","untilOldValue","onInternalItemChange","item","_component_ABtnTertiary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createBlock","VTextarea","unref","withModifiers","_cache","VSelect","$event","timeIntervalOptions","withCtx","itemProps","createVNode","VListItem","mergeProps","internalItem","VDialog","VCard","renderSlot","_ctx","createTextVNode","toDisplayString","VCardText","VCardActions","VSpacer","createCommentVNode"],"sources":["../../../../src/domains/filters/components/AFilterTimeInterval.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref, watch } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  TimeIntervalSpecialOptions,\n  type TimeIntervalToolsValue,\n  useFilterTimeIntervalValidators,\n  useTimeIntervalOptions,\n} from '@/domains/filters/composables/filterTimeIntervalTools'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AFormDatetimePicker from '@/domains/form/components/AFormDatetimePicker.vue'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { dateTimeNow, dateTimePretty, isDatetimeUTC } from '@/shared/utils/datetime'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nconst props = withDefaults(\n  defineProps<{\n    nameFrom: string\n    nameUntil: string\n    allowed?: TimeIntervalToolsValue[]\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    allowed: undefined,\n    placeholder: undefined,\n    dataCy: 'filter-time-interval',\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.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.nameUntil]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameUntil])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.nameFrom]\n  },\n  set(newValue) {\n    filterData[props.nameFrom] = newValue\n    updateSelected(newValue)\n    filterConfig.touched = true\n    nextTick(() => {\n      emit('change')\n    })\n  },\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { timeIntervalOptions, getTimeIntervalOption } = useTimeIntervalOptions(props.allowed)\nconst modelInternal = ref<TimeIntervalToolsValue>(null)\nconst dialogCustom = ref(false)\nconst dialogData = ref<{ from: DatetimeUTCNullable; until: DatetimeUTCNullable }>({\n  from: null,\n  until: dateTimeNow(),\n})\nconst displayFromTo = ref(false)\n\nconst { v$ } = useFilterTimeIntervalValidators(dialogData)\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.nameFrom]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\nconst { showValidationError } = useAlerts()\n\nconst onClear = () => {\n  clearField()\n  // Clearing means \"back to the default\", which is not always \"everything\" - a pair with an\n  // absolute default keeps its window. Since the value then does not change, neither watcher runs,\n  // so the display and the chip are re-derived here. Showing \"everything\" while the query still\n  // carries the old window would make the control lie about what the list contains.\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n}\n\nconst onDialogConfirm = () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  displayFromTo.value = true\n  dialogCustom.value = false\n  filterData[props.nameUntil] = dialogData.value.until\n  modelValue.value = dialogData.value.from\n}\n\ndefineExpose({ onClear })\n\nconst onDialogClose = () => {\n  dialogCustom.value = false\n  modelInternal.value = null\n}\n\nconst clearField = () => {\n  clearOne(props.nameFrom, filterData, filterConfig)\n  clearOne(props.nameUntil, filterData, filterConfig)\n  filterSelected.value.delete(props.nameFrom)\n}\n\nconst updateSelected = (fromValue: AllowedFilterValues) => {\n  if (isArray(fromValue) || isBoolean(fromValue)) return\n  if (isNull(fromValue) || isUndefined(fromValue)) {\n    filterSelected.value.delete(props.nameFrom)\n    return\n  }\n  const found = getTimeIntervalOption(fromValue as TimeIntervalToolsValue)\n  if (!found && isDatetimeUTC(fromValue)) {\n    const customOption = getTimeIntervalOption(TimeIntervalSpecialOptions.Custom)!\n    filterSelected.value.set(props.nameFrom, [\n      {\n        title:\n          customOption.title +\n          ': ' +\n          dateTimePretty(dialogData.value.from) +\n          ' - ' +\n          dateTimePretty(dialogData.value.until),\n        value: fromValue,\n      },\n    ])\n    return\n  }\n  if (!found) return\n  filterSelected.value.set(props.nameFrom, [{ title: found.title, value: fromValue }])\n}\n\nconst onEditInterval = (clear = false) => {\n  v$.value.$reset()\n  if (clear) {\n    dialogData.value.from = null\n    dialogData.value.until = dateTimeNow()\n  }\n  dialogCustom.value = true\n}\n\n/** What the control shows is derived from the value, never assumed. */\nconst syncDisplayToValue = (newValue: AllowedFilterValues) => {\n  if (isArray(newValue) || isBoolean(newValue)) return\n  displayFromTo.value = false\n  if (isUndefined(newValue) || isNull(newValue)) {\n    modelInternal.value = null\n    return\n  }\n  const found = getTimeIntervalOption(newValue as TimeIntervalToolsValue)\n  const filterDataUntil = filterData[props.nameUntil]\n  if (!found && isDatetimeUTC(newValue) && isDatetimeUTC(filterDataUntil)) {\n    modelInternal.value = TimeIntervalSpecialOptions.Custom\n    dialogData.value.from = newValue\n    dialogData.value.until = filterDataUntil\n    displayFromTo.value = true\n  }\n  if (found) {\n    modelInternal.value = found.value\n  }\n}\n\nwatch(modelValue, syncDisplayToValue, { immediate: true })\n\n// Reset clears every field back to its default and wipes the chips. For a pair whose default is\n// null that is the whole story, but an absolute default survives the reset - the value does not\n// change, so no watcher runs, and the control would keep showing a range with no chip beside it.\n// The wrapper bumps this counter after clearing, which is the one signal that a reset happened.\nwatch(submitResetCounter, () => {\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n})\n\nwatch(\n  [() => filterData[props.nameFrom], () => filterData[props.nameUntil]],\n  ([fromNewValue, untilNewValue], [fromOldValue, untilOldValue]) => {\n    if (fromNewValue === fromOldValue && untilNewValue === untilOldValue) return\n    updateSelected(fromNewValue)\n  },\n  { immediate: true }\n)\n\nconst onInternalItemChange = (item: ValueObjectOption<TimeIntervalToolsValue>) => {\n  if (item.value === TimeIntervalSpecialOptions.Custom) {\n    onEditInterval(true)\n    return\n  }\n  filterData[props.nameUntil] = null\n  modelValue.value = item.value\n}\n</script>\n\n<template>\n  <VTextarea\n    v-if=\"displayFromTo\"\n    :label=\"label\"\n    :model-value=\"dateTimePretty(dialogData.from) + ' - ' + dateTimePretty(dialogData.until)\"\n    readonly\n    rows=\"1\"\n    auto-grow\n    hide-details\n    append-inner-icon=\"mdi-menu-down\"\n    clearable\n    class=\"cursor-pointer\"\n    @click:clear.stop=\"onClear\"\n    @click.stop=\"onEditInterval()\"\n  />\n  <VSelect\n    v-else\n    v-model=\"modelInternal\"\n    item-title=\"title\"\n    item-value=\"value\"\n    :label=\"label\"\n    :clearable=\"!isNull(modelInternal)\"\n    no-filter\n    :data-cy=\"dataCy\"\n    :items=\"timeIntervalOptions\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"onClear\"\n  >\n    <template #item=\"{ props: itemProps, internalItem }\">\n      <VListItem\n        v-bind=\"itemProps\"\n        @click=\"onInternalItemChange(internalItem)\"\n      />\n    </template>\n  </VSelect>\n  <VDialog\n    v-if=\"dialogCustom\"\n    :model-value=\"true\"\n    width=\"auto\"\n    :min-width=\"360\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"onDialogClose\">\n        <slot name=\"title\">\n          {{ label }}\n        </slot>\n      </ADialogToolbar>\n      <VCardText>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.from\"\n            :v=\"v$.dialogData.from\"\n            :label=\"t('common.filter.timeInterval.from')\"\n            required\n          />\n        </ARow>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.until\"\n            :v=\"v$.dialogData.until\"\n            :label=\"t('common.filter.timeInterval.until')\"\n            required\n          />\n        </ARow>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          @click.stop=\"onDialogClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          @click.stop=\"onDialogConfirm\"\n        >\n          {{ t('common.button.confirm') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n\n<style lang=\"scss\" scoped>\n.v-text-field.cursor-pointer {\n  ::v-deep(.v-field),\n  ::v-deep(.v-field__input) {\n    cursor: pointer;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"AFilterTimeInterval.vue_vue_type_script_setup_true_lang.js","names":["_resolveComponent","_openBlock","_createElementBlock","_Fragment","_createBlock","_component_VTextarea","_unref","_withModifiers","_component_VSelect","_withCtx","_createVNode","_component_VListItem","_mergeProps","_component_VDialog","_component_VCard","ADialogToolbar","_renderSlot","_createTextVNode","_toDisplayString","_component_VCardText","ARow","AFormDatetimePicker","_component_VCardActions","_component_VSpacer","_createCommentVNode","ARow_default","ADialogToolbar_default","AFormDatetimePicker_default","AFilterTimeInterval_vue_vue_type_script_setup_true_lang_default","__expose","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","isUndefined","modelValue","computed","newValue","updateSelected","nextTick","useTimeIntervalOptions","modelInternal","ref","dialogCustom","dialogData","dateTimeNow","displayFromTo","useFilterTimeIntervalValidators","filterConfigCurrent","useI18n","label","t","useFilterClearHelpers","useAlerts","onClear","clearField","syncDisplayToValue","onDialogConfirm","v$","showValidationError","onDialogClose","clearOne","isArray","fromValue","isBoolean","isNull","found","getTimeIntervalOption","isDatetimeUTC","customOption","TimeIntervalSpecialOptions","dateTimePretty","onEditInterval","clear","filterDataUntil","watch","fromNewValue","untilNewValue","fromOldValue","untilOldValue","onInternalItemChange","item","_component_ABtnTertiary","resolveComponent","_component_ABtnPrimary","openBlock","createElementBlock","Fragment","createBlock","VTextarea","unref","withModifiers","_cache","VSelect","$event","timeIntervalOptions","withCtx","itemProps","createVNode","VListItem","mergeProps","internalItem","VDialog","VCard","renderSlot","_ctx","createTextVNode","toDisplayString","VCardText","VCardActions","VSpacer","createCommentVNode"],"sources":["../../../../src/domains/filters/components/AFilterTimeInterval.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref, watch } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport {\n  TimeIntervalSpecialOptions,\n  type TimeIntervalToolsValue,\n  useFilterTimeIntervalValidators,\n  useTimeIntervalOptions,\n} from '@/domains/filters/composables/filterTimeIntervalTools'\nimport ADialogToolbar from '@/domains/ui/components/ADialogToolbar.vue'\nimport AFormDatetimePicker from '@/domains/form/components/AFormDatetimePicker.vue'\nimport type { DatetimeUTCNullable } from '@/shared/types/common'\nimport ARow from '@/domains/ui/components/ARow.vue'\nimport { dateTimeNow, dateTimePretty, isDatetimeUTC } from '@/shared/utils/datetime'\nimport { useAlerts } from '@/domains/system/composables/alerts'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\n\nconst props = withDefaults(\n  defineProps<{\n    nameFrom: string\n    nameUntil: string\n    allowed?: TimeIntervalToolsValue[]\n    placeholder?: string | undefined\n    dataCy?: string\n  }>(),\n  {\n    allowed: undefined,\n    placeholder: undefined,\n    dataCy: 'filter-time-interval',\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.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.nameUntil]) ||\n  isUndefined(filterData) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameFrom]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.nameUntil])\n) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.nameFrom]\n  },\n  set(newValue) {\n    filterData[props.nameFrom] = newValue\n    updateSelected(newValue)\n    filterConfig.touched = true\n    nextTick(() => {\n      emit('change')\n    })\n  },\n})\n\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { timeIntervalOptions, getTimeIntervalOption } = useTimeIntervalOptions(props.allowed)\nconst modelInternal = ref<TimeIntervalToolsValue>(null)\nconst dialogCustom = ref(false)\nconst dialogData = ref<{ from: DatetimeUTCNullable; until: DatetimeUTCNullable }>({\n  from: null,\n  until: dateTimeNow(),\n})\nconst displayFromTo = ref(false)\n\nconst { v$ } = useFilterTimeIntervalValidators(dialogData)\n\n// The setup above throws unless the field is configured.\nconst filterConfigCurrent = computed(() => filterConfig.fields[props.nameFrom]!)\n\nconst { t } = useI18n()\n\nconst label = computed(() => {\n  return filterConfigCurrent.value.titleT ? t(filterConfigCurrent.value.titleT) : undefined\n})\n\nconst { clearOne } = useFilterClearHelpers()\nconst { showValidationError } = useAlerts()\n\nconst onClear = () => {\n  clearField()\n  // Clearing restores the default, and an absolute default keeps\n  // its window. The value does not change, so no watcher runs.\n  // Re-derive the display and the chip here, or the control shows \"everything\" while the query still has the window.\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n}\n\nconst onDialogConfirm = () => {\n  v$.value.$touch()\n  if (v$.value.$invalid) {\n    showValidationError()\n    return\n  }\n  displayFromTo.value = true\n  dialogCustom.value = false\n  filterData[props.nameUntil] = dialogData.value.until\n  modelValue.value = dialogData.value.from\n}\n\ndefineExpose({ onClear })\n\nconst onDialogClose = () => {\n  dialogCustom.value = false\n  modelInternal.value = null\n}\n\nconst clearField = () => {\n  clearOne(props.nameFrom, filterData, filterConfig)\n  clearOne(props.nameUntil, filterData, filterConfig)\n  filterSelected.value.delete(props.nameFrom)\n}\n\nconst updateSelected = (fromValue: AllowedFilterValues) => {\n  if (isArray(fromValue) || isBoolean(fromValue)) return\n  if (isNull(fromValue) || isUndefined(fromValue)) {\n    filterSelected.value.delete(props.nameFrom)\n    return\n  }\n  const found = getTimeIntervalOption(fromValue as TimeIntervalToolsValue)\n  if (!found && isDatetimeUTC(fromValue)) {\n    const customOption = getTimeIntervalOption(TimeIntervalSpecialOptions.Custom)!\n    filterSelected.value.set(props.nameFrom, [\n      {\n        title:\n          customOption.title +\n          ': ' +\n          dateTimePretty(dialogData.value.from) +\n          ' - ' +\n          dateTimePretty(dialogData.value.until),\n        value: fromValue,\n      },\n    ])\n    return\n  }\n  if (!found) return\n  filterSelected.value.set(props.nameFrom, [{ title: found.title, value: fromValue }])\n}\n\nconst onEditInterval = (clear = false) => {\n  v$.value.$reset()\n  if (clear) {\n    dialogData.value.from = null\n    dialogData.value.until = dateTimeNow()\n  }\n  dialogCustom.value = true\n}\n\n/** What the control shows is derived from the value, never assumed. */\nconst syncDisplayToValue = (newValue: AllowedFilterValues) => {\n  if (isArray(newValue) || isBoolean(newValue)) return\n  displayFromTo.value = false\n  if (isUndefined(newValue) || isNull(newValue)) {\n    modelInternal.value = null\n    return\n  }\n  const found = getTimeIntervalOption(newValue as TimeIntervalToolsValue)\n  const filterDataUntil = filterData[props.nameUntil]\n  if (!found && isDatetimeUTC(newValue) && isDatetimeUTC(filterDataUntil)) {\n    modelInternal.value = TimeIntervalSpecialOptions.Custom\n    dialogData.value.from = newValue\n    dialogData.value.until = filterDataUntil\n    displayFromTo.value = true\n  }\n  if (found) {\n    modelInternal.value = found.value\n  }\n}\n\nwatch(modelValue, syncDisplayToValue, { immediate: true })\n\n// Reset restores defaults and wipes chips. For an absolute default the value\n// does not change, so no watcher runs and the range would show without a chip.\n// The wrapper bumps this counter after clearing. It is the only signal that a reset happened.\nwatch(submitResetCounter, () => {\n  syncDisplayToValue(filterData[props.nameFrom])\n  updateSelected(filterData[props.nameFrom])\n})\n\nwatch(\n  [() => filterData[props.nameFrom], () => filterData[props.nameUntil]],\n  ([fromNewValue, untilNewValue], [fromOldValue, untilOldValue]) => {\n    if (fromNewValue === fromOldValue && untilNewValue === untilOldValue) return\n    updateSelected(fromNewValue)\n  },\n  { immediate: true }\n)\n\nconst onInternalItemChange = (item: ValueObjectOption<TimeIntervalToolsValue>) => {\n  if (item.value === TimeIntervalSpecialOptions.Custom) {\n    onEditInterval(true)\n    return\n  }\n  filterData[props.nameUntil] = null\n  modelValue.value = item.value\n}\n</script>\n\n<template>\n  <VTextarea\n    v-if=\"displayFromTo\"\n    :label=\"label\"\n    :model-value=\"dateTimePretty(dialogData.from) + ' - ' + dateTimePretty(dialogData.until)\"\n    readonly\n    rows=\"1\"\n    auto-grow\n    hide-details\n    append-inner-icon=\"mdi-menu-down\"\n    clearable\n    class=\"cursor-pointer\"\n    @click:clear.stop=\"onClear\"\n    @click.stop=\"onEditInterval()\"\n  />\n  <VSelect\n    v-else\n    v-model=\"modelInternal\"\n    item-title=\"title\"\n    item-value=\"value\"\n    :label=\"label\"\n    :clearable=\"!isNull(modelInternal)\"\n    no-filter\n    :data-cy=\"dataCy\"\n    :items=\"timeIntervalOptions\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"onClear\"\n  >\n    <template #item=\"{ props: itemProps, internalItem }\">\n      <VListItem\n        v-bind=\"itemProps\"\n        @click=\"onInternalItemChange(internalItem)\"\n      />\n    </template>\n  </VSelect>\n  <VDialog\n    v-if=\"dialogCustom\"\n    :model-value=\"true\"\n    width=\"auto\"\n    :min-width=\"360\"\n  >\n    <VCard>\n      <ADialogToolbar @cancel=\"onDialogClose\">\n        <slot name=\"title\">\n          {{ label }}\n        </slot>\n      </ADialogToolbar>\n      <VCardText>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.from\"\n            :v=\"v$.dialogData.from\"\n            :label=\"t('common.filter.timeInterval.from')\"\n            required\n          />\n        </ARow>\n        <ARow>\n          <AFormDatetimePicker\n            v-model=\"dialogData.until\"\n            :v=\"v$.dialogData.until\"\n            :label=\"t('common.filter.timeInterval.until')\"\n            required\n          />\n        </ARow>\n      </VCardText>\n      <VCardActions>\n        <VSpacer />\n        <ABtnTertiary\n          data-cy=\"button-cancel\"\n          @click.stop=\"onDialogClose\"\n        >\n          {{ t('common.button.cancel') }}\n        </ABtnTertiary>\n        <ABtnPrimary\n          data-cy=\"button-confirm\"\n          @click.stop=\"onDialogConfirm\"\n        >\n          {{ t('common.button.confirm') }}\n        </ABtnPrimary>\n      </VCardActions>\n    </VCard>\n  </VDialog>\n</template>\n\n<style lang=\"scss\" scoped>\n.v-text-field.cursor-pointer {\n  ::v-deep(.v-field),\n  ::v-deep(.v-field__input) {\n    cursor: pointer;\n  }\n}\n</style>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AFilterValueObjectOptionsSelect.js","names":["_sfc_main","AFilterValueObjectOptionsSelect_vue_vue_type_script_setup_true_lang_default","AFilterValueObjectOptionsSelect_default"],"sources":["../../../../src/domains/filters/components/AFilterValueObjectOptionsSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { computed, inject, watch, getCurrentInstance } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    items: ValueObjectOption<string | number>[]\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-value',\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\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter config. ` +\n      `Name is '${props.name}' and available options are ${Object.keys(filterData).join(', ')}.`\n  )\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    updateSelected(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 { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = (newValue: AllowedFilterValues) => {\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 to `items.find`\n  // would find nothing and leave the previous chip in place, naming a value the query no longer\n  // carries.\n  if (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((modelItemValue) => {\n        const found = props.items.find((item) => item.value === modelItemValue)\n        if (found) return { title: found.title, value: found.value }\n        return { title: modelItemValue as string, value: modelItemValue as string }\n      })\n    )\n    return\n  }\n  const found = props.items.find((item) => item.value === newValue)\n  if (found) {\n    filterSelected.value.set(props.name, [{ title: found.title as string, value: found.value as string }])\n  }\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected(newValue)\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"modelValue\"\n    :items=\"items\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :label=\"label\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AFilterValueObjectOptionsSelect.js","names":["_sfc_main","AFilterValueObjectOptionsSelect_vue_vue_type_script_setup_true_lang_default","AFilterValueObjectOptionsSelect_default"],"sources":["../../../../src/domains/filters/components/AFilterValueObjectOptionsSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { computed, inject, watch, getCurrentInstance } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    items: ValueObjectOption<string | number>[]\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-value',\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\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter config. ` +\n      `Name is '${props.name}' and available options are ${Object.keys(filterData).join(', ')}.`\n  )\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    updateSelected(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 { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = (newValue: AllowedFilterValues) => {\n  // `null` arrives when the filter is reset from outside. Loading a hash clears every field first.\n  // Falling through to `items.find` finds nothing and leaves the old chip naming a value the query no longer has.\n  if (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((modelItemValue) => {\n        const found = props.items.find((item) => item.value === modelItemValue)\n        if (found) return { title: found.title, value: found.value }\n        return { title: modelItemValue as string, value: modelItemValue as string }\n      })\n    )\n    return\n  }\n  const found = props.items.find((item) => item.value === newValue)\n  if (found) {\n    filterSelected.value.set(props.name, [{ title: found.title as string, value: found.value as string }])\n  }\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected(newValue)\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"modelValue\"\n    :items=\"items\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :label=\"label\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"AFilterValueObjectOptionsSelect.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VAutocomplete","_withModifiers","AFilterValueObjectOptionsSelect_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","componentName","getCurrentInstance","isUndefined","modelValue","computed","newValue","updateSelected","filterConfigCurrent","useI18n","label","t","useFilterClearHelpers","clearField","clearOne","isNull","isArray","found","item","modelItemValue","watch","oldValue","isBoolean","openBlock","createBlock","VAutocomplete","_cache","$event","withModifiers"],"sources":["../../../../src/domains/filters/components/AFilterValueObjectOptionsSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { computed, inject, watch, getCurrentInstance } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    items: ValueObjectOption<string | number>[]\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-value',\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\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter config. ` +\n      `Name is '${props.name}' and available options are ${Object.keys(filterData).join(', ')}.`\n  )\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    updateSelected(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 { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = (newValue: AllowedFilterValues) => {\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 to `items.find`\n  // would find nothing and leave the previous chip in place, naming a value the query no longer\n  // carries.\n  if (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((modelItemValue) => {\n        const found = props.items.find((item) => item.value === modelItemValue)\n        if (found) return { title: found.title, value: found.value }\n        return { title: modelItemValue as string, value: modelItemValue as string }\n      })\n    )\n    return\n  }\n  const found = props.items.find((item) => item.value === newValue)\n  if (found) {\n    filterSelected.value.set(props.name, [{ title: found.title as string, value: found.value as string }])\n  }\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected(newValue)\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"modelValue\"\n    :items=\"items\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :label=\"label\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAaA,IAAMM,IAAQC,GAURC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa,GAEjCC,IAAgBC,EAAmB,CAAC,EAAE,KAAK;EAEjD,IACEC,EAAYX,CAAkB,KAC9BW,EAAYR,CAAc,KAC1BQ,EAAYJ,CAAU,KACtBI,EAAYN,CAAY,GAExB,MAAU,MAAM,IAAII,EAAc,mCAAmC;EAGvE,IAEEE,EAAYN,EAAa,OAAOR,EAAM,KAAK,KAE3Cc,EAAYJ,EAAWV,EAAM,KAAK,GAElC,MAAU,MACR,IAAIY,EAAc,sCACJZ,EAAM,KAAK,8BAA8B,OAAO,KAAKU,CAAU,CAAC,CAAC,KAAK,IAAI,EAAE,EAC5F;EAGF,IAAMK,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAON,EAAWV,EAAM;GAC1B;GACA,IAAI,GAAU;IAIZ,AAHA,EAAWA,EAAM,QAAQiB,GACzBC,EAAeD,CAAQ,GACvB,EAAa,UAAU,IACvBf,EAAK,QAAQ;GACf;EACF,CAAC,GAGKiB,IAAsBH,QAAeR,EAAa,OAAOR,EAAM,KAAM,GAErE,EAAE,SAAMoB,EAAQ,GAEhBC,IAAQL,QACLG,EAAoB,MAAM,SAASG,EAAEH,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEK,EAAE,gBAAaI,EAAsB,GAErCC,UAAmB;GAEvB,AADAC,EAASzB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI;EACxC,GAEMkB,KAAkB,MAAkC;GAKxD,IAAIQ,EAAOT,CAAQ,KAAKH,EAAYG,CAAQ,KAAMU,EAAQV,CAAQ,KAAKA,EAAS,WAAW,GAAI;IAC7F,EAAe,MAAM,OAAOjB,EAAM,IAAI;IACtC;GACF;GACA,IAAI2B,EAAQV,CAAQ,GAAG;IACrB,EAAe,MAAM,IACnBjB,EAAM,MACNiB,EAAS,KAAK,MAAmB;KAC/B,IAAMW,IAAQ5B,EAAM,MAAM,MAAM,MAAS6B,EAAK,UAAUC,CAAc;KAEtE,OADIF,IAAc;MAAE,OAAOA,EAAM;MAAO,OAAOA,EAAM;KAAM,IACpD;MAAE,OAAOE;MAA0B,OAAOA;KAAyB;IAC5E,CAAC,CACH;IACA;GACF;GACA,IAAMF,IAAQ5B,EAAM,MAAM,MAAM,MAAS6B,EAAK,UAAUZ,CAAQ;GAChE,AAAIW,KACFtB,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAO4B,EAAM;IAAiB,OAAOA,EAAM;GAAgB,CAAC,CAAC;EAEzG;E,OAEAG,QACQrB,EAAWV,EAAM,QACtB,GAAU,MAAa;GACtB,AAAIiB,MAAae,KAAYC,EAAUhB,CAAQ,KAC/CC,EAAeD,CAAQ;EACzB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIEvB,EAAA,GAAAC,EAWEC,GAAA;GAVS,YAAAmB,EAAA;GAAA,uBAAA,AAAAsB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,OAAOrC,EAAA;GACP,OAAOkB,EAAA,MAAoB;GAC3B,OAAOE,EAAA;GACP,UAAUF,EAAA,MAAoB;GAC9B,WAAS,CAAGA,EAAA,MAAoB;GAChC,WAASlB,EAAA;GACV,gBAAA;GACA,cAAa;GACZ,iBAAWJ,EAAO2B,GAAU,CAAA,MAAA,CAAA"}
+{"version":3,"file":"AFilterValueObjectOptionsSelect.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VAutocomplete","_withModifiers","AFilterValueObjectOptionsSelect_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","submitResetCounter","inject","FilterSubmitResetCounterKey","filterSelected","FilterSelectedKey","filterConfig","FilterConfigKey","filterData","FilterDataKey","componentName","getCurrentInstance","isUndefined","modelValue","computed","newValue","updateSelected","filterConfigCurrent","useI18n","label","t","useFilterClearHelpers","clearField","clearOne","isNull","isArray","found","item","modelItemValue","watch","oldValue","isBoolean","openBlock","createBlock","VAutocomplete","_cache","$event","withModifiers"],"sources":["../../../../src/domains/filters/components/AFilterValueObjectOptionsSelect.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { computed, inject, watch, getCurrentInstance } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isBoolean, isNull, isUndefined } from '@/shared/utils/common'\nimport { type AllowedFilterValues, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst props = withDefaults(\n  defineProps<{\n    name: string\n    items: ValueObjectOption<string | number>[]\n    dataCy?: string\n  }>(),\n  {\n    dataCy: 'filter-value',\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\nconst componentName = getCurrentInstance()?.type.__name\n\nif (\n  isUndefined(submitResetCounter) ||\n  isUndefined(filterSelected) ||\n  isUndefined(filterData) ||\n  isUndefined(filterConfig)\n) {\n  throw new Error(`[${componentName}] Incorrect provide/inject config.`)\n}\n\nif (\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterConfig.fields[props.name]) ||\n  // eslint-disable-next-line vue/no-setup-props-reactivity-loss\n  isUndefined(filterData[props.name])\n) {\n  throw new Error(\n    `[${componentName}] Incorrect filter config. ` +\n      `Name is '${props.name}' and available options are ${Object.keys(filterData).join(', ')}.`\n  )\n}\n\nconst modelValue = computed({\n  get() {\n    return filterData[props.name]\n  },\n  set(newValue) {\n    filterData[props.name] = newValue\n    updateSelected(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 { clearOne } = useFilterClearHelpers()\n\nconst clearField = () => {\n  clearOne(props.name, filterData, filterConfig)\n  filterSelected.value.delete(props.name)\n}\n\nconst updateSelected = (newValue: AllowedFilterValues) => {\n  // `null` arrives when the filter is reset from outside. Loading a hash clears every field first.\n  // Falling through to `items.find` finds nothing and leaves the old chip naming a value the query no longer has.\n  if (isNull(newValue) || isUndefined(newValue) || (isArray(newValue) && newValue.length === 0)) {\n    filterSelected.value.delete(props.name)\n    return\n  }\n  if (isArray(newValue)) {\n    filterSelected.value.set(\n      props.name,\n      newValue.map((modelItemValue) => {\n        const found = props.items.find((item) => item.value === modelItemValue)\n        if (found) return { title: found.title, value: found.value }\n        return { title: modelItemValue as string, value: modelItemValue as string }\n      })\n    )\n    return\n  }\n  const found = props.items.find((item) => item.value === newValue)\n  if (found) {\n    filterSelected.value.set(props.name, [{ title: found.title as string, value: found.value as string }])\n  }\n}\n\nwatch(\n  () => filterData[props.name],\n  (newValue, oldValue) => {\n    if (newValue === oldValue || isBoolean(newValue)) return\n    updateSelected(newValue)\n  },\n  { immediate: true }\n)\n</script>\n\n<template>\n  <VAutocomplete\n    v-model=\"modelValue\"\n    :items=\"items\"\n    :chips=\"filterConfigCurrent.multiple\"\n    :label=\"label\"\n    :multiple=\"filterConfigCurrent.multiple\"\n    :clearable=\"!filterConfigCurrent.mandatory\"\n    :data-cy=\"dataCy\"\n    hide-details\n    autocomplete=\"off\"\n    @click:clear.stop=\"clearField\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAaA,IAAMM,IAAQC,GAURC,IAAOH,GAIPI,IAAqBC,EAAOC,CAA2B,GACvDC,IAAiBF,EAAOG,CAAiB,GACzCC,IAAeJ,EAAOK,CAAe,GACrCC,IAAaN,EAAOO,CAAa,GAEjCC,IAAgBC,EAAmB,CAAC,EAAE,KAAK;EAEjD,IACEC,EAAYX,CAAkB,KAC9BW,EAAYR,CAAc,KAC1BQ,EAAYJ,CAAU,KACtBI,EAAYN,CAAY,GAExB,MAAU,MAAM,IAAII,EAAc,mCAAmC;EAGvE,IAEEE,EAAYN,EAAa,OAAOR,EAAM,KAAK,KAE3Cc,EAAYJ,EAAWV,EAAM,KAAK,GAElC,MAAU,MACR,IAAIY,EAAc,sCACJZ,EAAM,KAAK,8BAA8B,OAAO,KAAKU,CAAU,CAAC,CAAC,KAAK,IAAI,EAAE,EAC5F;EAGF,IAAMK,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAON,EAAWV,EAAM;GAC1B;GACA,IAAI,GAAU;IAIZ,AAHA,EAAWA,EAAM,QAAQiB,GACzBC,EAAeD,CAAQ,GACvB,EAAa,UAAU,IACvBf,EAAK,QAAQ;GACf;EACF,CAAC,GAGKiB,IAAsBH,QAAeR,EAAa,OAAOR,EAAM,KAAM,GAErE,EAAE,SAAMoB,EAAQ,GAEhBC,IAAQL,QACLG,EAAoB,MAAM,SAASG,EAAEH,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEK,EAAE,gBAAaI,EAAsB,GAErCC,UAAmB;GAEvB,AADAC,EAASzB,EAAM,MAAMU,GAAYF,CAAY,GAC7CF,EAAe,MAAM,OAAON,EAAM,IAAI;EACxC,GAEMkB,KAAkB,MAAkC;GAGxD,IAAIQ,EAAOT,CAAQ,KAAKH,EAAYG,CAAQ,KAAMU,EAAQV,CAAQ,KAAKA,EAAS,WAAW,GAAI;IAC7F,EAAe,MAAM,OAAOjB,EAAM,IAAI;IACtC;GACF;GACA,IAAI2B,EAAQV,CAAQ,GAAG;IACrB,EAAe,MAAM,IACnBjB,EAAM,MACNiB,EAAS,KAAK,MAAmB;KAC/B,IAAMW,IAAQ5B,EAAM,MAAM,MAAM,MAAS6B,EAAK,UAAUC,CAAc;KAEtE,OADIF,IAAc;MAAE,OAAOA,EAAM;MAAO,OAAOA,EAAM;KAAM,IACpD;MAAE,OAAOE;MAA0B,OAAOA;KAAyB;IAC5E,CAAC,CACH;IACA;GACF;GACA,IAAMF,IAAQ5B,EAAM,MAAM,MAAM,MAAS6B,EAAK,UAAUZ,CAAQ;GAChE,AAAIW,KACFtB,EAAe,MAAM,IAAIN,EAAM,MAAM,CAAC;IAAE,OAAO4B,EAAM;IAAiB,OAAOA,EAAM;GAAgB,CAAC,CAAC;EAEzG;E,OAEAG,QACQrB,EAAWV,EAAM,QACtB,GAAU,MAAa;GACtB,AAAIiB,MAAae,KAAYC,EAAUhB,CAAQ,KAC/CC,EAAeD,CAAQ;EACzB,GACA,EAAE,WAAW,GAAK,CACpB,I,UAIEvB,EAAA,GAAAC,EAWEC,GAAA;GAVS,YAAAmB,EAAA;GAAA,uBAAA,AAAAsB,EAAA,QAAA,MAAA,EAAU,QAAAC;GAClB,OAAOrC,EAAA;GACP,OAAOkB,EAAA,MAAoB;GAC3B,OAAOE,EAAA;GACP,UAAUF,EAAA,MAAoB;GAC9B,WAAS,CAAGA,EAAA,MAAoB;GAChC,WAASlB,EAAA;GACV,gBAAA;GACA,cAAa;GACZ,iBAAWJ,EAAO2B,GAAU,CAAA,MAAA,CAAA"}

package/dist/domains/filters/components/AFilterWrapper.vue.d.ts

@@ -16,22 +16,24 @@ type __VLS_ModelProps = {
     'showDetail'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_21: {}, __VLS_35: {}, __VLS_69: {}, __VLS_82: {}, __VLS_107: {}, __VLS_123: string, __VLS_124: {
-    itemConfig: import('../composables/filterFactory').FilterField;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_123>]?: (props: typeof __VLS_124) => any;
-} & {
-    top?: (props: typeof __VLS_21) => any;
-} & {
-    bookmarks?: (props: typeof __VLS_35) => any;
-} & {
-    search?: (props: typeof __VLS_69) => any;
-} & {
-    buttons?: (props: typeof __VLS_82) => any;
-} & {
-    detail?: (props: typeof __VLS_107) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        [x: string]: ((props: {
+            itemConfig: import('../composables/filterFactory').FilterField;
+        }) => any) | undefined;
+    } & {
+        top?: (props: {}) => any;
+    } & {
+        bookmarks?: (props: {}) => any;
+    } & {
+        search?: (props: {}) => any;
+    } & {
+        buttons?: (props: {}) => any;
+    } & {
+        detail?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     submit: () => void;
     reset: () => void;

package/dist/domains/filters/components/AFilterWrapperSidebar.vue.d.ts

@@ -1,10 +1,12 @@
 type __VLS_Props = {
     formName?: string;
 };
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     resetFilter: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

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

@@ -1 +1 @@
-{"version":3,"file":"FiltersSelected.js","names":["_sfc_main","FiltersSelected_vue_vue_type_script_setup_true_lang_default","FiltersSelected_default"],"sources":["../../../../src/domains/filters/components/FiltersSelected.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey, FilterDataKey, FilterSelectedKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst getTitleFromConfig = (name: string) => {\n  const titleT = filterConfig.fields?.[name]?.titleT\n  if (titleT) return t(titleT)\n  return name\n}\n\nconst selectedArray = computed(() => {\n  const fieldOrder = Object.keys(filterConfig.fields)\n  return Array.from(filterSelected.value)\n    .filter(([key]) => filterConfig.fields?.[key]?.render?.selected !== false)\n    .map(([key, valueArray]) => ({\n      name: key,\n      title: getTitleFromConfig(key),\n      options: valueArray,\n    }))\n    .sort((a, b) => fieldOrder.indexOf(a.name) - fieldOrder.indexOf(b.name))\n})\n\nconst { clearOneFilterSelected, isClearable } = useFilterClearHelpers()\n\n/**\n * Clearing means \"back to the default\", so on a field already holding its default there is\n * nothing to clear and the close button would do nothing at all - it would drop the chip, write\n * the same value back, and the chip would come straight back. Only fields with a non-null default\n * can reach that state; an array is different, because closing one chip removes one option.\n */\nconst canClear = (name: string) => {\n  if (!isClearable(name, filterConfig)) return false\n  // `isClearable` has just read this same config, so it is there.\n  const config = filterConfig.fields[name]!\n  // A time interval is a pair sharing one chip, and clearing writes the default into both. Only\n  // `until` may differ - the custom dialog opens prefilled, so shortening just the upper bound\n  // leaves `from` at its default - and the button still has work to do then.\n  if (config.type === 'timeInterval' && config.related) {\n    // `createFilter` checked that the related field is configured.\n    const related = filterConfig.fields[config.related]!\n    if (filterData[config.related] !== related.default) return true\n  }\n  const value = filterData[name]\n  if (isArray(value)) return true\n  return value !== config.default\n}\n\nconst clickClose = (name: string, optionValue: number | string) => {\n  clearOneFilterSelected(name, optionValue, filterData, filterConfig, filterSelected)\n  filterConfig.touched = true\n}\n</script>\n\n<template>\n  <div\n    v-for=\"item in selectedArray\"\n    :key=\"item.name\"\n    class=\"a-selected-filters\"\n  >\n    <div class=\"a-selected-filters__label text-body-small\">{{ item.title }}:</div>\n    <div\n      v-for=\"option in item.options\"\n      :key=\"option.value\"\n      class=\"a-selected-filters__chips\"\n    >\n      <VChip\n        v-if=\"canClear(item.name)\"\n        closable\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n        @click:close.stop=\"clickClose(item.name, option.value)\"\n      >\n        <template #close>\n          <VIcon\n            size=\"16\"\n            icon=\"mdi-close-circle\"\n          />\n        </template>\n        {{ option.title }}\n      </VChip>\n      <VChip\n        v-else\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n      >\n        {{ option.title }}\n      </VChip>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-selected-filters {\n  display: inline-flex;\n  align-items: center;\n  background: #f5f5f5;\n  border-radius: 20px;\n  padding: 4px 4px 4px 12px;\n  margin: 0 4px 2px 0;\n  gap: 8px;\n  max-width: 100%;\n\n  &__label {\n    white-space: nowrap;\n  }\n\n  &__chips {\n    display: flex;\n    gap: 4px;\n    flex-wrap: wrap;\n  }\n\n  &__chip {\n    background: white;\n    box-shadow: none;\n\n    .v-chip__content {\n      max-width: 40vw;\n    }\n\n    &:hover .v-chip__close {\n      opacity: 0.8;\n    }\n  }\n\n  .v-chip__close {\n    opacity: 0.3;\n    transition: opacity 0.2s;\n  }\n}\n\n// Values above are hardcoded light, which renders white-on-white in dark theme.\n.v-theme--dark .a-selected-filters {\n  background: rgb(var(--v-theme-on-surface), 0.08);\n\n  .a-selected-filters__chip {\n    background: rgb(var(--v-theme-on-surface), 0.16);\n    color: rgb(var(--v-theme-on-surface));\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"FiltersSelected.js","names":["_sfc_main","FiltersSelected_vue_vue_type_script_setup_true_lang_default","FiltersSelected_default"],"sources":["../../../../src/domains/filters/components/FiltersSelected.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey, FilterDataKey, FilterSelectedKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst getTitleFromConfig = (name: string) => {\n  const titleT = filterConfig.fields?.[name]?.titleT\n  if (titleT) return t(titleT)\n  return name\n}\n\nconst selectedArray = computed(() => {\n  const fieldOrder = Object.keys(filterConfig.fields)\n  return Array.from(filterSelected.value)\n    .filter(([key]) => filterConfig.fields?.[key]?.render?.selected !== false)\n    .map(([key, valueArray]) => ({\n      name: key,\n      title: getTitleFromConfig(key),\n      options: valueArray,\n    }))\n    .sort((a, b) => fieldOrder.indexOf(a.name) - fieldOrder.indexOf(b.name))\n})\n\nconst { clearOneFilterSelected, isClearable } = useFilterClearHelpers()\n\n/**\n * Clearing restores the default. On a field already at its non-null default, the close\n * button would drop the chip, write the same value, and the chip would come back.\n * Arrays differ: closing one chip removes one option.\n */\nconst canClear = (name: string) => {\n  if (!isClearable(name, filterConfig)) return false\n  // `isClearable` has just read this same config, so it is there.\n  const config = filterConfig.fields[name]!\n  // A time interval is a pair sharing one chip, and clearing writes the default into both.\n  // Only `until` may differ, because the custom dialog opens prefilled. The button still has work then.\n  if (config.type === 'timeInterval' && config.related) {\n    // `createFilter` checked that the related field is configured.\n    const related = filterConfig.fields[config.related]!\n    if (filterData[config.related] !== related.default) return true\n  }\n  const value = filterData[name]\n  if (isArray(value)) return true\n  return value !== config.default\n}\n\nconst clickClose = (name: string, optionValue: number | string) => {\n  clearOneFilterSelected(name, optionValue, filterData, filterConfig, filterSelected)\n  filterConfig.touched = true\n}\n</script>\n\n<template>\n  <div\n    v-for=\"item in selectedArray\"\n    :key=\"item.name\"\n    class=\"a-selected-filters\"\n  >\n    <div class=\"a-selected-filters__label text-body-small\">{{ item.title }}:</div>\n    <div\n      v-for=\"option in item.options\"\n      :key=\"option.value\"\n      class=\"a-selected-filters__chips\"\n    >\n      <VChip\n        v-if=\"canClear(item.name)\"\n        closable\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n        @click:close.stop=\"clickClose(item.name, option.value)\"\n      >\n        <template #close>\n          <VIcon\n            size=\"16\"\n            icon=\"mdi-close-circle\"\n          />\n        </template>\n        {{ option.title }}\n      </VChip>\n      <VChip\n        v-else\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n      >\n        {{ option.title }}\n      </VChip>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-selected-filters {\n  display: inline-flex;\n  align-items: center;\n  background: #f5f5f5;\n  border-radius: 20px;\n  padding: 4px 4px 4px 12px;\n  margin: 0 4px 2px 0;\n  gap: 8px;\n  max-width: 100%;\n\n  &__label {\n    white-space: nowrap;\n  }\n\n  &__chips {\n    display: flex;\n    gap: 4px;\n    flex-wrap: wrap;\n  }\n\n  &__chip {\n    background: white;\n    box-shadow: none;\n\n    .v-chip__content {\n      max-width: 40vw;\n    }\n\n    &:hover .v-chip__close {\n      opacity: 0.8;\n    }\n  }\n\n  .v-chip__close {\n    opacity: 0.3;\n    transition: opacity 0.2s;\n  }\n}\n\n// Values above are hardcoded light, which renders white-on-white in dark theme.\n.v-theme--dark .a-selected-filters {\n  background: rgb(var(--v-theme-on-surface), 0.08);\n\n  .a-selected-filters__chip {\n    background: rgb(var(--v-theme-on-surface), 0.16);\n    color: rgb(var(--v-theme-on-surface));\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"FiltersSelected.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createBlock","_component_VChip","_withModifiers","_withCtx","_createVNode","_component_VIcon","_createTextVNode","_hoisted_1","FiltersSelected_vue_vue_type_script_setup_true_lang_default","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","filterSelected","FilterSelectedKey","isUndefined","useI18n","getTitleFromConfig","titleT","name","t","selectedArray","computed","fieldOrder","key","valueArray","a","b","useFilterClearHelpers","canClear","isClearable","config","related","value","isArray","clickClose","clearOneFilterSelected","optionValue","openBlock","createElementBlock","Fragment","renderList","item","createElementVNode","toDisplayString","option","createBlock","VChip","withModifiers","withCtx","createVNode","VIcon","createTextVNode"],"sources":["../../../../src/domains/filters/components/FiltersSelected.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey, FilterDataKey, FilterSelectedKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst getTitleFromConfig = (name: string) => {\n  const titleT = filterConfig.fields?.[name]?.titleT\n  if (titleT) return t(titleT)\n  return name\n}\n\nconst selectedArray = computed(() => {\n  const fieldOrder = Object.keys(filterConfig.fields)\n  return Array.from(filterSelected.value)\n    .filter(([key]) => filterConfig.fields?.[key]?.render?.selected !== false)\n    .map(([key, valueArray]) => ({\n      name: key,\n      title: getTitleFromConfig(key),\n      options: valueArray,\n    }))\n    .sort((a, b) => fieldOrder.indexOf(a.name) - fieldOrder.indexOf(b.name))\n})\n\nconst { clearOneFilterSelected, isClearable } = useFilterClearHelpers()\n\n/**\n * Clearing means \"back to the default\", so on a field already holding its default there is\n * nothing to clear and the close button would do nothing at all - it would drop the chip, write\n * the same value back, and the chip would come straight back. Only fields with a non-null default\n * can reach that state; an array is different, because closing one chip removes one option.\n */\nconst canClear = (name: string) => {\n  if (!isClearable(name, filterConfig)) return false\n  // `isClearable` has just read this same config, so it is there.\n  const config = filterConfig.fields[name]!\n  // A time interval is a pair sharing one chip, and clearing writes the default into both. Only\n  // `until` may differ - the custom dialog opens prefilled, so shortening just the upper bound\n  // leaves `from` at its default - and the button still has work to do then.\n  if (config.type === 'timeInterval' && config.related) {\n    // `createFilter` checked that the related field is configured.\n    const related = filterConfig.fields[config.related]!\n    if (filterData[config.related] !== related.default) return true\n  }\n  const value = filterData[name]\n  if (isArray(value)) return true\n  return value !== config.default\n}\n\nconst clickClose = (name: string, optionValue: number | string) => {\n  clearOneFilterSelected(name, optionValue, filterData, filterConfig, filterSelected)\n  filterConfig.touched = true\n}\n</script>\n\n<template>\n  <div\n    v-for=\"item in selectedArray\"\n    :key=\"item.name\"\n    class=\"a-selected-filters\"\n  >\n    <div class=\"a-selected-filters__label text-body-small\">{{ item.title }}:</div>\n    <div\n      v-for=\"option in item.options\"\n      :key=\"option.value\"\n      class=\"a-selected-filters__chips\"\n    >\n      <VChip\n        v-if=\"canClear(item.name)\"\n        closable\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n        @click:close.stop=\"clickClose(item.name, option.value)\"\n      >\n        <template #close>\n          <VIcon\n            size=\"16\"\n            icon=\"mdi-close-circle\"\n          />\n        </template>\n        {{ option.title }}\n      </VChip>\n      <VChip\n        v-else\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n      >\n        {{ option.title }}\n      </VChip>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-selected-filters {\n  display: inline-flex;\n  align-items: center;\n  background: #f5f5f5;\n  border-radius: 20px;\n  padding: 4px 4px 4px 12px;\n  margin: 0 4px 2px 0;\n  gap: 8px;\n  max-width: 100%;\n\n  &__label {\n    white-space: nowrap;\n  }\n\n  &__chips {\n    display: flex;\n    gap: 4px;\n    flex-wrap: wrap;\n  }\n\n  &__chip {\n    background: white;\n    box-shadow: none;\n\n    .v-chip__content {\n      max-width: 40vw;\n    }\n\n    &:hover .v-chip__close {\n      opacity: 0.8;\n    }\n  }\n\n  .v-chip__close {\n    opacity: 0.3;\n    transition: opacity 0.2s;\n  }\n}\n\n// Values above are hardcoded light, which renders white-on-white in dark theme.\n.v-theme--dark .a-selected-filters {\n  background: rgb(var(--v-theme-on-surface), 0.08);\n\n  .a-selected-filters__chip {\n    background: rgb(var(--v-theme-on-surface), 0.16);\n    color: rgb(var(--v-theme-on-surface));\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAOA,IAAMe,IAAeC,EAAOC,CAAe,GACrCC,IAAaF,EAAOG,CAAa,GACjCC,IAAiBJ,EAAOK,CAAiB;EAE/C,IAAIC,EAAYP,CAAY,KAAKO,EAAYJ,CAAU,KAAKI,EAAYF,CAAc,GACpF,MAAU,MAAM,kCAAkC;EAGpD,IAAM,EAAE,SAAMG,EAAQ,GAEhBC,KAAsB,MAAiB;GAC3C,IAAMC,IAASV,EAAa,SAASW,EAAK,EAAE;GAE5C,OADID,IAAeE,EAAEF,CAAM,IACpBC;EACT,GAEME,IAAgBC,QAAe;GACnC,IAAMC,IAAa,OAAO,KAAKf,EAAa,MAAM;GAClD,OAAO,MAAM,KAAKK,EAAe,KAAK,CAAA,CACnC,QAAQ,CAACW,OAAShB,EAAa,SAASgB,EAAI,EAAE,QAAQ,aAAa,EAAK,CAAA,CACxE,KAAK,CAACA,GAAKC,QAAiB;IAC3B,MAAMD;IACN,OAAOP,EAAmBO,CAAG;IAC7B,SAASC;GACX,EAAE,CAAA,CACD,MAAM,GAAG,MAAMF,EAAW,QAAQG,EAAE,IAAI,IAAIH,EAAW,QAAQI,EAAE,IAAI,CAAC;EAC3E,CAAC,GAEK,EAAE,2BAAwB,mBAAgBC,EAAsB,GAQhEC,KAAY,MAAiB;GACjC,IAAI,CAACC,EAAYX,GAAMX,CAAY,GAAG,OAAO;GAE7C,IAAMuB,IAASvB,EAAa,OAAOW;GAInC,IAAIY,EAAO,SAAS,kBAAkBA,EAAO,SAAS;IAEpD,IAAMC,IAAUxB,EAAa,OAAOuB,EAAO;IAC3C,IAAIpB,EAAWoB,EAAO,aAAaC,EAAQ,SAAS,OAAO;GAC7D;GACA,IAAMC,IAAQtB,EAAWQ;GAEzB,OADIe,EAAQD,CAAK,IAAU,KACpBA,MAAUF,EAAO;EAC1B,GAEMI,KAAc,GAAc,MAAiC;GAEjE,AADAC,EAAuBjB,GAAMkB,GAAa1B,GAAYH,GAAcK,CAAc,GAClF,EAAa,UAAU;EACzB;E,kBAIEpB,EAAA,EAAA,GAAAC,EAmCMC,GAAA,MAAAC,EAlCWyB,EAAA,QAAR,OADT5B,EAAA,GAAAC,EAmCM,OAAA;GAjCH,KAAKgD,EAAK;GACX,OAAM;E,IAEN7C,EAA8E,OAA9ES,GAA8ER,EAApB4C,EAAK,KAAK,IAAG,KAAC,CAAA,IACxEjD,EAAA,EAAA,GAAAC,EA4BMC,GAAA,MAAAC,EA3Ba8C,EAAK,UAAf,OADTjD,EAAA,GAAAC,EA4BM,OAAA;GA1BH,KAAKmD,EAAO;GACb,OAAM;E,IAGEhB,EAASa,EAAK,IAAI,KAD1BjD,EAAA,GAAAM,EAeQC,GAAA;;GAbN,UAAA;GACA,eAAY;GACZ,MAAK;GACL,OAAM;GACL,iBAAWC,GAAA,MAAOkC,EAAWO,EAAK,MAAMG,EAAO,KAAK,GAAA,CAAA,MAAA,CAAA;;GAE1C,OAAK3C,QAIZ,CAHFC,EAGEC,GAAA;IAFA,MAAK;IACL,MAAK;;GAEE,SAAAF,QACX,CADWG,EAAA,MACXP,EAAG+C,EAAO,KAAK,GAAA,CAAA,C;;E,gCAEjBpD,EAAA,GAAAM,EAMQC,GAAA;;GAJN,MAAK;GACL,OAAM;;GAEN,SAAAE,QAAkB,CAAfG,EAAAP,EAAA+C,EAAO,KAAK,GAAA,CAAA,C"}
+{"version":3,"file":"FiltersSelected.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createBlock","_component_VChip","_withModifiers","_withCtx","_createVNode","_component_VIcon","_createTextVNode","_hoisted_1","FiltersSelected_vue_vue_type_script_setup_true_lang_default","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","filterSelected","FilterSelectedKey","isUndefined","useI18n","getTitleFromConfig","titleT","name","t","selectedArray","computed","fieldOrder","key","valueArray","a","b","useFilterClearHelpers","canClear","isClearable","config","related","value","isArray","clickClose","clearOneFilterSelected","optionValue","openBlock","createElementBlock","Fragment","renderList","item","createElementVNode","toDisplayString","option","createBlock","VChip","withModifiers","withCtx","createVNode","VIcon","createTextVNode"],"sources":["../../../../src/domains/filters/components/FiltersSelected.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { FilterConfigKey, FilterDataKey, FilterSelectedKey } from '@/domains/filters/utils/filterInjectionKeys'\nimport { isArray, isUndefined } from '@/shared/utils/common'\nimport { useI18n } from 'vue-i18n'\nimport { useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst { t } = useI18n()\n\nconst getTitleFromConfig = (name: string) => {\n  const titleT = filterConfig.fields?.[name]?.titleT\n  if (titleT) return t(titleT)\n  return name\n}\n\nconst selectedArray = computed(() => {\n  const fieldOrder = Object.keys(filterConfig.fields)\n  return Array.from(filterSelected.value)\n    .filter(([key]) => filterConfig.fields?.[key]?.render?.selected !== false)\n    .map(([key, valueArray]) => ({\n      name: key,\n      title: getTitleFromConfig(key),\n      options: valueArray,\n    }))\n    .sort((a, b) => fieldOrder.indexOf(a.name) - fieldOrder.indexOf(b.name))\n})\n\nconst { clearOneFilterSelected, isClearable } = useFilterClearHelpers()\n\n/**\n * Clearing restores the default. On a field already at its non-null default, the close\n * button would drop the chip, write the same value, and the chip would come back.\n * Arrays differ: closing one chip removes one option.\n */\nconst canClear = (name: string) => {\n  if (!isClearable(name, filterConfig)) return false\n  // `isClearable` has just read this same config, so it is there.\n  const config = filterConfig.fields[name]!\n  // A time interval is a pair sharing one chip, and clearing writes the default into both.\n  // Only `until` may differ, because the custom dialog opens prefilled. The button still has work then.\n  if (config.type === 'timeInterval' && config.related) {\n    // `createFilter` checked that the related field is configured.\n    const related = filterConfig.fields[config.related]!\n    if (filterData[config.related] !== related.default) return true\n  }\n  const value = filterData[name]\n  if (isArray(value)) return true\n  return value !== config.default\n}\n\nconst clickClose = (name: string, optionValue: number | string) => {\n  clearOneFilterSelected(name, optionValue, filterData, filterConfig, filterSelected)\n  filterConfig.touched = true\n}\n</script>\n\n<template>\n  <div\n    v-for=\"item in selectedArray\"\n    :key=\"item.name\"\n    class=\"a-selected-filters\"\n  >\n    <div class=\"a-selected-filters__label text-body-small\">{{ item.title }}:</div>\n    <div\n      v-for=\"option in item.options\"\n      :key=\"option.value\"\n      class=\"a-selected-filters__chips\"\n    >\n      <VChip\n        v-if=\"canClear(item.name)\"\n        closable\n        close-label=\"common.button.remove\"\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n        @click:close.stop=\"clickClose(item.name, option.value)\"\n      >\n        <template #close>\n          <VIcon\n            size=\"16\"\n            icon=\"mdi-close-circle\"\n          />\n        </template>\n        {{ option.title }}\n      </VChip>\n      <VChip\n        v-else\n        size=\"small\"\n        class=\"a-selected-filters__chip\"\n      >\n        {{ option.title }}\n      </VChip>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.a-selected-filters {\n  display: inline-flex;\n  align-items: center;\n  background: #f5f5f5;\n  border-radius: 20px;\n  padding: 4px 4px 4px 12px;\n  margin: 0 4px 2px 0;\n  gap: 8px;\n  max-width: 100%;\n\n  &__label {\n    white-space: nowrap;\n  }\n\n  &__chips {\n    display: flex;\n    gap: 4px;\n    flex-wrap: wrap;\n  }\n\n  &__chip {\n    background: white;\n    box-shadow: none;\n\n    .v-chip__content {\n      max-width: 40vw;\n    }\n\n    &:hover .v-chip__close {\n      opacity: 0.8;\n    }\n  }\n\n  .v-chip__close {\n    opacity: 0.3;\n    transition: opacity 0.2s;\n  }\n}\n\n// Values above are hardcoded light, which renders white-on-white in dark theme.\n.v-theme--dark .a-selected-filters {\n  background: rgb(var(--v-theme-on-surface), 0.08);\n\n  .a-selected-filters__chip {\n    background: rgb(var(--v-theme-on-surface), 0.16);\n    color: rgb(var(--v-theme-on-surface));\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAOA,IAAMe,IAAeC,EAAOC,CAAe,GACrCC,IAAaF,EAAOG,CAAa,GACjCC,IAAiBJ,EAAOK,CAAiB;EAE/C,IAAIC,EAAYP,CAAY,KAAKO,EAAYJ,CAAU,KAAKI,EAAYF,CAAc,GACpF,MAAU,MAAM,kCAAkC;EAGpD,IAAM,EAAE,SAAMG,EAAQ,GAEhBC,KAAsB,MAAiB;GAC3C,IAAMC,IAASV,EAAa,SAASW,EAAK,EAAE;GAE5C,OADID,IAAeE,EAAEF,CAAM,IACpBC;EACT,GAEME,IAAgBC,QAAe;GACnC,IAAMC,IAAa,OAAO,KAAKf,EAAa,MAAM;GAClD,OAAO,MAAM,KAAKK,EAAe,KAAK,CAAA,CACnC,QAAQ,CAACW,OAAShB,EAAa,SAASgB,EAAI,EAAE,QAAQ,aAAa,EAAK,CAAA,CACxE,KAAK,CAACA,GAAKC,QAAiB;IAC3B,MAAMD;IACN,OAAOP,EAAmBO,CAAG;IAC7B,SAASC;GACX,EAAE,CAAA,CACD,MAAM,GAAG,MAAMF,EAAW,QAAQG,EAAE,IAAI,IAAIH,EAAW,QAAQI,EAAE,IAAI,CAAC;EAC3E,CAAC,GAEK,EAAE,2BAAwB,mBAAgBC,EAAsB,GAOhEC,KAAY,MAAiB;GACjC,IAAI,CAACC,EAAYX,GAAMX,CAAY,GAAG,OAAO;GAE7C,IAAMuB,IAASvB,EAAa,OAAOW;GAGnC,IAAIY,EAAO,SAAS,kBAAkBA,EAAO,SAAS;IAEpD,IAAMC,IAAUxB,EAAa,OAAOuB,EAAO;IAC3C,IAAIpB,EAAWoB,EAAO,aAAaC,EAAQ,SAAS,OAAO;GAC7D;GACA,IAAMC,IAAQtB,EAAWQ;GAEzB,OADIe,EAAQD,CAAK,IAAU,KACpBA,MAAUF,EAAO;EAC1B,GAEMI,KAAc,GAAc,MAAiC;GAEjE,AADAC,EAAuBjB,GAAMkB,GAAa1B,GAAYH,GAAcK,CAAc,GAClF,EAAa,UAAU;EACzB;E,kBAIEpB,EAAA,EAAA,GAAAC,EAmCMC,GAAA,MAAAC,EAlCWyB,EAAA,QAAR,OADT5B,EAAA,GAAAC,EAmCM,OAAA;GAjCH,KAAKgD,EAAK;GACX,OAAM;E,IAEN7C,EAA8E,OAA9ES,GAA8ER,EAApB4C,EAAK,KAAK,IAAG,KAAC,CAAA,IACxEjD,EAAA,EAAA,GAAAC,EA4BMC,GAAA,MAAAC,EA3Ba8C,EAAK,UAAf,OADTjD,EAAA,GAAAC,EA4BM,OAAA;GA1BH,KAAKmD,EAAO;GACb,OAAM;E,IAGEhB,EAASa,EAAK,IAAI,KAD1BjD,EAAA,GAAAM,EAeQC,GAAA;;GAbN,UAAA;GACA,eAAY;GACZ,MAAK;GACL,OAAM;GACL,iBAAWC,GAAA,MAAOkC,EAAWO,EAAK,MAAMG,EAAO,KAAK,GAAA,CAAA,MAAA,CAAA;;GAE1C,OAAK3C,QAIZ,CAHFC,EAGEC,GAAA;IAFA,MAAK;IACL,MAAK;;GAEE,SAAAF,QACX,CADWG,EAAA,MACXP,EAAG+C,EAAO,KAAK,GAAA,CAAA,C;;E,gCAEjBpD,EAAA,GAAAM,EAMQC,GAAA;;GAJN,MAAK;GACL,OAAM;;GAEN,SAAAE,QAAkB,CAAfG,EAAAP,EAAA+C,EAAO,KAAK,GAAA,CAAA,C"}

package/dist/domains/filters/composables/filterFactory.d.ts

@@ -8,13 +8,10 @@ export type FilterStoreIdentifier = {
     subject: string;
 };
 /**
- * Hash for a filter link, with values equal to their default left out.
- *
- * Pair it with `router.push({ name, hash })`, which needs the leading `#` — without it vue-router
- * glues the value onto the path instead. A hash still containing `%` (diacritics, `&`, `=`) does
- * not survive that trip; check with `isRouterSafeHash` and fall back to assigning
- * `window.location.hash` after navigating. Returns an empty string when nothing differs from
- * the defaults.
+ * Hash for a filter link, leaving out values equal to their default. Returns an empty string when nothing differs.
+ * Use with `router.push({ name, hash })`. The hash needs the leading `#`, or vue-router appends it to the path.
+ * A hash containing `%` (diacritics, `&`, `=`) does not survive the push. Check
+ * `isRouterSafeHash` and fall back to setting `window.location.hash` after navigating.
  */
 export declare function buildFilterHash<F extends readonly MakeFilterOption<string>[]>(filterConfig: FilterConfig<F>, filters: Partial<Record<keyof FilterData<F> & string, AllowedFilterValues>>, sortBy?: DatatableSortBy): string;
 /** Whether `router.push({ hash })` would leave the hash intact — see `buildFilterHash`. */
@@ -34,6 +31,7 @@ export declare function useFilterClearHelpers<F extends readonly MakeFilterOptio
 export interface FilterHelpersMoreOptions {
     storeFiltersLocalStorage: string | boolean;
     populateUrlParams: boolean;
+    pageStoreKey?: string;
 }
 export declare function useFilterHelpers<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]>(filterData: FilterData<F>, filterConfig: FilterConfig<F>, moreOptions?: Partial<FilterHelpersMoreOptions>): {
     loadStoredFilters: (pagination: Ref<Pagination>, callback?: AnyFn) => boolean;
@@ -46,28 +44,20 @@ export declare function useFilterHelpers<F extends readonly MakeFilterOption<str
     } | null;
 };
 /**
- * Provides the filter (`FilterConfigKey`, `FilterDataKey`) and `pagination` (`DatatablePaginationKey`) to the filter
- * bar and `ADatatablePagination` below this component, and wires the list to them: `getList` is
- * `fetchList(pagination, filterData, filterConfig)` debounced and resolves once that has (a refresh button can wait for
- * it; a call that a newer one replaces within the debounce resolves at once, without a load of its own), submit, reset
- * and sort go through `useFilterHelpers` (with `filterHelpersOptions`), and on mount the stored filter and the
- * remembered page are restored before the first load.
- *
- * Only for a datatable that is the parent of its filter bar and does exactly this. Write the wiring out when the first
- * load skips the stored filter, `getList` checks or adds anything, the sort is handled by hand, `fetchList` takes more
- * than the list's three arguments, or a parent renders the filter bar (the parent provides then).
- *
- * ```ts
+ * Provides the filter (`FilterConfigKey`, `FilterDataKey`) and `pagination` (`DatatablePaginationKey`)
+ * to the filter bar and `ADatatablePagination` below, and wires the list to them.
+ * `getList` is a debounced `fetchList(pagination, filterData, filterConfig)` that resolves when
+ * the load finishes. A call superseded within the debounce resolves at once without loading.
+ * Submit, reset and sort go through `useFilterHelpers` (with `filterHelpersOptions`).
+ * On mount the stored filter and remembered page are restored before the first load.
+ * Use only for a datatable that is the parent of its filter bar. Wire it by hand when the first load skips the stored
+ * filter, `getList` adds logic, sort is custom, `fetchList` takes other arguments, or a parent renders the filter bar.
+ * @example
  * const { filterData, filterConfig } = useFaqListFilter()
  * const { fetchList, listItems } = useFaqListActions()
  * const { pagination } = usePagination(SORT_BY_ID)
- * const { getList, sortByChange, submitFilterAction, resetFilterAction } = useDatatableList(
- *   filterData,
- *   filterConfig,
- *   pagination,
- *   fetchList
- * )
- * ```
+ * const { getList, sortByChange, submitFilterAction, resetFilterAction
+ * } = useDatatableList(filterData, filterConfig, pagination, fetchList)
  */
 export declare function useDatatableList<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[], R = unknown>(filterData: FilterData<F>, filterConfig: FilterConfig<F>, pagination: Ref<Pagination>, fetchList: (pagination: Ref<Pagination>, filterData: FilterData<F>, filterConfig: FilterConfig<F>) => R, filterHelpersOptions?: Partial<FilterHelpersMoreOptions>): {
     getList: import('@vueuse/shared').UseDebounceFnReturn<() => R>;

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

@@ -140,16 +140,21 @@ function z(e, t, o = {}) {
 		...o
 	}, g;
 	c(h.storeFiltersLocalStorage) ? g = h.storeFiltersLocalStorage : n(h.storeFiltersLocalStorage) && !0 === h.storeFiltersLocalStorage && c(t.general.system) && c(t.general.subject) && (g = "tableFilter_" + t.general.system + "_" + t.general.subject);
-	let _ = c(h.storeFiltersLocalStorage) ? h.storeFiltersLocalStorage : f(t.general.system, t.general.subject);
+	let _ = h.pageStoreKey ?? (c(h.storeFiltersLocalStorage) ? h.storeFiltersLocalStorage : f(t.general.system, t.general.subject));
 	y() && x(m, _);
-	let { clearAll: b } = L(), S = () => {
+	let { consumeStoredPage: b, getStoredRowsPerPage: S, getStoredView: C, setStoredPage: w } = p(), D = (e) => A(F(), e), O = (e) => w(_, e.value.page, e.value.rowsPerPage, D(e.value.sortBy)), j = h.populateUrlParams || !l(g), M = (e) => {
+		let t = b(_);
+		if (t === null || j) return t;
+		let n = C(_);
+		return n === null || n === D(e) ? t : null;
+	}, N = (e, t) => t === null ? e.value.rowsPerPage : S(_) ?? e.value.rowsPerPage, { clearAll: P } = L(), F = () => {
 		let n = {};
 		for (let i in e) try {
 			let o = i, s = e[o];
 			l(s) || a(s) || r(s) || k(s, t.fields[o].default) || (n[i] = s);
 		} catch {}
 		return n;
-	}, C = (e, t, n) => A(e, n ? t.value.sortBy : void 0), w = (e) => {
+	}, I = (e, t, n) => A(e, n ? t.value.sortBy : void 0), z = (e) => {
 		if (!e) return null;
 		e.startsWith("#") && (e = e.substring(1));
 		let n = e.indexOf(E);
@@ -175,37 +180,38 @@ function z(e, t, o = {}) {
 			filters: o,
 			sortBy: s
 		};
-	}, D = (e) => {
+	}, B = (e) => {
 		let t = window.location.pathname + window.location.search + e, n = window.history.state, r = s(n) && c(n.current) ? {
 			...n,
 			current: (n.current.split("#")[0] ?? "") + e
 		} : n;
 		window.history.replaceState(r, "", t);
-	}, O = (e) => {
-		h.populateUrlParams !== !1 && D("#" + e);
-	}, j = () => {
-		h.populateUrlParams !== !1 && D("");
-	}, M = () => h.populateUrlParams === !1 ? null : w(window.location.hash), N = (e) => {
+	}, V = (e) => {
+		h.populateUrlParams !== !1 && B("#" + e);
+	}, H = () => {
+		h.populateUrlParams !== !1 && B("");
+	}, U = () => h.populateUrlParams === !1 ? null : z(window.location.hash), W = (e) => {
 		g && localStorage && localStorage.setItem(g, e);
-	}, P = () => {
+	}, G = () => {
 		if (!g || !localStorage) return null;
 		let e = localStorage.getItem(g);
-		return !e || !c(e) ? null : w(e);
+		return !e || !c(e) ? null : z(e);
 	};
 	return {
 		loadStoredFilters: (n, r) => {
-			let { consumeStoredPage: o } = p(), s = "hash", f = M();
-			if (a(f) && (s = "localStorage", f = P()), a(f) || i(f.filters) && a(f.sortBy)) {
-				let e = o(_);
+			let o = "hash", s = U();
+			if (a(s) && (o = "localStorage", s = G()), a(s) || i(s.filters) && a(s.sortBy)) {
+				let e = M(n.value.sortBy);
 				return e !== null && (n.value = {
 					...n.value,
-					page: e
-				}), r && r(), !1;
+					page: e,
+					rowsPerPage: N(n, e)
+				}), O(n), r && r(), !1;
 			}
-			let m = s === "hash" && !i(f.filters);
-			m && b(e, t);
+			let f = o === "hash" && !i(s.filters);
+			f && P(e, t);
 			for (let t in e) {
-				let n = t, r = f.filters[n];
+				let n = t, r = s.filters[n];
 				if (!l(r)) {
 					if (c(r)) {
 						let e = d(r);
@@ -218,32 +224,33 @@ function z(e, t, o = {}) {
 					e[n] = r;
 				}
 			}
-			if (s === "localStorage" && g && localStorage) {
+			if (o === "localStorage" && g && localStorage) {
 				let e = localStorage.getItem(g);
-				e && O(e);
+				e && V(e);
 			}
-			let h = o(_);
+			let p = s.sortBy ?? n.value.sortBy, m = M(p);
 			return n.value = {
 				...n.value,
-				sortBy: f.sortBy ?? n.value.sortBy,
-				page: h ?? (s === "hash" ? 1 : n.value.page)
-			}, m && N(C(S(), n, !0)), r && r(), !0;
+				sortBy: p,
+				page: m ?? (o === "hash" ? 1 : n.value.page),
+				rowsPerPage: N(n, m)
+			}, O(n), f && W(I(F(), n, !0)), r && r(), !0;
 		},
 		resetFilter: (e, n) => {
 			e.value = {
 				...e.value,
 				page: 1
-			}, g && localStorage && localStorage.removeItem(g), j(), t.touched = !1, n && n();
+			}, O(e), g && localStorage && localStorage.removeItem(g), H(), t.touched = !1, n && n();
 		},
 		submitFilter: (e, n) => {
-			let r = S(), i = C(r, e, !0);
-			O(i), N(i), e.value = {
+			let r = F(), i = I(r, e, !0);
+			V(i), W(i), e.value = {
 				...e.value,
 				page: 1
-			}, t.touched = !1, n && n();
+			}, O(e), t.touched = !1, n && n();
 		},
-		serializeFilters: C,
-		deserializeFilters: w
+		serializeFilters: I,
+		deserializeFilters: z
 	};
 }
 function B(e, t, n, r, i = {}) {