@platforma-sdk/ui-vue 1.65.10 → 1.66.1

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

@@ -1,11 +1,12 @@
 import { DEFAULT_FILTERS as e, DEFAULT_FILTER_TYPE as t } from "./constants.js";
 import n from "./OperandButton.js";
-import { getFilterInfo as r, getNormalizedSpec as i, isNumericFilter as a, isPositionFilter as o } from "./utils.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, renderList as _, toDisplayString as v, unref as y } from "vue";
-import { isFilteredPColumn as b, parseColumnId as x, stringifyColumnId as S } from "@platforma-sdk/model";
-import { PlAutocomplete as C, PlAutocompleteMulti as w, PlDropdown as T, PlIcon16 as E, PlNumberField as D, PlTextField as O, PlToggleSwitch as k, Slider as A } from "@milaboratories/uikit";
+import { getFilterInfo as r, getNormalizedSpec as i, isNumericFilter as a, isPositionFilter as o, mergeFilterForTypeChange as s } from "./utils.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, renderList as v, toDisplayString as y, unref as b } from "vue";
+import { isFilteredPColumn as x, parseColumnId as S, stringifyColumnId as C } from "@platforma-sdk/model";
+import { PlAutocomplete as w, PlAutocompleteMulti as T, PlDropdown as E, PlIcon16 as D, PlNumberField as O, PlTextField as k, PlToggleSwitch as A, Slider as j } from "@milaboratories/uikit";
+import { isNil as M } from "es-toolkit";
 //#region src/components/PlAdvancedFilter/FilterEditor.vue?vue&type=script&setup=true&lang.ts
-var j = ["title"], M = /* @__PURE__ */ m({
+var N = ["title"], P = /* @__PURE__ */ h({
 	__name: "FilterEditor",
 	props: {
 		filter: {},
@@ -19,70 +20,66 @@ var j = ["title"], M = /* @__PURE__ */ m({
 		onUpdateFilter: { type: Function },
 		onChangeOperand: { type: Function }
 	},
-	setup(m) {
-		let M = m;
-		function N(e, t) {
-			M.onUpdateFilter({
-				...M.filter,
+	setup(h) {
+		let P = h;
+		function F(e, t) {
+			P.onUpdateFilter({
+				...P.filter,
 				[e]: t
 			});
 		}
-		async function P(e, t, n, r) {
-			return M.getSuggestOptions({
+		async function I(e, t, n, r) {
+			return P.getSuggestOptions({
 				columnId: e,
 				axisIdx: r,
 				searchType: t,
 				searchStr: n
 			});
 		}
-		async function F(e, t, n, r) {
-			if (t === "label" && typeof n == "string") return P(e, t, n, r);
-			if (t === "value" && Array.isArray(n)) return (await Promise.all(n.map((n) => P(e, t, n, r)))).map((e) => e[0]);
+		async function L(e, t, n, r) {
+			if (t === "label" && typeof n == "string") return I(e, t, n, r);
+			if (t === "value" && Array.isArray(n)) return (await Promise.all(n.map((n) => I(e, t, n, r)))).map((e) => e[0]);
 			throw Error("Invalid arguments combination");
 		}
-		function I(t) {
-			let n = e[t];
-			M.onUpdateFilter(Object.entries(n).reduce((e, [t, n]) => (e[t] = M.filter[t] ?? n, e), {
-				...M.filter,
-				type: t
-			}));
+		function R(e) {
+			M(e) || P.onUpdateFilter(s(P.filter, e));
 		}
-		function L(n) {
+		function z(n) {
 			if (!n) return;
-			let a = M.columnOptions.find((e) => e.id === B(n));
+			let a = P.columnOptions.find((e) => e.id === H(n));
 			if (!a) return;
-			let o = r(M.filter.type), s = i(a?.spec);
-			o.supportedFor(s) ? M.onUpdateFilter({
-				...M.filter,
+			let o = r(P.filter.type), s = i(a?.spec);
+			o.supportedFor(s) ? P.onUpdateFilter({
+				...P.filter,
 				column: n
-			}) : M.onUpdateFilter({
+			}) : P.onUpdateFilter({
 				...e[t],
 				column: n
 			});
 		}
-		let R = c(() => M.columnOptions.find((e) => e.id === B(M.filter.column)) === void 0), z = c(() => {
-			let e = M.columnOptions.map((e) => ({
+		let B = l(() => P.columnOptions.find((e) => e.id === H(P.filter.column)) === void 0), V = l(() => {
+			let e = P.columnOptions.map((e) => ({
 				value: e.id,
 				label: e.label ?? e
 			}));
-			return R.value && e.unshift({
-				value: M.filter.column,
+			return B.value && e.unshift({
+				value: P.filter.column,
 				label: "Inconsistent value"
 			}), e;
 		});
-		function B(e) {
+		function H(e) {
 			try {
-				let t = x(e);
-				return b(t) ? S(t.source) : e;
+				let t = S(e);
+				return x(t) ? C(t.source) : e;
 			} catch {
 				return e;
 			}
 		}
-		function V(e) {
-			let t = B(e), n = (M.columnOptions.find((e) => e.id === t)?.axesToBeFixed ?? []).reduce((e, t) => (e[t.idx] = void 0, e), {});
+		function U(e) {
+			let t = H(e), n = (P.columnOptions.find((e) => e.id === t)?.axesToBeFixed ?? []).reduce((e, t) => (e[t.idx] = void 0, e), {});
 			try {
-				let r = x(e);
-				if (b(r)) return {
+				let r = S(e);
+				if (x(r)) return {
 					source: t,
 					axisFiltersByIndex: r.axisFilters.reduce((e, t) => (e[t[0]] = t[1], e), n)
 				};
@@ -97,198 +94,198 @@ var j = ["title"], M = /* @__PURE__ */ m({
 				axisFiltersByIndex: n
 			};
 		}
-		function H(e) {
-			return Object.keys(e.axisFiltersByIndex).length === 0 ? e.source : S({
-				source: x(e.source),
+		function W(e) {
+			return Object.keys(e.axisFiltersByIndex).length === 0 ? e.source : C({
+				source: S(e.source),
 				axisFilters: Object.entries(e.axisFiltersByIndex).map(([e, t]) => [Number(e), t])
 			});
 		}
-		let U = c({
-			get: () => V(M.filter.column),
+		let G = l({
+			get: () => U(P.filter.column),
 			set: (e) => {
-				M.onUpdateFilter({
-					...M.filter,
-					column: H(e)
+				P.onUpdateFilter({
+					...P.filter,
+					column: W(e)
 				});
 			}
 		});
-		function W(e, t) {
-			U.value = {
-				...U.value,
+		function K(e, t) {
+			G.value = {
+				...G.value,
 				axisFiltersByIndex: {
-					...U.value.axisFiltersByIndex,
+					...G.value.axisFiltersByIndex,
 					[e]: t
 				}
 			};
 		}
-		let G = c(() => M.columnOptions.find((e) => e.id === U.value.source)), K = c(() => G.value?.spec ? i(G.value.spec) : null), q = c(() => K.value?.valueType), J = c(() => !!G.value?.error || R.value), Y = c(() => M.supportedFilters.filter((e) => M.filter.type === e || (K.value ? r(e).supportedFor(K.value) : !0)).map((e) => ({
+		let q = l(() => P.columnOptions.find((e) => e.id === G.value.source)), J = l(() => q.value?.spec ? i(q.value.spec) : null), Y = l(() => J.value?.valueType), X = l(() => !!q.value?.error || B.value), Z = l(() => P.supportedFilters.filter((e) => P.filter.type === e || (J.value ? r(e).supportedFor(J.value) : !0)).map((e) => ({
 			value: e,
 			label: r(e).label
-		}))), X = c(() => M.filter.type === "patternFuzzyContainSubsequence" ? G.value?.alphabet === "nucleotide" ? [{
+		}))), Q = l(() => P.filter.type === "patternFuzzyContainSubsequence" ? q.value?.alphabet === "nucleotide" ? [{
 			label: "N",
 			value: "N"
-		}] : G.value?.alphabet === "aminoacid" ? [{
+		}] : q.value?.alphabet === "aminoacid" ? [{
 			label: "X",
 			value: "X"
-		}] : [...new Set(M.filter.value.split(""))].sort().map((e) => ({
+		}] : [...new Set(P.filter.value.split(""))].sort().map((e) => ({
 			value: e,
 			label: e
-		})) : []), Z = c(() => {
-			if (M.filter.type !== "patternMatchesRegularExpression") return !1;
+		})) : []), $ = l(() => {
+			if (P.filter.type !== "patternMatchesRegularExpression") return !1;
 			try {
-				return new RegExp(M.filter.value), !1;
+				return new RegExp(P.filter.value), !1;
 			} catch {
 				return !0;
 			}
 		});
-		return (e, t) => (g(), d(s, null, [f("div", { class: h(e.$style.filterWrapper) }, [
-			m.enableDnd ? (g(), d("div", {
+		return (e, t) => (_(), f(c, null, [p("div", { class: g(e.$style.filterWrapper) }, [
+			h.enableDnd ? (_(), f("div", {
 				key: 0,
-				class: h([
+				class: g([
 					e.$style.top,
 					e.$style.columnChip,
-					{ [e.$style.error]: J.value }
+					{ [e.$style.error]: X.value }
 				])
 			}, [
-				f("div", { class: h([e.$style.typeIcon, { [e.$style.error]: J.value }]) }, [J.value ? (g(), l(y(E), {
+				p("div", { class: g([e.$style.typeIcon, { [e.$style.error]: X.value }]) }, [X.value ? (_(), u(b(D), {
 					key: 0,
 					name: "warning"
-				})) : (g(), l(y(E), {
+				})) : (_(), u(b(D), {
 					key: 1,
-					name: q.value === "String" || q.value === void 0 ? "cell-type-txt" : "cell-type-num"
+					name: Y.value === "String" || Y.value === void 0 ? "cell-type-txt" : "cell-type-num"
 				}, null, 8, ["name"]))], 2),
-				f("div", {
-					class: h(e.$style.titleWrapper),
-					title: G.value?.label ?? ""
-				}, [f("div", { class: h(e.$style.title) }, v(R.value ? "Inconsistent value" : G.value?.label ?? M.filter.column), 3)], 10, j),
-				f("div", {
-					class: h(e.$style.closeIcon),
-					onClick: t[0] ||= (e) => m.onDelete(M.filter.column)
-				}, [p(y(E), { name: "close" })], 2)
-			], 2)) : (g(), d("div", {
+				p("div", {
+					class: g(e.$style.titleWrapper),
+					title: q.value?.label ?? ""
+				}, [p("div", { class: g(e.$style.title) }, y(B.value ? "Inconsistent value" : q.value?.label ?? P.filter.column), 3)], 10, N),
+				p("div", {
+					class: g(e.$style.closeIcon),
+					onClick: t[0] ||= (e) => h.onDelete(P.filter.column)
+				}, [m(b(D), { name: "close" })], 2)
+			], 2)) : (_(), f("div", {
 				key: 1,
-				class: h(e.$style.top)
-			}, [p(y(T), {
-				"model-value": U.value.source,
-				errorStatus: J.value,
-				options: z.value,
+				class: g(e.$style.top)
+			}, [m(b(E), {
+				"model-value": G.value.source,
+				errorStatus: X.value,
+				options: V.value,
 				style: { width: "100%" },
 				"group-position": "top-left",
-				"onUpdate:modelValue": L
+				"onUpdate:modelValue": z
 			}, null, 8, [
 				"model-value",
 				"errorStatus",
 				"options"
-			]), f("div", {
-				class: h(e.$style.closeButton),
-				onClick: t[1] ||= (e) => m.onDelete(M.filter.column)
-			}, [p(y(E), { name: "close" })], 2)], 2)),
-			G.value?.axesToBeFixed?.length ? (g(), d("div", {
+			]), p("div", {
+				class: g(e.$style.closeButton),
+				onClick: t[1] ||= (e) => h.onDelete(P.filter.column)
+			}, [m(b(D), { name: "close" })], 2)], 2)),
+			q.value?.axesToBeFixed?.length ? (_(), f("div", {
 				key: 2,
-				class: h(e.$style.fixedAxesBlock)
-			}, [(g(!0), d(s, null, _(G.value?.axesToBeFixed, (e) => (g(), l(y(C), {
+				class: g(e.$style.fixedAxesBlock)
+			}, [(_(!0), f(c, null, v(q.value?.axesToBeFixed, (e) => (_(), u(b(w), {
 				key: e.idx,
-				"model-value": U.value.axisFiltersByIndex[e.idx],
+				"model-value": G.value.axisFiltersByIndex[e.idx],
 				label: e.label,
-				"options-search": (t, n) => P(U.value.source, n, t, e.idx),
-				disabled: R.value,
+				"options-search": (t, n) => I(G.value.source, n, t, e.idx),
+				disabled: B.value,
 				clearable: !0,
-				"onUpdate:modelValue": (t) => W(e.idx, t)
+				"onUpdate:modelValue": (t) => K(e.idx, t)
 			}, null, 8, [
 				"model-value",
 				"label",
 				"options-search",
 				"disabled",
 				"onUpdate:modelValue"
-			]))), 128))], 2)) : u("", !0),
-			f("div", { class: h(M.filter.type === "isNA" || M.filter.type === "isNotNA" ? e.$style.bottom : e.$style.middle) }, [p(y(T), {
-				"model-value": M.filter.type,
-				options: Y.value,
-				"group-position": M.filter.type === "isNA" || M.filter.type === "isNotNA" ? "bottom" : "middle",
-				"onUpdate:modelValue": t[2] ||= (e) => I(e)
+			]))), 128))], 2)) : d("", !0),
+			p("div", { class: g(P.filter.type === "isNA" || P.filter.type === "isNotNA" ? e.$style.bottom : e.$style.middle) }, [m(b(E), {
+				"model-value": P.filter.type,
+				options: Z.value,
+				"group-position": P.filter.type === "isNA" || P.filter.type === "isNotNA" ? "bottom" : "middle",
+				"onUpdate:modelValue": R
 			}, null, 8, [
 				"model-value",
 				"options",
 				"group-position"
 			])], 2),
-			M.filter.type === "patternFuzzyContainSubsequence" ? (g(), d(s, { key: 3 }, [f("div", { class: h(e.$style.middle) }, [p(y(O), {
-				"model-value": M.filter.value,
+			P.filter.type === "patternFuzzyContainSubsequence" ? (_(), f(c, { key: 3 }, [p("div", { class: g(e.$style.middle) }, [m(b(k), {
+				"model-value": P.filter.value,
 				placeholder: "Substring",
 				"group-position": "middle",
-				"onUpdate:modelValue": t[3] ||= (e) => N("value", e)
-			}, null, 8, ["model-value"])], 2), f("div", { class: h(e.$style.innerSection) }, [p(y(A), {
-				"model-value": M.filter.maxEdits,
+				"onUpdate:modelValue": t[2] ||= (e) => F("value", e)
+			}, null, 8, ["model-value"])], 2), p("div", { class: g(e.$style.innerSection) }, [m(b(j), {
+				"model-value": P.filter.maxEdits,
 				max: 5,
 				breakpoints: "",
 				label: "Maximum number of substitutions and indels",
-				"onUpdate:modelValue": t[4] ||= (e) => N("maxEdits", e)
-			}, null, 8, ["model-value"]), p(y(k), {
-				"model-value": M.filter.substitutionsOnly,
+				"onUpdate:modelValue": t[3] ||= (e) => F("maxEdits", e)
+			}, null, 8, ["model-value"]), m(b(A), {
+				"model-value": P.filter.substitutionsOnly,
 				label: "Substitutions only",
-				"onUpdate:modelValue": t[5] ||= (e) => N("substitutionsOnly", e)
-			}, null, 8, ["model-value"])], 2)], 64)) : u("", !0),
-			f("div", { class: h(e.$style.bottom) }, [
-				M.filter.type === "patternEquals" || M.filter.type === "patternNotEquals" ? (g(), l(y(C), {
+				"onUpdate:modelValue": t[4] ||= (e) => F("substitutionsOnly", e)
+			}, null, 8, ["model-value"])], 2)], 64)) : d("", !0),
+			p("div", { class: g(e.$style.bottom) }, [
+				P.filter.type === "patternEquals" || P.filter.type === "patternNotEquals" ? (_(), u(b(w), {
 					key: 0,
-					"model-value": M.filter.value,
-					"options-search": (e, t) => P(U.value.source, t, e),
+					"model-value": P.filter.value,
+					"options-search": (e, t) => I(G.value.source, t, e),
 					clearable: !0,
 					"group-position": "bottom",
-					"onUpdate:modelValue": t[6] ||= (e) => N("value", e)
-				}, null, 8, ["model-value", "options-search"])) : u("", !0),
-				M.filter.type === "inSet" || M.filter.type === "notInSet" ? (g(), l(y(w), {
+					"onUpdate:modelValue": t[5] ||= (e) => F("value", e)
+				}, null, 8, ["model-value", "options-search"])) : d("", !0),
+				P.filter.type === "inSet" || P.filter.type === "notInSet" ? (_(), u(b(T), {
 					key: 1,
-					"model-value": M.filter.value,
-					"options-search": (e, t) => F(U.value.source, t, e),
-					disabled: R.value,
+					"model-value": P.filter.value,
+					"options-search": (e, t) => L(G.value.source, t, e),
+					disabled: B.value,
 					"group-position": "bottom",
-					"onUpdate:modelValue": t[7] ||= (e) => N("value", e)
+					"onUpdate:modelValue": t[6] ||= (e) => F("value", e)
 				}, null, 8, [
 					"model-value",
 					"options-search",
 					"disabled"
-				])) : u("", !0),
-				y(a)(M.filter) ? (g(), l(y(D), {
+				])) : d("", !0),
+				b(a)(P.filter) ? (_(), u(b(O), {
 					key: 2,
-					"model-value": M.filter.x,
+					"model-value": P.filter.x,
 					"group-position": "bottom",
-					"onUpdate:modelValue": t[8] ||= (e) => N("x", e)
-				}, null, 8, ["model-value"])) : u("", !0),
-				y(o)(M.filter) ? (g(), l(y(D), {
+					"onUpdate:modelValue": t[7] ||= (e) => F("x", e)
+				}, null, 8, ["model-value"])) : d("", !0),
+				b(o)(P.filter) ? (_(), u(b(O), {
 					key: 3,
-					"model-value": M.filter.n,
+					"model-value": P.filter.n,
 					"group-position": "bottom",
-					"onUpdate:modelValue": t[9] ||= (e) => N("n", e)
-				}, null, 8, ["model-value"])) : u("", !0),
-				M.filter.type === "patternContainSubsequence" || M.filter.type === "patternNotContainSubsequence" ? (g(), l(y(O), {
+					"onUpdate:modelValue": t[8] ||= (e) => F("n", e)
+				}, null, 8, ["model-value"])) : d("", !0),
+				P.filter.type === "patternContainSubsequence" || P.filter.type === "patternNotContainSubsequence" ? (_(), u(b(k), {
 					key: 4,
-					"model-value": M.filter.value,
+					"model-value": P.filter.value,
 					placeholder: "Substring",
 					"group-position": "bottom",
-					"onUpdate:modelValue": t[10] ||= (e) => N("value", e)
-				}, null, 8, ["model-value"])) : u("", !0),
-				M.filter.type === "patternMatchesRegularExpression" ? (g(), l(y(O), {
+					"onUpdate:modelValue": t[9] ||= (e) => F("value", e)
+				}, null, 8, ["model-value"])) : d("", !0),
+				P.filter.type === "patternMatchesRegularExpression" ? (_(), u(b(k), {
 					key: 5,
-					"model-value": M.filter.value,
-					error: Z.value ? "Regular expression is not valid" : void 0,
+					"model-value": P.filter.value,
+					error: $.value ? "Regular expression is not valid" : void 0,
 					placeholder: "Regular expression",
 					"group-position": "bottom",
-					"onUpdate:modelValue": t[11] ||= (e) => N("value", e)
-				}, null, 8, ["model-value", "error"])) : u("", !0),
-				M.filter.type === "patternFuzzyContainSubsequence" ? (g(), l(y(T), {
+					"onUpdate:modelValue": t[10] ||= (e) => F("value", e)
+				}, null, 8, ["model-value", "error"])) : d("", !0),
+				P.filter.type === "patternFuzzyContainSubsequence" ? (_(), u(b(E), {
 					key: 6,
-					"model-value": M.filter.wildcard,
+					"model-value": P.filter.wildcard,
 					clearable: "",
 					placeholder: "Wildcard value",
-					options: X.value,
+					options: Q.value,
 					"group-position": "bottom",
-					"onUpdate:modelValue": t[12] ||= (e) => N("wildcard", e)
-				}, null, 8, ["model-value", "options"])) : u("", !0)
+					"onUpdate:modelValue": t[11] ||= (e) => F("wildcard", e)
+				}, null, 8, ["model-value", "options"])) : d("", !0)
 			], 2)
-		], 2), p(n, {
-			active: m.operand,
-			disabled: m.isLast,
-			onSelect: m.onChangeOperand
+		], 2), m(n, {
+			active: h.operand,
+			disabled: h.isLast,
+			onSelect: h.onChangeOperand
 		}, null, 8, [
 			"active",
 			"disabled",
@@ -297,6 +294,6 @@ var j = ["title"], M = /* @__PURE__ */ m({
 	}
 });
 //#endregion
-export { M as default };
+export { P as default };
 
 //# sourceMappingURL=FilterEditor.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterEditor.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAdvancedFilter/FilterEditor.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  PlAutocomplete,\n  PlAutocompleteMulti,\n  PlDropdown,\n  PlIcon16,\n  PlNumberField,\n  PlTextField,\n  PlToggleSwitch,\n  Slider,\n} from \"@milaboratories/uikit\";\nimport type {\n  AnchoredPColumnId,\n  AxisFilterByIdx,\n  AxisFilterValue,\n  SUniversalPColumnId,\n} from \"@platforma-sdk/model\";\nimport {\n  isFilteredPColumn,\n  parseColumnId,\n  stringifyColumnId,\n  type ListOptionBase,\n} from \"@platforma-sdk/model\";\nimport { computed } from \"vue\";\nimport type { SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from \"./constants\";\nimport OperandButton from \"./OperandButton.vue\";\nimport type { EditableFilter, Operand, PlAdvancedFilterColumnId, SourceOptionInfo } from \"./types\";\nimport { getFilterInfo, getNormalizedSpec, isNumericFilter, isPositionFilter } from \"./utils\";\nimport { Entries } from \"@milaboratories/helpers\";\n\nconst props = defineProps<{\n  filter: EditableFilter;\n  isLast: boolean;\n  operand: Operand;\n  enableDnd: boolean;\n  columnOptions: SourceOptionInfo[];\n  supportedFilters: typeof SUPPORTED_FILTER_TYPES;\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchType: \"value\" | \"label\";\n    searchStr: string;\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  onDelete: (columnId: PlAdvancedFilterColumnId) => void;\n  onUpdateFilter: (filter: EditableFilter) => void;\n  onChangeOperand: (op: Operand) => void;\n}>();\n\ntype AllKeys<U> = U extends unknown ? keyof U : never;\ntype ValueOf<U, K extends string> = U extends unknown ? (K extends keyof U ? U[K] : never) : never;\n\nfunction updateFilterProp<K extends AllKeys<EditableFilter> & string>(\n  key: K,\n  v: ValueOf<EditableFilter, K>,\n) {\n  props.onUpdateFilter({ ...props.filter, [key]: v } as EditableFilter);\n}\n\nasync function getSuggestOptionsFn(\n  id: PlAdvancedFilterColumnId,\n  type: \"value\" | \"label\",\n  str: string,\n  axisIdx?: number,\n): Promise<ListOptionBase<string>[]> {\n  return props.getSuggestOptions({\n    columnId: id,\n    axisIdx,\n    searchType: type,\n    searchStr: str,\n  }) as Promise<ListOptionBase<string>[]>;\n}\n\nasync function getMultiSuggestOptionsFn(\n  id: PlAdvancedFilterColumnId,\n  type: \"value\" | \"label\",\n  str: string | string[],\n  axisIdx?: number,\n): Promise<ListOptionBase<string>[]> {\n  if (type === \"label\" && typeof str === \"string\") {\n    return getSuggestOptionsFn(id, type, str, axisIdx);\n  }\n  if (type === \"value\" && Array.isArray(str)) {\n    const results = await Promise.all(str.map((s) => getSuggestOptionsFn(id, type, s, axisIdx)));\n    return results.map((x) => x[0]);\n  }\n  throw new Error(\"Invalid arguments combination\");\n}\n\nfunction changeFilterType(newType: EditableFilter[\"type\"]) {\n  const defaultFilter = DEFAULT_FILTERS[newType];\n\n  props.onUpdateFilter(\n    (Object.entries(defaultFilter) as Entries<EditableFilter>).reduce(\n      (res, [key, val]) => {\n        res[key] = props.filter[key] ?? val;\n        return res;\n      },\n      { ...props.filter, type: newType } as Record<\n        keyof EditableFilter,\n        EditableFilter[keyof EditableFilter]\n      >,\n    ) as EditableFilter,\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(props.filter.type);\n  const newSourceSpec = getNormalizedSpec(newSourceInfo?.spec);\n  if (filterInfo.supportedFor(newSourceSpec)) {\n    props.onUpdateFilter({ ...props.filter, column: newSourceId });\n  } else {\n    props.onUpdateFilter({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: newSourceId,\n    });\n  }\n}\n\nconst inconsistentSourceSelected = computed(() => {\n  const selectedOption = props.columnOptions.find(\n    (op) => op.id === getSourceId(props.filter.column),\n  );\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: props.filter.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 = {\n  source: PlAdvancedFilterColumnId;\n  axisFiltersByIndex: Record<number, AxisFilterValue | undefined>;\n};\nfunction getColumnAsSourceAndFixedAxes(\n  column: PlAdvancedFilterColumnId,\n): ColumnAsSourceAndFixedAxes {\n  const sourceId = getSourceId(column);\n  const option = props.columnOptions.find((op) => op.id === sourceId);\n  const axesToBeFixed = (option?.axesToBeFixed ?? []).reduce(\n    (res, item) => {\n      res[item.idx] = undefined;\n      return res;\n    },\n    {} as Record<number, AxisFilterValue | undefined>,\n  );\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(\n      ([idx, value]) => [Number(idx), value] as AxisFilterByIdx,\n    ),\n  });\n}\n\nconst columnAsSourceAndFixedAxes = computed({\n  get: () => {\n    return getColumnAsSourceAndFixedAxes(props.filter.column);\n  },\n  set: (value) => {\n    props.onUpdateFilter({ ...props.filter, 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}\n\nconst currentOption = computed(() =>\n  props.columnOptions.find((op) => op.id === columnAsSourceAndFixedAxes.value.source),\n);\nconst currentSpec = computed(() =>\n  currentOption.value?.spec ? getNormalizedSpec(currentOption.value.spec) : null,\n);\nconst currentType = computed(() => currentSpec.value?.valueType);\nconst currentError = computed(\n  () => Boolean(currentOption.value?.error) || inconsistentSourceSelected.value,\n);\n\nconst filterTypesOptions = computed(() =>\n  props.supportedFilters\n    .filter(\n      (v) =>\n        props.filter.type === v ||\n        (currentSpec.value ? getFilterInfo(v).supportedFor(currentSpec.value) : true),\n    )\n    .map((v) => ({ value: v, label: getFilterInfo(v).label })),\n);\n\nconst wildcardOptions = computed(() => {\n  if (props.filter.type !== \"patternFuzzyContainSubsequence\") {\n    return [];\n  }\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(props.filter.value.split(\"\"))].sort().map((v) => ({ value: v, label: v }));\n});\n\nconst stringMatchesError = computed(() => {\n  if (props.filter.type !== \"patternMatchesRegularExpression\") {\n    return false;\n  }\n  try {\n    new RegExp(props.filter.value);\n    return false;\n  } catch {\n    return true;\n  }\n});\n</script>\n<template>\n  <div :class=\"$style.filterWrapper\">\n    <!-- top element - column selector / column label - for all filter types-->\n    <div\n      v-if=\"enableDnd\"\n      :class=\"[$style.top, $style.columnChip, { [$style.error]: currentError }]\"\n    >\n      <div :class=\"[$style.typeIcon, { [$style.error]: currentError }]\">\n        <PlIcon16 v-if=\"currentError\" name=\"warning\" />\n        <PlIcon16\n          v-else\n          :name=\"\n            currentType === 'String' || currentType === undefined\n              ? 'cell-type-txt'\n              : 'cell-type-num'\n          \"\n        />\n      </div>\n      <div :class=\"$style.titleWrapper\" :title=\"currentOption?.label ?? ''\">\n        <div :class=\"$style.title\">\n          {{\n            inconsistentSourceSelected\n              ? \"Inconsistent value\"\n              : (currentOption?.label ?? props.filter.column)\n          }}\n        </div>\n      </div>\n      <div :class=\"$style.closeIcon\" @click=\"onDelete(props.filter.column)\">\n        <PlIcon16 name=\"close\" />\n      </div>\n    </div>\n    <div v-else :class=\"$style.top\">\n      <PlDropdown\n        :model-value=\"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(props.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          :model-value=\"columnAsSourceAndFixedAxes.axisFiltersByIndex[value.idx]\"\n          :label=\"value.label\"\n          :options-search=\"\n            (str, type) =>\n              getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str, value.idx)\n          \"\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\n      :class=\"\n        props.filter.type === 'isNA' || props.filter.type === 'isNotNA'\n          ? $style.bottom\n          : $style.middle\n      \"\n    >\n      <PlDropdown\n        :model-value=\"props.filter.type\"\n        :options=\"filterTypesOptions\"\n        :group-position=\"\n          props.filter.type === 'isNA' || props.filter.type === 'isNotNA' ? 'bottom' : 'middle'\n        \"\n        @update:model-value=\"(v) => changeFilterType(v!)\"\n      />\n    </div>\n\n    <!-- middle - for fuzzy contains filter -->\n    <template v-if=\"props.filter.type === 'patternFuzzyContainSubsequence'\">\n      <div :class=\"$style.middle\">\n        <PlTextField\n          :model-value=\"props.filter.value\"\n          placeholder=\"Substring\"\n          group-position=\"middle\"\n          @update:model-value=\"(v) => updateFilterProp('value', v)\"\n        />\n      </div>\n      <div :class=\"$style.innerSection\">\n        <Slider\n          :model-value=\"props.filter.maxEdits\"\n          :max=\"5\"\n          breakpoints\n          label=\"Maximum number of substitutions and indels\"\n          @update:model-value=\"(v) => updateFilterProp('maxEdits', v)\"\n        />\n        <PlToggleSwitch\n          :model-value=\"props.filter.substitutionsOnly\"\n          label=\"Substitutions only\"\n          @update:model-value=\"(v) => updateFilterProp('substitutionsOnly', v)\"\n        />\n      </div>\n    </template>\n\n    <!-- bottom element - individual settings for every filter type -->\n    <div :class=\"$style.bottom\">\n      <PlAutocomplete\n        v-if=\"props.filter.type === 'patternEquals' || props.filter.type === 'patternNotEquals'\"\n        :model-value=\"props.filter.value\"\n        :options-search=\"\n          (str, type) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str)\n        \"\n        :clearable=\"true\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlAutocompleteMulti\n        v-if=\"props.filter.type === 'inSet' || props.filter.type === 'notInSet'\"\n        :model-value=\"props.filter.value\"\n        :options-search=\"\n          (str, type) => getMultiSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str)\n        \"\n        :disabled=\"inconsistentSourceSelected\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlNumberField\n        v-if=\"isNumericFilter(props.filter)\"\n        :model-value=\"props.filter.x\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('x', v)\"\n      />\n      <PlNumberField\n        v-if=\"isPositionFilter(props.filter)\"\n        :model-value=\"props.filter.n\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('n', v)\"\n      />\n      <PlTextField\n        v-if=\"\n          props.filter.type === 'patternContainSubsequence' ||\n          props.filter.type === 'patternNotContainSubsequence'\n        \"\n        :model-value=\"props.filter.value\"\n        placeholder=\"Substring\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlTextField\n        v-if=\"props.filter.type === 'patternMatchesRegularExpression'\"\n        :model-value=\"props.filter.value\"\n        :error=\"stringMatchesError ? 'Regular expression is not valid' : undefined\"\n        placeholder=\"Regular expression\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlDropdown\n        v-if=\"props.filter.type === 'patternFuzzyContainSubsequence'\"\n        :model-value=\"props.filter.wildcard\"\n        clearable\n        placeholder=\"Wildcard value\"\n        :options=\"wildcardOptions\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('wildcard', v)\"\n      />\n    </div>\n  </div>\n  <OperandButton :active=\"operand\" :disabled=\"isLast\" @select=\"onChangeOperand\" />\n</template>\n\n<style module>\n.filterWrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\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,\n.bottom {\n  position: relative;\n  margin-top: -1px;\n  background: #fff;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"FilterEditor.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAdvancedFilter/FilterEditor.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  PlAutocomplete,\n  PlAutocompleteMulti,\n  PlDropdown,\n  PlIcon16,\n  PlNumberField,\n  PlTextField,\n  PlToggleSwitch,\n  Slider,\n} from \"@milaboratories/uikit\";\nimport type {\n  AnchoredPColumnId,\n  AxisFilterByIdx,\n  AxisFilterValue,\n  SUniversalPColumnId,\n} from \"@platforma-sdk/model\";\nimport {\n  isFilteredPColumn,\n  parseColumnId,\n  stringifyColumnId,\n  type ListOptionBase,\n} from \"@platforma-sdk/model\";\nimport { computed } from \"vue\";\nimport type { SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from \"./constants\";\nimport OperandButton from \"./OperandButton.vue\";\nimport type { EditableFilter, Operand, PlAdvancedFilterColumnId, SourceOptionInfo } from \"./types\";\nimport {\n  getFilterInfo,\n  getNormalizedSpec,\n  isNumericFilter,\n  isPositionFilter,\n  mergeFilterForTypeChange,\n} from \"./utils\";\nimport { isNil } from \"es-toolkit\";\n\nconst props = defineProps<{\n  filter: EditableFilter;\n  isLast: boolean;\n  operand: Operand;\n  enableDnd: boolean;\n  columnOptions: SourceOptionInfo[];\n  supportedFilters: typeof SUPPORTED_FILTER_TYPES;\n  getSuggestOptions: (params: {\n    columnId: PlAdvancedFilterColumnId;\n    axisIdx?: number;\n    searchType: \"value\" | \"label\";\n    searchStr: string;\n  }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  onDelete: (columnId: PlAdvancedFilterColumnId) => void;\n  onUpdateFilter: (filter: EditableFilter) => void;\n  onChangeOperand: (op: Operand) => void;\n}>();\n\ntype AllKeys<U> = U extends unknown ? keyof U : never;\ntype ValueOf<U, K extends string> = U extends unknown ? (K extends keyof U ? U[K] : never) : never;\n\nfunction updateFilterProp<K extends AllKeys<EditableFilter> & string>(\n  key: K,\n  v: ValueOf<EditableFilter, K>,\n) {\n  props.onUpdateFilter({ ...props.filter, [key]: v } as EditableFilter);\n}\n\nasync function getSuggestOptionsFn(\n  id: PlAdvancedFilterColumnId,\n  type: \"value\" | \"label\",\n  str: string,\n  axisIdx?: number,\n): Promise<ListOptionBase<string>[]> {\n  return props.getSuggestOptions({\n    columnId: id,\n    axisIdx,\n    searchType: type,\n    searchStr: str,\n  }) as Promise<ListOptionBase<string>[]>;\n}\n\nasync function getMultiSuggestOptionsFn(\n  id: PlAdvancedFilterColumnId,\n  type: \"value\" | \"label\",\n  str: string | string[],\n  axisIdx?: number,\n): Promise<ListOptionBase<string>[]> {\n  if (type === \"label\" && typeof str === \"string\") {\n    return getSuggestOptionsFn(id, type, str, axisIdx);\n  }\n  if (type === \"value\" && Array.isArray(str)) {\n    const results = await Promise.all(str.map((s) => getSuggestOptionsFn(id, type, s, axisIdx)));\n    return results.map((x) => x[0]);\n  }\n  throw new Error(\"Invalid arguments combination\");\n}\n\nfunction changeFilterType(newType?: EditableFilter[\"type\"]) {\n  if (isNil(newType)) return;\n  props.onUpdateFilter(mergeFilterForTypeChange(props.filter, newType));\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(props.filter.type);\n  const newSourceSpec = getNormalizedSpec(newSourceInfo?.spec);\n  if (filterInfo.supportedFor(newSourceSpec)) {\n    props.onUpdateFilter({ ...props.filter, column: newSourceId });\n  } else {\n    props.onUpdateFilter({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: newSourceId,\n    });\n  }\n}\n\nconst inconsistentSourceSelected = computed(() => {\n  const selectedOption = props.columnOptions.find(\n    (op) => op.id === getSourceId(props.filter.column),\n  );\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: props.filter.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 = {\n  source: PlAdvancedFilterColumnId;\n  axisFiltersByIndex: Record<number, AxisFilterValue | undefined>;\n};\nfunction getColumnAsSourceAndFixedAxes(\n  column: PlAdvancedFilterColumnId,\n): ColumnAsSourceAndFixedAxes {\n  const sourceId = getSourceId(column);\n  const option = props.columnOptions.find((op) => op.id === sourceId);\n  const axesToBeFixed = (option?.axesToBeFixed ?? []).reduce(\n    (res, item) => {\n      res[item.idx] = undefined;\n      return res;\n    },\n    {} as Record<number, AxisFilterValue | undefined>,\n  );\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(\n      ([idx, value]) => [Number(idx), value] as AxisFilterByIdx,\n    ),\n  });\n}\n\nconst columnAsSourceAndFixedAxes = computed({\n  get: () => {\n    return getColumnAsSourceAndFixedAxes(props.filter.column);\n  },\n  set: (value) => {\n    props.onUpdateFilter({ ...props.filter, 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}\n\nconst currentOption = computed(() =>\n  props.columnOptions.find((op) => op.id === columnAsSourceAndFixedAxes.value.source),\n);\nconst currentSpec = computed(() =>\n  currentOption.value?.spec ? getNormalizedSpec(currentOption.value.spec) : null,\n);\nconst currentType = computed(() => currentSpec.value?.valueType);\nconst currentError = computed(\n  () => Boolean(currentOption.value?.error) || inconsistentSourceSelected.value,\n);\n\nconst filterTypesOptions = computed(() =>\n  props.supportedFilters\n    .filter(\n      (v) =>\n        props.filter.type === v ||\n        (currentSpec.value ? getFilterInfo(v).supportedFor(currentSpec.value) : true),\n    )\n    .map((v) => ({ value: v, label: getFilterInfo(v).label })),\n);\n\nconst wildcardOptions = computed(() => {\n  if (props.filter.type !== \"patternFuzzyContainSubsequence\") {\n    return [];\n  }\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(props.filter.value.split(\"\"))].sort().map((v) => ({ value: v, label: v }));\n});\n\nconst stringMatchesError = computed(() => {\n  if (props.filter.type !== \"patternMatchesRegularExpression\") {\n    return false;\n  }\n  try {\n    new RegExp(props.filter.value);\n    return false;\n  } catch {\n    return true;\n  }\n});\n</script>\n<template>\n  <div :class=\"$style.filterWrapper\">\n    <!-- top element - column selector / column label - for all filter types-->\n    <div\n      v-if=\"enableDnd\"\n      :class=\"[$style.top, $style.columnChip, { [$style.error]: currentError }]\"\n    >\n      <div :class=\"[$style.typeIcon, { [$style.error]: currentError }]\">\n        <PlIcon16 v-if=\"currentError\" name=\"warning\" />\n        <PlIcon16\n          v-else\n          :name=\"\n            currentType === 'String' || currentType === undefined\n              ? 'cell-type-txt'\n              : 'cell-type-num'\n          \"\n        />\n      </div>\n      <div :class=\"$style.titleWrapper\" :title=\"currentOption?.label ?? ''\">\n        <div :class=\"$style.title\">\n          {{\n            inconsistentSourceSelected\n              ? \"Inconsistent value\"\n              : (currentOption?.label ?? props.filter.column)\n          }}\n        </div>\n      </div>\n      <div :class=\"$style.closeIcon\" @click=\"onDelete(props.filter.column)\">\n        <PlIcon16 name=\"close\" />\n      </div>\n    </div>\n    <div v-else :class=\"$style.top\">\n      <PlDropdown\n        :model-value=\"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(props.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          :model-value=\"columnAsSourceAndFixedAxes.axisFiltersByIndex[value.idx]\"\n          :label=\"value.label\"\n          :options-search=\"\n            (str, type) =>\n              getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str, value.idx)\n          \"\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\n      :class=\"\n        props.filter.type === 'isNA' || props.filter.type === 'isNotNA'\n          ? $style.bottom\n          : $style.middle\n      \"\n    >\n      <PlDropdown\n        :model-value=\"props.filter.type\"\n        :options=\"filterTypesOptions\"\n        :group-position=\"\n          props.filter.type === 'isNA' || props.filter.type === 'isNotNA' ? 'bottom' : 'middle'\n        \"\n        @update:model-value=\"changeFilterType\"\n      />\n    </div>\n\n    <!-- middle - for fuzzy contains filter -->\n    <template v-if=\"props.filter.type === 'patternFuzzyContainSubsequence'\">\n      <div :class=\"$style.middle\">\n        <PlTextField\n          :model-value=\"props.filter.value\"\n          placeholder=\"Substring\"\n          group-position=\"middle\"\n          @update:model-value=\"(v) => updateFilterProp('value', v)\"\n        />\n      </div>\n      <div :class=\"$style.innerSection\">\n        <Slider\n          :model-value=\"props.filter.maxEdits\"\n          :max=\"5\"\n          breakpoints\n          label=\"Maximum number of substitutions and indels\"\n          @update:model-value=\"(v) => updateFilterProp('maxEdits', v)\"\n        />\n        <PlToggleSwitch\n          :model-value=\"props.filter.substitutionsOnly\"\n          label=\"Substitutions only\"\n          @update:model-value=\"(v) => updateFilterProp('substitutionsOnly', v)\"\n        />\n      </div>\n    </template>\n\n    <!-- bottom element - individual settings for every filter type -->\n    <div :class=\"$style.bottom\">\n      <PlAutocomplete\n        v-if=\"props.filter.type === 'patternEquals' || props.filter.type === 'patternNotEquals'\"\n        :model-value=\"props.filter.value\"\n        :options-search=\"\n          (str, type) => getSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str)\n        \"\n        :clearable=\"true\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlAutocompleteMulti\n        v-if=\"props.filter.type === 'inSet' || props.filter.type === 'notInSet'\"\n        :model-value=\"props.filter.value\"\n        :options-search=\"\n          (str, type) => getMultiSuggestOptionsFn(columnAsSourceAndFixedAxes.source, type, str)\n        \"\n        :disabled=\"inconsistentSourceSelected\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlNumberField\n        v-if=\"isNumericFilter(props.filter)\"\n        :model-value=\"props.filter.x\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('x', v)\"\n      />\n      <PlNumberField\n        v-if=\"isPositionFilter(props.filter)\"\n        :model-value=\"props.filter.n\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('n', v)\"\n      />\n      <PlTextField\n        v-if=\"\n          props.filter.type === 'patternContainSubsequence' ||\n          props.filter.type === 'patternNotContainSubsequence'\n        \"\n        :model-value=\"props.filter.value\"\n        placeholder=\"Substring\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlTextField\n        v-if=\"props.filter.type === 'patternMatchesRegularExpression'\"\n        :model-value=\"props.filter.value\"\n        :error=\"stringMatchesError ? 'Regular expression is not valid' : undefined\"\n        placeholder=\"Regular expression\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('value', v)\"\n      />\n      <PlDropdown\n        v-if=\"props.filter.type === 'patternFuzzyContainSubsequence'\"\n        :model-value=\"props.filter.wildcard\"\n        clearable\n        placeholder=\"Wildcard value\"\n        :options=\"wildcardOptions\"\n        group-position=\"bottom\"\n        @update:model-value=\"(v) => updateFilterProp('wildcard', v)\"\n      />\n    </div>\n  </div>\n  <OperandButton :active=\"operand\" :disabled=\"isLast\" @select=\"onChangeOperand\" />\n</template>\n\n<style module>\n.filterWrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\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,\n.bottom {\n  position: relative;\n  margin-top: -1px;\n  background: #fff;\n}\n</style>\n"],"mappings":"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"}