@holoviz/panel 0.14.0-a.2 → 0.14.0-a.21

package/dist/panel.js

@@ -58,13 +58,13 @@
     __esExport("Audio", audio_1.Audio);
     var card_1 = require("0972f6e77b") /* ./card */;
     __esExport("Card", card_1.Card);
-    var comm_manager_1 = require("f34032fb47") /* ./comm_manager */;
+    var comm_manager_1 = require("754fbb1f55") /* ./comm_manager */;
     __esExport("CommManager", comm_manager_1.CommManager);
     var customselect_1 = require("e258e515be") /* ./customselect */;
     __esExport("CustomSelect", customselect_1.CustomSelect);
-    var tabulator_1 = require("5e94fc93b9") /* ./tabulator */;
+    var tabulator_1 = require("6ab332f75c") /* ./tabulator */;
     __esExport("DataTabulator", tabulator_1.DataTabulator);
-    var datetime_picker_1 = require("6e11b2cfe2") /* ./datetime_picker */;
+    var datetime_picker_1 = require("297274885a") /* ./datetime_picker */;
     __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
     var deckgl_1 = require("0155f7af4d") /* ./deckgl */;
     __esExport("DeckGLPlot", deckgl_1.DeckGLPlot);
@@ -90,7 +90,7 @@
     __esExport("MathJax", mathjax_1.MathJax);
     var perspective_1 = require("4ae96bd77b") /* ./perspective */;
     __esExport("Perspective", perspective_1.Perspective);
-    var player_1 = require("27b8bb6d20") /* ./player */;
+    var player_1 = require("588a5ae70d") /* ./player */;
     __esExport("Player", player_1.Player);
     var plotly_1 = require("42de27e56c") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
@@ -98,7 +98,7 @@
     __esExport("Progress", progress_1.Progress);
     var quill_1 = require("d51a79a0a3") /* ./quill */;
     __esExport("QuillInput", quill_1.QuillInput);
-    var reactive_html_1 = require("5fad190ca1") /* ./reactive_html */;
+    var reactive_html_1 = require("ad426de39c") /* ./reactive_html */;
     __esExport("ReactiveHTML", reactive_html_1.ReactiveHTML);
     var singleselect_1 = require("ab54efe08a") /* ./singleselect */;
     __esExport("SingleSelect", singleselect_1.SingleSelect);
@@ -650,7 +650,7 @@
     Card.__module__ = "panel.models.layout";
     Card.init_Card();
 },
-"f34032fb47": /* models/comm_manager.js */ function _(require, module, exports, __esModule, __esExport) {
+"754fbb1f55": /* models/comm_manager.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const document_1 = require("@bokehjs/document");
     const view_1 = require("@bokehjs/core/view");
@@ -678,8 +678,20 @@
                 console.log("Could not find comm manager on window.PyViz, ensure the extension is loaded.");
             else {
                 this.ns = window.PyViz;
-                this.ns.comm_manager.register_target(this.plot_id, this.comm_id, (msg) => this.msg_handler(msg));
+                this.ns.comm_manager.register_target(this.plot_id, this.comm_id, (msg) => {
+                    for (const view of this.ns.shared_views.get(this.plot_id)) {
+                        if (view !== this)
+                            view.msg_handler(msg);
+                    }
+                    this.msg_handler(msg);
+                });
                 this._client_comm = this.ns.comm_manager.get_client_comm(this.plot_id, this.client_comm_id, (msg) => this.on_ack(msg));
+                if (this.ns.shared_views == null)
+                    this.ns.shared_views = new Map();
+                if (this.ns.shared_views.has(this.plot_id))
+                    this.ns.shared_views.get(this.plot_id).push(this);
+                else
+                    this.ns.shared_views.set(this.plot_id, [this]);
             }
         }
         _doc_attached() {
@@ -711,6 +723,14 @@
             this._event_buffer = [];
             const message = message_1.Message.create('PATCH-DOC', {}, patch);
             this._client_comm.send(message);
+            for (const view of this.ns.shared_views.get(this.plot_id)) {
+                if (view !== this && view.document != null)
+                    view.document.apply_json_patch(patch, [], this.id);
+            }
+        }
+        disconnect_signals() {
+            super.disconnect_signals();
+            this.ns.shared_views.shared_views.delete(this.plot_id);
         }
         on_ack(msg) {
             // Receives acknowledgement from Python, processing event
@@ -821,7 +841,7 @@
         });
     })();
 },
-"5e94fc93b9": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
+"6ab332f75c": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const dom_1 = require("@bokehjs/core/dom");
     const types_1 = require("@bokehjs/core/util/types");
@@ -833,7 +853,7 @@
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
     const tables_1 = require("@bokehjs/models/widgets/tables");
     const debounce_1 = require("99a25e6992") /* debounce */;
-    const comm_manager_1 = require("f34032fb47") /* ./comm_manager */;
+    const comm_manager_1 = require("754fbb1f55") /* ./comm_manager */;
     const data_1 = require("7f7d9e0c6b") /* ./data */;
     const layout_1 = require("80a6464b1f") /* ./layout */;
     class TableEditEvent extends bokeh_events_1.ModelEvent {
@@ -939,6 +959,45 @@
         summarize(grouped, columns, aggs);
         return grouped;
     }
+    const timestampSorter = function (a, b, _aRow, _bRow, _column, _dir, _params) {
+        // Bokeh serializes datetime objects as UNIX timestamps.
+        //a, b - the two values being compared
+        //aRow, bRow - the row components for the values being compared (useful if you need to access additional fields in the row data for the sort)
+        //column - the column component for the column being sorted
+        //dir - the direction of the sort ("asc" or "desc")
+        //sorterParams - sorterParams object from column definition array
+        // Added an _ in front of some parameters as they're unused and the Typescript compiler was complaining about it.
+        // const alignEmptyValues = params.alignEmptyValues
+        let emptyAlign;
+        emptyAlign = 0;
+        const opts = { zone: new window.luxon.IANAZone('UTC') };
+        // NaN values are serialized to -9223372036854776 by Bokeh
+        if (String(a) == '-9223372036854776') {
+            a = window.luxon.DateTime.fromISO('invalid');
+        }
+        else {
+            a = window.luxon.DateTime.fromMillis(a, opts);
+        }
+        if (String(b) == '-9223372036854776') {
+            b = window.luxon.DateTime.fromISO('invalid');
+        }
+        else {
+            b = window.luxon.DateTime.fromMillis(b, opts);
+        }
+        if (!a.isValid) {
+            emptyAlign = !b.isValid ? 0 : -1;
+        }
+        else if (!b.isValid) {
+            emptyAlign = 1;
+        }
+        else {
+            //compare valid values
+            return a - b;
+        }
+        // Invalid (e.g. NaN) always at the bottom
+        emptyAlign *= -1;
+        return emptyAlign;
+    };
     const dateEditor = function (cell, onRendered, success, cancel) {
         //cell - the cell component for the editable cell
         //onRendered - function to call when the editor has been rendered
@@ -1031,6 +1090,7 @@
             this._selection_updating = false;
             this._lastVerticalScrollbarTopPosition = 0;
             this._applied_styles = false;
+            this._building = false;
         }
         connect_signals() {
             super.connect_signals();
@@ -1044,10 +1104,20 @@
             });
             this.connect(p.children.change, () => this.renderChildren());
             this.connect(p.expanded.change, () => {
+                // The first cell is the cell of the frozen _index column.
                 for (const row of this.tabulator.rowManager.getRows()) {
                     if (row.cells.length > 0)
                         row.cells[0].layoutElement();
                 }
+                // Make sure the expand icon is changed when expanded is
+                // changed from Python.
+                for (const row of this.tabulator.rowManager.getRows()) {
+                    if (row.cells.length > 0) {
+                        const index = row.data._index;
+                        const icon = this.model.expanded.indexOf(index) < 0 ? "►" : "▼";
+                        row.cells[1].element.innerText = icon;
+                    }
+                }
             });
             this.connect(p.styles.change, () => {
                 if (this._applied_styles)
@@ -1092,20 +1162,16 @@
             this.render();
             this.relayout();
         }
-        renderComplete() {
-            // Only have to set up styles after initial render subsequent
-            // styling is handled by change event on styles property
-            if (this._initializing) {
-                this.setSelection();
-                this.relayout();
-                this._initializing = false;
-                if (this._lastVerticalScrollbarTopPosition)
-                    this.tabulator.rowManager.element.scrollTop = this._lastVerticalScrollbarTopPosition;
-            }
-        }
         redraw() {
-            this.tabulator.redraw(true);
-            this.setStyles();
+            if (!this._building) {
+                if (this.tabulator.columnManager.element != null) {
+                    this.tabulator.columnManager.redraw(true);
+                }
+                if (this.tabulator.rowManager.renderer != null) {
+                    this.tabulator.rowManager.redraw(true);
+                    this.setStyles();
+                }
+            }
         }
         after_layout() {
             super.after_layout();
@@ -1122,113 +1188,96 @@
             (0, layout_1.set_size)(container, this.model);
             let configuration = this.getConfiguration();
             this.tabulator = new Tabulator(container, configuration);
+            this.init_callbacks();
             this.renderChildren(true);
-            // Swap pagination mode
-            if (this.model.pagination === 'remote') {
-                this.tabulator.options.pagination = this.model.pagination;
-                this.tabulator.modules.page.mode = 'remote';
-            }
-            this.setGroupBy();
             this.setHidden();
-            // Set up page
-            if (this.model.pagination) {
-                this.setMaxPage();
-                this.tabulator.setPage(this.model.page);
-                this.setData();
-            }
-            else
-                this.setFrozen();
             this.el.appendChild(container);
         }
-        /*
-        init_callbacks(): void {
-          // Initialization
-          this.tabulator.on("tableBuilding", () => this.tableInit())
-          this.tabulator.on("tableBuilt", () => this.tableBuilt())
-      
-          // For disabled pagination initialize on renderComplete
-          if (this.model.pagination !== 'remote') {
-            this.tabulator.on("renderComplete", () => {
-              this.tabulator.off("renderComplete")
-              // Apply styles after first render then unsubscribe
-              this.setFrozen()
-              this.setStyles()
-              this.renderChildren()
-              this.tabulator.modules.frozenColumns.active = true
-              this.tabulator.modules.frozenColumns.layout()
-              this.relayout()
-              this._initializing = false
-            })
-          }
-      
-          // Disable frozenColumns during rendering (see https://github.com/olifolkerd/tabulator/issues/3530)
-          this.tabulator.on("dataLoading", () => {
-            this.tabulator.modules.frozenColumns.active = false
-          })
-      
-          // Rendering callbacks
-          this.tabulator.on("selectableCheck", (row: any) => {
-            const selectable = this.model.selectable_rows
-            return (selectable == null) || (selectable.indexOf(row._row.data._index) >= 0)
-          })
-          this.tabulator.on("tooltips", (cell: any) => {
-            return cell.getColumn().getField() + ": " + cell.getValue();
-          })
-          this.tabulator.on("scrollVertical", debounce(() => {
-            this.setStyles()
-          }, 50, false))
-          this.tabulator.on("rowFormatter", (row: any) => this._render_row(row))
-      
-          // Sync state with model
-          this.tabulator.on("rowSelectionChanged", (data: any, rows: any) => this.rowSelectionChanged(data, rows))
-          this.tabulator.on("rowClick", (e: any, row: any) => this.rowClicked(e, row))
-          this.tabulator.on("cellEdited", (cell: any) => this.cellEdited(cell))
-          this.tabulator.on("dataFiltering", () => {
-            this.model.filters = this.tabulator.getHeaderFilters()
-          })
-        }
-      
-        tableInit(): void {
-          // Patch the ajax request and page data parsing methods
-          const ajax = this.tabulator.modules.ajax
-          ajax.sendRequest = () => {
-            return this.requestPage(ajax.params.page, ajax.params.sort)
-          }
-          this.tabulator.modules.page._parseRemoteData = (): boolean => {
-            return false
-          }
-        }
-      
-      
-        tableBuilt(): void {
-          this.setHidden()
-          this.setSelection()
-      
-          // For remote pagination initialize on tableBuilt
-          if (this.model.pagination) {
-            this.setMaxPage()
-            this.tabulator.setPage(this.model.page)
-            this.setStyles()
-            this.renderChildren()
-            this.tabulator.modules.frozenColumns.active = true
-            this.tabulator.modules.frozenColumns.layout()
-            setTimeout(() => this.relayout(), 10)
-            this._initializing = false
-          }
-        }*/
-        tableInit(view, tabulator) {
+        tableInit() {
+            this._building = true;
             // Patch the ajax request and page data parsing methods
-            const ajax = tabulator.modules.ajax;
-            ajax.sendRequest = () => {
-                return view.requestPage(ajax.params.page, ajax.params.sorters);
+            const ajax = this.tabulator.modules.ajax;
+            ajax.sendRequest = (_url, params, _config) => {
+                return this.requestPage(params.page, params.sort);
             };
-            tabulator.modules.page._parseRemoteData = () => { };
+            this.tabulator.modules.page._parseRemoteData = () => {
+                return false;
+            };
+        }
+        init_callbacks() {
+            // Initialization
+            this.tabulator.on("tableBuilding", () => this.tableInit());
+            this.tabulator.on("tableBuilt", () => this.tableBuilt());
+            // Disable frozenColumns during rendering (see https://github.com/olifolkerd/tabulator/issues/3530)
+            this.tabulator.on("dataLoading", () => {
+                this.tabulator.modules.frozenColumns.active = false;
+            });
+            // Rendering callbacks
+            this.tabulator.on("selectableCheck", (row) => {
+                const selectable = this.model.selectable_rows;
+                return (selectable == null) || (selectable.indexOf(row._row.data._index) >= 0);
+            });
+            this.tabulator.on("tooltips", (cell) => {
+                return cell.getColumn().getField() + ": " + cell.getValue();
+            });
+            this.tabulator.on("scrollVertical", (0, debounce_1.debounce)(() => {
+                this.setStyles();
+            }, 50, false));
+            this.tabulator.on("rowFormatter", (row) => this._render_row(row));
+            // Sync state with model
+            this.tabulator.on("rowSelectionChanged", (data, rows) => this.rowSelectionChanged(data, rows));
+            this.tabulator.on("rowClick", (e, row) => this.rowClicked(e, row));
+            this.tabulator.on("cellEdited", (cell) => this.cellEdited(cell));
+            this.tabulator.on("dataFiltering", (filters) => {
+                this.model.filters = filters;
+            });
+            this.tabulator.on("dataFiltered", (_, rows) => {
+                if (this._initializing)
+                    return;
+                // Ensure that after filtering empty scroll renders
+                if (rows.length === 0)
+                    this.tabulator.rowManager.renderEmptyScroll();
+                // Ensure that after filtering the page is updated
+                this.updatePage(this.tabulator.getPage());
+            });
+            this.tabulator.on("pageLoaded", (pageno) => {
+                this.updatePage(pageno);
+            });
+            this.tabulator.on("dataSorting", (sorters) => {
+                const sorts = [];
+                for (const s of sorters) {
+                    if (s.field !== '_index')
+                        sorts.push({ field: s.field, dir: s.dir });
+                }
+                if (this.model.pagination !== 'remote') {
+                    this._updating_sort = true;
+                    this.model.sorters = sorts;
+                    this._updating_sort = false;
+                }
+            });
+        }
+        tableBuilt() {
+            this._building = false;
+            this.setHidden();
+            this.setSelection();
+            // For remote pagination initialize on tableBuilt
+            this.setMaxPage();
+            this.tabulator.setPage(this.model.page);
+            this.setStyles();
+            this.renderChildren();
+            this.setGroupBy();
+            this.setFrozen();
+            this.tabulator.modules.frozenColumns.active = true;
+            this.tabulator.modules.frozenColumns.layout();
+            this._initializing = false;
         }
         relayout() {
             if (this._relayouting)
                 return;
             this._relayouting = true;
-            this.tabulator.rowManager.adjustTableSize();
+            if (this.tabulator.rowManager.renderer) {
+                this.tabulator.rowManager.adjustTableSize();
+            }
             this.update_layout();
             this.compute_layout();
             if (this.root !== this) {
@@ -1290,33 +1339,10 @@
         getConfiguration() {
             // Only use selectable mode if explicitly requested otherwise manually handle selections
             let selectable = this.model.select_mode === 'toggle' ? true : NaN;
-            const that = this;
-            let configuration = Object.assign(Object.assign({}, this.model.configuration), { index: "_index", nestedFieldSeparator: false, movableColumns: false, selectable: selectable, columns: this.getColumns(), dataSorting: (sorters) => {
-                    const sorts = [];
-                    for (const s of sorters) {
-                        if (s.field !== '_index')
-                            sorts.push({ field: s.field, dir: s.dir });
-                    }
-                    if (this.model.pagination !== 'remote') {
-                        this._updating_sort = true;
-                        this.model.sorters = sorts;
-                        this._updating_sort = false;
-                    }
-                }, initialSort: this.sorters, layout: this.getLayout(), pagination: this.model.pagination, paginationSize: this.model.page_size, paginationInitialPage: 1, tableBuilding: function () { that.tableInit(that, this); }, renderComplete: () => this.renderComplete(), rowSelectionChanged: (data, rows) => this.rowSelectionChanged(data, rows), rowClick: (e, row) => this.rowClicked(e, row), cellEdited: (cell) => this.cellEdited(cell), selectableCheck: (row) => {
-                    const selectable = this.model.selectable_rows;
-                    return (selectable == null) || (selectable.indexOf(row._row.data._index) >= 0);
-                }, tooltips: (cell) => {
-                    return cell.getColumn().getField() + ": " + cell.getValue();
-                }, scrollVertical: (0, debounce_1.debounce)(() => {
-                    this._lastVerticalScrollbarTopPosition = this.tabulator.rowManager.element.scrollTop;
-                    this.setStyles();
-                }, 50, false), rowFormatter: (row) => this._render_row(row), dataFiltering: () => {
-                    if (this.tabulator != null)
-                        this.model.filters = this.tabulator.getHeaderFilters();
-                } });
+            let configuration = Object.assign(Object.assign({}, this.model.configuration), { index: "_index", nestedFieldSeparator: false, movableColumns: false, selectable: selectable, columns: this.getColumns(), initialSort: this.sorters, layout: this.getLayout(), pagination: this.model.pagination != null, paginationMode: this.model.pagination, paginationSize: this.model.page_size, paginationInitialPage: 1 });
             if (this.model.pagination === "remote") {
                 configuration['ajaxURL'] = "http://panel.pyviz.org";
-                configuration['ajaxSorting'] = true;
+                configuration['sortMode'] = "remote";
             }
             const cds = this.model.source;
             let data;
@@ -1375,7 +1401,7 @@
         }
         _expand_render(cell) {
             const index = cell._cell.row.data._index;
-            const icon = this.model.expanded.indexOf(index) < 0 ? "\u25ba" : "\u25bc";
+            const icon = this.model.expanded.indexOf(index) < 0 ? "►" : "▼";
             return "<i>" + icon + "</i>";
         }
         _update_expand(cell) {
@@ -1394,8 +1420,6 @@
                 }
             }
             this.model.expanded = expanded;
-            const icon = expanded.indexOf(index) < 0 ? "\u25ba" : "\u25bc";
-            cell._cell.element.innerText = icon;
             if (expanded.indexOf(index) < 0)
                 return;
             let ready = true;
@@ -1492,6 +1516,9 @@
                         };
                     }
                 }
+                if (tab_column.sorter == 'timestamp') {
+                    tab_column.sorter = timestampSorter;
+                }
                 const editor = column.editor;
                 const ctype = editor.type;
                 if (tab_column.editor != null) {
@@ -1504,8 +1531,8 @@
                 }
                 else if (ctype === "StringEditor") {
                     if (editor.completions.length > 0) {
-                        tab_column.editor = "autocomplete";
-                        tab_column.editorParams = { values: editor.completions };
+                        tab_column.editor = "list";
+                        tab_column.editorParams = { values: editor.completions, autocomplete: true, listOnEmpty: true };
                     }
                     else
                         tab_column.editor = "input";
@@ -1523,7 +1550,7 @@
                     tab_column.editor = dateEditor;
                 }
                 else if (ctype === "SelectEditor") {
-                    tab_column.editor = "select";
+                    tab_column.editor = "list";
                     tab_column.editorParams = { values: editor.options };
                 }
                 else if (editor != null && editor.default_view != null) {
@@ -1544,7 +1571,7 @@
                         tab_column.headerSortStartingDir = sort.dir;
                 }
                 tab_column.cellClick = (_, cell) => {
-                    const index = cell._cell.row.data._index;
+                    const index = cell.getData()._index;
                     this.model.trigger_event(new CellClickEvent(column.field, index));
                 };
                 if (config_columns == null)
@@ -1558,7 +1585,7 @@
                     formatter: button_formatter,
                     hozAlign: "center",
                     cellClick: (_, cell) => {
-                        const index = cell._cell.row.data._index;
+                        const index = cell.getData()._index;
                         this.model.trigger_event(new CellClickEvent(col, index));
                     }
                 };
@@ -1625,6 +1652,13 @@
             for (const row of this.model.frozen_rows)
                 this.tabulator.getRow(row).freeze();
         }
+        updatePage(pageno) {
+            if (this.model.pagination === 'local' && this.model.page !== pageno) {
+                this._updating_page = true;
+                this.model.page = pageno;
+                this._updating_page = false;
+            }
+        }
         setGroupBy() {
             if (this.model.groupby.length == 0) {
                 this.tabulator.setGroupBy(false);
@@ -1638,6 +1672,8 @@
                 }
                 return groups.join(', ');
             };
+            // Need to call it twice, see https://github.com/olifolkerd/tabulator/issues/3666
+            this.tabulator.setGroupBy(groupby);
             this.tabulator.setGroupBy(groupby);
         }
         setSorters() {
@@ -1647,10 +1683,22 @@
         }
         setCSS() {
             let theme;
-            if (this.model.theme == "default")
+            let theme_;
+            if (this.model.theme == "default") {
                 theme = "tabulator";
-            else
-                theme = "tabulator_" + this.model.theme;
+            }
+            else {
+                if (this.model.theme == "bootstrap") {
+                    theme_ = "bootstrap3";
+                }
+                else if (this.model.theme == "semantic-ui") {
+                    theme_ = "semanticui";
+                }
+                else {
+                    theme_ = this.model.theme;
+                }
+                theme = "tabulator_" + theme_;
+            }
             const css = this.model.theme_url + theme + ".min.css";
             let old_node = null;
             const links = document.getElementsByTagName("link");
@@ -1678,8 +1726,10 @@
             css_node.media = 'screen';
             css_node.href = css;
             css_node.onload = () => {
-                this.render();
-                this.relayout();
+                if (!this._building) {
+                    this.render();
+                    this.relayout();
+                }
             };
             parent_node.appendChild(css_node);
             return true;
@@ -1820,7 +1870,7 @@
         }
         cellEdited(cell) {
             const field = cell._cell.column.field;
-            const index = cell._cell.row.data._index;
+            const index = cell.getData()._index;
             const value = cell._cell.value;
             this._tabulator_cell_updating = true;
             comm_manager_1.comm_settings.debounce = false;
@@ -1832,7 +1882,6 @@
                 this._tabulator_cell_updating = false;
             }
             this.model.trigger_event(new TableEditEvent(field, index));
-            this.setSorters();
             this.tabulator.scrollToRow(index, "top", false);
         }
     }
@@ -1873,7 +1922,7 @@
                 sorters: [Array(Any), []],
                 styles: [Any, {}],
                 theme: [String, "simple"],
-                theme_url: [String, "https://unpkg.com/tabulator-tables@4.9.3/dist/css/"]
+                theme_url: [String, "https://unpkg.com/tabulator-tables@5.3.2/dist/css/"]
             }));
         }
     }
@@ -1987,7 +2036,7 @@
     }
     exports.dict_to_records = dict_to_records;
 },
-"6e11b2cfe2": /* models/datetime_picker.js */ function _(require, module, exports, __esModule, __esExport) {
+"297274885a": /* models/datetime_picker.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     const flatpickr_1 = (0, tslib_1.__importDefault)(require("50d3473f3f") /* flatpickr */);
@@ -2035,7 +2084,6 @@
             return [...super.styles(), flatpickr_css_1.default];
         }
         render() {
-            var _a, _b;
             if (this._picker != null)
                 return;
             super.render();
@@ -2043,8 +2091,8 @@
             this.group_el.appendChild(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,
+                minDate: this.model.min_date ? new Date(this.model.min_date) : undefined,
+                maxDate: this.model.max_date ? new Date(this.model.max_date) : undefined,
                 inline: this.model.inline,
                 position: this.model.position,
                 disable: _convert_date_list(this.model.disabled_dates),
@@ -2056,6 +2104,8 @@
                 mode: this.model.mode,
                 onClose: (selected_dates, date_string, instance) => this._on_close(selected_dates, date_string, instance),
             });
+            this._picker.maxDateHasTime = true;
+            this._picker.minDateHasTime = true;
         }
         _on_close(_selected_dates, date_string, _instance) {
             if (this.model.mode == "range" && !date_string.includes("to"))
@@ -5957,7 +6007,7 @@
     const markup_1 = require("@bokehjs/models/widgets/markup");
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const layout_1 = require("80a6464b1f") /* ./layout */;
-    const event_to_object_1 = require("c4ee233e58") /* ./event-to-object */;
+    const event_to_object_1 = require("d92f7d4d2b") /* ./event-to-object */;
     class DOMEvent extends bokeh_events_1.ModelEvent {
         constructor(node, data) {
             super();
@@ -6088,7 +6138,7 @@
     HTML.__module__ = "panel.models.markup";
     HTML.init_HTML();
 },
-"c4ee233e58": /* models/event-to-object.js */ function _(require, module, exports, __esModule, __esExport) {
+"d92f7d4d2b": /* models/event-to-object.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     /*
     The MIT License (MIT)
@@ -6115,6 +6165,10 @@
     */
     function serializeEvent(event) {
         const data = {};
+        // support for CustomEvents: the whole `detail` object is serialized
+        if (event.detail !== undefined) {
+            Object.assign(data, { detail: JSON.parse(JSON.stringify(event.detail)) });
+        }
         if (event.type in eventTransforms) {
             Object.assign(data, eventTransforms[event.type](event));
         }
@@ -6332,7 +6386,7 @@
     const fast_json_patch_1 = require("cbecfde9cd") /* fast-json-patch */;
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const layout_1 = require("80a6464b1f") /* ./layout */;
-    const event_to_object_1 = require("c4ee233e58") /* ./event-to-object */;
+    const event_to_object_1 = require("d92f7d4d2b") /* ./event-to-object */;
     const LayoutConfigContext = (0, preact_1.createContext)({});
     function mountLayout(mountElement, saveUpdateHook, sendEvent, importSourceUrl) {
         (0, preact_1.render)((0, preact_2.html) `
@@ -8669,7 +8723,7 @@
     Perspective.__module__ = "panel.models.perspective";
     Perspective.init_Perspective();
 },
-"27b8bb6d20": /* models/player.js */ function _(require, module, exports, __esModule, __esExport) {
+"588a5ae70d": /* models/player.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const kinds_1 = require("@bokehjs/core/kinds");
     const dom_1 = require("@bokehjs/core/dom");
@@ -8736,7 +8790,12 @@
             this.sliderEl.value = String(this.model.value);
             this.sliderEl.min = String(this.model.start);
             this.sliderEl.max = String(this.model.end);
-            this.sliderEl.onchange = (ev) => this.set_frame(parseInt(ev.target.value));
+            this.sliderEl.addEventListener('input', (ev) => {
+                this.set_frame(parseInt(ev.target.value), false);
+            });
+            this.sliderEl.addEventListener('change', (ev) => {
+                this.set_frame(parseInt(ev.target.value));
+            });
             // Buttons
             const button_div = (0, dom_1.div)();
             this.buttonEl = button_div;
@@ -8845,9 +8904,10 @@
             this.toggle_disable();
             this.el.appendChild(this.groupEl);
         }
-        set_frame(frame) {
-            if (this.model.value != frame)
-                this.model.value = frame;
+        set_frame(frame, throttled = true) {
+            this.model.value = frame;
+            if (throttled)
+                this.model.value_throttled = frame;
             if (this.sliderEl.value != String(frame))
                 this.sliderEl.value = String(frame);
         }
@@ -8988,6 +9048,7 @@
                 step: [Int, 1],
                 loop_policy: [exports.LoopPolicy, "once"],
                 value: [Int, 0],
+                value_throttled: [Int, 0],
                 show_loop_controls: [Boolean, true],
             }));
             this.override({ width: 400 });
@@ -9588,7 +9649,7 @@
     QuillInput.__module__ = "panel.models.quill";
     QuillInput.init_QuillInput();
 },
-"5fad190ca1": /* models/reactive_html.js */ function _(require, module, exports, __esModule, __esExport) {
+"ad426de39c": /* models/reactive_html.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const preact_1 = require("6f11f2ef27") /* preact */;
     const hooks_1 = require("4c02a9b43f") /* preact/hooks */;
@@ -9599,7 +9660,7 @@
     const dom_1 = require("@bokehjs/core/dom");
     const color_1 = require("@bokehjs/core/util/color");
     const data_1 = require("7f7d9e0c6b") /* ./data */;
-    const event_to_object_1 = require("c4ee233e58") /* ./event-to-object */;
+    const event_to_object_1 = require("d92f7d4d2b") /* ./event-to-object */;
     const html_1 = require("3d7593ca5a") /* ./html */;
     const layout_1 = require("80a6464b1f") /* ./layout */;
     function serialize_attrs(attrs) {
@@ -9954,7 +10015,17 @@
                     else {
                         definition = `
           const ${method} = (event) => {
-            view._send_event("${elname}", "${cb}", event)
+            let elname = "${elname}"
+            if (RegExp("\{\{.*loop\.index.*\}\}").test(elname)) {
+              const pattern = RegExp(elname.replace(/\{\{(.+?)\}\}/g, String.fromCharCode(92) + "d+"))
+              for (const p of event.path) {
+                if (pattern.exec(p.id) != null) {
+                  elname = p.id.split("-").slice(null, -1).join("-")
+                  break
+                }
+              }
+            }
+            view._send_event(elname, "${cb}", event)
           }
           `;
                     }
@@ -19773,5 +19844,5 @@
     }
     exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"eed113197d","models/ace":"2e12ebdb23","models/layout":"80a6464b1f","models/audio":"33955cfa6f","models/card":"0972f6e77b","models/comm_manager":"f34032fb47","models/customselect":"e258e515be","models/tabulator":"5e94fc93b9","models/data":"7f7d9e0c6b","models/datetime_picker":"6e11b2cfe2","models/deckgl":"0155f7af4d","models/tooltips":"6e04fbe567","models/echarts":"9d046c4720","models/html":"3d7593ca5a","models/event-to-object":"c4ee233e58","models/idom":"7d45bd3bc4","models/ipywidget":"0eae77d68f","models/json":"0d30bea0c8","models/json_editor":"be9f51fc39","models/file_download":"1767172ffa","models/katex":"7b859fb3cf","models/location":"0c52a301f3","models/mathjax":"0c21036737","models/perspective":"4ae96bd77b","models/player":"27b8bb6d20","models/plotly":"42de27e56c","models/util":"990b5dd5c7","models/progress":"979633320f","models/quill":"d51a79a0a3","models/reactive_html":"5fad190ca1","models/singleselect":"ab54efe08a","models/speech_to_text":"a96be0bcc9","models/state":"bfa46a5f19","models/tabs":"f693d9aa84","models/terminal":"3ea011fa55","models/text_to_speech":"33cd2c254e","models/trend":"effe070807","models/vega":"fea356270f","models/video":"1b46fd56a8","models/videostream":"e3e9b8e495","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"b6d9199d03","models/vtk/vtklayout":"e13c143c7d","models/vtk/util":"993f3118b2","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"ab478186ba","models/vtk/vtkvolume":"7785475bdd","models/vtk/vtksynchronized":"0a57062475","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"eed113197d","models/ace":"2e12ebdb23","models/layout":"80a6464b1f","models/audio":"33955cfa6f","models/card":"0972f6e77b","models/comm_manager":"754fbb1f55","models/customselect":"e258e515be","models/tabulator":"6ab332f75c","models/data":"7f7d9e0c6b","models/datetime_picker":"297274885a","models/deckgl":"0155f7af4d","models/tooltips":"6e04fbe567","models/echarts":"9d046c4720","models/html":"3d7593ca5a","models/event-to-object":"d92f7d4d2b","models/idom":"7d45bd3bc4","models/ipywidget":"0eae77d68f","models/json":"0d30bea0c8","models/json_editor":"be9f51fc39","models/file_download":"1767172ffa","models/katex":"7b859fb3cf","models/location":"0c52a301f3","models/mathjax":"0c21036737","models/perspective":"4ae96bd77b","models/player":"588a5ae70d","models/plotly":"42de27e56c","models/util":"990b5dd5c7","models/progress":"979633320f","models/quill":"d51a79a0a3","models/reactive_html":"ad426de39c","models/singleselect":"ab54efe08a","models/speech_to_text":"a96be0bcc9","models/state":"bfa46a5f19","models/tabs":"f693d9aa84","models/terminal":"3ea011fa55","models/text_to_speech":"33cd2c254e","models/trend":"effe070807","models/vega":"fea356270f","models/video":"1b46fd56a8","models/videostream":"e3e9b8e495","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"b6d9199d03","models/vtk/vtklayout":"e13c143c7d","models/vtk/util":"993f3118b2","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"ab478186ba","models/vtk/vtkvolume":"7785475bdd","models/vtk/vtksynchronized":"0a57062475","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
 //# sourceMappingURL=panel.js.map