wavesurfer.js 7.0.0-beta.6 → 7.0.0-beta.8

package/dist/src/plugins/spectrogram-fft.js

@@ -1,150 +0,0 @@
-// @ts-nocheck
-/**
- * Calculate FFT - Based on https://github.com/corbanbrook/dsp.js
- *
- * @param {Number} bufferSize Buffer size
- * @param {Number} sampleRate Sample rate
- * @param {Function} windowFunc Window function
- * @param {Number} alpha Alpha channel
- */
-export default function FFT(bufferSize, sampleRate, windowFunc, alpha) {
-    this.bufferSize = bufferSize;
-    this.sampleRate = sampleRate;
-    this.bandwidth = (2 / bufferSize) * (sampleRate / 2);
-    this.sinTable = new Float32Array(bufferSize);
-    this.cosTable = new Float32Array(bufferSize);
-    this.windowValues = new Float32Array(bufferSize);
-    this.reverseTable = new Uint32Array(bufferSize);
-    this.peakBand = 0;
-    this.peak = 0;
-    var i;
-    switch (windowFunc) {
-        case 'bartlett':
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] = (2 / (bufferSize - 1)) * ((bufferSize - 1) / 2 - Math.abs(i - (bufferSize - 1) / 2));
-            }
-            break;
-        case 'bartlettHann':
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] =
-                    0.62 - 0.48 * Math.abs(i / (bufferSize - 1) - 0.5) - 0.38 * Math.cos((Math.PI * 2 * i) / (bufferSize - 1));
-            }
-            break;
-        case 'blackman':
-            alpha = alpha || 0.16;
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] =
-                    (1 - alpha) / 2 -
-                        0.5 * Math.cos((Math.PI * 2 * i) / (bufferSize - 1)) +
-                        (alpha / 2) * Math.cos((4 * Math.PI * i) / (bufferSize - 1));
-            }
-            break;
-        case 'cosine':
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] = Math.cos((Math.PI * i) / (bufferSize - 1) - Math.PI / 2);
-            }
-            break;
-        case 'gauss':
-            alpha = alpha || 0.25;
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] = Math.pow(Math.E, -0.5 * Math.pow((i - (bufferSize - 1) / 2) / ((alpha * (bufferSize - 1)) / 2), 2));
-            }
-            break;
-        case 'hamming':
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] = 0.54 - 0.46 * Math.cos((Math.PI * 2 * i) / (bufferSize - 1));
-            }
-            break;
-        case 'hann':
-        case undefined:
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] = 0.5 * (1 - Math.cos((Math.PI * 2 * i) / (bufferSize - 1)));
-            }
-            break;
-        case 'lanczoz':
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] =
-                    Math.sin(Math.PI * ((2 * i) / (bufferSize - 1) - 1)) / (Math.PI * ((2 * i) / (bufferSize - 1) - 1));
-            }
-            break;
-        case 'rectangular':
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] = 1;
-            }
-            break;
-        case 'triangular':
-            for (i = 0; i < bufferSize; i++) {
-                this.windowValues[i] = (2 / bufferSize) * (bufferSize / 2 - Math.abs(i - (bufferSize - 1) / 2));
-            }
-            break;
-        default:
-            throw Error("No such window function '" + windowFunc + "'");
-    }
-    var limit = 1;
-    var bit = bufferSize >> 1;
-    var i;
-    while (limit < bufferSize) {
-        for (i = 0; i < limit; i++) {
-            this.reverseTable[i + limit] = this.reverseTable[i] + bit;
-        }
-        limit = limit << 1;
-        bit = bit >> 1;
-    }
-    for (i = 0; i < bufferSize; i++) {
-        this.sinTable[i] = Math.sin(-Math.PI / i);
-        this.cosTable[i] = Math.cos(-Math.PI / i);
-    }
-    this.calculateSpectrum = function (buffer) {
-        // Locally scope variables for speed up
-        var bufferSize = this.bufferSize, cosTable = this.cosTable, sinTable = this.sinTable, reverseTable = this.reverseTable, real = new Float32Array(bufferSize), imag = new Float32Array(bufferSize), bSi = 2 / this.bufferSize, sqrt = Math.sqrt, rval, ival, mag, spectrum = new Float32Array(bufferSize / 2);
-        var k = Math.floor(Math.log(bufferSize) / Math.LN2);
-        if (Math.pow(2, k) !== bufferSize) {
-            throw 'Invalid buffer size, must be a power of 2.';
-        }
-        if (bufferSize !== buffer.length) {
-            throw ('Supplied buffer is not the same size as defined FFT. FFT Size: ' +
-                bufferSize +
-                ' Buffer Size: ' +
-                buffer.length);
-        }
-        var halfSize = 1, phaseShiftStepReal, phaseShiftStepImag, currentPhaseShiftReal, currentPhaseShiftImag, off, tr, ti, tmpReal;
-        for (var i = 0; i < bufferSize; i++) {
-            real[i] = buffer[reverseTable[i]] * this.windowValues[reverseTable[i]];
-            imag[i] = 0;
-        }
-        while (halfSize < bufferSize) {
-            phaseShiftStepReal = cosTable[halfSize];
-            phaseShiftStepImag = sinTable[halfSize];
-            currentPhaseShiftReal = 1;
-            currentPhaseShiftImag = 0;
-            for (var fftStep = 0; fftStep < halfSize; fftStep++) {
-                var i = fftStep;
-                while (i < bufferSize) {
-                    off = i + halfSize;
-                    tr = currentPhaseShiftReal * real[off] - currentPhaseShiftImag * imag[off];
-                    ti = currentPhaseShiftReal * imag[off] + currentPhaseShiftImag * real[off];
-                    real[off] = real[i] - tr;
-                    imag[off] = imag[i] - ti;
-                    real[i] += tr;
-                    imag[i] += ti;
-                    i += halfSize << 1;
-                }
-                tmpReal = currentPhaseShiftReal;
-                currentPhaseShiftReal = tmpReal * phaseShiftStepReal - currentPhaseShiftImag * phaseShiftStepImag;
-                currentPhaseShiftImag = tmpReal * phaseShiftStepImag + currentPhaseShiftImag * phaseShiftStepReal;
-            }
-            halfSize = halfSize << 1;
-        }
-        for (var i = 0, N = bufferSize / 2; i < N; i++) {
-            rval = real[i];
-            ival = imag[i];
-            mag = bSi * sqrt(rval * rval + ival * ival);
-            if (mag > this.peak) {
-                this.peakBand = i;
-                this.peak = mag;
-            }
-            spectrum[i] = mag;
-        }
-        return spectrum;
-    };
-}

package/dist/src/plugins/spectrogram.d.ts

@@ -1,69 +0,0 @@
-/**
- * Spectrogram plugin
- *
- * Render a spectrogram visualisation of the audio.
- *
- * @author Pavel Denisov (https://github.com/akreal)
- * @see https://github.com/wavesurfer-js/wavesurfer.js/pull/337
- *
- * @example
- * // ... initialising wavesurfer with the plugin
- * var wavesurfer = WaveSurfer.create({
- *   // wavesurfer options ...
- *   plugins: [
- *     SpectrogramPlugin.create({
- *       // plugin options ...
- *     })
- *   ]
- * });
- */
-import BasePlugin from '../base-plugin.js';
-export type SpectrogramPluginOptions = {
-    /** Selector of element or element in which to render */
-    container: string | HTMLElement;
-    /** Number of samples to fetch to FFT. Must be a power of 2. */
-    fftSamples?: number;
-    /** Height of the spectrogram view in CSS pixels */
-    height?: number;
-    /** Set to true to display frequency labels. */
-    labels?: boolean;
-    /** Size of the overlapping window. Must be < fftSamples. Auto deduced from canvas size by default. */
-    noverlap?: number;
-    /** The window function to be used. */
-    windowFunc?: 'bartlett' | 'bartlettHann' | 'blackman' | 'cosine' | 'gauss' | 'hamming' | 'hann' | 'lanczoz' | 'rectangular' | 'triangular';
-    /** Some window functions have this extra value. (Between 0 and 1) */
-    alpha?: number;
-    /** Min frequency to scale spectrogram. */
-    frequencyMin?: number;
-    /** Max frequency to scale spectrogram. Set this to samplerate/2 to draw whole range of spectrogram. */
-    frequencyMax?: number;
-    /**
-     * A 256 long array of 4-element arrays. Each entry should contain a float between 0 and 1 and specify r, g, b, and alpha.
-     * Each entry should contain a float between 0 and 1 and specify r, g, b, and alpha.
-     */
-    colorMap?: number[][];
-};
-export type SpectrogramPluginEvents = {
-    ready: [];
-    click: [relativeX: number];
-};
-export default class SpectrogramPlugin extends BasePlugin<SpectrogramPluginEvents, SpectrogramPluginOptions> {
-    static create(options?: SpectrogramPluginOptions): SpectrogramPlugin;
-    utils: {
-        style: (el: HTMLElement, styles: Record<string, string>) => CSSStyleDeclaration & Record<string, string>;
-    };
-    constructor(options: SpectrogramPluginOptions);
-    onInit(): void;
-    destroy(): void;
-    createWrapper(): void;
-    _wrapperClickHandler(event: any): void;
-    createCanvas(): void;
-    render(): void;
-    drawSpectrogram: (frequenciesData: any) => void;
-    getFrequencies(callback: any): void;
-    loadFrequenciesData(url: any): Promise<void>;
-    freqType(freq: any): string | number;
-    unitType(freq: any): "KHz" | "Hz";
-    loadLabels(bgFill: any, fontSizeFreq: any, fontSizeUnit: any, fontType: any, textColorFreq: any, textColorUnit: any, textAlign: any, container: any): void;
-    resample(oldMatrix: any): Uint8Array[];
-}

package/dist/src/plugins/spectrogram.js

@@ -1,340 +0,0 @@
-/**
- * Spectrogram plugin
- *
- * Render a spectrogram visualisation of the audio.
- *
- * @author Pavel Denisov (https://github.com/akreal)
- * @see https://github.com/wavesurfer-js/wavesurfer.js/pull/337
- *
- * @example
- * // ... initialising wavesurfer with the plugin
- * var wavesurfer = WaveSurfer.create({
- *   // wavesurfer options ...
- *   plugins: [
- *     SpectrogramPlugin.create({
- *       // plugin options ...
- *     })
- *   ]
- * });
- */
-// @ts-nocheck
-import BasePlugin from '../base-plugin.js';
-import FFT from './spectrogram-fft.js';
-export default class SpectrogramPlugin extends BasePlugin {
-    static create(options) {
-        return new SpectrogramPlugin(options || {});
-    }
-    utils = {
-        style: (el, styles) => Object.assign(el.style, styles),
-    };
-    constructor(options) {
-        super(options);
-        this.frequenciesDataUrl = options.frequenciesDataUrl;
-        this.container =
-            'string' == typeof options.container ? document.querySelector(options.container) : options.container;
-        if (options.colorMap) {
-            if (options.colorMap.length < 256) {
-                throw new Error('Colormap must contain 256 elements');
-            }
-            for (let i = 0; i < options.colorMap.length; i++) {
-                const cmEntry = options.colorMap[i];
-                if (cmEntry.length !== 4) {
-                    throw new Error('ColorMap entries must contain 4 values');
-                }
-            }
-            this.colorMap = options.colorMap;
-        }
-        else {
-            this.colorMap = [];
-            for (let i = 0; i < 256; i++) {
-                const val = (255 - i) / 256;
-                this.colorMap.push([val, val, val, 1]);
-            }
-        }
-        this.fftSamples = options.fftSamples || 512;
-        this.height = options.height || this.fftSamples / 2;
-        this.noverlap = options.noverlap;
-        this.windowFunc = options.windowFunc;
-        this.alpha = options.alpha;
-        this.channels = 1;
-        // Getting file's original samplerate is difficult(#1248).
-        // So set 12kHz default to render like wavesurfer.js 5.x.
-        this.frequencyMin = options.frequencyMin || 0;
-        this.frequencyMax = options.frequencyMax || 0;
-        this.createWrapper();
-        this.createCanvas();
-    }
-    onInit() {
-        this.container = this.container || this.wavesurfer.getWrapper();
-        this.container.appendChild(this.wrapper);
-        if (this.wavesurfer.options.fillParent) {
-            this.utils.style(this.wrapper, {
-                width: '100%',
-                overflowX: 'hidden',
-                overflowY: 'hidden',
-            });
-        }
-        this.width = this.wavesurfer.getWrapper().offsetWidth;
-        this.subscriptions.push(this.wavesurfer.on('redraw', () => this.render()));
-    }
-    destroy() {
-        this.unAll();
-        this.wavesurfer.un('ready', this._onReady);
-        this.wavesurfer.un('redraw', this._onRender);
-        this.wavesurfer = null;
-        this.util = null;
-        this.options = null;
-        if (this.wrapper) {
-            this.wrapper.remove();
-            this.wrapper = null;
-        }
-    }
-    createWrapper() {
-        this.wrapper = document.createElement('div');
-        this.utils.style(this.wrapper, {
-            display: 'block',
-            position: 'relative',
-            userSelect: 'none',
-            webkitUserSelect: 'none',
-            height: `${this.height * this.channels}px`,
-        });
-        // if labels are active
-        if (this.options.labels) {
-            const labelsEl = document.createElement('canvas');
-            labelsEl.classList.add('spec-labels');
-            this.utils.style(labelsEl, {
-                position: 'absolute',
-                zIndex: 9,
-                width: '55px',
-                height: '100%',
-            });
-            this.wrapper.appendChild(labelsEl);
-            this.labelsEl = labelsEl;
-        }
-        this.wrapper.addEventListener('click', this._onWrapperClick);
-    }
-    _wrapperClickHandler(event) {
-        event.preventDefault();
-        const relX = 'offsetX' in event ? event.offsetX : event.layerX;
-        this.emit('click', relX / this.width || 0);
-    }
-    createCanvas() {
-        const canvas = document.createElement('canvas');
-        this.wrapper.appendChild(canvas);
-        this.spectrCc = canvas.getContext('2d');
-        this.utils.style(canvas, {
-            position: 'absolute',
-            left: 0,
-            top: 0,
-            width: '100%',
-            height: '100%',
-            zIndex: 4,
-        });
-        this.canvas = canvas;
-    }
-    render() {
-        this.canvas.width = this.width;
-        this.canvas.height = this.height;
-        if (this.frequenciesDataUrl) {
-            this.loadFrequenciesData(this.frequenciesDataUrl);
-        }
-        else {
-            this.getFrequencies(this.drawSpectrogram);
-        }
-        this.loadLabels('rgba(68,68,68,0.5)', '12px', '10px', '', '#fff', '#f7f7f7', 'center', '#specLabels');
-    }
-    drawSpectrogram = (frequenciesData) => {
-        if (!isNaN(frequenciesData[0][0])) {
-            // data is 1ch [sample, freq] format
-            // to [channel, sample, freq] format
-            frequenciesData = [frequenciesData];
-        }
-        const spectrCc = this.spectrCc;
-        const height = this.height;
-        const width = this.width;
-        const freqFrom = this.buffer.sampleRate / 2;
-        const freqMin = this.frequencyMin;
-        const freqMax = this.frequencyMax;
-        if (!spectrCc) {
-            return;
-        }
-        for (let c = 0; c < frequenciesData.length; c++) {
-            // for each channel
-            const pixels = this.resample(frequenciesData[c]);
-            const imageData = new ImageData(width, height);
-            for (let i = 0; i < pixels.length; i++) {
-                for (let j = 0; j < pixels[i].length; j++) {
-                    const colorMap = this.colorMap[pixels[i][j]];
-                    const redIndex = ((height - j) * width + i) * 4;
-                    imageData.data[redIndex] = colorMap[0] * 255;
-                    imageData.data[redIndex + 1] = colorMap[1] * 255;
-                    imageData.data[redIndex + 2] = colorMap[2] * 255;
-                    imageData.data[redIndex + 3] = colorMap[3] * 255;
-                }
-            }
-            // scale and stack spectrograms
-            createImageBitmap(imageData).then((renderer) => {
-                spectrCc.drawImage(renderer, 0, height * (1 - freqMax / freqFrom), // source x, y
-                width, (height * (freqMax - freqMin)) / freqFrom, // source width, height
-                0, height * c, // destination x, y
-                width, height);
-            });
-        }
-        this.emit('ready');
-    };
-    getFrequencies(callback) {
-        const fftSamples = this.fftSamples;
-        const buffer = this.wavesurfer.getDecodedData();
-        const channels = this.channels;
-        this.frequencyMax = this.frequencyMax || buffer.sampleRate / 2;
-        if (!buffer)
-            return;
-        this.buffer = buffer;
-        // This may differ from file samplerate. Browser resamples audio.
-        const sampleRate = buffer.sampleRate;
-        const frequencies = [];
-        let noverlap = this.noverlap;
-        if (!noverlap) {
-            const uniqueSamplesPerPx = buffer.length / this.canvas.width;
-            noverlap = Math.max(0, Math.round(fftSamples - uniqueSamplesPerPx));
-        }
-        const fft = new FFT(fftSamples, sampleRate, this.windowFunc, this.alpha);
-        for (let c = 0; c < channels; c++) {
-            // for each channel
-            const channelData = buffer.getChannelData(c);
-            const channelFreq = [];
-            let currentOffset = 0;
-            while (currentOffset + fftSamples < channelData.length) {
-                const segment = channelData.slice(currentOffset, currentOffset + fftSamples);
-                const spectrum = fft.calculateSpectrum(segment);
-                const array = new Uint8Array(fftSamples / 2);
-                let j;
-                for (j = 0; j < fftSamples / 2; j++) {
-                    array[j] = Math.max(-255, Math.log10(spectrum[j]) * 45);
-                }
-                channelFreq.push(array);
-                // channelFreq: [sample, freq]
-                currentOffset += fftSamples - noverlap;
-            }
-            frequencies.push(channelFreq);
-            // frequencies: [channel, sample, freq]
-        }
-        callback(frequencies, this);
-    }
-    loadFrequenciesData(url) {
-        return fetch(url)
-            .then((response) => response.json())
-            .then(this.drawSpectrogram);
-    }
-    freqType(freq) {
-        return freq >= 1000 ? (freq / 1000).toFixed(1) : Math.round(freq);
-    }
-    unitType(freq) {
-        return freq >= 1000 ? 'KHz' : 'Hz';
-    }
-    loadLabels(bgFill, fontSizeFreq, fontSizeUnit, fontType, textColorFreq, textColorUnit, textAlign, container) {
-        const frequenciesHeight = this.height;
-        bgFill = bgFill || 'rgba(68,68,68,0)';
-        fontSizeFreq = fontSizeFreq || '12px';
-        fontSizeUnit = fontSizeUnit || '10px';
-        fontType = fontType || 'Helvetica';
-        textColorFreq = textColorFreq || '#fff';
-        textColorUnit = textColorUnit || '#fff';
-        textAlign = textAlign || 'center';
-        container = container || '#specLabels';
-        const bgWidth = 55;
-        const getMaxY = frequenciesHeight || 512;
-        const labelIndex = 5 * (getMaxY / 256);
-        const freqStart = this.frequencyMin;
-        const step = (this.frequencyMax - freqStart) / labelIndex;
-        // prepare canvas element for labels
-        const ctx = this.labelsEl.getContext('2d');
-        const dispScale = window.devicePixelRatio;
-        this.labelsEl.height = this.height * this.channels * dispScale;
-        this.labelsEl.width = bgWidth * dispScale;
-        ctx.scale(dispScale, dispScale);
-        if (!ctx) {
-            return;
-        }
-        for (let c = 0; c < this.channels; c++) {
-            // for each channel
-            // fill background
-            ctx.fillStyle = bgFill;
-            ctx.fillRect(0, c * getMaxY, bgWidth, (1 + c) * getMaxY);
-            ctx.fill();
-            let i;
-            // render labels
-            for (i = 0; i <= labelIndex; i++) {
-                ctx.textAlign = textAlign;
-                ctx.textBaseline = 'middle';
-                const freq = freqStart + step * i;
-                const label = this.freqType(freq);
-                const units = this.unitType(freq);
-                const yLabelOffset = 2;
-                const x = 16;
-                let y;
-                if (i == 0) {
-                    y = (1 + c) * getMaxY + i - 10;
-                    // unit label
-                    ctx.fillStyle = textColorUnit;
-                    ctx.font = fontSizeUnit + ' ' + fontType;
-                    ctx.fillText(units, x + 24, y);
-                    // freq label
-                    ctx.fillStyle = textColorFreq;
-                    ctx.font = fontSizeFreq + ' ' + fontType;
-                    ctx.fillText(label, x, y);
-                }
-                else {
-                    y = (1 + c) * getMaxY - i * 50 + yLabelOffset;
-                    // unit label
-                    ctx.fillStyle = textColorUnit;
-                    ctx.font = fontSizeUnit + ' ' + fontType;
-                    ctx.fillText(units, x + 24, y);
-                    // freq label
-                    ctx.fillStyle = textColorFreq;
-                    ctx.font = fontSizeFreq + ' ' + fontType;
-                    ctx.fillText(label, x, y);
-                }
-            }
-        }
-    }
-    resample(oldMatrix) {
-        const columnsNumber = this.width;
-        const newMatrix = [];
-        const oldPiece = 1 / oldMatrix.length;
-        const newPiece = 1 / columnsNumber;
-        let i;
-        for (i = 0; i < columnsNumber; i++) {
-            const column = new Array(oldMatrix[0].length);
-            let j;
-            for (j = 0; j < oldMatrix.length; j++) {
-                const oldStart = j * oldPiece;
-                const oldEnd = oldStart + oldPiece;
-                const newStart = i * newPiece;
-                const newEnd = newStart + newPiece;
-                const overlap = oldEnd <= newStart || newEnd <= oldStart
-                    ? 0
-                    : Math.min(Math.max(oldEnd, newStart), Math.max(newEnd, oldStart)) -
-                        Math.max(Math.min(oldEnd, newStart), Math.min(newEnd, oldStart));
-                let k;
-                /* eslint-disable max-depth */
-                if (overlap > 0) {
-                    for (k = 0; k < oldMatrix[0].length; k++) {
-                        if (column[k] == null) {
-                            column[k] = 0;
-                        }
-                        column[k] += (overlap / newPiece) * oldMatrix[j][k];
-                    }
-                }
-                /* eslint-enable max-depth */
-            }
-            const intColumn = new Uint8Array(oldMatrix[0].length);
-            let m;
-            for (m = 0; m < oldMatrix[0].length; m++) {
-                intColumn[m] = column[m];
-            }
-            newMatrix.push(intColumn);
-        }
-        return newMatrix;
-    }
-}

package/dist/src/plugins/timeline.d.ts

@@ -1,45 +0,0 @@
-/**
- * The Timeline plugin adds timestamps and notches under the waveform.
- */
-import BasePlugin from '../base-plugin.js';
-export type TimelinePluginOptions = {
-    /** The height of the timeline in pixels, defaults to 20 */
-    height?: number;
-    /** HTML container for the timeline, defaults to wavesufer's container */
-    container?: HTMLElement;
-    /** Pass 'beforebegin' to insert the timeline on top of the waveform */
-    insertPosition?: InsertPosition;
-    /** The duration of the timeline in seconds, defaults to wavesurfer's duration */
-    duration?: number;
-    /** Interval between ticks in seconds */
-    timeInterval?: number;
-    /** Interval between numeric labels */
-    primaryLabelInterval?: number;
-    /** Interval between secondary numeric labels */
-    secondaryLabelInterval?: number;
-    /** Custom inline style to apply to the container */
-    style?: Partial<CSSStyleDeclaration> | string;
-};
-declare const defaultOptions: {
-    height: number;
-};
-export type TimelinePluginEvents = {
-    ready: [];
-};
-declare class TimelinePlugin extends BasePlugin<TimelinePluginEvents, TimelinePluginOptions> {
-    private timelineWrapper;
-    protected options: TimelinePluginOptions & typeof defaultOptions;
-    constructor(options?: TimelinePluginOptions);
-    static create(options?: TimelinePluginOptions): TimelinePlugin;
-    /** Called by wavesurfer, don't call manually */
-    onInit(): void;
-    /** Unmount */
-    destroy(): void;
-    private initTimelineWrapper;
-    private formatTime;
-    private defaultTimeInterval;
-    private defaultPrimaryLabelInterval;
-    private defaultSecondaryLabelInterval;
-    private initTimeline;
-}
-export default TimelinePlugin;