@platforma-sdk/ui-vue 1.58.8 → 1.58.9

package/dist/components/PlAgTextAndButtonCell/pl-ag-text-and-button-cell.css

@@ -1 +1 @@
-.pl-ag-grid-open-cell{align-items:center}.pl-ag-grid-open-cell__activator{position:absolute;right:8px;border-radius:4px;border:1px solid var(--border-color-div-grey);padding:4px 6px 4px 4px;gap:3px;cursor:pointer;display:none;background-color:var(--ic-00);opacity:1}.pl-ag-grid-open-cell__activator:hover{background-color:#eff2f7}.pl-ag-grid-open-cell__activator:active{background-color:#e7ebf3}.pl-ag-grid-open-cell__value{text-overflow:ellipsis;overflow:hidden}.ag-row-hover .pl-ag-grid-open-cell__activator{display:flex}
+.pl-ag-grid-open-cell{align-items:center}.pl-ag-grid-open-cell__activator{border:1px solid var(--border-color-div-grey);cursor:pointer;background-color:var(--ic-00);opacity:1;border-radius:4px;gap:3px;padding:4px 6px 4px 4px;display:none;position:absolute;right:8px}.pl-ag-grid-open-cell__activator:hover{background-color:#eff2f7}.pl-ag-grid-open-cell__activator:active{background-color:#e7ebf3}.pl-ag-grid-open-cell__value{text-overflow:ellipsis;overflow:hidden}.ag-row-hover .pl-ag-grid-open-cell__activator{display:flex}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.js

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./AnnotationsSidebar.vue2.js";
+import n from "./AnnotationsSidebar.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=AnnotationsSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationsSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst selectedStepId = defineModel<undefined | number>(\"selectedStepId\");\n// Emits\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: \"\",\n    filter: {\n      id: randomInt(),\n      type: \"and\",\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\"\n          >Above annotations override the ones below. Rearrange them by dragging.</span\n        >\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => (selectedStepId = item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(annotation.defaultValue) },\n          ]\"\n          :model-value=\"annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"annotation.defaultValue = $event === '' ? undefined : $event\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.style.js

@@ -0,0 +1,11 @@
+import './AnnotationsSidebar.vue.css';var e = {
+	root: "_root_16du0_131",
+	tip: "_tip_16du0_137",
+	steps: "_steps_16du0_141",
+	stepItem: "_stepItem_16du0_147",
+	defaultValue: "_defaultValue_16du0_151",
+	emptyDefaultValue: "_emptyDefaultValue_16du0_155"
+};
+export { e as default };
+
+//# sourceMappingURL=AnnotationsSidebar.style.js.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationsSidebar.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst selectedStepId = defineModel<undefined | number>(\"selectedStepId\");\n// Emits\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: \"\",\n    filter: {\n      id: randomInt(),\n      type: \"and\",\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\"\n          >Above annotations override the ones below. Rearrange them by dragging.</span\n        >\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => (selectedStepId = item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(annotation.defaultValue) },\n          ]\"\n          :model-value=\"annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"annotation.defaultValue = $event === '' ? undefined : $event\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.css

@@ -0,0 +1 @@
+:root{--txt-00:#fff;--txt-01:var(--lightningcss-light,#110529)var(--lightningcss-dark,#fff);--txt-02:#231842;--txt-03:#9d9eae;--txt-mask:#cfd1db;--txt-focus:#07ad3e;--txt-error:#f1222f;--txt-link:#5f31cc;--ic-00:#fff;--ic-01:#110529;--ic-02:#cfd1db;--ic-accent:#07ad3e;--border-color-default:#110529;--border-color-hover:#231842;--border-color-focus:#49cc49;--border-color-error:#ff5c5c;--border-color-div-grey:#e1e3eb;--border-color-div-bw:#fff;--btn-accent-default:#845cff;--btn-accent-hover:#9470ff;--btn-accent-press:#6f4dd6;--btn-primary-default:#110529;--btn-primary-hover:#231842;--btn-primary-press:#080214;--btn-sec-hover-white:#ffffff80;--btn-sec-hover-grey:var(--lightningcss-light,#9babcc29)var(--lightningcss-dark,#8383a329);--btn-sec-press-grey:#9babcc3d;--btn-active-select:#63e0243d;--btn-switcher:linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--btn-accent-positive-500:#ecfbe5;--dis-00:#fff;--dis-01:var(--lightningcss-light,#cfd1db)var(--lightningcss-dark,#3d3d42);--bg-base-dark:#110529;--bg-base-light:#f7f8fa;--bg-elevated-01:#fff;--bg-elevated-02:#e1e3eb;--bg-error:#fff5f5;--filled-V-BG:#d0f0c0;--filled-D-BG:#ffcecc;--filled-N-BG:#faf5aa;--filled-J-BG:#dedbff;--notification-neutral:linear-gradient(90deg, #d6d9ff 0%, #fff 100%);--notification-success:linear-gradient(90deg, #c9f0b6 0%, #fff 100%);--notification-warning:linear-gradient(90deg, #fee0a3 0%, #fff 100%);--notification-error:linear-gradient(90deg, #ffb8b8 0%, #fff 100%);--gradient-blue-green:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime:linear-gradient(180deg, #a1e59c 0%, #d0f5b0 100%);--gradient-blue-violet:linear-gradient(180deg, #adb8ff 0%, #d6e9ff 100%);--gradient-blue-clear:linear-gradient(180deg, #85beff 0%, #cef 100%);--gradient-orange:linear-gradient(180deg, #ffb766 0%, #ffeaa3 100%);--gradient-mint:linear-gradient(180deg, #7dd1d1 0%, #c8fae9 100%);--gradient-lime:linear-gradient(180deg, #bfe062 0%, #e4ffad 100%);--gradient-rose:linear-gradient(0deg, #ffddd6 0%, #ff99c9 100%);--gradient-red:linear-gradient(0deg, #ffd5cc 0%, #ff9494 100%);--gradient-violet:linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--TT-gradient-violet:linear-gradient(180deg, #bca3ff 0%, #e5e5ff 100%);--gradient-light-lime:linear-gradient(180deg, #ebffeb 0%, transparent 100%);--shadow-l:0px 8px 16px -4px #0f244d29, 0px 12px 32px -4px #0f244d29;--main-spacing:24px;--gap-v:24px;--gap-h:12px;--border-radius:6px;--z-splash:50;--z-slide-shadow:80;--z-slide-dialog:81;--z-dialog:100;--z-dropdown-options:110;--z-tooltip:120;--z-context-menu:1001;--scrollbar-width:6px}[data-theme=dark]{--txt-00:#fff;--txt-01:#fff;--txt-02:#adaeb8;--txt-03:#60616b;--txt-mask:#3d3d42;--txt-focus:#87e087;--txt-error:#ff5c5c;--txt-link:#9470ff;--ic-00:#fff;--ic-01:#fff;--ic-02:#60616b;--ic-accent:#87e087;--border-color-default:#60616b;--border-color-hover:#adaeb8;--border-color-focus:#49cc49;--border-color-error:#ff5c5c;--border-color-div-grey:#232329;--border-color-div-bw:#000;--btn-accent-default:#5f31cc;--btn-accent-hover:#5f31cc;--btn-accent-press:#5f31cc;--btn-primary-default:#5f31cc;--btn-primary-hover:#6d3ddb;--btn-primary-press:#5328b8;--btn-sec-hover-white:#8383a329;--btn-sec-hover-grey:#8383a329;--btn-sec-press-grey:#8383a33d;--btn-active-select:#63e0243d;--btn-switcher:#5e5e70;--dis-00:#65656b;--dis-01:#3d3d42;--bg-base-dark:#0d0d0f;--bg-base-light:#0d0d0f;--bg-elevated-01:#1b1b1f;--bg-elevated-02:#2d2d33;--bg-error:#fff5f5;--filled-V-BG:#42b84266;--filled-D-BG:#e553e566;--filled-N-BG:#53526666;--filled-J-BG:#845cff66;--notification-neutral:linear-gradient(90deg, #4d4d8f 0%, #292933 100%);--notification-success:linear-gradient(90deg, #305c3e 0%, #292933 100%);--notification-warning:linear-gradient(90deg, #754f2d 0%, #292933 100%);--notification-error:linear-gradient(90deg, #8f3343 0%, #292933 100%);--gradient-blue-green:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-green-lime:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-violet:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-blue-clear:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-orange:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-mint:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-lime:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-rose:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-red:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%);--gradient-violet:linear-gradient(0deg, #478063 0%, #2e4652 45.93%, #24223d 91.63%)}._root_16du0_131{flex-direction:column;gap:12px;display:flex}._tip_16du0_137{color:var(--txt-03)}._steps_16du0_141{flex-direction:column;gap:6px;display:flex}._stepItem_16du0_147{cursor:pointer}._defaultValue_16du0_151{margin-top:8px}._emptyDefaultValue_16du0_155{opacity:.5;transition:opacity .2s ease-in-out}._emptyDefaultValue_16du0_155:hover{opacity:1}

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

@@ -1,114 +1,103 @@
-import { defineComponent as S, mergeModels as V, useModel as u, createBlock as h, openBlock as k, unref as a, createSlots as I, withCtx as o, createVNode as s, withModifiers as p, createTextVNode as r, normalizeClass as n, createElementVNode as f, toDisplayString as w } from "vue";
-import v from "./style.module.css.js";
-import { randomInt as b } from "../../../lib/util/helpers/dist/random.js";
-import { PlSidebarItem as C, PlBtnGhost as $, PlEditableTitle as P, PlElementList as T, PlBtnSecondary as A, PlTextField as M } from "@milaboratories/uikit";
-import { validateTitle as B } from "../utils.js";
-import { isEmpty as E } from "es-toolkit/compat";
-const z = /* @__PURE__ */ S({
-  __name: "AnnotationsSidebar",
-  props: {
-    annotation: { required: !0 },
-    annotationModifiers: {},
-    selectedStepId: {},
-    selectedStepIdModifiers: {}
-  },
-  emits: /* @__PURE__ */ V(["delete-schema"], ["update:annotation", "update:selectedStepId"]),
-  setup(m, { emit: y }) {
-    const l = u(m, "annotation"), d = u(m, "selectedStepId"), g = y;
-    function c() {
-      const i = b();
-      l.value.steps.push({
-        id: i,
-        label: "",
-        filter: {
-          id: b(),
-          type: "and",
-          filters: []
-        }
-      }), d.value = i;
-    }
-    return (i, e) => (k(), h(a(C), null, I({
-      "header-content": o(() => [
-        s(a(P), {
-          modelValue: l.value.title,
-          "onUpdate:modelValue": e[0] || (e[0] = (t) => l.value.title = t),
-          class: n({ [a(v).flashing]: l.value.title.length === 0 }),
-          "max-length": 40,
-          "max-width": "600px",
-          placeholder: "Annotation Title",
-          autofocus: l.value.title.length === 0,
-          validate: a(B)
-        }, null, 8, ["modelValue", "class", "autofocus", "validate"])
-      ]),
-      "footer-content": o(() => [
-        s(a($), {
-          icon: "delete-bin",
-          reverse: "",
-          disabled: l.value.steps.length === 0,
-          onClick: e[5] || (e[5] = p((t) => g("delete-schema"), ["stop"]))
-        }, {
-          default: o(() => [...e[7] || (e[7] = [
-            r(" Delete Schema ", -1)
-          ])]),
-          _: 1
-        }, 8, ["disabled"])
-      ]),
-      _: 2
-    }, [
-      l.value ? {
-        name: "body-content",
-        fn: o(() => [
-          f("div", {
-            class: n([i.$style.root, { [a(v).disabled]: l.value.title.length === 0 }])
-          }, [
-            f("span", {
-              class: n(i.$style.tip)
-            }, "Above annotations override the ones below. Rearrange them by dragging.", 2),
-            s(a(T), {
-              items: l.value.steps,
-              "onUpdate:items": e[1] || (e[1] = (t) => l.value.steps = t),
-              "get-item-key": (t) => t.id,
-              "is-active": (t) => t.id === d.value,
-              "item-class": i.$style.stepItem,
-              class: n(i.$style.steps),
-              onItemClick: e[2] || (e[2] = (t) => d.value = t.id)
-            }, {
-              "item-title": o(({ item: t }) => [
-                r(w(t.label), 1)
-              ]),
-              _: 1
-            }, 8, ["items", "get-item-key", "is-active", "item-class", "class"]),
-            s(a(A), {
-              icon: "add",
-              onClick: c
-            }, {
-              default: o(() => [...e[6] || (e[6] = [
-                r(" Add label ", -1)
-              ])]),
-              _: 1
-            }),
-            s(a(M), {
-              class: n([
-                i.$style.defaultValue,
-                { [i.$style.emptyDefaultValue]: a(E)(l.value.defaultValue) }
-              ]),
-              "model-value": l.value.defaultValue ?? "",
-              label: "Label remaining with",
-              placeholder: "No label",
-              clearable: "",
-              helper: "This label will be applied to the remaining rows, after all other filters are applied.",
-              onClick: e[3] || (e[3] = p(() => {
-              }, ["stop"])),
-              "onUpdate:modelValue": e[4] || (e[4] = (t) => l.value.defaultValue = t === "" ? void 0 : t)
-            }, null, 8, ["class", "model-value"])
-          ], 2)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1024));
-  }
+import { randomInt as e } from "../../../lib/util/helpers/dist/random.js";
+import "../../../lib/util/helpers/dist/index.js";
+import t from "./style.module.js";
+import { validateTitle as n } from "../utils.js";
+import { createBlock as r, createElementVNode as i, createSlots as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p, useModel as m, withCtx as h, withModifiers as g } from "vue";
+import { PlBtnGhost as _, PlBtnSecondary as v, PlEditableTitle as y, PlElementList as b, PlSidebarItem as x, PlTextField as S } from "@milaboratories/uikit";
+import { isEmpty as C } from "es-toolkit/compat";
+var w = /* @__PURE__ */ c({
+	__name: "AnnotationsSidebar",
+	props: {
+		annotation: { required: !0 },
+		annotationModifiers: {},
+		selectedStepId: {},
+		selectedStepIdModifiers: {}
+	},
+	emits: /* @__PURE__ */ l(["delete-schema"], ["update:annotation", "update:selectedStepId"]),
+	setup(c, { emit: l }) {
+		let w = m(c, "annotation"), T = m(c, "selectedStepId"), E = l;
+		function D() {
+			let t = e();
+			w.value.steps.push({
+				id: t,
+				label: "",
+				filter: {
+					id: e(),
+					type: "and",
+					filters: []
+				}
+			}), T.value = t;
+		}
+		return (e, c) => (d(), r(p(x), null, a({
+			"header-content": h(() => [s(p(y), {
+				modelValue: w.value.title,
+				"onUpdate:modelValue": c[0] ||= (e) => w.value.title = e,
+				class: u({ [p(t).flashing]: w.value.title.length === 0 }),
+				"max-length": 40,
+				"max-width": "600px",
+				placeholder: "Annotation Title",
+				autofocus: w.value.title.length === 0,
+				validate: p(n)
+			}, null, 8, [
+				"modelValue",
+				"class",
+				"autofocus",
+				"validate"
+			])]),
+			"footer-content": h(() => [s(p(_), {
+				icon: "delete-bin",
+				reverse: "",
+				disabled: w.value.steps.length === 0,
+				onClick: c[5] ||= g((e) => E("delete-schema"), ["stop"])
+			}, {
+				default: h(() => [...c[7] ||= [o(" Delete Schema ", -1)]]),
+				_: 1
+			}, 8, ["disabled"])]),
+			_: 2
+		}, [w.value ? {
+			name: "body-content",
+			fn: h(() => [i("div", { class: u([e.$style.root, { [p(t).disabled]: w.value.title.length === 0 }]) }, [
+				i("span", { class: u(e.$style.tip) }, "Above annotations override the ones below. Rearrange them by dragging.", 2),
+				s(p(b), {
+					items: w.value.steps,
+					"onUpdate:items": c[1] ||= (e) => w.value.steps = e,
+					"get-item-key": (e) => e.id,
+					"is-active": (e) => e.id === T.value,
+					"item-class": e.$style.stepItem,
+					class: u(e.$style.steps),
+					onItemClick: c[2] ||= (e) => T.value = e.id
+				}, {
+					"item-title": h(({ item: e }) => [o(f(e.label), 1)]),
+					_: 1
+				}, 8, [
+					"items",
+					"get-item-key",
+					"is-active",
+					"item-class",
+					"class"
+				]),
+				s(p(v), {
+					icon: "add",
+					onClick: D
+				}, {
+					default: h(() => [...c[6] ||= [o(" Add label ", -1)]]),
+					_: 1
+				}),
+				s(p(S), {
+					class: u([e.$style.defaultValue, { [e.$style.emptyDefaultValue]: p(C)(w.value.defaultValue) }]),
+					"model-value": w.value.defaultValue ?? "",
+					label: "Label remaining with",
+					placeholder: "No label",
+					clearable: "",
+					helper: "This label will be applied to the remaining rows, after all other filters are applied.",
+					onClick: c[3] ||= g(() => {}, ["stop"]),
+					"onUpdate:modelValue": c[4] ||= (e) => w.value.defaultValue = e === "" ? void 0 : e
+				}, null, 8, ["class", "model-value"])
+			], 2)]),
+			key: "0"
+		} : void 0]), 1024));
+	}
 });
-export {
-  z as default
-};
-//# sourceMappingURL=AnnotationsSidebar.vue2.js.map
+export { w as default };
+
+//# sourceMappingURL=AnnotationsSidebar.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnnotationsSidebar.vue2.js","sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst selectedStepId = defineModel<undefined | number>(\"selectedStepId\");\n// Emits\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: \"\",\n    filter: {\n      id: randomInt(),\n      type: \"and\",\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\"\n          >Above annotations override the ones below. Rearrange them by dragging.</span\n        >\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => (selectedStepId = item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(annotation.defaultValue) },\n          ]\"\n          :model-value=\"annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"annotation.defaultValue = $event === '' ? undefined : $event\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"names":["annotation","_useModel","selectedStepId","__props","emits","__emit","handleAddStep","id","randomInt","_createBlock","_unref","PlSidebarItem","_createSlots","_createVNode","PlEditableTitle","_cache","$event","_normalizeClass","validateTitle","PlBtnGhost","_createElementVNode","$style","$commonStyle","PlElementList","item","_withCtx","_createTextVNode","_toDisplayString","PlBtnSecondary","PlTextField"],"mappings":"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"}
+{"version":3,"file":"AnnotationsSidebar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst selectedStepId = defineModel<undefined | number>(\"selectedStepId\");\n// Emits\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: \"\",\n    filter: {\n      id: randomInt(),\n      type: \"and\",\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\"\n          >Above annotations override the ones below. Rearrange them by dragging.</span\n        >\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => (selectedStepId = item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(annotation.defaultValue) },\n          ]\"\n          :model-value=\"annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"annotation.defaultValue = $event === '' ? undefined : $event\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiBA,IAAM,IAAa,EAAuB,GAAC,aAAiC,EACtE,IAAiB,EAA+B,GAAC,iBAAiB,EAElE,IAAQ;EAId,SAAS,IAAgB;GACvB,IAAM,IAAK,GAAW;AAUtB,GATA,EAAW,MAAM,MAAM,KAAK;IAC1B;IACA,OAAO;IACP,QAAQ;KACN,IAAI,GAAW;KACf,MAAM;KACN,SAAS,EAAE;KACZ;IACF,CAAC,EACF,EAAe,QAAQ;;yBAKvB,EA0DgB,EAAA,EAAA,EAAA,MAAA,EAAA;GAzDH,kBAAc,QASrB,CARF,EAQE,EAAA,EAAA,EAAA;gBAPS,EAAA,MAAW;6CAAX,MAAW,QAAK;IACxB,OAAK,EAAA,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAW,MAAM,WAAM,GAAA,CAAA;IACzD,cAAY;IACb,aAAU;IACV,aAAY;IACX,WAAW,EAAA,MAAW,MAAM,WAAM;IAClC,UAAU,EAAA,EAAa;;;;;;;GAuCjB,kBAAc,QAQV,CAPb,EAOa,EAAA,EAAA,EAAA;IANX,MAAK;IACL,SAAA;IACC,UAAU,EAAA,MAAW,MAAM,WAAM;IACjC,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAK,gBAAA,EAAA,CAAA,OAAA,CAAA;;qBAGpB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFC,mBAED,GAAA,CAAA,CAAA,CAAA;;;;MA5Cc,EAAA,QAAA;SAAa;eAkCrB,CAjCN,EAiCM,OAAA,EAjCA,OAAK,EAAA,CAAGA,EAAAA,OAAO,MAAI,GAAK,EAAA,EAAY,CAAC,WAAW,EAAA,MAAW,MAAM,WAAM,GAAA,CAAA,CAAA,EAAA,EAAA;IAC3E,EAEC,QAAA,EAFM,OAAK,EAAEA,EAAAA,OAAO,IAAG,EAAA,EACrB,0EAAsE,EAAA;IAGzE,EAWgB,EAAA,EAAA,EAAA;KAVN,OAAO,EAAA,MAAW;yCAAX,MAAW,QAAK;KAC9B,iBAAe,MAAS,EAAK;KAC7B,cAAY,MAAS,EAAK,OAAO,EAAA;KACjC,cAAYA,EAAAA,OAAO;KACnB,OAAK,EAAEA,EAAAA,OAAO,MAAK;KACnB,aAAU,AAAA,EAAA,QAAG,MAAU,EAAA,QAAiB,EAAK;;KAEnC,cAAU,GACH,EADO,cAAI,CAAA,EAAA,EACxB,EAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;IAIjB,EAA8E,EAAA,EAAA,EAAA;KAA9D,MAAK;KAAO,SAAO;;sBAA0B,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAX,eAAW,GAAA,CAAA,CAAA,CAAA;;;IAE7D,EAYE,EAAA,EAAA,EAAA;KAXC,OAAK,EAAA,CAAgBA,EAAAA,OAAO,cAAA,GAA6BA,EAAAA,OAAO,oBAAoB,EAAA,EAAO,CAAC,EAAA,MAAW,aAAY,EAAA,CAAA,CAAA;KAInH,eAAa,EAAA,MAAW,gBAAY;KACrC,OAAM;KACN,aAAY;KACZ,WAAA;KACA,QAAO;KACN,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;KACV,uBAAkB,AAAA,EAAA,QAAA,MAAE,EAAA,MAAW,eAAe,MAAM,KAAU,KAAA,IAAY"}

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

@@ -0,0 +1,7 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import t from "./FilterSidebar.vue2.js";
+import n from "./FilterSidebar.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=FilterSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\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  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        v-model:filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :items=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,7 @@
+import './FilterSidebar.vue.css';var e = {
+	root: "_root_ynuss_2",
+	actions: "_actions_ynuss_8"
+};
+export { e as default };
+
+//# sourceMappingURL=FilterSidebar.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSidebar.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n  columns: PlAdvancedFilterItem[];\n\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  hasSelectedColumns?: boolean;\n  getValuesForSelectedColumns?: () => Promise<\n    undefined | { columnId: PObjectId; values: string[] }\n  >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n  PlAdvancedFilterItem,\n  PlAdvancedFilterColumnId,\n  PlAdvancedFilterSupportedFilters,\n  PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\n\nimport $commonStyle from \"./style.module.css\";\nimport { validateTitle } from \"../utils\";\n\n// Models\nconst step = defineModel<Filter>(\"step\", { required: true });\n// Props\nconst props = defineProps<Props>();\n// State\nconst withSelection = computed(() => {\n  return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n// Actions\nconst addFilterPlaceholder = () => {\n  step.value.filter.filters.push({\n    id: randomInt(),\n    isExpanded: true,\n    type: \"or\",\n    filters: [\n      {\n        id: randomInt(),\n        type: \"isNA\",\n        column: props.columns[0].id as SUniversalPColumnId,\n      },\n    ],\n  });\n};\n\nasync function addFilterFromSelected() {\n  if (props.hasSelectedColumns === undefined || props.getValuesForSelectedColumns === undefined)\n    return;\n\n  const data = await props.getValuesForSelectedColumns();\n  if (!data || data.values.length === 0) return;\n\n  const { columnId, values } = data;\n  const shortReminder =\n    values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n  step.value.filter.filters.push({\n    id: randomInt(),\n    name: `Selected list (${shortReminder})`,\n    isExpanded: false,\n    type: \"or\",\n    filters: values.map((value, i) => ({\n      id: i,\n      type: \"patternEquals\",\n      column: columnId as SUniversalPColumnId,\n      value,\n    })),\n  });\n}\n\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n  \"topN\",\n  \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n  <PlSidebarItem v-if=\"step\">\n    <template #header-content>\n      <PlEditableTitle\n        :key=\"step.id\"\n        v-model=\"step.label\"\n        :class=\"{ [$commonStyle.flashing]: step.label.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Label\"\n        :autofocus=\"step.label.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template #body-content>\n      <PlAdvancedFilterComponent\n        v-model:filters=\"step.filter as PlAdvancedFilter\"\n        :class=\"[$style.root, { [$commonStyle.disabled]: step.label.length === 0 }]\"\n        :items=\"props.columns\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      >\n        <template #add-group-buttons>\n          <div :class=\"$style.actions\">\n            <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n            <PlBtnSecondary\n              v-if=\"withSelection\"\n              icon=\"add\"\n              :disabled=\"!props.hasSelectedColumns\"\n              @click=\"addFilterFromSelected\"\n            >\n              From selection\n            </PlBtnSecondary>\n          </div>\n        </template>\n      </PlAdvancedFilterComponent>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.actions {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/FilterSidebar.vue.css

@@ -0,0 +1 @@
+._root_ynuss_2{flex-direction:column;gap:12px;display:flex}._actions_ynuss_8{flex-direction:row;gap:12px;display:flex}