declare const _default: {
    chromosomes: {
        ChromosomeInfo: typeof ChromosomeInfo;
        SearchField: typeof SearchField;
    };
    libraries: {
        d3Array: typeof d3Array;
        d3Axis: typeof d3Axis;
        d3Brush: typeof d3Brush;
        d3Color: typeof d3Color;
        d3Drag: typeof d3Drag;
        d3Dsv: typeof d3Dsv;
        d3Format: typeof d3Format;
        d3Geo: typeof d3Geo;
        d3Queue: typeof d3Queue;
        d3Request: typeof d3Request;
        d3Scale: typeof d3Scale;
        d3Selection: typeof d3Selection;
        d3Transition: typeof d3Transition;
        d3Zoom: typeof d3Zoom;
        PIXI: typeof import("pixi.js");
        mix: (superclass?: Function) => {
            superclass: any;
            with(...mixins: Array<(mixin: MixinFunction) => MixinFunction>): Function;
        };
        slugid: typeof slugid;
    };
    tracks: {
        Annotations1dTrack: typeof Annotations1dTrack;
        Annotations2dTrack: typeof Annotations2dTrack;
        ArrowheadDomainsTrack: typeof ArrowheadDomainsTrack;
        BarTrack: typeof BarTrack;
        BedLikeTrack: typeof BedLikeTrack;
        CNVIntervalTrack: typeof CNVIntervalTrack;
        Chromosome2DAnnotations: typeof Chromosome2DAnnotations;
        Chromosome2DLabels: typeof Chromosome2DLabels;
        ChromosomeGrid: typeof ChromosomeGrid;
        CombinedTrack: typeof CombinedTrack;
        CrossRule: typeof CrossRule;
        DivergentBarTrack: typeof DivergentBarTrack;
        HeatmapTiledPixiTrack: typeof HeatmapTiledPixiTrack;
        Horizontal1dHeatmapTrack: typeof Horizontal1dHeatmapTrack;
        Horizontal2DDomainsTrack: typeof Horizontal2DDomainsTrack;
        HorizontalChromosomeLabels: typeof HorizontalChromosomeLabels;
        HorizontalGeneAnnotationsTrack: typeof HorizontalGeneAnnotationsTrack;
        HorizontalHeatmapTrack: typeof HorizontalHeatmapTrack;
        HorizontalLine1DPixiTrack: typeof HorizontalLine1DPixiTrack;
        HorizontalMultivecTrack: typeof HorizontalMultivecTrack;
        HorizontalPoint1DPixiTrack: typeof HorizontalPoint1DPixiTrack;
        HorizontalRule: typeof HorizontalRule;
        HorizontalTiled1DPixiTrack: typeof HorizontalTiled1DPixiTrack;
        HorizontalTiledPlot: typeof HorizontalTiledPlot;
        HorizontalTrack: typeof HorizontalTrack;
        Id2DTiledPixiTrack: typeof Id2DTiledPixiTrack;
        IdHorizontal1DTiledPixiTrack: typeof IdHorizontal1DTiledPixiTrack;
        IdVertical1DTiledPixiTrack: typeof IdVertical1DTiledPixiTrack;
        LeftAxisTrack: typeof LeftAxisTrack;
        MapboxTilesTrack: typeof MapboxTilesTrack;
        MoveableTrack: typeof MoveableTrack;
        OSMTileIdsTrack: typeof OSMTileIdsTrack;
        OSMTilesTrack: typeof OSMTilesTrack;
        OverlayTrack: typeof OverlayTrack;
        PixiTrack: typeof PixiTrack;
        RasterTilesTrack: typeof RasterTilesTrack;
        SVGTrack: typeof SVGTrack;
        SquareMarkersTrack: typeof SquareMarkersTrack;
        Tiled1DPixiTrack: typeof Tiled1DPixiTrack;
        TiledPixiTrack: typeof TiledPixiTrack;
        TopAxisTrack: typeof TopAxisTrack;
        Track: typeof Track;
        ValueIntervalTrack: typeof ValueIntervalTrack;
        VerticalRule: typeof VerticalRule;
        VerticalTiled1DPixiTrack: typeof VerticalTiled1DPixiTrack;
        VerticalTrack: typeof VerticalTrack;
        ViewportTracker2D: typeof ViewportTracker2D;
        ViewportTracker2DPixi: typeof ViewportTracker2DPixi;
        ViewportTrackerHorizontal: typeof ViewportTrackerHorizontal;
        ViewportTrackerVertical: typeof ViewportTrackerVertical;
    };
    dataFetchers: any;
    factories: {
        ContextMenuItem: typeof ContextMenuItem;
        DataFetcher: typeof DataFetcher;
        LruCache: typeof LruCache;
    };
    services: typeof services;
    utils: typeof utils;
    configs: {
        IS_TRACK_RANGE_SELECTABLE: (track: import("../types").TrackConfig) => boolean;
        OPTIONS_INFO: {
            axisLabelFormatting: {
                name: string;
                inlineOptions: {
                    normal: {
                        name: string;
                        value: string;
                    };
                    scientific: {
                        name: string;
                        value: string;
                    };
                };
            };
            flipDiagonal: {
                name: string;
                inlineOptions: {
                    none: {
                        name: string;
                        value: string;
                    };
                    yes: {
                        name: string;
                        value: string;
                    };
                    copy: {
                        name: string;
                        value: string;
                    };
                };
            };
            heatmapValueScaling: {
                name: string;
                inlineOptions: {
                    linear: {
                        name: string;
                        value: string;
                    };
                    log: {
                        name: string;
                        value: string;
                    };
                };
            };
            valueScaling: {
                name: string;
                inlineOptions: {
                    linear: {
                        name: string;
                        value: string;
                    };
                    log: {
                        name: string;
                        value: string;
                    };
                };
            };
            extent: {
                name: string;
                inlineOptions: {
                    full: {
                        name: string;
                        value: string;
                    };
                    upperRight: {
                        name: string;
                        value: string;
                    };
                    lowerLeft: {
                        name: string;
                        value: string;
                    };
                };
            };
            labelLeftMargin: {
                name: string;
                inlineOptions: any;
            };
            labelRightMargin: {
                name: string;
                inlineOptions: any;
            };
            labelTopMargin: {
                name: string;
                inlineOptions: any;
            };
            labelBottomMargin: {
                name: string;
                inlineOptions: any;
            };
            labelShowResolution: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            labelShowAssembly: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            lineStrokeWidth: {
                name: string;
                inlineOptions: any;
            };
            strokeSingleSeries: {
                name: string;
                generateOptions: (track: any) => ({
                    name: number;
                    value: number;
                } | {
                    name: string;
                    value: string;
                })[];
            };
            strokeWidthAndNone: {
                name: string;
                inlineOptions: any;
            };
            trackBorderWidth: {
                name: string;
                inlineOptions: any;
            };
            separatePlusMinusStrands: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            sortLargestOnTop: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            showTexts: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            staggered: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            minSquareSize: {
                name: string;
                inlineOptions: any;
            };
            pointSize: {
                name: string;
                inlineOptions: any;
            };
            pointColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            trackBorderColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            backgroundColor: {
                name: string;
                inlineOptions: {
                    white: {
                        name: string;
                        value: string;
                    };
                    lightGrey: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    black: {
                        name: string;
                        value: string;
                    };
                    transparent: {
                        name: string;
                        value: string;
                    };
                };
            };
            colorScale: {
                name: string;
                inlineOptions: {
                    epilogos: {
                        name: string;
                        values: string[];
                    };
                    category10: {
                        name: string;
                        values: string[];
                    };
                };
            };
            minusStrandColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            plusStrandColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            lineStrokeColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            projectionStrokeColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            projectionFillColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            stroke: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            strokeColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            fill: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            color: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            fontColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            fillColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            barFillColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            barFillColorTop: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            barFillColorBottom: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            barOpacity: {
                name: string;
                inlineOptions: any;
            };
            viewNameOpacity: {
                name: string;
                inlineOptions: any;
            };
            zeroLineVisible: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            zeroLineColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            zeroLineOpacity: {
                name: string;
                inlineOptions: any;
            };
            fillOpacity: {
                name: string;
                inlineOptions: any;
            };
            strokeOpacity: {
                name: string;
                inlineOptions: any;
            };
            strokePos: {
                name: string;
                inlineOptions: {
                    aroundInner: {
                        name: string;
                        value: string;
                    };
                    aroundCenter: {
                        name: string;
                        value: null;
                    };
                    hidden: {
                        name: string;
                        value: string;
                    };
                    top: {
                        name: string;
                        value: string;
                    };
                    right: {
                        name: string;
                        value: string;
                    };
                    bottom: {
                        name: string;
                        value: string;
                    };
                    left: {
                        name: string;
                        value: string;
                    };
                };
            };
            barBorder: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            scaledHeight: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            rectangleDomainStrokeColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            rectangleDomainFillColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            rectangleDomainFillOpacity: {
                name: string;
                inlineOptions: any;
            };
            rectangleDomainOpacity: {
                name: string;
                inlineOptions: any;
            };
            mapboxStyle: {
                name: string;
                inlineOptions: {
                    streets: {
                        name: string;
                        value: string;
                    };
                    light: {
                        name: string;
                        value: string;
                    };
                    dark: {
                        name: string;
                        value: string;
                    };
                    satellite: {
                        name: string;
                        value: string;
                    };
                    'streets-satellite': {
                        name: string;
                        value: string;
                    };
                    wheatpaste: {
                        name: string;
                        value: string;
                    };
                    'streets-basic': {
                        name: string;
                        value: string;
                    };
                    comic: {
                        name: string;
                        value: string;
                    };
                    outdoors: {
                        name: string;
                        value: string;
                    };
                    'run-bike-hike': {
                        name: string;
                        value: string;
                    };
                    pencil: {
                        name: string;
                        value: string;
                    };
                    pirates: {
                        name: string;
                        value: string;
                    };
                    emerald: {
                        name: string;
                        value: string;
                    };
                    'high-contrast': {
                        name: string;
                        value: string;
                    };
                };
            };
            oneDHeatmapFlipped: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: string;
                    };
                    no: {
                        name: string;
                        value: null;
                    };
                };
            };
            showMousePosition: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            showTooltip: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            nanAsZero: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            fontSize: {
                name: string;
                inlineOptions: any;
            };
            tickPositions: {
                name: string;
                inlineOptions: {
                    even: {
                        name: string;
                        value: string;
                    };
                    ends: {
                        name: string;
                        value: string;
                    };
                };
            };
            tickFormat: {
                name: string;
                inlineOptions: {
                    plain: {
                        name: string;
                        value: string;
                    };
                    si: {
                        name: string;
                        value: string;
                    };
                };
            };
            colorEncoding: {
                name: string;
                inlineOptions: {
                    none: {
                        name: string;
                        value: null;
                    };
                    itemRgb: {
                        name: string;
                        value: string;
                    };
                };
                generateOptions: (track: any) => {
                    name: any;
                    value: number;
                }[];
            };
            fontIsAligned: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            axisPositionHorizontal: {
                name: string;
                inlineOptions: {
                    left: {
                        name: string;
                        value: string;
                    };
                    outsideLeft: {
                        name: string;
                        value: string;
                    };
                    right: {
                        name: string;
                        value: string;
                    };
                    outsideRight: {
                        name: string;
                        value: string;
                    };
                    hidden: {
                        name: string;
                        value: null;
                    };
                };
            };
            axisPositionVertical: {
                name: string;
                inlineOptions: {
                    top: {
                        name: string;
                        value: string;
                    };
                    outsideTop: {
                        name: string;
                        value: string;
                    };
                    bottom: {
                        name: string;
                        value: string;
                    };
                    outsideBottom: {
                        name: string;
                        value: string;
                    };
                    hidden: {
                        name: string;
                        value: null;
                    };
                };
            };
            axisMargin: {
                name: string;
                inlineOptions: any;
            };
            reverseAxis: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            colorbarPosition: {
                name: string;
                inlineOptions: {
                    topLeft: {
                        name: string;
                        value: string;
                    };
                    topRight: {
                        name: string;
                        value: string;
                    };
                    bottomLeft: {
                        name: string;
                        value: string;
                    };
                    bottomRight: {
                        name: string;
                        value: string;
                    };
                    hidden: {
                        name: string;
                        value: null;
                    };
                };
            };
            colorbarBackgroundColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            colorbarBackgroundOpacity: {
                name: string;
                inlineOptions: any;
            };
            colorbarLabelsPosition: {
                name: string;
                inlineOptions: {
                    inside: {
                        name: string;
                        value: string;
                    };
                    outside: {
                        name: string;
                        value: string;
                    };
                };
            };
            labelColor: {
                name: string;
                inlineOptions: {
                    use_stroke: {
                        name: string;
                        value: string;
                    };
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            labelPosition: {
                name: string;
                inlineOptions: {
                    l: {
                        name: string;
                        value: string;
                    };
                    r: {
                        name: string;
                        value: string;
                    };
                    ol: {
                        name: string;
                        value: string;
                    };
                    or: {
                        name: string;
                        value: string;
                    };
                    t: {
                        name: string;
                        value: string;
                    };
                    b: {
                        name: string;
                        value: string;
                    };
                    ot: {
                        name: string;
                        value: string;
                    };
                    ob: {
                        name: string;
                        value: string;
                    };
                    tl: {
                        name: string;
                        value: string;
                    };
                    tr: {
                        name: string;
                        value: string;
                    };
                    bl: {
                        name: string;
                        value: string;
                    };
                    br: {
                        name: string;
                        value: string;
                    };
                    hidden: {
                        name: string;
                        value: string;
                    };
                };
            };
            labelTextOpacity: {
                name: string;
                inlineOptions: any;
            };
            geneAnnotationHeight: {
                name: string;
                inlineOptions: {
                    8: {
                        name: string;
                        value: number;
                    };
                    10: {
                        name: string;
                        value: number;
                    };
                    12: {
                        name: string;
                        value: number;
                    };
                    16: {
                        name: string;
                        value: number;
                    };
                };
            };
            annotationHeight: {
                name: string;
                inlineOptions: {
                    5: {
                        name: string;
                        value: number;
                    };
                    8: {
                        name: string;
                        value: number;
                    };
                    10: {
                        name: string;
                        value: number;
                    };
                    12: {
                        name: string;
                        value: number;
                    };
                    16: {
                        name: string;
                        value: number;
                    };
                    20: {
                        name: string;
                        value: number;
                    };
                    scaled: {
                        name: string;
                        value: string;
                    };
                };
            };
            maxAnnotationHeight: {
                name: string;
                inlineOptions: {
                    5: {
                        name: string;
                        value: number;
                    };
                    8: {
                        name: string;
                        value: number;
                    };
                    10: {
                        name: string;
                        value: number;
                    };
                    12: {
                        name: string;
                        value: number;
                    };
                    16: {
                        name: string;
                        value: number;
                    };
                    20: {
                        name: string;
                        value: number;
                    };
                    none: {
                        name: string;
                        value: null;
                    };
                };
            };
            annotationStyle: {
                name: string;
                inlineOptions: {
                    box: {
                        name: string;
                        value: string;
                    };
                    segment: {
                        name: string;
                        value: string;
                    };
                };
            };
            geneLabelPosition: {
                name: string;
                inlineOptions: {
                    inside: {
                        name: string;
                        value: string;
                    };
                    outside: {
                        name: string;
                        value: string;
                    };
                };
            };
            geneStrandSpacing: {
                name: string;
                inlineOptions: {
                    2: {
                        name: string;
                        value: number;
                    };
                    4: {
                        name: string;
                        value: number;
                    };
                    8: {
                        name: string;
                        value: number;
                    };
                };
            };
            labelBackgroundColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
            labelBackgroundOpacity: {
                name: string;
                inlineOptions: any;
            };
            viewResolution: {
                name: string;
                inlineOptions: {
                    high: {
                        name: string;
                        value: number;
                    };
                    medium: {
                        name: string;
                        value: number;
                    };
                    low: {
                        name: string;
                        value: number;
                    };
                };
            };
            colorRange: {
                name: string;
                inlineOptions: {
                    afmhot: {
                        name: string;
                        value: string[];
                    };
                    fall: {
                        name: string;
                        value: string[];
                    };
                    hot: {
                        name: string;
                        value: string[];
                    };
                    jet: {
                        name: string;
                        value: string[];
                    };
                    bwr: {
                        name: string;
                        value: string[];
                    };
                    cubehelix: {
                        name: string;
                        value: string[];
                    };
                    rainbow: {
                        name: string;
                        value: string[];
                    };
                    gray: {
                        name: string;
                        value: string[];
                    };
                    red: {
                        name: string;
                        value: string[];
                    };
                    green: {
                        name: string;
                        value: string[];
                    };
                    blue: {
                        name: string;
                        value: string[];
                    };
                    custard: {
                        name: string;
                        value: string[];
                    };
                    magma: {
                        name: string;
                        value: string[];
                    };
                    viridis: {
                        name: string;
                        value: string[];
                    };
                    custom: {
                        name: string;
                        componentPickers: {
                            heatmap: typeof import("../HeatmapOptions").default;
                            'horizontal-heatmap': typeof import("../HeatmapOptions").default;
                        };
                    };
                };
            };
            align: {
                name: string;
                inlineOptions: {
                    white: {
                        name: string;
                        value: string;
                    };
                    lightGrey: {
                        name: string;
                        value: string;
                    };
                };
            };
            colorRangeGradient: {
                name: string;
                inlineOptions: {
                    yes: {
                        name: string;
                        value: boolean;
                    };
                    no: {
                        name: string;
                        value: boolean;
                    };
                };
            };
            dataTransform: {
                name: string;
                inlineOptions: {
                    default: {
                        name: string;
                        value: string;
                    };
                    None: {
                        name: string;
                        value: string;
                    };
                };
                generateOptions: (track: any) => {
                    name: any;
                    value: any;
                }[];
            };
            aggregationMode: {
                name: string;
                inlineOptions: {};
                generateOptions: (track: any) => {
                    name: string;
                    value: string;
                }[];
            };
            maxZoom: {
                name: string;
                inlineOptions: {
                    none: {
                        name: string;
                        value: null;
                    };
                };
                generateOptions: (track: any) => {
                    name: string;
                    value: string;
                }[];
            };
            valueColumn: {
                name: string;
                inlineOptions: {
                    none: {
                        name: string;
                        value: null;
                    };
                };
                generateOptions: (track: any) => {
                    name: any;
                    value: number;
                }[];
            };
            zeroValueColor: {
                name: string;
                inlineOptions: {
                    black: {
                        name: string;
                        value: string;
                    };
                    blue: {
                        name: string;
                        value: string;
                    };
                    brown: {
                        name: string;
                        value: string;
                    };
                    cyan: {
                        name: string;
                        value: string;
                    };
                    green: {
                        name: string;
                        value: string;
                    };
                    grey: {
                        name: string;
                        value: string;
                    };
                    orange: {
                        name: string;
                        value: string;
                    };
                    purple: {
                        name: string;
                        value: string;
                    };
                    turquoise: {
                        name: string;
                        value: string;
                    };
                    red: {
                        name: string;
                        value: string;
                    };
                    white: {
                        name: string;
                        value: string;
                    };
                };
            };
        };
        THEME_LIGHT: typeof _configs.THEME_LIGHT;
        THEME_DARK: typeof _configs.THEME_DARK;
        THEME_DEFAULT: symbol;
        GLOBALS: {
            PIXI: typeof import("pixi.js");
        };
        DATATYPE_TO_TRACK_TYPE: (orientation: any) => {
            none: any[];
        };
        HEATED_OBJECT_MAP: number[][];
        TRACKS_INFO: import("../configs/tracks-info").TrackInfo[];
        TRACKS_INFO_BY_TYPE: import("../configs/tracks-info-by-type").TracksInfoByType;
        POSITIONS_BY_DATATYPE: {};
        DEFAULT_TRACKS_FOR_DATATYPE: {
            readonly chromsizes: {
                readonly center: "2d-chromosome-grid";
                readonly top: "chromosome-labels";
                readonly left: "chromosome-labels";
                readonly bottom: "chromosome-labels";
                readonly right: "chromosome-labels";
            };
            readonly matrix: {
                readonly center: "heatmap";
                readonly top: "linear-heatmap";
                readonly left: "linear-heatmap";
                readonly right: "linear-heatmap";
                readonly bottom: "linear-heatmap";
            };
            readonly vector: {
                readonly top: "bar";
                readonly bottom: "bar";
                readonly left: "bar";
                readonly right: "bar";
            };
            readonly 'geo-json': {
                readonly center: "geo-json";
            };
            readonly 'gene-annotation': {
                readonly top: "gene-annotations";
                readonly bottom: "gene-annotations";
                readonly left: "gene-annotations";
                readonly right: "gene-annotations";
            };
            readonly bedlike: {
                readonly top: "bedlike";
                readonly bottom: "bedlike";
                readonly left: "vertical-bedlike";
                readonly right: "vertical-bedlike";
            };
        };
        AVAILABLE_TRACK_TYPES: (datatypes: any, orientation: any) => any[];
        NUM_PRECOMP_SUBSETS_PER_1D_TTILE: 8;
        NUM_PRECOMP_SUBSETS_PER_2D_TTILE: 8;
        SIZE_MODE_DEFAULT: "default";
        SIZE_MODE_BOUNDED: "bounded";
        SIZE_MODE_OVERFLOW: "overflow";
        SIZE_MODE_BOUNDED_OVERFLOW: "bounded-overflow";
        SIZE_MODE_SCROLL: "scroll";
        DEFAULT_VIEW_MARGIN: 0;
        DEFAULT_VIEW_PADDING: 5;
        DEFAULT_CONTAINER_PADDING_X: 10;
        DEFAULT_CONTAINER_PADDING_Y: 10;
        MAX_CLICK_DELAY: 300;
        MOUSE_TOOL_MOVE: "move";
        MOUSE_TOOL_SELECT: "select";
        MOUSE_TOOL_TRACK_SELECT: "track-select";
        TILE_FETCH_DEBOUNCE: 100;
        ZOOM_DEBOUNCE: 10;
        SHORT_DRAG_TIMEOUT: 110;
        LONG_DRAG_TIMEOUT: 3000;
        LOCATION_LISTENER_PREFIX: "locationListenerPrefix";
        ZOOM_TRANSITION_DURATION: 1000;
        DEFAULT_SERVER: "http://higlass.io/api/v1";
        VIEW_HEADER_MED_WIDTH_SEARCH_BAR: 400;
        VIEW_HEADER_MIN_WIDTH_SEARCH_BAR: 300;
        TRACK_LOCATIONS: readonly ["top", "left", "right", "bottom", "center", "whole", "gallery"];
        MIN_HORIZONTAL_HEIGHT: 20;
        MIN_VERTICAL_WIDTH: 20;
    };
    VERSION: string;
};
export default _default;
import ChromosomeInfo from '../ChromosomeInfo';
import SearchField from '../SearchField';
import * as d3Array from 'd3-array';
import * as d3Axis from 'd3-axis';
import * as d3Brush from 'd3-brush';
import * as d3Color from 'd3-color';
import * as d3Drag from 'd3-drag';
import * as d3Dsv from 'd3-dsv';
import * as d3Format from 'd3-format';
import * as d3Geo from 'd3-geo';
import * as d3Queue from 'd3-queue';
import * as d3Request from 'd3-request';
import * as d3Scale from 'd3-scale';
import * as d3Selection from 'd3-selection';
import * as d3Transition from 'd3-transition';
import * as d3Zoom from 'd3-zoom';
import slugid from 'slugid';
import Annotations1dTrack from '../Annotations1dTrack';
import Annotations2dTrack from '../Annotations2dTrack';
import ArrowheadDomainsTrack from '../ArrowheadDomainsTrack';
import BarTrack from '../BarTrack';
import BedLikeTrack from '../BedLikeTrack';
import CNVIntervalTrack from '../CNVIntervalTrack';
import Chromosome2DAnnotations from '../Chromosome2DAnnotations';
import Chromosome2DLabels from '../Chromosome2DLabels';
import ChromosomeGrid from '../ChromosomeGrid';
import CombinedTrack from '../CombinedTrack';
import CrossRule from '../CrossRule';
import DivergentBarTrack from '../DivergentBarTrack';
import HeatmapTiledPixiTrack from '../HeatmapTiledPixiTrack';
import Horizontal1dHeatmapTrack from '../Horizontal1dHeatmapTrack';
import Horizontal2DDomainsTrack from '../Horizontal2DDomainsTrack';
import HorizontalChromosomeLabels from '../HorizontalChromosomeLabels';
import HorizontalGeneAnnotationsTrack from '../HorizontalGeneAnnotationsTrack';
import HorizontalHeatmapTrack from '../HorizontalHeatmapTrack';
import HorizontalLine1DPixiTrack from '../HorizontalLine1DPixiTrack';
import HorizontalMultivecTrack from '../HorizontalMultivecTrack';
import HorizontalPoint1DPixiTrack from '../HorizontalPoint1DPixiTrack';
import HorizontalRule from '../HorizontalRule';
import HorizontalTiled1DPixiTrack from '../HorizontalTiled1DPixiTrack';
import HorizontalTiledPlot from '../HorizontalTiledPlot';
import HorizontalTrack from '../HorizontalTrack';
import Id2DTiledPixiTrack from '../Id2DTiledPixiTrack';
import IdHorizontal1DTiledPixiTrack from '../IdHorizontal1DTiledPixiTrack';
import IdVertical1DTiledPixiTrack from '../IdVertical1DTiledPixiTrack';
import LeftAxisTrack from '../LeftAxisTrack';
import MapboxTilesTrack from '../MapboxTilesTrack';
import MoveableTrack from '../MoveableTrack';
import OSMTileIdsTrack from '../OSMTileIdsTrack';
import OSMTilesTrack from '../OSMTilesTrack';
import OverlayTrack from '../OverlayTrack';
import PixiTrack from '../PixiTrack';
import RasterTilesTrack from '../RasterTilesTrack';
import SVGTrack from '../SVGTrack';
import SquareMarkersTrack from '../SquareMarkersTrack';
import Tiled1DPixiTrack from '../Tiled1DPixiTrack';
import TiledPixiTrack from '../TiledPixiTrack';
import TopAxisTrack from '../TopAxisTrack';
import Track from '../Track';
import ValueIntervalTrack from '../ValueIntervalTrack';
import VerticalRule from '../VerticalRule';
import VerticalTiled1DPixiTrack from '../VerticalTiled1DPixiTrack';
import VerticalTrack from '../VerticalTrack';
import ViewportTracker2D from '../ViewportTracker2D';
import ViewportTracker2DPixi from '../ViewportTracker2DPixi';
import ViewportTrackerHorizontal from '../ViewportTrackerHorizontal';
import ViewportTrackerVertical from '../ViewportTrackerVertical';
import ContextMenuItem from '../ContextMenuItem';
import { DataFetcher } from '../data-fetchers';
import LruCache from '../utils/LruCache';
import * as services from '../services';
import * as utils from '../utils';
import * as _configs from '../configs';
