@toolbox-web/grid-vue 0.11.1 → 0.11.2

package/chunks/use-grid-CeVD1azo.js

@@ -0,0 +1,28 @@
+import { ref as u, inject as a } from "vue";
+const i = /* @__PURE__ */ Symbol("tbw-grid");
+function o(r) {
+  const n = r ? u(null) : a(i, u(null)), t = () => {
+    if (r) {
+      const e = document.querySelector(r);
+      return e && !n.value && (n.value = e), e;
+    }
+    return n.value;
+  };
+  return {
+    gridElement: n,
+    forceLayout: async () => {
+      await t()?.forceLayout();
+    },
+    getConfig: () => t()?.getConfig(),
+    ready: async () => {
+      await t()?.ready();
+    },
+    getPlugin: (e) => t()?.getPlugin(e),
+    getPluginByName: ((e) => t()?.getPluginByName(e))
+  };
+}
+export {
+  i as G,
+  o as u
+};
+//# sourceMappingURL=use-grid-CeVD1azo.js.map

package/chunks/use-grid-CeVD1azo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-CeVD1azo.js","sources":["../../../../libs/grid-vue/src/lib/use-grid.ts"],"sourcesContent":["import type { DataGridElement } from '@toolbox-web/grid';\nimport { inject, ref, type InjectionKey, type Ref } from 'vue';\n\n/**\n * Injection key for the grid element.\n */\nexport const GRID_ELEMENT_KEY: InjectionKey<Ref<DataGridElement | null>> = Symbol('tbw-grid');\n\n/**\n * Return type for useGrid composable.\n */\nexport interface UseGridReturn {\n  /** The grid element reference */\n  gridElement: Ref<DataGridElement | null>;\n  /** Force a layout recalculation */\n  forceLayout: () => Promise<void>;\n  /** Get current grid configuration */\n  getConfig: () => ReturnType<DataGridElement['getConfig']> | undefined;\n  /** Wait for grid to be ready */\n  ready: () => Promise<void>;\n  /** Get a plugin by its class */\n  getPlugin: <T>(pluginClass: new (...args: unknown[]) => T) => T | undefined;\n  /**\n   * Get a plugin by its registered name (preferred).\n   * Uses the type-safe PluginNameMap for auto-completion and return type narrowing.\n   */\n  getPluginByName: DataGridElement['getPluginByName'];\n}\n\n/**\n * Composable for programmatic access to the grid.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGrid } from '@toolbox-web/grid-vue';\n *\n * const { forceLayout, getConfig } = useGrid();\n *\n * async function handleResize() {\n *   await forceLayout();\n * }\n * </script>\n * ```\n * @param selector - Optional CSS selector to target a specific grid element via\n *   DOM query instead of using Vue's provide/inject. Use when the component\n *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function useGrid(selector?: string): UseGridReturn {\n  const gridElement = selector ? (ref(null) as Ref<DataGridElement | null>) : inject(GRID_ELEMENT_KEY, ref(null));\n\n  /**\n   * Resolve the grid element. When a selector is provided, uses a DOM query;\n   * otherwise falls back to the injected ref.\n   */\n  const getGrid = (): DataGridElement | null => {\n    if (selector) {\n      const el = document.querySelector(selector) as DataGridElement | null;\n      if (el && !gridElement.value) gridElement.value = el;\n      return el;\n    }\n    return gridElement.value;\n  };\n\n  return {\n    gridElement,\n    forceLayout: async () => {\n      await getGrid()?.forceLayout();\n    },\n    getConfig: () => {\n      return getGrid()?.getConfig();\n    },\n    ready: async () => {\n      await getGrid()?.ready();\n    },\n    getPlugin: <T>(pluginClass: new (...args: unknown[]) => T) => {\n      return getGrid()?.getPlugin(pluginClass);\n    },\n    getPluginByName: ((name: string) => {\n      return getGrid()?.getPluginByName(name);\n    }) as DataGridElement['getPluginByName'],\n  };\n}\n"],"names":["GRID_ELEMENT_KEY","useGrid","selector","gridElement","ref","inject","getGrid","el","pluginClass","name"],"mappings":";AAMO,MAAMA,2BAAqE,UAAU;AA0CrF,SAASC,EAAQC,GAAkC;AACxD,QAAMC,IAAcD,IAAYE,EAAI,IAAI,IAAoCC,EAAOL,GAAkBI,EAAI,IAAI,CAAC,GAMxGE,IAAU,MAA8B;AAC5C,QAAIJ,GAAU;AACZ,YAAMK,IAAK,SAAS,cAAcL,CAAQ;AAC1C,aAAIK,KAAM,CAACJ,EAAY,YAAmB,QAAQI,IAC3CA;AAAA,IACT;AACA,WAAOJ,EAAY;AAAA,EACrB;AAEA,SAAO;AAAA,IACL,aAAAA;AAAA,IACA,aAAa,YAAY;AACvB,YAAMG,EAAA,GAAW,YAAA;AAAA,IACnB;AAAA,IACA,WAAW,MACFA,EAAA,GAAW,UAAA;AAAA,IAEpB,OAAO,YAAY;AACjB,YAAMA,EAAA,GAAW,MAAA;AAAA,IACnB;AAAA,IACA,WAAW,CAAIE,MACNF,EAAA,GAAW,UAAUE,CAAW;AAAA,IAEzC,kBAAkB,CAACC,MACVH,EAAA,GAAW,gBAAgBG,CAAI;AAAA,EACxC;AAEJ;"}

package/features/export.d.ts

@@ -56,6 +56,9 @@ export interface ExportMethods {
  * }
  * </script>
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using Vue's provide/inject. Use when the component
+ *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridExport(): ExportMethods;
+export declare function useGridExport(selector?: string): ExportMethods;
 //# sourceMappingURL=export.d.ts.map

package/features/export.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/export.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAAqB,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAK3G,OAAO,mCAAmC,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAEzE;;;;OAIG;IACH,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE3E;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,EAAE,MAAM;QAAE,MAAM,EAAE,YAAY,CAAC;QAAC,SAAS,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACvE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,IAAI,aAAa,CAwD7C"}
+{"version":3,"file":"export.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/export.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAK3G,OAAO,mCAAmC,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAEzE;;;;OAIG;IACH,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE3E;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAE1E;;OAEG;IACH,WAAW,EAAE,MAAM,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,EAAE,MAAM;QAAE,MAAM,EAAE,YAAY,CAAC;QAAC,SAAS,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;CACvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,CAwD9D"}

package/features/export.js

@@ -1,8 +1,8 @@
-import { inject as i, ref as x } from "vue";
-import { G as p } from "../chunks/use-grid-B59B6XdD.js";
+import { ref as i, inject as l } from "vue";
+import { G as p } from "../chunks/use-grid-CeVD1azo.js";
 import "@toolbox-web/grid/features/export";
-function s() {
-  const n = i(p, x(null)), o = () => n.value?.getPluginByName("export");
+function E(n) {
+  const x = n ? i(null) : l(p, i(null)), o = () => (n ? document.querySelector(n) : x.value)?.getPluginByName("export");
   return {
     exportToCsv: (r, e) => {
       const t = o();
@@ -48,6 +48,6 @@ function s() {
   };
 }
 export {
-  s as useGridExport
+  E as useGridExport
 };
 //# sourceMappingURL=export.js.map

package/features/export.js.map

@@ -1 +1 @@
-{"version":3,"file":"export.js","sources":["../../../../libs/grid-vue/src/features/export.ts"],"sourcesContent":["/**\n * Export feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `export` prop on TbwGrid.\n * Also exports `useGridExport()` composable for programmatic export control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/export';\n * </script>\n *\n * <template>\n *   <TbwGrid export />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridExport } from '@toolbox-web/grid-vue/features/export';\n *\n * const { exportToCsv, exportToExcel, exportToJson } = useGridExport();\n *\n * function handleExport() {\n *   exportToCsv('employees.csv');\n * }\n * </script>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type ExportPlugin, type ExportFormat, type ExportParams } from '@toolbox-web/grid/plugins/export';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/export';\n\n/**\n * Export methods returned from useGridExport.\n */\nexport interface ExportMethods {\n  /**\n   * Export grid data to CSV file.\n   * @param filename - Optional filename (defaults to 'export.csv')\n   * @param params - Optional export parameters\n   */\n  exportToCsv: (filename?: string, params?: Partial<ExportParams>) => void;\n\n  /**\n   * Export grid data to Excel file (XML Spreadsheet format).\n   * @param filename - Optional filename (defaults to 'export.xlsx')\n   * @param params - Optional export parameters\n   */\n  exportToExcel: (filename?: string, params?: Partial<ExportParams>) => void;\n\n  /**\n   * Export grid data to JSON file.\n   * @param filename - Optional filename (defaults to 'export.json')\n   * @param params - Optional export parameters\n   */\n  exportToJson: (filename?: string, params?: Partial<ExportParams>) => void;\n\n  /**\n   * Check if an export is currently in progress.\n   */\n  isExporting: () => boolean;\n\n  /**\n   * Get information about the last export.\n   */\n  getLastExport: () => { format: ExportFormat; timestamp: Date } | null;\n}\n\n/**\n * Composable for programmatic export control.\n *\n * Must be used within a component that contains a TbwGrid with the export feature enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridExport } from '@toolbox-web/grid-vue/features/export';\n *\n * const { exportToCsv, exportToExcel, isExporting } = useGridExport();\n *\n * async function handleExport(format: 'csv' | 'excel' | 'json') {\n *   if (isExporting()) return; // Prevent concurrent exports\n *\n *   switch (format) {\n *     case 'csv': exportToCsv('data.csv'); break;\n *     case 'excel': exportToExcel('data.xlsx'); break;\n *     case 'json': exportToJson('data.json'); break;\n *   }\n * }\n * </script>\n * ```\n */\nexport function useGridExport(): ExportMethods {\n  const gridElement = inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): ExportPlugin | undefined => {\n    const grid = gridElement.value as DataGridElement | null;\n    return grid?.getPluginByName('export');\n  };\n\n  return {\n    exportToCsv: (filename?: string, params?: Partial<ExportParams>) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n            `  → Enable export on the grid:\\n` +\n            `    <TbwGrid :export=\"true\" />`,\n        );\n        return;\n      }\n      plugin.exportCsv({ ...params, fileName: filename ?? params?.fileName ?? 'export.csv' });\n    },\n\n    exportToExcel: (filename?: string, params?: Partial<ExportParams>) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n            `  → Enable export on the grid:\\n` +\n            `    <TbwGrid :export=\"true\" />`,\n        );\n        return;\n      }\n      plugin.exportExcel({ ...params, fileName: filename ?? params?.fileName ?? 'export.xlsx' });\n    },\n\n    exportToJson: (filename?: string, params?: Partial<ExportParams>) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n            `  → Enable export on the grid:\\n` +\n            `    <TbwGrid :export=\"true\" />`,\n        );\n        return;\n      }\n      plugin.exportJson({ ...params, fileName: filename ?? params?.fileName ?? 'export.json' });\n    },\n\n    isExporting: () => {\n      return getPlugin()?.isExporting() ?? false;\n    },\n\n    getLastExport: () => {\n      return getPlugin()?.getLastExport() ?? null;\n    },\n  };\n}\n"],"names":["useGridExport","gridElement","inject","GRID_ELEMENT_KEY","ref","getPlugin","filename","params","plugin"],"mappings":";;;AAqGO,SAASA,IAA+B;AAC7C,QAAMC,IAAcC,EAAOC,GAAkBC,EAAI,IAAI,CAAC,GAEhDC,IAAY,MACHJ,EAAY,OACZ,gBAAgB,QAAQ;AAGvC,SAAO;AAAA,IACL,aAAa,CAACK,GAAmBC,MAAmC;AAClE,YAAMC,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,UAAU,EAAE,GAAGD,GAAQ,UAAUD,KAAYC,GAAQ,YAAY,cAAc;AAAA,IACxF;AAAA,IAEA,eAAe,CAACD,GAAmBC,MAAmC;AACpE,YAAMC,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,YAAY,EAAE,GAAGD,GAAQ,UAAUD,KAAYC,GAAQ,YAAY,eAAe;AAAA,IAC3F;AAAA,IAEA,cAAc,CAACD,GAAmBC,MAAmC;AACnE,YAAMC,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,WAAW,EAAE,GAAGD,GAAQ,UAAUD,KAAYC,GAAQ,YAAY,eAAe;AAAA,IAC1F;AAAA,IAEA,aAAa,MACJF,EAAA,GAAa,YAAA,KAAiB;AAAA,IAGvC,eAAe,MACNA,EAAA,GAAa,cAAA,KAAmB;AAAA,EACzC;AAEJ;"}
+{"version":3,"file":"export.js","sources":["../../../../libs/grid-vue/src/features/export.ts"],"sourcesContent":["/**\n * Export feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `export` prop on TbwGrid.\n * Also exports `useGridExport()` composable for programmatic export control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/export';\n * </script>\n *\n * <template>\n *   <TbwGrid export />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridExport } from '@toolbox-web/grid-vue/features/export';\n *\n * const { exportToCsv, exportToExcel, exportToJson } = useGridExport();\n *\n * function handleExport() {\n *   exportToCsv('employees.csv');\n * }\n * </script>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type ExportFormat, type ExportParams, type ExportPlugin } from '@toolbox-web/grid/plugins/export';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/export';\n\n/**\n * Export methods returned from useGridExport.\n */\nexport interface ExportMethods {\n  /**\n   * Export grid data to CSV file.\n   * @param filename - Optional filename (defaults to 'export.csv')\n   * @param params - Optional export parameters\n   */\n  exportToCsv: (filename?: string, params?: Partial<ExportParams>) => void;\n\n  /**\n   * Export grid data to Excel file (XML Spreadsheet format).\n   * @param filename - Optional filename (defaults to 'export.xlsx')\n   * @param params - Optional export parameters\n   */\n  exportToExcel: (filename?: string, params?: Partial<ExportParams>) => void;\n\n  /**\n   * Export grid data to JSON file.\n   * @param filename - Optional filename (defaults to 'export.json')\n   * @param params - Optional export parameters\n   */\n  exportToJson: (filename?: string, params?: Partial<ExportParams>) => void;\n\n  /**\n   * Check if an export is currently in progress.\n   */\n  isExporting: () => boolean;\n\n  /**\n   * Get information about the last export.\n   */\n  getLastExport: () => { format: ExportFormat; timestamp: Date } | null;\n}\n\n/**\n * Composable for programmatic export control.\n *\n * Must be used within a component that contains a TbwGrid with the export feature enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridExport } from '@toolbox-web/grid-vue/features/export';\n *\n * const { exportToCsv, exportToExcel, isExporting } = useGridExport();\n *\n * async function handleExport(format: 'csv' | 'excel' | 'json') {\n *   if (isExporting()) return; // Prevent concurrent exports\n *\n *   switch (format) {\n *     case 'csv': exportToCsv('data.csv'); break;\n *     case 'excel': exportToExcel('data.xlsx'); break;\n *     case 'json': exportToJson('data.json'); break;\n *   }\n * }\n * </script>\n * ```\n * @param selector - Optional CSS selector to target a specific grid element via\n *   DOM query instead of using Vue's provide/inject. Use when the component\n *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function useGridExport(selector?: string): ExportMethods {\n  const gridElement = selector ? ref(null) : inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): ExportPlugin | undefined => {\n    const grid = (selector ? document.querySelector(selector) : gridElement.value) as DataGridElement | null;\n    return grid?.getPluginByName('export');\n  };\n\n  return {\n    exportToCsv: (filename?: string, params?: Partial<ExportParams>) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n            `  → Enable export on the grid:\\n` +\n            `    <TbwGrid :export=\"true\" />`,\n        );\n        return;\n      }\n      plugin.exportCsv({ ...params, fileName: filename ?? params?.fileName ?? 'export.csv' });\n    },\n\n    exportToExcel: (filename?: string, params?: Partial<ExportParams>) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n            `  → Enable export on the grid:\\n` +\n            `    <TbwGrid :export=\"true\" />`,\n        );\n        return;\n      }\n      plugin.exportExcel({ ...params, fileName: filename ?? params?.fileName ?? 'export.xlsx' });\n    },\n\n    exportToJson: (filename?: string, params?: Partial<ExportParams>) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:export] ExportPlugin not found.\\n\\n` +\n            `  → Enable export on the grid:\\n` +\n            `    <TbwGrid :export=\"true\" />`,\n        );\n        return;\n      }\n      plugin.exportJson({ ...params, fileName: filename ?? params?.fileName ?? 'export.json' });\n    },\n\n    isExporting: () => {\n      return getPlugin()?.isExporting() ?? false;\n    },\n\n    getLastExport: () => {\n      return getPlugin()?.getLastExport() ?? null;\n    },\n  };\n}\n"],"names":["useGridExport","selector","gridElement","ref","inject","GRID_ELEMENT_KEY","getPlugin","filename","params","plugin"],"mappings":";;;AAwGO,SAASA,EAAcC,GAAkC;AAC9D,QAAMC,IAAcD,IAAWE,EAAI,IAAI,IAAIC,EAAOC,GAAkBF,EAAI,IAAI,CAAC,GAEvEG,IAAY,OACFL,IAAW,SAAS,cAAcA,CAAQ,IAAIC,EAAY,QAC3D,gBAAgB,QAAQ;AAGvC,SAAO;AAAA,IACL,aAAa,CAACK,GAAmBC,MAAmC;AAClE,YAAMC,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,UAAU,EAAE,GAAGD,GAAQ,UAAUD,KAAYC,GAAQ,YAAY,cAAc;AAAA,IACxF;AAAA,IAEA,eAAe,CAACD,GAAmBC,MAAmC;AACpE,YAAMC,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,YAAY,EAAE,GAAGD,GAAQ,UAAUD,KAAYC,GAAQ,YAAY,eAAe;AAAA,IAC3F;AAAA,IAEA,cAAc,CAACD,GAAmBC,MAAmC;AACnE,YAAMC,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,WAAW,EAAE,GAAGD,GAAQ,UAAUD,KAAYC,GAAQ,YAAY,eAAe;AAAA,IAC1F;AAAA,IAEA,aAAa,MACJF,EAAA,GAAa,YAAA,KAAiB;AAAA,IAGvC,eAAe,MACNA,EAAA,GAAa,cAAA,KAAmB;AAAA,EACzC;AAEJ;"}

package/features/filtering.d.ts

@@ -89,6 +89,9 @@ export interface FilteringMethods {
  *   <button @click="clearAllFilters">Clear Filters</button>
  * </template>
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using Vue's provide/inject. Use when the component
+ *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridFiltering(): FilteringMethods;
+export declare function useGridFiltering(selector?: string): FilteringMethods;
 //# sourceMappingURL=filtering.d.ts.map

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;;;;;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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAwFpE"}

package/features/filtering.js

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

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   * @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;"}
+{"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 * @param selector - Optional CSS selector to target a specific grid element via\n *   DOM query instead of using Vue's provide/inject. Use when the component\n *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function useGridFiltering(selector?: string): FilteringMethods {\n  const gridElement = selector ? ref(null) : inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): FilteringPlugin | undefined => {\n    const grid = (selector ? document.querySelector(selector) : 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","selector","gridElement","ref","inject","GRID_ELEMENT_KEY","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;AAoGM,SAASM,EAAiBC,GAAqC;AACpE,QAAMC,IAAcD,IAAWE,EAAI,IAAI,IAAIC,EAAOC,GAAkBF,EAAI,IAAI,CAAC,GAEvEG,IAAY,OACFL,IAAW,SAAS,cAAcA,CAAQ,IAAIC,EAAY,QAC3D,gBAAgB,WAAW;AAG1C,SAAO;AAAA,IACL,WAAW,CAACK,GAAeC,GAA2Cd,MAAmC;AACvG,YAAMe,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,UAAUF,GAAOC,GAAQd,CAAO;AAAA,IACzC;AAAA,IAEA,WAAW,CAACa,MAAkBD,EAAA,GAAa,UAAUC,CAAK;AAAA,IAE1D,YAAY,MAAMD,KAAa,WAAA,KAAgB,CAAA;AAAA,IAE/C,gBAAgB,CAACI,GAAwBhB,MAAmC;AAC1E,YAAMe,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,eAAeC,GAAShB,CAAO;AAAA,IACxC;AAAA,IAEA,iBAAiB,CAACA,MAAmC;AACnD,YAAMe,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,gBAAgBf,CAAO;AAAA,IAChC;AAAA,IAEA,kBAAkB,CAACa,GAAeb,MAAmC;AACnE,YAAMe,IAASH,EAAA;AACf,UAAI,CAACG,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,iBAAiBF,GAAOb,CAAO;AAAA,IACxC;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;"}

package/features/print.d.ts

@@ -38,6 +38,9 @@ export interface PrintMethods {
  *   </button>
  * </template>
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using Vue's provide/inject. Use when the component
+ *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridPrint(): PrintMethods;
+export declare function useGridPrint(selector?: string): PrintMethods;
 //# sourceMappingURL=print.d.ts.map

package/features/print.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/print.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAKrF,OAAO,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/C;;OAEG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,YAAY,IAAI,YAAY,CAsB3C"}
+{"version":3,"file":"print.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/print.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAAE,KAAK,WAAW,EAAoB,MAAM,iCAAiC,CAAC;AAKrF,OAAO,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,KAAK,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/C;;OAEG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,YAAY,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,YAAY,CAsB5D"}

package/features/print.js

@@ -1,12 +1,12 @@
-import { inject as e, ref as o } from "vue";
-import { G as g } from "../chunks/use-grid-B59B6XdD.js";
+import { ref as e, inject as u } from "vue";
+import { G as g } from "../chunks/use-grid-CeVD1azo.js";
 import "@toolbox-web/grid/features/print";
-function s() {
-  const t = e(g, o(null)), n = () => t.value?.getPluginByName("print");
+function d(n) {
+  const o = n ? e(null) : u(g, e(null)), i = () => (n ? document.querySelector(n) : o.value)?.getPluginByName("print");
   return {
-    print: async (i) => {
-      const r = n();
-      if (!r) {
+    print: async (r) => {
+      const t = i();
+      if (!t) {
         console.warn(
           `[tbw-grid:print] PrintPlugin not found.
 
@@ -15,12 +15,12 @@ function s() {
         );
         return;
       }
-      await r.print(i);
+      await t.print(r);
     },
-    isPrinting: () => n()?.isPrinting() ?? !1
+    isPrinting: () => i()?.isPrinting() ?? !1
   };
 }
 export {
-  s as useGridPrint
+  d as useGridPrint
 };
 //# sourceMappingURL=print.js.map

package/features/print.js.map

@@ -1 +1 @@
-{"version":3,"file":"print.js","sources":["../../../../libs/grid-vue/src/features/print.ts"],"sourcesContent":["/**\n * Print feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `print` prop on TbwGrid.\n * Also exports `useGridPrint()` composable for programmatic print control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/print';\n * </script>\n *\n * <template>\n *   <TbwGrid print />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridPrint } from '@toolbox-web/grid-vue/features/print';\n *\n * const { print, isPrinting } = useGridPrint();\n * </script>\n *\n * <template>\n *   <button @click=\"print\" :disabled=\"isPrinting()\">Print Grid</button>\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type PrintPlugin, type PrintParams } from '@toolbox-web/grid/plugins/print';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/print';\n\n/**\n * Print methods returned from useGridPrint.\n */\nexport interface PrintMethods {\n  /**\n   * Print the grid.\n   * Opens browser print dialog after preparing the grid for printing.\n   * @param params - Optional print parameters\n   */\n  print: (params?: PrintParams) => Promise<void>;\n\n  /**\n   * Check if a print operation is currently in progress.\n   */\n  isPrinting: () => boolean;\n}\n\n/**\n * Composable for programmatic print control.\n *\n * Must be used within a component that contains a TbwGrid with print enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridPrint } from '@toolbox-web/grid-vue/features/print';\n *\n * const { print, isPrinting } = useGridPrint();\n *\n * async function handlePrint() {\n *   await print({ title: 'My Report', isolate: true });\n *   console.log('Print completed');\n * }\n * </script>\n *\n * <template>\n *   <button @click=\"handlePrint\" :disabled=\"isPrinting()\">\n *     {{ isPrinting() ? 'Printing...' : 'Print' }}\n *   </button>\n * </template>\n * ```\n */\nexport function useGridPrint(): PrintMethods {\n  const gridElement = inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): PrintPlugin | undefined => {\n    const grid = gridElement.value as DataGridElement | null;\n    return grid?.getPluginByName('print');\n  };\n\n  return {\n    print: async (params?: PrintParams) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:print] PrintPlugin not found.\\n\\n` + `  → Enable print on the grid:\\n` + `    <TbwGrid print />`,\n        );\n        return;\n      }\n      await plugin.print(params);\n    },\n\n    isPrinting: () => getPlugin()?.isPrinting() ?? false,\n  };\n}\n"],"names":["useGridPrint","gridElement","inject","GRID_ELEMENT_KEY","ref","getPlugin","params","plugin"],"mappings":";;;AAmFO,SAASA,IAA6B;AAC3C,QAAMC,IAAcC,EAAOC,GAAkBC,EAAI,IAAI,CAAC,GAEhDC,IAAY,MACHJ,EAAY,OACZ,gBAAgB,OAAO;AAGtC,SAAO;AAAA,IACL,OAAO,OAAOK,MAAyB;AACrC,YAAMC,IAASF,EAAA;AACf,UAAI,CAACE,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAEF;AAAA,MACF;AACA,YAAMA,EAAO,MAAMD,CAAM;AAAA,IAC3B;AAAA,IAEA,YAAY,MAAMD,KAAa,gBAAgB;AAAA,EAAA;AAEnD;"}
+{"version":3,"file":"print.js","sources":["../../../../libs/grid-vue/src/features/print.ts"],"sourcesContent":["/**\n * Print feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `print` prop on TbwGrid.\n * Also exports `useGridPrint()` composable for programmatic print control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/print';\n * </script>\n *\n * <template>\n *   <TbwGrid print />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridPrint } from '@toolbox-web/grid-vue/features/print';\n *\n * const { print, isPrinting } = useGridPrint();\n * </script>\n *\n * <template>\n *   <button @click=\"print\" :disabled=\"isPrinting()\">Print Grid</button>\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type PrintParams, type PrintPlugin } from '@toolbox-web/grid/plugins/print';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/print';\n\n/**\n * Print methods returned from useGridPrint.\n */\nexport interface PrintMethods {\n  /**\n   * Print the grid.\n   * Opens browser print dialog after preparing the grid for printing.\n   * @param params - Optional print parameters\n   */\n  print: (params?: PrintParams) => Promise<void>;\n\n  /**\n   * Check if a print operation is currently in progress.\n   */\n  isPrinting: () => boolean;\n}\n\n/**\n * Composable for programmatic print control.\n *\n * Must be used within a component that contains a TbwGrid with print enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridPrint } from '@toolbox-web/grid-vue/features/print';\n *\n * const { print, isPrinting } = useGridPrint();\n *\n * async function handlePrint() {\n *   await print({ title: 'My Report', isolate: true });\n *   console.log('Print completed');\n * }\n * </script>\n *\n * <template>\n *   <button @click=\"handlePrint\" :disabled=\"isPrinting()\">\n *     {{ isPrinting() ? 'Printing...' : 'Print' }}\n *   </button>\n * </template>\n * ```\n * @param selector - Optional CSS selector to target a specific grid element via\n *   DOM query instead of using Vue's provide/inject. Use when the component\n *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function useGridPrint(selector?: string): PrintMethods {\n  const gridElement = selector ? ref(null) : inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): PrintPlugin | undefined => {\n    const grid = (selector ? document.querySelector(selector) : gridElement.value) as DataGridElement | null;\n    return grid?.getPluginByName('print');\n  };\n\n  return {\n    print: async (params?: PrintParams) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:print] PrintPlugin not found.\\n\\n` + `  → Enable print on the grid:\\n` + `    <TbwGrid print />`,\n        );\n        return;\n      }\n      await plugin.print(params);\n    },\n\n    isPrinting: () => getPlugin()?.isPrinting() ?? false,\n  };\n}\n"],"names":["useGridPrint","selector","gridElement","ref","inject","GRID_ELEMENT_KEY","getPlugin","params","plugin"],"mappings":";;;AAsFO,SAASA,EAAaC,GAAiC;AAC5D,QAAMC,IAAcD,IAAWE,EAAI,IAAI,IAAIC,EAAOC,GAAkBF,EAAI,IAAI,CAAC,GAEvEG,IAAY,OACFL,IAAW,SAAS,cAAcA,CAAQ,IAAIC,EAAY,QAC3D,gBAAgB,OAAO;AAGtC,SAAO;AAAA,IACL,OAAO,OAAOK,MAAyB;AACrC,YAAMC,IAASF,EAAA;AACf,UAAI,CAACE,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAEF;AAAA,MACF;AACA,YAAMA,EAAO,MAAMD,CAAM;AAAA,IAC3B;AAAA,IAEA,YAAY,MAAMD,KAAa,gBAAgB;AAAA,EAAA;AAEnD;"}

package/features/selection.d.ts

@@ -58,6 +58,9 @@ export interface SelectionMethods<TRow = unknown> {
  * }
  * </script>
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using Vue's provide/inject. Use when the component
+ *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridSelection<TRow = unknown>(): SelectionMethods<TRow>;
+export declare function useGridSelection<TRow = unknown>(selector?: string): SelectionMethods<TRow>;
 //# sourceMappingURL=selection.d.ts.map

package/features/selection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/selection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAAwB,KAAK,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAKjH,OAAO,sCAAsC,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,OAAO;IAC9C;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B;;;OAGG;IACH,YAAY,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAEtD;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAEzC;;;;;;;;OAQG;IACH,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,GAAG,OAAO,KAAK,gBAAgB,CAAC,IAAI,CAAC,CA0DzE"}
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/selection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAGH,OAAO,EAAE,KAAK,SAAS,EAAwB,KAAK,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAKjH,OAAO,sCAAsC,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB,CAAC,IAAI,GAAG,OAAO;IAC9C;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B;;;OAGG;IACH,YAAY,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;IAE3C;;OAEG;IACH,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IAEtD;;OAEG;IACH,SAAS,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAEzC;;;;;;;;OAQG;IACH,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,GAAG,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAAC,CA8D1F"}

package/features/selection.js

@@ -1,8 +1,8 @@
-import { inject as s, ref as g } from "vue";
-import { G as u } from "../chunks/use-grid-B59B6XdD.js";
+import { ref as u, inject as d } from "vue";
+import { G as a } from "../chunks/use-grid-CeVD1azo.js";
 import "@toolbox-web/grid/features/selection";
-function w() {
-  const c = s(u, g(null)), t = () => c.value?.getPluginByName("selection");
+function S(r) {
+  const g = r ? u(null) : d(a, u(null)), i = () => r ? document.querySelector(r) : g.value, t = () => i()?.getPluginByName("selection");
   return {
     selectAll: () => {
       const e = t();
@@ -15,12 +15,12 @@ function w() {
         );
         return;
       }
-      const n = c.value, i = e.config?.mode;
-      if (i === "row") {
+      const n = i(), s = e.config?.mode;
+      if (s === "row") {
         const l = n?.rows?.length ?? 0, o = /* @__PURE__ */ new Set();
-        for (let r = 0; r < l; r++) o.add(r);
+        for (let c = 0; c < l; c++) o.add(c);
         e.selected = o, e.requestAfterRender?.();
-      } else if (i === "range") {
+      } else if (s === "range") {
         const l = n?.rows?.length ?? 0, o = n?._columns?.length ?? 0;
         l > 0 && o > 0 && e.setRanges([{ from: { row: 0, col: 0 }, to: { row: l - 1, col: o - 1 } }]);
       }
@@ -37,6 +37,6 @@ function w() {
   };
 }
 export {
-  w as useGridSelection
+  S as useGridSelection
 };
 //# sourceMappingURL=selection.js.map

package/features/selection.js.map

@@ -1 +1 @@
-{"version":3,"file":"selection.js","sources":["../../../../libs/grid-vue/src/features/selection.ts"],"sourcesContent":["/**\n * Selection feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `selection` prop on TbwGrid.\n * Also exports `useGridSelection()` composable for programmatic selection control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/selection';\n * </script>\n *\n * <template>\n *   <TbwGrid selection=\"range\" />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridSelection } from '@toolbox-web/grid-vue/features/selection';\n *\n * const { selectAll, clearSelection, getSelection } = useGridSelection();\n *\n * function handleSelectAll() {\n *   selectAll();\n * }\n * </script>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type SelectionPlugin, type CellRange, type SelectionResult } from '@toolbox-web/grid/plugins/selection';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/selection';\n\n/**\n * Selection methods returned from useGridSelection.\n *\n * Uses the injected grid element from TbwGrid's provide/inject.\n * Methods work immediately when grid is available.\n */\nexport interface SelectionMethods<TRow = unknown> {\n  /**\n   * Select all rows (row mode) or all cells (range mode).\n   */\n  selectAll: () => void;\n\n  /**\n   * Clear all selection.\n   */\n  clearSelection: () => void;\n\n  /**\n   * Get the current selection state.\n   * Use this to derive selected rows, indices, etc.\n   */\n  getSelection: () => SelectionResult | null;\n\n  /**\n   * Check if a specific cell is selected.\n   */\n  isCellSelected: (row: number, col: number) => boolean;\n\n  /**\n   * Set selection ranges programmatically.\n   */\n  setRanges: (ranges: CellRange[]) => void;\n\n  /**\n   * Get actual row objects for the current selection.\n   * Works in all selection modes (row, cell, range) — resolves indices\n   * against the grid's processed (sorted/filtered) rows.\n   *\n   * This is the recommended way to get selected rows. Unlike manual\n   * index mapping, it correctly resolves rows even when the grid is\n   * sorted or filtered.\n   */\n  getSelectedRows: () => TRow[];\n}\n\n/**\n * Composable for programmatic selection control.\n *\n * Must be used within a component that contains a TbwGrid with the selection feature enabled.\n * Uses Vue's provide/inject, so it works reliably regardless of when the grid renders.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridSelection } from '@toolbox-web/grid-vue/features/selection';\n *\n * const { selectAll, clearSelection, getSelection } = useGridSelection();\n *\n * function exportSelected() {\n *   const selection = getSelection();\n *   if (!selection) return;\n *   // Derive rows from selection.ranges and grid.rows\n * }\n * </script>\n * ```\n */\nexport function useGridSelection<TRow = unknown>(): SelectionMethods<TRow> {\n  const gridElement = inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): SelectionPlugin | undefined => {\n    const grid = gridElement.value as DataGridElement<TRow> | null;\n    return grid?.getPluginByName('selection');\n  };\n\n  return {\n    selectAll: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:selection] SelectionPlugin not found.\\n\\n` +\n            `  → Enable selection on the grid:\\n` +\n            `    <TbwGrid selection=\"range\" />`,\n        );\n        return;\n      }\n      const grid = gridElement.value as DataGridElement<TRow> | null;\n      // Cast to any to access protected config\n      const mode = (plugin as any).config?.mode;\n\n      if (mode === 'row') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const allIndices = new Set<number>();\n        for (let i = 0; i < rowCount; i++) allIndices.add(i);\n        (plugin as any).selected = allIndices;\n        (plugin as any).requestAfterRender?.();\n      } else if (mode === 'range') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const colCount = (grid as any)?._columns?.length ?? 0;\n        if (rowCount > 0 && colCount > 0) {\n          plugin.setRanges([{ from: { row: 0, col: 0 }, to: { row: rowCount - 1, col: colCount - 1 } }]);\n        }\n      }\n    },\n\n    clearSelection: () => {\n      getPlugin()?.clearSelection();\n    },\n\n    getSelection: () => {\n      return getPlugin()?.getSelection() ?? null;\n    },\n\n    isCellSelected: (row: number, col: number) => {\n      return getPlugin()?.isCellSelected(row, col) ?? false;\n    },\n\n    setRanges: (ranges: CellRange[]) => {\n      getPlugin()?.setRanges(ranges);\n    },\n\n    getSelectedRows: (): TRow[] => {\n      return getPlugin()?.getSelectedRows<TRow>() ?? [];\n    },\n  };\n}\n"],"names":["useGridSelection","gridElement","inject","GRID_ELEMENT_KEY","ref","getPlugin","plugin","grid","mode","rowCount","allIndices","i","colCount","row","col","ranges"],"mappings":";;;AA2GO,SAASA,IAA2D;AACzE,QAAMC,IAAcC,EAAOC,GAAkBC,EAAI,IAAI,CAAC,GAEhDC,IAAY,MACHJ,EAAY,OACZ,gBAAgB,WAAW;AAG1C,SAAO;AAAA,IACL,WAAW,MAAM;AACf,YAAMK,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,YAAMC,IAAON,EAAY,OAEnBO,IAAQF,EAAe,QAAQ;AAErC,UAAIE,MAAS,OAAO;AAClB,cAAMC,IAAWF,GAAM,MAAM,UAAU,GACjCG,wBAAiB,IAAA;AACvB,iBAASC,IAAI,GAAGA,IAAIF,GAAUE,IAAK,CAAAD,EAAW,IAAIC,CAAC;AAClD,QAAAL,EAAe,WAAWI,GAC1BJ,EAAe,qBAAA;AAAA,MAClB,WAAWE,MAAS,SAAS;AAC3B,cAAMC,IAAWF,GAAM,MAAM,UAAU,GACjCK,IAAYL,GAAc,UAAU,UAAU;AACpD,QAAIE,IAAW,KAAKG,IAAW,KAC7BN,EAAO,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,EAAA,GAAK,IAAI,EAAE,KAAKG,IAAW,GAAG,KAAKG,IAAW,EAAA,EAAE,CAAG,CAAC;AAAA,MAEjG;AAAA,IACF;AAAA,IAEA,gBAAgB,MAAM;AACpB,MAAAP,EAAA,GAAa,eAAA;AAAA,IACf;AAAA,IAEA,cAAc,MACLA,EAAA,GAAa,aAAA,KAAkB;AAAA,IAGxC,gBAAgB,CAACQ,GAAaC,MACrBT,EAAA,GAAa,eAAeQ,GAAKC,CAAG,KAAK;AAAA,IAGlD,WAAW,CAACC,MAAwB;AAClC,MAAAV,EAAA,GAAa,UAAUU,CAAM;AAAA,IAC/B;AAAA,IAEA,iBAAiB,MACRV,EAAA,GAAa,gBAAA,KAA2B,CAAA;AAAA,EACjD;AAEJ;"}
+{"version":3,"file":"selection.js","sources":["../../../../libs/grid-vue/src/features/selection.ts"],"sourcesContent":["/**\n * Selection feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `selection` prop on TbwGrid.\n * Also exports `useGridSelection()` composable for programmatic selection control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/selection';\n * </script>\n *\n * <template>\n *   <TbwGrid selection=\"range\" />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridSelection } from '@toolbox-web/grid-vue/features/selection';\n *\n * const { selectAll, clearSelection, getSelection } = useGridSelection();\n *\n * function handleSelectAll() {\n *   selectAll();\n * }\n * </script>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type CellRange, type SelectionPlugin, type SelectionResult } from '@toolbox-web/grid/plugins/selection';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/selection';\n\n/**\n * Selection methods returned from useGridSelection.\n *\n * Uses the injected grid element from TbwGrid's provide/inject.\n * Methods work immediately when grid is available.\n */\nexport interface SelectionMethods<TRow = unknown> {\n  /**\n   * Select all rows (row mode) or all cells (range mode).\n   */\n  selectAll: () => void;\n\n  /**\n   * Clear all selection.\n   */\n  clearSelection: () => void;\n\n  /**\n   * Get the current selection state.\n   * Use this to derive selected rows, indices, etc.\n   */\n  getSelection: () => SelectionResult | null;\n\n  /**\n   * Check if a specific cell is selected.\n   */\n  isCellSelected: (row: number, col: number) => boolean;\n\n  /**\n   * Set selection ranges programmatically.\n   */\n  setRanges: (ranges: CellRange[]) => void;\n\n  /**\n   * Get actual row objects for the current selection.\n   * Works in all selection modes (row, cell, range) — resolves indices\n   * against the grid's processed (sorted/filtered) rows.\n   *\n   * This is the recommended way to get selected rows. Unlike manual\n   * index mapping, it correctly resolves rows even when the grid is\n   * sorted or filtered.\n   */\n  getSelectedRows: () => TRow[];\n}\n\n/**\n * Composable for programmatic selection control.\n *\n * Must be used within a component that contains a TbwGrid with the selection feature enabled.\n * Uses Vue's provide/inject, so it works reliably regardless of when the grid renders.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridSelection } from '@toolbox-web/grid-vue/features/selection';\n *\n * const { selectAll, clearSelection, getSelection } = useGridSelection();\n *\n * function exportSelected() {\n *   const selection = getSelection();\n *   if (!selection) return;\n *   // Derive rows from selection.ranges and grid.rows\n * }\n * </script>\n * ```\n * @param selector - Optional CSS selector to target a specific grid element via\n *   DOM query instead of using Vue's provide/inject. Use when the component\n *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function useGridSelection<TRow = unknown>(selector?: string): SelectionMethods<TRow> {\n  const gridElement = selector ? ref(null) : inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getGrid = (): DataGridElement<TRow> | null => {\n    if (selector) return document.querySelector(selector) as DataGridElement<TRow> | null;\n    return gridElement.value as DataGridElement<TRow> | null;\n  };\n\n  const getPlugin = (): SelectionPlugin | undefined => {\n    return getGrid()?.getPluginByName('selection');\n  };\n\n  return {\n    selectAll: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:selection] SelectionPlugin not found.\\n\\n` +\n            `  → Enable selection on the grid:\\n` +\n            `    <TbwGrid selection=\"range\" />`,\n        );\n        return;\n      }\n      const grid = getGrid();\n      // Cast to any to access protected config\n      const mode = (plugin as any).config?.mode;\n\n      if (mode === 'row') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const allIndices = new Set<number>();\n        for (let i = 0; i < rowCount; i++) allIndices.add(i);\n        (plugin as any).selected = allIndices;\n        (plugin as any).requestAfterRender?.();\n      } else if (mode === 'range') {\n        const rowCount = grid?.rows?.length ?? 0;\n        const colCount = (grid as any)?._columns?.length ?? 0;\n        if (rowCount > 0 && colCount > 0) {\n          plugin.setRanges([{ from: { row: 0, col: 0 }, to: { row: rowCount - 1, col: colCount - 1 } }]);\n        }\n      }\n    },\n\n    clearSelection: () => {\n      getPlugin()?.clearSelection();\n    },\n\n    getSelection: () => {\n      return getPlugin()?.getSelection() ?? null;\n    },\n\n    isCellSelected: (row: number, col: number) => {\n      return getPlugin()?.isCellSelected(row, col) ?? false;\n    },\n\n    setRanges: (ranges: CellRange[]) => {\n      getPlugin()?.setRanges(ranges);\n    },\n\n    getSelectedRows: (): TRow[] => {\n      return getPlugin()?.getSelectedRows<TRow>() ?? [];\n    },\n  };\n}\n"],"names":["useGridSelection","selector","gridElement","ref","inject","GRID_ELEMENT_KEY","getGrid","getPlugin","plugin","grid","mode","rowCount","allIndices","i","colCount","row","col","ranges"],"mappings":";;;AA8GO,SAASA,EAAiCC,GAA2C;AAC1F,QAAMC,IAAcD,IAAWE,EAAI,IAAI,IAAIC,EAAOC,GAAkBF,EAAI,IAAI,CAAC,GAEvEG,IAAU,MACVL,IAAiB,SAAS,cAAcA,CAAQ,IAC7CC,EAAY,OAGfK,IAAY,MACTD,EAAA,GAAW,gBAAgB,WAAW;AAG/C,SAAO;AAAA,IACL,WAAW,MAAM;AACf,YAAME,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,YAAMC,IAAOH,EAAA,GAEPI,IAAQF,EAAe,QAAQ;AAErC,UAAIE,MAAS,OAAO;AAClB,cAAMC,IAAWF,GAAM,MAAM,UAAU,GACjCG,wBAAiB,IAAA;AACvB,iBAASC,IAAI,GAAGA,IAAIF,GAAUE,IAAK,CAAAD,EAAW,IAAIC,CAAC;AAClD,QAAAL,EAAe,WAAWI,GAC1BJ,EAAe,qBAAA;AAAA,MAClB,WAAWE,MAAS,SAAS;AAC3B,cAAMC,IAAWF,GAAM,MAAM,UAAU,GACjCK,IAAYL,GAAc,UAAU,UAAU;AACpD,QAAIE,IAAW,KAAKG,IAAW,KAC7BN,EAAO,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,KAAK,EAAA,GAAK,IAAI,EAAE,KAAKG,IAAW,GAAG,KAAKG,IAAW,EAAA,EAAE,CAAG,CAAC;AAAA,MAEjG;AAAA,IACF;AAAA,IAEA,gBAAgB,MAAM;AACpB,MAAAP,EAAA,GAAa,eAAA;AAAA,IACf;AAAA,IAEA,cAAc,MACLA,EAAA,GAAa,aAAA,KAAkB;AAAA,IAGxC,gBAAgB,CAACQ,GAAaC,MACrBT,EAAA,GAAa,eAAeQ,GAAKC,CAAG,KAAK;AAAA,IAGlD,WAAW,CAACC,MAAwB;AAClC,MAAAV,EAAA,GAAa,UAAUU,CAAM;AAAA,IAC/B;AAAA,IAEA,iBAAiB,MACRV,EAAA,GAAa,gBAAA,KAA2B,CAAA;AAAA,EACjD;AAEJ;"}

package/features/undo-redo.d.ts

@@ -73,6 +73,9 @@ export interface UndoRedoMethods {
  *   </div>
  * </template>
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using Vue's provide/inject. Use when the component
+ *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGridUndoRedo(): UndoRedoMethods;
+export declare function useGridUndoRedo(selector?: string): UndoRedoMethods;
 //# sourceMappingURL=undo-redo.d.ts.map

package/features/undo-redo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"undo-redo.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/undo-redo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAK/F,OAAO,sCAAsC,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,IAAI,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAElC;;;OAGG;IACH,IAAI,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,YAAY,EAAE,MAAM,cAAc,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,MAAM,cAAc,EAAE,CAAC;IAErC;;;OAGG;IACH,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5F;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAE7B;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,IAAI,eAAe,CA+FjD"}
+{"version":3,"file":"undo-redo.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/undo-redo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAGH,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,qCAAqC,CAAC;AAK/F,OAAO,sCAAsC,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,IAAI,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAElC;;;OAGG;IACH,IAAI,EAAE,MAAM,cAAc,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,YAAY,EAAE,MAAM,cAAc,EAAE,CAAC;IAErC;;OAEG;IACH,YAAY,EAAE,MAAM,cAAc,EAAE,CAAC;IAErC;;;OAGG;IACH,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5F;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAE7B;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,eAAe,CA+FlE"}

package/features/undo-redo.js

@@ -1,8 +1,8 @@
-import { inject as u, ref as l } from "vue";
-import { G as c } from "../chunks/use-grid-B59B6XdD.js";
+import { ref as i, inject as c } from "vue";
+import { G as g } from "../chunks/use-grid-CeVD1azo.js";
 import "@toolbox-web/grid/features/undo-redo";
-function s() {
-  const e = u(c, l(null)), o = () => e.value?.getPluginByName("undoRedo");
+function s(d) {
+  const r = d ? i(null) : c(g, i(null)), o = () => (d ? document.querySelector(d) : r.value)?.getPluginByName("undoRedo");
   return {
     undo: () => {
       const n = o();
@@ -39,9 +39,9 @@ function s() {
     },
     getUndoStack: () => o()?.getUndoStack() ?? [],
     getRedoStack: () => o()?.getRedoStack() ?? [],
-    recordEdit: (n, i, r, t) => {
-      const d = o();
-      if (!d) {
+    recordEdit: (n, t, u, l) => {
+      const e = o();
+      if (!e) {
         console.warn(
           `[tbw-grid:undoRedo] UndoRedoPlugin not found.
 
@@ -50,7 +50,7 @@ function s() {
         );
         return;
       }
-      d.recordEdit(n, i, r, t);
+      e.recordEdit(n, t, u, l);
     },
     beginTransaction: () => {
       const n = o();

package/features/undo-redo.js.map

@@ -1 +1 @@
-{"version":3,"file":"undo-redo.js","sources":["../../../../libs/grid-vue/src/features/undo-redo.ts"],"sourcesContent":["/**\n * Undo/Redo feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `undoRedo` prop on TbwGrid.\n * Also exports `useGridUndoRedo()` composable for programmatic undo/redo control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/undo-redo';\n * </script>\n *\n * <template>\n *   <TbwGrid editing=\"dblclick\" undoRedo />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridUndoRedo } from '@toolbox-web/grid-vue/features/undo-redo';\n *\n * const { undo, redo, canUndo, canRedo } = useGridUndoRedo();\n * </script>\n *\n * <template>\n *   <button @click=\"undo\" :disabled=\"!canUndo()\">Undo</button>\n *   <button @click=\"redo\" :disabled=\"!canRedo()\">Redo</button>\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type UndoRedoPlugin, type UndoRedoAction } from '@toolbox-web/grid/plugins/undo-redo';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/undo-redo';\n\n/**\n * Undo/Redo methods returned from useGridUndoRedo.\n */\nexport interface UndoRedoMethods {\n  /**\n   * Undo the last edit action.\n   * @returns The undone action (or compound action), or null if nothing to undo\n   */\n  undo: () => UndoRedoAction | null;\n\n  /**\n   * Redo the last undone action.\n   * @returns The redone action (or compound action), or null if nothing to redo\n   */\n  redo: () => UndoRedoAction | null;\n\n  /**\n   * Check if there are any actions that can be undone.\n   */\n  canUndo: () => boolean;\n\n  /**\n   * Check if there are any actions that can be redone.\n   */\n  canRedo: () => boolean;\n\n  /**\n   * Clear all undo/redo history.\n   */\n  clearHistory: () => void;\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack: () => UndoRedoAction[];\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack: () => UndoRedoAction[];\n\n  /**\n   * Manually record an edit action.\n   * If a transaction is active, the action is buffered; otherwise it's pushed to the undo stack.\n   */\n  recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => void;\n\n  /**\n   * Begin a transaction. All edits recorded until `endTransaction()` are grouped\n   * into a single compound action for undo/redo.\n   * @throws If a transaction is already active\n   */\n  beginTransaction: () => void;\n\n  /**\n   * End the active transaction and push the compound action to the undo stack.\n   * If only one edit was recorded, it's pushed as a plain EditAction.\n   * If no edits were recorded, the transaction is discarded.\n   * @throws If no transaction is active\n   */\n  endTransaction: () => void;\n}\n\n/**\n * Composable for programmatic undo/redo control.\n *\n * Must be used within a component that contains a TbwGrid with undoRedo and editing enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridUndoRedo } from '@toolbox-web/grid-vue/features/undo-redo';\n *\n * const { undo, redo, canUndo, canRedo, clearHistory } = useGridUndoRedo();\n * </script>\n *\n * <template>\n *   <div class=\"toolbar\">\n *     <button @click=\"undo\" :disabled=\"!canUndo()\">Undo</button>\n *     <button @click=\"redo\" :disabled=\"!canRedo()\">Redo</button>\n *     <button @click=\"clearHistory\">Clear History</button>\n *   </div>\n * </template>\n * ```\n */\nexport function useGridUndoRedo(): UndoRedoMethods {\n  const gridElement = inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): UndoRedoPlugin | undefined => {\n    const grid = gridElement.value as DataGridElement | null;\n    return grid?.getPluginByName('undoRedo');\n  };\n\n  return {\n    undo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return null;\n      }\n      return plugin.undo();\n    },\n\n    redo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return null;\n      }\n      return plugin.redo();\n    },\n\n    canUndo: () => getPlugin()?.canUndo() ?? false,\n\n    canRedo: () => getPlugin()?.canRedo() ?? false,\n\n    clearHistory: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.clearHistory();\n    },\n\n    getUndoStack: () => getPlugin()?.getUndoStack() ?? [],\n\n    getRedoStack: () => getPlugin()?.getRedoStack() ?? [],\n\n    recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.recordEdit(rowIndex, field, oldValue, newValue);\n    },\n\n    beginTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.beginTransaction();\n    },\n\n    endTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.endTransaction();\n    },\n  };\n}\n"],"names":["useGridUndoRedo","gridElement","inject","GRID_ELEMENT_KEY","ref","getPlugin","plugin","rowIndex","field","oldValue","newValue"],"mappings":";;;AA+HO,SAASA,IAAmC;AACjD,QAAMC,IAAcC,EAAOC,GAAkBC,EAAI,IAAI,CAAC,GAEhDC,IAAY,MACHJ,EAAY,OACZ,gBAAgB,UAAU;AAGzC,SAAO;AAAA,IACL,MAAM,MAAM;AACV,YAAMK,IAASD,EAAA;AACf,aAAKC,IAQEA,EAAO,KAAA,KAPZ,QAAQ;AAAA,QACN;AAAA;AAAA;AAAA;AAAA,MAAA,GAIK;AAAA,IAGX;AAAA,IAEA,MAAM,MAAM;AACV,YAAMA,IAASD,EAAA;AACf,aAAKC,IAQEA,EAAO,KAAA,KAPZ,QAAQ;AAAA,QACN;AAAA;AAAA;AAAA;AAAA,MAAA,GAIK;AAAA,IAGX;AAAA,IAEA,SAAS,MAAMD,KAAa,aAAa;AAAA,IAEzC,SAAS,MAAMA,KAAa,aAAa;AAAA,IAEzC,cAAc,MAAM;AAClB,YAAMC,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,aAAA;AAAA,IACT;AAAA,IAEA,cAAc,MAAMD,KAAa,aAAA,KAAkB,CAAA;AAAA,IAEnD,cAAc,MAAMA,KAAa,aAAA,KAAkB,CAAA;AAAA,IAEnD,YAAY,CAACE,GAAkBC,GAAeC,GAAmBC,MAAsB;AACrF,YAAMJ,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,WAAWC,GAAUC,GAAOC,GAAUC,CAAQ;AAAA,IACvD;AAAA,IAEA,kBAAkB,MAAM;AACtB,YAAMJ,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,iBAAA;AAAA,IACT;AAAA,IAEA,gBAAgB,MAAM;AACpB,YAAMA,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,eAAA;AAAA,IACT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"undo-redo.js","sources":["../../../../libs/grid-vue/src/features/undo-redo.ts"],"sourcesContent":["/**\n * Undo/Redo feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `undoRedo` prop on TbwGrid.\n * Also exports `useGridUndoRedo()` composable for programmatic undo/redo control.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/undo-redo';\n * </script>\n *\n * <template>\n *   <TbwGrid editing=\"dblclick\" undoRedo />\n * </template>\n * ```\n *\n * @example Using the composable\n * ```vue\n * <script setup>\n * import { useGridUndoRedo } from '@toolbox-web/grid-vue/features/undo-redo';\n *\n * const { undo, redo, canUndo, canRedo } = useGridUndoRedo();\n * </script>\n *\n * <template>\n *   <button @click=\"undo\" :disabled=\"!canUndo()\">Undo</button>\n *   <button @click=\"redo\" :disabled=\"!canRedo()\">Redo</button>\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport type { DataGridElement } from '@toolbox-web/grid';\nimport { type UndoRedoAction, type UndoRedoPlugin } from '@toolbox-web/grid/plugins/undo-redo';\nimport { inject, ref } from 'vue';\nimport { GRID_ELEMENT_KEY } from '../lib/use-grid';\n\n// Delegate to core feature registration\nimport '@toolbox-web/grid/features/undo-redo';\n\n/**\n * Undo/Redo methods returned from useGridUndoRedo.\n */\nexport interface UndoRedoMethods {\n  /**\n   * Undo the last edit action.\n   * @returns The undone action (or compound action), or null if nothing to undo\n   */\n  undo: () => UndoRedoAction | null;\n\n  /**\n   * Redo the last undone action.\n   * @returns The redone action (or compound action), or null if nothing to redo\n   */\n  redo: () => UndoRedoAction | null;\n\n  /**\n   * Check if there are any actions that can be undone.\n   */\n  canUndo: () => boolean;\n\n  /**\n   * Check if there are any actions that can be redone.\n   */\n  canRedo: () => boolean;\n\n  /**\n   * Clear all undo/redo history.\n   */\n  clearHistory: () => void;\n\n  /**\n   * Get a copy of the current undo stack.\n   */\n  getUndoStack: () => UndoRedoAction[];\n\n  /**\n   * Get a copy of the current redo stack.\n   */\n  getRedoStack: () => UndoRedoAction[];\n\n  /**\n   * Manually record an edit action.\n   * If a transaction is active, the action is buffered; otherwise it's pushed to the undo stack.\n   */\n  recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => void;\n\n  /**\n   * Begin a transaction. All edits recorded until `endTransaction()` are grouped\n   * into a single compound action for undo/redo.\n   * @throws If a transaction is already active\n   */\n  beginTransaction: () => void;\n\n  /**\n   * End the active transaction and push the compound action to the undo stack.\n   * If only one edit was recorded, it's pushed as a plain EditAction.\n   * If no edits were recorded, the transaction is discarded.\n   * @throws If no transaction is active\n   */\n  endTransaction: () => void;\n}\n\n/**\n * Composable for programmatic undo/redo control.\n *\n * Must be used within a component that contains a TbwGrid with undoRedo and editing enabled.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGridUndoRedo } from '@toolbox-web/grid-vue/features/undo-redo';\n *\n * const { undo, redo, canUndo, canRedo, clearHistory } = useGridUndoRedo();\n * </script>\n *\n * <template>\n *   <div class=\"toolbar\">\n *     <button @click=\"undo\" :disabled=\"!canUndo()\">Undo</button>\n *     <button @click=\"redo\" :disabled=\"!canRedo()\">Redo</button>\n *     <button @click=\"clearHistory\">Clear History</button>\n *   </div>\n * </template>\n * ```\n * @param selector - Optional CSS selector to target a specific grid element via\n *   DOM query instead of using Vue's provide/inject. Use when the component\n *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.\n */\nexport function useGridUndoRedo(selector?: string): UndoRedoMethods {\n  const gridElement = selector ? ref(null) : inject(GRID_ELEMENT_KEY, ref(null));\n\n  const getPlugin = (): UndoRedoPlugin | undefined => {\n    const grid = (selector ? document.querySelector(selector) : gridElement.value) as DataGridElement | null;\n    return grid?.getPluginByName('undoRedo');\n  };\n\n  return {\n    undo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return null;\n      }\n      return plugin.undo();\n    },\n\n    redo: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return null;\n      }\n      return plugin.redo();\n    },\n\n    canUndo: () => getPlugin()?.canUndo() ?? false,\n\n    canRedo: () => getPlugin()?.canRedo() ?? false,\n\n    clearHistory: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.clearHistory();\n    },\n\n    getUndoStack: () => getPlugin()?.getUndoStack() ?? [],\n\n    getRedoStack: () => getPlugin()?.getRedoStack() ?? [],\n\n    recordEdit: (rowIndex: number, field: string, oldValue: unknown, newValue: unknown) => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.recordEdit(rowIndex, field, oldValue, newValue);\n    },\n\n    beginTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.beginTransaction();\n    },\n\n    endTransaction: () => {\n      const plugin = getPlugin();\n      if (!plugin) {\n        console.warn(\n          `[tbw-grid:undoRedo] UndoRedoPlugin not found.\\n\\n` +\n            `  → Enable undo/redo on the grid:\\n` +\n            `    <TbwGrid editing=\"dblclick\" undoRedo />`,\n        );\n        return;\n      }\n      plugin.endTransaction();\n    },\n  };\n}\n"],"names":["useGridUndoRedo","selector","gridElement","ref","inject","GRID_ELEMENT_KEY","getPlugin","plugin","rowIndex","field","oldValue","newValue"],"mappings":";;;AAkIO,SAASA,EAAgBC,GAAoC;AAClE,QAAMC,IAAcD,IAAWE,EAAI,IAAI,IAAIC,EAAOC,GAAkBF,EAAI,IAAI,CAAC,GAEvEG,IAAY,OACFL,IAAW,SAAS,cAAcA,CAAQ,IAAIC,EAAY,QAC3D,gBAAgB,UAAU;AAGzC,SAAO;AAAA,IACL,MAAM,MAAM;AACV,YAAMK,IAASD,EAAA;AACf,aAAKC,IAQEA,EAAO,KAAA,KAPZ,QAAQ;AAAA,QACN;AAAA;AAAA;AAAA;AAAA,MAAA,GAIK;AAAA,IAGX;AAAA,IAEA,MAAM,MAAM;AACV,YAAMA,IAASD,EAAA;AACf,aAAKC,IAQEA,EAAO,KAAA,KAPZ,QAAQ;AAAA,QACN;AAAA;AAAA;AAAA;AAAA,MAAA,GAIK;AAAA,IAGX;AAAA,IAEA,SAAS,MAAMD,KAAa,aAAa;AAAA,IAEzC,SAAS,MAAMA,KAAa,aAAa;AAAA,IAEzC,cAAc,MAAM;AAClB,YAAMC,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,aAAA;AAAA,IACT;AAAA,IAEA,cAAc,MAAMD,KAAa,aAAA,KAAkB,CAAA;AAAA,IAEnD,cAAc,MAAMA,KAAa,aAAA,KAAkB,CAAA;AAAA,IAEnD,YAAY,CAACE,GAAkBC,GAAeC,GAAmBC,MAAsB;AACrF,YAAMJ,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,WAAWC,GAAUC,GAAOC,GAAUC,CAAQ;AAAA,IACvD;AAAA,IAEA,kBAAkB,MAAM;AACtB,YAAMJ,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,iBAAA;AAAA,IACT;AAAA,IAEA,gBAAgB,MAAM;AACpB,YAAMA,IAASD,EAAA;AACf,UAAI,CAACC,GAAQ;AACX,gBAAQ;AAAA,UACN;AAAA;AAAA;AAAA;AAAA,QAAA;AAIF;AAAA,MACF;AACA,MAAAA,EAAO,eAAA;AAAA,IACT;AAAA,EAAA;AAEJ;"}

package/index.js

@@ -2,8 +2,8 @@ import { defineComponent as h, provide as k, inject as A, createApp as u, create
 import { DataGridElement as K } from "@toolbox-web/grid";
 import { createPluginFromFeature as Y } from "@toolbox-web/grid/features/registry";
 import { clearFeatureRegistry as Ve, createPluginFromFeature as Te, getFeatureFactory as _e, getRegisteredFeatures as De, isFeatureRegistered as je, registerFeature as Oe } from "@toolbox-web/grid/features/registry";
-import { G as x } from "./chunks/use-grid-B59B6XdD.js";
-import { u as Be } from "./chunks/use-grid-B59B6XdD.js";
+import { G as x } from "./chunks/use-grid-CeVD1azo.js";
+import { u as Be } from "./chunks/use-grid-CeVD1azo.js";
 const I = /* @__PURE__ */ Symbol("grid-icons");
 function J() {
   return A(I, void 0);

package/lib/use-grid.d.ts

@@ -39,6 +39,9 @@ export interface UseGridReturn {
  * }
  * </script>
  * ```
+ * @param selector - Optional CSS selector to target a specific grid element via
+ *   DOM query instead of using Vue's provide/inject. Use when the component
+ *   contains multiple grids, e.g. `'tbw-grid.primary'` or `'#my-grid'`.
  */
-export declare function useGrid(): UseGridReturn;
+export declare function useGrid(selector?: string): UseGridReturn;
 //# sourceMappingURL=use-grid.d.ts.map

package/lib/use-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/use-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAsB,CAAC;AAE9F;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,WAAW,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACzC,mCAAmC;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,qCAAqC;IACrC,SAAS,EAAE,MAAM,UAAU,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;IACtE,gCAAgC;IAChC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,gCAAgC;IAChC,SAAS,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAC5E;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,IAAI,aAAa,CAqBvC"}
+{"version":3,"file":"use-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/use-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAe,KAAK,YAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAsB,CAAC;AAE9F;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iCAAiC;IACjC,WAAW,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACzC,mCAAmC;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,qCAAqC;IACrC,SAAS,EAAE,MAAM,UAAU,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;IACtE,gCAAgC;IAChC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,gCAAgC;IAChC,SAAS,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC;IAC5E;;;OAGG;IACH,eAAe,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,CAkCxD"}

package/package.json

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

package/chunks/use-grid-B59B6XdD.js

@@ -1,22 +0,0 @@
-import { inject as a, ref as n } from "vue";
-const r = /* @__PURE__ */ Symbol("tbw-grid");
-function g() {
-  const e = a(r, n(null));
-  return {
-    gridElement: e,
-    forceLayout: async () => {
-      await e.value?.forceLayout();
-    },
-    getConfig: () => e.value?.getConfig(),
-    ready: async () => {
-      await e.value?.ready();
-    },
-    getPlugin: (t) => e.value?.getPlugin(t),
-    getPluginByName: ((t) => e.value?.getPluginByName(t))
-  };
-}
-export {
-  r as G,
-  g as u
-};
-//# sourceMappingURL=use-grid-B59B6XdD.js.map

package/chunks/use-grid-B59B6XdD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-grid-B59B6XdD.js","sources":["../../../../libs/grid-vue/src/lib/use-grid.ts"],"sourcesContent":["import type { DataGridElement } from '@toolbox-web/grid';\nimport { inject, ref, type InjectionKey, type Ref } from 'vue';\n\n/**\n * Injection key for the grid element.\n */\nexport const GRID_ELEMENT_KEY: InjectionKey<Ref<DataGridElement | null>> = Symbol('tbw-grid');\n\n/**\n * Return type for useGrid composable.\n */\nexport interface UseGridReturn {\n  /** The grid element reference */\n  gridElement: Ref<DataGridElement | null>;\n  /** Force a layout recalculation */\n  forceLayout: () => Promise<void>;\n  /** Get current grid configuration */\n  getConfig: () => ReturnType<DataGridElement['getConfig']> | undefined;\n  /** Wait for grid to be ready */\n  ready: () => Promise<void>;\n  /** Get a plugin by its class */\n  getPlugin: <T>(pluginClass: new (...args: unknown[]) => T) => T | undefined;\n  /**\n   * Get a plugin by its registered name (preferred).\n   * Uses the type-safe PluginNameMap for auto-completion and return type narrowing.\n   */\n  getPluginByName: DataGridElement['getPluginByName'];\n}\n\n/**\n * Composable for programmatic access to the grid.\n *\n * @example\n * ```vue\n * <script setup>\n * import { useGrid } from '@toolbox-web/grid-vue';\n *\n * const { forceLayout, getConfig } = useGrid();\n *\n * async function handleResize() {\n *   await forceLayout();\n * }\n * </script>\n * ```\n */\nexport function useGrid(): UseGridReturn {\n  const gridElement = inject(GRID_ELEMENT_KEY, ref(null));\n\n  return {\n    gridElement,\n    forceLayout: async () => {\n      await gridElement.value?.forceLayout();\n    },\n    getConfig: () => {\n      return gridElement.value?.getConfig();\n    },\n    ready: async () => {\n      await gridElement.value?.ready();\n    },\n    getPlugin: <T>(pluginClass: new (...args: unknown[]) => T) => {\n      return gridElement.value?.getPlugin(pluginClass);\n    },\n    getPluginByName: ((name: string) => {\n      return gridElement.value?.getPluginByName(name);\n    }) as DataGridElement['getPluginByName'],\n  };\n}\n"],"names":["GRID_ELEMENT_KEY","useGrid","gridElement","inject","ref","pluginClass","name"],"mappings":";AAMO,MAAMA,2BAAqE,UAAU;AAuCrF,SAASC,IAAyB;AACvC,QAAMC,IAAcC,EAAOH,GAAkBI,EAAI,IAAI,CAAC;AAEtD,SAAO;AAAA,IACL,aAAAF;AAAA,IACA,aAAa,YAAY;AACvB,YAAMA,EAAY,OAAO,YAAA;AAAA,IAC3B;AAAA,IACA,WAAW,MACFA,EAAY,OAAO,UAAA;AAAA,IAE5B,OAAO,YAAY;AACjB,YAAMA,EAAY,OAAO,MAAA;AAAA,IAC3B;AAAA,IACA,WAAW,CAAIG,MACNH,EAAY,OAAO,UAAUG,CAAW;AAAA,IAEjD,kBAAkB,CAACC,MACVJ,EAAY,OAAO,gBAAgBI,CAAI;AAAA,EAChD;AAEJ;"}