@toolbox-web/grid-vue 0.0.0 → 0.1.0

package/README.md

@@ -1 +1,489 @@
-# @toolbox-web/grid-vue\n\nPlaceholder release. Real package coming soon.
+# @toolbox-web/grid-vue
+
+[![npm](https://img.shields.io/npm/v/@toolbox-web/grid-vue.svg)](https://www.npmjs.com/package/@toolbox-web/grid-vue)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](../../LICENSE)
+[![GitHub Sponsors](https://img.shields.io/badge/Sponsor-❤-ea4aaa?logo=github)](https://github.com/sponsors/OysteinAmundsen)
+
+Vue 3 adapter for `@toolbox-web/grid` data grid component. Provides components and composables for declarative Vue integration with custom cell renderers and editors.
+
+## Features
+
+- ✅ **Full Vue 3 integration** - Use Vue components for cell renderers and editors
+- ✅ **Composition API** - Built with `<script setup>` and TypeScript generics
+- ✅ **Declarative feature props** - Enable plugins with simple props like `selection="range"`
+- ✅ **Tree-shakeable features** - Only import the features you use
+- ✅ **Slot-based customization** - `#cell` and `#editor` slots for custom rendering
+- ✅ **Type-level defaults** - App-wide renderers/editors via `GridTypeProvider`
+- ✅ **Icon configuration** - App-wide icon overrides via `GridProvider` or `GridIconProvider`
+- ✅ **Composables** - `useGrid` and `useGridEvent` for programmatic access
+- ✅ **Master-detail** - `TbwGridDetailPanel` for expandable rows
+- ✅ **Tool panels** - `TbwGridToolPanel` for custom sidebar content
+- ✅ **Responsive cards** - `TbwGridResponsiveCard` for mobile layouts
+- ✅ **Full type safety** - TypeScript generics support
+- ✅ **Vue 3.4+** - Supports `defineModel` and improved generics
+
+## Installation
+
+```bash
+# npm
+npm install @toolbox-web/grid @toolbox-web/grid-vue
+
+# yarn
+yarn add @toolbox-web/grid @toolbox-web/grid-vue
+
+# pnpm
+pnpm add @toolbox-web/grid @toolbox-web/grid-vue
+
+# bun
+bun add @toolbox-web/grid @toolbox-web/grid-vue
+```
+
+## Quick Start
+
+### 1. Register the Grid Component
+
+In your application entry point, import the grid registration:
+
+```typescript
+// main.ts
+import '@toolbox-web/grid';
+```
+
+### 2. Use in Components
+
+```vue
+<script setup lang="ts">
+import { TbwGrid, TbwGridColumn } from '@toolbox-web/grid-vue';
+import { ref } from 'vue';
+
+interface Employee {
+  id: number;
+  name: string;
+  department: string;
+  salary: number;
+}
+
+const employees = ref<Employee[]>([
+  { id: 1, name: 'Alice', department: 'Engineering', salary: 95000 },
+  { id: 2, name: 'Bob', department: 'Marketing', salary: 75000 },
+  { id: 3, name: 'Charlie', department: 'Sales', salary: 85000 },
+]);
+</script>
+
+<template>
+  <TbwGrid :rows="employees">
+    <TbwGridColumn field="id" header="ID" :width="60" />
+    <TbwGridColumn field="name" header="Name" :sortable="true" />
+    <TbwGridColumn field="department" header="Department" :sortable="true" />
+    <TbwGridColumn field="salary" header="Salary" type="number" />
+  </TbwGrid>
+</template>
+```
+
+## Enabling Features
+
+Features are enabled using **declarative props** with **side-effect imports**. This gives you the best of both worlds: clean, intuitive templates and tree-shakeable bundles.
+
+### How It Works
+
+1. **Import the feature** - A side-effect import registers the feature factory
+2. **Use the prop** - TbwGrid detects the prop and creates the plugin instance
+
+```vue
+<script setup lang="ts">
+import { TbwGrid } from '@toolbox-web/grid-vue';
+
+// 1. Import features you need (once, typically in main.ts or the component file)
+import '@toolbox-web/grid-vue/features/selection';
+import '@toolbox-web/grid-vue/features/multi-sort';
+import '@toolbox-web/grid-vue/features/filtering';
+</script>
+
+<template>
+  <!-- 2. Use declarative props - no manual plugin instantiation! -->
+  <TbwGrid :rows="employees" :columns="columns" selection="range" multi-sort filtering />
+</template>
+```
+
+### Why Side-Effect Imports?
+
+- **Tree-shakeable** - Only the features you import are bundled
+- **Synchronous** - No loading states, no HTTP requests, no spinners
+- **Type-safe** - Full TypeScript support for feature props
+- **Clean templates** - No `plugins: [new SelectionPlugin({ mode: 'range' })]` boilerplate
+
+### Available Features
+
+Import from `@toolbox-web/grid-vue/features/<name>`:
+
+| Feature                 | Prop                    | Example                                                               |
+| ----------------------- | ----------------------- | --------------------------------------------------------------------- |
+| `selection`             | `selection`             | `selection="range"` or `:selection="{ mode: 'row', checkbox: true }"` |
+| `multi-sort`            | `multi-sort`            | `multi-sort` or `:multi-sort="{ maxSortLevels: 3 }"`                  |
+| `filtering`             | `filtering`             | `filtering` or `:filtering="{ debounceMs: 200 }"`                     |
+| `editing`               | `editing`               | `editing="dblclick"` or `editing="click"`                             |
+| `clipboard`             | `clipboard`             | `clipboard` (requires selection)                                      |
+| `undo-redo`             | `undo-redo`             | `undo-redo` (requires editing)                                        |
+| `context-menu`          | `context-menu`          | `context-menu`                                                        |
+| `reorder`               | `reorder`               | `reorder` (column drag-to-reorder)                                    |
+| `row-reorder`           | `row-reorder`           | `row-reorder` (row drag-to-reorder)                                   |
+| `visibility`            | `visibility`            | `visibility` (column visibility panel)                                |
+| `pinned-columns`        | `pinned-columns`        | `pinned-columns`                                                      |
+| `pinned-rows`           | `pinned-rows`           | `pinned-rows`                                                         |
+| `grouping-columns`      | `grouping-columns`      | `grouping-columns`                                                    |
+| `grouping-rows`         | `grouping-rows`         | `:grouping-rows="{ groupBy: 'department' }"`                          |
+| `tree`                  | `tree`                  | `:tree="{ childrenField: 'children' }"`                               |
+| `column-virtualization` | `column-virtualization` | `column-virtualization`                                               |
+| `export`                | `export`                | `export`                                                              |
+| `print`                 | `print`                 | `print`                                                               |
+| `responsive`            | `responsive`            | `responsive` (card layout on mobile)                                  |
+| `master-detail`         | `master-detail`         | `master-detail` (use with `<TbwGridDetailPanel>`)                     |
+| `pivot`                 | `pivot`                 | `:pivot="{ rowFields: [...], columnFields: [...] }"`                  |
+| `server-side`           | `server-side`           | `:server-side="{ ... }"`                                              |
+
+### Import All Features
+
+For prototyping or when bundle size isn't critical, import all features at once:
+
+```typescript
+// Import all features (larger bundle)
+import '@toolbox-web/grid-vue/features';
+```
+
+## Custom Cell Renderers
+
+Use the `#cell` slot on `TbwGridColumn` for custom rendering:
+
+```vue
+<script setup lang="ts">
+import { TbwGrid, TbwGridColumn, type CellSlotProps } from '@toolbox-web/grid-vue';
+import StatusBadge from './StatusBadge.vue';
+</script>
+
+<template>
+  <TbwGrid :rows="employees">
+    <TbwGridColumn field="name" header="Name" />
+    <TbwGridColumn field="status" header="Status">
+      <template #cell="{ value, row }: CellSlotProps<Employee, string>">
+        <StatusBadge :status="value" :employee="row" />
+      </template>
+    </TbwGridColumn>
+  </TbwGrid>
+</template>
+```
+
+### Slot Props
+
+The `#cell` slot receives:
+
+| Prop       | Type     | Description          |
+| ---------- | -------- | -------------------- |
+| `value`    | `TValue` | Cell value           |
+| `row`      | `TRow`   | Row data             |
+| `column`   | `object` | Column configuration |
+| `rowIndex` | `number` | Row index            |
+| `colIndex` | `number` | Column index         |
+
+## Custom Cell Editors
+
+Use the `#editor` slot for inline editing:
+
+```vue
+<script setup lang="ts">
+import { TbwGrid, TbwGridColumn, type EditorSlotProps } from '@toolbox-web/grid-vue';
+import '@toolbox-web/grid-vue/features/editing';
+</script>
+
+<template>
+  <TbwGrid :rows="employees" editing="dblclick">
+    <TbwGridColumn field="status" header="Status" :editable="true">
+      <template #editor="{ value, commit, cancel }: EditorSlotProps<Employee, string>">
+        <select :value="value" @change="(e) => commit((e.target as HTMLSelectElement).value)">
+          <option value="active">Active</option>
+          <option value="inactive">Inactive</option>
+        </select>
+      </template>
+    </TbwGridColumn>
+  </TbwGrid>
+</template>
+```
+
+### Editor Slot Props
+
+| Prop     | Type                   | Description        |
+| -------- | ---------------------- | ------------------ |
+| `value`  | `TValue`               | Current cell value |
+| `row`    | `TRow`                 | Row data           |
+| `commit` | `(value: any) => void` | Save the new value |
+| `cancel` | `() => void`           | Cancel editing     |
+
+## Composables
+
+### useGrid
+
+Access grid methods programmatically:
+
+```vue
+<script setup lang="ts">
+import { useGrid } from '@toolbox-web/grid-vue';
+
+const { forceLayout, getConfig, ready, getPlugin } = useGrid();
+
+async function handleResize() {
+  await forceLayout();
+}
+
+async function logConfig() {
+  await ready();
+  console.log(getConfig());
+}
+</script>
+```
+
+### useGridEvent
+
+Subscribe to grid events with automatic cleanup:
+
+```vue
+<script setup lang="ts">
+import { useGridEvent } from '@toolbox-web/grid-vue';
+
+useGridEvent('cell-commit', (event) => {
+  console.log('Cell committed:', event.detail);
+});
+
+useGridEvent('selection-change', (event) => {
+  console.log('Selection:', event.detail.selectedRows);
+});
+</script>
+```
+
+## Providers
+
+### GridTypeProvider
+
+Define app-wide type renderers:
+
+```vue
+<script setup lang="ts">
+import { GridTypeProvider, type TypeDefaultsMap } from '@toolbox-web/grid-vue';
+import { h } from 'vue';
+import CurrencyCell from './CurrencyCell.vue';
+
+const typeDefaults: TypeDefaultsMap = {
+  currency: {
+    renderer: (ctx) => h(CurrencyCell, { value: ctx.value }),
+  },
+  percentage: {
+    renderer: (ctx) => h('span', `${(ctx.value * 100).toFixed(1)}%`),
+  },
+};
+</script>
+
+<template>
+  <GridTypeProvider :defaults="typeDefaults">
+    <App />
+  </GridTypeProvider>
+</template>
+```
+
+Then use in columns:
+
+```vue
+<TbwGridColumn field="salary" header="Salary" type="currency" />
+```
+
+### GridIconProvider
+
+Override grid icons app-wide:
+
+```vue
+<script setup lang="ts">
+import { GridIconProvider } from '@toolbox-web/grid-vue';
+
+const icons = {
+  sortAsc: '↑',
+  sortDesc: '↓',
+  expand: '+',
+  collapse: '−',
+  filter: '🔍',
+};
+</script>
+
+<template>
+  <GridIconProvider :icons="icons">
+    <App />
+  </GridIconProvider>
+</template>
+```
+
+### GridProvider
+
+Combined provider for both types and icons:
+
+```vue
+<script setup lang="ts">
+import { GridProvider } from '@toolbox-web/grid-vue';
+</script>
+
+<template>
+  <GridProvider :type-defaults="typeDefaults" :icons="icons">
+    <App />
+  </GridProvider>
+</template>
+```
+
+## Master-Detail
+
+Expandable row details:
+
+```vue
+<script setup lang="ts">
+import { TbwGrid, TbwGridDetailPanel, type DetailPanelContext } from '@toolbox-web/grid-vue';
+import '@toolbox-web/grid-vue/features/master-detail';
+</script>
+
+<template>
+  <TbwGrid :rows="employees" master-detail>
+    <TbwGridColumn field="name" header="Name" />
+    <TbwGridColumn field="department" header="Department" />
+
+    <TbwGridDetailPanel v-slot="{ row }: DetailPanelContext<Employee>">
+      <div class="detail-content">
+        <h4>{{ row.name }}</h4>
+        <p>Department: {{ row.department }}</p>
+        <p>Email: {{ row.email }}</p>
+      </div>
+    </TbwGridDetailPanel>
+  </TbwGrid>
+</template>
+```
+
+## Tool Panels
+
+Custom sidebar panels:
+
+```vue
+<script setup lang="ts">
+import { TbwGrid, TbwGridToolPanel, type ToolPanelContext } from '@toolbox-web/grid-vue';
+</script>
+
+<template>
+  <TbwGrid :rows="employees">
+    <TbwGridColumn field="name" header="Name" />
+
+    <TbwGridToolPanel id="stats" label="Statistics" v-slot="{ rows }: ToolPanelContext<Employee>">
+      <div class="stats-panel">
+        <p>Total: {{ rows.length }}</p>
+        <p>Avg Salary: {{ averageSalary(rows) }}</p>
+      </div>
+    </TbwGridToolPanel>
+  </TbwGrid>
+</template>
+```
+
+## Responsive Cards
+
+Mobile-friendly card layout:
+
+```vue
+<script setup lang="ts">
+import { TbwGrid, TbwGridResponsiveCard, type ResponsiveCardContext } from '@toolbox-web/grid-vue';
+import '@toolbox-web/grid-vue/features/responsive';
+</script>
+
+<template>
+  <TbwGrid :rows="employees" responsive>
+    <TbwGridColumn field="name" header="Name" />
+    <TbwGridColumn field="department" header="Department" />
+
+    <TbwGridResponsiveCard v-slot="{ row }: ResponsiveCardContext<Employee>">
+      <div class="employee-card">
+        <h3>{{ row.name }}</h3>
+        <p>{{ row.department }}</p>
+      </div>
+    </TbwGridResponsiveCard>
+  </TbwGrid>
+</template>
+```
+
+## TypeScript Support
+
+Full generic support for row types:
+
+```vue
+<script setup lang="ts" generic="T extends Employee">
+import { TbwGrid, TbwGridColumn } from '@toolbox-web/grid-vue';
+
+interface Employee {
+  id: number;
+  name: string;
+  salary: number;
+}
+
+const props = defineProps<{
+  employees: T[];
+}>();
+</script>
+
+<template>
+  <TbwGrid :rows="props.employees">
+    <TbwGridColumn field="name" header="Name" />
+    <TbwGridColumn field="salary" header="Salary">
+      <template #cell="{ value }"> ${{ value.toLocaleString() }} </template>
+    </TbwGridColumn>
+  </TbwGrid>
+</template>
+```
+
+## API Reference
+
+### Components
+
+| Component               | Description                   |
+| ----------------------- | ----------------------------- |
+| `TbwGrid`               | Main grid wrapper component   |
+| `TbwGridColumn`         | Declarative column definition |
+| `TbwGridDetailPanel`    | Master-detail row content     |
+| `TbwGridToolPanel`      | Custom sidebar panel          |
+| `TbwGridToolButtons`    | Toolbar button container      |
+| `TbwGridResponsiveCard` | Mobile card layout template   |
+| `GridTypeProvider`      | App-wide type defaults        |
+| `GridIconProvider`      | App-wide icon overrides       |
+| `GridProvider`          | Combined type + icon provider |
+
+### Composables
+
+| Composable     | Description              |
+| -------------- | ------------------------ |
+| `useGrid`      | Access grid methods      |
+| `useGridEvent` | Subscribe to grid events |
+
+### Types
+
+| Type                    | Description                    |
+| ----------------------- | ------------------------------ |
+| `CellSlotProps`         | Props for `#cell` slot         |
+| `EditorSlotProps`       | Props for `#editor` slot       |
+| `DetailPanelContext`    | Props for detail panel slot    |
+| `ToolPanelContext`      | Props for tool panel slot      |
+| `ResponsiveCardContext` | Props for responsive card slot |
+| `VueColumnConfig`       | Column configuration type      |
+| `VueGridConfig`         | Grid configuration type        |
+| `TypeDefaultsMap`       | Type defaults registry type    |
+
+## Building
+
+```bash
+bun nx build grid-vue
+```
+
+## Running Tests
+
+```bash
+bun nx test grid-vue
+```
+
+## License
+
+MIT © [Øystein Amundsen](https://github.com/OysteinAmundsen)

package/chunks/feature-registry-BgEOysSJ.js

@@ -0,0 +1,38 @@
+const r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+function n(e, t) {
+  r.set(e, {
+    factory: t,
+    name: e
+  });
+}
+function o(e) {
+  return r.has(e);
+}
+function u() {
+  return Array.from(r.keys());
+}
+function i(e) {
+  return r.get(e)?.factory;
+}
+function c(e, t) {
+  const s = r.get(e);
+  if (!s) {
+    a.has(e) || (a.add(e), console.warn(
+      `[TbwGrid] Feature "${e}" is not registered. Import '@toolbox-web/grid-vue/features/${e}' to enable it.`
+    ));
+    return;
+  }
+  return s.factory(t);
+}
+function f() {
+  r.clear(), a.clear();
+}
+export {
+  f as a,
+  u as b,
+  c,
+  i as g,
+  o as i,
+  n as r
+};
+//# sourceMappingURL=feature-registry-BgEOysSJ.js.map

package/chunks/feature-registry-BgEOysSJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feature-registry-BgEOysSJ.js","sources":["../../../../libs/grid-vue/src/lib/feature-registry.ts"],"sourcesContent":["/**\n * Feature Registry for @toolbox-web/grid-vue\n *\n * This module provides a synchronous registry for plugin factories.\n * Features are registered via side-effect imports, enabling tree-shaking\n * while maintaining the clean prop-based API.\n *\n * @example\n * ```typescript\n * // Import features you need (side-effect imports)\n * import '@toolbox-web/grid-vue/features/selection';\n * import '@toolbox-web/grid-vue/features/filtering';\n *\n * // Props work automatically - no async loading, no HTTP requests\n * <TbwGrid :selection=\"'range'\" :filtering=\"{ debounceMs: 200 }\" />\n * ```\n */\n\n/**\n * Feature names supported by the TbwGrid component.\n */\nexport type FeatureName =\n  | 'selection'\n  | 'editing'\n  | 'clipboard'\n  | 'contextMenu'\n  | 'multiSort'\n  | 'sorting' // @deprecated - use 'multiSort' instead\n  | 'filtering'\n  | 'reorder'\n  | 'visibility'\n  | 'pinnedColumns'\n  | 'groupingColumns'\n  | 'columnVirtualization'\n  | 'rowReorder'\n  | 'groupingRows'\n  | 'pinnedRows'\n  | 'tree'\n  | 'masterDetail'\n  | 'responsive'\n  | 'undoRedo'\n  | 'export'\n  | 'print'\n  | 'pivot'\n  | 'serverSide';\n\n/**\n * Plugin factory function type.\n * Takes configuration and returns a plugin instance.\n */\nexport type PluginFactory<TConfig = unknown> = (config: TConfig) => unknown;\n\n/**\n * Registry entry containing the factory and metadata.\n */\ninterface RegistryEntry {\n  factory: PluginFactory;\n  /** Feature name for debugging */\n  name: string;\n}\n\n/**\n * Central registry mapping feature names to their plugin factories.\n * Populated by side-effect feature imports.\n */\nconst featureRegistry = new Map<FeatureName, RegistryEntry>();\n\n/**\n * Set of features that have been used without being registered.\n * Used to show helpful warnings only once per feature.\n */\nconst warnedFeatures = new Set<string>();\n\n/**\n * Register a feature's plugin factory.\n * Called by side-effect feature imports.\n *\n * @param name - The feature name (matches the prop name on TbwGrid)\n * @param factory - Function that creates the plugin instance\n *\n * @example\n * ```ts\n * // features/selection.ts\n * import { SelectionPlugin } from '@toolbox-web/grid/plugins/selection';\n * import { registerFeature } from '../lib/feature-registry';\n *\n * registerFeature('selection', (config) => new SelectionPlugin(config));\n * ```\n */\nexport function registerFeature<TConfig = unknown>(name: FeatureName, factory: PluginFactory<TConfig>): void {\n  featureRegistry.set(name, {\n    factory: factory as PluginFactory,\n    name,\n  });\n}\n\n/**\n * Check if a feature is registered.\n */\nexport function isFeatureRegistered(name: FeatureName): boolean {\n  return featureRegistry.has(name);\n}\n\n/**\n * Get all registered feature names.\n */\nexport function getRegisteredFeatures(): FeatureName[] {\n  return Array.from(featureRegistry.keys());\n}\n\n/**\n * Get the factory for a feature, if registered.\n */\nexport function getFeatureFactory(name: FeatureName): PluginFactory | undefined {\n  return featureRegistry.get(name)?.factory;\n}\n\n/**\n * Create a plugin from a feature prop.\n * Returns undefined if the feature is not registered (with a console warning).\n *\n * @param name - Feature name\n * @param config - Configuration value from the prop\n */\nexport function createPluginFromFeature(name: FeatureName, config: unknown): unknown | undefined {\n  const entry = featureRegistry.get(name);\n\n  if (!entry) {\n    // Only warn once per feature\n    if (!warnedFeatures.has(name)) {\n      warnedFeatures.add(name);\n      console.warn(\n        `[TbwGrid] Feature \"${name}\" is not registered. ` +\n          `Import '@toolbox-web/grid-vue/features/${name}' to enable it.`,\n      );\n    }\n    return undefined;\n  }\n\n  return entry.factory(config);\n}\n\n/**\n * Clear the feature registry.\n * @internal - for testing only\n */\nexport function clearFeatureRegistry(): void {\n  featureRegistry.clear();\n  warnedFeatures.clear();\n}\n"],"names":["featureRegistry","warnedFeatures","registerFeature","name","factory","isFeatureRegistered","getRegisteredFeatures","getFeatureFactory","createPluginFromFeature","config","entry","clearFeatureRegistry"],"mappings":"AAiEA,MAAMA,wBAAsB,IAAA,GAMtBC,wBAAqB,IAAA;AAkBpB,SAASC,EAAmCC,GAAmBC,GAAuC;AAC3G,EAAAJ,EAAgB,IAAIG,GAAM;AAAA,IACxB,SAAAC;AAAA,IACA,MAAAD;AAAA,EAAA,CACD;AACH;AAKO,SAASE,EAAoBF,GAA4B;AAC9D,SAAOH,EAAgB,IAAIG,CAAI;AACjC;AAKO,SAASG,IAAuC;AACrD,SAAO,MAAM,KAAKN,EAAgB,KAAA,CAAM;AAC1C;AAKO,SAASO,EAAkBJ,GAA8C;AAC9E,SAAOH,EAAgB,IAAIG,CAAI,GAAG;AACpC;AASO,SAASK,EAAwBL,GAAmBM,GAAsC;AAC/F,QAAMC,IAAQV,EAAgB,IAAIG,CAAI;AAEtC,MAAI,CAACO,GAAO;AAEV,IAAKT,EAAe,IAAIE,CAAI,MAC1BF,EAAe,IAAIE,CAAI,GACvB,QAAQ;AAAA,MACN,sBAAsBA,CAAI,+DACkBA,CAAI;AAAA,IAAA;AAGpD;AAAA,EACF;AAEA,SAAOO,EAAM,QAAQD,CAAM;AAC7B;AAMO,SAASE,IAA6B;AAC3C,EAAAX,EAAgB,MAAA,GAChBC,EAAe,MAAA;AACjB;"}

package/features/clipboard.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Clipboard feature for @toolbox-web/grid-vue
+ *
+ * Import this module to enable the `clipboard` prop on TbwGrid.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import '@toolbox-web/grid-vue/features/clipboard';
+ * </script>
+ *
+ * <template>
+ *   <TbwGrid selection="range" clipboard />
+ * </template>
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=clipboard.d.ts.map

package/features/clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/clipboard.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}

package/features/clipboard.js

@@ -0,0 +1,4 @@
+import { ClipboardPlugin as e } from "@toolbox-web/grid/plugins/clipboard";
+import { r as i } from "../chunks/feature-registry-BgEOysSJ.js";
+i("clipboard", (r) => r === !0 ? new e() : new e(r ?? void 0));
+//# sourceMappingURL=clipboard.js.map

package/features/clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.js","sources":["../../../../libs/grid-vue/src/features/clipboard.ts"],"sourcesContent":["/**\n * Clipboard feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `clipboard` prop on TbwGrid.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/clipboard';\n * </script>\n *\n * <template>\n *   <TbwGrid selection=\"range\" clipboard />\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport { ClipboardPlugin } from '@toolbox-web/grid/plugins/clipboard';\nimport { registerFeature } from '../lib/feature-registry';\n\nregisterFeature('clipboard', (config) => {\n  if (config === true) {\n    return new ClipboardPlugin();\n  }\n  return new ClipboardPlugin(config ?? undefined);\n});\n"],"names":["registerFeature","config","ClipboardPlugin"],"mappings":";;AAsBAA,EAAgB,aAAa,CAACC,MACxBA,MAAW,KACN,IAAIC,EAAA,IAEN,IAAIA,EAAgBD,KAAU,MAAS,CAC/C;"}

package/features/column-virtualization.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Column virtualization feature for @toolbox-web/grid-vue
+ *
+ * Import this module to enable the `columnVirtualization` prop on TbwGrid.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import '@toolbox-web/grid-vue/features/column-virtualization';
+ * </script>
+ *
+ * <template>
+ *   <TbwGrid columnVirtualization />
+ * </template>
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=column-virtualization.d.ts.map

package/features/column-virtualization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-virtualization.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/column-virtualization.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}

package/features/column-virtualization.js

@@ -0,0 +1,4 @@
+import { ColumnVirtualizationPlugin as i } from "@toolbox-web/grid/plugins/column-virtualization";
+import { r as t } from "../chunks/feature-registry-BgEOysSJ.js";
+t("columnVirtualization", (r) => r === !0 ? new i() : new i(r ?? void 0));
+//# sourceMappingURL=column-virtualization.js.map

package/features/column-virtualization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-virtualization.js","sources":["../../../../libs/grid-vue/src/features/column-virtualization.ts"],"sourcesContent":["/**\n * Column virtualization feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `columnVirtualization` prop on TbwGrid.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/column-virtualization';\n * </script>\n *\n * <template>\n *   <TbwGrid columnVirtualization />\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';\nimport { registerFeature } from '../lib/feature-registry';\n\nregisterFeature('columnVirtualization', (config) => {\n  if (config === true) {\n    return new ColumnVirtualizationPlugin();\n  }\n  return new ColumnVirtualizationPlugin(config ?? undefined);\n});\n"],"names":["registerFeature","config","ColumnVirtualizationPlugin"],"mappings":";;AAsBAA,EAAgB,wBAAwB,CAACC,MACnCA,MAAW,KACN,IAAIC,EAAA,IAEN,IAAIA,EAA2BD,KAAU,MAAS,CAC1D;"}

package/features/context-menu.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Context menu feature for @toolbox-web/grid-vue
+ *
+ * Import this module to enable the `contextMenu` prop on TbwGrid.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import '@toolbox-web/grid-vue/features/context-menu';
+ * </script>
+ *
+ * <template>
+ *   <TbwGrid contextMenu />
+ * </template>
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=context-menu.d.ts.map

package/features/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/context-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}

package/features/context-menu.js

@@ -0,0 +1,4 @@
+import { ContextMenuPlugin as r } from "@toolbox-web/grid/plugins/context-menu";
+import { r as t } from "../chunks/feature-registry-BgEOysSJ.js";
+t("contextMenu", (e) => e === !0 ? new r() : new r(e ?? void 0));
+//# sourceMappingURL=context-menu.js.map

package/features/context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.js","sources":["../../../../libs/grid-vue/src/features/context-menu.ts"],"sourcesContent":["/**\n * Context menu feature for @toolbox-web/grid-vue\n *\n * Import this module to enable the `contextMenu` prop on TbwGrid.\n *\n * @example\n * ```vue\n * <script setup>\n * import '@toolbox-web/grid-vue/features/context-menu';\n * </script>\n *\n * <template>\n *   <TbwGrid contextMenu />\n * </template>\n * ```\n *\n * @packageDocumentation\n */\n\nimport { ContextMenuPlugin } from '@toolbox-web/grid/plugins/context-menu';\nimport { registerFeature } from '../lib/feature-registry';\n\nregisterFeature('contextMenu', (config) => {\n  if (config === true) {\n    return new ContextMenuPlugin();\n  }\n  return new ContextMenuPlugin(config ?? undefined);\n});\n"],"names":["registerFeature","config","ContextMenuPlugin"],"mappings":";;AAsBAA,EAAgB,eAAe,CAACC,MAC1BA,MAAW,KACN,IAAIC,EAAA,IAEN,IAAIA,EAAkBD,KAAU,MAAS,CACjD;"}

package/features/editing.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Editing feature for @toolbox-web/grid-vue
+ *
+ * Import this module to enable the `editing` prop on TbwGrid.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import '@toolbox-web/grid-vue/features/editing';
+ * </script>
+ *
+ * <template>
+ *   <TbwGrid editing="dblclick" />
+ * </template>
+ * ```
+ *
+ * @packageDocumentation
+ */
+export {};
+//# sourceMappingURL=editing.d.ts.map

package/features/editing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editing.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/features/editing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG"}

package/features/editing.js

@@ -0,0 +1,4 @@
+import { EditingPlugin as e } from "@toolbox-web/grid/plugins/editing";
+import { r as t } from "../chunks/feature-registry-BgEOysSJ.js";
+t("editing", (r) => r === !0 ? new e() : r === "click" || r === "dblclick" || r === "manual" ? new e({ editOn: r }) : new e(r ?? void 0));
+//# sourceMappingURL=editing.js.map