@jbrowse/plugin-wiggle 3.6.5 → 4.0.0

package/dist/drawLine.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawLine = drawLine;
-const configuration_1 = require("@jbrowse/core/configuration");
-const util_1 = require("@jbrowse/core/util");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
-const util_2 = require("./util");
-const fudgeFactor = 0.3;
-const clipHeight = 2;
-function drawLine(ctx, props) {
-    const { features, regions, bpPerPx, scaleOpts, height: unadjustedHeight, ticks: { values }, displayCrossHatches, colorCallback, config, offset = 0, stopToken, } = props;
-    const region = regions[0];
-    const width = (region.end - region.start) / bpPerPx;
-    const height = unadjustedHeight - offset * 2;
-    const clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
-    const scale = (0, util_2.getScale)({ ...scaleOpts, range: [0, height] });
-    const domain = scale.domain();
-    const niceMin = domain[0];
-    const niceMax = domain[1];
-    const toY = (n) => (0, util_1.clamp)(height - (scale(n) || 0), 0, height) + offset;
-    let lastVal;
-    let prevLeftPx = Number.NEGATIVE_INFINITY;
-    const reducedFeatures = [];
-    let start = performance.now();
-    for (const feature of features.values()) {
-        if (performance.now() - start > 400) {
-            (0, stopToken_1.checkStopToken)(stopToken);
-            start = performance.now();
-        }
-        const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-        if (Math.floor(leftPx) !== Math.floor(prevLeftPx) || rightPx - leftPx > 1) {
-            reducedFeatures.push(feature);
-            prevLeftPx = leftPx;
-        }
-        const score = feature.get('score');
-        const lowClipping = score < niceMin;
-        const highClipping = score > niceMax;
-        const w = rightPx - leftPx + fudgeFactor;
-        const c = colorCallback(feature, score);
-        ctx.beginPath();
-        ctx.strokeStyle = c;
-        const startPos = lastVal !== undefined ? lastVal : score;
-        if (!region.reversed) {
-            ctx.moveTo(leftPx, toY(startPos));
-            ctx.lineTo(leftPx, toY(score));
-            ctx.lineTo(rightPx, toY(score));
-        }
-        else {
-            ctx.moveTo(rightPx, toY(startPos));
-            ctx.lineTo(rightPx, toY(score));
-            ctx.lineTo(leftPx, toY(score));
-        }
-        ctx.stroke();
-        lastVal = score;
-        if (highClipping) {
-            ctx.fillStyle = clipColor;
-            ctx.fillRect(leftPx, offset, w, clipHeight);
-        }
-        else if (lowClipping && scaleOpts.scaleType !== 'log') {
-            ctx.fillStyle = clipColor;
-            ctx.fillRect(leftPx, height - clipHeight, w, height);
-        }
-    }
-    if (displayCrossHatches) {
-        ctx.lineWidth = 1;
-        ctx.strokeStyle = 'rgba(200,200,200,0.5)';
-        for (const tick of values) {
-            ctx.beginPath();
-            ctx.moveTo(0, Math.round(toY(tick)));
-            ctx.lineTo(width, Math.round(toY(tick)));
-            ctx.stroke();
-        }
-    }
-    return {
-        reducedFeatures,
-    };
-}

package/dist/drawXY.d.ts

@@ -1,21 +0,0 @@
-import type { ScaleOpts } from './util';
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { Feature, Region } from '@jbrowse/core/util';
-export declare function drawXY(ctx: CanvasRenderingContext2D, props: {
-    stopToken?: string;
-    features: Map<string, Feature> | Feature[];
-    bpPerPx: number;
-    regions: Region[];
-    scaleOpts: ScaleOpts;
-    height: number;
-    ticks: {
-        values: number[];
-    };
-    config: AnyConfigurationModel;
-    displayCrossHatches: boolean;
-    inverted: boolean;
-    offset?: number;
-    colorCallback: (f: Feature, score: number) => string;
-}): {
-    reducedFeatures: Feature[];
-};

package/dist/drawXY.js

@@ -1,191 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.drawXY = drawXY;
-const configuration_1 = require("@jbrowse/core/configuration");
-const util_1 = require("@jbrowse/core/util");
-const colord_1 = require("@jbrowse/core/util/colord");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
-const util_2 = require("./util");
-function lighten(color, amount) {
-    const hslColor = color.toHsl();
-    const l = hslColor.l * (1 + amount);
-    return (0, colord_1.colord)({
-        ...hslColor,
-        l: (0, util_1.clamp)(l, 0, 100),
-    });
-}
-function darken(color, amount) {
-    const hslColor = color.toHsl();
-    const l = hslColor.l * (1 - amount);
-    return (0, colord_1.colord)({
-        ...hslColor,
-        l: (0, util_1.clamp)(l, 0, 100),
-    });
-}
-const fudgeFactor = 0.3;
-const clipHeight = 2;
-function drawXY(ctx, props) {
-    const { features, bpPerPx, regions, scaleOpts, height: unadjustedHeight, config, ticks, displayCrossHatches, offset = 0, colorCallback, inverted, stopToken, } = props;
-    const region = regions[0];
-    const width = (region.end - region.start) / bpPerPx;
-    const height = unadjustedHeight - offset * 2;
-    const filled = (0, configuration_1.readConfObject)(config, 'filled');
-    const clipColor = (0, configuration_1.readConfObject)(config, 'clipColor');
-    const summaryScoreMode = (0, configuration_1.readConfObject)(config, 'summaryScoreMode');
-    const pivotValue = (0, configuration_1.readConfObject)(config, 'bicolorPivotValue');
-    const minSize = (0, configuration_1.readConfObject)(config, 'minSize');
-    const scale = (0, util_2.getScale)({ ...scaleOpts, range: [0, height], inverted });
-    const originY = (0, util_2.getOrigin)(scaleOpts.scaleType);
-    const domain = scale.domain();
-    const niceMin = domain[0];
-    const niceMax = domain[1];
-    const toY = (n) => (0, util_1.clamp)(height - (scale(n) || 0), 0, height) + offset;
-    const toOrigin = (n) => toY(originY) - toY(n);
-    const getHeight = (n) => (filled ? toOrigin(n) : Math.max(minSize, 1));
-    let hasClipping = false;
-    let prevLeftPx = Number.NEGATIVE_INFINITY;
-    const reducedFeatures = [];
-    const crossingOrigin = niceMin < pivotValue && niceMax > pivotValue;
-    let start = performance.now();
-    if (summaryScoreMode === 'whiskers') {
-        let lastCol;
-        let lastMix;
-        start = performance.now();
-        for (const feature of features.values()) {
-            if (performance.now() - start > 400) {
-                (0, stopToken_1.checkStopToken)(stopToken);
-                start = performance.now();
-            }
-            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-            if (feature.get('summary')) {
-                const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-                const max = feature.get('maxScore');
-                const c = colorCallback(feature, max);
-                const effectiveC = crossingOrigin
-                    ? c
-                    : c === lastCol
-                        ? lastMix
-                        : (lastMix = lighten((0, colord_1.colord)(c), 0.4).toHex());
-                (0, util_2.fillRectCtx)(leftPx, toY(max), w, getHeight(max), ctx, effectiveC);
-                lastCol = c;
-            }
-        }
-        lastMix = undefined;
-        lastCol = undefined;
-        start = performance.now();
-        for (const feature of features.values()) {
-            if (performance.now() - start > 400) {
-                (0, stopToken_1.checkStopToken)(stopToken);
-                start = performance.now();
-            }
-            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-            const score = feature.get('score');
-            const max = feature.get('maxScore');
-            const min = feature.get('minScore');
-            const summary = feature.get('summary');
-            const c = colorCallback(feature, score);
-            const effectiveC = crossingOrigin && summary
-                ? c === lastCol
-                    ? lastMix
-                    : (lastMix = (0, colord_1.colord)(colorCallback(feature, max))
-                        .mix((0, colord_1.colord)(colorCallback(feature, min)))
-                        .toString())
-                : c;
-            const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-            if (Math.floor(leftPx) !== Math.floor(prevLeftPx) ||
-                rightPx - leftPx > 1) {
-                reducedFeatures.push(feature);
-                prevLeftPx = leftPx;
-            }
-            hasClipping = hasClipping || score < niceMin || score > niceMax;
-            (0, util_2.fillRectCtx)(leftPx, toY(score), w, getHeight(score), ctx, effectiveC);
-            lastCol = c;
-        }
-        lastMix = undefined;
-        lastCol = undefined;
-        start = performance.now();
-        for (const feature of features.values()) {
-            if (performance.now() - start > 400) {
-                (0, stopToken_1.checkStopToken)(stopToken);
-                start = performance.now();
-            }
-            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-            if (feature.get('summary')) {
-                const min = feature.get('minScore');
-                const c = colorCallback(feature, min);
-                const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-                const effectiveC = crossingOrigin
-                    ? c
-                    : c === lastCol
-                        ? lastMix
-                        : (lastMix = darken((0, colord_1.colord)(c), 0.4).toHex());
-                (0, util_2.fillRectCtx)(leftPx, toY(min), w, getHeight(min), ctx, effectiveC);
-                lastCol = c;
-            }
-        }
-    }
-    else {
-        start = performance.now();
-        for (const feature of features.values()) {
-            if (performance.now() - start > 400) {
-                (0, stopToken_1.checkStopToken)(stopToken);
-                start = performance.now();
-            }
-            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-            if (Math.floor(leftPx) !== Math.floor(prevLeftPx) ||
-                rightPx - leftPx > 1) {
-                reducedFeatures.push(feature);
-                prevLeftPx = leftPx;
-            }
-            const score = feature.get('score');
-            const c = colorCallback(feature, score);
-            hasClipping = hasClipping || score < niceMin || score > niceMax;
-            const w = Math.max(rightPx - leftPx + fudgeFactor, minSize);
-            if (summaryScoreMode === 'max') {
-                const s = feature.get('summary') ? feature.get('maxScore') : score;
-                (0, util_2.fillRectCtx)(leftPx, toY(s), w, getHeight(s), ctx, c);
-            }
-            else if (summaryScoreMode === 'min') {
-                const s = feature.get('summary') ? feature.get('minScore') : score;
-                (0, util_2.fillRectCtx)(leftPx, toY(s), w, getHeight(s), ctx, c);
-            }
-            else {
-                (0, util_2.fillRectCtx)(leftPx, toY(score), w, getHeight(score), ctx, c);
-            }
-        }
-    }
-    ctx.save();
-    if (hasClipping) {
-        ctx.fillStyle = clipColor;
-        start = performance.now();
-        for (const feature of features.values()) {
-            if (performance.now() - start > 400) {
-                (0, stopToken_1.checkStopToken)(stopToken);
-                start = performance.now();
-            }
-            const [leftPx, rightPx] = (0, util_1.featureSpanPx)(feature, region, bpPerPx);
-            const w = rightPx - leftPx + fudgeFactor;
-            const score = feature.get('score');
-            if (score > niceMax) {
-                (0, util_2.fillRectCtx)(leftPx, offset, w, clipHeight, ctx);
-            }
-            else if (score < niceMin && scaleOpts.scaleType !== 'log') {
-                (0, util_2.fillRectCtx)(leftPx, unadjustedHeight, w, clipHeight, ctx);
-            }
-        }
-    }
-    ctx.restore();
-    if (displayCrossHatches) {
-        ctx.lineWidth = 1;
-        ctx.strokeStyle = 'rgba(200,200,200,0.5)';
-        for (const tick of ticks.values) {
-            ctx.beginPath();
-            ctx.moveTo(0, Math.round(toY(tick)));
-            ctx.lineTo(width, Math.round(toY(tick)));
-            ctx.stroke();
-        }
-    }
-    return {
-        reducedFeatures,
-    };
-}

package/dist/getMultiWiggleSourcesAutorun.d.ts

@@ -1,17 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export interface Source {
-    name: string;
-    color?: string;
-    group?: string;
-}
-export declare function getMultiWiggleSourcesAutorun(self: {
-    quantitativeStatsReady: boolean;
-    configuration: AnyConfigurationModel;
-    adapterConfig: AnyConfigurationModel;
-    autoscaleType: string;
-    adapterProps: () => Record<string, unknown>;
-    setSourcesLoading: (aborter: string) => void;
-    setError: (error: unknown) => void;
-    setMessage: (str: string) => void;
-    setSources: (sources: Source[]) => void;
-}): void;

package/dist/getMultiWiggleSourcesAutorun.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMultiWiggleSourcesAutorun = getMultiWiggleSourcesAutorun;
-const util_1 = require("@jbrowse/core/util");
-const aborting_1 = require("@jbrowse/core/util/aborting");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const mobx_1 = require("mobx");
-const mobx_state_tree_1 = require("mobx-state-tree");
-function getMultiWiggleSourcesAutorun(self) {
-    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
-        try {
-            const view = (0, util_1.getContainingView)(self);
-            if (!view.initialized) {
-                return;
-            }
-            const { rpcManager } = (0, util_1.getSession)(self);
-            const { adapterConfig } = self;
-            const token = (0, stopToken_1.createStopToken)();
-            self.setSourcesLoading(token);
-            const sessionId = (0, tracks_1.getRpcSessionId)(self);
-            const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
-                regions: view.staticBlocks.contentBlocks,
-                sessionId,
-                adapterConfig,
-            }));
-            if ((0, mobx_state_tree_1.isAlive)(self)) {
-                self.setSources(sources);
-            }
-        }
-        catch (e) {
-            if (!(0, aborting_1.isAbortException)(e) && (0, mobx_state_tree_1.isAlive)(self)) {
-                console.error(e);
-                (0, util_1.getSession)(self).notifyError(`${e}`, e);
-            }
-        }
-    }));
-}

package/dist/getQuantitativeStats.d.ts

@@ -1,13 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { QuantitativeStats } from '@jbrowse/core/util/stats';
-export declare function getQuantitativeStats(self: {
-    adapterConfig: AnyConfigurationModel;
-    configuration: AnyConfigurationModel;
-    autoscaleType: string;
-    setMessage: (str: string) => void;
-}, opts: {
-    headers?: Record<string, string>;
-    stopToken?: string;
-    filters: string[];
-    currStatsBpPerPx: number;
-}): Promise<QuantitativeStats>;

package/dist/getQuantitativeStats.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getQuantitativeStats = getQuantitativeStats;
-const configuration_1 = require("@jbrowse/core/configuration");
-const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const mobx_state_tree_1 = require("mobx-state-tree");
-async function getQuantitativeStats(self, opts) {
-    const { rpcManager } = (0, util_1.getSession)(self);
-    const numStdDev = (0, configuration_1.getConf)(self, 'numStdDev') || 3;
-    const { adapterConfig, autoscaleType } = self;
-    const sessionId = (0, tracks_1.getRpcSessionId)(self);
-    const { currStatsBpPerPx } = opts;
-    const params = {
-        sessionId,
-        adapterConfig,
-        statusCallback: (message) => {
-            if ((0, mobx_state_tree_1.isAlive)(self)) {
-                self.setMessage(message);
-            }
-        },
-        ...opts,
-    };
-    if (autoscaleType === 'global' || autoscaleType === 'globalsd') {
-        const results = (await rpcManager.call(sessionId, 'WiggleGetGlobalQuantitativeStats', params));
-        const { scoreMin, scoreMean, scoreStdDev } = results;
-        return autoscaleType === 'globalsd'
-            ? {
-                ...results,
-                scoreMin: scoreMin >= 0 ? 0 : scoreMean - numStdDev * scoreStdDev,
-                scoreMax: scoreMean + numStdDev * scoreStdDev,
-                currStatsBpPerPx,
-            }
-            : {
-                ...results,
-                currStatsBpPerPx,
-            };
-    }
-    if (autoscaleType === 'local' || autoscaleType === 'localsd') {
-        const { dynamicBlocks, bpPerPx } = (0, util_1.getContainingView)(self);
-        const results = (await rpcManager.call(sessionId, 'WiggleGetMultiRegionQuantitativeStats', {
-            ...params,
-            regions: dynamicBlocks.contentBlocks.map(region => {
-                const { start, end } = region;
-                return {
-                    ...JSON.parse(JSON.stringify(region)),
-                    start: Math.floor(start),
-                    end: Math.ceil(end),
-                };
-            }),
-            bpPerPx,
-        }));
-        const { scoreMin, scoreMean, scoreStdDev } = results;
-        return autoscaleType === 'localsd'
-            ? {
-                ...results,
-                scoreMin: scoreMin >= 0 ? 0 : scoreMean - numStdDev * scoreStdDev,
-                scoreMax: scoreMean + numStdDev * scoreStdDev,
-                currStatsBpPerPx,
-            }
-            : {
-                ...results,
-                currStatsBpPerPx,
-            };
-    }
-    if (autoscaleType === 'zscale') {
-        return rpcManager.call(sessionId, 'WiggleGetGlobalQuantitativeStats', params);
-    }
-    throw new Error(`invalid autoscaleType '${autoscaleType}'`);
-}

package/dist/getQuantitativeStatsAutorun.d.ts

@@ -1,13 +0,0 @@
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { QuantitativeStats } from '@jbrowse/core/util/stats';
-export declare function getQuantitativeStatsAutorun(self: {
-    quantitativeStatsReady: boolean;
-    configuration: AnyConfigurationModel;
-    adapterConfig: AnyConfigurationModel;
-    autoscaleType: string;
-    adapterProps: () => Record<string, unknown>;
-    setStatsLoading: (token: string) => void;
-    setError: (error: unknown) => void;
-    setMessage: (str: string) => void;
-    updateQuantitativeStats: (stats: QuantitativeStats, region: string) => void;
-}): void;

package/dist/getQuantitativeStatsAutorun.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getQuantitativeStatsAutorun = getQuantitativeStatsAutorun;
-const util_1 = require("@jbrowse/core/util");
-const stopToken_1 = require("@jbrowse/core/util/stopToken");
-const mobx_1 = require("mobx");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const getQuantitativeStats_1 = require("./getQuantitativeStats");
-function getQuantitativeStatsAutorun(self) {
-    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
-        try {
-            if (self.quantitativeStatsReady) {
-                const view = (0, util_1.getContainingView)(self);
-                const stopToken = (0, stopToken_1.createStopToken)();
-                self.setStatsLoading(stopToken);
-                const statsRegion = JSON.stringify(view.dynamicBlocks);
-                const wiggleStats = await (0, getQuantitativeStats_1.getQuantitativeStats)(self, {
-                    stopToken,
-                    filters: [],
-                    currStatsBpPerPx: view.bpPerPx,
-                    ...self.adapterProps(),
-                });
-                if ((0, mobx_state_tree_1.isAlive)(self)) {
-                    self.updateQuantitativeStats(wiggleStats, statsRegion);
-                }
-            }
-        }
-        catch (e) {
-            if ((0, mobx_state_tree_1.isAlive)(self) && !(0, util_1.isAbortException)(e)) {
-                console.error(e);
-                self.setError(e);
-            }
-        }
-    }, { delay: 1000 }));
-}

package/dist/index.d.ts

@@ -1,91 +0,0 @@
-import Plugin from '@jbrowse/core/Plugin';
-import { modelFactory as linearWiggleDisplayModelFactory } from './LinearWiggleDisplay';
-import WiggleBaseRenderer from './WiggleBaseRenderer';
-import { XYPlotRenderer } from './XYPlotRenderer';
-import * as utils from './util';
-import type PluginManager from '@jbrowse/core/PluginManager';
-export default class WigglePlugin extends Plugin {
-    name: string;
-    install(pm: PluginManager): void;
-    exports: {
-        LinearWiggleDisplayReactComponent: (props: {
-            model: import("./LinearWiggleDisplay/model").WiggleDisplayModel;
-        }) => import("react/jsx-runtime").JSX.Element;
-        XYPlotRendererReactComponent: (props: {
-            regions: import("@jbrowse/core/util").Region[];
-            features: Map<string, import("@jbrowse/core/util").Feature>;
-            bpPerPx: number;
-            width: number;
-            height: number;
-            blockKey: string;
-            onMouseLeave?: (event: React.MouseEvent) => void;
-            onMouseMove?: (event: React.MouseEvent, arg?: string) => void;
-            onFeatureClick?: (event: React.MouseEvent, arg?: string) => void;
-        }) => import("react/jsx-runtime").JSX.Element;
-        XYPlotRenderer: typeof XYPlotRenderer;
-        WiggleBaseRenderer: typeof WiggleBaseRenderer;
-        linearWiggleDisplayModelFactory: typeof linearWiggleDisplayModelFactory;
-        xyPlotRendererConfigSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            filled: {
-                type: string;
-                defaultValue: boolean;
-            };
-            displayCrossHatches: {
-                type: string;
-                description: string;
-                defaultValue: boolean;
-            };
-            summaryScoreMode: {
-                type: string;
-                model: import("mobx-state-tree").ISimpleType<string>;
-                description: string;
-                defaultValue: string;
-            };
-            minSize: {
-                type: string;
-                defaultValue: number;
-            };
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-            color: {
-                type: string;
-                description: string;
-                defaultValue: string;
-                contextVariable: string[];
-            };
-            posColor: {
-                type: string;
-                description: string;
-                defaultValue: string;
-                contextVariable: string[];
-            };
-            negColor: {
-                type: string;
-                description: string;
-                defaultValue: string;
-                contextVariable: string[];
-            };
-            clipColor: {
-                type: string;
-                description: string;
-                defaultValue: string;
-            };
-            bicolorPivot: {
-                type: string;
-                model: import("mobx-state-tree").ISimpleType<string>;
-                description: string;
-                defaultValue: string;
-            };
-            bicolorPivotValue: {
-                type: string;
-                defaultValue: number;
-                description: string;
-            };
-        }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>, undefined>>;
-        utils: typeof utils;
-    };
-}
-export * from './util';
-export { default as WiggleRendering } from './WiggleRendering';
-export { ReactComponent as LinearWiggleDisplayReactComponent, Tooltip, modelFactory as linearWiggleDisplayModelFactory, } from './LinearWiggleDisplay';
-export type { TooltipContentsComponent } from './Tooltip';
-export { default as WiggleBaseRenderer } from './WiggleBaseRenderer';