@holoviz/panel 1.2.2-a.2 → 1.2.2-a.3

package/dist/panel.js

@@ -60,13 +60,13 @@
     __esExport("BrowserInfo", browser_1.BrowserInfo);
     var card_1 = require("c1e57c7e7d") /* ./card */;
     __esExport("Card", card_1.Card);
-    var column_1 = require("067b508b04") /* ./column */;
+    var column_1 = require("13afd4a31a") /* ./column */;
     __esExport("Column", column_1.Column);
     var comm_manager_1 = require("1e66dab844") /* ./comm_manager */;
     __esExport("CommManager", comm_manager_1.CommManager);
     var customselect_1 = require("9c8629b48f") /* ./customselect */;
     __esExport("CustomSelect", customselect_1.CustomSelect);
-    var tabulator_1 = require("fc45b724c1") /* ./tabulator */;
+    var tabulator_1 = require("2ec00301c1") /* ./tabulator */;
     __esExport("DataTabulator", tabulator_1.DataTabulator);
     var datetime_picker_1 = require("6658732ce1") /* ./datetime_picker */;
     __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
@@ -571,7 +571,7 @@
     __esModule();
     const tslib_1 = require("tslib");
     var _a;
-    const column_1 = require("067b508b04") /* ./column */;
+    const column_1 = require("13afd4a31a") /* ./column */;
     const DOM = tslib_1.__importStar(require("@bokehjs/core/dom"));
     class CardView extends column_1.ColumnView {
         connect_signals() {
@@ -688,7 +688,7 @@
         }));
     })();
 },
-"067b508b04": /* models/column.js */ function _(require, module, exports, __esModule, __esExport) {
+"13afd4a31a": /* models/column.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     var _a;
@@ -697,13 +697,19 @@
     class ColumnView extends column_1.ColumnView {
         connect_signals() {
             super.connect_signals();
-            const { children, scroll_button_threshold } = this.model.properties;
+            const { children, scroll_position, scroll_button_threshold } = this.model.properties;
             this.on_change(children, () => this.trigger_auto_scroll());
+            this.on_change(scroll_position, () => this.scroll_to_position());
             this.on_change(scroll_button_threshold, () => this.toggle_scroll_button());
         }
         get distance_from_latest() {
             return this.el.scrollHeight - this.el.scrollTop - this.el.clientHeight;
         }
+        scroll_to_position() {
+            requestAnimationFrame(() => {
+                this.el.scrollTop = this.model.scroll_position;
+            });
+        }
         scroll_to_latest() {
             // Waits for the child to be rendered before scrolling
             requestAnimationFrame(() => {
@@ -717,6 +723,9 @@
                 return;
             this.scroll_to_latest();
         }
+        record_scroll_position() {
+            this.model.scroll_position = this.el.scrollTop;
+        }
         toggle_scroll_button() {
             const threshold = this.model.scroll_button_threshold;
             const exceeds_threshold = this.distance_from_latest >= threshold;
@@ -727,29 +736,22 @@
         }
         render() {
             super.render();
-            this.empty();
-            this._update_stylesheets();
-            this._update_css_classes();
-            this._apply_styles();
-            this._apply_visible();
-            this.class_list.add(...this.css_classes());
             this.scroll_down_button_el = DOM.createElement('div', { class: 'scroll-button' });
             this.shadow_el.appendChild(this.scroll_down_button_el);
             this.el.addEventListener("scroll", () => {
+                this.record_scroll_position();
                 this.toggle_scroll_button();
             });
             this.scroll_down_button_el.addEventListener("click", () => {
                 this.scroll_to_latest();
             });
-            for (const child_view of this.child_views) {
-                this.shadow_el.appendChild(child_view.el);
-                child_view.render();
-                child_view.after_render();
-            }
         }
         after_render() {
             super.after_render();
             requestAnimationFrame(() => {
+                if (this.model.scroll_position) {
+                    this.scroll_to_position();
+                }
                 if (this.model.view_latest) {
                     this.scroll_to_latest();
                 }
@@ -771,6 +773,7 @@
     (() => {
         _a.prototype.default_view = ColumnView;
         _a.define(({ Int, Boolean }) => ({
+            scroll_position: [Int, 0],
             auto_scroll_limit: [Int, 0],
             scroll_button_threshold: [Int, 0],
             view_latest: [Boolean, false],
@@ -1002,7 +1005,7 @@
         });
     })();
 },
-"fc45b724c1": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
+"2ec00301c1": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a, _b, _c;
     const dom_1 = require("@bokehjs/core/dom");
@@ -1371,6 +1374,8 @@
                 el.classList.add(cls);
         }
         render() {
+            if (this.tabulator != null)
+                this.tabulator.destroy();
             super.render();
             this._initializing = true;
             const container = (0, dom_2.div)({ style: "display: contents;" });
@@ -1525,11 +1530,12 @@
             return Object.assign(Object.assign({}, configuration), { "data": data });
         }
         get child_models() {
-            var _d;
+            var _d, _e;
             const children = [];
             for (const idx of this.model.expanded) {
-                if ((_d = this.model.children) === null || _d === void 0 ? void 0 : _d.has(idx))
-                    children.push(this.model.children.get(idx));
+                const child = (_e = (_d = this.model.children).get) === null || _e === void 0 ? void 0 : _e.call(_d, idx);
+                if (child != null)
+                    children.push(child);
             }
             return children;
         }
@@ -1551,10 +1557,10 @@
         _render_row(row, resize = true) {
             var _d;
             const index = (_d = row._row) === null || _d === void 0 ? void 0 : _d.data._index;
-            if (!this.model.expanded.includes(index) || !this.model.children.has(index))
+            if (!this.model.expanded.includes(index) || this.model.children.get(index) == null)
                 return;
             const model = this.model.children.get(index);
-            const view = this._child_views.get(model);
+            const view = model == null ? null : this._child_views.get(model);
             if (view == null)
                 return;
             const rowEl = row.getElement();
@@ -1564,8 +1570,10 @@
             const viewEl = (0, dom_2.div)({ style: "background-color: " + bg + "; margin-left:" + neg_margin + "; max-width: 100%; overflow-x: hidden;" });
             viewEl.appendChild(view.el);
             rowEl.appendChild(viewEl);
-            view.render();
-            view.after_render();
+            if (!view.has_finished()) {
+                view.render();
+                view.after_render();
+            }
             if (resize) {
                 this._update_children();
                 this.tabulator.rowManager.adjustTableSize();
@@ -1578,6 +1586,7 @@
             return "<i>" + icon + "</i>";
         }
         _update_expand(cell) {
+            var _d, _e, _f, _g;
             const index = cell._cell.row.data._index;
             const expanded = [...this.model.expanded];
             const exp_index = expanded.indexOf(index);
@@ -1585,8 +1594,8 @@
                 expanded.push(index);
             else {
                 const removed = expanded.splice(exp_index, 1)[0];
-                if (removed in this.model.children) {
-                    const model = this.model.children[removed];
+                const model = (_e = (_d = this.model.children).get) === null || _e === void 0 ? void 0 : _e.call(_d, removed);
+                if (model != null) {
                     const view = this._child_views.get(model);
                     if (view !== undefined && view.el != null)
                         (0, dom_1.undisplay)(view.el);
@@ -1597,7 +1606,7 @@
                 return;
             let ready = true;
             for (const idx of this.model.expanded) {
-                if (!(idx in this.model.children)) {
+                if (((_g = (_f = this.model.children).get) === null || _g === void 0 ? void 0 : _g.call(_f, idx)) == null) {
                     ready = false;
                     break;
                 }
@@ -1801,6 +1810,8 @@
         }
         // Update table
         setData() {
+            if (this._initializing || this._building || !this.tabulator.initialized)
+                return;
             const data = this.getData();
             if (this.model.pagination != null)
                 this.tabulator.rowManager.setData(data, true, false);
@@ -1912,7 +1923,7 @@
             }
         }
         setSelection() {
-            if (this.tabulator == null || this._initializing || this._selection_updating)
+            if (this.tabulator == null || this._initializing || this._selection_updating || !this.tabulator.initialized)
                 return;
             const indices = this.model.source.selected.indices;
             const current_indices = this.tabulator.getSelectedData().map((row) => row._index);
@@ -2036,7 +2047,7 @@
         _c.define(({ Any, Array, Boolean, Nullable, Number, Ref, String }) => ({
             aggregators: [Any, {}],
             buttons: [Any, {}],
-            children: [Any, {}],
+            children: [Any, new Map()],
             configuration: [Any, {}],
             columns: [Array(Ref(tables_1.TableColumn)), []],
             download: [Boolean, false],
@@ -19334,5 +19345,5 @@
     }
     exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"6e19b31aba","models/ace":"7df2008a2e","models/layout":"ea218d1c3c","models/audio":"78153b60aa","models/browser":"6df8bf1ac7","models/card":"c1e57c7e7d","models/column":"067b508b04","models/comm_manager":"1e66dab844","models/customselect":"9c8629b48f","models/tabulator":"fc45b724c1","models/data":"fd9108e30e","models/datetime_picker":"6658732ce1","models/deckgl":"991e3a226c","models/tooltips":"9588ab7c9e","models/echarts":"eded13f5d7","models/event-to-object":"490942d778","models/html":"6b3b0facc2","models/ipywidget":"e3556c1e99","models/json":"66846b828c","models/jsoneditor":"4b8a56c700","models/file_download":"9c15016be8","models/katex":"197cfa57e5","models/location":"00a25cf872","models/mathjax":"46a1770629","models/pdf":"d49a559fbc","models/perspective":"9f0456e5b5","models/player":"c172556ad3","models/plotly":"bb3d0ded66","models/util":"990b5dd5c7","models/progress":"b82925a928","models/quill":"e115225ba2","models/reactive_html":"b969c294f5","models/singleselect":"6b20024bba","models/speech_to_text":"cd0c80cc4c","models/state":"66717cb841","models/tabs":"67a5649f75","models/terminal":"cd4a941f8d","models/text_to_speech":"eb4ae0acfa","models/tooltip_icon":"26ffc3afe8","models/trend":"8f4ab32d74","models/vega":"3b23e1bc5c","models/video":"4ac59b8079","models/videostream":"797fd61298","models/vizzu":"e8339ee57a","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"3bce7c9db6","models/vtk/vtklayout":"d7ded264dc","models/vtk/util":"a76a9b7c23","models/vtk/vtkcolorbar":"787f6aeecd","models/vtk/vtkaxes":"7cec459a06","models/vtk/vtkvolume":"c2892117a7","models/vtk/vtksynchronized":"40c4377615","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"6e19b31aba","models/ace":"7df2008a2e","models/layout":"ea218d1c3c","models/audio":"78153b60aa","models/browser":"6df8bf1ac7","models/card":"c1e57c7e7d","models/column":"13afd4a31a","models/comm_manager":"1e66dab844","models/customselect":"9c8629b48f","models/tabulator":"2ec00301c1","models/data":"fd9108e30e","models/datetime_picker":"6658732ce1","models/deckgl":"991e3a226c","models/tooltips":"9588ab7c9e","models/echarts":"eded13f5d7","models/event-to-object":"490942d778","models/html":"6b3b0facc2","models/ipywidget":"e3556c1e99","models/json":"66846b828c","models/jsoneditor":"4b8a56c700","models/file_download":"9c15016be8","models/katex":"197cfa57e5","models/location":"00a25cf872","models/mathjax":"46a1770629","models/pdf":"d49a559fbc","models/perspective":"9f0456e5b5","models/player":"c172556ad3","models/plotly":"bb3d0ded66","models/util":"990b5dd5c7","models/progress":"b82925a928","models/quill":"e115225ba2","models/reactive_html":"b969c294f5","models/singleselect":"6b20024bba","models/speech_to_text":"cd0c80cc4c","models/state":"66717cb841","models/tabs":"67a5649f75","models/terminal":"cd4a941f8d","models/text_to_speech":"eb4ae0acfa","models/tooltip_icon":"26ffc3afe8","models/trend":"8f4ab32d74","models/vega":"3b23e1bc5c","models/video":"4ac59b8079","models/videostream":"797fd61298","models/vizzu":"e8339ee57a","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"3bce7c9db6","models/vtk/vtklayout":"d7ded264dc","models/vtk/util":"a76a9b7c23","models/vtk/vtkcolorbar":"787f6aeecd","models/vtk/vtkaxes":"7cec459a06","models/vtk/vtkvolume":"c2892117a7","models/vtk/vtksynchronized":"40c4377615","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
 //# sourceMappingURL=panel.js.map