@toolbox-web/grid-vue 0.11.0 → 0.11.1

package/features/filtering.d.ts

@@ -7,8 +7,11 @@ export interface FilteringMethods {
      * Set a filter on a specific field.
      * @param field - The field name to filter
      * @param filter - Filter configuration, or null to remove
+     * @param options - `{ silent: true }` applies the filter without emitting `filter-change`
      */
-    setFilter: (field: string, filter: Omit<FilterModel, 'field'> | null) => void;
+    setFilter: (field: string, filter: Omit<FilterModel, 'field'> | null, options?: {
+        silent?: boolean;
+    }) => void;
     /**
      * Get the current filter for a field.
      */
@@ -19,16 +22,25 @@ export interface FilteringMethods {
     getFilters: () => FilterModel[];
     /**
      * Set all filters at once (replaces existing).
+     * @param options - `{ silent: true }` applies filters without emitting `filter-change`
      */
-    setFilterModel: (filters: FilterModel[]) => void;
+    setFilterModel: (filters: FilterModel[], options?: {
+        silent?: boolean;
+    }) => void;
     /**
      * Clear all active filters.
+     * @param options - `{ silent: true }` clears filters without emitting `filter-change`
      */
-    clearAllFilters: () => void;
+    clearAllFilters: (options?: {
+        silent?: boolean;
+    }) => void;
     /**
      * Clear filter for a specific field.
+     * @param options - `{ silent: true }` clears filter without emitting `filter-change`
      */
-    clearFieldFilter: (field: string) => void;
+    clearFieldFilter: (field: string, options?: {
+        silent?: boolean;
+    }) => void;
     /**
      * Check if a field has an active filter.
      */

package/features/filtering.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAqC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAE9E;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;OAEG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAE9C;;OAEG;IACH,eAAe,EAAE,MAAM,WAAW,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,IAAI,gBAAgB,CAwFnD"}
+{"version":3,"file":"filtering.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/filtering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,WAAW,EAEjB,MAAM,qCAAqC,CAAC;AAqC7C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE9G;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,WAAW,GAAG,SAAS,CAAC;IAEtD;;OAEG;IACH,UAAU,EAAE,MAAM,WAAW,EAAE,CAAC;IAEhC;;;OAGG;IACH,cAAc,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAEjF;;;OAGG;IACH,eAAe,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1D;;;OAGG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAE5C;;OAEG;IACH,mBAAmB,EAAE,MAAM,MAAM,CAAC;IAElC;;OAEG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,CAAC;IAE9C;;OAEG;IACH,eAAe,EAAE,MAAM,WAAW,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAE3C;;OAEG;IACH,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC7D;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,IAAI,gBAAgB,CAwFnD"}

package/features/filtering.js

@@ -1,32 +1,32 @@
-import { FilteringPlugin as g } from "@toolbox-web/grid/plugins/filtering";
+import { FilteringPlugin as o } from "@toolbox-web/grid/plugins/filtering";
 import { inject as d, ref as u, createApp as f } from "vue";
 import { registerFeature as s } from "@toolbox-web/grid/features/registry";
 import { G as a } from "../chunks/use-grid-B59B6XdD.js";
 s("filtering", (r) => {
   if (r === !0)
-    return new g();
+    return new o();
   if (!r)
-    return new g();
+    return new o();
   const t = r, e = { ...t };
   if (typeof t.filterPanelRenderer == "function" && t.filterPanelRenderer.length <= 1) {
     const i = t.filterPanelRenderer;
-    e.filterPanelRenderer = (n, o) => {
-      const l = document.createElement("div");
-      l.style.display = "contents", f({
+    e.filterPanelRenderer = (n, l) => {
+      const g = document.createElement("div");
+      g.style.display = "contents", f({
         render() {
-          return i(o);
+          return i(l);
         }
-      }).mount(l), n.appendChild(l);
+      }).mount(g), n.appendChild(g);
     };
   }
-  return new g(e);
+  return new o(e);
 });
 function m() {
   const r = d(a, u(null)), t = () => r.value?.getPluginByName("filtering");
   return {
-    setFilter: (e, i) => {
-      const n = t();
-      if (!n) {
+    setFilter: (e, i, n) => {
+      const l = t();
+      if (!l) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -35,13 +35,13 @@ function m() {
         );
         return;
       }
-      n.setFilter(e, i);
+      l.setFilter(e, i, n);
     },
     getFilter: (e) => t()?.getFilter(e),
     getFilters: () => t()?.getFilters() ?? [],
-    setFilterModel: (e) => {
-      const i = t();
-      if (!i) {
+    setFilterModel: (e, i) => {
+      const n = t();
+      if (!n) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -50,11 +50,11 @@ function m() {
         );
         return;
       }
-      i.setFilterModel(e);
+      n.setFilterModel(e, i);
     },
-    clearAllFilters: () => {
-      const e = t();
-      if (!e) {
+    clearAllFilters: (e) => {
+      const i = t();
+      if (!i) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -63,11 +63,11 @@ function m() {
         );
         return;
       }
-      e.clearAllFilters();
+      i.clearAllFilters(e);
     },
-    clearFieldFilter: (e) => {
-      const i = t();
-      if (!i) {
+    clearFieldFilter: (e, i) => {
+      const n = t();
+      if (!n) {
         console.warn(
           `[tbw-grid:filtering] FilteringPlugin not found.
 
@@ -76,7 +76,7 @@ function m() {
         );
         return;
       }
-      i.clearFieldFilter(e);
+      n.clearFieldFilter(e, i);
     },
     isFieldFiltered: (e) => t()?.isFieldFiltered(e) ?? !1,
     getFilteredRowCount: () => t()?.getFilteredRowCount() ?? 0,

package/features/filtering.js.map

@@ -1 +1 @@
-{"version":3,"file":"filtering.js","sources":["../../../../libs/grid-vue/src/features/filtering.ts"],"sourcesContent":["/**\n * Filtering feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `filtering` prop on TbwGrid.\n * Also exports `useGridFiltering()` composable for programmatic filter control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/filtering';\n * </script>\n *\n * <template>\n *   <TbwGrid filtering />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridFiltering } from '@toolbox-web/grid-vue/features/filtering';\n *\n * const { setFilter, clearAllFilters, getFilteredRowCount } = useGridFiltering();\n *\n * function filterByStatus(status: string) {\n *   setFilter('status', { operator: 'equals', value: status });\n * }\n * </script>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport {\n  FilteringPlugin,\n  type BlankMode,\n  type FilterConfig,\n  type FilterModel,\n  type FilterPanelParams,\n} from '@toolbox-web/grid/plugins/filtering';\nimport { createApp, inject, ref, type VNode } from 'vue';\nimport { registerFeature } from '../lib/feature-registry';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\nregisterFeature('filtering', (rawConfig) => {\n  if (rawConfig === true) {\n    return new FilteringPlugin();\n  }\n  if (!rawConfig) {\n    return new FilteringPlugin();\n  }\n\n  const config = rawConfig as FilterConfig & { filterPanelRenderer?: unknown };\n  const options = { ...config } as FilterConfig;\n\n  // Bridge Vue filterPanelRenderer (1 arg: params → VNode) to vanilla (2 args: container, params)\n  if (typeof config.filterPanelRenderer === 'function' && config.filterPanelRenderer.length <= 1) {\n    const vueFn = config.filterPanelRenderer as unknown as (params: FilterPanelParams) => VNode;\n    options.filterPanelRenderer = (container: HTMLElement, params: FilterPanelParams) => {\n      const wrapper = document.createElement('div');\n      wrapper.style.display = 'contents';\n\n      const app = createApp({\n        render() {\n          return vueFn(params);\n        },\n      });\n\n      app.mount(wrapper);\n      container.appendChild(wrapper);\n    };\n  }\n\n  return new FilteringPlugin(options);\n});\n\n/**\n * Filtering methods returned from useGridFiltering.\n */\nexport interface FilteringMethods {\n  /**\n   * Set a filter on a specific field.\n   * @param field - The field name to filter\n   * @param filter - Filter configuration, or null to remove\n   */\n  setFilter: (field: string, filter: Omit<FilterModel, 'field'> | null) => void;\n\n  /**\n   * Get the current filter for a field.\n   */\n  getFilter: (field: string) => FilterModel | undefined;\n\n  /**\n   * Get all active filters.\n   */\n  getFilters: () => FilterModel[];\n\n  /**\n   * Set all filters at once (replaces existing).\n   */\n  setFilterModel: (filters: FilterModel[]) => void;\n\n  /**\n   * Clear all active filters.\n   */\n  clearAllFilters: () => void;\n\n  /**\n   * Clear filter for a specific field.\n   */\n  clearFieldFilter: (field: string) => void;\n\n  /**\n   * Check if a field has an active filter.\n   */\n  isFieldFiltered: (field: string) => boolean;\n\n  /**\n   * Get the count of rows after filtering.\n   */\n  getFilteredRowCount: () => number;\n\n  /**\n   * Get unique values for a field (for building filter dropdowns).\n   */\n  getUniqueValues: (field: string) => unknown[];\n\n  /**\n   * Get set filters whose values no longer match any rows in the current data.\n   */\n  getStaleFilters: () => FilterModel[];\n\n  /**\n   * Get the current blank mode for a field.\n   */\n  getBlankMode: (field: string) => BlankMode;\n\n  /**\n   * Toggle blank filter mode for a field.\n   */\n  toggleBlankFilter: (field: string, mode: BlankMode) => void;\n}\n\n/**\n * Composable for programmatic filter control.\n *\n * Must be used within a component that contains a TbwGrid with filtering enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridFiltering } from '@toolbox-web/grid-vue/features/filtering';\n *\n * const { setFilter, clearAllFilters, getFilteredRowCount, isFieldFiltered } = useGridFiltering();\n *\n * function applyQuickFilter(field: string, value: string) {\n *   setFilter(field, { operator: 'contains', value });\n * }\n * </script>\n *\n * <template>\n *   <input @input=\"applyQuickFilter('name', $event.target.value)\" placeholder=\"Filter by name...\" />\n *   <span>{{ getFilteredRowCount() }} results</span>\n *   <button @click=\"clearAllFilters\">Clear Filters</button>\n * </template>\n * ```\n */\nexport function useGridFiltering(): FilteringMethods {\n  const gridElement = inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): FilteringPlugin | undefined => {\n    const grid = gridElement.value as DataGridElement | null;\n    return grid?.getPluginByName('filtering');\n  };\n\n  return {\n    setFilter: (field: string, filter: Omit<FilterModel, 'field'> | null) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.setFilter(field, filter);\n    },\n\n    getFilter: (field: string) => getPlugin()?.getFilter(field),\n\n    getFilters: () => getPlugin()?.getFilters() ?? [],\n\n    setFilterModel: (filters: FilterModel[]) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.setFilterModel(filters);\n    },\n\n    clearAllFilters: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.clearAllFilters();\n    },\n\n    clearFieldFilter: (field: string) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.clearFieldFilter(field);\n    },\n\n    isFieldFiltered: (field: string) => getPlugin()?.isFieldFiltered(field) ?? false,\n\n    getFilteredRowCount: () => getPlugin()?.getFilteredRowCount() ?? 0,\n\n    getUniqueValues: (field: string) => getPlugin()?.getUniqueValues(field) ?? [],\n\n    getStaleFilters: () => getPlugin()?.getStaleFilters() ?? [],\n\n    getBlankMode: (field: string): BlankMode => getPlugin()?.getBlankMode(field) ?? 'all',\n\n    toggleBlankFilter: (field: string, mode: BlankMode) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.toggleBlankFilter(field, mode);\n    },\n  };\n}\n"],"names":["registerFeature","rawConfig","FilteringPlugin","config","options","vueFn","container","params","wrapper","createApp","useGridFiltering","gridElement","inject","GRID_ELEMENT_KEY","ref","getPlugin","field","filter","plugin","filters","mode"],"mappings":";;;;AA6CAA,EAAgB,aAAa,CAACC,MAAc;AAC1C,MAAIA,MAAc;AAChB,WAAO,IAAIC,EAAA;AAEb,MAAI,CAACD;AACH,WAAO,IAAIC,EAAA;AAGb,QAAMC,IAASF,GACTG,IAAU,EAAE,GAAGD,EAAA;AAGrB,MAAI,OAAOA,EAAO,uBAAwB,cAAcA,EAAO,oBAAoB,UAAU,GAAG;AAC9F,UAAME,IAAQF,EAAO;AACrB,IAAAC,EAAQ,sBAAsB,CAACE,GAAwBC,MAA8B;AACnF,YAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,MAAM,UAAU,YAEZC,EAAU;AAAA,QACpB,SAAS;AACP,iBAAOJ,EAAME,CAAM;AAAA,QACrB;AAAA,MAAA,CACD,EAEG,MAAMC,CAAO,GACjBF,EAAU,YAAYE,CAAO;AAAA,IAC/B;AAAA,EACF;AAEA,SAAO,IAAIN,EAAgBE,CAAO;AACpC,CAAC;AA6FM,SAASM,IAAqC;AACnD,QAAMC,IAAcC,EAAOC,GAAkBC,EAAI,IAAI,CAAC,GAEhDC,IAAY,MACHJ,EAAY,OACZ,gBAAgB,WAAW;AAG1C,SAAO;AAAA,IACL,WAAW,CAACK,GAAeC,MAA8C;AACvE,YAAMC,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,UAAUF,GAAOC,CAAM;AAAA,IAChC;AAAA,IAEA,WAAW,CAACD,MAAkBD,EAAA,GAAa,UAAUC,CAAK;AAAA,IAE1D,YAAY,MAAMD,KAAa,WAAA,KAAgB,CAAA;AAAA,IAE/C,gBAAgB,CAACI,MAA2B;AAC1C,YAAMD,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,eAAeC,CAAO;AAAA,IAC/B;AAAA,IAEA,iBAAiB,MAAM;AACrB,YAAMD,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,gBAAA;AAAA,IACT;AAAA,IAEA,kBAAkB,CAACF,MAAkB;AACnC,YAAME,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,iBAAiBF,CAAK;AAAA,IAC/B;AAAA,IAEA,iBAAiB,CAACA,MAAkBD,KAAa,gBAAgBC,CAAK,KAAK;AAAA,IAE3E,qBAAqB,MAAMD,KAAa,yBAAyB;AAAA,IAEjE,iBAAiB,CAACC,MAAkBD,EAAA,GAAa,gBAAgBC,CAAK,KAAK,CAAA;AAAA,IAE3E,iBAAiB,MAAMD,KAAa,gBAAA,KAAqB,CAAA;AAAA,IAEzD,cAAc,CAACC,MAA6BD,KAAa,aAAaC,CAAK,KAAK;AAAA,IAEhF,mBAAmB,CAACA,GAAeI,MAAoB;AACrD,YAAMF,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,kBAAkBF,GAAOI,CAAI;AAAA,IACtC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"filtering.js","sources":["../../../../libs/grid-vue/src/features/filtering.ts"],"sourcesContent":["/**\n * Filtering feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `filtering` prop on TbwGrid.\n * Also exports `useGridFiltering()` composable for programmatic filter control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/filtering';\n * </script>\n *\n * <template>\n *   <TbwGrid filtering />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridFiltering } from '@toolbox-web/grid-vue/features/filtering';\n *\n * const { setFilter, clearAllFilters, getFilteredRowCount } = useGridFiltering();\n *\n * function filterByStatus(status: string) {\n *   setFilter('status', { operator: 'equals', value: status });\n * }\n * </script>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport {\n  FilteringPlugin,\n  type BlankMode,\n  type FilterConfig,\n  type FilterModel,\n  type FilterPanelParams,\n} from '@toolbox-web/grid/plugins/filtering';\nimport { createApp, inject, ref, type VNode } from 'vue';\nimport { registerFeature } from '../lib/feature-registry';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\nregisterFeature('filtering', (rawConfig) => {\n  if (rawConfig === true) {\n    return new FilteringPlugin();\n  }\n  if (!rawConfig) {\n    return new FilteringPlugin();\n  }\n\n  const config = rawConfig as FilterConfig & { filterPanelRenderer?: unknown };\n  const options = { ...config } as FilterConfig;\n\n  // Bridge Vue filterPanelRenderer (1 arg: params → VNode) to vanilla (2 args: container, params)\n  if (typeof config.filterPanelRenderer === 'function' && config.filterPanelRenderer.length <= 1) {\n    const vueFn = config.filterPanelRenderer as unknown as (params: FilterPanelParams) => VNode;\n    options.filterPanelRenderer = (container: HTMLElement, params: FilterPanelParams) => {\n      const wrapper = document.createElement('div');\n      wrapper.style.display = 'contents';\n\n      const app = createApp({\n        render() {\n          return vueFn(params);\n        },\n      });\n\n      app.mount(wrapper);\n      container.appendChild(wrapper);\n    };\n  }\n\n  return new FilteringPlugin(options);\n});\n\n/**\n * Filtering methods returned from useGridFiltering.\n */\nexport interface FilteringMethods {\n  /**\n   * Set a filter on a specific field.\n   * @param field - The field name to filter\n   * @param filter - Filter configuration, or null to remove\n   * @param options - `{ silent: true }` applies the filter without emitting `filter-change`\n   */\n  setFilter: (field: string, filter: Omit<FilterModel, 'field'> | null, options?: { silent?: boolean }) => void;\n\n  /**\n   * Get the current filter for a field.\n   */\n  getFilter: (field: string) => FilterModel | undefined;\n\n  /**\n   * Get all active filters.\n   */\n  getFilters: () => FilterModel[];\n\n  /**\n   * Set all filters at once (replaces existing).\n   * @param options - `{ silent: true }` applies filters without emitting `filter-change`\n   */\n  setFilterModel: (filters: FilterModel[], options?: { silent?: boolean }) => void;\n\n  /**\n   * Clear all active filters.\n   * @param options - `{ silent: true }` clears filters without emitting `filter-change`\n   */\n  clearAllFilters: (options?: { silent?: boolean }) => void;\n\n  /**\n   * Clear filter for a specific field.\n   * @param options - `{ silent: true }` clears filter without emitting `filter-change`\n   */\n  clearFieldFilter: (field: string, options?: { silent?: boolean }) => void;\n\n  /**\n   * Check if a field has an active filter.\n   */\n  isFieldFiltered: (field: string) => boolean;\n\n  /**\n   * Get the count of rows after filtering.\n   */\n  getFilteredRowCount: () => number;\n\n  /**\n   * Get unique values for a field (for building filter dropdowns).\n   */\n  getUniqueValues: (field: string) => unknown[];\n\n  /**\n   * Get set filters whose values no longer match any rows in the current data.\n   */\n  getStaleFilters: () => FilterModel[];\n\n  /**\n   * Get the current blank mode for a field.\n   */\n  getBlankMode: (field: string) => BlankMode;\n\n  /**\n   * Toggle blank filter mode for a field.\n   */\n  toggleBlankFilter: (field: string, mode: BlankMode) => void;\n}\n\n/**\n * Composable for programmatic filter control.\n *\n * Must be used within a component that contains a TbwGrid with filtering enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridFiltering } from '@toolbox-web/grid-vue/features/filtering';\n *\n * const { setFilter, clearAllFilters, getFilteredRowCount, isFieldFiltered } = useGridFiltering();\n *\n * function applyQuickFilter(field: string, value: string) {\n *   setFilter(field, { operator: 'contains', value });\n * }\n * </script>\n *\n * <template>\n *   <input @input=\"applyQuickFilter('name', $event.target.value)\" placeholder=\"Filter by name...\" />\n *   <span>{{ getFilteredRowCount() }} results</span>\n *   <button @click=\"clearAllFilters\">Clear Filters</button>\n * </template>\n * ```\n */\nexport function useGridFiltering(): FilteringMethods {\n  const gridElement = inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): FilteringPlugin | undefined => {\n    const grid = gridElement.value as DataGridElement | null;\n    return grid?.getPluginByName('filtering');\n  };\n\n  return {\n    setFilter: (field: string, filter: Omit<FilterModel, 'field'> | null, options?: { silent?: boolean }) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.setFilter(field, filter, options);\n    },\n\n    getFilter: (field: string) => getPlugin()?.getFilter(field),\n\n    getFilters: () => getPlugin()?.getFilters() ?? [],\n\n    setFilterModel: (filters: FilterModel[], options?: { silent?: boolean }) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.setFilterModel(filters, options);\n    },\n\n    clearAllFilters: (options?: { silent?: boolean }) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.clearAllFilters(options);\n    },\n\n    clearFieldFilter: (field: string, options?: { silent?: boolean }) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.clearFieldFilter(field, options);\n    },\n\n    isFieldFiltered: (field: string) => getPlugin()?.isFieldFiltered(field) ?? false,\n\n    getFilteredRowCount: () => getPlugin()?.getFilteredRowCount() ?? 0,\n\n    getUniqueValues: (field: string) => getPlugin()?.getUniqueValues(field) ?? [],\n\n    getStaleFilters: () => getPlugin()?.getStaleFilters() ?? [],\n\n    getBlankMode: (field: string): BlankMode => getPlugin()?.getBlankMode(field) ?? 'all',\n\n    toggleBlankFilter: (field: string, mode: BlankMode) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:filtering] FilteringPlugin not found.\\n\\n` +\n            `  → Enable filtering on the grid:\\n` +\n            `    <TbwGrid filtering />`,\n        );\n        return;\n      }\n      plugin.toggleBlankFilter(field, mode);\n    },\n  };\n}\n"],"names":["registerFeature","rawConfig","FilteringPlugin","config","options","vueFn","container","params","wrapper","createApp","useGridFiltering","gridElement","inject","GRID_ELEMENT_KEY","ref","getPlugin","field","filter","plugin","filters","mode"],"mappings":";;;;AA6CAA,EAAgB,aAAa,CAACC,MAAc;AAC1C,MAAIA,MAAc;AAChB,WAAO,IAAIC,EAAA;AAEb,MAAI,CAACD;AACH,WAAO,IAAIC,EAAA;AAGb,QAAMC,IAASF,GACTG,IAAU,EAAE,GAAGD,EAAA;AAGrB,MAAI,OAAOA,EAAO,uBAAwB,cAAcA,EAAO,oBAAoB,UAAU,GAAG;AAC9F,UAAME,IAAQF,EAAO;AACrB,IAAAC,EAAQ,sBAAsB,CAACE,GAAwBC,MAA8B;AACnF,YAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,MAAAA,EAAQ,MAAM,UAAU,YAEZC,EAAU;AAAA,QACpB,SAAS;AACP,iBAAOJ,EAAME,CAAM;AAAA,QACrB;AAAA,MAAA,CACD,EAEG,MAAMC,CAAO,GACjBF,EAAU,YAAYE,CAAO;AAAA,IAC/B;AAAA,EACF;AAEA,SAAO,IAAIN,EAAgBE,CAAO;AACpC,CAAC;AAiGM,SAASM,IAAqC;AACnD,QAAMC,IAAcC,EAAOC,GAAkBC,EAAI,IAAI,CAAC,GAEhDC,IAAY,MACHJ,EAAY,OACZ,gBAAgB,WAAW;AAG1C,SAAO;AAAA,IACL,WAAW,CAACK,GAAeC,GAA2Cb,MAAmC;AACvG,YAAMc,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,UAAUF,GAAOC,GAAQb,CAAO;AAAA,IACzC;AAAA,IAEA,WAAW,CAACY,MAAkBD,EAAA,GAAa,UAAUC,CAAK;AAAA,IAE1D,YAAY,MAAMD,KAAa,WAAA,KAAgB,CAAA;AAAA,IAE/C,gBAAgB,CAACI,GAAwBf,MAAmC;AAC1E,YAAMc,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,eAAeC,GAASf,CAAO;AAAA,IACxC;AAAA,IAEA,iBAAiB,CAACA,MAAmC;AACnD,YAAMc,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,gBAAgBd,CAAO;AAAA,IAChC;AAAA,IAEA,kBAAkB,CAACY,GAAeZ,MAAmC;AACnE,YAAMc,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,iBAAiBF,GAAOZ,CAAO;AAAA,IACxC;AAAA,IAEA,iBAAiB,CAACY,MAAkBD,KAAa,gBAAgBC,CAAK,KAAK;AAAA,IAE3E,qBAAqB,MAAMD,KAAa,yBAAyB;AAAA,IAEjE,iBAAiB,CAACC,MAAkBD,EAAA,GAAa,gBAAgBC,CAAK,KAAK,CAAA;AAAA,IAE3E,iBAAiB,MAAMD,KAAa,gBAAA,KAAqB,CAAA;AAAA,IAEzD,cAAc,CAACC,MAA6BD,KAAa,aAAaC,CAAK,KAAK;AAAA,IAEhF,mBAAmB,CAACA,GAAeI,MAAoB;AACrD,YAAMF,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,kBAAkBF,GAAOI,CAAI;AAAA,IACtC;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolbox-web/grid-vue",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "Vue 3 adapter for @toolbox-web/grid data grid component",
   "type": "module",
   "main": "./index.js",