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

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

@@ -0,0 +1,62 @@
+import { isBoolean as e, isNumber as t, isString as n, isUndefined as r } from "../../../shared/utils/common.js";
+import { FilterConfigKey as i, FilterDataKey as a, FilterSelectedKey as o, FilterSubmitResetCounterKey as s } from "../utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as c } from "../composables/filterFactory.js";
+import { computed as l, createBlock as u, defineComponent as d, inject as f, openBlock as p, watch as m, withModifiers as h } from "vue";
+import { useI18n as g } from "vue-i18n";
+import { VTextField as _ } from "vuetify/components/VTextField";
+//#region src/domains/filters/components/AFilterString.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ d({
+	__name: "AFilterString",
+	props: {
+		name: {},
+		placeholder: { default: void 0 },
+		dataCy: { default: "filter-string" }
+	},
+	emits: ["change"],
+	setup(d, { emit: v }) {
+		let y = d, b = v, x = f(s), S = f(o), C = f(i), w = f(a);
+		if (r(x) || r(S) || r(C) || r(C.fields[y.name]) || r(w) || r(w[y.name])) throw Error("Incorrect provide/inject config.");
+		let T = l({
+			get() {
+				return w[y.name];
+			},
+			set(e) {
+				w[y.name] = e, C.touched = !0, b("change");
+			}
+		}), E = l(() => C.fields[y.name]), { t: D } = g(), O = l(() => E.value.titleT ? D(E.value.titleT) : void 0), k = l(() => r(y.placeholder) ? E.value.variant === "startsWith" ? D("common.model.filterPlaceholder.startsWith") : E.value.variant === "eq" ? D("common.model.filterPlaceholder.eq") : E.value.variant === "search" ? D("common.model.filterPlaceholder.contains") : "" : y.placeholder), { clearOne: A } = c(), j = () => {
+			A(y.name, w, C), S.value.delete(y.name);
+		}, M = () => {
+			t(T.value) ? S.value.set(y.name, [{
+				title: T.value + "",
+				value: T.value
+			}]) : !n(T.value) || T.value.length === 0 ? S.value.delete(y.name) : S.value.set(y.name, [{
+				title: T.value,
+				value: T.value
+			}]);
+		};
+		return m(() => w[y.name], (t, n) => {
+			t === n || e(t) || M();
+		}, { immediate: !0 }), (e, t) => (p(), u(_, {
+			modelValue: T.value,
+			"onUpdate:modelValue": t[0] ||= (e) => T.value = e,
+			label: O.value,
+			placeholder: k.value,
+			clearable: !E.value.mandatory,
+			"data-cy": d.dataCy,
+			"hide-details": "",
+			autocomplete: "off",
+			onBlur: M,
+			"onClick:clear": h(j, ["stop"])
+		}, null, 8, [
+			"modelValue",
+			"label",
+			"placeholder",
+			"clearable",
+			"data-cy"
+		]));
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=AFilterString.vue_vue_type_script_setup_true_lang.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterSubmitButton.js","names":["_sfc_main","AFilterSubmitButton_vue_vue_type_script_setup_true_lang_default","AFilterSubmitButton_default"],"sources":["../../../../src/domains/filters/components/AFilterSubmitButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { eventClickBlur } from '@/shared/utils/event'\n\nwithDefaults(\n  defineProps<{\n    buttonT?: string\n    buttonClass?: string\n    dataCy?: string\n    touched?: boolean\n  }>(),\n  {\n    buttonT: 'common.button.submitFilter',\n    buttonClass: '',\n    dataCy: 'filter-submit',\n    touched: true,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst { t } = useI18n()\n\nconst onClick = (event: Event) => {\n  eventClickBlur(event)\n  emit('submit')\n}\n</script>\n\n<template>\n  <VBtn\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    color=\"primary\"\n    type=\"submit\"\n    :variant=\"touched ? 'flat' : 'text'\"\n    @click=\"onClick\"\n  >\n    {{ t(buttonT) }}\n  </VBtn>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    buttonT?: string;
+    buttonClass?: string;
+    dataCy?: string;
+    touched?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    submit: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+}>, {
+    dataCy: string;
+    touched: boolean;
+    buttonT: string;
+    buttonClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/domains/filters/components/AFilterSubmitButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { eventClickBlur as e } from "../../../shared/utils/event.js";
+import { createBlock as t, createTextVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, toDisplayString as o, unref as s, withCtx as c } from "vue";
+import { useI18n as l } from "vue-i18n";
+import { VBtn as u } from "vuetify/components/VBtn";
+//#region src/domains/filters/components/AFilterSubmitButton.vue?vue&type=script&setup=true&lang.ts
+var d = /*@__PURE__*/ r({
+	__name: "AFilterSubmitButton",
+	props: {
+		buttonT: { default: "common.button.submitFilter" },
+		buttonClass: { default: "" },
+		dataCy: { default: "filter-submit" },
+		touched: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["submit"],
+	setup(r, { emit: d }) {
+		let f = d, { t: p } = l(), m = (t) => {
+			e(t), f("submit");
+		};
+		return (e, l) => (a(), t(u, {
+			class: i(r.buttonClass),
+			"data-cy": r.dataCy,
+			color: "primary",
+			type: "submit",
+			variant: r.touched ? "flat" : "text",
+			onClick: m
+		}, {
+			default: c(() => [n(o(s(p)(r.buttonT)), 1)]),
+			_: 1
+		}, 8, [
+			"class",
+			"data-cy",
+			"variant"
+		]));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=AFilterSubmitButton.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterSubmitButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_component_VBtn","_normalizeClass","_withCtx","_createTextVNode","_toDisplayString","_unref","AFilterSubmitButton_vue_vue_type_script_setup_true_lang_default","__emit","emit","useI18n","onClick","eventClickBlur","event","openBlock","createBlock","VBtn","normalizeClass","__props","withCtx","createTextVNode","toDisplayString","unref","t"],"sources":["../../../../src/domains/filters/components/AFilterSubmitButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { eventClickBlur } from '@/shared/utils/event'\n\nwithDefaults(\n  defineProps<{\n    buttonT?: string\n    buttonClass?: string\n    dataCy?: string\n    touched?: boolean\n  }>(),\n  {\n    buttonT: 'common.button.submitFilter',\n    buttonClass: '',\n    dataCy: 'filter-submit',\n    touched: true,\n  }\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst { t } = useI18n()\n\nconst onClick = (event: Event) => {\n  eventClickBlur(event)\n  emit('submit')\n}\n</script>\n\n<template>\n  <VBtn\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    color=\"primary\"\n    type=\"submit\"\n    :variant=\"touched ? 'flat' : 'text'\"\n    @click=\"onClick\"\n  >\n    {{ t(buttonT) }}\n  </VBtn>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAmBA,IAAMU,IAAOD,GAIP,EAAE,SAAME,EAAQ,GAEhBC,KAAW,MAAiB;GAEhC,AADAC,EAAeC,CAAK,GACpBJ,EAAK,QAAQ;EACf;E,kBAIEV,EAAA,GAAAC,EASOC,GAAA;GARJ,OAAKC,EAAEgB,EAAA,WAAW;GAClB,WAASA,EAAA;GACV,OAAM;GACN,MAAK;GACJ,SAASA,EAAA,UAAO,SAAA;GACT;;GAER,SAAAf,QAAgB,CAAbC,EAAAC,EAAAC,EAAAiB,CAAA,CAAC,CAACL,EAAA,OAAO,CAAA,GAAA,CAAA,C"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,31 @@
+import { TimeIntervalToolsValue } from '../composables/filterTimeIntervalTools';
+type __VLS_Props = {
+    nameFrom: string;
+    nameUntil: string;
+    allowed?: TimeIntervalToolsValue[];
+    placeholder?: string | undefined;
+    dataCy?: string;
+};
+declare var __VLS_45: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_45) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    onClear: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (() => any) | undefined;
+}>, {
+    placeholder: string;
+    dataCy: string;
+    allowed: TimeIntervalToolsValue[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,201 @@
+import e from "../../ui/components/ARow.js";
+import { isArray as t, isBoolean as n, isNull as r, isUndefined as i } from "../../../shared/utils/common.js";
+import a from "../../ui/components/ADialogToolbar.js";
+import { useAlerts as o } from "../../system/composables/alerts.js";
+import { dateTimeNow as s, dateTimePretty as c, isDatetimeUTC as l } from "../../../shared/utils/datetime.js";
+import u from "../../form/components/AFormDatetimePicker.js";
+import { FilterConfigKey as ee, FilterDataKey as d, FilterSelectedKey as te, FilterSubmitResetCounterKey as ne } from "../utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as f } from "../composables/filterFactory.js";
+import { TimeIntervalSpecialOptions as p, useFilterTimeIntervalValidators as re, useTimeIntervalOptions as ie } from "../composables/filterTimeIntervalTools.js";
+import { Fragment as ae, computed as m, createBlock as h, createCommentVNode as oe, createElementBlock as g, createTextVNode as _, createVNode as v, defineComponent as y, inject as b, mergeProps as se, nextTick as ce, openBlock as x, ref as S, renderSlot as le, resolveComponent as C, toDisplayString as w, unref as T, watch as E, withCtx as D, withModifiers as O } from "vue";
+import { useI18n as ue } from "vue-i18n";
+import { VSpacer as de } from "vuetify/components/VGrid";
+import { VCard as k, VCardActions as fe, VCardText as A } from "vuetify/components/VCard";
+import { VTextarea as pe } from "vuetify/components/VTextarea";
+import { VListItem as me } from "vuetify/components/VList";
+import { VDialog as he } from "vuetify/components/VDialog";
+import { VSelect as ge } from "vuetify/components/VSelect";
+//#region src/domains/filters/components/AFilterTimeInterval.vue?vue&type=script&setup=true&lang.ts
+var j = /*@__PURE__*/ y({
+	__name: "AFilterTimeInterval",
+	props: {
+		nameFrom: {},
+		nameUntil: {},
+		allowed: { default: void 0 },
+		placeholder: { default: void 0 },
+		dataCy: { default: "filter-time-interval" }
+	},
+	emits: ["change"],
+	setup(y, { expose: j, emit: _e }) {
+		let M = y, N = _e, P = b(ne), F = b(te), I = b(ee), L = b(d);
+		if (i(P) || i(F) || i(I) || i(I.fields[M.nameFrom]) || i(I.fields[M.nameUntil]) || i(L) || i(L[M.nameFrom]) || i(L[M.nameUntil])) throw Error("Incorrect provide/inject config.");
+		let R = m({
+			get() {
+				return L[M.nameFrom];
+			},
+			set(e) {
+				L[M.nameFrom] = e, Z(e), I.touched = !0, ce(() => {
+					N("change");
+				});
+			}
+		}), { timeIntervalOptions: ve, getTimeIntervalOption: z } = ie(M.allowed), B = S(null), V = S(!1), H = S({
+			from: null,
+			until: s()
+		}), U = S(!1), { v$: W } = re(H), G = m(() => I.fields[M.nameFrom]), { t: K } = ue(), q = m(() => G.value.titleT ? K(G.value.titleT) : void 0), { clearOne: J } = f(), { showValidationError: ye } = o(), Y = () => {
+			xe(), $(L[M.nameFrom]), Z(L[M.nameFrom]);
+		}, be = () => {
+			W.value.$touch(), W.value.$invalid ? ye() : (U.value = !0, V.value = !1, L[M.nameUntil] = H.value.until, R.value = H.value.from);
+		};
+		j({ onClear: Y });
+		let X = () => {
+			V.value = !1, B.value = null;
+		}, xe = () => {
+			J(M.nameFrom, L, I), J(M.nameUntil, L, I), F.value.delete(M.nameFrom);
+		}, Z = (e) => {
+			if (t(e) || n(e)) return;
+			if (r(e) || i(e)) {
+				F.value.delete(M.nameFrom);
+				return;
+			}
+			let a = z(e);
+			if (!a && l(e)) {
+				let t = z(p.Custom);
+				F.value.set(M.nameFrom, [{
+					title: t.title + ": " + c(H.value.from) + " - " + c(H.value.until),
+					value: e
+				}]);
+			} else a && F.value.set(M.nameFrom, [{
+				title: a.title,
+				value: e
+			}]);
+		}, Q = (e = !1) => {
+			W.value.$reset(), e && (H.value.from = null, H.value.until = s()), V.value = !0;
+		}, $ = (e) => {
+			if (t(e) || n(e)) return;
+			if (U.value = !1, i(e) || r(e)) {
+				B.value = null;
+				return;
+			}
+			let a = z(e), o = L[M.nameUntil];
+			!a && l(e) && l(o) && (B.value = p.Custom, H.value.from = e, H.value.until = o, U.value = !0), a && (B.value = a.value);
+		};
+		E(R, $, { immediate: !0 }), E(P, () => {
+			$(L[M.nameFrom]), Z(L[M.nameFrom]);
+		}), E([() => L[M.nameFrom], () => L[M.nameUntil]], ([e, t], [n, r]) => {
+			(e !== n || t !== r) && Z(e);
+		}, { immediate: !0 });
+		let Se = (e) => {
+			e.value === p.Custom ? Q(!0) : (L[M.nameUntil] = null, R.value = e.value);
+		};
+		return (t, n) => {
+			let i = C("ABtnTertiary"), o = C("ABtnPrimary");
+			return x(), g(ae, null, [U.value ? (x(), h(pe, {
+				key: 0,
+				label: q.value,
+				"model-value": T(c)(H.value.from) + " - " + T(c)(H.value.until),
+				readonly: "",
+				rows: "1",
+				"auto-grow": "",
+				"hide-details": "",
+				"append-inner-icon": "mdi-menu-down",
+				clearable: "",
+				class: "cursor-pointer",
+				"onClick:clear": O(Y, ["stop"]),
+				onClick: n[0] ||= O((e) => Q(), ["stop"])
+			}, null, 8, ["label", "model-value"])) : (x(), h(ge, {
+				key: 1,
+				modelValue: B.value,
+				"onUpdate:modelValue": n[1] ||= (e) => B.value = e,
+				"item-title": "title",
+				"item-value": "value",
+				label: q.value,
+				clearable: !T(r)(B.value),
+				"no-filter": "",
+				"data-cy": y.dataCy,
+				items: T(ve),
+				"hide-details": "",
+				autocomplete: "off",
+				"onClick:clear": O(Y, ["stop"])
+			}, {
+				item: D(({ props: e, internalItem: t }) => [v(me, se(e, { onClick: (e) => Se(t) }), null, 16, ["onClick"])]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"label",
+				"clearable",
+				"data-cy",
+				"items"
+			])), V.value ? (x(), h(he, {
+				key: 2,
+				"model-value": !0,
+				width: "auto",
+				"min-width": 360
+			}, {
+				default: D(() => [v(k, null, {
+					default: D(() => [
+						v(a, { onCancel: X }, {
+							default: D(() => [le(t.$slots, "title", {}, () => [_(w(q.value), 1)], !0)]),
+							_: 3
+						}),
+						v(A, null, {
+							default: D(() => [v(e, null, {
+								default: D(() => [v(u, {
+									modelValue: H.value.from,
+									"onUpdate:modelValue": n[2] ||= (e) => H.value.from = e,
+									v: T(W).dialogData.from,
+									label: T(K)("common.filter.timeInterval.from"),
+									required: ""
+								}, null, 8, [
+									"modelValue",
+									"v",
+									"label"
+								])]),
+								_: 1
+							}), v(e, null, {
+								default: D(() => [v(u, {
+									modelValue: H.value.until,
+									"onUpdate:modelValue": n[3] ||= (e) => H.value.until = e,
+									v: T(W).dialogData.until,
+									label: T(K)("common.filter.timeInterval.until"),
+									required: ""
+								}, null, 8, [
+									"modelValue",
+									"v",
+									"label"
+								])]),
+								_: 1
+							})]),
+							_: 1
+						}),
+						v(fe, null, {
+							default: D(() => [
+								v(de),
+								v(i, {
+									"data-cy": "button-cancel",
+									onClick: O(X, ["stop"])
+								}, {
+									default: D(() => [_(w(T(K)("common.button.cancel")), 1)]),
+									_: 1
+								}),
+								v(o, {
+									"data-cy": "button-confirm",
+									onClick: O(be, ["stop"])
+								}, {
+									default: D(() => [_(w(T(K)("common.button.confirm")), 1)]),
+									_: 1
+								})
+							]),
+							_: 1
+						})
+					]),
+					_: 3
+				})]),
+				_: 3
+			})) : oe("", !0)], 64);
+		};
+	}
+});
+//#endregion
+export { j as default };
+
+//# sourceMappingURL=AFilterTimeInterval.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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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"}

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

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,15 @@
+import { ValueObjectOption } from '../../../shared/types/ValueObject';
+type __VLS_Props = {
+    name: string;
+    items: ValueObjectOption<string | number>[];
+    dataCy?: string;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (() => any) | undefined;
+}>, {
+    dataCy: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,81 @@
+import { isArray as e, isBoolean as t, isNull as n, isUndefined as r } from "../../../shared/utils/common.js";
+import { FilterConfigKey as i, FilterDataKey as a, FilterSelectedKey as o, FilterSubmitResetCounterKey as s } from "../utils/filterInjectionKeys.js";
+import { useFilterClearHelpers as c } from "../composables/filterFactory.js";
+import { computed as l, createBlock as u, defineComponent as d, getCurrentInstance as f, inject as p, openBlock as m, watch as h, withModifiers as g } from "vue";
+import { useI18n as _ } from "vue-i18n";
+import { VAutocomplete as v } from "vuetify/components/VAutocomplete";
+//#region src/domains/filters/components/AFilterValueObjectOptionsSelect.vue?vue&type=script&setup=true&lang.ts
+var y = /*@__PURE__*/ d({
+	__name: "AFilterValueObjectOptionsSelect",
+	props: {
+		name: {},
+		items: {},
+		dataCy: { default: "filter-value" }
+	},
+	emits: ["change"],
+	setup(d, { emit: y }) {
+		let b = d, x = y, S = p(s), C = p(o), w = p(i), T = p(a), E = f()?.type.__name;
+		if (r(S) || r(C) || r(T) || r(w)) throw Error(`[${E}] Incorrect provide/inject config.`);
+		if (r(w.fields[b.name]) || r(T[b.name])) throw Error(`[${E}] Incorrect filter config. Name is '${b.name}' and available options are ${Object.keys(T).join(", ")}.`);
+		let D = l({
+			get() {
+				return T[b.name];
+			},
+			set(e) {
+				T[b.name] = e, N(e), w.touched = !0, x("change");
+			}
+		}), O = l(() => w.fields[b.name]), { t: k } = _(), A = l(() => O.value.titleT ? k(O.value.titleT) : void 0), { clearOne: j } = c(), M = () => {
+			j(b.name, T, w), C.value.delete(b.name);
+		}, N = (t) => {
+			if (n(t) || r(t) || e(t) && t.length === 0) {
+				C.value.delete(b.name);
+				return;
+			}
+			if (e(t)) {
+				C.value.set(b.name, t.map((e) => {
+					let t = b.items.find((t) => t.value === e);
+					return t ? {
+						title: t.title,
+						value: t.value
+					} : {
+						title: e,
+						value: e
+					};
+				}));
+				return;
+			}
+			let i = b.items.find((e) => e.value === t);
+			i && C.value.set(b.name, [{
+				title: i.title,
+				value: i.value
+			}]);
+		};
+		return h(() => T[b.name], (e, n) => {
+			e === n || t(e) || N(e);
+		}, { immediate: !0 }), (e, t) => (m(), u(v, {
+			modelValue: D.value,
+			"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
+			items: d.items,
+			chips: O.value.multiple,
+			label: A.value,
+			multiple: O.value.multiple,
+			clearable: !O.value.mandatory,
+			"data-cy": d.dataCy,
+			"hide-details": "",
+			autocomplete: "off",
+			"onClick:clear": g(M, ["stop"])
+		}, null, 8, [
+			"modelValue",
+			"items",
+			"chips",
+			"label",
+			"multiple",
+			"clearable",
+			"data-cy"
+		]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=AFilterValueObjectOptionsSelect.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

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

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