@platforma-sdk/ui-vue 1.42.19 → 1.42.21

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

@@ -1,14 +1,11 @@
-import { defineComponent as E, mergeModels as S, useModel as N, createBlock as u, createCommentVNode as w, openBlock as d, unref as n, withCtx as a, createElementVNode as p, normalizeClass as c, createVNode as f, createTextVNode as y, createElementBlock as B, toDisplayString as g } from "vue";
-import { randomInt as F, isNil as i } from "../../../lib/util/helpers/dist/index.js";
-import "../../../lib/ui/uikit/dist/index.js";
-import { getFilterUiMetadata as M } from "../../../sdk/model/dist/index.js";
-import { createDefaultFilterMetadata as U } from "../utils.js";
-import $ from "./DynamicForm.vue.js";
-import D from "../../../lib/ui/uikit/dist/components/PlSidebar/PlSidebarItem.vue.js";
-import V from "../../../lib/ui/uikit/dist/components/PlBtnSecondary/PlBtnSecondary.vue.js";
-import j from "../../../lib/ui/uikit/dist/components/PlElementList/PlElementList.vue.js";
-import q from "../../../lib/ui/uikit/dist/components/PlEditableTitle/PlEditableTitle.vue.js";
-const I = { key: 1 }, O = /* @__PURE__ */ E({
+import { defineComponent as E, mergeModels as S, useModel as B, createBlock as m, createCommentVNode as w, openBlock as s, unref as n, withCtx as o, createElementVNode as p, normalizeClass as c, createVNode as f, createTextVNode as y, createElementBlock as M, toDisplayString as g } from "vue";
+import { isNil as i } from "../../../lib/util/helpers/dist/utils.js";
+import { randomInt as F } from "../../../lib/util/helpers/dist/random.js";
+import { PlSidebarItem as N, PlBtnSecondary as V, PlElementList as P, PlEditableTitle as U } from "@milaboratories/uikit";
+import { getFilterUiMetadata as $ } from "@platforma-sdk/model";
+import { createDefaultFilterMetadata as D } from "../utils.js";
+import I from "./DynamicForm.vue.js";
+const L = { key: 1 }, H = /* @__PURE__ */ E({
   __name: "FilterSidebar",
   props: /* @__PURE__ */ S({
     columns: {},
@@ -20,46 +17,46 @@ const I = { key: 1 }, O = /* @__PURE__ */ E({
   }),
   emits: ["update:step"],
   setup(v) {
-    const o = N(v, "step"), r = v, h = () => {
-      o.value.filter.filters.push({
+    const a = B(v, "step"), r = v, b = () => {
+      a.value.filter.filters.push({
         id: F(),
         isExpanded: !0,
         type: void 0
       });
     };
-    async function b() {
+    async function h() {
       const t = await r.getValuesForSelectedColumns();
       if (!t || t.values.length === 0) return;
-      const { columnId: l, values: e } = t, s = e.slice(0, 3).join(", ") + (e.length > 3 ? ` and ${e.length - 3} more` : "");
-      o.value.filter.filters.push({
+      const { columnId: l, values: e } = t, d = e.slice(0, 3).join(", ") + (e.length > 3 ? ` and ${e.length - 3} more` : "");
+      a.value.filter.filters.push({
         id: F(),
-        name: `Selected list (${s})`,
+        name: `Selected list (${d})`,
         isExpanded: !1,
         type: "or",
-        filters: e.map((m) => ({
+        filters: e.map((u) => ({
           type: "patternEquals",
           column: l,
-          value: m
+          value: u
         }))
       });
     }
     const x = (t) => {
       var l;
       return i(t.name) ? ((l = r.columns.find((e) => "column" in t ? e.id === t.column : !1)) == null ? void 0 : l.label) ?? t.type : t.name;
-    }, k = (t) => i(t.type) ? U() : M(t.type).form, C = (t) => t.type === "or" || t.type === "and" ? t.filters.map((l) => "value" in l && !i(l.value) ? l.value : null).filter((l) => !i(l)).join(", ") : null;
-    return (t, l) => o.value ? (d(), u(n(D), { key: 0 }, {
-      "header-content": a(() => [
-        (d(), u(n(q), {
-          key: o.value.id,
-          modelValue: o.value.label,
-          "onUpdate:modelValue": l[0] || (l[0] = (e) => o.value.label = e),
+    }, k = (t) => i(t.type) ? D() : $(t.type).form, C = (t) => t.type === "or" || t.type === "and" ? t.filters.map((l) => "value" in l && !i(l.value) ? l.value : null).filter((l) => !i(l)).join(", ") : null;
+    return (t, l) => a.value ? (s(), m(n(N), { key: 0 }, {
+      "header-content": o(() => [
+        (s(), m(n(U), {
+          key: a.value.id,
+          modelValue: a.value.label,
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => a.value.label = e),
           "max-length": 40,
           "max-width": "600px",
           placeholder: "Annotation Name",
-          autofocus: o.value.label.length === 0
+          autofocus: a.value.label.length === 0
         }, null, 8, ["modelValue", "autofocus"]))
       ]),
-      "body-content": a(() => [
+      "body-content": o(() => [
         p("div", {
           class: c(t.$style.root)
         }, [
@@ -69,9 +66,9 @@ const I = { key: 1 }, O = /* @__PURE__ */ E({
             f(n(V), {
               style: { width: "100%" },
               icon: "add",
-              onClick: h
+              onClick: b
             }, {
-              default: a(() => l[2] || (l[2] = [
+              default: o(() => l[2] || (l[2] = [
                 y(" Filter ")
               ])),
               _: 1
@@ -80,9 +77,9 @@ const I = { key: 1 }, O = /* @__PURE__ */ E({
               style: { width: "100%" },
               icon: "add",
               disabled: !r.hasSelectedColumns,
-              onClick: b
+              onClick: h
             }, {
-              default: a(() => l[3] || (l[3] = [
+              default: o(() => l[3] || (l[3] = [
                 y(" From selection ")
               ])),
               _: 1
@@ -91,24 +88,24 @@ const I = { key: 1 }, O = /* @__PURE__ */ E({
           p("span", {
             class: c(t.$style.tip)
           }, "Lower annotations override the ones above. Rearrange them by dragging.", 2),
-          f(n(j), {
-            items: o.value.filter.filters,
-            "onUpdate:items": l[1] || (l[1] = (e) => o.value.filter.filters = e),
+          f(n(P), {
+            items: a.value.filter.filters,
+            "onUpdate:items": l[1] || (l[1] = (e) => a.value.filter.filters = e),
             "get-item-key": (e) => e.id,
             "is-expanded": (e) => !!e.isExpanded,
             "on-expand": (e) => e.isExpanded = !e.isExpanded
           }, {
-            "item-title": a(({ item: e }) => [
+            "item-title": o(({ item: e }) => [
               y(g(x(e)), 1)
             ]),
-            "item-content": a(({ item: e, index: s }) => [
-              e.type !== "or" && e.type !== "and" ? (d(), u($, {
+            "item-content": o(({ item: e, index: d }) => [
+              e.type !== "or" && e.type !== "and" ? (s(), m(I, {
                 key: 0,
-                modelValue: o.value.filter.filters[s],
-                "onUpdate:modelValue": (m) => o.value.filter.filters[s] = m,
+                modelValue: a.value.filter.filters[d],
+                "onUpdate:modelValue": (u) => a.value.filter.filters[d] = u,
                 "form-metadata": k(e),
                 columns: r.columns
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "form-metadata", "columns"])) : (d(), B("div", I, g(C(e)), 1))
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "form-metadata", "columns"])) : (s(), M("div", L, g(C(e)), 1))
             ]),
             _: 1
           }, 8, ["items", "get-item-key", "is-expanded", "on-expand"])
@@ -119,6 +116,6 @@ const I = { key: 1 }, O = /* @__PURE__ */ E({
   }
 });
 export {
-  O as default
+  H as default
 };
 //# sourceMappingURL=FilterSidebar.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isNil, randomInt } from '@milaboratories/helpers';\nimport {\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n} from '@milaboratories/uikit';\nimport type { AnnotationStepUi, FilterUi, PObjectId, SUniversalPColumnId } from '@platforma-sdk/model';\nimport { getFilterUiMetadata } from '@platforma-sdk/model';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\nimport { createDefaultFilterMetadata } from '../utils';\nimport DynamicForm from './DynamicForm.vue';\n\n// Models\nconst step = defineModel<AnnotationStepUi>('step', { required: true });\n// Props\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  hasSelectedColumns: boolean;\n  getValuesForSelectedColumns: () => Promise<undefined | { columnId: PObjectId; values: string[] }>;\n}>();\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: undefined,\n  });\n};\n\nasync function addFilterFromSelected() {\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder = values.slice(0, 3).join(', ') + (values.length > 3 ? ` and ${values.length - 3} more` : '');\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: 'or',\n    filters: values.map((value) => ({\n      type: 'patternEquals',\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\n// Getters\nconst getColumnLabel = (filter: FilterUi) => {\n  if (!isNil(filter.name)) return filter.name;\n  return props.columns\n    .find((c) => 'column' in filter ? c.id === filter.column : false)?.label\n    ?? filter.type;\n};\n\nconst getFormMetadata = (filter: FilterUi) => {\n  return !isNil(filter.type) ? getFilterUiMetadata(filter.type).form : createDefaultFilterMetadata();\n};\n\nconst getFilterValues = (filter: FilterUi) => {\n  if (filter.type === 'or' || filter.type === 'and') {\n    return filter.filters.map((f) => 'value' in f && !isNil(f.value) ? f.value : null).filter((v) => !isNil(v)).join (', ');\n  }\n  return null;\n};\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Name\"\n        :autofocus=\"step.label.length === 0\"\n      />\n    </template>\n    <template #body-content>\n      <div :class=\"$style.root\">\n        <div :class=\"$style.actions\">\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" @click=\"addFilterPlaceholder\">\n            Filter\n          </PlBtnSecondary>\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" :disabled=\"!props.hasSelectedColumns\" @click=\"addFilterFromSelected\">\n            From selection\n          </PlBtnSecondary>\n        </div>\n\n        <span :class=\"$style.tip\">Lower annotations override the ones above. Rearrange them by dragging.</span>\n\n        <PlElementList\n          v-model:items=\"step.filter.filters\"\n          :get-item-key=\"(item) => item.id!\"\n          :is-expanded=\"(item) => Boolean(item.isExpanded)\"\n          :on-expand=\"(item) => item.isExpanded = !Boolean(item.isExpanded)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ getColumnLabel(item) }}\n          </template>\n          <template #item-content=\"{ item, index }\">\n            <template v-if=\"item.type !== 'or' && item.type !== 'and'\">\n              <DynamicForm\n                v-model=\"step.filter.filters[index]\"\n                :form-metadata=\"getFormMetadata(item)\"\n                :columns=\"props.columns\"\n              />\n            </template>\n            <template v-else>\n              <div>{{ getFilterValues(item) }}</div>\n            </template>\n          </template>\n        </PlElementList>\n      </div>\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.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.tip {\n  margin-top: 12px;\n  color: var(--txt-03);\n}\n</style>\n"],"names":["step","_useModel","props","__props","addFilterPlaceholder","randomInt","addFilterFromSelected","data","columnId","values","shortReminder","value","getColumnLabel","filter","isNil","_a","c","getFormMetadata","createDefaultFilterMetadata","getFilterUiMetadata","getFilterValues","f","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAeM,UAAAA,IAAOC,KAA8B,MAA0B,GAE/DC,IAAQC,GAMRC,IAAuB,MAAM;AAC5B,MAAAJ,EAAA,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAU;AAAA,QACd,YAAY;AAAA,QACZ,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,mBAAeC,IAAwB;AAC/B,YAAAC,IAAO,MAAML,EAAM,4BAA4B;AACrD,UAAI,CAACK,KAAQA,EAAK,OAAO,WAAW,EAAG;AAEjC,YAAA,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWF,GACvBG,IAAgBD,EAAO,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,KAAKA,EAAO,SAAS,IAAI,QAAQA,EAAO,SAAS,CAAC,UAAU;AAEzG,MAAAT,EAAA,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAU;AAAA,QACd,MAAM,kBAAkBK,CAAa;AAAA,QACrC,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,SAASD,EAAO,IAAI,CAACE,OAAW;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQH;AAAA,UACR,OAAAG;AAAA,QAAA,EACA;AAAA,MAAA,CACH;AAAA,IAAA;AAIG,UAAAC,IAAiB,CAACC,MAAqB;;AAC3C,aAAKC,EAAMD,EAAO,IAAI,MACfE,IAAAb,EAAM,QACV,KAAK,CAACc,MAAM,YAAYH,IAASG,EAAE,OAAOH,EAAO,SAAS,EAAK,MAD3D,gBAAAE,EAC8D,UAChEF,EAAO,OAHoBA,EAAO;AAAA,IAIzC,GAEMI,IAAkB,CAACJ,MACfC,EAAMD,EAAO,IAAI,IAA4CK,EAA4B,IAApEC,EAAoBN,EAAO,IAAI,EAAE,MAG1DO,IAAkB,CAACP,MACnBA,EAAO,SAAS,QAAQA,EAAO,SAAS,QACnCA,EAAO,QAAQ,IAAI,CAACQ,MAAM,WAAWA,KAAK,CAACP,EAAMO,EAAE,KAAK,IAAIA,EAAE,QAAQ,IAAI,EAAE,OAAO,CAACC,MAAM,CAACR,EAAMQ,CAAC,CAAC,EAAE,KAAM,IAAI,IAEjH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FilterSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isNil, randomInt } from '@milaboratories/helpers';\nimport {\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n} from '@milaboratories/uikit';\nimport type { AnnotationStepUi, FilterUi, PObjectId, SUniversalPColumnId } from '@platforma-sdk/model';\nimport { getFilterUiMetadata } from '@platforma-sdk/model';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\nimport { createDefaultFilterMetadata } from '../utils';\nimport DynamicForm from './DynamicForm.vue';\n\n// Models\nconst step = defineModel<AnnotationStepUi>('step', { required: true });\n// Props\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  hasSelectedColumns: boolean;\n  getValuesForSelectedColumns: () => Promise<undefined | { columnId: PObjectId; values: string[] }>;\n}>();\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: undefined,\n  });\n};\n\nasync function addFilterFromSelected() {\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder = values.slice(0, 3).join(', ') + (values.length > 3 ? ` and ${values.length - 3} more` : '');\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: 'or',\n    filters: values.map((value) => ({\n      type: 'patternEquals',\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\n// Getters\nconst getColumnLabel = (filter: FilterUi) => {\n  if (!isNil(filter.name)) return filter.name;\n  return props.columns\n    .find((c) => 'column' in filter ? c.id === filter.column : false)?.label\n    ?? filter.type;\n};\n\nconst getFormMetadata = (filter: FilterUi) => {\n  return !isNil(filter.type) ? getFilterUiMetadata(filter.type).form : createDefaultFilterMetadata();\n};\n\nconst getFilterValues = (filter: FilterUi) => {\n  if (filter.type === 'or' || filter.type === 'and') {\n    return filter.filters.map((f) => 'value' in f && !isNil(f.value) ? f.value : null).filter((v) => !isNil(v)).join (', ');\n  }\n  return null;\n};\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Name\"\n        :autofocus=\"step.label.length === 0\"\n      />\n    </template>\n    <template #body-content>\n      <div :class=\"$style.root\">\n        <div :class=\"$style.actions\">\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" @click=\"addFilterPlaceholder\">\n            Filter\n          </PlBtnSecondary>\n          <PlBtnSecondary style=\"width: 100%;\" icon=\"add\" :disabled=\"!props.hasSelectedColumns\" @click=\"addFilterFromSelected\">\n            From selection\n          </PlBtnSecondary>\n        </div>\n\n        <span :class=\"$style.tip\">Lower annotations override the ones above. Rearrange them by dragging.</span>\n\n        <PlElementList\n          v-model:items=\"step.filter.filters\"\n          :get-item-key=\"(item) => item.id!\"\n          :is-expanded=\"(item) => Boolean(item.isExpanded)\"\n          :on-expand=\"(item) => item.isExpanded = !Boolean(item.isExpanded)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ getColumnLabel(item) }}\n          </template>\n          <template #item-content=\"{ item, index }\">\n            <template v-if=\"item.type !== 'or' && item.type !== 'and'\">\n              <DynamicForm\n                v-model=\"step.filter.filters[index]\"\n                :form-metadata=\"getFormMetadata(item)\"\n                :columns=\"props.columns\"\n              />\n            </template>\n            <template v-else>\n              <div>{{ getFilterValues(item) }}</div>\n            </template>\n          </template>\n        </PlElementList>\n      </div>\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.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.tip {\n  margin-top: 12px;\n  color: var(--txt-03);\n}\n</style>\n"],"names":["step","_useModel","props","__props","addFilterPlaceholder","randomInt","addFilterFromSelected","data","columnId","values","shortReminder","value","getColumnLabel","filter","isNil","_a","c","getFormMetadata","createDefaultFilterMetadata","getFilterUiMetadata","getFilterValues","f","v"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAOC,KAA8B,MAA0B,GAE/DC,IAAQC,GAMRC,IAAuB,MAAM;AACjC,MAAAJ,EAAK,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAA;AAAA,QACJ,YAAY;AAAA,QACZ,MAAM;AAAA,MAAA,CACP;AAAA,IACH;AAEA,mBAAeC,IAAwB;AACrC,YAAMC,IAAO,MAAML,EAAM,4BAAA;AACzB,UAAI,CAACK,KAAQA,EAAK,OAAO,WAAW,EAAG;AAEvC,YAAM,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWF,GACvBG,IAAgBD,EAAO,MAAM,GAAG,CAAC,EAAE,KAAK,IAAI,KAAKA,EAAO,SAAS,IAAI,QAAQA,EAAO,SAAS,CAAC,UAAU;AAE9G,MAAAT,EAAK,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC7B,IAAIK,EAAA;AAAA,QACJ,MAAM,kBAAkBK,CAAa;AAAA,QACrC,YAAY;AAAA,QACZ,MAAM;AAAA,QACN,SAASD,EAAO,IAAI,CAACE,OAAW;AAAA,UAC9B,MAAM;AAAA,UACN,QAAQH;AAAA,UACR,OAAAG;AAAA,QAAA,EACA;AAAA,MAAA,CACH;AAAA,IACH;AAGA,UAAMC,IAAiB,CAACC,MAAqB;;AAC3C,aAAKC,EAAMD,EAAO,IAAI,MACfE,IAAAb,EAAM,QACV,KAAK,CAACc,MAAM,YAAYH,IAASG,EAAE,OAAOH,EAAO,SAAS,EAAK,MAD3D,gBAAAE,EAC8D,UAChEF,EAAO,OAHoBA,EAAO;AAAA,IAIzC,GAEMI,IAAkB,CAACJ,MACfC,EAAMD,EAAO,IAAI,IAA4CK,EAAA,IAAxCC,EAAoBN,EAAO,IAAI,EAAE,MAG1DO,IAAkB,CAACP,MACnBA,EAAO,SAAS,QAAQA,EAAO,SAAS,QACnCA,EAAO,QAAQ,IAAI,CAACQ,MAAM,WAAWA,KAAK,CAACP,EAAMO,EAAE,KAAK,IAAIA,EAAE,QAAQ,IAAI,EAAE,OAAO,CAACC,MAAM,CAACR,EAAMQ,CAAC,CAAC,EAAE,KAAM,IAAI,IAEjH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

package/dist/components/PlAnnotations/components/PlAnnotationCreateDialog.vue.js

@@ -1,10 +1,5 @@
-import { defineComponent as v, mergeModels as b, useModel as C, ref as x, computed as A, createBlock as S, openBlock as g, unref as t, withCtx as a, createVNode as n, withModifiers as i, createTextVNode as u } from "vue";
-import "../../../lib/ui/uikit/dist/index.js";
-import c from "../../../lib/ui/uikit/dist/components/PlDialogModal/PlDialogModal.vue.js";
-import h from "../../../lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js";
-import k from "../../../lib/ui/uikit/dist/components/PlBtnGhost/PlBtnGhost.vue.js";
-import M from "../../../lib/ui/uikit/dist/components/PlRadio/PlRadioGroup.vue.js";
-import N from "../../../lib/ui/uikit/dist/components/PlTextField/PlTextField.vue.js";
+import { defineComponent as v, mergeModels as b, useModel as C, ref as P, computed as x, createBlock as g, openBlock as S, unref as t, withCtx as a, createVNode as n, withModifiers as i, createTextVNode as d } from "vue";
+import { PlDialogModal as A, PlBtnPrimary as B, PlBtnGhost as M, PlRadioGroup as c, PlTextField as h } from "@milaboratories/uikit";
 const G = /* @__PURE__ */ v({
   __name: "PlAnnotationCreateDialog",
   props: {
@@ -12,35 +7,35 @@ const G = /* @__PURE__ */ v({
     modelModifiers: {}
   },
   emits: /* @__PURE__ */ b(["submit"], ["update:modelValue"]),
-  setup(r, { emit: p }) {
-    const m = C(r, "modelValue"), s = p, f = [
+  setup(p, { emit: r }) {
+    const u = C(p, "modelValue"), s = r, f = [
       { label: "Global", value: "byClonotype" },
       { label: "Per sample", value: "bySampleAndClonotype" }
-    ], o = x({
+    ], l = P({
       type: "byClonotype",
       name: ""
-    }), d = A(() => o.value.name.length > 3), V = () => {
-      d.value && s("submit", o.value);
-    }, y = () => {
-      m.value = !1;
+    }), m = x(() => l.value.name.length > 3), y = () => {
+      m.value && s("submit", l.value);
+    }, V = () => {
+      u.value = !1;
     };
-    return (w, e) => (g(), S(t(c), {
-      modelValue: m.value,
-      "onUpdate:modelValue": e[2] || (e[2] = (l) => m.value = l),
+    return (k, e) => (S(), g(t(A), {
+      modelValue: u.value,
+      "onUpdate:modelValue": e[2] || (e[2] = (o) => u.value = o),
       width: "600px"
     }, {
       title: a(() => e[3] || (e[3] = [
-        u(" Choose the Annotation Scheme type ")
+        d(" Choose the Annotation Scheme type ")
       ])),
       default: a(() => [
-        n(t(M), {
-          modelValue: o.value.type,
-          "onUpdate:modelValue": e[0] || (e[0] = (l) => o.value.type = l),
+        n(t(c), {
+          modelValue: l.value.type,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => l.value.type = o),
           options: f
         }, null, 8, ["modelValue"]),
-        n(t(N), {
-          modelValue: o.value.name,
-          "onUpdate:modelValue": e[1] || (e[1] = (l) => o.value.name = l),
+        n(t(h), {
+          modelValue: l.value.name,
+          "onUpdate:modelValue": e[1] || (e[1] = (o) => l.value.name = o),
           label: "Name your Scheme",
           "min-length": "3",
           "max-length": "40",
@@ -50,20 +45,20 @@ const G = /* @__PURE__ */ v({
         }, null, 8, ["modelValue"])
       ]),
       actions: a(() => [
-        n(t(h), {
-          disabled: !d.value,
-          onClick: i(V, ["stop"])
+        n(t(B), {
+          disabled: !m.value,
+          onClick: i(y, ["stop"])
         }, {
           default: a(() => e[4] || (e[4] = [
-            u("Apply")
+            d("Apply")
           ])),
           _: 1
         }, 8, ["disabled"]),
-        n(t(k), {
-          onClick: i(y, ["stop"])
+        n(t(M), {
+          onClick: i(V, ["stop"])
         }, {
           default: a(() => e[5] || (e[5] = [
-            u("Cancel")
+            d("Cancel")
           ])),
           _: 1
         })

package/dist/components/PlAnnotations/components/PlAnnotationCreateDialog.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotationCreateDialog.vue.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationCreateDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SimpleOption } from '@milaboratories/uikit';\nimport { PlBtnGhost, PlBtnPrimary, PlDialogModal, PlRadioGroup, PlTextField } from '@milaboratories/uikit';\nimport type { AnnotationMode } from '@platforma-sdk/model';\nimport { computed, ref } from 'vue';\n\n// Models\nconst opened = defineModel<boolean>({ required: true });\n// Emits\nconst emits = defineEmits<{\n  (e: 'submit', props: { type: 'byClonotype' | 'bySampleAndClonotype'; name: string }): void;\n}>();\n\nconst annotationSchemaTypes = [\n  { label: 'Global', value: 'byClonotype' },\n  { label: 'Per sample', value: 'bySampleAndClonotype' },\n] satisfies SimpleOption<AnnotationMode>[];\n\nconst modalState = ref<{\n  type: 'byClonotype' | 'bySampleAndClonotype';\n  name: string;\n}>({\n  type: 'byClonotype',\n  name: '',\n});\n\nconst isValidForm = computed(() => {\n  return modalState.value.name.length > 3;\n});\n\nconst handleSubmit = () => {\n  if (isValidForm.value) {\n    emits('submit', modalState.value);\n  }\n};\n\nconst handleCancel = () => {\n  opened.value = false;\n};\n</script>\n\n<template>\n  <PlDialogModal v-model=\"opened\" width=\"600px\">\n    <template #title>\n      Choose the Annotation Scheme type\n    </template>\n    <template #default>\n      <PlRadioGroup v-model=\"modalState.type\" :options=\"annotationSchemaTypes\" />\n      <PlTextField\n        v-model=\"modalState.name\"\n        label=\"Name your Scheme\"\n        min-length=\"3\"\n        max-length=\"40\"\n        placeholder=\"Annotation Name\"\n        autofocus\n        required\n      />\n    </template>\n    <template #actions>\n      <PlBtnPrimary :disabled=\"!isValidForm\" @click.stop=\"handleSubmit\">Apply</PlBtnPrimary>\n      <PlBtnGhost @click.stop=\"handleCancel\">Cancel</PlBtnGhost>\n    </template>\n  </PlDialogModal>\n</template>\n"],"names":["opened","_useModel","__props","emits","__emit","annotationSchemaTypes","modalState","ref","isValidForm","computed","handleSubmit","handleCancel"],"mappings":";;;;;;;;;;;;;;;AAOM,UAAAA,IAASC,EAAoBC,GAAA,YAAmB,GAEhDC,IAAQC,GAIRC,IAAwB;AAAA,MAC5B,EAAE,OAAO,UAAU,OAAO,cAAc;AAAA,MACxC,EAAE,OAAO,cAAc,OAAO,uBAAuB;AAAA,IACvD,GAEMC,IAAaC,EAGhB;AAAA,MACD,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACP,GAEKC,IAAcC,EAAS,MACpBH,EAAW,MAAM,KAAK,SAAS,CACvC,GAEKI,IAAe,MAAM;AACzB,MAAIF,EAAY,SACRL,EAAA,UAAUG,EAAW,KAAK;AAAA,IAEpC,GAEMK,IAAe,MAAM;AACzB,MAAAX,EAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAnnotationCreateDialog.vue.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationCreateDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SimpleOption } from '@milaboratories/uikit';\nimport { PlBtnGhost, PlBtnPrimary, PlDialogModal, PlRadioGroup, PlTextField } from '@milaboratories/uikit';\nimport type { AnnotationMode } from '@platforma-sdk/model';\nimport { computed, ref } from 'vue';\n\n// Models\nconst opened = defineModel<boolean>({ required: true });\n// Emits\nconst emits = defineEmits<{\n  (e: 'submit', props: { type: 'byClonotype' | 'bySampleAndClonotype'; name: string }): void;\n}>();\n\nconst annotationSchemaTypes = [\n  { label: 'Global', value: 'byClonotype' },\n  { label: 'Per sample', value: 'bySampleAndClonotype' },\n] satisfies SimpleOption<AnnotationMode>[];\n\nconst modalState = ref<{\n  type: 'byClonotype' | 'bySampleAndClonotype';\n  name: string;\n}>({\n  type: 'byClonotype',\n  name: '',\n});\n\nconst isValidForm = computed(() => {\n  return modalState.value.name.length > 3;\n});\n\nconst handleSubmit = () => {\n  if (isValidForm.value) {\n    emits('submit', modalState.value);\n  }\n};\n\nconst handleCancel = () => {\n  opened.value = false;\n};\n</script>\n\n<template>\n  <PlDialogModal v-model=\"opened\" width=\"600px\">\n    <template #title>\n      Choose the Annotation Scheme type\n    </template>\n    <template #default>\n      <PlRadioGroup v-model=\"modalState.type\" :options=\"annotationSchemaTypes\" />\n      <PlTextField\n        v-model=\"modalState.name\"\n        label=\"Name your Scheme\"\n        min-length=\"3\"\n        max-length=\"40\"\n        placeholder=\"Annotation Name\"\n        autofocus\n        required\n      />\n    </template>\n    <template #actions>\n      <PlBtnPrimary :disabled=\"!isValidForm\" @click.stop=\"handleSubmit\">Apply</PlBtnPrimary>\n      <PlBtnGhost @click.stop=\"handleCancel\">Cancel</PlBtnGhost>\n    </template>\n  </PlDialogModal>\n</template>\n"],"names":["opened","_useModel","__props","emits","__emit","annotationSchemaTypes","modalState","ref","isValidForm","computed","handleSubmit","handleCancel"],"mappings":";;;;;;;;;;AAOA,UAAMA,IAASC,EAAoBC,GAAA,YAAmB,GAEhDC,IAAQC,GAIRC,IAAwB;AAAA,MAC5B,EAAE,OAAO,UAAU,OAAO,cAAA;AAAA,MAC1B,EAAE,OAAO,cAAc,OAAO,uBAAA;AAAA,IAAuB,GAGjDC,IAAaC,EAGhB;AAAA,MACD,MAAM;AAAA,MACN,MAAM;AAAA,IAAA,CACP,GAEKC,IAAcC,EAAS,MACpBH,EAAW,MAAM,KAAK,SAAS,CACvC,GAEKI,IAAe,MAAM;AACzB,MAAIF,EAAY,SACdL,EAAM,UAAUG,EAAW,KAAK;AAAA,IAEpC,GAEMK,IAAe,MAAM;AACzB,MAAAX,EAAO,QAAQ;AAAA,IACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -1,38 +1,35 @@
-import { defineComponent as I, mergeModels as F, useModel as S, shallowRef as A, computed as u, effect as M, createElementBlock as w, openBlock as C, Fragment as B, createVNode as d, unref as y, normalizeClass as i, withCtx as p, createBlock as D, createCommentVNode as U } from "vue";
-import { isNil as g } from "../../../lib/util/helpers/dist/index.js";
-import "../../../lib/ui/uikit/dist/index.js";
-import { getDefaultAnnotationScript as $ } from "../utils.js";
-import k from "./AnnotationsSidebar.vue.js";
-import N from "./FilterSidebar.vue.js";
-import R from "./PlAnnotationCreateDialog.vue.js";
-import q from "../../../lib/ui/uikit/dist/components/PlSlideModal/PlPureSlideModal.vue.js";
-import L from "../../../lib/ui/uikit/dist/components/PlSidebar/PlSidebarGroup.vue.js";
-import { useConfirm as z } from "../../../lib/ui/uikit/dist/composition/useConfirm.js";
-const O = /* @__PURE__ */ I({
+import { defineComponent as I, mergeModels as F, useModel as S, shallowRef as M, computed as u, effect as A, createElementBlock as w, openBlock as C, Fragment as B, createVNode as d, unref as y, normalizeClass as i, withCtx as c, createBlock as D, createCommentVNode as U } from "vue";
+import { isNil as g } from "../../../lib/util/helpers/dist/utils.js";
+import { useConfirm as $, PlPureSlideModal as k, PlSidebarGroup as N } from "@milaboratories/uikit";
+import { getDefaultAnnotationScript as P } from "../utils.js";
+import R from "./AnnotationsSidebar.vue.js";
+import q from "./FilterSidebar.vue.js";
+import G from "./PlAnnotationCreateDialog.vue.js";
+const H = /* @__PURE__ */ I({
   __name: "PlAnnotationsModal",
   props: /* @__PURE__ */ F({
     columns: {},
     hasSelectedColumns: { type: Boolean },
     getValuesForSelectedColumns: { type: Function }
   }, {
-    annotation: { required: !0, default: $ },
+    annotation: { required: !0, default: P },
     annotationModifiers: {},
     opened: { type: Boolean, required: !0 },
     openedModifiers: {}
   }),
   emits: ["update:annotation", "update:opened"],
   setup(m) {
-    const e = S(m, "annotation"), n = S(m, "opened"), s = m, a = A(void 0), r = u(() => g(a.value) || g(e.value) ? void 0 : e.value.steps.find((t) => t.id === a.value)), c = u(() => e.value.isCreated === !0), v = u({
-      get: () => !c.value && n.value,
+    const e = S(m, "annotation"), n = S(m, "opened"), s = m, a = M(void 0), r = u(() => g(a.value) || g(e.value) ? void 0 : e.value.steps.find((t) => t.id === a.value)), p = u(() => e.value.isCreated === !0), v = u({
+      get: () => !p.value && n.value,
       set: (t) => n.value = t
     }), f = u({
-      get: () => c.value && n.value,
+      get: () => p.value && n.value,
       set: (t) => n.value = t
     });
-    M(function() {
+    A(function() {
       a.value === void 0 && e.value.steps.length > 0 && (a.value = e.value.steps[0].id);
     });
-    const V = z({
+    const V = $({
       title: "Reset Schema",
       message: "Are you sure you want to reset the schema? This action cannot be undone.",
       confirmLabel: "Yes, reset",
@@ -45,23 +42,23 @@ const O = /* @__PURE__ */ I({
       await V() && (e.value.isCreated = !1, e.value.title = "", e.value.mode = "byClonotype", e.value.steps = [], n.value = !1, a.value = void 0);
     }
     return (t, l) => (C(), w(B, null, [
-      d(R, {
+      d(G, {
         modelValue: v.value,
         "onUpdate:modelValue": l[0] || (l[0] = (o) => v.value = o),
         onSubmit: b
       }, null, 8, ["modelValue"]),
-      d(y(q), {
+      d(y(k), {
         modelValue: f.value,
         "onUpdate:modelValue": l[4] || (l[4] = (o) => f.value = o),
         class: i(t.$style.modal),
         width: "768px"
       }, {
-        default: p(() => [
-          d(y(L), {
+        default: c(() => [
+          d(y(N), {
             class: i(t.$style.sidebarGroup)
           }, {
-            "item-0": p(() => [
-              d(k, {
+            "item-0": c(() => [
+              d(R, {
                 annotation: e.value,
                 "onUpdate:annotation": l[1] || (l[1] = (o) => e.value = o),
                 selectedStepId: a.value,
@@ -71,8 +68,8 @@ const O = /* @__PURE__ */ I({
                 onDeleteSchema: h
               }, null, 8, ["annotation", "selectedStepId", "class", "columns"])
             ]),
-            "item-1": p(() => [
-              r.value ? (C(), D(N, {
+            "item-1": c(() => [
+              r.value ? (C(), D(q, {
                 key: 0,
                 step: r.value,
                 "onUpdate:step": l[3] || (l[3] = (o) => r.value = o),
@@ -92,6 +89,6 @@ const O = /* @__PURE__ */ I({
   }
 });
 export {
-  O as default
+  H as default
 };
 //# sourceMappingURL=PlAnnotationsModal.vue2.js.map

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 { isNil } from '@milaboratories/helpers';\nimport { PlPureSlideModal, PlSidebarGroup, useConfirm } from '@milaboratories/uikit';\nimport type { AnnotationScriptUi, PObjectId } from '@platforma-sdk/model';\nimport { computed, effect, shallowRef } from 'vue';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\nimport { getDefaultAnnotationScript } from '../utils';\nimport AnnotationsSidebar from './AnnotationsSidebar.vue';\nimport FilterSidebar from './FilterSidebar.vue';\nimport PlAnnotationCreateDialog from './PlAnnotationCreateDialog.vue';\n\n// Models\nconst annotation = defineModel<AnnotationScriptUi>('annotation', { required: true, default: getDefaultAnnotationScript });\nconst opened = defineModel<boolean>('opened', { required: true });\n// Props\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  hasSelectedColumns: boolean;\n  getValuesForSelectedColumns: () => Promise<undefined | { columnId: PObjectId; values: string[] }>;\n}>();\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});\nconst hasAnnotation = computed(() => annotation.value.isCreated === true);\n\nconst openedDialog = computed({\n  get: () => !hasAnnotation.value && opened.value,\n  set: (value: boolean) => (opened.value = value),\n});\nconst openedModal = computed({\n  get: () => hasAnnotation.value && opened.value,\n  set: (value: boolean) => (opened.value = value),\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\nfunction handleCreateAnnotation(props: { type: 'byClonotype' | 'bySampleAndClonotype'; name: string }) {\n  annotation.value.isCreated = true;\n  annotation.value.mode = props.type;\n  annotation.value.title = props.name;\n  annotation.value.steps = [];\n}\n\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    annotation.value.isCreated = false;\n    annotation.value.title = '';\n    annotation.value.mode = 'byClonotype';\n    annotation.value.steps = [];\n    opened.value = false;\n    selectedStepId.value = undefined;\n  }\n}\n\n</script>\n\n<template>\n  <PlAnnotationCreateDialog v-model=\"openedDialog\" @submit=\"handleCreateAnnotation\"/>\n  <PlPureSlideModal v-model=\"openedModal\" :class=\"$style.modal\" width=\"768px\">\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  </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","__props","opened","props","selectedStepId","shallowRef","selectedStep","computed","isNil","step","hasAnnotation","openedDialog","value","openedModal","effect","confirmResetSchema","useConfirm","handleCreateAnnotation","handleDeleteSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYM,UAAAA,IAAaC,EAA+BC,GAAC,YAAqE,GAClHC,IAASF,EAAoBC,GAAC,QAA4B,GAE1DE,IAAQF,GAMRG,IAAiBC,EAA+B,MAAS,GACzDC,IAAeC,EAAS,MACrBC,EAAMJ,EAAe,KAAK,KAAKI,EAAMT,EAAW,KAAK,IACxD,SACAA,EAAW,MAAM,MAAM,KAAK,CAACU,MAASA,EAAK,OAAOL,EAAe,KAAK,CAC3E,GACKM,IAAgBH,EAAS,MAAMR,EAAW,MAAM,cAAc,EAAI,GAElEY,IAAeJ,EAAS;AAAA,MAC5B,KAAK,MAAM,CAACG,EAAc,SAASR,EAAO;AAAA,MAC1C,KAAK,CAACU,MAAoBV,EAAO,QAAQU;AAAA,IAAA,CAC1C,GACKC,IAAcN,EAAS;AAAA,MAC3B,KAAK,MAAMG,EAAc,SAASR,EAAO;AAAA,MACzC,KAAK,CAACU,MAAoBV,EAAO,QAAQU;AAAA,IAAA,CAC1C;AAED,IAAAE,EAAO,WAA4B;AACjC,MAAIV,EAAe,UAAU,UAAaL,EAAW,MAAM,MAAM,SAAS,MACxEK,EAAe,QAAQL,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IACnD,CACD;AAED,UAAMgB,IAAqBC,EAAW;AAAA,MACpC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,aAASC,EAAuBd,GAAuE;AACrG,MAAAJ,EAAW,MAAM,YAAY,IAClBA,EAAA,MAAM,OAAOI,EAAM,MACnBJ,EAAA,MAAM,QAAQI,EAAM,MACpBJ,EAAA,MAAM,QAAQ,CAAC;AAAA,IAAA;AAG5B,mBAAemB,IAAqB;AAC9B,MAAA,MAAMH,QACRhB,EAAW,MAAM,YAAY,IAC7BA,EAAW,MAAM,QAAQ,IACzBA,EAAW,MAAM,OAAO,eACbA,EAAA,MAAM,QAAQ,CAAC,GAC1BG,EAAO,QAAQ,IACfE,EAAe,QAAQ;AAAA,IACzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAnnotationsModal.vue2.js","sources":["../../../../src/components/PlAnnotations/components/PlAnnotationsModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isNil } from '@milaboratories/helpers';\nimport { PlPureSlideModal, PlSidebarGroup, useConfirm } from '@milaboratories/uikit';\nimport type { AnnotationScriptUi, PObjectId } from '@platforma-sdk/model';\nimport { computed, effect, shallowRef } from 'vue';\nimport type { SimplifiedUniversalPColumnEntry } from '../types';\nimport { getDefaultAnnotationScript } from '../utils';\nimport AnnotationsSidebar from './AnnotationsSidebar.vue';\nimport FilterSidebar from './FilterSidebar.vue';\nimport PlAnnotationCreateDialog from './PlAnnotationCreateDialog.vue';\n\n// Models\nconst annotation = defineModel<AnnotationScriptUi>('annotation', { required: true, default: getDefaultAnnotationScript });\nconst opened = defineModel<boolean>('opened', { required: true });\n// Props\nconst props = defineProps<{\n  columns: SimplifiedUniversalPColumnEntry[];\n  hasSelectedColumns: boolean;\n  getValuesForSelectedColumns: () => Promise<undefined | { columnId: PObjectId; values: string[] }>;\n}>();\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});\nconst hasAnnotation = computed(() => annotation.value.isCreated === true);\n\nconst openedDialog = computed({\n  get: () => !hasAnnotation.value && opened.value,\n  set: (value: boolean) => (opened.value = value),\n});\nconst openedModal = computed({\n  get: () => hasAnnotation.value && opened.value,\n  set: (value: boolean) => (opened.value = value),\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\nfunction handleCreateAnnotation(props: { type: 'byClonotype' | 'bySampleAndClonotype'; name: string }) {\n  annotation.value.isCreated = true;\n  annotation.value.mode = props.type;\n  annotation.value.title = props.name;\n  annotation.value.steps = [];\n}\n\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    annotation.value.isCreated = false;\n    annotation.value.title = '';\n    annotation.value.mode = 'byClonotype';\n    annotation.value.steps = [];\n    opened.value = false;\n    selectedStepId.value = undefined;\n  }\n}\n\n</script>\n\n<template>\n  <PlAnnotationCreateDialog v-model=\"openedDialog\" @submit=\"handleCreateAnnotation\"/>\n  <PlPureSlideModal v-model=\"openedModal\" :class=\"$style.modal\" width=\"768px\">\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  </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","__props","opened","props","selectedStepId","shallowRef","selectedStep","computed","isNil","step","hasAnnotation","openedDialog","value","openedModal","effect","confirmResetSchema","useConfirm","handleCreateAnnotation","handleDeleteSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAaC,EAA+BC,GAAC,YAAqE,GAClHC,IAASF,EAAoBC,GAAC,QAA4B,GAE1DE,IAAQF,GAMRG,IAAiBC,EAA+B,MAAS,GACzDC,IAAeC,EAAS,MACrBC,EAAMJ,EAAe,KAAK,KAAKI,EAAMT,EAAW,KAAK,IACxD,SACAA,EAAW,MAAM,MAAM,KAAK,CAACU,MAASA,EAAK,OAAOL,EAAe,KAAK,CAC3E,GACKM,IAAgBH,EAAS,MAAMR,EAAW,MAAM,cAAc,EAAI,GAElEY,IAAeJ,EAAS;AAAA,MAC5B,KAAK,MAAM,CAACG,EAAc,SAASR,EAAO;AAAA,MAC1C,KAAK,CAACU,MAAoBV,EAAO,QAAQU;AAAA,IAAA,CAC1C,GACKC,IAAcN,EAAS;AAAA,MAC3B,KAAK,MAAMG,EAAc,SAASR,EAAO;AAAA,MACzC,KAAK,CAACU,MAAoBV,EAAO,QAAQU;AAAA,IAAA,CAC1C;AAED,IAAAE,EAAO,WAA4B;AACjC,MAAIV,EAAe,UAAU,UAAaL,EAAW,MAAM,MAAM,SAAS,MACxEK,EAAe,QAAQL,EAAW,MAAM,MAAM,CAAC,EAAE;AAAA,IAErD,CAAC;AAED,UAAMgB,IAAqBC,EAAW;AAAA,MACpC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,cAAc;AAAA,MACd,aAAa;AAAA,IAAA,CACd;AAED,aAASC,EAAuBd,GAAuE;AACrG,MAAAJ,EAAW,MAAM,YAAY,IAC7BA,EAAW,MAAM,OAAOI,EAAM,MAC9BJ,EAAW,MAAM,QAAQI,EAAM,MAC/BJ,EAAW,MAAM,QAAQ,CAAA;AAAA,IAC3B;AAEA,mBAAemB,IAAqB;AAClC,MAAI,MAAMH,QACRhB,EAAW,MAAM,YAAY,IAC7BA,EAAW,MAAM,QAAQ,IACzBA,EAAW,MAAM,OAAO,eACxBA,EAAW,MAAM,QAAQ,CAAA,GACzBG,EAAO,QAAQ,IACfE,EAAe,QAAQ;AAAA,IAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

@@ -5,4 +5,3 @@ export type SimplifiedUniversalPColumnEntry = {
     label: string;
     obj: SimplifiedPColumnSpec;
 };
-//# sourceMappingURL=types.d.ts.map

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

@@ -3,4 +3,3 @@ export declare function getDefaultAnnotationScript(): AnnotationScriptUi;
 export declare function createDefaultFilterMetadata<T extends Extract<FilterUi, {
     column: unknown;
 }>>(): TypeFieldRecord<T>;
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/PlAnnotations/utils.ts"],"sourcesContent":["import type { AnnotationScriptUi, FilterUi, TypeFieldRecord } from '@platforma-sdk/model';\n\nexport function getDefaultAnnotationScript(): AnnotationScriptUi {\n  return {\n    isCreated: false,\n    title: 'My Annotation',\n    mode: 'byClonotype',\n    steps: [],\n  };\n}\n\nexport function createDefaultFilterMetadata<T extends Extract<FilterUi, { column: unknown }>>(): TypeFieldRecord<T> {\n  return {\n    column: {\n      label: 'Column',\n      fieldType: 'SUniversalPColumnId',\n      defaultValue: () => undefined,\n    },\n    type: {\n      label: 'Predicate',\n      fieldType: 'FilterUiType',\n      defaultValue: () => undefined,\n    },\n  } as TypeFieldRecord<T>;\n};\n"],"names":["getDefaultAnnotationScript","createDefaultFilterMetadata"],"mappings":"AAEO,SAASA,IAAiD;AACxD,SAAA;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EACT;AACF;AAEO,SAASC,IAAoG;AAC3G,SAAA;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc,MAAM;AAAA;AAAA,IACtB;AAAA,IACA,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc,MAAM;AAAA;AAAA,IAAA;AAAA,EAExB;AACF;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/PlAnnotations/utils.ts"],"sourcesContent":["import type { AnnotationScriptUi, FilterUi, TypeFieldRecord } from '@platforma-sdk/model';\n\nexport function getDefaultAnnotationScript(): AnnotationScriptUi {\n  return {\n    isCreated: false,\n    title: 'My Annotation',\n    mode: 'byClonotype',\n    steps: [],\n  };\n}\n\nexport function createDefaultFilterMetadata<T extends Extract<FilterUi, { column: unknown }>>(): TypeFieldRecord<T> {\n  return {\n    column: {\n      label: 'Column',\n      fieldType: 'SUniversalPColumnId',\n      defaultValue: () => undefined,\n    },\n    type: {\n      label: 'Predicate',\n      fieldType: 'FilterUiType',\n      defaultValue: () => undefined,\n    },\n  } as TypeFieldRecord<T>;\n};\n"],"names":["getDefaultAnnotationScript","createDefaultFilterMetadata"],"mappings":"AAEO,SAASA,IAAiD;AAC/D,SAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO,CAAA;AAAA,EAAC;AAEZ;AAEO,SAASC,IAAoG;AAClH,SAAO;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc,MAAA;AAAA;AAAA,IAAM;AAAA,IAEtB,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc,MAAA;AAAA;AAAA,IAAM;AAAA,EACtB;AAEJ;"}

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

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

package/dist/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue.js

@@ -1,51 +1,46 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-app-notification-alert{position:fixed;bottom:12px;right:12px;width:256px;height:auto;z-index:87}.pl-app-notification-alert__content{display:flex;flex-direction:column;gap:12px;max-height:100%}.pl-app-notification-alert__item{position:relative}.pl-app-notification-alert__title{color:var(--txt-01);font-size:14px;font-style:normal;font-weight:600;line-height:20px;margin-bottom:6px}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as x, ref as c, computed as w, watch as y, createElementBlock as i, openBlock as p, createVNode as t, unref as r, withCtx as l, createElementVNode as v, Fragment as E, renderList as k, toDisplayString as C, createTextVNode as u } from "vue";
+import { defineComponent as w, ref as c, computed as x, watch as y, createElementBlock as i, openBlock as u, createVNode as o, unref as l, withCtx as r, createElementVNode as v, Fragment as P, renderList as E, toDisplayString as k, createTextVNode as p } from "vue";
 
-import "../../lib/ui/uikit/dist/index.js";
-import b from "../../lib/ui/uikit/dist/components/PlDialogModal/PlDialogModal.vue.js";
-import A from "../../lib/ui/uikit/dist/components/PlLogView/PlLogView.vue.js";
-import N from "../../lib/ui/uikit/dist/components/PlNotificationAlert/PlNotificationAlert.vue.js";
-import O from "../../lib/ui/uikit/dist/components/PlBtnPrimary/PlBtnPrimary.vue.js";
-import h from "../../lib/ui/uikit/dist/layout/PlSpacer/PlSpacer.vue.js";
-const B = { class: "pl-app-notification-alert" }, M = { class: "pl-app-notification-alert__content" }, S = { class: "pl-app-notification-alert__title" }, q = /* @__PURE__ */ x({
+import { PlDialogModal as C, PlLogView as N, PlNotificationAlert as A, PlBtnPrimary as B, PlSpacer as M } from "@milaboratories/uikit";
+const O = { class: "pl-app-notification-alert" }, S = { class: "pl-app-notification-alert__content" }, b = { class: "pl-app-notification-alert__title" }, D = /* @__PURE__ */ w({
   __name: "PlAppErrorNotificationAlert",
   props: {
     errors: {}
   },
-  setup(_) {
-    const d = _, s = c(!1), n = c(!0), g = w(() => Object.entries(d.errors).filter((a) => !!a[1]));
+  setup(g) {
+    const d = g, n = c(!1), s = c(!0), _ = x(() => Object.entries(d.errors).filter((a) => !!a[1]));
     function V() {
-      s.value = !0;
+      n.value = !0;
     }
     return y(
       () => d.errors,
       (a) => {
-        n.value = Object.values(a).some((e) => !!e);
+        s.value = Object.values(a).some((e) => !!e);
       },
       { immediate: !0, deep: !0 }
-    ), (a, e) => (p(), i("div", B, [
-      t(r(b), {
-        modelValue: s.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => s.value = o),
+    ), (a, e) => (u(), i("div", O, [
+      o(l(C), {
+        modelValue: n.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
         width: "720px",
         style: { "max-height": "100vh" }
       }, {
-        title: l(() => e[2] || (e[2] = [
-          u(" Errors ")
+        title: r(() => e[2] || (e[2] = [
+          p(" Errors ")
         ])),
-        default: l(() => [
-          v("div", M, [
-            (p(!0), i(E, null, k(g.value, (o) => {
-              var m, f;
-              return p(), i("div", {
-                key: o[0],
+        default: r(() => [
+          v("div", S, [
+            (u(!0), i(P, null, E(_.value, (t) => {
+              var f, m;
+              return u(), i("div", {
+                key: t[0],
                 class: "pl-app-notification-alert__item"
               }, [
-                v("div", S, "Block output: " + C(o[0]), 1),
-                t(r(A), {
-                  value: (m = o[1]) == null ? void 0 : m.message,
-                  valueToCopy: "fullMessage" in (o[1] ?? {}) ? o[1].fullMessage : (f = o[1]) == null ? void 0 : f.message,
-                  "download-filename": `output-${o[0]}-error.txt`
+                v("div", b, "Block output: " + k(t[0]), 1),
+                o(l(N), {
+                  value: (f = t[1]) == null ? void 0 : f.message,
+                  valueToCopy: "fullMessage" in (t[1] ?? {}) ? t[1].fullMessage : (m = t[1]) == null ? void 0 : m.message,
+                  "download-filename": `output-${t[0]}-error.txt`
                 }, null, 8, ["value", "valueToCopy", "download-filename"])
               ]);
             }), 128))
@@ -53,26 +48,26 @@ const B = { class: "pl-app-notification-alert" }, M = { class: "pl-app-notificat
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      t(r(N), {
-        modelValue: n.value,
-        "onUpdate:modelValue": e[1] || (e[1] = (o) => n.value = o),
+      o(l(A), {
+        modelValue: s.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (t) => s.value = t),
         type: "error",
         closable: ""
       }, {
-        actions: l(() => [
-          t(r(O), {
+        actions: r(() => [
+          o(l(B), {
             icon: "arrow-right",
             onClick: V
           }, {
-            default: l(() => e[3] || (e[3] = [
-              u("See errors")
+            default: r(() => e[3] || (e[3] = [
+              p("See errors")
             ])),
             _: 1
           }),
-          t(r(h))
+          o(l(M))
         ]),
-        default: l(() => [
-          e[4] || (e[4] = u(" Some outputs have errors. "))
+        default: r(() => [
+          e[4] || (e[4] = p(" Some outputs have errors. "))
         ]),
         _: 1
       }, 8, ["modelValue"])
@@ -80,6 +75,6 @@ const B = { class: "pl-app-notification-alert" }, M = { class: "pl-app-notificat
   }
 });
 export {
-  q as default
+  D as default
 };
 //# sourceMappingURL=PlAppErrorNotificationAlert.vue.js.map