@jbrowse/plugin-linear-genome-view 5.0.0-beta.1 → 5.0.0-beta.2

package/esm/displayKitTests/perRegionTestEnv.d.ts

@@ -45,7 +45,6 @@ export interface PerRegionTestControl {
 /** Which of the gate's opt-in hooks this display overrides. */
 export interface GateOptIns {
     gateEnabled?: boolean;
-    densityGateEnabled?: boolean;
 }
 declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns, configSchema: AnyConfigurationSchemaType): import("@jbrowse/mobx-state-tree").IModelType<Omit<Omit<Omit<{
     id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
@@ -246,6 +245,16 @@ declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns,
     setError(error?: unknown): void;
     clearHoveredFeature(): void;
     reload(): void;
+    applyDisplaySettings(settings: Record<string, unknown>, options?: {
+        allowSetters?: boolean;
+    }): {
+        applied: string[];
+        unapplied: string[];
+        failed: {
+            key: string;
+            error: string;
+        }[];
+    };
 } & {
     scrollTop: number;
 } & {
@@ -265,7 +274,6 @@ declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns,
     gateMeasuredViewportKey: string | undefined;
 } & {
     readonly gateEnabled: boolean;
-    readonly densityGateEnabled: boolean;
     readonly byteGateAdapterConfig: Record<string, unknown>;
     readonly configuredFetchSizeLimit: number | undefined;
     readonly densityTooLarge: boolean;
@@ -295,15 +303,10 @@ declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns,
 } & {
     readonly gateSkipsMeasuredViewport: boolean;
 } & {
-    setByteEstimate(measurement: {
-        bytes: number;
-        viewport: import("@jbrowse/display-kit/regionTooLargeUtils").GateViewport;
-    }): void;
     clearByteEstimate(): void;
     setForceLoadTrack(flag: boolean): void;
-    reload(): void;
 } & {
-    commitFetchBytes(perRegionBytes: (number | undefined)[], issued: import("@jbrowse/display-kit/regionTooLargeUtils").GateFetchState): void;
+    commitFetchBytes(perRegionBytes: (number | undefined)[], issued: import("@jbrowse/display-kit/regionTooLargeUtils").GateFetchState, partial?: boolean): void;
 } & {
     forceLoad(): void;
 } & {
@@ -349,6 +352,7 @@ declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns,
     readonly isLoadingOrCanceled: boolean;
     readonly fetchInert: boolean;
     readonly awaitingPrerequisite: boolean;
+    readonly awaitingDependentData: boolean;
     readonly rpcPropsCacheKey: string;
 } & {
     setError(error?: unknown): void;
@@ -359,8 +363,10 @@ declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns,
 } & {
     cancelFetch(): void;
     cancelFetchByUser(): void;
+    reload(): void;
     beforeDestroy(): void;
-    endFetch(current: boolean, stopToken: import("@jbrowse/core/util").StopToken): void;
+    beginFetch(stopToken: import("@jbrowse/core/util").StopToken): void;
+    endFetch(current: boolean): void;
 } & {
     runFetch: (work: (ctx: import("@jbrowse/display-kit/FetchMixin").FetchContext) => Promise<void>) => Promise<void>;
 } & {
@@ -369,8 +375,10 @@ declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns,
     readonly host: import("@jbrowse/display-kit/regionHost").RegionHost;
     readonly canvasWidthPx: number;
     readonly canRender: boolean;
+    readonly rendersCanvas: boolean;
     readonly viewportWithinLoadedData: boolean;
     readonly viewportEmpty: boolean;
+    readonly fetchSuspended: boolean;
     readonly layoutReady: boolean;
     readonly regionFetchKey: string;
     regionHasData(_displayedRegionIndex: number): boolean;
@@ -411,7 +419,6 @@ declare function makeStateModel(control: PerRegionTestControl, gate: GateOptIns,
     fetchKey: string;
 } & {
     readonly gateEnabled: boolean;
-    readonly densityGateEnabled: boolean;
     readonly densityTooLarge: boolean;
     readonly regionFetchKey: string;
     regionHasData(_displayedRegionIndex: number): boolean;
@@ -703,6 +710,16 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             setError(error?: unknown): void;
             clearHoveredFeature(): void;
             reload(): void;
+            applyDisplaySettings(settings: Record<string, unknown>, options?: {
+                allowSetters?: boolean;
+            }): {
+                applied: string[];
+                unapplied: string[];
+                failed: {
+                    key: string;
+                    error: string;
+                }[];
+            };
         } & {
             scrollTop: number;
         } & {
@@ -722,7 +739,6 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             gateMeasuredViewportKey: string | undefined;
         } & {
             readonly gateEnabled: boolean;
-            readonly densityGateEnabled: boolean;
             readonly byteGateAdapterConfig: Record<string, unknown>;
             readonly configuredFetchSizeLimit: number | undefined;
             readonly densityTooLarge: boolean;
@@ -752,15 +768,10 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
         } & {
             readonly gateSkipsMeasuredViewport: boolean;
         } & {
-            setByteEstimate(measurement: {
-                bytes: number;
-                viewport: import("@jbrowse/display-kit/regionTooLargeUtils").GateViewport;
-            }): void;
             clearByteEstimate(): void;
             setForceLoadTrack(flag: boolean): void;
-            reload(): void;
         } & {
-            commitFetchBytes(perRegionBytes: (number | undefined)[], issued: import("@jbrowse/display-kit/regionTooLargeUtils").GateFetchState): void;
+            commitFetchBytes(perRegionBytes: (number | undefined)[], issued: import("@jbrowse/display-kit/regionTooLargeUtils").GateFetchState, partial?: boolean): void;
         } & {
             forceLoad(): void;
         } & {
@@ -806,6 +817,7 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             readonly isLoadingOrCanceled: boolean;
             readonly fetchInert: boolean;
             readonly awaitingPrerequisite: boolean;
+            readonly awaitingDependentData: boolean;
             readonly rpcPropsCacheKey: string;
         } & {
             setError(error?: unknown): void;
@@ -816,8 +828,10 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
         } & {
             cancelFetch(): void;
             cancelFetchByUser(): void;
+            reload(): void;
             beforeDestroy(): void;
-            endFetch(current: boolean, stopToken: import("@jbrowse/core/util").StopToken): void;
+            beginFetch(stopToken: import("@jbrowse/core/util").StopToken): void;
+            endFetch(current: boolean): void;
         } & {
             runFetch: (work: (ctx: import("@jbrowse/display-kit/FetchMixin").FetchContext) => Promise<void>) => Promise<void>;
         } & {
@@ -826,8 +840,10 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             readonly host: import("@jbrowse/display-kit/regionHost").RegionHost;
             readonly canvasWidthPx: number;
             readonly canRender: boolean;
+            readonly rendersCanvas: boolean;
             readonly viewportWithinLoadedData: boolean;
             readonly viewportEmpty: boolean;
+            readonly fetchSuspended: boolean;
             readonly layoutReady: boolean;
             readonly regionFetchKey: string;
             regionHasData(_displayedRegionIndex: number): boolean;
@@ -868,7 +884,6 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             fetchKey: string;
         } & {
             readonly gateEnabled: boolean;
-            readonly densityGateEnabled: boolean;
             readonly densityTooLarge: boolean;
             readonly regionFetchKey: string;
             regionHasData(_displayedRegionIndex: number): boolean;
@@ -1077,6 +1092,16 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             setError(error?: unknown): void;
             clearHoveredFeature(): void;
             reload(): void;
+            applyDisplaySettings(settings: Record<string, unknown>, options?: {
+                allowSetters?: boolean;
+            }): {
+                applied: string[];
+                unapplied: string[];
+                failed: {
+                    key: string;
+                    error: string;
+                }[];
+            };
         } & {
             scrollTop: number;
         } & {
@@ -1096,7 +1121,6 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             gateMeasuredViewportKey: string | undefined;
         } & {
             readonly gateEnabled: boolean;
-            readonly densityGateEnabled: boolean;
             readonly byteGateAdapterConfig: Record<string, unknown>;
             readonly configuredFetchSizeLimit: number | undefined;
             readonly densityTooLarge: boolean;
@@ -1126,15 +1150,10 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
         } & {
             readonly gateSkipsMeasuredViewport: boolean;
         } & {
-            setByteEstimate(measurement: {
-                bytes: number;
-                viewport: import("@jbrowse/display-kit/regionTooLargeUtils").GateViewport;
-            }): void;
             clearByteEstimate(): void;
             setForceLoadTrack(flag: boolean): void;
-            reload(): void;
         } & {
-            commitFetchBytes(perRegionBytes: (number | undefined)[], issued: import("@jbrowse/display-kit/regionTooLargeUtils").GateFetchState): void;
+            commitFetchBytes(perRegionBytes: (number | undefined)[], issued: import("@jbrowse/display-kit/regionTooLargeUtils").GateFetchState, partial?: boolean): void;
         } & {
             forceLoad(): void;
         } & {
@@ -1180,6 +1199,7 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             readonly isLoadingOrCanceled: boolean;
             readonly fetchInert: boolean;
             readonly awaitingPrerequisite: boolean;
+            readonly awaitingDependentData: boolean;
             readonly rpcPropsCacheKey: string;
         } & {
             setError(error?: unknown): void;
@@ -1190,8 +1210,10 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
         } & {
             cancelFetch(): void;
             cancelFetchByUser(): void;
+            reload(): void;
             beforeDestroy(): void;
-            endFetch(current: boolean, stopToken: import("@jbrowse/core/util").StopToken): void;
+            beginFetch(stopToken: import("@jbrowse/core/util").StopToken): void;
+            endFetch(current: boolean): void;
         } & {
             runFetch: (work: (ctx: import("@jbrowse/display-kit/FetchMixin").FetchContext) => Promise<void>) => Promise<void>;
         } & {
@@ -1200,8 +1222,10 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             readonly host: import("@jbrowse/display-kit/regionHost").RegionHost;
             readonly canvasWidthPx: number;
             readonly canRender: boolean;
+            readonly rendersCanvas: boolean;
             readonly viewportWithinLoadedData: boolean;
             readonly viewportEmpty: boolean;
+            readonly fetchSuspended: boolean;
             readonly layoutReady: boolean;
             readonly regionFetchKey: string;
             regionHasData(_displayedRegionIndex: number): boolean;
@@ -1242,7 +1266,6 @@ export declare function createPerRegionTestEnvironment({ measuresBytes, gate, es
             fetchKey: string;
         } & {
             readonly gateEnabled: boolean;
-            readonly densityGateEnabled: boolean;
             readonly densityTooLarge: boolean;
             readonly regionFetchKey: string;
             regionHasData(_displayedRegionIndex: number): boolean;

package/esm/displayKitTests/perRegionTestEnv.js

@@ -41,9 +41,6 @@ function makeStateModel(control, gate, configSchema) {
         get gateEnabled() {
             return gate.gateEnabled ?? false;
         },
-        get densityGateEnabled() {
-            return gate.densityGateEnabled ?? false;
-        },
         get densityTooLarge() {
             return control.densityTooLarge;
         },

package/esm/index.d.ts

@@ -4,6 +4,19 @@ export default class LinearGenomeViewPlugin extends Plugin {
     name: string;
     exports: {
         baseLinearDisplayConfigSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+            readonly densityTier: {
+                readonly type: 'stringEnum';
+                readonly model: import("@jbrowse/mobx-state-tree").ISimpleType<"auto" | "density" | "features">;
+                readonly defaultValue: 'auto';
+                readonly description: 'when to draw the features-per-bin density band in place of features: "auto" swaps to it where the region is too large to fetch, "features" never does and keeps the banner, "density" always does. Needs a density source on the adapter (its densityAdapter slot)';
+                readonly advanced: true;
+            };
+            readonly densityTierBpPerPx: {
+                readonly type: 'number';
+                readonly defaultValue: 0;
+                readonly description: 'in "auto" mode, also draw the density band from this many bp per pixel outward, before the region is too large to fetch; 0 leaves the swap to the fetch-size gate alone';
+                readonly advanced: true;
+            };
             readonly fetchSizeLimit: {
                 readonly type: 'number';
                 readonly defaultValue: 1000000;
@@ -117,8 +130,7 @@ export { default as ExportSvgDialog } from './LinearGenomeView/components/Export
 export { GetSequenceDialog } from './LinearGenomeView/lazyDialogs.ts';
 export { default as ConnectedHoverHighlight } from './LinearGenomeView/components/ConnectedHoverHighlight.tsx';
 export { default as HoverPositionHighlight } from './LinearGenomeView/components/HoverPositionHighlight.tsx';
-export { TrackOverlayContext, TrackOverlayPortal, TrackOverlaySlot, } from '@jbrowse/display-ui';
-export { FloatingSvgOverlay } from './LinearGenomeView/FloatingSvgOverlay.tsx';
+export { FloatingSvgOverlay, TrackOverlayContext, TrackOverlayPortal, TrackOverlaySlot, } from '@jbrowse/display-ui';
 export type { HoverHighlightPosition } from './LinearGenomeView/components/HoverPositionHighlight.tsx';
 export { SvgChrome, SvgClipRect } from '@jbrowse/core/svg/SvgExport';
 export { svgSafeId } from '@jbrowse/core/svg/svgId';

package/esm/index.js

@@ -125,8 +125,7 @@ export { default as HoverPositionHighlight } from './LinearGenomeView/components
 // mounts it, and so does an embedder mounting `RenderingComponent` directly —
 // who otherwise supplies no node at all and gets display chrome buried under
 // their own region masks.
-export { TrackOverlayContext, TrackOverlayPortal, TrackOverlaySlot, } from '@jbrowse/display-ui';
-export { FloatingSvgOverlay } from './LinearGenomeView/FloatingSvgOverlay.js';
+export { FloatingSvgOverlay, TrackOverlayContext, TrackOverlayPortal, TrackOverlaySlot, } from '@jbrowse/display-ui';
 export { SvgChrome, SvgClipRect } from '@jbrowse/core/svg/SvgExport';
 // for a display that hand-rolls a <clipPath> instead of using SvgClipRect (an
 // inset or non-rect clip); ids built from a trackId/refName need it

package/esm/searchUtils.d.ts

@@ -32,28 +32,31 @@ export declare function unanimousResult({ results, model, session, assembly, }:
     session: TrackCatalog;
     assembly?: Assembly;
 }): BaseResult | undefined;
-export declare function showSearchResults({ results, query, model, assemblyName, grow, }: {
+export declare function showSearchResults({ results, query, model, assemblyName, grow, showHitTrack, }: {
     results: BaseResult[];
     query: string;
     model: LinearGenomeViewModel;
     assemblyName: string;
     grow?: number;
+    showHitTrack?: boolean;
 }): Promise<boolean>;
-export declare function navToOption({ option, model, assemblyName, grow, }: {
+export declare function navToOption({ option, model, assemblyName, grow, showHitTrack, }: {
     model: LinearGenomeViewModel;
     option: BaseResult;
     assemblyName: string;
     grow?: number;
+    showHitTrack?: boolean;
 }): Promise<void>;
 export declare class SearchResultsNotFoundError extends Error {
     name: string;
 }
 export declare function notifySearchFailure(session: NotificationSink, e: unknown): void;
-export declare function handleSelectedRegion({ input, model, assemblyName, grow, }: {
+export declare function handleSelectedRegion({ input, model, assemblyName, grow, showHitTrack, }: {
     input: string;
     model: LinearGenomeViewModel;
     assemblyName: string;
     grow?: number;
+    showHitTrack?: boolean;
 }): Promise<boolean>;
 export declare function checkRef(str: string, isRef: (name: string) => boolean): boolean;
 export declare function fetchResults({ queryString, searchType, assemblyName, textSearchManager, assembly, stopToken, }: {

package/esm/searchUtils.js

@@ -86,6 +86,24 @@ function trackRank(result, model, session) {
         return session.getTrackById(trackId) ? 1 : 3;
     }
 }
+// The pick is a stable minimum, so a linear scan rather than a sort: only the
+// best rung is taken, and keeping the first strictly-lowest one is what leaves
+// an agreeing group with nothing to choose between in the order the ranking
+// handed it. Ranked once per hit for the reason `destinations` above it is:
+// `trackRank` reaches `session.getTrackById`, and a comparator asks O(n log n)
+// times for an answer that does not vary.
+function bestRanked(results, model, session) {
+    let best = results[0];
+    let bestRank = trackRank(best, model, session);
+    for (let i = 1; i < results.length; i++) {
+        const rank = trackRank(results[i], model, session);
+        if (rank < bestRank) {
+            best = results[i];
+            bestRank = rank;
+        }
+    }
+    return best;
+}
 // The picker exists to disambiguate, and hits that name one feature at one
 // place are not ambiguous — they are several indexes having found it. An
 // instance carrying a handful of gene tracks turns every gene search into a
@@ -97,16 +115,12 @@ export function unanimousResult({ results, model, session, assembly, }) {
     const destinations = results.map(r => destination(r, assembly));
     const agree = destinations[0] !== undefined &&
         destinations.every(d => d === destinations[0]);
-    // stable, so an agreeing group with nothing to choose between keeps the
-    // order the ranking handed it
-    return agree
-        ? [...results].sort((a, b) => trackRank(a, model, session) - trackRank(b, model, session))[0]
-        : undefined;
+    return agree ? bestRanked(results, model, session) : undefined;
 }
 // Every multi-hit result set reaches the picker through here, so the two
 // search surfaces cannot disagree about when one is worth raising. Returns
 // whether the view moved.
-export async function showSearchResults({ results, query, model, assemblyName, grow, }) {
+export async function showSearchResults({ results, query, model, assemblyName, grow, showHitTrack, }) {
     const session = getSession(model);
     const unanimous = unanimousResult({
         results,
@@ -115,7 +129,13 @@ export async function showSearchResults({ results, query, model, assemblyName, g
         assembly: session.assemblyManager.get(assemblyName),
     });
     if (unanimous) {
-        await navToOption({ option: unanimous, model, assemblyName, grow });
+        await navToOption({
+            option: unanimous,
+            model,
+            assemblyName,
+            grow,
+            showHitTrack,
+        });
         return true;
     }
     else {
@@ -127,7 +147,11 @@ export async function showSearchResults({ results, query, model, assemblyName, g
 // own edges, which is what this default is; a caller that asked for a specific
 // padding gets that instead.
 const SEARCH_HIT_GROW = 0.2;
-export async function navToOption({ option, model, assemblyName, grow, }) {
+// A hit lands with the track its index came from shown, which is what a name
+// typed into the search box wants. A session spec that named its own tracks
+// passes false: it asked for those tracks, and a hosted config's full RefSeq
+// appearing beside the curated one it listed read as a bug.
+export async function navToOption({ option, model, assemblyName, grow, showHitTrack = true, }) {
     // getLocation() can be an empty string when a result reports hasLocation()
     // but carries no coordinates; treat that as "no location" and fall back to
     // the label rather than forwarding '' into an empty, view-blanking parse
@@ -136,8 +160,8 @@ export async function navToOption({ option, model, assemblyName, grow, }) {
     const session = getSession(model);
     const { assemblyManager } = session;
     await model.navToLocations(parseLocStrings(location, assemblyName, (ref, asm) => assemblyManager.isValidRefName(ref, asm)), assemblyName, grow ?? SEARCH_HIT_GROW);
-    if (trackId && isAlive(model)) {
-        model.showTrack(trackId);
+    if (showHitTrack && trackId && isAlive(model)) {
+        await model.launchTrack(trackId);
     }
     // same detach hazard as showTrack above: navToLocations awaits, and handlers
     // read off the view (the canvas one calls getSession(model) and model.tracks),
@@ -174,7 +198,7 @@ export function notifySearchFailure(session, e) {
 // about where to go and so raise the picker, and a view detached while the
 // search RPC ran — and each of them resolves, so a caller awaiting this cannot
 // otherwise tell "showing it" from "asked you which one".
-export async function handleSelectedRegion({ input, model, assemblyName, grow, }) {
+export async function handleSelectedRegion({ input, model, assemblyName, grow, showHitTrack, }) {
     const { assemblyManager, textSearchManager } = getSession(model);
     // resolves only once regions/aliases are loaded, which isValidRefName needs
     // (it throws otherwise). A load failure is not this function's to report:
@@ -260,6 +284,7 @@ export async function handleSelectedRegion({ input, model, assemblyName, grow, }
                 model,
                 assemblyName,
                 grow,
+                showHitTrack,
             });
         }
         else if (results.length === 1) {
@@ -272,6 +297,7 @@ export async function handleSelectedRegion({ input, model, assemblyName, grow, }
                 model,
                 assemblyName,
                 grow,
+                showHitTrack,
             });
             return true;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "5.0.0-beta.1",
+  "version": "5.0.0-beta.2",
   "type": "module",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
@@ -22,14 +22,14 @@
   ],
   "dependencies": {
     "@jbrowse/mobx-state-tree": "^6.5.1",
-    "@mui/icons-material": "^9.3.1",
-    "@mui/material": "^9.3.1",
+    "@mui/icons-material": "^9.4.0",
+    "@mui/material": "^9.4.0",
     "mobx": "^7.0.3",
     "mobx-react": "^10.0.2",
-    "@jbrowse/core": "^5.0.0-beta.1",
-    "@jbrowse/render-core": "^5.0.0-beta.1",
-    "@jbrowse/display-ui": "^5.0.0-beta.1",
-    "@jbrowse/display-kit": "^5.0.0-beta.1"
+    "@jbrowse/core": "^5.0.0-beta.2",
+    "@jbrowse/render-core": "^5.0.0-beta.2",
+    "@jbrowse/display-ui": "^5.0.0-beta.2",
+    "@jbrowse/display-kit": "^5.0.0-beta.2"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
@@ -40,7 +40,7 @@
   },
   "sideEffects": false,
   "devDependencies": {
-    "@jbrowse/display-test-utils": "^5.0.0-beta.1"
+    "@jbrowse/display-test-utils": "^5.0.0-beta.2"
   },
   "scripts": {
     "prebuild": "pnpm clean",

package/esm/LinearGenomeView/FloatingSvgOverlay.d.ts

@@ -1,5 +0,0 @@
-export declare const FloatingSvgOverlay: ({ width, height, children, }: {
-    width: number;
-    height: number;
-    children: React.ReactNode;
-}) => import("react").JSX.Element;

package/esm/LinearGenomeView/FloatingSvgOverlay.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TrackOverlayPortal } from '@jbrowse/display-ui';
-import { observer } from 'mobx-react';
-// Lifts an SVG legend / chrome above the inter-region padding masks: a
-// full-track, pointer-events:none <svg> portaled into the TrackContainer overlay
-// node (see TrackOverlayPortal). The SVG counterpart to the HTML overlays
-// (FloatingLegend, HicOverlayPanel) — used where the same legend
-// markup is also drawn by an SVG-export path, so it must stay <svg>.
-//
-// Children draw in <svg> user space; the wrapping <svg> stays pointer-events:none
-// so it doesn't eat canvas events, so any interactive sub-content (a dismiss
-// "×", clickable swatches) must set pointer-events:auto on its own element.
-// fallbackInline={false}: outside a TrackContainer it renders nothing, matching
-// callers whose export path draws its own inline legend.
-export const FloatingSvgOverlay = observer(function FloatingSvgOverlay({ width, height, children, }) {
-    return (_jsx(TrackOverlayPortal, { fallbackInline: false, children: _jsx("svg", { style: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                width,
-                height,
-                pointerEvents: 'none',
-                overflow: 'hidden',
-            }, children: children }) }));
-});