@platforma-sdk/ui-vue 1.45.35 → 1.45.37

package/dist/components/PlAdvancedFilter/SingleFilter.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as Z, mergeModels as _, useModel as ee, computed as p, createElementBlock as x, openBlock as n, Fragment as E, createElementVNode as v, createVNode as g, normalizeClass as r, createCommentVNode as b, createBlock as c, unref as a, toDisplayString as le, renderList as te } from "vue";
-import { PlIcon16 as k, PlDropdown as T, PlAutocomplete as D, PlTextField as N, Slider as oe, PlToggleSwitch as ue, PlAutocompleteMulti as ae, PlNumberField as ne } from "@milaboratories/uikit";
-import { SUPPORTED_FILTER_TYPES as se, DEFAULT_FILTERS as A, DEFAULT_FILTER_TYPE as re } from "./constants.js";
-import { parseColumnId as U, isFilteredPColumn as R, stringifyColumnId as q } from "@platforma-sdk/model";
+import { defineComponent as Z, mergeModels as _, useModel as ee, computed as p, createElementBlock as I, openBlock as n, Fragment as T, createElementVNode as v, createVNode as b, normalizeClass as r, createCommentVNode as f, createBlock as c, unref as a, toDisplayString as le, renderList as te } from "vue";
+import { PlIcon16 as B, PlDropdown as N, PlAutocomplete as D, PlTextField as A, Slider as ue, PlToggleSwitch as oe, PlAutocompleteMulti as ae, PlNumberField as ne } from "@milaboratories/uikit";
+import { SUPPORTED_FILTER_TYPES as se, DEFAULT_FILTERS as U, DEFAULT_FILTER_TYPE as re } from "./constants.js";
+import { parseColumnId as M, isFilteredPColumn as R, stringifyColumnId as q } from "@platforma-sdk/model";
 import ie from "./OperandButton.vue.js";
-import { getNormalizedSpec as z, getFilterInfo as B, isNumericFilter as L, isStringFilter as de } from "./utils.js";
+import { getNormalizedSpec as z, getFilterInfo as C, isNumericFilter as L, isStringFilter as de } from "./utils.js";
 const pe = ["title"], fe = /* @__PURE__ */ Z({
   __name: "SingleFilter",
   props: /* @__PURE__ */ _({
@@ -20,60 +20,60 @@ const pe = ["title"], fe = /* @__PURE__ */ Z({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(M) {
-    const y = M, l = ee(M, "modelValue");
-    async function w(e, t, u) {
-      return Promise.all(t.map((d) => y.getSuggestModel({ columnId: e, searchStr: d, axisIdx: u })));
+  setup(y) {
+    const g = y, l = ee(y, "modelValue");
+    async function w(e, t, o) {
+      return Promise.all(t.map((d) => g.getSuggestModel({ columnId: e, searchStr: d, axisIdx: o })));
     }
-    async function h(e, t, u) {
-      return y.getSuggestModel({ columnId: e, searchStr: t, axisIdx: u });
+    async function h(e, t, o) {
+      return g.getSuggestModel({ columnId: e, searchStr: t, axisIdx: o });
     }
-    async function C(e, t, u) {
-      return y.getSuggestOptions({ columnId: e, searchStr: t, axisIdx: u });
+    async function $(e, t, o) {
+      return g.getSuggestOptions({ columnId: e, searchStr: t, axisIdx: o });
     }
     function W() {
-      const e = B(l.value.type);
-      f.value && e.supportedFor(f.value) && L(l.value) || (f.value && e.supportedFor(f.value) && de(l.value) ? l.value = {
-        ...A[l.value.type],
+      const e = C(l.value.type);
+      F.value && e.supportedFor(F.value) && L(l.value) || (F.value && e.supportedFor(F.value) && de(l.value) ? l.value = {
+        ...U[l.value.type],
         value: l.value.value,
         column: l.value.column
       } : l.value = {
-        ...A[l.value.type],
+        ...U[l.value.type],
         column: l.value.column
       });
     }
     function j(e) {
       if (!e)
         return;
-      const t = y.columnOptions.find((i) => i.id === $(e));
+      const t = g.columnOptions.find((i) => i.id === E(e));
       if (!t)
         return;
-      const u = B(l.value.type), d = z(t == null ? void 0 : t.spec);
-      u.supportedFor(d) ? l.value.column = e : l.value = {
-        ...A[re],
+      const o = C(l.value.type), d = z(t == null ? void 0 : t.spec);
+      o.supportedFor(d) ? l.value.column = e : l.value = {
+        ...U[re],
         column: e
       };
     }
-    const S = p(() => y.columnOptions.find((t) => t.id === $(l.value.column)) === void 0), X = p(() => {
-      const e = y.columnOptions.map((t) => ({ value: t.id, label: t.label ?? t }));
-      return S.value && e.unshift({ value: l.value.column, label: "Inconsistent value" }), e;
+    const x = p(() => g.columnOptions.find((t) => t.id === E(l.value.column)) === void 0), X = p(() => {
+      const e = g.columnOptions.map((t) => ({ value: t.id, label: t.label ?? t }));
+      return x.value && e.unshift({ value: l.value.column, label: "Inconsistent value" }), e;
     });
-    function $(e) {
+    function E(e) {
       try {
-        const t = U(e);
+        const t = M(e);
         return R(t) ? q(t.source) : e;
       } catch {
         return e;
       }
     }
     function Y(e) {
-      const t = $(e), u = y.columnOptions.find((i) => i.id === t), d = ((u == null ? void 0 : u.axesToBeFixed) ?? []).reduce((i, F) => (i[F.idx] = void 0, i), {});
+      const t = E(e), o = g.columnOptions.find((i) => i.id === t), d = ((o == null ? void 0 : o.axesToBeFixed) ?? []).reduce((i, V) => (i[V.idx] = void 0, i), {});
       try {
-        const i = U(e);
+        const i = M(e);
         if (R(i))
           return {
             source: t,
-            axisFiltersByIndex: i.axisFilters.reduce((F, I) => (F[I[0]] = I[1], F), d)
+            axisFiltersByIndex: i.axisFilters.reduce((V, O) => (V[O[0]] = O[1], V), d)
           };
       } catch {
         return { source: e, axisFiltersByIndex: d };
@@ -82,8 +82,8 @@ const pe = ["title"], fe = /* @__PURE__ */ Z({
     }
     function G(e) {
       return Object.keys(e.axisFiltersByIndex).length === 0 ? e.source : q({
-        source: U(e.source),
-        axisFilters: Object.entries(e.axisFiltersByIndex).map(([t, u]) => [Number(t), u])
+        source: M(e.source),
+        axisFilters: Object.entries(e.axisFiltersByIndex).map(([t, o]) => [Number(t), o])
       });
     }
     const s = p({
@@ -98,22 +98,22 @@ const pe = ["title"], fe = /* @__PURE__ */ Z({
         axisFiltersByIndex: { ...s.value.axisFiltersByIndex, [e]: t }
       };
     }
-    const m = p(() => y.columnOptions.find((e) => e.id === s.value.source)), f = p(() => {
+    const m = p(() => g.columnOptions.find((e) => e.id === s.value.source)), F = p(() => {
       var e;
       return (e = m.value) != null && e.spec ? z(m.value.spec) : null;
     }), P = p(() => {
       var e;
-      return (e = f.value) == null ? void 0 : e.valueType;
-    }), O = p(() => {
+      return (e = F.value) == null ? void 0 : e.valueType;
+    }), k = p(() => {
       var e;
-      return ((e = m.value) == null ? void 0 : e.error) || S.value;
+      return ((e = m.value) == null ? void 0 : e.error) || x.value;
     }), J = p(
       () => [...se].filter(
-        (e) => l.value.type === e || (f.value ? B(e).supportedFor(f.value) : !0)
-      ).map((e) => ({ value: e, label: B(e).label }))
+        (e) => l.value.type === e || (F.value ? C(e).supportedFor(F.value) : !0)
+      ).map((e) => ({ value: e, label: C(e).label }))
     ), K = p(() => {
       var e, t;
-      return l.value.type === "patternFuzzyContainSubsequence" ? ((e = m.value) == null ? void 0 : e.alphabet) === "nucleotide" ? [{ label: "N", value: "N" }] : ((t = m.value) == null ? void 0 : t.alphabet) === "aminoacid" ? [{ label: "X", value: "X" }] : [...new Set(l.value.value.split(""))].sort().map((u) => ({ value: u, label: u })) : [];
+      return l.value.type === "patternFuzzyContainSubsequence" ? ((e = m.value) == null ? void 0 : e.alphabet) === "nucleotide" ? [{ label: "N", value: "N" }] : ((t = m.value) == null ? void 0 : t.alphabet) === "aminoacid" ? [{ label: "X", value: "X" }] : [...new Set(l.value.value.split(""))].sort().map((o) => ({ value: o, label: o })) : [];
     }), Q = p(() => {
       if (l.value.type !== "patternMatchesRegularExpression")
         return !1;
@@ -124,97 +124,97 @@ const pe = ["title"], fe = /* @__PURE__ */ Z({
       }
     });
     return (e, t) => {
-      var u, d, i, F, I;
-      return n(), x(E, null, [
+      var o, d, i, V, O;
+      return n(), I(T, null, [
         v("div", {
           class: r(e.$style.filterWrapper)
         }, [
-          e.enableDnd ? (n(), x("div", {
+          y.enableDnd ? (n(), I("div", {
             key: 0,
-            class: r([e.$style.top, e.$style.columnChip, { [e.$style.error]: O.value }])
+            class: r([e.$style.top, e.$style.columnChip, { [e.$style.error]: k.value }])
           }, [
             v("div", {
-              class: r([e.$style.typeIcon, { [e.$style.error]: O.value }])
+              class: r([e.$style.typeIcon, { [e.$style.error]: k.value }])
             }, [
-              O.value ? (n(), c(a(k), {
+              k.value ? (n(), c(a(B), {
                 key: 0,
                 name: "warning"
-              })) : (n(), c(a(k), {
+              })) : (n(), c(a(B), {
                 key: 1,
                 name: P.value === "String" || P.value === void 0 ? "cell-type-txt" : "cell-type-num"
               }, null, 8, ["name"]))
             ], 2),
             v("div", {
               class: r(e.$style.titleWrapper),
-              title: ((u = m.value) == null ? void 0 : u.label) ?? ""
+              title: ((o = m.value) == null ? void 0 : o.label) ?? ""
             }, [
               v("div", {
                 class: r(e.$style.title)
-              }, le(S.value ? "Inconsistent value" : ((d = m.value) == null ? void 0 : d.label) ?? l.value.column), 3)
+              }, le(x.value ? "Inconsistent value" : ((d = m.value) == null ? void 0 : d.label) ?? l.value.column), 3)
             ], 10, pe),
             v("div", {
               class: r(e.$style.closeIcon),
-              onClick: t[0] || (t[0] = (o) => e.onDelete(l.value.column))
+              onClick: t[0] || (t[0] = (u) => y.onDelete(l.value.column))
             }, [
-              g(a(k), { name: "close" })
+              b(a(B), { name: "close" })
             ], 2)
-          ], 2)) : (n(), x("div", {
+          ], 2)) : (n(), I("div", {
             key: 1,
             class: r(e.$style.top)
           }, [
-            g(a(T), {
+            b(a(N), {
               modelValue: s.value.source,
               "onUpdate:modelValue": [
-                t[1] || (t[1] = (o) => s.value.source = o),
+                t[1] || (t[1] = (u) => s.value.source = u),
                 j
               ],
-              errorStatus: O.value,
+              errorStatus: k.value,
               options: X.value,
               style: { width: "100%" },
               "group-position": "top-left"
             }, null, 8, ["modelValue", "errorStatus", "options"]),
             v("div", {
               class: r(e.$style.closeButton),
-              onClick: t[2] || (t[2] = (o) => e.onDelete(l.value.column))
+              onClick: t[2] || (t[2] = (u) => y.onDelete(l.value.column))
             }, [
-              g(a(k), { name: "close" })
+              b(a(B), { name: "close" })
             ], 2)
           ], 2)),
-          (F = (i = m.value) == null ? void 0 : i.axesToBeFixed) != null && F.length ? (n(), x("div", {
+          (V = (i = m.value) == null ? void 0 : i.axesToBeFixed) != null && V.length ? (n(), I("div", {
             key: 2,
             class: r(e.$style.fixedAxesBlock)
           }, [
-            (n(!0), x(E, null, te((I = m.value) == null ? void 0 : I.axesToBeFixed, (o) => (n(), c(a(D), {
-              key: o.idx,
-              modelValue: s.value.axisFiltersByIndex[o.idx],
-              "onUpdate:modelValue": [(V) => s.value.axisFiltersByIndex[o.idx] = V, (V) => H(o.idx, V)],
-              label: o.label,
-              "options-search": (V) => C(s.value.source, V, o.idx),
-              "model-search": (V) => h(s.value.source, V, o.idx),
-              disabled: S.value,
+            (n(!0), I(T, null, te((O = m.value) == null ? void 0 : O.axesToBeFixed, (u) => (n(), c(a(D), {
+              key: u.idx,
+              modelValue: s.value.axisFiltersByIndex[u.idx],
+              "onUpdate:modelValue": [(S) => s.value.axisFiltersByIndex[u.idx] = S, (S) => H(u.idx, S)],
+              label: u.label,
+              "options-search": (S) => $(s.value.source, S, u.idx),
+              "model-search": (S) => h(s.value.source, S, u.idx),
+              disabled: x.value,
               clearable: !0
             }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "options-search", "model-search", "disabled"]))), 128))
-          ], 2)) : b("", !0),
+          ], 2)) : f("", !0),
           v("div", {
             class: r(l.value.type === "isNA" || l.value.type === "isNotNA" ? e.$style.bottom : e.$style.middle)
           }, [
-            g(a(T), {
+            b(a(N), {
               modelValue: l.value.type,
               "onUpdate:modelValue": [
-                t[3] || (t[3] = (o) => l.value.type = o),
+                t[3] || (t[3] = (u) => l.value.type = u),
                 W
               ],
               options: J.value,
               "group-position": l.value.type === "isNA" || l.value.type === "isNotNA" ? "bottom" : "middle"
             }, null, 8, ["modelValue", "options", "group-position"])
           ], 2),
-          l.value.type === "patternFuzzyContainSubsequence" ? (n(), x(E, { key: 3 }, [
+          l.value.type === "patternFuzzyContainSubsequence" ? (n(), I(T, { key: 3 }, [
             v("div", {
               class: r(e.$style.middle)
             }, [
-              g(a(N), {
+              b(a(A), {
                 modelValue: l.value.value,
-                "onUpdate:modelValue": t[4] || (t[4] = (o) => l.value.value = o),
+                "onUpdate:modelValue": t[4] || (t[4] = (u) => l.value.value = u),
                 placeholder: "Substring",
                 "group-position": "middle"
               }, null, 8, ["modelValue"])
@@ -222,79 +222,79 @@ const pe = ["title"], fe = /* @__PURE__ */ Z({
             v("div", {
               class: r(e.$style.innerSection)
             }, [
-              g(a(oe), {
+              b(a(ue), {
                 modelValue: l.value.maxEdits,
-                "onUpdate:modelValue": t[5] || (t[5] = (o) => l.value.maxEdits = o),
+                "onUpdate:modelValue": t[5] || (t[5] = (u) => l.value.maxEdits = u),
                 max: 5,
                 breakpoints: "",
                 label: "Maximum number of substitutions and indels"
               }, null, 8, ["modelValue"]),
-              g(a(ue), {
+              b(a(oe), {
                 modelValue: l.value.substitutionsOnly,
-                "onUpdate:modelValue": t[6] || (t[6] = (o) => l.value.substitutionsOnly = o),
+                "onUpdate:modelValue": t[6] || (t[6] = (u) => l.value.substitutionsOnly = u),
                 label: "Substitutions only"
               }, null, 8, ["modelValue"])
             ], 2)
-          ], 64)) : b("", !0),
+          ], 64)) : f("", !0),
           v("div", {
             class: r(e.$style.bottom)
           }, [
             l.value.type === "patternEquals" || l.value.type === "patternNotEquals" ? (n(), c(a(D), {
               key: 0,
               modelValue: l.value.value,
-              "onUpdate:modelValue": t[7] || (t[7] = (o) => l.value.value = o),
-              "options-search": (o) => C(s.value.source, o),
-              "model-search": (o) => h(s.value.source, o),
-              disabled: S.value,
+              "onUpdate:modelValue": t[7] || (t[7] = (u) => l.value.value = u),
+              "options-search": (u) => $(s.value.source, u),
+              "model-search": (u) => h(s.value.source, u),
+              disabled: x.value,
               clearable: !0,
               "group-position": "bottom"
-            }, null, 8, ["modelValue", "options-search", "model-search", "disabled"])) : b("", !0),
+            }, null, 8, ["modelValue", "options-search", "model-search", "disabled"])) : f("", !0),
             l.value.type === "inSet" || l.value.type === "notInSet" ? (n(), c(a(ae), {
               key: 1,
               modelValue: l.value.value,
-              "onUpdate:modelValue": t[8] || (t[8] = (o) => l.value.value = o),
-              "options-search": (o) => C(s.value.source, o),
-              "model-search": (o) => w(s.value.source, o),
-              disabled: S.value,
+              "onUpdate:modelValue": t[8] || (t[8] = (u) => l.value.value = u),
+              "options-search": (u) => $(s.value.source, u),
+              "model-search": (u) => w(s.value.source, u),
+              disabled: x.value,
               "group-position": "bottom"
-            }, null, 8, ["modelValue", "options-search", "model-search", "disabled"])) : b("", !0),
+            }, null, 8, ["modelValue", "options-search", "model-search", "disabled"])) : f("", !0),
             a(L)(l.value) ? (n(), c(a(ne), {
               key: 2,
               modelValue: l.value.x,
-              "onUpdate:modelValue": t[9] || (t[9] = (o) => l.value.x = o),
+              "onUpdate:modelValue": t[9] || (t[9] = (u) => l.value.x = u),
               "group-position": "bottom"
-            }, null, 8, ["modelValue"])) : b("", !0),
-            l.value.type === "patternContainSubsequence" || l.value.type === "patternNotContainSubsequence" ? (n(), c(a(N), {
+            }, null, 8, ["modelValue"])) : f("", !0),
+            l.value.type === "patternContainSubsequence" || l.value.type === "patternNotContainSubsequence" ? (n(), c(a(A), {
               key: 3,
               modelValue: l.value.value,
-              "onUpdate:modelValue": t[10] || (t[10] = (o) => l.value.value = o),
+              "onUpdate:modelValue": t[10] || (t[10] = (u) => l.value.value = u),
               placeholder: "Substring",
               "group-position": "bottom"
-            }, null, 8, ["modelValue"])) : b("", !0),
-            l.value.type === "patternMatchesRegularExpression" ? (n(), c(a(N), {
+            }, null, 8, ["modelValue"])) : f("", !0),
+            l.value.type === "patternMatchesRegularExpression" ? (n(), c(a(A), {
               key: 4,
               modelValue: l.value.value,
-              "onUpdate:modelValue": t[11] || (t[11] = (o) => l.value.value = o),
+              "onUpdate:modelValue": t[11] || (t[11] = (u) => l.value.value = u),
               error: Q.value ? "Regular expression is not valid" : void 0,
               placeholder: "Regular expression",
               "group-position": "bottom"
-            }, null, 8, ["modelValue", "error"])) : b("", !0),
-            l.value.type === "patternFuzzyContainSubsequence" ? (n(), c(a(T), {
+            }, null, 8, ["modelValue", "error"])) : f("", !0),
+            l.value.type === "patternFuzzyContainSubsequence" ? (n(), c(a(N), {
               key: 5,
               modelValue: l.value.wildcard,
-              "onUpdate:modelValue": t[12] || (t[12] = (o) => l.value.wildcard = o),
+              "onUpdate:modelValue": t[12] || (t[12] = (u) => l.value.wildcard = u),
               clearable: "",
               placeholder: "Wildcard value",
               options: K.value,
               "group-position": "bottom"
-            }, null, 8, ["modelValue", "options"])) : b("", !0)
+            }, null, 8, ["modelValue", "options"])) : f("", !0)
           ], 2)
         ], 2),
-        g(ie, {
+        b(ie, {
           class: r(e.$style.buttonWrapper),
-          active: e.operand,
-          disabled: e.isLast,
-          "on-select": e.onChangeOperand
+          active: y.operand,
+          disabled: y.isLast,
+          "on-select": y.onChangeOperand
         }, null, 8, ["class", "active", "disabled", "on-select"])
       ], 64);
     };

package/dist/components/PlAdvancedFilter/SingleFilter.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleFilter.vue2.js","sources":["../../../src/components/PlAdvancedFilter/SingleFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PlAdvancedFilterColumnId, Filter, Operand, SourceOptionInfo } from './types';\nimport { PlIcon16, PlDropdown, PlAutocomplete, PlAutocompleteMulti, PlTextField, PlNumberField, Slider, PlToggleSwitch } from '@milaboratories/uikit';\nimport { computed } from 'vue';\nimport { SUPPORTED_FILTER_TYPES, DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from './constants';\nimport type { AnchoredPColumnId, AxisFilterByIdx, AxisFilterValue, SUniversalPColumnId } from '@platforma-sdk/model';\nimport { isFilteredPColumn, parseColumnId, stringifyColumnId, type ListOptionBase } from '@platforma-sdk/model';\nimport OperandButton from './OperandButton.vue';\nimport { getFilterInfo, getNormalizedSpec, isNumericFilter, isStringFilter } from './utils';\n\nconst props = defineProps<{\n  operand: Operand;\n  columnOptions: SourceOptionInfo[];\n  enableDnd: boolean;\n  isLast: boolean;\n  getSuggestOptions: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>[]>) |\n    ((params: { columnId: SUniversalPColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>[]);\n  getSuggestModel: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>>) |\n    ((params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>);\n  onDelete: (columnId: PlAdvancedFilterColumnId) => void;\n  onChangeOperand: (op: Operand) => void;\n}>();\n\nconst filter = defineModel<Filter>({ required: true });\n\nasync function getSuggestModelMultiFn(id: PlAdvancedFilterColumnId, v: string[], axisIdx?: number): Promise<ListOptionBase<string>[]> {\n  return Promise.all(v.map((v) => props.getSuggestModel({ columnId: id, searchStr: v, axisIdx }) as Promise<ListOptionBase<string>>));\n}\nasync function getSuggestModelSingleFn(id: PlAdvancedFilterColumnId, v: string, axisIdx?: number): Promise<ListOptionBase<string>> {\n  return props.getSuggestModel({ columnId: id, searchStr: v, axisIdx }) as Promise<ListOptionBase<string>>;\n}\nasync function getSuggestOptionsFn(id: PlAdvancedFilterColumnId, str: string, axisIdx?: number): Promise<ListOptionBase<string>[]> {\n  return props.getSuggestOptions({ columnId: id, searchStr: str, axisIdx }) as Promise<ListOptionBase<string>[]>;\n}\n\nfunction changeFilterType() {\n  const nextFilterInfo = getFilterInfo(filter.value.type);\n  if (currentSpec.value && nextFilterInfo.supportedFor(currentSpec.value) && isNumericFilter(filter.value)) {\n    // no extra changes, previous filter is compatible with new filter type\n    return;\n  } else if (currentSpec.value && nextFilterInfo.supportedFor(currentSpec.value) && isStringFilter(filter.value)) {\n    // erase extra settings for string filter types, save only value and column (for example regex)\n    filter.value = {\n      ...DEFAULT_FILTERS[filter.value.type],\n      value: filter.value.value,\n      column: filter.value.column,\n    } as Filter;\n  } else {\n    filter.value = {\n      ...DEFAULT_FILTERS[filter.value.type],\n      column: filter.value.column,\n    };\n  }\n}\n\nfunction changeSourceId(newSourceId?: PlAdvancedFilterColumnId) {\n  if (!newSourceId) {\n    return;\n  }\n  const newSourceInfo = props.columnOptions.find((v) => v.id === getSourceId(newSourceId));\n  if (!newSourceInfo) {\n    return;\n  }\n  const filterInfo = getFilterInfo(filter.value.type);\n  const newSourceSpec = getNormalizedSpec(newSourceInfo?.spec);\n  if (filterInfo.supportedFor(newSourceSpec)) { // don't do anything except update source id\n    filter.value.column = newSourceId;\n  } else { // reset to default filter which fits to any column\n    filter.value = {\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: newSourceId,\n    };\n  }\n}\n\nconst inconsistentSourceSelected = computed(() => {\n  const selectedOption = props.columnOptions.find((op) => op.id === getSourceId(filter.value.column));\n  return selectedOption === undefined;\n});\nconst sourceOptions = computed(() => {\n  const options = props.columnOptions.map((v) => ({ value: v.id, label: v.label ?? v }));\n  if (inconsistentSourceSelected.value) {\n    options.unshift({ value: filter.value.column, label: 'Inconsistent value' });\n  }\n  return options;\n});\n\nfunction getSourceId(column: PlAdvancedFilterColumnId): PlAdvancedFilterColumnId {\n  try {\n    const parsedColumnId = parseColumnId(column as SUniversalPColumnId);\n    if (isFilteredPColumn(parsedColumnId)) {\n      return stringifyColumnId(parsedColumnId.source);\n    } else {\n      return column;\n    }\n  } catch {\n    return column;\n  }\n}\n\n// similar to FilteredPColumnId but source is stringified and axis filters can be undefined\ntype ColumnAsSourceAndFixedAxes = { source: PlAdvancedFilterColumnId; axisFiltersByIndex: Record<number, AxisFilterValue | undefined> };\nfunction getColumnAsSourceAndFixedAxes(column: PlAdvancedFilterColumnId): ColumnAsSourceAndFixedAxes {\n  const sourceId = getSourceId(column);\n  const option = props.columnOptions.find((op) => op.id === sourceId);\n  const axesToBeFixed = (option?.axesToBeFixed ?? []).reduce((res, item) => {\n    res[item.idx] = undefined;\n    return res;\n  }, {} as Record<number, AxisFilterValue | undefined>);\n  try {\n    const parsedColumnId = parseColumnId(column as SUniversalPColumnId);\n    if (isFilteredPColumn(parsedColumnId)) {\n      return {\n        source: sourceId,\n        axisFiltersByIndex: parsedColumnId.axisFilters.reduce((res, item) => {\n          res[item[0]] = item[1];\n          return res;\n        }, axesToBeFixed),\n      };\n    }\n  } catch {\n    return { source: column, axisFiltersByIndex: axesToBeFixed };\n  }\n  return { source: column, axisFiltersByIndex: axesToBeFixed };\n}\n\nfunction stringifyColumn(value: ColumnAsSourceAndFixedAxes): PlAdvancedFilterColumnId {\n  if (Object.keys(value.axisFiltersByIndex).length === 0) {\n    return value.source;\n  }\n  return stringifyColumnId({\n    source: parseColumnId(value.source as SUniversalPColumnId) as AnchoredPColumnId,\n    axisFilters: Object.entries(value.axisFiltersByIndex).map(([idx, value]) => [Number(idx), value] as AxisFilterByIdx),\n  });\n}\n\nconst columnAsSourceAndFixedAxes = computed({\n  get: () => {\n    return getColumnAsSourceAndFixedAxes(filter.value.column);\n  },\n  set: (value) => {\n    filter.value.column = stringifyColumn(value);\n  },\n});\nfunction updateAxisFilterValue(idx: number, value: AxisFilterValue | undefined) {\n  columnAsSourceAndFixedAxes.value = {\n    ...columnAsSourceAndFixedAxes.value,\n    axisFiltersByIndex: { ...columnAsSourceAndFixedAxes.value.axisFiltersByIndex, [idx]: value } };\n}\n\nconst currentOption = computed(() => props.columnOptions.find((op) => op.id === columnAsSourceAndFixedAxes.value.source));\nconst currentSpec = computed(() => currentOption.value?.spec ? getNormalizedSpec(currentOption.value.spec) : null);\nconst currentType = computed(() => currentSpec.value?.valueType);\nconst currentError = computed(() => currentOption.value?.error || inconsistentSourceSelected.value);\n\nconst filterTypesOptions = computed(() => [...SUPPORTED_FILTER_TYPES].filter((v) =>\n  filter.value.type === v || (currentSpec.value ? getFilterInfo(v).supportedFor(currentSpec.value) : true),\n).map((v) => ({ value: v, label: getFilterInfo(v).label })),\n);\n\nconst wildcardOptions = computed(() => {\n  if (filter.value.type === 'patternFuzzyContainSubsequence') {\n    if (currentOption.value?.alphabet === 'nucleotide') {\n      return [{ label: 'N', value: 'N' }];\n    }\n    if (currentOption.value?.alphabet === 'aminoacid') {\n      return [{ label: 'X', value: 'X' }];\n    }\n    return [...new Set(filter.value.value.split(''))].sort().map((v) => ({ value: v, label: v }));\n  }\n  return [];\n});\n\nconst stringMatchesError = computed(() => {\n  if (filter.value.type !== 'patternMatchesRegularExpression') {\n    return false;\n  }\n  try {\n    new RegExp(filter.value.value);\n    return false;\n  } catch {\n    return true;\n  }\n});\n\n</script>\n<template>\n  <div :class=\"$style.filterWrapper\">\n    <!-- top element - column selector / column label - for all filter types-->\n    <div v-if=\"enableDnd\" :class=\"[$style.top, $style.columnChip, {[$style.error]: currentError}]\">\n      <div :class=\"[$style.typeIcon, {[$style.error]: currentError}]\">\n        <PlIcon16 v-if=\"currentError\" name=\"warning\"/>\n        <PlIcon16 v-else :name=\"currentType === 'String' || currentType === undefined ? 'cell-type-txt' : 'cell-type-num'\"/>\n      </div>\n      <div :class=\"$style.titleWrapper\" :title=\"currentOption?.label ?? ''\">\n        <div :class=\"$style.title\">\n          {{ inconsistentSourceSelected ? 'Inconsistent value' : currentOption?.label ?? filter.column }}\n        </div>\n      </div>\n      <div :class=\"$style.closeIcon\" @click=\"onDelete(filter.column)\">\n        <PlIcon16 name=\"close\"/>\n      </div>\n    </div>\n    <div v-else :class=\"$style.top\" >\n      <PlDropdown\n        v-model=\"columnAsSourceAndFixedAxes.source\"\n        :errorStatus=\"currentError\"\n        :options=\"sourceOptions\"\n        :style=\"{width: '100%'}\"\n        group-position=\"top-left\"\n        @update:model-value=\"changeSourceId\"\n      />\n      <div :class=\"$style.closeButton\" @click=\"onDelete(filter.column)\">\n        <PlIcon16 name=\"close\"/>\n      </div>\n    </div>\n\n    <div v-if=\"currentOption?.axesToBeFixed?.length\" :class=\"$style.fixedAxesBlock\">\n      <template v-for=\"value in currentOption?.axesToBeFixed\" :key=\"value.idx\">\n        <PlAutocomplete\n          v-model=\"columnAsSourceAndFixedAxes.axisFiltersByIndex[value.idx]\"\n          :label=\"value.label\"\n          :options-search=\"(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str, value.idx)\"\n          :model-search=\"(v) => getSuggestModelSingleFn(columnAsSourceAndFixedAxes.source, v as string, value.idx)\"\n          :disabled=\"inconsistentSourceSelected\"\n          :clearable=\"true\"\n          @update:model-value=\"(v) => updateAxisFilterValue(value.idx, v)\"\n        />\n      </template>\n    </div>\n\n    <!-- middle - filter type selector -  for all filter types -->\n    <div :class=\"filter.type === 'isNA' || filter.type === 'isNotNA' ? $style.bottom : $style.middle\">\n      <PlDropdown\n        v-model=\"filter.type\"\n        :options=\"filterTypesOptions\"\n        :group-position=\"filter.type === 'isNA' || filter.type === 'isNotNA' ? 'bottom' : 'middle'\"\n        @update:model-value=\"changeFilterType\"\n      />\n    </div>\n\n    <!-- middle - for fuzzy contains filter -->\n    <template v-if=\"filter.type === 'patternFuzzyContainSubsequence'\">\n      <div :class=\"$style.middle\">\n        <PlTextField\n          v-model=\"filter.value\"\n          placeholder=\"Substring\"\n          group-position=\"middle\"\n        />\n      </div>\n      <div :class=\"$style.innerSection\">\n        <Slider\n          v-model=\"filter.maxEdits\"\n          :max=\"5\"\n          breakpoints label=\"Maximum number of substitutions and indels\"\n        />\n        <PlToggleSwitch\n          v-model=\"filter.substitutionsOnly\"\n          label=\"Substitutions only\"\n        />\n      </div>\n    </template>\n\n    <!-- bottom element - individual settings for every filter type -->\n    <div :class=\"$style.bottom\">\n      <template v-if=\"filter.type === 'patternEquals' || filter.type === 'patternNotEquals'\" >\n        <PlAutocomplete\n          v-model=\"filter.value\"\n          :options-search=\"(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str)\"\n          :model-search=\"(v) => getSuggestModelSingleFn(columnAsSourceAndFixedAxes.source, v as string)\"\n          :disabled=\"inconsistentSourceSelected\"\n          :clearable=\"true\"\n          group-position=\"bottom\"\n        />\n      </template>\n      <template v-if=\"filter.type === 'inSet' || filter.type === 'notInSet'\" >\n        <PlAutocompleteMulti\n          v-model=\"filter.value\"\n          :options-search=\"(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str)\"\n          :model-search=\"(v) => getSuggestModelMultiFn(columnAsSourceAndFixedAxes.source, v as string[])\"\n          :disabled=\"inconsistentSourceSelected\"\n          group-position=\"bottom\"\n        />\n      </template>\n      <PlNumberField\n        v-if=\"isNumericFilter(filter)\"\n        v-model=\"filter.x\"\n        group-position=\"bottom\"\n      />\n      <PlTextField\n        v-if=\"filter.type === 'patternContainSubsequence' || filter.type === 'patternNotContainSubsequence'\"\n        v-model=\"filter.value\"\n        placeholder=\"Substring\"\n        group-position=\"bottom\"\n      />\n      <PlTextField\n        v-if=\"filter.type === 'patternMatchesRegularExpression'\"\n        v-model=\"filter.value\"\n        :error=\"stringMatchesError ? 'Regular expression is not valid' : undefined\"\n        placeholder=\"Regular expression\"\n        group-position=\"bottom\"\n      />\n      <PlDropdown\n        v-if=\"filter.type === 'patternFuzzyContainSubsequence'\"\n        v-model=\"filter.wildcard\"\n        clearable\n        placeholder=\"Wildcard value\"\n        :options=\"wildcardOptions\"\n        group-position=\"bottom\"\n      />\n    </div>\n  </div>\n  <OperandButton\n    :class=\"$style.buttonWrapper\"\n    :active=\"operand\"\n    :disabled=\"isLast\"\n    :on-select=\"onChangeOperand\"\n  />\n</template>\n\n<style module>\n.filterWrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  width: 100%;\n  cursor: default;\n}\n\n.typeIcon {\n  display: inline-flex;\n  margin-right: 8px;\n}\n\n.typeIcon.error {\n  --icon-color: var(--txt-error);\n}\n\n.closeIcon {\n  display: inline-flex;\n  margin-left: 12px;\n  cursor: pointer;\n}\n\n.titleWrapper {\n  flex-grow: 1;\n  overflow: hidden;\n}\n.title {\n  overflow: hidden;\n  color: var(--txt-01);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.columnChip {\n  width: 100%;\n  display: flex;\n  padding: 10px 12px;\n  align-items: center;\n  border-radius: 6px;\n  border: 1px solid var(--txt-01);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &.error {\n    border-color: var(--txt-error);\n  }\n}\n\n.innerSection {\n  border: 1px solid var(--txt-01);\n  border-top: none;\n  padding: 16px 12px;\n}\n\n.closeButton {\n  border: 1px solid var(--txt-01);\n  border-top-right-radius: 6px;\n  border-left: none;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n\n.top {\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  background: #fff;\n}\n\n.fixedAxesBlock {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 12px 8px;\n  gap: 12px;\n  border-left: 1px solid var(--txt-01);\n  border-right: 1px solid var(--txt-01);\n}\n\n.fixedAxesBlock > * {\n  background: #fff;\n}\n\n.middle, .bottom {\n  position: relative;\n  margin-top: -1px;\n  background: #fff;\n}\n\n.buttonWrapper {\n  margin-bottom: 8px;\n}\n</style>\n"],"names":["props","__props","filter","_useModel","getSuggestModelMultiFn","id","v","axisIdx","getSuggestModelSingleFn","getSuggestOptionsFn","str","changeFilterType","nextFilterInfo","getFilterInfo","currentSpec","isNumericFilter","isStringFilter","DEFAULT_FILTERS","changeSourceId","newSourceId","newSourceInfo","getSourceId","filterInfo","newSourceSpec","getNormalizedSpec","DEFAULT_FILTER_TYPE","inconsistentSourceSelected","computed","op","sourceOptions","options","column","parsedColumnId","parseColumnId","isFilteredPColumn","stringifyColumnId","getColumnAsSourceAndFixedAxes","sourceId","option","axesToBeFixed","res","item","stringifyColumn","value","idx","columnAsSourceAndFixedAxes","updateAxisFilterValue","currentOption","_a","currentType","currentError","filterTypesOptions","SUPPORTED_FILTER_TYPES","wildcardOptions","_b","stringMatchesError"],"mappings":"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"}
+{"version":3,"file":"SingleFilter.vue2.js","sources":["../../../src/components/PlAdvancedFilter/SingleFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PlAdvancedFilterColumnId, Filter, Operand, SourceOptionInfo } from './types';\nimport { PlIcon16, PlDropdown, PlAutocomplete, PlAutocompleteMulti, PlTextField, PlNumberField, Slider, PlToggleSwitch } from '@milaboratories/uikit';\nimport { computed } from 'vue';\nimport { SUPPORTED_FILTER_TYPES, DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from './constants';\nimport type { AnchoredPColumnId, AxisFilterByIdx, AxisFilterValue, SUniversalPColumnId } from '@platforma-sdk/model';\nimport { isFilteredPColumn, parseColumnId, stringifyColumnId, type ListOptionBase } from '@platforma-sdk/model';\nimport OperandButton from './OperandButton.vue';\nimport { getFilterInfo, getNormalizedSpec, isNumericFilter, isStringFilter } from './utils';\n\nconst props = defineProps<{\n  operand: Operand;\n  columnOptions: SourceOptionInfo[];\n  enableDnd: boolean;\n  isLast: boolean;\n  getSuggestOptions: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>[]>) |\n    ((params: { columnId: SUniversalPColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>[]);\n  getSuggestModel: (params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => (Promise<ListOptionBase<string | number>>) |\n    ((params: { columnId: PlAdvancedFilterColumnId; searchStr: string; axisIdx?: number }) => ListOptionBase<string | number>);\n  onDelete: (columnId: PlAdvancedFilterColumnId) => void;\n  onChangeOperand: (op: Operand) => void;\n}>();\n\nconst filter = defineModel<Filter>({ required: true });\n\nasync function getSuggestModelMultiFn(id: PlAdvancedFilterColumnId, v: string[], axisIdx?: number): Promise<ListOptionBase<string>[]> {\n  return Promise.all(v.map((v) => props.getSuggestModel({ columnId: id, searchStr: v, axisIdx }) as Promise<ListOptionBase<string>>));\n}\nasync function getSuggestModelSingleFn(id: PlAdvancedFilterColumnId, v: string, axisIdx?: number): Promise<ListOptionBase<string>> {\n  return props.getSuggestModel({ columnId: id, searchStr: v, axisIdx }) as Promise<ListOptionBase<string>>;\n}\nasync function getSuggestOptionsFn(id: PlAdvancedFilterColumnId, str: string, axisIdx?: number): Promise<ListOptionBase<string>[]> {\n  return props.getSuggestOptions({ columnId: id, searchStr: str, axisIdx }) as Promise<ListOptionBase<string>[]>;\n}\n\nfunction changeFilterType() {\n  const nextFilterInfo = getFilterInfo(filter.value.type);\n  if (currentSpec.value && nextFilterInfo.supportedFor(currentSpec.value) && isNumericFilter(filter.value)) {\n    // no extra changes, previous filter is compatible with new filter type\n    return;\n  } else if (currentSpec.value && nextFilterInfo.supportedFor(currentSpec.value) && isStringFilter(filter.value)) {\n    // erase extra settings for string filter types, save only value and column (for example regex)\n    filter.value = {\n      ...DEFAULT_FILTERS[filter.value.type],\n      value: filter.value.value,\n      column: filter.value.column,\n    } as Filter;\n  } else {\n    filter.value = {\n      ...DEFAULT_FILTERS[filter.value.type],\n      column: filter.value.column,\n    };\n  }\n}\n\nfunction changeSourceId(newSourceId?: PlAdvancedFilterColumnId) {\n  if (!newSourceId) {\n    return;\n  }\n  const newSourceInfo = props.columnOptions.find((v) => v.id === getSourceId(newSourceId));\n  if (!newSourceInfo) {\n    return;\n  }\n  const filterInfo = getFilterInfo(filter.value.type);\n  const newSourceSpec = getNormalizedSpec(newSourceInfo?.spec);\n  if (filterInfo.supportedFor(newSourceSpec)) { // don't do anything except update source id\n    filter.value.column = newSourceId;\n  } else { // reset to default filter which fits to any column\n    filter.value = {\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: newSourceId,\n    };\n  }\n}\n\nconst inconsistentSourceSelected = computed(() => {\n  const selectedOption = props.columnOptions.find((op) => op.id === getSourceId(filter.value.column));\n  return selectedOption === undefined;\n});\nconst sourceOptions = computed(() => {\n  const options = props.columnOptions.map((v) => ({ value: v.id, label: v.label ?? v }));\n  if (inconsistentSourceSelected.value) {\n    options.unshift({ value: filter.value.column, label: 'Inconsistent value' });\n  }\n  return options;\n});\n\nfunction getSourceId(column: PlAdvancedFilterColumnId): PlAdvancedFilterColumnId {\n  try {\n    const parsedColumnId = parseColumnId(column as SUniversalPColumnId);\n    if (isFilteredPColumn(parsedColumnId)) {\n      return stringifyColumnId(parsedColumnId.source);\n    } else {\n      return column;\n    }\n  } catch {\n    return column;\n  }\n}\n\n// similar to FilteredPColumnId but source is stringified and axis filters can be undefined\ntype ColumnAsSourceAndFixedAxes = { source: PlAdvancedFilterColumnId; axisFiltersByIndex: Record<number, AxisFilterValue | undefined> };\nfunction getColumnAsSourceAndFixedAxes(column: PlAdvancedFilterColumnId): ColumnAsSourceAndFixedAxes {\n  const sourceId = getSourceId(column);\n  const option = props.columnOptions.find((op) => op.id === sourceId);\n  const axesToBeFixed = (option?.axesToBeFixed ?? []).reduce((res, item) => {\n    res[item.idx] = undefined;\n    return res;\n  }, {} as Record<number, AxisFilterValue | undefined>);\n  try {\n    const parsedColumnId = parseColumnId(column as SUniversalPColumnId);\n    if (isFilteredPColumn(parsedColumnId)) {\n      return {\n        source: sourceId,\n        axisFiltersByIndex: parsedColumnId.axisFilters.reduce((res, item) => {\n          res[item[0]] = item[1];\n          return res;\n        }, axesToBeFixed),\n      };\n    }\n  } catch {\n    return { source: column, axisFiltersByIndex: axesToBeFixed };\n  }\n  return { source: column, axisFiltersByIndex: axesToBeFixed };\n}\n\nfunction stringifyColumn(value: ColumnAsSourceAndFixedAxes): PlAdvancedFilterColumnId {\n  if (Object.keys(value.axisFiltersByIndex).length === 0) {\n    return value.source;\n  }\n  return stringifyColumnId({\n    source: parseColumnId(value.source as SUniversalPColumnId) as AnchoredPColumnId,\n    axisFilters: Object.entries(value.axisFiltersByIndex).map(([idx, value]) => [Number(idx), value] as AxisFilterByIdx),\n  });\n}\n\nconst columnAsSourceAndFixedAxes = computed({\n  get: () => {\n    return getColumnAsSourceAndFixedAxes(filter.value.column);\n  },\n  set: (value) => {\n    filter.value.column = stringifyColumn(value);\n  },\n});\nfunction updateAxisFilterValue(idx: number, value: AxisFilterValue | undefined) {\n  columnAsSourceAndFixedAxes.value = {\n    ...columnAsSourceAndFixedAxes.value,\n    axisFiltersByIndex: { ...columnAsSourceAndFixedAxes.value.axisFiltersByIndex, [idx]: value } };\n}\n\nconst currentOption = computed(() => props.columnOptions.find((op) => op.id === columnAsSourceAndFixedAxes.value.source));\nconst currentSpec = computed(() => currentOption.value?.spec ? getNormalizedSpec(currentOption.value.spec) : null);\nconst currentType = computed(() => currentSpec.value?.valueType);\nconst currentError = computed(() => currentOption.value?.error || inconsistentSourceSelected.value);\n\nconst filterTypesOptions = computed(() => [...SUPPORTED_FILTER_TYPES].filter((v) =>\n  filter.value.type === v || (currentSpec.value ? getFilterInfo(v).supportedFor(currentSpec.value) : true),\n).map((v) => ({ value: v, label: getFilterInfo(v).label })),\n);\n\nconst wildcardOptions = computed(() => {\n  if (filter.value.type === 'patternFuzzyContainSubsequence') {\n    if (currentOption.value?.alphabet === 'nucleotide') {\n      return [{ label: 'N', value: 'N' }];\n    }\n    if (currentOption.value?.alphabet === 'aminoacid') {\n      return [{ label: 'X', value: 'X' }];\n    }\n    return [...new Set(filter.value.value.split(''))].sort().map((v) => ({ value: v, label: v }));\n  }\n  return [];\n});\n\nconst stringMatchesError = computed(() => {\n  if (filter.value.type !== 'patternMatchesRegularExpression') {\n    return false;\n  }\n  try {\n    new RegExp(filter.value.value);\n    return false;\n  } catch {\n    return true;\n  }\n});\n\n</script>\n<template>\n  <div :class=\"$style.filterWrapper\">\n    <!-- top element - column selector / column label - for all filter types-->\n    <div v-if=\"enableDnd\" :class=\"[$style.top, $style.columnChip, {[$style.error]: currentError}]\">\n      <div :class=\"[$style.typeIcon, {[$style.error]: currentError}]\">\n        <PlIcon16 v-if=\"currentError\" name=\"warning\"/>\n        <PlIcon16 v-else :name=\"currentType === 'String' || currentType === undefined ? 'cell-type-txt' : 'cell-type-num'\"/>\n      </div>\n      <div :class=\"$style.titleWrapper\" :title=\"currentOption?.label ?? ''\">\n        <div :class=\"$style.title\">\n          {{ inconsistentSourceSelected ? 'Inconsistent value' : currentOption?.label ?? filter.column }}\n        </div>\n      </div>\n      <div :class=\"$style.closeIcon\" @click=\"onDelete(filter.column)\">\n        <PlIcon16 name=\"close\"/>\n      </div>\n    </div>\n    <div v-else :class=\"$style.top\" >\n      <PlDropdown\n        v-model=\"columnAsSourceAndFixedAxes.source\"\n        :errorStatus=\"currentError\"\n        :options=\"sourceOptions\"\n        :style=\"{width: '100%'}\"\n        group-position=\"top-left\"\n        @update:model-value=\"changeSourceId\"\n      />\n      <div :class=\"$style.closeButton\" @click=\"onDelete(filter.column)\">\n        <PlIcon16 name=\"close\"/>\n      </div>\n    </div>\n\n    <div v-if=\"currentOption?.axesToBeFixed?.length\" :class=\"$style.fixedAxesBlock\">\n      <template v-for=\"value in currentOption?.axesToBeFixed\" :key=\"value.idx\">\n        <PlAutocomplete\n          v-model=\"columnAsSourceAndFixedAxes.axisFiltersByIndex[value.idx]\"\n          :label=\"value.label\"\n          :options-search=\"(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str, value.idx)\"\n          :model-search=\"(v) => getSuggestModelSingleFn(columnAsSourceAndFixedAxes.source, v as string, value.idx)\"\n          :disabled=\"inconsistentSourceSelected\"\n          :clearable=\"true\"\n          @update:model-value=\"(v) => updateAxisFilterValue(value.idx, v)\"\n        />\n      </template>\n    </div>\n\n    <!-- middle - filter type selector -  for all filter types -->\n    <div :class=\"filter.type === 'isNA' || filter.type === 'isNotNA' ? $style.bottom : $style.middle\">\n      <PlDropdown\n        v-model=\"filter.type\"\n        :options=\"filterTypesOptions\"\n        :group-position=\"filter.type === 'isNA' || filter.type === 'isNotNA' ? 'bottom' : 'middle'\"\n        @update:model-value=\"changeFilterType\"\n      />\n    </div>\n\n    <!-- middle - for fuzzy contains filter -->\n    <template v-if=\"filter.type === 'patternFuzzyContainSubsequence'\">\n      <div :class=\"$style.middle\">\n        <PlTextField\n          v-model=\"filter.value\"\n          placeholder=\"Substring\"\n          group-position=\"middle\"\n        />\n      </div>\n      <div :class=\"$style.innerSection\">\n        <Slider\n          v-model=\"filter.maxEdits\"\n          :max=\"5\"\n          breakpoints label=\"Maximum number of substitutions and indels\"\n        />\n        <PlToggleSwitch\n          v-model=\"filter.substitutionsOnly\"\n          label=\"Substitutions only\"\n        />\n      </div>\n    </template>\n\n    <!-- bottom element - individual settings for every filter type -->\n    <div :class=\"$style.bottom\">\n      <template v-if=\"filter.type === 'patternEquals' || filter.type === 'patternNotEquals'\" >\n        <PlAutocomplete\n          v-model=\"filter.value\"\n          :options-search=\"(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str)\"\n          :model-search=\"(v) => getSuggestModelSingleFn(columnAsSourceAndFixedAxes.source, v as string)\"\n          :disabled=\"inconsistentSourceSelected\"\n          :clearable=\"true\"\n          group-position=\"bottom\"\n        />\n      </template>\n      <template v-if=\"filter.type === 'inSet' || filter.type === 'notInSet'\" >\n        <PlAutocompleteMulti\n          v-model=\"filter.value\"\n          :options-search=\"(str) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, str)\"\n          :model-search=\"(v) => getSuggestModelMultiFn(columnAsSourceAndFixedAxes.source, v as string[])\"\n          :disabled=\"inconsistentSourceSelected\"\n          group-position=\"bottom\"\n        />\n      </template>\n      <PlNumberField\n        v-if=\"isNumericFilter(filter)\"\n        v-model=\"filter.x\"\n        group-position=\"bottom\"\n      />\n      <PlTextField\n        v-if=\"filter.type === 'patternContainSubsequence' || filter.type === 'patternNotContainSubsequence'\"\n        v-model=\"filter.value\"\n        placeholder=\"Substring\"\n        group-position=\"bottom\"\n      />\n      <PlTextField\n        v-if=\"filter.type === 'patternMatchesRegularExpression'\"\n        v-model=\"filter.value\"\n        :error=\"stringMatchesError ? 'Regular expression is not valid' : undefined\"\n        placeholder=\"Regular expression\"\n        group-position=\"bottom\"\n      />\n      <PlDropdown\n        v-if=\"filter.type === 'patternFuzzyContainSubsequence'\"\n        v-model=\"filter.wildcard\"\n        clearable\n        placeholder=\"Wildcard value\"\n        :options=\"wildcardOptions\"\n        group-position=\"bottom\"\n      />\n    </div>\n  </div>\n  <OperandButton\n    :class=\"$style.buttonWrapper\"\n    :active=\"operand\"\n    :disabled=\"isLast\"\n    :on-select=\"onChangeOperand\"\n  />\n</template>\n\n<style module>\n.filterWrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 8px;\n  width: 100%;\n  cursor: default;\n}\n\n.typeIcon {\n  display: inline-flex;\n  margin-right: 8px;\n}\n\n.typeIcon.error {\n  --icon-color: var(--txt-error);\n}\n\n.closeIcon {\n  display: inline-flex;\n  margin-left: 12px;\n  cursor: pointer;\n}\n\n.titleWrapper {\n  flex-grow: 1;\n  overflow: hidden;\n}\n.title {\n  overflow: hidden;\n  color: var(--txt-01);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.columnChip {\n  width: 100%;\n  display: flex;\n  padding: 10px 12px;\n  align-items: center;\n  border-radius: 6px;\n  border: 1px solid var(--txt-01);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &.error {\n    border-color: var(--txt-error);\n  }\n}\n\n.innerSection {\n  border: 1px solid var(--txt-01);\n  border-top: none;\n  padding: 16px 12px;\n}\n\n.closeButton {\n  border: 1px solid var(--txt-01);\n  border-top-right-radius: 6px;\n  border-left: none;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n\n.top {\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  background: #fff;\n}\n\n.fixedAxesBlock {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 12px 8px;\n  gap: 12px;\n  border-left: 1px solid var(--txt-01);\n  border-right: 1px solid var(--txt-01);\n}\n\n.fixedAxesBlock > * {\n  background: #fff;\n}\n\n.middle, .bottom {\n  position: relative;\n  margin-top: -1px;\n  background: #fff;\n}\n\n.buttonWrapper {\n  margin-bottom: 8px;\n}\n</style>\n"],"names":["props","__props","filter","_useModel","getSuggestModelMultiFn","id","v","axisIdx","getSuggestModelSingleFn","getSuggestOptionsFn","str","changeFilterType","nextFilterInfo","getFilterInfo","currentSpec","isNumericFilter","isStringFilter","DEFAULT_FILTERS","changeSourceId","newSourceId","newSourceInfo","getSourceId","filterInfo","newSourceSpec","getNormalizedSpec","DEFAULT_FILTER_TYPE","inconsistentSourceSelected","computed","op","sourceOptions","options","column","parsedColumnId","parseColumnId","isFilteredPColumn","stringifyColumnId","getColumnAsSourceAndFixedAxes","sourceId","option","axesToBeFixed","res","item","stringifyColumn","value","idx","columnAsSourceAndFixedAxes","updateAxisFilterValue","currentOption","_a","currentType","currentError","filterTypesOptions","SUPPORTED_FILTER_TYPES","wildcardOptions","_b","stringMatchesError","_createElementVNode","_normalizeClass","$style","_createElementBlock","_createBlock","_unref","PlIcon16","_toDisplayString","_cache","$event","_createVNode","PlDropdown","_d","_c","_openBlock","_Fragment","_renderList","_e","PlAutocomplete","PlTextField","Slider","PlToggleSwitch","PlAutocompleteMulti","PlNumberField","OperandButton"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgCellFile.vue.js","sources":["../../../src/components/PlAgCellFile/PlAgCellFile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlFileInput } from '@milaboratories/uikit';\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport type { ImportFileHandle, ImportProgress } from '@platforma-sdk/model';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  // this component is intended to be used in ag-grid, params are the main object\n  // to communicate with the corresponding cell data\n  params: ICellRendererParams<unknown, ImportFileHandle> & {\n    extensions?: string[];\n    progress?: ImportProgress;\n    /**\n     * The resolveProgress function is an optional input parameter for the component\n     * that allows tracking the file upload progress in real-time.\n     * By passing resolveProgress, you can ensure that the component\n     * displays accurate progress values for each file as they upload.\n     * How to use it in AgGrid\n     * cellRendererParams: {\n     *  resolveProgress: (fileHandle: ImportFileHandle | undefined) => {\n     *    const progresses = app.progresses;\n     *    if (!fileHandle) return undefined;\n     *    else return progresses[fileHandle];\n     *  }\n     * }\n     */\n    resolveProgress?: (v: ImportFileHandle | undefined) => ImportProgress | undefined;\n  };\n}>();\n\nconst extensions = computed(() => props.params.extensions);\n\n// extracting cell value and casting it to the type we expect\nconst handle = computed(() => props.params.value as ImportFileHandle | undefined);\n\n/**\n * When value changes in the file input this method forward the value to the ag-grid,\n * which in tern forwards in to the valueSetter in corresponding column.\n * */\nfunction onHandleUpdate(newHandle: ImportFileHandle | undefined) {\n  props.params.setValue!(newHandle);\n}\n\nconst currentProgress = computed(() => {\n  return props.params.resolveProgress ? props.params.resolveProgress(handle.value) : undefined;\n});\n</script>\n\n<template>\n  <div style=\"height: 100%\">\n    <PlFileInput\n      show-filename-only\n      clearable\n      cell-style\n      file-dialog-title=\"Select any file\"\n      :placeholder=\"`Choose file ${extensions ? extensions[0] : ''}`\"\n      :extensions=\"extensions\"\n      :model-value=\"handle\"\n      :progress=\"currentProgress\"\n      @update:model-value=\"onHandleUpdate\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","extensions","computed","handle","onHandleUpdate","newHandle","currentProgress"],"mappings":";;;;;;;;AAMA,UAAMA,IAAQC,GAwBRC,IAAaC,EAAS,MAAMH,EAAM,OAAO,UAAU,GAGnDI,IAASD,EAAS,MAAMH,EAAM,OAAO,KAAqC;AAMhF,aAASK,EAAeC,GAAyC;AAC/D,MAAAN,EAAM,OAAO,SAAUM,CAAS;AAAA,IAClC;AAEA,UAAMC,IAAkBJ,EAAS,MACxBH,EAAM,OAAO,kBAAkBA,EAAM,OAAO,gBAAgBI,EAAO,KAAK,IAAI,MACpF;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgCellFile.vue.js","sources":["../../../src/components/PlAgCellFile/PlAgCellFile.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PlFileInput } from '@milaboratories/uikit';\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport type { ImportFileHandle, ImportProgress } from '@platforma-sdk/model';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  // this component is intended to be used in ag-grid, params are the main object\n  // to communicate with the corresponding cell data\n  params: ICellRendererParams<unknown, ImportFileHandle> & {\n    extensions?: string[];\n    progress?: ImportProgress;\n    /**\n     * The resolveProgress function is an optional input parameter for the component\n     * that allows tracking the file upload progress in real-time.\n     * By passing resolveProgress, you can ensure that the component\n     * displays accurate progress values for each file as they upload.\n     * How to use it in AgGrid\n     * cellRendererParams: {\n     *  resolveProgress: (fileHandle: ImportFileHandle | undefined) => {\n     *    const progresses = app.progresses;\n     *    if (!fileHandle) return undefined;\n     *    else return progresses[fileHandle];\n     *  }\n     * }\n     */\n    resolveProgress?: (v: ImportFileHandle | undefined) => ImportProgress | undefined;\n  };\n}>();\n\nconst extensions = computed(() => props.params.extensions);\n\n// extracting cell value and casting it to the type we expect\nconst handle = computed(() => props.params.value as ImportFileHandle | undefined);\n\n/**\n * When value changes in the file input this method forward the value to the ag-grid,\n * which in tern forwards in to the valueSetter in corresponding column.\n * */\nfunction onHandleUpdate(newHandle: ImportFileHandle | undefined) {\n  props.params.setValue!(newHandle);\n}\n\nconst currentProgress = computed(() => {\n  return props.params.resolveProgress ? props.params.resolveProgress(handle.value) : undefined;\n});\n</script>\n\n<template>\n  <div style=\"height: 100%\">\n    <PlFileInput\n      show-filename-only\n      clearable\n      cell-style\n      file-dialog-title=\"Select any file\"\n      :placeholder=\"`Choose file ${extensions ? extensions[0] : ''}`\"\n      :extensions=\"extensions\"\n      :model-value=\"handle\"\n      :progress=\"currentProgress\"\n      @update:model-value=\"onHandleUpdate\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","extensions","computed","handle","onHandleUpdate","newHandle","currentProgress","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","PlFileInput"],"mappings":";;;;;;;;AAMA,UAAMA,IAAQC,GAwBRC,IAAaC,EAAS,MAAMH,EAAM,OAAO,UAAU,GAGnDI,IAASD,EAAS,MAAMH,EAAM,OAAO,KAAqC;AAMhF,aAASK,EAAeC,GAAyC;AAC/D,MAAAN,EAAM,OAAO,SAAUM,CAAS;AAAA,IAClC;AAEA,UAAMC,IAAkBJ,EAAS,MACxBH,EAAM,OAAO,kBAAkBA,EAAM,OAAO,gBAAgBI,EAAO,KAAK,IAAI,MACpF;sBAICI,EAAA,GAAAC,EAYM,OAZNC,GAYM;AAAA,MAXJC,EAUEC,EAAAC,CAAA,GAAA;AAAA,QATA,sBAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAA;AAAA,QACA,qBAAkB;AAAA,QACjB,aAAW,eAAiBX,EAAA,QAAaA,EAAA,MAAU,CAAA,IAAA,EAAA;AAAA,QACnD,YAAYA,EAAA;AAAA,QACZ,eAAaE,EAAA;AAAA,QACb,UAAUG,EAAA;AAAA,QACV,uBAAoBF;AAAA,MAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgCellProgress.vue.js","sources":["../../../src/components/PlAgCellProgress/PlAgCellProgress.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PlProgressCellProps } from '@milaboratories/uikit';\nimport { PlProgressCell } from '@milaboratories/uikit';\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\n\nconst props = defineProps<{ params: ICellRendererParams & PlProgressCellProps }>();\n</script>\n\n<template>\n  <PlProgressCell v-bind=\"props.params\"/>\n</template>\n"],"names":["props","__props"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC;;;;"}
+{"version":3,"file":"PlAgCellProgress.vue.js","sources":["../../../src/components/PlAgCellProgress/PlAgCellProgress.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PlProgressCellProps } from '@milaboratories/uikit';\nimport { PlProgressCell } from '@milaboratories/uikit';\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\n\nconst props = defineProps<{ params: ICellRendererParams & PlProgressCellProps }>();\n</script>\n\n<template>\n  <PlProgressCell v-bind=\"props.params\"/>\n</template>\n"],"names":["props","__props","_createBlock","_unref","PlProgressCell","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;;;;AAKA,UAAMA,IAAQC;2BAIZC,EAAuCC,EAAAC,CAAA,GAAAC,EAAAC,EAAfN,EAAM,MAAM,CAAA,GAAA,MAAA,EAAA;AAAA;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgCellStatusTag.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PlAgCellStatusTag.vue.js","sources":["../../../src/components/PlAgCellStatusTag/PlAgCellStatusTag.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport { PlStatusTag } from '@milaboratories/uikit';\nimport type { PlStatusTagType } from '@milaboratories/uikit';\n\ndefineProps<{ params?: ICellRendererParams & { type: PlStatusTagType } }>();\n</script>\n\n<template>\n  <div class=\"pl-ag-cell-status-tag d-flex align-center\">\n    <PlStatusTag :type=\"params?.type\"/>\n  </div>\n</template>\n\n<style lang=\"scss\">\n.pl-ag-cell-status-tag{\n  height: 100%;\n  padding: 0 12px;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","PlStatusTag","_a","__props"],"mappings":";;;;;;;;;;AASE,aAAAA,EAAA,GAAAC,EAEM,OAFNC,GAEM;AAAA,QADJC,EAAmCC,EAAAC,CAAA,GAAA;AAAA,UAArB,OAAMC,IAAAC,EAAA,WAAA,gBAAAD,EAAQ;AAAA,QAAA;;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PlAgChartStackedBarCell.vue.js","sources":["../../../src/components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport type {\n  PlChartStackedBarSettings,\n} from '@milaboratories/uikit';\nimport {\n  PlChartStackedBarCompact,\n} from '@milaboratories/uikit';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  params: ICellRendererParams<unknown, PlChartStackedBarSettings | undefined>;\n}>();\n\nconst settings = computed(() => props.params.value || undefined);\n</script>\n\n<template>\n  <div class=\"pl-ag-chart-stacked-bar-cell\">\n    <PlChartStackedBarCompact v-if=\"settings\" :settings=\"settings\" />\n    <div v-else class=\"pl-ag-chart-stacked-bar-cell__not-ready\">Not ready</div>\n  </div>\n</template>\n\n<style>\n.pl-ag-chart-stacked-bar-cell {\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.pl-ag-chart-stacked-bar-cell__not-ready {\n  color: var(--txt-03) !important;\n}\n</style>\n"],"names":["props","__props","settings","computed"],"mappings":";;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAMH,EAAM,OAAO,SAAS,MAAS;;;;;;;;;"}
+{"version":3,"file":"PlAgChartStackedBarCell.vue.js","sources":["../../../src/components/PlAgChartStackedBarCell/PlAgChartStackedBarCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ICellRendererParams } from 'ag-grid-enterprise';\nimport type {\n  PlChartStackedBarSettings,\n} from '@milaboratories/uikit';\nimport {\n  PlChartStackedBarCompact,\n} from '@milaboratories/uikit';\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  params: ICellRendererParams<unknown, PlChartStackedBarSettings | undefined>;\n}>();\n\nconst settings = computed(() => props.params.value || undefined);\n</script>\n\n<template>\n  <div class=\"pl-ag-chart-stacked-bar-cell\">\n    <PlChartStackedBarCompact v-if=\"settings\" :settings=\"settings\" />\n    <div v-else class=\"pl-ag-chart-stacked-bar-cell__not-ready\">Not ready</div>\n  </div>\n</template>\n\n<style>\n.pl-ag-chart-stacked-bar-cell {\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.pl-ag-chart-stacked-bar-cell__not-ready {\n  color: var(--txt-03) !important;\n}\n</style>\n"],"names":["props","__props","settings","computed","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_unref","PlChartStackedBarCompact","_hoisted_2"],"mappings":";;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIRC,IAAWC,EAAS,MAAMH,EAAM,OAAO,SAAS,MAAS;sBAI7DI,EAAA,GAAAC,EAGM,OAHNC,GAGM;AAAA,MAF4BJ,EAAA,cAAhCK,EAAiEC,EAAAC,CAAA,GAAA;AAAA;QAAtB,UAAUP,EAAA;AAAA,MAAA,mCACrDG,EAA2E,OAA3EK,GAA4D,WAAS;AAAA,IAAA;;;"}