@svgrid/grid 2.0.2 → 2.1.0

package/package.json

@@ -1,85 +1,92 @@
-{
-  "name": "@svgrid/grid",
-  "version": "2.0.2",
-  "description": "SvGrid - a headless-first, Svelte 5-native data grid engine and render component.",
-  "author": "jQWidgets <boikom@jqwidgets.com>",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/sv-grid/sv-grid.git",
-    "directory": "packages/grid"
-  },
-  "homepage": "https://svgrid.com",
-  "keywords": [
-    "svelte",
-    "grid",
-    "table",
-    "headless",
-    "datagrid"
-  ],
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "module": "dist/index.js",
-  "svelte": "./dist/index.js",
-  "unpkg": "./dist/cdn/svgrid.js",
-  "jsdelivr": "./dist/cdn/svgrid.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js",
-      "import": "./dist/index.js"
-    },
-    "./cdn": {
-      "import": "./dist/cdn/svgrid.js",
-      "default": "./dist/cdn/svgrid.js"
-    },
-    "./cdn/svelte-external": {
-      "import": "./dist/cdn/svgrid.svelte-external.js",
-      "default": "./dist/cdn/svgrid.svelte-external.js"
-    },
-    "./static-functions": {
-      "types": "./dist/static-functions.d.ts",
-      "svelte": "./dist/static-functions.js",
-      "import": "./dist/static-functions.js"
-    },
-    "./format": {
-      "types": "./dist/export-format.d.ts",
-      "svelte": "./dist/export-format.js",
-      "import": "./dist/export-format.js"
-    },
-    "./flex-render": {
-      "types": "./dist/flex-render.d.ts",
-      "svelte": "./dist/flex-render.js",
-      "import": "./dist/flex-render.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "engines": {
-    "node": ">=16"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "scripts": {
-    "clean": "rimraf ./build && rimraf ./dist",
-    "test:eslint": "eslint ./src",
-    "test:types": "svelte-check --tsconfig ./tsconfig.json",
-    "test:lib": "vitest run --coverage",
-    "test:build": "publint --strict",
-    "build": "svelte-package --input ./src --output ./dist && node ../../tools/strip-dist-tests.mjs ./dist && node ./scripts/build-cdn.mjs"
-  },
-  "devDependencies": {
-    "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
-    "@vitest/coverage-v8": "^4.1.5",
-    "eslint-plugin-svelte": "^3.17.1",
-    "jsdom": "^29.1.1",
-    "publint": "^0.3.21",
-    "svelte": "^5.55.5",
-    "svelte-check": "^4.4.6"
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  }
-}
+{
+  "name": "@svgrid/grid",
+  "version": "2.1.0",
+  "description": "SvGrid - a headless-first, Svelte 5-native data grid engine and render component.",
+  "author": "jQWidgets <boikom@jqwidgets.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sv-grid/sv-grid.git",
+    "directory": "packages/grid"
+  },
+  "homepage": "https://svgrid.com",
+  "keywords": [
+    "svelte",
+    "grid",
+    "table",
+    "headless",
+    "datagrid"
+  ],
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.js",
+  "svelte": "./dist/index.js",
+  "unpkg": "./dist/cdn/svgrid.js",
+  "jsdelivr": "./dist/cdn/svgrid.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "import": "./dist/index.js"
+    },
+    "./cdn": {
+      "import": "./dist/cdn/svgrid.js",
+      "default": "./dist/cdn/svgrid.js"
+    },
+    "./cdn/svelte-external": {
+      "import": "./dist/cdn/svgrid.svelte-external.js",
+      "default": "./dist/cdn/svgrid.svelte-external.js"
+    },
+    "./static-functions": {
+      "types": "./dist/static-functions.d.ts",
+      "svelte": "./dist/static-functions.js",
+      "import": "./dist/static-functions.js"
+    },
+    "./format": {
+      "types": "./dist/export-format.d.ts",
+      "svelte": "./dist/export-format.js",
+      "import": "./dist/export-format.js"
+    },
+    "./flex-render": {
+      "types": "./dist/flex-render.d.ts",
+      "svelte": "./dist/flex-render.js",
+      "import": "./dist/flex-render.js"
+    },
+    "./themes": {
+      "types": "./dist/themes/index.d.ts",
+      "svelte": "./dist/themes/index.js",
+      "import": "./dist/themes/index.js"
+    },
+    "./themes/*.css": "./themes/*.css",
+    "./package.json": "./package.json"
+  },
+  "engines": {
+    "node": ">=16"
+  },
+  "files": [
+    "dist",
+    "src",
+    "themes"
+  ],
+  "scripts": {
+    "clean": "rimraf ./build && rimraf ./dist",
+    "test:eslint": "eslint ./src",
+    "test:types": "svelte-check --tsconfig ./tsconfig.json",
+    "test:lib": "vitest run --coverage",
+    "test:build": "publint --strict",
+    "build": "svelte-package --input ./src --output ./dist && node ../../tools/strip-dist-tests.mjs ./dist && node ./scripts/build-cdn.mjs && node ./scripts/build-themes.mjs"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@vitest/coverage-v8": "^4.1.5",
+    "eslint-plugin-svelte": "^3.17.1",
+    "jsdom": "^29.1.1",
+    "publint": "^0.3.21",
+    "svelte": "^5.55.5",
+    "svelte-check": "^4.4.6"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  }
+}

package/src/FlexRender.svelte

@@ -1,96 +1,96 @@
-<script
-  lang="ts"
-  generics="TData extends RowData"
->
-  import { isFunction } from './core'
-  import {
-    RenderComponentConfig,
-    RenderSnippetConfig,
-  } from './render-component'
-  import type {
-    Cell,
-    CellContext,
-    ColumnDefTemplate,
-    Header,
-    HeaderContext,
-    RowData,
-  } from './core'
-
-  type Props =
-    | {
-        content?: ColumnDefTemplate<
-          | HeaderContext<TData>
-          | CellContext<TData>
-        >
-        context:
-          | HeaderContext<TData>
-          | CellContext<TData>
-        cell?: never
-        header?: never
-        footer?: never
-      }
-    | {
-        cell: Cell<TData>
-        content?: never
-        context?: never
-        header?: never
-        footer?: never
-      }
-    | {
-        header: Header<TData>
-        content?: never
-        context?: never
-        cell?: never
-        footer?: never
-      }
-    | {
-        footer: Header<TData>
-        content?: never
-        context?: never
-        cell?: never
-        header?: never
-      }
-
-  let props: Props = $props()
-
-  const resolved = $derived.by(() => {
-    if ('cell' in props && props.cell) {
-      return {
-        content: props.cell.column.columnDef.cell,
-        context: props.cell.getContext(),
-      }
-    }
-    if ('header' in props && props.header) {
-      return {
-        content: props.header.column.columnDef.header,
-        context: props.header.getContext(),
-      }
-    }
-    if ('footer' in props && props.footer) {
-      return {
-        content: props.footer.column.columnDef.footer,
-        context: props.footer.getContext(),
-      }
-    }
-    return {
-      content: props.content,
-      context: props.context,
-    }
-  })
-
-  const result = $derived(
-    isFunction(resolved.content)
-      ? resolved.content(resolved.context as any)
-      : undefined,
-  )
-</script>
-
-{#if typeof resolved.content === 'string'}
-  {resolved.content}
-{:else if result instanceof RenderComponentConfig}
-  <result.component {...result.props} />
-{:else if result instanceof RenderSnippetConfig}
-  {@render result.snippet(result.params)}
-{:else if result !== undefined}
-  {result}
-{/if}
+<script
+  lang="ts"
+  generics="TData extends RowData"
+>
+  import { isFunction } from './core'
+  import {
+    RenderComponentConfig,
+    RenderSnippetConfig,
+  } from './render-component'
+  import type {
+    Cell,
+    CellContext,
+    ColumnDefTemplate,
+    Header,
+    HeaderContext,
+    RowData,
+  } from './core'
+
+  type Props =
+    | {
+        content?: ColumnDefTemplate<
+          | HeaderContext<TData>
+          | CellContext<TData>
+        >
+        context:
+          | HeaderContext<TData>
+          | CellContext<TData>
+        cell?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        cell: Cell<TData>
+        content?: never
+        context?: never
+        header?: never
+        footer?: never
+      }
+    | {
+        header: Header<TData>
+        content?: never
+        context?: never
+        cell?: never
+        footer?: never
+      }
+    | {
+        footer: Header<TData>
+        content?: never
+        context?: never
+        cell?: never
+        header?: never
+      }
+
+  let props: Props = $props()
+
+  const resolved = $derived.by(() => {
+    if ('cell' in props && props.cell) {
+      return {
+        content: props.cell.column.columnDef.cell,
+        context: props.cell.getContext(),
+      }
+    }
+    if ('header' in props && props.header) {
+      return {
+        content: props.header.column.columnDef.header,
+        context: props.header.getContext(),
+      }
+    }
+    if ('footer' in props && props.footer) {
+      return {
+        content: props.footer.column.columnDef.footer,
+        context: props.footer.getContext(),
+      }
+    }
+    return {
+      content: props.content,
+      context: props.context,
+    }
+  })
+
+  const result = $derived(
+    isFunction(resolved.content)
+      ? resolved.content(resolved.context as any)
+      : undefined,
+  )
+</script>
+
+{#if typeof resolved.content === 'string'}
+  {resolved.content}
+{:else if result instanceof RenderComponentConfig}
+  <result.component {...result.props} />
+{:else if result instanceof RenderSnippetConfig}
+  {@render result.snippet(result.params)}
+{:else if result !== undefined}
+  {result}
+{/if}