@platforma-sdk/ui-vue 1.84.0 → 1.84.2

package/dist/components/PlAgDataTable/PlAgDataTableV2.vue2.js

@@ -7,20 +7,21 @@ import { calculateGridOptions as a, effectiveVisibility as o } from "./sources/t
 import s from "../PlAgCsvExporter/PlAgCsvExporter.js";
 import c from "../PlAgGridColumnManager/PlAgGridColumnManager.js";
 import "../PlAgGridColumnManager/index.js";
-import ee from "../PlTableFilters/PlTableFiltersV2.js";
-import te from "../PlTableFastSearch/PlTableFastSearch.js";
+import l from "../PlTableFilters/PlTableFiltersV2.js";
+import ee from "../PlTableFastSearch/PlTableFastSearch.js";
 import "../PlTableFastSearch/index.js";
-import ne from "./PlAgDataTableSheets.js";
-import re from "./PlAgRowCount.js";
-import { useTableState as l } from "./sources/table-state-v2.js";
-import { useFilterableColumns as u } from "./compositions/useFilterableColumns.js";
-import { useGrid as ie } from "./compositions/useGrid.js";
-import { AgGridTheme as ae } from "../../AgGridVue/AgGridTheme.js";
-import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as oe, createSlots as se, createVNode as m, defineComponent as h, effectScope as g, isRef as _, mergeModels as v, nextTick as ce, normalizeClass as y, openBlock as b, ref as x, renderSlot as S, toRefs as le, unref as C, useModel as w, watch as T, watchEffect as ue, withCtx as E } from "vue";
-import { canonicalizeJson as D, createPlSelectionModel as O, getAxisId as k, getRawPlatformaInstance as de, isAbortError as fe, matchAxisId as A } from "@platforma-sdk/model";
+import u from "./PlAgDataTableSheets.js";
+import te from "./PlAgRowCount.js";
+import { isStoredStateApplied as ne } from "./sources/grid-state.js";
+import { useTableState as re } from "./sources/table-state-v2.js";
+import { useFilterableColumns as ie } from "./compositions/useFilterableColumns.js";
+import { useGrid as ae } from "./compositions/useGrid.js";
+import { AgGridTheme as d } from "../../AgGridVue/AgGridTheme.js";
+import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as oe, createSlots as se, createVNode as h, defineComponent as g, effectScope as ce, isRef as _, mergeModels as v, nextTick as le, normalizeClass as y, openBlock as b, ref as x, renderSlot as S, toRefs as ue, unref as C, useModel as w, watch as T, watchEffect as E, withCtx as D } from "vue";
+import { canonicalizeJson as O, createPlSelectionModel as k, getAxisId as A, getRawPlatformaInstance as de, isAbortError as fe, matchAxisId as j } from "@platforma-sdk/model";
 import { AgGridVue as pe } from "ag-grid-vue3";
 //#region src/components/PlAgDataTable/PlAgDataTableV2.vue?vue&type=script&setup=true&lang.ts
-var j = /* @__PURE__ */ h({
+var M = /* @__PURE__ */ g({
 	__name: "PlAgDataTableV2",
 	props: /* @__PURE__ */ v({
 		settings: {},
@@ -45,25 +46,27 @@ var j = /* @__PURE__ */ h({
 		"cellButtonClicked",
 		"newDataRendered"
 	], ["update:modelValue", "update:selection"]),
-	setup(h, { expose: v, emit: j }) {
-		let me = w(h, "modelValue"), M = w(h, "selection"), N = h, { settings: P } = le(N), F = j, I = new r(), { gridApi: L, gridOptions: R } = ie({
-			selection: M,
-			noRowsText: N.noRowsText,
-			runningText: N.runningText,
-			loadingText: N.loadingText,
-			notReadyText: N.notReadyText,
-			cellRendererSelector: N.cellRendererSelector
-		}), z = !1;
-		R.value.onGridPreDestroyed = (e) => {
-			z || (R.value.initialState = V.value = q(K(e.api.getState()), V.value, e.api, J())), L.value = null;
-		}, R.value.onRowDoubleClicked = (e) => {
-			e.data && e.data.axesKey && F("rowDoubleClicked", e.data.axesKey);
-		}, R.value.onStateUpdated = (t) => {
-			let r = q(K(t.state), V.value, t.api, J());
-			R.value.initialState = V.value = r, e(t.sources, ["columnSizing"]) || t.api.autoSizeColumns(t.api.getAllDisplayedColumns().filter((e) => e.getColId() !== n));
+	setup(g, { expose: v, emit: M }) {
+		let me = w(g, "modelValue"), N = w(g, "selection"), P = g, { settings: F } = ue(P), I = M, L = new r(), { gridApi: R, gridOptions: z } = ae({
+			selection: N,
+			noRowsText: P.noRowsText,
+			runningText: P.runningText,
+			loadingText: P.loadingText,
+			notReadyText: P.notReadyText,
+			cellRendererSelector: P.cellRendererSelector
+		}), B = !1;
+		z.value.onGridPreDestroyed = (e) => {
+			B || (z.value.initialState = V.value = q(K(e.api.getState()), V.value, e.api, Y())), R.value = null;
+		}, z.value.onRowDoubleClicked = (e) => {
+			e.data && e.data.axesKey && I("rowDoubleClicked", e.data.axesKey);
+		}, z.value.onStateUpdated = (t) => {
+			let r = K(t.state);
+			if (e(r, {})) return;
+			let i = q(r, V.value, t.api, Y());
+			z.value.initialState = V.value = i, e(t.sources, ["columnSizing"]) || t.api.autoSizeColumns(t.api.getAllDisplayedColumns().filter((e) => e.getColId() !== n));
 		};
-		let [he, B] = u(() => P.value.sourceId, () => R.value.columnDefs ?? null), { gridState: V, sheetsState: H, searchString: U, filtersState: W, defaultFiltersState: G, resetDefaultFilters: ge } = l(me, P, B, d(() => P.value.sourceId === null ? void 0 : P.value.model?.defaultFilters)), _e = d(() => {
-			let e = { ...P.value };
+		let [he, ge] = ie(() => F.value.sourceId, () => z.value.columnDefs ?? null), { gridState: V, sheetsState: H, searchString: U, filtersState: W, defaultFiltersState: G, resetDefaultFilters: _e } = re(me, F, ge, f(() => F.value.sourceId === null ? void 0 : F.value.model?.defaultFilters)), ve = f(() => {
+			let e = { ...F.value };
 			return e.sourceId === null ? {
 				sheets: [],
 				cachedState: []
@@ -72,7 +75,7 @@ var j = /* @__PURE__ */ h({
 				cachedState: [...H.value]
 			};
 		});
-		R.value.initialState = V.value;
+		z.value.initialState = V.value;
 		function K(e) {
 			return {
 				columnOrder: e.columnOrder,
@@ -81,15 +84,15 @@ var j = /* @__PURE__ */ h({
 			};
 		}
 		function q(e, t, n, r) {
-			return ve(ye(e, t, n, r), t);
+			return ye(J(e, t, n, r), t);
 		}
-		function ve(e, t) {
+		function ye(e, t) {
 			return e.sort === void 0 ? t.sort === void 0 ? e : {
 				...e,
 				sort: { sortModel: [] }
 			} : e;
 		}
-		function ye(e, t, n, r) {
+		function J(e, t, n, r) {
 			if (e.columnVisibility !== void 0) return e;
 			if (t.columnVisibility !== void 0) return {
 				...e,
@@ -101,8 +104,8 @@ var j = /* @__PURE__ */ h({
 				columnVisibility: { hiddenColIds: i }
 			} : e;
 		}
-		function J() {
-			return "model" in N.settings ? N.settings.model?.columnsMeta : void 0;
+		function Y() {
+			return "model" in P.settings ? P.settings.model?.columnsMeta : void 0;
 		}
 		function be(e, t) {
 			let n = e.getAllGridColumns();
@@ -111,51 +114,43 @@ var j = /* @__PURE__ */ h({
 				return n !== void 0 && n.type === "column" && o(n, t) === "optional";
 			}).map((e) => e.getColId()) : [];
 		}
-		function Y(e) {
-			let t = e.columnVisibility, n = !t || t.hiddenColIds.length === 0 ? void 0 : e.columnVisibility, r = e.sort, i = !r || r.sortModel.length === 0 ? void 0 : r;
-			return {
-				...e,
-				columnVisibility: n,
-				sort: i
-			};
-		}
 		let X = x(0);
-		T(() => [L.value, V.value], ([t, n]) => {
+		T(() => [R.value, V.value], ([t, n]) => {
 			if (!t || t.isDestroyed()) return;
-			let r = K(t.getState());
-			!e(n, {}) && !e(Y(n), Y(r)) && (z = !0, R.value.initialState = n, ++X.value, ce(() => {
-				z = !1;
+			let r = K(t.getState()), i = new Set((t.getAllGridColumns() ?? []).map((e) => e.getColId()));
+			!e(n, {}) && !ne(n, r, i) && (B = !0, z.value.initialState = n, ++X.value, le(() => {
+				B = !1;
 			}));
 		});
-		let xe = d(() => N.cellRendererSelector ?? null);
-		T(() => [L.value, xe.value], ([e, t]) => {
+		let xe = f(() => P.cellRendererSelector ?? null);
+		T(() => [R.value, xe.value], ([e, t]) => {
 			!e || e.isDestroyed() || e.setGridOption("defaultColDef", {
-				...R.value.defaultColDef,
+				...z.value.defaultColDef,
 				cellRendererSelector: t ?? void 0
 			});
 		}), v({
 			focusRow: async (t) => {
-				let n = await I.promise;
+				let n = await L.promise;
 				return n.isDestroyed() ? !1 : i(n, (n) => e(n.data?.axesKey, t));
 			},
 			updateSelection: async ({ axesSpec: n, selectedKeys: r }) => {
-				let i = await I.promise;
+				let i = await L.promise;
 				if (i.isDestroyed()) return !1;
-				let a = M.value?.axesSpec;
+				let a = N.value?.axesSpec;
 				if (!a || a.length !== n.length) return !1;
 				let o = n.map((e) => {
-					let t = k(e);
-					return a.findIndex((e) => A(e, t));
+					let t = A(e);
+					return a.findIndex((e) => j(e, t));
 				}), s = new Set(o);
 				if (s.has(-1) || s.size !== n.length) return !1;
-				let c = r.map((e) => D(o.map((t) => e[t])));
+				let c = r.map((e) => O(o.map((t) => e[t])));
 				if (!e(i.getServerSideSelectionState()?.toggledNodes ?? [], c)) {
 					i.setServerSideSelectionState({
 						selectAll: !1,
 						toggledNodes: c
 					});
-					let e = g(), { resolve: n, promise: r } = Promise.withResolvers();
-					e.run(() => T(M, n, { once: !0 }));
+					let e = ce(), { resolve: n, promise: r } = Promise.withResolvers();
+					e.run(() => T(N, n, { once: !0 }));
 					try {
 						await t(r, 500);
 					} catch {
@@ -167,147 +162,147 @@ var j = /* @__PURE__ */ h({
 				return !0;
 			}
 		});
-		let Z = O(), Q = null, $ = x(0);
-		return T(() => [L.value, P.value], ([t, n]) => {
-			if (!(!t || t.isDestroyed()) && !e(n, Q)) {
-				++$.value;
-				try {
-					if (t.hideOverlay(), I.reset(), n.sourceId === null) {
-						t.updateGridOptions({
-							loading: !0,
-							loadingOverlayComponentParams: {
-								...R.value.loadingOverlayComponentParams,
-								variant: n.pending ? "running" : "not-ready"
-							},
-							columnDefs: void 0,
-							serverSideDatasource: void 0
-						}), M.value && (M.value && !e(M.value, Z) && (M.value = O()), t.setServerSideSelectionState({
-							selectAll: !1,
-							toggledNodes: []
-						}));
-						return;
-					}
-					if (n.model?.fullTableHandle === void 0 || n.model?.visibleTableHandle === void 0) return;
-					n.sourceId !== Q?.sourceId && (t.updateGridOptions({
+		let Z = k(), Q = null, $ = x(0);
+		return T(() => [R.value, F.value], ([t, n]) => {
+			if (!(!t || t.isDestroyed()) && !e(n, Q)) try {
+				if (t.hideOverlay(), L.reset(), n.sourceId === null) {
+					++$.value, t.updateGridOptions({
 						loading: !0,
 						loadingOverlayComponentParams: {
-							...R.value.loadingOverlayComponentParams,
-							variant: "loading"
-						}
-					}), M.value && Q?.sourceId && (M.value && !e(M.value, Z) && (M.value = O()), t.setServerSideSelectionState({
+							...z.value.loadingOverlayComponentParams,
+							variant: n.pending ? "running" : "not-ready"
+						},
+						columnDefs: void 0,
+						serverSideDatasource: void 0
+					}), N.value && (N.value && !e(N.value, Z) && (N.value = k()), t.setServerSideSelectionState({
 						selectAll: !1,
 						toggledNodes: []
-					})));
-					let r = n.model?.sourceId && n.model.sourceId !== n.sourceId;
-					if (!n.model || r) {
-						let e = t.getServerSideGroupLevelState(), n = !r && e.length > 0 ? e[0].rowCount : 1;
-						return t.updateGridOptions({ serverSideDatasource: { getRows: (e) => {
-							e.success({
-								rowData: [],
-								rowCount: n
-							});
-						} } });
+					}));
+					return;
+				}
+				if (n.model?.fullTableHandle === void 0 || n.model?.visibleTableHandle === void 0) {
+					n.sourceId !== Q?.sourceId && ++$.value;
+					return;
+				}
+				++$.value, n.sourceId !== Q?.sourceId && (t.updateGridOptions({
+					loading: !0,
+					loadingOverlayComponentParams: {
+						...z.value.loadingOverlayComponentParams,
+						variant: "loading"
 					}
-					let i = $.value;
-					a({
-						generation: $,
-						pfDriver: de().pFrameDriver,
-						fullTableHandle: n.model?.fullTableHandle,
-						visibleTableHandle: n.model?.visibleTableHandle,
-						columnsMeta: n.model?.columnsMeta,
-						sheets: n.sheets ?? [],
-						dataRenderedTracker: I,
-						hiddenColIds: V.value.columnVisibility?.hiddenColIds,
-						cellButtonAxisParams: {
-							showCellButtonForAxisId: N.showCellButtonForAxisId,
-							cellButtonInvokeRowsOnDoubleClick: N.cellButtonInvokeRowsOnDoubleClick,
-							trigger: (e) => F("cellButtonClicked", e)
-						}
-					}).then((n) => {
-						if (t.isDestroyed() || i !== $.value) return;
-						let { axesSpec: r, ...a } = n;
-						if (t.updateGridOptions({ ...a }), M.value) {
-							let { axesSpec: n, selectedKeys: i } = M.value;
-							if (!e(n, r)) {
-								if (!n || r.length !== n.length) {
-									let n = {
-										axesSpec: r,
-										selectedKeys: []
-									};
-									return e(M.value, n) || (M.value = n), t.setServerSideSelectionState({
-										selectAll: !1,
-										toggledNodes: []
-									});
-								}
-								let a = n.map(k).map((e) => r.findIndex((t) => A(t, e))), o = new Set(a);
-								if (o.has(-1) || o.size !== r.length) {
-									let n = {
-										axesSpec: r,
-										selectedKeys: []
-									};
-									return e(M.value, n) || (M.value = n), t.setServerSideSelectionState({
-										selectAll: !1,
-										toggledNodes: []
-									});
-								}
-								let s = i.map((e) => a.map((t) => e[t])), c = {
+				}), N.value && Q?.sourceId && (N.value && !e(N.value, Z) && (N.value = k()), t.setServerSideSelectionState({
+					selectAll: !1,
+					toggledNodes: []
+				})));
+				let r = n.model?.sourceId && n.model.sourceId !== n.sourceId;
+				if (!n.model || r) {
+					let e = t.getServerSideGroupLevelState(), n = !r && e.length > 0 ? e[0].rowCount : 1;
+					return t.updateGridOptions({ serverSideDatasource: { getRows: (e) => {
+						e.success({
+							rowData: [],
+							rowCount: n
+						});
+					} } });
+				}
+				let i = $.value;
+				a({
+					generation: $,
+					pfDriver: de().pFrameDriver,
+					fullTableHandle: n.model?.fullTableHandle,
+					visibleTableHandle: n.model?.visibleTableHandle,
+					columnsMeta: n.model?.columnsMeta,
+					sheets: n.sheets ?? [],
+					dataRenderedTracker: L,
+					hiddenColIds: V.value.columnVisibility?.hiddenColIds,
+					cellButtonAxisParams: {
+						showCellButtonForAxisId: P.showCellButtonForAxisId,
+						cellButtonInvokeRowsOnDoubleClick: P.cellButtonInvokeRowsOnDoubleClick,
+						trigger: (e) => I("cellButtonClicked", e)
+					}
+				}).then((n) => {
+					if (t.isDestroyed() || i !== $.value) return;
+					let { axesSpec: r, ...a } = n;
+					if (t.updateGridOptions({ ...a }), N.value) {
+						let { axesSpec: n, selectedKeys: i } = N.value;
+						if (!e(n, r)) {
+							if (!n || r.length !== n.length) {
+								let n = {
+									axesSpec: r,
+									selectedKeys: []
+								};
+								return e(N.value, n) || (N.value = n), t.setServerSideSelectionState({
+									selectAll: !1,
+									toggledNodes: []
+								});
+							}
+							let a = n.map(A).map((e) => r.findIndex((t) => j(t, e))), o = new Set(a);
+							if (o.has(-1) || o.size !== r.length) {
+								let n = {
 									axesSpec: r,
-									selectedKeys: s
+									selectedKeys: []
 								};
-								return e(M.value, c) || (M.value = c), t.setServerSideSelectionState({
+								return e(N.value, n) || (N.value = n), t.setServerSideSelectionState({
 									selectAll: !1,
-									toggledNodes: s.map((e) => D(e))
+									toggledNodes: []
 								});
 							}
+							let s = i.map((e) => a.map((t) => e[t])), c = {
+								axesSpec: r,
+								selectedKeys: s
+							};
+							return e(N.value, c) || (N.value = c), t.setServerSideSelectionState({
+								selectAll: !1,
+								toggledNodes: s.map((e) => O(e))
+							});
 						}
-					}).catch((e) => {
-						t.isDestroyed() || i !== $.value || fe(e) || console.trace(e);
-					}).finally(() => {
-						t.isDestroyed() || i !== $.value || t.updateGridOptions({ loading: !1 });
-					}), I.promise.then(() => F("newDataRendered"));
-				} catch (e) {
-					console.trace(e);
-				} finally {
-					Q = n;
-				}
+					}
+				}).catch((e) => {
+					t.isDestroyed() || i !== $.value || fe(e) || console.trace(e);
+				}).finally(() => {
+					t.isDestroyed() || i !== $.value || t.updateGridOptions({ loading: !1 });
+				}), L.promise.then(() => I("newDataRendered"));
+			} catch (e) {
+				console.trace(e);
+			} finally {
+				Q = n;
 			}
 		}), T(() => ({
-			gridApi: L.value,
-			loadingText: N.loadingText,
-			runningText: N.runningText,
-			notReadyText: N.notReadyText,
-			noRowsText: N.noRowsText
+			gridApi: R.value,
+			loadingText: P.loadingText,
+			runningText: P.runningText,
+			notReadyText: P.notReadyText,
+			noRowsText: P.noRowsText
 		}), ({ gridApi: e, loadingText: t, runningText: n, notReadyText: r, noRowsText: i }) => {
 			!e || e.isDestroyed() || e.updateGridOptions({
 				loadingOverlayComponentParams: {
-					...R.value.loadingOverlayComponentParams,
+					...z.value.loadingOverlayComponentParams,
 					loadingText: t,
 					runningText: n,
 					notReadyText: r
 				},
 				noRowsOverlayComponentParams: {
-					...R.value.noRowsOverlayComponentParams,
+					...z.value.noRowsOverlayComponentParams,
 					text: i
 				}
 			});
-		}), ue(() => {
-			!L.value || L.value?.isDestroyed() || L.value.updateGridOptions({ statusBar: R.value.loading ? void 0 : { statusPanels: [{
-				statusPanel: re,
+		}), E(() => {
+			!R.value || R.value?.isDestroyed() || R.value.updateGridOptions({ statusBar: z.value.loading ? void 0 : { statusPanels: [{
+				statusPanel: te,
 				align: "left"
 			}] } });
 		}), (e, t) => (b(), oe("div", { class: y(e.$style.container) }, [
-			C(L) && !h.disableColumnsPanel ? (b(), f(C(c), {
+			C(R) && !g.disableColumnsPanel ? (b(), p(C(c), {
 				key: 0,
-				api: C(L)
-			}, null, 8, ["api"])) : p("", !0),
-			h.disableFiltersPanel ? p("", !0) : (b(), f(ee, {
+				api: C(R)
+			}, null, 8, ["api"])) : m("", !0),
+			g.disableFiltersPanel ? m("", !0) : (b(), p(l, {
 				key: 1,
 				filters: C(W),
 				"default-filters": C(G),
-				"pframe-handle": "model" in C(P) ? C(P)?.model?.fullPframeHandle : void 0,
+				"pframe-handle": "model" in C(F) ? C(F)?.model?.fullPframeHandle : void 0,
 				columns: C(he),
 				onUpdateFilters: t[0] ||= (e) => W.value = e,
-				onResetDefaultFilters: C(ge),
+				onResetDefaultFilters: C(_e),
 				onUpdateDefaultFilters: t[1] ||= (e) => G.value = e,
 				modelValue: C(W),
 				"onUpdate:modelValue": t[2] ||= (e) => _(W) ? W.value = e : null
@@ -319,38 +314,38 @@ var j = /* @__PURE__ */ h({
 				"onResetDefaultFilters",
 				"modelValue"
 			])),
-			C(L) && h.showExportButton ? (b(), f(s, {
+			C(R) && g.showExportButton ? (b(), p(s, {
 				key: 2,
-				api: C(L),
-				"table-handle": "model" in C(P) ? C(P)?.model?.visibleTableHandle : void 0,
-				"columns-meta": J()
+				api: C(R),
+				"table-handle": "model" in C(F) ? C(F)?.model?.visibleTableHandle : void 0,
+				"columns-meta": Y()
 			}, null, 8, [
 				"api",
 				"table-handle",
 				"columns-meta"
-			])) : p("", !0),
-			m(ne, {
+			])) : m("", !0),
+			h(u, {
 				modelValue: C(H),
 				"onUpdate:modelValue": t[3] ||= (e) => _(H) ? H.value = e : null,
-				settings: _e.value
+				settings: ve.value
 			}, se({ _: 2 }, [e.$slots["before-sheets"] ? {
 				name: "before",
-				fn: E(() => [S(e.$slots, "before-sheets")]),
+				fn: D(() => [S(e.$slots, "before-sheets")]),
 				key: "0"
 			} : void 0, e.$slots["after-sheets"] ? {
 				name: "after",
-				fn: E(() => [S(e.$slots, "after-sheets")]),
+				fn: D(() => [S(e.$slots, "after-sheets")]),
 				key: "1"
 			} : void 0]), 1032, ["modelValue", "settings"]),
-			m(C(te), {
+			h(C(ee), {
 				modelValue: C(U),
 				"onUpdate:modelValue": t[4] ||= (e) => _(U) ? U.value = e : null
 			}, null, 8, ["modelValue"]),
-			(b(), f(C(pe), {
+			(b(), p(C(pe), {
 				key: X.value,
-				theme: C(ae),
+				theme: C(d),
 				class: y(e.$style.grid),
-				"grid-options": C(R)
+				"grid-options": C(z)
 			}, null, 8, [
 				"theme",
 				"class",
@@ -360,6 +355,6 @@ var j = /* @__PURE__ */ h({
 	}
 });
 //#endregion
-export { j as default };
+export { M as default };
 
 //# sourceMappingURL=PlAgDataTableV2.vue2.js.map