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

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

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

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

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

@@ -1,7 +1,6 @@
 import e from "./AFilterValueObjectOptionsSelect.vue_vue_type_script_setup_true_lang.js";
-//#region src/domains/filters/components/AFilterValueObjectOptionsSelect.vue
+// 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

@@ -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

@@ -1,10 +1,10 @@
-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 { FilterConfigKey as e, FilterDataKey as t, FilterSelectedKey as n, FilterSubmitResetCounterKey as r } from "../utils/filterInjectionKeys.js";
+import { isArray as i, isBoolean as a, isNull as o, isUndefined as s } from "../../../shared/utils/common.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
+// src/domains/filters/components/AFilterValueObjectOptionsSelect.vue?vue&type=script&setup=true&lang.ts
 var y = /*@__PURE__*/ d({
 	__name: "AFilterValueObjectOptionsSelect",
 	props: {
@@ -14,9 +14,9 @@ var y = /*@__PURE__*/ d({
 	},
 	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 b = d, x = y, S = p(r), C = p(n), w = p(e), T = p(t), E = f()?.type.__name;
+		if (s(S) || s(C) || s(T) || s(w)) throw Error(`[${E}] Incorrect provide/inject config.`);
+		if (s(w.fields[b.name]) || s(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];
@@ -26,13 +26,13 @@ var y = /*@__PURE__*/ d({
 			}
 		}), 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) {
+		}, N = (e) => {
+			if (o(e) || s(e) || i(e) && e.length === 0) {
 				C.value.delete(b.name);
 				return;
 			}
-			if (e(t)) {
-				C.value.set(b.name, t.map((e) => {
+			if (i(e)) {
+				C.value.set(b.name, e.map((e) => {
 					let t = b.items.find((t) => t.value === e);
 					return t ? {
 						title: t.title,
@@ -44,14 +44,14 @@ var y = /*@__PURE__*/ d({
 				}));
 				return;
 			}
-			let i = b.items.find((e) => e.value === t);
-			i && C.value.set(b.name, [{
-				title: i.title,
-				value: i.value
+			let t = b.items.find((t) => t.value === e);
+			t && C.value.set(b.name, [{
+				title: t.title,
+				value: t.value
 			}]);
 		};
-		return h(() => T[b.name], (e, n) => {
-			e === n || t(e) || N(e);
+		return h(() => T[b.name], (e, t) => {
+			e === t || a(e) || N(e);
 		}, { immediate: !0 }), (e, t) => (m(), u(v, {
 			modelValue: D.value,
 			"onUpdate:modelValue": t[0] ||= (e) => D.value = e,
@@ -75,7 +75,6 @@ var y = /*@__PURE__*/ d({
 		]));
 	}
 });
-//#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

@@ -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

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

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":""}