@jupyterlab/debugger 4.0.0-alpha.2 → 4.0.0-alpha.20

package/lib/panels/kernelSources/model.d.ts

@@ -0,0 +1,73 @@
+import { ISignal } from '@lumino/signaling';
+import { IDebugger } from '../../tokens';
+/**
+ * The model to keep track of the current source being displayed.
+ */
+export declare class KernelSourcesModel implements IDebugger.Model.IKernelSources {
+    constructor();
+    /**
+     * Get the filter.
+     */
+    get filter(): string;
+    /**
+     * Set the filter.
+     * The update
+     */
+    set filter(filter: string);
+    /**
+     * Whether the kernel sources model is disposed or not.
+     */
+    get isDisposed(): boolean;
+    /**
+     * Get the kernel sources.
+     */
+    get kernelSources(): IDebugger.KernelSource[] | null;
+    /**
+     * Set the kernel sources and emit a changed signal.
+     */
+    set kernelSources(kernelSources: IDebugger.KernelSource[] | null);
+    /**
+     * Signal emitted when the current source changes.
+     */
+    get changed(): ISignal<this, IDebugger.KernelSource[] | null>;
+    /**
+     * Signal emitted when the current source changes.
+     */
+    get filterChanged(): ISignal<this, string>;
+    /**
+     * Signal emitted when a kernel source should be open in the main area.
+     */
+    get kernelSourceOpened(): ISignal<this, IDebugger.Source | null>;
+    /**
+     * Dispose the kernel sources model
+     */
+    dispose(): void;
+    /**
+     * Open a source in the main area.
+     */
+    open(kernelSource: IDebugger.Source): void;
+    private getFilteredKernelSources;
+    private refresh;
+    private _filteredKernelSources;
+    private _filter;
+    private _isDisposed;
+    private _kernelSources;
+    private _refreshDebouncer;
+    private _changed;
+    private _filterChanged;
+    private _kernelSourceOpened;
+}
+/**
+ * A namespace for SourcesModel `statics`.
+ */
+export declare namespace KernelSourcesModel {
+    /**
+     * The options used to initialize a SourcesModel object.
+     */
+    interface IOptions {
+        /**
+         * Signal emitted when the current frame changes.
+         */
+        currentFrameChanged: ISignal<IDebugger.Model.ICallstack, IDebugger.IStackFrame | null>;
+    }
+}

package/lib/panels/kernelSources/model.js

@@ -0,0 +1,120 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+import { Signal } from '@lumino/signaling';
+import { Debouncer } from '@lumino/polling';
+/**
+ * The rate limit for the filter debouncer
+ */
+const DEBOUNCER_RATE_LIMIT_MS = 500;
+const compare = (a, b) => {
+    if (a.name < b.name) {
+        return -1;
+    }
+    if (a.name > b.name) {
+        return 1;
+    }
+    return 0;
+};
+/**
+ * The model to keep track of the current source being displayed.
+ */
+export class KernelSourcesModel {
+    constructor() {
+        this._filteredKernelSources = null;
+        this._filter = '';
+        this._isDisposed = false;
+        this._kernelSources = null;
+        this._changed = new Signal(this);
+        this._filterChanged = new Signal(this);
+        this._kernelSourceOpened = new Signal(this);
+        this.refresh = this.refresh.bind(this);
+        this._refreshDebouncer = new Debouncer(this.refresh, DEBOUNCER_RATE_LIMIT_MS);
+    }
+    /**
+     * Get the filter.
+     */
+    get filter() {
+        return this._filter;
+    }
+    /**
+     * Set the filter.
+     * The update
+     */
+    set filter(filter) {
+        this._filter = filter;
+        this._filterChanged.emit(filter);
+        void this._refreshDebouncer.invoke();
+    }
+    /**
+     * Whether the kernel sources model is disposed or not.
+     */
+    get isDisposed() {
+        return this._isDisposed;
+    }
+    /**
+     * Get the kernel sources.
+     */
+    get kernelSources() {
+        return this._kernelSources;
+    }
+    /**
+     * Set the kernel sources and emit a changed signal.
+     */
+    set kernelSources(kernelSources) {
+        this._kernelSources = kernelSources;
+        this.refresh();
+    }
+    /**
+     * Signal emitted when the current source changes.
+     */
+    get changed() {
+        return this._changed;
+    }
+    /**
+     * Signal emitted when the current source changes.
+     */
+    get filterChanged() {
+        return this._filterChanged;
+    }
+    /**
+     * Signal emitted when a kernel source should be open in the main area.
+     */
+    get kernelSourceOpened() {
+        return this._kernelSourceOpened;
+    }
+    /**
+     * Dispose the kernel sources model
+     */
+    dispose() {
+        if (this._isDisposed) {
+            return;
+        }
+        this._isDisposed = true;
+        this._refreshDebouncer.dispose();
+        Signal.clearData(this);
+    }
+    /**
+     * Open a source in the main area.
+     */
+    open(kernelSource) {
+        this._kernelSourceOpened.emit(kernelSource);
+    }
+    getFilteredKernelSources() {
+        const regexp = new RegExp(this._filter);
+        return this._kernelSources.filter(module => regexp.test(module.name));
+    }
+    refresh() {
+        if (this._kernelSources) {
+            this._filteredKernelSources = this._filter
+                ? this.getFilteredKernelSources()
+                : this._kernelSources;
+            this._filteredKernelSources.sort(compare);
+        }
+        else {
+            this._kernelSources = new Array();
+            this._filteredKernelSources = new Array();
+        }
+        this._changed.emit(this._filteredKernelSources);
+    }
+}
+//# sourceMappingURL=model.js.map

package/lib/panels/kernelSources/model.js.map

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

package/lib/panels/sources/body.js

@@ -79,12 +79,14 @@ export class SourcesBody extends Widget {
         }
         const { content, mimeType } = source;
         const editorMimeType = mimeType || this._mimeTypeService.getMimeTypeByFilePath(path !== null && path !== void 0 ? path : '');
-        this._editor.model.value.text = content;
+        this._editor.model.sharedModel.setSource(content);
         this._editor.model.mimeType = editorMimeType;
         this._editorHandler = new EditorHandler({
             debuggerService: this._debuggerService,
-            editor: this._editor.editor,
-            path
+            editorReady: () => Promise.resolve(this._editor.editor),
+            getEditor: () => this._editor.editor,
+            path,
+            src: this._editor.model.sharedModel
         });
         this._model.currentSource = {
             content,

package/lib/panels/sources/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/panels/sources/body.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,2DAA2D;AAQ3D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAItD;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,MAAM;IACrC;;;;OAIG;IACH,YAAY,OAA6B;QACvC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC;QACxC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,cAAc,CAAC,eAAe,CAAC;QAE/D,MAAM,OAAO,GAAG,IAAI,QAAQ,CAAC,qBAAqB,CAAC;YACjD,cAAc,EAAE,OAAO,CAAC,cAAc;SACvC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,eAAe,CAAC;YACrC,OAAO,EAAE,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,EAAE;SACT,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAEpB,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;YACzD,IAAI,CAAC,KAAK,EAAE;gBACV,IAAI,CAAC,YAAY,EAAE,CAAC;gBACpB,OAAO;aACR;YAED,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QACjC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QAErB,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC;IAC3C,CAAC;IAED;;OAEG;IACH,OAAO;;QACL,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO;SACR;QACD,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,EAAE,CAAC;QAC/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACvB,KAAK,CAAC,OAAO,EAAE,CAAC;IAClB,CAAC;IAED;;OAEG;IACK,YAAY;QAClB,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;IAED;;;;OAIG;IACK,KAAK,CAAC,WAAW,CAAC,KAA4B;;QACpD,MAAM,IAAI,GAAG,MAAA,KAAK,CAAC,MAAM,0CAAE,IAAI,CAAC;QAChC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC;YACnD,eAAe,EAAE,CAAC;YAClB,IAAI;SACL,CAAC,CAAC;QAEH,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA,EAAE;YACpB,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;SAC/B;QAED,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;QACrC,MAAM,cAAc,GAClB,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,CAAC;QAEtE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,OAAO,CAAC;QACxC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,cAAc,CAAC;QAE7C,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC;YACtC,eAAe,EAAE,IAAI,CAAC,gBAAgB;YACtC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;YAC3B,IAAI;SACL,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,aAAa,GAAG;YAC1B,OAAO;YACP,QAAQ,EAAE,cAAc;YACxB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE;SACjB,CAAC;QAEF,qBAAqB,CAAC,GAAG,EAAE;YACzB,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC;CAOF"}
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/panels/sources/body.ts"],"names":[],"mappings":"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"}

package/lib/panels/variables/grid.d.ts

@@ -3,6 +3,7 @@ import { CommandRegistry } from '@lumino/commands';
 import { Panel } from '@lumino/widgets';
 import { IDebugger } from '../../tokens';
 import { ITranslator } from '@jupyterlab/translation';
+import { Message } from '@lumino/messaging';
 /**
  * A data grid that displays variables in a debugger session.
  */
@@ -14,9 +15,13 @@ export declare class VariablesBodyGrid extends Panel {
      */
     constructor(options: VariablesBodyGrid.IOptions);
     /**
-     * Get the latest hit variable
+     * Wait until actually displaying the grid to trigger initialization.
      */
-    get latestSelection(): IDebugger.IVariableSelection | null;
+    protected onBeforeShow(msg: Message): void;
+    /**
+     * Load the grid panel implementation.
+     */
+    protected initialize(): Promise<void>;
     /**
      * Set the variable filter list.
      *
@@ -35,6 +40,7 @@ export declare class VariablesBodyGrid extends Panel {
     private _update;
     private _grid;
     private _model;
+    private _options;
 }
 /**
  * A namespace for `VariablesBodyGrid` statics.

package/lib/panels/variables/grid.js

@@ -1,10 +1,7 @@
 // Copyright (c) Jupyter Development Team.
 // Distributed under the terms of the Modified BSD License.
-import { BasicKeyHandler, BasicMouseHandler, BasicSelectionModel, DataGrid, DataModel, TextRenderer } from '@lumino/datagrid';
-import { Signal } from '@lumino/signaling';
 import { Panel } from '@lumino/widgets';
-import { Debugger } from '../../';
-import { nullTranslator } from '@jupyterlab/translation';
+import { PromiseDelegate } from '@lumino/coreutils';
 /**
  * A data grid that displays variables in a debugger session.
  */
@@ -16,22 +13,31 @@ export class VariablesBodyGrid extends Panel {
      */
     constructor(options) {
         super();
-        const { model, commands, themeManager, scopes, translator } = options;
-        this._grid = new Grid({ commands, themeManager, translator });
+        this._model = options.model;
+        this._options = options;
+        this.addClass('jp-DebuggerVariables-body');
+    }
+    /**
+     * Wait until actually displaying the grid to trigger initialization.
+     */
+    onBeforeShow(msg) {
+        if (!this._grid) {
+            void this.initialize();
+        }
+    }
+    /**
+     * Load the grid panel implementation.
+     */
+    async initialize() {
+        const { model, commands, themeManager, scopes, translator } = this._options;
+        const { Grid } = await Private.ensureGridPanel();
+        this._grid = new Grid({ commands, model, themeManager, translator });
         this._grid.addClass('jp-DebuggerVariables-grid');
-        this._model = model;
         this._model.changed.connect((model) => {
             this._update();
         }, this);
         this._grid.dataModel.setData(scopes !== null && scopes !== void 0 ? scopes : []);
         this.addWidget(this._grid);
-        this.addClass('jp-DebuggerVariables-body');
-    }
-    /**
-     * Get the latest hit variable
-     */
-    get latestSelection() {
-        return this._grid.latestSelection;
     }
     /**
      * Set the variable filter list.
@@ -60,362 +66,21 @@ export class VariablesBodyGrid extends Panel {
     }
 }
 /**
- * A class wrapping the underlying variables datagrid.
- */
-class Grid extends Panel {
-    /**
-     * Instantiate a new VariablesGrid.
-     *
-     * @param options The instantiation options for a VariablesGrid.
-     */
-    constructor(options) {
-        super();
-        this._latestSelection = null;
-        const { commands, themeManager } = options;
-        const dataModel = new GridModel(options.translator);
-        const grid = new DataGrid();
-        const mouseHandler = new Private.MouseHandler();
-        mouseHandler.doubleClicked.connect((_, hit) => commands.execute(Debugger.CommandIDs.inspectVariable, {
-            variableReference: dataModel.getVariableReference(hit.row),
-            name: dataModel.getVariableName(hit.row)
-        }));
-        mouseHandler.selected.connect((_, hit) => {
-            const { row } = hit;
-            this._latestSelection = {
-                name: dataModel.getVariableName(row),
-                value: dataModel.data('body', row, 1),
-                type: dataModel.data('body', row, 2),
-                variablesReference: dataModel.getVariableReference(row)
-            };
-        });
-        grid.dataModel = dataModel;
-        grid.keyHandler = new BasicKeyHandler();
-        grid.mouseHandler = mouseHandler;
-        grid.selectionModel = new BasicSelectionModel({
-            dataModel
-        });
-        grid.stretchLastColumn = true;
-        grid.node.style.height = '100%';
-        this._grid = grid;
-        // Compute the grid's styles based on the current theme.
-        if (themeManager) {
-            themeManager.themeChanged.connect(this._updateStyles, this);
-        }
-        this.addWidget(grid);
-    }
-    /**
-     * Set the variable filter list.
-     *
-     * @param filter The variable filter to apply.
-     */
-    set filter(filter) {
-        this._grid.dataModel.filter = filter;
-        this.update();
-    }
-    /**
-     * Set the scope for the variables data model.
-     *
-     * @param scope The scopes for the variables
-     */
-    set scope(scope) {
-        this._grid.dataModel.scope = scope;
-        this.update();
-    }
-    /**
-     * Get the data model for the data grid.
-     */
-    get dataModel() {
-        return this._grid.dataModel;
-    }
-    /**
-     * Get the latest hit variable
-     */
-    get latestSelection() {
-        return this._latestSelection;
-    }
-    /**
-     * Handle `after-attach` messages.
-     *
-     * @param message - The `after-attach` message.
-     */
-    onAfterAttach(message) {
-        super.onAfterAttach(message);
-        this._updateStyles();
-    }
-    /**
-     * Update the computed style for the data grid on theme change.
-     */
-    _updateStyles() {
-        const { style, textRenderer } = Private.computeStyle();
-        this._grid.cellRenderers.update({}, textRenderer);
-        this._grid.style = style;
-    }
-}
-/**
- * A data grid model for variables.
- */
-class GridModel extends DataModel {
-    /**
-     * Create gird model
-     * @param translator optional translator
-     */
-    constructor(translator) {
-        super();
-        this._filter = new Set();
-        this._scope = '';
-        this._data = {
-            name: [],
-            type: [],
-            value: [],
-            variablesReference: []
-        };
-        translator = translator || nullTranslator;
-        this._trans = translator.load('jupyterlab');
-    }
-    /**
-     * Set the variable filter list.
-     */
-    set filter(filter) {
-        this._filter = filter;
-    }
-    /**
-     * Get the current scope for the variables.
-     */
-    get scope() {
-        return this._scope;
-    }
-    /**
-     * Set the variable scope
-     */
-    set scope(scope) {
-        this._scope = scope;
-    }
-    /**
-     * Get the row count for a particular region in the data grid.
-     *
-     * @param region The datagrid region.
-     */
-    rowCount(region) {
-        return region === 'body' ? this._data.name.length : 1;
-    }
-    /**
-     * Get the column count for a particular region in the data grid.
-     *
-     * @param region The datagrid region.
-     */
-    columnCount(region) {
-        return region === 'body' ? 2 : 1;
-    }
-    /**
-     * Get the data count for a particular region, row and column in the data grid.
-     *
-     * @param region The datagrid region.
-     * @param row The datagrid row
-     * @param column The datagrid column
-     */
-    data(region, row, column) {
-        if (region === 'row-header') {
-            return this._data.name[row];
-        }
-        if (region === 'column-header') {
-            return column === 1 ? this._trans.__('Value') : this._trans.__('Type');
-        }
-        if (region === 'corner-header') {
-            return this._trans.__('Name');
-        }
-        return column === 1 ? this._data.value[row] : this._data.type[row];
-    }
-    /**
-     * Get the variable reference for a given row
-     *
-     * @param row The row in the datagrid.
-     */
-    getVariableReference(row) {
-        return this._data.variablesReference[row];
-    }
-    /**
-     * Get the variable name for a given row
-     *
-     * @param row The row in the datagrid.
-     */
-    getVariableName(row) {
-        return this._data.name[row];
-    }
-    /**
-     * Set the datagrid model data from the list of variables.
-     *
-     * @param scopes The list of variables.
-     */
-    setData(scopes) {
-        var _a, _b;
-        this._clearData();
-        this.emitChanged({
-            type: 'model-reset',
-            region: 'body'
-        });
-        const scope = (_a = scopes.find(scope => scope.name === this._scope)) !== null && _a !== void 0 ? _a : scopes[0];
-        const variables = (_b = scope === null || scope === void 0 ? void 0 : scope.variables) !== null && _b !== void 0 ? _b : [];
-        const filtered = variables.filter(variable => variable.name && !this._filter.has(variable.name));
-        filtered.forEach((variable, index) => {
-            var _a;
-            this._data.name[index] = variable.name;
-            this._data.type[index] = (_a = variable.type) !== null && _a !== void 0 ? _a : '';
-            this._data.value[index] = variable.value;
-            this._data.variablesReference[index] = variable.variablesReference;
-        });
-        this.emitChanged({
-            type: 'rows-inserted',
-            region: 'body',
-            index: 1,
-            span: filtered.length
-        });
-    }
-    /**
-     * Clear all the data in the datagrid.
-     */
-    _clearData() {
-        this._data = {
-            name: [],
-            type: [],
-            value: [],
-            variablesReference: []
-        };
-    }
-}
-/**
- * A namespace for private data.
+ * A private namespace for managing lazy loading of the underlying grid panel.
  */
 var Private;
 (function (Private) {
+    let gridPanelLoaded = null;
     /**
-     * Create a color palette element.
-     */
-    function createPalette() {
-        const div = document.createElement('div');
-        div.className = 'jp-DebuggerVariables-colorPalette';
-        div.innerHTML = `
-      <div class="jp-mod-void"></div>
-      <div class="jp-mod-background"></div>
-      <div class="jp-mod-header-background"></div>
-      <div class="jp-mod-grid-line"></div>
-      <div class="jp-mod-header-grid-line"></div>
-      <div class="jp-mod-selection"></div>
-      <div class="jp-mod-text"></div>
-    `;
-        return div;
-    }
-    /**
-     * Compute the style and renderer for a data grid.
-     */
-    function computeStyle() {
-        const palette = createPalette();
-        document.body.appendChild(palette);
-        let node;
-        node = palette.querySelector('.jp-mod-void');
-        const voidColor = getComputedStyle(node).color;
-        node = palette.querySelector('.jp-mod-background');
-        const backgroundColor = getComputedStyle(node).color;
-        node = palette.querySelector('.jp-mod-header-background');
-        const headerBackgroundColor = getComputedStyle(node).color;
-        node = palette.querySelector('.jp-mod-grid-line');
-        const gridLineColor = getComputedStyle(node).color;
-        node = palette.querySelector('.jp-mod-header-grid-line');
-        const headerGridLineColor = getComputedStyle(node).color;
-        node = palette.querySelector('.jp-mod-selection');
-        const selectionFillColor = getComputedStyle(node).color;
-        node = palette.querySelector('.jp-mod-text');
-        const textColor = getComputedStyle(node).color;
-        document.body.removeChild(palette);
-        return {
-            style: {
-                voidColor,
-                backgroundColor,
-                headerBackgroundColor,
-                gridLineColor,
-                headerGridLineColor,
-                rowBackgroundColor: (i) => i % 2 === 0 ? voidColor : backgroundColor,
-                selectionFillColor
-            },
-            textRenderer: new TextRenderer({
-                font: '12px sans-serif',
-                textColor,
-                backgroundColor: '',
-                verticalAlignment: 'center',
-                horizontalAlignment: 'left'
-            })
-        };
-    }
-    Private.computeStyle = computeStyle;
-    /**
-     * A custom click handler to handle clicks on the variables grid.
+     * Lazily load the datagrid module when the first grid is requested.
      */
-    class MouseHandler extends BasicMouseHandler {
-        constructor() {
-            super(...arguments);
-            this._doubleClicked = new Signal(this);
-            this._selected = new Signal(this);
-        }
-        /**
-         * A signal emitted when the variables grid is double clicked.
-         */
-        get doubleClicked() {
-            return this._doubleClicked;
-        }
-        /**
-         * A signal emitted when the variables grid received mouse down or context menu event.
-         */
-        get selected() {
-            return this._selected;
-        }
-        /**
-         * Dispose of the resources held by the mouse handler.
-         */
-        dispose() {
-            if (this.isDisposed) {
-                return;
-            }
-            Signal.disconnectSender(this);
-            super.dispose();
-        }
-        /**
-         * Handle a mouse double-click event.
-         *
-         * @param grid The datagrid clicked.
-         * @param event The mouse event.
-         */
-        onMouseDoubleClick(grid, event) {
-            const hit = grid.hitTest(event.clientX, event.clientY);
-            this._doubleClicked.emit(hit);
-        }
-        /**
-         * Handle the mouse down event for the data grid.
-         *
-         * @param grid - The data grid of interest.
-         *
-         * @param event - The mouse down event of interest.
-         */
-        onMouseDown(grid, event) {
-            // Unpack the event.
-            let { clientX, clientY } = event;
-            // Hit test the grid.
-            let hit = grid.hitTest(clientX, clientY);
-            this._selected.emit(hit);
-        }
-        /**
-         * Handle the context menu event for the data grid.
-         *
-         * @param grid - The data grid of interest.
-         *
-         * @param event - The context menu event of interest.
-         */
-        onContextMenu(grid, event) {
-            // Unpack the event.
-            let { clientX, clientY } = event;
-            // Hit test the grid.
-            let hit = grid.hitTest(clientX, clientY);
-            this._selected.emit(hit);
+    async function ensureGridPanel() {
+        if (gridPanelLoaded == null) {
+            gridPanelLoaded = new PromiseDelegate();
+            gridPanelLoaded.resolve(await import('./gridpanel'));
         }
+        return gridPanelLoaded.promise;
     }
-    Private.MouseHandler = MouseHandler;
+    Private.ensureGridPanel = ensureGridPanel;
 })(Private || (Private = {}));
 //# sourceMappingURL=grid.js.map