@platforma-sdk/ui-vue 1.58.8 → 1.58.10

package/dist/components/PlAgColumnHeader/PlAgColumnHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgColumnHeader.js","names":[],"sources":["../../../src/components/PlAgColumnHeader/PlAgColumnHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { IHeaderParams, SortDirection } from \"ag-grid-enterprise\";\nimport type { MaskIconName16 } from \"@milaboratories/uikit\";\nimport { PlMaskIcon16, PlTooltip } from \"@milaboratories/uikit\";\nimport { computed, onMounted, ref } from \"vue\";\nimport \"./pl-ag-column-header.scss\";\nimport type { PlAgHeaderComponentParams } from \"./types\";\n\nconst { params } = defineProps<{ params: IHeaderParams & PlAgHeaderComponentParams }>();\n\nconst icon = computed<MaskIconName16>(() => {\n  switch (params.type) {\n    case undefined:\n    case \"Text\":\n      return \"cell-type-txt\";\n    case \"Number\":\n      return \"cell-type-num\";\n    case \"File\":\n      return \"paper-clip\";\n    case \"Date\":\n      return \"calendar\";\n    case \"Duration\":\n      return \"time\";\n    case \"Progress\":\n      return \"progress\";\n    default:\n      throw Error(\n        `unsupported data type: ${params.type satisfies never} for PlAgColumnHeader component. Column ${params.column.getColId()}`,\n      );\n  }\n});\n\nconst sortDirection = ref<SortDirection>(null);\nconst refreshSortDirection = () => (sortDirection.value = params.column.getSort() ?? null);\nonMounted(() => refreshSortDirection());\nfunction onSortRequested() {\n  if (params.column.isSortable()) {\n    params.progressSort();\n    refreshSortDirection();\n  }\n}\nconst sortIcon = computed<MaskIconName16 | null>(() => {\n  const direction = sortDirection.value;\n  switch (direction) {\n    case \"asc\":\n      return \"arrow-up\";\n    case \"desc\":\n      return \"arrow-down\";\n    case null:\n      return null;\n    default:\n      throw Error(\n        `unsupported sort direction: ${direction satisfies never}. Column ${params.column.getColId()}`,\n      );\n  }\n});\n\nconst menuActivatorBtn = ref<HTMLElement>();\nfunction showMenu() {\n  const menuActivatorBtnValue = menuActivatorBtn.value;\n  if (menuActivatorBtnValue) params.showColumnMenu(menuActivatorBtnValue);\n}\n</script>\n\n<template>\n  <div class=\"pl-ag-column-header d-flex align-center gap-6\" @click=\"onSortRequested\">\n    <PlTooltip>\n      <template v-if=\"params.tooltip\" #tooltip>{{ params.tooltip }}</template>\n      <div class=\"pl-ag-column-header__title d-flex align-center gap-6 flex-grow-1\">\n        <PlMaskIcon16 :name=\"icon\" class=\"pl-ag-column-header__type-icon\" />\n        <span>{{ params.displayName }}</span>\n        <PlMaskIcon16 v-if=\"sortIcon\" :name=\"sortIcon\" />\n      </div>\n    </PlTooltip>\n    <div\n      v-if=\"params.enableMenu\"\n      ref=\"menuActivatorBtn\"\n      class=\"pl-ag-column-header__menu-icon\"\n      @click.stop=\"showMenu\"\n    >\n      <PlMaskIcon16 name=\"more\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlAgColumnHeader/PlAgColumnHeader.vue2.js

@@ -1,5 +1,68 @@
-import f from "./PlAgColumnHeader.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAgColumnHeader.vue2.js.map
+import './pl-ag-column-header.css';/* empty css                    */
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, createTextVNode as o, createVNode as s, defineComponent as c, onMounted as l, openBlock as u, ref as d, toDisplayString as f, unref as p, withCtx as m, withModifiers as h } from "vue";
+import { PlMaskIcon16 as g, PlTooltip as _ } from "@milaboratories/uikit";
+var v = { class: "pl-ag-column-header__title d-flex align-center gap-6 flex-grow-1" }, y = /* @__PURE__ */ c({
+	__name: "PlAgColumnHeader",
+	props: { params: {} },
+	setup(c) {
+		let y = e(() => {
+			switch (c.params.type) {
+				case void 0:
+				case "Text": return "cell-type-txt";
+				case "Number": return "cell-type-num";
+				case "File": return "paper-clip";
+				case "Date": return "calendar";
+				case "Duration": return "time";
+				case "Progress": return "progress";
+				default: throw Error(`unsupported data type: ${c.params.type} for PlAgColumnHeader component. Column ${c.params.column.getColId()}`);
+			}
+		}), b = d(null), x = () => b.value = c.params.column.getSort() ?? null;
+		l(() => x());
+		function S() {
+			c.params.column.isSortable() && (c.params.progressSort(), x());
+		}
+		let C = e(() => {
+			let e = b.value;
+			switch (e) {
+				case "asc": return "arrow-up";
+				case "desc": return "arrow-down";
+				case null: return null;
+				default: throw Error(`unsupported sort direction: ${e}. Column ${c.params.column.getColId()}`);
+			}
+		}), w = d();
+		function T() {
+			let e = w.value;
+			e && c.params.showColumnMenu(e);
+		}
+		return (e, l) => (u(), r("div", {
+			class: "pl-ag-column-header d-flex align-center gap-6",
+			onClick: S
+		}, [s(p(_), null, a({
+			default: m(() => [i("div", v, [
+				s(p(g), {
+					name: y.value,
+					class: "pl-ag-column-header__type-icon"
+				}, null, 8, ["name"]),
+				i("span", null, f(c.params.displayName), 1),
+				C.value ? (u(), t(p(g), {
+					key: 0,
+					name: C.value
+				}, null, 8, ["name"])) : n("", !0)
+			])]),
+			_: 2
+		}, [c.params.tooltip ? {
+			name: "tooltip",
+			fn: m(() => [o(f(c.params.tooltip), 1)]),
+			key: "0"
+		} : void 0]), 1024), c.params.enableMenu ? (u(), r("div", {
+			key: 0,
+			ref_key: "menuActivatorBtn",
+			ref: w,
+			class: "pl-ag-column-header__menu-icon",
+			onClick: h(T, ["stop"])
+		}, [s(p(g), { name: "more" })], 512)) : n("", !0)]));
+	}
+});
+export { y as default };
+
+//# sourceMappingURL=PlAgColumnHeader.vue2.js.map

package/dist/components/PlAgColumnHeader/PlAgColumnHeader.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgColumnHeader.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlAgColumnHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgColumnHeader/PlAgColumnHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { IHeaderParams, SortDirection } from \"ag-grid-enterprise\";\nimport type { MaskIconName16 } from \"@milaboratories/uikit\";\nimport { PlMaskIcon16, PlTooltip } from \"@milaboratories/uikit\";\nimport { computed, onMounted, ref } from \"vue\";\nimport \"./pl-ag-column-header.scss\";\nimport type { PlAgHeaderComponentParams } from \"./types\";\n\nconst { params } = defineProps<{ params: IHeaderParams & PlAgHeaderComponentParams }>();\n\nconst icon = computed<MaskIconName16>(() => {\n  switch (params.type) {\n    case undefined:\n    case \"Text\":\n      return \"cell-type-txt\";\n    case \"Number\":\n      return \"cell-type-num\";\n    case \"File\":\n      return \"paper-clip\";\n    case \"Date\":\n      return \"calendar\";\n    case \"Duration\":\n      return \"time\";\n    case \"Progress\":\n      return \"progress\";\n    default:\n      throw Error(\n        `unsupported data type: ${params.type satisfies never} for PlAgColumnHeader component. Column ${params.column.getColId()}`,\n      );\n  }\n});\n\nconst sortDirection = ref<SortDirection>(null);\nconst refreshSortDirection = () => (sortDirection.value = params.column.getSort() ?? null);\nonMounted(() => refreshSortDirection());\nfunction onSortRequested() {\n  if (params.column.isSortable()) {\n    params.progressSort();\n    refreshSortDirection();\n  }\n}\nconst sortIcon = computed<MaskIconName16 | null>(() => {\n  const direction = sortDirection.value;\n  switch (direction) {\n    case \"asc\":\n      return \"arrow-up\";\n    case \"desc\":\n      return \"arrow-down\";\n    case null:\n      return null;\n    default:\n      throw Error(\n        `unsupported sort direction: ${direction satisfies never}. Column ${params.column.getColId()}`,\n      );\n  }\n});\n\nconst menuActivatorBtn = ref<HTMLElement>();\nfunction showMenu() {\n  const menuActivatorBtnValue = menuActivatorBtn.value;\n  if (menuActivatorBtnValue) params.showColumnMenu(menuActivatorBtnValue);\n}\n</script>\n\n<template>\n  <div class=\"pl-ag-column-header d-flex align-center gap-6\" @click=\"onSortRequested\">\n    <PlTooltip>\n      <template v-if=\"params.tooltip\" #tooltip>{{ params.tooltip }}</template>\n      <div class=\"pl-ag-column-header__title d-flex align-center gap-6 flex-grow-1\">\n        <PlMaskIcon16 :name=\"icon\" class=\"pl-ag-column-header__type-icon\" />\n        <span>{{ params.displayName }}</span>\n        <PlMaskIcon16 v-if=\"sortIcon\" :name=\"sortIcon\" />\n      </div>\n    </PlTooltip>\n    <div\n      v-if=\"params.enableMenu\"\n      ref=\"menuActivatorBtn\"\n      class=\"pl-ag-column-header__menu-icon\"\n      @click.stop=\"showMenu\"\n    >\n      <PlMaskIcon16 name=\"more\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;EAUA,IAAM,IAAO,QAA+B;AAC1C,WAAQ,EAAA,OAAO,MAAf;IACE,KAAK,KAAA;IACL,KAAK,OACH,QAAO;IACT,KAAK,SACH,QAAO;IACT,KAAK,OACH,QAAO;IACT,KAAK,OACH,QAAO;IACT,KAAK,WACH,QAAO;IACT,KAAK,WACH,QAAO;IACT,QACE,OAAM,MACJ,0BAA0B,EAAA,OAAO,KAAqB,0CAA0C,EAAA,OAAO,OAAO,UAAU,GACzH;;IAEL,EAEI,IAAgB,EAAmB,KAAK,EACxC,UAA8B,EAAc,QAAQ,EAAA,OAAO,OAAO,SAAS,IAAI;AACrF,UAAgB,GAAsB,CAAC;EACvC,SAAS,IAAkB;AACzB,GAAI,EAAA,OAAO,OAAO,YAAY,KAC5B,EAAA,OAAO,cAAc,EACrB,GAAsB;;EAG1B,IAAM,IAAW,QAAsC;GACrD,IAAM,IAAY,EAAc;AAChC,WAAQ,GAAR;IACE,KAAK,MACH,QAAO;IACT,KAAK,OACH,QAAO;IACT,KAAK,KACH,QAAO;IACT,QACE,OAAM,MACJ,+BAA+B,EAA0B,WAAW,EAAA,OAAO,OAAO,UAAU,GAC7F;;IAEL,EAEI,IAAmB,GAAkB;EAC3C,SAAS,IAAW;GAClB,IAAM,IAAwB,EAAiB;AAC/C,GAAI,KAAuB,EAAA,OAAO,eAAe,EAAsB;;yBAKvE,EAiBM,OAAA;GAjBD,OAAM;GAAiD,SAAO;MACjE,EAOY,EAAA,EAAA,EAAA,MAAA,EAAA;oBADJ,CAJN,EAIM,OAJN,GAIM;IAHJ,EAAoE,EAAA,EAAA,EAAA;KAArD,MAAM,EAAA;KAAM,OAAM;;IACjC,EAAqC,QAAA,MAAA,EAA5B,EAAA,OAAO,YAAW,EAAA,EAAA;IACP,EAAA,SAAA,GAAA,EAApB,EAAiD,EAAA,EAAA,EAAA;;KAAlB,MAAM,EAAA;;;;MAJvB,EAAA,OAAO,UAAA;SAAU;eAA4B,CAAA,EAAA,EAAjB,EAAA,OAAO,QAAO,EAAA,EAAA,CAAA,CAAA;;uBAQpD,EAAA,OAAO,cAAA,GAAA,EADf,EAOM,OAAA;;YALA;GAAJ,KAAI;GACJ,OAAM;GACL,SAAK,EAAO,GAAQ,CAAA,OAAA,CAAA;MAErB,EAA4B,EAAA,EAAA,EAAA,EAAd,MAAK,QAAM,CAAA,CAAA,EAAA,IAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/components/PlAgColumnHeader/pl-ag-column-header.css

@@ -1 +1 @@
-.pl-ag-column-header{cursor:pointer;width:100%;overflow:hidden}.pl-ag-column-header .mask-16{min-width:16px}.pl-ag-column-header span{word-break:break-word;overflow:hidden;text-overflow:ellipsis}.pl-ag-column-header__title{overflow:hidden}.pl-ag-column-header__type-icon{--icon-color: var(--txt-03)}.pl-ag-column-header__menu-icon{transform:rotate(90deg);position:relative;line-height:0}
+.pl-ag-column-header{cursor:pointer;width:100%;overflow:hidden}.pl-ag-column-header .mask-16{min-width:16px}.pl-ag-column-header span{word-break:break-word;text-overflow:ellipsis;overflow:hidden}.pl-ag-column-header__title{overflow:hidden}.pl-ag-column-header__type-icon{--icon-color:var(--txt-03)}.pl-ag-column-header__menu-icon{line-height:0;position:relative;transform:rotate(90deg)}

package/dist/components/PlAgCsvExporter/PlAgCsvExporter.js

@@ -0,0 +1,5 @@
+import e from "./PlAgCsvExporter.vue2.js";
+var t = e;
+export { t as default };
+
+//# sourceMappingURL=PlAgCsvExporter.js.map

package/dist/components/PlAgCsvExporter/PlAgCsvExporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgCsvExporter.js","names":[],"sources":["../../../src/components/PlAgCsvExporter/PlAgCsvExporter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { GridApi } from \"ag-grid-enterprise\";\nimport { PlBtnGhost, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport { shallowRef, toRefs } from \"vue\";\nimport { exportCsv } from \"./export-csv\";\n\nconst props = defineProps<{\n  api: GridApi;\n}>();\nconst { api: gridApi } = toRefs(props);\n\nconst exporting = shallowRef(false);\nconst initiateExport = () => {\n  exporting.value = true;\n  exportCsv(gridApi.value, () => (exporting.value = false));\n};\n\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlAgCsvExporter\");\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost :loading=\"exporting\" icon=\"export\" @click.stop=\"initiateExport\">\n      Export\n    </PlBtnGhost>\n  </Teleport>\n</template>\n"],"mappings":""}

package/dist/components/PlAgCsvExporter/PlAgCsvExporter.vue2.js

@@ -1,5 +1,26 @@
-import f from "./PlAgCsvExporter.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAgCsvExporter.vue2.js.map
+import { exportCsv as e } from "./export-csv.js";
+import { Teleport as t, createBlock as n, createCommentVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, openBlock as s, shallowRef as c, toRefs as l, unref as u, withCtx as d, withModifiers as f } from "vue";
+import { PlBtnGhost as p, usePlBlockPageTitleTeleportTarget as m } from "@milaboratories/uikit";
+var h = /* @__PURE__ */ o({
+	__name: "PlAgCsvExporter",
+	props: { api: {} },
+	setup(o) {
+		let { api: h } = l(o), g = c(!1), _ = () => {
+			g.value = !0, e(h.value, () => g.value = !1);
+		}, v = m("PlAgCsvExporter");
+		return (e, o) => u(v) ? (s(), n(t, {
+			key: 0,
+			to: u(v)
+		}, [a(u(p), {
+			loading: g.value,
+			icon: "export",
+			onClick: f(_, ["stop"])
+		}, {
+			default: d(() => [...o[0] ||= [i(" Export ", -1)]]),
+			_: 1
+		}, 8, ["loading"])], 8, ["to"])) : r("", !0);
+	}
+});
+export { h as default };
+
+//# sourceMappingURL=PlAgCsvExporter.vue2.js.map

package/dist/components/PlAgCsvExporter/PlAgCsvExporter.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgCsvExporter.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlAgCsvExporter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgCsvExporter/PlAgCsvExporter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { GridApi } from \"ag-grid-enterprise\";\nimport { PlBtnGhost, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport { shallowRef, toRefs } from \"vue\";\nimport { exportCsv } from \"./export-csv\";\n\nconst props = defineProps<{\n  api: GridApi;\n}>();\nconst { api: gridApi } = toRefs(props);\n\nconst exporting = shallowRef(false);\nconst initiateExport = () => {\n  exporting.value = true;\n  exportCsv(gridApi.value, () => (exporting.value = false));\n};\n\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlAgCsvExporter\");\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost :loading=\"exporting\" icon=\"export\" @click.stop=\"initiateExport\">\n      Export\n    </PlBtnGhost>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;EASA,IAAM,EAAE,KAAK,MAAY,EAHX,EAGwB,EAEhC,IAAY,EAAW,GAAM,EAC7B,UAAuB;AAE3B,GADA,EAAU,QAAQ,IAClB,EAAU,EAAQ,aAAc,EAAU,QAAQ,GAAO;KAGrD,IAAiB,EAAkC,kBAAkB;mBAIzD,EAAA,EAAc,IAAA,GAAA,EAA9B,EAIW,GAAA;;GAJsB,IAAI,EAAA,EAAc;MACjD,EAEa,EAAA,EAAA,EAAA;GAFA,SAAS,EAAA;GAAW,MAAK;GAAU,SAAK,EAAO,GAAc,CAAA,OAAA,CAAA;;oBAE1E,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAF4E,YAE5E,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1,46 +1,39 @@
-import { createGrid as u, ServerSideRowModelModule as c } from "ag-grid-enterprise";
-function v() {
-  const e = document.createElement("div");
-  return e.style.visibility = "hidden", e.style.position = "absolute", document.body.appendChild(e), e;
+import { ServerSideRowModelModule as e, createGrid as t } from "ag-grid-enterprise";
+function n() {
+	let e = document.createElement("div");
+	return e.style.visibility = "hidden", e.style.position = "absolute", document.body.appendChild(e), e;
 }
-function p(e) {
-  document.body.removeChild(e);
+function r(e) {
+	document.body.removeChild(e);
 }
-async function m(e, r) {
-  var i;
-  const s = e.getGridOption("rowModelType");
-  switch (s) {
-    case "clientSide":
-      return e.exportDataAsCsv(), r();
-    case "serverSide": {
-      const o = e.getServerSideGroupLevelState();
-      if (o.length === 0 || o[0].rowCount <= o[0].cacheBlockSize)
-        return e.exportDataAsCsv(), r();
-      let n = !1;
-      const d = v(), l = {
-        rowModelType: "serverSide",
-        columnDefs: ((i = e.getColumnDefs()) == null ? void 0 : i.filter((t) => !("children" in t)).map((t) => ({
-          headerName: t.headerName,
-          field: t.field,
-          valueFormatter: t.valueFormatter,
-          valueGetter: t.valueGetter
-        }))) ?? [],
-        serverSideDatasource: e.getGridOption("serverSideDatasource"),
-        cacheBlockSize: o[0].rowCount,
-        onModelUpdated: (t) => {
-          const a = t.api.getServerSideGroupLevelState();
-          if (!n && a.length > 0 && a[0].rowCount === a[0].cacheBlockSize)
-            return n = !0, t.api.exportDataAsCsv(), p(d), r();
-        },
-        defaultCsvExportParams: e.getGridOption("defaultCsvExportParams")
-      };
-      return u(d, l, { modules: [c] });
-    }
-    default:
-      throw r(), Error(`exportCsv unsupported for rowModelType = ${s}`);
-  }
+async function i(i, a) {
+	let o = i.getGridOption("rowModelType");
+	switch (o) {
+		case "clientSide": return i.exportDataAsCsv(), a();
+		case "serverSide": {
+			let o = i.getServerSideGroupLevelState();
+			if (o.length === 0 || o[0].rowCount <= o[0].cacheBlockSize) return i.exportDataAsCsv(), a();
+			let s = !1, c = n();
+			return t(c, {
+				rowModelType: "serverSide",
+				columnDefs: i.getColumnDefs()?.filter((e) => !("children" in e)).map((e) => ({
+					headerName: e.headerName,
+					field: e.field,
+					valueFormatter: e.valueFormatter,
+					valueGetter: e.valueGetter
+				})) ?? [],
+				serverSideDatasource: i.getGridOption("serverSideDatasource"),
+				cacheBlockSize: o[0].rowCount,
+				onModelUpdated: (e) => {
+					let t = e.api.getServerSideGroupLevelState();
+					if (!s && t.length > 0 && t[0].rowCount === t[0].cacheBlockSize) return s = !0, e.api.exportDataAsCsv(), r(c), a();
+				},
+				defaultCsvExportParams: i.getGridOption("defaultCsvExportParams")
+			}, { modules: [e] });
+		}
+		default: throw a(), Error(`exportCsv unsupported for rowModelType = ${o}`);
+	}
 }
-export {
-  m as exportCsv
-};
-//# sourceMappingURL=export-csv.js.map
+export { i as exportCsv };
+
+//# sourceMappingURL=export-csv.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"export-csv.js","sources":["../../../src/components/PlAgCsvExporter/export-csv.ts"],"sourcesContent":["import {\n  type ColDef,\n  type ColGroupDef,\n  createGrid,\n  type GridApi,\n  type GridOptions,\n  ServerSideRowModelModule,\n} from \"ag-grid-enterprise\";\n\nfunction createGridDiv(): HTMLDivElement {\n  const div = document.createElement(\"div\");\n\n  div.style.visibility = \"hidden\";\n  div.style.position = \"absolute\";\n\n  document.body.appendChild(div);\n  return div;\n}\n\nfunction destroyGridDiv(cellFake: HTMLDivElement) {\n  document.body.removeChild(cellFake);\n}\n\nexport async function exportCsv(gridApi: GridApi, completed: () => void) {\n  const rowModel = gridApi.getGridOption(\"rowModelType\");\n  switch (rowModel) {\n    case \"clientSide\": {\n      gridApi.exportDataAsCsv();\n      return completed();\n    }\n\n    case \"serverSide\": {\n      const state = gridApi.getServerSideGroupLevelState();\n      if (state.length === 0 || state[0].rowCount <= state[0].cacheBlockSize!) {\n        gridApi.exportDataAsCsv();\n        return completed();\n      }\n\n      let exportStarted = false;\n      const gridDiv = createGridDiv();\n      const gridOptions: GridOptions = {\n        rowModelType: \"serverSide\",\n        columnDefs:\n          gridApi\n            .getColumnDefs()\n            ?.filter((def: ColDef | ColGroupDef): def is ColDef => !(\"children\" in def))\n            .map((def) => ({\n              headerName: def.headerName,\n              field: def.field,\n              valueFormatter: def.valueFormatter,\n              valueGetter: def.valueGetter,\n            })) ?? [],\n        serverSideDatasource: gridApi.getGridOption(\"serverSideDatasource\"),\n        cacheBlockSize: state[0].rowCount,\n        onModelUpdated: (event) => {\n          const state = event.api.getServerSideGroupLevelState();\n          if (!exportStarted && state.length > 0 && state[0].rowCount === state[0].cacheBlockSize) {\n            exportStarted = true;\n            event.api.exportDataAsCsv();\n            destroyGridDiv(gridDiv);\n            return completed();\n          }\n        },\n        defaultCsvExportParams: gridApi.getGridOption(\"defaultCsvExportParams\"),\n      };\n      return createGrid(gridDiv, gridOptions, { modules: [ServerSideRowModelModule] });\n    }\n\n    default: {\n      completed();\n      throw Error(`exportCsv unsupported for rowModelType = ${rowModel}`);\n    }\n  }\n}\n"],"names":["createGridDiv","div","destroyGridDiv","cellFake","exportCsv","gridApi","completed","rowModel","state","exportStarted","gridDiv","gridOptions","_a","def","event","createGrid","ServerSideRowModelModule"],"mappings":";AASA,SAASA,IAAgC;AACvC,QAAMC,IAAM,SAAS,cAAc,KAAK;AAExC,SAAAA,EAAI,MAAM,aAAa,UACvBA,EAAI,MAAM,WAAW,YAErB,SAAS,KAAK,YAAYA,CAAG,GACtBA;AACT;AAEA,SAASC,EAAeC,GAA0B;AAChD,WAAS,KAAK,YAAYA,CAAQ;AACpC;AAEA,eAAsBC,EAAUC,GAAkBC,GAAuB;;AACvE,QAAMC,IAAWF,EAAQ,cAAc,cAAc;AACrD,UAAQE,GAAA;AAAA,IACN,KAAK;AACH,aAAAF,EAAQ,gBAAA,GACDC,EAAA;AAAA,IAGT,KAAK,cAAc;AACjB,YAAME,IAAQH,EAAQ,6BAAA;AACtB,UAAIG,EAAM,WAAW,KAAKA,EAAM,CAAC,EAAE,YAAYA,EAAM,CAAC,EAAE;AACtD,eAAAH,EAAQ,gBAAA,GACDC,EAAA;AAGT,UAAIG,IAAgB;AACpB,YAAMC,IAAUV,EAAA,GACVW,IAA2B;AAAA,QAC/B,cAAc;AAAA,QACd,cACEC,IAAAP,EACG,cAAA,MADH,gBAAAO,EAEI,OAAO,CAACC,MAA6C,EAAE,cAAcA,IACtE,IAAI,CAACA,OAAS;AAAA,UACb,YAAYA,EAAI;AAAA,UAChB,OAAOA,EAAI;AAAA,UACX,gBAAgBA,EAAI;AAAA,UACpB,aAAaA,EAAI;AAAA,QAAA,QACZ,CAAA;AAAA,QACX,sBAAsBR,EAAQ,cAAc,sBAAsB;AAAA,QAClE,gBAAgBG,EAAM,CAAC,EAAE;AAAA,QACzB,gBAAgB,CAACM,MAAU;AACzB,gBAAMN,IAAQM,EAAM,IAAI,6BAAA;AACxB,cAAI,CAACL,KAAiBD,EAAM,SAAS,KAAKA,EAAM,CAAC,EAAE,aAAaA,EAAM,CAAC,EAAE;AACvE,mBAAAC,IAAgB,IAChBK,EAAM,IAAI,gBAAA,GACVZ,EAAeQ,CAAO,GACfJ,EAAA;AAAA,QAEX;AAAA,QACA,wBAAwBD,EAAQ,cAAc,wBAAwB;AAAA,MAAA;AAExE,aAAOU,EAAWL,GAASC,GAAa,EAAE,SAAS,CAACK,CAAwB,GAAG;AAAA,IACjF;AAAA,IAEA;AACE,YAAAV,EAAA,GACM,MAAM,4CAA4CC,CAAQ,EAAE;AAAA,EACpE;AAEJ;"}
+{"version":3,"file":"export-csv.js","names":[],"sources":["../../../src/components/PlAgCsvExporter/export-csv.ts"],"sourcesContent":["import {\n  type ColDef,\n  type ColGroupDef,\n  createGrid,\n  type GridApi,\n  type GridOptions,\n  ServerSideRowModelModule,\n} from \"ag-grid-enterprise\";\n\nfunction createGridDiv(): HTMLDivElement {\n  const div = document.createElement(\"div\");\n\n  div.style.visibility = \"hidden\";\n  div.style.position = \"absolute\";\n\n  document.body.appendChild(div);\n  return div;\n}\n\nfunction destroyGridDiv(cellFake: HTMLDivElement) {\n  document.body.removeChild(cellFake);\n}\n\nexport async function exportCsv(gridApi: GridApi, completed: () => void) {\n  const rowModel = gridApi.getGridOption(\"rowModelType\");\n  switch (rowModel) {\n    case \"clientSide\": {\n      gridApi.exportDataAsCsv();\n      return completed();\n    }\n\n    case \"serverSide\": {\n      const state = gridApi.getServerSideGroupLevelState();\n      if (state.length === 0 || state[0].rowCount <= state[0].cacheBlockSize!) {\n        gridApi.exportDataAsCsv();\n        return completed();\n      }\n\n      let exportStarted = false;\n      const gridDiv = createGridDiv();\n      const gridOptions: GridOptions = {\n        rowModelType: \"serverSide\",\n        columnDefs:\n          gridApi\n            .getColumnDefs()\n            ?.filter((def: ColDef | ColGroupDef): def is ColDef => !(\"children\" in def))\n            .map((def) => ({\n              headerName: def.headerName,\n              field: def.field,\n              valueFormatter: def.valueFormatter,\n              valueGetter: def.valueGetter,\n            })) ?? [],\n        serverSideDatasource: gridApi.getGridOption(\"serverSideDatasource\"),\n        cacheBlockSize: state[0].rowCount,\n        onModelUpdated: (event) => {\n          const state = event.api.getServerSideGroupLevelState();\n          if (!exportStarted && state.length > 0 && state[0].rowCount === state[0].cacheBlockSize) {\n            exportStarted = true;\n            event.api.exportDataAsCsv();\n            destroyGridDiv(gridDiv);\n            return completed();\n          }\n        },\n        defaultCsvExportParams: gridApi.getGridOption(\"defaultCsvExportParams\"),\n      };\n      return createGrid(gridDiv, gridOptions, { modules: [ServerSideRowModelModule] });\n    }\n\n    default: {\n      completed();\n      throw Error(`exportCsv unsupported for rowModelType = ${rowModel}`);\n    }\n  }\n}\n"],"mappings":";AASA,SAAS,IAAgC;CACvC,IAAM,IAAM,SAAS,cAAc,MAAM;AAMzC,QAJA,EAAI,MAAM,aAAa,UACvB,EAAI,MAAM,WAAW,YAErB,SAAS,KAAK,YAAY,EAAI,EACvB;;AAGT,SAAS,EAAe,GAA0B;AAChD,UAAS,KAAK,YAAY,EAAS;;AAGrC,eAAsB,EAAU,GAAkB,GAAuB;CACvE,IAAM,IAAW,EAAQ,cAAc,eAAe;AACtD,SAAQ,GAAR;EACE,KAAK,aAEH,QADA,EAAQ,iBAAiB,EAClB,GAAW;EAGpB,KAAK,cAAc;GACjB,IAAM,IAAQ,EAAQ,8BAA8B;AACpD,OAAI,EAAM,WAAW,KAAK,EAAM,GAAG,YAAY,EAAM,GAAG,eAEtD,QADA,EAAQ,iBAAiB,EAClB,GAAW;GAGpB,IAAI,IAAgB,IACd,IAAU,GAAe;AA0B/B,UAAO,EAAW,GAzBe;IAC/B,cAAc;IACd,YACE,EACG,eAAe,EACd,QAAQ,MAA6C,EAAE,cAAc,GAAK,CAC3E,KAAK,OAAS;KACb,YAAY,EAAI;KAChB,OAAO,EAAI;KACX,gBAAgB,EAAI;KACpB,aAAa,EAAI;KAClB,EAAE,IAAI,EAAE;IACb,sBAAsB,EAAQ,cAAc,uBAAuB;IACnE,gBAAgB,EAAM,GAAG;IACzB,iBAAiB,MAAU;KACzB,IAAM,IAAQ,EAAM,IAAI,8BAA8B;AACtD,SAAI,CAAC,KAAiB,EAAM,SAAS,KAAK,EAAM,GAAG,aAAa,EAAM,GAAG,eAIvE,QAHA,IAAgB,IAChB,EAAM,IAAI,iBAAiB,EAC3B,EAAe,EAAQ,EAChB,GAAW;;IAGtB,wBAAwB,EAAQ,cAAc,yBAAyB;IACxE,EACuC,EAAE,SAAS,CAAC,EAAyB,EAAE,CAAC;;EAGlF,QAEE,OADA,GAAW,EACL,MAAM,4CAA4C,IAAW"}

package/dist/components/PlAgDataTable/PlAgDataTableSheets.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlAgDataTableSheets.vue2.js";
+import n from "./PlAgDataTableSheets.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=PlAgDataTableSheets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgDataTableSheets.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableSheets.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdownLine } from \"@milaboratories/uikit\";\nimport type { PlDataTableSheet, PlDataTableSheetState } from \"@platforma-sdk/model\";\nimport { getAxisId } from \"@platforma-sdk/model\";\nimport { computed, watchEffect } from \"vue\";\nimport type { PlDataTableSheetsSettings, PlDataTableSheetNormalized } from \"./types\";\nimport { isJsonEqual } from \"@milaboratories/helpers\";\n\nconst state = defineModel<PlDataTableSheetState[]>({\n  default: [],\n});\nconst props = defineProps<{\n  settings: Readonly<PlDataTableSheetsSettings>;\n}>();\n\n// Normalize sheets: skip sheets with no options, set default values\nconst sheets = computed<PlDataTableSheetNormalized[]>(() => {\n  return props.settings.sheets\n    .filter((sheet) => sheet.options.length > 0)\n    .map((sheet, i) => {\n      const axisId = getAxisId(sheet.axis);\n\n      const getDefaultValue = (): string | number => {\n        const cachedState = props.settings.cachedState.find((s) => {\n          return isJsonEqual(s.axisId, axisId);\n        });\n        if (cachedState && isValidOption(sheet, cachedState.value)) {\n          return cachedState.value;\n        }\n        if (sheet.defaultValue && isValidOption(sheet, sheet.defaultValue)) {\n          return sheet.defaultValue;\n        }\n        return sheet.options[0].value;\n      };\n\n      const makePrefix = (): string => {\n        return (sheet.axis.annotations?.[\"pl7.app/label\"]?.trim() ?? `Unlabeled axis ${i}`) + \":\";\n      };\n\n      return {\n        axisId,\n        prefix: makePrefix(),\n        options: sheet.options,\n        defaultValue: getDefaultValue(),\n      } satisfies PlDataTableSheetNormalized;\n    });\n});\n\nfunction isValidOption(sheet: PlDataTableSheet, value: string | number): boolean {\n  return sheet.options.some((option) => option.value === value);\n}\n\n// Restore state from settings\nwatchEffect(() => {\n  const oldState = [...state.value];\n  const newState = sheets.value.map((sheet, i) => makeStateEntry(i, sheet.defaultValue));\n  if (!isJsonEqual(oldState, newState)) {\n    state.value = newState;\n  }\n});\n\nfunction makeStateEntry(i: number, value: string | number): PlDataTableSheetState {\n  const axisId = sheets.value[i].axisId;\n  return {\n    axisId,\n    value,\n  };\n}\n\nfunction onSheetChanged(i: number, newValue: string | number): void {\n  const oldState = [...state.value];\n  const stateEntry = makeStateEntry(i, newValue);\n  if (!isJsonEqual(oldState[i], stateEntry)) {\n    const newState = [...oldState];\n    newState[i] = stateEntry;\n    state.value = newState;\n  }\n}\n</script>\n\n<template>\n  <div v-if=\"$slots['before'] || sheets.length > 0 || $slots['after']\" :class=\"$style.container\">\n    <slot name=\"before\" />\n    <template v-for=\"(sheet, i) in sheets\" :key=\"i\">\n      <!-- For some reason state[i] is undefined when the sheet initially loads, so v-if to suppress the error -->\n      <PlDropdownLine\n        v-if=\"state[i]\"\n        :model-value=\"state[i].value\"\n        :options=\"sheet.options\"\n        :prefix=\"sheet.prefix\"\n        @update:model-value=\"(newValue: string | number) => onSheetChanged(i, newValue)\"\n      />\n    </template>\n    <slot name=\"after\" />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  flex-wrap: wrap;\n  z-index: 3;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAgDataTable/PlAgDataTableSheets.style.js

@@ -0,0 +1,4 @@
+import './PlAgDataTableSheets.vue.css';var e = { container: "_container_1nueg_2" };
+export { e as default };
+
+//# sourceMappingURL=PlAgDataTableSheets.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgDataTableSheets.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableSheets.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdownLine } from \"@milaboratories/uikit\";\nimport type { PlDataTableSheet, PlDataTableSheetState } from \"@platforma-sdk/model\";\nimport { getAxisId } from \"@platforma-sdk/model\";\nimport { computed, watchEffect } from \"vue\";\nimport type { PlDataTableSheetsSettings, PlDataTableSheetNormalized } from \"./types\";\nimport { isJsonEqual } from \"@milaboratories/helpers\";\n\nconst state = defineModel<PlDataTableSheetState[]>({\n  default: [],\n});\nconst props = defineProps<{\n  settings: Readonly<PlDataTableSheetsSettings>;\n}>();\n\n// Normalize sheets: skip sheets with no options, set default values\nconst sheets = computed<PlDataTableSheetNormalized[]>(() => {\n  return props.settings.sheets\n    .filter((sheet) => sheet.options.length > 0)\n    .map((sheet, i) => {\n      const axisId = getAxisId(sheet.axis);\n\n      const getDefaultValue = (): string | number => {\n        const cachedState = props.settings.cachedState.find((s) => {\n          return isJsonEqual(s.axisId, axisId);\n        });\n        if (cachedState && isValidOption(sheet, cachedState.value)) {\n          return cachedState.value;\n        }\n        if (sheet.defaultValue && isValidOption(sheet, sheet.defaultValue)) {\n          return sheet.defaultValue;\n        }\n        return sheet.options[0].value;\n      };\n\n      const makePrefix = (): string => {\n        return (sheet.axis.annotations?.[\"pl7.app/label\"]?.trim() ?? `Unlabeled axis ${i}`) + \":\";\n      };\n\n      return {\n        axisId,\n        prefix: makePrefix(),\n        options: sheet.options,\n        defaultValue: getDefaultValue(),\n      } satisfies PlDataTableSheetNormalized;\n    });\n});\n\nfunction isValidOption(sheet: PlDataTableSheet, value: string | number): boolean {\n  return sheet.options.some((option) => option.value === value);\n}\n\n// Restore state from settings\nwatchEffect(() => {\n  const oldState = [...state.value];\n  const newState = sheets.value.map((sheet, i) => makeStateEntry(i, sheet.defaultValue));\n  if (!isJsonEqual(oldState, newState)) {\n    state.value = newState;\n  }\n});\n\nfunction makeStateEntry(i: number, value: string | number): PlDataTableSheetState {\n  const axisId = sheets.value[i].axisId;\n  return {\n    axisId,\n    value,\n  };\n}\n\nfunction onSheetChanged(i: number, newValue: string | number): void {\n  const oldState = [...state.value];\n  const stateEntry = makeStateEntry(i, newValue);\n  if (!isJsonEqual(oldState[i], stateEntry)) {\n    const newState = [...oldState];\n    newState[i] = stateEntry;\n    state.value = newState;\n  }\n}\n</script>\n\n<template>\n  <div v-if=\"$slots['before'] || sheets.length > 0 || $slots['after']\" :class=\"$style.container\">\n    <slot name=\"before\" />\n    <template v-for=\"(sheet, i) in sheets\" :key=\"i\">\n      <!-- For some reason state[i] is undefined when the sheet initially loads, so v-if to suppress the error -->\n      <PlDropdownLine\n        v-if=\"state[i]\"\n        :model-value=\"state[i].value\"\n        :options=\"sheet.options\"\n        :prefix=\"sheet.prefix\"\n        @update:model-value=\"(newValue: string | number) => onSheetChanged(i, newValue)\"\n      />\n    </template>\n    <slot name=\"after\" />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  flex-wrap: wrap;\n  z-index: 3;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAgDataTable/PlAgDataTableSheets.vue.css

@@ -0,0 +1 @@
+._container_1nueg_2{z-index:3;flex-flow:wrap;gap:12px;display:flex}

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

@@ -1,73 +1,69 @@
-import { defineComponent as k, mergeModels as y, useModel as I, computed as $, watchEffect as b, createElementBlock as d, createCommentVNode as V, openBlock as i, normalizeClass as E, renderSlot as x, Fragment as g, renderList as w, createBlock as C, unref as P } from "vue";
-import { PlDropdownLine as B } from "@milaboratories/uikit";
-import { getAxisId as D } from "@platforma-sdk/model";
-import { isJsonEqual as f } from "../../lib/util/helpers/dist/objects.js";
-const L = /* @__PURE__ */ k({
-  __name: "PlAgDataTableSheets",
-  props: /* @__PURE__ */ y({
-    settings: {}
-  }, {
-    modelValue: {
-      default: []
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(m) {
-    const n = I(m, "modelValue"), p = m, s = $(() => p.settings.sheets.filter((e) => e.options.length > 0).map((e, a) => {
-      const t = D(e.axis), o = () => {
-        const l = p.settings.cachedState.find((u) => f(u.axisId, t));
-        return l && c(e, l.value) ? l.value : e.defaultValue && c(e, e.defaultValue) ? e.defaultValue : e.options[0].value;
-      };
-      return {
-        axisId: t,
-        prefix: (() => {
-          var l, u;
-          return (((u = (l = e.axis.annotations) == null ? void 0 : l["pl7.app/label"]) == null ? void 0 : u.trim()) ?? `Unlabeled axis ${a}`) + ":";
-        })(),
-        options: e.options,
-        defaultValue: o()
-      };
-    }));
-    function c(e, a) {
-      return e.options.some((t) => t.value === a);
-    }
-    b(() => {
-      const e = [...n.value], a = s.value.map((t, o) => v(o, t.defaultValue));
-      f(e, a) || (n.value = a);
-    });
-    function v(e, a) {
-      return {
-        axisId: s.value[e].axisId,
-        value: a
-      };
-    }
-    function S(e, a) {
-      const t = [...n.value], o = v(e, a);
-      if (!f(t[e], o)) {
-        const r = [...t];
-        r[e] = o, n.value = r;
-      }
-    }
-    return (e, a) => e.$slots.before || s.value.length > 0 || e.$slots.after ? (i(), d("div", {
-      key: 0,
-      class: E(e.$style.container)
-    }, [
-      x(e.$slots, "before"),
-      (i(!0), d(g, null, w(s.value, (t, o) => (i(), d(g, { key: o }, [
-        n.value[o] ? (i(), C(P(B), {
-          key: 0,
-          "model-value": n.value[o].value,
-          options: t.options,
-          prefix: t.prefix,
-          "onUpdate:modelValue": (r) => S(o, r)
-        }, null, 8, ["model-value", "options", "prefix", "onUpdate:modelValue"])) : V("", !0)
-      ], 64))), 128)),
-      x(e.$slots, "after")
-    ], 2)) : V("", !0);
-  }
+import { isJsonEqual as e } from "../../lib/util/helpers/dist/objects.js";
+import "../../lib/util/helpers/dist/index.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, mergeModels as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, unref as f, useModel as p, watchEffect as m } from "vue";
+import { getAxisId as h } from "@platforma-sdk/model";
+import { PlDropdownLine as g } from "@milaboratories/uikit";
+var _ = /* @__PURE__ */ o({
+	__name: "PlAgDataTableSheets",
+	props: /* @__PURE__ */ s({ settings: {} }, {
+		modelValue: { default: [] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let s = p(o, "modelValue"), _ = o, v = n(() => _.settings.sheets.filter((e) => e.options.length > 0).map((t, n) => {
+			let r = h(t.axis);
+			return {
+				axisId: r,
+				prefix: (t.axis.annotations?.["pl7.app/label"]?.trim() ?? `Unlabeled axis ${n}`) + ":",
+				options: t.options,
+				defaultValue: (() => {
+					let n = _.settings.cachedState.find((t) => e(t.axisId, r));
+					return n && y(t, n.value) ? n.value : t.defaultValue && y(t, t.defaultValue) ? t.defaultValue : t.options[0].value;
+				})()
+			};
+		}));
+		function y(e, t) {
+			return e.options.some((e) => e.value === t);
+		}
+		m(() => {
+			let t = [...s.value], n = v.value.map((e, t) => b(t, e.defaultValue));
+			e(t, n) || (s.value = n);
+		});
+		function b(e, t) {
+			return {
+				axisId: v.value[e].axisId,
+				value: t
+			};
+		}
+		function x(t, n) {
+			let r = [...s.value], i = b(t, n);
+			if (!e(r[t], i)) {
+				let e = [...r];
+				e[t] = i, s.value = e;
+			}
+		}
+		return (e, n) => e.$slots.before || v.value.length > 0 || e.$slots.after ? (l(), a("div", {
+			key: 0,
+			class: c(e.$style.container)
+		}, [
+			d(e.$slots, "before"),
+			(l(!0), a(t, null, u(v.value, (e, n) => (l(), a(t, { key: n }, [s.value[n] ? (l(), r(f(g), {
+				key: 0,
+				"model-value": s.value[n].value,
+				options: e.options,
+				prefix: e.prefix,
+				"onUpdate:modelValue": (e) => x(n, e)
+			}, null, 8, [
+				"model-value",
+				"options",
+				"prefix",
+				"onUpdate:modelValue"
+			])) : i("", !0)], 64))), 128)),
+			d(e.$slots, "after")
+		], 2)) : i("", !0);
+	}
 });
-export {
-  L as default
-};
-//# sourceMappingURL=PlAgDataTableSheets.vue2.js.map
+export { _ as default };
+
+//# sourceMappingURL=PlAgDataTableSheets.vue2.js.map

package/dist/components/PlAgDataTable/PlAgDataTableSheets.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgDataTableSheets.vue2.js","sources":["../../../src/components/PlAgDataTable/PlAgDataTableSheets.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdownLine } from \"@milaboratories/uikit\";\nimport type { PlDataTableSheet, PlDataTableSheetState } from \"@platforma-sdk/model\";\nimport { getAxisId } from \"@platforma-sdk/model\";\nimport { computed, watchEffect } from \"vue\";\nimport type { PlDataTableSheetsSettings, PlDataTableSheetNormalized } from \"./types\";\nimport { isJsonEqual } from \"@milaboratories/helpers\";\n\nconst state = defineModel<PlDataTableSheetState[]>({\n  default: [],\n});\nconst props = defineProps<{\n  settings: Readonly<PlDataTableSheetsSettings>;\n}>();\n\n// Normalize sheets: skip sheets with no options, set default values\nconst sheets = computed<PlDataTableSheetNormalized[]>(() => {\n  return props.settings.sheets\n    .filter((sheet) => sheet.options.length > 0)\n    .map((sheet, i) => {\n      const axisId = getAxisId(sheet.axis);\n\n      const getDefaultValue = (): string | number => {\n        const cachedState = props.settings.cachedState.find((s) => {\n          return isJsonEqual(s.axisId, axisId);\n        });\n        if (cachedState && isValidOption(sheet, cachedState.value)) {\n          return cachedState.value;\n        }\n        if (sheet.defaultValue && isValidOption(sheet, sheet.defaultValue)) {\n          return sheet.defaultValue;\n        }\n        return sheet.options[0].value;\n      };\n\n      const makePrefix = (): string => {\n        return (sheet.axis.annotations?.[\"pl7.app/label\"]?.trim() ?? `Unlabeled axis ${i}`) + \":\";\n      };\n\n      return {\n        axisId,\n        prefix: makePrefix(),\n        options: sheet.options,\n        defaultValue: getDefaultValue(),\n      } satisfies PlDataTableSheetNormalized;\n    });\n});\n\nfunction isValidOption(sheet: PlDataTableSheet, value: string | number): boolean {\n  return sheet.options.some((option) => option.value === value);\n}\n\n// Restore state from settings\nwatchEffect(() => {\n  const oldState = [...state.value];\n  const newState = sheets.value.map((sheet, i) => makeStateEntry(i, sheet.defaultValue));\n  if (!isJsonEqual(oldState, newState)) {\n    state.value = newState;\n  }\n});\n\nfunction makeStateEntry(i: number, value: string | number): PlDataTableSheetState {\n  const axisId = sheets.value[i].axisId;\n  return {\n    axisId,\n    value,\n  };\n}\n\nfunction onSheetChanged(i: number, newValue: string | number): void {\n  const oldState = [...state.value];\n  const stateEntry = makeStateEntry(i, newValue);\n  if (!isJsonEqual(oldState[i], stateEntry)) {\n    const newState = [...oldState];\n    newState[i] = stateEntry;\n    state.value = newState;\n  }\n}\n</script>\n\n<template>\n  <div v-if=\"$slots['before'] || sheets.length > 0 || $slots['after']\" :class=\"$style.container\">\n    <slot name=\"before\" />\n    <template v-for=\"(sheet, i) in sheets\" :key=\"i\">\n      <!-- For some reason state[i] is undefined when the sheet initially loads, so v-if to suppress the error -->\n      <PlDropdownLine\n        v-if=\"state[i]\"\n        :model-value=\"state[i].value\"\n        :options=\"sheet.options\"\n        :prefix=\"sheet.prefix\"\n        @update:model-value=\"(newValue: string | number) => onSheetChanged(i, newValue)\"\n      />\n    </template>\n    <slot name=\"after\" />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  flex-wrap: wrap;\n  z-index: 3;\n}\n</style>\n"],"names":["state","_useModel","props","__props","sheets","computed","sheet","i","axisId","getAxisId","getDefaultValue","cachedState","s","isJsonEqual","isValidOption","_b","_a","value","option","watchEffect","oldState","newState","makeStateEntry","onSheetChanged","newValue","stateEntry","$slots","_createElementBlock","_normalizeClass","$style","_renderSlot","_ctx","_openBlock","_Fragment","_renderList","_createBlock","_unref","PlDropdownLine"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,iBAEb,GACKC,IAAQC,GAKRC,IAASC,EAAuC,MAC7CH,EAAM,SAAS,OACnB,OAAO,CAACI,MAAUA,EAAM,QAAQ,SAAS,CAAC,EAC1C,IAAI,CAACA,GAAOC,MAAM;AACjB,YAAMC,IAASC,EAAUH,EAAM,IAAI,GAE7BI,IAAkB,MAAuB;AAC7C,cAAMC,IAAcT,EAAM,SAAS,YAAY,KAAK,CAACU,MAC5CC,EAAYD,EAAE,QAAQJ,CAAM,CACpC;AACD,eAAIG,KAAeG,EAAcR,GAAOK,EAAY,KAAK,IAChDA,EAAY,QAEjBL,EAAM,gBAAgBQ,EAAcR,GAAOA,EAAM,YAAY,IACxDA,EAAM,eAERA,EAAM,QAAQ,CAAC,EAAE;AAAA,MAC1B;AAMA,aAAO;AAAA,QACL,QAAAE;AAAA,QACA,SANiB,MAAc;;AAC/B,oBAAQO,KAAAC,IAAAV,EAAM,KAAK,gBAAX,gBAAAU,EAAyB,qBAAzB,gBAAAD,EAA2C,WAAU,kBAAkBR,CAAC,MAAM;AAAA,QACxF,GAIU;AAAA,QACR,SAASD,EAAM;AAAA,QACf,cAAcI,EAAA;AAAA,MAAgB;AAAA,IAElC,CAAC,CACJ;AAED,aAASI,EAAcR,GAAyBW,GAAiC;AAC/E,aAAOX,EAAM,QAAQ,KAAK,CAACY,MAAWA,EAAO,UAAUD,CAAK;AAAA,IAC9D;AAGA,IAAAE,EAAY,MAAM;AAChB,YAAMC,IAAW,CAAC,GAAGpB,EAAM,KAAK,GAC1BqB,IAAWjB,EAAO,MAAM,IAAI,CAACE,GAAOC,MAAMe,EAAef,GAAGD,EAAM,YAAY,CAAC;AACrF,MAAKO,EAAYO,GAAUC,CAAQ,MACjCrB,EAAM,QAAQqB;AAAA,IAElB,CAAC;AAED,aAASC,EAAef,GAAWU,GAA+C;AAEhF,aAAO;AAAA,QACL,QAFab,EAAO,MAAMG,CAAC,EAAE;AAAA,QAG7B,OAAAU;AAAA,MAAA;AAAA,IAEJ;AAEA,aAASM,EAAehB,GAAWiB,GAAiC;AAClE,YAAMJ,IAAW,CAAC,GAAGpB,EAAM,KAAK,GAC1ByB,IAAaH,EAAef,GAAGiB,CAAQ;AAC7C,UAAI,CAACX,EAAYO,EAASb,CAAC,GAAGkB,CAAU,GAAG;AACzC,cAAMJ,IAAW,CAAC,GAAGD,CAAQ;AAC7B,QAAAC,EAASd,CAAC,IAAIkB,GACdzB,EAAM,QAAQqB;AAAA,MAChB;AAAA,IACF;qBAIaK,EAAAA,OAAM,UAActB,EAAA,MAAO,cAAcsB,EAAAA,OAAM,cAA1DC,EAaM,OAAA;AAAA;MAbgE,OAAKC,EAAEC,EAAAA,OAAO,SAAS;AAAA,IAAA;MAC3FC,EAAsBC,EAAA,QAAA,QAAA;AAAA,OACtBC,EAAA,EAAA,GAAAL,EASWM,GAAA,MAAAC,EAToB9B,EAAA,OAAM,CAAnBE,GAAOC,wBAAoBA,KAAC;AAAA,QAGpCP,EAAA,MAAMO,CAAC,UADf4B,EAMEC,EAAAC,CAAA,GAAA;AAAA;UAJC,eAAarC,EAAA,MAAMO,CAAC,EAAE;AAAA,UACtB,SAASD,EAAM;AAAA,UACf,QAAQA,EAAM;AAAA,UACd,wBAAqBkB,MAA8BD,EAAehB,GAAGiB,CAAQ;AAAA,QAAA;;MAGlFM,EAAqBC,EAAA,QAAA,OAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"PlAgDataTableSheets.vue_vue_type_script_setup_true_lang.js","names":["$slots","$style"],"sources":["../../../src/components/PlAgDataTable/PlAgDataTableSheets.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdownLine } from \"@milaboratories/uikit\";\nimport type { PlDataTableSheet, PlDataTableSheetState } from \"@platforma-sdk/model\";\nimport { getAxisId } from \"@platforma-sdk/model\";\nimport { computed, watchEffect } from \"vue\";\nimport type { PlDataTableSheetsSettings, PlDataTableSheetNormalized } from \"./types\";\nimport { isJsonEqual } from \"@milaboratories/helpers\";\n\nconst state = defineModel<PlDataTableSheetState[]>({\n  default: [],\n});\nconst props = defineProps<{\n  settings: Readonly<PlDataTableSheetsSettings>;\n}>();\n\n// Normalize sheets: skip sheets with no options, set default values\nconst sheets = computed<PlDataTableSheetNormalized[]>(() => {\n  return props.settings.sheets\n    .filter((sheet) => sheet.options.length > 0)\n    .map((sheet, i) => {\n      const axisId = getAxisId(sheet.axis);\n\n      const getDefaultValue = (): string | number => {\n        const cachedState = props.settings.cachedState.find((s) => {\n          return isJsonEqual(s.axisId, axisId);\n        });\n        if (cachedState && isValidOption(sheet, cachedState.value)) {\n          return cachedState.value;\n        }\n        if (sheet.defaultValue && isValidOption(sheet, sheet.defaultValue)) {\n          return sheet.defaultValue;\n        }\n        return sheet.options[0].value;\n      };\n\n      const makePrefix = (): string => {\n        return (sheet.axis.annotations?.[\"pl7.app/label\"]?.trim() ?? `Unlabeled axis ${i}`) + \":\";\n      };\n\n      return {\n        axisId,\n        prefix: makePrefix(),\n        options: sheet.options,\n        defaultValue: getDefaultValue(),\n      } satisfies PlDataTableSheetNormalized;\n    });\n});\n\nfunction isValidOption(sheet: PlDataTableSheet, value: string | number): boolean {\n  return sheet.options.some((option) => option.value === value);\n}\n\n// Restore state from settings\nwatchEffect(() => {\n  const oldState = [...state.value];\n  const newState = sheets.value.map((sheet, i) => makeStateEntry(i, sheet.defaultValue));\n  if (!isJsonEqual(oldState, newState)) {\n    state.value = newState;\n  }\n});\n\nfunction makeStateEntry(i: number, value: string | number): PlDataTableSheetState {\n  const axisId = sheets.value[i].axisId;\n  return {\n    axisId,\n    value,\n  };\n}\n\nfunction onSheetChanged(i: number, newValue: string | number): void {\n  const oldState = [...state.value];\n  const stateEntry = makeStateEntry(i, newValue);\n  if (!isJsonEqual(oldState[i], stateEntry)) {\n    const newState = [...oldState];\n    newState[i] = stateEntry;\n    state.value = newState;\n  }\n}\n</script>\n\n<template>\n  <div v-if=\"$slots['before'] || sheets.length > 0 || $slots['after']\" :class=\"$style.container\">\n    <slot name=\"before\" />\n    <template v-for=\"(sheet, i) in sheets\" :key=\"i\">\n      <!-- For some reason state[i] is undefined when the sheet initially loads, so v-if to suppress the error -->\n      <PlDropdownLine\n        v-if=\"state[i]\"\n        :model-value=\"state[i].value\"\n        :options=\"sheet.options\"\n        :prefix=\"sheet.prefix\"\n        @update:model-value=\"(newValue: string | number) => onSheetChanged(i, newValue)\"\n      />\n    </template>\n    <slot name=\"after\" />\n  </div>\n</template>\n\n<style lang=\"css\" module>\n.container {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  flex-wrap: wrap;\n  z-index: 3;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAQA,IAAM,IAAQ,EAAoC,GAAA,aAEhD,EACI,IAAQ,GAKR,IAAS,QACN,EAAM,SAAS,OACnB,QAAQ,MAAU,EAAM,QAAQ,SAAS,EAAC,CAC1C,KAAK,GAAO,MAAM;GACjB,IAAM,IAAS,EAAU,EAAM,KAAK;AAmBpC,UAAO;IACL;IACA,SALQ,EAAM,KAAK,cAAc,kBAAkB,MAAM,IAAI,kBAAkB,OAAO;IAMtF,SAAS,EAAM;IACf,qBArB6C;KAC7C,IAAM,IAAc,EAAM,SAAS,YAAY,MAAM,MAC5C,EAAY,EAAE,QAAQ,EAAO,CACpC;AAOF,YANI,KAAe,EAAc,GAAO,EAAY,MAAM,GACjD,EAAY,QAEjB,EAAM,gBAAgB,EAAc,GAAO,EAAM,aAAa,GACzD,EAAM,eAER,EAAM,QAAQ,GAAG;QAWO;IAChC;IACD,CACJ;EAEF,SAAS,EAAc,GAAyB,GAAiC;AAC/E,UAAO,EAAM,QAAQ,MAAM,MAAW,EAAO,UAAU,EAAM;;AAI/D,UAAkB;GAChB,IAAM,IAAW,CAAC,GAAG,EAAM,MAAM,EAC3B,IAAW,EAAO,MAAM,KAAK,GAAO,MAAM,EAAe,GAAG,EAAM,aAAa,CAAC;AACtF,GAAK,EAAY,GAAU,EAAS,KAClC,EAAM,QAAQ;IAEhB;EAEF,SAAS,EAAe,GAAW,GAA+C;AAEhF,UAAO;IACL,QAFa,EAAO,MAAM,GAAG;IAG7B;IACD;;EAGH,SAAS,EAAe,GAAW,GAAiC;GAClE,IAAM,IAAW,CAAC,GAAG,EAAM,MAAM,EAC3B,IAAa,EAAe,GAAG,EAAS;AAC9C,OAAI,CAAC,EAAY,EAAS,IAAI,EAAW,EAAE;IACzC,IAAM,IAAW,CAAC,GAAG,EAAS;AAE9B,IADA,EAAS,KAAK,GACd,EAAM,QAAQ;;;mBAMLA,EAAAA,OAAM,UAAc,EAAA,MAAO,SAAM,KAAQA,EAAAA,OAAM,SAAA,GAAA,EAA1D,EAaM,OAAA;;GAbgE,OAAK,EAAEC,EAAAA,OAAO,UAAS;;GAC3F,EAAsB,EAAA,QAAA,SAAA;WACtB,EASW,GAAA,MAAA,EAToB,EAAA,QAAb,GAAO,wBAAoB,GAAC,EAAA,CAGpC,EAAA,MAAM,MAAA,GAAA,EADd,EAME,EAAA,EAAA,EAAA;;IAJC,eAAa,EAAA,MAAM,GAAG;IACtB,SAAS,EAAM;IACf,QAAQ,EAAM;IACd,wBAAqB,MAA8B,EAAe,GAAG,EAAQ;;;;;;;GAGlF,EAAqB,EAAA,QAAA,QAAA"}

package/dist/components/PlAgDataTable/PlAgDataTableV2.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlAgDataTableV2.vue2.js";
+import n from "./PlAgDataTableV2.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=PlAgDataTableV2.js.map

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

@@ -0,0 +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  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  isColumnOptional,\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 { AgGridTheme } from \"../../aggrid\";\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 } 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\";\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: selection.value,\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    );\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  );\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 { gridState, sheetsState, filtersState, searchString } = useTableState(\n  tableState,\n  settings,\n  visibleFilterableColumns,\n);\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): 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);\n  if (defaultHidden.length > 0) {\n    return { ...partialState, columnVisibility: { hiddenColIds: defaultHidden } };\n  }\n\n  return partialState;\n}\n\nfunction getDefaultHiddenColIds(api: GridApi<PlAgDataTableV2Row>): PlTableColumnIdJson[] {\n  const cols = api.getAllGridColumns();\n  if (!cols) return [];\n  return cols\n    .filter((col) => {\n      const spec = col.getColDef().context as PTableColumnSpec | undefined;\n      return spec && isColumnOptional(spec.spec);\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      // 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        model: settings.model,\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      v-model=\"filtersState\"\n      :columns=\"filterableColumns\"\n    />\n    <PlAgCsvExporter v-if=\"gridApi && showExportButton\" :api=\"gridApi\" />\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

@@ -0,0 +1,7 @@
+import './PlAgDataTableV2.vue.css';var e = {
+	container: "_container_zl9x9_2",
+	grid: "_grid_zl9x9_9"
+};
+export { e as default };
+
+//# sourceMappingURL=PlAgDataTableV2.style.js.map