@chalabi/svelte-sheets 2.0.6 → 2.0.7

package/Readme.md

@@ -88,6 +88,22 @@ Common flags:
 - `editable`: false to disable edits (equivalent to readOnly)
 - `disableHover`: true to disable hover-based selection updates
 
+Boolean cells (Checkboxes):
+
+- `booleanColumns`: array of column indices to render as checkboxes (e.g., `[2, 5]`)
+- `booleanRows`: array of row indices to render as checkboxes (e.g., `[3, 7]`)
+
+Boolean cells display a checkmark (✓) for `true` values and a crossed circle (⦻) for `false` values. Users can click to toggle between true/false. The first row (headers) is automatically excluded from boolean rendering.
+
+Example:
+```js
+let options = {
+  tableHeight: "70vh",
+  booleanColumns: [5],  // Column 5 will show checkboxes
+  booleanRows: [10],    // Row 10 will show checkboxes
+};
+```
+
 Theme:
 
 - `theme`: set to `"dark"` for the bundled dark tokens (default is `"light"`)

package/dist/Sheet.svelte

@@ -18,8 +18,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { onMount, tick } from "svelte";
+import { onMount, tick, createEventDispatcher } from "svelte";
 import * as XLSX from "xlsx";
+const dispatch = createEventDispatcher();
 import { resizable } from "./actions/index.js";
 import { draggable } from "./actions/draggable.js";
 import { defaultconfig } from "./defaultconfig.js";
@@ -232,6 +233,8 @@ function toggleBooleanCell(colIndex, rowIndex) {
     else {
         data[rowIndex][colIndex] = newValue;
     }
+    // Dispatch inputchange event for boolean toggle
+    dispatch('inputchange', { value: newValue, row: { i: rowIndex }, column: { i: colIndex } });
     historyPush(data, rows, columns, style);
     cmdz = false;
 }

package/dist/Sheet.svelte.d.ts

@@ -34,6 +34,8 @@ declare const Sheet: $$__sveltets_2_IsomorphicComponent<{
     endX?: number;
     onInputChange?: (value: any, row: any, column: any) => void;
 }, {
+    inputchange: CustomEvent<any>;
+} & {
     [evt: string]: CustomEvent<any>;
 }, {}, {
     onInputChange: (value: any, row: any, column: any) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chalabi/svelte-sheets",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Run your excel sheet in the browser!",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",