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

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

@@ -0,0 +1,147 @@
+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 { 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({
+	__name: "FilterBookmarks",
+	props: /*@__PURE__*/ S({
+		client: {},
+		userId: {},
+		system: {},
+		subject: {}
+	}, {
+		datatableHiddenColumns: {
+			default: void 0,
+			required: !0
+		},
+		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) => {
+			U.value = !0, await q.getBookmarks({
+				user: F.userId,
+				layoutType: d.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 = {
+				...V.value,
+				sortBy: {
+					key: s.sortBy.key,
+					order: s.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);
+					else {
+						if (r(s)) {
+							let e = ee(s);
+							if (!n(e) && String(e) === s) s = e;
+							else {
+								let e = a(s);
+								n(e) || (s = e);
+							}
+						}
+						B[o] = s;
+					}
+				}
+				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++;
+			}
+			K.value = i;
+		};
+		ce(W, (e) => {
+			e[0] && (G.value = e[0].contentRect.width);
+		}), le(G, (e, t) => {
+			e !== t && Z(e);
+		}, { throttle: 1e3 });
+		let Q = h(() => {
+			let e = q.generateKey(d.Desktop, J);
+			return q.bookmarks.get(e)?.items ?? [];
+		}), $ = h(() => {
+			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(() => {
+				Z(G.value);
+			}));
+		}), w(() => {
+			pe();
+		}), (e, t) => (T(), _("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", {
+			key: e.id,
+			class: "white-space-nowrap"
+		}, [y(A, {
+			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)]),
+			_: 2
+		}, 1032, ["onClick"])]))), 128)), $.value.hidden.length > 0 ? (T(), g(M, {
+			key: 0,
+			location: "bottom"
+		}, {
+			activator: k(({ props: e }) => [y(A, ne({
+				icon: "mdi-menu-down",
+				"aria-label": re(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, {
+					key: e.id,
+					onClick: (t) => X(e)
+				}, {
+					default: k(() => [y(j, null, {
+						default: k(() => [v(O(e.customName), 1)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1032, ["onClick"]))), 128))]),
+				_: 1
+			})]),
+			_: 1
+		})) : te("", !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

@@ -0,0 +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":";;;;;;;;;;;;;;A,oBAuHMmB,IAAmB,I;;;;;;;;;;;;;;;;EAhGzB,IAAMK,IAAQC,GAURC,IAAOH,GAIP,EAAE,SAAMI,GAAQ,GAEhBC,IAAyB5B,GAAiCyB,GAAC,wBAGhE,GAEKK,IAAeC,EAAOC,CAAe,GACrCC,IAAaF,EAAOG,CAAa,GACjCC,IAAaJ,EAAOK,CAAsB,GAC1CC,IAAiBN,EAAOO,CAAiB;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,EAAiBrB,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,GAAeJ,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,IAAIC,IAAI,GAAGA,IAAIJ,EAAU,SAAS,QAAQ,KAAK;IAElD,IAAMK,IADQL,EAAU,SAASI,EACd,CAAM;IAEzB,IADA,KAAmBC,GACfH,KAAmBI,IAAa3D,GAClC;IAEF;GACF;GACA,EAAkB,QAAQwD;EAC5B;EAQA,AANAI,GAAkBrC,IAAa,MAAY;GACzC,AAAIsC,EAAQ,OACV,EAAa,QAAQA,EAAQ,EAAE,CAAC,YAAY;EAEhD,CAAC,GAEDC,GACErC,IACC,GAAU,MAAa;GACtB,AAAIsC,MAAaC,KACjBZ,EAAiBW,CAAQ;EAC3B,GACA,EAAE,UAAU,IAAK,CACnB;EAEA,IAAME,IAAQC,QAAe;GAC3B,IAAMvB,IAAMhB,EAAoB,YAAYK,EAA0B,SAASF,CAAc;GAE7F,OADeH,EAAoB,UAAU,IAAIgB,CAC1C,CAAA,EAAQ,SAAS,CAAC;EAC3B,CAAC,GAEKwB,IAAgBD,QAAe;GACnC,IAAMV,IAAU9B,EAAkB;GAClC,OAAO;IACL,SAASuC,EAAM,MAAM,MAAM,GAAGT,CAAO;IACrC,QAAQS,EAAM,MAAM,MAAMT,CAAO;GACnC;EACF,CAAC;E,OAEDY,GAAM,CAAC/C,SAAe4C,EAAM,MAAM,MAAM,IAAI,CAACI,OAAgB;GAC3D,AAAIA,MAAe,MAAQpB,EAAO1B,EAAW,KAAK,MAClD,EAAa,QAAQA,EAAW,MAAM,aACtC+B,QAAe;IACb,EAAiB7B,EAAa,KAAK;GACrC,CAAC;EACH,CAAC,GAED6C,QAAgB;GACd,GAAc;EAChB,CAAC,I,UAICxF,EAAA,GAAAC,EA+CM,OAAA;GA9CJ,KAAI;GACH,KAAKkF,EAAA,MAAM;GACZ,OAAM;E,IAEK5C,EAAA,SAAXvC,EAAA,GAAAC,EAAsB,OAAAgB,CAAA,MACtBjB,EAAA,GAAAC,EAwCWC,GAAA,EAAA,KAAA,EAAA,GAAA,EAvCTF,EAAA,EAAA,GAAAC,EAcMC,GAAA,MAAAC,EAbWkF,EAAA,MAAc,UAAtB,OADTrF,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,kCAId6B,EAAA,MAAc,OAAO,SAAM,KADnCrF,EAAA,GAAAS,EAuBQC,GAAA;;GArBN,UAAS;;GAEE,WAASJ,GAQhB,EAAA,OAR2B8F,QAAc,CAC3ChG,EAOEC,GAPFM,GAOE;IANA,MAAK;IACJ,cAAYC,GAAA2F,CAAA,CAAC,CAAA,6BAAA;IACd,MAAK;IACJ,OAAO;IACP,QAAQ;GACD,GAAAH,CAAc,GAAA,MAAA,IAAA,CAAA,YAAA,CAAA,C;GAG1B,SAAA9F,QAQQ,CARRF,EAQQS,IAAA,EARD,SAAQ,UAAS,GAAA;IAEpB,SAAAP,QAAoC,EADtCN,EAAA,EAAA,GAAAC,EAMYC,GAAA,MAAAC,EALKkF,EAAA,MAAc,SAAtB,OADTrF,EAAA,GAAAS,EAMYK,IAAA;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.d.ts

@@ -0,0 +1,4 @@
+import { UserAdminConfig } from '../types/UserAdminConfig';
+export declare function useUserAdminConfigFactory(): {
+    createDefaultUserAdminConfig: (system: string) => UserAdminConfig;
+};

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

@@ -0,0 +1,26 @@
+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
+function r() {
+	return { createDefaultUserAdminConfig: (r) => ({
+		id: 0,
+		user: 0,
+		configType: n,
+		layoutType: t,
+		systemResource: "",
+		customName: "",
+		defaultConfig: !1,
+		data: [],
+		position: 0,
+		createdAt: e(),
+		modifiedAt: e(),
+		createdBy: null,
+		modifiedBy: null,
+		_resourceName: "userAdminConfig",
+		_system: r
+	}) };
+}
+//#endregion
+export { r as useUserAdminConfigFactory };
+
+//# sourceMappingURL=UserAdminConfigFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserAdminConfigFactory.js","names":["useUserAdminConfigFactory","UserAdminConfigTypeDefault","UserAdminConfigLayoutTypeDefault","dateTimeNow","system"],"sources":["../../../../../src/domains/filters/bookmarks/factory/UserAdminConfigFactory.ts"],"sourcesContent":["import type { UserAdminConfig } from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport {\n  UserAdminConfigLayoutTypeDefault,\n  UserAdminConfigTypeDefault,\n} from '@/domains/filters/bookmarks/types/UserAdminConfig'\nimport { dateTimeNow } from '@/shared/utils/datetime'\n\nexport function useUserAdminConfigFactory() {\n  const createDefaultUserAdminConfig = (system: string): UserAdminConfig => {\n    return {\n      id: 0,\n      user: 0,\n      configType: UserAdminConfigTypeDefault,\n      layoutType: UserAdminConfigLayoutTypeDefault,\n      systemResource: '',\n      customName: '',\n      defaultConfig: false,\n      data: [],\n      position: 0,\n      createdAt: dateTimeNow(),\n      modifiedAt: dateTimeNow(),\n      createdBy: null,\n      modifiedBy: null,\n      _resourceName: 'userAdminConfig',\n      _system: system,\n    }\n  }\n\n  return {\n    createDefaultUserAdminConfig,\n  }\n}\n"],"mappings":";;;AAOA,SAAgBA,IAA4B;CAqB1C,OAAO,EACL,+BArBoC,OAC7B;EACL,IAAI;EACJ,MAAM;EACN,YAAYC;EACZ,YAAYC;EACZ,gBAAgB;EAChB,YAAY;EACZ,eAAe;EACf,MAAM,CAAC;EACP,UAAU;EACV,WAAWC,EAAY;EACvB,YAAYA,EAAY;EACxB,WAAW;EACX,YAAY;EACZ,eAAe;EACf,SAASC;CACX,GAKF;AACF"}

package/dist/domains/filters/bookmarks/filter/UserAdminConfigFilter.d.ts

@@ -0,0 +1,40 @@
+export declare function useUserAdminConfigInnerFilter(system: string, subject?: string): {
+    filterConfig: import('../../composables/filterFactory').FilterConfig<({
+        name: "user";
+        default: null;
+    } | {
+        name: "configType";
+        default: null;
+    } | {
+        name: "layoutType";
+        default: null;
+    } | {
+        name: "systemResource";
+        default: null;
+    } | {
+        name: "customName";
+        default: null;
+    } | {
+        name: "defaultConfig";
+        default: null;
+    })[]>;
+    filterData: import('../../composables/filterFactory').FilterData<({
+        name: "user";
+        default: null;
+    } | {
+        name: "configType";
+        default: null;
+    } | {
+        name: "layoutType";
+        default: null;
+    } | {
+        name: "systemResource";
+        default: null;
+    } | {
+        name: "customName";
+        default: null;
+    } | {
+        name: "defaultConfig";
+        default: null;
+    })[]>;
+};

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

@@ -0,0 +1,41 @@
+import { createFilter as e, createFilterStore as t } from "../../composables/filterFactory.js";
+//#region src/domains/filters/bookmarks/filter/UserAdminConfigFilter.ts
+function n(n, r = "userAdminConfig") {
+	let i = [
+		{
+			name: "user",
+			default: null
+		},
+		{
+			name: "configType",
+			default: null
+		},
+		{
+			name: "layoutType",
+			default: null
+		},
+		{
+			name: "systemResource",
+			default: null
+		},
+		{
+			name: "customName",
+			default: null
+		},
+		{
+			name: "defaultConfig",
+			default: null
+		}
+	], { filterConfig: a, filterData: o } = e(i, t(i), {
+		system: n,
+		subject: r
+	});
+	return {
+		filterConfig: a,
+		filterData: o
+	};
+}
+//#endregion
+export { n as useUserAdminConfigInnerFilter };
+
+//# sourceMappingURL=UserAdminConfigFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserAdminConfigFilter.js","names":["useUserAdminConfigInnerFilter","filterFields","createFilter","createFilterStore"],"sources":["../../../../../src/domains/filters/bookmarks/filter/UserAdminConfigFilter.ts"],"sourcesContent":["import { createFilter, createFilterStore, type MakeFilterOption } from '@/domains/filters/composables/filterFactory'\n\nexport function useUserAdminConfigInnerFilter(system: string, subject: string = 'userAdminConfig') {\n  const filterFields = [\n    { name: 'user' as const, default: null },\n    { name: 'configType' as const, default: null },\n    { name: 'layoutType' as const, default: null },\n    { name: 'systemResource' as const, default: null },\n    { name: 'customName' as const, default: null },\n    { name: 'defaultConfig' as const, default: null },\n  ] satisfies readonly MakeFilterOption[]\n\n  const { filterConfig, filterData } = createFilter(filterFields, createFilterStore(filterFields), {\n    system,\n    subject,\n  })\n\n  return {\n    filterConfig,\n    filterData,\n  }\n}\n"],"mappings":";;AAEA,SAAgBA,EAA8B,GAAgB,IAAkB,mBAAmB;CACjG,IAAMC,IAAe;EACnB;GAAE,MAAM;GAAiB,SAAS;EAAK;EACvC;GAAE,MAAM;GAAuB,SAAS;EAAK;EAC7C;GAAE,MAAM;GAAuB,SAAS;EAAK;EAC7C;GAAE,MAAM;GAA2B,SAAS;EAAK;EACjD;GAAE,MAAM;GAAuB,SAAS;EAAK;EAC7C;GAAE,MAAM;GAA0B,SAAS;EAAK;CAClD,GAEM,EAAE,iBAAc,kBAAeC,EAAaD,GAAcE,EAAkBF,CAAY,GAAG;EAC/F;EACA;CACF,CAAC;CAED,OAAO;EACL;EACA;CACF;AACF"}

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

@@ -0,0 +1,96 @@
+import { UserAdminConfig, UserAdminConfigLayoutTypeType } from '../types/UserAdminConfig';
+import { IntegerId } from '../../../../shared/types/common';
+import { UseApiFetchListReturnType } from '../../../api/composables/useApiFetchList';
+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.
+     */
+    stale?: boolean;
+}
+export declare const MAX_BOOKMARK_ITEMS = 8;
+export declare const useFilterBookmarkStore: import('pinia').SetupStoreDefinition<"commonAdminFilterBookmarkStore", {
+    bookmarks: import('vue').Ref<Map<string, {
+        lastUsed: number;
+        items: {
+            id: IntegerId;
+            user: IntegerId;
+            configType: import('../types/UserAdminConfig').UserAdminConfigTypeType;
+            layoutType: UserAdminConfigLayoutTypeType;
+            systemResource: string;
+            customName: string;
+            defaultConfig: boolean;
+            data: {
+                filter: string;
+                datatableHiddenColumns?: string[] | undefined;
+                sortBy?: {
+                    key: string;
+                    order: import('../../../api/types/SortOrder').SortOrderType;
+                } | null | undefined;
+            } | {
+                variant: string;
+                position: number;
+            }[];
+            position: number;
+            _resourceName: "userAdminConfig";
+            _system: string;
+            createdAt: import('../../../../shared/types/common').DatetimeUTC;
+            modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
+            modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;
+            createdBy: import('../../../../shared/types/common').IntegerIdNullable;
+        }[];
+        stale?: boolean | undefined;
+    }> & Omit<Map<string, CacheItem<UserAdminConfig<import('../types/UserAdminConfig').UserAdminConfigDataFilterBookmark | import('../types/UserAdminConfig').UserAdminConfigDataPinnedWidgets<string>>>>, keyof Map<any, any>>, Map<string, CacheItem<UserAdminConfig<import('../types/UserAdminConfig').UserAdminConfigDataFilterBookmark | import('../types/UserAdminConfig').UserAdminConfigDataPinnedWidgets<string>>>> | (Map<string, {
+        lastUsed: number;
+        items: {
+            id: IntegerId;
+            user: IntegerId;
+            configType: import('../types/UserAdminConfig').UserAdminConfigTypeType;
+            layoutType: UserAdminConfigLayoutTypeType;
+            systemResource: string;
+            customName: string;
+            defaultConfig: boolean;
+            data: {
+                filter: string;
+                datatableHiddenColumns?: string[] | undefined;
+                sortBy?: {
+                    key: string;
+                    order: import('../../../api/types/SortOrder').SortOrderType;
+                } | null | undefined;
+            } | {
+                variant: string;
+                position: number;
+            }[];
+            position: number;
+            _resourceName: "userAdminConfig";
+            _system: string;
+            createdAt: import('../../../../shared/types/common').DatetimeUTC;
+            modifiedAt: import('../../../../shared/types/common').DatetimeUTC;
+            modifiedBy: import('../../../../shared/types/common').IntegerIdNullable;
+            createdBy: import('../../../../shared/types/common').IntegerIdNullable;
+        }[];
+        stale?: boolean | undefined;
+    }> & Omit<Map<string, CacheItem<UserAdminConfig<import('../types/UserAdminConfig').UserAdminConfigDataFilterBookmark | import('../types/UserAdminConfig').UserAdminConfigDataPinnedWidgets<string>>>>, keyof Map<any, any>>)>;
+    error: import('vue').Ref<boolean, boolean>;
+    getBookmarks: (identifier: {
+        user: IntegerId;
+        layoutType: UserAdminConfigLayoutTypeType;
+        systemResource: string;
+    }, useApiFetch: () => UseApiFetchListReturnType<UserAdminConfig>, forceFetch?: boolean) => Promise<UserAdminConfig[] | null>;
+    generateKey: (layoutType: UserAdminConfigLayoutTypeType, systemResource: string) => string;
+    addOne: (key: string, data: UserAdminConfig) => void;
+    removeOne: (key: string, id: IntegerId) => void;
+    markStale: (key: string) => void;
+    fetchBookmarkStats: (identifier: {
+        user: IntegerId;
+        layoutType: UserAdminConfigLayoutTypeType;
+        systemResource: string;
+    }, useApiFetch: () => UseApiFetchListReturnType<UserAdminConfig>) => Promise<{
+        count: number;
+        maxPosition: number;
+    }>;
+}>;
+export {};

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

@@ -0,0 +1,89 @@
+import { stringSplitOnFirstOccurrence as e } from "../../../../shared/utils/string.js";
+import { SortOrder as t } from "../../../api/types/SortOrder.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 { ref as a } from "vue";
+import { defineStore as o } from "pinia";
+//#region 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) {
+		return `userAdminConfig/${t}/${e}/`;
+	}
+	function d() {
+		let e = null, t = Infinity;
+		o.value.forEach((n, r) => {
+			n.lastUsed < t && (t = n.lastUsed, e = r);
+		}), e !== null && o.value.delete(e);
+	}
+	async function f(a, f, p = !1) {
+		c.value = !1;
+		let m = u(a.layoutType, a.systemResource), h = Date.now();
+		if (!p) {
+			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 S = (l.get(m) ?? 0) + 1;
+		l.set(m, S);
+		let C;
+		try {
+			let { execute: e } = f();
+			C = await e(g, x, b), l.get(m) === S && o.value.set(m, {
+				lastUsed: h,
+				items: C
+			});
+		} catch {
+			return l.get(m) === S && (c.value = !0, _(m)), null;
+		}
+		return o.value.size > s && d(), [...C];
+	}
+	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;
+		try {
+			let { execute: e } = o(), t = await e(s, f, d);
+			return {
+				count: t.length,
+				maxPosition: t.length > 0 ? Math.max(...t.map((e) => e.position)) : 0
+			};
+		} catch {
+			return c.value = !0, {
+				count: Infinity,
+				maxPosition: 0
+			};
+		}
+	}
+	function m(e) {
+		l.set(e, (l.get(e) ?? 0) + 1);
+	}
+	function h(e, t) {
+		let n = o.value.get(e);
+		n && (n.items.push(t), m(e));
+	}
+	function g(e, t) {
+		let n = o.value.get(e);
+		n && (n.items = n.items.filter((e) => e.id !== t), m(e));
+	}
+	function _(e) {
+		let t = o.value.get(e);
+		t && (t.stale = !0);
+	}
+	return {
+		bookmarks: o,
+		error: c,
+		getBookmarks: f,
+		generateKey: u,
+		addOne: h,
+		removeOne: g,
+		markStale: _,
+		fetchBookmarkStats: p
+	};
+});
+//#endregion
+export { c as useFilterBookmarkStore };
+
+//# sourceMappingURL=bookmarksStore.js.map

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

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

package/dist/domains/filters/bookmarks/types/UserAdminConfig.d.ts

@@ -0,0 +1,38 @@
+import { AnzuUserAndTimeTrackingAware } from '../../../../shared/types/AnzuUserAndTimeTrackingAware';
+import { SortableItemDataAware } from '../../../../shared/types/sortableUtils';
+import { IntegerId } from '../../../../shared/types/common';
+import { DatatableSortBy } from '../../datatable/utils/datatableColumns';
+export interface UserAdminConfig<TData = UserAdminConfigDataFilterBookmark | UserAdminConfigDataPinnedWidgets> extends AnzuUserAndTimeTrackingAware, SortableItemDataAware {
+    id: IntegerId;
+    user: IntegerId;
+    configType: UserAdminConfigTypeType;
+    layoutType: UserAdminConfigLayoutTypeType;
+    systemResource: string;
+    customName: string;
+    defaultConfig: boolean;
+    data: TData;
+    position: number;
+    _resourceName: 'userAdminConfig';
+    _system: string;
+}
+export declare const UserAdminConfigType: {
+    readonly PinnedWidgets: "pinnedWidgets";
+    readonly FilterBookmark: "filterBookmark";
+};
+export declare const UserAdminConfigTypeDefault: "pinnedWidgets";
+export type UserAdminConfigTypeType = (typeof UserAdminConfigType)[keyof typeof UserAdminConfigType];
+export declare const UserAdminConfigLayoutType: {
+    readonly Desktop: "desktop";
+    readonly Mobile: "mobile";
+};
+export declare const UserAdminConfigLayoutTypeDefault: "desktop";
+export type UserAdminConfigLayoutTypeType = (typeof UserAdminConfigLayoutType)[keyof typeof UserAdminConfigLayoutType];
+export interface UserAdminConfigDataFilterBookmark {
+    filter: string;
+    datatableHiddenColumns?: string[];
+    sortBy?: DatatableSortBy;
+}
+export type UserAdminConfigDataPinnedWidgets<TVariant extends string = string> = Array<{
+    variant: TVariant;
+    position: number;
+}>;

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

@@ -0,0 +1,12 @@
+//#region src/domains/filters/bookmarks/types/UserAdminConfig.ts
+var e = {
+	PinnedWidgets: "pinnedWidgets",
+	FilterBookmark: "filterBookmark"
+}, t = e.PinnedWidgets, n = {
+	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/bookmarks/types/UserAdminConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserAdminConfig.js","names":["UserAdminConfigType","UserAdminConfigTypeDefault","UserAdminConfigLayoutType","UserAdminConfigLayoutTypeDefault"],"sources":["../../../../../src/domains/filters/bookmarks/types/UserAdminConfig.ts"],"sourcesContent":["import type { AnzuUserAndTimeTrackingAware } from '@/shared/types/AnzuUserAndTimeTrackingAware'\nimport type { SortableItemDataAware } from '@/shared/types/sortableUtils'\nimport type { IntegerId } from '@/shared/types/common'\nimport type { DatatableSortBy } from '@/domains/filters/datatable/utils/datatableColumns'\n\nexport interface UserAdminConfig<TData = UserAdminConfigDataFilterBookmark | UserAdminConfigDataPinnedWidgets>\n  extends AnzuUserAndTimeTrackingAware, SortableItemDataAware {\n  id: IntegerId\n  user: IntegerId\n  configType: UserAdminConfigTypeType\n  layoutType: UserAdminConfigLayoutTypeType\n  systemResource: string\n  customName: string\n  defaultConfig: boolean\n  data: TData\n  position: number\n  _resourceName: 'userAdminConfig'\n  _system: string\n}\n\nexport const UserAdminConfigType = {\n  PinnedWidgets: 'pinnedWidgets',\n  FilterBookmark: 'filterBookmark',\n} as const\nexport const UserAdminConfigTypeDefault = UserAdminConfigType.PinnedWidgets\nexport type UserAdminConfigTypeType = (typeof UserAdminConfigType)[keyof typeof UserAdminConfigType]\n\nexport const UserAdminConfigLayoutType = {\n  Desktop: 'desktop',\n  Mobile: 'mobile',\n} as const\nexport const UserAdminConfigLayoutTypeDefault = UserAdminConfigLayoutType.Desktop\nexport type UserAdminConfigLayoutTypeType = (typeof UserAdminConfigLayoutType)[keyof typeof UserAdminConfigLayoutType]\n\nexport interface UserAdminConfigDataFilterBookmark {\n  filter: string\n  datatableHiddenColumns?: string[]\n  sortBy?: DatatableSortBy\n}\n\nexport type UserAdminConfigDataPinnedWidgets<TVariant extends string = string> = Array<{\n  variant: TVariant\n  position: number\n}>\n"],"mappings":";AAoBA,IAAaA,IAAsB;CACjC,eAAe;CACf,gBAAgB;AAClB,GACaC,IAA6BD,EAAoB,eAGjDE,IAA4B;CACvC,SAAS;CACT,QAAQ;AACV,GACaC,IAAmCD,EAA0B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AFilterAdvancedButton.js","names":["_sfc_main","AFilterAdvancedButton_vue_vue_type_script_setup_true_lang_default","AFilterAdvancedButton_default"],"sources":["../../../../src/domains/filters/components/AFilterAdvancedButton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { eventClickBlur } from '@/shared/utils/event'\nimport { useI18n } from 'vue-i18n'\n\nwithDefaults(\n  defineProps<{\n    tooltipT?: string\n    buttonClass?: string\n    dataCy?: string\n  }>(),\n  {\n    tooltipT: 'common.button.advancedFilters',\n    buttonClass: 'mt-1',\n    dataCy: 'filter-advanced',\n  }\n)\nconst emit = defineEmits<{\n  (e: 'advancedFilter'): void\n}>()\n\nconst active = ref(false)\n\nconst onClick = (event: Event) => {\n  eventClickBlur(event)\n  active.value = !active.value\n  emit('advancedFilter')\n}\n\nconst { t } = useI18n()\n</script>\n\n<template>\n  <VBtn\n    :aria-label=\"t(tooltipT)\"\n    :class=\"buttonClass\"\n    :data-cy=\"dataCy\"\n    icon\n    size=\"x-small\"\n    variant=\"text\"\n    @click.stop=\"onClick\"\n  >\n    <VIcon icon=\"mdi-filter-variant\" />\n    <VTooltip\n      activator=\"parent\"\n      location=\"bottom\"\n    >\n      {{ t(tooltipT) }}\n    </VTooltip>\n  </VBtn>\n</template>\n"],"mappings":""}

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

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