@platforma-sdk/ui-vue 1.58.8 → 1.58.9

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

@@ -1,337 +1,308 @@
-import { defineComponent as re, mergeModels as q, useModel as J, toRefs as ie, computed as H, ref as L, watch as R, effectScope as ue, watchEffect as de, createElementBlock as ce, openBlock as T, normalizeClass as j, createBlock as P, createCommentVNode as F, createVNode as Q, unref as r, isRef as K, createSlots as me, withCtx as W, renderSlot as X } from "vue";
-import { isJsonEqual as d } from "../../lib/util/helpers/dist/objects.js";
-import { promiseTimeout as fe } from "../../lib/util/helpers/dist/functions.js";
-import { getAxisId as Y, matchAxisId as Z, canonicalizeJson as _, createPlSelectionModel as $, getRawPlatformaInstance as ve, isAbortError as pe } from "@platforma-sdk/model";
-import { AgGridVue as Se } from "ag-grid-vue3";
-import { AgGridTheme as ye } from "../../aggrid.js";
-import ge from "../PlAgCsvExporter/PlAgCsvExporter.vue.js";
-import Ce from "../PlTableFilters/PlTableFiltersV2.vue.js";
-import he from "./PlAgDataTableSheets.vue.js";
-import we from "./PlAgRowCount.vue.js";
-import { DeferredCircular as be, ensureNodeVisible as xe } from "./sources/focus-row.js";
-import { PlAgDataTableRowNumberColId as De } from "./sources/row-number.js";
-import { calculateGridOptions as Re } from "./sources/table-source-v2.js";
-import { useTableState as Te } from "./sources/table-state-v2.js";
-import { useFilterableColumns as Ie } from "./compositions/useFilterableColumns.js";
-import { useGrid as Ve } from "./compositions/useGrid.js";
-import Pe from "../PlAgGridColumnManager/PlAgGridColumnManager.vue.js";
-import Oe from "../PlTableFastSearch/PlTableFastSearch.vue.js";
-const We = /* @__PURE__ */ re({
-  __name: "PlAgDataTableV2",
-  props: /* @__PURE__ */ q({
-    settings: {},
-    disableColumnsPanel: { type: Boolean },
-    disableFiltersPanel: { type: Boolean },
-    showExportButton: { type: Boolean },
-    showCellButtonForAxisId: {},
-    cellButtonInvokeRowsOnDoubleClick: { type: Boolean },
-    loadingText: {},
-    runningText: {},
-    notReadyText: {},
-    noRowsText: {},
-    cellRendererSelector: { type: Function }
-  }, {
-    modelValue: {
-      required: !0
-    },
-    modelModifiers: {},
-    selection: {},
-    selectionModifiers: {}
-  }),
-  emits: /* @__PURE__ */ q(["rowDoubleClicked", "cellButtonClicked", "newDataRendered"], ["update:modelValue", "update:selection"]),
-  setup(g, { expose: ee, emit: te }) {
-    const le = J(g, "modelValue"), o = J(g, "selection"), s = g, { settings: I } = ie(s), O = te, D = new be(), { gridApi: i, gridOptions: a } = Ve({
-      selection: o.value,
-      noRowsText: s.noRowsText,
-      runningText: s.runningText,
-      loadingText: s.loadingText,
-      notReadyText: s.notReadyText,
-      cellRendererSelector: s.cellRendererSelector
-    });
-    a.value.onGridPreDestroyed = (e) => {
-      a.value.initialState = C.value = G(e.api.getState()), i.value = null;
-    }, a.value.onRowDoubleClicked = (e) => {
-      e.data && e.data.axesKey && O("rowDoubleClicked", e.data.axesKey);
-    }, a.value.onStateUpdated = (e) => {
-      var n;
-      let t = G(e.state);
-      const l = ((n = C.value.columnVisibility) == null ? void 0 : n.hiddenColIds) !== void 0;
-      t.columnVisibility === void 0 && l && (t = { ...t, columnVisibility: { hiddenColIds: [] } }), a.value.initialState = C.value = t, d(e.sources, ["columnSizing"]) || e.api.autoSizeColumns(
-        e.api.getAllDisplayedColumns().filter((c) => c.getColId() !== De)
-      );
-    };
-    const [oe, ae] = Ie(
-      () => I.value.sourceId,
-      () => a.value.columnDefs ?? null
-    ), { gridState: C, sheetsState: V, filtersState: k, searchString: B } = Te(
-      le,
-      I,
-      ae
-    ), ne = H(() => {
-      const e = { ...I.value };
-      return e.sourceId !== null ? {
-        sheets: e.sheets ?? [],
-        cachedState: [...V.value]
-      } : {
-        sheets: [],
-        cachedState: []
-      };
-    });
-    a.value.initialState = C.value;
-    function G(e) {
-      return {
-        columnOrder: e.columnOrder,
-        sort: e.sort,
-        columnVisibility: e.columnVisibility
-      };
-    }
-    function z(e) {
-      const t = e.columnVisibility, l = !t || t.hiddenColIds.length === 0 ? void 0 : e.columnVisibility;
-      return { ...e, columnVisibility: l };
-    }
-    const E = L(0);
-    R(
-      () => [i.value, C.value],
-      ([e, t]) => {
-        if (!e || e.isDestroyed()) return;
-        const l = G(e.getState());
-        !d(t, {}) && !d(z(t), z(l)) && (a.value.initialState = t, ++E.value);
-      }
-    );
-    const se = H(() => s.cellRendererSelector ?? null);
-    R(
-      () => [i.value, se.value],
-      ([e, t]) => {
-        !e || e.isDestroyed() || e.setGridOption("defaultColDef", {
-          ...a.value.defaultColDef,
-          cellRendererSelector: t ?? void 0
-        });
-      }
-    ), ee({
-      focusRow: async (e) => {
-        const t = await D.promise;
-        return t.isDestroyed() ? !1 : xe(t, (l) => {
-          var n;
-          return d((n = l.data) == null ? void 0 : n.axesKey, e);
-        });
-      },
-      updateSelection: async ({ axesSpec: e, selectedKeys: t }) => {
-        var b, y;
-        const l = await D.promise;
-        if (l.isDestroyed()) return !1;
-        const n = (b = o.value) == null ? void 0 : b.axesSpec;
-        if (!n || n.length !== e.length) return !1;
-        const c = e.map((p) => {
-          const S = Y(p);
-          return n.findIndex((x) => Z(x, S));
-        }), w = new Set(c);
-        if (w.has(-1) || w.size !== e.length) return !1;
-        const u = t.map(
-          (p) => _(c.map((S) => p[S]))
-        ), m = ((y = l.getServerSideSelectionState()) == null ? void 0 : y.toggledNodes) ?? [];
-        if (!d(m, u)) {
-          l.setServerSideSelectionState({
-            selectAll: !1,
-            toggledNodes: u
-          });
-          const p = ue(), { resolve: S, promise: x } = Promise.withResolvers();
-          p.run(() => R(o, S, { once: !0 }));
-          try {
-            await fe(x, 500);
-          } catch {
-            return !1;
-          } finally {
-            p.stop();
-          }
-        }
-        return !0;
-      }
-    });
-    const M = $();
-    let v = null;
-    const h = L(0);
-    return R(
-      () => [i.value, I.value],
-      ([e, t]) => {
-        var l, n;
-        if (!(!e || e.isDestroyed()) && !d(t, v)) {
-          ++h.value;
-          try {
-            if (e.hideOverlay(), D.reset(), t.sourceId === null) {
-              e.updateGridOptions({
-                loading: !0,
-                loadingOverlayComponentParams: {
-                  ...a.value.loadingOverlayComponentParams,
-                  variant: t.pending ? "running" : "not-ready"
-                },
-                columnDefs: void 0,
-                serverSideDatasource: void 0
-              }), o.value && (o.value && !d(o.value, M) && (o.value = $()), e.setServerSideSelectionState({
-                selectAll: !1,
-                toggledNodes: []
-              }));
-              return;
-            }
-            t.sourceId !== (v == null ? void 0 : v.sourceId) && (e.updateGridOptions({
-              loading: !0,
-              loadingOverlayComponentParams: {
-                ...a.value.loadingOverlayComponentParams,
-                variant: "loading"
-              }
-            }), o.value && (v != null && v.sourceId) && (o.value && !d(o.value, M) && (o.value = $()), e.setServerSideSelectionState({
-              selectAll: !1,
-              toggledNodes: []
-            })));
-            const c = ((l = t.model) == null ? void 0 : l.sourceId) && t.model.sourceId !== t.sourceId;
-            if (!t.model || c) {
-              const u = e.getServerSideGroupLevelState(), m = !c && u.length > 0 ? u[0].rowCount : 1;
-              return e.updateGridOptions({
-                serverSideDatasource: {
-                  getRows: (b) => {
-                    b.success({ rowData: [], rowCount: m });
-                  }
-                }
-              });
-            }
-            const w = h.value;
-            Re({
-              generation: h,
-              pfDriver: ve().pFrameDriver,
-              model: t.model,
-              sheets: t.sheets ?? [],
-              dataRenderedTracker: D,
-              hiddenColIds: (n = C.value.columnVisibility) == null ? void 0 : n.hiddenColIds,
-              cellButtonAxisParams: {
-                showCellButtonForAxisId: s.showCellButtonForAxisId,
-                cellButtonInvokeRowsOnDoubleClick: s.cellButtonInvokeRowsOnDoubleClick,
-                trigger: (u) => O("cellButtonClicked", u)
-              }
-            }).then((u) => {
-              if (e.isDestroyed() || w !== h.value) return;
-              const { axesSpec: m, ...b } = u;
-              if (e.updateGridOptions({
-                ...b
-              }), o.value) {
-                const { axesSpec: y, selectedKeys: p } = o.value;
-                if (!d(y, m)) {
-                  if (!y || m.length !== y.length) {
-                    const f = { axesSpec: m, selectedKeys: [] };
-                    return d(o.value, f) || (o.value = f), e.setServerSideSelectionState({
-                      selectAll: !1,
-                      toggledNodes: []
-                    });
-                  }
-                  const S = y.map(Y).map((f) => m.findIndex((N) => Z(N, f))), x = new Set(S);
-                  if (x.has(-1) || x.size !== m.length) {
-                    const f = { axesSpec: m, selectedKeys: [] };
-                    return d(o.value, f) || (o.value = f), e.setServerSideSelectionState({
-                      selectAll: !1,
-                      toggledNodes: []
-                    });
-                  }
-                  const A = p.map(
-                    (f) => S.map((N) => f[N])
-                  ), U = { axesSpec: m, selectedKeys: A };
-                  return d(o.value, U) || (o.value = U), e.setServerSideSelectionState({
-                    selectAll: !1,
-                    toggledNodes: A.map((f) => _(f))
-                  });
-                }
-              }
-            }).catch((u) => {
-              e.isDestroyed() || w !== h.value || pe(u) || console.trace(u);
-            }).finally(() => {
-              e.isDestroyed() || w !== h.value || e.updateGridOptions({
-                loading: !1
-              });
-            }), D.promise.then(() => O("newDataRendered"));
-          } catch (c) {
-            console.trace(c);
-          } finally {
-            v = t;
-          }
-        }
-      }
-    ), R(
-      () => ({
-        gridApi: i.value,
-        loadingText: s.loadingText,
-        runningText: s.runningText,
-        notReadyText: s.notReadyText,
-        noRowsText: s.noRowsText
-      }),
-      ({ gridApi: e, loadingText: t, runningText: l, notReadyText: n, noRowsText: c }) => {
-        !e || e.isDestroyed() || e.updateGridOptions({
-          loadingOverlayComponentParams: {
-            ...a.value.loadingOverlayComponentParams,
-            loadingText: t,
-            runningText: l,
-            notReadyText: n
-          },
-          noRowsOverlayComponentParams: {
-            ...a.value.noRowsOverlayComponentParams,
-            text: c
-          }
-        });
-      }
-    ), de(() => {
-      var e;
-      !i.value || (e = i.value) != null && e.isDestroyed() || i.value.updateGridOptions({
-        statusBar: a.value.loading ? void 0 : {
-          statusPanels: [{ statusPanel: we, align: "left" }]
-        }
-      });
-    }), (e, t) => (T(), ce("div", {
-      class: j(e.$style.container)
-    }, [
-      r(i) && !g.disableColumnsPanel ? (T(), P(r(Pe), {
-        key: 0,
-        api: r(i)
-      }, null, 8, ["api"])) : F("", !0),
-      g.disableFiltersPanel ? F("", !0) : (T(), P(Ce, {
-        key: 1,
-        modelValue: r(k),
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => K(k) ? k.value = l : null),
-        columns: r(oe)
-      }, null, 8, ["modelValue", "columns"])),
-      r(i) && g.showExportButton ? (T(), P(ge, {
-        key: 2,
-        api: r(i)
-      }, null, 8, ["api"])) : F("", !0),
-      Q(he, {
-        modelValue: r(V),
-        "onUpdate:modelValue": t[1] || (t[1] = (l) => K(V) ? V.value = l : null),
-        settings: ne.value
-      }, me({ _: 2 }, [
-        e.$slots["before-sheets"] ? {
-          name: "before",
-          fn: W(() => [
-            X(e.$slots, "before-sheets")
-          ]),
-          key: "0"
-        } : void 0,
-        e.$slots["after-sheets"] ? {
-          name: "after",
-          fn: W(() => [
-            X(e.$slots, "after-sheets")
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["modelValue", "settings"]),
-      Q(r(Oe), {
-        modelValue: r(B),
-        "onUpdate:modelValue": t[2] || (t[2] = (l) => K(B) ? B.value = l : null)
-      }, null, 8, ["modelValue"]),
-      (T(), P(r(Se), {
-        key: E.value,
-        theme: r(ye),
-        class: j(e.$style.grid),
-        "grid-options": r(a)
-      }, null, 8, ["theme", "class", "grid-options"]))
-    ], 2));
-  }
+import { isJsonEqual as e } from "../../lib/util/helpers/dist/objects.js";
+import { promiseTimeout as t } from "../../lib/util/helpers/dist/functions.js";
+import "../../lib/util/helpers/dist/index.js";
+import { AgGridTheme as n } from "../../aggrid.js";
+import r from "../PlAgCsvExporter/PlAgCsvExporter.js";
+import { PlAgDataTableRowNumberColId as i } from "./sources/row-number.js";
+import a from "../PlAgGridColumnManager/PlAgGridColumnManager.js";
+import o from "../PlTableFilters/PlTableFiltersV2.js";
+import s from "../PlTableFastSearch/PlTableFastSearch.js";
+import c from "./PlAgDataTableSheets.js";
+import ee from "./PlAgRowCount.js";
+import { DeferredCircular as te, ensureNodeVisible as l } from "./sources/focus-row.js";
+import { calculateGridOptions as u } from "./sources/table-source-v2.js";
+import { useTableState as ne } from "./sources/table-state-v2.js";
+import { useFilterableColumns as re } from "./compositions/useFilterableColumns.js";
+import { useGrid as ie } from "./compositions/useGrid.js";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as ae, createSlots as m, createVNode as h, defineComponent as g, effectScope as _, isRef as v, mergeModels as y, normalizeClass as b, openBlock as x, ref as S, renderSlot as C, toRefs as oe, unref as w, useModel as T, watch as E, watchEffect as D, withCtx as O } from "vue";
+import { canonicalizeJson as k, createPlSelectionModel as A, getAxisId as j, getRawPlatformaInstance as se, isAbortError as M, matchAxisId as N } from "@platforma-sdk/model";
+import { AgGridVue as ce } from "ag-grid-vue3";
+var P = /* @__PURE__ */ g({
+	__name: "PlAgDataTableV2",
+	props: /* @__PURE__ */ y({
+		settings: {},
+		disableColumnsPanel: { type: Boolean },
+		disableFiltersPanel: { type: Boolean },
+		showExportButton: { type: Boolean },
+		showCellButtonForAxisId: {},
+		cellButtonInvokeRowsOnDoubleClick: { type: Boolean },
+		loadingText: {},
+		runningText: {},
+		notReadyText: {},
+		noRowsText: {},
+		cellRendererSelector: { type: Function }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {},
+		selection: {},
+		selectionModifiers: {}
+	}),
+	emits: /* @__PURE__ */ y([
+		"rowDoubleClicked",
+		"cellButtonClicked",
+		"newDataRendered"
+	], ["update:modelValue", "update:selection"]),
+	setup(g, { expose: y, emit: P }) {
+		let le = T(g, "modelValue"), F = T(g, "selection"), I = g, { settings: L } = oe(I), R = P, z = new te(), { gridApi: B, gridOptions: V } = ie({
+			selection: F.value,
+			noRowsText: I.noRowsText,
+			runningText: I.runningText,
+			loadingText: I.loadingText,
+			notReadyText: I.notReadyText,
+			cellRendererSelector: I.cellRendererSelector
+		});
+		V.value.onGridPreDestroyed = (e) => {
+			V.value.initialState = W.value = J(e.api.getState()), B.value = null;
+		}, V.value.onRowDoubleClicked = (e) => {
+			e.data && e.data.axesKey && R("rowDoubleClicked", e.data.axesKey);
+		}, V.value.onStateUpdated = (t) => {
+			let n = J(t.state), r = W.value.columnVisibility?.hiddenColIds !== void 0;
+			n.columnVisibility === void 0 && r && (n = {
+				...n,
+				columnVisibility: { hiddenColIds: [] }
+			}), V.value.initialState = W.value = n, e(t.sources, ["columnSizing"]) || t.api.autoSizeColumns(t.api.getAllDisplayedColumns().filter((e) => e.getColId() !== i));
+		};
+		let [H, U] = re(() => L.value.sourceId, () => V.value.columnDefs ?? null), { gridState: W, sheetsState: G, filtersState: K, searchString: q } = ne(le, L, U), ue = d(() => {
+			let e = { ...L.value };
+			return e.sourceId === null ? {
+				sheets: [],
+				cachedState: []
+			} : {
+				sheets: e.sheets ?? [],
+				cachedState: [...G.value]
+			};
+		});
+		V.value.initialState = W.value;
+		function J(e) {
+			return {
+				columnOrder: e.columnOrder,
+				sort: e.sort,
+				columnVisibility: e.columnVisibility
+			};
+		}
+		function Y(e) {
+			let t = e.columnVisibility, n = !t || t.hiddenColIds.length === 0 ? void 0 : e.columnVisibility;
+			return {
+				...e,
+				columnVisibility: n
+			};
+		}
+		let X = S(0);
+		E(() => [B.value, W.value], ([t, n]) => {
+			if (!t || t.isDestroyed()) return;
+			let r = J(t.getState());
+			!e(n, {}) && !e(Y(n), Y(r)) && (V.value.initialState = n, ++X.value);
+		});
+		let de = d(() => I.cellRendererSelector ?? null);
+		E(() => [B.value, de.value], ([e, t]) => {
+			!e || e.isDestroyed() || e.setGridOption("defaultColDef", {
+				...V.value.defaultColDef,
+				cellRendererSelector: t ?? void 0
+			});
+		}), y({
+			focusRow: async (t) => {
+				let n = await z.promise;
+				return n.isDestroyed() ? !1 : l(n, (n) => e(n.data?.axesKey, t));
+			},
+			updateSelection: async ({ axesSpec: n, selectedKeys: r }) => {
+				let i = await z.promise;
+				if (i.isDestroyed()) return !1;
+				let a = F.value?.axesSpec;
+				if (!a || a.length !== n.length) return !1;
+				let o = n.map((e) => {
+					let t = j(e);
+					return a.findIndex((e) => N(e, t));
+				}), s = new Set(o);
+				if (s.has(-1) || s.size !== n.length) return !1;
+				let c = r.map((e) => k(o.map((t) => e[t])));
+				if (!e(i.getServerSideSelectionState()?.toggledNodes ?? [], c)) {
+					i.setServerSideSelectionState({
+						selectAll: !1,
+						toggledNodes: c
+					});
+					let e = _(), { resolve: n, promise: r } = Promise.withResolvers();
+					e.run(() => E(F, n, { once: !0 }));
+					try {
+						await t(r, 500);
+					} catch {
+						return !1;
+					} finally {
+						e.stop();
+					}
+				}
+				return !0;
+			}
+		});
+		let Z = A(), Q = null, $ = S(0);
+		return E(() => [B.value, L.value], ([t, n]) => {
+			if (!(!t || t.isDestroyed()) && !e(n, Q)) {
+				++$.value;
+				try {
+					if (t.hideOverlay(), z.reset(), n.sourceId === null) {
+						t.updateGridOptions({
+							loading: !0,
+							loadingOverlayComponentParams: {
+								...V.value.loadingOverlayComponentParams,
+								variant: n.pending ? "running" : "not-ready"
+							},
+							columnDefs: void 0,
+							serverSideDatasource: void 0
+						}), F.value && (F.value && !e(F.value, Z) && (F.value = A()), t.setServerSideSelectionState({
+							selectAll: !1,
+							toggledNodes: []
+						}));
+						return;
+					}
+					n.sourceId !== Q?.sourceId && (t.updateGridOptions({
+						loading: !0,
+						loadingOverlayComponentParams: {
+							...V.value.loadingOverlayComponentParams,
+							variant: "loading"
+						}
+					}), F.value && Q?.sourceId && (F.value && !e(F.value, Z) && (F.value = A()), 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;
+					u({
+						generation: $,
+						pfDriver: se().pFrameDriver,
+						model: n.model,
+						sheets: n.sheets ?? [],
+						dataRenderedTracker: z,
+						hiddenColIds: W.value.columnVisibility?.hiddenColIds,
+						cellButtonAxisParams: {
+							showCellButtonForAxisId: I.showCellButtonForAxisId,
+							cellButtonInvokeRowsOnDoubleClick: I.cellButtonInvokeRowsOnDoubleClick,
+							trigger: (e) => R("cellButtonClicked", e)
+						}
+					}).then((n) => {
+						if (t.isDestroyed() || i !== $.value) return;
+						let { axesSpec: r, ...a } = n;
+						if (t.updateGridOptions({ ...a }), F.value) {
+							let { axesSpec: n, selectedKeys: i } = F.value;
+							if (!e(n, r)) {
+								if (!n || r.length !== n.length) {
+									let n = {
+										axesSpec: r,
+										selectedKeys: []
+									};
+									return e(F.value, n) || (F.value = n), t.setServerSideSelectionState({
+										selectAll: !1,
+										toggledNodes: []
+									});
+								}
+								let a = n.map(j).map((e) => r.findIndex((t) => N(t, e))), o = new Set(a);
+								if (o.has(-1) || o.size !== r.length) {
+									let n = {
+										axesSpec: r,
+										selectedKeys: []
+									};
+									return e(F.value, n) || (F.value = n), t.setServerSideSelectionState({
+										selectAll: !1,
+										toggledNodes: []
+									});
+								}
+								let s = i.map((e) => a.map((t) => e[t])), c = {
+									axesSpec: r,
+									selectedKeys: s
+								};
+								return e(F.value, c) || (F.value = c), t.setServerSideSelectionState({
+									selectAll: !1,
+									toggledNodes: s.map((e) => k(e))
+								});
+							}
+						}
+					}).catch((e) => {
+						t.isDestroyed() || i !== $.value || M(e) || console.trace(e);
+					}).finally(() => {
+						t.isDestroyed() || i !== $.value || t.updateGridOptions({ loading: !1 });
+					}), z.promise.then(() => R("newDataRendered"));
+				} catch (e) {
+					console.trace(e);
+				} finally {
+					Q = n;
+				}
+			}
+		}), E(() => ({
+			gridApi: B.value,
+			loadingText: I.loadingText,
+			runningText: I.runningText,
+			notReadyText: I.notReadyText,
+			noRowsText: I.noRowsText
+		}), ({ gridApi: e, loadingText: t, runningText: n, notReadyText: r, noRowsText: i }) => {
+			!e || e.isDestroyed() || e.updateGridOptions({
+				loadingOverlayComponentParams: {
+					...V.value.loadingOverlayComponentParams,
+					loadingText: t,
+					runningText: n,
+					notReadyText: r
+				},
+				noRowsOverlayComponentParams: {
+					...V.value.noRowsOverlayComponentParams,
+					text: i
+				}
+			});
+		}), D(() => {
+			!B.value || B.value?.isDestroyed() || B.value.updateGridOptions({ statusBar: V.value.loading ? void 0 : { statusPanels: [{
+				statusPanel: ee,
+				align: "left"
+			}] } });
+		}), (e, t) => (x(), ae("div", { class: b(e.$style.container) }, [
+			w(B) && !g.disableColumnsPanel ? (x(), f(w(a), {
+				key: 0,
+				api: w(B)
+			}, null, 8, ["api"])) : p("", !0),
+			g.disableFiltersPanel ? p("", !0) : (x(), f(o, {
+				key: 1,
+				modelValue: w(K),
+				"onUpdate:modelValue": t[0] ||= (e) => v(K) ? K.value = e : null,
+				columns: w(H)
+			}, null, 8, ["modelValue", "columns"])),
+			w(B) && g.showExportButton ? (x(), f(r, {
+				key: 2,
+				api: w(B)
+			}, null, 8, ["api"])) : p("", !0),
+			h(c, {
+				modelValue: w(G),
+				"onUpdate:modelValue": t[1] ||= (e) => v(G) ? G.value = e : null,
+				settings: ue.value
+			}, m({ _: 2 }, [e.$slots["before-sheets"] ? {
+				name: "before",
+				fn: O(() => [C(e.$slots, "before-sheets")]),
+				key: "0"
+			} : void 0, e.$slots["after-sheets"] ? {
+				name: "after",
+				fn: O(() => [C(e.$slots, "after-sheets")]),
+				key: "1"
+			} : void 0]), 1032, ["modelValue", "settings"]),
+			h(w(s), {
+				modelValue: w(q),
+				"onUpdate:modelValue": t[2] ||= (e) => v(q) ? q.value = e : null
+			}, null, 8, ["modelValue"]),
+			(x(), f(w(ce), {
+				key: X.value,
+				theme: w(n),
+				class: b(e.$style.grid),
+				"grid-options": w(V)
+			}, null, 8, [
+				"theme",
+				"class",
+				"grid-options"
+			]))
+		], 2));
+	}
 });
-export {
-  We as default
-};
-//# sourceMappingURL=PlAgDataTableV2.vue2.js.map
+export { P as default };
+
+//# sourceMappingURL=PlAgDataTableV2.vue2.js.map