@holoviz/panel 1.4.1 → 1.4.2-rc.2

package/dist/panel.js

@@ -69,7 +69,7 @@
     __esExport("Card", card_1.Card);
     var checkbox_button_group_1 = require("51fbe9e2d0") /* ./checkbox_button_group */;
     __esExport("CheckboxButtonGroup", checkbox_button_group_1.CheckboxButtonGroup);
-    var chatarea_input_1 = require("30fb939eca") /* ./chatarea_input */;
+    var chatarea_input_1 = require("27a077673d") /* ./chatarea_input */;
     __esExport("ChatAreaInput", chatarea_input_1.ChatAreaInput);
     var column_1 = require("aab20b9d6a") /* ./column */;
     __esExport("Column", column_1.Column);
@@ -105,11 +105,11 @@
     __esExport("MathJax", mathjax_1.MathJax);
     var pdf_1 = require("cf33f23f5c") /* ./pdf */;
     __esExport("PDF", pdf_1.PDF);
-    var perspective_1 = require("27a1d9df9e") /* ./perspective */;
+    var perspective_1 = require("8b1673a40b") /* ./perspective */;
     __esExport("Perspective", perspective_1.Perspective);
     var player_1 = require("f06104d237") /* ./player */;
     __esExport("Player", player_1.Player);
-    var plotly_1 = require("c08950da15") /* ./plotly */;
+    var plotly_1 = require("6f2064dc74") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
     var progress_1 = require("aded75e266") /* ./progress */;
     __esExport("Progress", progress_1.Progress);
@@ -1257,7 +1257,7 @@
         }));
     })();
 },
-"30fb939eca": /* models/chatarea_input.js */ function _(require, module, exports, __esModule, __esExport) {
+"27a077673d": /* models/chatarea_input.js */ function _(require, module, exports, __esModule, __esExport) {
     var _a, _b;
     __esModule();
     const textarea_input_1 = require("b7d595d74a") /* ./textarea_input */;
@@ -1286,12 +1286,18 @@
         render() {
             super.render();
             this.el.addEventListener("keydown", (event) => {
-                if (event.key === "Enter" && !event.shiftKey) {
-                    if (!this.model.disabled_enter) {
-                        this.model.trigger_event(new ChatMessageEvent(this.model.value_input));
-                        this.model.value_input = "";
+                if (event.key === "Enter") {
+                    if (!event.shiftKey && (event.ctrlKey != this.model.enter_sends)) {
+                        if (!this.model.disabled_enter) {
+                            this.model.trigger_event(new ChatMessageEvent(this.model.value_input));
+                            this.model.value_input = "";
+                        }
+                        event.preventDefault();
+                    }
+                    else if (event.ctrlKey && this.model.enter_sends) {
+                        this.model.value_input += "\n";
+                        event.preventDefault();
                     }
-                    event.preventDefault();
                 }
             });
         }
@@ -1312,6 +1318,7 @@
         _b.define(({ Bool }) => {
             return {
                 disabled_enter: [Bool, false],
+                enter_sends: [Bool, true],
             };
         });
     })();
@@ -8391,7 +8398,7 @@
         }));
     })();
 },
-"27a1d9df9e": /* models/perspective.js */ function _(require, module, exports, __esModule, __esExport) {
+"8b1673a40b": /* models/perspective.js */ function _(require, module, exports, __esModule, __esExport) {
     var _a, _b;
     __esModule();
     const tslib_1 = require("tslib");
@@ -8455,14 +8462,16 @@
             this._updating = false;
             this._config_listener = null;
             this._current_config = null;
+            this._current_plugin = null;
             this._loaded = false;
+            this._plugin_configs = new Map();
         }
         connect_signals() {
             super.connect_signals();
             this.connect(this.model.source.properties.data.change, () => this.setData());
             this.connect(this.model.source.streaming, () => this.stream());
             this.connect(this.model.source.patching, () => this.patch());
-            const { schema, toggle_config, columns, expressions, split_by, group_by, aggregates, filters, sort, plugin, selectable, editable, theme, title, settings, } = this.model.properties;
+            const { schema, columns, expressions, split_by, group_by, aggregates, filters, sort, plugin, selectable, editable, theme, title, settings, } = this.model.properties;
             const not_updating = (fn) => {
                 return () => {
                     if (this._updating) {
@@ -8478,9 +8487,6 @@
                     this.perspective_element.load(this.table);
                 });
             });
-            this.on_change(toggle_config, () => {
-                this.perspective_element.toggleConfig();
-            });
             this.on_change(columns, not_updating(() => {
                 this.perspective_element.restore({ columns: this.model.columns });
             }));
@@ -8509,7 +8515,7 @@
                 this.perspective_element.restore({ sort: this.model.sort });
             }));
             this.on_change(plugin, not_updating(() => {
-                this.perspective_element.restore({ plugin: PLUGINS[this.model.plugin] });
+                this.perspective_element.restore({ plugin: PLUGINS[this.model.plugin], ...settings });
             }));
             this.on_change(selectable, not_updating(() => {
                 this.perspective_element.restore({ plugin_config: { ...this._current_config, selectable: this.model.selectable } });
@@ -8544,12 +8550,13 @@
                     zIndex: 0,
                 },
             });
+            this._current_plugin = this.model.plugin;
             container.innerHTML = "<perspective-viewer style='height:100%; width:100%;'></perspective-viewer>";
             this.perspective_element = container.children[0];
-            this.perspective_element.resetThemes([...Object.values(THEMES)]).catch(() => { });
-            if (this.model.toggle_config) {
-                this.perspective_element.toggleConfig();
-            }
+            const themesArray = Object.values(THEMES);
+            const filteredThemes = themesArray.filter(t => t !== this.model.theme);
+            const orderedThemes = [this.model.theme, ...filteredThemes];
+            this.perspective_element.resetThemes(orderedThemes).catch(() => { });
             (0, layout_1.set_size)(container, this.model);
             this.shadow_el.appendChild(container);
             this.worker.table(this.model.schema).then((table) => {
@@ -8592,7 +8599,20 @@
                 return true;
             }
             this.perspective_element.save().then((config) => {
+                if (config.plugin !== this._current_plugin) {
+                    this._plugin_configs.set(this._current_plugin, {
+                        columns: this._current_config.columns,
+                        columns_config: this._current_config.columns_config,
+                        plugin_config: this._current_config.plugin_config,
+                    });
+                    if (this._plugin_configs.has(config.plugin)) {
+                        const overrides = this._plugin_configs.get(config.plugin);
+                        this.perspective_element.restore(overrides);
+                        config = { ...config, ...overrides };
+                    }
+                }
                 this._current_config = config;
+                this._current_plugin = config.plugin;
                 const props = {};
                 for (let option in config) {
                     let value = config[option];
@@ -8676,7 +8696,6 @@
             selectable: [Bool, true],
             settings: [Bool, true],
             schema: [Any, {}],
-            toggle_config: [Bool, true],
             sort: [Nullable(List(List(Str))), null],
             source: [Ref(column_data_source_1.ColumnDataSource)],
             theme: [Str, "pro"],
@@ -9100,10 +9119,11 @@
         _a.override({ width: 400 });
     })();
 },
-"c08950da15": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
-    var _a;
+"6f2064dc74": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
+    var _a, _b;
     __esModule();
     const tslib_1 = require("tslib");
+    const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const dom_1 = require("@bokehjs/core/dom");
     const types_1 = require("@bokehjs/core/util/types");
     const object_1 = require("@bokehjs/core/util/object");
@@ -9113,17 +9133,37 @@
     const util_1 = require("27e2a99e99") /* ./util */;
     const layout_1 = require("73d6aee8f5") /* ./layout */;
     const plotly_css_1 = tslib_1.__importDefault(require("ce7c8e2a4f") /* ../styles/models/plotly.css */);
+    class PlotlyEvent extends bokeh_events_1.ModelEvent {
+        constructor(data) {
+            super();
+            this.data = data;
+        }
+        get event_values() {
+            return { model: this.origin, data: this.data };
+        }
+    }
+    exports.PlotlyEvent = PlotlyEvent;
+    _a = PlotlyEvent;
+    PlotlyEvent.__name__ = "PlotlyEvent";
+    (() => {
+        _a.prototype.event_name = "plotly_event";
+    })();
     function convertUndefined(obj) {
-        Object
-            .entries(obj)
-            .forEach(([key, value]) => {
-            if ((0, types_1.isPlainObject)(value)) {
-                convertUndefined(value);
-            }
-            else if (value === undefined) {
-                obj[key] = null;
-            }
-        });
+        if ((0, types_1.isArray)(obj)) {
+            return obj.map(convertUndefined);
+        }
+        else if ((0, types_1.isPlainObject)(obj)) {
+            Object
+                .entries(obj)
+                .forEach(([key, value]) => {
+                if ((0, types_1.isPlainObject)(value) || (0, types_1.isArray)(value)) {
+                    convertUndefined(value);
+                }
+                else if (value === undefined) {
+                    obj[key] = null;
+                }
+            });
+        }
         return obj;
     }
     const filterEventData = (gd, eventData, event) => {
@@ -9203,6 +9243,7 @@
             this._rendered = false;
             this._reacting = false;
             this._relayouting = false;
+            this._hoverdata = null;
             this._end_relayouting = (0, debounce_1.debounce)(() => {
                 this._relayouting = false;
             }, 2000, false);
@@ -9327,29 +9368,41 @@
             });
             //  - plotly_click
             this.container.on("plotly_click", (eventData) => {
-                this.model.click_data = filterEventData(this.container, eventData, "click");
+                const data = filterEventData(this.container, eventData, "click");
+                this.model.trigger_event(new PlotlyEvent({ type: "click", data }));
             });
             //  - plotly_hover
             this.container.on("plotly_hover", (eventData) => {
-                this.model.hover_data = filterEventData(this.container, eventData, "hover");
+                const data = filterEventData(this.container, eventData, "hover");
+                this.model.trigger_event(new PlotlyEvent({ type: "hover", data }));
+                // Override hoverdata to ensure click event has context
+                // see https://github.com/holoviz/panel/pull/6753
+                this._hoverdata = this.container._hoverdata = eventData.points;
             });
             //  - plotly_selected
             this.container.on("plotly_selected", (eventData) => {
-                this.model.selected_data = filterEventData(this.container, eventData, "selected");
+                const data = filterEventData(this.container, eventData, "selected");
+                this.model.trigger_event(new PlotlyEvent({ type: "selected", data }));
             });
             //  - plotly_clickannotation
             this.container.on("plotly_clickannotation", (eventData) => {
                 delete eventData.event;
                 delete eventData.fullAnnotation;
-                this.model.clickannotation_data = eventData;
+                this.model.trigger_event(new PlotlyEvent({ type: "clickannotation", data: eventData }));
             });
             //  - plotly_deselect
             this.container.on("plotly_deselect", () => {
-                this.model.selected_data = null;
+                this.model.trigger_event(new PlotlyEvent({ type: "selected", data: null }));
             });
             //  - plotly_unhover
             this.container.on("plotly_unhover", () => {
-                this.model.hover_data = null;
+                // Override hoverdata to ensure click event has context
+                this.container._hoverdata = this._hoverdata;
+                this.model.trigger_event(new PlotlyEvent({ type: "hover", data: null }));
+                setTimeout(() => {
+                    // Remove hoverdata once events have been processed
+                    delete this.container._hoverdata;
+                }, 0);
             });
         }
         async plot(new_plot = false) {
@@ -9471,12 +9524,12 @@
         }
     }
     exports.PlotlyPlot = PlotlyPlot;
-    _a = PlotlyPlot;
+    _b = PlotlyPlot;
     PlotlyPlot.__name__ = "PlotlyPlot";
     PlotlyPlot.__module__ = "panel.models.plotly";
     (() => {
-        _a.prototype.default_view = PlotlyPlotView;
-        _a.define(({ List, Any, Nullable, Float, Ref, Str }) => ({
+        _b.prototype.default_view = PlotlyPlotView;
+        _b.define(({ List, Any, Nullable, Float, Ref, Str }) => ({
             data: [List(Any), []],
             layout: [Any, {}],
             config: [Any, {}],
@@ -9486,10 +9539,6 @@
             restyle: [Nullable(Any), {}],
             relayout_data: [Any, {}],
             restyle_data: [List(Any), []],
-            click_data: [Any, {}],
-            hover_data: [Any, {}],
-            clickannotation_data: [Any, {}],
-            selected_data: [Any, {}],
             viewport: [Any, {}],
             viewport_update_policy: [Str, "mouseup"],
             viewport_update_throttle: [Float, 200],
@@ -20959,5 +21008,5 @@
     }
     exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"38670592ce","models/ace":"c780fc99fd","models/layout":"73d6aee8f5","models/audio":"fd59c985b3","models/browser":"85211a0a5b","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"17193475a8","models/card":"aaa0c51c8d","models/column":"aab20b9d6a","styles/models/card.css":"dfbedd1d49","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"30fb939eca","models/textarea_input":"b7d595d74a","models/comm_manager":"352943c042","models/customselect":"92bbd30bd1","models/tabulator":"887daef873","models/data":"be689f0377","models/datetime_picker":"ddf98634bb","models/deckgl":"dc03aab885","models/tooltips":"f8f8ea4284","models/echarts":"04cbffdfe0","models/event-to-object":"2cc1a33000","models/feed":"976c02c0a8","models/file_download":"3ead851ca6","models/html":"89d2d3667a","models/ipywidget":"8a8089cbf3","models/json":"7eff964d3e","models/jsoneditor":"d57683bd1f","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"ec353a3d9a","models/pdf":"cf33f23f5c","models/perspective":"27a1d9df9e","styles/models/perspective.css":"2e2913ea54","models/player":"f06104d237","models/plotly":"c08950da15","models/util":"27e2a99e99","styles/models/plotly.css":"ce7c8e2a4f","models/progress":"aded75e266","models/quill":"c72e00086f","models/radio_button_group":"25e2d7c208","models/reactive_html":"6cfc3f348e","models/singleselect":"168c4d0ebd","models/speech_to_text":"739cca6576","models/state":"92822cb73a","models/tabs":"2231cdc549","models/terminal":"121f00bd6f","models/text_to_speech":"a04eb51988","models/toggle_icon":"ad985f285e","models/tooltip_icon":"ae3a172647","models/trend":"3584638c04","models/vega":"119dc23765","models/video":"79dc37b888","styles/models/video.css":"dfe21e6f1b","models/videostream":"f8afc4e661","models/vizzu":"470ce1dcbc","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"ac55912dc1","models/vtk/vtklayout":"b06d05fa3e","models/vtk/util":"df9946ff52","models/vtk/vtkcolorbar":"b1d68776a9","models/vtk/vtkaxes":"0379dcf1cd","models/vtk/vtkvolume":"4797a2858f","models/vtk/vtksynchronized":"a4e5946204","models/vtk/panel_fullscreen_renwin_sync":"5e89c7b3eb"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"38670592ce","models/ace":"c780fc99fd","models/layout":"73d6aee8f5","models/audio":"fd59c985b3","models/browser":"85211a0a5b","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"17193475a8","models/card":"aaa0c51c8d","models/column":"aab20b9d6a","styles/models/card.css":"dfbedd1d49","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"27a077673d","models/textarea_input":"b7d595d74a","models/comm_manager":"352943c042","models/customselect":"92bbd30bd1","models/tabulator":"887daef873","models/data":"be689f0377","models/datetime_picker":"ddf98634bb","models/deckgl":"dc03aab885","models/tooltips":"f8f8ea4284","models/echarts":"04cbffdfe0","models/event-to-object":"2cc1a33000","models/feed":"976c02c0a8","models/file_download":"3ead851ca6","models/html":"89d2d3667a","models/ipywidget":"8a8089cbf3","models/json":"7eff964d3e","models/jsoneditor":"d57683bd1f","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"ec353a3d9a","models/pdf":"cf33f23f5c","models/perspective":"8b1673a40b","styles/models/perspective.css":"2e2913ea54","models/player":"f06104d237","models/plotly":"6f2064dc74","models/util":"27e2a99e99","styles/models/plotly.css":"ce7c8e2a4f","models/progress":"aded75e266","models/quill":"c72e00086f","models/radio_button_group":"25e2d7c208","models/reactive_html":"6cfc3f348e","models/singleselect":"168c4d0ebd","models/speech_to_text":"739cca6576","models/state":"92822cb73a","models/tabs":"2231cdc549","models/terminal":"121f00bd6f","models/text_to_speech":"a04eb51988","models/toggle_icon":"ad985f285e","models/tooltip_icon":"ae3a172647","models/trend":"3584638c04","models/vega":"119dc23765","models/video":"79dc37b888","styles/models/video.css":"dfe21e6f1b","models/videostream":"f8afc4e661","models/vizzu":"470ce1dcbc","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"ac55912dc1","models/vtk/vtklayout":"b06d05fa3e","models/vtk/util":"df9946ff52","models/vtk/vtkcolorbar":"b1d68776a9","models/vtk/vtkaxes":"0379dcf1cd","models/vtk/vtkvolume":"4797a2858f","models/vtk/vtksynchronized":"a4e5946204","models/vtk/panel_fullscreen_renwin_sync":"5e89c7b3eb"}, {});});
 //# sourceMappingURL=panel.js.map