@platforma-sdk/ui-vue 1.80.9 → 1.80.13

package/dist/components/PlAgCsvExporter/export-csv.js

@@ -1,10 +1,11 @@
 import { getServices as e } from "../../internal/getServices.js";
 import "../PlAgDataTable/sources/row-number.js";
 import "../PlAgDataTable/index.js";
-import { XLSX_MAX_ROWS_PER_SHEET as t, getPTableColumnId as n } from "@platforma-sdk/model";
-import { isNil as r } from "es-toolkit";
+import { effectiveLabel as t } from "../PlAgDataTable/sources/table-source-v2.js";
+import { XLSX_MAX_ROWS_PER_SHEET as n, getPTableColumnId as r } from "@platforma-sdk/model";
+import { isNil as i } from "es-toolkit";
 //#region src/components/PlAgCsvExporter/export-csv.ts
-var i = [
+var a = [
 	{
 		name: "CSV",
 		extensions: ["csv"]
@@ -21,7 +22,7 @@ var i = [
 		name: "Excel",
 		extensions: ["xlsx"]
 	}
-], a = [
+], o = [
 	{
 		name: "CSV (gzip)",
 		extensions: ["csv.gz"]
@@ -39,63 +40,71 @@ var i = [
 		extensions: ["tsv"]
 	}
 ];
-function o(e) {
+function s(e) {
 	let t = e.toLowerCase(), n = t.endsWith(".gz") ? t.slice(0, -3) : t;
 	return n.slice(n.lastIndexOf(".") + 1);
 }
-function s(e, t) {
+function c(e, t) {
 	return t.some(({ extensions: t }) => t.some((t) => e.endsWith("." + t)));
 }
-async function c(n, c) {
-	let { dialog: u, pframe: f, pframeSpec: p } = e();
-	if (r(u)) throw Error("dialog service is not available in the current environment");
-	if (r(f)) throw Error("pframe service is not available");
-	if (r(p)) throw Error("pframeSpec service is not available");
-	let m = d(n, await f.getSpec(c.tableHandle), p);
-	if (r(m)) return;
-	let h = c.defaultFileName ?? `table_${l(/* @__PURE__ */ new Date())}`;
-	if (typeof f.exportPTable == "function") {
-		let { rows: e } = await f.getShape(c.tableHandle), n = e > t ? i.filter(({ name: e }) => e !== "Excel") : i, { canceled: a, path: o } = await u.showSaveDialog({
-			defaultFileName: `${h}.csv`,
-			filters: n
+async function l(t, r) {
+	let { dialog: l, pframe: d, pframeSpec: p } = e();
+	if (i(l)) throw Error("dialog service is not available in the current environment");
+	if (i(d)) throw Error("pframe service is not available");
+	if (i(p)) throw Error("pframeSpec service is not available");
+	let m = f(t, await d.getSpec(r.tableHandle), p, r.columnsMeta);
+	if (i(m)) return;
+	let h = m.map(([e]) => e), g = m.map(([, e]) => e), _ = r.defaultFileName ?? `table_${u(/* @__PURE__ */ new Date())}`;
+	if (typeof d.exportPTable == "function") {
+		let { rows: e } = await d.getShape(r.tableHandle), t = e > n ? a.filter(({ name: e }) => e !== "Excel") : a, { canceled: o, path: s } = await l.showSaveDialog({
+			defaultFileName: `${_}.csv`,
+			filters: t
 		});
-		if (a || r(o) || !s(o, n)) return;
-		await f.exportPTable(c.tableHandle, {
-			path: o,
-			columnIndices: m
+		if (o || i(s) || !c(s, t)) return;
+		await d.exportPTable(r.tableHandle, {
+			path: s,
+			columnIndices: h,
+			headerNames: g
 		});
 		return;
 	}
-	let { canceled: g, path: _ } = await u.showSaveDialog({
-		defaultFileName: `${h}.csv.gz`,
-		filters: a
+	let { canceled: v, path: y } = await l.showSaveDialog({
+		defaultFileName: `${_}.csv.gz`,
+		filters: o
 	});
-	if (g || r(_) || !s(_, a)) return;
-	let v = o(_);
-	if (!(v !== "csv" && v !== "tsv")) return f.writePTableToFs(c.tableHandle, {
-		path: _,
-		format: v,
-		columnIndices: m,
-		..._.toLowerCase().endsWith(".gz") && { compression: { type: "gzip" } }
+	if (v || i(y) || !c(y, o)) return;
+	let b = s(y);
+	if (!(b !== "csv" && b !== "tsv")) return d.writePTableToFs(r.tableHandle, {
+		path: y,
+		format: b,
+		columnIndices: h,
+		headerNames: g,
+		...y.toLowerCase().endsWith(".gz") && { compression: { type: "gzip" } }
 	});
 }
-function l(e) {
+function u(e) {
 	let t = (e) => String(e).padStart(2, "0");
 	return `${t(e.getDate())}-${t(e.getMonth() + 1)}-${e.getFullYear()}_${t(e.getHours())}-${t(e.getMinutes())}-${t(e.getSeconds())}`;
 }
-function u() {
+function d() {
 	try {
 		let t = e();
-		return !r(t?.dialog) && !r(t?.pframe);
+		return !i(t?.dialog) && !i(t?.pframe);
 	} catch {
 		return !1;
 	}
 }
-function d(e, t, i) {
-	let a = e.getColumnDefs();
-	return r(a) ? void 0 : [...new Set(a.flatMap((e) => "children" in e || e.hide === !0 || r(e.colId) || e.colId === "\"##RowNumberColumnId##\"" ? [] : [e.context]).map((e) => i.findTableColumn(t, n(e))))].filter((e) => e !== -1);
+function f(e, n, a, o) {
+	let s = e.getColumnDefs();
+	if (i(s)) return;
+	let c = (e) => a.findTableColumn(n, r(e)), l = (e) => "children" in e || e.hide === !0 || i(e.colId) || e.colId === "\"##RowNumberColumnId##\"" ? [] : [e.context], u = /* @__PURE__ */ new Map();
+	for (let e of s.flatMap(l)) {
+		let n = c(e);
+		n === -1 || u.has(n) || u.set(n, t(e, o)?.trim() ?? e.spec.name);
+	}
+	return [...u];
 }
 //#endregion
-export { c as exportCsv, u as isCsvExportAvailable };
+export { l as exportCsv, d as isCsvExportAvailable };
 
 //# sourceMappingURL=export-csv.js.map

package/dist/components/PlAgCsvExporter/export-csv.js.map

@@ -1 +1 @@
-{"version":3,"file":"export-csv.js","names":[],"sources":["../../../src/components/PlAgCsvExporter/export-csv.ts"],"sourcesContent":["import { type ColDef, type ColGroupDef, type GridApi } from \"ag-grid-enterprise\";\nimport type {\n  FileFilter,\n  PTableHandle,\n  PTableColumnSpec,\n  PFrameSpecDriver,\n  WritePTableToFsResult,\n} from \"@platforma-sdk/model\";\nimport { getPTableColumnId, XLSX_MAX_ROWS_PER_SHEET } from \"@platforma-sdk/model\";\nimport { isNil } from \"es-toolkit\";\nimport { Nil } from \"@milaboratories/helpers\";\nimport { getServices } from \"../../internal/getServices\";\nimport { PlAgDataTableRowNumberColId } from \"../PlAgDataTable\";\n\n/** Options for the native table export. */\nexport interface ExportOptions {\n  tableHandle: PTableHandle;\n  defaultFileName?: string;\n}\n\n/** Save-dialog file-type filters for the native `exportPTable` path. */\nconst NATIVE_EXPORT_FILTERS: FileFilter[] = [\n  { name: \"CSV\", extensions: [\"csv\"] },\n  { name: \"TSV\", extensions: [\"tsv\"] },\n  { name: \"Parquet\", extensions: [\"parquet\"] },\n  { name: \"Excel\", extensions: [\"xlsx\"] },\n];\n\n/**\n * Save-dialog file-type filters for the `writePTableToFs` fallback. csv/tsv\n * only, offered both plain and gzip-compressed — a trailing `.gz` in the\n * chosen path selects gzip compression.\n */\nconst FALLBACK_EXPORT_FILTERS: FileFilter[] = [\n  { name: \"CSV (gzip)\", extensions: [\"csv.gz\"] },\n  { name: \"CSV\", extensions: [\"csv\"] },\n  { name: \"TSV (gzip)\", extensions: [\"tsv.gz\"] },\n  { name: \"TSV\", extensions: [\"tsv\"] },\n];\n\n/** Table format from a save path, ignoring a trailing `.gz`. e.g. `\"t.csv.gz\"` → `\"csv\"`. */\nfunction tableFormatFromPath(path: string): string {\n  const lower = path.toLowerCase();\n  const base = lower.endsWith(\".gz\") ? lower.slice(0, -3) : lower;\n  return base.slice(base.lastIndexOf(\".\") + 1);\n}\n\n/** True when `path` ends with one of the filters' extensions (e.g. `\".csv\"`). */\nfunction matchesFilterExtension(path: string, filters: FileFilter[]): boolean {\n  return filters.some(({ extensions }) => extensions.some((ext) => path.endsWith(\".\" + ext)));\n}\n\n/**\n * Table export via the platforma desktop runtime. Prompts for a save\n * destination via the `Dialog` service — offering the available output formats\n * as file-type filters so the user picks the format — then writes the PTable to\n * the chosen path.\n *\n * Prefers the native `PFrame.exportPTable` when the runtime advertises it: the\n * table handle is the *visible* one, so exporting the whole handle reproduces\n * exactly the visible columns/rows, and the format (`csv`/`tsv`/`parquet`/\n * `xlsx`) is taken from the chosen file extension. Falls back to streaming the\n * visible columns via `PFrame.writePTableToFs` (`csv`/`tsv`, optionally\n * gzip-compressed when the chosen path ends in `.gz`) on runtimes that do not\n * advertise `exportPTable`.\n */\nexport async function exportCsv(\n  gridApi: GridApi,\n  nativeOptions: ExportOptions,\n): Promise<undefined | WritePTableToFsResult> {\n  const { dialog, pframe, pframeSpec } = getServices();\n  if (isNil(dialog)) {\n    throw new Error(\"dialog service is not available in the current environment\");\n  }\n  if (isNil(pframe)) {\n    throw new Error(\"pframe service is not available\");\n  }\n  if (isNil(pframeSpec)) {\n    throw new Error(\"pframeSpec service is not available\");\n  }\n\n  const specs = await pframe.getSpec(nativeOptions.tableHandle);\n  const columnIndices = collectVisibleColumnIndices(gridApi, specs, pframeSpec);\n  if (isNil(columnIndices)) {\n    return undefined;\n  }\n\n  const baseFileName = nativeOptions.defaultFileName ?? `table_${formatTimestamp(new Date())}`;\n\n  if (typeof pframe.exportPTable === \"function\") {\n    const { rows } = await pframe.getShape(nativeOptions.tableHandle);\n    const filters =\n      rows > XLSX_MAX_ROWS_PER_SHEET\n        ? NATIVE_EXPORT_FILTERS.filter(({ name }) => name !== \"Excel\")\n        : NATIVE_EXPORT_FILTERS;\n\n    const { canceled, path } = await dialog.showSaveDialog({\n      defaultFileName: `${baseFileName}.csv`,\n      filters,\n    });\n    if (canceled || isNil(path) || !matchesFilterExtension(path, filters)) {\n      return undefined;\n    }\n\n    await pframe.exportPTable(nativeOptions.tableHandle, { path, columnIndices });\n    return undefined;\n  }\n\n  const { canceled, path } = await dialog.showSaveDialog({\n    defaultFileName: `${baseFileName}.csv.gz`,\n    filters: FALLBACK_EXPORT_FILTERS,\n  });\n  if (canceled || isNil(path) || !matchesFilterExtension(path, FALLBACK_EXPORT_FILTERS)) {\n    return undefined;\n  }\n\n  const format = tableFormatFromPath(path);\n  if (format !== \"csv\" && format !== \"tsv\") {\n    return undefined;\n  }\n\n  return pframe.writePTableToFs(nativeOptions.tableHandle, {\n    path,\n    format,\n    columnIndices,\n    ...(path.toLowerCase().endsWith(\".gz\") && { compression: { type: \"gzip\" } }),\n  });\n}\n\nfunction formatTimestamp(d: Date): string {\n  const pad = (n: number) => String(n).padStart(2, \"0\");\n  return (\n    `${pad(d.getDate())}-${pad(d.getMonth() + 1)}-${d.getFullYear()}` +\n    `_${pad(d.getHours())}-${pad(d.getMinutes())}-${pad(d.getSeconds())}`\n  );\n}\n\n/**\n * Checks whether the native CSV export capability is available in the\n * current platforma runtime environment. Both `Dialog` and `PFrame`\n * services must be present — desktop-app wires them, web/preview do not.\n */\nexport function isCsvExportAvailable(): boolean {\n  try {\n    const services = getServices();\n    return !isNil(services?.dialog) && !isNil(services?.pframe);\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Collect unified column indices for visible (non-hidden) columns from the\n * ag-grid column defs, remapped onto the provided PTable spec array so the\n * indices match the current table handle (ColDef.field indices may be stale\n * or diverge from the spec order).\n */\nexport function collectVisibleColumnIndices(\n  gridApi: GridApi,\n  specs: PTableColumnSpec[],\n  pframeSpec: PFrameSpecDriver,\n): Nil | number[] {\n  const columnDefs = gridApi.getColumnDefs();\n  if (isNil(columnDefs)) {\n    return;\n  }\n\n  const findIndex = (spec: PTableColumnSpec) =>\n    pframeSpec.findTableColumn(specs, getPTableColumnId(spec));\n\n  const specsForDef = (def: ColDef | ColGroupDef): PTableColumnSpec[] => {\n    if (\"children\" in def) return [];\n    if (def.hide === true) return [];\n    if (isNil(def.colId)) return [];\n    if (def.colId === PlAgDataTableRowNumberColId) return [];\n    return [def.context as PTableColumnSpec];\n  };\n\n  return [...new Set(columnDefs.flatMap(specsForDef).map(findIndex))].filter((idx) => idx !== -1);\n}\n"],"mappings":"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"}
+{"version":3,"file":"export-csv.js","names":[],"sources":["../../../src/components/PlAgCsvExporter/export-csv.ts"],"sourcesContent":["import { type ColDef, type ColGroupDef, type GridApi } from \"ag-grid-enterprise\";\nimport type {\n  FileFilter,\n  PTableHandle,\n  PTableColumnSpec,\n  PFrameSpecDriver,\n  PlDataTableColumnsMeta,\n  WritePTableToFsResult,\n} from \"@platforma-sdk/model\";\nimport { getPTableColumnId, XLSX_MAX_ROWS_PER_SHEET } from \"@platforma-sdk/model\";\nimport { isNil } from \"es-toolkit\";\nimport { Nil } from \"@milaboratories/helpers\";\nimport { getServices } from \"../../internal/getServices\";\nimport { PlAgDataTableRowNumberColId } from \"../PlAgDataTable\";\nimport { effectiveLabel } from \"../PlAgDataTable/sources/table-source-v2\";\n\n/** Options for the native table export. */\nexport interface ExportOptions {\n  tableHandle: PTableHandle;\n  defaultFileName?: string;\n  /**\n   * Sidecar display metadata for the visible table. Supplies the disambiguated\n   * header labels the UI shows — the ones the spec's intrinsic `pl7.app/label`\n   * may not carry — so the export reproduces exactly what the user sees.\n   */\n  columnsMeta?: PlDataTableColumnsMeta;\n}\n\n/** Save-dialog file-type filters for the native `exportPTable` path. */\nconst NATIVE_EXPORT_FILTERS: FileFilter[] = [\n  { name: \"CSV\", extensions: [\"csv\"] },\n  { name: \"TSV\", extensions: [\"tsv\"] },\n  { name: \"Parquet\", extensions: [\"parquet\"] },\n  { name: \"Excel\", extensions: [\"xlsx\"] },\n];\n\n/**\n * Save-dialog file-type filters for the `writePTableToFs` fallback. csv/tsv\n * only, offered both plain and gzip-compressed — a trailing `.gz` in the\n * chosen path selects gzip compression.\n */\nconst FALLBACK_EXPORT_FILTERS: FileFilter[] = [\n  { name: \"CSV (gzip)\", extensions: [\"csv.gz\"] },\n  { name: \"CSV\", extensions: [\"csv\"] },\n  { name: \"TSV (gzip)\", extensions: [\"tsv.gz\"] },\n  { name: \"TSV\", extensions: [\"tsv\"] },\n];\n\n/** Table format from a save path, ignoring a trailing `.gz`. e.g. `\"t.csv.gz\"` → `\"csv\"`. */\nfunction tableFormatFromPath(path: string): string {\n  const lower = path.toLowerCase();\n  const base = lower.endsWith(\".gz\") ? lower.slice(0, -3) : lower;\n  return base.slice(base.lastIndexOf(\".\") + 1);\n}\n\n/** True when `path` ends with one of the filters' extensions (e.g. `\".csv\"`). */\nfunction matchesFilterExtension(path: string, filters: FileFilter[]): boolean {\n  return filters.some(({ extensions }) => extensions.some((ext) => path.endsWith(\".\" + ext)));\n}\n\n/**\n * Table export via the platforma desktop runtime. Prompts for a save\n * destination via the `Dialog` service — offering the available output formats\n * as file-type filters so the user picks the format — then writes the PTable to\n * the chosen path.\n *\n * Prefers the native `PFrame.exportPTable` when the runtime advertises it: the\n * table handle is the *visible* one, so exporting the whole handle reproduces\n * exactly the visible columns/rows, and the format (`csv`/`tsv`/`parquet`/\n * `xlsx`) is taken from the chosen file extension. Falls back to streaming the\n * visible columns via `PFrame.writePTableToFs` (`csv`/`tsv`, optionally\n * gzip-compressed when the chosen path ends in `.gz`) on runtimes that do not\n * advertise `exportPTable`.\n */\nexport async function exportCsv(\n  gridApi: GridApi,\n  nativeOptions: ExportOptions,\n): Promise<undefined | WritePTableToFsResult> {\n  const { dialog, pframe, pframeSpec } = getServices();\n  if (isNil(dialog)) {\n    throw new Error(\"dialog service is not available in the current environment\");\n  }\n  if (isNil(pframe)) {\n    throw new Error(\"pframe service is not available\");\n  }\n  if (isNil(pframeSpec)) {\n    throw new Error(\"pframeSpec service is not available\");\n  }\n\n  const specs = await pframe.getSpec(nativeOptions.tableHandle);\n  const visibleColumns = collectVisibleColumns(\n    gridApi,\n    specs,\n    pframeSpec,\n    nativeOptions.columnsMeta,\n  );\n  if (isNil(visibleColumns)) {\n    return undefined;\n  }\n  // `columnIndices` is the long-standing field every runtime understands;\n  // `headerNames` is additive so a newer UI still works against an older\n  // desktop-app runtime (which ignores it and derives labels from the spec).\n  const columnIndices = visibleColumns.map(([index]) => index);\n  const headerNames = visibleColumns.map(([, name]) => name);\n\n  const baseFileName = nativeOptions.defaultFileName ?? `table_${formatTimestamp(new Date())}`;\n\n  if (typeof pframe.exportPTable === \"function\") {\n    const { rows } = await pframe.getShape(nativeOptions.tableHandle);\n    const filters =\n      rows > XLSX_MAX_ROWS_PER_SHEET\n        ? NATIVE_EXPORT_FILTERS.filter(({ name }) => name !== \"Excel\")\n        : NATIVE_EXPORT_FILTERS;\n\n    const { canceled, path } = await dialog.showSaveDialog({\n      defaultFileName: `${baseFileName}.csv`,\n      filters,\n    });\n    if (canceled || isNil(path) || !matchesFilterExtension(path, filters)) {\n      return undefined;\n    }\n\n    await pframe.exportPTable(nativeOptions.tableHandle, { path, columnIndices, headerNames });\n    return undefined;\n  }\n\n  const { canceled, path } = await dialog.showSaveDialog({\n    defaultFileName: `${baseFileName}.csv.gz`,\n    filters: FALLBACK_EXPORT_FILTERS,\n  });\n  if (canceled || isNil(path) || !matchesFilterExtension(path, FALLBACK_EXPORT_FILTERS)) {\n    return undefined;\n  }\n\n  const format = tableFormatFromPath(path);\n  if (format !== \"csv\" && format !== \"tsv\") {\n    return undefined;\n  }\n\n  return pframe.writePTableToFs(nativeOptions.tableHandle, {\n    path,\n    format,\n    columnIndices,\n    headerNames,\n    ...(path.toLowerCase().endsWith(\".gz\") && { compression: { type: \"gzip\" } }),\n  });\n}\n\nfunction formatTimestamp(d: Date): string {\n  const pad = (n: number) => String(n).padStart(2, \"0\");\n  return (\n    `${pad(d.getDate())}-${pad(d.getMonth() + 1)}-${d.getFullYear()}` +\n    `_${pad(d.getHours())}-${pad(d.getMinutes())}-${pad(d.getSeconds())}`\n  );\n}\n\n/**\n * Checks whether the native CSV export capability is available in the\n * current platforma runtime environment. Both `Dialog` and `PFrame`\n * services must be present — desktop-app wires them, web/preview do not.\n */\nexport function isCsvExportAvailable(): boolean {\n  try {\n    const services = getServices();\n    return !isNil(services?.dialog) && !isNil(services?.pframe);\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Collect `[unified index, header name]` pairs for visible (non-hidden) columns\n * from the ag-grid column defs, remapped onto the provided PTable spec array so\n * the indices match the current table handle (ColDef.field indices may be stale\n * or diverge from the spec order).\n *\n * The header name is the disambiguated label the UI shows — sidecar override\n * (`columnsMeta`) wins over the spec's intrinsic `pl7.app/label`, falling back\n * to the spec name — so the export reproduces exactly the visible headers and\n * avoids the duplicate-label collisions that break the native export path.\n */\nexport function collectVisibleColumns(\n  gridApi: GridApi,\n  specs: PTableColumnSpec[],\n  pframeSpec: PFrameSpecDriver,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): Nil | [number, string][] {\n  const columnDefs = gridApi.getColumnDefs();\n  if (isNil(columnDefs)) {\n    return;\n  }\n\n  const findIndex = (spec: PTableColumnSpec) =>\n    pframeSpec.findTableColumn(specs, getPTableColumnId(spec));\n\n  const specsForDef = (def: ColDef | ColGroupDef): PTableColumnSpec[] => {\n    if (\"children\" in def) return [];\n    if (def.hide === true) return [];\n    if (isNil(def.colId)) return [];\n    if (def.colId === PlAgDataTableRowNumberColId) return [];\n    return [def.context as PTableColumnSpec];\n  };\n\n  const byIndex = new Map<number, string>();\n  for (const spec of columnDefs.flatMap(specsForDef)) {\n    const index = findIndex(spec);\n    if (index === -1 || byIndex.has(index)) continue;\n    byIndex.set(index, effectiveLabel(spec, columnsMeta)?.trim() ?? spec.spec.name);\n  }\n  return [...byIndex];\n}\n"],"mappings":";;;;;;;AA6BA,IAAM,IAAsC;CAC1C;EAAE,MAAM;EAAO,YAAY,CAAC,MAAM;EAAE;CACpC;EAAE,MAAM;EAAO,YAAY,CAAC,MAAM;EAAE;CACpC;EAAE,MAAM;EAAW,YAAY,CAAC,UAAU;EAAE;CAC5C;EAAE,MAAM;EAAS,YAAY,CAAC,OAAO;EAAE;CACxC,EAOK,IAAwC;CAC5C;EAAE,MAAM;EAAc,YAAY,CAAC,SAAS;EAAE;CAC9C;EAAE,MAAM;EAAO,YAAY,CAAC,MAAM;EAAE;CACpC;EAAE,MAAM;EAAc,YAAY,CAAC,SAAS;EAAE;CAC9C;EAAE,MAAM;EAAO,YAAY,CAAC,MAAM;EAAE;CACrC;AAGD,SAAS,EAAoB,GAAsB;CACjD,IAAM,IAAQ,EAAK,aAAa,EAC1B,IAAO,EAAM,SAAS,MAAM,GAAG,EAAM,MAAM,GAAG,GAAG,GAAG;AAC1D,QAAO,EAAK,MAAM,EAAK,YAAY,IAAI,GAAG,EAAE;;AAI9C,SAAS,EAAuB,GAAc,GAAgC;AAC5E,QAAO,EAAQ,MAAM,EAAE,oBAAiB,EAAW,MAAM,MAAQ,EAAK,SAAS,MAAM,EAAI,CAAC,CAAC;;AAiB7F,eAAsB,EACpB,GACA,GAC4C;CAC5C,IAAM,EAAE,WAAQ,WAAQ,kBAAe,GAAa;AACpD,KAAI,EAAM,EAAO,CACf,OAAU,MAAM,6DAA6D;AAE/E,KAAI,EAAM,EAAO,CACf,OAAU,MAAM,kCAAkC;AAEpD,KAAI,EAAM,EAAW,CACnB,OAAU,MAAM,sCAAsC;CAIxD,IAAM,IAAiB,EACrB,GAFY,MAAM,EAAO,QAAQ,EAAc,YAAY,EAI3D,GACA,EAAc,YACf;AACD,KAAI,EAAM,EAAe,CACvB;CAKF,IAAM,IAAgB,EAAe,KAAK,CAAC,OAAW,EAAM,EACtD,IAAc,EAAe,KAAK,GAAG,OAAU,EAAK,EAEpD,IAAe,EAAc,mBAAmB,SAAS,kBAAgB,IAAI,MAAM,CAAC;AAE1F,KAAI,OAAO,EAAO,gBAAiB,YAAY;EAC7C,IAAM,EAAE,YAAS,MAAM,EAAO,SAAS,EAAc,YAAY,EAC3D,IACJ,IAAO,IACH,EAAsB,QAAQ,EAAE,cAAW,MAAS,QAAQ,GAC5D,GAEA,EAAE,aAAU,YAAS,MAAM,EAAO,eAAe;GACrD,iBAAiB,GAAG,EAAa;GACjC;GACD,CAAC;AACF,MAAI,KAAY,EAAM,EAAK,IAAI,CAAC,EAAuB,GAAM,EAAQ,CACnE;AAGF,QAAM,EAAO,aAAa,EAAc,aAAa;GAAE;GAAM;GAAe;GAAa,CAAC;AAC1F;;CAGF,IAAM,EAAE,aAAU,YAAS,MAAM,EAAO,eAAe;EACrD,iBAAiB,GAAG,EAAa;EACjC,SAAS;EACV,CAAC;AACF,KAAI,KAAY,EAAM,EAAK,IAAI,CAAC,EAAuB,GAAM,EAAwB,CACnF;CAGF,IAAM,IAAS,EAAoB,EAAK;AACpC,aAAW,SAAS,MAAW,OAInC,QAAO,EAAO,gBAAgB,EAAc,aAAa;EACvD;EACA;EACA;EACA;EACA,GAAI,EAAK,aAAa,CAAC,SAAS,MAAM,IAAI,EAAE,aAAa,EAAE,MAAM,QAAQ,EAAE;EAC5E,CAAC;;AAGJ,SAAS,EAAgB,GAAiB;CACxC,IAAM,KAAO,MAAc,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;AACrD,QACE,GAAG,EAAI,EAAE,SAAS,CAAC,CAAC,GAAG,EAAI,EAAE,UAAU,GAAG,EAAE,CAAC,GAAG,EAAE,aAAa,CAAA,GAC3D,EAAI,EAAE,UAAU,CAAC,CAAC,GAAG,EAAI,EAAE,YAAY,CAAC,CAAC,GAAG,EAAI,EAAE,YAAY,CAAC;;AASvE,SAAgB,IAAgC;AAC9C,KAAI;EACF,IAAM,IAAW,GAAa;AAC9B,SAAO,CAAC,EAAM,GAAU,OAAO,IAAI,CAAC,EAAM,GAAU,OAAO;SACrD;AACN,SAAO;;;AAeX,SAAgB,EACd,GACA,GACA,GACA,GAC0B;CAC1B,IAAM,IAAa,EAAQ,eAAe;AAC1C,KAAI,EAAM,EAAW,CACnB;CAGF,IAAM,KAAa,MACjB,EAAW,gBAAgB,GAAO,EAAkB,EAAK,CAAC,EAEtD,KAAe,MACf,cAAc,KACd,EAAI,SAAS,MACb,EAAM,EAAI,MAAM,IAChB,EAAI,UAAA,8BAA8C,EAAE,GACjD,CAAC,EAAI,QAA4B,EAGpC,oBAAU,IAAI,KAAqB;AACzC,MAAK,IAAM,KAAQ,EAAW,QAAQ,EAAY,EAAE;EAClD,IAAM,IAAQ,EAAU,EAAK;AACzB,QAAU,MAAM,EAAQ,IAAI,EAAM,IACtC,EAAQ,IAAI,GAAO,EAAe,GAAM,EAAY,EAAE,MAAM,IAAI,EAAK,KAAK,KAAK;;AAEjF,QAAO,CAAC,GAAG,EAAQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableV2.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableColumnsMeta,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      currentColumnsMeta(),\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n    currentColumnsMeta(),\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction currentColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n    />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAgDataTableV2.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableColumnsMeta,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAgDataTable/PlAgDataTableV2.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableV2.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableColumnsMeta,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      currentColumnsMeta(),\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n    currentColumnsMeta(),\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction currentColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n    />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAgDataTableV2.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { promiseTimeout, isJsonEqual } from \"@milaboratories/helpers\";\nimport type {\n  AxisId,\n  PlDataTableColumnsMeta,\n  PlDataTableGridStateCore,\n  PlDataTableStateV2,\n  PlSelectionModel,\n  PlTableColumnIdJson,\n  PTableColumnSpec,\n  PTableKey,\n} from \"@platforma-sdk/model\";\nimport {\n  getRawPlatformaInstance,\n  createPlSelectionModel,\n  matchAxisId,\n  getAxisId,\n  canonicalizeJson,\n  isAbortError,\n} from \"@platforma-sdk/model\";\nimport type { CellRendererSelectorFunc, GridApi, GridState } from \"ag-grid-enterprise\";\nimport { AgGridVue } from \"ag-grid-vue3\";\nimport { computed, effectScope, nextTick, ref, toRefs, watch, watchEffect } from \"vue\";\nimport PlAgCsvExporter from \"../PlAgCsvExporter/PlAgCsvExporter.vue\";\nimport { PlAgGridColumnManager } from \"../PlAgGridColumnManager\";\nimport PlTableFiltersV2 from \"../PlTableFilters/PlTableFiltersV2.vue\";\nimport { PlTableFastSearch } from \"../PlTableFastSearch\";\nimport PlAgDataTableSheets from \"./PlAgDataTableSheets.vue\";\nimport PlAgRowCount from \"./PlAgRowCount.vue\";\nimport { DeferredCircular, ensureNodeVisible } from \"./sources/focus-row\";\nimport { PlAgDataTableRowNumberColId } from \"./sources/row-number\";\nimport type { PlAgCellButtonAxisParams } from \"./sources/table-source-v2\";\nimport { calculateGridOptions, effectiveVisibility } from \"./sources/table-source-v2\";\nimport { useTableState } from \"./sources/table-state-v2\";\nimport type {\n  PlAgDataTableV2Controller,\n  PlAgDataTableV2Row,\n  PlAgOverlayLoadingParams,\n  PlAgOverlayNoRowsParams,\n  PlDataTableSettingsV2,\n  PlDataTableSheetsSettings,\n  PlTableRowId,\n} from \"./types\";\nimport { useFilterableColumns } from \"./compositions/useFilterableColumns\";\nimport { useGrid } from \"./compositions/useGrid\";\nimport { AgGridTheme } from \"../../AgGridVue/AgGridTheme\";\n\nconst tableState = defineModel<PlDataTableStateV2>({\n  required: true,\n});\n/** Warning: selection model value updates are ignored, use updateSelection instead */\nconst selection = defineModel<PlSelectionModel>(\"selection\");\nconst props = defineProps<{\n  /** Required component settings */\n  settings: Readonly<PlDataTableSettingsV2>;\n\n  /**\n   * The disableColumnsPanel prop controls the display of a button that activates\n   * the columns management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableColumnsPanel?: boolean;\n\n  /**\n   * The disableFiltersPanel prop controls the display of a button that activates\n   * the filters management panel in the table. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  disableFiltersPanel?: boolean;\n\n  /**\n   * The showExportButton prop controls the display of a button that allows\n   * to export table data in CSV format. To make the button functional\n   * and visible, you must also include the PlAgDataTableToolsPanel component in your layout.\n   * This component serves as the target for teleporting the button.\n   */\n  showExportButton?: boolean;\n\n  /**\n   * The AxisId property is used to configure and display the PlAgTextAndButtonCell component\n   */\n  showCellButtonForAxisId?: AxisId;\n\n  /**\n   * If cellButtonInvokeRowsOnDoubleClick = true, clicking a button inside the row\n   * triggers the doubleClick event for the entire row.\n   *\n   * If cellButtonInvokeRowsOnDoubleClick = false, the doubleClick event for the row\n   * is not triggered, but will triggered cellButtonClicked event with (key: PTableRowKey) argument.\n   */\n  cellButtonInvokeRowsOnDoubleClick?: boolean;\n\n  /** @see {@link PlAgOverlayLoadingParams.loadingText} */\n  loadingText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.runningText} */\n  runningText?: string;\n\n  /** @see {@link PlAgOverlayLoadingParams.notReadyText} */\n  notReadyText?: string;\n\n  /** @see {@link PlAgOverlayNoRowsParams.text} */\n  noRowsText?: string;\n\n  /**\n   * Callback to override the default renderer for a given cell.\n   * @see https://www.ag-grid.com/vue-data-grid/component-cell-renderer/#dynamic-component-selection\n   */\n  cellRendererSelector?: CellRendererSelectorFunc<PlAgDataTableV2Row>;\n}>();\nconst { settings } = toRefs(props);\nconst emit = defineEmits<{\n  rowDoubleClicked: [key?: PTableKey];\n  cellButtonClicked: [key?: PTableKey];\n  newDataRendered: [];\n}>();\n\nconst dataRenderedTracker = new DeferredCircular<GridApi<PlAgDataTableV2Row>>();\nconst { gridApi, gridOptions } = useGrid({\n  selection,\n  noRowsText: props.noRowsText,\n  runningText: props.runningText,\n  loadingText: props.loadingText,\n  notReadyText: props.notReadyText,\n  cellRendererSelector: props.cellRendererSelector,\n});\nlet isReloading = false;\ngridOptions.value.onGridPreDestroyed = (event) => {\n  if (!isReloading) {\n    gridOptions.value.initialState = gridState.value = normalizeColumnVisibility(\n      makePartialState(event.api.getState()),\n      gridState.value,\n      event.api,\n      getColumnsMeta(),\n    );\n  }\n  gridApi.value = null;\n};\ngridOptions.value.onRowDoubleClicked = (event) => {\n  if (event.data && event.data.axesKey) emit(\"rowDoubleClicked\", event.data.axesKey);\n};\ngridOptions.value.onStateUpdated = (event) => {\n  const partialState = normalizeColumnVisibility(\n    makePartialState(event.state),\n    gridState.value,\n    event.api,\n    getColumnsMeta(),\n  );\n  // We have to keep initialState synchronized with gridState for gridState recovery after key updating.\n  gridOptions.value.initialState = gridState.value = partialState;\n\n  if (!isJsonEqual(event.sources, [\"columnSizing\"])) {\n    event.api.autoSizeColumns(\n      event.api\n        .getAllDisplayedColumns()\n        .filter((column) => column.getColId() !== PlAgDataTableRowNumberColId),\n    );\n  }\n};\n\nconst [filterableColumns, visibleFilterableColumns] = useFilterableColumns(\n  () => settings.value.sourceId,\n  () => gridOptions.value.columnDefs ?? null,\n);\nconst defaultFilters = computed(() =>\n  settings.value.sourceId !== null ? settings.value.model?.defaultFilters : undefined,\n);\nconst {\n  gridState,\n  sheetsState,\n  searchString,\n  filtersState,\n  defaultFiltersState,\n  resetDefaultFilters,\n} = useTableState(tableState, settings, visibleFilterableColumns, defaultFilters);\nconst sheetsSettings = computed<PlDataTableSheetsSettings>(() => {\n  const settingsCopy = { ...settings.value };\n  return settingsCopy.sourceId !== null\n    ? {\n        sheets: settingsCopy.sheets ?? [],\n        cachedState: [...sheetsState.value],\n      }\n    : {\n        sheets: [],\n        cachedState: [],\n      };\n});\ngridOptions.value.initialState = gridState.value;\n\n// Restore proper types erased by AgGrid\nfunction makePartialState(state: GridState): PlDataTableGridStateCore {\n  return {\n    columnOrder: state.columnOrder as\n      | {\n          orderedColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n    sort: state.sort as\n      | {\n          sortModel: {\n            colId: PlTableColumnIdJson;\n            sort: \"asc\" | \"desc\";\n          }[];\n        }\n      | undefined,\n    columnVisibility: state.columnVisibility as\n      | {\n          hiddenColIds: PlTableColumnIdJson[];\n        }\n      | undefined,\n  };\n}\n\n// AG Grid returns columnVisibility: undefined when all columns are visible.\n// We need to distinguish \"no state yet\" (use isColumnOptional defaults) from\n// \"user explicitly showed all columns\" (store []). This function normalizes\n// the undefined from AG Grid based on the previous state.\nfunction normalizeColumnVisibility(\n  partialState: PlDataTableGridStateCore,\n  prevState: PlDataTableGridStateCore,\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlDataTableGridStateCore {\n  if (partialState.columnVisibility !== undefined) return partialState;\n\n  if (prevState.columnVisibility !== undefined) {\n    // Had explicit visibility state before → user made all columns visible → store [].\n    return { ...partialState, columnVisibility: { hiddenColIds: [] } };\n  }\n\n  // No previous explicit state → compute defaults from current columns\n  // to replicate: hide: hiddenColIds?.includes(colId) ?? isColumnOptional(spec.spec)\n  const defaultHidden = getDefaultHiddenColIds(api, columnsMeta);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\n/** Sidecar display meta is only on the `model` branch of the settings union. */\nfunction getColumnsMeta(): PlDataTableColumnsMeta | undefined {\n  return \"model\" in props.settings ? props.settings.model?.columnsMeta : undefined;\n}\n\nfunction getDefaultHiddenColIds(\n  api: GridApi<PlAgDataTableV2Row>,\n  columnsMeta: PlDataTableColumnsMeta | undefined,\n): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return (\n        spec !== undefined &&\n        spec.type === \"column\" &&\n        effectiveVisibility(spec, columnsMeta) === \"optional\"\n      );\n    })\n    .map((col) => col.getColId() as PlTableColumnIdJson);\n}\n\n// Normalize columnVisibility for comparison: undefined and { hiddenColIds: [] } are equivalent.\nfunction stateForReloadCompare(state: PlDataTableGridStateCore): PlDataTableGridStateCore {\n  const cv = state.columnVisibility;\n  const normalizedCv = !cv || cv.hiddenColIds.length === 0 ? undefined : state.columnVisibility;\n  return { ...state, columnVisibility: normalizedCv };\n}\n\n// Reload AgGrid when new state arrives from server\nconst reloadKey = ref(0);\nwatch(\n  () => [gridApi.value, gridState.value] as const,\n  ([gridApi, gridState]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    const selfState = makePartialState(gridApi.getState());\n    if (\n      !isJsonEqual(gridState, {}) &&\n      !isJsonEqual(stateForReloadCompare(gridState), stateForReloadCompare(selfState))\n    ) {\n      isReloading = true;\n      gridOptions.value.initialState = gridState;\n      ++reloadKey.value;\n      nextTick(() => {\n        isReloading = false;\n      });\n    }\n  },\n);\n\n// Make cellRendererSelector reactive\nconst cellRendererSelector = computed(() => props.cellRendererSelector ?? null);\nwatch(\n  () => [gridApi.value, cellRendererSelector.value] as const,\n  ([gridApi, cellRendererSelector]) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.setGridOption(\"defaultColDef\", {\n      ...gridOptions.value.defaultColDef,\n      cellRendererSelector: cellRendererSelector ?? undefined,\n    });\n  },\n);\n\ndefineExpose<PlAgDataTableV2Controller>({\n  focusRow: async (rowKey) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    return ensureNodeVisible(gridApi, (row) => isJsonEqual(row.data?.axesKey, rowKey));\n  },\n  updateSelection: async ({ axesSpec, selectedKeys }) => {\n    const gridApi = await dataRenderedTracker.promise;\n    if (gridApi.isDestroyed()) return false;\n\n    const axes = selection.value?.axesSpec;\n    if (!axes || axes.length !== axesSpec.length) return false;\n\n    const mapping = axesSpec.map((spec) => {\n      const id = getAxisId(spec);\n      return axes.findIndex((axis) => matchAxisId(axis, id));\n    });\n    const mappingSet = new Set(mapping);\n    if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) return false;\n\n    const selectedNodes = selectedKeys.map((key) =>\n      canonicalizeJson<PlTableRowId>(mapping.map((index) => key[index])),\n    );\n    const oldSelectedKeys = gridApi.getServerSideSelectionState()?.toggledNodes ?? [];\n    if (!isJsonEqual(oldSelectedKeys, selectedNodes)) {\n      gridApi.setServerSideSelectionState({\n        selectAll: false,\n        toggledNodes: selectedNodes,\n      });\n\n      // wait for `onSelectionChanged` to update `selection` model\n      const scope = effectScope();\n      const { resolve, promise } = Promise.withResolvers();\n      scope.run(() => watch(selection, resolve, { once: true }));\n      try {\n        await promiseTimeout(promise, 500);\n      } catch {\n        return false;\n      } finally {\n        scope.stop();\n      }\n    }\n    return true;\n  },\n});\n\n// Update AgGrid when settings change\nconst defaultSelection = createPlSelectionModel();\nlet oldSettings: PlDataTableSettingsV2 | null = null;\nconst generation = ref(0);\nwatch(\n  () => [gridApi.value, settings.value] as const,\n  ([gridApi, settings]) => {\n    // Wait for AgGrid reinitialization, gridApi will eventually become initialized\n    if (!gridApi || gridApi.isDestroyed()) return;\n    // Verify that this is not a false watch trigger\n    if (isJsonEqual(settings, oldSettings)) return;\n    ++generation.value;\n    try {\n      // Hide no rows overlay if it is shown, or else loading overlay will not be shown\n      gridApi.hideOverlay();\n      dataRenderedTracker.reset();\n\n      // No data source selected -> reset state to default\n      if (settings.sourceId === null) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: settings.pending ? \"running\" : \"not-ready\",\n          } satisfies PlAgOverlayLoadingParams,\n          columnDefs: undefined,\n          serverSideDatasource: undefined,\n        });\n        if (selection.value) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n        return;\n      }\n\n      if (\n        settings.model?.fullTableHandle === undefined ||\n        settings.model?.visibleTableHandle === undefined\n      ) {\n        return;\n      }\n\n      // Data source changed -> show full page loader, clear selection\n      if (settings.sourceId !== oldSettings?.sourceId) {\n        gridApi.updateGridOptions({\n          loading: true,\n          loadingOverlayComponentParams: {\n            ...gridOptions.value.loadingOverlayComponentParams,\n            variant: \"loading\",\n          } satisfies PlAgOverlayLoadingParams,\n        });\n        if (selection.value && oldSettings?.sourceId) {\n          if (selection.value && !isJsonEqual(selection.value, defaultSelection)) {\n            selection.value = createPlSelectionModel();\n          }\n          gridApi.setServerSideSelectionState({\n            selectAll: false,\n            toggledNodes: [],\n          });\n        }\n      }\n\n      // Model updated -> show skeletons instead of data\n      const sourceChanged =\n        settings.model?.sourceId && settings.model.sourceId !== settings.sourceId;\n      if (!settings.model || sourceChanged) {\n        const state = gridApi.getServerSideGroupLevelState();\n        const rowCount = !sourceChanged && state.length > 0 ? state[0].rowCount : 1;\n        return gridApi.updateGridOptions({\n          serverSideDatasource: {\n            getRows: (params) => {\n              params.success({ rowData: [], rowCount });\n            },\n          },\n        });\n      }\n\n      // Model ready -> calculate new state\n      const stateGeneration = generation.value;\n      calculateGridOptions({\n        generation,\n        pfDriver: getRawPlatformaInstance().pFrameDriver,\n        fullTableHandle: settings.model?.fullTableHandle,\n        visibleTableHandle: settings.model?.visibleTableHandle,\n        columnsMeta: settings.model?.columnsMeta,\n        sheets: settings.sheets ?? [],\n        dataRenderedTracker,\n        hiddenColIds: gridState.value.columnVisibility?.hiddenColIds,\n        cellButtonAxisParams: {\n          showCellButtonForAxisId: props.showCellButtonForAxisId,\n          cellButtonInvokeRowsOnDoubleClick: props.cellButtonInvokeRowsOnDoubleClick,\n          trigger: (key?: PTableKey) => emit(\"cellButtonClicked\", key),\n        } satisfies PlAgCellButtonAxisParams,\n      })\n        .then((result) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          const { axesSpec, ...options } = result;\n          gridApi.updateGridOptions({\n            ...options,\n          });\n          if (selection.value) {\n            // Update selection if axesSpec changed, as order of axes may have changed and so we need to remap selected keys\n            const { axesSpec: oldAxesSpec, selectedKeys: oldSelectedKeys } = selection.value;\n            if (!isJsonEqual(oldAxesSpec, axesSpec)) {\n              if (!oldAxesSpec || axesSpec.length !== oldAxesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const mapping = oldAxesSpec\n                .map(getAxisId)\n                .map((id) => axesSpec.findIndex((axis) => matchAxisId(axis, id)));\n              const mappingSet = new Set(mapping);\n              if (mappingSet.has(-1) || mappingSet.size !== axesSpec.length) {\n                const newSelection: PlSelectionModel = { axesSpec, selectedKeys: [] };\n                if (!isJsonEqual(selection.value, newSelection)) {\n                  selection.value = newSelection;\n                }\n                return gridApi.setServerSideSelectionState({\n                  selectAll: false,\n                  toggledNodes: [],\n                });\n              }\n\n              const selectedNodes = oldSelectedKeys.map((key) =>\n                mapping.map((index) => key[index]),\n              );\n              const newSelection: PlSelectionModel = { axesSpec, selectedKeys: selectedNodes };\n              if (!isJsonEqual(selection.value, newSelection)) {\n                selection.value = newSelection;\n              }\n              return gridApi.setServerSideSelectionState({\n                selectAll: false,\n                toggledNodes: selectedNodes.map((key) => canonicalizeJson<PlTableRowId>(key)),\n              });\n            }\n          }\n        })\n        .catch((error: unknown) => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          if (isAbortError(error)) return;\n          console.trace(error);\n        })\n        .finally(() => {\n          if (gridApi.isDestroyed() || stateGeneration !== generation.value) return;\n          gridApi.updateGridOptions({\n            loading: false,\n          });\n        });\n      dataRenderedTracker.promise.then(() => emit(\"newDataRendered\"));\n    } catch (error: unknown) {\n      console.trace(error);\n    } finally {\n      oldSettings = settings;\n    }\n  },\n);\n\nwatch(\n  () => ({\n    gridApi: gridApi.value,\n    loadingText: props.loadingText,\n    runningText: props.runningText,\n    notReadyText: props.notReadyText,\n    noRowsText: props.noRowsText,\n  }),\n  ({ gridApi, loadingText, runningText, notReadyText, noRowsText }) => {\n    if (!gridApi || gridApi.isDestroyed()) return;\n    gridApi.updateGridOptions({\n      loadingOverlayComponentParams: {\n        ...gridOptions.value.loadingOverlayComponentParams,\n        loadingText,\n        runningText,\n        notReadyText,\n      },\n      noRowsOverlayComponentParams: {\n        ...gridOptions.value.noRowsOverlayComponentParams,\n        text: noRowsText,\n      },\n    });\n  },\n);\n\nwatchEffect(() => {\n  if (!gridApi.value || gridApi.value?.isDestroyed()) return;\n  gridApi.value.updateGridOptions({\n    statusBar: gridOptions.value.loading\n      ? undefined\n      : {\n          statusPanels: [{ statusPanel: PlAgRowCount, align: \"left\" }],\n        },\n  });\n});\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <PlAgGridColumnManager v-if=\"gridApi && !disableColumnsPanel\" :api=\"gridApi\" />\n    <PlTableFiltersV2\n      v-if=\"!disableFiltersPanel\"\n      :filters=\"filtersState\"\n      :default-filters=\"defaultFiltersState\"\n      :pframe-handle=\"'model' in settings ? settings?.model?.fullPframeHandle : undefined\"\n      :columns=\"filterableColumns\"\n      @updateFilters=\"(v) => (filtersState = v)\"\n      @resetDefaultFilters=\"resetDefaultFilters\"\n      @updateDefaultFilters=\"(v) => (defaultFiltersState = v)\"\n      v-model=\"filtersState\"\n    />\n    <PlAgCsvExporter\n      v-if=\"gridApi && showExportButton\"\n      :api=\"gridApi\"\n      :table-handle=\"'model' in settings ? settings?.model?.visibleTableHandle : undefined\"\n      :columns-meta=\"getColumnsMeta()\"\n    />\n    <PlAgDataTableSheets v-model=\"sheetsState\" :settings=\"sheetsSettings\">\n      <template v-if=\"$slots['before-sheets']\" #before>\n        <slot name=\"before-sheets\" />\n      </template>\n      <template v-if=\"$slots['after-sheets']\" #after>\n        <slot name=\"after-sheets\" />\n      </template>\n    </PlAgDataTableSheets>\n    <PlTableFastSearch v-model=\"searchString\" />\n    <AgGridVue\n      :key=\"reloadKey\"\n      :theme=\"AgGridTheme\"\n      :class=\"$style.grid\"\n      :grid-options=\"gridOptions\"\n    />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n}\n\n.grid {\n  flex: 1;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAgDataTable/PlAgDataTableV2.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableV2.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"names":[],"mappings":"AAomBA,OAAO,KAAK,EACV,MAAM,EAGN,kBAAkB,EAClB,gBAAgB,EAGhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EAAE,wBAAwB,EAAsB,MAAM,oBAAoB,CAAC;AAcvF,OAAO,KAAK,EAEV,kBAAkB,EAGlB,qBAAqB,EAGtB,MAAM,SAAS,CAAC;AAUjB,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAE1C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;CACrE,CAAC;AAscF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC9B,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA4IT,OAAO,IAA6B;;iCAXZ,GAAG;gCACJ,GAAG;;;;EAevC;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PlAgDataTableV2.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgDataTable/PlAgDataTableV2.vue"],"names":[],"mappings":"AAqmBA,OAAO,KAAK,EACV,MAAM,EAGN,kBAAkB,EAClB,gBAAgB,EAGhB,SAAS,EACV,MAAM,sBAAsB,CAAC;AAS9B,OAAO,KAAK,EAAE,wBAAwB,EAAsB,MAAM,oBAAoB,CAAC;AAcvF,OAAO,KAAK,EAEV,kBAAkB,EAGlB,qBAAqB,EAGtB,MAAM,SAAS,CAAC;AAUjB,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAE1C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;CACrE,CAAC;AAscF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,kBAAkB,CAAC;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAC9B,GAAG,WAAW,CAAC;AAMhB,iBAAS,cAAc;WA8IT,OAAO,IAA6B;;iCAXZ,GAAG;gCACJ,GAAG;;;;EAevC;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;6FASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -3,15 +3,15 @@ import { promiseTimeout as t } from "../../lib/util/helpers/dist/functions.js";
 import "../../lib/util/helpers/dist/index.js";
 import { PlAgDataTableRowNumberColId as n } from "./sources/row-number.js";
 import { DeferredCircular as r, ensureNodeVisible as i } from "./sources/focus-row.js";
-import a from "../PlAgCsvExporter/PlAgCsvExporter.js";
-import o from "../PlAgGridColumnManager/PlAgGridColumnManager.js";
+import { calculateGridOptions as a, effectiveVisibility as o } from "./sources/table-source-v2.js";
+import s from "../PlAgCsvExporter/PlAgCsvExporter.js";
+import c from "../PlAgGridColumnManager/PlAgGridColumnManager.js";
 import "../PlAgGridColumnManager/index.js";
-import s from "../PlTableFilters/PlTableFiltersV2.js";
-import c from "../PlTableFastSearch/PlTableFastSearch.js";
+import ee from "../PlTableFilters/PlTableFiltersV2.js";
+import te from "../PlTableFastSearch/PlTableFastSearch.js";
 import "../PlTableFastSearch/index.js";
-import ee from "./PlAgDataTableSheets.js";
-import te from "./PlAgRowCount.js";
-import { calculateGridOptions as ne, effectiveVisibility as re } from "./sources/table-source-v2.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";
@@ -99,7 +99,7 @@ var M = /* @__PURE__ */ h({
 			let n = e.getAllGridColumns();
 			return n ? n.filter((e) => {
 				let n = e.getColDef().context;
-				return n !== void 0 && n.type === "column" && re(n, t) === "optional";
+				return n !== void 0 && n.type === "column" && o(n, t) === "optional";
 			}).map((e) => e.getColId()) : [];
 		}
 		function Y(e) {
@@ -199,7 +199,7 @@ var M = /* @__PURE__ */ h({
 						} } });
 					}
 					let i = $.value;
-					ne({
+					a({
 						generation: $,
 						pfDriver: ue().pFrameDriver,
 						fullTableHandle: n.model?.fullTableHandle,
@@ -282,15 +282,15 @@ var M = /* @__PURE__ */ h({
 			});
 		}), E(() => {
 			!R.value || R.value?.isDestroyed() || R.value.updateGridOptions({ statusBar: z.value.loading ? void 0 : { statusPanels: [{
-				statusPanel: te,
+				statusPanel: re,
 				align: "left"
 			}] } });
 		}), (e, t) => (b(), oe("div", { class: y(e.$style.container) }, [
-			C(R) && !h.disableColumnsPanel ? (b(), f(C(o), {
+			C(R) && !h.disableColumnsPanel ? (b(), f(C(c), {
 				key: 0,
 				api: C(R)
 			}, null, 8, ["api"])) : p("", !0),
-			h.disableFiltersPanel ? p("", !0) : (b(), f(s, {
+			h.disableFiltersPanel ? p("", !0) : (b(), f(ee, {
 				key: 1,
 				filters: C(W),
 				"default-filters": C(G),
@@ -309,12 +309,17 @@ var M = /* @__PURE__ */ h({
 				"onResetDefaultFilters",
 				"modelValue"
 			])),
-			C(R) && h.showExportButton ? (b(), f(a, {
+			C(R) && h.showExportButton ? (b(), f(s, {
 				key: 2,
 				api: C(R),
-				"table-handle": "model" in C(F) ? C(F)?.model?.visibleTableHandle : void 0
-			}, null, 8, ["api", "table-handle"])) : p("", !0),
-			m(ee, {
+				"table-handle": "model" in C(F) ? C(F)?.model?.visibleTableHandle : void 0,
+				"columns-meta": J()
+			}, null, 8, [
+				"api",
+				"table-handle",
+				"columns-meta"
+			])) : p("", !0),
+			m(ne, {
 				modelValue: C(H),
 				"onUpdate:modelValue": t[3] ||= (e) => _(H) ? H.value = e : null,
 				settings: _e.value
@@ -327,7 +332,7 @@ var M = /* @__PURE__ */ h({
 				fn: D(() => [S(e.$slots, "after-sheets")]),
 				key: "1"
 			} : void 0]), 1032, ["modelValue", "settings"]),
-			m(C(c), {
+			m(C(te), {
 				modelValue: C(U),
 				"onUpdate:modelValue": t[4] ||= (e) => _(U) ? U.value = e : null
 			}, null, 8, ["modelValue"]),