@holoviz/panel 0.12.4 → 0.13.0-a.12

package/dist/panel.js

@@ -44,12 +44,12 @@
 "4e90918c0a": /* index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const Panel = (0, tslib_1.__importStar)(require("7898617fc4") /* ./models */);
+    const Panel = (0, tslib_1.__importStar)(require("1abe9b6912") /* ./models */);
     exports.Panel = Panel;
     const base_1 = require("@bokehjs/base");
     (0, base_1.register_models)(Panel);
 },
-"7898617fc4": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
+"1abe9b6912": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     var ace_1 = require("9fecc8d0f9") /* ./ace */;
@@ -60,7 +60,7 @@
     __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("0fb5c5eacd") /* ./tabulator */;
     __esExport("DataTabulator", tabulator_1.DataTabulator);
     var datetime_picker_1 = require("6e11b2cfe2") /* ./datetime_picker */;
     __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
@@ -68,7 +68,7 @@
     __esExport("DeckGLPlot", deckgl_1.DeckGLPlot);
     var echarts_1 = require("9d046c4720") /* ./echarts */;
     __esExport("ECharts", echarts_1.ECharts);
-    var html_1 = require("2839081043") /* ./html */;
+    var html_1 = require("c424a3bd17") /* ./html */;
     __esExport("HTML", html_1.HTML);
     var idom_1 = require("7d45bd3bc4") /* ./idom */;
     __esExport("IDOM", idom_1.IDOM);
@@ -88,10 +88,12 @@
     __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("a2080c6bc8") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
-    var progress_1 = require("9f787650b9") /* ./progress */;
+    var progress_1 = require("fd3806082d") /* ./progress */;
     __esExport("Progress", progress_1.Progress);
+    var quill_1 = require("6895629dfc") /* ./quill */;
+    __esExport("QuillInput", quill_1.QuillInput);
     var reactive_html_1 = require("eb3a49319b") /* ./reactive_html */;
     __esExport("ReactiveHTML", reactive_html_1.ReactiveHTML);
     var singleselect_1 = require("5ed2116e26") /* ./singleselect */;
@@ -100,13 +102,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("04fd346566") /* ./vega */;
     __esExport("VegaPlot", vega_1.VegaPlot);
     var video_1 = require("ffe54b53c3") /* ./video */;
     __esExport("Video", video_1.Video);
@@ -693,14 +695,16 @@
     CommManager.__module__ = "panel.models.comm_manager";
     CommManager.init_CommManager();
 },
-"99e23dce53": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
+"0fb5c5eacd": /* 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");
+    const build_views_1 = require("@bokehjs/core/build_views");
     const dom_1 = require("@bokehjs/core/dom");
     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 debounce_1 = require("99a25e6992") /* debounce */;
     const data_1 = require("f1971f81bf") /* ./data */;
     const layout_1 = require("4c755983eb") /* ./layout */;
     function find_group(key, value, records) {
@@ -799,6 +803,15 @@
                 const ftype = this.model.filename.endsWith('.json') ? "json" : "csv";
                 this.tabulator.download(ftype, this.model.filename);
             });
+            this.connect(this.model.properties.children.change, () => {
+                this._render_children();
+            });
+            this.connect(this.model.properties.expanded.change, () => {
+                for (const row of this.tabulator.rowManager.getRows()) {
+                    if (row.cells.length > 0)
+                        row.cells[0].layoutElement();
+                }
+            });
             this.connect(this.model.properties.hidden_columns.change, () => {
                 this.hideColumns();
             });
@@ -844,6 +857,7 @@
             (0, layout_1.set_size)(container, this.model);
             let configuration = this.getConfiguration();
             this.tabulator = new Tabulator(container, configuration);
+            this._render_children();
             // Swap pagination mode
             if (this.model.pagination === 'remote') {
                 this.tabulator.options.pagination = this.model.pagination;
@@ -917,13 +931,19 @@
         }
         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), rowFormatter: (row) => this._render_row(row), dataFiltering: () => {
+                    if (this.tabulator != null)
+                        this.model.filters = this.tabulator.getHeaderFilters();
                 } });
             if (pagination) {
                 configuration['ajaxURL'] = "http://panel.pyviz.org";
@@ -939,6 +959,67 @@
                 data = group_data(data, this.model.columns, this.model.indexes, this.model.aggregators);
             return Object.assign(Object.assign({}, configuration), { "data": data });
         }
+        _render_children() {
+            new Promise(async (resolve) => {
+                const children = [];
+                for (const idx of this.model.expanded) {
+                    if (idx in this.model.children)
+                        children.push(this.model.children[idx]);
+                }
+                await (0, build_views_1.build_views)(this._child_views, children, { parent: null });
+                resolve(null);
+            }).then(() => {
+                for (const r of this.model.expanded) {
+                    const row = this.tabulator.getRow(r);
+                    this._render_row(row);
+                }
+            });
+        }
+        _render_row(row) {
+            const index = row._row.data._index;
+            if (this.model.expanded.indexOf(index) < 0 || !(index in this.model.children))
+                return;
+            const model = this.model.children[index];
+            const view = this._child_views.get(model);
+            if (view == null)
+                return;
+            const rowEl = row.getElement();
+            const viewEl = rowEl.children[rowEl.children.length - 1];
+            if ((viewEl.className === 'bk') && viewEl.children.length)
+                return;
+            const style = getComputedStyle(this.tabulator.element.children[1].children[0]);
+            const bg = style.backgroundColor;
+            const neg_margin = "-" + rowEl.style.paddingLeft;
+            const row_view = (0, dom_1.div)({ style: "background-color: " + bg + "; margin-left:" + neg_margin });
+            view.renderTo(row_view);
+            row.getElement().appendChild(row_view);
+        }
+        _expand_render(cell) {
+            const index = cell._cell.row.data._index;
+            const icon = this.model.expanded.indexOf(index) < 0 ? "\u25ba" : "\u25bc";
+            return "<i>" + icon + "</i>";
+        }
+        _update_expand(cell) {
+            const index = cell._cell.row.data._index;
+            const expanded = [...this.model.expanded];
+            const exp_index = expanded.indexOf(index);
+            if (exp_index < 0)
+                expanded.push(index);
+            else
+                expanded.splice(exp_index, 1);
+            this.model.expanded = expanded;
+            if (expanded.indexOf(index) < 0)
+                return;
+            let ready = true;
+            for (const idx of this.model.expanded) {
+                if (!(idx in this.model.children)) {
+                    ready = false;
+                    break;
+                }
+            }
+            if (ready)
+                this._render_children();
+        }
         getColumns() {
             var _a;
             const config_columns = (_a = this.model.configuration) === null || _a === void 0 ? void 0 : _a.columns;
@@ -951,8 +1032,24 @@
                             group_columns.push(Object.assign({}, col));
                         columns.push(Object.assign(Object.assign({}, column), { columns: group_columns }));
                     }
-                    else
-                        columns.push(Object.assign({}, column));
+                    else if (column.formatter === "expand") {
+                        const expand = {
+                            hozAlign: "center",
+                            cellClick: (_, cell) => { this._update_expand(cell); },
+                            formatter: (cell) => { return this._expand_render(cell); },
+                            width: 40,
+                            frozen: true
+                        };
+                        columns.push(expand);
+                    }
+                    else {
+                        if (column.formatter === "rowSelection") {
+                            column.cellClick = (_, cell) => {
+                                cell.getRow().toggleSelect();
+                            };
+                        }
+                        columns.push(column);
+                    }
             }
             for (const column of this.model.columns) {
                 let tab_column = null;
@@ -1025,6 +1122,13 @@
                     tab_column.editor = (cell, onRendered, success, cancel) => this.renderEditor(column, cell, onRendered, success, cancel);
                 }
                 tab_column.editable = () => (this.model.editable && (editor.default_view != null));
+                if (tab_column.headerFilter) {
+                    if ((typeof tab_column.headerFilter) === 'boolean' &&
+                        (typeof tab_column.editor) === 'string') {
+                        tab_column.headerFilter = tab_column.editor;
+                        tab_column.headerFilterParams = tab_column.editorParams;
+                    }
+                }
                 if (config_columns == null)
                     columns.push(tab_column);
             }
@@ -1215,7 +1319,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 +1342,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 +1365,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' || (this.model.select_mode.startsWith('checkbox')))
                 return;
             const indices = data.map((row) => row._index);
             const filtered = this._filter_selected(indices);
@@ -1284,11 +1394,14 @@
             this.prototype.default_view = DataTabulatorView;
             this.define(({ Any, Array, Boolean, Nullable, Number, Ref, String }) => ({
                 aggregators: [Any, {}],
+                children: [Any, {}],
                 configuration: [Any, {}],
                 columns: [Array(Ref(tables_1.TableColumn)), []],
                 download: [Boolean, true],
                 editable: [Boolean, true],
+                expanded: [Array(Number), []],
                 filename: [String, "table.csv"],
+                filters: [Array(Any), []],
                 follow: [Boolean, true],
                 frozen_rows: [Array(Number), []],
                 groupby: [Array(String), []],
@@ -1314,6 +1427,73 @@
     DataTabulator.__module__ = "panel.models.tabulator";
     DataTabulator.init_DataTabulator();
 },
+"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;
+},
 "f1971f81bf": /* models/data.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     function transform_cds_to_records(cds, addId = false) {
@@ -5299,7 +5479,7 @@
     ECharts.__module__ = "panel.models.echarts";
     ECharts.init_ECharts();
 },
-"2839081043": /* models/html.js */ function _(require, module, exports, __esModule, __esExport) {
+"c424a3bd17": /* models/html.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const markup_1 = require("@bokehjs/models/widgets/markup");
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
@@ -5348,8 +5528,7 @@
         }
         render() {
             super.render();
-            const decoded = htmlDecode(this.model.text);
-            const html = decoded || this.model.text;
+            const html = this.process_tex();
             if (!html) {
                 this.markup_el.innerHTML = '';
                 return;
@@ -5358,6 +5537,29 @@
             runScripts(this.markup_el);
             this._setup_event_listeners();
         }
+        process_tex() {
+            const decoded = htmlDecode(this.model.text);
+            const text = decoded || this.model.text;
+            if (this.model.disable_math || !this.contains_tex(text))
+                return text;
+            const tex_parts = this.provider.MathJax.find_tex(text);
+            const processed_text = [];
+            let last_index = 0;
+            for (const part of tex_parts) {
+                processed_text.push(text.slice(last_index, part.start.n));
+                processed_text.push(this.provider.MathJax.tex2svg(part.math, { display: part.display }).outerHTML);
+                last_index = part.end.n;
+            }
+            if (last_index < text.length)
+                processed_text.push(text.slice(last_index));
+            return processed_text.join("");
+        }
+        contains_tex(html) {
+            if (!this.provider.MathJax)
+                return false;
+            return this.provider.MathJax.find_tex(html).length > 0;
+        }
+        ;
         _remove_event_listeners() {
             for (const node in this._event_listeners) {
                 const el = document.getElementById(node);
@@ -8128,7 +8330,7 @@
     Player.__module__ = "panel.models.widgets";
     Player.init_Player();
 },
-"50ac0b0178": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
+"a2080c6bc8": /* 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 +8419,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 +8451,21 @@
             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());
         }
-        render() {
+        async render() {
             super.render();
-            this._layout_wrapper = (0, dom_1.div)({ style: "height: 100%; width: 100%" });
             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 +8530,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 +8590,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 +8606,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" ||
@@ -8468,73 +8670,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) => {
@@ -8588,7 +8723,7 @@
     }
     exports.isPlainObject = isPlainObject;
 },
-"9f787650b9": /* models/progress.js */ function _(require, module, exports, __esModule, __esExport) {
+"fd3806082d": /* models/progress.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     const p = (0, tslib_1.__importStar)(require("@bokehjs/core/properties"));
@@ -8632,8 +8767,13 @@
             this.progressEl.className = css;
         }
         setValue() {
-            if (this.model.value != null)
+            if (this.model.value == null)
+                this.progressEl.value = 0;
+            else if (this.model.value >= 0)
                 this.progressEl.value = this.model.value;
+            else if (this.model.value < 0)
+                this.progressEl.removeAttribute("value");
+            console.log(this.progressEl);
         }
         setMax() {
             if (this.model.max != null)
@@ -8669,6 +8809,95 @@
     Progress.__module__ = "panel.models.widgets";
     Progress.init_Progress();
 },
+"6895629dfc": /* models/quill.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");
+    const layout_1 = require("4c755983eb") /* ./layout */;
+    class QuillInputView extends layout_1.PanelHTMLBoxView {
+        initialize() {
+            super.initialize();
+            this._container = (0, dom_1.div)({});
+        }
+        connect_signals() {
+            super.connect_signals();
+            this.connect(this.model.properties.disabled.change, () => this.quill.enable(!this.model.disabled));
+            this.connect(this.model.properties.text.change, () => {
+                if (this._editing)
+                    return;
+                this._editing = true;
+                this.quill.setContents([]);
+                this.quill.clipboard.dangerouslyPasteHTML(this.model.text);
+                this._editing = false;
+            });
+            const { mode, toolbar } = this.model.properties;
+            this.on_change([mode, toolbar], () => {
+                this.render();
+                this._layout_toolbar();
+            });
+        }
+        _layout_toolbar() {
+            if (this._toolbar == null) {
+                this.el.style.removeProperty('padding-top');
+            }
+            else {
+                const height = this._toolbar.getBoundingClientRect().height + 1;
+                this.el.style.paddingTop = height + "px";
+                this._toolbar.style.marginTop = -height + "px";
+            }
+        }
+        render() {
+            super.render();
+            this.el.appendChild(this._container);
+            const theme = (this.model.mode === 'bubble') ? 'bubble' : 'snow';
+            this.quill = new window.Quill(this._container, {
+                modules: {
+                    toolbar: this.model.toolbar
+                },
+                placeholder: this.model.placeholder,
+                theme: theme
+            });
+            this._editor = this.el.querySelector('.ql-editor');
+            this._toolbar = this.el.querySelector('.ql-toolbar');
+            this.quill.clipboard.dangerouslyPasteHTML(this.model.text);
+            this.quill.on('text-change', () => {
+                if (this._editing)
+                    return;
+                this._editing = true;
+                this.model.text = this._editor.innerHTML;
+                this._editing = false;
+            });
+        }
+        after_layout() {
+            super.after_layout();
+            this._layout_toolbar();
+        }
+    }
+    exports.QuillInputView = QuillInputView;
+    QuillInputView.__name__ = "QuillInputView";
+    class QuillInput extends html_box_1.HTMLBox {
+        constructor(attrs) {
+            super(attrs);
+        }
+        static init_QuillInput() {
+            this.prototype.default_view = QuillInputView;
+            this.define(({ Any, Boolean, String }) => ({
+                mode: [String, 'toolbar'],
+                placeholder: [String, ''],
+                readonly: [Boolean, false],
+                text: [String, ''],
+                toolbar: [Any, null],
+            }));
+            this.override({
+                height: 300
+            });
+        }
+    }
+    exports.QuillInput = QuillInput;
+    QuillInput.__name__ = "QuillInput";
+    QuillInput.__module__ = "panel.models.quill";
+    QuillInput.init_QuillInput();
+},
 "eb3a49319b": /* models/reactive_html.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const preact_1 = require("6f11f2ef27") /* preact */;
@@ -8681,7 +8910,7 @@
     const color_1 = require("@bokehjs/core/util/color");
     const data_1 = require("f1971f81bf") /* ./data */;
     const event_to_object_1 = require("3329d4aa5b") /* ./event-to-object */;
-    const html_1 = require("2839081043") /* ./html */;
+    const html_1 = require("c424a3bd17") /* ./html */;
     const layout_1 = require("4c755983eb") /* ./layout */;
     function serialize_attrs(attrs) {
         const serialized = {};
@@ -9559,11 +9788,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 +9824,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 +9842,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 +9854,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 +9866,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 +9891,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,14 +10248,17 @@
     TrendIndicator.__module__ = "panel.models.trend";
     TrendIndicator.init_TrendIndicator();
 },
-"4feb5fa522": /* models/vega.js */ function _(require, module, exports, __esModule, __esExport) {
+"04fd346566": /* 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");
     class VegaPlotView extends html_box_1.HTMLBoxView {
         connect_signals() {
             super.connect_signals();
-            this.connect(this.model.properties.data.change, this._plot);
+            const { data, show_actions, theme } = this.model.properties;
+            this.on_change([data, show_actions, theme], () => {
+                this._plot();
+            });
             this.connect(this.model.properties.data_sources.change, () => this._connect_sources());
             this._connected = [];
             this._connect_sources();
@@ -10075,7 +10314,8 @@
                 }
                 this.model.data['datasets'] = datasets;
             }
-            window.vegaEmbed(this.el, this.model.data, { actions: false });
+            const config = { actions: this.model.show_actions, theme: this.model.theme };
+            window.vegaEmbed(this.el, this.model.data, config);
         }
     }
     exports.VegaPlotView = VegaPlotView;
@@ -10086,9 +10326,11 @@
         }
         static init_VegaPlot() {
             this.prototype.default_view = VegaPlotView;
-            this.define(({ Any }) => ({
+            this.define(({ Any, Boolean, String }) => ({
                 data: [Any, {}],
                 data_sources: [Any, {}],
+                show_actions: [Boolean, false],
+                theme: [String,]
             }));
         }
     }
@@ -10330,19 +10572,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 */;
+    var vtkvolume_1 = require("7785475bdd") /* ./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("0a57062475") /* ./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("e13c143c7d") /* ./vtklayout */;
+    const util_1 = require("993f3118b2") /* ./util */;
     class VTKJSPlotView extends vtklayout_1.AbstractVTKView {
         connect_signals() {
             super.connect_signals();
@@ -10377,7 +10619,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 +10646,7 @@
     VTKJSPlot.__name__ = "VTKJSPlot";
     VTKJSPlot.init_VTKJSPlot();
 },
-"46fdad9667": /* models/vtk/vtklayout.js */ function _(require, module, exports, __esModule, __esExport) {
+"e13c143c7d": /* 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 +10654,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 +10794,6 @@
                     });
                 }
             }
-            console.log(this.model.annotations);
         }
         connect_signals() {
             super.connect_signals();
@@ -10616,6 +10857,9 @@
         remove() {
             this._unsubscribe_camera_cb();
             window.removeEventListener("resize", this._vtk_renwin.resize);
+            if (this._orientationWidget != null)
+                this._orientationWidget.delete();
+            this._vtk_renwin.getRenderWindow().getInteractor().delete();
             this._vtk_renwin.delete();
             super.remove();
         }
@@ -10815,6 +11059,7 @@
     AbstractVTKView.__name__ = "AbstractVTKView";
     class AbstractVTKPlot extends html_box_1.HTMLBox {
         constructor(attrs) {
+            (0, util_1.setup_vtkns)();
             super(attrs);
         }
         getActors() {
@@ -10840,7 +11085,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 +11099,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 +11340,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 +11423,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 +11463,7 @@
                 }
                 return coords;
             }).flat(2);
-            const axesPolyData = (0, util_1.vtk)({
+            const axesPolyData = window.vtk({
                 vtkClass: "vtkPolyData",
                 points: {
                     vtkClass: "vtkPoints",
@@ -17880,10 +18130,10 @@
         };
     }();
 },
-"89262e43a1": /* models/vtk/vtkvolume.js */ function _(require, module, exports, __esModule, __esExport) {
+"7785475bdd": /* 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("e13c143c7d") /* ./vtklayout */;
+    const util_1 = require("993f3118b2") /* ./util */;
     class VTKVolumePlotView extends vtklayout_1.AbstractVTKView {
         connect_signals() {
             super.connect_signals();
@@ -17971,6 +18221,12 @@
                 if (this._controllerWidget != null)
                     this._controllerWidget.setExpanded(this.model.controller_expanded);
             });
+            this.connect(this.model.properties.nan_opacity.change, () => {
+                const scalar_opacity = this.image_actor_i.getProperty().getScalarOpacity();
+                scalar_opacity.get(["nodes"]).nodes[0].y = this.model.nan_opacity;
+                scalar_opacity.modified();
+                this._vtk_renwin.getRenderWindow().render();
+            });
         }
         render() {
             this._vtk_renwin = null;
@@ -18101,9 +18357,12 @@
             image_actor_k.setMapper(image_mapper_k);
             // set_color and opacity
             const piecewiseFunction = util_1.vtkns.PiecewiseFunction.newInstance();
-            piecewiseFunction.removeAllPoints();
-            piecewiseFunction.addPoint(0, 1);
             const lookupTable = this.volume.getProperty().getRGBTransferFunction(0);
+            const range = this.volume.getMapper().getInputData().getPointData().getScalars().getRange();
+            piecewiseFunction.removeAllPoints();
+            piecewiseFunction.addPoint(range[0] - 1, this.model.nan_opacity);
+            piecewiseFunction.addPoint(range[0], 1);
+            piecewiseFunction.addPoint(range[1], 1);
             const property = image_actor_i.getProperty();
             image_actor_j.setProperty(property);
             image_actor_k.setProperty(property);
@@ -18180,10 +18439,9 @@
             }
         }
         _set_slices_visibility(visibility) {
-            this._vtk_renwin
-                .getRenderer()
-                .getActors()
-                .map((actor) => actor.setVisibility(visibility));
+            this.image_actor_i.setVisibility(visibility);
+            this.image_actor_j.setVisibility(visibility);
+            this.image_actor_k.setVisibility(visibility);
         }
         _set_volume_visibility(visibility) {
             this.volume.setVisibility(visibility);
@@ -18207,6 +18465,7 @@
                 edge_gradient: [Number, 0.2],
                 interpolation: [util_1.Interpolation, 'fast_linear'],
                 mapper: [Struct({ palette: Array(String), low: Number, high: Number })],
+                nan_opacity: [Number, 1],
                 render_background: [String, '#52576e'],
                 rescale: [Boolean, false],
                 sampling: [Number, 0.4],
@@ -18224,14 +18483,12 @@
     VTKVolumePlot.__name__ = "VTKVolumePlot";
     VTKVolumePlot.init_VTKVolumePlot();
 },
-"4baab0b7ce": /* models/vtk/vtksynchronized.js */ function _(require, module, exports, __esModule, __esExport) {
+"0a57062475": /* 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("e13c143c7d") /* ./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() {
@@ -18241,15 +18498,6 @@
             this._arrays = {};
             this._decoded_arrays = {};
             this._pending_arrays = {};
-            // Internal closures
-            this.getArray = (hash) => {
-                if (this._arrays[hash]) {
-                    return Promise.resolve(this._arrays[hash]);
-                }
-                return new Promise((resolve, reject) => {
-                    this._pending_arrays[hash] = { resolve, reject };
-                });
-            };
             this.registerArray = (hash, array) => {
                 this._arrays[hash] = array;
                 if (this._pending_arrays[hash]) {
@@ -18282,7 +18530,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 +18607,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());
@@ -18378,14 +18627,14 @@
         }
         static init_VTKSynchronizedPlot() {
             this.prototype.default_view = VTKSynchronizedPlotView;
-            this.define({
-                arrays: [p.Any, {}],
-                arrays_processed: [p.Array, []],
-                enable_keybindings: [p.Boolean, false],
-                one_time_reset: [p.Boolean],
-                rebuild: [p.Boolean, false],
-                scene: [p.Any, {}],
-            });
+            this.define(({ Any, Array, Boolean, String }) => ({
+                arrays: [Any, {}],
+                arrays_processed: [Array(String), []],
+                enable_keybindings: [Boolean, false],
+                one_time_reset: [Boolean],
+                rebuild: [Boolean, false],
+                scene: [Any, {}],
+            }));
             this.override({
                 height: 300,
                 width: 300,
@@ -18397,108 +18646,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 +18763,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":"1abe9b6912","models/ace":"9fecc8d0f9","models/layout":"4c755983eb","models/audio":"339f84d639","models/card":"c816112d20","models/comm_manager":"e552778259","models/tabulator":"0fb5c5eacd","models/data":"f1971f81bf","models/datetime_picker":"6e11b2cfe2","models/deckgl":"df2378664f","models/tooltips":"6e04fbe567","models/echarts":"9d046c4720","models/html":"c424a3bd17","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":"a2080c6bc8","models/util":"990b5dd5c7","models/progress":"fd3806082d","models/quill":"6895629dfc","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":"04fd346566","models/video":"ffe54b53c3","models/videostream":"e3e9b8e495","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"b6d9199d03","models/vtk/vtklayout":"e13c143c7d","models/vtk/util":"993f3118b2","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"204e2f98bd","models/vtk/vtkvolume":"7785475bdd","models/vtk/vtksynchronized":"0a57062475","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
 //# sourceMappingURL=panel.js.map