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

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

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

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

@@ -1,5 +1,5 @@
 import { createElementBlock as e, defineComponent as t, openBlock as n, toDisplayString as r } from "vue";
-//#region src/domains/filters/components/AFilterEmpty.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/AFilterEmpty.vue?vue&type=script&setup=true&lang.ts
 var i = /*@__PURE__*/ t({
 	__name: "AFilterEmpty",
 	props: { name: {} },
@@ -8,7 +8,6 @@ var i = /*@__PURE__*/ t({
 		return (t, a) => (n(), e("div", null, r(i.name), 1));
 	}
 });
-//#endregion
 export { i as default };
 
 //# sourceMappingURL=AFilterEmpty.vue_vue_type_script_setup_true_lang.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@ import { eventClickBlur as e } from "../../../shared/utils/event.js";
 import { createBlock as t, createTextVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, toDisplayString as o, unref as s, withCtx as c } from "vue";
 import { useI18n as l } from "vue-i18n";
 import { VBtn as u } from "vuetify/components/VBtn";
-//#region src/domains/filters/components/AFilterSubmitButton.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/AFilterSubmitButton.vue?vue&type=script&setup=true&lang.ts
 var d = /*@__PURE__*/ r({
 	__name: "AFilterSubmitButton",
 	props: {
@@ -36,7 +36,6 @@ var d = /*@__PURE__*/ r({
 		]));
 	}
 });
-//#endregion
 export { d as default };
 
 //# sourceMappingURL=AFilterSubmitButton.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -15,7 +15,7 @@ import { VTextarea as pe } from "vuetify/components/VTextarea";
 import { VListItem as me } from "vuetify/components/VList";
 import { VDialog as he } from "vuetify/components/VDialog";
 import { VSelect as ge } from "vuetify/components/VSelect";
-//#region src/domains/filters/components/AFilterTimeInterval.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/AFilterTimeInterval.vue?vue&type=script&setup=true&lang.ts
 var j = /*@__PURE__*/ y({
 	__name: "AFilterTimeInterval",
 	props: {
@@ -195,7 +195,6 @@ var j = /*@__PURE__*/ y({
 		};
 	}
 });
-//#endregion
 export { j as default };
 
 //# sourceMappingURL=AFilterTimeInterval.vue_vue_type_script_setup_true_lang.js.map

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

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

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

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

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

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

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

@@ -13,7 +13,7 @@ import { Fragment as ne, computed as m, createBlock as h, createCommentVNode as
 import { VCol as F, VRow as I } from "vuetify/components/VGrid";
 import "axios";
 import { VForm as L } from "vuetify/components/VForm";
-//#region src/domains/filters/components/AFilterWrapper.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/AFilterWrapper.vue?vue&type=script&setup=true&lang.ts
 var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__container" }, B = { class: "a-filter__search" }, V = { key: 2 }, H = /*@__PURE__*/ b({
 	__name: "AFilterWrapper",
 	props: /*@__PURE__*/ S({
@@ -203,7 +203,6 @@ var R = { class: "d-flex flex-wrap align-center" }, z = { class: "a-filter__cont
 		}, 8, ["name"]));
 	}
 });
-//#endregion
 export { H as default };
 
 //# sourceMappingURL=AFilterWrapper.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -3,7 +3,7 @@ import { FilterConfigKey as t, FilterDataKey as n, FilterSelectedKey as r, Filte
 import { useFilterClearHelpers as a } from "../composables/filterFactory.js";
 import { createBlock as o, defineComponent as s, inject as c, openBlock as l, provide as u, ref as d, renderSlot as f, withCtx as p, withKeys as m, withModifiers as h } from "vue";
 import { VForm as g } from "vuetify/components/VForm";
-//#region src/domains/filters/components/AFilterWrapperSidebar.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/AFilterWrapperSidebar.vue?vue&type=script&setup=true&lang.ts
 var _ = /*@__PURE__*/ s({
 	__name: "AFilterWrapperSidebar",
 	props: { formName: { default: "search" } },
@@ -29,7 +29,6 @@ var _ = /*@__PURE__*/ s({
 		}, 8, ["name"]));
 	}
 });
-//#endregion
 export { _ as default };
 
 //# sourceMappingURL=AFilterWrapperSidebar.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -6,7 +6,7 @@ import i from "./AFilterEmpty.js";
 import a from "./AFilterDatetimePicker.js";
 import o from "./AFilterInteger.js";
 import { computed as s, createBlock as c, defineComponent as l, inject as u, openBlock as d, resolveDynamicComponent as f } from "vue";
-//#region src/domains/filters/components/FilterDetailItem.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/FilterDetailItem.vue?vue&type=script&setup=true&lang.ts
 var p = /*@__PURE__*/ l({
 	__name: "FilterDetailItem",
 	props: { name: {} },
@@ -26,7 +26,6 @@ var p = /*@__PURE__*/ l({
 		return (e, t) => (d(), c(f(g.value), { name: l.name }, null, 8, ["name"]));
 	}
 });
-//#endregion
 export { p as default };
 
 //# sourceMappingURL=FilterDetailItem.vue_vue_type_script_setup_true_lang.js.map

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

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

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

@@ -5,7 +5,7 @@ import { Fragment as o, computed as s, createBlock as c, createElementBlock as l
 import { useI18n as b } from "vue-i18n";
 import { VChip as x } from "vuetify/components/VChip";
 import { VIcon as S } from "vuetify/components/VIcon";
-//#region src/domains/filters/components/FiltersSelected.vue?vue&type=script&setup=true&lang.ts
+// src/domains/filters/components/FiltersSelected.vue?vue&type=script&setup=true&lang.ts
 var C = { class: "a-selected-filters__label text-body-small" }, w = /*@__PURE__*/ p({
 	__name: "FiltersSelected",
 	setup(p) {
@@ -63,7 +63,6 @@ var C = { class: "a-selected-filters__label text-body-small" }, w = /*@__PURE__*
 		}, 1024))]))), 128))]))), 128));
 	}
 });
-//#endregion
 export { w as default };
 
 //# sourceMappingURL=FiltersSelected.vue_vue_type_script_setup_true_lang.js.map

package/dist/domains/filters/composables/filterFactory.d.ts

@@ -31,7 +31,7 @@ export declare function useFilterClearHelpers<F extends readonly MakeFilterOptio
     clearAllFilterSelected: (filterData: FilterData<F>, filterConfig: FilterConfig<F>, filterSelected: Ref<Map<string, ValueObjectOption<string | number>[]>>) => void;
     isClearable: (name: string, filterConfig: FilterConfig<F>) => boolean;
 };
-interface FilterHelpersMoreOptions {
+export interface FilterHelpersMoreOptions {
     storeFiltersLocalStorage: string | boolean;
     populateUrlParams: boolean;
 }
@@ -45,6 +45,36 @@ export declare function useFilterHelpers<F extends readonly MakeFilterOption<str
         sortBy: DatatableSortBy;
     } | null;
 };
+/**
+ * Provides the filter (`FilterConfigKey`, `FilterDataKey`) and `pagination` (`DatatablePaginationKey`) to the filter
+ * bar and `ADatatablePagination` below this component, and wires the list to them: `getList` is
+ * `fetchList(pagination, filterData, filterConfig)` debounced and resolves once that has (a refresh button can wait for
+ * it; a call that a newer one replaces within the debounce resolves at once, without a load of its own), submit, reset
+ * and sort go through `useFilterHelpers` (with `filterHelpersOptions`), and on mount the stored filter and the
+ * remembered page are restored before the first load.
+ *
+ * Only for a datatable that is the parent of its filter bar and does exactly this. Write the wiring out when the first
+ * load skips the stored filter, `getList` checks or adds anything, the sort is handled by hand, `fetchList` takes more
+ * than the list's three arguments, or a parent renders the filter bar (the parent provides then).
+ *
+ * ```ts
+ * const { filterData, filterConfig } = useFaqListFilter()
+ * const { fetchList, listItems } = useFaqListActions()
+ * const { pagination } = usePagination(SORT_BY_ID)
+ * const { getList, sortByChange, submitFilterAction, resetFilterAction } = useDatatableList(
+ *   filterData,
+ *   filterConfig,
+ *   pagination,
+ *   fetchList
+ * )
+ * ```
+ */
+export declare function useDatatableList<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[], R = unknown>(filterData: FilterData<F>, filterConfig: FilterConfig<F>, pagination: Ref<Pagination>, fetchList: (pagination: Ref<Pagination>, filterData: FilterData<F>, filterConfig: FilterConfig<F>) => R, filterHelpersOptions?: Partial<FilterHelpersMoreOptions>): {
+    getList: import('@vueuse/shared').UseDebounceFnReturn<() => R>;
+    sortByChange: () => void;
+    submitFilterAction: () => void;
+    resetFilterAction: () => void;
+};
 export type AllowedFilterValues = number | number[] | string | string[] | null | undefined | boolean;
 export interface GeneralFilterOptions {
     system?: string;
@@ -102,4 +132,3 @@ export type FilterConfig<F extends readonly MakeFilterOption<string>[] = readonl
 export type FilterData<F extends readonly MakeFilterOption<string>[] = readonly MakeFilterOption<string>[]> = {
     [P in F[number]['name']]: AllowedFilterValues;
 };
-export {};

package/dist/domains/filters/composables/filterFactory.js

@@ -1,11 +1,12 @@
 import { cloneDeep as e, isArray as t, isBoolean as n, isEmptyArray as r, isEmptyObject as i, isNull as a, isNumber as o, isObject as s, isString as c, isUndefined as l } from "../../../shared/utils/common.js";
 import { stringToBooleanExact as u, stringToNumber as d } from "../../../shared/utils/string.js";
 import { datatablePageKey as f, useDatatablePageStore as p } from "../../system/store/datatablePageStore.js";
-import { DatatablePageStoreKey as m } from "../utils/filterInjectionKeys.js";
-import { SortOrder as h } from "../../api/types/SortOrder.js";
-import { getCurrentInstance as g, provide as _, reactive as v, toRaw as y } from "vue";
-//#region src/domains/filters/composables/filterFactory.ts
-var b = "_sort", x = "~", S = {
+import { DatatablePageStoreKey as m, DatatablePaginationKey as h, FilterConfigKey as g, FilterDataKey as _ } from "../utils/filterInjectionKeys.js";
+import { SortOrder as v } from "../../api/types/SortOrder.js";
+import { getCurrentInstance as y, onMounted as b, provide as x, reactive as S, toRaw as C } from "vue";
+import { useDebounceFn as w } from "@vueuse/core";
+// src/domains/filters/composables/filterFactory.ts
+var T = "_sort", E = "~", D = {
 	"%2C": ",",
 	"%3A": ":",
 	"%2F": "/",
@@ -17,24 +18,24 @@ var b = "_sort", x = "~", S = {
 	"%29": ")",
 	"%3B": ";",
 	"%3F": "?"
-}, C = (e) => e.replace(/%(2C|3A|2F|40|24|21|27|28|29|3B|3F)/g, (e) => S[e]), w = (e, n) => t(e) && t(n) ? e.length === n.length && e.every((e, t) => e === n[t]) : e === n, T = (e, n) => {
+}, O = (e) => e.replace(/%(2C|3A|2F|40|24|21|27|28|29|3B|3F)/g, (e) => D[e]), k = (e, n) => t(e) && t(n) ? e.length === n.length && e.every((e, t) => e === n[t]) : e === n, A = (e, n) => {
 	let o = new URLSearchParams();
 	for (let n in e) {
 		let u = e[n];
 		l(u) || a(u) || t(u) && r(u) || s(u) && i(u) || c(u) && u.length === 0 || o.set(n, t(u) ? u.join(",") : String(u));
 	}
-	return n && o.set(b, `${n.key},${n.order}`), o.size === 0 ? "" : C(o.toString()) + x;
+	return n && o.set(T, `${n.key},${n.order}`), o.size === 0 ? "" : O(o.toString()) + E;
 };
-function E(e, t, n) {
+function j(e, t, n) {
 	let r = {};
 	for (let [n, i] of Object.entries(t)) {
 		let t = e.fields[n];
-		l(t) || w(i, t.default) || (r[n] = i);
+		l(t) || k(i, t.default) || (r[n] = i);
 	}
-	let i = T(r, n);
+	let i = A(r, n);
 	return i.length === 0 ? i : "#" + i;
 }
-var D = (e) => !e.includes("%"), O = {
+var M = (e) => !e.includes("%"), N = {
 	skip: !1,
 	selected: !0,
 	xs: void 0,
@@ -43,33 +44,33 @@ var D = (e) => !e.includes("%"), O = {
 	lg: void 0,
 	xl: void 0
 };
-function k(t) {
-	return v(t.reduce((t, n) => ({
+function P(t) {
+	return S(t.reduce((t, n) => ({
 		...t,
 		[n.name]: e(n.default)
 	}), {}));
 }
-function A(n, r, i) {
+function F(n, r, i) {
 	let a = n.reduce((n, r) => {
 		let a = r.name, o = e(r.default);
 		return {
 			...n,
 			[a]: {
 				name: a,
-				variant: j(r.variant, "eq"),
-				type: j(r.type, "custom"),
+				variant: I(r.variant, "eq"),
+				type: I(r.type, "custom"),
 				titleT: r.titleT ?? (i?.system && i?.subject && r.name ? `${i.system}.${i.subject}.filter.${r.name}` : void 0),
-				apiName: j(r.apiName, r.name),
-				clearable: j(r.clearable, !0),
-				mandatory: j(r.mandatory, !1),
+				apiName: I(r.apiName, r.name),
+				clearable: I(r.clearable, !0),
+				mandatory: I(r.mandatory, !1),
 				multiple: t(o),
-				advanced: j(r.advanced, !1),
-				related: j(r.related, void 0),
-				exclude: j(r.exclude, !1),
+				advanced: I(r.advanced, !1),
+				related: I(r.related, void 0),
+				exclude: I(r.exclude, !1),
 				default: o,
 				render: {
-					...O,
-					...j(r.render, {})
+					...N,
+					...I(r.render, {})
 				}
 			}
 		};
@@ -83,7 +84,7 @@ function A(n, r, i) {
 		...i
 	};
 	return o.elastic && (o.simpleFilters = !0), {
-		filterConfig: v({
+		filterConfig: S({
 			general: o,
 			touched: !1,
 			fields: a
@@ -91,10 +92,10 @@ function A(n, r, i) {
 		filterData: r
 	};
 }
-function j(e, t) {
+function I(e, t) {
 	return l(e) ? t : e;
 }
-function M() {
+function L() {
 	let r = (t, n, r) => {
 		r.fields[t]?.clearable && (n[t] = e(r.fields[t].default));
 	}, i = (e, t) => {
@@ -111,7 +112,7 @@ function M() {
 		else if (t(i[e]) && i[e].length > 0) {
 			let t = i[e].findIndex((e) => String(e) === String(r));
 			if (t !== -1) {
-				let n = [...y(i[e])];
+				let n = [...C(i[e])];
 				n.splice(t, 1), i[e] = n;
 			}
 		} else (c(i[e]) || o(i[e]) || n(i[e])) && (i[e] = u.default);
@@ -129,38 +130,38 @@ function M() {
 		isClearable: l
 	};
 }
-var N = {
+var R = {
 	storeFiltersLocalStorage: !0,
 	populateUrlParams: !0
 };
-function P(e, t, o = {}) {
-	let v = {
-		...N,
+function z(e, t, o = {}) {
+	let h = {
+		...R,
 		...o
-	}, y;
-	c(v.storeFiltersLocalStorage) ? y = v.storeFiltersLocalStorage : n(v.storeFiltersLocalStorage) && !0 === v.storeFiltersLocalStorage && c(t.general.system) && c(t.general.subject) && (y = "tableFilter_" + t.general.system + "_" + t.general.subject);
-	let S = c(v.storeFiltersLocalStorage) ? v.storeFiltersLocalStorage : f(t.general.system, t.general.subject);
-	g() && _(m, S);
-	let { clearAll: C } = M(), E = () => {
+	}, g;
+	c(h.storeFiltersLocalStorage) ? g = h.storeFiltersLocalStorage : n(h.storeFiltersLocalStorage) && !0 === h.storeFiltersLocalStorage && c(t.general.system) && c(t.general.subject) && (g = "tableFilter_" + t.general.system + "_" + t.general.subject);
+	let _ = c(h.storeFiltersLocalStorage) ? h.storeFiltersLocalStorage : f(t.general.system, t.general.subject);
+	y() && x(m, _);
+	let { clearAll: b } = L(), S = () => {
 		let n = {};
 		for (let i in e) try {
 			let o = i, s = e[o];
-			!l(s) && !a(s) && !r(s) && !w(s, t.fields[o].default) && (n[i] = s);
+			l(s) || a(s) || r(s) || k(s, t.fields[o].default) || (n[i] = s);
 		} catch {}
 		return n;
-	}, D = (e, t, n) => T(e, n ? t.value.sortBy : void 0), O = (e) => {
+	}, C = (e, t, n) => A(e, n ? t.value.sortBy : void 0), w = (e) => {
 		if (!e) return null;
 		e.startsWith("#") && (e = e.substring(1));
-		let n = e.indexOf(x);
+		let n = e.indexOf(E);
 		if (n === -1) return null;
 		e = e.slice(0, n);
-		let r = new URLSearchParams(e), o = {}, s = null, c = r.get(b);
+		let r = new URLSearchParams(e), o = {}, s = null, c = r.get(T);
 		if (c) {
 			let [e, t] = c.split(",");
-			e && (t === h.Asc || t === h.Desc) && (s = {
+			e && (t === v.Asc || t === v.Desc) && (s = {
 				key: e,
 				order: t
-			}), r.delete(b);
+			}), r.delete(T);
 		}
 		for (let [e, n] of r.entries()) {
 			let r = t.fields[e];
@@ -174,35 +175,35 @@ function P(e, t, o = {}) {
 			filters: o,
 			sortBy: s
 		};
-	}, k = (e) => {
+	}, D = (e) => {
 		let t = window.location.pathname + window.location.search + e, n = window.history.state, r = s(n) && c(n.current) ? {
 			...n,
 			current: (n.current.split("#")[0] ?? "") + e
 		} : n;
 		window.history.replaceState(r, "", t);
-	}, A = (e) => {
-		v.populateUrlParams !== !1 && k("#" + e);
+	}, O = (e) => {
+		h.populateUrlParams !== !1 && D("#" + e);
 	}, j = () => {
-		v.populateUrlParams !== !1 && k("");
-	}, P = () => v.populateUrlParams === !1 ? null : O(window.location.hash), F = (e) => {
-		y && localStorage && localStorage.setItem(y, e);
-	}, I = () => {
-		if (!y || !localStorage) return null;
-		let e = localStorage.getItem(y);
-		return !e || !c(e) ? null : O(e);
+		h.populateUrlParams !== !1 && D("");
+	}, M = () => h.populateUrlParams === !1 ? null : w(window.location.hash), N = (e) => {
+		g && localStorage && localStorage.setItem(g, e);
+	}, P = () => {
+		if (!g || !localStorage) return null;
+		let e = localStorage.getItem(g);
+		return !e || !c(e) ? null : w(e);
 	};
 	return {
 		loadStoredFilters: (n, r) => {
-			let { consumeStoredPage: o } = p(), s = "hash", f = P();
-			if (a(f) && (s = "localStorage", f = I()), a(f) || i(f.filters) && a(f.sortBy)) {
-				let e = o(S);
+			let { consumeStoredPage: o } = p(), s = "hash", f = M();
+			if (a(f) && (s = "localStorage", f = P()), a(f) || i(f.filters) && a(f.sortBy)) {
+				let e = o(_);
 				return e !== null && (n.value = {
 					...n.value,
 					page: e
 				}), r && r(), !1;
 			}
 			let m = s === "hash" && !i(f.filters);
-			m && C(e, t);
+			m && b(e, t);
 			for (let t in e) {
 				let n = t, r = f.filters[n];
 				if (!l(r)) {
@@ -217,35 +218,44 @@ function P(e, t, o = {}) {
 					e[n] = r;
 				}
 			}
-			if (s === "localStorage" && y && localStorage) {
-				let e = localStorage.getItem(y);
-				e && A(e);
+			if (s === "localStorage" && g && localStorage) {
+				let e = localStorage.getItem(g);
+				e && O(e);
 			}
-			let h = o(S);
+			let h = o(_);
 			return n.value = {
 				...n.value,
 				sortBy: f.sortBy ?? n.value.sortBy,
 				page: h ?? (s === "hash" ? 1 : n.value.page)
-			}, m && F(D(E(), n, !0)), r && r(), !0;
+			}, m && N(C(S(), n, !0)), r && r(), !0;
 		},
 		resetFilter: (e, n) => {
 			e.value = {
 				...e.value,
 				page: 1
-			}, y && localStorage && localStorage.removeItem(y), j(), t.touched = !1, n && n();
+			}, g && localStorage && localStorage.removeItem(g), j(), t.touched = !1, n && n();
 		},
 		submitFilter: (e, n) => {
-			let r = E(), i = D(r, e, !0);
-			A(i), F(i), e.value = {
+			let r = S(), i = C(r, e, !0);
+			O(i), N(i), e.value = {
 				...e.value,
 				page: 1
 			}, t.touched = !1, n && n();
 		},
-		serializeFilters: D,
-		deserializeFilters: O
+		serializeFilters: C,
+		deserializeFilters: w
 	};
 }
-//#endregion
-export { E as buildFilterHash, A as createFilter, k as createFilterStore, D as isRouterSafeHash, M as useFilterClearHelpers, P as useFilterHelpers };
+function B(e, t, n, r, i = {}) {
+	x(g, t), x(_, e), x(h, n);
+	let { resetFilter: a, submitFilter: o, loadStoredFilters: s } = z(e, t, i), c = w(() => r(n, e, t)), l = () => o(n, c);
+	return b(() => s(n, c)), {
+		getList: c,
+		sortByChange: l,
+		submitFilterAction: l,
+		resetFilterAction: () => a(n, c)
+	};
+}
+export { j as buildFilterHash, F as createFilter, P as createFilterStore, M as isRouterSafeHash, B as useDatatableList, L as useFilterClearHelpers, z as useFilterHelpers };
 
 //# sourceMappingURL=filterFactory.js.map