@platforma-sdk/ui-vue 1.58.5 → 1.58.9

package/dist/components/PlAgGridColumnManager/PlAgGridColumnManager.style.js

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

package/dist/components/PlAgGridColumnManager/PlAgGridColumnManager.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgGridColumnManager.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  PlBtnGhost,\n  PlElementList,\n  PlSearchField,\n  PlSlideModal,\n  usePlBlockPageTitleTeleportTarget,\n} from \"@milaboratories/uikit\";\nimport { type Column, type DisplayedColumnsChangedEvent, type GridApi } from \"ag-grid-enterprise\";\nimport { computed, ref, toRefs, watch } from \"vue\";\nimport { PlAgDataTableRowNumberColId } from \"../PlAgDataTable/sources/row-number\";\nimport { useFilteredItems } from \"./useFilteredItems\";\n\nconst props = defineProps<{\n  /**\n   * The GridApi is an API interface provided by the table/grid component\n   * for interacting programmatically with the grid's features and functionality.\n   * It allows you to control and manipulate grid behavior, access data, and\n   * trigger specific actions.\n   */\n  api: GridApi;\n  /**\n   * Css Column Manager (Panel) modal width (default value is `368px`)\n   */\n  width?: string;\n}>();\n\nconst { api: gridApi } = toRefs(props);\n\nconst columns = ref<Column[]>([]);\nwatch(\n  () => gridApi.value,\n  (gridApi) => {\n    if (gridApi.isDestroyed()) return;\n\n    gridApi.addEventListener(\"displayedColumnsChanged\", (event: DisplayedColumnsChangedEvent) => {\n      columns.value = event.api.getAllGridColumns();\n    });\n\n    columns.value = gridApi.getAllGridColumns();\n    if (columns.value.length > 0) {\n      gridApi.moveColumns(columns.value, 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst items = computed(() => {\n  return columns.value.map((col) => ({\n    column: col,\n    id: col.getId(),\n    label: col.getColDef().headerName!,\n  }));\n});\n\nconst query = ref(\"\");\n\nconst slideModal = ref(false);\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlAgGridColumnManager\");\n\nconst { filteredItems, segments } = useFilteredItems(() => ({\n  items: items.value,\n  query: query.value,\n  getStrings: (item) => [item.label],\n}));\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost icon=\"columns\" @click.stop=\"slideModal = !slideModal\"> Columns </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"slideModal\" :width=\"width\" close-on-outside-click>\n    <template #title>Manage Columns</template>\n    <PlSearchField v-model=\"query\" clearable />\n    <PlElementList\n      :items=\"filteredItems\"\n      :get-item-key=\"(item) => item.id\"\n      :is-draggable=\"(item) => !item.column.getColDef().lockPosition\"\n      :on-sort=\"\n        (fromIndex, toIndex) => {\n          if (!gridApi.isDestroyed()) {\n            const columnToMove = columns[fromIndex];\n            gridApi.moveColumns([columnToMove], toIndex);\n          }\n          return true; // Let PlElementList handle the visual update\n        }\n      \"\n      :on-toggle=\"\n        (item) => {\n          if (!gridApi.isDestroyed()) {\n            gridApi.setColumnsVisible([item.column], !item.column.isVisible());\n          }\n        }\n      \"\n      :is-toggled=\"(item) => !item.column.isVisible()\"\n      :is-toggable=\"(item) => item.id !== PlAgDataTableRowNumberColId\"\n      :is-pinned=\"(item) => !!item.column.getColDef().lockPosition\"\n      :is-pinnable=\"() => false\"\n      :disable-dragging=\"query.length > 0\"\n      disable-removing\n    >\n      <template #item-title=\"{ item }\">\n        <span>\n          <span\n            v-for=\"(segment, i) of segments.get(item.label)\"\n            :key=\"i\"\n            :class=\"{ [$style.match]: segment.match }\"\n            >{{ segment.value }}</span\n          >\n        </span>\n      </template>\n    </PlElementList>\n  </PlSlideModal>\n</template>\n\n<style module>\n.match {\n  background-color: var(--color-active-select);\n  border-radius: 2px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue2.js

@@ -1,101 +1,90 @@
-import { defineComponent as w, toRefs as D, ref as p, watch as T, computed as M, createElementBlock as c, openBlock as u, Fragment as C, createBlock as h, createCommentVNode as N, createVNode as m, unref as l, Teleport as B, withModifiers as G, withCtx as d, createTextVNode as b, createElementVNode as E, renderList as I, normalizeClass as S, toDisplayString as x } from "vue";
-import { usePlBlockPageTitleTeleportTarget as A, PlBtnGhost as F, PlSlideModal as L, PlSearchField as q, PlElementList as R } from "@milaboratories/uikit";
-import { PlAgDataTableRowNumberColId as U } from "../PlAgDataTable/sources/row-number.js";
-import { useFilteredItems as $ } from "./useFilteredItems.js";
-const K = /* @__PURE__ */ w({
-  __name: "PlAgGridColumnManager",
-  props: {
-    api: {},
-    width: {}
-  },
-  setup(f) {
-    const V = f, { api: i } = D(V), n = p([]);
-    T(
-      () => i.value,
-      (t) => {
-        t.isDestroyed() || (t.addEventListener("displayedColumnsChanged", (o) => {
-          n.value = o.api.getAllGridColumns();
-        }), n.value = t.getAllGridColumns(), n.value.length > 0 && t.moveColumns(n.value, 0));
-      },
-      { immediate: !0 }
-    );
-    const k = M(() => n.value.map((t) => ({
-      column: t,
-      id: t.getId(),
-      label: t.getColDef().headerName
-    }))), s = p(""), a = p(!1), v = A("PlAgGridColumnManager"), { filteredItems: y, segments: P } = $(() => ({
-      items: k.value,
-      query: s.value,
-      getStrings: (t) => [t.label]
-    }));
-    return (t, o) => (u(), c(C, null, [
-      l(v) ? (u(), h(B, {
-        key: 0,
-        to: l(v)
-      }, [
-        m(l(F), {
-          icon: "columns",
-          onClick: o[0] || (o[0] = G((e) => a.value = !a.value, ["stop"]))
-        }, {
-          default: d(() => [...o[3] || (o[3] = [
-            b(" Columns ", -1)
-          ])]),
-          _: 1
-        })
-      ], 8, ["to"])) : N("", !0),
-      m(l(L), {
-        modelValue: a.value,
-        "onUpdate:modelValue": o[2] || (o[2] = (e) => a.value = e),
-        width: f.width,
-        "close-on-outside-click": ""
-      }, {
-        title: d(() => [...o[4] || (o[4] = [
-          b("Manage Columns", -1)
-        ])]),
-        default: d(() => [
-          m(l(q), {
-            modelValue: s.value,
-            "onUpdate:modelValue": o[1] || (o[1] = (e) => s.value = e),
-            clearable: ""
-          }, null, 8, ["modelValue"]),
-          m(l(R), {
-            items: l(y),
-            "get-item-key": (e) => e.id,
-            "is-draggable": (e) => !e.column.getColDef().lockPosition,
-            "on-sort": (e, r) => {
-              if (!l(i).isDestroyed()) {
-                const g = n.value[e];
-                l(i).moveColumns([g], r);
-              }
-              return !0;
-            },
-            "on-toggle": (e) => {
-              l(i).isDestroyed() || l(i).setColumnsVisible([e.column], !e.column.isVisible());
-            },
-            "is-toggled": (e) => !e.column.isVisible(),
-            "is-toggable": (e) => e.id !== l(U),
-            "is-pinned": (e) => !!e.column.getColDef().lockPosition,
-            "is-pinnable": () => !1,
-            "disable-dragging": s.value.length > 0,
-            "disable-removing": ""
-          }, {
-            "item-title": d(({ item: e }) => [
-              E("span", null, [
-                (u(!0), c(C, null, I(l(P).get(e.label), (r, g) => (u(), c("span", {
-                  key: g,
-                  class: S({ [t.$style.match]: r.match })
-                }, x(r.value), 3))), 128))
-              ])
-            ]),
-            _: 1
-          }, 8, ["items", "get-item-key", "is-draggable", "on-sort", "on-toggle", "is-toggled", "is-toggable", "is-pinned", "disable-dragging"])
-        ]),
-        _: 1
-      }, 8, ["modelValue", "width"])
-    ], 64));
-  }
+import { PlAgDataTableRowNumberColId as e } from "../PlAgDataTable/sources/row-number.js";
+import { useFilteredItems as t } from "./useFilteredItems.js";
+import { Fragment as n, Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, toRefs as _, unref as v, watch as y, withCtx as b, withModifiers as x } from "vue";
+import { PlBtnGhost as S, PlElementList as C, PlSearchField as w, PlSlideModal as T, usePlBlockPageTitleTeleportTarget as E } from "@milaboratories/uikit";
+var D = /* @__PURE__ */ d({
+	__name: "PlAgGridColumnManager",
+	props: {
+		api: {},
+		width: {}
+	},
+	setup(d) {
+		let { api: D } = _(d), O = m([]);
+		y(() => D.value, (e) => {
+			e.isDestroyed() || (e.addEventListener("displayedColumnsChanged", (e) => {
+				O.value = e.api.getAllGridColumns();
+			}), O.value = e.getAllGridColumns(), O.value.length > 0 && e.moveColumns(O.value, 0));
+		}, { immediate: !0 });
+		let k = i(() => O.value.map((e) => ({
+			column: e,
+			id: e.getId(),
+			label: e.getColDef().headerName
+		}))), A = m(""), j = m(!1), M = E("PlAgGridColumnManager"), { filteredItems: N, segments: P } = t(() => ({
+			items: k.value,
+			query: A.value,
+			getStrings: (e) => [e.label]
+		}));
+		return (t, i) => (p(), s(n, null, [v(M) ? (p(), a(r, {
+			key: 0,
+			to: v(M)
+		}, [u(v(S), {
+			icon: "columns",
+			onClick: i[0] ||= x((e) => j.value = !j.value, ["stop"])
+		}, {
+			default: b(() => [...i[3] ||= [l(" Columns ", -1)]]),
+			_: 1
+		})], 8, ["to"])) : o("", !0), u(v(T), {
+			modelValue: j.value,
+			"onUpdate:modelValue": i[2] ||= (e) => j.value = e,
+			width: d.width,
+			"close-on-outside-click": ""
+		}, {
+			title: b(() => [...i[4] ||= [l("Manage Columns", -1)]]),
+			default: b(() => [u(v(w), {
+				modelValue: A.value,
+				"onUpdate:modelValue": i[1] ||= (e) => A.value = e,
+				clearable: ""
+			}, null, 8, ["modelValue"]), u(v(C), {
+				items: v(N),
+				"get-item-key": (e) => e.id,
+				"is-draggable": (e) => !e.column.getColDef().lockPosition,
+				"on-sort": (e, t) => {
+					if (!v(D).isDestroyed()) {
+						let n = O.value[e];
+						v(D).moveColumns([n], t);
+					}
+					return !0;
+				},
+				"on-toggle": (e) => {
+					v(D).isDestroyed() || v(D).setColumnsVisible([e.column], !e.column.isVisible());
+				},
+				"is-toggled": (e) => !e.column.isVisible(),
+				"is-toggable": (t) => t.id !== v(e),
+				"is-pinned": (e) => !!e.column.getColDef().lockPosition,
+				"is-pinnable": () => !1,
+				"disable-dragging": A.value.length > 0,
+				"disable-removing": ""
+			}, {
+				"item-title": b(({ item: e }) => [c("span", null, [(p(!0), s(n, null, h(v(P).get(e.label), (e, n) => (p(), s("span", {
+					key: n,
+					class: f({ [t.$style.match]: e.match })
+				}, g(e.value), 3))), 128))])]),
+				_: 1
+			}, 8, [
+				"items",
+				"get-item-key",
+				"is-draggable",
+				"on-sort",
+				"on-toggle",
+				"is-toggled",
+				"is-toggable",
+				"is-pinned",
+				"disable-dragging"
+			])]),
+			_: 1
+		}, 8, ["modelValue", "width"])], 64));
+	}
 });
-export {
-  K as default
-};
-//# sourceMappingURL=PlAgGridColumnManager.vue2.js.map
+export { D as default };
+
+//# sourceMappingURL=PlAgGridColumnManager.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgGridColumnManager.vue2.js","sources":["../../../src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  PlBtnGhost,\n  PlElementList,\n  PlSearchField,\n  PlSlideModal,\n  usePlBlockPageTitleTeleportTarget,\n} from \"@milaboratories/uikit\";\nimport { type Column, type DisplayedColumnsChangedEvent, type GridApi } from \"ag-grid-enterprise\";\nimport { computed, ref, toRefs, watch } from \"vue\";\nimport { PlAgDataTableRowNumberColId } from \"../PlAgDataTable/sources/row-number\";\nimport { useFilteredItems } from \"./useFilteredItems\";\n\nconst props = defineProps<{\n  /**\n   * The GridApi is an API interface provided by the table/grid component\n   * for interacting programmatically with the grid's features and functionality.\n   * It allows you to control and manipulate grid behavior, access data, and\n   * trigger specific actions.\n   */\n  api: GridApi;\n  /**\n   * Css Column Manager (Panel) modal width (default value is `368px`)\n   */\n  width?: string;\n}>();\n\nconst { api: gridApi } = toRefs(props);\n\nconst columns = ref<Column[]>([]);\nwatch(\n  () => gridApi.value,\n  (gridApi) => {\n    if (gridApi.isDestroyed()) return;\n\n    gridApi.addEventListener(\"displayedColumnsChanged\", (event: DisplayedColumnsChangedEvent) => {\n      columns.value = event.api.getAllGridColumns();\n    });\n\n    columns.value = gridApi.getAllGridColumns();\n    if (columns.value.length > 0) {\n      gridApi.moveColumns(columns.value, 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst items = computed(() => {\n  return columns.value.map((col) => ({\n    column: col,\n    id: col.getId(),\n    label: col.getColDef().headerName!,\n  }));\n});\n\nconst query = ref(\"\");\n\nconst slideModal = ref(false);\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlAgGridColumnManager\");\n\nconst { filteredItems, segments } = useFilteredItems(() => ({\n  items: items.value,\n  query: query.value,\n  getStrings: (item) => [item.label],\n}));\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost icon=\"columns\" @click.stop=\"slideModal = !slideModal\"> Columns </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"slideModal\" :width=\"width\" close-on-outside-click>\n    <template #title>Manage Columns</template>\n    <PlSearchField v-model=\"query\" clearable />\n    <PlElementList\n      :items=\"filteredItems\"\n      :get-item-key=\"(item) => item.id\"\n      :is-draggable=\"(item) => !item.column.getColDef().lockPosition\"\n      :on-sort=\"\n        (fromIndex, toIndex) => {\n          if (!gridApi.isDestroyed()) {\n            const columnToMove = columns[fromIndex];\n            gridApi.moveColumns([columnToMove], toIndex);\n          }\n          return true; // Let PlElementList handle the visual update\n        }\n      \"\n      :on-toggle=\"\n        (item) => {\n          if (!gridApi.isDestroyed()) {\n            gridApi.setColumnsVisible([item.column], !item.column.isVisible());\n          }\n        }\n      \"\n      :is-toggled=\"(item) => !item.column.isVisible()\"\n      :is-toggable=\"(item) => item.id !== PlAgDataTableRowNumberColId\"\n      :is-pinned=\"(item) => !!item.column.getColDef().lockPosition\"\n      :is-pinnable=\"() => false\"\n      :disable-dragging=\"query.length > 0\"\n      disable-removing\n    >\n      <template #item-title=\"{ item }\">\n        <span>\n          <span\n            v-for=\"(segment, i) of segments.get(item.label)\"\n            :key=\"i\"\n            :class=\"{ [$style.match]: segment.match }\"\n            >{{ segment.value }}</span\n          >\n        </span>\n      </template>\n    </PlElementList>\n  </PlSlideModal>\n</template>\n\n<style module>\n.match {\n  background-color: var(--color-active-select);\n  border-radius: 2px;\n}\n</style>\n"],"names":["props","__props","gridApi","toRefs","columns","ref","watch","event","items","computed","col","query","slideModal","teleportTarget","usePlBlockPageTitleTeleportTarget","filteredItems","segments","useFilteredItems","item","_unref","_createBlock","_Teleport","_createVNode","PlBtnGhost","_cache","_withModifiers","$event","PlSlideModal","PlSearchField","PlElementList","fromIndex","toIndex","columnToMove","PlAgDataTableRowNumberColId","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","segment","i","$style","_toDisplayString"],"mappings":";;;;;;;;;;;AAaA,UAAMA,IAAQC,GAcR,EAAE,KAAKC,MAAYC,EAAOH,CAAK,GAE/BI,IAAUC,EAAc,EAAE;AAChC,IAAAC;AAAA,MACE,MAAMJ,EAAQ;AAAA,MACd,CAACA,MAAY;AACX,QAAIA,EAAQ,kBAEZA,EAAQ,iBAAiB,2BAA2B,CAACK,MAAwC;AAC3F,UAAAH,EAAQ,QAAQG,EAAM,IAAI,kBAAA;AAAA,QAC5B,CAAC,GAEDH,EAAQ,QAAQF,EAAQ,kBAAA,GACpBE,EAAQ,MAAM,SAAS,KACzBF,EAAQ,YAAYE,EAAQ,OAAO,CAAC;AAAA,MAExC;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMI,IAAQC,EAAS,MACdL,EAAQ,MAAM,IAAI,CAACM,OAAS;AAAA,MACjC,QAAQA;AAAA,MACR,IAAIA,EAAI,MAAA;AAAA,MACR,OAAOA,EAAI,YAAY;AAAA,IAAA,EACvB,CACH,GAEKC,IAAQN,EAAI,EAAE,GAEdO,IAAaP,EAAI,EAAK,GACtBQ,IAAiBC,EAAkC,uBAAuB,GAE1E,EAAE,eAAAC,GAAe,UAAAC,EAAA,IAAaC,EAAiB,OAAO;AAAA,MAC1D,OAAOT,EAAM;AAAA,MACb,OAAOG,EAAM;AAAA,MACb,YAAY,CAACO,MAAS,CAACA,EAAK,KAAK;AAAA,IAAA,EACjC;;MAIgBC,EAAAN,CAAA,UAAhBO,EAEWC,GAAA;AAAA;QAFsB,IAAIF,EAAAN,CAAA;AAAA,MAAA;QACnCS,EAAwFH,EAAAI,CAAA,GAAA;AAAA,UAA5E,MAAK;AAAA,UAAW,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAOd,EAAA,QAAU,CAAIA,EAAA,OAAU,CAAA,MAAA,CAAA;AAAA,QAAA;qBAAE,MAAS,CAAA,GAAAY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAAT,aAAS,EAAA;AAAA,UAAA;;;;MAG7EF,EAyCeH,EAAAQ,CAAA,GAAA;AAAA,oBAzCQf,EAAA;AAAA,sDAAAA,EAAU,QAAAc;AAAA,QAAG,OAAOzB,EAAA;AAAA,QAAO,0BAAA;AAAA,MAAA;QACrC,SAAM,MAAc,CAAA,GAAAuB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,YAAd,kBAAc,EAAA;AAAA,QAAA;mBAC/B,MAA2C;AAAA,UAA3CF,EAA2CH,EAAAS,CAAA,GAAA;AAAA,wBAAnBjB,EAAA;AAAA,0DAAAA,EAAK,QAAAe;AAAA,YAAE,WAAA;AAAA,UAAA;UAC/BJ,EAqCgBH,EAAAU,CAAA,GAAA;AAAA,YApCb,OAAOV,EAAAJ,CAAA;AAAA,YACP,gBAAY,CAAGG,MAASA,EAAK;AAAA,YAC7B,gBAAY,CAAGA,MAAI,CAAMA,EAAK,OAAO,YAAY;AAAA,YACjD,WAAmB,CAAAY,GAAWC,MAAO;AAAsB,kBAAA,CAAAZ,EAAAjB,CAAA,EAAQ,eAAW;sBAAwB8B,IAAe5B,EAAA,MAAQ0B,CAAS;AAAeX,gBAAAA,EAAAjB,CAAA,EAAQ,YAAW,CAAE8B,CAAY,GAAGD,CAAO;AAAA;;;YAShM,cAAqBb,MAAI;AAAsB,cAAAC,EAAAjB,CAAA,EAAQ,iBAA6BiB,EAAAjB,CAAA,EAAQ,kBAAiB,CAAEgB,EAAK,MAAM,GAAA,CAAIA,EAAK,OAAO,WAAS;AAAA;YAOnJ,eAAaA,MAAI,CAAMA,EAAK,OAAO,UAAA;AAAA,YACnC,gBAAcA,MAASA,EAAK,OAAOC,EAAAc,CAAA;AAAA,YACnC,aAAS,CAAGf,MAAI,CAAA,CAAOA,EAAK,OAAO,YAAY;AAAA,YAC/C,eAAa,MAAA;AAAA,YACb,oBAAkBP,EAAA,MAAM,SAAM;AAAA,YAC/B,oBAAA;AAAA,UAAA;YAEW,cAAUuB,EACnB,CAOO,EARgB,MAAAhB,QAAI;AAAA,cAC3BiB,EAOO,QAAA,MAAA;AAAA,wBANLC,EAKCC,GAAA,MAAAC,EAJwBnB,EAAAH,CAAA,EAAS,IAAIE,EAAK,KAAK,GAAA,CAAtCqB,GAASC,YADnBJ,EAKC,QAAA;AAAA,kBAHE,KAAKI;AAAA,kBACL,YAAUC,EAAAA,OAAO,KAAK,GAAGF,EAAQ,MAAA,CAAK;AAAA,gBAAA,GACnCG,EAAAH,EAAQ,KAAK,GAAA,CAAA;;;;;;;;;;;"}
+{"version":3,"file":"PlAgGridColumnManager.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAgGridColumnManager/PlAgGridColumnManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  PlBtnGhost,\n  PlElementList,\n  PlSearchField,\n  PlSlideModal,\n  usePlBlockPageTitleTeleportTarget,\n} from \"@milaboratories/uikit\";\nimport { type Column, type DisplayedColumnsChangedEvent, type GridApi } from \"ag-grid-enterprise\";\nimport { computed, ref, toRefs, watch } from \"vue\";\nimport { PlAgDataTableRowNumberColId } from \"../PlAgDataTable/sources/row-number\";\nimport { useFilteredItems } from \"./useFilteredItems\";\n\nconst props = defineProps<{\n  /**\n   * The GridApi is an API interface provided by the table/grid component\n   * for interacting programmatically with the grid's features and functionality.\n   * It allows you to control and manipulate grid behavior, access data, and\n   * trigger specific actions.\n   */\n  api: GridApi;\n  /**\n   * Css Column Manager (Panel) modal width (default value is `368px`)\n   */\n  width?: string;\n}>();\n\nconst { api: gridApi } = toRefs(props);\n\nconst columns = ref<Column[]>([]);\nwatch(\n  () => gridApi.value,\n  (gridApi) => {\n    if (gridApi.isDestroyed()) return;\n\n    gridApi.addEventListener(\"displayedColumnsChanged\", (event: DisplayedColumnsChangedEvent) => {\n      columns.value = event.api.getAllGridColumns();\n    });\n\n    columns.value = gridApi.getAllGridColumns();\n    if (columns.value.length > 0) {\n      gridApi.moveColumns(columns.value, 0);\n    }\n  },\n  { immediate: true },\n);\n\nconst items = computed(() => {\n  return columns.value.map((col) => ({\n    column: col,\n    id: col.getId(),\n    label: col.getColDef().headerName!,\n  }));\n});\n\nconst query = ref(\"\");\n\nconst slideModal = ref(false);\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlAgGridColumnManager\");\n\nconst { filteredItems, segments } = useFilteredItems(() => ({\n  items: items.value,\n  query: query.value,\n  getStrings: (item) => [item.label],\n}));\n</script>\n\n<template>\n  <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost icon=\"columns\" @click.stop=\"slideModal = !slideModal\"> Columns </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"slideModal\" :width=\"width\" close-on-outside-click>\n    <template #title>Manage Columns</template>\n    <PlSearchField v-model=\"query\" clearable />\n    <PlElementList\n      :items=\"filteredItems\"\n      :get-item-key=\"(item) => item.id\"\n      :is-draggable=\"(item) => !item.column.getColDef().lockPosition\"\n      :on-sort=\"\n        (fromIndex, toIndex) => {\n          if (!gridApi.isDestroyed()) {\n            const columnToMove = columns[fromIndex];\n            gridApi.moveColumns([columnToMove], toIndex);\n          }\n          return true; // Let PlElementList handle the visual update\n        }\n      \"\n      :on-toggle=\"\n        (item) => {\n          if (!gridApi.isDestroyed()) {\n            gridApi.setColumnsVisible([item.column], !item.column.isVisible());\n          }\n        }\n      \"\n      :is-toggled=\"(item) => !item.column.isVisible()\"\n      :is-toggable=\"(item) => item.id !== PlAgDataTableRowNumberColId\"\n      :is-pinned=\"(item) => !!item.column.getColDef().lockPosition\"\n      :is-pinnable=\"() => false\"\n      :disable-dragging=\"query.length > 0\"\n      disable-removing\n    >\n      <template #item-title=\"{ item }\">\n        <span>\n          <span\n            v-for=\"(segment, i) of segments.get(item.label)\"\n            :key=\"i\"\n            :class=\"{ [$style.match]: segment.match }\"\n            >{{ segment.value }}</span\n          >\n        </span>\n      </template>\n    </PlElementList>\n  </PlSlideModal>\n</template>\n\n<style module>\n.match {\n  background-color: var(--color-active-select);\n  border-radius: 2px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;EA2BA,IAAM,EAAE,KAAK,MAAY,EAdX,EAcwB,EAEhC,IAAU,EAAc,EAAE,CAAC;AACjC,UACQ,EAAQ,QACb,MAAY;AACP,KAAQ,aAAa,KAEzB,EAAQ,iBAAiB,4BAA4B,MAAwC;AAC3F,MAAQ,QAAQ,EAAM,IAAI,mBAAmB;KAC7C,EAEF,EAAQ,QAAQ,EAAQ,mBAAmB,EACvC,EAAQ,MAAM,SAAS,KACzB,EAAQ,YAAY,EAAQ,OAAO,EAAE;KAGzC,EAAE,WAAW,IAAM,CACpB;EAED,IAAM,IAAQ,QACL,EAAQ,MAAM,KAAK,OAAS;GACjC,QAAQ;GACR,IAAI,EAAI,OAAO;GACf,OAAO,EAAI,WAAW,CAAC;GACxB,EAAE,CACH,EAEI,IAAQ,EAAI,GAAG,EAEf,IAAa,EAAI,GAAM,EACvB,IAAiB,EAAkC,wBAAwB,EAE3E,EAAE,kBAAe,gBAAa,SAAwB;GAC1D,OAAO,EAAM;GACb,OAAO,EAAM;GACb,aAAa,MAAS,CAAC,EAAK,MAAM;GACnC,EAAE;qCAIe,EAAA,EAAc,IAAA,GAAA,EAA9B,EAEW,GAAA;;GAFsB,IAAI,EAAA,EAAc;MACjD,EAAwF,EAAA,EAAA,EAAA;GAA5E,MAAK;GAAW,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAA,QAAU,CAAI,EAAA,OAAU,CAAA,OAAA,CAAA;;oBAAW,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAT,aAAS,GAAA,CAAA,CAAA,CAAA;;gCAG7E,EAyCe,EAAA,EAAA,EAAA;eAzCQ,EAAA;4CAAU,QAAA;GAAG,OAAO,EAAA;GAAO,0BAAA;;GACrC,OAAK,QAAe,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAd,kBAAc,GAAA,CAAA,CAAA,CAAA;oBACY,CAA3C,EAA2C,EAAA,EAAA,EAAA;gBAAnB,EAAA;6CAAK,QAAA;IAAE,WAAA;gCAC/B,EAqCgB,EAAA,EAAA,EAAA;IApCb,OAAO,EAAA,EAAa;IACpB,iBAAe,MAAS,EAAK;IAC7B,iBAAe,MAAI,CAAM,EAAK,OAAO,WAAS,CAAG;IACjD,YAAmB,GAAW,MAAO;UAAsB,EAAA,EAAO,CAAC,aAAW,EAAA;UAAwB,IAAe,EAAA,MAAQ;AAAwB,QAAA,EAAO,CAAC,YAAW,CAAE,EAAY,EAAG,EAAO;;;;IAShM,cAAqB,MAAI;KAAsB,EAAA,EAAO,CAAC,aAAW,IAAkB,EAAA,EAAO,CAAC,kBAAiB,CAAE,EAAK,OAAM,EAAA,CAAI,EAAK,OAAO,WAAS,CAAA;;IAOnJ,eAAa,MAAI,CAAM,EAAK,OAAO,WAAS;IAC5C,gBAAc,MAAS,EAAK,OAAO,EAAA,EAA2B;IAC9D,cAAY,MAAI,CAAA,CAAO,EAAK,OAAO,WAAS,CAAG;IAC/C,qBAAa;IACb,oBAAkB,EAAA,MAAM,SAAM;IAC/B,oBAAA;;IAEW,cAAU,GAQZ,EARgB,cAAI,CAC3B,EAOO,QAAA,MAAA,EAAA,EAAA,GAAA,EANL,EAKC,GAAA,MAAA,EAJwB,EAAA,EAAQ,CAAC,IAAI,EAAK,MAAK,GAAtC,GAAS,YADnB,EAKC,QAAA;KAHE,KAAK;KACL,OAAK,EAAA,GAAKA,EAAAA,OAAO,QAAQ,EAAQ,OAAK,CAAA;SACnC,EAAQ,MAAK,EAAA,EAAA"}

package/dist/components/PlAgGridColumnManager/useFilteredItems.js

@@ -1,35 +1,48 @@
-import { computed as m, toValue as g } from "vue";
-function d(t) {
-  const o = m(() => {
-    const { items: f, query: u, getStrings: r } = g(t), s = [], e = /* @__PURE__ */ new Map();
-    for (const l of f) {
-      let n = !1;
-      for (const c of r(l)) {
-        let i = e.get(c);
-        i || (i = p(c, u), e.set(c, i)), !n && (!u || i.some(({ match: a }) => a)) && (s.push(l), n = !0);
-      }
-    }
-    return { filteredItems: s, segments: e };
-  });
-  return {
-    filteredItems: m(() => o.value.filteredItems),
-    segments: m(() => o.value.segments)
-  };
+import { computed as e, toValue as t } from "vue";
+function n(n) {
+	let i = e(() => {
+		let { items: e, query: i, getStrings: a } = t(n), o = [], s = /* @__PURE__ */ new Map();
+		for (let t of e) {
+			let e = !1;
+			for (let n of a(t)) {
+				let a = s.get(n);
+				a || (a = r(n, i), s.set(n, a)), !e && (!i || a.some(({ match: e }) => e)) && (o.push(t), e = !0);
+			}
+		}
+		return {
+			filteredItems: o,
+			segments: s
+		};
+	});
+	return {
+		filteredItems: e(() => i.value.filteredItems),
+		segments: e(() => i.value.segments)
+	};
 }
-function p(t, o) {
-  if (!o) return [{ value: t, match: !1 }];
-  const f = t.toLowerCase(), u = o.toLowerCase(), r = [];
-  let s = 0;
-  for (; ; ) {
-    const e = f.indexOf(u, s), l = e + o.length;
-    if (e < 0) break;
-    s !== e && r.push({ value: t.slice(s, e), match: !1 });
-    const n = r.at(-1);
-    n != null && n.match ? n.value += t.slice(e, l) : r.push({ value: t.slice(e, l), match: !0 }), s = l;
-  }
-  return s < t.length && r.push({ value: t.slice(s), match: !1 }), r;
+function r(e, t) {
+	if (!t) return [{
+		value: e,
+		match: !1
+	}];
+	let n = e.toLowerCase(), r = t.toLowerCase(), i = [], a = 0;
+	for (;;) {
+		let o = n.indexOf(r, a), s = o + t.length;
+		if (o < 0) break;
+		a !== o && i.push({
+			value: e.slice(a, o),
+			match: !1
+		});
+		let c = i.at(-1);
+		c?.match ? c.value += e.slice(o, s) : i.push({
+			value: e.slice(o, s),
+			match: !0
+		}), a = s;
+	}
+	return a < e.length && i.push({
+		value: e.slice(a),
+		match: !1
+	}), i;
 }
-export {
-  d as useFilteredItems
-};
-//# sourceMappingURL=useFilteredItems.js.map
+export { n as useFilteredItems };
+
+//# sourceMappingURL=useFilteredItems.js.map

package/dist/components/PlAgGridColumnManager/useFilteredItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilteredItems.js","sources":["../../../src/components/PlAgGridColumnManager/useFilteredItems.ts"],"sourcesContent":["import { computed, type MaybeRefOrGetter, toValue } from \"vue\";\n\nexport function useFilteredItems<T>(\n  props: MaybeRefOrGetter<{\n    items: T[];\n    query: string;\n    getStrings: (item: T) => Iterable<string>;\n  }>,\n) {\n  const result = computed(() => {\n    const { items, query, getStrings } = toValue(props);\n    const filteredItems: T[] = [];\n    const segments = new Map<string, StringSegment[]>();\n    for (const item of items) {\n      let kept = false;\n      for (const string of getStrings(item)) {\n        let stringSegments = segments.get(string);\n        if (!stringSegments) {\n          stringSegments = matchSubstrings(string, query);\n          segments.set(string, stringSegments);\n        }\n        if (!kept && (!query || stringSegments.some(({ match }) => match))) {\n          filteredItems.push(item);\n          kept = true;\n        }\n      }\n    }\n    return { filteredItems, segments };\n  });\n  return {\n    filteredItems: computed(() => result.value.filteredItems),\n    segments: computed(() => result.value.segments),\n  };\n}\n\n// Very naïve implementation of substring matching, doesn't handle Unicode well\n// Maybe one day we'll have nice things: https://github.com/tc39/ecma402/issues/506\nfunction matchSubstrings(haystack: string, needle: string): StringSegment[] {\n  if (!needle) return [{ value: haystack, match: false }];\n  const haystackLower = haystack.toLowerCase();\n  const needleLower = needle.toLowerCase();\n  const result: StringSegment[] = [];\n  let prevEnd = 0;\n  while (true) {\n    const start = haystackLower.indexOf(needleLower, prevEnd);\n    const end = start + needle.length;\n    if (start < 0) break;\n    if (prevEnd !== start) {\n      result.push({ value: haystack.slice(prevEnd, start), match: false });\n    }\n    const prevSegment = result.at(-1);\n    if (prevSegment?.match) {\n      prevSegment.value += haystack.slice(start, end);\n    } else {\n      result.push({ value: haystack.slice(start, end), match: true });\n    }\n    prevEnd = end;\n  }\n  if (prevEnd < haystack.length) {\n    result.push({ value: haystack.slice(prevEnd), match: false });\n  }\n  return result;\n}\n\ntype StringSegment = {\n  value: string;\n  match: boolean;\n};\n"],"names":["useFilteredItems","props","result","computed","items","query","getStrings","toValue","filteredItems","segments","item","kept","string","stringSegments","matchSubstrings","match","haystack","needle","haystackLower","needleLower","prevEnd","start","end","prevSegment"],"mappings":";AAEO,SAASA,EACdC,GAKA;AACA,QAAMC,IAASC,EAAS,MAAM;AAC5B,UAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAQN,CAAK,GAC5CO,IAAqB,CAAA,GACrBC,wBAAe,IAAA;AACrB,eAAWC,KAAQN,GAAO;AACxB,UAAIO,IAAO;AACX,iBAAWC,KAAUN,EAAWI,CAAI,GAAG;AACrC,YAAIG,IAAiBJ,EAAS,IAAIG,CAAM;AACxC,QAAKC,MACHA,IAAiBC,EAAgBF,GAAQP,CAAK,GAC9CI,EAAS,IAAIG,GAAQC,CAAc,IAEjC,CAACF,MAAS,CAACN,KAASQ,EAAe,KAAK,CAAC,EAAE,OAAAE,EAAA,MAAYA,CAAK,OAC9DP,EAAc,KAAKE,CAAI,GACvBC,IAAO;AAAA,MAEX;AAAA,IACF;AACA,WAAO,EAAE,eAAAH,GAAe,UAAAC,EAAA;AAAA,EAC1B,CAAC;AACD,SAAO;AAAA,IACL,eAAeN,EAAS,MAAMD,EAAO,MAAM,aAAa;AAAA,IACxD,UAAUC,EAAS,MAAMD,EAAO,MAAM,QAAQ;AAAA,EAAA;AAElD;AAIA,SAASY,EAAgBE,GAAkBC,GAAiC;AAC1E,MAAI,CAACA,EAAQ,QAAO,CAAC,EAAE,OAAOD,GAAU,OAAO,IAAO;AACtD,QAAME,IAAgBF,EAAS,YAAA,GACzBG,IAAcF,EAAO,YAAA,GACrBf,IAA0B,CAAA;AAChC,MAAIkB,IAAU;AACd,aAAa;AACX,UAAMC,IAAQH,EAAc,QAAQC,GAAaC,CAAO,GAClDE,IAAMD,IAAQJ,EAAO;AAC3B,QAAII,IAAQ,EAAG;AACf,IAAID,MAAYC,KACdnB,EAAO,KAAK,EAAE,OAAOc,EAAS,MAAMI,GAASC,CAAK,GAAG,OAAO,IAAO;AAErE,UAAME,IAAcrB,EAAO,GAAG,EAAE;AAChC,IAAIqB,KAAA,QAAAA,EAAa,QACfA,EAAY,SAASP,EAAS,MAAMK,GAAOC,CAAG,IAE9CpB,EAAO,KAAK,EAAE,OAAOc,EAAS,MAAMK,GAAOC,CAAG,GAAG,OAAO,IAAM,GAEhEF,IAAUE;AAAA,EACZ;AACA,SAAIF,IAAUJ,EAAS,UACrBd,EAAO,KAAK,EAAE,OAAOc,EAAS,MAAMI,CAAO,GAAG,OAAO,IAAO,GAEvDlB;AACT;"}
+{"version":3,"file":"useFilteredItems.js","names":[],"sources":["../../../src/components/PlAgGridColumnManager/useFilteredItems.ts"],"sourcesContent":["import { computed, type MaybeRefOrGetter, toValue } from \"vue\";\n\nexport function useFilteredItems<T>(\n  props: MaybeRefOrGetter<{\n    items: T[];\n    query: string;\n    getStrings: (item: T) => Iterable<string>;\n  }>,\n) {\n  const result = computed(() => {\n    const { items, query, getStrings } = toValue(props);\n    const filteredItems: T[] = [];\n    const segments = new Map<string, StringSegment[]>();\n    for (const item of items) {\n      let kept = false;\n      for (const string of getStrings(item)) {\n        let stringSegments = segments.get(string);\n        if (!stringSegments) {\n          stringSegments = matchSubstrings(string, query);\n          segments.set(string, stringSegments);\n        }\n        if (!kept && (!query || stringSegments.some(({ match }) => match))) {\n          filteredItems.push(item);\n          kept = true;\n        }\n      }\n    }\n    return { filteredItems, segments };\n  });\n  return {\n    filteredItems: computed(() => result.value.filteredItems),\n    segments: computed(() => result.value.segments),\n  };\n}\n\n// Very naïve implementation of substring matching, doesn't handle Unicode well\n// Maybe one day we'll have nice things: https://github.com/tc39/ecma402/issues/506\nfunction matchSubstrings(haystack: string, needle: string): StringSegment[] {\n  if (!needle) return [{ value: haystack, match: false }];\n  const haystackLower = haystack.toLowerCase();\n  const needleLower = needle.toLowerCase();\n  const result: StringSegment[] = [];\n  let prevEnd = 0;\n  while (true) {\n    const start = haystackLower.indexOf(needleLower, prevEnd);\n    const end = start + needle.length;\n    if (start < 0) break;\n    if (prevEnd !== start) {\n      result.push({ value: haystack.slice(prevEnd, start), match: false });\n    }\n    const prevSegment = result.at(-1);\n    if (prevSegment?.match) {\n      prevSegment.value += haystack.slice(start, end);\n    } else {\n      result.push({ value: haystack.slice(start, end), match: true });\n    }\n    prevEnd = end;\n  }\n  if (prevEnd < haystack.length) {\n    result.push({ value: haystack.slice(prevEnd), match: false });\n  }\n  return result;\n}\n\ntype StringSegment = {\n  value: string;\n  match: boolean;\n};\n"],"mappings":";AAEA,SAAgB,EACd,GAKA;CACA,IAAM,IAAS,QAAe;EAC5B,IAAM,EAAE,UAAO,UAAO,kBAAe,EAAQ,EAAM,EAC7C,IAAqB,EAAE,EACvB,oBAAW,IAAI,KAA8B;AACnD,OAAK,IAAM,KAAQ,GAAO;GACxB,IAAI,IAAO;AACX,QAAK,IAAM,KAAU,EAAW,EAAK,EAAE;IACrC,IAAI,IAAiB,EAAS,IAAI,EAAO;AAKzC,IAJK,MACH,IAAiB,EAAgB,GAAQ,EAAM,EAC/C,EAAS,IAAI,GAAQ,EAAe,GAElC,CAAC,MAAS,CAAC,KAAS,EAAe,MAAM,EAAE,eAAY,EAAM,MAC/D,EAAc,KAAK,EAAK,EACxB,IAAO;;;AAIb,SAAO;GAAE;GAAe;GAAU;GAClC;AACF,QAAO;EACL,eAAe,QAAe,EAAO,MAAM,cAAc;EACzD,UAAU,QAAe,EAAO,MAAM,SAAS;EAChD;;AAKH,SAAS,EAAgB,GAAkB,GAAiC;AAC1E,KAAI,CAAC,EAAQ,QAAO,CAAC;EAAE,OAAO;EAAU,OAAO;EAAO,CAAC;CACvD,IAAM,IAAgB,EAAS,aAAa,EACtC,IAAc,EAAO,aAAa,EAClC,IAA0B,EAAE,EAC9B,IAAU;AACd,UAAa;EACX,IAAM,IAAQ,EAAc,QAAQ,GAAa,EAAQ,EACnD,IAAM,IAAQ,EAAO;AAC3B,MAAI,IAAQ,EAAG;AACf,EAAI,MAAY,KACd,EAAO,KAAK;GAAE,OAAO,EAAS,MAAM,GAAS,EAAM;GAAE,OAAO;GAAO,CAAC;EAEtE,IAAM,IAAc,EAAO,GAAG,GAAG;AAMjC,EALI,GAAa,QACf,EAAY,SAAS,EAAS,MAAM,GAAO,EAAI,GAE/C,EAAO,KAAK;GAAE,OAAO,EAAS,MAAM,GAAO,EAAI;GAAE,OAAO;GAAM,CAAC,EAEjE,IAAU;;AAKZ,QAHI,IAAU,EAAS,UACrB,EAAO,KAAK;EAAE,OAAO,EAAS,MAAM,EAAQ;EAAE,OAAO;EAAO,CAAC,EAExD"}

package/dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.js

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

package/dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgRowNumCheckbox.js","names":[],"sources":["../../../src/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ICellRendererParams } from \"ag-grid-enterprise\";\nimport { PlCheckbox } from \"@milaboratories/uikit\";\nimport { ref, computed, onBeforeMount, onBeforeUnmount } from \"vue\";\nimport $styles from \"./pl-ag-row-num-checkbox.module.scss\";\nimport { isSelectionEnabled } from \"../../lib\";\n\nconst props = defineProps<{ params: ICellRendererParams }>();\n\nconst api = props.params.api;\nconst isChecked = ref(!!props.params.node.isSelected());\nconst forceShowCheckbox = computed(() => isChecked.value || isSelectionEnabled(api));\nconst allowedSelection = ref(isSelectionEnabled(api));\n\nconst updateSelection = () => {\n  isChecked.value = props.params.node.isSelected() !== false;\n};\n\nconst setSelection = (val: boolean) => {\n  if (isSelectionEnabled(api)) {\n    props.params.node.setSelected(val);\n    updateSelection();\n  }\n};\n\nonBeforeMount(() => {\n  props.params.node.addEventListener(\"rowSelected\", updateSelection);\n});\n\nonBeforeUnmount(() => {\n  props.params.node.removeEventListener(\"rowSelected\", updateSelection);\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $styles.container,\n      { [$styles['allowed-selection']]: allowedSelection },\n      'd-flex',\n      'justify-center',\n      'align-center',\n    ]\"\n  >\n    <div v-if=\"!isChecked\" :class=\"[$styles.text]\">{{ params.value }}</div>\n    <PlCheckbox\n      v-if=\"forceShowCheckbox\"\n      v-model=\"isChecked\"\n      :class=\"[$styles.checkbox, isChecked && $styles.checked]\"\n      @update:modelValue=\"setSelection\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowNumCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAM9D,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,CAAC;;AAuGnD,wBAOG"}
+{"version":3,"file":"PlAgRowNumCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAM9D,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,mBAAmB,CAAA;CAAE,CAAC;;AAsGnD,wBAOG"}

package/dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue2.js

@@ -1,5 +1,37 @@
-import f from "./PlAgRowNumCheckbox.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAgRowNumCheckbox.vue2.js.map
+import e from "./pl-ag-row-num-checkbox.module.js";
+import { isSelectionEnabled as t } from "../../AgGridVue/selection.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, defineComponent as o, normalizeClass as s, onBeforeMount as c, onBeforeUnmount as l, openBlock as u, ref as d, toDisplayString as f, unref as p } from "vue";
+import { PlCheckbox as m } from "@milaboratories/uikit";
+var h = /* @__PURE__ */ o({
+	__name: "PlAgRowNumCheckbox",
+	props: { params: {} },
+	setup(o) {
+		let h = o, g = h.params.api, _ = d(!!h.params.node.isSelected()), v = n(() => _.value || t(g)), y = d(t(g)), b = () => {
+			_.value = h.params.node.isSelected() !== !1;
+		}, x = (e) => {
+			t(g) && (h.params.node.setSelected(e), b());
+		};
+		return c(() => {
+			h.params.node.addEventListener("rowSelected", b);
+		}), l(() => {
+			h.params.node.removeEventListener("rowSelected", b);
+		}), (t, n) => (u(), a("div", { class: s([
+			p(e).container,
+			{ [p(e)["allowed-selection"]]: y.value },
+			"d-flex",
+			"justify-center",
+			"align-center"
+		]) }, [_.value ? i("", !0) : (u(), a("div", {
+			key: 0,
+			class: s([p(e).text])
+		}, f(o.params.value), 3)), v.value ? (u(), r(p(m), {
+			key: 1,
+			modelValue: _.value,
+			"onUpdate:modelValue": [n[0] ||= (e) => _.value = e, x],
+			class: s([p(e).checkbox, _.value && p(e).checked])
+		}, null, 8, ["modelValue", "class"])) : i("", !0)], 2));
+	}
+});
+export { h as default };
+
+//# sourceMappingURL=PlAgRowNumCheckbox.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowNumCheckbox.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlAgRowNumCheckbox.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ICellRendererParams } from \"ag-grid-enterprise\";\nimport { PlCheckbox } from \"@milaboratories/uikit\";\nimport { ref, computed, onBeforeMount, onBeforeUnmount } from \"vue\";\nimport $styles from \"./pl-ag-row-num-checkbox.module.scss\";\nimport { isSelectionEnabled } from \"../../lib\";\n\nconst props = defineProps<{ params: ICellRendererParams }>();\n\nconst api = props.params.api;\nconst isChecked = ref(!!props.params.node.isSelected());\nconst forceShowCheckbox = computed(() => isChecked.value || isSelectionEnabled(api));\nconst allowedSelection = ref(isSelectionEnabled(api));\n\nconst updateSelection = () => {\n  isChecked.value = props.params.node.isSelected() !== false;\n};\n\nconst setSelection = (val: boolean) => {\n  if (isSelectionEnabled(api)) {\n    props.params.node.setSelected(val);\n    updateSelection();\n  }\n};\n\nonBeforeMount(() => {\n  props.params.node.addEventListener(\"rowSelected\", updateSelection);\n});\n\nonBeforeUnmount(() => {\n  props.params.node.removeEventListener(\"rowSelected\", updateSelection);\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $styles.container,\n      { [$styles['allowed-selection']]: allowedSelection },\n      'd-flex',\n      'justify-center',\n      'align-center',\n    ]\"\n  >\n    <div v-if=\"!isChecked\" :class=\"[$styles.text]\">{{ params.value }}</div>\n    <PlCheckbox\n      v-if=\"forceShowCheckbox\"\n      v-model=\"isChecked\"\n      :class=\"[$styles.checkbox, isChecked && $styles.checked]\"\n      @update:modelValue=\"setSelection\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAOA,IAAM,IAAQ,GAER,IAAM,EAAM,OAAO,KACnB,IAAY,EAAI,CAAC,CAAC,EAAM,OAAO,KAAK,YAAY,CAAC,EACjD,IAAoB,QAAe,EAAU,SAAS,EAAmB,EAAI,CAAC,EAC9E,IAAmB,EAAI,EAAmB,EAAI,CAAC,EAE/C,UAAwB;AAC5B,KAAU,QAAQ,EAAM,OAAO,KAAK,YAAY,KAAK;KAGjD,KAAgB,MAAiB;AACrC,GAAI,EAAmB,EAAI,KACzB,EAAM,OAAO,KAAK,YAAY,EAAI,EAClC,GAAiB;;SAIrB,QAAoB;AAClB,KAAM,OAAO,KAAK,iBAAiB,eAAe,EAAgB;IAClE,EAEF,QAAsB;AACpB,KAAM,OAAO,KAAK,oBAAoB,eAAe,EAAgB;IACrE,kBAIA,EAgBM,OAAA,EAfH,OAAK,EAAA;GAAU,EAAA,EAAO,CAAC;MAAoB,EAAA,EAAO,CAAA,uBAAwB,EAAA,OAAgB;;;;SAQ/E,EAAA,QAAkD,EAAA,IAAA,GAAA,IAAlD,GAAA,EAAZ,EAAuE,OAAA;;GAA/C,OAAK,EAAA,CAAG,EAAA,EAAO,CAAC,KAAI,CAAA;OAAM,EAAA,OAAO,MAAK,EAAA,EAAA,GAEtD,EAAA,SAAA,GAAA,EADR,EAKE,EAAA,EAAA,EAAA;;eAHS,EAAA;6CAAS,QAAA,GAEE,EAAA;GADnB,OAAK,EAAA,CAAG,EAAA,EAAO,CAAC,UAAU,EAAA,SAAa,EAAA,EAAO,CAAC,QAAO,CAAA"}

package/dist/components/PlAgRowNumCheckbox/pl-ag-row-num-checkbox.css

@@ -1 +1 @@
-._container_1g3ar_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}._text_1g3ar_7{display:block}._checkbox_1g3ar_11,._allowed-selection_1g3ar_15:hover ._text_1g3ar_7{display:none}._allowed-selection_1g3ar_15:hover ._checkbox_1g3ar_11,._checkbox_1g3ar_11._checked_1g3ar_23{display:block}.ag-row-hover ._checkbox_1g3ar_11{display:block!important}.ag-row-hover ._allowed-selection_1g3ar_15 ._text_1g3ar_7{display:none}
+._container_1g3ar_1{z-index:1;position:absolute;inset:0}._text_1g3ar_7{display:block}._checkbox_1g3ar_11,._allowed-selection_1g3ar_15:hover ._text_1g3ar_7{display:none}._allowed-selection_1g3ar_15:hover ._checkbox_1g3ar_11,._checkbox_1g3ar_11._checked_1g3ar_23{display:block}.ag-row-hover ._checkbox_1g3ar_11{display:block!important}.ag-row-hover ._allowed-selection_1g3ar_15 ._text_1g3ar_7{display:none}

package/dist/components/PlAgRowNumCheckbox/pl-ag-row-num-checkbox.module.js

@@ -0,0 +1,10 @@
+import './pl-ag-row-num-checkbox.css';var e = {
+	container: "_container_1g3ar_1",
+	text: "_text_1g3ar_7",
+	checkbox: "_checkbox_1g3ar_11",
+	"allowed-selection": "_allowed-selection_1g3ar_15",
+	checked: "_checked_1g3ar_23"
+};
+export { e as default };
+
+//# sourceMappingURL=pl-ag-row-num-checkbox.module.js.map

package/dist/components/PlAgRowNumCheckbox/pl-ag-row-num-checkbox.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pl-ag-row-num-checkbox.module.js","names":[],"sources":["../../../src/components/PlAgRowNumCheckbox/pl-ag-row-num-checkbox.module.scss"],"sourcesContent":[".container {\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n}\n\n.text {\n  display: block;\n}\n\n.checkbox {\n  display: none;\n}\n\n.allowed-selection:hover .text {\n  display: none;\n}\n\n.allowed-selection:hover .checkbox {\n  display: block;\n}\n\n.checkbox.checked {\n  display: block;\n}\n\n:global(.ag-row-hover) {\n  .checkbox {\n    display: block !important;\n  }\n\n  .allowed-selection .text {\n    display: none;\n  }\n}\n"],"mappings":""}

package/dist/components/PlAgRowNumHeader.js

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

package/dist/components/PlAgRowNumHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgRowNumHeader.js","names":[],"sources":["../../src/components/PlAgRowNumHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlCheckbox } from \"@milaboratories/uikit\";\nimport type { IHeaderParams } from \"ag-grid-enterprise\";\nimport { computed, onBeforeMount, onBeforeUnmount, ref } from \"vue\";\nimport {\n  deselectAll,\n  getSelectedRowsCount,\n  getTotalRowsCount,\n  isSelectionEnabled,\n  selectAll,\n} from \"../lib\";\n\nconst { params } = defineProps<{\n  params: IHeaderParams;\n}>();\n\nconst selectedRowCount = ref(getSelectedRowsCount(params.api));\nconst totalRowCount = ref(getTotalRowsCount(params.api));\nconst isSelectable = ref(isSelectionEnabled(params.api));\n\nconst someRowsSelected = computed(() => selectedRowCount.value > 0);\n\nconst allRowsSelected = computed(\n  () => someRowsSelected.value && selectedRowCount.value === totalRowCount.value,\n);\n\nfunction toggleSelectAll() {\n  if (someRowsSelected.value) {\n    deselectAll(params.api);\n  } else {\n    selectAll(params.api);\n  }\n}\n\nfunction updateRowCounts() {\n  selectedRowCount.value = getSelectedRowsCount(params.api);\n  totalRowCount.value = getTotalRowsCount(params.api);\n}\n\nfunction updateIsSelectable() {\n  isSelectable.value = isSelectionEnabled(params.api);\n}\n\nonBeforeMount(() => {\n  params.api.addEventListener(\"selectionChanged\", updateRowCounts);\n  params.api.addEventListener(\"rowDataUpdated\", updateRowCounts);\n  params.api.addEventListener(\"modelUpdated\", updateRowCounts);\n  params.api.addEventListener(\"stateUpdated\", updateIsSelectable);\n});\n\nonBeforeUnmount(() => {\n  params.api.removeEventListener(\"selectionChanged\", updateRowCounts);\n  params.api.removeEventListener(\"rowDataUpdated\", updateRowCounts);\n  params.api.removeEventListener(\"modelUpdated\", updateRowCounts);\n  params.api.removeEventListener(\"stateUpdated\", updateIsSelectable);\n});\n</script>\n\n<template>\n  <div\n    style=\"\n      position: absolute;\n      inset: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    \"\n  >\n    <PlCheckbox\n      v-if=\"isSelectable\"\n      :model-value=\"someRowsSelected\"\n      :indeterminate=\"someRowsSelected && !allRowsSelected\"\n      @update:model-value=\"toggleSelectAll\"\n    />\n    <span v-else>\n      {{ params.displayName }}\n    </span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlAgRowNumHeader.vue2.js

@@ -1,5 +1,38 @@
-import f from "./PlAgRowNumHeader.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAgRowNumHeader.vue2.js.map
+import { deselectAll as e, getSelectedRowsCount as t, getTotalRowsCount as n, isSelectionEnabled as r, selectAll as i } from "../AgGridVue/selection.js";
+import { computed as a, createBlock as o, createElementBlock as s, defineComponent as c, onBeforeMount as l, onBeforeUnmount as u, openBlock as d, ref as f, toDisplayString as p, unref as m } from "vue";
+import { PlCheckbox as h } from "@milaboratories/uikit";
+var g = { style: {
+	position: "absolute",
+	inset: "0",
+	display: "flex",
+	"justify-content": "center",
+	"align-items": "center"
+} }, _ = { key: 1 }, v = /* @__PURE__ */ c({
+	__name: "PlAgRowNumHeader",
+	props: { params: {} },
+	setup(c) {
+		let v = f(t(c.params.api)), y = f(n(c.params.api)), b = f(r(c.params.api)), x = a(() => v.value > 0), S = a(() => x.value && v.value === y.value);
+		function C() {
+			x.value ? e(c.params.api) : i(c.params.api);
+		}
+		function w() {
+			v.value = t(c.params.api), y.value = n(c.params.api);
+		}
+		function T() {
+			b.value = r(c.params.api);
+		}
+		return l(() => {
+			c.params.api.addEventListener("selectionChanged", w), c.params.api.addEventListener("rowDataUpdated", w), c.params.api.addEventListener("modelUpdated", w), c.params.api.addEventListener("stateUpdated", T);
+		}), u(() => {
+			c.params.api.removeEventListener("selectionChanged", w), c.params.api.removeEventListener("rowDataUpdated", w), c.params.api.removeEventListener("modelUpdated", w), c.params.api.removeEventListener("stateUpdated", T);
+		}), (e, t) => (d(), s("div", g, [b.value ? (d(), o(m(h), {
+			key: 0,
+			"model-value": x.value,
+			indeterminate: x.value && !S.value,
+			"onUpdate:modelValue": C
+		}, null, 8, ["model-value", "indeterminate"])) : (d(), s("span", _, p(c.params.displayName), 1))]));
+	}
+});
+export { v as default };
+
+//# sourceMappingURL=PlAgRowNumHeader.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowNumHeader.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlAgRowNumHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../src/components/PlAgRowNumHeader.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlCheckbox } from \"@milaboratories/uikit\";\nimport type { IHeaderParams } from \"ag-grid-enterprise\";\nimport { computed, onBeforeMount, onBeforeUnmount, ref } from \"vue\";\nimport {\n  deselectAll,\n  getSelectedRowsCount,\n  getTotalRowsCount,\n  isSelectionEnabled,\n  selectAll,\n} from \"../lib\";\n\nconst { params } = defineProps<{\n  params: IHeaderParams;\n}>();\n\nconst selectedRowCount = ref(getSelectedRowsCount(params.api));\nconst totalRowCount = ref(getTotalRowsCount(params.api));\nconst isSelectable = ref(isSelectionEnabled(params.api));\n\nconst someRowsSelected = computed(() => selectedRowCount.value > 0);\n\nconst allRowsSelected = computed(\n  () => someRowsSelected.value && selectedRowCount.value === totalRowCount.value,\n);\n\nfunction toggleSelectAll() {\n  if (someRowsSelected.value) {\n    deselectAll(params.api);\n  } else {\n    selectAll(params.api);\n  }\n}\n\nfunction updateRowCounts() {\n  selectedRowCount.value = getSelectedRowsCount(params.api);\n  totalRowCount.value = getTotalRowsCount(params.api);\n}\n\nfunction updateIsSelectable() {\n  isSelectable.value = isSelectionEnabled(params.api);\n}\n\nonBeforeMount(() => {\n  params.api.addEventListener(\"selectionChanged\", updateRowCounts);\n  params.api.addEventListener(\"rowDataUpdated\", updateRowCounts);\n  params.api.addEventListener(\"modelUpdated\", updateRowCounts);\n  params.api.addEventListener(\"stateUpdated\", updateIsSelectable);\n});\n\nonBeforeUnmount(() => {\n  params.api.removeEventListener(\"selectionChanged\", updateRowCounts);\n  params.api.removeEventListener(\"rowDataUpdated\", updateRowCounts);\n  params.api.removeEventListener(\"modelUpdated\", updateRowCounts);\n  params.api.removeEventListener(\"stateUpdated\", updateIsSelectable);\n});\n</script>\n\n<template>\n  <div\n    style=\"\n      position: absolute;\n      inset: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    \"\n  >\n    <PlCheckbox\n      v-if=\"isSelectable\"\n      :model-value=\"someRowsSelected\"\n      :indeterminate=\"someRowsSelected && !allRowsSelected\"\n      @update:model-value=\"toggleSelectAll\"\n    />\n    <span v-else>\n      {{ params.displayName }}\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAgBA,IAAM,IAAmB,EAAI,EAAqB,EAAA,OAAO,IAAI,CAAC,EACxD,IAAgB,EAAI,EAAkB,EAAA,OAAO,IAAI,CAAC,EAClD,IAAe,EAAI,EAAmB,EAAA,OAAO,IAAI,CAAC,EAElD,IAAmB,QAAe,EAAiB,QAAQ,EAAE,EAE7D,IAAkB,QAChB,EAAiB,SAAS,EAAiB,UAAU,EAAc,MAC1E;EAED,SAAS,IAAkB;AACzB,GAAI,EAAiB,QACnB,EAAY,EAAA,OAAO,IAAI,GAEvB,EAAU,EAAA,OAAO,IAAI;;EAIzB,SAAS,IAAkB;AAEzB,GADA,EAAiB,QAAQ,EAAqB,EAAA,OAAO,IAAI,EACzD,EAAc,QAAQ,EAAkB,EAAA,OAAO,IAAI;;EAGrD,SAAS,IAAqB;AAC5B,KAAa,QAAQ,EAAmB,EAAA,OAAO,IAAI;;SAGrD,QAAoB;AAIlB,GAHA,EAAA,OAAO,IAAI,iBAAiB,oBAAoB,EAAgB,EAChE,EAAA,OAAO,IAAI,iBAAiB,kBAAkB,EAAgB,EAC9D,EAAA,OAAO,IAAI,iBAAiB,gBAAgB,EAAgB,EAC5D,EAAA,OAAO,IAAI,iBAAiB,gBAAgB,EAAmB;IAC/D,EAEF,QAAsB;AAIpB,GAHA,EAAA,OAAO,IAAI,oBAAoB,oBAAoB,EAAgB,EACnE,EAAA,OAAO,IAAI,oBAAoB,kBAAkB,EAAgB,EACjE,EAAA,OAAO,IAAI,oBAAoB,gBAAgB,EAAgB,EAC/D,EAAA,OAAO,IAAI,oBAAoB,gBAAgB,EAAmB;IAClE,kBAIA,EAkBM,OAlBN,GAkBM,CARI,EAAA,SAAA,GAAA,EADR,EAKE,EAAA,EAAA,EAAA;;GAHC,eAAa,EAAA;GACb,eAAe,EAAA,SAAgB,CAAK,EAAA;GACpC,uBAAoB;yDAEvB,EAEO,QAAA,GAAA,EADF,EAAA,OAAO,YAAW,EAAA,EAAA,EAAA,CAAA"}

package/dist/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.js

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

package/dist/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlAgTextAndButtonCell.js","names":[],"sources":["../../../src/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ICellRendererParams, RowDoubleClickedEvent } from \"ag-grid-enterprise\";\nimport type { MaskIconName16 } from \"@milaboratories/uikit\";\nimport { PlMaskIcon16 } from \"@milaboratories/uikit\";\nimport \"./pl-ag-text-and-button-cell.scss\";\n\nconst props = defineProps<{\n  params: ICellRendererParams & {\n    /**\n     * Button icon MaskIconName16\n     */\n    icon?: MaskIconName16;\n    /**\n     * Button label\n     */\n    btnLabel?: string;\n    /**\n     * If invokeRowsOnDoubleClick = true, clicking a button inside the row\n     * triggers the doubleClick event for the entire row. In this case,\n     * the handler passed to the component is not called, even if it is defined.\n     *\n     * If invokeRowsOnDoubleClick = false, the doubleClick event for the row\n     * is not triggered, but the provided handler will be called, receiving\n     * the ICellRendererParams as an argument.\n     */\n    invokeRowsOnDoubleClick?: boolean;\n    /**\n     * plHandler parameter is a click handler that is invoked when\n     * the invokeRowsOnDoubleClick property is set to false.\n     */\n    onClick?: (params: ICellRendererParams) => void;\n  };\n}>();\n\nfunction triggerRowDoubleClick() {\n  if (props.params.invokeRowsOnDoubleClick) {\n    const gridApi = props.params.api;\n\n    const event: RowDoubleClickedEvent = {\n      rowPinned: props.params.node.rowPinned,\n      api: gridApi,\n      rowIndex: props.params.node.rowIndex,\n      context: gridApi,\n      type: \"rowDoubleClicked\",\n      node: props.params.node,\n      data: props.params.data,\n      event: null,\n    };\n\n    gridApi.dispatchEvent(event);\n  } else {\n    props.params.onClick?.(props.params);\n  }\n}\n</script>\n<template>\n  <div class=\"pl-ag-grid-open-cell d-flex\">\n    <div class=\"pl-ag-grid-open-cell__value\">\n      {{ params.value }}\n    </div>\n    <div\n      class=\"pl-ag-grid-open-cell__activator text-caps11 align-center\"\n      @click.stop=\"triggerRowDoubleClick\"\n    >\n      <PlMaskIcon16 :name=\"params.icon ?? 'maximize'\" />\n      {{ params.btnLabel ?? \"Open\" }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue2.js

@@ -1,5 +1,32 @@
-import f from "./PlAgTextAndButtonCell.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=PlAgTextAndButtonCell.vue2.js.map
+import './pl-ag-text-and-button-cell.css';/* empty css                           */
+import { createElementBlock as e, createElementVNode as t, createTextVNode as n, createVNode as r, defineComponent as i, openBlock as a, toDisplayString as o, unref as s, withModifiers as c } from "vue";
+import { PlMaskIcon16 as l } from "@milaboratories/uikit";
+var u = { class: "pl-ag-grid-open-cell d-flex" }, d = { class: "pl-ag-grid-open-cell__value" }, f = /* @__PURE__ */ i({
+	__name: "PlAgTextAndButtonCell",
+	props: { params: {} },
+	setup(i) {
+		let f = i;
+		function p() {
+			if (f.params.invokeRowsOnDoubleClick) {
+				let e = f.params.api, t = {
+					rowPinned: f.params.node.rowPinned,
+					api: e,
+					rowIndex: f.params.node.rowIndex,
+					context: e,
+					type: "rowDoubleClicked",
+					node: f.params.node,
+					data: f.params.data,
+					event: null
+				};
+				e.dispatchEvent(t);
+			} else f.params.onClick?.(f.params);
+		}
+		return (f, m) => (a(), e("div", u, [t("div", d, o(i.params.value), 1), t("div", {
+			class: "pl-ag-grid-open-cell__activator text-caps11 align-center",
+			onClick: c(p, ["stop"])
+		}, [r(s(l), { name: i.params.icon ?? "maximize" }, null, 8, ["name"]), n(" " + o(i.params.btnLabel ?? "Open"), 1)])]));
+	}
+});
+export { f as default };
+
+//# sourceMappingURL=PlAgTextAndButtonCell.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgTextAndButtonCell.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PlAgTextAndButtonCell.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ICellRendererParams, RowDoubleClickedEvent } from \"ag-grid-enterprise\";\nimport type { MaskIconName16 } from \"@milaboratories/uikit\";\nimport { PlMaskIcon16 } from \"@milaboratories/uikit\";\nimport \"./pl-ag-text-and-button-cell.scss\";\n\nconst props = defineProps<{\n  params: ICellRendererParams & {\n    /**\n     * Button icon MaskIconName16\n     */\n    icon?: MaskIconName16;\n    /**\n     * Button label\n     */\n    btnLabel?: string;\n    /**\n     * If invokeRowsOnDoubleClick = true, clicking a button inside the row\n     * triggers the doubleClick event for the entire row. In this case,\n     * the handler passed to the component is not called, even if it is defined.\n     *\n     * If invokeRowsOnDoubleClick = false, the doubleClick event for the row\n     * is not triggered, but the provided handler will be called, receiving\n     * the ICellRendererParams as an argument.\n     */\n    invokeRowsOnDoubleClick?: boolean;\n    /**\n     * plHandler parameter is a click handler that is invoked when\n     * the invokeRowsOnDoubleClick property is set to false.\n     */\n    onClick?: (params: ICellRendererParams) => void;\n  };\n}>();\n\nfunction triggerRowDoubleClick() {\n  if (props.params.invokeRowsOnDoubleClick) {\n    const gridApi = props.params.api;\n\n    const event: RowDoubleClickedEvent = {\n      rowPinned: props.params.node.rowPinned,\n      api: gridApi,\n      rowIndex: props.params.node.rowIndex,\n      context: gridApi,\n      type: \"rowDoubleClicked\",\n      node: props.params.node,\n      data: props.params.data,\n      event: null,\n    };\n\n    gridApi.dispatchEvent(event);\n  } else {\n    props.params.onClick?.(props.params);\n  }\n}\n</script>\n<template>\n  <div class=\"pl-ag-grid-open-cell d-flex\">\n    <div class=\"pl-ag-grid-open-cell__value\">\n      {{ params.value }}\n    </div>\n    <div\n      class=\"pl-ag-grid-open-cell__activator text-caps11 align-center\"\n      @click.stop=\"triggerRowDoubleClick\"\n    >\n      <PlMaskIcon16 :name=\"params.icon ?? 'maximize'\" />\n      {{ params.btnLabel ?? \"Open\" }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;EAMA,IAAM,IAAQ;EA4Bd,SAAS,IAAwB;AAC/B,OAAI,EAAM,OAAO,yBAAyB;IACxC,IAAM,IAAU,EAAM,OAAO,KAEvB,IAA+B;KACnC,WAAW,EAAM,OAAO,KAAK;KAC7B,KAAK;KACL,UAAU,EAAM,OAAO,KAAK;KAC5B,SAAS;KACT,MAAM;KACN,MAAM,EAAM,OAAO;KACnB,MAAM,EAAM,OAAO;KACnB,OAAO;KACR;AAED,MAAQ,cAAc,EAAM;SAE5B,GAAM,OAAO,UAAU,EAAM,OAAO;;yBAKtC,EAWM,OAXN,GAWM,CAVJ,EAEM,OAFN,GAEM,EADD,EAAA,OAAO,MAAK,EAAA,EAAA,EAEjB,EAMM,OAAA;GALJ,OAAM;GACL,SAAK,EAAO,GAAqB,CAAA,OAAA,CAAA;MAElC,EAAkD,EAAA,EAAA,EAAA,EAAnC,MAAM,EAAA,OAAO,QAAI,YAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,EAAA,EAAkB,MAClD,EAAG,EAAA,OAAO,YAAQ,OAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA"}