@platforma-sdk/ui-vue 1.54.1 → 1.54.8

package/dist/components/PlTableFilters/PlTableFiltersV2.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlTableFiltersV2.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"names":[],"mappings":"AAmRA,OAAO,EACL,KAAK,sBAAsB,EAG5B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAkB1D,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,QAAQ,CAAC,0BAA0B,CAAC,CAAC;CAChD,CAAC;AA+EF,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACrC,GAAG,WAAW,CAAC;;;;;;;;AAqQhB,wBAQG"}
+{"version":3,"file":"PlTableFiltersV2.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"names":[],"mappings":"AA+IA,OAAO,KAAK,EAAE,gBAAgB,EAAkC,MAAM,sBAAsB,CAAC;AAY7F,OAAO,EACL,gBAAgB,EAGjB,MAAM,qBAAqB,CAAC;AAI7B,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AA0FF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,gBAAgB,CAAC;CAC5B,GAAG,WAAW,CAAC;;;;;;AAoIhB,wBAOG"}

package/dist/components/PlTableFilters/PlTableFiltersV2.vue2.js

@@ -1,157 +1,107 @@
-import { defineComponent as D, mergeModels as S, useModel as w, toRefs as E, computed as f, ref as u, onMounted as P, watch as H, onBeforeUnmount as I, createElementBlock as b, openBlock as m, Fragment as J, createBlock as O, createCommentVNode as V, createVNode as r, unref as o, Teleport as W, withModifiers as $, withCtx as d, createTextVNode as p, createElementVNode as k, normalizeClass as v, toDisplayString as q } from "vue";
-import { canonicalizeJson as G } from "@platforma-sdk/model";
-import { usePlBlockPageTitleTeleportTarget as L, PlBtnGhost as h, PlSlideModal as j, PlElementList as K, PlMaskIcon16 as Q, PlBtnSecondary as X } from "@milaboratories/uikit";
-import { useFilters as Y } from "./filters-state.js";
-import Z from "./PlTableAddFilterV2.vue.js";
-import _ from "./PlTableFilterEntryV2.vue.js";
-import { isJsonEqual as ee } from "../../lib/util/helpers/dist/objects.js";
-const le = ["disabled"], te = { key: 1 }, ue = /* @__PURE__ */ D({
+import { defineComponent as M, mergeModels as N, useModel as A, ref as T, onMounted as x, computed as C, createElementBlock as p, openBlock as s, Fragment as E, createBlock as P, createCommentVNode as w, createVNode as m, unref as r, Teleport as B, withModifiers as z, withCtx as c, createTextVNode as h, normalizeClass as O } from "vue";
+import { readAnnotation as f, Annotation as g, readDomain as $, Domain as D, getAxisId as I, canonicalizeJson as L, parseJson as U } from "@platforma-sdk/model";
+import { usePlBlockPageTitleTeleportTarget as J, PlBtnGhost as G, PlSlideModal as R } from "@milaboratories/uikit";
+import j from "../PlAdvancedFilter/PlAdvancedFilter.vue.js";
+const H = { key: 1 }, Y = /* @__PURE__ */ M({
   __name: "PlTableFiltersV2",
-  props: /* @__PURE__ */ S({
-    settings: {}
+  props: /* @__PURE__ */ N({
+    columns: {}
   }, {
-    modelValue: {
-      default: []
-    },
+    modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(F) {
-    const B = w(F, "modelValue"), C = F, { settings: U } = E(C), a = Y(U, B), N = f(
-      () => a.value.some((e) => e.filter && !e.filter.disabled)
-    ), y = u(!1);
-    P(() => {
-      y.value = !0;
+  setup(v) {
+    const a = A(v, "modelValue"), k = v, b = T(!1);
+    x(() => {
+      b.value = !0;
     });
-    const M = L("PlTableFiltersV2"), c = u(!1), A = u(!1), s = u();
-    let n;
-    P(() => {
-      n = new ResizeObserver(() => {
-        var t;
-        const e = (t = s.value) == null ? void 0 : t.parentElement;
-        e && (A.value = e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth);
-      }), s.value && s.value.parentElement && n.observe(s.value.parentElement);
-    }), H(s, (e, t) => {
-      t != null && t.parentElement && n.unobserve(t.parentElement), e != null && e.parentElement && n.observe(e.parentElement);
-    }), I(() => {
-      n !== void 0 && n.disconnect();
-    });
-    const R = f(() => a.value.some((e) => !e.filter)), g = u(!1), x = f(() => a.value.some(
-      (e) => {
-        var t, l;
-        return !e.defaultFilter && e.filter || e.defaultFilter && (((t = e.filter) == null ? void 0 : t.disabled) === !0 || !ee((l = e.filter) == null ? void 0 : l.value, e.defaultFilter));
+    const V = J("PlTableFiltersV2"), i = T(!1), q = C(() => a.value.filters.length > 0);
+    function y(t) {
+      const e = t.type === "axis" ? { type: "axis", id: I(t.spec) } : { type: "column", id: t.id };
+      return L(e);
+    }
+    const u = C(() => k.columns.map((t, e) => {
+      var d;
+      const l = y(t), o = ((d = f(t.spec, g.Label)) == null ? void 0 : d.trim()) ?? `Unlabeled ${t.type} ${e}`, n = $(t.spec, D.Alphabet) ?? f(t.spec, g.Alphabet);
+      return {
+        id: l,
+        label: o,
+        spec: t.spec,
+        alphabet: n ?? void 0
+      };
+    })), S = [
+      "isNA",
+      "isNotNA",
+      "greaterThan",
+      "greaterThanOrEqual",
+      "lessThan",
+      "lessThanOrEqual",
+      "patternEquals",
+      "patternNotEquals",
+      "patternContainSubsequence",
+      "patternNotContainSubsequence",
+      "patternMatchesRegularExpression",
+      "patternFuzzyContainSubsequence",
+      "equal",
+      "notEqual"
+    ];
+    function F(t) {
+      const e = u.value.find((o) => o.id === t.columnId);
+      if (!e) return [];
+      const l = f(e.spec, g.DiscreteValues);
+      if (!l) return [];
+      try {
+        return U(l).filter((n) => t.searchStr ? String(n).toLowerCase().includes(t.searchStr.toLowerCase()) : !0).map((n) => ({ value: n, label: String(n) }));
+      } catch {
+        return [];
       }
-    )), z = () => {
-      a.value.forEach((e) => {
-        e.defaultFilter ? e.filter = {
-          value: e.defaultFilter,
-          disabled: !1,
-          open: !1
-        } : e.filter = null;
-      });
-    }, T = f(() => a.value.filter((e) => e.filter !== null));
-    return (e, t) => (m(), b(J, null, [
-      y.value && o(M) ? (m(), O(W, {
+    }
+    return (t, e) => (s(), p(E, null, [
+      b.value && r(V) ? (s(), P(B, {
         key: 0,
-        to: o(M)
+        to: r(V)
       }, [
-        r(o(h), {
-          icon: N.value ? "filter-on" : "filter",
-          onClick: t[0] || (t[0] = $((l) => c.value = !0, ["stop"]))
+        m(r(G), {
+          icon: q.value ? "filter-on" : "filter",
+          onClick: e[0] || (e[0] = z((l) => i.value = !0, ["stop"]))
         }, {
-          default: d(() => [...t[5] || (t[5] = [
-            p(" Filters ", -1)
+          default: c(() => [...e[3] || (e[3] = [
+            h(" Filters ", -1)
           ])]),
           _: 1
         }, 8, ["icon"])
-      ], 8, ["to"])) : V("", !0),
-      r(o(j), {
-        modelValue: c.value,
-        "onUpdate:modelValue": t[3] || (t[3] = (l) => c.value = l),
+      ], 8, ["to"])) : w("", !0),
+      m(r(R), {
+        modelValue: i.value,
+        "onUpdate:modelValue": e[2] || (e[2] = (l) => i.value = l),
         "close-on-outside-click": !1
       }, {
-        title: d(() => [...t[6] || (t[6] = [
-          p("Manage Filters", -1)
+        title: c(() => [...e[4] || (e[4] = [
+          h("Manage Filters", -1)
         ])]),
-        default: d(() => [
-          k("div", {
-            ref_key: "filterManager",
-            ref: s,
-            class: v(e.$style["filter-manager"])
+        default: c(() => [
+          u.value.length > 0 ? (s(), p("div", {
+            key: 0,
+            class: O(t.$style.root)
           }, [
-            r(o(K), {
-              items: T.value,
-              "onUpdate:items": t[1] || (t[1] = (l) => T.value = l),
-              "on-expand": (l) => {
-                l.filter && (l.filter.open = !l.filter.open);
-              },
-              "is-expanded": (l) => {
-                var i;
-                return ((i = l.filter) == null ? void 0 : i.open) ?? !1;
-              },
-              "on-toggle": (l) => {
-                l.filter && (l.filter.disabled = !l.filter.disabled);
-              },
-              "is-toggled": (l) => {
-                var i;
-                return ((i = l.filter) == null ? void 0 : i.disabled) ?? !1;
-              },
-              "on-remove": (l) => {
-                l.filter && (l.filter = null);
-              },
-              "get-item-key": (l) => o(G)(l.id),
-              "disable-dragging": ""
-            }, {
-              "item-title": d(({ item: l }) => [
-                p(q(l.label), 1)
-              ]),
-              "item-content": d(({ index: l }) => [
-                r(_, {
-                  modelValue: o(a).value[l],
-                  "onUpdate:modelValue": (i) => o(a).value[l] = i
-                }, null, 8, ["modelValue", "onUpdate:modelValue"])
-              ]),
-              _: 1
-            }, 8, ["items", "on-expand", "is-expanded", "on-toggle", "is-toggled", "on-remove", "get-item-key"]),
-            o(a).value.length ? (m(), b("div", {
-              key: 0,
-              class: v(e.$style["add-action-wrapper"])
-            }, [
-              k("button", {
-                disabled: !R.value,
-                class: v(e.$style["add-btn"]),
-                onClick: t[2] || (t[2] = (l) => g.value = !0)
-              }, [
-                r(o(Q), { name: "add" }),
-                k("div", {
-                  class: v(e.$style["add-btn-title"])
-                }, "Add Filter", 2)
-              ], 10, le),
-              r(o(X), {
-                disabled: !x.value,
-                onClick: $(z, ["stop"])
-              }, {
-                default: d(() => [...t[7] || (t[7] = [
-                  p(" Reset to defaults ", -1)
-                ])]),
-                _: 1
-              }, 8, ["disabled"])
-            ], 2)) : V("", !0),
-            o(a).value.length ? V("", !0) : (m(), b("div", te, "No filters applicable"))
-          ], 2)
+            m(r(j), {
+              filters: a.value,
+              "onUpdate:filters": e[1] || (e[1] = (l) => a.value = l),
+              items: u.value,
+              "supported-filters": S,
+              "get-suggest-options": F,
+              "enable-dnd": !1,
+              "enable-add-group-button": !0
+            }, null, 8, ["filters", "items"])
+          ], 2)) : (s(), p("div", H, "No filters applicable"))
         ]),
         _: 1
-      }, 8, ["modelValue"]),
-      r(Z, {
-        modelValue: g.value,
-        "onUpdate:modelValue": t[4] || (t[4] = (l) => g.value = l),
-        filters: o(a).value,
-        "set-filter": (l, i) => o(a).value[l] = i
-      }, null, 8, ["modelValue", "filters", "set-filter"])
+      }, 8, ["modelValue"])
     ], 64));
   }
 });
 export {
-  ue as default
+  Y as default
 };
 //# sourceMappingURL=PlTableFiltersV2.vue2.js.map

package/dist/components/PlTableFilters/PlTableFiltersV2.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlTableFiltersV2.vue2.js","sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  type PlDataTableFilterState,\n  canonicalizeJson,\n  type PTableColumnId,\n} from \"@platforma-sdk/model\";\nimport type { PlDataTableFiltersSettings } from \"./types\";\nimport { computed, onBeforeUnmount, onMounted, ref, toRefs, watch } from \"vue\";\nimport {\n  PlBtnGhost,\n  PlSlideModal,\n  PlBtnSecondary,\n  PlMaskIcon16,\n  PlElementList,\n  usePlBlockPageTitleTeleportTarget,\n} from \"@milaboratories/uikit\";\nimport { useFilters } from \"./filters-state\";\nimport PlTableAddFilterV2 from \"./PlTableAddFilterV2.vue\";\nimport PlTableFilterEntryV2 from \"./PlTableFilterEntryV2.vue\";\nimport { isJsonEqual } from \"@milaboratories/helpers\";\n\nconst state = defineModel<PlDataTableFilterState[]>({\n  default: [],\n});\nconst props = defineProps<{\n  settings: Readonly<PlDataTableFiltersSettings>;\n}>();\nconst { settings } = toRefs(props);\n\nconst filters = useFilters(settings, state);\n\nconst filtersOn = computed<boolean>(() =>\n  filters.value.some((s) => s.filter && !s.filter.disabled),\n);\n\nconst mounted = ref(false);\nonMounted(() => {\n  mounted.value = true;\n});\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlTableFiltersV2\");\n\nconst showManager = ref(false);\n\nconst scrollIsActive = ref(false);\nconst filterManager = ref<HTMLElement>();\nlet observer: ResizeObserver;\nonMounted(() => {\n  observer = new ResizeObserver(() => {\n    const parent = filterManager.value?.parentElement;\n    if (!parent) return;\n    scrollIsActive.value =\n      parent.scrollHeight > parent.clientHeight || parent.scrollWidth > parent.clientWidth;\n  });\n  if (filterManager.value && filterManager.value.parentElement) {\n    observer.observe(filterManager.value!.parentElement);\n  }\n});\n\nwatch(filterManager, (newElement, oldElement) => {\n  if (oldElement?.parentElement) {\n    observer.unobserve(oldElement.parentElement);\n  }\n  if (newElement?.parentElement) {\n    observer.observe(newElement.parentElement);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (observer !== undefined) {\n    observer.disconnect();\n  }\n});\n\nconst canAddFilter = computed<boolean>(() => filters.value.some((s) => !s.filter));\nconst showAddFilter = ref(false);\n\nconst canResetToDefaults = computed<boolean>(() => {\n  return filters.value.some(\n    (s) =>\n      (!s.defaultFilter && s.filter) ||\n      (s.defaultFilter &&\n        (s.filter?.disabled === true || !isJsonEqual(s.filter?.value, s.defaultFilter))),\n  );\n});\nconst resetToDefaults = () => {\n  filters.value.forEach((s) => {\n    if (s.defaultFilter) {\n      s.filter = {\n        value: s.defaultFilter,\n        disabled: false,\n        open: false,\n      };\n    } else {\n      s.filter = null;\n    }\n  });\n};\n\nconst items = computed(() => filters.value.filter((s) => s.filter !== null));\n</script>\n\n<template>\n  <Teleport v-if=\"mounted && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost :icon=\"filtersOn ? 'filter-on' : 'filter'\" @click.stop=\"showManager = true\">\n      Filters\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n\n    <div ref=\"filterManager\" :class=\"$style['filter-manager']\">\n      <PlElementList\n        v-model:items=\"items\"\n        :on-expand=\"\n          (item) => {\n            if (item.filter) {\n              item.filter.open = !item.filter.open;\n            }\n          }\n        \"\n        :is-expanded=\"(item) => item.filter?.open ?? false\"\n        :on-toggle=\"\n          (item) => {\n            if (item.filter) {\n              item.filter.disabled = !item.filter.disabled;\n            }\n          }\n        \"\n        :is-toggled=\"(item) => item.filter?.disabled ?? false\"\n        :on-remove=\"\n          (item) => {\n            if (item.filter) {\n              item.filter = null;\n            }\n          }\n        \"\n        :get-item-key=\"(item) => canonicalizeJson<PTableColumnId>(item.id)\"\n        disable-dragging\n      >\n        <template #item-title=\"{ item }\">\n          {{ item.label }}\n        </template>\n        <template #item-content=\"{ index }\">\n          <PlTableFilterEntryV2 v-model=\"filters.value[index]\" />\n        </template>\n      </PlElementList>\n\n      <div v-if=\"filters.value.length\" :class=\"$style['add-action-wrapper']\">\n        <button :disabled=\"!canAddFilter\" :class=\"$style['add-btn']\" @click=\"showAddFilter = true\">\n          <PlMaskIcon16 name=\"add\" />\n          <div :class=\"$style['add-btn-title']\">Add Filter</div>\n        </button>\n\n        <PlBtnSecondary :disabled=\"!canResetToDefaults\" @click.stop=\"resetToDefaults\">\n          Reset to defaults\n        </PlBtnSecondary>\n      </div>\n\n      <div v-if=\"!filters.value.length\">No filters applicable</div>\n    </div>\n  </PlSlideModal>\n\n  <PlTableAddFilterV2\n    v-model=\"showAddFilter\"\n    :filters=\"filters.value\"\n    :set-filter=\"(idx, filter) => (filters.value[idx] = filter)\"\n  />\n</template>\n\n<style lang=\"scss\" module>\n.filter-manager {\n  --expand-icon-rotation: rotate(0deg);\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.add-action-wrapper {\n  position: sticky;\n  bottom: -16px;\n  background-color: var(--bg-elevated-01);\n  transition: all 0.15s ease-in-out;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.add-btn {\n  height: 40px;\n  background-color: var(--bg-elevated-01);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-left: 12px;\n  padding-right: 12px;\n  border-radius: 6px;\n  border: 1px dashed var(--border-color-div-grey);\n  line-height: 0;\n  cursor: pointer;\n  text-align: left;\n}\n\n.add-btn:disabled {\n  --icon-color: var(--dis-01);\n  cursor: auto;\n}\n\n.add-btn:not([disabled]):hover {\n  border-radius: 6px;\n  border: 1px dashed var(--border-color-focus, #49cc49);\n  background: rgba(99, 224, 36, 0.12);\n}\n\n.add-btn-title {\n  flex-grow: 1;\n  font-weight: 600;\n}\n\n.expand-icon {\n  transition: all 0.15s ease-in-out;\n  transform: var(--expand-icon-rotation);\n  line-height: 0;\n  cursor: pointer;\n}\n\n.toggle,\n.delete {\n  line-height: 0;\n  cursor: pointer;\n  display: none;\n}\n\n.toggle .mask-24,\n.delete .mask-24 {\n  --icon-color: var(--ic-02);\n}\n\n.toggle:hover .mask-24 {\n  --icon-color: var(--ic-01);\n}\n\n.delete:hover .mask-24 {\n  --icon-color: var(--ic-01);\n}\n\n.filter:hover .toggle,\n.filter:hover .delete {\n  display: block;\n}\n\n.filter {\n  border-radius: 6px;\n  border: 1px solid var(--border-color-div-grey);\n  background-color: var(--bg-base-light);\n  transition: background-color 0.15s ease-in-out;\n  overflow: auto;\n}\n\n.filter.disabled .expand-icon,\n.filter.disabled .title {\n  opacity: 0.3;\n}\n\n.filter:hover {\n  background-color: var(--bg-elevated-01);\n}\n\n.filter:global(.open) {\n  background-color: var(--bg-elevated-01);\n  --expand-icon-rotation: rotate(90deg);\n}\n</style>\n"],"names":["state","_useModel","props","__props","settings","toRefs","filters","useFilters","filtersOn","computed","s","mounted","ref","onMounted","teleportTarget","usePlBlockPageTitleTeleportTarget","showManager","scrollIsActive","filterManager","observer","parent","_a","watch","newElement","oldElement","onBeforeUnmount","canAddFilter","showAddFilter","canResetToDefaults","isJsonEqual","_b","resetToDefaults","items","_unref","_createBlock","_Teleport","_createVNode","PlBtnGhost","_cache","PlSlideModal","$event","_createElementVNode","$style","PlElementList","item","_withCtx","_createTextVNode","_toDisplayString","index","PlTableFilterEntryV2","_createElementBlock","PlMaskIcon16","PlBtnSecondary","_openBlock","PlTableAddFilterV2","idx","filter"],"mappings":"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"}
+{"version":3,"file":"PlTableFiltersV2.vue2.js","sources":["../../../src/components/PlTableFilters/PlTableFiltersV2.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PTableColumnSpec, PTableColumnId, ListOptionBase } from \"@platforma-sdk/model\";\nimport {\n  canonicalizeJson,\n  Annotation,\n  Domain,\n  readAnnotation,\n  readDomain,\n  parseJson,\n  getAxisId,\n} from \"@platforma-sdk/model\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { PlBtnGhost, PlSlideModal, usePlBlockPageTitleTeleportTarget } from \"@milaboratories/uikit\";\nimport {\n  PlAdvancedFilter,\n  PlAdvancedFilterSupportedFilters,\n  type PlAdvancedFilterItem,\n} from \"../PlAdvancedFilter\";\nimport type { PlAdvancedFilterColumnId } from \"../PlAdvancedFilter/types\";\n\nconst model = defineModel<PlAdvancedFilter>({ required: true });\nconst props = defineProps<{\n  columns: PTableColumnSpec[];\n}>();\n\n// Teleport for \"Filters\" button\nconst mounted = ref(false);\nonMounted(() => {\n  mounted.value = true;\n});\nconst teleportTarget = usePlBlockPageTitleTeleportTarget(\"PlTableFiltersV2\");\nconst showManager = ref(false);\n\n// Check if any filters are active\nconst filtersOn = computed(() => {\n  return model.value.filters.length > 0;\n});\n\n// Convert PTableColumnSpec to PlAdvancedFilterColumnId\nfunction makeFilterColumnId(spec: PTableColumnSpec): PlAdvancedFilterColumnId {\n  const id: PTableColumnId =\n    spec.type === \"axis\"\n      ? { type: \"axis\", id: getAxisId(spec.spec) }\n      : { type: \"column\", id: spec.id };\n  return canonicalizeJson<PTableColumnId>(id) as unknown as PlAdvancedFilterColumnId;\n}\n\n// Convert PTableColumnSpec[] to PlAdvancedFilterItem[]\nconst items = computed<PlAdvancedFilterItem[]>(() => {\n  return props.columns.map((col, idx) => {\n    const id = makeFilterColumnId(col);\n    const label =\n      readAnnotation(col.spec, Annotation.Label)?.trim() ?? `Unlabeled ${col.type} ${idx}`;\n    const alphabet =\n      readDomain(col.spec, Domain.Alphabet) ?? readAnnotation(col.spec, Annotation.Alphabet);\n    return {\n      id,\n      label,\n      spec: col.spec,\n      alphabet: alphabet ?? undefined,\n    };\n  });\n});\n\n// Supported filters (same set as FilterSidebar)\nconst supportedFilters = [\n  \"isNA\",\n  \"isNotNA\",\n  \"greaterThan\",\n  \"greaterThanOrEqual\",\n  \"lessThan\",\n  \"lessThanOrEqual\",\n  \"patternEquals\",\n  \"patternNotEquals\",\n  \"patternContainSubsequence\",\n  \"patternNotContainSubsequence\",\n  \"patternMatchesRegularExpression\",\n  \"patternFuzzyContainSubsequence\",\n  \"equal\",\n  \"notEqual\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n\n// getSuggestOptions - provide discrete values from column annotations\nfunction getSuggestOptions(params: {\n  columnId: PlAdvancedFilterColumnId;\n  axisIdx?: number;\n  searchStr: string;\n  searchType: \"value\" | \"label\";\n}): ListOptionBase<string | number>[] {\n  const item = items.value.find((i) => i.id === params.columnId);\n  if (!item) return [];\n\n  const discreteValuesStr = readAnnotation(item.spec, Annotation.DiscreteValues);\n  if (!discreteValuesStr) return [];\n\n  try {\n    const values = parseJson<(string | number)[]>(discreteValuesStr);\n    return values\n      .filter((v) => {\n        if (!params.searchStr) return true;\n        const str = String(v).toLowerCase();\n        return str.includes(params.searchStr.toLowerCase());\n      })\n      .map((v) => ({ value: v, label: String(v) }));\n  } catch {\n    return [];\n  }\n}\n</script>\n\n<template>\n  <Teleport v-if=\"mounted && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost :icon=\"filtersOn ? 'filter-on' : 'filter'\" @click.stop=\"showManager = true\">\n      Filters\n    </PlBtnGhost>\n  </Teleport>\n\n  <PlSlideModal v-model=\"showManager\" :close-on-outside-click=\"false\">\n    <template #title>Manage Filters</template>\n\n    <div v-if=\"items.length > 0\" :class=\"$style.root\">\n      <PlAdvancedFilter\n        v-model:filters=\"model\"\n        :items=\"items\"\n        :supported-filters=\"supportedFilters\"\n        :get-suggest-options=\"getSuggestOptions\"\n        :enable-dnd=\"false\"\n        :enable-add-group-button=\"true\"\n      />\n    </div>\n    <div v-else>No filters applicable</div>\n  </PlSlideModal>\n</template>\n\n<style module>\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"names":["model","_useModel","props","__props","mounted","ref","onMounted","teleportTarget","usePlBlockPageTitleTeleportTarget","showManager","filtersOn","computed","makeFilterColumnId","spec","id","getAxisId","canonicalizeJson","items","col","idx","label","_a","readAnnotation","Annotation","alphabet","readDomain","Domain","supportedFilters","getSuggestOptions","params","item","i","discreteValuesStr","parseJson","v","_unref","_createBlock","_Teleport","_createVNode","PlBtnGhost","_cache","PlSlideModal","$event","_createElementBlock","_normalizeClass","$style","PlAdvancedFilter","_openBlock"],"mappings":"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"}

package/dist/components/PlTableFilters/PlTableFiltersV2.vue3.js

@@ -1,21 +1,8 @@
-const t = "_toggle_3rpt9_56", _ = "_filter_3rpt9_1", e = "_disabled_3rpt9_89", a = "_title_3rpt9_90", d = {
-  "filter-manager": "_filter-manager_3rpt9_1",
-  "add-action-wrapper": "_add-action-wrapper_3rpt9_8",
-  "add-btn": "_add-btn_3rpt9_18",
-  "add-btn-title": "_add-btn-title_3rpt9_44",
-  "expand-icon": "_expand-icon_3rpt9_49",
-  toggle: t,
-  delete: "_delete_3rpt9_57",
-  "mask-24": "_mask-24_3rpt9_63",
-  filter: _,
-  disabled: e,
-  title: a
+const o = "_root_pwh6f_2", t = {
+  root: o
 };
 export {
-  d as default,
-  e as disabled,
-  _ as filter,
-  a as title,
-  t as toggle
+  t as default,
+  o as root
 };
 //# sourceMappingURL=PlTableFiltersV2.vue3.js.map

package/dist/components/PlTableFilters/PlTableFiltersV2.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlTableFiltersV2.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"PlTableFiltersV2.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

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

package/dist/components/PlTableFilters/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlTableFilters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlTableFilters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}