@platforma-sdk/ui-vue 1.42.19 → 1.42.21

package/dist/components/PlAgRowNumCheckbox/PlAgRowNumCheckbox.vue.js

@@ -7,12 +7,13 @@
 .pl-ag-chart-stacked-bar-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-stacked-bar-cell__not-ready{color:var(--txt-03)!important}
 .pl-ag-chart-histogram-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-histogram-cell__not-ready{color:var(--txt-03)!important}
 .pl-ag-cell-status-tag{height:100%;padding:0 12px}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as x, ref as c, computed as C, onBeforeMount as h, onBeforeUnmount as y, createElementBlock as d, openBlock as l, normalizeClass as n, unref as t, createCommentVNode as u, createBlock as B, toDisplayString as b } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
+import { defineComponent as C, ref as c, computed as h, onBeforeMount as w, onBeforeUnmount as b, createElementBlock as d, openBlock as l, normalizeClass as n, unref as t, createCommentVNode as u, createBlock as y, toDisplayString as B } from "vue";
+import { PlCheckbox as E } from "@milaboratories/uikit";
 import r from "./pl-ag-row-num-checkbox.module.scss.js";
 
 
-import "../../sdk/model/dist/index.js";
+import "@platforma-sdk/model";
+import "@vueuse/core";
 import "../../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/index.js";
 import "../../aggrid.js";
 
@@ -23,7 +24,8 @@ import "../../_virtual/index.js";
 
 
 
-import "../../_virtual/canonicalize.js";
+import "d3-format";
+import "canonicalize";
 
 
 
@@ -31,35 +33,34 @@ import { isSelectionEnabled as p } from "../../AgGridVue/selection.js";
 import "../PlMultiSequenceAlignment/data.js";
 import "@milaboratories/biowasm-tools";
 import "../../composition/fileContent.js";
-import E from "../../lib/ui/uikit/dist/components/PlCheckbox/PlCheckbox.vue.js";
-const X = /* @__PURE__ */ x({
+const Y = /* @__PURE__ */ C({
   __name: "PlAgRowNumCheckbox",
   props: {
     params: {}
   },
   setup(f) {
-    const e = f, a = e.params.api, o = c(!!e.params.node.isSelected()), v = C(() => o.value || p(a)), S = c(p(a)), m = () => {
+    const e = f, a = e.params.api, o = c(!!e.params.node.isSelected()), v = h(() => o.value || p(a)), k = c(p(a)), m = () => {
       o.value = e.params.node.isSelected() !== !1;
-    }, k = (i) => {
+    }, S = (i) => {
       p(a) && (e.params.node.setSelected(i), m());
     };
-    return h(() => {
+    return w(() => {
       e.params.node.addEventListener("rowSelected", m);
-    }), y(() => {
+    }), b(() => {
       e.params.node.removeEventListener("rowSelected", m);
     }), (i, s) => (l(), d("div", {
-      class: n([t(r).container, { [t(r)["allowed-selection"]]: S.value }, "d-flex", "justify-center", "align-center"])
+      class: n([t(r).container, { [t(r)["allowed-selection"]]: k.value }, "d-flex", "justify-center", "align-center"])
     }, [
       o.value ? u("", !0) : (l(), d("div", {
         key: 0,
         class: n([t(r).text])
-      }, b(i.params.value), 3)),
-      v.value ? (l(), B(t(E), {
+      }, B(i.params.value), 3)),
+      v.value ? (l(), y(t(E), {
         key: 1,
         modelValue: o.value,
         "onUpdate:modelValue": [
-          s[0] || (s[0] = (w) => o.value = w),
-          k
+          s[0] || (s[0] = (x) => o.value = x),
+          S
         ],
         class: n([t(r).checkbox, o.value && t(r).checked])
       }, null, 8, ["modelValue", "class"])) : u("", !0)
@@ -67,6 +68,6 @@ const X = /* @__PURE__ */ x({
   }
 });
 export {
-  X as default
+  Y as default
 };
 //# sourceMappingURL=PlAgRowNumCheckbox.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowNumCheckbox.vue.js","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 :class=\"[$styles.container, { [$styles['allowed-selection']]: allowedSelection }, 'd-flex', 'justify-center', 'align-center']\">\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"],"names":["props","__props","api","isChecked","ref","forceShowCheckbox","computed","isSelectionEnabled","allowedSelection","updateSelection","setSelection","val","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAMF,EAAM,OAAO,KACnBG,IAAYC,EAAI,CAAC,CAACJ,EAAM,OAAO,KAAK,YAAY,GAChDK,IAAoBC,EAAS,MAAMH,EAAU,SAASI,EAAmBL,CAAG,CAAC,GAC7EM,IAAmBJ,EAAIG,EAAmBL,CAAG,CAAC,GAE9CO,IAAkB,MAAM;AAC5B,MAAAN,EAAU,QAAQH,EAAM,OAAO,KAAK,iBAAiB;AAAA,IACvD,GAEMU,IAAe,CAACC,MAAiB;AACjC,MAAAJ,EAAmBL,CAAG,MAClBF,EAAA,OAAO,KAAK,YAAYW,CAAG,GACjBF,EAAA;AAAA,IAEpB;AAEA,WAAAG,EAAc,MAAM;AAClB,MAAAZ,EAAM,OAAO,KAAK,iBAAiB,eAAeS,CAAe;AAAA,IAAA,CAClE,GAEDI,EAAgB,MAAM;AACpB,MAAAb,EAAM,OAAO,KAAK,oBAAoB,eAAeS,CAAe;AAAA,IAAA,CACrE;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgRowNumCheckbox.vue.js","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 :class=\"[$styles.container, { [$styles['allowed-selection']]: allowedSelection }, 'd-flex', 'justify-center', 'align-center']\">\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"],"names":["props","__props","api","isChecked","ref","forceShowCheckbox","computed","isSelectionEnabled","allowedSelection","updateSelection","setSelection","val","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAERC,IAAMF,EAAM,OAAO,KACnBG,IAAYC,EAAI,CAAC,CAACJ,EAAM,OAAO,KAAK,YAAY,GAChDK,IAAoBC,EAAS,MAAMH,EAAU,SAASI,EAAmBL,CAAG,CAAC,GAC7EM,IAAmBJ,EAAIG,EAAmBL,CAAG,CAAC,GAE9CO,IAAkB,MAAM;AAC5B,MAAAN,EAAU,QAAQH,EAAM,OAAO,KAAK,iBAAiB;AAAA,IACvD,GAEMU,IAAe,CAACC,MAAiB;AACrC,MAAIJ,EAAmBL,CAAG,MACxBF,EAAM,OAAO,KAAK,YAAYW,CAAG,GACjCF,EAAA;AAAA,IAEJ;AAEA,WAAAG,EAAc,MAAM;AAClB,MAAAZ,EAAM,OAAO,KAAK,iBAAiB,eAAeS,CAAe;AAAA,IACnE,CAAC,GAEDI,EAAgB,MAAM;AACpB,MAAAb,EAAM,OAAO,KAAK,oBAAoB,eAAeS,CAAe;AAAA,IACtE,CAAC;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/components/PlAgRowNumHeader.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=PlAgRowNumHeader.vue.d.ts.map

package/dist/components/PlAgRowNumHeader.vue.js

@@ -8,10 +8,11 @@
 .pl-ag-chart-histogram-cell{height:100%;display:flex;flex-direction:row;align-items:center}.pl-ag-chart-histogram-cell__not-ready{color:var(--txt-03)!important}
 .pl-ag-cell-status-tag{height:100%;padding:0 12px}`)),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
 import { defineComponent as E, ref as i, computed as s, onBeforeMount as g, onBeforeUnmount as C, createElementBlock as p, openBlock as n, createBlock as L, unref as R, toDisplayString as S } from "vue";
-import "../lib/ui/uikit/dist/index.js";
+import { PlCheckbox as U } from "@milaboratories/uikit";
 
 
-import "../sdk/model/dist/index.js";
+import "@platforma-sdk/model";
+import "@vueuse/core";
 import "../node_modules/.pnpm/fast-json-patch@3.1.1/node_modules/fast-json-patch/index.js";
 import "../aggrid.js";
 
@@ -22,16 +23,16 @@ import "../_virtual/index.js";
 
 
 
-import "../_virtual/canonicalize.js";
+import "d3-format";
+import "canonicalize";
 
 
 
-import { getSelectedRowsCount as d, getTotalRowsCount as u, isSelectionEnabled as c, deselectAll as U, selectAll as y } from "../AgGridVue/selection.js";
+import { getSelectedRowsCount as d, getTotalRowsCount as u, isSelectionEnabled as c, deselectAll as y, selectAll as h } from "../AgGridVue/selection.js";
 import "./PlMultiSequenceAlignment/data.js";
 import "@milaboratories/biowasm-tools";
 import "../composition/fileContent.js";
-import h from "../lib/ui/uikit/dist/components/PlCheckbox/PlCheckbox.vue.js";
-const k = { style: { position: "absolute", inset: "0", display: "flex", "justify-content": "center", "align-items": "center" } }, B = { key: 1 }, _ = /* @__PURE__ */ E({
+const k = { style: { position: "absolute", inset: "0", display: "flex", "justify-content": "center", "align-items": "center" } }, b = { key: 1 }, ee = /* @__PURE__ */ E({
   __name: "PlAgRowNumHeader",
   props: {
     params: {}
@@ -43,7 +44,7 @@ const k = { style: { position: "absolute", inset: "0", display: "flex", "justify
       () => a.value && o.value === m.value
     );
     function f() {
-      a.value ? U(e.params.api) : y(e.params.api);
+      a.value ? y(e.params.api) : h(e.params.api);
     }
     function t() {
       o.value = d(e.params.api), m.value = u(e.params.api);
@@ -55,17 +56,17 @@ const k = { style: { position: "absolute", inset: "0", display: "flex", "justify
       e.params.api.addEventListener("selectionChanged", t), e.params.api.addEventListener("rowDataUpdated", t), e.params.api.addEventListener("modelUpdated", t), e.params.api.addEventListener("stateUpdated", r);
     }), C(() => {
       e.params.api.removeEventListener("selectionChanged", t), e.params.api.removeEventListener("rowDataUpdated", t), e.params.api.removeEventListener("modelUpdated", t), e.params.api.removeEventListener("stateUpdated", r);
-    }), (w, b) => (n(), p("div", k, [
-      l.value ? (n(), L(R(h), {
+    }), (w, B) => (n(), p("div", k, [
+      l.value ? (n(), L(R(U), {
         key: 0,
         "model-value": a.value,
         indeterminate: a.value && !v.value,
         "onUpdate:modelValue": f
-      }, null, 8, ["model-value", "indeterminate"])) : (n(), p("span", B, S(w.params.displayName), 1))
+      }, null, 8, ["model-value", "indeterminate"])) : (n(), p("span", b, S(w.params.displayName), 1))
     ]));
   }
 });
 export {
-  _ as default
+  ee as default
 };
 //# sourceMappingURL=PlAgRowNumHeader.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgRowNumHeader.vue.js","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 { deselectAll, getSelectedRowsCount, getTotalRowsCount, isSelectionEnabled, selectAll } 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(() =>\n  selectedRowCount.value > 0,\n);\n\nconst allRowsSelected = computed(() =>\n  someRowsSelected.value\n  && 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"],"names":["selectedRowCount","ref","getSelectedRowsCount","__props","totalRowCount","getTotalRowsCount","isSelectable","isSelectionEnabled","someRowsSelected","computed","allRowsSelected","toggleSelectAll","deselectAll","selectAll","updateRowCounts","updateIsSelectable","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAmBC,EAAIC,EAAqBC,EAAM,OAAC,GAAG,CAAC,GACvDC,IAAgBH,EAAII,EAAkBF,EAAA,OAAO,GAAG,CAAC,GACjDG,IAAeL,EAAIM,EAAmBJ,EAAA,OAAO,GAAG,CAAC,GAEjDK,IAAmBC;AAAA,MAAS,MAChCT,EAAiB,QAAQ;AAAA,IAC3B,GAEMU,IAAkBD;AAAA,MAAS,MAC/BD,EAAiB,SACdR,EAAiB,UAAUI,EAAc;AAAA,IAC9C;AAEA,aAASO,IAAkB;AACzB,MAAIH,EAAiB,QACPI,EAAAT,EAAA,OAAO,GAAG,IAEZU,EAAAV,EAAA,OAAO,GAAG;AAAA,IACtB;AAGF,aAASW,IAAkB;AACzB,MAAAd,EAAiB,QAAQE,EAAqBC,SAAO,GAAG,GACxDC,EAAc,QAAQC,EAAkBF,SAAO,GAAG;AAAA,IAAA;AAGpD,aAASY,IAAqB;AAC5B,MAAAT,EAAa,QAAQC,EAAmBJ,SAAO,GAAG;AAAA,IAAA;AAGpD,WAAAa,EAAc,MAAM;AAClB,MAAAb,EAAM,OAAC,IAAI,iBAAiB,oBAAoBW,CAAe,GAC/DX,EAAM,OAAC,IAAI,iBAAiB,kBAAkBW,CAAe,GAC7DX,EAAM,OAAC,IAAI,iBAAiB,gBAAgBW,CAAe,GAC3DX,EAAM,OAAC,IAAI,iBAAiB,gBAAgBY,CAAkB;AAAA,IAAA,CAC/D,GAEDE,EAAgB,MAAM;AACpB,MAAAd,EAAA,OAAO,IAAI,oBAAoB,oBAAoBW,CAAe,GAClEX,EAAA,OAAO,IAAI,oBAAoB,kBAAkBW,CAAe,GAChEX,EAAM,OAAC,IAAI,oBAAoB,gBAAgBW,CAAe,GAC9DX,EAAA,OAAO,IAAI,oBAAoB,gBAAgBY,CAAkB;AAAA,IAAA,CAClE;;;;;;;;;;"}
+{"version":3,"file":"PlAgRowNumHeader.vue.js","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 { deselectAll, getSelectedRowsCount, getTotalRowsCount, isSelectionEnabled, selectAll } 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(() =>\n  selectedRowCount.value > 0,\n);\n\nconst allRowsSelected = computed(() =>\n  someRowsSelected.value\n  && 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"],"names":["selectedRowCount","ref","getSelectedRowsCount","__props","totalRowCount","getTotalRowsCount","isSelectable","isSelectionEnabled","someRowsSelected","computed","allRowsSelected","toggleSelectAll","deselectAll","selectAll","updateRowCounts","updateIsSelectable","onBeforeMount","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAmBC,EAAIC,EAAqBC,EAAA,OAAO,GAAG,CAAC,GACvDC,IAAgBH,EAAII,EAAkBF,EAAA,OAAO,GAAG,CAAC,GACjDG,IAAeL,EAAIM,EAAmBJ,EAAA,OAAO,GAAG,CAAC,GAEjDK,IAAmBC;AAAA,MAAS,MAChCT,EAAiB,QAAQ;AAAA,IAAA,GAGrBU,IAAkBD;AAAA,MAAS,MAC/BD,EAAiB,SACdR,EAAiB,UAAUI,EAAc;AAAA,IAAA;AAG9C,aAASO,IAAkB;AACzB,MAAIH,EAAiB,QACnBI,EAAYT,EAAA,OAAO,GAAG,IAEtBU,EAAUV,EAAA,OAAO,GAAG;AAAA,IAExB;AAEA,aAASW,IAAkB;AACzB,MAAAd,EAAiB,QAAQE,EAAqBC,SAAO,GAAG,GACxDC,EAAc,QAAQC,EAAkBF,SAAO,GAAG;AAAA,IACpD;AAEA,aAASY,IAAqB;AAC5B,MAAAT,EAAa,QAAQC,EAAmBJ,SAAO,GAAG;AAAA,IACpD;AAEA,WAAAa,EAAc,MAAM;AAClB,MAAAb,EAAA,OAAO,IAAI,iBAAiB,oBAAoBW,CAAe,GAC/DX,EAAA,OAAO,IAAI,iBAAiB,kBAAkBW,CAAe,GAC7DX,EAAA,OAAO,IAAI,iBAAiB,gBAAgBW,CAAe,GAC3DX,EAAA,OAAO,IAAI,iBAAiB,gBAAgBY,CAAkB;AAAA,IAChE,CAAC,GAEDE,EAAgB,MAAM;AACpB,MAAAd,EAAA,OAAO,IAAI,oBAAoB,oBAAoBW,CAAe,GAClEX,EAAA,OAAO,IAAI,oBAAoB,kBAAkBW,CAAe,GAChEX,EAAA,OAAO,IAAI,oBAAoB,gBAAgBW,CAAe,GAC9DX,EAAA,OAAO,IAAI,oBAAoB,gBAAgBY,CAAkB;AAAA,IACnE,CAAC;;;;;;;;;;"}

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

@@ -29,4 +29,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=PlAgTextAndButtonCell.vue.d.ts.map

package/dist/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue.js

@@ -1,39 +1,38 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".pl-ag-grid-open-cell{align-items:center}.pl-ag-grid-open-cell__activator{position:absolute;right:8px;border-radius:4px;border:1px solid var(--border-color-div-grey);padding:4px 6px 4px 4px;gap:3px;cursor:pointer;display:none;background-color:var(--ic-00);opacity:1}.pl-ag-grid-open-cell__activator:hover{background-color:#eff2f7}.pl-ag-grid-open-cell__activator:active{background-color:#e7ebf3}.pl-ag-grid-open-cell__value{text-overflow:ellipsis;overflow:hidden}.ag-row-hover .pl-ag-grid-open-cell__activator{display:flex}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { defineComponent as s, createElementBlock as c, openBlock as d, createElementVNode as t, toDisplayString as r, withModifiers as m, createVNode as u, createTextVNode as g, unref as f } from "vue";
-import "../../lib/ui/uikit/dist/index.js";
+import { defineComponent as p, createElementBlock as c, openBlock as d, createElementVNode as t, toDisplayString as r, withModifiers as m, createVNode as u, createTextVNode as g, unref as _ } from "vue";
+import { PlMaskIcon16 as f } from "@milaboratories/uikit";
 
-import _ from "../../lib/ui/uikit/dist/components/PlIcon16/PlIcon16.vue.js";
-const v = { class: "pl-ag-grid-open-cell d-flex" }, k = { class: "pl-ag-grid-open-cell__value" }, h = /* @__PURE__ */ s({
+const v = { class: "pl-ag-grid-open-cell d-flex" }, k = { class: "pl-ag-grid-open-cell__value" }, b = /* @__PURE__ */ p({
   __name: "PlAgTextAndButtonCell",
   props: {
     params: {}
   },
-  setup(i) {
-    const e = i;
-    function l() {
-      var a, o;
+  setup(l) {
+    const e = l;
+    function i() {
+      var a, n;
       if (e.params.invokeRowsOnDoubleClick) {
-        const n = e.params.api, p = {
+        const o = e.params.api, s = {
           rowPinned: e.params.node.rowPinned,
-          api: n,
+          api: o,
           rowIndex: e.params.node.rowIndex,
-          context: n,
+          context: o,
           type: "rowDoubleClicked",
           node: e.params.node,
           data: e.params.data,
           event: null
         };
-        n.dispatchEvent(p);
+        o.dispatchEvent(s);
       } else
-        (o = (a = e.params).onClick) == null || o.call(a, e.params);
+        (n = (a = e.params).onClick) == null || n.call(a, e.params);
     }
-    return (a, o) => (d(), c("div", v, [
+    return (a, n) => (d(), c("div", v, [
       t("div", k, r(a.params.value), 1),
       t("div", {
         class: "pl-ag-grid-open-cell__activator text-caps11 align-center",
-        onClick: m(l, ["stop"])
+        onClick: m(i, ["stop"])
       }, [
-        u(f(_), {
+        u(_(f), {
           name: a.params.icon ?? "maximize"
         }, null, 8, ["name"]),
         g(" " + r(a.params.btnLabel ?? "Open"), 1)
@@ -42,6 +41,6 @@ const v = { class: "pl-ag-grid-open-cell d-flex" }, k = { class: "pl-ag-grid-ope
   }
 });
 export {
-  h as default
+  b as default
 };
 //# sourceMappingURL=PlAgTextAndButtonCell.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgTextAndButtonCell.vue.js","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 class=\"pl-ag-grid-open-cell__activator text-caps11 align-center\" @click.stop=\"triggerRowDoubleClick\">\n      <PlMaskIcon16 :name=\"params.icon ?? 'maximize'\" />\n      {{ params.btnLabel ?? 'Open' }}\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","triggerRowDoubleClick","gridApi","event","_b","_a"],"mappings":";;;;;;;;;;AAMA,UAAMA,IAAQC;AA4Bd,aAASC,IAAwB;;AAC3B,UAAAF,EAAM,OAAO,yBAAyB;AAClC,cAAAG,IAAUH,EAAM,OAAO,KAEvBI,IAA+B;AAAA,UACnC,WAAWJ,EAAM,OAAO,KAAK;AAAA,UAC7B,KAAKG;AAAA,UACL,UAAUH,EAAM,OAAO,KAAK;AAAA,UAC5B,SAASG;AAAA,UACT,MAAM;AAAA,UACN,MAAMH,EAAM,OAAO;AAAA,UACnB,MAAMA,EAAM,OAAO;AAAA,UACnB,OAAO;AAAA,QACT;AAEA,QAAAG,EAAQ,cAAcC,CAAK;AAAA,MAAA;AAErB,SAAAC,KAAAC,IAAAN,EAAA,QAAO,YAAP,QAAAK,EAAA,KAAAC,GAAiBN,EAAM;AAAA,IAC/B;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgTextAndButtonCell.vue.js","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 class=\"pl-ag-grid-open-cell__activator text-caps11 align-center\" @click.stop=\"triggerRowDoubleClick\">\n      <PlMaskIcon16 :name=\"params.icon ?? 'maximize'\" />\n      {{ params.btnLabel ?? 'Open' }}\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","triggerRowDoubleClick","gridApi","event","_b","_a"],"mappings":";;;;;;;;;AAMA,UAAMA,IAAQC;AA4Bd,aAASC,IAAwB;;AAC/B,UAAIF,EAAM,OAAO,yBAAyB;AACxC,cAAMG,IAAUH,EAAM,OAAO,KAEvBI,IAA+B;AAAA,UACnC,WAAWJ,EAAM,OAAO,KAAK;AAAA,UAC7B,KAAKG;AAAA,UACL,UAAUH,EAAM,OAAO,KAAK;AAAA,UAC5B,SAASG;AAAA,UACT,MAAM;AAAA,UACN,MAAMH,EAAM,OAAO;AAAA,UACnB,MAAMA,EAAM,OAAO;AAAA,UACnB,OAAO;AAAA,QAAA;AAGT,QAAAG,EAAQ,cAAcC,CAAK;AAAA,MAC7B;AACE,SAAAC,KAAAC,IAAAN,EAAM,QAAO,YAAb,QAAAK,EAAA,KAAAC,GAAuBN,EAAM;AAAA,IAEjC;;;;;;;;;;;;;;;"}

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

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

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.d.ts

@@ -14,4 +14,3 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:selectedStepId"?: ((value: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
-//# sourceMappingURL=AnnotationsSidebar.vue.d.ts.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue2.js

@@ -1,12 +1,7 @@
-import { defineComponent as g, mergeModels as y, useModel as p, createBlock as b, openBlock as S, unref as i, createSlots as k, withCtx as l, createVNode as s, withModifiers as I, createTextVNode as d, createElementVNode as u, normalizeClass as r, toDisplayString as C } from "vue";
-import { randomInt as V } from "../../../lib/util/helpers/dist/index.js";
-import "../../../lib/ui/uikit/dist/index.js";
-import $ from "../../../lib/ui/uikit/dist/components/PlSidebar/PlSidebarItem.vue.js";
-import h from "../../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
-import M from "../../../lib/ui/uikit/dist/components/PlEditableTitle/PlEditableTitle.vue.js";
-import N from "../../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
-import w from "../../../lib/ui/uikit/dist/components/PlElementList/PlElementList.vue.js";
-const E = /* @__PURE__ */ g({
+import { defineComponent as g, mergeModels as y, useModel as u, createBlock as S, openBlock as b, unref as a, createSlots as I, withCtx as o, createVNode as s, withModifiers as k, createTextVNode as d, createElementVNode as p, normalizeClass as r, toDisplayString as h } from "vue";
+import { randomInt as C } from "../../../lib/util/helpers/dist/random.js";
+import { PlSidebarItem as V, PlBtnGhost as $, PlEditableTitle as M, PlBtnSecondary as P, PlElementList as w } from "@milaboratories/uikit";
+const x = /* @__PURE__ */ g({
   __name: "AnnotationsSidebar",
   props: {
     annotation: { required: !0 },
@@ -15,38 +10,38 @@ const E = /* @__PURE__ */ g({
     selectedStepIdModifiers: {}
   },
   emits: /* @__PURE__ */ y(["delete-schema"], ["update:annotation", "update:selectedStepId"]),
-  setup(m, { emit: f }) {
-    const o = p(m, "annotation"), a = p(m, "selectedStepId"), v = f;
+  setup(m, { emit: v }) {
+    const l = u(m, "annotation"), i = u(m, "selectedStepId"), f = v;
     function c() {
-      const n = V();
-      o.value.steps.push({
+      const n = C();
+      l.value.steps.push({
         id: n,
-        label: `Filter #${o.value.steps.length + 1}`,
+        label: `Filter #${l.value.steps.length + 1}`,
         filter: {
           type: "and",
           filters: []
         }
-      }), a.value = n;
+      }), i.value = n;
     }
-    return (n, e) => (S(), b(i($), null, k({
-      "header-content": l(() => [
-        s(i(M), {
-          modelValue: o.value.title,
-          "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value.title = t),
+    return (n, e) => (b(), S(a(V), null, I({
+      "header-content": o(() => [
+        s(a(M), {
+          modelValue: l.value.title,
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => l.value.title = t),
           "max-length": 40,
           "max-width": "600px",
           placeholder: "Annotation Name",
-          autofocus: o.value.title.length === 0
+          autofocus: l.value.title.length === 0
         }, null, 8, ["modelValue", "autofocus"])
       ]),
-      "footer-content": l(() => [
-        s(i(h), {
+      "footer-content": o(() => [
+        s(a($), {
           icon: "delete-bin",
           reverse: "",
-          disabled: o.value.steps.length === 0,
-          onClick: e[3] || (e[3] = I((t) => v("delete-schema"), ["stop"]))
+          disabled: l.value.steps.length === 0,
+          onClick: e[3] || (e[3] = k((t) => f("delete-schema"), ["stop"]))
         }, {
-          default: l(() => e[5] || (e[5] = [
+          default: o(() => e[5] || (e[5] = [
             d(" Delete Schema ")
           ])),
           _: 1
@@ -54,35 +49,35 @@ const E = /* @__PURE__ */ g({
       ]),
       _: 2
     }, [
-      o.value ? {
+      l.value ? {
         name: "body-content",
-        fn: l(() => [
-          u("div", {
+        fn: o(() => [
+          p("div", {
             class: r(n.$style.root)
           }, [
-            s(i(N), {
+            s(a(P), {
               icon: "add",
               onClick: c
             }, {
-              default: l(() => e[4] || (e[4] = [
+              default: o(() => e[4] || (e[4] = [
                 d(" Add annotation ")
               ])),
               _: 1
             }),
-            u("span", {
+            p("span", {
               class: r(n.$style.tip)
             }, "Lower annotations override the ones above. Rearrange them by dragging.", 2),
-            s(i(w), {
-              items: o.value.steps,
-              "onUpdate:items": e[1] || (e[1] = (t) => o.value.steps = t),
+            s(a(w), {
+              items: l.value.steps,
+              "onUpdate:items": e[1] || (e[1] = (t) => l.value.steps = t),
               "get-item-key": (t) => t.id,
-              "is-active": (t) => t.id === a.value,
+              "is-active": (t) => t.id === i.value,
               "item-class": n.$style.stepItem,
               class: r(n.$style.steps),
-              onItemClick: e[2] || (e[2] = (t) => a.value = t.id)
+              onItemClick: e[2] || (e[2] = (t) => i.value = t.id)
             }, {
-              "item-title": l(({ item: t }) => [
-                d(C(t.label), 1)
+              "item-title": o(({ item: t }) => [
+                d(h(t.label), 1)
               ]),
               _: 1
             }, 8, ["items", "get-item-key", "is-active", "item-class", "class"])
@@ -94,6 +89,6 @@ const E = /* @__PURE__ */ g({
   }
 });
 export {
-  E as default
+  x as default
 };
 //# sourceMappingURL=AnnotationsSidebar.vue2.js.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationsSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { randomInt } from '@milaboratories/helpers';\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n} from '@milaboratories/uikit';\nimport type { AnnotationScriptUi } from '@platforma-sdk/model';\n\n// Models\nconst annotation = defineModel<AnnotationScriptUi>('annotation', { required: true });\nconst selectedStepId = defineModel<undefined | number>('selectedStepId');\n// Emits\nconst emits = defineEmits<{\n  (e: 'delete-schema'): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: `Filter #${annotation.value.steps.length + 1}`,\n    filter: {\n      type: 'and',\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n};\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Name\"\n        :autofocus=\"annotation.title.length === 0\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"$style.root\">\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\">\n          Add annotation\n        </PlBtnSecondary>\n\n        <span :class=\"$style.tip\">Lower annotations override the ones above. Rearrange them by dragging.</span>\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id!\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => selectedStepId = item.id\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use '@milaboratories/uikit/styles/variables' as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  margin-top: 12px;\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n</style>\n"],"names":["annotation","_useModel","__props","selectedStepId","emits","__emit","handleAddStep","id","randomInt"],"mappings":";;;;;;;;;;;;;;;;;;AAYM,UAAAA,IAAaC,EAA+BC,GAAC,YAAgC,GAC7EC,IAAiBF,EAA+BC,GAAC,gBAAgB,GAEjEE,IAAQC;AAId,aAASC,IAAgB;AACvB,YAAMC,IAAKC,EAAU;AACV,MAAAR,EAAA,MAAM,MAAM,KAAK;AAAA,QAC1B,IAAAO;AAAA,QACA,OAAO,WAAWP,EAAW,MAAM,MAAM,SAAS,CAAC;AAAA,QACnD,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,SAAS,CAAA;AAAA,QAAC;AAAA,MACZ,CACD,GACDG,EAAe,QAAQI;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AnnotationsSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { randomInt } from '@milaboratories/helpers';\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n} from '@milaboratories/uikit';\nimport type { AnnotationScriptUi } from '@platforma-sdk/model';\n\n// Models\nconst annotation = defineModel<AnnotationScriptUi>('annotation', { required: true });\nconst selectedStepId = defineModel<undefined | number>('selectedStepId');\n// Emits\nconst emits = defineEmits<{\n  (e: 'delete-schema'): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: `Filter #${annotation.value.steps.length + 1}`,\n    filter: {\n      type: 'and',\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n};\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Name\"\n        :autofocus=\"annotation.title.length === 0\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"$style.root\">\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\">\n          Add annotation\n        </PlBtnSecondary>\n\n        <span :class=\"$style.tip\">Lower annotations override the ones above. Rearrange them by dragging.</span>\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id!\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => selectedStepId = item.id\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use '@milaboratories/uikit/styles/variables' as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  margin-top: 12px;\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n</style>\n"],"names":["annotation","_useModel","__props","selectedStepId","emits","__emit","handleAddStep","id","randomInt"],"mappings":";;;;;;;;;;;;;AAYA,UAAMA,IAAaC,EAA+BC,GAAC,YAAgC,GAC7EC,IAAiBF,EAA+BC,GAAC,gBAAgB,GAEjEE,IAAQC;AAId,aAASC,IAAgB;AACvB,YAAMC,IAAKC,EAAA;AACX,MAAAR,EAAW,MAAM,MAAM,KAAK;AAAA,QAC1B,IAAAO;AAAA,QACA,OAAO,WAAWP,EAAW,MAAM,MAAM,SAAS,CAAC;AAAA,QACnD,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,SAAS,CAAA;AAAA,QAAC;AAAA,MACZ,CACD,GACDG,EAAe,QAAQI;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAnnotations/components/DynamicForm.vue.d.ts

@@ -22,4 +22,3 @@ export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};
-//# sourceMappingURL=DynamicForm.vue.d.ts.map

package/dist/components/PlAnnotations/components/DynamicForm.vue2.js

@@ -1,14 +1,10 @@
-import { defineComponent as g, mergeModels as O, useModel as D, computed as c, watch as _, resolveComponent as h, createElementBlock as v, createCommentVNode as V, openBlock as u, normalizeClass as B, Fragment as i, renderList as S, createBlock as p, unref as s, withCtx as j, createTextVNode as w, toDisplayString as U } from "vue";
-import { isNil as R } from "../../../lib/util/helpers/dist/index.js";
-import "../../../lib/ui/uikit/dist/index.js";
-import { getFilterUiMetadata as x, getFilterUiTypeOptions as z } from "../../../sdk/model/dist/index.js";
-import k from "../../../lib/ui/uikit/dist/components/PlDropdown/PlDropdown.vue.js";
-import E from "../../../lib/ui/uikit/dist/components/PlTextField/PlTextField.vue.js";
-import T from "../../../lib/ui/uikit/dist/components/PlNumberField/PlNumberField.vue.js";
-import I from "../../../lib/ui/uikit/dist/components/PlCheckbox/PlCheckbox.vue.js";
-const L = { key: 7 }, K = /* @__PURE__ */ g({
+import { defineComponent as g, mergeModels as D, useModel as O, computed as c, watch as _, resolveComponent as h, createElementBlock as v, createCommentVNode as V, openBlock as u, normalizeClass as P, Fragment as i, renderList as B, createBlock as p, unref as s, withCtx as S, createTextVNode as j, toDisplayString as U } from "vue";
+import { isNil as w } from "../../../lib/util/helpers/dist/utils.js";
+import { PlDropdown as k, PlTextField as x, PlNumberField as T, PlCheckbox as R } from "@milaboratories/uikit";
+import { getFilterUiMetadata as z, getFilterUiTypeOptions as E } from "@platforma-sdk/model";
+const I = { key: 7 }, G = /* @__PURE__ */ g({
   __name: "DynamicForm",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ D({
     columns: {},
     formMetadata: {}
   }, {
@@ -17,17 +13,17 @@ const L = { key: 7 }, K = /* @__PURE__ */ g({
   }),
   emits: ["update:modelValue"],
   setup(y) {
-    const t = D(y, "modelValue"), d = y, b = c(() => {
+    const t = O(y, "modelValue"), d = y, b = c(() => {
       var n;
       const o = t.value;
       if ("column" in o)
         return (n = d.columns.find((r) => r.id === o.column)) == null ? void 0 : n.obj;
-    }), f = c(() => {
+    }), F = c(() => {
       const o = t.value;
       if (o.type && typeof o.type == "string")
-        return x(o.type);
-    }), M = c(() => z(b.value)), F = c(() => d.columns.map((o) => ({ label: o.label, value: o.id }))), C = c(() => {
-      const o = f.value, n = b.value;
+        return z(o.type);
+    }), M = c(() => E(b.value)), f = c(() => d.columns.map((o) => ({ label: o.label, value: o.id }))), C = c(() => {
+      const o = F.value, n = b.value;
       return o && n ? d.columns.filter((r) => o.supportedFor(n, r.obj)).map((r) => ({
         label: r.label,
         value: r.id
@@ -41,7 +37,7 @@ const L = { key: 7 }, K = /* @__PURE__ */ g({
         for (const [n, r] of Object.entries(o))
           if (t.value[n] === void 0) {
             const l = r.defaultValue();
-            R(l) || (t.value[n] = l);
+            w(l) || (t.value[n] = l);
           }
       },
       { immediate: !0, deep: !0 }
@@ -49,9 +45,9 @@ const L = { key: 7 }, K = /* @__PURE__ */ g({
       const r = h("DynamicForm", !0);
       return o.formMetadata ? (u(), v("div", {
         key: 0,
-        class: B(o.$style.form)
+        class: P(o.$style.form)
       }, [
-        (u(!0), v(i, null, S(o.formMetadata, (l, e) => (u(), v(i, { key: e }, [
+        (u(!0), v(i, null, B(o.formMetadata, (l, e) => (u(), v(i, { key: e }, [
           l.fieldType === "form" ? (u(), v(i, { key: 0 }, [
             "form" in l ? (u(), p(r, {
               key: 0,
@@ -66,7 +62,7 @@ const L = { key: 7 }, K = /* @__PURE__ */ g({
             label: l.label ?? e,
             options: M.value,
             "onUpdate:modelValue": (a) => m(e, a)
-          }, null, 8, ["model-value", "label", "options", "onUpdate:modelValue"])) : l.fieldType === "string" ? (u(), p(s(E), {
+          }, null, 8, ["model-value", "label", "options", "onUpdate:modelValue"])) : l.fieldType === "string" ? (u(), p(s(x), {
             key: 2,
             "model-value": t.value[e],
             label: l.label ?? e,
@@ -75,7 +71,7 @@ const L = { key: 7 }, K = /* @__PURE__ */ g({
             key: 3,
             "model-value": t.value[e],
             label: l.label ?? e,
-            options: e === "column" ? F.value : C.value,
+            options: e === "column" ? f.value : C.value,
             "onUpdate:modelValue": (a) => m(e, a)
           }, null, 8, ["model-value", "label", "options", "onUpdate:modelValue"])) : l.fieldType === "number" ? (u(), p(s(T), {
             key: 4,
@@ -88,23 +84,23 @@ const L = { key: 7 }, K = /* @__PURE__ */ g({
             label: l.label ?? e,
             clearable: !0,
             "onUpdate:modelValue": (a) => m(e, a)
-          }, null, 8, ["model-value", "label", "onUpdate:modelValue"])) : l.fieldType === "boolean" || l.fieldType === "boolean?" ? (u(), p(s(I), {
+          }, null, 8, ["model-value", "label", "onUpdate:modelValue"])) : l.fieldType === "boolean" || l.fieldType === "boolean?" ? (u(), p(s(R), {
             key: 6,
             "model-value": !!t.value[e],
             label: l.label ?? e,
             "onUpdate:modelValue": (a) => m(e, a)
           }, {
-            default: j(() => [
-              w(U(l.label ?? e), 1)
+            default: S(() => [
+              j(U(l.label ?? e), 1)
             ]),
             _: 2
-          }, 1032, ["model-value", "label", "onUpdate:modelValue"])) : (u(), v("pre", L, "TODO:" + U(l.fieldType), 1))
+          }, 1032, ["model-value", "label", "onUpdate:modelValue"])) : (u(), v("pre", I, "TODO:" + U(l.fieldType), 1))
         ], 64))), 128))
       ], 2)) : V("", !0);
     };
   }
 });
 export {
-  K as default
+  G as default
 };
 //# sourceMappingURL=DynamicForm.vue2.js.map

package/dist/components/PlAnnotations/components/DynamicForm.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicForm.vue2.js","sources":["../../../../src/components/PlAnnotations/components/DynamicForm.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends FilterUi = FilterUi\">\nimport { computed, watch } from 'vue';\nimport type { FilterUi, SUniversalPColumnId, TypeFieldRecord } from '@platforma-sdk/model';\nimport type { FilterUiType } from '@platforma-sdk/model';\nimport { isNil } from '@milaboratories/helpers';\nimport { PlTextField, PlDropdown, PlNumberField, PlCheckbox } from '@milaboratories/uikit';\nimport { getFilterUiTypeOptions, getFilterUiMetadata } from '@platforma-sdk/model';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\n\ntype ObjectEntries<T, K extends keyof T = keyof T> = [K, T[K]][];\n\nconst formData = defineModel<T>({ default: () => ({}) });\n\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  formMetadata: TypeFieldRecord<T>;\n}>();\n\nconst columnSpecRef = computed(() => {\n  const value = formData.value;\n  if ('column' in value) {\n    return props.columns.find((c) => c.id === value.column)?.obj;\n  }\n  return undefined;\n});\n\nconst typeMetadataRef = computed(() => {\n  const value = formData.value;\n  if (value.type && typeof value.type === 'string') {\n    return getFilterUiMetadata(value.type);\n  }\n  return undefined;\n});\n\nconst filterUiTypeOptions = computed(() => {\n  return getFilterUiTypeOptions(columnSpecRef.value);\n});\n\nconst firstColumnsOptions = computed(() => props.columns.map((c) => ({ label: c.label, value: c.id })));\nconst secondColumnOptions = computed(() => {\n  const typeMetadata = typeMetadataRef.value;\n  const columnSpec = columnSpecRef.value;\n  if (typeMetadata && columnSpec) {\n    return props.columns.filter((c) => typeMetadata.supportedFor(columnSpec, c.obj)).map((c) => ({\n      label: c.label,\n      value: c.id,\n    }));\n  }\n  return [];\n});\n\nconst setFieldValue = <K extends keyof T>(fieldName: K, value: T[K]) => {\n  formData.value[fieldName] = value;\n};\n\nwatch(() => props.formMetadata, (newForm) => {\n  for (const [fieldName, field] of Object.entries(newForm) as ObjectEntries<typeof newForm>) {\n    if (formData.value[fieldName] === undefined) {\n      const value = field.defaultValue();\n      if (!isNil(value)) {\n        formData.value[fieldName] = value;\n      }\n    }\n  }\n},\n{ immediate: true, deep: true },\n);\n\n</script>\n\n<template>\n  <div v-if=\"formMetadata\" :class=\"$style.form\">\n    <template v-for=\"(field, fieldName) in formMetadata\" :key=\"fieldName\">\n      <template v-if=\"field.fieldType === 'form'\">\n        <!-- TODO: Nested Form not described in FilterUi, we need to define it later. Even more in type it don't possible situations -->\n        <DynamicForm\n          v-if=\"'form' in field\"\n          :model-value=\"formData[fieldName] as any\"\n          :form-metadata=\"field.form as any\"\n          :columns=\"props.columns\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'FilterUiType'\">\n        <PlDropdown\n          :model-value=\"formData[fieldName] as FilterUiType\"\n          :label=\"field.label ?? fieldName\"\n          :options=\"filterUiTypeOptions\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'string'\">\n        <PlTextField\n          :model-value=\"formData[fieldName] as string\"\n          :label=\"field.label ?? fieldName\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'SUniversalPColumnId'\">\n        <PlDropdown\n          :model-value=\"formData[fieldName] as SUniversalPColumnId\"\n          :label=\"field.label ?? fieldName\"\n          :options=\"fieldName === 'column' ? firstColumnsOptions : secondColumnOptions\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'number'\">\n        <PlNumberField\n          :model-value=\"formData[fieldName] as number\"\n          :label=\"field.label ?? fieldName\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'number?'\">\n        <PlNumberField\n          :model-value=\"formData[fieldName] as (undefined | number)\"\n          :label=\"field.label ?? fieldName\"\n          :clearable=\"true\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'boolean' || field.fieldType === 'boolean?'\">\n        <PlCheckbox\n          :model-value=\"Boolean(formData[fieldName])\"\n          :label=\"field.label ?? fieldName\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        >\n          {{ field.label ?? fieldName }}\n        </PlCheckbox>\n      </template>\n      <template v-else>\n        <pre>TODO:{{ field.fieldType }}</pre>\n      </template>\n    </template>\n  </div>\n</template>\n\n<style module>\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"names":["formData","_useModel","__props","props","columnSpecRef","computed","value","_a","c","typeMetadataRef","getFilterUiMetadata","filterUiTypeOptions","getFilterUiTypeOptions","firstColumnsOptions","secondColumnOptions","typeMetadata","columnSpec","setFieldValue","fieldName","watch","newForm","field","isNil"],"mappings":";;;;;;;;;;;;;;;;;;;AAWM,UAAAA,IAAWC,EAAcC,GAAA,YAAwB,GAEjDC,IAAQD,GAKRE,IAAgBC,EAAS,MAAM;;AACnC,YAAMC,IAAQN,EAAS;AACvB,UAAI,YAAYM;AACP,gBAAAC,IAAAJ,EAAM,QAAQ,KAAK,CAACK,MAAMA,EAAE,OAAOF,EAAM,MAAM,MAA/C,gBAAAC,EAAkD;AAAA,IAEpD,CACR,GAEKE,IAAkBJ,EAAS,MAAM;AACrC,YAAMC,IAAQN,EAAS;AACvB,UAAIM,EAAM,QAAQ,OAAOA,EAAM,QAAS;AAC/B,eAAAI,EAAoBJ,EAAM,IAAI;AAAA,IAEhC,CACR,GAEKK,IAAsBN,EAAS,MAC5BO,EAAuBR,EAAc,KAAK,CAClD,GAEKS,IAAsBR,EAAS,MAAMF,EAAM,QAAQ,IAAI,CAACK,OAAO,EAAE,OAAOA,EAAE,OAAO,OAAOA,EAAE,KAAK,CAAC,GAChGM,IAAsBT,EAAS,MAAM;AACzC,YAAMU,IAAeN,EAAgB,OAC/BO,IAAaZ,EAAc;AACjC,aAAIW,KAAgBC,IACXb,EAAM,QAAQ,OAAO,CAACK,MAAMO,EAAa,aAAaC,GAAYR,EAAE,GAAG,CAAC,EAAE,IAAI,CAACA,OAAO;AAAA,QAC3F,OAAOA,EAAE;AAAA,QACT,OAAOA,EAAE;AAAA,MAAA,EACT,IAEG,CAAC;AAAA,IAAA,CACT,GAEKS,IAAgB,CAAoBC,GAAcZ,MAAgB;AAC7D,MAAAN,EAAA,MAAMkB,CAAS,IAAIZ;AAAA,IAC9B;AAEA,WAAAa;AAAA,MAAM,MAAMhB,EAAM;AAAA,MAAc,CAACiB,MAAY;AAC3C,mBAAW,CAACF,GAAWG,CAAK,KAAK,OAAO,QAAQD,CAAO;AACrD,cAAIpB,EAAS,MAAMkB,CAAS,MAAM,QAAW;AACrC,kBAAAZ,IAAQe,EAAM,aAAa;AAC7B,YAACC,EAAMhB,CAAK,MACLN,EAAA,MAAMkB,CAAS,IAAIZ;AAAA,UAC9B;AAAA,MAGN;AAAA,MACA,EAAE,WAAW,IAAM,MAAM,GAAK;AAAA,IAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DynamicForm.vue2.js","sources":["../../../../src/components/PlAnnotations/components/DynamicForm.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends FilterUi = FilterUi\">\nimport { computed, watch } from 'vue';\nimport type { FilterUi, SUniversalPColumnId, TypeFieldRecord } from '@platforma-sdk/model';\nimport type { FilterUiType } from '@platforma-sdk/model';\nimport { isNil } from '@milaboratories/helpers';\nimport { PlTextField, PlDropdown, PlNumberField, PlCheckbox } from '@milaboratories/uikit';\nimport { getFilterUiTypeOptions, getFilterUiMetadata } from '@platforma-sdk/model';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\n\ntype ObjectEntries<T, K extends keyof T = keyof T> = [K, T[K]][];\n\nconst formData = defineModel<T>({ default: () => ({}) });\n\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  formMetadata: TypeFieldRecord<T>;\n}>();\n\nconst columnSpecRef = computed(() => {\n  const value = formData.value;\n  if ('column' in value) {\n    return props.columns.find((c) => c.id === value.column)?.obj;\n  }\n  return undefined;\n});\n\nconst typeMetadataRef = computed(() => {\n  const value = formData.value;\n  if (value.type && typeof value.type === 'string') {\n    return getFilterUiMetadata(value.type);\n  }\n  return undefined;\n});\n\nconst filterUiTypeOptions = computed(() => {\n  return getFilterUiTypeOptions(columnSpecRef.value);\n});\n\nconst firstColumnsOptions = computed(() => props.columns.map((c) => ({ label: c.label, value: c.id })));\nconst secondColumnOptions = computed(() => {\n  const typeMetadata = typeMetadataRef.value;\n  const columnSpec = columnSpecRef.value;\n  if (typeMetadata && columnSpec) {\n    return props.columns.filter((c) => typeMetadata.supportedFor(columnSpec, c.obj)).map((c) => ({\n      label: c.label,\n      value: c.id,\n    }));\n  }\n  return [];\n});\n\nconst setFieldValue = <K extends keyof T>(fieldName: K, value: T[K]) => {\n  formData.value[fieldName] = value;\n};\n\nwatch(() => props.formMetadata, (newForm) => {\n  for (const [fieldName, field] of Object.entries(newForm) as ObjectEntries<typeof newForm>) {\n    if (formData.value[fieldName] === undefined) {\n      const value = field.defaultValue();\n      if (!isNil(value)) {\n        formData.value[fieldName] = value;\n      }\n    }\n  }\n},\n{ immediate: true, deep: true },\n);\n\n</script>\n\n<template>\n  <div v-if=\"formMetadata\" :class=\"$style.form\">\n    <template v-for=\"(field, fieldName) in formMetadata\" :key=\"fieldName\">\n      <template v-if=\"field.fieldType === 'form'\">\n        <!-- TODO: Nested Form not described in FilterUi, we need to define it later. Even more in type it don't possible situations -->\n        <DynamicForm\n          v-if=\"'form' in field\"\n          :model-value=\"formData[fieldName] as any\"\n          :form-metadata=\"field.form as any\"\n          :columns=\"props.columns\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'FilterUiType'\">\n        <PlDropdown\n          :model-value=\"formData[fieldName] as FilterUiType\"\n          :label=\"field.label ?? fieldName\"\n          :options=\"filterUiTypeOptions\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'string'\">\n        <PlTextField\n          :model-value=\"formData[fieldName] as string\"\n          :label=\"field.label ?? fieldName\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'SUniversalPColumnId'\">\n        <PlDropdown\n          :model-value=\"formData[fieldName] as SUniversalPColumnId\"\n          :label=\"field.label ?? fieldName\"\n          :options=\"fieldName === 'column' ? firstColumnsOptions : secondColumnOptions\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'number'\">\n        <PlNumberField\n          :model-value=\"formData[fieldName] as number\"\n          :label=\"field.label ?? fieldName\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'number?'\">\n        <PlNumberField\n          :model-value=\"formData[fieldName] as (undefined | number)\"\n          :label=\"field.label ?? fieldName\"\n          :clearable=\"true\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        />\n      </template>\n      <template v-else-if=\"field.fieldType === 'boolean' || field.fieldType === 'boolean?'\">\n        <PlCheckbox\n          :model-value=\"Boolean(formData[fieldName])\"\n          :label=\"field.label ?? fieldName\"\n          @update:model-value=\"setFieldValue(fieldName, $event as T[keyof T])\"\n        >\n          {{ field.label ?? fieldName }}\n        </PlCheckbox>\n      </template>\n      <template v-else>\n        <pre>TODO:{{ field.fieldType }}</pre>\n      </template>\n    </template>\n  </div>\n</template>\n\n<style module>\n.form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"names":["formData","_useModel","__props","props","columnSpecRef","computed","value","_a","c","typeMetadataRef","getFilterUiMetadata","filterUiTypeOptions","getFilterUiTypeOptions","firstColumnsOptions","secondColumnOptions","typeMetadata","columnSpec","setFieldValue","fieldName","watch","newForm","field","isNil"],"mappings":";;;;;;;;;;;;;;;AAWA,UAAMA,IAAWC,EAAcC,GAAA,YAAwB,GAEjDC,IAAQD,GAKRE,IAAgBC,EAAS,MAAM;;AACnC,YAAMC,IAAQN,EAAS;AACvB,UAAI,YAAYM;AACd,gBAAOC,IAAAJ,EAAM,QAAQ,KAAK,CAACK,MAAMA,EAAE,OAAOF,EAAM,MAAM,MAA/C,gBAAAC,EAAkD;AAAA,IAG7D,CAAC,GAEKE,IAAkBJ,EAAS,MAAM;AACrC,YAAMC,IAAQN,EAAS;AACvB,UAAIM,EAAM,QAAQ,OAAOA,EAAM,QAAS;AACtC,eAAOI,EAAoBJ,EAAM,IAAI;AAAA,IAGzC,CAAC,GAEKK,IAAsBN,EAAS,MAC5BO,EAAuBR,EAAc,KAAK,CAClD,GAEKS,IAAsBR,EAAS,MAAMF,EAAM,QAAQ,IAAI,CAACK,OAAO,EAAE,OAAOA,EAAE,OAAO,OAAOA,EAAE,GAAA,EAAK,CAAC,GAChGM,IAAsBT,EAAS,MAAM;AACzC,YAAMU,IAAeN,EAAgB,OAC/BO,IAAaZ,EAAc;AACjC,aAAIW,KAAgBC,IACXb,EAAM,QAAQ,OAAO,CAACK,MAAMO,EAAa,aAAaC,GAAYR,EAAE,GAAG,CAAC,EAAE,IAAI,CAACA,OAAO;AAAA,QAC3F,OAAOA,EAAE;AAAA,QACT,OAAOA,EAAE;AAAA,MAAA,EACT,IAEG,CAAA;AAAA,IACT,CAAC,GAEKS,IAAgB,CAAoBC,GAAcZ,MAAgB;AACtE,MAAAN,EAAS,MAAMkB,CAAS,IAAIZ;AAAA,IAC9B;AAEA,WAAAa;AAAA,MAAM,MAAMhB,EAAM;AAAA,MAAc,CAACiB,MAAY;AAC3C,mBAAW,CAACF,GAAWG,CAAK,KAAK,OAAO,QAAQD,CAAO;AACrD,cAAIpB,EAAS,MAAMkB,CAAS,MAAM,QAAW;AAC3C,kBAAMZ,IAAQe,EAAM,aAAA;AACpB,YAAKC,EAAMhB,CAAK,MACdN,EAAS,MAAMkB,CAAS,IAAIZ;AAAA,UAEhC;AAAA,MAEJ;AAAA,MACA,EAAE,WAAW,IAAM,MAAM,GAAA;AAAA,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/PlAnnotations/components/FilterSidebar.vue.d.ts

@@ -17,4 +17,3 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:step"?: ((value: AnnotationStepUi) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
-//# sourceMappingURL=FilterSidebar.vue.d.ts.map