@bsg-export/react 1.0.6

package/dist/ExportButton.d.ts

@@ -0,0 +1,44 @@
+/**
+ * ExportButton - 开箱即用的导出按钮组件
+ *
+ * 自动管理 WASM 初始化、导出状态和进度显示。
+ *
+ * @example
+ * ```tsx
+ * <ExportButton tableId="my-table" filename="报表.xlsx" format={ExportFormat.Xlsx}>
+ *   导出 Excel
+ * </ExportButton>
+ * ```
+ */
+import React from 'react';
+import type { ExportFormat } from '@bsg-export/types';
+/** ExportButton 组件的 Props */
+export interface ExportButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onError'> {
+    /** 要导出的 HTML 表格元素的 ID */
+    tableId: string;
+    /** 导出文件名 */
+    filename?: string;
+    /** 导出格式 */
+    format?: ExportFormat;
+    /** 是否排除隐藏行/列 */
+    excludeHidden?: boolean;
+    /** 是否添加 UTF-8 BOM（仅 CSV 有效） */
+    withBom?: boolean;
+    /** 导出成功回调 */
+    onExportSuccess?: () => void;
+    /** 导出失败回调 */
+    onExportError?: (error: Error) => void;
+    /** 进度变化回调 */
+    onExportProgress?: (progress: number) => void;
+    /** 初始化中的提示文本 */
+    initializingText?: string;
+    /** 导出中的提示文本（支持 {progress} 占位符） */
+    loadingText?: string;
+}
+/**
+ * 导出按钮组件
+ *
+ * 封装了 WASM 初始化和导出逻辑，通过 props 配置导出参数。
+ */
+export declare function ExportButton({ tableId, filename, format, excludeHidden, withBom, onExportSuccess, onExportError, onExportProgress, initializingText, loadingText, children, disabled, ...buttonProps }: ExportButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportButton.d.ts.map

package/dist/ExportButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportButton.d.ts","sourceRoot":"","sources":["../src/ExportButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,6BAA6B;AAC7B,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IACtE,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW;IACX,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,gBAAgB;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa;IACb,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa;IACb,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,aAAa;IACb,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,MAAM,EACN,aAAa,EACb,OAAO,EACP,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,gBAA4B,EAC5B,WAA+B,EAC/B,QAAe,EACf,QAAQ,EACR,GAAG,WAAW,EACf,EAAE,iBAAiB,2CAoDnB"}

package/dist/ExportButton.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ExportButton - 开箱即用的导出按钮组件
+ *
+ * 自动管理 WASM 初始化、导出状态和进度显示。
+ *
+ * @example
+ * ```tsx
+ * <ExportButton tableId="my-table" filename="报表.xlsx" format={ExportFormat.Xlsx}>
+ *   导出 Excel
+ * </ExportButton>
+ * ```
+ */
+import React from 'react';
+import { useExporter } from './use-exporter';
+/**
+ * 导出按钮组件
+ *
+ * 封装了 WASM 初始化和导出逻辑，通过 props 配置导出参数。
+ */
+export function ExportButton({ tableId, filename, format, excludeHidden, withBom, onExportSuccess, onExportError, onExportProgress, initializingText = '初始化中...', loadingText = '导出中 {progress}%', children = '导出', disabled, ...buttonProps }) {
+    const { initialized, loading, progress, error, exportTable } = useExporter();
+    React.useEffect(() => {
+        if (error && onExportError) {
+            onExportError(error);
+        }
+    }, [error, onExportError]);
+    React.useEffect(() => {
+        if (onExportProgress) {
+            onExportProgress(progress);
+        }
+    }, [progress, onExportProgress]);
+    const handleClick = React.useCallback((e) => {
+        buttonProps.onClick?.(e);
+        if (e.defaultPrevented)
+            return;
+        exportTable({
+            tableId,
+            filename,
+            format,
+            excludeHidden,
+            withBom,
+        });
+        // 导出成功回调（同步导出完成后立即触发）
+        if (onExportSuccess && !error) {
+            onExportSuccess();
+        }
+    }, [tableId, filename, format, excludeHidden, withBom, exportTable, onExportSuccess, error, buttonProps]);
+    /** 渲染按钮文本 */
+    const renderText = () => {
+        if (!initialized)
+            return initializingText;
+        if (loading)
+            return loadingText.replace('{progress}', Math.round(progress).toString());
+        return children;
+    };
+    return (_jsx("button", { ...buttonProps, disabled: disabled || !initialized || loading, onClick: handleClick, children: renderText() }));
+}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @bsg-export/react - belobog-stellar-grid 的 React 官方封装
+ *
+ * 提供 Hook 和组件，简化在 React 项目中使用表格导出功能。
+ *
+ * @packageDocumentation
+ */
+export { useExporter } from './use-exporter';
+export type { UseExporterReturn, ExportTableOptions, ExportTablesXlsxOptions, ExportCsvBatchOptions, ExportXlsxBatchOptions, ExportTablesBatchOptions, } from './use-exporter';
+export { ExportButton } from './ExportButton';
+export type { ExportButtonProps } from './ExportButton';
+export type { Column, MergeCellValue, CellValue, MergeableCellValue, DataRow, ExportDataOptions, SheetConfig, BatchSheetConfig, ProgressCallback, } from '@bsg-export/types';
+export { ExportFormat } from '@bsg-export/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,YAAY,EACV,MAAM,EACN,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,OAAO,EACP,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,12 @@
+/**
+ * @bsg-export/react - belobog-stellar-grid 的 React 官方封装
+ *
+ * 提供 Hook 和组件，简化在 React 项目中使用表格导出功能。
+ *
+ * @packageDocumentation
+ */
+// Hook
+export { useExporter } from './use-exporter';
+// 组件
+export { ExportButton } from './ExportButton';
+export { ExportFormat } from '@bsg-export/types';

package/dist/use-exporter.d.ts

@@ -0,0 +1,108 @@
+/**
+ * useExporter - WASM 导出管理 Hook
+ *
+ * 自动管理 WASM 初始化生命周期，提供类型安全的导出方法和状态追踪。
+ *
+ * @example
+ * ```tsx
+ * const { initialized, loading, progress, exportTable } = useExporter();
+ *
+ * return (
+ *   <button onClick={() => exportTable({ tableId: 'my-table', filename: '报表.xlsx' })}
+ *           disabled={!initialized || loading}>
+ *     {loading ? `导出中 ${progress}%` : '导出 Excel'}
+ *   </button>
+ * );
+ * ```
+ */
+import type { ExportFormat, ExportDataOptions, SheetConfig, BatchSheetConfig, DataRow } from '@bsg-export/types';
+/** export_table 的参数配置 */
+export interface ExportTableOptions {
+    /** 要导出的 HTML 表格元素的 ID */
+    tableId: string;
+    /** 导出文件名 */
+    filename?: string;
+    /** 导出格式 */
+    format?: ExportFormat;
+    /** 是否排除隐藏行/列 */
+    excludeHidden?: boolean;
+    /** 是否添加 UTF-8 BOM（仅 CSV 有效） */
+    withBom?: boolean;
+    /** 回调失败是否中断导出 */
+    strictProgressCallback?: boolean;
+}
+/** 多工作表导出的参数配置 */
+export interface ExportTablesXlsxOptions {
+    /** Sheet 配置数组 */
+    sheets: SheetConfig[];
+    /** 导出文件名 */
+    filename?: string;
+}
+/** 分批导出 CSV 的参数配置 */
+export interface ExportCsvBatchOptions {
+    /** 要导出的 HTML 表格元素的 ID */
+    tableId: string;
+    /** 可选的独立 tbody ID */
+    tbodyId?: string;
+    /** 导出文件名 */
+    filename?: string;
+    /** 每批处理行数 */
+    batchSize?: number;
+    /** 是否排除隐藏行/列 */
+    excludeHidden?: boolean;
+    /** 是否添加 UTF-8 BOM */
+    withBom?: boolean;
+}
+/** 分批导出 XLSX 的参数配置 */
+export interface ExportXlsxBatchOptions {
+    /** 要导出的 HTML 表格元素的 ID */
+    tableId: string;
+    /** 可选的独立 tbody ID */
+    tbodyId?: string;
+    /** 导出文件名 */
+    filename?: string;
+    /** 每批处理行数 */
+    batchSize?: number;
+    /** 是否排除隐藏行/列 */
+    excludeHidden?: boolean;
+}
+/** 多工作表分批导出的参数配置 */
+export interface ExportTablesBatchOptions {
+    /** Sheet 配置数组 */
+    sheets: BatchSheetConfig[];
+    /** 导出文件名 */
+    filename?: string;
+    /** 每批处理行数 */
+    batchSize?: number;
+}
+/** useExporter Hook 的返回值 */
+export interface UseExporterReturn {
+    /** WASM 是否已初始化完成 */
+    initialized: boolean;
+    /** 是否正在导出 */
+    loading: boolean;
+    /** 导出进度 (0-100) */
+    progress: number;
+    /** 错误信息 */
+    error: Error | null;
+    /** 导出 HTML 表格 */
+    exportTable: (options: ExportTableOptions) => void;
+    /** 从 JS 数组直接导出 */
+    exportData: (data: DataRow[], options?: ExportDataOptions) => void;
+    /** 多工作表同步导出 */
+    exportTablesXlsx: (options: ExportTablesXlsxOptions) => void;
+    /** 分批异步导出 CSV */
+    exportCsvBatch: (options: ExportCsvBatchOptions) => Promise<void>;
+    /** 分批异步导出 XLSX */
+    exportXlsxBatch: (options: ExportXlsxBatchOptions) => Promise<void>;
+    /** 多工作表分批异步导出 */
+    exportTablesBatch: (options: ExportTablesBatchOptions) => Promise<void>;
+}
+/**
+ * WASM 导出管理 Hook
+ *
+ * 自动初始化 WASM 模块，提供类型安全的导出方法，
+ * 管理 loading / progress / error 状态。
+ */
+export declare function useExporter(): UseExporterReturn;
+//# sourceMappingURL=use-exporter.d.ts.map

package/dist/use-exporter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-exporter.d.ts","sourceRoot":"","sources":["../src/use-exporter.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAEhB,OAAO,EACR,MAAM,mBAAmB,CAAC;AAE3B,yBAAyB;AACzB,MAAM,WAAW,kBAAkB;IACjC,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW;IACX,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,gBAAgB;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB;IACjB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,kBAAkB;AAClB,MAAM,WAAW,uBAAuB;IACtC,iBAAiB;IACjB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,YAAY;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,qBAAqB;AACrB,MAAM,WAAW,qBAAqB;IACpC,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,sBAAsB;AACtB,MAAM,WAAW,sBAAsB;IACrC,yBAAyB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,oBAAoB;AACpB,MAAM,WAAW,wBAAwB;IACvC,iBAAiB;IACjB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,YAAY;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,4BAA4B;AAC5B,MAAM,WAAW,iBAAiB;IAChC,oBAAoB;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,mBAAmB;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW;IACX,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,iBAAiB;IACjB,WAAW,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACnD,kBAAkB;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,OAAO,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACnE,eAAe;IACf,gBAAgB,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC7D,iBAAiB;IACjB,cAAc,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,kBAAkB;IAClB,eAAe,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,iBAAiB;IACjB,iBAAiB,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzE;AAuBD;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,CAwK/C"}

package/dist/use-exporter.js

@@ -0,0 +1,158 @@
+/**
+ * useExporter - WASM 导出管理 Hook
+ *
+ * 自动管理 WASM 初始化生命周期，提供类型安全的导出方法和状态追踪。
+ *
+ * @example
+ * ```tsx
+ * const { initialized, loading, progress, exportTable } = useExporter();
+ *
+ * return (
+ *   <button onClick={() => exportTable({ tableId: 'my-table', filename: '报表.xlsx' })}
+ *           disabled={!initialized || loading}>
+ *     {loading ? `导出中 ${progress}%` : '导出 Excel'}
+ *   </button>
+ * );
+ * ```
+ */
+import { useState, useEffect, useCallback, useRef } from 'react';
+/** WASM 模块缓存 */
+let wasmModule = null;
+let wasmInitPromise = null;
+/**
+ * 初始化 WASM 模块（单例模式）
+ */
+async function initWasm() {
+    if (wasmModule)
+        return wasmModule;
+    if (!wasmInitPromise) {
+        wasmInitPromise = import('belobog-stellar-grid').then(async (mod) => {
+            await mod.default();
+            wasmModule = mod;
+            return mod;
+        });
+    }
+    return wasmInitPromise;
+}
+/**
+ * WASM 导出管理 Hook
+ *
+ * 自动初始化 WASM 模块，提供类型安全的导出方法，
+ * 管理 loading / progress / error 状态。
+ */
+export function useExporter() {
+    const [initialized, setInitialized] = useState(false);
+    const [loading, setLoading] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const [error, setError] = useState(null);
+    const mountedRef = useRef(true);
+    useEffect(() => {
+        mountedRef.current = true;
+        initWasm()
+            .then(() => {
+            if (mountedRef.current)
+                setInitialized(true);
+        })
+            .catch((err) => {
+            if (mountedRef.current)
+                setError(err instanceof Error ? err : new Error(String(err)));
+        });
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    /** 创建进度回调（自动更新 progress 状态） */
+    const createProgressCallback = useCallback(() => {
+        return (p) => {
+            if (mountedRef.current)
+                setProgress(p);
+        };
+    }, []);
+    /** 包装同步导出操作 */
+    const wrapSync = useCallback((fn) => {
+        if (!initialized || !wasmModule)
+            return;
+        setLoading(true);
+        setProgress(0);
+        setError(null);
+        try {
+            fn();
+            if (mountedRef.current)
+                setProgress(100);
+        }
+        catch (err) {
+            if (mountedRef.current)
+                setError(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            if (mountedRef.current)
+                setLoading(false);
+        }
+    }, [initialized]);
+    /** 包装异步导出操作 */
+    const wrapAsync = useCallback(async (fn) => {
+        if (!initialized || !wasmModule)
+            return;
+        setLoading(true);
+        setProgress(0);
+        setError(null);
+        try {
+            await fn();
+            if (mountedRef.current)
+                setProgress(100);
+        }
+        catch (err) {
+            if (mountedRef.current)
+                setError(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            if (mountedRef.current)
+                setLoading(false);
+        }
+    }, [initialized]);
+    const exportTable = useCallback((options) => {
+        wrapSync(() => {
+            wasmModule.export_table(options.tableId, options.filename, options.format, options.excludeHidden, createProgressCallback(), options.withBom, options.strictProgressCallback);
+        });
+    }, [wrapSync, createProgressCallback]);
+    const exportData = useCallback((data, options) => {
+        wrapSync(() => {
+            const opts = options
+                ? { ...options, progressCallback: options.progressCallback ?? createProgressCallback() }
+                : { progressCallback: createProgressCallback() };
+            wasmModule.export_data(data, opts);
+        });
+    }, [wrapSync, createProgressCallback]);
+    const exportTablesXlsx = useCallback((options) => {
+        wrapSync(() => {
+            wasmModule.export_tables_xlsx(options.sheets, options.filename, createProgressCallback());
+        });
+    }, [wrapSync, createProgressCallback]);
+    const exportCsvBatch = useCallback(async (options) => {
+        await wrapAsync(async () => {
+            await wasmModule.export_table_to_csv_batch(options.tableId, options.tbodyId, options.filename, options.batchSize, options.excludeHidden, createProgressCallback(), options.withBom);
+        });
+    }, [wrapAsync, createProgressCallback]);
+    const exportXlsxBatch = useCallback(async (options) => {
+        await wrapAsync(async () => {
+            await wasmModule.export_table_to_xlsx_batch(options.tableId, options.tbodyId, options.filename, options.batchSize, options.excludeHidden, createProgressCallback());
+        });
+    }, [wrapAsync, createProgressCallback]);
+    const exportTablesBatch = useCallback(async (options) => {
+        await wrapAsync(async () => {
+            await wasmModule.export_tables_to_xlsx_batch(options.sheets, options.filename, options.batchSize, createProgressCallback());
+        });
+    }, [wrapAsync, createProgressCallback]);
+    return {
+        initialized,
+        loading,
+        progress,
+        error,
+        exportTable,
+        exportData,
+        exportTablesXlsx,
+        exportCsvBatch,
+        exportXlsxBatch,
+        exportTablesBatch,
+    };
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@bsg-export/react",
+  "version": "1.0.6",
+  "description": "belobog-stellar-grid 的 React 官方封装组件",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "belobog",
+    "stellar-grid",
+    "react",
+    "export",
+    "table"
+  ],
+  "author": "Kurisu <makise_kurisuu@outlook.jp>",
+  "license": "MIT OR Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kurisu994/belobog-stellar-grid",
+    "directory": "packages/react"
+  },
+  "peerDependencies": {
+    "belobog-stellar-grid": ">=1.0.0",
+    "react": ">=17.0.0"
+  },
+  "dependencies": {
+    "@bsg-export/types": "file:../types"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "typescript": "^5.7.0"
+  }
+}