@platforma-sdk/ui-vue 1.58.5 → 1.58.9

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

@@ -1,239 +1,240 @@
-import { defineComponent as I, mergeModels as M, useModel as x, computed as Y, createElementBlock as y, openBlock as r, createVNode as b, createBlock as v, createCommentVNode as T, unref as p, withCtx as l, normalizeClass as f, createElementVNode as D, createTextVNode as g, Fragment as q, renderList as W, renderSlot as j, toRaw as H } from "vue";
-import { PlElementList as $, PlCheckbox as J, PlBtnSecondary as B } from "@milaboratories/uikit";
-import K from "./FilterEditor.vue.js";
-import Q from "./OperandButton.vue.js";
-import { SUPPORTED_FILTER_TYPES as X, DEFAULT_FILTERS as Z, DEFAULT_FILTER_TYPE as _ } from "./constants.js";
-import { getNewId as R, createNewGroup as ee, isValidColumnId as P } from "./utils.js";
-const te = ["onDrop"], de = /* @__PURE__ */ I({
-  __name: "PlAdvancedFilter",
-  props: /* @__PURE__ */ M({
-    items: {},
-    supportedFilters: { default: () => X },
-    enableDnd: { type: Boolean, default: !1 },
-    enableAddGroupButton: { type: Boolean, default: !1 },
-    getSuggestOptions: {}
-  }, {
-    filters: { required: !0 },
-    filtersModifiers: {}
-  }),
-  emits: ["update:filters"],
-  setup(m) {
-    const i = x(m, "filters"), s = m, G = Y(() => {
-      var e;
-      return (e = s.items[0]) == null ? void 0 : e.id;
-    }), N = [
-      {
-        id: -1,
-        type: "and",
-        filters: [],
-        isExpanded: !0
-      }
-    ];
-    function d() {
-      if (i.value.type !== "or" && i.value.type !== "and")
-        throw new Error('Invalid model structure, expected root to be "or" or "and" group');
-      return i.value.filters;
-    }
-    function A(e) {
-      const o = d()[e];
-      if (o.type !== "and" && o.type !== "or" && o.type !== "not")
-        throw new Error('Invalid group structure, expected "and", "or" or "not" group');
-      return o;
-    }
-    function k(e) {
-      const t = A(e);
-      if (t.type !== "not")
-        return t;
-      if (t.filter.type !== "and" && t.filter.type !== "or")
-        throw new Error('Invalid group structure, expected "and" or "or" group inside "not"');
-      return t.filter;
-    }
-    function w(e, t) {
-      k(e).filters.push({
-        ...Z[_],
-        column: t,
-        id: R(),
-        isExpanded: !0
-      });
-    }
-    function U(e, t) {
-      const o = k(e);
-      o.filters.length === 1 && t === 0 ? S(e) : o.filters.splice(t, 1);
-    }
-    function L(e) {
-      const t = d(), o = t[e];
-      if (o.type === "not") {
-        if (o.filter.type !== "and" && o.filter.type !== "or")
-          throw new Error('Invalid group structure, expected "and" or "or" group inside "not"');
-        t[e] = o.filter;
-      } else {
-        const n = t[e].type;
-        if (n !== "and" && n !== "or" && n !== "not")
-          throw new Error('Invalid group structure, expected "and", "or" or "not" group');
-        t[e] = {
-          id: R(),
-          isExpanded: !0,
-          type: "not",
-          filter: t[e]
-        };
-      }
-    }
-    function u(e) {
-      return e.type === "not" ? e.filter : e;
-    }
-    function S(e) {
-      d().splice(e, 1);
-    }
-    function C(e) {
-      const t = ee(e);
-      d().push(t);
-    }
-    function V(e, t) {
-      const o = t.dataTransfer;
-      if (o != null && o.getData("text/plain")) {
-        const n = o.getData("text/plain");
-        P(n) && w(e, n);
-      }
-    }
-    function O(e) {
-      const t = e.dataTransfer;
-      if (t != null && t.getData("text/plain")) {
-        const o = t.getData("text/plain");
-        P(o) && C(o);
-      }
-    }
-    function F(e) {
-      e.preventDefault();
-    }
-    function h(e) {
-      if (e.type === "and" || e.type === "or" || e.type === "not")
-        throw new Error("Invalid filter structure, expected leaf filter");
-      return e;
-    }
-    function z(e, t, o) {
-      e[t] = H(o);
-    }
-    return (e, t) => (r(), y("div", null, [
-      b(p($), {
-        items: i.value.filters,
-        "onUpdate:items": t[0] || (t[0] = (o) => i.value.filters = o),
-        "get-item-key": (o) => o.id,
-        "item-class": e.$style.filterGroup,
-        "item-class-content": e.$style.filterGroupContent,
-        "item-class-title": e.$style.filterGroupTitle,
-        "is-expanded": (o) => o.isExpanded === !0,
-        "on-expand": (o) => {
-          o.isExpanded = !o.isExpanded;
-        },
-        disableDragging: !1,
-        disableRemoving: !1,
-        disableToggling: !0,
-        disablePinning: !0
-      }, {
-        "item-title": l(() => [...t[2] || (t[2] = [
-          g(" Filter group ", -1)
-        ])]),
-        "item-content": l(({ item: o, index: n }) => [
-          D("div", {
-            class: f(e.$style.groupContent),
-            dropzone: "true",
-            onDrop: (c) => V(n, c),
-            onDragover: F
-          }, [
-            b(p(J), {
-              "model-value": o.type === "not",
-              class: f(e.$style.notCheckbox),
-              "onUpdate:modelValue": (c) => L(n)
-            }, {
-              default: l(() => [...t[3] || (t[3] = [
-                g(" Filter Out ", -1)
-              ])]),
-              _: 1
-            }, 8, ["model-value", "class", "onUpdate:modelValue"]),
-            (r(!0), y(q, null, W(u(o).filters, (c, a) => (r(), v(K, {
-              key: a,
-              filter: h(u(o).filters[a]),
-              operand: u(o).type,
-              "column-options": m.items,
-              "supported-filters": s.supportedFilters,
-              "get-suggest-options": s.getSuggestOptions,
-              "enable-dnd": !!s.enableDnd,
-              "is-last": a === u(o).filters.length - 1,
-              "on-change-operand": (E) => u(o).type = E,
-              "on-delete": () => U(n, a),
-              "onUpdate:filter": (E) => z(u(o).filters, a, E)
-            }, null, 8, ["filter", "operand", "column-options", "supported-filters", "get-suggest-options", "enable-dnd", "is-last", "on-change-operand", "on-delete", "onUpdate:filter"]))), 128)),
-            s.enableDnd ? (r(), y("div", {
-              key: 0,
-              class: f(e.$style.dropzone)
-            }, [...t[4] || (t[4] = [
-              D("div", null, "Drop dimensions here", -1)
-            ])], 2)) : (r(), v(p(B), {
-              key: 1,
-              icon: "add",
-              onClick: (c) => w(n, G.value)
-            }, {
-              default: l(() => [...t[5] || (t[5] = [
-                g(" Add filter ", -1)
-              ])]),
-              _: 1
-            }, 8, ["onClick"]))
-          ], 42, te)
-        ]),
-        "item-after": l(({ index: o }) => [
-          s.enableAddGroupButton || o < d().length - 1 ? (r(), v(Q, {
-            key: 0,
-            class: f(e.$style.buttonWrapper),
-            active: i.value.type,
-            disabled: o === d().length - 1,
-            "on-select": (n) => i.value.type = n
-          }, null, 8, ["class", "active", "disabled", "on-select"])) : T("", !0)
-        ]),
-        _: 1
-      }, 8, ["items", "get-item-key", "item-class", "item-class-content", "item-class-title", "is-expanded", "on-expand"]),
-      s.enableAddGroupButton ? (r(), v(p($), {
-        key: 0,
-        items: N,
-        "get-item-key": (o) => o.id,
-        "item-class": e.$style.filterGroup,
-        "item-class-content": e.$style.filterGroupContent,
-        "item-class-title": e.$style.filterGroupTitle,
-        "is-expanded": () => !0,
-        disableDragging: !0,
-        disableRemoving: !0,
-        disableToggling: !0,
-        disablePinning: !0,
-        dropzone: "true",
-        onDrop: O,
-        onDragover: F
-      }, {
-        "item-title": l(() => [...t[6] || (t[6] = [
-          g("Filter group", -1)
-        ])]),
-        "item-content": l(() => [
-          m.enableDnd ? (r(), y("div", {
-            key: 0,
-            class: f(e.$style.dropzone)
-          }, [...t[7] || (t[7] = [
-            D("div", null, "Drop dimensions here", -1)
-          ])], 2)) : j(e.$slots, "add-group-buttons", { key: 1 }, () => [
-            b(p(B), {
-              icon: "add",
-              onClick: t[1] || (t[1] = (o) => C(G.value))
-            }, {
-              default: l(() => [...t[8] || (t[8] = [
-                g(" Add filter ", -1)
-              ])]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 3
-      }, 8, ["get-item-key", "item-class", "item-class-content", "item-class-title"])) : T("", !0)
-    ]));
-  }
+import { DEFAULT_FILTERS as e, DEFAULT_FILTER_TYPE as t, SUPPORTED_FILTER_TYPES as n } from "./constants.js";
+import r from "./OperandButton.js";
+import { createNewGroup as i, getNewId as a, isValidColumnId as o } from "./utils.js";
+import s from "./FilterEditor.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, normalizeClass as v, openBlock as y, renderList as b, renderSlot as x, toRaw as S, unref as C, useModel as w, withCtx as T } from "vue";
+import { PlBtnSecondary as E, PlCheckbox as D, PlElementList as O } from "@milaboratories/uikit";
+var k = ["onDrop"], A = /* @__PURE__ */ g({
+	__name: "PlAdvancedFilter",
+	props: /* @__PURE__ */ _({
+		items: {},
+		supportedFilters: { default: () => n },
+		enableDnd: {
+			type: Boolean,
+			default: !1
+		},
+		enableAddGroupButton: {
+			type: Boolean,
+			default: !1
+		},
+		getSuggestOptions: {}
+	}, {
+		filters: { required: !0 },
+		filtersModifiers: {}
+	}),
+	emits: ["update:filters"],
+	setup(n) {
+		let g = w(n, "filters"), _ = n, A = l(() => _.items[0]?.id), j = [{
+			id: -1,
+			type: "and",
+			filters: [],
+			isExpanded: !0
+		}];
+		function M() {
+			if (g.value.type !== "or" && g.value.type !== "and") throw Error("Invalid model structure, expected root to be \"or\" or \"and\" group");
+			return g.value.filters;
+		}
+		function N(e) {
+			let t = M()[e];
+			if (t.type !== "and" && t.type !== "or" && t.type !== "not") throw Error("Invalid group structure, expected \"and\", \"or\" or \"not\" group");
+			return t;
+		}
+		function P(e) {
+			let t = N(e);
+			if (t.type !== "not") return t;
+			if (t.filter.type !== "and" && t.filter.type !== "or") throw Error("Invalid group structure, expected \"and\" or \"or\" group inside \"not\"");
+			return t.filter;
+		}
+		function F(n, r) {
+			P(n).filters.push({
+				...e[t],
+				column: r,
+				id: a(),
+				isExpanded: !0
+			});
+		}
+		function I(e, t) {
+			let n = P(e);
+			n.filters.length === 1 && t === 0 ? z(e) : n.filters.splice(t, 1);
+		}
+		function L(e) {
+			let t = M(), n = t[e];
+			if (n.type === "not") {
+				if (n.filter.type !== "and" && n.filter.type !== "or") throw Error("Invalid group structure, expected \"and\" or \"or\" group inside \"not\"");
+				t[e] = n.filter;
+			} else {
+				let n = t[e].type;
+				if (n !== "and" && n !== "or" && n !== "not") throw Error("Invalid group structure, expected \"and\", \"or\" or \"not\" group");
+				t[e] = {
+					id: a(),
+					isExpanded: !0,
+					type: "not",
+					filter: t[e]
+				};
+			}
+		}
+		function R(e) {
+			return e.type === "not" ? e.filter : e;
+		}
+		function z(e) {
+			M().splice(e, 1);
+		}
+		function B(e) {
+			let t = i(e);
+			M().push(t);
+		}
+		function V(e, t) {
+			let n = t.dataTransfer;
+			if (n?.getData("text/plain")) {
+				let t = n.getData("text/plain");
+				o(t) && F(e, t);
+			}
+		}
+		function H(e) {
+			let t = e.dataTransfer;
+			if (t?.getData("text/plain")) {
+				let e = t.getData("text/plain");
+				o(e) && B(e);
+			}
+		}
+		function U(e) {
+			e.preventDefault();
+		}
+		function W(e) {
+			if (e.type === "and" || e.type === "or" || e.type === "not") throw Error("Invalid filter structure, expected leaf filter");
+			return e;
+		}
+		function G(e, t, n) {
+			e[t] = S(n);
+		}
+		return (e, t) => (y(), f("div", null, [h(C(O), {
+			items: g.value.filters,
+			"onUpdate:items": t[0] ||= (e) => g.value.filters = e,
+			"get-item-key": (e) => e.id,
+			"item-class": e.$style.filterGroup,
+			"item-class-content": e.$style.filterGroupContent,
+			"item-class-title": e.$style.filterGroupTitle,
+			"is-expanded": (e) => e.isExpanded === !0,
+			"on-expand": (e) => {
+				e.isExpanded = !e.isExpanded;
+			},
+			disableDragging: !1,
+			disableRemoving: !1,
+			disableToggling: !0,
+			disablePinning: !0
+		}, {
+			"item-title": T(() => [...t[2] ||= [m(" Filter group ", -1)]]),
+			"item-content": T(({ item: r, index: i }) => [p("div", {
+				class: v(e.$style.groupContent),
+				dropzone: "true",
+				onDrop: (e) => V(i, e),
+				onDragover: U
+			}, [
+				h(C(D), {
+					"model-value": r.type === "not",
+					class: v(e.$style.notCheckbox),
+					"onUpdate:modelValue": (e) => L(i)
+				}, {
+					default: T(() => [...t[3] ||= [m(" Filter Out ", -1)]]),
+					_: 1
+				}, 8, [
+					"model-value",
+					"class",
+					"onUpdate:modelValue"
+				]),
+				(y(!0), f(c, null, b(R(r).filters, (e, t) => (y(), u(s, {
+					key: t,
+					filter: W(R(r).filters[t]),
+					operand: R(r).type,
+					"column-options": n.items,
+					"supported-filters": _.supportedFilters,
+					"get-suggest-options": _.getSuggestOptions,
+					"enable-dnd": !!_.enableDnd,
+					"is-last": t === R(r).filters.length - 1,
+					"on-change-operand": (e) => R(r).type = e,
+					"on-delete": () => I(i, t),
+					"onUpdate:filter": (e) => G(R(r).filters, t, e)
+				}, null, 8, [
+					"filter",
+					"operand",
+					"column-options",
+					"supported-filters",
+					"get-suggest-options",
+					"enable-dnd",
+					"is-last",
+					"on-change-operand",
+					"on-delete",
+					"onUpdate:filter"
+				]))), 128)),
+				_.enableDnd ? (y(), f("div", {
+					key: 0,
+					class: v(e.$style.dropzone)
+				}, [...t[4] ||= [p("div", null, "Drop dimensions here", -1)]], 2)) : (y(), u(C(E), {
+					key: 1,
+					icon: "add",
+					onClick: (e) => F(i, A.value)
+				}, {
+					default: T(() => [...t[5] ||= [m(" Add filter ", -1)]]),
+					_: 1
+				}, 8, ["onClick"]))
+			], 42, k)]),
+			"item-after": T(({ index: t }) => [_.enableAddGroupButton || t < M().length - 1 ? (y(), u(r, {
+				key: 0,
+				class: v(e.$style.buttonWrapper),
+				active: g.value.type,
+				disabled: t === M().length - 1,
+				"on-select": (e) => g.value.type = e
+			}, null, 8, [
+				"class",
+				"active",
+				"disabled",
+				"on-select"
+			])) : d("", !0)]),
+			_: 1
+		}, 8, [
+			"items",
+			"get-item-key",
+			"item-class",
+			"item-class-content",
+			"item-class-title",
+			"is-expanded",
+			"on-expand"
+		]), _.enableAddGroupButton ? (y(), u(C(O), {
+			key: 0,
+			items: j,
+			"get-item-key": (e) => e.id,
+			"item-class": e.$style.filterGroup,
+			"item-class-content": e.$style.filterGroupContent,
+			"item-class-title": e.$style.filterGroupTitle,
+			"is-expanded": () => !0,
+			disableDragging: !0,
+			disableRemoving: !0,
+			disableToggling: !0,
+			disablePinning: !0,
+			dropzone: "true",
+			onDrop: H,
+			onDragover: U
+		}, {
+			"item-title": T(() => [...t[6] ||= [m("Filter group", -1)]]),
+			"item-content": T(() => [n.enableDnd ? (y(), f("div", {
+				key: 0,
+				class: v(e.$style.dropzone)
+			}, [...t[7] ||= [p("div", null, "Drop dimensions here", -1)]], 2)) : x(e.$slots, "add-group-buttons", { key: 1 }, () => [h(C(E), {
+				icon: "add",
+				onClick: t[1] ||= (e) => B(A.value)
+			}, {
+				default: T(() => [...t[8] ||= [m(" Add filter ", -1)]]),
+				_: 1
+			})])]),
+			_: 3
+		}, 8, [
+			"get-item-key",
+			"item-class",
+			"item-class-content",
+			"item-class-title"
+		])) : d("", !0)]));
+	}
 });
-export {
-  de as default
-};
-//# sourceMappingURL=PlAdvancedFilter.vue2.js.map
+export { A as default };
+
+//# sourceMappingURL=PlAdvancedFilter.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PlAdvancedFilter.vue2.js","sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { computed, toRaw } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst model = defineModel<T>(\"filters\", { required: true });\n\nconst props = withDefaults(\n  defineProps<{\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    items: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n  },\n);\n\nconst firstColumnId = computed(() => props.items[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nfunction getRootGroups() {\n  if (model.value.type !== \"or\" && model.value.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return model.value.filters;\n}\n\nfunction getRootGroup(idx: number): NodeFilter {\n  const groups = getRootGroups();\n  const group = groups[idx];\n  if (group.type !== \"and\" && group.type !== \"or\" && group.type !== \"not\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getRootGroupContent(idx: number): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = getRootGroup(idx);\n\n  if (group.type !== \"not\") {\n    return group;\n  }\n\n  if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n  }\n\n  return group.filter;\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  const group = getRootGroupContent(groupIdx);\n\n  group.filters.push({\n    ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n    column: selectedSourceId,\n    id: getNewId(),\n    isExpanded: true,\n  } as CommonFilter);\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  const group = getRootGroupContent(groupIdx);\n\n  if (group.filters.length === 1 && filterIdx === 0) {\n    removeGroup(groupIdx);\n  } else {\n    group.filters.splice(filterIdx, 1);\n  }\n}\nfunction inverseRootNode(groupIdx: number) {\n  const groups = getRootGroups();\n  const group = groups[groupIdx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    groups[groupIdx] = group.filter;\n  } else {\n    const type = groups[groupIdx].type;\n    if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n      throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n    }\n\n    groups[groupIdx] = {\n      id: getNewId(),\n      isExpanded: true,\n      type: \"not\",\n      filter: groups[groupIdx],\n    };\n  }\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction removeGroup(groupIdx: number) {\n  const groups = getRootGroups();\n  groups.splice(groupIdx, 1);\n}\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  const newGroup = createNewGroup(selectedSourceId);\n  const groups = getRootGroups();\n  groups.push(newGroup);\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n\nfunction updateFilter(filters: CommonFilter[], idx: number, updatedFilter: EditableFilter) {\n  filters[idx] = toRaw(updatedFilter as CommonFilter);\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"model.filters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"\n        (group) => {\n          group.isExpanded = !group.isExpanded;\n        }\n      \"\n      :disableDragging=\"false\"\n      :disableRemoving=\"false\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n    >\n      <template #item-title> Filter group </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"$style.groupContent\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"items\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              :on-change-operand=\"(v) => (getNotContent(item).type = v)\"\n              :on-delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update:filter=\"\n                (value) => updateFilter(getNotContent(item).filters, filterIdx, value)\n              \"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary v-else icon=\"add\" @click=\"addColumnToGroup(index, firstColumnId)\">\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"model.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"(v) => (model.type = v)\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title>Filter group</template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"names":["model","_useModel","__props","props","firstColumnId","computed","_a","emptyGroup","getRootGroups","getRootGroup","idx","group","getRootGroupContent","addColumnToGroup","groupIdx","selectedSourceId","DEFAULT_FILTERS","DEFAULT_FILTER_TYPE","getNewId","removeFilterFromGroup","filterIdx","removeGroup","inverseRootNode","groups","type","getNotContent","item","addGroup","newGroup","createNewGroup","handleDropToExistingGroup","event","dataTransfer","draggedId","isValidColumnId","handleDropToNewGroup","dragOver","validateFilter","updateFilter","filters","updatedFilter","toRaw","_createElementBlock","_createVNode","_unref","PlElementList","_cache","$event","filter","$style","_withCtx","index","_createElementVNode","_normalizeClass","PlCheckbox","_Fragment","_renderList","_","_createBlock","FilterEditor","v","value","PlBtnSecondary","OperandButton","_renderSlot","_ctx"],"mappings":"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"}
+{"version":3,"file":"PlAdvancedFilter.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { computed, toRaw } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst model = defineModel<T>(\"filters\", { required: true });\n\nconst props = withDefaults(\n  defineProps<{\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    items: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n  },\n);\n\nconst firstColumnId = computed(() => props.items[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nfunction getRootGroups() {\n  if (model.value.type !== \"or\" && model.value.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return model.value.filters;\n}\n\nfunction getRootGroup(idx: number): NodeFilter {\n  const groups = getRootGroups();\n  const group = groups[idx];\n  if (group.type !== \"and\" && group.type !== \"or\" && group.type !== \"not\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getRootGroupContent(idx: number): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = getRootGroup(idx);\n\n  if (group.type !== \"not\") {\n    return group;\n  }\n\n  if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n  }\n\n  return group.filter;\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  const group = getRootGroupContent(groupIdx);\n\n  group.filters.push({\n    ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n    column: selectedSourceId,\n    id: getNewId(),\n    isExpanded: true,\n  } as CommonFilter);\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  const group = getRootGroupContent(groupIdx);\n\n  if (group.filters.length === 1 && filterIdx === 0) {\n    removeGroup(groupIdx);\n  } else {\n    group.filters.splice(filterIdx, 1);\n  }\n}\nfunction inverseRootNode(groupIdx: number) {\n  const groups = getRootGroups();\n  const group = groups[groupIdx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    groups[groupIdx] = group.filter;\n  } else {\n    const type = groups[groupIdx].type;\n    if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n      throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n    }\n\n    groups[groupIdx] = {\n      id: getNewId(),\n      isExpanded: true,\n      type: \"not\",\n      filter: groups[groupIdx],\n    };\n  }\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction removeGroup(groupIdx: number) {\n  const groups = getRootGroups();\n  groups.splice(groupIdx, 1);\n}\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  const newGroup = createNewGroup(selectedSourceId);\n  const groups = getRootGroups();\n  groups.push(newGroup);\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n\nfunction updateFilter(filters: CommonFilter[], idx: number, updatedFilter: EditableFilter) {\n  filters[idx] = toRaw(updatedFilter as CommonFilter);\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"model.filters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"\n        (group) => {\n          group.isExpanded = !group.isExpanded;\n        }\n      \"\n      :disableDragging=\"false\"\n      :disableRemoving=\"false\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n    >\n      <template #item-title> Filter group </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"$style.groupContent\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"items\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              :on-change-operand=\"(v) => (getNotContent(item).type = v)\"\n              :on-delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update:filter=\"\n                (value) => updateFilter(getNotContent(item).filters, filterIdx, value)\n              \"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary v-else icon=\"add\" @click=\"addColumnToGroup(index, firstColumnId)\">\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"model.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"(v) => (model.type = v)\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title>Filter group</template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"mappings":"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"}