@sentropic/design-system-vue 0.37.0 → 0.38.1

package/dist/priorityLabels.js

@@ -0,0 +1,240 @@
+/**
+ * Internal priority-label placement for the DS PriorityMatrix component.
+ *
+ * STRUCTURAL TWIN of packages/dataviz-core/src/priorityMatrix.ts: same
+ * algorithm, same types, same behaviour. Duplicated (not imported) on purpose:
+ * the DS layer must not depend on @sentropic/dataviz-core, so this copy is
+ * kept in sync by hand. A shared golden-vector test pins all five copies to
+ * identical placements. Not exported from the package barrel (internal
+ * component use only).
+ */
+/**
+ * Quadrant of a datum given thresholds (defaults 50/50).
+ * x = complexity (low left), y = value (high top).
+ */
+export function priorityQuadrant(x, y, xThreshold = 50, yThreshold = 50) {
+    if (x < xThreshold && y >= yThreshold)
+        return 'quick-wins';
+    if (x >= xThreshold && y >= yThreshold)
+        return 'major-projects';
+    if (x < xThreshold && y < yThreshold)
+        return 'wait';
+    return 'drop';
+}
+/**
+ * Rough box estimate from a label string when the caller has no measurement.
+ * Single line up to 12 chars, two lines beyond; capped at 120px wide.
+ *
+ * This is a glyph-count MODEL, not a measurement: it assumes narrow latin
+ * glyphs at 11px. Wide latin runs overflow the box (Inter 11px measured in
+ * Chromium, review figures: "MMMMMMMMMM" by 17.7px, "WWWWWWWWWWWW" by 26.7px;
+ * same-direction check with DejaVu Sans 11px advances: 12.9px and 34.5px) and
+ * CJK text overflows further ("データ可視化の基盤" by 24.0px in Inter 11px).
+ * The non-overlap behaviour only holds for narrow latin; there is currently
+ * no prop to pass caller-measured boxes through the DS components.
+ */
+export function estimatePriorityLabelBox(label) {
+    const chars = [...label].length;
+    if (chars === 0)
+        return { w: 12, h: 20 };
+    const lines = chars > 12 ? 2 : 1;
+    const longest = lines === 2 ? Math.ceil(chars / 2) : chars;
+    return { w: Math.min(120, 12 + 7 * longest), h: lines === 2 ? 34 : 20 };
+}
+const CANDIDATE_GAP = 8;
+function mulberry32(seed) {
+    let a = seed >>> 0;
+    return () => {
+        a |= 0;
+        a = (a + 0x6d2b79f5) | 0;
+        let t = Math.imul(a ^ (a >>> 15), 1 | a);
+        t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+        return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+    };
+}
+function overlapArea(ax, ay, aw, ah, bx, by, bw, bh) {
+    const dx = Math.min(ax + aw, bx + bw) - Math.max(ax, bx);
+    const dy = Math.min(ay + ah, by + bh) - Math.max(ay, by);
+    return dx > 0 && dy > 0 ? dx * dy : 0;
+}
+function pointInBox(px, py, x, y, w, h, pad = 4) {
+    return px > x - pad && px < x + w + pad && py > y - pad && py < y + h + pad;
+}
+function clampInto(x, y, w, h, f) {
+    const minX = f.marginLeft;
+    const minY = f.marginTop;
+    const maxX = f.marginLeft + f.plotWidth - w;
+    const maxY = f.marginTop + f.plotHeight - h;
+    // Box wider/taller than the plot: pin to the origin instead of inverting.
+    if (maxX < minX)
+        return { x: minX, y: Math.min(Math.max(y, minY), Math.max(minY, f.marginTop + f.plotHeight - h)) };
+    if (maxY < minY)
+        return { x: Math.min(Math.max(x, minX), maxX), y: minY };
+    return { x: Math.min(Math.max(x, minX), maxX), y: Math.min(Math.max(y, minY), maxY) };
+}
+/**
+ * Place one label per point. Never throws on degenerate input: non-finite
+ * coordinates fall back to the plot origin, empty arrays yield [].
+ *
+ * Cost model: label/label overlap area, point-cover (a label box covering ANY
+ * anchor — including its own — costs 300 in seeding, 800 in annealing, so
+ * opaque label boxes avoid hiding points), obstacle overlap, anchor distance,
+ * and out-of-frame penalties, refined by fixed-schedule simulated annealing.
+ *
+ * Complexity is O(n^2) per energy evaluation with max(1500, n*120) iterations,
+ * i.e. O(n^3) overall (the 1500 floor only dominates below 13 points, since n*120 passes 1500 at n=13). Measured
+ * (Node 22, desktop class, seeded random sets with long 2-line labels):
+ * n=13 in 3.2ms, n=30 in 13.7ms, n=50 in 36.8ms, n=80 in 137.8ms, n=100 in
+ * 258.9ms. Overlap counts are set-dependent (0/1/15/83/176 on that
+ * adversarial set). Recommended cap: around 50 points; beyond that both
+ * latency and overlaps degrade.
+ *
+ * Frame floor: with the shipped DS configuration (splitLabel boxes, threshold
+ * and name obstacles) the 13-point reference set is clean at 640x400, shows
+ * 1 overlap at 480x300 and 400x250, 9 overlaps at 320x200, 35 at 200x140, and
+ * 78 overlaps plus 12 out-of-plot boxes at 120x90. Do not render below
+ * roughly 480x300.
+ */
+export function placePriorityLabels(points, boxes, frame, opts = {}) {
+    const xT = opts.xThreshold ?? 50;
+    const yT = opts.yThreshold ?? 50;
+    const seed = opts.seed ?? 42;
+    const obstacles = (opts.obstacles ?? []).filter((o) => Number.isFinite(o.x) && Number.isFinite(o.y) && o.w > 0 && o.h > 0);
+    const n = points.length;
+    if (n === 0)
+        return [];
+    const anchors = points.map((p) => ({
+        ax: Number.isFinite(p.x)
+            ? frame.marginLeft + (Math.min(Math.max(p.x, 0), 100) / 100) * frame.plotWidth
+            : frame.marginLeft,
+        ay: Number.isFinite(p.y)
+            ? frame.marginTop + (1 - Math.min(Math.max(p.y, 0), 100) / 100) * frame.plotHeight
+            : frame.marginTop,
+    }));
+    const sizes = points.map((_, i) => {
+        const b = boxes[i];
+        const w = b && Number.isFinite(b.w) && b.w > 0 ? b.w : 12;
+        const h = b && Number.isFinite(b.h) && b.h > 0 ? b.h : 20;
+        return { w, h };
+    });
+    const offsets = [
+        [0, -1], [1, -1], [1, 0], [1, 1], [0, 1], [-1, 1], [-1, 0], [-1, -1],
+    ];
+    const costAt = (idx, x, y, pos) => {
+        let c = 0;
+        const { w, h } = sizes[idx];
+        const left = frame.marginLeft;
+        const top = frame.marginTop;
+        const right = left + frame.plotWidth;
+        const bottom = top + frame.plotHeight;
+        c += (Math.max(left - x, 0) + Math.max(x + w - right, 0) + Math.max(top - y, 0) + Math.max(y + h - bottom, 0)) * 400;
+        for (let j = 0; j < n; j++) {
+            if (j === idx || pos[j] === undefined)
+                continue;
+            c += overlapArea(x, y, w, h, pos[j].x, pos[j].y, sizes[j].w, sizes[j].h) * 2;
+        }
+        for (let j = 0; j < n; j++) {
+            if (pointInBox(anchors[j].ax, anchors[j].ay, x, y, w, h))
+                c += 300;
+        }
+        // Obstacles (threshold bands, quadrant names) cost 4x a label/label overlap
+        // per px2. That is a nudge, not a veto: crossing a 6px band with a 68x20
+        // box costs 960 here against 2720 for fully overlapping another label,
+        // about a third, so a band is still crossed when nothing else fits.
+        for (const o of obstacles) {
+            c += overlapArea(x, y, w, h, o.x, o.y, o.w, o.h) * 8;
+        }
+        c += Math.hypot(x + w / 2 - anchors[idx].ax, y + h / 2 - anchors[idx].ay) * 0.5;
+        return c;
+    };
+    // Greedy seeding in stable y-then-x order.
+    const order = points.map((_, i) => i).sort((a, b) => anchors[a].ay - anchors[b].ay || anchors[a].ax - anchors[b].ax);
+    const pos = new Array(n);
+    for (const idx of order) {
+        let bestX = anchors[idx].ax;
+        let bestY = anchors[idx].ay;
+        let bestC = Infinity;
+        for (const [dx, dy] of offsets) {
+            const cx = anchors[idx].ax + dx * (sizes[idx].w / 2 + CANDIDATE_GAP) - sizes[idx].w / 2;
+            const cy = anchors[idx].ay + dy * (sizes[idx].h / 2 + CANDIDATE_GAP) - sizes[idx].h / 2;
+            const cc = costAt(idx, cx, cy, pos);
+            if (cc < bestC) {
+                bestC = cc;
+                bestX = cx;
+                bestY = cy;
+            }
+        }
+        const cl = clampInto(bestX, bestY, sizes[idx].w, sizes[idx].h, frame);
+        pos[idx] = cl;
+    }
+    // Simulated-annealing refinement (fixed seed ⇒ deterministic).
+    const rnd = mulberry32(seed);
+    const energy = () => {
+        let e = 0;
+        for (let i = 0; i < n; i++) {
+            const { w, h } = sizes[i];
+            e += Math.hypot(pos[i].x + w / 2 - anchors[i].ax, pos[i].y + h / 2 - anchors[i].ay) * 0.6;
+            if (pos[i].x < frame.marginLeft ||
+                pos[i].y < frame.marginTop ||
+                pos[i].x + w > frame.marginLeft + frame.plotWidth ||
+                pos[i].y + h > frame.marginTop + frame.plotHeight) {
+                e += 5000;
+            }
+            for (let j = 0; j < n; j++) {
+                if (pointInBox(anchors[j].ax, anchors[j].ay, pos[i].x, pos[i].y, w, h))
+                    e += 800;
+            }
+            for (const o of obstacles) {
+                e += overlapArea(pos[i].x, pos[i].y, w, h, o.x, o.y, o.w, o.h) * 12;
+            }
+            for (let j = i + 1; j < n; j++) {
+                e += overlapArea(pos[i].x, pos[i].y, w, h, pos[j].x, pos[j].y, sizes[j].w, sizes[j].h) * 3;
+            }
+        }
+        return e;
+    };
+    let e = energy();
+    let temp = 800;
+    const iters = Math.max(1500, n * 120);
+    const cool = Math.pow(1 / 800, 1 / iters);
+    for (let k = 0; k < iters; k++) {
+        const i = Math.floor(rnd() * n);
+        const ox = pos[i].x;
+        const oy = pos[i].y;
+        const step = 6 + temp / 40;
+        const cl = clampInto(pos[i].x + (rnd() * 2 - 1) * step, pos[i].y + (rnd() * 2 - 1) * step, sizes[i].w, sizes[i].h, frame);
+        pos[i] = cl;
+        const ne = energy();
+        if (ne < e || rnd() < Math.exp((e - ne) / Math.max(temp, 1e-9))) {
+            e = ne;
+        }
+        else {
+            pos[i] = { x: ox, y: oy };
+        }
+        temp *= cool;
+    }
+    return points.map((p, i) => {
+        const { w, h } = sizes[i];
+        const bx = pos[i].x;
+        const by = pos[i].y;
+        // Leader from the closest point of the box to the anchor (edge-clamped;
+        // zero-length when the anchor lies inside the box) to the anchor.
+        const cx = Math.min(Math.max(anchors[i].ax, bx), bx + w);
+        const cy = Math.min(Math.max(anchors[i].ay, by), by + h);
+        return {
+            index: i,
+            x: bx,
+            y: by,
+            w,
+            h,
+            anchorX: anchors[i].ax,
+            anchorY: anchors[i].ay,
+            leaderX1: cx,
+            leaderY1: cy,
+            leaderX2: anchors[i].ax,
+            leaderY2: anchors[i].ay,
+            quadrant: priorityQuadrant(p.x, p.y, xT, yT),
+        };
+    });
+}
+//# sourceMappingURL=priorityLabels.js.map

package/dist/priorityLabels.js.map

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

package/dist/styles.css

@@ -1573,7 +1573,9 @@
 
   .st-contentSwitcher__option--selected {
     background: var(--st-semantic-surface-default);
-    box-shadow: var(--st-shadow-subtle);
+    box-shadow:
+      inset 0 0 0 1px var(--st-semantic-border-interactive),
+      var(--st-shadow-subtle);
     color: var(--st-semantic-text-primary);
   }
 
@@ -3318,6 +3320,34 @@
 
   .st-highlight__body p { margin: 0; }
 
+/* Icon (.st-icon) — stroke width and colour come from the theme tokens
+   (--st-component-icon-strokeWidth / --st-component-icon-color).
+   - The selectors only match the DS defaults: stroke-width 2.25 set by no prop
+     (an explicit strokeWidth prop is marked data-st-icon-stroke) and stroke
+     currentColor. An explicit prop or colour keeps its presentation attribute.
+   - The rules live in the cascade layer `st-icon`. A layered rule still beats
+     the SVG presentation attributes, and ANY unlayered consumer rule beats it,
+     whatever its specificity or position.
+   - A consumer rule inside a layer (Tailwind v4 utilities, any @layer CSS) only
+     wins if `st-icon` comes BEFORE that layer in the layer order, which is set
+     by first appearance. Declare it first, before Tailwind:
+       @layer st-icon;
+       @import "tailwindcss";
+     or load this stylesheet before any layered CSS. If `st-icon` is declared
+     after the consumer's layers, the token rules beat the consumer's layered
+     rules on the icon.
+   - The var() fallbacks reproduce the former render when no theme is loaded.
+   Same rules as the Svelte Icon component. */
+@layer st-icon {
+  :where(.st-icon[stroke-width="2.25"]:not([data-st-icon-stroke])) {
+    stroke-width: var(--st-component-icon-strokeWidth, 2.25);
+  }
+
+  :where(.st-icon[stroke="currentColor"]) {
+    stroke: var(--st-component-icon-color, currentColor);
+  }
+}
+
 .st-iconButton {
     align-items: center;
     background: transparent;
@@ -4047,7 +4077,14 @@
     max-height: calc(100vh - 2rem);
     overflow: auto;
     padding: 0;
-    position: absolute;
+    /* The Popover API UA sheet gives [popover] `inset: 0; margin: auto`: without
+       this reset the top-layer panel is re-centred between its top/left and the
+       viewport edges instead of sitting on the trigger. Inline top/left win. */
+    inset: auto;
+    margin: 0;
+    /* Viewport coordinates from getBoundingClientRect: fixed, never absolute
+       (absolute + document coords broke inside any positioned ancestor). */
+    position: fixed;
     z-index: var(--st-component-popover-zIndex, 80);
   }
 
@@ -4838,6 +4875,18 @@
     font-weight: var(--st-component-pagination-activeWeight, inherit);
   }
 
+  .st-pagination button:hover:not(:disabled) {
+    background: var(
+      --st-component-control-hoverBackground,
+      var(--st-component-pagination-hoverBackground, var(--st-semantic-surface-subtle))
+    );
+  }
+
+  .st-pagination button.st-pagination__page--active:hover:not(:disabled) {
+    background: var(--st-component-pagination-activeBackground, var(--st-semantic-action-primary));
+    color: var(--st-component-pagination-activeText, var(--st-semantic-action-primaryText));
+  }
+
   .st-pagination button:disabled {
     color: var(--st-component-pagination-disabledText, var(--st-semantic-text-muted));
     cursor: not-allowed;
@@ -8064,7 +8113,7 @@
 
 .st-radioGroup__legend {
   color: var(--st-component-field-labelText, var(--st-semantic-text-primary));
-  font-size: 0.9375rem;
+  font-size: var(--st-component-selection-legendFontSize, 0.9375rem);
   font-weight: 650;
   line-height: 1.3;
   padding: 0;
@@ -8753,7 +8802,15 @@
 }
 
 .st-calendar__day--inRange {
-  background: var(--st-component-control-hoverBackground, var(--st-semantic-surface-subtle));
+  background: var(
+    --st-component-calendar-rangeBackground,
+    color-mix(
+      in srgb,
+      var(--st-semantic-action-primary) 32%,
+      var(--st-component-popover-background, var(--st-semantic-surface-raised))
+    )
+  );
+  color: var(--st-component-popover-text, var(--st-semantic-text-primary));
 }
 
 .st-calendar__day--selected {
@@ -18143,6 +18200,17 @@
   min-width: 16rem;
 }
 
+.st-timeRangePicker__customExtra {
+  display: flex;
+  flex-direction: column;
+  gap: var(--st-spacing-2, 0.5rem);
+}
+
+/* Angular always renders the projection host; hide it when nothing is projected. */
+.st-timeRangePicker__customExtra:empty {
+  display: none;
+}
+
 .st-timeRangePicker__bounds {
   display: grid;
   gap: var(--st-spacing-3, 0.75rem);
@@ -18318,3 +18386,59 @@
   padding-block: 0;
   visibility: hidden;
 }
+
+/* PriorityMatrix — 2x2 value/complexity matrix with placed labels. Token-only. */
+.st-priorityMatrix { color: var(--st-semantic-text-secondary); display: block; font-family: inherit; position: relative; width: 100%; }
+.st-priorityMatrix__visual { display: block; }
+.st-priorityMatrix svg { display: block; overflow: visible; }
+.st-priorityMatrix__title { fill: var(--st-semantic-text-primary); font-size: 0.875rem; font-weight: 700; }
+.st-priorityMatrix__quad--quick-wins { fill: color-mix(in srgb, var(--st-semantic-feedback-success) 12%, transparent); }
+.st-priorityMatrix__quad--major-projects { fill: color-mix(in srgb, var(--st-semantic-feedback-info) 12%, transparent); }
+.st-priorityMatrix__quad--wait { fill: color-mix(in srgb, var(--st-semantic-feedback-warning) 12%, transparent); }
+.st-priorityMatrix__quad--drop { fill: color-mix(in srgb, var(--st-semantic-border-subtle) 22%, transparent); }
+.st-priorityMatrix__threshold { stroke: var(--st-semantic-text-secondary); stroke-width: 1.5; stroke-dasharray: 5 4; }
+.st-priorityMatrix__quadName { fill: var(--st-semantic-text-secondary); font-size: 0.6875rem; font-weight: 600; }
+.st-priorityMatrix__grid { stroke: var(--st-semantic-border-subtle); stroke-dasharray: 2 3; stroke-width: 1; opacity: 0.7; }
+.st-priorityMatrix__axis { stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
+.st-priorityMatrix__tick { fill: var(--st-semantic-text-secondary); font-size: 0.6875rem; }
+.st-priorityMatrix__axisLabel { fill: var(--st-semantic-text-secondary); font-size: 0.75rem; font-weight: 600; }
+.st-priorityMatrix__point--category1 { fill: var(--st-semantic-data-category1); }
+.st-priorityMatrix__point--category2 { fill: var(--st-semantic-data-category2); }
+.st-priorityMatrix__point--category3 { fill: var(--st-semantic-data-category3); }
+.st-priorityMatrix__point--category4 { fill: var(--st-semantic-data-category4); }
+.st-priorityMatrix__point--category5 { fill: var(--st-semantic-data-category5); }
+.st-priorityMatrix__point--category6 { fill: var(--st-semantic-data-category6); }
+.st-priorityMatrix__point--category7 { fill: var(--st-semantic-data-category7); }
+.st-priorityMatrix__point--category8 { fill: var(--st-semantic-data-category8); }
+.st-priorityMatrix__leader { stroke: var(--st-semantic-text-secondary); stroke-width: 1; opacity: 0.8; }
+.st-priorityMatrix__labelBox { fill: var(--st-semantic-surface-default); stroke: var(--st-semantic-border-subtle); stroke-width: 1; }
+.st-priorityMatrix__labelText { fill: var(--st-semantic-text-primary); font-size: 0.6875rem; }
+
+/* --- Checkbox vertical centring (2026-11-09) ------------------------------ */
+/* The box and the trailing slot centre on the FIRST label line, whatever the
+   theme's label font size and line height. The row carries the label
+   typography so `1lh` is one label line; the 1rem box is offset by half the
+   difference between that line and its own height. Top alignment is kept so a
+   wrapped description stays under the label. The first margin declaration is
+   the fallback for engines without the lh unit. Same rules as
+   components-svelte/src/lib/Checkbox.svelte. */
+.st-choice--checkbox {
+  font-size: var(--st-component-selection-choiceLabelFontSize, 0.9375rem);
+  line-height: var(--st-component-selection-choiceLabelLineHeight, normal);
+}
+
+.st-choice--checkbox .st-choice__input {
+  font: inherit;
+  margin: 0.125rem 0 0;
+  margin: calc((1lh - 1rem) / 2) 0 0;
+}
+
+/* One label line high, content centred: a count Badge sits on the same axis
+   as the box and the label, even when it is taller than the line. */
+.st-choice--checkbox .st-choice__trailing {
+  height: 1lh;
+}
+
+.st-choice--checkbox .st-choice__help {
+  line-height: normal;
+}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@sentropic/design-system-vue",
-  "version": "0.37.0",
+  "version": "0.38.1",
+  "license": "MIT",
   "description": "Vue 3 components for the Sentropic design system.",
   "type": "module",
   "publishConfig": {
@@ -32,7 +33,7 @@
     "test": "vitest run src"
   },
   "dependencies": {
-    "@sentropic/design-system-themes": "0.11.0",
+    "@sentropic/design-system-themes": "0.12.0",
     "lucide-vue-next": "^0.562.0"
   },
   "peerDependencies": {
@@ -44,7 +45,7 @@
     "jsdom": "^27.2.0",
     "typescript": "^5.9.3",
     "vite": "^8.0.16",
-    "vitest": "^4.1.6",
+    "vitest": "^4.1.11",
     "vue": "^3.5.17",
     "vue-tsc": "^2.2.12"
   }