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

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,IAAM+B,IAAQC,GAcRC,IAAOH,IAIPI,IAAqBC,EAAOC,EAA2B,GACvDC,IAAiBF,EAAOG,EAAiB,GACzCC,IAAeJ,EAAOK,EAAe,GACrCC,IAAaN,EAAOO,CAAa;EAEvC,IACEC,EAAYT,CAAkB,KAC9BS,EAAYN,CAAc,KAC1BM,EAAYJ,CAAY,KAExBI,EAAYJ,EAAa,OAAOR,EAAM,SAAS,KAE/CY,EAAYJ,EAAa,OAAOR,EAAM,UAAU,KAChDY,EAAYF,CAAU,KAEtBE,EAAYF,EAAWV,EAAM,SAAS,KAEtCY,EAAYF,EAAWV,EAAM,UAAU,GAEvC,MAAU,MAAM,kCAAkC;EAGpD,IAAMa,IAAaC,EAAS;GAC1B,MAAM;IACJ,OAAOJ,EAAWV,EAAM;GAC1B;GACA,IAAI,GAAU;IAIZ,AAHA,EAAWA,EAAM,YAAYe,GAC7BC,EAAeD,CAAQ,GACvB,EAAa,UAAU,IACvBE,SAAe;KACb,EAAK,QAAQ;IACf,CAAC;GACH;EACF,CAAC,GAGK,EAAE,yBAAqB,6BAA0BC,GAAuBlB,EAAM,OAAO,GACrFmB,IAAgBC,EAA4B,IAAI,GAChDC,IAAeD,EAAI,EAAK,GACxBE,IAAaF,EAA+D;GAChF,MAAM;GACN,OAAOG,EAAY;EACrB,CAAC,GACKC,IAAgBJ,EAAI,EAAK,GAEzB,EAAE,UAAOK,GAAgCH,CAAU,GAGnDI,IAAsBZ,QAAeN,EAAa,OAAOR,EAAM,SAAU,GAEzE,EAAE,SAAM2B,GAAQ,GAEhBC,IAAQd,QACLY,EAAoB,MAAM,SAASG,EAAEH,EAAoB,MAAM,MAAM,IAAI,KAAA,CACjF,GAEK,EAAE,gBAAaI,EAAsB,GACrC,EAAE,4BAAwBC,EAAU,GAEpCC,UAAgB;GAMpB,AALAC,GAAW,GAIXC,EAAmBxB,EAAWV,EAAM,SAAS,GAC7CgB,EAAeN,EAAWV,EAAM,SAAS;EAC3C,GAEMmC,WAAwB;GAE5B,AADAC,EAAG,MAAM,OAAO,GACZA,EAAG,MAAM,WACXC,GAAoB,KAGtB,EAAc,QAAQ,IACtB,EAAa,QAAQ,IACrB,EAAWrC,EAAM,aAAasB,EAAW,MAAM,OAC/C,EAAW,QAAQA,EAAW,MAAM;EACtC;EAEA,EAAa,EAAE,WAAQ,CAAC;EAExB,IAAMgB,UAAsB;GAE1B,AADA,EAAa,QAAQ,IACrB,EAAc,QAAQ;EACxB,GAEML,WAAmB;GAGvB,AAFAM,EAASvC,EAAM,UAAUU,GAAYF,CAAY,GACjD+B,EAASvC,EAAM,WAAWU,GAAYF,CAAY,GAClDF,EAAe,MAAM,OAAON,EAAM,QAAQ;EAC5C,GAEMgB,KAAkB,MAAmC;GACzD,IAAIwB,EAAQC,CAAS,KAAKC,EAAUD,CAAS,GAAG;GAChD,IAAIE,EAAOF,CAAS,KAAK7B,EAAY6B,CAAS,GAAG;IAC/C,EAAe,MAAM,OAAOzC,EAAM,QAAQ;IAC1C;GACF;GACA,IAAM4C,IAAQC,EAAsBJ,CAAmC;GACvE,IAAI,CAACG,KAASE,EAAcL,CAAS,GAAG;IACtC,IAAMM,IAAeF,EAAsBG,EAA2B,MAAM;IAC5E,EAAe,MAAM,IAAIhD,EAAM,UAAU,CACvC;KACE,OACE+C,EAAa,QACb,OACAE,EAAe3B,EAAW,MAAM,IAAI,IACpC,QACA2B,EAAe3B,EAAW,MAAM,KAAK;KACvC,OAAOmB;IACT,CACF,CAAC;GAEH,OACA,AAAKG,KACLtC,EAAe,MAAM,IAAIN,EAAM,UAAU,CAAC;IAAE,OAAO4C,EAAM;IAAO,OAAOH;GAAU,CAAC,CAAC;EACrF,GAEMS,KAAkB,IAAQ,OAAU;GAMxC,AALAd,EAAG,MAAM,OAAO,GACZe,MACF,EAAW,MAAM,OAAO,MACxB,EAAW,MAAM,QAAQ5B,EAAY,IAEvC,EAAa,QAAQ;EACvB,GAGMW,KAAsB,MAAkC;GAC5D,IAAIM,EAAQzB,CAAQ,KAAK2B,EAAU3B,CAAQ,GAAG;GAE9C,IADA,EAAc,QAAQ,IAClBH,EAAYG,CAAQ,KAAK4B,EAAO5B,CAAQ,GAAG;IAC7C,EAAc,QAAQ;IACtB;GACF;GACA,IAAM6B,IAAQC,EAAsB9B,CAAkC,GAChEqC,IAAkB1C,EAAWV,EAAM;GAOzC,AANI,CAAC4C,KAASE,EAAc/B,CAAQ,KAAK+B,EAAcM,CAAe,MACpE,EAAc,QAAQJ,EAA2B,QACjD,EAAW,MAAM,OAAOjC,GACxB,EAAW,MAAM,QAAQqC,GACzB,EAAc,QAAQ,KAEpBR,MACF,EAAc,QAAQA,EAAM;EAEhC;EAYA,AAVAS,EAAMxC,GAAYqB,GAAoB,EAAE,WAAW,GAAK,CAAC,GAKzDmB,EAAMlD,SAA0B;GAE9B,AADA+B,EAAmBxB,EAAWV,EAAM,SAAS,GAC7CgB,EAAeN,EAAWV,EAAM,SAAS;EAC3C,CAAC,GAEDqD,EACE,OAAO3C,EAAWV,EAAM,iBAAiBU,EAAWV,EAAM,UAAU,IACnE,CAACsD,GAAcC,IAAgB,CAACC,GAAcC,OAAmB;GAChE,CAAIH,MAAiBE,KAAgBD,MAAkBE,MACvDzC,EAAesC,CAAY;EAC7B,GACA,EAAE,WAAW,GAAK,CACpB;EAEA,IAAMI,MAAwB,MAAoD;GAChF,AAAIC,EAAK,UAAUX,EAA2B,SAC5CE,EAAe,EAAI,KAGrB,EAAWlD,EAAM,aAAa,MAC9B,EAAW,QAAQ2D,EAAK;EAC1B;;;G,yBAKUnC,EAAA,SADRtD,EAAA,GAAAG,EAaEC,IAAA;;IAXC,OAAOsD,EAAA;IACP,eAAarD,EAAA0E,CAAA,CAAc,CAAC3B,EAAA,MAAW,IAAI,IAAA,QAAY/C,EAAA0E,CAAA,CAAc,CAAC3B,EAAA,MAAW,KAAK;IACvF,UAAA;IACA,MAAK;IACL,aAAA;IACA,gBAAA;IACA,qBAAkB;IAClB,WAAA;IACA,OAAM;IACL,iBAAW9C,EAAOwD,GAAO,CAAA,MAAA,CAAA;IACzB,SAAK,AAAAsC,EAAA,OAAA9F,GAAA,MAAO0E,EAAc,GAAA,CAAA,MAAA,CAAA;G,0CAE7BhF,EAAA,GAAAG,EAoBUI,IAAA;;IAlBC,YAAA0C,EAAA;IAAA,uBAAA,AAAAmD,EAAA,QAAA,MAAA,EAAa,QAAAE;IACtB,cAAW;IACX,cAAW;IACV,OAAO5C,EAAA;IACP,WAAS,CAAGrD,EAAAoE,CAAA,CAAM,CAACxB,EAAA,KAAa;IACjC,aAAA;IACC,WAASlB,EAAA;IACT,OAAO1B,EAAAkG,EAAA;IACR,gBAAA;IACA,cAAa;IACZ,iBAAWjG,EAAOwD,GAAO,CAAA,MAAA,CAAA;;IAEf,MAAItD,GAIX,EAAA,OAJsBiG,GAAW,sBAAY,CAC/ChG,EAGEC,IAHFC,GACU8F,GAAS,EAChB,UAAK,MAAEjB,GAAqBqB,CAAY,E;;;;;;;;G,KAKvC1D,EAAA,SADRnD,EAAA,GAAAG,EA8CUS,IAAA;;IA5CP,eAAa;IACd,OAAM;IACL,aAAW;;IAEZ,SAAAJ,QAuCQ,CAvCRC,EAuCQI,GAAA,MAAA;KAtCN,SAAAL,QAIiB;MAJjBC,EAIiBK,GAAA,EAJA,UAAQsD,EAAa,GAAA;OACpC,SAAA5D,QAEO,CAFPO,GAEOkG,EAAA,QAAA,SAAA,CAAA,SAAA,CADFjG,EAAAC,EAAAyC,EAAA,KAAK,GAAA,CAAA,C;;;MAGZjD,EAiBYS,GAAA,MAAA;OAhBV,SAAAV,QAOO,CAPPC,EAOOU,GAAA,MAAA;QANL,SAAAX,QAKE,CALFC,EAKEW,GAAA;SAJS,YAAAgC,EAAA,MAAW;SAAX,uBAAA,AAAAgD,EAAA,QAAA,MAAA,EAAA,MAAW,OAAIE;SACvB,GAAGjG,EAAA6D,CAAA,CAAE,CAAC,WAAW;SACjB,OAAO7D,EAAAsD,CAAA,CAAC,CAAA,iCAAA;SACT,UAAA;;;;;;;O,IAGJlD,EAOOU,GAAA,MAAA;QANL,SAAAX,QAKE,CALFC,EAKEW,GAAA;SAJS,YAAAgC,EAAA,MAAW;SAAX,uBAAA,AAAAgD,EAAA,QAAA,MAAA,EAAA,MAAW,QAAKE;SACxB,GAAGjG,EAAA6D,CAAA,CAAE,CAAC,WAAW;SACjB,OAAO7D,EAAAsD,CAAA,CAAC,CAAA,kCAAA;SACT,UAAA;;;;;;;;;;MAINlD,EAceY,IAAA,MAAA;OAbb,SAAAb,QAAW;QAAXC,EAAWa,EAAA;QACXb,EAKeiF,GAAA;SAJb,WAAQ;SACP,SAAKpF,EAAO8D,GAAa,CAAA,MAAA,CAAA;;SAE1B,SAAA5D,QAA+B,CAA5BQ,EAAAC,EAAAZ,EAAAsD,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,CAAA,C;;;QAENlD,EAKcmF,GAAA;SAJZ,WAAQ;SACP,SAAKtF,EAAO2D,IAAe,CAAA,MAAA,CAAA;;SAE5B,SAAAzD,QAAgC,CAA7BQ,EAAAC,EAAAZ,EAAAsD,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,CAAA,C"}

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.js.map

@@ -1 +1 @@
-{"version":3,"file":"AFilterWrapper.js","names":["_sfc_main","AFilterWrapper_vue_vue_type_script_setup_true_lang_default","AFilterWrapper_default"],"sources":["../../../../src/domains/filters/components/AFilterWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AFilterAdvancedButton from '@/domains/filters/components/AFilterAdvancedButton.vue'\nimport AFilterSubmitButton from '@/domains/filters/components/AFilterSubmitButton.vue'\nimport AFilterResetButton from '@/domains/filters/components/AFilterResetButton.vue'\nimport { computed, inject, nextTick, provide, ref } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport FiltersSelected from '@/domains/filters/components/FiltersSelected.vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isBoolean, isDefined, isUndefined } from '@/shared/utils/common'\nimport { type FilterStoreIdentifier, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { datatableSlotName } from '@/domains/filters/datatable/utils/datatable'\nimport FilterDetailItem from '@/domains/filters/components/FilterDetailItem.vue'\nimport AFilterBookmarkButton from '@/domains/filters/bookmarks/components/AFilterBookmarkButton.vue'\nimport FilterBookmarks from '@/domains/filters/bookmarks/components/FilterBookmarks.vue'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { type AxiosInstance } from 'axios'\n\nconst props = withDefaults(\n  defineProps<{\n    enableTop?: boolean\n    hideButtons?: boolean\n    formName?: string\n    userId?: IntegerIdNullable | undefined\n    client?: (() => AxiosInstance) | undefined\n    store?: FilterStoreIdentifier | boolean // false to disable, FilterStoreIdentifier to custom store key\n    alwaysVisible?: boolean\n    hideMore?: boolean\n  }>(),\n  {\n    enableTop: false,\n    hideButtons: false,\n    formName: 'search',\n    userId: undefined,\n    client: undefined,\n    store: true,\n    alwaysVisible: false,\n    hideMore: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n  (e: 'bookmarkLoadAfter'): void\n}>()\n\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\nconst showDetail = defineModel<boolean>('showDetail', { default: false, required: false })\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\nconst identifier = ref<Partial<FilterStoreIdentifier>>({\n  system: filterConfig.general.system,\n  subject: filterConfig.general.subject,\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (!isBoolean(props.store)) {\n  identifier.value.system = props.store.system\n  identifier.value.subject = props.store.subject\n} else if (false === props.store) {\n  identifier.value.system = undefined\n  identifier.value.subject = undefined\n}\nconst submitResetCounter = ref(0)\nprovide(FilterSubmitResetCounterKey, submitResetCounter)\nconst filterSelected = ref<Map<string, ValueObjectOption<string | number>[]>>(new Map())\nprovide(FilterSelectedKey, filterSelected)\n\nconst submitFilter = () => {\n  submitResetCounter.value++\n  nextTick(() => {\n    emit('submit')\n  })\n}\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilterBookmark = () => {\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('bookmarkLoadAfter')\n  })\n}\n\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('reset')\n  })\n}\n\nconst toggleFilterDetail = () => {\n  showDetail.value = !showDetail.value\n}\n\nconst touched = computed(() => {\n  return filterConfig.touched\n})\n\n// Names of `filterConfig.fields` itself, so the template's lookups by them always hit.\nconst renderedFieldNames = computed(() => {\n  return Object.entries(filterConfig.fields)\n    .filter(([, field]) => !field.render.skip)\n    .map(([fieldName]) => fieldName)\n})\n\nif (props.alwaysVisible) {\n  showDetail.value = true\n}\n\ndefineExpose({\n  submit: submitFilter,\n  reset: resetFilter,\n})\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n  >\n    <VRow\n      v-if=\"enableTop\"\n      density=\"compact\"\n    >\n      <VCol>\n        <slot name=\"top\" />\n      </VCol>\n    </VRow>\n    <VRow density=\"compact\">\n      <VCol v-if=\"store && userId && isDefined(client)\">\n        <slot name=\"bookmarks\">\n          <div class=\"d-flex flex-wrap align-center\">\n            <FilterBookmarks\n              v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n              v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n              :client=\"client\"\n              :system=\"identifier.system\"\n              :subject=\"identifier.subject\"\n              :user-id=\"userId\"\n              @submit=\"submitFilterBookmark\"\n            />\n          </div>\n        </slot>\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"!alwaysVisible\"\n      density=\"compact\"\n    >\n      <VCol\n        v-if=\"!hideMore\"\n        cols=\"auto\"\n      >\n        <AFilterAdvancedButton\n          :button-active=\"showDetail\"\n          @advanced-filter=\"toggleFilterDetail\"\n        />\n      </VCol>\n      <VCol>\n        <div class=\"a-filter__container\">\n          <div class=\"a-filter__search\">\n            <slot name=\"search\" />\n          </div>\n          <FiltersSelected />\n        </div>\n      </VCol>\n      <VCol\n        v-if=\"!hideButtons\"\n        class=\"text-right\"\n        cols=\"auto\"\n      >\n        <slot name=\"buttons\">\n          <AFilterSubmitButton :touched=\"touched\" />\n          <AFilterResetButton @reset=\"resetFilter\" />\n          <AFilterBookmarkButton\n            v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n            :client=\"client\"\n            :user=\"userId\"\n            :system=\"identifier.system\"\n            :subject=\"identifier.subject\"\n            :datatable-hidden-columns=\"datatableHiddenColumns\"\n          />\n        </slot>\n      </VCol>\n    </VRow>\n    <div v-if=\"!hideMore\">\n      <component :is=\"alwaysVisible ? 'div' : 'VSlideYTransition'\">\n        <div\n          v-show=\"showDetail\"\n          :class=\"{ 'mt-6 pa-4 border': !alwaysVisible }\"\n        >\n          <slot name=\"detail\">\n            <VRow>\n              <VCol\n                v-for=\"fieldName in renderedFieldNames\"\n                :key=\"fieldName\"\n                :cols=\"filterConfig.fields[fieldName]!.render.xs || 12\"\n                :sm=\"filterConfig.fields[fieldName]!.render.sm || 6\"\n                :md=\"filterConfig.fields[fieldName]!.render.md || 4\"\n                :lg=\"filterConfig.fields[fieldName]!.render.lg || 3\"\n                :xl=\"filterConfig.fields[fieldName]!.render.xl || 2\"\n              >\n                <slot\n                  :name=\"datatableSlotName(fieldName)\"\n                  :item-config=\"filterConfig.fields[fieldName]!\"\n                >\n                  <FilterDetailItem :name=\"fieldName\" />\n                </slot>\n              </VCol>\n            </VRow>\n          </slot>\n        </div>\n      </component>\n    </div>\n  </VForm>\n</template>\n\n<style lang=\"scss\">\n@use 'vuetify/tools' as *;\n\n.a-filter {\n  &__container {\n    width: 100%;\n  }\n\n  &__search {\n    display: inline-flex;\n    vertical-align: middle;\n    min-width: 100%;\n    height: 34px;\n\n    @include media-breakpoint-up(sm) {\n      min-width: 50%;\n      margin-right: 8px;\n    }\n\n    @include media-breakpoint-up(md) {\n      min-width: 40%;\n    }\n\n    @include media-breakpoint-up(lg) {\n      min-width: 30%;\n    }\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AFilterWrapper.js","names":["_sfc_main","AFilterWrapper_vue_vue_type_script_setup_true_lang_default","AFilterWrapper_default"],"sources":["../../../../src/domains/filters/components/AFilterWrapper.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport AFilterAdvancedButton from '@/domains/filters/components/AFilterAdvancedButton.vue'\nimport AFilterSubmitButton from '@/domains/filters/components/AFilterSubmitButton.vue'\nimport AFilterResetButton from '@/domains/filters/components/AFilterResetButton.vue'\nimport { computed, inject, nextTick, provide, ref } from 'vue'\nimport {\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n  FilterSubmitResetCounterKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport FiltersSelected from '@/domains/filters/components/FiltersSelected.vue'\nimport type { ValueObjectOption } from '@/shared/types/ValueObject'\nimport { isBoolean, isDefined, isUndefined } from '@/shared/utils/common'\nimport { type FilterStoreIdentifier, useFilterClearHelpers } from '@/domains/filters/composables/filterFactory'\nimport { datatableSlotName } from '@/domains/filters/datatable/utils/datatable'\nimport FilterDetailItem from '@/domains/filters/components/FilterDetailItem.vue'\nimport AFilterBookmarkButton from '@/domains/filters/bookmarks/components/AFilterBookmarkButton.vue'\nimport FilterBookmarks from '@/domains/filters/bookmarks/components/FilterBookmarks.vue'\nimport type { IntegerIdNullable } from '@/shared/types/common'\nimport { type AxiosInstance } from 'axios'\nimport { VSlideYTransition } from 'vuetify/components/transitions'\n\nconst props = withDefaults(\n  defineProps<{\n    enableTop?: boolean\n    hideButtons?: boolean\n    formName?: string\n    userId?: IntegerIdNullable | undefined\n    client?: (() => AxiosInstance) | undefined\n    store?: FilterStoreIdentifier | boolean // false to disable, FilterStoreIdentifier to custom store key\n    alwaysVisible?: boolean\n    hideMore?: boolean\n  }>(),\n  {\n    enableTop: false,\n    hideButtons: false,\n    formName: 'search',\n    userId: undefined,\n    client: undefined,\n    store: true,\n    alwaysVisible: false,\n    hideMore: false,\n  }\n)\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'reset'): void\n  (e: 'bookmarkLoadAfter'): void\n}>()\n\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: false,\n})\nconst showDetail = defineModel<boolean>('showDetail', { default: false, required: false })\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nif (isUndefined(filterConfig) || isUndefined(filterData)) {\n  throw new Error('Incorrect provide/inject config.')\n}\nconst identifier = ref<Partial<FilterStoreIdentifier>>({\n  system: filterConfig.general.system,\n  subject: filterConfig.general.subject,\n})\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nif (!isBoolean(props.store)) {\n  identifier.value.system = props.store.system\n  identifier.value.subject = props.store.subject\n} else if (false === props.store) {\n  identifier.value.system = undefined\n  identifier.value.subject = undefined\n}\nconst submitResetCounter = ref(0)\nprovide(FilterSubmitResetCounterKey, submitResetCounter)\nconst filterSelected = ref<Map<string, ValueObjectOption<string | number>[]>>(new Map())\nprovide(FilterSelectedKey, filterSelected)\n\nconst submitFilter = () => {\n  submitResetCounter.value++\n  nextTick(() => {\n    emit('submit')\n  })\n}\n\nconst { clearAll, clearAllFilterSelected } = useFilterClearHelpers()\n\nconst submitFilterBookmark = () => {\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('bookmarkLoadAfter')\n  })\n}\n\nconst resetFilter = () => {\n  clearAll(filterData, filterConfig)\n  clearAllFilterSelected(filterData, filterConfig, filterSelected)\n  nextTick(() => {\n    submitResetCounter.value++\n    emit('reset')\n  })\n}\n\nconst toggleFilterDetail = () => {\n  showDetail.value = !showDetail.value\n}\n\nconst touched = computed(() => {\n  return filterConfig.touched\n})\n\n// Names of `filterConfig.fields` itself, so the template's lookups by them always hit.\nconst renderedFieldNames = computed(() => {\n  return Object.entries(filterConfig.fields)\n    .filter(([, field]) => !field.render.skip)\n    .map(([fieldName]) => fieldName)\n})\n\nif (props.alwaysVisible) {\n  showDetail.value = true\n}\n\ndefineExpose({\n  submit: submitFilter,\n  reset: resetFilter,\n})\n</script>\n\n<template>\n  <VForm\n    :name=\"formName\"\n    @submit.prevent=\"submitFilter\"\n  >\n    <VRow\n      v-if=\"enableTop\"\n      density=\"compact\"\n    >\n      <VCol>\n        <slot name=\"top\" />\n      </VCol>\n    </VRow>\n    <VRow density=\"compact\">\n      <VCol v-if=\"store && userId && isDefined(client)\">\n        <slot name=\"bookmarks\">\n          <div class=\"d-flex flex-wrap align-center\">\n            <FilterBookmarks\n              v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n              v-model:datatable-hidden-columns=\"datatableHiddenColumns\"\n              :client=\"client\"\n              :system=\"identifier.system\"\n              :subject=\"identifier.subject\"\n              :user-id=\"userId\"\n              @submit=\"submitFilterBookmark\"\n            />\n          </div>\n        </slot>\n      </VCol>\n    </VRow>\n    <VRow\n      v-if=\"!alwaysVisible\"\n      density=\"compact\"\n    >\n      <VCol\n        v-if=\"!hideMore\"\n        cols=\"auto\"\n      >\n        <AFilterAdvancedButton\n          :button-active=\"showDetail\"\n          @advanced-filter=\"toggleFilterDetail\"\n        />\n      </VCol>\n      <VCol>\n        <div class=\"a-filter__container\">\n          <div class=\"a-filter__search\">\n            <slot name=\"search\" />\n          </div>\n          <FiltersSelected />\n        </div>\n      </VCol>\n      <VCol\n        v-if=\"!hideButtons\"\n        class=\"text-right\"\n        cols=\"auto\"\n      >\n        <slot name=\"buttons\">\n          <AFilterSubmitButton :touched=\"touched\" />\n          <AFilterResetButton @reset=\"resetFilter\" />\n          <AFilterBookmarkButton\n            v-if=\"identifier.system && identifier.subject && userId && isDefined(client)\"\n            :client=\"client\"\n            :user=\"userId\"\n            :system=\"identifier.system\"\n            :subject=\"identifier.subject\"\n            :datatable-hidden-columns=\"datatableHiddenColumns\"\n          />\n        </slot>\n      </VCol>\n    </VRow>\n    <div v-if=\"!hideMore\">\n      <component :is=\"alwaysVisible ? 'div' : VSlideYTransition\">\n        <div\n          v-show=\"showDetail\"\n          :class=\"{ 'mt-6 pa-4 border': !alwaysVisible }\"\n        >\n          <slot name=\"detail\">\n            <VRow>\n              <VCol\n                v-for=\"fieldName in renderedFieldNames\"\n                :key=\"fieldName\"\n                :cols=\"filterConfig.fields[fieldName]!.render.xs || 12\"\n                :sm=\"filterConfig.fields[fieldName]!.render.sm || 6\"\n                :md=\"filterConfig.fields[fieldName]!.render.md || 4\"\n                :lg=\"filterConfig.fields[fieldName]!.render.lg || 3\"\n                :xl=\"filterConfig.fields[fieldName]!.render.xl || 2\"\n              >\n                <slot\n                  :name=\"datatableSlotName(fieldName)\"\n                  :item-config=\"filterConfig.fields[fieldName]!\"\n                >\n                  <FilterDetailItem :name=\"fieldName\" />\n                </slot>\n              </VCol>\n            </VRow>\n          </slot>\n        </div>\n      </component>\n    </div>\n  </VForm>\n</template>\n\n<style lang=\"scss\">\n@use 'vuetify/tools' as *;\n\n.a-filter {\n  &__container {\n    width: 100%;\n  }\n\n  &__search {\n    display: inline-flex;\n    vertical-align: middle;\n    min-width: 100%;\n    height: 34px;\n\n    @include media-breakpoint-up(sm) {\n      min-width: 50%;\n      margin-right: 8px;\n    }\n\n    @include media-breakpoint-up(md) {\n      min-width: 40%;\n    }\n\n    @include media-breakpoint-up(lg) {\n      min-width: 30%;\n    }\n  }\n}\n</style>\n"],"mappings":""}

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/AFilterWrapper.vue_vue_type_script_setup_true_lang.js

@@ -7,16 +7,17 @@ import { datatableSlotName as l } from "../datatable/utils/datatable.js";
 import u from "./FilterDetailItem.js";
 import d from "../bookmarks/components/FilterBookmarks.js";
 import f from "../bookmarks/components/AFilterBookmarkButton.js";
-import p from "./AFilterAdvancedButton.js";
-import te from "./FiltersSelected.js";
-import { Fragment as ne, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, inject as x, mergeModels as S, nextTick as C, normalizeClass as w, openBlock as T, provide as E, ref as D, renderList as re, renderSlot as O, resolveDynamicComponent as ie, unref as k, useModel as A, vShow as j, withCtx as M, withDirectives as N, withModifiers as P } from "vue";
-import { VCol as F, VRow as I } from "vuetify/components/VGrid";
+import te from "./AFilterAdvancedButton.js";
+import ne from "./FiltersSelected.js";
+import { Fragment as re, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, inject as b, mergeModels as x, nextTick as S, normalizeClass as C, openBlock as w, provide as T, ref as E, renderList as ie, renderSlot as D, resolveDynamicComponent as ae, unref as O, useModel as k, vShow as A, withCtx as j, withDirectives as M, withModifiers as N } from "vue";
+import { VCol as P, VRow as F } from "vuetify/components/VGrid";
 import "axios";
+import { VSlideYTransition as I } from "vuetify/components/transitions";
 import { VForm as L } from "vuetify/components/VForm";
 // src/domains/filters/components/AFilterWrapper.vue?vue&type=script&setup=true&lang.ts
-var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__container" }, B = { class: "a-filter__search" }, V = { key: 2 }, H = /*@__PURE__*/ b({
+var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__container" }, B = { class: "a-filter__search" }, V = { key: 2 }, H = /*@__PURE__*/ y({
 	__name: "AFilterWrapper",
-	props: /*@__PURE__*/ S({
+	props: /*@__PURE__*/ x({
 		enableTop: {
 			type: Boolean,
 			default: !1
@@ -56,109 +57,109 @@ var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__cont
 		},
 		showDetailModifiers: {}
 	}),
-	emits: /*@__PURE__*/ S([
+	emits: /*@__PURE__*/ x([
 		"submit",
 		"reset",
 		"bookmarkLoadAfter"
 	], ["update:datatableHiddenColumns", "update:showDetail"]),
-	setup(b, { expose: S, emit: H }) {
-		let U = b, W = H, G = A(b, "datatableHiddenColumns"), K = A(b, "showDetail"), q = x(ee), J = x(r);
+	setup(y, { expose: x, emit: H }) {
+		let U = y, W = H, G = k(y, "datatableHiddenColumns"), K = k(y, "showDetail"), q = b(ee), J = b(r);
 		if (n(q) || n(J)) throw Error("Incorrect provide/inject config.");
-		let Y = D({
+		let Y = E({
 			system: q.general.system,
 			subject: q.general.subject
 		});
 		e(U.store) ? !1 === U.store && (Y.value.system = void 0, Y.value.subject = void 0) : (Y.value.system = U.store.system, Y.value.subject = U.store.subject);
-		let X = D(0);
-		E(a, X);
-		let Z = D(/* @__PURE__ */ new Map());
-		E(i, Z);
+		let X = E(0);
+		T(a, X);
+		let Z = E(/* @__PURE__ */ new Map());
+		T(i, Z);
 		let Q = () => {
-			X.value++, C(() => {
+			X.value++, S(() => {
 				W("submit");
 			});
-		}, { clearAll: ae, clearAllFilterSelected: oe } = o(), se = () => {
-			C(() => {
+		}, { clearAll: oe, clearAllFilterSelected: se } = o(), ce = () => {
+			S(() => {
 				X.value++, W("bookmarkLoadAfter");
 			});
 		}, $ = () => {
-			ae(J, q), oe(J, q, Z), C(() => {
+			oe(J, q), se(J, q, Z), S(() => {
 				X.value++, W("reset");
 			});
-		}, ce = () => {
+		}, le = () => {
 			K.value = !K.value;
-		}, le = m(() => q.touched), ue = m(() => Object.entries(q.fields).filter(([, e]) => !e.render.skip).map(([e]) => e));
-		return U.alwaysVisible && (K.value = !0), S({
+		}, ue = p(() => q.touched), de = p(() => Object.entries(q.fields).filter(([, e]) => !e.render.skip).map(([e]) => e));
+		return U.alwaysVisible && (K.value = !0), x({
 			submit: Q,
 			reset: $
-		}), (e, n) => (T(), h(L, {
-			name: b.formName,
-			onSubmit: P(Q, ["prevent"])
+		}), (e, n) => (w(), m(L, {
+			name: y.formName,
+			onSubmit: N(Q, ["prevent"])
 		}, {
-			default: M(() => [
-				b.enableTop ? (T(), h(I, {
+			default: j(() => [
+				y.enableTop ? (w(), m(F, {
 					key: 0,
 					density: "compact"
 				}, {
-					default: M(() => [y(F, null, {
-						default: M(() => [O(e.$slots, "top")]),
+					default: j(() => [v(P, null, {
+						default: j(() => [D(e.$slots, "top")]),
 						_: 3
 					})]),
 					_: 3
-				})) : g("", !0),
-				y(I, { density: "compact" }, {
-					default: M(() => [b.store && b.userId && k(t)(b.client) ? (T(), h(F, { key: 0 }, {
-						default: M(() => [O(e.$slots, "bookmarks", {}, () => [v("div", R, [Y.value.system && Y.value.subject && b.userId && k(t)(b.client) ? (T(), h(d, {
+				})) : h("", !0),
+				v(F, { density: "compact" }, {
+					default: j(() => [y.store && y.userId && O(t)(y.client) ? (w(), m(P, { key: 0 }, {
+						default: j(() => [D(e.$slots, "bookmarks", {}, () => [_("div", R, [Y.value.system && Y.value.subject && y.userId && O(t)(y.client) ? (w(), m(d, {
 							key: 0,
 							"datatable-hidden-columns": G.value,
 							"onUpdate:datatableHiddenColumns": n[0] ||= (e) => G.value = e,
-							client: b.client,
+							client: y.client,
 							system: Y.value.system,
 							subject: Y.value.subject,
-							"user-id": b.userId,
-							onSubmit: se
+							"user-id": y.userId,
+							onSubmit: ce
 						}, null, 8, [
 							"datatable-hidden-columns",
 							"client",
 							"system",
 							"subject",
 							"user-id"
-						])) : g("", !0)])])]),
+						])) : h("", !0)])])]),
 						_: 3
-					})) : g("", !0)]),
+					})) : h("", !0)]),
 					_: 3
 				}),
-				b.alwaysVisible ? g("", !0) : (T(), h(I, {
+				y.alwaysVisible ? h("", !0) : (w(), m(F, {
 					key: 1,
 					density: "compact"
 				}, {
-					default: M(() => [
-						b.hideMore ? g("", !0) : (T(), h(F, {
+					default: j(() => [
+						y.hideMore ? h("", !0) : (w(), m(P, {
 							key: 0,
 							cols: "auto"
 						}, {
-							default: M(() => [y(p, {
+							default: j(() => [v(te, {
 								"button-active": K.value,
-								onAdvancedFilter: ce
+								onAdvancedFilter: le
 							}, null, 8, ["button-active"])]),
 							_: 1
 						})),
-						y(F, null, {
-							default: M(() => [v("div", z, [v("div", B, [O(e.$slots, "search")]), y(te)])]),
+						v(P, null, {
+							default: j(() => [_("div", z, [_("div", B, [D(e.$slots, "search")]), v(ne)])]),
 							_: 3
 						}),
-						b.hideButtons ? g("", !0) : (T(), h(F, {
+						y.hideButtons ? h("", !0) : (w(), m(P, {
 							key: 1,
 							class: "text-right",
 							cols: "auto"
 						}, {
-							default: M(() => [O(e.$slots, "buttons", {}, () => [
-								y(s, { touched: le.value }, null, 8, ["touched"]),
-								y(c, { onReset: $ }),
-								Y.value.system && Y.value.subject && b.userId && k(t)(b.client) ? (T(), h(f, {
+							default: j(() => [D(e.$slots, "buttons", {}, () => [
+								v(s, { touched: ue.value }, null, 8, ["touched"]),
+								v(c, { onReset: $ }),
+								Y.value.system && Y.value.subject && y.userId && O(t)(y.client) ? (w(), m(f, {
 									key: 0,
-									client: b.client,
-									user: b.userId,
+									client: y.client,
+									user: y.userId,
 									system: Y.value.system,
 									subject: Y.value.subject,
 									"datatable-hidden-columns": G.value
@@ -168,24 +169,24 @@ var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__cont
 									"system",
 									"subject",
 									"datatable-hidden-columns"
-								])) : g("", !0)
+								])) : h("", !0)
 							])]),
 							_: 3
 						}))
 					]),
 					_: 3
 				})),
-				b.hideMore ? g("", !0) : (T(), _("div", V, [(T(), h(ie(b.alwaysVisible ? "div" : "VSlideYTransition"), null, {
-					default: M(() => [N(v("div", { class: w({ "mt-6 pa-4 border": !b.alwaysVisible }) }, [O(e.$slots, "detail", {}, () => [y(I, null, {
-						default: M(() => [(T(!0), _(ne, null, re(ue.value, (t) => (T(), h(F, {
+				y.hideMore ? h("", !0) : (w(), g("div", V, [(w(), m(ae(y.alwaysVisible ? "div" : O(I)), null, {
+					default: j(() => [M(_("div", { class: C({ "mt-6 pa-4 border": !y.alwaysVisible }) }, [D(e.$slots, "detail", {}, () => [v(F, null, {
+						default: j(() => [(w(!0), g(re, null, ie(de.value, (t) => (w(), m(P, {
 							key: t,
-							cols: k(q).fields[t].render.xs || 12,
-							sm: k(q).fields[t].render.sm || 6,
-							md: k(q).fields[t].render.md || 4,
-							lg: k(q).fields[t].render.lg || 3,
-							xl: k(q).fields[t].render.xl || 2
+							cols: O(q).fields[t].render.xs || 12,
+							sm: O(q).fields[t].render.sm || 6,
+							md: O(q).fields[t].render.md || 4,
+							lg: O(q).fields[t].render.lg || 3,
+							xl: O(q).fields[t].render.xl || 2
 						}, {
-							default: M(() => [O(e.$slots, k(l)(t), { itemConfig: k(q).fields[t] }, () => [y(u, { name: t }, null, 8, ["name"])])]),
+							default: j(() => [D(e.$slots, O(l)(t), { itemConfig: O(q).fields[t] }, () => [v(u, { name: t }, null, 8, ["name"])])]),
 							_: 2
 						}, 1032, [
 							"cols",
@@ -195,7 +196,7 @@ var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__cont
 							"xl"
 						]))), 128))]),
 						_: 3
-					})])], 2), [[j, K.value]])]),
+					})])], 2), [[A, K.value]])]),
 					_: 3
 				}))]))
 			]),