@toolbox-web/grid-vue 0.0.0 → 0.1.0

package/lib/grid-provider.d.ts

@@ -0,0 +1,66 @@
+import { GridIcons } from '@toolbox-web/grid';
+import { PropType, VNode } from 'vue';
+import { TypeDefaultsMap } from './grid-type-registry';
+/**
+ * Combined provider for type defaults and icons.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { GridProvider, type TypeDefaultsMap } from '@toolbox-web/grid-vue';
+ * import { h } from 'vue';
+ *
+ * const typeDefaults: TypeDefaultsMap = {
+ *   country: { renderer: (ctx) => h('span', ctx.value) },
+ * };
+ *
+ * const icons = { sortAsc: '↑', sortDesc: '↓' };
+ * </script>
+ *
+ * <template>
+ *   <GridProvider :typeDefaults="typeDefaults" :icons="icons">
+ *     <App />
+ *   </GridProvider>
+ * </template>
+ * ```
+ */
+export declare const GridProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Type defaults to provide to all descendant grids.
+     */
+    typeDefaults: {
+        type: PropType<TypeDefaultsMap>;
+        default: undefined;
+    };
+    /**
+     * Icon overrides to provide to all descendant grids.
+     */
+    icons: {
+        type: PropType<Partial<GridIcons>>;
+        default: undefined;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Type defaults to provide to all descendant grids.
+     */
+    typeDefaults: {
+        type: PropType<TypeDefaultsMap>;
+        default: undefined;
+    };
+    /**
+     * Icon overrides to provide to all descendant grids.
+     */
+    icons: {
+        type: PropType<Partial<GridIcons>>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    icons: GridIcons;
+    typeDefaults: TypeDefaultsMap;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type GridProviderProps = InstanceType<typeof GridProvider>['$props'];
+//# sourceMappingURL=grid-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-provider.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/grid-provider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAsB,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAEpE,OAAO,EAAoB,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,YAAY;IAGrB;;OAEG;;cAEe,QAAQ,CAAC,eAAe,CAAC;;;IAG3C;;OAEG;;cAEe,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;;;;;;;;IAX9C;;OAEG;;cAEe,QAAQ,CAAC,eAAe,CAAC;;;IAG3C;;OAEG;;cAEe,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;;;;;;4EAqBhD,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC"}

package/lib/grid-type-registry.d.ts

@@ -0,0 +1,98 @@
+import { CellRenderContext, ColumnEditorContext } from '@toolbox-web/grid';
+import { InjectionKey, PropType, VNode } from 'vue';
+/**
+ * Vue-specific type default configuration.
+ * Uses Vue render functions that receive the render context.
+ */
+export interface VueTypeDefault<TRow = unknown, TValue = unknown> {
+    /** Vue render function for rendering cells of this type */
+    renderer?: (ctx: CellRenderContext<TRow, TValue>) => VNode;
+    /** Vue render function for editing cells of this type */
+    editor?: (ctx: ColumnEditorContext<TRow, TValue>) => VNode;
+    /** Default editorParams for this type */
+    editorParams?: Record<string, unknown>;
+}
+/**
+ * Type defaults registry - a map of type names to their defaults.
+ */
+export type TypeDefaultsMap = Record<string, VueTypeDefault>;
+/**
+ * Injection key for type defaults.
+ */
+export declare const GRID_TYPE_DEFAULTS: InjectionKey<TypeDefaultsMap>;
+/**
+ * Composable to get the current type defaults from the nearest provider.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useGridTypeDefaults } from '@toolbox-web/grid-vue';
+ *
+ * const typeDefaults = useGridTypeDefaults();
+ * </script>
+ * ```
+ */
+export declare function useGridTypeDefaults(): TypeDefaultsMap | undefined;
+/**
+ * Composable to get a specific type's default configuration.
+ *
+ * @param typeName - The type name to look up
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useTypeDefault } from '@toolbox-web/grid-vue';
+ *
+ * const countryDefault = useTypeDefault('country');
+ * </script>
+ * ```
+ */
+export declare function useTypeDefault<TRow = unknown, TValue = unknown>(typeName: string): VueTypeDefault<TRow, TValue> | undefined;
+/**
+ * Provides application-wide type defaults for all descendant grids.
+ *
+ * Wrap your application (or part of it) with this provider to make
+ * type-level renderers and editors available to all TbwGrid components.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { GridTypeProvider, type TypeDefaultsMap } from '@toolbox-web/grid-vue';
+ * import { h } from 'vue';
+ * import CountryBadge from './CountryBadge.vue';
+ *
+ * const typeDefaults: TypeDefaultsMap = {
+ *   country: {
+ *     renderer: (ctx) => h(CountryBadge, { code: ctx.value }),
+ *   },
+ * };
+ * </script>
+ *
+ * <template>
+ *   <GridTypeProvider :defaults="typeDefaults">
+ *     <App />
+ *   </GridTypeProvider>
+ * </template>
+ * ```
+ */
+export declare const GridTypeProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Type defaults to provide to all descendant grids.
+     */
+    defaults: {
+        type: PropType<TypeDefaultsMap>;
+        required: true;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Type defaults to provide to all descendant grids.
+     */
+    defaults: {
+        type: PropType<TypeDefaultsMap>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type GridTypeProviderProps = InstanceType<typeof GridTypeProvider>['$props'];
+//# sourceMappingURL=grid-type-registry.d.ts.map

package/lib/grid-type-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-type-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/grid-type-registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAoC,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAErG;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC9D,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,KAAK,CAAC;IAC3D,yDAAyD;IACzD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,KAAK,CAAC;IAC3D,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAE7D;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,eAAe,CAAgC,CAAC;AAE9F;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,IAAI,eAAe,GAAG,SAAS,CAEjE;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAC7D,QAAQ,EAAE,MAAM,GACf,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,CAG1C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,gBAAgB;IAGzB;;OAEG;;cAEe,QAAQ,CAAC,eAAe,CAAC;;;;;;IAJ3C;;OAEG;;cAEe,QAAQ,CAAC,eAAe,CAAC;;;iGAW7C,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC"}

package/lib/responsive-card-registry.d.ts

@@ -0,0 +1,20 @@
+import { VNode } from 'vue';
+/**
+ * Context object passed to the responsive card slot.
+ */
+export interface ResponsiveCardContext<T = unknown> {
+    /** The row data */
+    row: T;
+    /** The row index */
+    rowIndex: number;
+}
+/**
+ * Registry for responsive card renderers (per element)
+ */
+export declare const cardRegistry: WeakMap<HTMLElement, (ctx: ResponsiveCardContext<unknown>) => VNode[] | undefined>;
+/**
+ * Get the responsive card renderer for a grid element.
+ * @internal
+ */
+export declare function getResponsiveCardRenderer(gridElement: HTMLElement): ((ctx: ResponsiveCardContext<unknown>) => VNode[] | undefined) | undefined;
+//# sourceMappingURL=responsive-card-registry.d.ts.map

package/lib/responsive-card-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-card-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/responsive-card-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAEjC;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,mBAAmB;IACnB,GAAG,EAAE,CAAC,CAAC;IACP,oBAAoB;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,6BAAkC,qBAAqB,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE,GAAG,SAAS,CAAG,CAAC;AAErH;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,WAAW,GACvB,CAAC,CAAC,GAAG,EAAE,qBAAqB,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAM5E"}

package/lib/slot-types.d.ts

@@ -0,0 +1,50 @@
+import { ColumnConfig } from '@toolbox-web/grid';
+/**
+ * Slot context for #cell slot in TbwGridColumn.
+ *
+ * @example
+ * ```vue
+ * <TbwGridColumn field="status">
+ *   <template #cell="{ value, row }">
+ *     <StatusBadge :value="value" :row="row" />
+ *   </template>
+ * </TbwGridColumn>
+ * ```
+ */
+export interface CellSlotProps<TRow = unknown, TValue = unknown> {
+    /** The cell value */
+    value: TValue;
+    /** The entire row data */
+    row: TRow;
+    /** The column configuration */
+    column: ColumnConfig<TRow>;
+}
+/**
+ * Slot context for #editor slot in TbwGridColumn.
+ *
+ * @example
+ * ```vue
+ * <TbwGridColumn field="name" editable>
+ *   <template #editor="{ value, commit, cancel }">
+ *     <input
+ *       :value="value"
+ *       @blur="commit($event.target.value)"
+ *       @keydown.escape="cancel()"
+ *     />
+ *   </template>
+ * </TbwGridColumn>
+ * ```
+ */
+export interface EditorSlotProps<TRow = unknown, TValue = unknown> {
+    /** The current cell value */
+    value: TValue;
+    /** The entire row data */
+    row: TRow;
+    /** The column configuration */
+    column: ColumnConfig<TRow>;
+    /** Commit the edit with new value */
+    commit: (newValue: TValue) => void;
+    /** Cancel the edit */
+    cancel: () => void;
+}
+//# sourceMappingURL=slot-types.d.ts.map

package/lib/slot-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-types.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/slot-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,aAAa,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC7D,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAC/B,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO;IAC/D,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,GAAG,EAAE,IAAI,CAAC;IACV,+BAA+B;IAC/B,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,qCAAqC;IACrC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sBAAsB;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB"}

package/lib/tool-panel-registry.d.ts

@@ -0,0 +1,18 @@
+import { VNode } from 'vue';
+/**
+ * Context object passed to the tool panel slot.
+ */
+export interface ToolPanelContext {
+    /** The grid element */
+    gridElement: HTMLElement;
+}
+/**
+ * Registry for tool panel renderers (per element)
+ */
+export declare const toolPanelRegistry: WeakMap<HTMLElement, (ctx: ToolPanelContext) => VNode[] | undefined>;
+/**
+ * Get the tool panel renderer for an element.
+ * @internal
+ */
+export declare function getToolPanelRenderer(panelElement: HTMLElement): ((ctx: ToolPanelContext) => VNode[] | undefined) | undefined;
+//# sourceMappingURL=tool-panel-registry.d.ts.map

package/lib/tool-panel-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-panel-registry.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/tool-panel-registry.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAEjC;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,6BAAkC,gBAAgB,KAAK,KAAK,EAAE,GAAG,SAAS,CAAG,CAAC;AAE5G;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,WAAW,GACxB,CAAC,CAAC,GAAG,EAAE,gBAAgB,KAAK,KAAK,EAAE,GAAG,SAAS,CAAC,GAAG,SAAS,CAE9D"}

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

@@ -0,0 +1,68 @@
+import { DataGridElement } from '@toolbox-web/grid';
+import { Ref } from 'vue';
+/**
+ * Grid event types and their payload types.
+ */
+export interface GridEventMap {
+    'cell-click': {
+        value: unknown;
+        row: unknown;
+        column: unknown;
+        rowIndex: number;
+        colIndex: number;
+    };
+    'cell-dblclick': {
+        value: unknown;
+        row: unknown;
+        column: unknown;
+        rowIndex: number;
+        colIndex: number;
+    };
+    'cell-commit': {
+        value: unknown;
+        oldValue: unknown;
+        row: unknown;
+        column: unknown;
+    };
+    'row-commit': {
+        row: unknown;
+        changes: Record<string, unknown>;
+    };
+    'selection-change': {
+        selectedRows: unknown[];
+        selectedCells: unknown[];
+    };
+    'sort-change': {
+        field: string;
+        direction: 'asc' | 'desc' | null;
+    };
+    'row-toggle': {
+        row: unknown;
+        expanded: boolean;
+    };
+    ready: undefined;
+}
+/**
+ * Composable for subscribing to grid events with automatic cleanup.
+ *
+ * @param eventName - The name of the grid event to listen for
+ * @param handler - The event handler function
+ * @param gridElement - Optional grid element ref (uses injected if not provided)
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useGridEvent } from '@toolbox-web/grid-vue';
+ *
+ * useGridEvent('cell-commit', (event) => {
+ *   console.log('Cell committed:', event.detail);
+ * });
+ *
+ * useGridEvent('selection-change', (event) => {
+ *   console.log('Selection changed:', event.detail);
+ * });
+ * </script>
+ * ```
+ */
+export declare function useGridEvent<K extends keyof GridEventMap>(eventName: K, handler: (event: CustomEvent<GridEventMap[K]>) => void, gridElement?: Ref<DataGridElement | null>): void;
+//# sourceMappingURL=use-grid-event.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-grid-event.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/use-grid-event.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAA2C,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAGxE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,YAAY,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACpG,eAAe,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACvG,aAAa,EAAE;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IACpF,YAAY,EAAE;QAAE,GAAG,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IACjE,kBAAkB,EAAE;QAAE,YAAY,EAAE,OAAO,EAAE,CAAC;QAAC,aAAa,EAAE,OAAO,EAAE,CAAA;KAAE,CAAC;IAC1E,aAAa,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACnE,YAAY,EAAE;QAAE,GAAG,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC;IAClD,KAAK,EAAE,SAAS,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,YAAY,EACvD,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EACtD,WAAW,CAAC,EAAE,GAAG,CAAC,eAAe,GAAG,IAAI,CAAC,GACxC,IAAI,CAgBN"}

package/lib/use-grid.d.ts

@@ -0,0 +1,39 @@
+import { DataGridElement } from '@toolbox-web/grid';
+import { InjectionKey, Ref } from 'vue';
+/**
+ * Injection key for the grid element.
+ */
+export declare const GRID_ELEMENT_KEY: InjectionKey<Ref<DataGridElement | null>>;
+/**
+ * Return type for useGrid composable.
+ */
+export interface UseGridReturn {
+    /** The grid element reference */
+    gridElement: Ref<DataGridElement | null>;
+    /** Force a layout recalculation */
+    forceLayout: () => Promise<void>;
+    /** Get current grid configuration */
+    getConfig: () => ReturnType<DataGridElement['getConfig']> | undefined;
+    /** Wait for grid to be ready */
+    ready: () => Promise<void>;
+    /** Get a plugin by its class */
+    getPlugin: <T>(pluginClass: new (...args: unknown[]) => T) => T | undefined;
+}
+/**
+ * Composable for programmatic access to the grid.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useGrid } from '@toolbox-web/grid-vue';
+ *
+ * const { forceLayout, getConfig } = useGrid();
+ *
+ * async function handleResize() {
+ *   await forceLayout();
+ * }
+ * </script>
+ * ```
+ */
+export declare function useGrid(): UseGridReturn;
+//# sourceMappingURL=use-grid.d.ts.map

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

@@ -0,0 +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;CAC7E;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,IAAI,aAAa,CAkBvC"}

package/lib/vue-column-config.d.ts

@@ -0,0 +1,69 @@
+import { CellRenderContext, ColumnConfig, ColumnEditorContext, GridConfig } from '@toolbox-web/grid';
+import { Component, VNode } from 'vue';
+/**
+ * Vue component that can render a cell.
+ */
+export type VueCellRenderer<TRow = unknown, TValue = unknown> = ((ctx: CellRenderContext<TRow, TValue>) => VNode) | Component;
+/**
+ * Vue component that can render a cell editor.
+ */
+export type VueCellEditor<TRow = unknown, TValue = unknown> = ((ctx: ColumnEditorContext<TRow, TValue>) => VNode) | Component;
+/**
+ * Column configuration with Vue-specific renderer/editor support.
+ *
+ * Extends the base ColumnConfig with `renderer` and `editor` properties
+ * that accept Vue components or render functions.
+ *
+ * @example
+ * ```ts
+ * const columns: VueColumnConfig<Employee>[] = [
+ *   { field: 'name', header: 'Name' },
+ *   {
+ *     field: 'status',
+ *     header: 'Status',
+ *     renderer: (ctx) => h(StatusBadge, { value: ctx.value }),
+ *     editor: (ctx) => h(StatusSelect, {
+ *       modelValue: ctx.value,
+ *       'onUpdate:modelValue': ctx.commit,
+ *     }),
+ *   },
+ * ];
+ * ```
+ */
+export interface VueColumnConfig<TRow = unknown, TValue = unknown> extends Omit<ColumnConfig<TRow>, 'renderer' | 'editor'> {
+    /**
+     * Vue component or render function for custom cell rendering.
+     * Receives CellRenderContext with value, row, column, and indexes.
+     */
+    renderer?: VueCellRenderer<TRow, TValue>;
+    /**
+     * Vue component or render function for custom cell editing.
+     * Receives ColumnEditorContext with value, row, commit, and cancel functions.
+     */
+    editor?: VueCellEditor<TRow, TValue>;
+}
+/**
+ * Grid configuration with Vue-specific column support.
+ *
+ * @example
+ * ```ts
+ * const config: VueGridConfig<Employee> = {
+ *   columns: [
+ *     { field: 'name', header: 'Name' },
+ *     {
+ *       field: 'department',
+ *       header: 'Department',
+ *       renderer: (ctx) => h('span', { class: 'badge' }, ctx.value),
+ *     },
+ *   ],
+ *   plugins: [new SelectionPlugin({ mode: 'row' })],
+ * };
+ * ```
+ */
+export interface VueGridConfig<TRow = unknown> extends Omit<GridConfig<TRow>, 'columns'> {
+    /**
+     * Column definitions with Vue renderer/editor support.
+     */
+    columns?: VueColumnConfig<TRow>[];
+}
+//# sourceMappingURL=vue-column-config.d.ts.map

package/lib/vue-column-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-column-config.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/vue-column-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1G,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,IACxD,CAAC,CAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,KAAK,CAAC,GACjD,SAAS,CAAC;AAEd;;GAEG;AACH,MAAM,MAAM,aAAa,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,IACtD,CAAC,CAAC,GAAG,EAAE,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,KAAK,CAAC,GACnD,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,eAAe,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,CAAE,SAAQ,IAAI,CAC7E,YAAY,CAAC,IAAI,CAAC,EAClB,UAAU,GAAG,QAAQ,CACtB;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAEzC;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;CACtC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aAAa,CAAC,IAAI,GAAG,OAAO,CAAE,SAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IACtF;;OAEG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;CACnC"}

package/lib/vue-grid-adapter.d.ts

@@ -0,0 +1,94 @@
+import { CellRenderContext, ColumnEditorContext, ColumnEditorSpec, ColumnViewRenderer, FrameworkAdapter } from '@toolbox-web/grid';
+import { VNode } from 'vue';
+/**
+ * Register a Vue cell renderer for a column element.
+ * Called by TbwGridColumn when it has a #cell slot.
+ */
+export declare function registerColumnRenderer(element: HTMLElement, renderer: (ctx: CellRenderContext<unknown, unknown>) => VNode): void;
+/**
+ * Register a Vue cell editor for a column element.
+ * Called by TbwGridColumn when it has an #editor slot.
+ */
+export declare function registerColumnEditor(element: HTMLElement, editor: (ctx: ColumnEditorContext<unknown, unknown>) => VNode): void;
+/**
+ * Get the renderer registered for a column element.
+ * Falls back to field-based lookup if WeakMap lookup fails.
+ */
+export declare function getColumnRenderer(element: HTMLElement): ((ctx: CellRenderContext<unknown, unknown>) => VNode) | undefined;
+/**
+ * Get the editor registered for a column element.
+ * Falls back to field-based lookup if WeakMap lookup fails.
+ */
+export declare function getColumnEditor(element: HTMLElement): ((ctx: ColumnEditorContext<unknown, unknown>) => VNode) | undefined;
+/**
+ * Get all registered field names.
+ * @internal - for testing only
+ */
+export declare function getRegisteredFields(): string[];
+/**
+ * Clear the field registries.
+ * @internal - for testing only
+ */
+export declare function clearFieldRegistries(): void;
+/**
+ * Framework adapter that enables Vue 3 component integration
+ * with the grid's light DOM configuration API.
+ *
+ * ## Usage
+ *
+ * The adapter is automatically registered when using the TbwGrid component.
+ * For advanced use cases, you can manually register:
+ *
+ * ```ts
+ * import { GridElement } from '@toolbox-web/grid';
+ * import { VueGridAdapter } from '@toolbox-web/grid-vue';
+ *
+ * // One-time registration
+ * GridElement.registerAdapter(new VueGridAdapter());
+ * ```
+ *
+ * ## Declarative usage with TbwGrid:
+ *
+ * ```vue
+ * <TbwGrid :rows="data" :grid-config="config">
+ *   <TbwGridColumn field="status">
+ *     <template #cell="{ value, row }">
+ *       <StatusBadge :value="value" />
+ *     </template>
+ *   </TbwGridColumn>
+ * </TbwGrid>
+ * ```
+ */
+export declare class VueGridAdapter implements FrameworkAdapter {
+    private mountedViews;
+    /**
+     * Determines if this adapter can handle the given element.
+     * Checks if a renderer or editor is registered for this element.
+     */
+    canHandle(element: HTMLElement): boolean;
+    /**
+     * Creates a view renderer function that renders a Vue component
+     * and returns its container DOM element.
+     */
+    createRenderer<TRow = unknown, TValue = unknown>(element: HTMLElement): ColumnViewRenderer<TRow, TValue>;
+    /**
+     * Creates an editor spec that renders a Vue component for cell editing.
+     * Returns a function that creates the editor DOM element.
+     */
+    createEditor<TRow = unknown, TValue = unknown>(element: HTMLElement): ColumnEditorSpec<TRow, TValue>;
+    /**
+     * Framework adapter hook called by MasterDetailPlugin during attach().
+     * Parses the <tbw-grid-detail> element and returns a Vue-based renderer.
+     */
+    parseDetailElement<TRow = unknown>(detailElement: Element): ((row: TRow, rowIndex: number) => HTMLElement) | undefined;
+    /**
+     * Framework adapter hook called by ResponsivePlugin during attach().
+     * Parses the <tbw-grid-responsive-card> element and returns a Vue-based renderer.
+     */
+    parseResponsiveCardElement<TRow = unknown>(cardElement: Element): ((row: TRow, rowIndex: number) => HTMLElement) | undefined;
+    /**
+     * Cleanup all mounted Vue apps.
+     */
+    cleanup(): void;
+}
+//# sourceMappingURL=vue-grid-adapter.d.ts.map

package/lib/vue-grid-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-grid-adapter.d.ts","sourceRoot":"","sources":["../../../../libs/grid-vue/src/lib/vue-grid-adapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAuB,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAkBtD;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,KAAK,GAC5D,IAAI,CAaN;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,CAAC,GAAG,EAAE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,KAAK,GAC5D,IAAI,CAYN;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,GACnB,CAAC,CAAC,GAAG,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,GAAG,SAAS,CAYnE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,WAAW,GACnB,CAAC,CAAC,GAAG,EAAE,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,KAAK,CAAC,GAAG,SAAS,CAYrE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,EAAE,CAE9C;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,cAAe,YAAW,gBAAgB;IACrD,OAAO,CAAC,YAAY,CAAqB;IAEzC;;;OAGG;IACH,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAkBxC;;;OAGG;IACH,cAAc,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC;IAsExG;;;OAGG;IACH,YAAY,CAAC,IAAI,GAAG,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,WAAW,GAAG,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC;IA0BpG;;;OAGG;IACH,kBAAkB,CAAC,IAAI,GAAG,OAAO,EAC/B,aAAa,EAAE,OAAO,GACrB,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,SAAS;IAiC7D;;;OAGG;IACH,0BAA0B,CAAC,IAAI,GAAG,OAAO,EACvC,WAAW,EAAE,OAAO,GACnB,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,SAAS;IAiC7D;;OAEG;IACH,OAAO,IAAI,IAAI;CAWhB"}

package/package.json

@@ -1,7 +1,56 @@
 {
   "name": "@toolbox-web/grid-vue",
-  "version": "0.0.0",
-  "description": "Vue 3 adapter for @toolbox-web/grid - placeholder release",
+  "version": "0.1.0",
+  "description": "Vue 3 adapter for @toolbox-web/grid data grid component",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
+    "./features": {
+      "types": "./features/index.d.ts",
+      "import": "./features/index.js",
+      "default": "./features/index.js"
+    },
+    "./features/*": {
+      "types": "./features/*.d.ts",
+      "import": "./features/*.js",
+      "default": "./features/*.js"
+    }
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "data-grid",
+    "web-component",
+    "toolbox-web"
+  ],
   "license": "MIT",
-  "publishConfig": { "access": "public" }
+  "author": "Oystein Amundsen",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/OysteinAmundsen/toolbox.git",
+    "directory": "libs/grid-vue"
+  },
+  "homepage": "https://toolboxjs.com",
+  "bugs": {
+    "url": "https://github.com/OysteinAmundsen/toolbox/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "vue": "^3.5.0",
+    "@toolbox-web/grid": ">=1.0.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3.0",
+    "@toolbox-web/grid": ">=1.0.0"
+  }
 }

package/typedoc-entry.d.ts

@@ -0,0 +1,31 @@
+/**
+ * TypeDoc entry point for @toolbox-web/grid-vue.
+ *
+ * This file excludes Vue SFC components (which TypeDoc cannot parse) and only
+ * exports TypeScript-based APIs: composables, types, registries, and adapters.
+ *
+ * For component documentation, see the GettingStarted.mdx and AdvancedUsage.mdx guides.
+ *
+ * @packageDocumentation
+ * @module @toolbox-web/grid-vue
+ */
+export type { DetailPanelContext } from './lib/detail-panel-registry';
+export type { ResponsiveCardContext } from './lib/responsive-card-registry';
+export type { CellSlotProps, EditorSlotProps } from './lib/slot-types';
+export type { ToolPanelContext } from './lib/tool-panel-registry';
+export { VueGridAdapter } from './lib/vue-grid-adapter';
+export { GRID_ELEMENT_KEY, useGrid } from './lib/use-grid';
+export type { UseGridReturn } from './lib/use-grid';
+export { useGridEvent } from './lib/use-grid-event';
+export type { GridEventMap } from './lib/use-grid-event';
+export type { VueCellEditor, VueCellRenderer, VueColumnConfig, VueGridConfig } from './lib/vue-column-config';
+export type { AllFeatureProps, FeatureProps } from './lib/feature-props';
+export { clearFeatureRegistry, createPluginFromFeature, getFeatureFactory, getRegisteredFeatures, isFeatureRegistered, registerFeature, } from './lib/feature-registry';
+export type { FeatureName, PluginFactory } from './lib/feature-registry';
+export { GRID_TYPE_DEFAULTS, GridTypeProvider, useGridTypeDefaults, useTypeDefault } from './lib/grid-type-registry';
+export type { GridTypeProviderProps, TypeDefaultsMap, VueTypeDefault } from './lib/grid-type-registry';
+export { GRID_ICONS, GridIconProvider, useGridIcons } from './lib/grid-icon-registry';
+export type { GridIconProviderProps } from './lib/grid-icon-registry';
+export { GridProvider } from './lib/grid-provider';
+export type { GridProviderProps } from './lib/grid-provider';
+//# sourceMappingURL=typedoc-entry.d.ts.map