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

package/dist/domains/filters/bookmarks/components/FilterBookmarks.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,20 @@
-import { cloneDeep as e, isDefined as t, isNull as n, isString as r, isUndefined as i } from "../../../../shared/utils/common.js";
-import { stringToBooleanExact as a, stringToNumber as ee } from "../../../../shared/utils/string.js";
-import { DatatablePaginationKey as o, FilterConfigKey as s, FilterDataKey as c, FilterSelectedKey as l } from "../../utils/filterInjectionKeys.js";
-import { useFilterHelpers as u } from "../../composables/filterFactory.js";
-import { UserAdminConfigLayoutType as d } from "../types/UserAdminConfig.js";
-import { useFilterBookmarkStore as f } from "../store/bookmarksStore.js";
-import { useUserAdminConfigApi as p } from "../api/userAdminConfigApi.js";
-import { Fragment as m, computed as h, createBlock as g, createCommentVNode as te, createElementBlock as _, createTextVNode as v, createVNode as y, defineComponent as b, inject as x, mergeModels as S, mergeProps as ne, nextTick as C, onMounted as w, openBlock as T, ref as E, renderList as D, toDisplayString as O, unref as re, useModel as ie, useTemplateRef as ae, watch as oe, withCtx as k } from "vue";
-import { useI18n as se } from "vue-i18n";
-import { useResizeObserver as ce, watchThrottled as le } from "@vueuse/core";
-import { VBtn as A } from "vuetify/components/VBtn";
-import { VList as ue, VListItem as de, VListItemTitle as j } from "vuetify/components/VList";
+import { useFilterBookmarkStore as e } from "../store/bookmarksStore.js";
+import { useUserAdminConfigApi as t } from "../api/userAdminConfigApi.js";
+import { UserAdminConfigLayoutType as n } from "../types/UserAdminConfig.js";
+import { cloneDeep as r, isDefined as i, isNull as a, isString as o, isUndefined as s } from "../../../../shared/utils/common.js";
+import { DatatablePaginationKey as c, FilterConfigKey as ee, FilterDataKey as te, FilterSelectedKey as ne } from "../../utils/filterInjectionKeys.js";
+import { useFilterHelpers as re } from "../../composables/filterFactory.js";
+import { stringToBooleanExact as l, stringToNumber as u } from "../../../../shared/utils/string.js";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as ie, createElementBlock as m, createTextVNode as h, createVNode as g, defineComponent as _, inject as v, mergeModels as y, mergeProps as b, nextTick as x, onMounted as S, openBlock as C, ref as w, renderList as T, toDisplayString as E, unref as ae, useModel as oe, useTemplateRef as se, watch as ce, withCtx as D } from "vue";
+import { useI18n as le } from "vue-i18n";
+import { useResizeObserver as ue, watchThrottled as de } from "@vueuse/core";
+import { VBtn as O } from "vuetify/components/VBtn";
+import { VList as k, VListItem as A, VListItemTitle as j } from "vuetify/components/VList";
 import { VMenu as M } from "vuetify/components/VMenu";
-//#region src/domains/filters/bookmarks/components/FilterBookmarks.vue?vue&type=script&setup=true&lang.ts
-var N = { key: 0 }, P = 32, F = /*@__PURE__*/ b({
+// src/domains/filters/bookmarks/components/FilterBookmarks.vue?vue&type=script&setup=true&lang.ts
+var N = { key: 0 }, P = 32, F = /*@__PURE__*/ _({
 	__name: "FilterBookmarks",
-	props: /*@__PURE__*/ S({
+	props: /*@__PURE__*/ y({
 		client: {},
 		userId: {},
 		system: {},
@@ -26,111 +26,111 @@ var N = { key: 0 }, P = 32, F = /*@__PURE__*/ b({
 		},
 		datatableHiddenColumnsModifiers: {}
 	}),
-	emits: /*@__PURE__*/ S(["submit"], ["update:datatableHiddenColumns"]),
-	setup(b, { emit: S }) {
-		let F = b, I = S, { t: L } = se(), R = ie(b, "datatableHiddenColumns"), z = x(s), B = x(c), V = x(o), H = x(l);
-		if (i(V) || i(z) || i(B) || i(H)) throw Error("Incorrect provide/inject config.");
-		let U = E(!1), W = ae("toolbar"), G = E(300), K = E(1e3), q = f(), { useFetchUserAdminConfigList: fe } = p(F.client, F.system), J = F.system + "_" + F.subject, pe = async (e = !1) => {
+	emits: /*@__PURE__*/ y(["submit"], ["update:datatableHiddenColumns"]),
+	setup(_, { emit: y }) {
+		let F = _, I = y, { t: L } = le(), R = oe(_, "datatableHiddenColumns"), z = v(ee), B = v(te), V = v(c), H = v(ne);
+		if (s(V) || s(z) || s(B) || s(H)) throw Error("Incorrect provide/inject config.");
+		let U = w(!1), W = se("toolbar"), G = w(300), K = w(1e3), q = e(), { useFetchUserAdminConfigList: fe } = t(F.client, F.system), J = F.system + "_" + F.subject, pe = async (e = !1) => {
 			U.value = !0, await q.getBookmarks({
 				user: F.userId,
-				layoutType: d.Desktop,
+				layoutType: n.Desktop,
 				systemResource: J
 			}, fe, e), U.value = !1;
-		}, { deserializeFilters: Y } = u(B, z), X = (o) => {
-			let s = o.data;
-			t(s.datatableHiddenColumns) && t(R.value) && (R.value = s.datatableHiddenColumns), t(s.sortBy) && (V.value = {
+		}, { deserializeFilters: Y } = re(B, z), X = (e) => {
+			let t = e.data;
+			i(t.datatableHiddenColumns) && i(R.value) && (R.value = t.datatableHiddenColumns), i(t.sortBy) && (V.value = {
 				...V.value,
 				sortBy: {
-					key: s.sortBy.key,
-					order: s.sortBy.order
+					key: t.sortBy.key,
+					order: t.sortBy.order
 				}
 			});
-			let c = Y(s.filter);
-			if (!n(c)) {
-				for (let t in B) {
-					let o = t, s = c.filters[o];
-					if (i(s) && z.fields[o]?.clearable) B[o] = e(z.fields[o].default), H.value.delete(o);
+			let n = Y(t.filter);
+			if (!a(n)) {
+				for (let e in B) {
+					let t = e, i = n.filters[t];
+					if (s(i) && z.fields[t]?.clearable) B[t] = r(z.fields[t].default), H.value.delete(t);
 					else {
-						if (r(s)) {
-							let e = ee(s);
-							if (!n(e) && String(e) === s) s = e;
+						if (o(i)) {
+							let e = u(i);
+							if (!a(e) && String(e) === i) i = e;
 							else {
-								let e = a(s);
-								n(e) || (s = e);
+								let e = l(i);
+								a(e) || (i = e);
 							}
 						}
-						B[o] = s;
+						B[t] = i;
 					}
 				}
 				I("submit");
 			}
 		}, Z = async (e) => {
 			let t = W.value;
-			if (n(t)) return;
-			K.value = 1e3, await C();
-			let r = 0, i = 0;
-			for (let n = 0; n < t.children.length; n++) {
-				let a = t.children[n].offsetWidth;
-				if (r += a, r >= e - P) break;
-				i++;
+			if (a(t)) return;
+			K.value = 1e3, await x();
+			let n = 0, r = 0;
+			for (let i = 0; i < t.children.length; i++) {
+				let a = t.children[i].offsetWidth;
+				if (n += a, n >= e - P) break;
+				r++;
 			}
-			K.value = i;
+			K.value = r;
 		};
-		ce(W, (e) => {
+		ue(W, (e) => {
 			e[0] && (G.value = e[0].contentRect.width);
-		}), le(G, (e, t) => {
+		}), de(G, (e, t) => {
 			e !== t && Z(e);
 		}, { throttle: 1e3 });
-		let Q = h(() => {
-			let e = q.generateKey(d.Desktop, J);
+		let Q = f(() => {
+			let e = q.generateKey(n.Desktop, J);
 			return q.bookmarks.get(e)?.items ?? [];
-		}), $ = h(() => {
+		}), $ = f(() => {
 			let e = K.value;
 			return {
 				visible: Q.value.slice(0, e),
 				hidden: Q.value.slice(e)
 			};
 		});
-		return oe([U, () => Q.value.length], ([e]) => {
-			e === !0 || n(W.value) || (G.value = W.value.clientWidth, C(() => {
+		return ce([U, () => Q.value.length], ([e]) => {
+			e === !0 || a(W.value) || (G.value = W.value.clientWidth, x(() => {
 				Z(G.value);
 			}));
-		}), w(() => {
+		}), S(() => {
 			pe();
-		}), (e, t) => (T(), _("div", {
+		}), (e, t) => (C(), m("div", {
 			ref: "toolbar",
 			key: Q.value.length,
 			class: "w-100 d-flex overflow-hidden align-center mb-1"
-		}, [U.value ? (T(), _("div", N)) : (T(), _(m, { key: 1 }, [(T(!0), _(m, null, D($.value.visible, (e) => (T(), _("div", {
+		}, [U.value ? (C(), m("div", N)) : (C(), m(d, { key: 1 }, [(C(!0), m(d, null, T($.value.visible, (e) => (C(), m("div", {
 			key: e.id,
 			class: "white-space-nowrap"
-		}, [y(A, {
+		}, [g(O, {
 			variant: "text",
 			"prepend-icon": "mdi-bookmark-outline",
 			size: "small",
 			class: "mr-1 mb-1 bg-grey-lighten-4 text-grey-darken-3",
 			onClick: (t) => X(e)
 		}, {
-			default: k(() => [v(O(e.customName), 1)]),
+			default: D(() => [h(E(e.customName), 1)]),
 			_: 2
-		}, 1032, ["onClick"])]))), 128)), $.value.hidden.length > 0 ? (T(), g(M, {
+		}, 1032, ["onClick"])]))), 128)), $.value.hidden.length > 0 ? (C(), p(M, {
 			key: 0,
 			location: "bottom"
 		}, {
-			activator: k(({ props: e }) => [y(A, ne({
+			activator: D(({ props: e }) => [g(O, b({
 				icon: "mdi-menu-down",
-				"aria-label": re(L)("common.filter.bookmark.more"),
+				"aria-label": ae(L)("common.filter.bookmark.more"),
 				size: "x-small",
 				width: 28,
 				height: 28
 			}, e), null, 16, ["aria-label"])]),
-			default: k(() => [y(ue, { density: "compact" }, {
-				default: k(() => [(T(!0), _(m, null, D($.value.hidden, (e) => (T(), g(de, {
+			default: D(() => [g(k, { density: "compact" }, {
+				default: D(() => [(C(!0), m(d, null, T($.value.hidden, (e) => (C(), p(A, {
 					key: e.id,
 					onClick: (t) => X(e)
 				}, {
-					default: k(() => [y(j, null, {
-						default: k(() => [v(O(e.customName), 1)]),
+					default: D(() => [g(j, null, {
+						default: D(() => [h(E(e.customName), 1)]),
 						_: 2
 					}, 1024)]),
 					_: 2
@@ -138,10 +138,9 @@ var N = { key: 0 }, P = 32, F = /*@__PURE__*/ b({
 				_: 1
 			})]),
 			_: 1
-		})) : te("", !0)], 64))]));
+		})) : ie("", !0)], 64))]));
 	}
 });
-//#endregion
 export { F as default };
 
 //# sourceMappingURL=FilterBookmarks.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBookmarks.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_component_VBtn","_withCtx","_createTextVNode","_toDisplayString","_createBlock","_component_VMenu","_mergeProps","_unref","_component_VList","_component_VListItem","_component_VListItemTitle","_createCommentVNode","_hoisted_1","THREE_DOTS_WIDTH","FilterBookmarks_vue_vue_type_script_setup_true_lang_default","\"datatableHiddenColumns\"","\"datatableHiddenColumnsModifiers\"","__emit","props","__props","emit","useI18n","datatableHiddenColumns","useModel","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","pagination","DatatablePaginationKey","filterSelected","FilterSelectedKey","isUndefined","loading","ref","toolbarRef","useTemplateRef","toolbarWidth","visibleItemsCount","filterBookmarkStore","useFilterBookmarkStore","useUserAdminConfigApi","systemResource","loadBookmarks","UserAdminConfigLayoutType","useFetchUserAdminConfigList","force","useFilterHelpers","onItemClick","config","item","isDefined","deserialized","deserializeFilters","filterName","key","value","cloneDeep","isString","tryConvertNumber","stringToNumber","isNull","tryConvertBoolean","stringToBooleanExact","calculateVisible","container","nextTick","cumulativeWidth","visible","i","childWidth","totalWidth","useResizeObserver","entries","watchThrottled","newValue","oldValue","items","computed","itemsComputed","watch","newLoading","onMounted","openBlock","createElementBlock","Fragment","renderList","createVNode","VBtn","withCtx","createTextVNode","toDisplayString","createBlock","VMenu","activatorProps","mergeProps","unref","t","VList","VListItem","VListItemTitle","createCommentVNode"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarks.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, inject, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'\nimport { useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport type { AxiosInstance } from 'axios'\nimport {\n  type UserAdminConfig,\n  type UserAdminConfigDataFilterBookmark,\n  UserAdminConfigLayoutType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useResizeObserver, watchThrottled } from '@vueuse/core'\nimport { cloneDeep, isDefined, isNull, isString, isUndefined } from '@/shared/utils/common'\nimport {\n  DatatablePaginationKey,\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { type FilterData, useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { stringToBooleanExact, stringToNumber } from '@/shared/utils/string'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    userId: IntegerId\n    system: string\n    subject: string\n  }>(),\n  {}\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst { t } = useI18n()\n\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: true,\n})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst loading = ref(false)\nconst toolbarRef = useTemplateRef('toolbar')\nconst toolbarWidth = ref(300)\nconst visibleItemsCount = ref(1000)\n\nconst filterBookmarkStore = useFilterBookmarkStore()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { useFetchUserAdminConfigList } = useUserAdminConfigApi(props.client, props.system)\n\nconst systemResource = props.system + '_' + props.subject\n\nconst loadBookmarks = async (force = false) => {\n  loading.value = true\n  await filterBookmarkStore.getBookmarks(\n    {\n      user: props.userId,\n      layoutType: UserAdminConfigLayoutType.Desktop,\n      systemResource: systemResource,\n    },\n    useFetchUserAdminConfigList,\n    force\n  )\n  loading.value = false\n}\n\nconst { deserializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst onItemClick = (item: UserAdminConfig) => {\n  const config = item.data as UserAdminConfigDataFilterBookmark\n  if (isDefined(config.datatableHiddenColumns) && isDefined(datatableHiddenColumns.value)) {\n    datatableHiddenColumns.value = config.datatableHiddenColumns\n  }\n  if (isDefined(config.sortBy)) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: { key: config.sortBy!.key, order: config.sortBy!.order },\n    }\n  }\n  const deserialized = deserializeFilters(config.filter)\n  if (isNull(deserialized)) return\n  for (const filterName in filterData) {\n    const key = filterName as keyof FilterData\n    let value = deserialized.filters[key]\n    if (isUndefined(value) && filterConfig.fields[key]?.clearable) {\n      filterData[key] = cloneDeep(filterConfig.fields[key].default)\n      filterSelected.value.delete(key)\n      continue\n    }\n    if (isString(value)) {\n      const tryConvertNumber = stringToNumber(value)\n      // Only a canonical number: '0905' or '007' are codes and stay strings, as in the url hash.\n      if (!isNull(tryConvertNumber) && String(tryConvertNumber) === value) {\n        value = tryConvertNumber\n      } else {\n        // If not a number, try to convert to boolean\n        const tryConvertBoolean = stringToBooleanExact(value)\n        if (!isNull(tryConvertBoolean)) {\n          value = tryConvertBoolean\n        }\n      }\n    }\n    filterData[key] = value\n  }\n  emit('submit')\n}\n\nconst THREE_DOTS_WIDTH = 32\n\nconst calculateVisible = async (totalWidth: number) => {\n  const container = toolbarRef.value\n  if (isNull(container)) return\n  visibleItemsCount.value = 1000\n  await nextTick()\n  let cumulativeWidth = 0\n  let visible = 0\n  for (let i = 0; i < container.children.length; i++) {\n    const child = container.children[i] as HTMLElement\n    const childWidth = child.offsetWidth\n    cumulativeWidth += childWidth\n    if (cumulativeWidth >= totalWidth - THREE_DOTS_WIDTH) {\n      break\n    }\n    visible++\n  }\n  visibleItemsCount.value = visible\n}\n\nuseResizeObserver(toolbarRef, (entries) => {\n  if (entries[0]) {\n    toolbarWidth.value = entries[0].contentRect.width\n  }\n})\n\nwatchThrottled(\n  toolbarWidth,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    calculateVisible(newValue)\n  },\n  { throttle: 1000 }\n)\n\nconst items = computed(() => {\n  const key = filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n  const result = filterBookmarkStore.bookmarks.get(key)\n  return result?.items ?? []\n})\n\nconst itemsComputed = computed(() => {\n  const visible = visibleItemsCount.value\n  return {\n    visible: items.value.slice(0, visible),\n    hidden: items.value.slice(visible),\n  }\n})\n\nwatch([loading, () => items.value.length], ([newLoading]) => {\n  if (newLoading === true || isNull(toolbarRef.value)) return\n  toolbarWidth.value = toolbarRef.value.clientWidth\n  nextTick(() => {\n    calculateVisible(toolbarWidth.value)\n  })\n})\n\nonMounted(() => {\n  loadBookmarks()\n})\n</script>\n\n<template>\n  <div\n    ref=\"toolbar\"\n    :key=\"items.length\"\n    class=\"w-100 d-flex overflow-hidden align-center mb-1\"\n  >\n    <div v-if=\"loading\" />\n    <template v-else>\n      <div\n        v-for=\"item in itemsComputed.visible\"\n        :key=\"item.id\"\n        class=\"white-space-nowrap\"\n      >\n        <VBtn\n          variant=\"text\"\n          prepend-icon=\"mdi-bookmark-outline\"\n          size=\"small\"\n          class=\"mr-1 mb-1 bg-grey-lighten-4 text-grey-darken-3\"\n          @click=\"onItemClick(item)\"\n        >\n          {{ item.customName }}\n        </VBtn>\n      </div>\n      <VMenu\n        v-if=\"itemsComputed.hidden.length > 0\"\n        location=\"bottom\"\n      >\n        <template #activator=\"{ props: activatorProps }\">\n          <VBtn\n            icon=\"mdi-menu-down\"\n            :aria-label=\"t('common.filter.bookmark.more')\"\n            size=\"x-small\"\n            :width=\"28\"\n            :height=\"28\"\n            v-bind=\"activatorProps\"\n          />\n        </template>\n        <VList density=\"compact\">\n          <VListItem\n            v-for=\"item in itemsComputed.hidden\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle>{{ item.customName }}</VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"FilterBookmarks.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_Fragment","_renderList","_createVNode","_component_VBtn","_withCtx","_createTextVNode","_toDisplayString","_createBlock","_component_VMenu","_mergeProps","_unref","_component_VList","_component_VListItem","_component_VListItemTitle","_createCommentVNode","_hoisted_1","THREE_DOTS_WIDTH","FilterBookmarks_vue_vue_type_script_setup_true_lang_default","\"datatableHiddenColumns\"","\"datatableHiddenColumnsModifiers\"","__emit","props","__props","emit","useI18n","datatableHiddenColumns","useModel","filterConfig","inject","FilterConfigKey","filterData","FilterDataKey","pagination","DatatablePaginationKey","filterSelected","FilterSelectedKey","isUndefined","loading","ref","toolbarRef","useTemplateRef","toolbarWidth","visibleItemsCount","filterBookmarkStore","useFilterBookmarkStore","useUserAdminConfigApi","systemResource","loadBookmarks","UserAdminConfigLayoutType","useFetchUserAdminConfigList","force","useFilterHelpers","onItemClick","config","item","isDefined","deserialized","deserializeFilters","filterName","key","value","cloneDeep","isString","tryConvertNumber","stringToNumber","isNull","tryConvertBoolean","stringToBooleanExact","calculateVisible","container","nextTick","cumulativeWidth","visible","childWidth","totalWidth","useResizeObserver","entries","watchThrottled","newValue","oldValue","items","computed","itemsComputed","watch","newLoading","onMounted","openBlock","createElementBlock","Fragment","renderList","createVNode","VBtn","withCtx","createTextVNode","toDisplayString","createBlock","VMenu","activatorProps","mergeProps","unref","t","VList","VListItem","VListItemTitle","createCommentVNode"],"sources":["../../../../../src/domains/filters/bookmarks/components/FilterBookmarks.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useI18n } from 'vue-i18n'\nimport { computed, inject, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'\nimport { useFilterBookmarkStore } from '@/domains/filters/bookmarks/store/bookmarksStore'\nimport { useUserAdminConfigApi } from '@/domains/filters/bookmarks/api/userAdminConfigApi'\nimport type { AxiosInstance } from 'axios'\nimport {\n  type UserAdminConfig,\n  type UserAdminConfigDataFilterBookmark,\n  UserAdminConfigLayoutType,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport type { IntegerId } from '@/shared/types/common'\nimport { useResizeObserver, watchThrottled } from '@vueuse/core'\nimport { cloneDeep, isDefined, isNull, isString, isUndefined } from '@/shared/utils/common'\nimport {\n  DatatablePaginationKey,\n  FilterConfigKey,\n  FilterDataKey,\n  FilterSelectedKey,\n} from '@/domains/filters/utils/filterInjectionKeys'\nimport { type FilterData, useFilterHelpers } from '@/domains/filters/composables/filterFactory'\nimport { stringToBooleanExact, stringToNumber } from '@/shared/utils/string'\n\nconst props = withDefaults(\n  defineProps<{\n    client: () => AxiosInstance\n    userId: IntegerId\n    system: string\n    subject: string\n  }>(),\n  {}\n)\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst { t } = useI18n()\n\nconst datatableHiddenColumns = defineModel<string[] | undefined>('datatableHiddenColumns', {\n  default: undefined,\n  required: true,\n})\n\nconst filterConfig = inject(FilterConfigKey)\nconst filterData = inject(FilterDataKey)\nconst pagination = inject(DatatablePaginationKey)\nconst filterSelected = inject(FilterSelectedKey)\n\nif (isUndefined(pagination) || isUndefined(filterConfig) || isUndefined(filterData) || isUndefined(filterSelected)) {\n  throw new Error('Incorrect provide/inject config.')\n}\n\nconst loading = ref(false)\nconst toolbarRef = useTemplateRef('toolbar')\nconst toolbarWidth = ref(300)\nconst visibleItemsCount = ref(1000)\n\nconst filterBookmarkStore = useFilterBookmarkStore()\n// eslint-disable-next-line vue/no-setup-props-reactivity-loss\nconst { useFetchUserAdminConfigList } = useUserAdminConfigApi(props.client, props.system)\n\nconst systemResource = props.system + '_' + props.subject\n\nconst loadBookmarks = async (force = false) => {\n  loading.value = true\n  await filterBookmarkStore.getBookmarks(\n    {\n      user: props.userId,\n      layoutType: UserAdminConfigLayoutType.Desktop,\n      systemResource: systemResource,\n    },\n    useFetchUserAdminConfigList,\n    force\n  )\n  loading.value = false\n}\n\nconst { deserializeFilters } = useFilterHelpers(filterData, filterConfig)\n\nconst onItemClick = (item: UserAdminConfig) => {\n  const config = item.data as UserAdminConfigDataFilterBookmark\n  if (isDefined(config.datatableHiddenColumns) && isDefined(datatableHiddenColumns.value)) {\n    datatableHiddenColumns.value = config.datatableHiddenColumns\n  }\n  if (isDefined(config.sortBy)) {\n    pagination.value = {\n      ...pagination.value,\n      sortBy: { key: config.sortBy!.key, order: config.sortBy!.order },\n    }\n  }\n  const deserialized = deserializeFilters(config.filter)\n  if (isNull(deserialized)) return\n  for (const filterName in filterData) {\n    const key = filterName as keyof FilterData\n    let value = deserialized.filters[key]\n    if (isUndefined(value) && filterConfig.fields[key]?.clearable) {\n      filterData[key] = cloneDeep(filterConfig.fields[key].default)\n      filterSelected.value.delete(key)\n      continue\n    }\n    if (isString(value)) {\n      const tryConvertNumber = stringToNumber(value)\n      // Only a canonical number: '0905' or '007' are codes and stay strings, as in the url hash.\n      if (!isNull(tryConvertNumber) && String(tryConvertNumber) === value) {\n        value = tryConvertNumber\n      } else {\n        // If not a number, try to convert to boolean\n        const tryConvertBoolean = stringToBooleanExact(value)\n        if (!isNull(tryConvertBoolean)) {\n          value = tryConvertBoolean\n        }\n      }\n    }\n    filterData[key] = value\n  }\n  emit('submit')\n}\n\nconst THREE_DOTS_WIDTH = 32\n\nconst calculateVisible = async (totalWidth: number) => {\n  const container = toolbarRef.value\n  if (isNull(container)) return\n  visibleItemsCount.value = 1000\n  await nextTick()\n  let cumulativeWidth = 0\n  let visible = 0\n  for (let i = 0; i < container.children.length; i++) {\n    const child = container.children[i] as HTMLElement\n    const childWidth = child.offsetWidth\n    cumulativeWidth += childWidth\n    if (cumulativeWidth >= totalWidth - THREE_DOTS_WIDTH) {\n      break\n    }\n    visible++\n  }\n  visibleItemsCount.value = visible\n}\n\nuseResizeObserver(toolbarRef, (entries) => {\n  if (entries[0]) {\n    toolbarWidth.value = entries[0].contentRect.width\n  }\n})\n\nwatchThrottled(\n  toolbarWidth,\n  (newValue, oldValue) => {\n    if (newValue === oldValue) return\n    calculateVisible(newValue)\n  },\n  { throttle: 1000 }\n)\n\nconst items = computed(() => {\n  const key = filterBookmarkStore.generateKey(UserAdminConfigLayoutType.Desktop, systemResource)\n  const result = filterBookmarkStore.bookmarks.get(key)\n  return result?.items ?? []\n})\n\nconst itemsComputed = computed(() => {\n  const visible = visibleItemsCount.value\n  return {\n    visible: items.value.slice(0, visible),\n    hidden: items.value.slice(visible),\n  }\n})\n\nwatch([loading, () => items.value.length], ([newLoading]) => {\n  if (newLoading === true || isNull(toolbarRef.value)) return\n  toolbarWidth.value = toolbarRef.value.clientWidth\n  nextTick(() => {\n    calculateVisible(toolbarWidth.value)\n  })\n})\n\nonMounted(() => {\n  loadBookmarks()\n})\n</script>\n\n<template>\n  <div\n    ref=\"toolbar\"\n    :key=\"items.length\"\n    class=\"w-100 d-flex overflow-hidden align-center mb-1\"\n  >\n    <div v-if=\"loading\" />\n    <template v-else>\n      <div\n        v-for=\"item in itemsComputed.visible\"\n        :key=\"item.id\"\n        class=\"white-space-nowrap\"\n      >\n        <VBtn\n          variant=\"text\"\n          prepend-icon=\"mdi-bookmark-outline\"\n          size=\"small\"\n          class=\"mr-1 mb-1 bg-grey-lighten-4 text-grey-darken-3\"\n          @click=\"onItemClick(item)\"\n        >\n          {{ item.customName }}\n        </VBtn>\n      </div>\n      <VMenu\n        v-if=\"itemsComputed.hidden.length > 0\"\n        location=\"bottom\"\n      >\n        <template #activator=\"{ props: activatorProps }\">\n          <VBtn\n            icon=\"mdi-menu-down\"\n            :aria-label=\"t('common.filter.bookmark.more')\"\n            size=\"x-small\"\n            :width=\"28\"\n            :height=\"28\"\n            v-bind=\"activatorProps\"\n          />\n        </template>\n        <VList density=\"compact\">\n          <VListItem\n            v-for=\"item in itemsComputed.hidden\"\n            :key=\"item.id\"\n            @click=\"onItemClick(item)\"\n          >\n            <VListItemTitle>{{ item.customName }}</VListItemTitle>\n          </VListItem>\n        </VList>\n      </VMenu>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;A,oBAuHMmB,IAAmB,I;;;;;;;;;;;;;;;;EAhGzB,IAAMK,IAAQC,GAURC,IAAOH,GAIP,EAAE,SAAMI,GAAQ,GAEhBC,IAAyB5B,GAAiCyB,GAAC,wBAGhE,GAEKK,IAAeC,EAAOC,EAAe,GACrCC,IAAaF,EAAOG,EAAa,GACjCC,IAAaJ,EAAOK,CAAsB,GAC1CC,IAAiBN,EAAOO,EAAiB;EAE/C,IAAIC,EAAYJ,CAAU,KAAKI,EAAYT,CAAY,KAAKS,EAAYN,CAAU,KAAKM,EAAYF,CAAc,GAC/G,MAAU,MAAM,kCAAkC;EAGpD,IAAMG,IAAUC,EAAI,EAAK,GACnBC,IAAaC,GAAe,SAAS,GACrCC,IAAeH,EAAI,GAAG,GACtBI,IAAoBJ,EAAI,GAAI,GAE5BK,IAAsBC,EAAuB,GAE7C,EAAE,oCAAgCC,EAAsBxB,EAAM,QAAQA,EAAM,MAAM,GAElFyB,IAAiBzB,EAAM,SAAS,MAAMA,EAAM,SAE5C0B,KAAgB,OAAO,IAAQ,OAAU;GAW7C,AAVA,EAAQ,QAAQ,IAChB,MAAMJ,EAAoB,aACxB;IACE,MAAMtB,EAAM;IACZ,YAAY2B,EAA0B;IACtB;GAClB,GACAC,IACAC,CACF,GACA,EAAQ,QAAQ;EAClB,GAEM,EAAE,0BAAuBC,GAAiBrB,GAAYH,CAAY,GAElEyB,KAAe,MAA0B;GAC7C,IAAMC,IAASC,EAAK;GAIpB,AAHIC,EAAUF,EAAO,sBAAsB,KAAKE,EAAU9B,EAAuB,KAAK,MACpF,EAAuB,QAAQ4B,EAAO,yBAEpCE,EAAUF,EAAO,MAAM,MACzB,EAAW,QAAQ;IACjB,GAAGrB,EAAW;IACd,QAAQ;KAAE,KAAKqB,EAAO,OAAQ;KAAK,OAAOA,EAAO,OAAQ;IAAM;GACjE;GAEF,IAAMG,IAAeC,EAAmBJ,EAAO,MAAM;GACrD,IAAI,GAAOG,CAAY,GACvB;SAAK,IAAME,KAAc5B,GAAY;KACnC,IAAM6B,IAAMD,GACRE,IAAQJ,EAAa,QAAQG;KACjC,IAAIvB,EAAYwB,CAAK,KAAKjC,EAAa,OAAOgC,EAAI,EAAE,WAElD,AADA,EAAWA,KAAOE,EAAUlC,EAAa,OAAOgC,EAAI,CAAC,OAAO,GAC5DzB,EAAe,MAAM,OAAOyB,CAAG;UAGjC;UAAIG,EAASF,CAAK,GAAG;OACnB,IAAMG,IAAmBC,EAAeJ,CAAK;OAE7C,IAAI,CAACK,EAAOF,CAAgB,KAAK,OAAOA,CAAgB,MAAMH,GAC5D,IAAQG;YACH;QAEL,IAAMG,IAAoBC,EAAqBP,CAAK;QACpD,AAAKK,EAAOC,CAAiB,MAC3B,IAAQA;OAEZ;MACF;MACA,EAAWP,KAAOC;KADlB;IAEF;IACA,EAAK,QAAQ;GADb;EAEF,GAIMQ,IAAmB,OAAO,MAAuB;GACrD,IAAMC,IAAY9B,EAAW;GAC7B,IAAI0B,EAAOI,CAAS,GAAG;GAEvB,AADA,EAAkB,QAAQ,KAC1B,MAAMC,EAAS;GACf,IAAIC,IAAkB,GAClBC,IAAU;GACd,KAAK,IAAI,IAAI,GAAG,IAAIH,EAAU,SAAS,QAAQ,KAAK;IAElD,IAAMI,IADQJ,EAAU,SAAS,EACd,CAAM;IAEzB,IADA,KAAmBI,GACfF,KAAmBG,IAAa1D,GAClC;IAEF;GACF;GACA,EAAkB,QAAQwD;EAC5B;EAQA,AANAG,GAAkBpC,IAAa,MAAY;GACzC,AAAIqC,EAAQ,OACV,EAAa,QAAQA,EAAQ,EAAE,CAAC,YAAY;EAEhD,CAAC,GAEDC,GACEpC,IACC,GAAU,MAAa;GACtB,AAAIqC,MAAaC,KACjBX,EAAiBU,CAAQ;EAC3B,GACA,EAAE,UAAU,IAAK,CACnB;EAEA,IAAME,IAAQC,QAAe;GAC3B,IAAMtB,IAAMhB,EAAoB,YAAYK,EAA0B,SAASF,CAAc;GAE7F,OADeH,EAAoB,UAAU,IAAIgB,CAC1C,CAAA,EAAQ,SAAS,CAAC;EAC3B,CAAC,GAEKuB,IAAgBD,QAAe;GACnC,IAAMT,IAAU9B,EAAkB;GAClC,OAAO;IACL,SAASsC,EAAM,MAAM,MAAM,GAAGR,CAAO;IACrC,QAAQQ,EAAM,MAAM,MAAMR,CAAO;GACnC;EACF,CAAC;E,OAEDW,GAAM,CAAC9C,SAAe2C,EAAM,MAAM,MAAM,IAAI,CAACI,OAAgB;GAC3D,AAAIA,MAAe,MAAQnB,EAAO1B,EAAW,KAAK,MAClD,EAAa,QAAQA,EAAW,MAAM,aACtC+B,QAAe;IACb,EAAiB7B,EAAa,KAAK;GACrC,CAAC;EACH,CAAC,GAED4C,QAAgB;GACd,GAAc;EAChB,CAAC,I,UAICvF,EAAA,GAAAC,EA+CM,OAAA;GA9CJ,KAAI;GACH,KAAKiF,EAAA,MAAM;GACZ,OAAM;E,IAEK3C,EAAA,SAAXvC,EAAA,GAAAC,EAAsB,OAAAgB,CAAA,MACtBjB,EAAA,GAAAC,EAwCWC,GAAA,EAAA,KAAA,EAAA,GAAA,EAvCTF,EAAA,EAAA,GAAAC,EAcMC,GAAA,MAAAC,EAbWiF,EAAA,MAAc,UAAtB,OADTpF,EAAA,GAAAC,EAcM,OAAA;GAZH,KAAKuD,EAAK;GACX,OAAM;E,IAENpD,EAQOC,GAAA;GAPL,SAAQ;GACR,gBAAa;GACb,MAAK;GACL,OAAM;GACL,UAAK,MAAEiD,EAAYE,CAAI;;GAExB,SAAAlD,QAAqB,CAAlBC,EAAAC,EAAAgD,EAAK,UAAU,GAAA,CAAA,C;;E,kCAId4B,EAAA,MAAc,OAAO,SAAM,KADnCpF,EAAA,GAAAS,EAuBQC,GAAA;;GArBN,UAAS;;GAEE,WAASJ,GAQhB,EAAA,OAR2B6F,QAAc,CAC3C/F,EAOEC,GAPFM,EAOE;IANA,MAAK;IACJ,cAAYC,GAAA0F,CAAA,CAAC,CAAA,6BAAA;IACd,MAAK;IACJ,OAAO;IACP,QAAQ;GACD,GAAAH,CAAc,GAAA,MAAA,IAAA,CAAA,YAAA,CAAA,C;GAG1B,SAAA7F,QAQQ,CARRF,EAQQS,GAAA,EARD,SAAQ,UAAS,GAAA;IAEpB,SAAAP,QAAoC,EADtCN,EAAA,EAAA,GAAAC,EAMYC,GAAA,MAAAC,EALKiF,EAAA,MAAc,SAAtB,OADTpF,EAAA,GAAAS,EAMYK,GAAA;KAJT,KAAK0C,EAAK;KACV,UAAK,MAAEF,EAAYE,CAAI;;KAExB,SAAAlD,QAAsD,CAAtDF,EAAsDW,GAAA,MAAA;MAAtC,SAAAT,QAAqB,CAAlBC,EAAAC,EAAAgD,EAAK,UAAU,GAAA,CAAA,C"}

package/dist/domains/filters/bookmarks/factory/UserAdminConfigFactory.js

@@ -1,26 +1,25 @@
-import { dateTimeNow as e } from "../../../../shared/utils/datetime.js";
-import { UserAdminConfigLayoutTypeDefault as t, UserAdminConfigTypeDefault as n } from "../types/UserAdminConfig.js";
-//#region src/domains/filters/bookmarks/factory/UserAdminConfigFactory.ts
+import { UserAdminConfigLayoutTypeDefault as e, UserAdminConfigTypeDefault as t } from "../types/UserAdminConfig.js";
+import { dateTimeNow as n } from "../../../../shared/utils/datetime.js";
+// src/domains/filters/bookmarks/factory/UserAdminConfigFactory.ts
 function r() {
 	return { createDefaultUserAdminConfig: (r) => ({
 		id: 0,
 		user: 0,
-		configType: n,
-		layoutType: t,
+		configType: t,
+		layoutType: e,
 		systemResource: "",
 		customName: "",
 		defaultConfig: !1,
 		data: [],
 		position: 0,
-		createdAt: e(),
-		modifiedAt: e(),
+		createdAt: n(),
+		modifiedAt: n(),
 		createdBy: null,
 		modifiedBy: null,
 		_resourceName: "userAdminConfig",
 		_system: r
 	}) };
 }
-//#endregion
 export { r as useUserAdminConfigFactory };
 
 //# sourceMappingURL=UserAdminConfigFactory.js.map

package/dist/domains/filters/bookmarks/filter/UserAdminConfigFilter.js

@@ -1,5 +1,5 @@
 import { createFilter as e, createFilterStore as t } from "../../composables/filterFactory.js";
-//#region src/domains/filters/bookmarks/filter/UserAdminConfigFilter.ts
+// src/domains/filters/bookmarks/filter/UserAdminConfigFilter.ts
 function n(n, r = "userAdminConfig") {
 	let i = [
 		{
@@ -35,7 +35,6 @@ function n(n, r = "userAdminConfig") {
 		filterData: o
 	};
 }
-//#endregion
 export { n as useUserAdminConfigInnerFilter };
 
 //# sourceMappingURL=UserAdminConfigFilter.js.map

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

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

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

@@ -1,11 +1,11 @@
-import { stringSplitOnFirstOccurrence as e } from "../../../../shared/utils/string.js";
-import { SortOrder as t } from "../../../api/types/SortOrder.js";
+import { useUserAdminConfigInnerFilter as e } from "../filter/UserAdminConfigFilter.js";
+import { UserAdminConfigType as t } from "../types/UserAdminConfig.js";
 import { usePagination as n } from "../../../api/composables/pagination.js";
-import { useUserAdminConfigInnerFilter as r } from "../filter/UserAdminConfigFilter.js";
-import { UserAdminConfigType as i } from "../types/UserAdminConfig.js";
+import { SortOrder as r } from "../../../api/types/SortOrder.js";
+import { stringSplitOnFirstOccurrence as i } from "../../../../shared/utils/string.js";
 import { ref as a } from "vue";
 import { defineStore as o } from "pinia";
-//#region src/domains/filters/bookmarks/store/bookmarksStore.ts
+// src/domains/filters/bookmarks/store/bookmarksStore.ts
 var s = 3, c = o("commonAdminFilterBookmarkStore", () => {
 	let o = a(/* @__PURE__ */ new Map()), c = a(!1), l = /* @__PURE__ */ new Map();
 	function u(e, t) {
@@ -24,8 +24,8 @@ var s = 3, c = o("commonAdminFilterBookmarkStore", () => {
 			let e = o.value.get(m);
 			if (e && !e.stale) return e.lastUsed = h, [...e.items];
 		}
-		let { pagination: g } = n("position", t.Asc, { rowsPerPage: 8 }), { start: v, end: y } = e(a.systemResource, "_"), { filterConfig: b, filterData: x } = r(v, y);
-		x.configType = i.FilterBookmark, x.layoutType = a.layoutType, x.systemResource = a.systemResource, x.user = a.user;
+		let { pagination: g } = n("position", r.Asc, { rowsPerPage: 8 }), { start: v, end: y } = i(a.systemResource, "_"), { filterConfig: b, filterData: x } = e(v, y);
+		x.configType = t.FilterBookmark, x.layoutType = a.layoutType, x.systemResource = a.systemResource, x.user = a.user;
 		let S = (l.get(m) ?? 0) + 1;
 		l.set(m, S);
 		let C;
@@ -42,8 +42,8 @@ var s = 3, c = o("commonAdminFilterBookmarkStore", () => {
 	}
 	async function p(a, o) {
 		c.value = !1;
-		let { pagination: s } = n("position", t.Asc, { rowsPerPage: 9 }), { start: l, end: u } = e(a.systemResource, "_"), { filterConfig: d, filterData: f } = r(l, u);
-		f.configType = i.FilterBookmark, f.layoutType = a.layoutType, f.systemResource = a.systemResource, f.user = a.user;
+		let { pagination: s } = n("position", r.Asc, { rowsPerPage: 9 }), { start: l, end: u } = i(a.systemResource, "_"), { filterConfig: d, filterData: f } = e(l, u);
+		f.configType = t.FilterBookmark, f.layoutType = a.layoutType, f.systemResource = a.systemResource, f.user = a.user;
 		try {
 			let { execute: e } = o(), t = await e(s, f, d);
 			return {
@@ -83,7 +83,6 @@ var s = 3, c = o("commonAdminFilterBookmarkStore", () => {
 		fetchBookmarkStats: p
 	};
 });
-//#endregion
 export { c as useFilterBookmarkStore };
 
 //# sourceMappingURL=bookmarksStore.js.map

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

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

package/dist/domains/filters/bookmarks/types/UserAdminConfig.js

@@ -1,4 +1,4 @@
-//#region src/domains/filters/bookmarks/types/UserAdminConfig.ts
+// src/domains/filters/bookmarks/types/UserAdminConfig.ts
 var e = {
 	PinnedWidgets: "pinnedWidgets",
 	FilterBookmark: "filterBookmark"
@@ -6,7 +6,6 @@ var e = {
 	Desktop: "desktop",
 	Mobile: "mobile"
 }, r = n.Desktop;
-//#endregion
 export { n as UserAdminConfigLayoutType, r as UserAdminConfigLayoutTypeDefault, e as UserAdminConfigType, t as UserAdminConfigTypeDefault };
 
 //# sourceMappingURL=UserAdminConfig.js.map

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

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

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

@@ -4,7 +4,7 @@ import { useI18n as f } from "vue-i18n";
 import { VIcon as p } from "vuetify/components/VIcon";
 import { VTooltip as m } from "vuetify/components/VTooltip";
 import { VBtn as h } from "vuetify/components/VBtn";
-//#region src/domains/filters/components/AFilterAdvancedButton.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/AFilterAdvancedButton.vue?vue&type=script&setup=true&lang.ts
 var g = /*@__PURE__*/ i({
 	__name: "AFilterAdvancedButton",
 	props: {
@@ -41,7 +41,6 @@ var g = /*@__PURE__*/ i({
 		]));
 	}
 });
-//#endregion
 export { g as default };
 
 //# sourceMappingURL=AFilterAdvancedButton.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -4,7 +4,7 @@ import { useFilterClearHelpers as o } from "../composables/filterFactory.js";
 import { computed as s, createBlock as c, defineComponent as l, inject as u, openBlock as d, withModifiers as f } from "vue";
 import { useI18n as p } from "vue-i18n";
 import { VSelect as m } from "vuetify/components/VSelect";
-//#region src/domains/filters/components/AFilterBooleanSelect.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/AFilterBooleanSelect.vue?vue&type=script&setup=true&lang.ts
 var h = /*@__PURE__*/ l({
 	__name: "AFilterBooleanSelect",
 	props: {
@@ -76,7 +76,6 @@ var h = /*@__PURE__*/ l({
 		]));
 	}
 });
-//#endregion
 export { h as default };
 
 //# sourceMappingURL=AFilterBooleanSelect.vue_vue_type_script_setup_true_lang.js.map

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

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

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

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