@platforma-sdk/ui-vue 1.42.18 → 1.42.20

package/dist/components/PlAgCellStatusTag/PlAgCellStatusTag.vue.js

@@ -1,7 +1,6 @@
-import { defineComponent as a, createElementBlock as r, openBlock as o, createVNode as p, unref as l } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
-import n from "../../lib/ui/uikit/dist/components/PlStatusTag/PlStatusTag.vue.js";
-const s = { class: "pl-ag-cell-status-tag d-flex align-center" }, f = /* @__PURE__ */ a({
+import { defineComponent as a, createElementBlock as r, openBlock as l, createVNode as o, unref as p } from "vue";
+import { PlStatusTag as s } from "@milaboratories/uikit";
+const n = { class: "pl-ag-cell-status-tag d-flex align-center" }, f = /* @__PURE__ */ a({
   __name: "PlAgCellStatusTag",
   props: {
     params: {}
@@ -9,8 +8,8 @@ const s = { class: "pl-ag-cell-status-tag d-flex align-center" }, f = /* @__PURE
   setup(c) {
     return (t, m) => {
       var e;
-      return o(), r("div", s, [
-        p(l(n), {
+      return l(), r("div", n, [
+        o(p(s), {
           type: (e = t.params) == null ? void 0 : e.type
         }, null, 8, ["type"])
       ]);

package/dist/components/PlAgCellStatusTag/PlAgCellStatusTag.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgCellStatusTag.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgCellStatusTag.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAgCellStatusTag/index.d.ts

@@ -1,2 +1 @@
 export { default as PlAgCellStatusTag } from './PlAgCellStatusTag.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue.d.ts

@@ -8,4 +8,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     root: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlAgChartHistogramCell.vue.d.ts.map

package/dist/components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue.js

@@ -1,26 +1,25 @@
-import { defineComponent as n, ref as c, computed as i, createElementBlock as s, openBlock as t, createBlock as m, unref as p } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
-import { useElementBounding as u } from "../../node_modules/.pnpm/@vueuse_core@13.3.0_vue@3.5.13_typescript@5.6.3_/node_modules/@vueuse/core/index.js";
-import d from "../../lib/ui/uikit/dist/components/PlChartHistogram/PlChartHistogram.vue.js";
+import { defineComponent as n, ref as c, computed as i, createElementBlock as s, openBlock as t, createBlock as m, unref as u } from "vue";
+import { PlChartHistogram as p } from "@milaboratories/uikit";
+import { useElementBounding as d } from "@vueuse/core";
 const f = {
   key: 1,
   class: "pl-ag-chart-histogram-cell__not-ready"
-}, B = /* @__PURE__ */ n({
+}, y = /* @__PURE__ */ n({
   __name: "PlAgChartHistogramCell",
   props: {
     params: {}
   },
   setup(l) {
-    const e = l, r = c(), { width: o } = u(r), a = i(() => {
+    const e = l, r = c(), { width: o } = d(r), a = i(() => {
       if (e.params.value && o.value)
         return { ...e.params.value, compact: !0, totalHeight: 24, totalWidth: o.value };
     });
-    return (g, _) => (t(), s("div", {
+    return (g, h) => (t(), s("div", {
       ref_key: "root",
       ref: r,
       class: "pl-ag-chart-histogram-cell"
     }, [
-      a.value ? (t(), m(p(d), {
+      a.value ? (t(), m(u(p), {
         key: 0,
         settings: a.value
       }, null, 8, ["settings"])) : (t(), s("div", f, "Not ready"))
@@ -28,6 +27,6 @@ const f = {
   }
 });
 export {
-  B as default
+  y as default
 };
 //# sourceMappingURL=PlAgChartHistogramCell.vue.js.map

package/dist/components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgChartHistogramCell.vue.js","sources":["../../../src/components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport {\n  type InferComponentProps,\n  PlChartHistogram,\n} from '@milaboratories/uikit';\nimport { computed, ref } from 'vue';\nimport { useElementBounding } from '@vueuse/core';\n\ntype PlChartHistogramSettings = InferComponentProps<typeof PlChartHistogram>['settings'];\n\nconst props = defineProps<{\n  params: ICellRendererParams<unknown, PlChartHistogramSettings | undefined>;\n}>();\n\nconst root = ref<HTMLElement>();\n\nconst { width } = useElementBounding(root);\n\nconst settings = computed<PlChartHistogramSettings | undefined>(() => {\n  if (!props.params.value) {\n    return undefined;\n  }\n\n  if (!width.value) {\n    return undefined;\n  }\n\n  return { ...props.params.value, compact: true, totalHeight: 24, totalWidth: width.value };\n});\n</script>\n\n<template>\n  <div ref=\"root\" class=\"pl-ag-chart-histogram-cell\">\n    <PlChartHistogram v-if=\"settings\" :settings=\"settings\" />\n    <div v-else class=\"pl-ag-chart-histogram-cell__not-ready \">Not ready</div>\n  </div>\n</template>\n\n<style>\n.pl-ag-chart-histogram-cell {\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.pl-ag-chart-histogram-cell__not-ready {\n  color: var(--txt-03) !important;\n}\n</style>\n"],"names":["props","__props","root","ref","width","useElementBounding","settings","computed"],"mappings":";;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAIRC,IAAOC,EAAiB,GAExB,EAAE,OAAAC,EAAA,IAAUC,EAAmBH,CAAI,GAEnCI,IAAWC,EAA+C,MAAM;AAChE,UAACP,EAAM,OAAO,SAIbI,EAAM;AAIJ,eAAA,EAAE,GAAGJ,EAAM,OAAO,OAAO,SAAS,IAAM,aAAa,IAAI,YAAYI,EAAM,MAAM;AAAA,IAAA,CACzF;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgChartHistogramCell.vue.js","sources":["../../../src/components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport {\n  type InferComponentProps,\n  PlChartHistogram,\n} from '@milaboratories/uikit';\nimport { computed, ref } from 'vue';\nimport { useElementBounding } from '@vueuse/core';\n\ntype PlChartHistogramSettings = InferComponentProps<typeof PlChartHistogram>['settings'];\n\nconst props = defineProps<{\n  params: ICellRendererParams<unknown, PlChartHistogramSettings | undefined>;\n}>();\n\nconst root = ref<HTMLElement>();\n\nconst { width } = useElementBounding(root);\n\nconst settings = computed<PlChartHistogramSettings | undefined>(() => {\n  if (!props.params.value) {\n    return undefined;\n  }\n\n  if (!width.value) {\n    return undefined;\n  }\n\n  return { ...props.params.value, compact: true, totalHeight: 24, totalWidth: width.value };\n});\n</script>\n\n<template>\n  <div ref=\"root\" class=\"pl-ag-chart-histogram-cell\">\n    <PlChartHistogram v-if=\"settings\" :settings=\"settings\" />\n    <div v-else class=\"pl-ag-chart-histogram-cell__not-ready \">Not ready</div>\n  </div>\n</template>\n\n<style>\n.pl-ag-chart-histogram-cell {\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.pl-ag-chart-histogram-cell__not-ready {\n  color: var(--txt-03) !important;\n}\n</style>\n"],"names":["props","__props","root","ref","width","useElementBounding","settings","computed"],"mappings":";;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAIRC,IAAOC,EAAA,GAEP,EAAE,OAAAC,EAAA,IAAUC,EAAmBH,CAAI,GAEnCI,IAAWC,EAA+C,MAAM;AACpE,UAAKP,EAAM,OAAO,SAIbI,EAAM;AAIX,eAAO,EAAE,GAAGJ,EAAM,OAAO,OAAO,SAAS,IAAM,aAAa,IAAI,YAAYI,EAAM,MAAA;AAAA,IACpF,CAAC;;;;;;;;;;;;;"}

package/dist/components/PlAgChartHistogramCell/index.d.ts

@@ -1,2 +1 @@
 export { default as PlAgChartHistogramCell } from './PlAgChartHistogramCell.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue.d.ts

@@ -5,4 +5,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlAgChartStackedBarCell.vue.d.ts.map

package/dist/components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue.js

@@ -1,16 +1,15 @@
-import { defineComponent as r, computed as c, createElementBlock as a, openBlock as e, createBlock as l, unref as n } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
-import p from "../../lib/ui/uikit/dist/components/PlChartStackedBar/PlChartStackedBarCompact.vue.js";
+import { defineComponent as s, computed as o, createElementBlock as a, openBlock as e, createBlock as l, unref as n } from "vue";
+import { PlChartStackedBarCompact as p } from "@milaboratories/uikit";
 const d = { class: "pl-ag-chart-stacked-bar-cell" }, i = {
   key: 1,
   class: "pl-ag-chart-stacked-bar-cell__not-ready"
-}, g = /* @__PURE__ */ r({
+}, h = /* @__PURE__ */ s({
   __name: "PlAgChartStackedBarCell",
   props: {
     params: {}
   },
-  setup(s) {
-    const o = s, t = c(() => o.params.value || void 0);
+  setup(c) {
+    const r = c, t = o(() => r.params.value || void 0);
     return (m, _) => (e(), a("div", d, [
       t.value ? (e(), l(n(p), {
         key: 0,
@@ -20,6 +19,6 @@ const d = { class: "pl-ag-chart-stacked-bar-cell" }, i = {
   }
 });
 export {
-  g as default
+  h as default
 };
 //# sourceMappingURL=PlAgChartStackedBarCell.vue.js.map

package/dist/components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAgChartStackedBarCell.vue.js","sources":["../../../src/components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport type {\n  PlChartStackedBarSettings,\n} from '@milaboratories/uikit';\nimport {\n  PlChartStackedBarCompact,\n} from '@milaboratories/uikit';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  params: ICellRendererParams<unknown, PlChartStackedBarSettings | undefined>;\n}>();\n\nconst settings = computed(() => props.params.value || undefined);\n</script>\n\n<template>\n  <div class=\"pl-ag-chart-stacked-bar-cell\">\n    <PlChartStackedBarCompact v-if=\"settings\" :settings=\"settings\" />\n    <div v-else class=\"pl-ag-chart-stacked-bar-cell__not-ready\">Not ready</div>\n  </div>\n</template>\n\n<style>\n.pl-ag-chart-stacked-bar-cell {\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.pl-ag-chart-stacked-bar-cell__not-ready {\n  color: var(--txt-03) !important;\n}\n</style>\n"],"names":["props","__props","settings","computed"],"mappings":";;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAMH,EAAM,OAAO,SAAS,MAAS;;;;;;;;;"}
+{"version":3,"file":"PlAgChartStackedBarCell.vue.js","sources":["../../../src/components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport type {\n  PlChartStackedBarSettings,\n} from '@milaboratories/uikit';\nimport {\n  PlChartStackedBarCompact,\n} from '@milaboratories/uikit';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  params: ICellRendererParams<unknown, PlChartStackedBarSettings | undefined>;\n}>();\n\nconst settings = computed(() => props.params.value || undefined);\n</script>\n\n<template>\n  <div class=\"pl-ag-chart-stacked-bar-cell\">\n    <PlChartStackedBarCompact v-if=\"settings\" :settings=\"settings\" />\n    <div v-else class=\"pl-ag-chart-stacked-bar-cell__not-ready\">Not ready</div>\n  </div>\n</template>\n\n<style>\n.pl-ag-chart-stacked-bar-cell {\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.pl-ag-chart-stacked-bar-cell__not-ready {\n  color: var(--txt-03) !important;\n}\n</style>\n"],"names":["props","__props","settings","computed"],"mappings":";;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAMH,EAAM,OAAO,SAAS,MAAS;;;;;;;;;"}

package/dist/components/PlAgChartStackedBarCell/index.d.ts

@@ -1,2 +1 @@
 export { default as PlAgChartStackedBarCell } from './PlAgChartStackedBarCell.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAgColumnHeader/PlAgColumnHeader.vue.d.ts

@@ -7,4 +7,3 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     menuActivatorBtn: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlAgColumnHeader.vue.d.ts.map

package/dist/components/PlAgColumnHeader/PlAgColumnHeader.vue.js

@@ -1,9 +1,8 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".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}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { defineComponent as y, computed as p, ref as i, onMounted as k, createElementBlock as d, openBlock as o, createElementVNode as f, createCommentVNode as g, createVNode as h, createBlock as B, unref as t, toDisplayString as D, withModifiers as S } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
+import { defineComponent as y, computed as p, ref as i, onMounted as k, createElementBlock as d, openBlock as o, createElementVNode as f, createCommentVNode as g, createVNode as h, createBlock as B, unref as t, toDisplayString as D, withModifiers as M } from "vue";
+import { PlMaskIcon16 as a } from "@milaboratories/uikit";
 
-import a from "../../lib/ui/uikit/dist/components/PlIcon16/PlIcon16.vue.js";
-const x = { class: "pl-ag-column-header__title d-flex align-center gap-6 flex-grow-1" }, E = /* @__PURE__ */ y({
+const P = { class: "pl-ag-column-header__title d-flex align-center gap-6 flex-grow-1" }, N = /* @__PURE__ */ y({
   __name: "PlAgColumnHeader",
   props: {
     params: {}
@@ -55,7 +54,7 @@ const x = { class: "pl-ag-column-header__title d-flex align-center gap-6 flex-gr
       class: "pl-ag-column-header d-flex align-center gap-6",
       onClick: _
     }, [
-      f("div", x, [
+      f("div", P, [
         h(t(a), {
           name: C.value,
           class: "pl-ag-column-header__type-icon"
@@ -71,7 +70,7 @@ const x = { class: "pl-ag-column-header__title d-flex align-center gap-6 flex-gr
         ref_key: "menuActivatorBtn",
         ref: u,
         class: "pl-ag-column-header__menu-icon",
-        onClick: S(w, ["stop"])
+        onClick: M(w, ["stop"])
       }, [
         h(t(a), { name: "more" })
       ], 512)) : g("", !0)
@@ -79,6 +78,6 @@ const x = { class: "pl-ag-column-header__title d-flex align-center gap-6 flex-gr
   }
 });
 export {
-  E as default
+  N as default
 };
 //# sourceMappingURL=PlAgColumnHeader.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgColumnHeader.vue.js","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 } from '@milaboratories/uikit';\nimport { computed, onMounted, ref } from 'vue';\nimport './pl-ag-column-header.scss';\nimport type { PlAgHeaderComponentParams } from './types';\n\nconst props = defineProps<{ params: IHeaderParams & PlAgHeaderComponentParams }>();\n\nconst icon = computed<MaskIconName16>(() => {\n  const type = (props.params.column.getUserProvidedColDef()?.headerComponentParams as PlAgHeaderComponentParams)?.type;\n  switch (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(`unsupported data type: ${type satisfies never} for PlAgColumnHeader component. Column ${props.params.column.getColId()}`);\n  }\n});\n\nconst sortDirection = ref<SortDirection>(null);\nconst refreshSortDirection = () => (sortDirection.value = props.params.column.getSort() ?? null);\nonMounted(() => refreshSortDirection());\nfunction onSortRequested() {\n  if (props.params.column.isSortable()) {\n    props.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(`unsupported sort direction: ${direction satisfies never}. Column ${props.params.column.getColId()}`);\n  }\n});\n\nconst menuActivatorBtn = ref<HTMLElement>();\nfunction showMenu() {\n  const menuActivatorBtnValue = menuActivatorBtn.value;\n  if (menuActivatorBtnValue) props.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    <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    <div v-if=\"params.enableMenu\" ref=\"menuActivatorBtn\" class=\"pl-ag-column-header__menu-icon\" @click.stop=\"showMenu\">\n      <PlMaskIcon16 name=\"more\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","icon","computed","type","_b","_a","sortDirection","ref","refreshSortDirection","onMounted","onSortRequested","sortIcon","direction","menuActivatorBtn","showMenu","menuActivatorBtnValue"],"mappings":";;;;;;;;;;AAQA,UAAMA,IAAQC,GAERC,IAAOC,EAAyB,MAAM;;AAC1C,YAAMC,KAAQC,KAAAC,IAAAN,EAAM,OAAO,OAAO,sBAAA,MAApB,gBAAAM,EAA6C,0BAA7C,gBAAAD,EAAkG;AAChH,cAAQD,GAAM;AAAA,QACZ,KAAK;AAAA,QACL,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT;AACQ,gBAAA,MAAM,0BAA0BA,CAAoB,2CAA2CJ,EAAM,OAAO,OAAO,SAAU,CAAA,EAAE;AAAA,MAAA;AAAA,IACzI,CACD,GAEKO,IAAgBC,EAAmB,IAAI,GACvCC,IAAuB,MAAOF,EAAc,QAAQP,EAAM,OAAO,OAAO,aAAa;AACjF,IAAAU,EAAA,MAAMD,GAAsB;AACtC,aAASE,IAAkB;AACzB,MAAIX,EAAM,OAAO,OAAO,WAAA,MACtBA,EAAM,OAAO,aAAa,GACLS,EAAA;AAAA,IACvB;AAEI,UAAAG,IAAWT,EAAgC,MAAM;AACrD,YAAMU,IAAYN,EAAc;AAChC,cAAQM,GAAW;AAAA,QACjB,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT;AACQ,gBAAA,MAAM,+BAA+BA,CAAyB,YAAYb,EAAM,OAAO,OAAO,SAAU,CAAA,EAAE;AAAA,MAAA;AAAA,IACpH,CACD,GAEKc,IAAmBN,EAAiB;AAC1C,aAASO,IAAW;AAClB,YAAMC,IAAwBF,EAAiB;AAC/C,MAAIE,KAAuBhB,EAAM,OAAO,eAAegB,CAAqB;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgColumnHeader.vue.js","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 } from '@milaboratories/uikit';\nimport { computed, onMounted, ref } from 'vue';\nimport './pl-ag-column-header.scss';\nimport type { PlAgHeaderComponentParams } from './types';\n\nconst props = defineProps<{ params: IHeaderParams & PlAgHeaderComponentParams }>();\n\nconst icon = computed<MaskIconName16>(() => {\n  const type = (props.params.column.getUserProvidedColDef()?.headerComponentParams as PlAgHeaderComponentParams)?.type;\n  switch (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(`unsupported data type: ${type satisfies never} for PlAgColumnHeader component. Column ${props.params.column.getColId()}`);\n  }\n});\n\nconst sortDirection = ref<SortDirection>(null);\nconst refreshSortDirection = () => (sortDirection.value = props.params.column.getSort() ?? null);\nonMounted(() => refreshSortDirection());\nfunction onSortRequested() {\n  if (props.params.column.isSortable()) {\n    props.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(`unsupported sort direction: ${direction satisfies never}. Column ${props.params.column.getColId()}`);\n  }\n});\n\nconst menuActivatorBtn = ref<HTMLElement>();\nfunction showMenu() {\n  const menuActivatorBtnValue = menuActivatorBtn.value;\n  if (menuActivatorBtnValue) props.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    <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    <div v-if=\"params.enableMenu\" ref=\"menuActivatorBtn\" class=\"pl-ag-column-header__menu-icon\" @click.stop=\"showMenu\">\n      <PlMaskIcon16 name=\"more\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","icon","computed","type","_b","_a","sortDirection","ref","refreshSortDirection","onMounted","onSortRequested","sortIcon","direction","menuActivatorBtn","showMenu","menuActivatorBtnValue"],"mappings":";;;;;;;;;AAQA,UAAMA,IAAQC,GAERC,IAAOC,EAAyB,MAAM;;AAC1C,YAAMC,KAAQC,KAAAC,IAAAN,EAAM,OAAO,OAAO,sBAAA,MAApB,gBAAAM,EAA6C,0BAA7C,gBAAAD,EAAkG;AAChH,cAAQD,GAAA;AAAA,QACN,KAAK;AAAA,QACL,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,gBAAM,MAAM,0BAA0BA,CAAoB,2CAA2CJ,EAAM,OAAO,OAAO,SAAA,CAAU,EAAE;AAAA,MAAA;AAAA,IAE3I,CAAC,GAEKO,IAAgBC,EAAmB,IAAI,GACvCC,IAAuB,MAAOF,EAAc,QAAQP,EAAM,OAAO,OAAO,aAAa;AAC3F,IAAAU,EAAU,MAAMD,GAAsB;AACtC,aAASE,IAAkB;AACzB,MAAIX,EAAM,OAAO,OAAO,WAAA,MACtBA,EAAM,OAAO,aAAA,GACbS,EAAA;AAAA,IAEJ;AACA,UAAMG,IAAWT,EAAgC,MAAM;AACrD,YAAMU,IAAYN,EAAc;AAChC,cAAQM,GAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,gBAAM,MAAM,+BAA+BA,CAAyB,YAAYb,EAAM,OAAO,OAAO,SAAA,CAAU,EAAE;AAAA,MAAA;AAAA,IAEtH,CAAC,GAEKc,IAAmBN,EAAA;AACzB,aAASO,IAAW;AAClB,YAAMC,IAAwBF,EAAiB;AAC/C,MAAIE,KAAuBhB,EAAM,OAAO,eAAegB,CAAqB;AAAA,IAC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAgColumnHeader/index.d.ts

@@ -1,3 +1,2 @@
 export { default as PlAgColumnHeader } from './PlAgColumnHeader.vue';
 export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAgColumnHeader/types.d.ts

@@ -2,4 +2,3 @@ export type PlAgHeaderComponentType = 'Text' | 'Number' | 'File' | 'Date' | 'Dur
 export type PlAgHeaderComponentParams = {
     type?: PlAgHeaderComponentType;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/PlAgCsvExporter/PlAgCsvExporter.vue.d.ts

@@ -4,4 +4,3 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=PlAgCsvExporter.vue.d.ts.map

package/dist/components/PlAgCsvExporter/PlAgCsvExporter.vue.js

@@ -1,26 +1,24 @@
-import { defineComponent as s, toRefs as c, shallowRef as m, createElementBlock as f, openBlock as p, createBlock as u, createCommentVNode as d, unref as t, Teleport as x, createVNode as g, withModifiers as v, withCtx as C, createTextVNode as k } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
-import { exportCsv as T } from "./export-csv.js";
-import { usePlBlockPageTitleTeleportTarget as E } from "../../lib/ui/uikit/dist/layout/PlBlockPage/usePlBlockPageTitleTeleportTarget.js";
-import _ from "../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
-const V = /* @__PURE__ */ s({
+import { defineComponent as s, toRefs as c, shallowRef as u, createElementBlock as f, openBlock as l, createBlock as m, createCommentVNode as d, unref as t, Teleport as x, createVNode as g, withModifiers as v, withCtx as C, createTextVNode as k } from "vue";
+import { usePlBlockPageTitleTeleportTarget as T, PlBtnGhost as B } from "@milaboratories/uikit";
+import { exportCsv as E } from "./export-csv.js";
+const A = /* @__PURE__ */ s({
   __name: "PlAgCsvExporter",
   props: {
     api: {}
   },
-  setup(l) {
-    const a = l, { api: i } = c(a), e = m(!1), n = () => {
-      e.value = !0, T(i.value, () => e.value = !1);
-    }, o = E("PlAgCsvExporter");
-    return (B, r) => (p(), f("div", null, [
-      t(o) ? (p(), u(x, {
+  setup(n) {
+    const p = n, { api: a } = c(p), e = u(!1), i = () => {
+      e.value = !0, E(a.value, () => e.value = !1);
+    }, o = T("PlAgCsvExporter");
+    return (P, r) => (l(), f("div", null, [
+      t(o) ? (l(), m(x, {
         key: 0,
         to: t(o)
       }, [
-        g(t(_), {
+        g(t(B), {
           loading: e.value,
           icon: "export",
-          onClick: v(n, ["stop"])
+          onClick: v(i, ["stop"])
         }, {
           default: C(() => r[0] || (r[0] = [
             k(" Export ")
@@ -32,6 +30,6 @@ const V = /* @__PURE__ */ s({
   }
 });
 export {
-  V as default
+  A as default
 };
 //# sourceMappingURL=PlAgCsvExporter.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgCsvExporter.vue.js","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  <div>\n    <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n      <PlBtnGhost :loading=\"exporting\" icon=\"export\" @click.stop=\"initiateExport\">\n        Export\n      </PlBtnGhost>\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","gridApi","toRefs","exporting","shallowRef","initiateExport","exportCsv","teleportTarget","usePlBlockPageTitleTeleportTarget"],"mappings":";;;;;;;;;;;AAMA,UAAMA,IAAQC,GAGR,EAAE,KAAKC,MAAYC,EAAOH,CAAK,GAE/BI,IAAYC,EAAW,EAAK,GAC5BC,IAAiB,MAAM;AAC3B,MAAAF,EAAU,QAAQ,IAClBG,EAAUL,EAAQ,OAAO,MAAME,EAAU,QAAQ,EAAK;AAAA,IACxD,GAEMI,IAAiBC,EAAkC,iBAAiB;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgCsvExporter.vue.js","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  <div>\n    <Teleport v-if=\"teleportTarget\" :to=\"teleportTarget\">\n      <PlBtnGhost :loading=\"exporting\" icon=\"export\" @click.stop=\"initiateExport\">\n        Export\n      </PlBtnGhost>\n    </Teleport>\n  </div>\n</template>\n"],"names":["props","__props","gridApi","toRefs","exporting","shallowRef","initiateExport","exportCsv","teleportTarget","usePlBlockPageTitleTeleportTarget"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC,GAGR,EAAE,KAAKC,MAAYC,EAAOH,CAAK,GAE/BI,IAAYC,EAAW,EAAK,GAC5BC,IAAiB,MAAM;AAC3B,MAAAF,EAAU,QAAQ,IAClBG,EAAUL,EAAQ,OAAO,MAAME,EAAU,QAAQ,EAAK;AAAA,IACxD,GAEMI,IAAiBC,EAAkC,iBAAiB;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAgCsvExporter/export-csv.d.ts

@@ -1,3 +1,2 @@
 import { GridApi } from 'ag-grid-enterprise';
 export declare function exportCsv(gridApi: GridApi, completed: () => void): Promise<void | GridApi<any>>;
-//# sourceMappingURL=export-csv.d.ts.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      const gridDiv = createGridDiv();\n      const gridOptions: GridOptions = {\n        rowModelType: 'serverSide',\n        columnDefs: gridApi.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 (state.length > 0 && state[0].rowCount === state[0].cacheBlockSize) {\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","gridDiv","gridOptions","_a","def","event","createGrid","ServerSideRowModelModule"],"mappings":";AASA,SAASA,IAAgC;AACjC,QAAAC,IAAM,SAAS,cAAc,KAAK;AAExC,SAAAA,EAAI,MAAM,aAAa,UACvBA,EAAI,MAAM,WAAW,YAEZ,SAAA,KAAK,YAAYA,CAAG,GACtBA;AACT;AAEA,SAASC,EAAeC,GAA0B;AACvC,WAAA,KAAK,YAAYA,CAAQ;AACpC;AAEsB,eAAAC,EAAUC,GAAkBC,GAAuB;;AACjE,QAAAC,IAAWF,EAAQ,cAAc,cAAc;AACrD,UAAQE,GAAU;AAAA,IAChB,KAAK;AACH,aAAAF,EAAQ,gBAAgB,GACjBC,EAAU;AAAA,IAGnB,KAAK,cAAc;AACX,YAAAE,IAAQH,EAAQ,6BAA6B;AAC/C,UAAAG,EAAM,WAAW,KAAKA,EAAM,CAAC,EAAE,YAAYA,EAAM,CAAC,EAAE;AACtD,eAAAH,EAAQ,gBAAgB,GACjBC,EAAU;AAGnB,YAAMG,IAAUT,EAAc,GACxBU,IAA2B;AAAA,QAC/B,cAAc;AAAA,QACd,cAAYC,IAAAN,EAAQ,cAAc,MAAtB,gBAAAM,EACR,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,QACnB,QAAO,CAAC;AAAA,QACV,sBAAsBP,EAAQ,cAAc,sBAAsB;AAAA,QAClE,gBAAgBG,EAAM,CAAC,EAAE;AAAA,QACzB,gBAAgB,CAACK,MAAU;AACnBL,gBAAAA,IAAQK,EAAM,IAAI,6BAA6B;AACjDL,cAAAA,EAAM,SAAS,KAAKA,EAAM,CAAC,EAAE,aAAaA,EAAM,CAAC,EAAE;AACrD,mBAAAK,EAAM,IAAI,gBAAgB,GAC1BX,EAAeO,CAAO,GACfH,EAAU;AAAA,QAErB;AAAA,QACA,wBAAwBD,EAAQ,cAAc,wBAAwB;AAAA,MACxE;AACO,aAAAS,EAAWL,GAASC,GAAa,EAAE,SAAS,CAACK,CAAwB,GAAG;AAAA,IAAA;AAAA,IAGjF;AACY,YAAAT,EAAA,GACJ,MAAM,4CAA4CC,CAAQ,EAAE;AAAA,EACpE;AAEJ;"}
+{"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      const gridDiv = createGridDiv();\n      const gridOptions: GridOptions = {\n        rowModelType: 'serverSide',\n        columnDefs: gridApi.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 (state.length > 0 && state[0].rowCount === state[0].cacheBlockSize) {\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","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,YAAMG,IAAUT,EAAA,GACVU,IAA2B;AAAA,QAC/B,cAAc;AAAA,QACd,cAAYC,IAAAN,EAAQ,cAAA,MAAR,gBAAAM,EACR,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,QACT,sBAAsBP,EAAQ,cAAc,sBAAsB;AAAA,QAClE,gBAAgBG,EAAM,CAAC,EAAE;AAAA,QACzB,gBAAgB,CAACK,MAAU;AACzB,gBAAML,IAAQK,EAAM,IAAI,6BAAA;AACxB,cAAIL,EAAM,SAAS,KAAKA,EAAM,CAAC,EAAE,aAAaA,EAAM,CAAC,EAAE;AACrD,mBAAAK,EAAM,IAAI,gBAAA,GACVX,EAAeO,CAAO,GACfH,EAAA;AAAA,QAEX;AAAA,QACA,wBAAwBD,EAAQ,cAAc,wBAAwB;AAAA,MAAA;AAExE,aAAOS,EAAWL,GAASC,GAAa,EAAE,SAAS,CAACK,CAAwB,GAAG;AAAA,IACjF;AAAA,IAEA;AACE,YAAAT,EAAA,GACM,MAAM,4CAA4CC,CAAQ,EAAE;AAAA,EACpE;AAEJ;"}

package/dist/components/PlAgCsvExporter/index.d.ts

@@ -1,2 +1 @@
 export { default as PlAgCsvExporter } from './PlAgCsvExporter.vue';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PlAgDataTable/PlAgDataTableSheets.vue.d.ts

@@ -28,4 +28,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlAgDataTableSheets.vue.d.ts.map

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

@@ -1,12 +1,10 @@
-import { defineComponent as k, mergeModels as $, useModel as y, computed as I, watchEffect as b, createElementBlock as d, createCommentVNode as V, openBlock as i, normalizeClass as E, renderSlot as x, Fragment as g, renderList as C, createBlock as w, unref as B } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
-import "../../sdk/model/dist/index.js";
-import { isJsonEqual as f } from "../../lib/util/helpers/dist/index.js";
-import { getAxisId as M } from "../../lib/model/common/dist/index.js";
-import P from "../../lib/ui/uikit/dist/components/PlDropdownLine/PlDropdownLine.vue.js";
-const F = /* @__PURE__ */ k({
+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__ */ $({
+  props: /* @__PURE__ */ y({
     settings: {}
   }, {
     modelValue: {
@@ -16,16 +14,16 @@ const F = /* @__PURE__ */ k({
   }),
   emits: ["update:modelValue"],
   setup(m) {
-    const l = y(m, "modelValue"), p = m, s = I(() => p.settings.sheets.filter((e) => e.options.length > 0).map((e, a) => {
-      const t = M(e.axis), o = () => {
-        const n = p.settings.cachedState.find((u) => f(u.axisId, t));
-        return n && c(e, n.value) ? n.value : e.defaultValue && c(e, e.defaultValue) ? e.defaultValue : e.options[0].value;
+    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 n, u;
-          return (((u = (n = e.axis.annotations) == null ? void 0 : n["pl7.app/label"]) == null ? void 0 : u.trim()) ?? `Unlabeled axis ${a}`) + ":";
+          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()
@@ -35,8 +33,8 @@ const F = /* @__PURE__ */ k({
       return e.options.some((t) => t.value === a);
     }
     b(() => {
-      const e = [...l.value], a = s.value.map((t, o) => v(o, t.defaultValue));
-      f(e, a) || (l.value = a);
+      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 {
@@ -45,10 +43,10 @@ const F = /* @__PURE__ */ k({
       };
     }
     function S(e, a) {
-      const t = [...l.value], o = v(e, a);
+      const t = [...n.value], o = v(e, a);
       if (!f(t[e], o)) {
         const r = [...t];
-        r[e] = o, l.value = r;
+        r[e] = o, n.value = r;
       }
     }
     return (e, a) => e.$slots.before || s.value.length > 0 || e.$slots.after ? (i(), d("div", {
@@ -56,10 +54,10 @@ const F = /* @__PURE__ */ k({
       class: E(e.$style.container)
     }, [
       x(e.$slots, "before"),
-      (i(!0), d(g, null, C(s.value, (t, o) => (i(), d(g, { key: o }, [
-        l.value[o] ? (i(), w(B(P), {
+      (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": l.value[o].value,
+          "model-value": n.value[o].value,
           options: t.options,
           prefix: t.prefix,
           "onUpdate:modelValue": (r) => S(o, r)
@@ -70,6 +68,6 @@ const F = /* @__PURE__ */ k({
   }
 });
 export {
-  F as default
+  L 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 {\n  PlDropdownLine,\n} from '@milaboratories/uikit';\nimport type {\n  PlDataTableSheet,\n  PlDataTableSheetState,\n} from '@platforma-sdk/model';\nimport {\n  getAxisId,\n} from '@platforma-sdk/model';\nimport {\n  computed,\n  watchEffect,\n} from 'vue';\nimport type {\n  PlDataTableSheetsSettings,\n  PlDataTableSheetNormalized,\n} from './types';\nimport {\n  isJsonEqual,\n} 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()\n          ?? `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\n    v-if=\"$slots['before'] || sheets.length > 0 || $slots['after']\"\n    :class=\"$style.container\"\n  >\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"],"mappings":";;;;;;;;;;;;;;;;;;AAuBM,UAAAA,IAAQC,iBAEb,GACKC,IAAQC,GAKRC,IAASC,EAAuC,MAC7CH,EAAM,SAAS,OACnB,OAAO,CAACI,MAAUA,EAAM,QAAQ,SAAS,CAAC,EAC1C,IAAI,CAACA,GAAOC,MAAM;AACX,YAAAC,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;AAOO,aAAA;AAAA,QACL,QAAAE;AAAA,QACA,SAPiB,MAAc;;AACvB,oBAAAO,KAAAC,IAAAV,EAAM,KAAK,gBAAX,gBAAAU,EAAyB,qBAAzB,gBAAAD,EAA2C,WAC9C,kBAAkBR,CAAC,MAAM;AAAA,QAChC,GAIqB;AAAA,QACnB,SAASD,EAAM;AAAA,QACf,cAAcI,EAAgB;AAAA,MAChC;AAAA,IAAA,CACD,CACJ;AAEQ,aAAAI,EAAcR,GAAyBW,GAAiC;AAC/E,aAAOX,EAAM,QAAQ,KAAK,CAACY,MAAWA,EAAO,UAAUD,CAAK;AAAA,IAAA;AAI9D,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,IAChB,CACD;AAEQ,aAAAC,EAAef,GAAWU,GAA+C;AAEzE,aAAA;AAAA,QACL,QAFab,EAAO,MAAMG,CAAC,EAAE;AAAA,QAG7B,OAAAU;AAAA,MACF;AAAA,IAAA;AAGO,aAAAM,EAAehB,GAAWiB,GAAiC;AAClE,YAAMJ,IAAW,CAAC,GAAGpB,EAAM,KAAK,GAC1ByB,IAAaH,EAAef,GAAGiB,CAAQ;AAC7C,UAAI,CAACX,EAAYO,EAASb,CAAC,GAAGkB,CAAU,GAAG;AACnC,cAAAJ,IAAW,CAAC,GAAGD,CAAQ;AAC7B,QAAAC,EAASd,CAAC,IAAIkB,GACdzB,EAAM,QAAQqB;AAAA,MAAA;AAAA,IAChB;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgDataTableSheets.vue2.js","sources":["../../../src/components/PlAgDataTable/PlAgDataTableSheets.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  PlDropdownLine,\n} from '@milaboratories/uikit';\nimport type {\n  PlDataTableSheet,\n  PlDataTableSheetState,\n} from '@platforma-sdk/model';\nimport {\n  getAxisId,\n} from '@platforma-sdk/model';\nimport {\n  computed,\n  watchEffect,\n} from 'vue';\nimport type {\n  PlDataTableSheetsSettings,\n  PlDataTableSheetNormalized,\n} from './types';\nimport {\n  isJsonEqual,\n} 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()\n          ?? `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\n    v-if=\"$slots['before'] || sheets.length > 0 || $slots['after']\"\n    :class=\"$style.container\"\n  >\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"],"mappings":";;;;;;;;;;;;;;;;AAuBA,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;AAOA,aAAO;AAAA,QACL,QAAAE;AAAA,QACA,SAPiB,MAAc;;AAC/B,oBAAQO,KAAAC,IAAAV,EAAM,KAAK,gBAAX,gBAAAU,EAAyB,qBAAzB,gBAAAD,EAA2C,WAC9C,kBAAkBR,CAAC,MAAM;AAAA,QAChC,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;;;;;;;;;;;;;;;;;;;"}

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

@@ -89,4 +89,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=PlAgDataTableV2.vue.d.ts.map