@sentropic/dataviz-svelte 0.1.0 → 0.2.1

package/dist/lib/ValueSlicer.svelte

@@ -0,0 +1,59 @@
+<script lang="ts" module>
+  import type { DashboardStore } from '@sentropic/dataviz-core';
+
+  export type ValueSlicerProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** Dimension whose distinct values become the slicer's checkboxes. */
+    dimension: string;
+    /** Legend; defaults to the dimension label. */
+    legend?: string;
+    orientation?: 'vertical' | 'horizontal';
+    class?: string;
+  };
+</script>
+
+<script lang="ts">
+  import { CheckboxGroup, type CheckboxGroupOption } from '@sentropic/design-system-svelte';
+  import { findDimension } from '@sentropic/dataviz-core';
+  import { useDashboard } from '../adapter.js';
+
+  let { store, dimension, legend, orientation = 'vertical', class: className }: ValueSlicerProps = $props();
+
+  const dash = $derived(useDashboard(store));
+  const key = (v: unknown) => (v == null ? 'null' : String(v));
+  const resolvedLegend = $derived(legend ?? findDimension(store.model, dimension)?.label ?? dimension);
+
+  const options = $derived.by((): CheckboxGroupOption[] => {
+    const seen = new Set<string>();
+    const opts: CheckboxGroupOption[] = [];
+    for (const row of store.data) {
+      const k = key(row[dimension]);
+      if (!seen.has(k)) {
+        seen.add(k);
+        opts.push({ label: k, value: k });
+      }
+    }
+    return opts;
+  });
+
+  // Checked = the dimension's active `include` filter (an OR over values).
+  const value = $derived.by((): string[] => {
+    const f = $dash.filters[dimension];
+    return f && f.kind === 'include' ? [...f.values] : [];
+  });
+
+  function onchange(values: string[]) {
+    if (values.length) store.setFilter(dimension, { kind: 'include', values });
+    else store.clearFilter(dimension);
+  }
+</script>
+
+<CheckboxGroup
+  legend={resolvedLegend}
+  {options}
+  {value}
+  {orientation}
+  class={className}
+  {onchange}
+/>

package/dist/lib/ValueSlicer.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { DashboardStore } from '@sentropic/dataviz-core';
+export type ValueSlicerProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** Dimension whose distinct values become the slicer's checkboxes. */
+    dimension: string;
+    /** Legend; defaults to the dimension label. */
+    legend?: string;
+    orientation?: 'vertical' | 'horizontal';
+    class?: string;
+};
+declare const ValueSlicer: import("svelte").Component<ValueSlicerProps, {}, "">;
+type ValueSlicer = ReturnType<typeof ValueSlicer>;
+export default ValueSlicer;
+//# sourceMappingURL=ValueSlicer.svelte.d.ts.map

package/dist/lib/ValueSlicer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValueSlicer.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/ValueSlicer.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiDJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sentropic/dataviz-svelte",
-  "version": "0.1.0",
-  "description": "Svelte 5 adapter for @sentropic/dataviz-core, built on @sentropic/design-system-svelte.",
+  "version": "0.2.1",
+  "description": "Svelte 5 adapter + dashboard components for @sentropic/dataviz-core, built on @sentropic/design-system-svelte.",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -12,28 +12,40 @@
   "files": [
     "dist"
   ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "svelte": "./dist/index.js",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     }
   },
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.js",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "scripts": {
-    "build": "tsc -p tsconfig.json",
-    "check": "tsc -p tsconfig.json --noEmit",
+    "build": "svelte-package --input src && rm -f dist/*.test.* dist/lib/*.test.*",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
     "test": "vitest run src"
   },
   "dependencies": {
-    "@sentropic/dataviz-core": "0.1.0",
-    "@sentropic/design-system-svelte": "0.21.0",
+    "@sentropic/dataviz-core": "0.2.1",
+    "@sentropic/design-system-svelte": "0.23.0",
     "@sentropic/design-system-themes": "0.11.0"
   },
   "peerDependencies": {
     "svelte": "^5"
   },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.8",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
+    "@testing-library/svelte": "^5.3.1",
+    "svelte": "^5.56.2",
+    "svelte-check": "^4.0.0",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.5"
+  },
   "publishConfig": {
     "access": "public"
   }

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,oBAAoB,GAIrB,MAAM,yBAAyB,CAAC;AAEjC,qEAAqE;AACrE,cAAc,yBAAyB,CAAC;AAaxC;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,KAAqB;IACjD,OAAO;QACL,SAAS,CAAC,GAAoC;YAC5C,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;YACtB,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YACzD,OAAO,GAAG,CAAC;QACb,CAAC;KACF,CAAC;AACJ,CAAC;AAUD;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,MAA4B;IAC1D,MAAM,KAAK,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC;AAChD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,KAAqB;IAChD,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC"}