@holoviz/panel 0.12.4 → 0.12.5

package/dist/panel.js

@@ -56,11 +56,11 @@
     __esExport("AcePlot", ace_1.AcePlot);
     var audio_1 = require("339f84d639") /* ./audio */;
     __esExport("Audio", audio_1.Audio);
-    var card_1 = require("c816112d20") /* ./card */;
+    var card_1 = require("b75e913327") /* ./card */;
     __esExport("Card", card_1.Card);
     var comm_manager_1 = require("e552778259") /* ./comm_manager */;
     __esExport("CommManager", comm_manager_1.CommManager);
-    var tabulator_1 = require("99e23dce53") /* ./tabulator */;
+    var tabulator_1 = require("50549c6ddc") /* ./tabulator */;
     __esExport("DataTabulator", tabulator_1.DataTabulator);
     var datetime_picker_1 = require("6e11b2cfe2") /* ./datetime_picker */;
     __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
@@ -88,7 +88,7 @@
     __esExport("Perspective", perspective_1.Perspective);
     var player_1 = require("2e8044c920") /* ./player */;
     __esExport("Player", player_1.Player);
-    var plotly_1 = require("50ac0b0178") /* ./plotly */;
+    var plotly_1 = require("cb7735fd77") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
     var progress_1 = require("9f787650b9") /* ./progress */;
     __esExport("Progress", progress_1.Progress);
@@ -100,13 +100,13 @@
     __esExport("SpeechToText", speech_to_text_1.SpeechToText);
     var state_1 = require("bfa46a5f19") /* ./state */;
     __esExport("State", state_1.State);
-    var terminal_1 = require("91fe88c277") /* ./terminal */;
+    var terminal_1 = require("edf66f5228") /* ./terminal */;
     __esExport("Terminal", terminal_1.Terminal);
     var text_to_speech_1 = require("33cd2c254e") /* ./text_to_speech */;
     __esExport("TextToSpeech", text_to_speech_1.TextToSpeech);
     var trend_1 = require("effe070807") /* ./trend */;
     __esExport("TrendIndicator", trend_1.TrendIndicator);
-    var vega_1 = require("4feb5fa522") /* ./vega */;
+    var vega_1 = require("345d5ea993") /* ./vega */;
     __esExport("VegaPlot", vega_1.VegaPlot);
     var video_1 = require("ffe54b53c3") /* ./video */;
     __esExport("Video", video_1.Video);
@@ -467,7 +467,7 @@
     Audio.__module__ = "panel.models.widgets";
     Audio.init_Audio();
 },
-"c816112d20": /* models/card.js */ function _(require, module, exports, __esModule, __esExport) {
+"b75e913327": /* models/card.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     const column_1 = require("@bokehjs/models/layouts/column");
@@ -497,8 +497,14 @@
                 const obbox = header.layout.bbox;
                 const ibbox = header.layout.inner_bbox;
                 if (obbox.x1 != 0) {
-                    const icon_style = getComputedStyle(this.button_el.children[0]);
-                    const offset = parseFloat(icon_style.width) + parseFloat(icon_style.marginLeft);
+                    let offset;
+                    if (this.model.collapsible) {
+                        const icon_style = getComputedStyle(this.button_el.children[0]);
+                        offset = (parseFloat(icon_style.width) + parseFloat(icon_style.marginLeft)) || 0;
+                    }
+                    else {
+                        offset = 0;
+                    }
                     const outer = new bbox_1.BBox({ x0: obbox.x0, x1: obbox.x1 - offset, y0: obbox.y0, y1: obbox.y1 });
                     const inner = new bbox_1.BBox({ x0: ibbox.x0, x1: ibbox.x1 - offset, y0: ibbox.y0, y1: ibbox.y1 });
                     header.layout.set_geometry(outer, inner);
@@ -693,7 +699,7 @@
     CommManager.__module__ = "panel.models.comm_manager";
     CommManager.init_CommManager();
 },
-"99e23dce53": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
+"50549c6ddc": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const types_1 = require("@bokehjs/core/util/types");
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
@@ -701,7 +707,8 @@
     const kinds_1 = require("@bokehjs/core/kinds");
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
     const tables_1 = require("@bokehjs/models/widgets/tables");
-    const data_1 = require("f1971f81bf") /* ./data */;
+    const debounce_1 = require("99a25e6992") /* debounce */;
+    const data_1 = require("7f7d9e0c6b") /* ./data */;
     const layout_1 = require("4c755983eb") /* ./layout */;
     function find_group(key, value, records) {
         for (const record of records) {
@@ -917,14 +924,17 @@
         }
         getConfiguration() {
             const pagination = this.model.pagination == 'remote' ? 'local' : (this.model.pagination || false);
-            let selectable = !(typeof this.model.select_mode === 'boolean');
+            // Only use selectable mode if explicitly requested otherwise manually handle selections
+            let selectable = this.model.select_mode === 'toggle' ? true : NaN;
             const that = this;
             let configuration = Object.assign(Object.assign({}, this.model.configuration), { index: "_index", nestedFieldSeparator: false, selectable: selectable, tableBuilding: function () { that.tableInit(that, this); }, renderComplete: () => this.renderComplete(), rowSelectionChanged: (data, rows) => this.rowSelectionChanged(data, rows), rowClick: (e, row) => this.rowClicked(e, row), cellEdited: (cell) => this.cellEdited(cell), columns: this.getColumns(), layout: this.getLayout(), pagination: pagination, paginationSize: this.model.page_size, paginationInitialPage: 1, selectableCheck: (row) => {
                     const selectable = this.model.selectable_rows;
                     return (selectable == null) || (selectable.indexOf(row._row.data._index) >= 0);
                 }, tooltips: (cell) => {
                     return cell.getColumn().getField() + ": " + cell.getValue();
-                } });
+                }, scrollVertical: (0, debounce_1.debounce)(() => {
+                    this.updateStyles();
+                }, 50, false) });
             if (pagination) {
                 configuration['ajaxURL'] = "http://panel.pyviz.org";
                 configuration['ajaxSorting'] = true;
@@ -951,8 +961,14 @@
                             group_columns.push(Object.assign({}, col));
                         columns.push(Object.assign(Object.assign({}, column), { columns: group_columns }));
                     }
-                    else
+                    else {
+                        if (column.formatter === "rowSelection") {
+                            column.cellClick = (_, cell) => {
+                                cell.getRow().toggleSelect();
+                            };
+                        }
                         columns.push(Object.assign({}, column));
+                    }
             }
             for (const column of this.model.columns) {
                 let tab_column = null;
@@ -1164,13 +1180,10 @@
         addData() {
             const rows = this.tabulator.rowManager.getRows();
             const last_row = rows[rows.length - 1];
-            let data = (0, data_1.transform_cds_to_records)(this.model.source, true);
-            this.tabulator.setData(data);
-            if (this.model.follow) {
-                this.tabulator.scrollToRow((last_row.data._index || 0), "top", false);
-            }
-            this.freezeRows();
-            this.updateSelection();
+            const start = ((last_row === null || last_row === void 0 ? void 0 : last_row.data._index) || 0);
+            this.setData();
+            if (this.model.follow && last_row)
+                this.tabulator.scrollToRow(start, "top", false);
         }
         updateOrAddData() {
             // To avoid double updating the tabulator data
@@ -1191,7 +1204,8 @@
         }
         setMaxPage() {
             this.tabulator.setMaxPage(this.model.max_page);
-            this.tabulator.modules.page._setPageButtons();
+            if (this.tabulator.modules.page.pagesElement)
+                this.tabulator.modules.page._setPageButtons();
         }
         setPage() {
             this.tabulator.setPage(Math.min(this.model.max_page, this.model.page));
@@ -1215,7 +1229,7 @@
         }
         // Update model
         rowClicked(e, row) {
-            if (this._selection_updating || this._initializing || this.model.select_mode !== true)
+            if (this._selection_updating || this._initializing || (typeof this.model.select_mode) === 'string' || this.model.select_mode === false)
                 return;
             let indices = [];
             const selected = this.model.source.selected;
@@ -1238,6 +1252,12 @@
                 indices.push(index);
             else
                 indices.splice(indices.indexOf(index), 1);
+            // Remove the first selected indices when selectable is an int.
+            if (typeof this.model.select_mode === 'number') {
+                while (indices.length > this.model.select_mode) {
+                    indices.shift();
+                }
+            }
             const filtered = this._filter_selected(indices);
             this.tabulator.deselectRow();
             this.tabulator.selectRow(filtered);
@@ -1255,7 +1275,7 @@
             return filtered;
         }
         rowSelectionChanged(data, _) {
-            if (this._selection_updating || this._initializing || (typeof this.model.select_mode) === 'boolean')
+            if (this._selection_updating || this._initializing || (typeof this.model.select_mode) === 'boolean' || (typeof this.model.select_mode) === 'number' || this.model.configuration.dataTree)
                 return;
             const indices = data.map((row) => row._index);
             const filtered = this._filter_selected(indices);
@@ -1314,16 +1334,82 @@
     DataTabulator.__module__ = "panel.models.tabulator";
     DataTabulator.init_DataTabulator();
 },
-"f1971f81bf": /* models/data.js */ function _(require, module, exports, __esModule, __esExport) {
+"99a25e6992": /* debounce/index.js */ function _(require, module, exports, __esModule, __esExport) {
+    /**
+     * Returns a function, that, as long as it continues to be invoked, will not
+     * be triggered. The function will be called after it stops being called for
+     * N milliseconds. If `immediate` is passed, trigger the function on the
+     * leading edge, instead of the trailing. The function also has a property 'clear'
+     * that is a function which will clear the timer to prevent previously scheduled executions.
+     *
+     * @source underscore.js
+     * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
+     * @param {Function} function to wrap
+     * @param {Number} timeout in ms (`100`)
+     * @param {Boolean} whether to execute at the beginning (`false`)
+     * @api public
+     */
+    function debounce(func, wait, immediate) {
+        var timeout, args, context, timestamp, result;
+        if (null == wait)
+            wait = 100;
+        function later() {
+            var last = Date.now() - timestamp;
+            if (last < wait && last >= 0) {
+                timeout = setTimeout(later, wait - last);
+            }
+            else {
+                timeout = null;
+                if (!immediate) {
+                    result = func.apply(context, args);
+                    context = args = null;
+                }
+            }
+        }
+        ;
+        var debounced = function () {
+            context = this;
+            args = arguments;
+            timestamp = Date.now();
+            var callNow = immediate && !timeout;
+            if (!timeout)
+                timeout = setTimeout(later, wait);
+            if (callNow) {
+                result = func.apply(context, args);
+                context = args = null;
+            }
+            return result;
+        };
+        debounced.clear = function () {
+            if (timeout) {
+                clearTimeout(timeout);
+                timeout = null;
+            }
+        };
+        debounced.flush = function () {
+            if (timeout) {
+                result = func.apply(context, args);
+                context = args = null;
+                clearTimeout(timeout);
+                timeout = null;
+            }
+        };
+        return debounced;
+    }
+    ;
+    // Adds compatibility for ES modules
+    debounce.debounce = debounce;
+    module.exports = debounce;
+},
+"7f7d9e0c6b": /* models/data.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    function transform_cds_to_records(cds, addId = false) {
+    function transform_cds_to_records(cds, addId = false, start = 0) {
         const data = [];
         const columns = cds.columns();
         const cdsLength = cds.get_length();
-        if (columns.length === 0 || cdsLength === null) {
+        if (columns.length === 0 || cdsLength === null)
             return [];
-        }
-        for (let i = 0; i < cdsLength; i++) {
+        for (let i = start; i < cdsLength; i++) {
             const item = {};
             for (const column of columns) {
                 let array = cds.get_array(column);
@@ -4148,7 +4234,7 @@
     const dom_1 = require("@bokehjs/core/dom");
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
-    const data_1 = require("f1971f81bf") /* ./data */;
+    const data_1 = require("7f7d9e0c6b") /* ./data */;
     const layout_1 = require("4c755983eb") /* ./layout */;
     const tooltips_1 = require("6e04fbe567") /* ./tooltips */;
     const constants_1 = (0, tslib_1.__importDefault)(require("093eb75864") /* @luma.gl/constants */);
@@ -8128,7 +8214,7 @@
     Player.__module__ = "panel.models.widgets";
     Player.init_Player();
 },
-"50ac0b0178": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
+"cb7735fd77": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const dom_1 = require("@bokehjs/core/dom");
     const object_1 = require("@bokehjs/core/util/object");
@@ -8217,6 +8303,10 @@
                 this._relayouting = false;
             }, 2000, false);
         }
+        initialize() {
+            super.initialize();
+            this._layout_wrapper = (0, dom_1.div)({ style: "height: 100%; width: 100%;" });
+        }
         connect_signals() {
             super.connect_signals();
             const { data, data_sources, layout, relayout, restyle } = this.model.properties;
@@ -8245,23 +8335,25 @@
             this.connect(this.model.properties.viewport_update_throttle.change, () => {
                 this._updateSetViewportFunction();
             });
-            this.connect(this.model.properties._render_count.change, () => this.plot());
+            this.connect(this.model.properties._render_count.change, () => {
+                this.plot();
+            });
             this.connect(this.model.properties.viewport.change, () => this._updateViewportFromProperty());
+            this.connect(this.model.properties.visibility.change, () => {
+                this.el.style.visibility = this.model.visibility ? 'visible' : 'hidden';
+            });
         }
-        render() {
+        async render() {
             super.render();
-            this._layout_wrapper = (0, dom_1.div)({ style: "height: 100%; width: 100%" });
+            this.el.style.visibility = this.model.visibility ? 'visible' : 'hidden';
             this.el.appendChild(this._layout_wrapper);
-            if (!window.Plotly) {
-                return;
-            }
-            this.plot();
+            await this.plot();
+            window.Plotly.relayout(this._layout_wrapper, this.model.relayout);
         }
         _trace_data() {
             const data = [];
-            for (let i = 0; i < this.model.data.length; i++) {
+            for (let i = 0; i < this.model.data.length; i++)
                 data.push(this._get_trace(i, false));
-            }
             return data;
         }
         _layout_data() {
@@ -8326,29 +8418,27 @@
                 this.model.hover_data = null;
             });
         }
-        plot() {
-            if (!window.Plotly) {
+        async plot() {
+            if (!window.Plotly)
                 return;
-            }
             const data = this._trace_data();
             const newLayout = this._layout_data();
             this._reacting = true;
-            window.Plotly.react(this._layout_wrapper, data, newLayout, this.model.config).then(() => {
-                this._updateSetViewportFunction();
-                this._updateViewportProperty();
-                if (!this._plotInitialized)
-                    this._install_callbacks();
-                this._plotInitialized = true;
-                this._reacting = false;
-                if (!_isHidden(this._layout_wrapper))
-                    window.Plotly.Plots.resize(this._layout_wrapper);
-            });
+            await window.Plotly.react(this._layout_wrapper, data, newLayout, this.model.config);
+            this._updateSetViewportFunction();
+            this._updateViewportProperty();
+            if (!this._plotInitialized)
+                this._install_callbacks();
+            else if (!_isHidden(this._layout_wrapper))
+                window.Plotly.Plots.resize(this._layout_wrapper);
+            this._reacting = false;
+            this._plotInitialized = true;
         }
         after_layout() {
             super.after_layout();
-            if (window.Plotly) {
+            (0, layout_1.set_size)(this.el, this.model);
+            if (window.Plotly && this._plotInitialized)
                 window.Plotly.Plots.resize(this._layout_wrapper);
-            }
         }
         _get_trace(index, update) {
             const trace = (0, object_1.clone)(this.model.data[index]);
@@ -8388,7 +8478,10 @@
                 if (!(0, eq_1.isEqual)((0, util_1.get)(fullLayout, key), value)) {
                     let clonedViewport = (0, util_1.deepCopy)(this.model.viewport);
                     clonedViewport['_update_from_property'] = true;
-                    window.Plotly.relayout(this.el, clonedViewport);
+                    this._settingViewport = true;
+                    window.Plotly.relayout(this.el, clonedViewport).then(() => {
+                        this._settingViewport = false;
+                    });
                     return false;
                 }
                 else {
@@ -8401,17 +8494,14 @@
             let viewport = {};
             // Get range for all xaxis and yaxis properties
             for (let prop in fullLayout) {
-                if (!fullLayout.hasOwnProperty(prop)) {
+                if (!fullLayout.hasOwnProperty(prop))
                     continue;
-                }
                 let maybe_axis = prop.slice(0, 5);
-                if (maybe_axis === 'xaxis' || maybe_axis === 'yaxis') {
+                if (maybe_axis === 'xaxis' || maybe_axis === 'yaxis')
                     viewport[prop + '.range'] = (0, util_1.deepCopy)(fullLayout[prop].range);
-                }
             }
-            if (!(0, eq_1.isEqual)(viewport, this.model.viewport)) {
+            if (!(0, eq_1.isEqual)(viewport, this.model.viewport))
                 this._setViewport(viewport);
-            }
         }
         _updateSetViewportFunction() {
             if (this.model.viewport_update_policy === "continuous" ||
@@ -8443,7 +8533,7 @@
         }
         static init_PlotlyPlot() {
             this.prototype.default_view = PlotlyPlotView;
-            this.define(({ Array, Any, Ref, String, Nullable, Number }) => ({
+            this.define(({ Array, Any, Boolean, Ref, String, Nullable, Number }) => ({
                 data: [Array(Any), []],
                 layout: [Any, {}],
                 config: [Any, {}],
@@ -8459,6 +8549,7 @@
                 viewport: [Any, {}],
                 viewport_update_policy: [String, "mouseup"],
                 viewport_update_throttle: [Number, 200],
+                visibility: [Boolean, true],
                 _render_count: [Number, 0],
             }));
         }
@@ -8468,73 +8559,6 @@
     PlotlyPlot.__module__ = "panel.models.plotly";
     PlotlyPlot.init_PlotlyPlot();
 },
-"99a25e6992": /* debounce/index.js */ function _(require, module, exports, __esModule, __esExport) {
-    /**
-     * Returns a function, that, as long as it continues to be invoked, will not
-     * be triggered. The function will be called after it stops being called for
-     * N milliseconds. If `immediate` is passed, trigger the function on the
-     * leading edge, instead of the trailing. The function also has a property 'clear'
-     * that is a function which will clear the timer to prevent previously scheduled executions.
-     *
-     * @source underscore.js
-     * @see http://unscriptable.com/2009/03/20/debouncing-javascript-methods/
-     * @param {Function} function to wrap
-     * @param {Number} timeout in ms (`100`)
-     * @param {Boolean} whether to execute at the beginning (`false`)
-     * @api public
-     */
-    function debounce(func, wait, immediate) {
-        var timeout, args, context, timestamp, result;
-        if (null == wait)
-            wait = 100;
-        function later() {
-            var last = Date.now() - timestamp;
-            if (last < wait && last >= 0) {
-                timeout = setTimeout(later, wait - last);
-            }
-            else {
-                timeout = null;
-                if (!immediate) {
-                    result = func.apply(context, args);
-                    context = args = null;
-                }
-            }
-        }
-        ;
-        var debounced = function () {
-            context = this;
-            args = arguments;
-            timestamp = Date.now();
-            var callNow = immediate && !timeout;
-            if (!timeout)
-                timeout = setTimeout(later, wait);
-            if (callNow) {
-                result = func.apply(context, args);
-                context = args = null;
-            }
-            return result;
-        };
-        debounced.clear = function () {
-            if (timeout) {
-                clearTimeout(timeout);
-                timeout = null;
-            }
-        };
-        debounced.flush = function () {
-            if (timeout) {
-                result = func.apply(context, args);
-                context = args = null;
-                clearTimeout(timeout);
-                timeout = null;
-            }
-        };
-        return debounced;
-    }
-    ;
-    // Adds compatibility for ES modules
-    debounce.debounce = debounce;
-    module.exports = debounce;
-},
 "990b5dd5c7": /* models/util.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const get = (obj, path, defaultValue = undefined) => {
@@ -8679,7 +8703,7 @@
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const dom_1 = require("@bokehjs/core/dom");
     const color_1 = require("@bokehjs/core/util/color");
-    const data_1 = require("f1971f81bf") /* ./data */;
+    const data_1 = require("7f7d9e0c6b") /* ./data */;
     const event_to_object_1 = require("3329d4aa5b") /* ./event-to-object */;
     const html_1 = require("2839081043") /* ./html */;
     const layout_1 = require("4c755983eb") /* ./layout */;
@@ -9559,11 +9583,24 @@
     State.__module__ = "panel.models.state";
     State.init_State();
 },
-"91fe88c277": /* models/terminal.js */ function _(require, module, exports, __esModule, __esExport) {
+"edf66f5228": /* models/terminal.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const dom_1 = require("@bokehjs/core/dom");
+    const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const layout_1 = require("4c755983eb") /* ./layout */;
+    class KeystrokeEvent extends bokeh_events_1.ModelEvent {
+        constructor(key) {
+            super();
+            this.key = key;
+            this.event_name = "keystroke";
+        }
+        _to_json() {
+            return { model: this.origin, key: this.key };
+        }
+    }
+    exports.KeystrokeEvent = KeystrokeEvent;
+    KeystrokeEvent.__name__ = "KeystrokeEvent";
     class TerminalView extends layout_1.PanelHTMLBoxView {
         connect_signals() {
             super.connect_signals();
@@ -9582,9 +9619,8 @@
             this.term.loadAddon(this.webLinksAddon);
             this.term.open(this.container);
             this.term.onRender(() => {
-                if (!this._rendered) {
+                if (!this._rendered)
                     this.fit();
-                }
             });
             this.write();
             this.el.appendChild(this.container);
@@ -9601,11 +9637,7 @@
             return new wn.WebLinksAddon.WebLinksAddon();
         }
         handleOnData(value) {
-            // Hack to handle repeating keyboard inputs
-            if (this.model.input === value)
-                this.model._value_repeats += 1;
-            else
-                this.model.input = value;
+            this.model.trigger_event(new KeystrokeEvent(value));
         }
         write() {
             const text = this.model.output;
@@ -9617,7 +9649,6 @@
             this.term.write(cleaned);
         }
         clear() {
-            // https://stackoverflow.com/questions/65367607/how-to-handle-new-line-in-xterm-js-while-writing-data-into-the-terminal
             this.term.clear();
         }
         fit() {
@@ -9630,10 +9661,10 @@
                 return;
             const cols = Math.max(2, Math.floor(width / cell_width));
             const rows = Math.max(1, Math.floor(height / cell_height));
-            if (this.term.rows !== rows || this.term.cols !== cols) {
-                renderer.clear();
+            if (this.term.rows !== rows || this.term.cols !== cols)
                 this.term.resize(cols, rows);
-            }
+            this.model.ncols = cols;
+            this.model.nrows = rows;
             this._rendered = true;
         }
         after_layout() {
@@ -9655,11 +9686,11 @@
         static init_Terminal() {
             this.prototype.default_view = TerminalView;
             this.define(({ Any, Int, String }) => ({
+                _clears: [Int, 0],
                 options: [Any, {}],
                 output: [String,],
-                input: [String,],
-                _clears: [Int, 0],
-                _value_repeats: [Int, 0],
+                ncols: [Int],
+                nrows: [Int],
             }));
         }
     }
@@ -10012,7 +10043,7 @@
     TrendIndicator.__module__ = "panel.models.trend";
     TrendIndicator.init_TrendIndicator();
 },
-"4feb5fa522": /* models/vega.js */ function _(require, module, exports, __esModule, __esExport) {
+"345d5ea993": /* models/vega.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const types_1 = require("@bokehjs/core/util/types");
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
@@ -10075,7 +10106,31 @@
                 }
                 this.model.data['datasets'] = datasets;
             }
-            window.vegaEmbed(this.el, this.model.data, { actions: false });
+            window.vegaEmbed(this.el, this.model.data, { actions: false }).then((result) => {
+                this.vega_view = result.view;
+                this.relayout();
+                if (this.vega_view._viewHeight <= 0 || this.vega_view._viewWidth <= 0) {
+                    window.dispatchEvent(new Event('resize'));
+                }
+            });
+        }
+        relayout() {
+            this.update_layout();
+            this.compute_layout();
+            if (this.root !== this)
+                this.invalidate_layout();
+            else if (this._parent != undefined) // HACK: Support ReactiveHTML
+                this._parent.invalidate_layout();
+        }
+        box_sizing() {
+            const sizing = super.box_sizing();
+            if (this.vega_view != null) {
+                if (sizing.height_policy === "fixed")
+                    sizing.height = this.vega_view._viewHeight;
+                if (sizing.width_policy === "fixed")
+                    sizing.width = this.vega_view._viewWidth;
+            }
+            return sizing;
         }
     }
     exports.VegaPlotView = VegaPlotView;
@@ -10330,19 +10385,19 @@
 },
 "c51f25e2a7": /* models/vtk/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    var vtkjs_1 = require("34fc7779c7") /* ./vtkjs */;
+    var vtkjs_1 = require("b6d9199d03") /* ./vtkjs */;
     __esExport("VTKJSPlot", vtkjs_1.VTKJSPlot);
     var vtkvolume_1 = require("89262e43a1") /* ./vtkvolume */;
     __esExport("VTKVolumePlot", vtkvolume_1.VTKVolumePlot);
-    var vtkaxes_1 = require("db7a0079c0") /* ./vtkaxes */;
+    var vtkaxes_1 = require("204e2f98bd") /* ./vtkaxes */;
     __esExport("VTKAxes", vtkaxes_1.VTKAxes);
-    var vtksynchronized_1 = require("4baab0b7ce") /* ./vtksynchronized */;
+    var vtksynchronized_1 = require("f2aca51dd4") /* ./vtksynchronized */;
     __esExport("VTKSynchronizedPlot", vtksynchronized_1.VTKSynchronizedPlot);
 },
-"34fc7779c7": /* models/vtk/vtkjs.js */ function _(require, module, exports, __esModule, __esExport) {
+"b6d9199d03": /* models/vtk/vtkjs.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    const vtklayout_1 = require("46fdad9667") /* ./vtklayout */;
-    const util_1 = require("4eb45e35aa") /* ./util */;
+    const vtklayout_1 = require("4150eab9ba") /* ./vtklayout */;
+    const util_1 = require("993f3118b2") /* ./util */;
     class VTKJSPlotView extends vtklayout_1.AbstractVTKView {
         connect_signals() {
             super.connect_signals();
@@ -10377,7 +10432,7 @@
                         renderer: this._vtk_renwin.getRenderer(),
                         dataAccessHelper,
                     });
-                    const fn = util_1.vtk.macro.debounce(() => setTimeout(() => {
+                    const fn = window.vtk.macro.debounce(() => setTimeout(() => {
                         if (this._axes == null && this.model.axes)
                             this._set_axes();
                         this._set_camera_state();
@@ -10404,7 +10459,7 @@
     VTKJSPlot.__name__ = "VTKJSPlot";
     VTKJSPlot.init_VTKJSPlot();
 },
-"46fdad9667": /* models/vtk/vtklayout.js */ function _(require, module, exports, __esModule, __esExport) {
+"4150eab9ba": /* models/vtk/vtklayout.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const dom_1 = require("@bokehjs/core/dom");
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
@@ -10412,9 +10467,9 @@
     const color_mapper_1 = require("@bokehjs/models/mappers/color_mapper");
     const kinds_1 = require("@bokehjs/core/kinds");
     const layout_1 = require("4c755983eb") /* ../layout */;
-    const util_1 = require("4eb45e35aa") /* ./util */;
+    const util_1 = require("993f3118b2") /* ./util */;
     const vtkcolorbar_1 = require("c010237f8b") /* ./vtkcolorbar */;
-    const vtkaxes_1 = require("db7a0079c0") /* ./vtkaxes */;
+    const vtkaxes_1 = require("204e2f98bd") /* ./vtkaxes */;
     const INFO_DIV_STYLE = {
         padding: "0px 2px 0px 2px",
         maxHeight: "150px",
@@ -10552,7 +10607,6 @@
                     });
                 }
             }
-            console.log(this.model.annotations);
         }
         connect_signals() {
             super.connect_signals();
@@ -10815,6 +10869,7 @@
     AbstractVTKView.__name__ = "AbstractVTKView";
     class AbstractVTKPlot extends html_box_1.HTMLBox {
         constructor(attrs) {
+            (0, util_1.setup_vtkns)();
             super(attrs);
         }
         getActors() {
@@ -10840,7 +10895,7 @@
     AbstractVTKPlot.__module__ = "panel.models.vtk";
     AbstractVTKPlot.init_AbstractVTKPlot();
 },
-"4eb45e35aa": /* models/vtk/util.js */ function _(require, module, exports, __esModule, __esExport) {
+"993f3118b2": /* models/vtk/util.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const array_1 = require("@bokehjs/core/util/array");
     const kinds_1 = require("@bokehjs/core/kinds");
@@ -10854,65 +10909,70 @@
         float32: Float32Array,
         float64: Float64Array,
     };
-    exports.vtk = window.vtk;
     exports.vtkns = {};
-    if (exports.vtk) {
-        exports.vtkns["Actor"] = exports.vtk.Rendering.Core.vtkActor;
-        exports.vtkns["AxesActor"] = exports.vtk.Rendering.Core.vtkAxesActor;
-        exports.vtkns["Base64"] = exports.vtk.Common.Core.vtkBase64;
-        exports.vtkns["BoundingBox"] = exports.vtk.Common.DataModel.vtkBoundingBox;
-        exports.vtkns["Camera"] = exports.vtk.Rendering.Core.vtkCamera;
-        exports.vtkns["ColorTransferFunction"] = exports.vtk.Rendering.Core.vtkColorTransferFunction;
-        exports.vtkns["CubeSource"] = exports.vtk.Filters.Sources.vtkCubeSource;
-        exports.vtkns["DataAccessHelper"] = exports.vtk.IO.Core.DataAccessHelper;
-        exports.vtkns["DataArray"] = exports.vtk.Common.Core.vtkDataArray;
-        exports.vtkns["Follower"] = exports.vtk.Rendering.Core.vtkFollower;
-        exports.vtkns["FullScreenRenderWindow"] = exports.vtk.Rendering.Misc.vtkFullScreenRenderWindow;
-        exports.vtkns["Glyph3DMapper"] = exports.vtk.Rendering.Core.vtkGlyph3DMapper;
-        exports.vtkns["HttpSceneLoader"] = exports.vtk.IO.Core.vtkHttpSceneLoader;
-        exports.vtkns["ImageData"] = exports.vtk.Common.DataModel.vtkImageData;
-        exports.vtkns["ImageMapper"] = exports.vtk.Rendering.Core.vtkImageMapper;
-        exports.vtkns["ImageProperty"] = exports.vtk.Rendering.Core.vtkImageProperty;
-        exports.vtkns["ImageSlice"] = exports.vtk.Rendering.Core.vtkImageSlice;
+    function setup_vtkns() {
+        if (exports.vtkns.Actor != null)
+            return;
+        const vtk = window.vtk;
+        exports.vtkns["Actor"] = vtk.Rendering.Core.vtkActor;
+        exports.vtkns["AxesActor"] = vtk.Rendering.Core.vtkAxesActor;
+        exports.vtkns["Base64"] = vtk.Common.Core.vtkBase64;
+        exports.vtkns["BoundingBox"] = vtk.Common.DataModel.vtkBoundingBox;
+        exports.vtkns["Camera"] = vtk.Rendering.Core.vtkCamera;
+        exports.vtkns["ColorTransferFunction"] = vtk.Rendering.Core.vtkColorTransferFunction;
+        exports.vtkns["CubeSource"] = vtk.Filters.Sources.vtkCubeSource;
+        exports.vtkns["DataAccessHelper"] = vtk.IO.Core.DataAccessHelper;
+        exports.vtkns["DataArray"] = vtk.Common.Core.vtkDataArray;
+        exports.vtkns["Follower"] = vtk.Rendering.Core.vtkFollower;
+        exports.vtkns["FullScreenRenderWindow"] = vtk.Rendering.Misc.vtkFullScreenRenderWindow;
+        exports.vtkns["Glyph3DMapper"] = vtk.Rendering.Core.vtkGlyph3DMapper;
+        exports.vtkns["HttpSceneLoader"] = vtk.IO.Core.vtkHttpSceneLoader;
+        exports.vtkns["ImageData"] = vtk.Common.DataModel.vtkImageData;
+        exports.vtkns["ImageMapper"] = vtk.Rendering.Core.vtkImageMapper;
+        exports.vtkns["ImageProperty"] = vtk.Rendering.Core.vtkImageProperty;
+        exports.vtkns["ImageSlice"] = vtk.Rendering.Core.vtkImageSlice;
         exports.vtkns["InteractiveOrientationWidget"] =
-            exports.vtk.Widgets.Widgets3D.vtkInteractiveOrientationWidget;
+            vtk.Widgets.Widgets3D.vtkInteractiveOrientationWidget;
         exports.vtkns["InteractorStyleTrackballCamera"] =
-            exports.vtk.Interaction.Style.vtkInteractorStyleTrackballCamera;
-        exports.vtkns["Light"] = exports.vtk.Rendering.Core.vtkLight;
-        exports.vtkns["LineSource"] = exports.vtk.Filters.Sources.vtkLineSource;
-        exports.vtkns["LookupTable"] = exports.vtk.Common.Core.vtkLookupTable;
-        exports.vtkns["macro"] = exports.vtk.macro;
-        exports.vtkns["Mapper"] = exports.vtk.Rendering.Core.vtkMapper;
-        exports.vtkns["OpenGLRenderWindow"] = exports.vtk.Rendering.OpenGL.vtkRenderWindow;
+            vtk.Interaction.Style.vtkInteractorStyleTrackballCamera;
+        exports.vtkns["Light"] = vtk.Rendering.Core.vtkLight;
+        exports.vtkns["LineSource"] = vtk.Filters.Sources.vtkLineSource;
+        exports.vtkns["LookupTable"] = vtk.Common.Core.vtkLookupTable;
+        exports.vtkns["macro"] = vtk.macro;
+        exports.vtkns["Mapper"] = vtk.Rendering.Core.vtkMapper;
+        exports.vtkns["OpenGLRenderWindow"] = vtk.Rendering.OpenGL.vtkRenderWindow;
         exports.vtkns["OrientationMarkerWidget"] =
-            exports.vtk.Interaction.Widgets.vtkOrientationMarkerWidget;
-        exports.vtkns["OutlineFilter"] = exports.vtk.Filters.General.vtkOutlineFilter;
-        exports.vtkns["PiecewiseFunction"] = exports.vtk.Common.DataModel.vtkPiecewiseFunction;
+            vtk.Interaction.Widgets.vtkOrientationMarkerWidget;
+        exports.vtkns["OutlineFilter"] = vtk.Filters.General.vtkOutlineFilter;
+        exports.vtkns["PiecewiseFunction"] = vtk.Common.DataModel.vtkPiecewiseFunction;
         exports.vtkns["PixelSpaceCallbackMapper"] =
-            exports.vtk.Rendering.Core.vtkPixelSpaceCallbackMapper;
-        exports.vtkns["PlaneSource"] = exports.vtk.Filters.Sources.vtkPlaneSource;
-        exports.vtkns["PointSource"] = exports.vtk.Filters.Sources.vtkPointSource;
-        exports.vtkns["PolyData"] = exports.vtk.Common.DataModel.vtkPolyData;
-        exports.vtkns["Property"] = exports.vtk.Rendering.Core.vtkProperty;
-        exports.vtkns["Renderer"] = exports.vtk.Rendering.Core.vtkRenderer;
-        exports.vtkns["RenderWindow"] = exports.vtk.Rendering.Core.vtkRenderWindow;
-        exports.vtkns["RenderWindowInteractor"] = exports.vtk.Rendering.Core.vtkRenderWindowInteractor;
-        exports.vtkns["SphereMapper"] = exports.vtk.Rendering.Core.vtkSphereMapper;
+            vtk.Rendering.Core.vtkPixelSpaceCallbackMapper;
+        exports.vtkns["PlaneSource"] = vtk.Filters.Sources.vtkPlaneSource;
+        exports.vtkns["PointSource"] = vtk.Filters.Sources.vtkPointSource;
+        exports.vtkns["PolyData"] = vtk.Common.DataModel.vtkPolyData;
+        exports.vtkns["Property"] = vtk.Rendering.Core.vtkProperty;
+        exports.vtkns["Renderer"] = vtk.Rendering.Core.vtkRenderer;
+        exports.vtkns["RenderWindow"] = vtk.Rendering.Core.vtkRenderWindow;
+        exports.vtkns["RenderWindowInteractor"] = vtk.Rendering.Core.vtkRenderWindowInteractor;
+        exports.vtkns["SphereMapper"] = vtk.Rendering.Core.vtkSphereMapper;
         exports.vtkns["SynchronizableRenderWindow"] =
-            exports.vtk.Rendering.Misc.vtkSynchronizableRenderWindow;
-        exports.vtkns["ThirdParty"] = exports.vtk.ThirdParty;
-        exports.vtkns["Texture"] = exports.vtk.Rendering.Core.vtkTexture;
-        exports.vtkns["Volume"] = exports.vtk.Rendering.Core.vtkVolume;
-        exports.vtkns["VolumeController"] = exports.vtk.Interaction.UI.vtkVolumeController;
-        exports.vtkns["VolumeMapper"] = exports.vtk.Rendering.Core.vtkVolumeMapper;
-        exports.vtkns["VolumeProperty"] = exports.vtk.Rendering.Core.vtkVolumeProperty;
-        exports.vtkns["WidgetManager"] = exports.vtk.Widgets.Core.vtkWidgetManager;
+            vtk.Rendering.Misc.vtkSynchronizableRenderWindow;
+        exports.vtkns["ThirdParty"] = vtk.ThirdParty;
+        exports.vtkns["Texture"] = vtk.Rendering.Core.vtkTexture;
+        exports.vtkns["Volume"] = vtk.Rendering.Core.vtkVolume;
+        exports.vtkns["VolumeController"] = vtk.Interaction.UI.vtkVolumeController;
+        exports.vtkns["VolumeMapper"] = vtk.Rendering.Core.vtkVolumeMapper;
+        exports.vtkns["VolumeProperty"] = vtk.Rendering.Core.vtkVolumeProperty;
+        exports.vtkns["WidgetManager"] = vtk.Widgets.Core.vtkWidgetManager;
         const { vtkObjectManager } = exports.vtkns.SynchronizableRenderWindow;
         vtkObjectManager.setTypeMapping("vtkVolumeMapper", exports.vtkns.VolumeMapper.newInstance, vtkObjectManager.oneTimeGenericUpdater);
         vtkObjectManager.setTypeMapping("vtkSmartVolumeMapper", exports.vtkns.VolumeMapper.newInstance, vtkObjectManager.oneTimeGenericUpdater);
         vtkObjectManager.setTypeMapping("vtkFollower", exports.vtkns.Follower.newInstance, vtkObjectManager.genericUpdater);
         vtkObjectManager.setTypeMapping("vtkOpenGLGlyph3DMapper", exports.vtkns.Glyph3DMapper.newInstance, vtkObjectManager.genericUpdater);
     }
+    exports.setup_vtkns = setup_vtkns;
+    if (window.vtk)
+        setup_vtkns();
     exports.Interpolation = (0, kinds_1.Enum)("fast_linear", "linear", "nearest");
     function applyStyle(el, style) {
         Object.keys(style).forEach((key) => {
@@ -11090,13 +11150,13 @@
     exports.VTKColorBar = VTKColorBar;
     VTKColorBar.__name__ = "VTKColorBar";
 },
-"db7a0079c0": /* models/vtk/vtkaxes.js */ function _(require, module, exports, __esModule, __esExport) {
+"204e2f98bd": /* models/vtk/vtkaxes.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     const p = (0, tslib_1.__importStar)(require("@bokehjs/core/properties"));
     const model_1 = require("@bokehjs/model");
     const gl_matrix_1 = require("2f3fd5db07") /* gl-matrix */;
-    const util_1 = require("4eb45e35aa") /* ./util */;
+    const util_1 = require("993f3118b2") /* ./util */;
     class VTKAxes extends model_1.Model {
         constructor(attrs) {
             super(attrs);
@@ -11173,7 +11233,7 @@
             polys.push(this._make_grid_lines(this.yticks.length, this.zticks.length, offset)); //yz
             offset += this.yticks.length * this.zticks.length;
             polys.push(this._make_grid_lines(this.xticks.length, this.zticks.length, offset)); //xz
-            const gridPolyData = (0, util_1.vtk)({
+            const gridPolyData = window.vtk({
                 vtkClass: "vtkPolyData",
                 points: {
                     vtkClass: "vtkPoints",
@@ -11213,7 +11273,7 @@
                 }
                 return coords;
             }).flat(2);
-            const axesPolyData = (0, util_1.vtk)({
+            const axesPolyData = window.vtk({
                 vtkClass: "vtkPolyData",
                 points: {
                     vtkClass: "vtkPoints",
@@ -17882,8 +17942,8 @@
 },
 "89262e43a1": /* models/vtk/vtkvolume.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    const vtklayout_1 = require("46fdad9667") /* ./vtklayout */;
-    const util_1 = require("4eb45e35aa") /* ./util */;
+    const vtklayout_1 = require("4150eab9ba") /* ./vtklayout */;
+    const util_1 = require("993f3118b2") /* ./util */;
     class VTKVolumePlotView extends vtklayout_1.AbstractVTKView {
         connect_signals() {
             super.connect_signals();
@@ -18224,14 +18284,14 @@
     VTKVolumePlot.__name__ = "VTKVolumePlot";
     VTKVolumePlot.init_VTKVolumePlot();
 },
-"4baab0b7ce": /* models/vtk/vtksynchronized.js */ function _(require, module, exports, __esModule, __esExport) {
+"f2aca51dd4": /* models/vtk/vtksynchronized.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     const p = (0, tslib_1.__importStar)(require("@bokehjs/core/properties"));
     const object_1 = require("@bokehjs/core/util/object");
-    const vtklayout_1 = require("46fdad9667") /* ./vtklayout */;
-    const util_1 = require("4eb45e35aa") /* ./util */;
-    const panel_fullscreen_renwin_sync_1 = require("11e0707a8f") /* ./panel_fullscreen_renwin_sync */;
+    const vtklayout_1 = require("4150eab9ba") /* ./vtklayout */;
+    const panel_fullscreen_renwin_sync_1 = require("877619fe71") /* ./panel_fullscreen_renwin_sync */;
+    const util_1 = require("993f3118b2") /* ./util */;
     const CONTEXT_NAME = "panel";
     class VTKSynchronizedPlotView extends vtklayout_1.AbstractVTKView {
         initialize() {
@@ -18282,7 +18342,7 @@
             });
         }
         init_vtk_renwin() {
-            this._vtk_renwin = panel_fullscreen_renwin_sync_1.FullScreenRenderWindowSynchronized.newInstance({
+            this._vtk_renwin = util_1.vtkns.FullScreenRenderWindowSynchronized.newInstance({
                 rootContainer: this.el,
                 container: this._vtk_container,
                 synchronizerContext: this._synchronizer_context,
@@ -18359,6 +18419,7 @@
     class VTKSynchronizedPlot extends vtklayout_1.AbstractVTKPlot {
         constructor(attrs) {
             super(attrs);
+            (0, panel_fullscreen_renwin_sync_1.initialize_fullscreen_render)();
             this.outline = util_1.vtkns.OutlineFilter.newInstance(); //use to display bouding box of a selected actor
             const mapper = util_1.vtkns.Mapper.newInstance();
             mapper.setInputConnection(this.outline.getOutputPort());
@@ -18397,108 +18458,111 @@
     VTKSynchronizedPlot.__module__ = "panel.models.vtk";
     VTKSynchronizedPlot.init_VTKSynchronizedPlot();
 },
-"11e0707a8f": /* models/vtk/panel_fullscreen_renwin_sync.js */ function _(require, module, exports, __esModule, __esExport) {
+"877619fe71": /* models/vtk/panel_fullscreen_renwin_sync.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    const util_1 = require("4eb45e35aa") /* ./util */;
-    if (util_1.vtk) {
-        const DEFAULT_VALUES = {
-            containerStyle: null,
-            controlPanelStyle: null,
-            listenWindowResize: true,
-            resizeCallback: null,
-            controllerVisibility: true,
-            synchronizerContextName: "default",
-        };
-        const STYLE_CONTROL_PANEL = {
-            position: "absolute",
-            left: "25px",
-            top: "25px",
-            backgroundColor: "white",
-            borderRadius: "5px",
-            listStyle: "none",
-            padding: "5px 10px",
-            margin: "0",
-            display: "block",
-            border: "solid 1px black",
-            maxWidth: "calc(100vw - 70px)",
-            maxHeight: "calc(100vh - 60px)",
-            overflow: "auto",
+    const util_1 = require("993f3118b2") /* ./util */;
+    //------------------------//
+    //Custom Extended Classes
+    //------------------------//
+    const DEFAULT_VALUES = {
+        containerStyle: null,
+        controlPanelStyle: null,
+        listenWindowResize: true,
+        resizeCallback: null,
+        controllerVisibility: true,
+        synchronizerContextName: "default",
+    };
+    const STYLE_CONTROL_PANEL = {
+        position: "absolute",
+        left: "25px",
+        top: "25px",
+        backgroundColor: "white",
+        borderRadius: "5px",
+        listStyle: "none",
+        padding: "5px 10px",
+        margin: "0",
+        display: "block",
+        border: "solid 1px black",
+        maxWidth: "calc(100vw - 70px)",
+        maxHeight: "calc(100vh - 60px)",
+        overflow: "auto",
+    };
+    function panelFullScreenRenderWindowSynchronized(publicAPI, model) {
+        // Panel (modification) synchronizable renderWindow
+        model.renderWindow = util_1.vtkns.SynchronizableRenderWindow.newInstance({
+            synchronizerContext: model.synchronizerContext,
+        });
+        // OpenGlRenderWindow
+        model.openGLRenderWindow = util_1.vtkns.OpenGLRenderWindow.newInstance();
+        model.openGLRenderWindow.setContainer(model.container);
+        model.renderWindow.addView(model.openGLRenderWindow);
+        // Interactor
+        model.interactor = util_1.vtkns.RenderWindowInteractor.newInstance();
+        model.interactor.setInteractorStyle(util_1.vtkns.InteractorStyleTrackballCamera.newInstance());
+        model.interactor.setView(model.openGLRenderWindow);
+        model.interactor.initialize();
+        model.interactor.bindEvents(model.container);
+        publicAPI.getRenderer = () => model.renderWindow.getRenderers()[0];
+        publicAPI.removeController = () => {
+            const el = model.controlContainer;
+            if (el) {
+                el.parentNode.removeChild(el);
+            }
         };
-        function panelFullScreenRenderWindowSynchronized(publicAPI, model) {
-            // Panel (modification) synchronizable renderWindow
-            model.renderWindow = util_1.vtkns.SynchronizableRenderWindow.newInstance({
-                synchronizerContext: model.synchronizerContext,
-            });
-            // OpenGlRenderWindow
-            model.openGLRenderWindow = util_1.vtkns.OpenGLRenderWindow.newInstance();
-            model.openGLRenderWindow.setContainer(model.container);
-            model.renderWindow.addView(model.openGLRenderWindow);
-            // Interactor
-            model.interactor = util_1.vtkns.RenderWindowInteractor.newInstance();
-            model.interactor.setInteractorStyle(util_1.vtkns.InteractorStyleTrackballCamera.newInstance());
-            model.interactor.setView(model.openGLRenderWindow);
-            model.interactor.initialize();
-            model.interactor.bindEvents(model.container);
-            publicAPI.getRenderer = () => model.renderWindow.getRenderers()[0];
-            publicAPI.removeController = () => {
-                const el = model.controlContainer;
-                if (el) {
-                    el.parentNode.removeChild(el);
+        publicAPI.setControllerVisibility = (visible) => {
+            model.controllerVisibility = visible;
+            if (model.controlContainer) {
+                if (visible) {
+                    model.controlContainer.style.display = "block";
                 }
-            };
-            publicAPI.setControllerVisibility = (visible) => {
-                model.controllerVisibility = visible;
-                if (model.controlContainer) {
-                    if (visible) {
-                        model.controlContainer.style.display = "block";
-                    }
-                    else {
-                        model.controlContainer.style.display = "none";
-                    }
+                else {
+                    model.controlContainer.style.display = "none";
                 }
-            };
-            publicAPI.toggleControllerVisibility = () => {
-                publicAPI.setControllerVisibility(!model.controllerVisibility);
-            };
-            publicAPI.addController = (html) => {
-                model.controlContainer = document.createElement("div");
-                (0, util_1.applyStyle)(model.controlContainer, model.controlPanelStyle || STYLE_CONTROL_PANEL);
-                model.rootContainer.appendChild(model.controlContainer);
-                model.controlContainer.innerHTML = html;
-                publicAPI.setControllerVisibility(model.controllerVisibility);
-                model.rootContainer.addEventListener("keypress", (e) => {
-                    if (String.fromCharCode(e.charCode) === "c") {
-                        publicAPI.toggleControllerVisibility();
-                    }
-                });
-            };
-            // Properly release GL context
-            publicAPI.delete = util_1.vtk.macro.chain(publicAPI.setContainer, model.openGLRenderWindow.delete, publicAPI.delete);
-            // Handle window resize
-            publicAPI.resize = () => {
-                const dims = model.container.getBoundingClientRect();
-                const devicePixelRatio = window.devicePixelRatio || 1;
-                model.openGLRenderWindow.setSize(Math.floor(dims.width * devicePixelRatio), Math.floor(dims.height * devicePixelRatio));
-                if (model.resizeCallback) {
-                    model.resizeCallback(dims);
-                }
-                model.renderWindow.render();
-            };
-            publicAPI.setResizeCallback = (cb) => {
-                model.resizeCallback = cb;
-                publicAPI.resize();
-            };
-            if (model.listenWindowResize) {
-                window.addEventListener("resize", publicAPI.resize);
             }
+        };
+        publicAPI.toggleControllerVisibility = () => {
+            publicAPI.setControllerVisibility(!model.controllerVisibility);
+        };
+        publicAPI.addController = (html) => {
+            model.controlContainer = document.createElement("div");
+            (0, util_1.applyStyle)(model.controlContainer, model.controlPanelStyle || STYLE_CONTROL_PANEL);
+            model.rootContainer.appendChild(model.controlContainer);
+            model.controlContainer.innerHTML = html;
+            publicAPI.setControllerVisibility(model.controllerVisibility);
+            model.rootContainer.addEventListener("keypress", (e) => {
+                if (String.fromCharCode(e.charCode) === "c") {
+                    publicAPI.toggleControllerVisibility();
+                }
+            });
+        };
+        // Properly release GL context
+        publicAPI.delete = window.vtk.macro.chain(publicAPI.setContainer, model.openGLRenderWindow.delete, publicAPI.delete);
+        // Handle window resize
+        publicAPI.resize = () => {
+            const dims = model.container.getBoundingClientRect();
+            const devicePixelRatio = window.devicePixelRatio || 1;
+            model.openGLRenderWindow.setSize(Math.floor(dims.width * devicePixelRatio), Math.floor(dims.height * devicePixelRatio));
+            if (model.resizeCallback) {
+                model.resizeCallback(dims);
+            }
+            model.renderWindow.render();
+        };
+        publicAPI.setResizeCallback = (cb) => {
+            model.resizeCallback = cb;
             publicAPI.resize();
+        };
+        if (model.listenWindowResize) {
+            window.addEventListener("resize", publicAPI.resize);
         }
-        exports.FullScreenRenderWindowSynchronized = {
-            newInstance: util_1.vtk.macro.newInstance((publicAPI, model, initialValues = {}) => {
+        publicAPI.resize();
+    }
+    function initialize_fullscreen_render() {
+        let FullScreenRenderWindowSynchronized = {
+            newInstance: window.vtk.macro.newInstance((publicAPI, model, initialValues = {}) => {
                 Object.assign(model, DEFAULT_VALUES, initialValues);
                 // Object methods
-                util_1.vtk.macro.obj(publicAPI, model);
-                util_1.vtk.macro.get(publicAPI, model, [
+                window.vtk.macro.obj(publicAPI, model);
+                window.vtk.macro.get(publicAPI, model, [
                     "renderWindow",
                     "openGLRenderWindow",
                     "interactor",
@@ -18511,7 +18575,9 @@
                 panelFullScreenRenderWindowSynchronized(publicAPI, model);
             }),
         };
+        util_1.vtkns.FullScreenRenderWindowSynchronized = FullScreenRenderWindowSynchronized;
     }
+    exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"7898617fc4","models/ace":"9fecc8d0f9","models/layout":"4c755983eb","models/audio":"339f84d639","models/card":"c816112d20","models/comm_manager":"e552778259","models/tabulator":"99e23dce53","models/data":"f1971f81bf","models/datetime_picker":"6e11b2cfe2","models/deckgl":"df2378664f","models/tooltips":"6e04fbe567","models/echarts":"9d046c4720","models/html":"2839081043","models/event-to-object":"3329d4aa5b","models/idom":"7d45bd3bc4","models/ipywidget":"0eae77d68f","models/json":"0d30bea0c8","models/file_download":"1767172ffa","models/katex":"7b859fb3cf","models/location":"642aa56b24","models/mathjax":"0c21036737","models/perspective":"84a772681d","models/player":"2e8044c920","models/plotly":"50ac0b0178","models/util":"990b5dd5c7","models/progress":"9f787650b9","models/reactive_html":"eb3a49319b","models/singleselect":"5ed2116e26","models/speech_to_text":"aaa48703af","models/state":"bfa46a5f19","models/terminal":"91fe88c277","models/text_to_speech":"33cd2c254e","models/trend":"effe070807","models/vega":"4feb5fa522","models/video":"ffe54b53c3","models/videostream":"e3e9b8e495","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"34fc7779c7","models/vtk/vtklayout":"46fdad9667","models/vtk/util":"4eb45e35aa","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"db7a0079c0","models/vtk/vtkvolume":"89262e43a1","models/vtk/vtksynchronized":"4baab0b7ce","models/vtk/panel_fullscreen_renwin_sync":"11e0707a8f"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"7898617fc4","models/ace":"9fecc8d0f9","models/layout":"4c755983eb","models/audio":"339f84d639","models/card":"b75e913327","models/comm_manager":"e552778259","models/tabulator":"50549c6ddc","models/data":"7f7d9e0c6b","models/datetime_picker":"6e11b2cfe2","models/deckgl":"df2378664f","models/tooltips":"6e04fbe567","models/echarts":"9d046c4720","models/html":"2839081043","models/event-to-object":"3329d4aa5b","models/idom":"7d45bd3bc4","models/ipywidget":"0eae77d68f","models/json":"0d30bea0c8","models/file_download":"1767172ffa","models/katex":"7b859fb3cf","models/location":"642aa56b24","models/mathjax":"0c21036737","models/perspective":"84a772681d","models/player":"2e8044c920","models/plotly":"cb7735fd77","models/util":"990b5dd5c7","models/progress":"9f787650b9","models/reactive_html":"eb3a49319b","models/singleselect":"5ed2116e26","models/speech_to_text":"aaa48703af","models/state":"bfa46a5f19","models/terminal":"edf66f5228","models/text_to_speech":"33cd2c254e","models/trend":"effe070807","models/vega":"345d5ea993","models/video":"ffe54b53c3","models/videostream":"e3e9b8e495","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"b6d9199d03","models/vtk/vtklayout":"4150eab9ba","models/vtk/util":"993f3118b2","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"204e2f98bd","models/vtk/vtkvolume":"89262e43a1","models/vtk/vtksynchronized":"f2aca51dd4","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
 //# sourceMappingURL=panel.js.map