@platforma-sdk/ui-vue 1.45.42 → 1.46.0

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

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotations.vue2.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Props as BaseProps } from './FilterSidebar.vue';\nexport type Props = BaseProps & {\n  onDeleteSchema?: () => void;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, effect, shallowRef } from 'vue';\n\nimport { isNil } from '@milaboratories/helpers';\nimport { PlSidebarGroup, useConfirm } from '@milaboratories/uikit';\n\nimport type { Annotation } from '../types';\nimport AnnotationsSidebar from './AnnotationsSidebar.vue';\nimport FilterSidebar from './FilterSidebar.vue';\n\n// Models\nconst annotation = defineModel<Annotation>('annotation', { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\nconst selectedStep = computed(() => {\n  return isNil(selectedStepId.value) || isNil(annotation.value)\n    ? undefined\n    : annotation.value.steps.find((step) => step.id === selectedStepId.value);\n});\n\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Hooks\nconst confirmResetSchema = useConfirm({\n  title: 'Reset Schema',\n  message: 'Are you sure you want to reset the schema? This action cannot be undone.',\n  confirmLabel: 'Yes, reset',\n  cancelLabel: 'No, cancel',\n});\n// Actions\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    selectedStepId.value = undefined;\n    props.onDeleteSchema?.();\n  }\n}\n\n</script>\n\n<template>\n  <PlSidebarGroup :class=\"$style.sidebarGroup\">\n    <template #item-0>\n      <AnnotationsSidebar\n        v-model:annotation=\"annotation\"\n        v-model:selectedStepId=\"selectedStepId\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        @delete-schema=\"handleDeleteSchema\"\n      />\n    </template>\n    <template #item-1>\n      <FilterSidebar\n        v-if=\"selectedStep\"\n        v-model:step=\"selectedStep\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        :selectedStepId=\"selectedStepId\"\n        :hasSelectedColumns=\"props.hasSelectedColumns\"\n        :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      />\n    </template>\n  </PlSidebarGroup>\n</template>\n\n<style lang=\"scss\" module>\n.sidebarGroup {\n  width: 100%;\n  height: 100%;\n}\n\n.sidebarItem {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"names":["annotation","_useModel","props","__props","selectedStepId","shallowRef","selectedStep","computed","isNil","step","effect","confirmResetSchema","useConfirm","handleDeleteSchema","_a","_createBlock","_unref","PlSidebarGroup","_normalizeClass","$style","_createVNode","AnnotationsSidebar","$event","FilterSidebar"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAaC,KAAwB,YAAgC,GAErEC,IAAQC,GAERC,IAAiBC,EAA+B,MAAS,GACzDC,IAAeC,EAAS,MACrBC,EAAMJ,EAAe,KAAK,KAAKI,EAAMR,EAAW,KAAK,IACxD,SACAA,EAAW,MAAM,MAAM,KAAK,CAACS,MAASA,EAAK,OAAOL,EAAe,KAAK,CAC3E;AAGD,IAAAM,EAAO,WAA4B;AACjC,MAAIN,EAAe,UAAU,UAAaJ,EAAW,MAAM,MAAM,SAAS,MACxEI,EAAe,QAAQJ,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IAErD,CAAC;AAED,UAAMW,IAAqBC,EAAW;AAAA,MACpC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,mBAAeC,IAAqB;;AAClC,MAAI,MAAMF,QACRP,EAAe,QAAQ,SACvBU,IAAAZ,EAAM,mBAAN,QAAAY,EAAA,KAAAZ;AAAA,IAEJ;2BAKEa,EAqBiBC,EAAAC,CAAA,GAAA;AAAA,MArBA,OAAKC,EAAEC,EAAAA,OAAO,YAAY;AAAA,IAAA;MAC9B,YACT,MAME;AAAA,QANFC,EAMEC,GAAA;AAAA,UALQ,YAAYrB,EAAA;AAAA,wDAAAA,EAAU,QAAAsB;AAAA,UACtB,gBAAgBlB,EAAA;AAAA,4DAAAA,EAAc,QAAAkB;AAAA,UACrC,OAAKJ,EAAEC,EAAAA,OAAO,WAAW;AAAA,UACzB,SAASjB,EAAM;AAAA,UACf,gBAAeW;AAAA,QAAA;;MAGT,YALb,MAYW;AAAA,QALCP,EAAA,cADRS,EAQEQ,GAAA;AAAA;UANQ,MAAMjB,EAAA;AAAA,kDAAAA,EAAY,QAAAgB;AAAA,UACzB,OAAKJ,EAAEC,EAAAA,OAAO,WAAW;AAAA,UACzB,SAASjB,EAAM;AAAA,UACf,gBAAgBE,EAAA;AAAA,UAChB,oBAAoBF,EAAM;AAAA,UAC1B,6BAA6BA,EAAM;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"PlAnnotations.vue2.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Props as BaseProps } from './FilterSidebar.vue';\nexport type Props = BaseProps & {\n  onDeleteSchema?: () => void;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, effect, shallowRef } from 'vue';\n\nimport { isNil } from '@milaboratories/helpers';\nimport { PlSidebarGroup, useConfirm } from '@milaboratories/uikit';\n\nimport type { Annotation } from '../types';\nimport AnnotationsSidebar from './AnnotationsSidebar.vue';\nimport FilterSidebar from './FilterSidebar.vue';\n\n// Models\nconst annotation = defineModel<Annotation>('annotation', { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\nconst selectedStep = computed(() => {\n  return isNil(selectedStepId.value) || isNil(annotation.value)\n    ? undefined\n    : annotation.value.steps.find((step) => step.id === selectedStepId.value);\n});\n\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Hooks\nconst confirmResetSchema = useConfirm({\n  title: 'Reset Schema',\n  message: 'Are you sure you want to reset the schema? This action cannot be undone.',\n  confirmLabel: 'Yes, reset',\n  cancelLabel: 'No, cancel',\n});\n// Actions\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    selectedStepId.value = undefined;\n    props.onDeleteSchema?.();\n  }\n}\n\n</script>\n\n<template>\n  <PlSidebarGroup>\n    <template #item-0>\n      <AnnotationsSidebar\n        v-model:annotation=\"annotation\"\n        v-model:selectedStepId=\"selectedStepId\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        @delete-schema=\"handleDeleteSchema\"\n      />\n    </template>\n    <template #item-1>\n      <FilterSidebar\n        v-if=\"selectedStep\"\n        v-model:step=\"selectedStep\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :selectedStepId=\"selectedStepId\"\n        :hasSelectedColumns=\"props.hasSelectedColumns\"\n        :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      />\n    </template>\n  </PlSidebarGroup>\n</template>\n\n<style module>\n.sidebarItem {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"names":["annotation","_useModel","props","__props","selectedStepId","shallowRef","selectedStep","computed","isNil","step","effect","confirmResetSchema","useConfirm","handleDeleteSchema","_a","_createBlock","_unref","PlSidebarGroup","_createVNode","AnnotationsSidebar","$event","_normalizeClass","$style","FilterSidebar"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAaC,KAAwB,YAAgC,GAErEC,IAAQC,GAERC,IAAiBC,EAA+B,MAAS,GACzDC,IAAeC,EAAS,MACrBC,EAAMJ,EAAe,KAAK,KAAKI,EAAMR,EAAW,KAAK,IACxD,SACAA,EAAW,MAAM,MAAM,KAAK,CAACS,MAASA,EAAK,OAAOL,EAAe,KAAK,CAC3E;AAGD,IAAAM,EAAO,WAA4B;AACjC,MAAIN,EAAe,UAAU,UAAaJ,EAAW,MAAM,MAAM,SAAS,MACxEI,EAAe,QAAQJ,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IAErD,CAAC;AAED,UAAMW,IAAqBC,EAAW;AAAA,MACpC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,mBAAeC,IAAqB;;AAClC,MAAI,MAAMF,QACRP,EAAe,QAAQ,SACvBU,IAAAZ,EAAM,mBAAN,QAAAY,EAAA,KAAAZ;AAAA,IAEJ;2BAKEa,EAsBiBC,EAAAC,CAAA,GAAA,MAAA;AAAA,MArBJ,YACT,MAME;AAAA,QANFC,EAMEC,GAAA;AAAA,UALQ,YAAYnB,EAAA;AAAA,wDAAAA,EAAU,QAAAoB;AAAA,UACtB,gBAAgBhB,EAAA;AAAA,4DAAAA,EAAc,QAAAgB;AAAA,UACrC,OAAKC,EAAEC,EAAAA,OAAO,WAAW;AAAA,UACzB,SAASpB,EAAM;AAAA,UACf,gBAAeW;AAAA,QAAA;;MAGT,YATW,MAWxB;AAAA,QAAYP,EAAA,cADRS,EASEQ,GAAA;AAAA;UAPQ,MAAMjB,EAAA;AAAA,kDAAAA,EAAY,QAAAc;AAAA,UACzB,OAAKC,EAAEC,EAAAA,OAAO,WAAW;AAAA,UACzB,SAASpB,EAAM;AAAA,UACf,uBAAqBA,EAAM;AAAA,UAC3B,gBAAgBE,EAAA;AAAA,UAChB,oBAAoBF,EAAM;AAAA,UAC1B,6BAA6BA,EAAM;AAAA,QAAA;;;;;;"}

package/dist/components/PlAnnotations/components/PlAnnotations.vue3.js

@@ -1,11 +1,9 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._sidebarGroup_1imam_1,._sidebarItem_1imam_6{width:100%;height:100%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-const e = "_sidebarGroup_1imam_1", s = "_sidebarItem_1imam_6", a = {
-  sidebarGroup: e,
-  sidebarItem: s
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._sidebarItem_ealy4_2{width:100%;height:100%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+const e = "_sidebarItem_ealy4_2", t = {
+  sidebarItem: e
 };
 export {
-  a as default,
-  e as sidebarGroup,
-  s as sidebarItem
+  t as default,
+  e as sidebarItem
 };
 //# sourceMappingURL=PlAnnotations.vue3.js.map

package/dist/components/PlAnnotations/components/PlAnnotations.vue3.js.map

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

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

@@ -1,10 +1,11 @@
-import { defineComponent as c, mergeModels as r, useModel as d, shallowRef as p, effect as f, createBlock as S, openBlock as v, unref as h, normalizeClass as i, withCtx as C, createVNode as V } from "vue";
+import { defineComponent as m, mergeModels as r, useModel as d, shallowRef as p, effect as f, createBlock as g, openBlock as S, unref as v, normalizeClass as i, withCtx as h, createVNode as C } from "vue";
 import { PlPureSlideModal as y } from "@milaboratories/uikit";
-import g from "./PlAnnotations.vue.js";
-const B = /* @__PURE__ */ c({
+import V from "./PlAnnotations.vue.js";
+const B = /* @__PURE__ */ m({
   __name: "PlAnnotationsModal",
   props: /* @__PURE__ */ r({
     columns: {},
+    getSuggestOptions: { type: Function },
     hasSelectedColumns: { type: Boolean },
     getValuesForSelectedColumns: { type: Function },
     onDeleteSchema: { type: Function }
@@ -16,30 +17,31 @@ const B = /* @__PURE__ */ c({
   }),
   emits: ["update:annotation", "update:opened"],
   setup(l) {
-    const t = d(l, "annotation"), a = d(l, "opened"), e = l, u = p(void 0);
+    const o = d(l, "annotation"), a = d(l, "opened"), e = l, u = p(void 0);
     f(function() {
-      u.value === void 0 && t.value.steps.length > 0 && (u.value = t.value.steps[0].id);
+      u.value === void 0 && o.value.steps.length > 0 && (u.value = o.value.steps[0].id);
     });
-    async function m() {
-      var o;
-      a.value = !1, (o = e.onDeleteSchema) == null || o.call(e);
+    async function c() {
+      var t;
+      a.value = !1, (t = e.onDeleteSchema) == null || t.call(e);
     }
-    return (o, n) => (v(), S(h(y), {
+    return (t, n) => (S(), g(v(y), {
       modelValue: a.value,
       "onUpdate:modelValue": n[1] || (n[1] = (s) => a.value = s),
-      class: i(o.$style.modal),
+      class: i(t.$style.modal),
       width: "768px"
     }, {
-      default: C(() => [
-        V(g, {
-          annotation: t.value,
-          "onUpdate:annotation": n[0] || (n[0] = (s) => t.value = s),
-          class: i(o.$style.sidebarItem),
+      default: h(() => [
+        C(V, {
+          annotation: o.value,
+          "onUpdate:annotation": n[0] || (n[0] = (s) => o.value = s),
+          class: i(t.$style.content),
           columns: e.columns,
+          "get-suggest-options": e.getSuggestOptions,
           "has-selected-columns": e.hasSelectedColumns,
           getValuesForSelectedColumns: e.getValuesForSelectedColumns,
-          onDeleteSchema: m
-        }, null, 8, ["annotation", "class", "columns", "has-selected-columns", "getValuesForSelectedColumns"])
+          onDeleteSchema: c
+        }, null, 8, ["annotation", "class", "columns", "get-suggest-options", "has-selected-columns", "getValuesForSelectedColumns"])
       ]),
       _: 1
     }, 8, ["modelValue", "class"]));

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

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotationsModal.vue2.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from '@milaboratories/uikit';\nimport { effect, shallowRef } from 'vue';\n\nimport type { Annotation } from '../types';\nimport type { Props } from './PlAnnotations.vue';\nimport PlAnnotations from './PlAnnotations.vue';\n\n// Models\nconst annotation = defineModel<Annotation>('annotation', { required: true });\nconst opened = defineModel<boolean>('opened', { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Actions\nasync function handleDeleteSchema() {\n  opened.value = false;\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal v-model=\"opened\" :class=\"$style.modal\" width=\"768px\">\n    <PlAnnotations\n      v-model:annotation=\"annotation\"\n      :class=\"$style.sidebarItem\"\n      :columns=\"props.columns\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      @delete-schema=\"handleDeleteSchema\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style lang=\"scss\" module>\n.modal {\n  display: flex;\n}\n\n.sidebarGroup {\n  width: 100%;\n  height: 100%;\n}\n\n.sidebarItem {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"names":["annotation","_useModel","opened","__props","props","selectedStepId","shallowRef","effect","handleDeleteSchema","_a","_createBlock","_unref","PlPureSlideModal","$event","_normalizeClass","$style","_createVNode","PlAnnotations"],"mappings":";;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAaC,KAAwB,YAAgC,GACrEC,IAASD,EAAoBE,GAAC,QAA4B,GAE1DC,IAAQD,GAERE,IAAiBC,EAA+B,MAAS;AAE/D,IAAAC,EAAO,WAA4B;AACjC,MAAIF,EAAe,UAAU,UAAaL,EAAW,MAAM,MAAM,SAAS,MACxEK,EAAe,QAAQL,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IAErD,CAAC;AAED,mBAAeQ,IAAqB;;AAClC,MAAAN,EAAO,QAAQ,KACfO,IAAAL,EAAM,mBAAN,QAAAK,EAAA,KAAAL;AAAA,IACF;2BAIEM,EASmBC,EAAAC,CAAA,GAAA;AAAA,kBATQV,EAAA;AAAA,oDAAAA,EAAM,QAAAW;AAAA,MAAG,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAE,OAAM;AAAA,IAAA;iBAC7D,MAOE;AAAA,QAPFC,EAOEC,GAAA;AAAA,UANQ,YAAYjB,EAAA;AAAA,wDAAAA,EAAU,QAAAa;AAAA,UAC7B,OAAKC,EAAEC,EAAAA,OAAO,WAAW;AAAA,UACzB,SAASX,EAAM;AAAA,UACf,wBAAsBA,EAAM;AAAA,UAC5B,6BAA6BA,EAAM;AAAA,UACnC,gBAAeI;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"PlAnnotationsModal.vue2.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlPureSlideModal } from '@milaboratories/uikit';\nimport { effect, shallowRef } from 'vue';\n\nimport type { Annotation } from '../types';\nimport type { Props } from './PlAnnotations.vue';\nimport PlAnnotations from './PlAnnotations.vue';\n\n// Models\nconst annotation = defineModel<Annotation>('annotation', { required: true });\nconst opened = defineModel<boolean>('opened', { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst selectedStepId = shallowRef<number | undefined>(undefined);\n// Watchers\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && annotation.value.steps.length > 0) {\n    selectedStepId.value = annotation.value.steps[0].id;\n  }\n});\n// Actions\nasync function handleDeleteSchema() {\n  opened.value = false;\n  props.onDeleteSchema?.();\n}\n</script>\n\n<template>\n  <PlPureSlideModal v-model=\"opened\" :class=\"$style.modal\" width=\"768px\">\n    <PlAnnotations\n      v-model:annotation=\"annotation\"\n      :class=\"$style.content\"\n      :columns=\"props.columns\"\n      :get-suggest-options=\"props.getSuggestOptions\"\n      :has-selected-columns=\"props.hasSelectedColumns\"\n      :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      @delete-schema=\"handleDeleteSchema\"\n    />\n  </PlPureSlideModal>\n</template>\n\n<style module>\n.modal {\n  display: flex;\n}\n\n.content {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"names":["annotation","_useModel","opened","__props","props","selectedStepId","shallowRef","effect","handleDeleteSchema","_a","_createBlock","_unref","PlPureSlideModal","$event","_normalizeClass","$style","_createVNode","PlAnnotations"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAaC,KAAwB,YAAgC,GACrEC,IAASD,EAAoBE,GAAC,QAA4B,GAE1DC,IAAQD,GAERE,IAAiBC,EAA+B,MAAS;AAE/D,IAAAC,EAAO,WAA4B;AACjC,MAAIF,EAAe,UAAU,UAAaL,EAAW,MAAM,MAAM,SAAS,MACxEK,EAAe,QAAQL,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IAErD,CAAC;AAED,mBAAeQ,IAAqB;;AAClC,MAAAN,EAAO,QAAQ,KACfO,IAAAL,EAAM,mBAAN,QAAAK,EAAA,KAAAL;AAAA,IACF;2BAIEM,EAUmBC,EAAAC,CAAA,GAAA;AAAA,kBAVQV,EAAA;AAAA,oDAAAA,EAAM,QAAAW;AAAA,MAAG,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,MAAE,OAAM;AAAA,IAAA;iBAC7D,MAQE;AAAA,QARFC,EAQEC,GAAA;AAAA,UAPQ,YAAYjB,EAAA;AAAA,wDAAAA,EAAU,QAAAa;AAAA,UAC7B,OAAKC,EAAEC,EAAAA,OAAO,OAAO;AAAA,UACrB,SAASX,EAAM;AAAA,UACf,uBAAqBA,EAAM;AAAA,UAC3B,wBAAsBA,EAAM;AAAA,UAC5B,6BAA6BA,EAAM;AAAA,UACnC,gBAAeI;AAAA,QAAA;;;;;;"}

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue3.js

@@ -1,13 +1,11 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._modal_1634u_1{display:flex}._sidebarGroup_1634u_5,._sidebarItem_1634u_10{width:100%;height:100%}")),document.head.appendChild(e)}}catch(d){console.error("vite-plugin-css-injected-by-js",d)}})();
-const e = "_modal_1634u_1", s = "_sidebarGroup_1634u_5", a = "_sidebarItem_1634u_10", o = {
-  modal: e,
-  sidebarGroup: s,
-  sidebarItem: a
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._modal_bftih_2{display:flex}._content_bftih_6{width:100%;height:100%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+const t = "_modal_bftih_2", o = "_content_bftih_6", n = {
+  modal: t,
+  content: o
 };
 export {
-  o as default,
-  e as modal,
-  s as sidebarGroup,
-  a as sidebarItem
+  o as content,
+  n as default,
+  t as modal
 };
 //# sourceMappingURL=PlAnnotationsModal.vue3.js.map

package/dist/components/PlAnnotations/components/PlAnnotationsModal.vue3.js.map

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

package/dist/components/PlAnnotations/components/style.module.css.js

@@ -0,0 +1,13 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._flashing_1daus_1{animation:_flash_1daus_1 1s ease-in-out infinite alternate}@keyframes _flash_1daus_1{0%{box-shadow:0 0 6px 4px var(--border-color-focus)}to{box-shadow:0 0 2px 2px var(--border-color-focus)}}._disabled_1daus_13{pointer-events:none;opacity:.5}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+const s = "_flashing_1daus_1", a = "_flash_1daus_1", l = "_disabled_1daus_13", d = {
+  flashing: s,
+  flash: a,
+  disabled: l
+};
+export {
+  d as default,
+  l as disabled,
+  a as flash,
+  s as flashing
+};
+//# sourceMappingURL=style.module.css.js.map

package/dist/components/PlAnnotations/components/style.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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

@@ -1,2 +1,3 @@
 export { default as PlAnnotations } from './components/PlAnnotations.vue';
 export { default as PlAnnotationsModal } from './components/PlAnnotationsModal.vue';
+export type { Annotation, Filter, FilterSpec } from './types';

package/dist/index.js

@@ -5,20 +5,20 @@
 .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}`)),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 
 import { default as m } from "./components/BlockLayout.vue.js";
-import { default as p, default as d } from "./components/PlAgDataTable/PlAgDataTableV2.vue.js";
+import { default as s, default as d } from "./components/PlAgDataTable/PlAgDataTableV2.vue.js";
 import { default as i } from "./components/PlAgDataTable/PlAgOverlayLoading.vue.js";
 import { default as n } from "./components/PlAgDataTable/PlAgOverlayNoRows.vue.js";
 
 import { default as A } from "./components/ValueOrErrorsComponent.vue.js";
 import { useAgGridOptions as C } from "./AgGridVue/useAgGridOptions.js";
 import { createAgGridColDef as b } from "./AgGridVue/createAgGridColDef.js";
-import { deselectAll as w, getSelectedRowsCount as R, getTotalRowsCount as T, isSelectionEnabled as v, selectAll as D } from "./AgGridVue/selection.js";
+import { deselectAll as v, getSelectedRowsCount as w, getTotalRowsCount as R, isSelectionEnabled as S, selectAll as T } from "./AgGridVue/selection.js";
 import { default as V } from "./components/PlAgColumnHeader/PlAgColumnHeader.vue.js";
-import { default as M } from "./components/PlAgCellFile/PlAgCellFile.vue.js";
-import { default as G } from "./components/PlAgCellProgress/PlAgCellProgress.vue.js";
-import { default as k } from "./components/PlAgCellStatusTag/PlAgCellStatusTag.vue.js";
+import { default as F } from "./components/PlAgCellFile/PlAgCellFile.vue.js";
+import { default as h } from "./components/PlAgCellProgress/PlAgCellProgress.vue.js";
+import { default as N } from "./components/PlAgCellStatusTag/PlAgCellStatusTag.vue.js";
 
-import { default as B } from "./components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue.js";
+import { default as y } from "./components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue.js";
 
 import { default as H } from "./components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue.js";
 
@@ -32,70 +32,72 @@ import { default as re } from "./components/PlAgGridColumnManager/PlAgGridColumn
 import { default as te } from "./components/PlTableFilters/PlTableFiltersV2.vue.js";
 import { default as ae } from "./components/PlAnnotations/components/PlAnnotations.vue.js";
 import { default as me } from "./components/PlAnnotations/components/PlAnnotationsModal.vue.js";
-import { default as pe } from "./components/PlBtnExportArchive/PlBtnExportArchive.vue.js";
-import { default as ue } from "./components/PlAdvancedFilter/PlAdvancedFilter.vue.js";
+import { default as se } from "./components/PlBtnExportArchive/PlBtnExportArchive.vue.js";
+import { PlAdvancedFilterSupportedFilters as ue } from "./components/PlAdvancedFilter/index.js";
 import { defineApp as xe, useSdkPlugin as ne } from "./defineApp.js";
 import { createModel as Ae } from "./createModel.js";
 import { defineStore as Ce } from "./defineStore.js";
 import { AgGridTheme as be, activateAgGrid as Ee } from "./aggrid.js";
-import { MultiError as Re, UnresolvedError as Te, ensureError as ve, formatZodError as De, identity as Se, isDefined as Ve, isZodError as Oe, unwrapValueOrErrors as Me, wrapOptionalResult as he, wrapValueOrErrors as Ge } from "./utils.js";
-import { objectHash as ke } from "./objectHash.js";
-import { computedResult as Be } from "./computedResult.js";
+import { MultiError as we, UnresolvedError as Re, ensureError as Se, formatZodError as Te, identity as De, isDefined as Ve, isZodError as Oe, unwrapValueOrErrors as Fe, wrapOptionalResult as Me, wrapValueOrErrors as he } from "./utils.js";
+import { objectHash as Ne } from "./objectHash.js";
+import { computedResult as ye } from "./computedResult.js";
 import { ReactiveFileContent as He } from "./composition/fileContent.js";
 export * from "@milaboratories/uikit";
+import { default as Ze } from "./components/PlAdvancedFilter/PlAdvancedFilter.vue.js";
 export {
   be as AgGridTheme,
   m as BlockLayout,
   J as DeferredCircular,
-  Re as MultiError,
-  ue as PlAdvancedFilter,
-  M as PlAgCellFile,
-  G as PlAgCellProgress,
-  k as PlAgCellStatusTag,
-  B as PlAgChartHistogramCell,
+  we as MultiError,
+  Ze as PlAdvancedFilter,
+  ue as PlAdvancedFilterSupportedFilters,
+  F as PlAgCellFile,
+  h as PlAgCellProgress,
+  N as PlAgCellStatusTag,
+  y as PlAgChartHistogramCell,
   H as PlAgChartStackedBarCell,
   V as PlAgColumnHeader,
   Y as PlAgCsvExporter,
   j as PlAgDataTableRowNumberColId,
-  p as PlAgDataTableV2,
+  s as PlAgDataTableV2,
   re as PlAgGridColumnManager,
   i as PlAgOverlayLoading,
   n as PlAgOverlayNoRows,
   $ as PlAgTextAndButtonCell,
   ae as PlAnnotations,
   me as PlAnnotationsModal,
-  pe as PlBtnExportArchive,
+  se as PlBtnExportArchive,
   d as PlDataTableV2,
   te as PlTableFiltersV2,
   He as ReactiveFileContent,
-  Te as UnresolvedError,
+  Re as UnresolvedError,
   A as ValueOrErrorsComponent,
   Ee as activateAgGrid,
   z as autoSizeRowNumberColumn,
-  Be as computedResult,
+  ye as computedResult,
   b as createAgGridColDef,
   Ae as createModel,
   W as defaultMainMenuItems,
   xe as defineApp,
   Ce as defineStore,
-  w as deselectAll,
-  ve as ensureError,
+  v as deselectAll,
+  Se as ensureError,
   K as ensureNodeVisible,
-  De as formatZodError,
-  R as getSelectedRowsCount,
-  T as getTotalRowsCount,
-  Se as identity,
+  Te as formatZodError,
+  w as getSelectedRowsCount,
+  R as getTotalRowsCount,
+  De as identity,
   Ve as isDefined,
-  v as isSelectionEnabled,
+  S as isSelectionEnabled,
   Oe as isZodError,
   U as makeRowNumberColDef,
-  ke as objectHash,
-  D as selectAll,
-  Me as unwrapValueOrErrors,
+  Ne as objectHash,
+  T as selectAll,
+  Fe as unwrapValueOrErrors,
   C as useAgGridOptions,
   L as usePlDataTableSettingsV2,
   ne as useSdkPlugin,
-  he as wrapOptionalResult,
-  Ge as wrapValueOrErrors
+  Me as wrapOptionalResult,
+  he as wrapValueOrErrors
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.45.42",
+  "version": "1.46.0",
   "type": "module",
   "main": "dist/index.js",
   "styles": "dist/index.js",
@@ -25,10 +25,11 @@
     "d3-format": "^3.1.0",
     "zod": "~3.23.8",
     "@zip.js/zip.js": "^2.8.2",
-    "@milaboratories/biowasm-tools": "2.0.0",
-    "@milaboratories/ptabler-expression-js": "1.1.4",
-    "@milaboratories/uikit": "2.6.4",
-    "@platforma-sdk/model": "1.45.42"
+    "es-toolkit": "^1.39.10",
+    "@milaboratories/ptabler-expression-js": "1.1.5",
+    "@platforma-sdk/model": "1.46.0",
+    "@milaboratories/uikit": "2.7.0",
+    "@milaboratories/biowasm-tools": "2.0.0"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -44,10 +45,10 @@
     "fast-json-patch": "^3.1.1",
     "@faker-js/faker": "^9.2.0",
     "@milaboratories/ts-configs": "1.0.6",
-    "@milaboratories/eslint-config": "1.0.5",
-    "@milaboratories/helpers": "1.12.0",
+    "@milaboratories/build-configs": "1.0.8",
     "@milaboratories/ts-builder": "1.0.5",
-    "@milaboratories/build-configs": "1.0.8"
+    "@milaboratories/helpers": "1.12.0",
+    "@milaboratories/eslint-config": "1.0.5"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",

package/src/components/PlAdvancedFilter/{SingleFilter.vue → FilterEditor.vue}

@@ -1,56 +1,51 @@
 <script lang="ts" setup>
-import type { PlAdvancedFilterColumnId, Filter, Operand, SourceOptionInfo } from './types';
-import { PlIcon16, PlDropdown, PlAutocomplete, PlAutocompleteMulti, PlTextField, PlNumberField, Slider, PlToggleSwitch } from '@milaboratories/uikit';
-import { computed } from 'vue';
-import { SUPPORTED_FILTER_TYPES, DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from './constants';
+import { PlAutocomplete, PlAutocompleteMulti, PlDropdown, PlIcon16, PlNumberField, PlTextField, PlToggleSwitch, Slider } from '@milaboratories/uikit';
 import type { AnchoredPColumnId, AxisFilterByIdx, AxisFilterValue, SUniversalPColumnId } from '@platforma-sdk/model';
 import { isFilteredPColumn, parseColumnId, stringifyColumnId, type ListOptionBase } from '@platforma-sdk/model';
+import { computed } from 'vue';
+import type { SUPPORTED_FILTER_TYPES } from './constants';
+import { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from './constants';
 import OperandButton from './OperandButton.vue';
-import { getFilterInfo, getNormalizedSpec, isNumericFilter, isStringFilter } from './utils';
+import type { EditableFilter, Operand, PlAdvancedFilterColumnId, SourceOptionInfo } from './types';
+import { getFilterInfo, getNormalizedSpec, isNumericFilter, isPositionFilter } from './utils';
+
+const filter = defineModel<EditableFilter>('filter', { required: true });
 
 const props = defineProps<{
+  isLast: boolean;
   operand: Operand;
-  columnOptions: SourceOptionInfo[];
   enableDnd: boolean;
-  isLast: boolean;
-  getSuggestOptions: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>[]>) |
-    ((params: { columnId: SUniversalPColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>[]);
-  getSuggestModel: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>>) |
-    ((params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>);
+  columnOptions: SourceOptionInfo[];
+  supportedFilters: typeof SUPPORTED_FILTER_TYPES;
+  getSuggestOptions: (params: { columnId: PlAdvancedFilterColumnId; axisIdx?: number; searchType: 'value' | 'label'; searchStr: string }) =>
+    ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;
   onDelete: (columnId: PlAdvancedFilterColumnId) => void;
   onChangeOperand: (op: Operand) => void;
 }>();
 
-const filter = defineModel<Filter>({ required: true });
-
-async function getSuggestModelMultiFn(id: PlAdvancedFilterColumnId, v: string[], axisIdx?: number): Promise<ListOptionBase<string>[]> {
-  return Promise.all(v.map((v) => props.getSuggestModel({ columnId: id, searchStr: v, axisIdx }) as Promise<ListOptionBase<string>>));
-}
-async function getSuggestModelSingleFn(id: PlAdvancedFilterColumnId, v: string, axisIdx?: number): Promise<ListOptionBase<string>> {
-  return props.getSuggestModel({ columnId: id, searchStr: v, axisIdx }) as Promise<ListOptionBase<string>>;
+async function getSuggestOptionsFn(id: PlAdvancedFilterColumnId, type: 'value' | 'label', str: string, axisIdx?: number): Promise<ListOptionBase<string>[]> {
+  return props.getSuggestOptions({ columnId: id, axisIdx, searchType: type, searchStr: str }) as Promise<ListOptionBase<string>[]>;
 }
-async function getSuggestOptionsFn(id: PlAdvancedFilterColumnId, str: string, axisIdx?: number): Promise<ListOptionBase<string>[]> {
-  return props.getSuggestOptions({ columnId: id, searchStr: str, axisIdx }) as Promise<ListOptionBase<string>[]>;
+
+async function getMultiSuggestOptionsFn(id: PlAdvancedFilterColumnId, type: 'value' | 'label', str: string | string[], axisIdx?: number): Promise<ListOptionBase<string>[]> {
+  if (type === 'label' && typeof str === 'string') {
+    return getSuggestOptionsFn(id, type, str, axisIdx);
+  }
+  if (type === 'value' && Array.isArray(str)) {
+    const results = await Promise.all(str.map((s) => getSuggestOptionsFn(id, type, s, axisIdx)));
+    return results.map((x) => x[0]);
+  }
+  throw new Error('Invalid arguments combination');
 }
 
+type Entries<T> = { [K in keyof T]: [K, T[K]] }[keyof T][];
 function changeFilterType() {
-  const nextFilterInfo = getFilterInfo(filter.value.type);
-  if (currentSpec.value && nextFilterInfo.supportedFor(currentSpec.value) && isNumericFilter(filter.value)) {
-    // no extra changes, previous filter is compatible with new filter type
-    return;
-  } else if (currentSpec.value && nextFilterInfo.supportedFor(currentSpec.value) && isStringFilter(filter.value)) {
-    // erase extra settings for string filter types, save only value and column (for example regex)
-    filter.value = {
-      ...DEFAULT_FILTERS[filter.value.type],
-      value: filter.value.value,
-      column: filter.value.column,
-    } as Filter;
-  } else {
-    filter.value = {
-      ...DEFAULT_FILTERS[filter.value.type],
-      column: filter.value.column,
-    };
-  }
+  const defaultFilter = DEFAULT_FILTERS[filter.value.type];
+
+  filter.value = (Object.entries(defaultFilter) as Entries<EditableFilter>).reduce((res, [key, val]) => {
+    res[key] = filter.value[key] ?? val;
+    return res;
+  }, {} as Record<keyof EditableFilter, EditableFilter[keyof EditableFilter]>) as EditableFilter;
 }
 
 function changeSourceId(newSourceId?: PlAdvancedFilterColumnId) {
@@ -151,24 +146,28 @@ function updateAxisFilterValue(idx: number, value: AxisFilterValue | undefined)
 const currentOption = computed(() => props.columnOptions.find((op) => op.id === columnAsSourceAndFixedAxes.value.source));
 const currentSpec = computed(() => currentOption.value?.spec ? getNormalizedSpec(currentOption.value.spec) : null);
 const currentType = computed(() => currentSpec.value?.valueType);
-const currentError = computed(() => currentOption.value?.error || inconsistentSourceSelected.value);
-
-const filterTypesOptions = computed(() => [...SUPPORTED_FILTER_TYPES].filter((v) =>
-  filter.value.type === v || (currentSpec.value ? getFilterInfo(v).supportedFor(currentSpec.value) : true),
-).map((v) => ({ value: v, label: getFilterInfo(v).label })),
+const currentError = computed(() => Boolean(currentOption.value?.error) || inconsistentSourceSelected.value);
+
+const filterTypesOptions = computed(() => props.supportedFilters
+  .filter((v) => filter.value.type === v
+    || (currentSpec.value
+      ? getFilterInfo(v).supportedFor(currentSpec.value)
+      : true),
+  )
+  .map((v) => ({ value: v, label: getFilterInfo(v).label })),
 );
 
 const wildcardOptions = computed(() => {
-  if (filter.value.type === 'patternFuzzyContainSubsequence') {
-    if (currentOption.value?.alphabet === 'nucleotide') {
-      return [{ label: 'N', value: 'N' }];
-    }
-    if (currentOption.value?.alphabet === 'aminoacid') {
-      return [{ label: 'X', value: 'X' }];
-    }
-    return [...new Set(filter.value.value.split(''))].sort().map((v) => ({ value: v, label: v }));
+  if (filter.value.type !== 'patternFuzzyContainSubsequence') {
+    return [];
+  }
+  if (currentOption.value?.alphabet === 'nucleotide') {
+    return [{ label: 'N', value: 'N' }];
   }
-  return [];
+  if (currentOption.value?.alphabet === 'aminoacid') {
+    return [{ label: 'X', value: 'X' }];
+  }
+  return [...new Set(filter.value.value.split(''))].sort().map((v) => ({ value: v, label: v }));
 });
 
 const stringMatchesError = computed(() => {
@@ -220,8 +219,7 @@ const stringMatchesError = computed(() => {
         <PlAutocomplete
           v-model="columnAsSourceAndFixedAxes.axisFiltersByIndex[value.idx]"
           :label="value.label"
-          :options-search="(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str, value.idx)"
-          :model-search="(v) => getSuggestModelSingleFn(columnAsSourceAndFixedAxes.source, v as string, value.idx)"
+          :options-search="(str, type) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str, value.idx)"
           :disabled="inconsistentSourceSelected"
           :clearable="true"
           @update:model-value="(v) => updateAxisFilterValue(value.idx, v)"
@@ -266,8 +264,7 @@ const stringMatchesError = computed(() => {
       <template v-if="filter.type === 'patternEquals' || filter.type === 'patternNotEquals'" >
         <PlAutocomplete
           v-model="filter.value"
-          :options-search="(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str)"
-          :model-search="(v) => getSuggestModelSingleFn(columnAsSourceAndFixedAxes.source, v as string)"
+          :options-search="(str, type) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str)"
           :disabled="inconsistentSourceSelected"
           :clearable="true"
           group-position="bottom"
@@ -276,8 +273,7 @@ const stringMatchesError = computed(() => {
       <template v-if="filter.type === 'inSet' || filter.type === 'notInSet'" >
         <PlAutocompleteMulti
           v-model="filter.value"
-          :options-search="(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str)"
-          :model-search="(v) => getSuggestModelMultiFn(columnAsSourceAndFixedAxes.source, v as string[])"
+          :options-search="(str, type) => getMultiSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str)"
           :disabled="inconsistentSourceSelected"
           group-position="bottom"
         />
@@ -287,6 +283,11 @@ const stringMatchesError = computed(() => {
         v-model="filter.x"
         group-position="bottom"
       />
+      <PlNumberField
+        v-if="isPositionFilter(filter)"
+        v-model="filter.n"
+        group-position="bottom"
+      />
       <PlTextField
         v-if="filter.type === 'patternContainSubsequence' || filter.type === 'patternNotContainSubsequence'"
         v-model="filter.value"
@@ -311,7 +312,6 @@ const stringMatchesError = computed(() => {
     </div>
   </div>
   <OperandButton
-    :class="$style.buttonWrapper"
     :active="operand"
     :disabled="isLast"
     :on-select="onChangeOperand"
@@ -323,7 +323,6 @@ const stringMatchesError = computed(() => {
   position: relative;
   display: flex;
   flex-direction: column;
-  margin-bottom: 8px;
   width: 100%;
   cursor: default;
 }
@@ -419,7 +418,4 @@ const stringMatchesError = computed(() => {
   background: #fff;
 }
 
-.buttonWrapper {
-  margin-bottom: 8px;
-}
 </style>

package/src/components/PlAdvancedFilter/OperandButton.vue

@@ -27,7 +27,7 @@ const OPTIONS: Operand[] = ['and', 'or'];
   display: flex;
   gap: 4px;
   justify-content: center;
-  height: 72px;
+  height: 30px;
   align-items: center;
 }
 .operand {