@grafloria/element 0.3.17 → 0.3.19

package/src/libs/renderer/src/canvas/style-resolution.js

@@ -0,0 +1,466 @@
+"use strict";
+// style-resolution.ts — THE CSS-vs-Canvas seam.
+//
+// THE PROBLEM
+// -----------
+// In CSS mode a diagram's paint comes from THREE places, and the browser's CSS
+// engine merges them for us:
+//
+//   1. presentation attributes on the element   (`<rect fill="#eee">`)
+//   2. the renderer's stylesheet                (`.diagram-node { fill: var(--grafloria-node-fill) }`)
+//      whose values are per-instance CSS custom properties carrying the theme
+//   3. the element's inline style               (`style="fill: red"`), which the
+//      renderer deliberately uses for the resolved cascade because it beats (2)
+//
+// Canvas has NO CSS engine. `ctx.fillStyle` needs a concrete colour. A node body
+// in CSS mode carries NO fill at all — just `class="diagram-node"` — so a canvas
+// backend that only read `props.fill` would paint every node black or not at all.
+// That is the entire "canvas mode looks different from SVG mode" bug class.
+//
+// THE FIX — REUSE the export card's flattener, do not re-derive the cascade
+// ------------------------------------------------------------------------
+// `export/style-flattener.ts` already solved the hard, dangerous half of this for
+// the headless SVG exporter: match an element's class list against the renderer's
+// own `BASE_STYLE_RULES`, order by (specificity, source order) exactly as a
+// browser does, and substitute every `var(--grafloria-*)` from `resolveThemeVars`.
+//
+// This module IMPORTS that resolver (`createClassStyleResolver`) rather than
+// shipping a second copy. If Canvas and Export disagreed about what
+// `.diagram-node.selected` resolves to, then the picture on screen, the picture
+// in the exported file, and the picture on the hit canvas would all drift apart —
+// three renderings of one diagram, three different answers. One cascade, three
+// consumers.
+//
+// What this module adds ON TOP, because a raster backend needs it and a
+// serializer does not:
+//   - the full CSS PRIORITY ORDER (presentation attrs < class rules < inline
+//     style) applied to a live element,
+//   - INHERITANCE down the group chain (fill/stroke/font inherit in SVG; filter
+//     and clip-path do not), and group-opacity compositing,
+//   - TYPED parsing: `"2px"` → 2, `"5,5"` → [5,5], `text-anchor` → `textAlign`,
+//     `dominant-baseline` → `textBaseline`, a canvas `font` shorthand.
+//
+// KNOWN AND DOCUMENTED LIMIT: host-authored CSS *rules* (`.diagram-node { fill:
+// red }` in the app's own stylesheet, or `:hover` selectors) are invisible to
+// Canvas — there is no cascade to consult. CSS custom-property overrides ARE
+// honoured (see `readCssVarOverrides`), and they are the supported theming seam
+// for canvas mode; arbitrary CSS rules remain an SVG-mode-only capability.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CanvasStyleResolver = exports.INHERITED_DEFAULTS = void 0;
+exports.toNumber = toNumber;
+exports.parseDashArray = parseDashArray;
+exports.parseInlineStyle = parseInlineStyle;
+exports.classListOf = classListOf;
+exports.readCssVarOverrides = readCssVarOverrides;
+exports.fontString = fontString;
+exports.textAlignFor = textAlignFor;
+exports.textBaselineFor = textBaselineFor;
+const style_flattener_1 = require("../export/style-flattener");
+const theme_vars_1 = require("../themes/theme-vars");
+/** Style values that INHERIT from a parent element in SVG. */
+exports.INHERITED_DEFAULTS = {
+    fill: '#000000',
+    stroke: undefined,
+    strokeWidth: 1,
+    opacity: 1,
+    fontFamily: 'sans-serif',
+    fontSize: 12,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    textAnchor: 'start',
+    dominantBaseline: 'auto',
+    visible: true,
+};
+// ---------------------------------------------------------------------------
+// CSS value plumbing
+// ---------------------------------------------------------------------------
+/** `"2px"` / `2` / `"2"` → 2. Returns `undefined` for anything unparseable. */
+function toNumber(value) {
+    if (typeof value === 'number')
+        return Number.isFinite(value) ? value : undefined;
+    if (typeof value !== 'string')
+        return undefined;
+    const n = parseFloat(value);
+    return Number.isNaN(n) ? undefined : n;
+}
+/** `"5,5"` / `"5 5"` / `[5,5]` → `[5, 5]`. `"none"` → `[]`. */
+function parseDashArray(value) {
+    if (value === undefined || value === null)
+        return undefined;
+    if (Array.isArray(value))
+        return value.map(Number).filter((n) => Number.isFinite(n));
+    const s = String(value).trim();
+    if (!s || s === 'none')
+        return [];
+    const parts = s
+        .split(/[\s,]+/)
+        .map((v) => parseFloat(v))
+        .filter((v) => Number.isFinite(v));
+    return parts.length > 0 ? parts : undefined;
+}
+/**
+ * Parse an inline `style` — the renderer emits BOTH forms: a CSS string
+ * (`"fill: red; stroke-width: 2"`, from the shape registry and the link style
+ * computation) and an object (`{ cursor: 'move' }`, from the interaction
+ * overlays). Both are normalised to kebab-case CSS declarations here.
+ */
+function parseInlineStyle(style) {
+    if (!style)
+        return {};
+    if (typeof style === 'string') {
+        const out = {};
+        for (const decl of style.split(';')) {
+            const idx = decl.indexOf(':');
+            if (idx < 0)
+                continue;
+            const prop = decl.slice(0, idx).trim();
+            const value = decl.slice(idx + 1).trim();
+            if (prop)
+                out[prop] = value;
+        }
+        return out;
+    }
+    if (typeof style === 'object') {
+        const out = {};
+        for (const [key, value] of Object.entries(style)) {
+            if (value === null || value === undefined)
+                continue;
+            out[camelToKebab(key)] = String(value);
+        }
+        return out;
+    }
+    return {};
+}
+function camelToKebab(str) {
+    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+}
+/** The class tokens on an element (`className` prop, space separated). */
+function classListOf(props) {
+    const raw = props === null || props === void 0 ? void 0 : props['className'];
+    if (!raw || typeof raw !== 'string')
+        return [];
+    return raw.trim().split(/\s+/).filter(Boolean);
+}
+/**
+ * Resolves VNode props → concrete paint values, reproducing the SVG cascade.
+ * The CLASS-RULE layer is the export card's flattener; this adds priority order,
+ * inheritance and typed parsing on top.
+ */
+class CanvasStyleResolver {
+    constructor(options) {
+        /** Declarations dropped because a variable could not be resolved. */
+        this.warnings = [];
+        this.theme = options.theme;
+        this.classRules = this.compile(options.theme, options.varOverrides);
+    }
+    /**
+     * Build the class-rule resolver for a theme.
+     *
+     * `createClassStyleResolver` bakes `resolveThemeVars(theme)` in, so the honest
+     * way to honour a host's `--grafloria-*` OVERRIDES is to hand it a theme that reads
+     * back the overridden values — rather than forking the flattener, or
+     * post-processing its output (which could not tell a colour that came from an
+     * overridden token apart from an identical colour that did not).
+     */
+    compile(theme, overrides) {
+        const effective = overrides && Object.keys(overrides).length > 0
+            ? applyVarOverridesToTheme(theme, overrides)
+            : theme;
+        this.warnings.length = 0;
+        return (0, style_flattener_1.createClassStyleResolver)(effective, this.warnings);
+    }
+    setTheme(theme, varOverrides) {
+        this.theme = theme;
+        this.classRules = this.compile(theme, varOverrides);
+    }
+    getTheme() {
+        return this.theme;
+    }
+    /** The root style every diagram starts from (theme font, no paint inherited). */
+    rootStyle() {
+        return Object.assign(Object.assign({}, exports.INHERITED_DEFAULTS), { fontFamily: String(this.theme.typography.fontFamily.default), fontSize: Number(this.theme.typography.fontSize.md) || exports.INHERITED_DEFAULTS.fontSize });
+    }
+    /**
+     * Compute an element's style: inherit from the parent, then apply
+     * presentation attributes < matched class rules < inline style.
+     */
+    resolve(props, inherited) {
+        const style = Object.assign({}, inherited);
+        // `opacity` composites down the tree (a group at 0.5 halves its children), so
+        // it is multiplied rather than overwritten. Non-inherited by CSS: a child does
+        // not keep its parent's filter or clip.
+        style.filter = undefined;
+        style.clipPathId = undefined;
+        if (!props)
+            return style;
+        // ---- 1. presentation attributes (lowest priority) ----------------------
+        const decls = {};
+        collectPresentationAttrs(props, decls);
+        // ---- 2. the renderer's stylesheet — THE SHARED CASCADE ------------------
+        const classes = classListOf(props);
+        if (classes.length > 0) {
+            Object.assign(decls, this.classRules(classes));
+        }
+        // ---- 3. inline style (highest priority) --------------------------------
+        Object.assign(decls, parseInlineStyle(props['style']));
+        applyDecls(decls, style);
+        return style;
+    }
+}
+exports.CanvasStyleResolver = CanvasStyleResolver;
+/** Apply a resolved declaration bag onto a typed style. */
+function applyDecls(decls, style) {
+    for (const [prop, rawValue] of Object.entries(decls)) {
+        const value = String(rawValue).trim();
+        if (value === '' || value === 'inherit')
+            continue;
+        switch (prop) {
+            case 'fill':
+                style.fill = value === 'none' ? undefined : value;
+                break;
+            case 'stroke':
+                style.stroke = value === 'none' ? undefined : value;
+                break;
+            case 'stroke-width': {
+                const n = toNumber(value);
+                if (n !== undefined)
+                    style.strokeWidth = n;
+                break;
+            }
+            case 'stroke-dasharray':
+                style.strokeDasharray = parseDashArray(value);
+                break;
+            case 'opacity': {
+                const n = toNumber(value);
+                // Element opacity multiplies whatever the parent chain already applied.
+                if (n !== undefined)
+                    style.opacity *= n;
+                break;
+            }
+            case 'fill-opacity': {
+                const n = toNumber(value);
+                if (n !== undefined)
+                    style.fillOpacity = n;
+                break;
+            }
+            case 'stroke-opacity': {
+                const n = toNumber(value);
+                if (n !== undefined)
+                    style.strokeOpacity = n;
+                break;
+            }
+            case 'font-family':
+                style.fontFamily = value;
+                break;
+            case 'font-size': {
+                const n = toNumber(value);
+                if (n !== undefined)
+                    style.fontSize = n;
+                break;
+            }
+            case 'font-weight':
+                style.fontWeight = value;
+                break;
+            case 'font-style':
+                style.fontStyle = value;
+                break;
+            case 'text-anchor':
+                if (value === 'start' || value === 'middle' || value === 'end')
+                    style.textAnchor = value;
+                break;
+            case 'dominant-baseline':
+            case 'alignment-baseline':
+                style.dominantBaseline = value;
+                break;
+            case 'display':
+                if (value === 'none')
+                    style.visible = false;
+                break;
+            case 'visibility':
+                if (value === 'hidden' || value === 'collapse')
+                    style.visible = false;
+                break;
+            case 'filter':
+                if (value !== 'none')
+                    style.filter = value;
+                break;
+            case 'clip-path': {
+                const m = /url\(\s*#([^)\s]+)\s*\)/.exec(value);
+                if (m)
+                    style.clipPathId = m[1];
+                break;
+            }
+            default:
+                break; // cursor, pointer-events, transition … mean nothing to a raster
+        }
+    }
+}
+/**
+ * VNode props that are SVG PRESENTATION ATTRIBUTES, in CSS-property form.
+ *
+ * Everything else on `props` is geometry (`x`, `d`, `points`), identity (`key`,
+ * `data-*`), or DOM plumbing (`onClick`) and is not paint.
+ */
+const PRESENTATION_PROPS = {
+    fill: 'fill',
+    stroke: 'stroke',
+    strokeWidth: 'stroke-width',
+    strokeDasharray: 'stroke-dasharray',
+    opacity: 'opacity',
+    fillOpacity: 'fill-opacity',
+    strokeOpacity: 'stroke-opacity',
+    fontFamily: 'font-family',
+    fontSize: 'font-size',
+    fontWeight: 'font-weight',
+    fontStyle: 'font-style',
+    textAnchor: 'text-anchor',
+    dominantBaseline: 'dominant-baseline',
+    alignmentBaseline: 'alignment-baseline',
+    display: 'display',
+    visibility: 'visibility',
+    filter: 'filter',
+    clipPath: 'clip-path',
+};
+function collectPresentationAttrs(props, out) {
+    for (const [key, cssProp] of Object.entries(PRESENTATION_PROPS)) {
+        const value = props[key];
+        if (value === undefined || value === null || typeof value === 'function')
+            continue;
+        out[cssProp] = String(value);
+    }
+}
+/**
+ * A theme whose `--grafloria-*` values carry the host's overrides.
+ *
+ * The flattener resolves variables through `resolveThemeVars(theme)`, so the
+ * honest way to inject a host override is to give it a theme that already reads
+ * back the overridden value. Only the tokens the host actually overrode are
+ * touched; everything else is the theme's own value.
+ */
+function applyVarOverridesToTheme(theme, overrides) {
+    const patched = structuredCloneish(theme);
+    for (const token of theme_vars_1.THEME_TOKENS) {
+        const binding = theme_vars_1.THEME_VARS[token];
+        const override = overrides[binding.cssVar];
+        if (override === undefined)
+            continue;
+        writeToken(patched, token, override);
+    }
+    return patched;
+}
+/** Where each theme token is READ from — the inverse of THEME_VARS[token].read. */
+const TOKEN_WRITERS = {
+    'node.fill': (t, v) => (t.colors.node.default.fill = v),
+    'node.stroke': (t, v) => (t.colors.node.default.stroke = v),
+    'node.strokeWidth': (t, v) => (t.nodes.default.strokeWidth = parseFloat(v)),
+    'node.selected.fill': (t, v) => (t.colors.node.selected.fill = v),
+    'node.selected.stroke': (t, v) => (t.colors.node.selected.stroke = v),
+    'node.highlighted.fill': (t, v) => (t.colors.node.highlighted.fill = v),
+    'node.highlighted.stroke': (t, v) => (t.colors.node.highlighted.stroke = v),
+    'node.hovered.fill': (t, v) => (t.colors.node.hovered.fill = v),
+    'node.hovered.stroke': (t, v) => (t.colors.node.hovered.stroke = v),
+    'node.disabled.fill': (t, v) => (t.colors.node.disabled.fill = v),
+    'node.disabled.stroke': (t, v) => (t.colors.node.disabled.stroke = v),
+    'node.disabled.opacity': (t, v) => (t.effects.opacity.disabled = parseFloat(v)),
+    'node.error.fill': (t, v) => (t.colors.node.error.fill = v),
+    'node.error.stroke': (t, v) => (t.colors.node.error.stroke = v),
+    'link.stroke': (t, v) => (t.colors.link.default = v),
+    'link.strokeWidth': (t, v) => (t.links.default.strokeWidth = parseFloat(v)),
+    'link.selected.stroke': (t, v) => (t.colors.link.selected = v),
+    'link.highlighted.stroke': (t, v) => (t.colors.link.highlighted = v),
+    'link.hovered.stroke': (t, v) => (t.colors.link.hovered = v),
+    'label.fontFamily': (t, v) => (t.typography.fontFamily.default = v),
+    'label.fontSize': (t, v) => (t.typography.fontSize.md = parseFloat(v)),
+    'label.color': (t, v) => (t.colors.text.primary = v),
+    'port.fill': (t, v) => (t.colors.background.surface = v),
+    'port.strokeWidth': (t, v) => (t.ports.strokeWidth = parseFloat(v)),
+    'port.input': (t, v) => (t.colors.port.input = v),
+    'port.output': (t, v) => (t.colors.port.output = v),
+    'port.bi': (t, v) => (t.colors.port.bi = v),
+};
+function writeToken(theme, token, value) {
+    var _a;
+    (_a = TOKEN_WRITERS[token]) === null || _a === void 0 ? void 0 : _a.call(TOKEN_WRITERS, theme, value);
+}
+/** Deep-ish clone that survives jsdom/node without structuredClone. */
+function structuredCloneish(value) {
+    return JSON.parse(JSON.stringify(value));
+}
+/**
+ * Read the `--grafloria-*` values ACTUALLY COMPUTED on a host element.
+ *
+ * This is what makes canvas mode honour a host that overrides the theme through
+ * CSS (`.dark-mode [data-grafloria-instance] { --grafloria-node-fill: #222 }`) — the
+ * variable is resolved by the browser's own cascade and handed to the canvas
+ * resolver as a concrete value. Returns `{}` in a headless environment.
+ */
+function readCssVarOverrides(element) {
+    var _a;
+    if (!element)
+        return {};
+    const view = (_a = element.ownerDocument) === null || _a === void 0 ? void 0 : _a.defaultView;
+    if (!view || typeof view.getComputedStyle !== 'function')
+        return {};
+    let computed;
+    try {
+        computed = view.getComputedStyle(element);
+    }
+    catch (_b) {
+        return {};
+    }
+    if (!computed || typeof computed.getPropertyValue !== 'function')
+        return {};
+    const out = {};
+    for (const token of theme_vars_1.THEME_TOKENS) {
+        const name = theme_vars_1.THEME_VARS[token].cssVar;
+        const value = computed.getPropertyValue(name);
+        if (value && value.trim())
+            out[name] = value.trim();
+    }
+    return out;
+}
+/** Build the canvas `font` shorthand from a resolved style. */
+function fontString(style) {
+    const parts = [];
+    if (style.fontStyle && style.fontStyle !== 'normal')
+        parts.push(style.fontStyle);
+    if (style.fontWeight && style.fontWeight !== 'normal')
+        parts.push(String(style.fontWeight));
+    parts.push(`${style.fontSize}px`);
+    parts.push(style.fontFamily || 'sans-serif');
+    return parts.join(' ');
+}
+/** SVG `text-anchor` → canvas `textAlign`. */
+function textAlignFor(anchor) {
+    if (anchor === 'middle')
+        return 'center';
+    if (anchor === 'end')
+        return 'right';
+    return 'left';
+}
+/**
+ * SVG `dominant-baseline` → canvas `textBaseline`.
+ *
+ * The renderer only ever emits `middle` (centred labels), `hanging` (top-aligned
+ * text blocks) and `baseline`; anything else falls back to the canvas default,
+ * which is what an unset `dominant-baseline` means in SVG too.
+ */
+function textBaselineFor(baseline) {
+    switch (baseline) {
+        case 'middle':
+        case 'central':
+            return 'middle';
+        case 'hanging':
+        case 'text-before-edge':
+            return 'hanging';
+        case 'text-after-edge':
+        case 'ideographic':
+            return 'ideographic';
+        case 'baseline':
+        case 'alphabetic':
+        case 'auto':
+        default:
+            return 'alphabetic';
+    }
+}
+//# sourceMappingURL=style-resolution.js.map

package/src/libs/renderer/src/canvas/style-resolution.js.map

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

package/src/libs/renderer/src/canvas/tier-policy.d.ts

@@ -0,0 +1,33 @@
+import type { BackendMode } from './render-backend';
+/** Why canvas mode would take something away from this particular diagram, right now. */
+export type CanvasHazard = 
+/** An assistive-technology surface is live. Canvas has no semantics to give it. */
+'a11y-active'
+/** Focus is inside the diagram; swapping the element out would drop it to <body>. */
+ | 'focus-inside'
+/** The scene has foreignObject/HTML nodes. Canvas cannot paint them — they vanish. */
+ | 'foreign-object';
+export interface CanvasSafety {
+    /** True when nothing would be lost by drawing this diagram on a canvas. */
+    safe: boolean;
+    /** Everything that would be lost. Empty iff `safe`. */
+    hazards: CanvasHazard[];
+}
+export interface CanvasSafetyInput {
+    a11yActive: boolean;
+    focusInside: boolean;
+    hasForeignObject: boolean;
+}
+/**
+ * What would canvas mode cost this diagram?
+ *
+ * Note the asymmetry, and that it is the whole design: this question is only ever asked
+ * about stepping TO canvas. Going back to SVG can lose nothing — it only ever restores
+ * focusable, labelled, HTML-capable DOM — so it is never guarded, never refused, and
+ * always allowed.
+ */
+export declare function canvasSafety(input: CanvasSafetyInput): CanvasSafety;
+/** A human-readable account of what a canvas switch would take away. */
+export declare function explainHazards(hazards: readonly CanvasHazard[]): string;
+/** Modes it is always safe to be in. */
+export declare const ALWAYS_SAFE_MODE: BackendMode;

package/src/libs/renderer/src/canvas/tier-policy.js

@@ -0,0 +1,89 @@
+"use strict";
+// Wave 8 — Card 5: what it is safe to LOSE by drawing on a canvas.
+//
+// ─────────────────────────────────────────────────────────────────────────────
+// CARD 5 AS WRITTEN IS OBSOLETE, AND THE MEASUREMENT SAYS SO TWICE.
+//
+// The card asked for an automatic far-zoom canvas tier: step down to canvas at high
+// element counts / low zoom, hand back to SVG for the near tier. It existed to rescue a
+// zoom-out frame that cost 63 SECONDS at 10k nodes.
+//
+//   1. That cliff is gone. wave8/routing (obstacle index + route memo) and wave8/culling
+//      (LOD gates that skip A* below zoom 0.5) took zoom-out at 10k from 63,234ms to
+//      118ms — cheaper than a pan. There is no longer a frame for canvas to rescue.
+//
+//   2. Even if there were, canvas would not rescue it. `node libs/renderer/e2e/tier-run.mjs`
+//      times the two CONSUMERS against the same VNode tree, with the router stripped out so
+//      it cannot drown the signal:
+//
+//          vnodes    svg mount   svg repatch   canvas paint
+//          23,730       44.5ms        13.7ms        121.8ms    <- SVG 8.9x FASTER
+//
+//      The patcher DIFFS: a steady frame costs a function of what CHANGED. The canvas
+//      backend REPAINTS — the whole scene, every frame, and then a second time into the
+//      colour-keyed hit canvas that buys its O(1) picking. Two full paints, always.
+//
+// So the automatic tier handoff was built, measured, and DELETED. What would have been the
+// perf machinery (thresholds, hysteresis, a step-down loop) is gone; a mechanism that the
+// numbers say should never fire is not a feature, it is a liability with a config option.
+//
+// ─────────────────────────────────────────────────────────────────────────────
+// WHAT SURVIVES, AND WHY IT IS NOT ABOUT PERFORMANCE
+//
+// The canvas backend still exists (wave 4) and `DiagramRenderBackend.setMode('canvas')`
+// still works — a host may want canvas for reasons that have nothing to do with frame
+// time: 1 canvas element instead of 40,000 DOM nodes is a real memory and GC argument.
+//
+// But that switch has shipped since wave 4 with NOTHING guarding it, and canvas is a
+// strictly LESSER surface:
+//
+//   - It has NO accessibility story. The wave-6 a11y work — roles, accessible names, the
+//     roving tabindex, the AT-navigable outline — is emitted as props on the VNode tree and
+//     REALISED as SVG DOM. The canvas painter draws the same tree and throws every one of
+//     those props away. A screen reader handed a <canvas> gets a blank graphic. Today,
+//     setMode('canvas') will do that to a screen-reader user without a word.
+//   - It cannot rasterise DOM (`supportsForeignObject: false`): an HTML node stops being
+//     drawn at all.
+//   - Swapping the element out drops `document.activeElement` to <body>, destroying a
+//     keyboard user's position mid-navigation.
+//
+// That is a real bug in shipped code, and it is independent of whether anyone ever wanted
+// an automatic tier. So THIS is what Card 5 leaves behind: not a perf switch, a safety
+// check on the switch that was already there.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ALWAYS_SAFE_MODE = void 0;
+exports.canvasSafety = canvasSafety;
+exports.explainHazards = explainHazards;
+/**
+ * What would canvas mode cost this diagram?
+ *
+ * Note the asymmetry, and that it is the whole design: this question is only ever asked
+ * about stepping TO canvas. Going back to SVG can lose nothing — it only ever restores
+ * focusable, labelled, HTML-capable DOM — so it is never guarded, never refused, and
+ * always allowed.
+ */
+function canvasSafety(input) {
+    const hazards = [];
+    if (input.a11yActive)
+        hazards.push('a11y-active');
+    if (input.focusInside)
+        hazards.push('focus-inside');
+    if (input.hasForeignObject)
+        hazards.push('foreign-object');
+    return { safe: hazards.length === 0, hazards };
+}
+/** A human-readable account of what a canvas switch would take away. */
+function explainHazards(hazards) {
+    const reasons = {
+        'a11y-active': 'an assistive-technology surface is live for this diagram, and canvas mode has no ' +
+            'accessible semantics at all (a screen reader would see a blank graphic)',
+        'focus-inside': 'focus is currently inside the diagram, and swapping the rendered element out would ' +
+            'drop it to <body>, losing a keyboard user their place',
+        'foreign-object': 'the scene contains HTML/foreignObject nodes, which canvas cannot rasterise — they ' +
+            'would silently stop being drawn',
+    };
+    return hazards.map((h) => reasons[h]).join('; ');
+}
+/** Modes it is always safe to be in. */
+exports.ALWAYS_SAFE_MODE = 'svg';
+//# sourceMappingURL=tier-policy.js.map

package/src/libs/renderer/src/canvas/tier-policy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tier-policy.js","sourceRoot":"","sources":["../../../../../../renderer/src/canvas/tier-policy.ts"],"names":[],"mappings":";AAAA,mEAAmE;AACnE,EAAE;AACF,gFAAgF;AAChF,oEAAoE;AACpE,EAAE;AACF,oFAAoF;AACpF,wFAAwF;AACxF,oDAAoD;AACpD,EAAE;AACF,yFAAyF;AACzF,qFAAqF;AACrF,oFAAoF;AACpF,EAAE;AACF,6FAA6F;AAC7F,4FAA4F;AAC5F,mCAAmC;AACnC,EAAE;AACF,4DAA4D;AAC5D,kFAAkF;AAClF,EAAE;AACF,sFAAsF;AACtF,wFAAwF;AACxF,oFAAoF;AACpF,EAAE;AACF,2FAA2F;AAC3F,0FAA0F;AAC1F,0FAA0F;AAC1F,EAAE;AACF,gFAAgF;AAChF,qDAAqD;AACrD,EAAE;AACF,wFAAwF;AACxF,sFAAsF;AACtF,uFAAuF;AACvF,EAAE;AACF,qFAAqF;AACrF,2BAA2B;AAC3B,EAAE;AACF,yFAAyF;AACzF,4FAA4F;AAC5F,0FAA0F;AAC1F,uFAAuF;AACvF,6EAA6E;AAC7E,yFAAyF;AACzF,oBAAoB;AACpB,sFAAsF;AACtF,+CAA+C;AAC/C,EAAE;AACF,0FAA0F;AAC1F,uFAAuF;AACvF,8CAA8C;;;AAkC9C,oCAMC;AAGD,wCAaC;AA9BD;;;;;;;GAOG;AACH,SAAgB,YAAY,CAAC,KAAwB;IACnD,MAAM,OAAO,GAAmB,EAAE,CAAC;IACnC,IAAI,KAAK,CAAC,UAAU;QAAE,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAClD,IAAI,KAAK,CAAC,WAAW;QAAE,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACpD,IAAI,KAAK,CAAC,gBAAgB;QAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAC3D,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;AACjD,CAAC;AAED,wEAAwE;AACxE,SAAgB,cAAc,CAAC,OAAgC;IAC7D,MAAM,OAAO,GAAiC;QAC5C,aAAa,EACX,mFAAmF;YACnF,yEAAyE;QAC3E,cAAc,EACZ,qFAAqF;YACrF,uDAAuD;QACzD,gBAAgB,EACd,oFAAoF;YACpF,iCAAiC;KACpC,CAAC;IACF,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnD,CAAC;AAED,wCAAwC;AAC3B,QAAA,gBAAgB,GAAgB,KAAK,CAAC"}