@holoviz/panel 0.12.1 → 0.12.3

package/dist/panel.js

@@ -31,7 +31,7 @@
 (function(root, factory) {
   factory(root["Bokeh"], undefined);
 })(this, function(Bokeh, version) {
-  var define;
+  let define;
   return (function(modules, entry, aliases, externals) {
     const bokeh = typeof Bokeh !== "undefined" && (version != null ? Bokeh[version] : Bokeh);
     if (bokeh != null) {
@@ -44,15 +44,15 @@
 "4e90918c0a": /* index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const Panel = tslib_1.__importStar(require("7898617fc4") /* ./models */);
+    const Panel = (0, tslib_1.__importStar)(require("7898617fc4") /* ./models */);
     exports.Panel = Panel;
     const base_1 = require("@bokehjs/base");
-    base_1.register_models(Panel);
+    (0, base_1.register_models)(Panel);
 },
 "7898617fc4": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    var ace_1 = require("be520eff91") /* ./ace */;
+    var ace_1 = require("9fecc8d0f9") /* ./ace */;
     __esExport("AcePlot", ace_1.AcePlot);
     var audio_1 = require("339f84d639") /* ./audio */;
     __esExport("Audio", audio_1.Audio);
@@ -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("cd0a5e2f82") /* ./tabulator */;
+    var tabulator_1 = require("32011d40fa") /* ./tabulator */;
     __esExport("DataTabulator", tabulator_1.DataTabulator);
     var datetime_picker_1 = require("6e11b2cfe2") /* ./datetime_picker */;
     __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
@@ -88,13 +88,13 @@
     __esExport("Perspective", perspective_1.Perspective);
     var player_1 = require("2e8044c920") /* ./player */;
     __esExport("Player", player_1.Player);
-    var plotly_1 = require("c23bb1717d") /* ./plotly */;
+    var plotly_1 = require("50ac0b0178") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
     var progress_1 = require("9f787650b9") /* ./progress */;
     __esExport("Progress", progress_1.Progress);
-    var reactive_html_1 = require("d536149aaa") /* ./reactive_html */;
+    var reactive_html_1 = require("11283de978") /* ./reactive_html */;
     __esExport("ReactiveHTML", reactive_html_1.ReactiveHTML);
-    var singleselect_1 = require("3b85956787") /* ./singleselect */;
+    var singleselect_1 = require("5ed2116e26") /* ./singleselect */;
     __esExport("SingleSelect", singleselect_1.SingleSelect);
     var speech_to_text_1 = require("aaa48703af") /* ./speech_to_text */;
     __esExport("SpeechToText", speech_to_text_1.SpeechToText);
@@ -104,7 +104,7 @@
     __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("ded3463d6c") /* ./trend */;
+    var trend_1 = require("effe070807") /* ./trend */;
     __esExport("TrendIndicator", trend_1.TrendIndicator);
     var vega_1 = require("4feb5fa522") /* ./vega */;
     __esExport("VegaPlot", vega_1.VegaPlot);
@@ -112,9 +112,9 @@
     __esExport("Video", video_1.Video);
     var videostream_1 = require("e3e9b8e495") /* ./videostream */;
     __esExport("VideoStream", videostream_1.VideoStream);
-    tslib_1.__exportStar(require("c51f25e2a7") /* ./vtk */, exports);
+    (0, tslib_1.__exportStar)(require("c51f25e2a7") /* ./vtk */, exports);
 },
-"be520eff91": /* models/ace.js */ function _(require, module, exports, __esModule, __esExport) {
+"9fecc8d0f9": /* models/ace.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");
@@ -129,7 +129,7 @@
         initialize() {
             super.initialize();
             this._ace = window.ace;
-            this._container = dom_1.div({
+            this._container = (0, dom_1.div)({
                 id: ID(),
                 style: {
                     width: "100%",
@@ -161,7 +161,7 @@
             this._editor.setOptions({
                 enableBasicAutocompletion: true,
                 enableSnippets: true,
-                fontFamily: "monospace",
+                fontFamily: "monospace", //hack for cursor position
             });
             this._update_theme();
             this._update_filename();
@@ -311,9 +311,9 @@
                 return cached;
             }
             const bounded = new types_1.Sizeable(viewport).bounded_to(this.sizing.size);
-            const size = dom_1.sized(this.el, bounded, () => {
-                const content = new types_1.Sizeable(dom_1.content_size(this.el));
-                const { border, padding } = dom_1.extents(this.el);
+            const size = (0, dom_1.sized)(this.el, bounded, () => {
+                const content = new types_1.Sizeable((0, dom_1.content_size)(this.el));
+                const { border, padding } = (0, dom_1.extents)(this.el);
                 return content.grow_by(border).grow_by(padding).map(Math.ceil);
             });
             this._cache.set(key_str, size);
@@ -472,7 +472,7 @@
     const tslib_1 = require("tslib");
     const column_1 = require("@bokehjs/models/layouts/column");
     const bbox_1 = require("@bokehjs/core/util/bbox");
-    const DOM = tslib_1.__importStar(require("@bokehjs/core/dom"));
+    const DOM = (0, tslib_1.__importStar)(require("@bokehjs/core/dom"));
     const dom_1 = require("@bokehjs/core/dom");
     const grid_1 = require("@bokehjs/core/layout/grid");
     const color_1 = require("@bokehjs/core/util/color");
@@ -507,10 +507,10 @@
             super.update_position();
         }
         render() {
-            dom_1.empty(this.el);
+            (0, dom_1.empty)(this.el);
             const { background, button_css_classes, header_color, header_tag, header_css_classes } = this.model;
-            this.el.style.backgroundColor = background != null ? color_1.color2css(background) : "";
-            dom_1.classes(this.el).clear().add(...this.css_classes());
+            this.el.style.backgroundColor = background != null ? (0, color_1.color2css)(background) : "";
+            (0, dom_1.classes)(this.el).clear().add(...this.css_classes());
             let header_background = this.model.header_background;
             if (!this.model.collapsed && this.model.active_header_background)
                 header_background = this.model.active_header_background;
@@ -693,7 +693,7 @@
     CommManager.__module__ = "panel.models.comm_manager";
     CommManager.init_CommManager();
 },
-"cd0a5e2f82": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
+"32011d40fa": /* 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");
@@ -718,7 +718,7 @@
         for (const group of grouped) {
             const subsummary = summarize(group._children, columns, aggregators, depth + 1);
             for (const col in subsummary) {
-                if (types_1.isArray(subsummary[col]))
+                if ((0, types_1.isArray)(subsummary[col]))
                     group[col] = subsummary[col].reduce((a, b) => a + b, 0) / subsummary[col].length;
                 else
                     group[col] = subsummary[col];
@@ -734,7 +734,7 @@
                     else if (agg === 'sum')
                         summary[column.field] = val + old_val;
                     else if (agg === 'mean') {
-                        if (types_1.isArray(summary[column.field]))
+                        if ((0, types_1.isArray)(summary[column.field]))
                             summary[column.field].push(val);
                         else
                             summary[column.field] = [old_val, val];
@@ -786,6 +786,7 @@
         constructor() {
             super(...arguments);
             this._tabulator_cell_updating = false;
+            this._data_updating = true;
             this._selection_updating = false;
             this._styled_cells = [];
         }
@@ -837,8 +838,8 @@
             if (wait)
                 return;
             this._initializing = true;
-            const container = dom_1.div({ class: "pnx-tabulator" });
-            layout_1.set_size(container, this.model);
+            const container = (0, dom_1.div)({ class: "pnx-tabulator" });
+            (0, layout_1.set_size)(container, this.model);
             let configuration = this.getConfiguration();
             this.tabulator = new Tabulator(container, configuration);
             // Swap pagination mode
@@ -871,8 +872,11 @@
             return new Promise((resolve, reject) => {
                 try {
                     if (page != null && sorters != null) {
+                        if (this._data_updating)
+                            this._data_updating = false;
+                        else
+                            this.model.sorters = sorters;
                         this.model.page = page || 1;
-                        this.model.sorters = sorters;
                     }
                     resolve([]);
                 }
@@ -928,7 +932,7 @@
             if (cds === null || (cds.columns().length === 0))
                 data = [];
             else
-                data = data_1.transform_cds_to_records(cds, true);
+                data = (0, data_1.transform_cds_to_records)(cds, true);
             if (configuration.dataTree)
                 data = group_data(data, this.model.columns, this.model.indexes, this.model.aggregators);
             return Object.assign(Object.assign({}, configuration), { "data": data });
@@ -982,7 +986,7 @@
                     else {
                         tab_column.formatter = (cell) => {
                             const formatted = column.formatter.doFormat(cell.getRow(), cell, cell.getValue(), null, null);
-                            const node = dom_1.div();
+                            const node = (0, dom_1.div)();
                             node.innerHTML = formatted;
                             return node.children[0].innerHTML;
                         };
@@ -1051,13 +1055,16 @@
         }
         // Update table
         setData() {
-            let data = data_1.transform_cds_to_records(this.model.source, true);
+            let data = (0, data_1.transform_cds_to_records)(this.model.source, true);
             if (this.model.configuration.dataTree)
                 data = group_data(data, this.model.columns, this.model.indexes, this.model.aggregators);
+            this._data_updating = true;
             if (this.model.pagination != null)
                 this.tabulator.rowManager.setData(data, true, false);
-            else
+            else {
                 this.tabulator.setData(data);
+                this._data_updating = false;
+            }
             this.freezeRows();
             this.updateSelection();
         }
@@ -1136,7 +1143,7 @@
                     element.cssText = "";
                     for (const s of style) {
                         let prop, value;
-                        if (types_1.isArray(s))
+                        if ((0, types_1.isArray)(s))
                             [prop, value] = s;
                         else if (!s.includes(':'))
                             continue;
@@ -1151,7 +1158,7 @@
         addData() {
             const rows = this.tabulator.rowManager.getRows();
             const last_row = rows[rows.length - 1];
-            let data = data_1.transform_cds_to_records(this.model.source, true);
+            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);
@@ -1163,7 +1170,7 @@
             // To avoid double updating the tabulator data
             if (this._tabulator_cell_updating)
                 return;
-            let data = data_1.transform_cds_to_records(this.model.source, true);
+            let data = (0, data_1.transform_cds_to_records)(this.model.source, true);
             this.tabulator.setData(data);
             this.freezeRows();
             this.updateSelection();
@@ -1177,11 +1184,11 @@
             }
         }
         setMaxPage() {
-            this.tabulator.setMaxPage(Math.max(this.model.page, this.model.max_page));
+            this.tabulator.setMaxPage(this.model.max_page);
             this.tabulator.modules.page._setPageButtons();
         }
         setPage() {
-            this.tabulator.setPage(this.model.page);
+            this.tabulator.setPage(Math.min(this.model.max_page, this.model.page));
         }
         setPageSize() {
             this.tabulator.setPageSize(this.model.page_size);
@@ -1261,7 +1268,7 @@
     }
     exports.DataTabulatorView = DataTabulatorView;
     DataTabulatorView.__name__ = "DataTabulatorView";
-    exports.TableLayout = kinds_1.Enum("fit_data", "fit_data_fill", "fit_data_stretch", "fit_data_table", "fit_columns");
+    exports.TableLayout = (0, kinds_1.Enum)("fit_data", "fit_data_fill", "fit_data_stretch", "fit_data_table", "fit_columns");
     // The Bokeh .ts model corresponding to the Bokeh .py model
     class DataTabulator extends html_box_1.HTMLBox {
         constructor(attrs) {
@@ -1343,17 +1350,17 @@
 "6e11b2cfe2": /* models/datetime_picker.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const flatpickr_1 = tslib_1.__importDefault(require("50d3473f3f") /* flatpickr */);
+    const flatpickr_1 = (0, tslib_1.__importDefault)(require("50d3473f3f") /* flatpickr */);
     const input_widget_1 = require("@bokehjs/models/widgets/input_widget");
     const dom_1 = require("@bokehjs/core/dom");
     const enums_1 = require("@bokehjs/core/enums");
     const types_1 = require("@bokehjs/core/util/types");
-    const inputs = tslib_1.__importStar(require("@bokehjs/styles/widgets/inputs.css"));
-    const flatpickr_css_1 = tslib_1.__importDefault(require("@bokehjs/styles/widgets/flatpickr.css"));
+    const inputs = (0, tslib_1.__importStar)(require("@bokehjs/styles/widgets/inputs.css"));
+    const flatpickr_css_1 = (0, tslib_1.__importDefault)(require("@bokehjs/styles/widgets/flatpickr.css"));
     function _convert_date_list(value) {
         const result = [];
         for (const item of value) {
-            if (types_1.isString(item))
+            if ((0, types_1.isString)(item))
                 result.push(item);
             else {
                 const [from, to] = item;
@@ -1392,9 +1399,9 @@
             if (this._picker != null)
                 return;
             super.render();
-            this.input_el = dom_1.input({ type: "text", class: inputs.input, disabled: this.model.disabled });
+            this.input_el = (0, dom_1.input)({ type: "text", class: inputs.input, disabled: this.model.disabled });
             this.group_el.appendChild(this.input_el);
-            this._picker = flatpickr_1.default(this.input_el, {
+            this._picker = (0, flatpickr_1.default)(this.input_el, {
                 defaultDate: this.model.value,
                 minDate: (_a = this.model.min_date) !== null && _a !== void 0 ? _a : undefined,
                 maxDate: (_b = this.model.max_date) !== null && _b !== void 0 ? _b : undefined,
@@ -4138,7 +4145,7 @@
     const data_1 = require("f1971f81bf") /* ./data */;
     const layout_1 = require("4c755983eb") /* ./layout */;
     const tooltips_1 = require("6e04fbe567") /* ./tooltips */;
-    const constants_1 = tslib_1.__importDefault(require("093eb75864") /* @luma.gl/constants */);
+    const constants_1 = (0, tslib_1.__importDefault)(require("093eb75864") /* @luma.gl/constants */);
     function extractClasses() {
         // Get classes for registration from standalone deck.gl
         const classesDict = {};
@@ -4210,7 +4217,7 @@
                     this._layer_map[n - 1] = layer.data;
                     cds = this.model.data_sources[layer.data];
                 }
-                layer.data = data_1.transform_cds_to_records(cds);
+                layer.data = (0, data_1.transform_cds_to_records)(cds);
             }
             if (render)
                 this.updateDeck();
@@ -4258,7 +4265,7 @@
             let deckgl;
             try {
                 const props = this.jsonConverter.convert(jsonInput);
-                const getTooltip = tooltips_1.makeTooltip(tooltip, props.layers);
+                const getTooltip = (0, tooltips_1.makeTooltip)(tooltip, props.layers);
                 deckgl = new window.deck.DeckGL(Object.assign(Object.assign({}, props), { map: window.mapboxgl, mapboxApiAccessToken: mapboxApiKey, container,
                     getTooltip }));
             }
@@ -4269,8 +4276,8 @@
         }
         render() {
             super.render();
-            const container = dom_1.div({ class: "deckgl" });
-            layout_1.set_size(container, this.model);
+            const container = (0, dom_1.div)({ class: "deckgl" });
+            (0, layout_1.set_size)(container, this.model);
             const MAPBOX_API_KEY = this.model.mapbox_api_key;
             const tooltip = this.model.tooltip;
             const data = this.getData();
@@ -5368,7 +5375,7 @@
                 }
                 for (const event_name of this.model.events[node]) {
                     const callback = (event) => {
-                        this.model.trigger_event(new DOMEvent(node, event_to_object_1.serializeEvent(event)));
+                        this.model.trigger_event(new DOMEvent(node, (0, event_to_object_1.serializeEvent)(event)));
                     };
                     el.addEventListener(event_name, callback);
                     if (!(node in this._event_listeners))
@@ -5539,9 +5546,9 @@
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const layout_1 = require("4c755983eb") /* ./layout */;
     const event_to_object_1 = require("3329d4aa5b") /* ./event-to-object */;
-    const LayoutConfigContext = preact_1.createContext({});
+    const LayoutConfigContext = (0, preact_1.createContext)({});
     function mountLayout(mountElement, saveUpdateHook, sendEvent, importSourceUrl) {
-        preact_1.render(preact_2.html `
+        (0, preact_1.render)((0, preact_2.html) `
       <${Layout}
         saveUpdateHook=${saveUpdateHook}
         sendEvent=${sendEvent}
@@ -5552,9 +5559,9 @@
     exports.mountLayout = mountLayout;
     function Layout({ saveUpdateHook, sendEvent, importSourceUrl }) {
         const [model, patchModel] = useInplaceJsonPatch({});
-        hooks_1.useEffect(() => saveUpdateHook(patchModel), [patchModel]);
+        (0, hooks_1.useEffect)(() => saveUpdateHook(patchModel), [patchModel]);
         if (model.tagName) {
-            return preact_2.html `
+            return (0, preact_2.html) `
       <${LayoutConfigContext.Provider}
         value=${{
                 sendEvent: sendEvent,
@@ -5566,46 +5573,46 @@
     `;
         }
         else
-            return preact_2.html `<div />`;
+            return (0, preact_2.html) `<div />`;
     }
     exports.default = Layout;
     function Element({ model }) {
         if (model.importSource)
-            return preact_2.html `<${ImportedElement} model=${model} />`;
+            return (0, preact_2.html) `<${ImportedElement} model=${model} />`;
         else
-            return preact_2.html `<${StandardElement} model=${model} />`;
+            return (0, preact_2.html) `<${StandardElement} model=${model} />`;
     }
     function ImportedElement({ model }) {
-        const config = hooks_1.useContext(LayoutConfigContext);
+        const config = (0, hooks_1.useContext)(LayoutConfigContext);
         const module = useLazyModule(model.importSource.source, config.importSourceUrl);
         if (module) {
             const cmpt = getPathProperty(module, model.tagName);
             const children = elementChildren(model);
             const attributes = elementAttributes(model, config.sendEvent);
-            return preact_2.html `<${cmpt} ...${attributes}>${children}<//>`;
+            return (0, preact_2.html) `<${cmpt} ...${attributes}>${children}<//>`;
         }
         else {
             const fallback = model.importSource.fallback;
             if (!fallback)
-                return preact_2.html `<div />`;
+                return (0, preact_2.html) `<div />`;
             switch (typeof fallback) {
                 case "object":
-                    return preact_2.html `<${Element} model=${fallback} />`;
+                    return (0, preact_2.html) `<${Element} model=${fallback} />`;
                 case "string":
-                    return preact_2.html `<div>${fallback}</div>`;
+                    return (0, preact_2.html) `<div>${fallback}</div>`;
                 default:
                     return null;
             }
         }
     }
     function StandardElement({ model }) {
-        const config = hooks_1.useContext(LayoutConfigContext);
+        const config = (0, hooks_1.useContext)(LayoutConfigContext);
         const children = elementChildren(model);
         const attributes = elementAttributes(model, config.sendEvent);
         if (model.children && model.children.length)
-            return preact_2.html `<${model.tagName} ...${attributes}>${children}<//>`;
+            return (0, preact_2.html) `<${model.tagName} ...${attributes}>${children}<//>`;
         else
-            return preact_2.html `<${model.tagName} ...${attributes} />`;
+            return (0, preact_2.html) `<${model.tagName} ...${attributes} />`;
     }
     function elementChildren(model) {
         if (!model.children)
@@ -5614,7 +5621,7 @@
             return model.children.map((child) => {
                 switch (typeof child) {
                     case "object":
-                        return preact_2.html `<${Element} model=${child} />`;
+                        return (0, preact_2.html) `<${Element} model=${child} />`;
                     case "string":
                         return child;
                     default:
@@ -5641,7 +5648,7 @@
                         value.preventDefault();
                     if (eventSpec["stopPropagation"])
                         value.stopPropagation();
-                    return event_to_object_1.serializeEvent(value);
+                    return (0, event_to_object_1.serializeEvent)(value);
                 }
                 else
                     return value;
@@ -5657,7 +5664,7 @@
         };
     }
     function useLazyModule(source, sourceUrlBase = "") {
-        const [module, setModule] = hooks_1.useState(null);
+        const [module, setModule] = (0, hooks_1.useState)(null);
         // use eval() to avoid weird build behavior by bundlers like Webpack
         if (!module)
             eval(`import('${joinUrl(sourceUrlBase, source)}')`).then(setModule);
@@ -5673,9 +5680,9 @@
         return value;
     }
     function useInplaceJsonPatch(doc) {
-        const ref = hooks_1.useRef(doc);
+        const ref = (0, hooks_1.useRef)(doc);
         const forceUpdate = useForceUpdate();
-        const applyPatch = hooks_1.useCallback((path, patch) => {
+        const applyPatch = (0, hooks_1.useCallback)((path, patch) => {
             applyPatchInplace(ref.current, path, patch);
             forceUpdate();
         }, [ref, forceUpdate]);
@@ -5683,20 +5690,20 @@
     }
     function applyPatchInplace(doc, path, patch) {
         if (!path)
-            fast_json_patch_1.applyPatch(doc, patch);
+            (0, fast_json_patch_1.applyPatch)(doc, patch);
         else {
-            fast_json_patch_1.applyPatch(doc, [
+            (0, fast_json_patch_1.applyPatch)(doc, [
                 {
                     op: "replace",
                     path: path,
-                    value: fast_json_patch_1.applyPatch(fast_json_patch_1.getValueByPointer(doc, path), patch, false, false).newDocument,
+                    value: (0, fast_json_patch_1.applyPatch)((0, fast_json_patch_1.getValueByPointer)(doc, path), patch, false, false).newDocument,
                 },
             ]);
         }
     }
     function useForceUpdate() {
-        const [, updateState] = hooks_1.useState({});
-        return hooks_1.useCallback(() => updateState({}), []);
+        const [, updateState] = (0, hooks_1.useState)({});
+        return (0, hooks_1.useCallback)(() => updateState({}), []);
     }
     function joinUrl(base, tail) {
         return tail.startsWith("./")
@@ -5715,7 +5722,7 @@
             this.update_layout();
             this.compute_layout();
             this.invalidate_layout();
-            layout_1.set_size(this.el, this.model);
+            (0, layout_1.set_size)(this.el, this.model);
         }
         initialize() {
             super.initialize();
@@ -6107,7 +6114,7 @@
     __esExport("h", preact_2.h);
     __esExport("render", preact_2.render);
     __esExport("Component", preact_2.Component);
-    const htm_1 = tslib_1.__importDefault(require("ab33dd3f38") /* htm */);
+    const htm_1 = (0, tslib_1.__importDefault)(require("ab33dd3f38") /* htm */);
     var m = htm_1.default.bind(preact_1.h);
     exports.html = m;
 },
@@ -7079,7 +7086,7 @@
     const tslib_1 = require("tslib");
     const kinds_1 = require("@bokehjs/core/kinds");
     const markup_1 = require("@bokehjs/models/widgets/markup");
-    const json_formatter_js_1 = tslib_1.__importDefault(require("18bba7b7e1") /* json-formatter-js */);
+    const json_formatter_js_1 = (0, tslib_1.__importDefault)(require("18bba7b7e1") /* json-formatter-js */);
     const layout_1 = require("4c755983eb") /* ./layout */;
     class JSONView extends layout_1.PanelMarkupView {
         connect_signals() {
@@ -7112,7 +7119,7 @@
     }
     exports.JSONView = JSONView;
     JSONView.__name__ = "JSONView";
-    exports.JSONTheme = kinds_1.Enum("dark", "light");
+    exports.JSONTheme = (0, kinds_1.Enum)("dark", "light");
     class JSON extends markup_1.Markup {
         constructor(attrs) {
             super(attrs);
@@ -7219,7 +7226,7 @@
     __esModule();
     const tslib_1 = require("tslib");
     const input_widget_1 = require("@bokehjs/models/widgets/input_widget");
-    const buttons_css_1 = tslib_1.__importStar(require("@bokehjs/styles/buttons.css")), buttons = buttons_css_1;
+    const buttons_css_1 = (0, tslib_1.__importStar)(require("@bokehjs/styles/buttons.css")), buttons = buttons_css_1;
     const dom_1 = require("@bokehjs/core/dom");
     const enums_1 = require("@bokehjs/core/enums");
     function dataURItoBlob(dataURI) {
@@ -7309,7 +7316,7 @@
             // "Uncaught TypeError: t is undefined"
             // This seems to be related to button do not have a value
             // property.
-            this.input_el = dom_1.input({
+            this.input_el = (0, dom_1.input)({
                 type: "bk_btn, bk_btn_type",
             });
             this.input_el.addEventListener("change", () => this.change_input());
@@ -7646,16 +7653,16 @@
             this.worker = window.perspective.worker();
             this.table = this.worker.table(this.model.schema);
             this.table.update(this.data);
-            const container = dom_1.div({
+            const container = (0, dom_1.div)({
                 class: "pnx-perspective-viewer",
                 style: {
                     zIndex: 0,
                 }
             });
-            layout_1.set_size(container, this.model);
+            (0, layout_1.set_size)(container, this.model);
             container.innerHTML = this.getInnerHTML();
             this.perspective_element = container.children[0];
-            layout_1.set_size(this.perspective_element, this.model);
+            (0, layout_1.set_size)(this.perspective_element, this.model);
             this.el.appendChild(container);
             this.perspective_element.load(this.table).then(() => {
                 this.update_config();
@@ -7858,7 +7865,7 @@
                 return;
             }
             // Layout to group the elements
-            this.groupEl = dom_1.div();
+            this.groupEl = (0, dom_1.div)();
             this.groupEl.style.display = "flex";
             this.groupEl.style.flexDirection = "column";
             this.groupEl.style.alignItems = "center";
@@ -7871,7 +7878,7 @@
             this.sliderEl.max = String(this.model.end);
             this.sliderEl.onchange = (ev) => this.set_frame(parseInt(ev.target.value));
             // Buttons
-            const button_div = dom_1.div();
+            const button_div = (0, dom_1.div)();
             this.buttonEl = button_div;
             button_div.style.cssText = "margin: 0 auto; display: flex; padding: 5px; align-items: stretch; width: 100%;";
             const button_style_small = "text-align: center; min-width: 20px; flex-grow: 1; margin: 2px";
@@ -8090,7 +8097,7 @@
     }
     exports.PlayerView = PlayerView;
     PlayerView.__name__ = "PlayerView";
-    exports.LoopPolicy = kinds_1.Enum("once", "loop", "reflect");
+    exports.LoopPolicy = (0, kinds_1.Enum)("once", "loop", "reflect");
     class Player extends widget_1.Widget {
         constructor(attrs) {
             super(attrs);
@@ -8115,7 +8122,7 @@
     Player.__module__ = "panel.models.widgets";
     Player.init_Player();
 },
-"c23bb1717d": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
+"50ac0b0178": /* 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");
@@ -8148,7 +8155,7 @@
                 for (let property in fullPoint) {
                     const val = fullPoint[property];
                     if (fullPoint.hasOwnProperty(property) &&
-                        !Array.isArray(val) && !util_1.isPlainObject(val)) {
+                        !Array.isArray(val) && !(0, util_1.isPlainObject)(val)) {
                         pointData[property] = val;
                     }
                 }
@@ -8200,7 +8207,7 @@
             this._plotInitialized = false;
             this._reacting = false;
             this._relayouting = false;
-            this._end_relayouting = debounce_1.debounce(() => {
+            this._end_relayouting = (0, debounce_1.debounce)(() => {
                 this._relayouting = false;
             }, 2000, false);
         }
@@ -8237,7 +8244,7 @@
         }
         render() {
             super.render();
-            this._layout_wrapper = dom_1.div({ style: "height: 100%; width: 100%" });
+            this._layout_wrapper = (0, dom_1.div)({ style: "height: 100%; width: 100%" });
             this.el.appendChild(this._layout_wrapper);
             if (!window.Plotly) {
                 return;
@@ -8252,7 +8259,7 @@
             return data;
         }
         _layout_data() {
-            const newLayout = util_1.deepCopy(this.model.layout);
+            const newLayout = (0, util_1.deepCopy)(this.model.layout);
             if (this._relayouting) {
                 const { layout } = this._layout_wrapper;
                 // For each xaxis* and yaxis* property of layout, if the value has a 'range'
@@ -8331,8 +8338,14 @@
                     window.Plotly.Plots.resize(this._layout_wrapper);
             });
         }
+        after_layout() {
+            super.after_layout();
+            if (window.Plotly) {
+                window.Plotly.Plots.resize(this._layout_wrapper);
+            }
+        }
         _get_trace(index, update) {
-            const trace = object_1.clone(this.model.data[index]);
+            const trace = (0, object_1.clone)(this.model.data[index]);
             const cds = this.model.data_sources[index];
             for (const column of cds.columns()) {
                 let array = cds.get_array(column)[0];
@@ -8366,8 +8379,8 @@
             const fullLayout = this._layout_wrapper._fullLayout;
             // Call relayout if viewport differs from fullLayout
             Object.keys(this.model.viewport).reduce((value, key) => {
-                if (!eq_1.isEqual(util_1.get(fullLayout, key), value)) {
-                    let clonedViewport = util_1.deepCopy(this.model.viewport);
+                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);
                     return false;
@@ -8387,10 +8400,10 @@
                 }
                 let maybe_axis = prop.slice(0, 5);
                 if (maybe_axis === 'xaxis' || maybe_axis === 'yaxis') {
-                    viewport[prop + '.range'] = util_1.deepCopy(fullLayout[prop].range);
+                    viewport[prop + '.range'] = (0, util_1.deepCopy)(fullLayout[prop].range);
                 }
             }
-            if (!eq_1.isEqual(viewport, this.model.viewport)) {
+            if (!(0, eq_1.isEqual)(viewport, this.model.viewport)) {
                 this._setViewport(viewport);
             }
         }
@@ -8406,7 +8419,7 @@
                 };
             }
             else {
-                this._setViewport = util_1.throttle((viewport) => {
+                this._setViewport = (0, util_1.throttle)((viewport) => {
                     if (!this._settingViewport) {
                         this._settingViewport = true;
                         this.model.viewport = viewport;
@@ -8572,7 +8585,7 @@
 "9f787650b9": /* models/progress.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const p = tslib_1.__importStar(require("@bokehjs/core/properties"));
+    const p = (0, tslib_1.__importStar)(require("@bokehjs/core/properties"));
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const layout_1 = require("4c755983eb") /* ./layout */;
     class ProgressView extends html_box_1.HTMLBoxView {
@@ -8599,7 +8612,7 @@
             this.progressEl = document.createElement('progress');
             this.setValue();
             this.setMax();
-            layout_1.set_size(this.progressEl, this.model);
+            (0, layout_1.set_size)(this.progressEl, this.model);
             // Set styling
             this.setCSS();
             for (const prop in style)
@@ -8650,7 +8663,7 @@
     Progress.__module__ = "panel.models.widgets";
     Progress.init_Progress();
 },
-"d536149aaa": /* models/reactive_html.js */ function _(require, module, exports, __esModule, __esExport) {
+"11283de978": /* models/reactive_html.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const preact_1 = require("6f11f2ef27") /* preact */;
     const hooks_1 = require("4c02a9b43f") /* preact/hooks */;
@@ -8730,7 +8743,7 @@
         }
         initialize() {
             super.initialize();
-            this.html = html_1.htmlDecode(this.model.html) || this.model.html;
+            this.html = (0, html_1.htmlDecode)(this.model.html) || this.model.html;
         }
         _recursive_connect(model, update_children, path) {
             for (const prop in model.properties) {
@@ -8747,7 +8760,7 @@
                         for (const node in this.model.children) {
                             if (this.model.children[node] == prop) {
                                 let children = model[prop];
-                                if (!types_1.isArray(children))
+                                if (!(0, types_1.isArray)(children))
                                     children = [children];
                                 this._render_node(node, children);
                                 this.invalidate_layout();
@@ -8765,7 +8778,7 @@
         connect_signals() {
             super.connect_signals();
             this.connect(this.model.properties.children.change, async () => {
-                this.html = html_1.htmlDecode(this.model.html) || this.model.html;
+                this.html = (0, html_1.htmlDecode)(this.model.html) || this.model.html;
                 await this.rebuild();
                 this.invalidate_layout();
             });
@@ -8792,7 +8805,7 @@
                     attr = prop;
                 }
                 for (const script of scripts) {
-                    const decoded_script = html_1.htmlDecode(script) || script;
+                    const decoded_script = (0, html_1.htmlDecode)(script) || script;
                     const script_fn = this._render_script(decoded_script, id);
                     this._script_fns[prop] = script_fn;
                     const property = data_model.properties[attr];
@@ -8820,7 +8833,7 @@
             return script_fn(this.model, this.model.data, this._state, this, (s) => this.run_script(s), this_obj);
         }
         get_records(property, index = true) {
-            return data_1.dict_to_records(this.model.data[property], index);
+            return (0, data_1.dict_to_records)(this.model.data[property], index);
         }
         disconnect_signals() {
             super.disconnect_signals();
@@ -8838,7 +8851,7 @@
             return models;
         }
         async build_child_views() {
-            await build_views_1.build_views(this._child_views, this.child_models, { parent: null });
+            await (0, build_views_1.build_views)(this._child_views, this.child_models, { parent: null });
         }
         compute_layout() {
             if (this.root != this)
@@ -8868,7 +8881,7 @@
         _align_view(view) {
             const { align } = view.model;
             let halign, valign;
-            if (types_1.isArray(align))
+            if ((0, types_1.isArray)(align))
                 [halign, valign] = align;
             else
                 halign = valign = align;
@@ -8886,10 +8899,10 @@
                 view.el.style.marginTop = 'auto';
         }
         render() {
-            dom_1.empty(this.el);
+            (0, dom_1.empty)(this.el);
             const { background } = this.model;
-            this.el.style.backgroundColor = background != null ? color_1.color2css(background) : "";
-            dom_1.classes(this.el).clear().add(...this.css_classes());
+            this.el.style.backgroundColor = background != null ? (0, color_1.color2css)(background) : "";
+            (0, dom_1.classes)(this.el).clear().add(...this.css_classes());
             this._update();
             this._render_children();
             this._setup_mutation_observers();
@@ -8897,14 +8910,14 @@
             this.run_script('render', true);
         }
         _send_event(elname, attr, event) {
-            let serialized = event_to_object_1.serializeEvent(event);
+            let serialized = (0, event_to_object_1.serializeEvent)(event);
             serialized.type = attr;
             this.model.trigger_event(new html_1.DOMEvent(elname, serialized));
         }
         _render_child(model, el) {
             const view = this._child_views.get(model);
             if (view == null)
-                el.innerHTML = model;
+                el.innerHTML = (0, html_1.htmlDecode)(model) || model;
             else {
                 view._parent = this;
                 view.renderTo(el);
@@ -8928,13 +8941,13 @@
                 return;
             }
             this.el.style.display = this.model.visible ? "block" : "none";
-            layout_1.set_size(this.el, this.model);
+            (0, layout_1.set_size)(this.el, this.model);
             let { margin } = this.model;
             let margin_spec = null;
             if (margin == null)
                 this.el.style.margin = "";
             else {
-                if (types_1.isNumber(margin))
+                if ((0, types_1.isNumber)(margin))
                     margin_spec = { top: margin, right: margin, bottom: margin, left: margin };
                 else if (margin.length == 2) {
                     const [vertical, horizontal] = margin;
@@ -8977,7 +8990,7 @@
                 let children = this.model.children[node];
                 if (typeof children == "string") {
                     children = this.model.data[children];
-                    if (!types_1.isArray(children))
+                    if (!(0, types_1.isArray)(children))
                         children = [children];
                 }
                 this._render_node(node, children);
@@ -9113,7 +9126,7 @@
                 const rendered = this._render_html(this.html);
                 try {
                     this._changing = true;
-                    preact_1.render(rendered, this.el);
+                    (0, preact_1.render)(rendered, this.el);
                 }
                 finally {
                     this._changing = false;
@@ -9181,13 +9194,13 @@
     ReactiveHTML.__module__ = "panel.models.reactive_html";
     ReactiveHTML.init_ReactiveHTML();
 },
-"3b85956787": /* models/singleselect.js */ function _(require, module, exports, __esModule, __esExport) {
+"5ed2116e26": /* models/singleselect.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     const dom_1 = require("@bokehjs/core/dom");
     const types_1 = require("@bokehjs/core/util/types");
     const input_widget_1 = require("@bokehjs/models/widgets/input_widget");
-    const inputs = tslib_1.__importStar(require("@bokehjs/styles/widgets/inputs.css"));
+    const inputs = (0, tslib_1.__importStar)(require("@bokehjs/styles/widgets/inputs.css"));
     class SingleSelectView extends input_widget_1.InputWidgetView {
         connect_signals() {
             super.connect_signals();
@@ -9202,13 +9215,13 @@
             super.render();
             const options = this.model.options.map((opt) => {
                 let value, _label;
-                if (types_1.isString(opt))
+                if ((0, types_1.isString)(opt))
                     value = _label = opt;
                 else
                     [value, _label] = opt;
-                return dom_1.option({ value }, _label);
+                return (0, dom_1.option)({ value }, _label);
             });
-            this.select_el = dom_1.select({
+            this.select_el = (0, dom_1.select)({
                 multiple: false,
                 class: inputs.input,
                 name: this.model.name,
@@ -9258,7 +9271,7 @@
             this.define(({ Any, Array, Int, String }) => ({
                 value: [String, ""],
                 options: [Array(Any), []],
-                size: [Int, 4],
+                size: [Int, 4], // 4 is the HTML default
             }));
         }
     }
@@ -9270,7 +9283,7 @@
 "aaa48703af": /* models/speech_to_text.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const p = tslib_1.__importStar(require("@bokehjs/core/properties"));
+    const p = (0, tslib_1.__importStar)(require("@bokehjs/core/properties"));
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const iconStarted = `<svg xmlns="http://www.w3.org/2000/svg" height="22px" style="vertical-align: middle;" fill="currentColor" class="bi bi-mic" viewBox="0 0 16 16">
   <path fill-rule="evenodd" d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/>
@@ -9503,7 +9516,7 @@
                 this.apply_state(this._cache[current]);
         }
         set_state(widget, value) {
-            let values = array_1.copy(this.values);
+            let values = (0, array_1.copy)(this.values);
             const index = this.widgets[widget.id];
             values[index] = value;
             let state = this.state;
@@ -9551,8 +9564,8 @@
         }
         render() {
             super.render();
-            this.container = dom_1.div({ class: "terminal-container" });
-            layout_1.set_size(this.container, this.model);
+            this.container = (0, dom_1.div)({ class: "terminal-container" });
+            (0, layout_1.set_size)(this.container, this.model);
             this.term = this.getNewTerminal();
             this.term.onData((value) => {
                 this.handleOnData(value);
@@ -9777,7 +9790,7 @@
     TextToSpeech.__module__ = "panel.models.text_to_speech";
     TextToSpeech.init_TextToSpeech();
 },
-"ded3463d6c": /* models/trend.js */ function _(require, module, exports, __esModule, __esExport) {
+"effe070807": /* models/trend.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const build_views_1 = require("@bokehjs/core/build_views");
@@ -9792,19 +9805,19 @@
     class TrendIndicatorView extends html_box_1.HTMLBoxView {
         initialize() {
             super.initialize();
-            this.containerDiv = dom_1.div({ style: "height:100%; width:100%;" });
-            this.titleDiv = dom_1.div({ style: "font-size: 1em; word-wrap: break-word;" });
-            this.valueDiv = dom_1.div({ style: "font-size: 2em" });
-            this.value2Div = dom_1.div({ style: "font-size: 1em; opacity: 0.5; display: inline" });
-            this.changeDiv = dom_1.div({ style: "font-size: 1em; opacity: 0.5; display: inline" });
-            this.textDiv = dom_1.div({}, this.titleDiv, this.valueDiv, dom_1.div({}, this.changeDiv, this.value2Div));
+            this.containerDiv = (0, dom_1.div)({ style: "height:100%; width:100%;" });
+            this.titleDiv = (0, dom_1.div)({ style: "font-size: 1em; word-wrap: break-word;" });
+            this.valueDiv = (0, dom_1.div)({ style: "font-size: 2em" });
+            this.value2Div = (0, dom_1.div)({ style: "font-size: 1em; opacity: 0.5; display: inline" });
+            this.changeDiv = (0, dom_1.div)({ style: "font-size: 1em; opacity: 0.5; display: inline" });
+            this.textDiv = (0, dom_1.div)({}, this.titleDiv, this.valueDiv, (0, dom_1.div)({}, this.changeDiv, this.value2Div));
             this.updateTitle();
             this.updateValue();
             this.updateValue2();
             this.updateValueChange();
             this.updateTextFontSize();
-            this.plotDiv = dom_1.div({});
-            this.containerDiv = dom_1.div({ style: "height:100%; width:100%" }, this.textDiv, this.plotDiv);
+            this.plotDiv = (0, dom_1.div)({});
+            this.containerDiv = (0, dom_1.div)({ style: "height:100%; width:100%" }, this.textDiv, this.plotDiv);
             this.updateLayout();
         }
         connect_signals() {
@@ -9878,7 +9891,7 @@
                 });
                 this.plot.add_glyph(vbar, source);
             }
-            const view = await build_views_1.build_view(this.plot);
+            const view = await (0, build_views_1.build_view)(this.plot);
             this.plotDiv.innerHTML = "";
             view.renderTo(this.plotDiv);
         }
@@ -9956,7 +9969,8 @@
                 this.textDiv.style.flex = "1";
                 this.plotDiv.style.flex = "1";
             }
-            this.invalidate_layout();
+            if (this._has_finished)
+                this.invalidate_layout();
         }
     }
     exports.TrendIndicatorView = TrendIndicatorView;
@@ -10043,7 +10057,7 @@
                     delete datasets['data'];
                 }
                 if (data.data != null) {
-                    const data_objs = types_1.isArray(data.data) ? data.data : [data.data];
+                    const data_objs = (0, types_1.isArray)(data.data) ? data.data : [data.data];
                     for (const d of data_objs) {
                         if (d.name in datasets) {
                             d['values'] = datasets[d.name];
@@ -10407,7 +10421,7 @@
         bottom: "0px",
         position: "absolute",
     };
-    const textPositions = kinds_1.Enum("LowerLeft", "LowerRight", "UpperLeft", "UpperRight", "LowerEdge", "RightEdge", "LeftEdge", "UpperEdge");
+    const textPositions = (0, kinds_1.Enum)("LowerLeft", "LowerRight", "UpperLeft", "UpperRight", "LowerEdge", "RightEdge", "LeftEdge", "UpperEdge");
     class AbstractVTKView extends layout_1.PanelHTMLBoxView {
         initialize() {
             super.initialize();
@@ -10426,8 +10440,8 @@
             const expand_width = "350px";
             const collapsed_width = "30px";
             info_div.classList.add('vtk_info');
-            util_1.applyStyle(info_div, INFO_DIV_STYLE);
-            util_1.applyStyle(info_div, { width: expand_width });
+            (0, util_1.applyStyle)(info_div, INFO_DIV_STYLE);
+            (0, util_1.applyStyle)(info_div, { width: expand_width });
             this.el.appendChild(info_div);
             //construct colorbars
             const colorbars = [];
@@ -10437,17 +10451,17 @@
             });
             //content when collapsed
             const dots = document.createElement('div');
-            util_1.applyStyle(dots, { textAlign: "center", fontSize: "20px" });
+            (0, util_1.applyStyle)(dots, { textAlign: "center", fontSize: "20px" });
             dots.innerText = "...";
             info_div.addEventListener('click', () => {
                 if (info_div.style.width === collapsed_width) {
                     info_div.removeChild(dots);
-                    util_1.applyStyle(info_div, { height: "auto", width: expand_width });
+                    (0, util_1.applyStyle)(info_div, { height: "auto", width: expand_width });
                     colorbars.forEach((cb) => info_div.appendChild(cb.canvas));
                 }
                 else {
                     colorbars.forEach((cb) => info_div.removeChild(cb.canvas));
-                    util_1.applyStyle(info_div, { height: collapsed_width, width: collapsed_width });
+                    (0, util_1.applyStyle)(info_div, { height: collapsed_width, width: collapsed_width });
                     info_div.appendChild(dots);
                 }
             });
@@ -10552,10 +10566,10 @@
             if (!this._vtk_renwin || !this._vtk_container) {
                 this._orientationWidget = null;
                 this._axes = null;
-                this._vtk_container = dom_1.div();
+                this._vtk_container = (0, dom_1.div)();
                 this.init_vtk_renwin();
                 this._init_annotations_container();
-                layout_1.set_size(this._vtk_container, this.model);
+                (0, layout_1.set_size)(this._vtk_container, this.model);
                 this.el.appendChild(this._vtk_container);
                 // update camera model state only at the end of the interaction
                 // with the scene (avoid bouncing events and large amount of events)
@@ -10568,7 +10582,7 @@
                 this.model.renderer_el = this._vtk_renwin;
             }
             else {
-                layout_1.set_size(this._vtk_container, this.model);
+                (0, layout_1.set_size)(this._vtk_container, this.model);
                 // warning if _vtk_renwin contain controllers or other elements
                 // we must attach them to the new el
                 this.el.appendChild(this._vtk_container);
@@ -10601,7 +10615,7 @@
             const vtk_camera = this._vtk_renwin.getRenderer().getActiveCamera();
             let state;
             if (vtk_camera) {
-                state = object_1.clone(vtk_camera.get());
+                state = (0, object_1.clone)(vtk_camera.get());
                 delete state.classHierarchy;
                 delete state.vtkObject;
                 delete state.vtkCamera;
@@ -10615,7 +10629,7 @@
         get _axes_canvas() {
             let axes_canvas = this._vtk_container.querySelector(".axes-canvas");
             if (!axes_canvas) {
-                axes_canvas = dom_1.canvas({
+                axes_canvas = (0, dom_1.canvas)({
                     style: {
                         position: "absolute",
                         top: "0",
@@ -10702,11 +10716,11 @@
                     Math.pow(position[2] - focalPoint[2], 2));
                 camera.setPosition(focalPoint[0] + direction[0] * distance, focalPoint[1] + direction[1] * distance, focalPoint[2] + direction[2] * distance);
                 if (direction[0])
-                    camera.setViewUp(util_1.majorAxis(viewUp, 1, 2));
+                    camera.setViewUp((0, util_1.majorAxis)(viewUp, 1, 2));
                 if (direction[1])
-                    camera.setViewUp(util_1.majorAxis(viewUp, 0, 2));
+                    camera.setViewUp((0, util_1.majorAxis)(viewUp, 0, 2));
                 if (direction[2])
-                    camera.setViewUp(util_1.majorAxis(viewUp, 0, 1));
+                    camera.setViewUp((0, util_1.majorAxis)(viewUp, 0, 1));
                 this._vtk_renwin.getRenderer().resetCameraClippingRange();
                 this._vtk_render();
                 this._get_camera_state();
@@ -10891,7 +10905,7 @@
         vtkObjectManager.setTypeMapping("vtkFollower", exports.vtkns.Follower.newInstance, vtkObjectManager.genericUpdater);
         vtkObjectManager.setTypeMapping("vtkOpenGLGlyph3DMapper", exports.vtkns.Glyph3DMapper.newInstance, vtkObjectManager.genericUpdater);
     }
-    exports.Interpolation = kinds_1.Enum("fast_linear", "linear", "nearest");
+    exports.Interpolation = (0, kinds_1.Enum)("fast_linear", "linear", "nearest");
     function applyStyle(el, style) {
         Object.keys(style).forEach((key) => {
             el.style[key] = style[key];
@@ -10922,7 +10936,7 @@
         const x = nodes.map((a) => a.x);
         const low = Math.min(...x);
         const high = Math.max(...x);
-        const vals = array_1.linspace(low, high, 255);
+        const vals = (0, array_1.linspace)(low, high, 255);
         const rgb = [0, 0, 0];
         const palette = vals.map((val) => {
             vtk_lut.getColor(val, rgb);
@@ -10997,7 +11011,7 @@
         }
         get values() {
             const { min, max } = this.mapper.metrics;
-            return array_1.linspace(min, max, this.options.ticksNum);
+            return (0, array_1.linspace)(min, max, this.options.ticksNum);
         }
         get ticks() {
             return this.values.map((v) => v.toExponential(3));
@@ -11031,7 +11045,7 @@
             const image_ctx = image.getContext("2d");
             const image_data = image_ctx.getImageData(0, 0, w, h);
             const cmap = new mappers_1.LinearColorMapper({ palette }).rgba_mapper;
-            const buf8 = cmap.v_compute(array_1.range(0, palette.length));
+            const buf8 = cmap.v_compute((0, array_1.range)(0, palette.length));
             image_data.data.set(buf8);
             image_ctx.putImageData(image_data, 0, 0);
             this.ctx.drawImage(image, 0, 2 * (this.font_height + 1) + 1, this.canvas.width, this.canvas.height);
@@ -11043,7 +11057,7 @@
             this.ctx.restore();
             this.ctx.save();
             //ticks
-            const tick_x_positions = array_1.linspace(0, this.canvas.width, 5);
+            const tick_x_positions = (0, array_1.linspace)(0, this.canvas.width, 5);
             tick_x_positions.forEach((xpos, idx) => {
                 let xpos_tick = xpos;
                 if (idx == 0) {
@@ -11071,7 +11085,7 @@
 "db7a0079c0": /* models/vtk/vtkaxes.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const p = tslib_1.__importStar(require("@bokehjs/core/properties"));
+    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 */;
@@ -11141,9 +11155,9 @@
         }
         _create_grid_axes() {
             const pts = [];
-            pts.push(util_1.cartesian_product(this.xticks, this.yticks, [this.origin[2]])); //xy
-            pts.push(util_1.cartesian_product([this.origin[0]], this.yticks, this.zticks)); //yz
-            pts.push(util_1.cartesian_product(this.xticks, [this.origin[1]], this.zticks)); //xz
+            pts.push((0, util_1.cartesian_product)(this.xticks, this.yticks, [this.origin[2]])); //xy
+            pts.push((0, util_1.cartesian_product)([this.origin[0]], this.yticks, this.zticks)); //yz
+            pts.push((0, util_1.cartesian_product)(this.xticks, [this.origin[1]], this.zticks)); //xz
             const polys = [];
             let offset = 0;
             polys.push(this._make_grid_lines(this.xticks.length, this.yticks.length, offset)); //xy
@@ -11151,7 +11165,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 = util_1.vtk({
+            const gridPolyData = (0, util_1.vtk)({
                 vtkClass: "vtkPolyData",
                 points: {
                     vtkClass: "vtkPoints",
@@ -11180,18 +11194,18 @@
                 let coords = null;
                 switch (axis) {
                     case 0:
-                        coords = util_1.cartesian_product(arr, [this.origin[1]], [this.origin[2]]);
+                        coords = (0, util_1.cartesian_product)(arr, [this.origin[1]], [this.origin[2]]);
                         break;
                     case 1:
-                        coords = util_1.cartesian_product([this.origin[0]], arr, [this.origin[2]]);
+                        coords = (0, util_1.cartesian_product)([this.origin[0]], arr, [this.origin[2]]);
                         break;
                     case 2:
-                        coords = util_1.cartesian_product([this.origin[0]], [this.origin[1]], arr);
+                        coords = (0, util_1.cartesian_product)([this.origin[0]], [this.origin[1]], arr);
                         break;
                 }
                 return coords;
             }).flat(2);
-            const axesPolyData = util_1.vtk({
+            const axesPolyData = (0, util_1.vtk)({
                 vtkClass: "vtkPolyData",
                 points: {
                     vtkClass: "vtkPoints",
@@ -11277,25 +11291,25 @@
 "2f3fd5db07": /* gl-matrix/esm/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     exports.glMatrix = glMatrix;
-    const mat2 = tslib_1.__importStar(require("7c0b8e6048") /* ./mat2.js */);
+    const mat2 = (0, tslib_1.__importStar)(require("7c0b8e6048") /* ./mat2.js */);
     exports.mat2 = mat2;
-    const mat2d = tslib_1.__importStar(require("dc03f0a621") /* ./mat2d.js */);
+    const mat2d = (0, tslib_1.__importStar)(require("dc03f0a621") /* ./mat2d.js */);
     exports.mat2d = mat2d;
-    const mat3 = tslib_1.__importStar(require("0285c50a7e") /* ./mat3.js */);
+    const mat3 = (0, tslib_1.__importStar)(require("0285c50a7e") /* ./mat3.js */);
     exports.mat3 = mat3;
-    const mat4 = tslib_1.__importStar(require("a427635f32") /* ./mat4.js */);
+    const mat4 = (0, tslib_1.__importStar)(require("a427635f32") /* ./mat4.js */);
     exports.mat4 = mat4;
-    const quat = tslib_1.__importStar(require("eb06fc032a") /* ./quat.js */);
+    const quat = (0, tslib_1.__importStar)(require("eb06fc032a") /* ./quat.js */);
     exports.quat = quat;
-    const quat2 = tslib_1.__importStar(require("277615c682") /* ./quat2.js */);
+    const quat2 = (0, tslib_1.__importStar)(require("277615c682") /* ./quat2.js */);
     exports.quat2 = quat2;
-    const vec2 = tslib_1.__importStar(require("c56d9ff837") /* ./vec2.js */);
+    const vec2 = (0, tslib_1.__importStar)(require("c56d9ff837") /* ./vec2.js */);
     exports.vec2 = vec2;
-    const vec3 = tslib_1.__importStar(require("2c5eb22089") /* ./vec3.js */);
+    const vec3 = (0, tslib_1.__importStar)(require("2c5eb22089") /* ./vec3.js */);
     exports.vec3 = vec3;
-    const vec4 = tslib_1.__importStar(require("c1aa33d719") /* ./vec4.js */);
+    const vec4 = (0, tslib_1.__importStar)(require("c1aa33d719") /* ./vec4.js */);
     exports.vec4 = vec4;
 },
 "68ca94c15c": /* gl-matrix/esm/common.js */ function _(require, module, exports, __esModule, __esExport) {
@@ -11352,7 +11366,7 @@
 "7c0b8e6048": /* gl-matrix/esm/mat2.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     /**
      * 2x2 Matrix
      * @module mat2
@@ -11758,7 +11772,7 @@
 "dc03f0a621": /* gl-matrix/esm/mat2d.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     /**
      * 2x3 Matrix
      * @module mat2d
@@ -12199,7 +12213,7 @@
 "0285c50a7e": /* gl-matrix/esm/mat3.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     /**
      * 3x3 Matrix
      * @module mat3
@@ -12885,7 +12899,7 @@
 "a427635f32": /* gl-matrix/esm/mat4.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     /**
      * 4x4 Matrix<br>Format: column-major, when typed out it looks like row-major<br>The matrices are being post multiplied.
      * @module mat4
@@ -14547,10 +14561,10 @@
 "eb06fc032a": /* gl-matrix/esm/quat.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
-    const mat3 = tslib_1.__importStar(require("0285c50a7e") /* ./mat3.js */);
-    const vec3 = tslib_1.__importStar(require("2c5eb22089") /* ./vec3.js */);
-    const vec4 = tslib_1.__importStar(require("c1aa33d719") /* ./vec4.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
+    const mat3 = (0, tslib_1.__importStar)(require("0285c50a7e") /* ./mat3.js */);
+    const vec3 = (0, tslib_1.__importStar)(require("2c5eb22089") /* ./vec3.js */);
+    const vec4 = (0, tslib_1.__importStar)(require("c1aa33d719") /* ./vec4.js */);
     /**
      * Quaternion
      * @module quat
@@ -14642,7 +14656,7 @@
      * @return {Number}     Angle, in radians, between the two quaternions
      */
     function getAngle(a, b) {
-        var dotproduct = exports.dot(a, b);
+        var dotproduct = (0, exports.dot)(a, b);
         return Math.acos(2 * dotproduct * dotproduct - 1);
     }
     exports.getAngle = getAngle;
@@ -14786,7 +14800,7 @@
      */
     function pow(out, a, b) {
         ln(out, a);
-        exports.scale(out, out, b);
+        (0, exports.scale)(out, out, b);
         exp(out, out);
         return out;
     }
@@ -15144,7 +15158,7 @@
                 out[1] = tmpvec3[1];
                 out[2] = tmpvec3[2];
                 out[3] = 1 + dot;
-                return exports.normalize(out, out);
+                return (0, exports.normalize)(out, out);
             }
         };
     }();
@@ -15191,14 +15205,14 @@
             matr[2] = -view[0];
             matr[5] = -view[1];
             matr[8] = -view[2];
-            return exports.normalize(out, fromMat3(out, matr));
+            return (0, exports.normalize)(out, fromMat3(out, matr));
         };
     }();
 },
 "2c5eb22089": /* gl-matrix/esm/vec3.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     /**
      * 3 Dimensional Vector
      * @module vec3
@@ -15925,7 +15939,7 @@
 "c1aa33d719": /* gl-matrix/esm/vec4.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     /**
      * 4 Dimensional Vector
      * @module vec4
@@ -16550,9 +16564,9 @@
 "277615c682": /* gl-matrix/esm/quat2.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
-    const quat = tslib_1.__importStar(require("eb06fc032a") /* ./quat.js */);
-    const mat4 = tslib_1.__importStar(require("a427635f32") /* ./mat4.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
+    const quat = (0, tslib_1.__importStar)(require("eb06fc032a") /* ./quat.js */);
+    const mat4 = (0, tslib_1.__importStar)(require("a427635f32") /* ./mat4.js */);
     /**
      * Dual Quaternion<br>
      * Format: [real, dual]<br>
@@ -17119,7 +17133,7 @@
      */
     function lerp(out, a, b, t) {
         var mt = 1 - t;
-        if (exports.dot(a, b) < 0)
+        if ((0, exports.dot)(a, b) < 0)
             t = -t;
         out[0] = a[0] * mt + b[0] * t;
         out[1] = a[1] * mt + b[1] * t;
@@ -17140,7 +17154,7 @@
      * @returns {quat2} out
      */
     function invert(out, a) {
-        var sqlen = exports.squaredLength(a);
+        var sqlen = (0, exports.squaredLength)(a);
         out[0] = -a[0] / sqlen;
         out[1] = -a[1] / sqlen;
         out[2] = -a[2] / sqlen;
@@ -17207,7 +17221,7 @@
      * @function
      */
     function normalize(out, a) {
-        var magnitude = exports.squaredLength(a);
+        var magnitude = (0, exports.squaredLength)(a);
         if (magnitude > 0) {
             magnitude = Math.sqrt(magnitude);
             var a0 = a[0] / magnitude;
@@ -17269,7 +17283,7 @@
 "c56d9ff837": /* gl-matrix/esm/vec2.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const glMatrix = tslib_1.__importStar(require("68ca94c15c") /* ./common.js */);
+    const glMatrix = (0, tslib_1.__importStar)(require("68ca94c15c") /* ./common.js */);
     /**
      * 2 Dimensional Vector
      * @module vec2
@@ -17866,7 +17880,7 @@
         connect_signals() {
             super.connect_signals();
             this.connect(this.model.properties.data.change, () => {
-                this._vtk_image_data = util_1.data2VTKImageData(this.model.data);
+                this._vtk_image_data = (0, util_1.data2VTKImageData)(this.model.data);
                 this.invalidate_render();
             });
             this.connect(this.model.properties.colormap.change, () => {
@@ -17938,7 +17952,7 @@
             this.connect(this.model.properties.render_background.change, () => {
                 this._vtk_renwin
                     .getRenderer()
-                    .setBackground(...util_1.hexToRGB(this.model.render_background));
+                    .setBackground(...(0, util_1.hexToRGB)(this.model.render_background));
                 this._vtk_renwin.getRenderWindow().render();
             });
             this.connect(this.model.properties.interpolation.change, () => {
@@ -17990,13 +18004,13 @@
             this._set_slices_visibility(this.model.display_slices);
             this._vtk_renwin
                 .getRenderer()
-                .setBackground(...util_1.hexToRGB(this.model.render_background));
+                .setBackground(...(0, util_1.hexToRGB)(this.model.render_background));
             this._set_interpolation(this.model.interpolation);
             this._set_camera_state();
         }
         get vtk_image_data() {
             if (!this._vtk_image_data)
-                this._vtk_image_data = util_1.data2VTKImageData(this.model.data);
+                this._vtk_image_data = (0, util_1.data2VTKImageData)(this.model.data);
             return this._vtk_image_data;
         }
         get volume() {
@@ -18102,7 +18116,7 @@
             const dataArray = source.getPointData().getScalars() || source.getPointData().getArrays()[0];
             const dataRange = dataArray.getRange();
             const lookupTable = util_1.vtkns.ColorTransferFunction.newInstance();
-            lookupTable.onModified(() => (this.model.mapper = util_1.vtkLutToMapper(lookupTable)));
+            lookupTable.onModified(() => (this.model.mapper = (0, util_1.vtkLutToMapper)(lookupTable)));
             const piecewiseFunction = util_1.vtkns.PiecewiseFunction.newInstance();
             const sampleDistance = 0.7 *
                 Math.sqrt(source
@@ -18205,7 +18219,7 @@
 "4baab0b7ce": /* models/vtk/vtksynchronized.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const p = tslib_1.__importStar(require("@bokehjs/core/properties"));
+    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 */;
@@ -18247,7 +18261,7 @@
                     this.invalidate_render();
                 }
                 else {
-                    const state = object_1.clone(this.model.scene);
+                    const state = (0, object_1.clone)(this.model.scene);
                     Promise.all(this._promises).then(() => {
                         this._sync_plot(state, () => {
                             this._on_scene_ready();
@@ -18269,7 +18283,7 @@
         plot() {
             this._vtk_renwin.getRenderWindow().clearOneTimeUpdaters();
             this._decode_arrays();
-            const state = object_1.clone(this.model.scene);
+            const state = (0, object_1.clone)(this.model.scene);
             Promise.all(this._promises).then(() => {
                 this._sync_plot(state, () => this._on_scene_ready()).then(() => {
                     this._set_camera_state();
@@ -18440,7 +18454,7 @@
             };
             publicAPI.addController = (html) => {
                 model.controlContainer = document.createElement("div");
-                util_1.applyStyle(model.controlContainer, model.controlPanelStyle || STYLE_CONTROL_PANEL);
+                (0, util_1.applyStyle)(model.controlContainer, model.controlPanelStyle || STYLE_CONTROL_PANEL);
                 model.rootContainer.appendChild(model.controlContainer);
                 model.controlContainer.innerHTML = html;
                 publicAPI.setControllerVisibility(model.controllerVisibility);
@@ -18491,5 +18505,5 @@
         };
     }
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"7898617fc4","models/ace":"be520eff91","models/layout":"4c755983eb","models/audio":"339f84d639","models/card":"c816112d20","models/comm_manager":"e552778259","models/tabulator":"cd0a5e2f82","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":"c23bb1717d","models/util":"990b5dd5c7","models/progress":"9f787650b9","models/reactive_html":"d536149aaa","models/singleselect":"3b85956787","models/speech_to_text":"aaa48703af","models/state":"bfa46a5f19","models/terminal":"91fe88c277","models/text_to_speech":"33cd2c254e","models/trend":"ded3463d6c","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":"c816112d20","models/comm_manager":"e552778259","models/tabulator":"32011d40fa","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":"11283de978","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"}, {});});
 //# sourceMappingURL=panel.js.map