@sentropic/dataviz-vue 0.1.0 → 0.2.0

package/dist/adapter.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Vue 3 adapter for the framework-agnostic dataviz-core store. Exposes
+ * `useDashboard`, which mirrors the store state into a `shallowRef` (the whole
+ * state object is replaced on each mutation, so a shallow ref is exactly right
+ * and avoids deep reactivity overhead), plus provide/inject helpers for sharing
+ * one store across a component tree. Presentation comes from
+ * `@sentropic/design-system-vue`; this module only wires state.
+ */
+import { type InjectionKey, type ShallowRef } from 'vue';
+import { type DashboardState, type DashboardStore } from '@sentropic/dataviz-core';
+export * from '@sentropic/dataviz-core';
+export type { ButtonProps } from '@sentropic/design-system-vue';
+export type { TenantTheme } from '@sentropic/design-system-themes';
+/**
+ * Subscribe the current Vue scope to a dashboard store.
+ *
+ * Returns a read-only `ShallowRef<DashboardState>` updated on every store
+ * notification. The subscription is torn down automatically via
+ * `onScopeDispose`, so it is safe in `setup()` and in standalone effect scopes.
+ */
+export declare function useDashboard(store: DashboardStore): Readonly<ShallowRef<DashboardState>>;
+/** Injection key carrying a {@link DashboardStore} down a component tree. */
+export declare const DashboardKey: InjectionKey<DashboardStore>;
+/** Provide a dashboard store to descendant components. */
+export declare function provideDashboard(store: DashboardStore): DashboardStore;
+/**
+ * Inject the dashboard store provided by an ancestor.
+ * Throws if no store was provided (fail fast rather than silently no-op).
+ */
+export declare function injectDashboard(): DashboardStore;
+//# sourceMappingURL=adapter.d.ts.map

package/dist/adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../src/adapter.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGnF,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAOxF;AAED,6EAA6E;AAC7E,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,cAAc,CAA+B,CAAC;AAEtF,0DAA0D;AAC1D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAGtE;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,cAAc,CAMhD"}

package/dist/adapter.js

@@ -0,0 +1,46 @@
+/**
+ * Vue 3 adapter for the framework-agnostic dataviz-core store. Exposes
+ * `useDashboard`, which mirrors the store state into a `shallowRef` (the whole
+ * state object is replaced on each mutation, so a shallow ref is exactly right
+ * and avoids deep reactivity overhead), plus provide/inject helpers for sharing
+ * one store across a component tree. Presentation comes from
+ * `@sentropic/design-system-vue`; this module only wires state.
+ */
+import { inject, onScopeDispose, provide, shallowRef, } from 'vue';
+import {} from '@sentropic/dataviz-core';
+// Re-export the full core surface so consumers need a single import.
+export * from '@sentropic/dataviz-core';
+/**
+ * Subscribe the current Vue scope to a dashboard store.
+ *
+ * Returns a read-only `ShallowRef<DashboardState>` updated on every store
+ * notification. The subscription is torn down automatically via
+ * `onScopeDispose`, so it is safe in `setup()` and in standalone effect scopes.
+ */
+export function useDashboard(store) {
+    const state = shallowRef(store.getState());
+    const off = store.subscribe(() => {
+        state.value = store.getState();
+    });
+    onScopeDispose(off);
+    return state;
+}
+/** Injection key carrying a {@link DashboardStore} down a component tree. */
+export const DashboardKey = Symbol('dataviz-dashboard');
+/** Provide a dashboard store to descendant components. */
+export function provideDashboard(store) {
+    provide(DashboardKey, store);
+    return store;
+}
+/**
+ * Inject the dashboard store provided by an ancestor.
+ * Throws if no store was provided (fail fast rather than silently no-op).
+ */
+export function injectDashboard() {
+    const store = inject(DashboardKey);
+    if (!store) {
+        throw new Error('injectDashboard: no DashboardStore provided. Call provideDashboard() first.');
+    }
+    return store;
+}
+//# sourceMappingURL=adapter.js.map

package/dist/adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapter.js","sourceRoot":"","sources":["../src/adapter.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,MAAM,EACN,cAAc,EACd,OAAO,EACP,UAAU,GAGX,MAAM,KAAK,CAAC;AACb,OAAO,EAA4C,MAAM,yBAAyB,CAAC;AAEnF,qEAAqE;AACrE,cAAc,yBAAyB,CAAC;AAMxC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,KAAqB;IAChD,MAAM,KAAK,GAAG,UAAU,CAAiB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAC/B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,GAAG,CAAC,CAAC;IACpB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,6EAA6E;AAC7E,MAAM,CAAC,MAAM,YAAY,GAAiC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAEtF,0DAA0D;AAC1D,MAAM,UAAU,gBAAgB,CAAC,KAAqB;IACpD,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IACnC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAC;IACjG,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/index.d.ts

@@ -1,33 +1,31 @@
 /**
  * @sentropic/dataviz-vue
  *
- * Vue 3 adapter for the framework-agnostic dataviz-core store. Exposes
- * `useDashboard`, which mirrors the store state into a `shallowRef` (the whole
- * state object is replaced on each mutation, so a shallow ref is exactly right
- * and avoids deep reactivity overhead), plus provide/inject helpers for sharing
- * one store across a component tree. Presentation comes from
- * `@sentropic/design-system-vue`; this package only wires state.
+ * Vue 3 adapter + dashboard components for @sentropic/dataviz-core, built on
+ * @sentropic/design-system-vue. The adapter wires the core's observable store
+ * onto Vue reactivity (`shallowRef` + provide/inject); the components compose
+ * design-system presentational pieces and bind them to the shared dashboard
+ * state. No presentation is authored here — it all comes from the design system.
  */
-import { type InjectionKey, type ShallowRef } from 'vue';
-import { type DashboardState, type DashboardStore } from '@sentropic/dataviz-core';
-export * from '@sentropic/dataviz-core';
-export type { ButtonProps } from '@sentropic/design-system-vue';
-export type { TenantTheme } from '@sentropic/design-system-themes';
-/**
- * Subscribe the current Vue scope to a dashboard store.
- *
- * Returns a read-only `ShallowRef<DashboardState>` updated on every store
- * notification. The subscription is torn down automatically via
- * `onScopeDispose`, so it is safe in `setup()` and in standalone effect scopes.
- */
-export declare function useDashboard(store: DashboardStore): Readonly<ShallowRef<DashboardState>>;
-/** Injection key carrying a {@link DashboardStore} down a component tree. */
-export declare const DashboardKey: InjectionKey<DashboardStore>;
-/** Provide a dashboard store to descendant components. */
-export declare function provideDashboard(store: DashboardStore): DashboardStore;
-/**
- * Inject the dashboard store provided by an ancestor.
- * Throws if no store was provided (fail fast rather than silently no-op).
- */
-export declare function injectDashboard(): DashboardStore;
+export * from './adapter.js';
+export { DashboardFilterBar } from './lib/DashboardFilterBar.js';
+export type { DashboardFilterBarProps } from './lib/DashboardFilterBar.js';
+export { SelectionLegend } from './lib/SelectionLegend.js';
+export type { SelectionLegendProps } from './lib/SelectionLegend.js';
+export { CrossfilteredBarChart } from './lib/CrossfilteredBarChart.js';
+export type { CrossfilteredBarChartProps } from './lib/CrossfilteredBarChart.js';
+export { SmallMultiples } from './lib/SmallMultiples.js';
+export type { SmallMultiplesProps } from './lib/SmallMultiples.js';
+export { FieldPane } from './lib/FieldPane.js';
+export type { FieldPaneProps } from './lib/FieldPane.js';
+export { PivotDataTable } from './lib/PivotDataTable.js';
+export type { PivotDataTableProps } from './lib/PivotDataTable.js';
+export { KpiCardGroup } from './lib/KpiCardGroup.js';
+export type { KpiCardGroupProps } from './lib/KpiCardGroup.js';
+export { RecordsTable } from './lib/RecordsTable.js';
+export type { RecordsTableProps } from './lib/RecordsTable.js';
+export { DrillBarChart } from './lib/DrillBarChart.js';
+export type { DrillBarChartProps } from './lib/DrillBarChart.js';
+export { DrillBreadcrumb } from './lib/DrillBreadcrumb.js';
+export type { DrillBreadcrumbProps } from './lib/DrillBreadcrumb.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,UAAU,EAChB,MAAM,KAAK,CAAC;AACb,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAEnE;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAOxF;AAED,6EAA6E;AAC7E,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,cAAc,CAA+B,CAAC;AAEtF,0DAA0D;AAC1D,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,cAAc,CAGtE;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,cAAc,CAMhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AACvE,YAAY,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -1,48 +1,23 @@
 /**
  * @sentropic/dataviz-vue
  *
- * Vue 3 adapter for the framework-agnostic dataviz-core store. Exposes
- * `useDashboard`, which mirrors the store state into a `shallowRef` (the whole
- * state object is replaced on each mutation, so a shallow ref is exactly right
- * and avoids deep reactivity overhead), plus provide/inject helpers for sharing
- * one store across a component tree. Presentation comes from
- * `@sentropic/design-system-vue`; this package only wires state.
+ * Vue 3 adapter + dashboard components for @sentropic/dataviz-core, built on
+ * @sentropic/design-system-vue. The adapter wires the core's observable store
+ * onto Vue reactivity (`shallowRef` + provide/inject); the components compose
+ * design-system presentational pieces and bind them to the shared dashboard
+ * state. No presentation is authored here — it all comes from the design system.
  */
-import { inject, onScopeDispose, provide, shallowRef, } from 'vue';
-import {} from '@sentropic/dataviz-core';
-// Re-export the full core surface so consumers need a single import.
-export * from '@sentropic/dataviz-core';
-/**
- * Subscribe the current Vue scope to a dashboard store.
- *
- * Returns a read-only `ShallowRef<DashboardState>` updated on every store
- * notification. The subscription is torn down automatically via
- * `onScopeDispose`, so it is safe in `setup()` and in standalone effect scopes.
- */
-export function useDashboard(store) {
-    const state = shallowRef(store.getState());
-    const off = store.subscribe(() => {
-        state.value = store.getState();
-    });
-    onScopeDispose(off);
-    return state;
-}
-/** Injection key carrying a {@link DashboardStore} down a component tree. */
-export const DashboardKey = Symbol('dataviz-dashboard');
-/** Provide a dashboard store to descendant components. */
-export function provideDashboard(store) {
-    provide(DashboardKey, store);
-    return store;
-}
-/**
- * Inject the dashboard store provided by an ancestor.
- * Throws if no store was provided (fail fast rather than silently no-op).
- */
-export function injectDashboard() {
-    const store = inject(DashboardKey);
-    if (!store) {
-        throw new Error('injectDashboard: no DashboardStore provided. Call provideDashboard() first.');
-    }
-    return store;
-}
+// Adapter + full core surface re-export (incl. the core's `describeFilterSpec`).
+export * from './adapter.js';
+// Dashboard components (state consumers built on the design system).
+export { DashboardFilterBar } from './lib/DashboardFilterBar.js';
+export { SelectionLegend } from './lib/SelectionLegend.js';
+export { CrossfilteredBarChart } from './lib/CrossfilteredBarChart.js';
+export { SmallMultiples } from './lib/SmallMultiples.js';
+export { FieldPane } from './lib/FieldPane.js';
+export { PivotDataTable } from './lib/PivotDataTable.js';
+export { KpiCardGroup } from './lib/KpiCardGroup.js';
+export { RecordsTable } from './lib/RecordsTable.js';
+export { DrillBarChart } from './lib/DrillBarChart.js';
+export { DrillBreadcrumb } from './lib/DrillBreadcrumb.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EACL,MAAM,EACN,cAAc,EACd,OAAO,EACP,UAAU,GAGX,MAAM,KAAK,CAAC;AACb,OAAO,EAGN,MAAM,yBAAyB,CAAC;AAEjC,qEAAqE;AACrE,cAAc,yBAAyB,CAAC;AAMxC;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,KAAqB;IAChD,MAAM,KAAK,GAAG,UAAU,CAAiB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC3D,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAC/B,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,GAAG,CAAC,CAAC;IACpB,OAAO,KAAK,CAAC;AACf,CAAC;AAED,6EAA6E;AAC7E,MAAM,CAAC,MAAM,YAAY,GAAiC,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAEtF,0DAA0D;AAC1D,MAAM,UAAU,gBAAgB,CAAC,KAAqB;IACpD,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe;IAC7B,MAAM,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IACnC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAC;IACjG,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,iFAAiF;AACjF,cAAc,cAAc,CAAC;AAE7B,qEAAqE;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/lib/CrossfilteredBarChart.d.ts

@@ -0,0 +1,144 @@
+import { type PropType } from 'vue';
+import { type BarChartTone } from '@sentropic/design-system-vue';
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type CrossfilteredBarChartProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** This chart's view id in the cross-filter graph. */
+    viewId: string;
+    /** Dimension id to group rows by (one bar per distinct value). */
+    dimension: string;
+    /** Measure id to aggregate into each bar's value. */
+    measure: string;
+    /** Accessible label of the chart (required by the design-system BarChart). */
+    label: string;
+    /** Bar colour tone from the design system. */
+    tone?: BarChartTone;
+    /**
+     * When true (default) clicking a bar toggles this view's selection (brushing
+     * input → `store.toggleSelection`); selected bars are highlighted. Set false
+     * for an output-only facet.
+     */
+    selectable?: boolean;
+    /** Fixed value-axis domain `[min, max]` for a shared scale across facets. */
+    domain?: [number, number];
+    orientation?: 'vertical' | 'horizontal';
+    width?: number;
+    height?: number;
+    class?: string;
+};
+/**
+ * A design-system `BarChart` whose data is the cross-filtered, aggregated view
+ * of the shared store. Clicking a bar brushes this view's selection (unless
+ * `selectable` is false), and the chart re-aggregates as the shared state moves.
+ */
+export declare const CrossfilteredBarChart: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<DashboardStore>;
+        required: true;
+    };
+    viewId: {
+        type: StringConstructor;
+        required: true;
+    };
+    dimension: {
+        type: StringConstructor;
+        required: true;
+    };
+    measure: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    tone: {
+        type: PropType<BarChartTone>;
+        default: undefined;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    domain: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<DashboardStore>;
+        required: true;
+    };
+    viewId: {
+        type: StringConstructor;
+        required: true;
+    };
+    dimension: {
+        type: StringConstructor;
+        required: true;
+    };
+    measure: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    tone: {
+        type: PropType<BarChartTone>;
+        default: undefined;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    domain: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    height: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+    tone: BarChartTone;
+    selectable: boolean;
+    domain: [number, number];
+    orientation: "vertical" | "horizontal";
+    width: number;
+    height: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=CrossfilteredBarChart.d.ts.map

package/dist/lib/CrossfilteredBarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossfilteredBarChart.d.ts","sourceRoot":"","sources":["../../src/lib/CrossfilteredBarChart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAGL,KAAK,YAAY,EAClB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAIL,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,MAAM,MAAM,0BAA0B,GAAG;IACvC,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,SAAS,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB;;cAGL,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;cAKzB,QAAQ,CAAC,YAAY,CAAC;;;;;;;;cAEV,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAC/B,QAAQ,CAAC,UAAU,GAAG,YAAY,CAAC;;;;;;;;;;;;;;;;;;;cARzC,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;cAKzB,QAAQ,CAAC,YAAY,CAAC;;;;;;;;cAEV,QAAQ,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;;;cAC/B,QAAQ,CAAC,UAAU,GAAG,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;4EAgCpE,CAAC"}

package/dist/lib/CrossfilteredBarChart.js

@@ -0,0 +1,50 @@
+import { defineComponent, h } from 'vue';
+import { BarChart, } from '@sentropic/design-system-vue';
+import { findDimension, findMeasure, groupAggregate, } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * A design-system `BarChart` whose data is the cross-filtered, aggregated view
+ * of the shared store. Clicking a bar brushes this view's selection (unless
+ * `selectable` is false), and the chart re-aggregates as the shared state moves.
+ */
+export const CrossfilteredBarChart = defineComponent({
+    name: 'CrossfilteredBarChart',
+    props: {
+        store: { type: Object, required: true },
+        viewId: { type: String, required: true },
+        dimension: { type: String, required: true },
+        measure: { type: String, required: true },
+        label: { type: String, required: true },
+        tone: { type: String, default: undefined },
+        selectable: { type: Boolean, default: true },
+        domain: { type: Array, default: undefined },
+        orientation: { type: String, default: 'vertical' },
+        width: { type: Number, default: undefined },
+        height: { type: Number, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props) {
+        const state = useDashboard(props.store);
+        return () => {
+            const dim = findDimension(props.store.model, props.dimension);
+            const m = findMeasure(props.store.model, props.measure);
+            const data = dim && m
+                ? groupAggregate(props.store.applyCrossfilter(props.viewId), props.dimension, m).map(({ key, value }) => props.tone ? { label: key, value, tone: props.tone } : { label: key, value })
+                : [];
+            return h(BarChart, {
+                data,
+                label: props.label,
+                orientation: props.orientation,
+                width: props.width,
+                height: props.height,
+                domain: props.domain,
+                class: props.class,
+                selectedKeys: props.selectable ? (state.value.selections[props.viewId] ?? []) : [],
+                onSelect: props.selectable
+                    ? (key) => props.store.toggleSelection(props.viewId, key)
+                    : undefined,
+            });
+        };
+    },
+});
+//# sourceMappingURL=CrossfilteredBarChart.js.map

package/dist/lib/CrossfilteredBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrossfilteredBarChart.js","sourceRoot":"","sources":["../../src/lib/CrossfilteredBarChart.ts"],"names":[],"mappings":"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"}

package/dist/lib/DashboardFilterBar.d.ts

@@ -0,0 +1,57 @@
+import { type PropType } from 'vue';
+import { type DashboardStore } from '@sentropic/dataviz-core';
+export type DashboardFilterBarProps = {
+    /** The dashboard store to bind to. */
+    store: DashboardStore;
+    /** Aria-label of the filter group. */
+    label?: string;
+    /** Label of the "clear all" button (design-system default otherwise). */
+    clearAllLabel?: string;
+    class?: string;
+};
+/**
+ * Active filters rendered as design-system `FilterPill`s wired to the store.
+ * "Clear all" clears only the filters, leaving any selections intact.
+ */
+export declare const DashboardFilterBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<DashboardStore>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearAllLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    store: {
+        type: PropType<DashboardStore>;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearAllLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    clearAllLabel: string;
+    class: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=DashboardFilterBar.d.ts.map

package/dist/lib/DashboardFilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFilterBar.d.ts","sourceRoot":"","sources":["../../src/lib/DashboardFilterBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAExD,OAAO,EAAqC,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGjG,MAAM,MAAM,uBAAuB,GAAG;IACpC,sCAAsC;IACtC,KAAK,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;cAGF,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;cAAxB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;;4EAsCnD,CAAC"}

package/dist/lib/DashboardFilterBar.js

@@ -0,0 +1,45 @@
+import { defineComponent, h } from 'vue';
+import { FilterBar, FilterPill } from '@sentropic/design-system-vue';
+import { describeFilterSpec, findDimension } from '@sentropic/dataviz-core';
+import { useDashboard } from '../adapter.js';
+/**
+ * Active filters rendered as design-system `FilterPill`s wired to the store.
+ * "Clear all" clears only the filters, leaving any selections intact.
+ */
+export const DashboardFilterBar = defineComponent({
+    name: 'DashboardFilterBar',
+    props: {
+        store: { type: Object, required: true },
+        label: { type: String, default: 'Filtres actifs' },
+        clearAllLabel: { type: String, default: undefined },
+        class: { type: String, default: undefined },
+    },
+    setup(props) {
+        const state = useDashboard(props.store);
+        return () => {
+            const entries = Object.entries(state.value.filters);
+            return h(FilterBar, {
+                label: props.label,
+                clearAllLabel: props.clearAllLabel,
+                class: props.class,
+                onClearAll: entries.length > 0
+                    ? () => {
+                        for (const id of Object.keys(props.store.getState().filters))
+                            props.store.clearFilter(id);
+                    }
+                    : undefined,
+            }, {
+                default: () => entries.map(([dimensionId, spec]) => {
+                    const dimension = findDimension(props.store.model, dimensionId);
+                    return h(FilterPill, {
+                        key: dimensionId,
+                        field: dimension?.label ?? dimensionId,
+                        value: describeFilterSpec(spec, dimension),
+                        onRemove: () => props.store.clearFilter(dimensionId),
+                    });
+                }),
+            });
+        };
+    },
+});
+//# sourceMappingURL=DashboardFilterBar.js.map

package/dist/lib/DashboardFilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFilterBar.js","sourceRoot":"","sources":["../../src/lib/DashboardFilterBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAiB,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAuB,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAY7C;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;IAChD,IAAI,EAAE,oBAAoB;IAC1B,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAkC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAClD,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACnD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK;QACT,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YACpD,OAAO,CAAC,CACN,SAAS,EACT;gBACE,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,aAAa,EAAE,KAAK,CAAC,aAAa;gBAClC,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,UAAU,EACR,OAAO,CAAC,MAAM,GAAG,CAAC;oBAChB,CAAC,CAAC,GAAG,EAAE;wBACH,KAAK,MAAM,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC;4BAC1D,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;oBAChC,CAAC;oBACH,CAAC,CAAC,SAAS;aAChB,EACD;gBACE,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,EAAE;oBAClC,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;oBAChE,OAAO,CAAC,CAAC,UAAU,EAAE;wBACnB,GAAG,EAAE,WAAW;wBAChB,KAAK,EAAE,SAAS,EAAE,KAAK,IAAI,WAAW;wBACtC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC;wBAC1C,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC;qBACrD,CAAC,CAAC;gBACL,CAAC,CAAC;aACL,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}