graphein 0.7.1 → 0.8.0

package/dist/index.d.ts

@@ -2482,8 +2482,9 @@ declare function fontString(size: number, family: string, weight?: number | stri
  *
  * A dashboard owns a shared dataset and a shared selection store, lays its views
  * out on a responsive grid, and *auto-wires* cross-interaction: slicers filter
- * the charts, and clicking a chart cross-highlights the other charts that share
- * the selected field. Everything is plain JSON — no callbacks — so a dashboard
+ * the charts, and clicking a chart cross-filters the other views while the
+ * source dims its own unpicked marks (Power BI–style).
+ * Everything is plain JSON — no callbacks — so a dashboard
  * round-trips through `JSON.stringify` just like a chart.
  */
 
@@ -2607,8 +2608,9 @@ interface DashboardSpec {
     views: DashboardView[];
     /**
      * Cross-interaction policy:
-     * - 'auto' (default): slicers filter charts; chart clicks cross-highlight
-     *   charts sharing the selected field.
+     * - 'auto' (default): every source cross-filters the page — slicers and chart
+     *   clicks both subset rows in the other views; the clicked chart dims its own
+     *   unpicked marks instead of hiding them.
      * - 'none': views are laid out but not linked.
      * - an array of {@link InteractionLink}: explicit wiring (replaces auto).
      */
@@ -3682,12 +3684,12 @@ declare function render(target: HTMLElement | string, spec: ChartSpec, options?:
  * store) so it unit-tests in node and the runtime stays a thin shell.
  *
  * Rules (interactions: 'auto'):
- * - A **slicer** publishes a value on its field/param; every chart that *uses*
- *   that field gets a `filter` clause for it (cross-filter).
- * - A **chart** click publishes a point selection on its key field(s); every
- *   chart that uses *all* those fields (including itself) gets that param added
- *   to its `highlight` union (cross-highlight). Matching on shared fields means
- *   emphasis is always well-defined — a chart never dims itself to nothing.
+ * - A **slicer** publishes a value on its field/param; every other non-slicer
+ *   view gets a `filter` clause for it (page-level cross-filter).
+ * - A **chart** click publishes a point selection on its key field(s). The
+ *   source emphasizes itself (`highlight` on its own param, so it dims the
+ *   unpicked marks rather than hiding them), and **every other view** gets a
+ *   `filter` clause for that param (Power BI–style cross-filter of the page).
  */
 
 declare function isSlicerType(type: ChartSpec['type']): boolean;

package/dist/index.js

@@ -8259,7 +8259,8 @@ function drawPie(surface, spec, tokens, size, context) {
         color: tokens.color.text,
         size: tokens.font.size.small,
         transform: o.align === "right" ? "translate(-100%,-50%)" : "translateY(-50%)",
-        opacity: alpha === 1 ? void 0 : alpha
+        opacity: alpha === 1 ? void 0 : alpha,
+        pill: { background: tokens.color.surface, border: tokens.color.border, padX: 6 }
       });
     }
     for (const l of labelPlan.inside) {
@@ -8269,11 +8270,12 @@ function drawPie(surface, spec, tokens, size, context) {
         left: l.x,
         top: l.y,
         text: l.text,
-        color: rgbaToCss(readableTextColor(slice.rgba)),
+        color: tokens.color.text,
         size: tokens.font.size.small,
         weight: tokens.font.weight.bold,
         transform: "translate(-50%,-50%)",
-        opacity: alpha === 1 ? void 0 : alpha
+        opacity: alpha === 1 ? void 0 : alpha,
+        pill: { background: tokens.color.surface, border: tokens.color.border, padX: 6 }
       });
     }
   }
@@ -16399,11 +16401,6 @@ function addFilterParam(spec, paramName) {
   filter.push({ param: paramName });
   return { ...spec, filter };
 }
-function usesAll(spec, fields) {
-  if (fields.length === 0) return false;
-  const have = specFields(spec);
-  return fields.every((f) => have.has(f));
-}
 function autoParamName(view) {
   const existing = view.spec.params?.[0]?.name;
   return existing ?? `__sel__${view.id}`;
@@ -16439,16 +16436,12 @@ function wireViews(views, interactions) {
           name: src.param,
           select: { type: "point", on: "click", fields: src.fields }
         });
+        out[src.view].spec = addHighlight(out[src.view].spec, src.param);
       }
       out.forEach((v, j) => {
         if (isSlicerType(v.spec.type)) return;
-        if (src.as === "filter") {
-          if (j === src.view) return;
-          out[j].spec = addFilterParam(out[j].spec, src.param);
-        } else {
-          if (!usesAll(v.spec, src.fields)) return;
-          out[j].spec = addHighlight(out[j].spec, src.param);
-        }
+        if (j === src.view) return;
+        out[j].spec = addFilterParam(out[j].spec, src.param);
       });
     }
     return out;