@holoviz/panel 0.13.0-a.21 → 0.13.0-a.26

package/dist/panel.js

@@ -44,23 +44,25 @@
 "4e90918c0a": /* index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const Panel = (0, tslib_1.__importStar)(require("1abe9b6912") /* ./models */);
+    const Panel = (0, tslib_1.__importStar)(require("d30e96d837") /* ./models */);
     exports.Panel = Panel;
     const base_1 = require("@bokehjs/base");
     (0, base_1.register_models)(Panel);
 },
-"1abe9b6912": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
+"d30e96d837": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     var ace_1 = require("2e12ebdb23") /* ./ace */;
     __esExport("AcePlot", ace_1.AcePlot);
-    var audio_1 = require("339f84d639") /* ./audio */;
+    var audio_1 = require("33955cfa6f") /* ./audio */;
     __esExport("Audio", audio_1.Audio);
     var card_1 = require("0972f6e77b") /* ./card */;
     __esExport("Card", card_1.Card);
     var comm_manager_1 = require("f34032fb47") /* ./comm_manager */;
     __esExport("CommManager", comm_manager_1.CommManager);
-    var tabulator_1 = require("999132feb1") /* ./tabulator */;
+    var customselect_1 = require("e258e515be") /* ./customselect */;
+    __esExport("CustomSelect", customselect_1.CustomSelect);
+    var tabulator_1 = require("37f6a92950") /* ./tabulator */;
     __esExport("DataTabulator", tabulator_1.DataTabulator);
     var datetime_picker_1 = require("6e11b2cfe2") /* ./datetime_picker */;
     __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
@@ -90,15 +92,15 @@
     __esExport("Player", player_1.Player);
     var plotly_1 = require("cb7735fd77") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
-    var progress_1 = require("fd3806082d") /* ./progress */;
+    var progress_1 = require("979633320f") /* ./progress */;
     __esExport("Progress", progress_1.Progress);
     var quill_1 = require("6895629dfc") /* ./quill */;
     __esExport("QuillInput", quill_1.QuillInput);
     var reactive_html_1 = require("eb3a49319b") /* ./reactive_html */;
     __esExport("ReactiveHTML", reactive_html_1.ReactiveHTML);
-    var singleselect_1 = require("5ed2116e26") /* ./singleselect */;
+    var singleselect_1 = require("ab54efe08a") /* ./singleselect */;
     __esExport("SingleSelect", singleselect_1.SingleSelect);
-    var speech_to_text_1 = require("aaa48703af") /* ./speech_to_text */;
+    var speech_to_text_1 = require("a96be0bcc9") /* ./speech_to_text */;
     __esExport("SpeechToText", speech_to_text_1.SpeechToText);
     var state_1 = require("bfa46a5f19") /* ./state */;
     __esExport("State", state_1.State);
@@ -110,7 +112,7 @@
     __esExport("TrendIndicator", trend_1.TrendIndicator);
     var vega_1 = require("647c1ffd57") /* ./vega */;
     __esExport("VegaPlot", vega_1.VegaPlot);
-    var video_1 = require("ffe54b53c3") /* ./video */;
+    var video_1 = require("1b46fd56a8") /* ./video */;
     __esExport("Video", video_1.Video);
     var videostream_1 = require("e3e9b8e495") /* ./videostream */;
     __esExport("VideoStream", videostream_1.VideoStream);
@@ -120,7 +122,7 @@
     __esModule();
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const dom_1 = require("@bokehjs/core/dom");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     function ID() {
         // Math.random should be unique because of its seeding algorithm.
         // Convert it to base 36 (numbers + letters), and grab the first 9 characters
@@ -233,7 +235,7 @@
     AcePlot.__module__ = "panel.models.ace";
     AcePlot.init_AcePlot();
 },
-"4c755983eb": /* models/layout.js */ function _(require, module, exports, __esModule, __esExport) {
+"e84e342b99": /* models/layout.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const html_1 = require("@bokehjs/core/layout/html");
     const types_1 = require("@bokehjs/core/layout/types");
@@ -307,7 +309,7 @@
             const min_count = (!this.changed || (this.sizing_mode == 'fixed') || (this.sizing_mode == null)) ? 0 : 1;
             const cached = this._cache.get(key_str);
             const cache_count = this._cache_count.get(key_str);
-            if (cached != null && cache_count != null && (cache_count >= min_count)) {
+            if (cached != null && cache_count != null && (cache_count >= min_count) && (isFinite(viewport.width)) && (isFinite(viewport.height))) {
                 this._cache_count.set(key_str, cache_count + 1);
                 return cached;
             }
@@ -357,10 +359,10 @@
     exports.PanelHTMLBoxView = PanelHTMLBoxView;
     PanelHTMLBoxView.__name__ = "PanelHTMLBoxView";
 },
-"339f84d639": /* models/audio.js */ function _(require, module, exports, __esModule, __esExport) {
+"33955cfa6f": /* models/audio.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class AudioView extends layout_1.PanelHTMLBoxView {
         initialize() {
             super.initialize();
@@ -375,6 +377,8 @@
             this.connect(this.model.properties.time.change, () => this.set_time());
             this.connect(this.model.properties.value.change, () => this.set_value());
             this.connect(this.model.properties.volume.change, () => this.set_volume());
+            this.connect(this.model.properties.muted.change, () => this.set_muted());
+            this.connect(this.model.properties.autoplay.change, () => this.set_autoplay());
         }
         render() {
             super.render();
@@ -383,6 +387,8 @@
             this.audioEl.src = this.model.value;
             this.audioEl.currentTime = this.model.time;
             this.audioEl.loop = this.model.loop;
+            this.audioEl.muted = this.model.muted;
+            this.audioEl.autoplay = this.model.autoplay;
             if (this.model.volume != null)
                 this.audioEl.volume = this.model.volume / 100;
             else
@@ -417,6 +423,12 @@
         set_loop() {
             this.audioEl.loop = this.model.loop;
         }
+        set_muted() {
+            this.audioEl.muted = this.model.muted;
+        }
+        set_autoplay() {
+            this.audioEl.autoplay = this.model.autoplay;
+        }
         set_paused() {
             if (!this.audioEl.paused && this.model.paused)
                 this.audioEl.pause();
@@ -456,6 +468,8 @@
             this.define(({ Any, Boolean, Int, Number }) => ({
                 loop: [Boolean, false],
                 paused: [Boolean, true],
+                muted: [Boolean, false],
+                autoplay: [Boolean, false],
                 time: [Number, 0],
                 throttle: [Number, 250],
                 value: [Any, ''],
@@ -713,7 +727,56 @@
     CommManager.__module__ = "panel.models.comm_manager";
     CommManager.init_CommManager();
 },
-"999132feb1": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
+"e258e515be": /* models/customselect.js */ function _(require, module, exports, __esModule, __esExport) {
+    __esModule();
+    var _a;
+    const selectbox_1 = require("@bokehjs/models/widgets/selectbox");
+    class CustomSelectView extends selectbox_1.SelectView {
+        connect_signals() {
+            super.connect_signals();
+            this.connect(this.model.properties.disabled_options.change, () => this._update_disabled_options());
+        }
+        options_el() {
+            let opts = super.options_el();
+            opts.forEach((element) => {
+                if (this.model.disabled_options.includes(element.value)) {
+                    element.setAttribute('disabled', 'true');
+                }
+            });
+            return opts;
+        }
+        _update_disabled_options() {
+            for (const element of this.input_el.options) {
+                if (this.model.disabled_options.includes(element.value)) {
+                    element.setAttribute('disabled', 'true');
+                }
+                else {
+                    element.removeAttribute('disabled');
+                }
+            }
+        }
+    }
+    exports.CustomSelectView = CustomSelectView;
+    CustomSelectView.__name__ = "CustomSelectView";
+    class CustomSelect extends selectbox_1.Select {
+        constructor(attrs) {
+            super(attrs);
+        }
+    }
+    exports.CustomSelect = CustomSelect;
+    _a = CustomSelect;
+    CustomSelect.__name__ = "CustomSelect";
+    CustomSelect.__module__ = "panel.models.widgets";
+    (() => {
+        _a.prototype.default_view = CustomSelectView;
+        _a.define(({ Array, String }) => {
+            return {
+                disabled_options: [Array(String), []],
+            };
+        });
+    })();
+},
+"37f6a92950": /* 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");
@@ -726,7 +789,7 @@
     const debounce_1 = require("99a25e6992") /* debounce */;
     const comm_manager_1 = require("f34032fb47") /* ./comm_manager */;
     const data_1 = require("7f7d9e0c6b") /* ./data */;
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class TableEditEvent extends bokeh_events_1.ModelEvent {
         constructor(column, row) {
             super();
@@ -825,7 +888,11 @@
         //create and style input
         const rawValue = cell.getValue();
         const opts = { zone: new window.luxon.IANAZone('UTC') };
-        const cellValue = window.luxon.DateTime.fromMillis(rawValue, opts).toFormat("yyyy-MM-dd");
+        let cellValue;
+        if (rawValue === 'NaN' || rawValue === null)
+            cellValue = null;
+        else
+            cellValue = window.luxon.DateTime.fromMillis(rawValue, opts).toFormat("yyyy-MM-dd");
         const input = document.createElement("input");
         input.setAttribute("type", "date");
         input.style.padding = "4px";
@@ -862,7 +929,11 @@
         //create and style input
         const rawValue = cell.getValue();
         const opts = { zone: new window.luxon.IANAZone('UTC') };
-        const cellValue = window.luxon.DateTime.fromMillis(rawValue, opts).toFormat("yyyy-MM-dd'T'T");
+        let cellValue;
+        if (rawValue === 'NaN' || rawValue === null)
+            cellValue = null;
+        else
+            cellValue = window.luxon.DateTime.fromMillis(rawValue, opts).toFormat("yyyy-MM-dd'T'T");
         const input = document.createElement("input");
         input.setAttribute("type", "datetime-local");
         input.style.padding = "4px";
@@ -933,39 +1004,21 @@
             this.connect(this.model.source.selected.change, () => this.setSelection());
             this.connect(this.model.source.selected.properties.indices.change, () => this.setSelection());
         }
-        init_callbacks() {
-            // Initialization
-            this.tabulator.on("tableBuilding", () => this.tableInit());
-            this.tabulator.on("tableBuilt", () => this.tableBuilt());
-            if (this.model.pagination !== 'remote') {
-                this.tabulator.on("renderComplete", () => {
-                    this.tabulator.off("renderComplete");
-                    // Apply styles after first render then unsubscribe
-                    this.setStyles();
-                    this.relayout();
-                    this.setFrozen();
-                    this._initializing = false;
-                });
+        renderComplete() {
+            // Only have to set up styles after initial render subsequent
+            // styling is handled by change event on styles property
+            if (this._initializing) {
+                this.setStyles();
+                this.setSelection();
             }
-            // 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._initializing = false;
+        }
+        after_layout() {
+            super.after_layout();
+            if (this.tabulator != null) {
+                this.tabulator.redraw(true);
                 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", () => {
-                this.model.filters = this.tabulator.getHeaderFilters();
-            });
+            }
         }
         render() {
             super.render();
@@ -978,35 +1031,107 @@
             (0, layout_1.set_size)(container, this.model);
             let configuration = this.getConfiguration();
             this.tabulator = new Tabulator(container, configuration);
-            this.init_callbacks();
+            this.renderChildren();
+            // Swap pagination mode
+            if (this.model.pagination === 'remote') {
+                this.tabulator.options.pagination = this.model.pagination;
+                this.tabulator.modules.page.mode = 'remote';
+            }
             this.setGroupBy();
-            this.el.appendChild(container);
-        }
-        tableInit() {
-            // 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 = () => {
-                return false;
-            };
-        }
-        tableBuilt() {
             this.setHidden();
+            // Set up page
             if (this.model.pagination) {
                 this.setMaxPage();
                 this.tabulator.setPage(this.model.page);
-                this.tabulator.on("dataProcessed", () => {
-                    this.tabulator.off("dataProcessed");
-                    this.setStyles();
-                    setTimeout(() => this.relayout(), 10);
-                    this._initializing = false;
-                });
                 this.setData();
             }
-            this.setSelection();
-            this.renderChildren();
+            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) {
+            // 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);
+            };
+            tabulator.modules.page._parseRemoteData = () => { };
         }
         relayout() {
             this.update_layout();
@@ -1054,10 +1179,21 @@
         getConfiguration() {
             // Only use selectable mode if explicitly requested otherwise manually handle selections
             let selectable = this.model.select_mode === 'toggle' ? true : NaN;
-            let configuration = Object.assign(Object.assign({}, this.model.configuration), { index: "_index", nestedFieldSeparator: false, movableColumns: false, selectable: selectable, columns: this.getColumns(), layout: this.getLayout(), pagination: this.model.pagination != null, paginationMode: this.model.pagination, paginationSize: this.model.page_size, paginationInitialPage: 1 });
+            const that = this;
+            let configuration = Object.assign(Object.assign({}, this.model.configuration), { index: "_index", nestedFieldSeparator: false, movableColumns: false, selectable: selectable, columns: this.getColumns(), 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.setStyles();
+                }, 50, false), rowFormatter: (row) => this._render_row(row), dataFiltering: () => {
+                    if (this.tabulator != null)
+                        this.model.filters = this.tabulator.getHeaderFilters();
+                } });
             if (this.model.pagination === "remote") {
                 configuration['ajaxURL'] = "http://panel.pyviz.org";
-                configuration['sortMode'] = "remote";
+                configuration['ajaxSorting'] = true;
             }
             const cds = this.model.source;
             let data;
@@ -1083,6 +1219,8 @@
                     const row = this.tabulator.getRow(r);
                     this._render_row(row);
                 }
+                if (!this.model.expanded.length && !this._initializing)
+                    this.invalidate_layout();
             });
         }
         _render_row(row) {
@@ -1101,8 +1239,9 @@
             const bg = style.backgroundColor;
             const neg_margin = "-" + rowEl.style.paddingLeft;
             const row_view = (0, dom_1.div)({ style: "background-color: " + bg + "; margin-left:" + neg_margin });
-            view.renderTo(row_view);
             row.getElement().appendChild(row_view);
+            view._parent = this;
+            view.renderTo(row_view);
         }
         _expand_render(cell) {
             const index = cell._cell.row.data._index;
@@ -1206,7 +1345,10 @@
                                 return formatted;
                             const node = (0, dom_1.div)();
                             node.innerHTML = formatted;
-                            return node.children[0].innerHTML;
+                            const child = node.children[0];
+                            if (child.innerHTML === "function(){return c.convert(arguments)}") // If the formatter fails
+                                return '';
+                            return child;
                         };
                     }
                 }
@@ -4463,7 +4605,7 @@
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
     const data_1 = require("7f7d9e0c6b") /* ./data */;
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     const tooltips_1 = require("6e04fbe567") /* ./tooltips */;
     const constants_1 = (0, tslib_1.__importDefault)(require("093eb75864") /* @luma.gl/constants */);
     function extractClasses() {
@@ -5617,7 +5759,7 @@
     __esModule();
     const markup_1 = require("@bokehjs/models/widgets/markup");
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     const event_to_object_1 = require("3329d4aa5b") /* ./event-to-object */;
     class DOMEvent extends bokeh_events_1.ModelEvent {
         constructor(node, data) {
@@ -5886,7 +6028,7 @@
     const preact_2 = require("b3f51db71c") /* htm/preact */;
     const fast_json_patch_1 = require("cbecfde9cd") /* fast-json-patch */;
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     const event_to_object_1 = require("3329d4aa5b") /* ./event-to-object */;
     const LayoutConfigContext = (0, preact_1.createContext)({});
     function mountLayout(mountElement, saveUpdateHook, sendEvent, importSourceUrl) {
@@ -7358,7 +7500,7 @@
 "0eae77d68f": /* models/ipywidget.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     const Jupyter = window.Jupyter;
     class IPyWidgetView extends layout_1.PanelHTMLBoxView {
         constructor() {
@@ -7429,7 +7571,7 @@
     const kinds_1 = require("@bokehjs/core/kinds");
     const markup_1 = require("@bokehjs/models/widgets/markup");
     const json_formatter_js_1 = (0, tslib_1.__importDefault)(require("18bba7b7e1") /* json-formatter-js */);
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class JSONView extends layout_1.PanelMarkupView {
         connect_signals() {
             super.connect_signals();
@@ -7762,7 +7904,7 @@
 "7b859fb3cf": /* models/katex.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const markup_1 = require("@bokehjs/models/widgets/markup");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class KaTeXView extends layout_1.PanelMarkupView {
         render() {
             super.render();
@@ -7871,7 +8013,7 @@
 "0c21036737": /* models/mathjax.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const markup_1 = require("@bokehjs/models/widgets/markup");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class MathJaxView extends layout_1.PanelMarkupView {
         initialize() {
             super.initialize();
@@ -7909,7 +8051,7 @@
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const dom_1 = require("@bokehjs/core/dom");
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     const PERSPECTIVE_VIEWER_CLASSES = [
         "perspective-viewer-material",
         "perspective-viewer-material-dark",
@@ -8502,7 +8644,7 @@
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
     const debounce_1 = require("99a25e6992") /* debounce */;
     const util_1 = require("990b5dd5c7") /* ./util */;
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     const filterEventData = (gd, eventData, event) => {
         // Ported from dash-core-components/src/components/Graph.react.js
         let filteredEventData = Array.isArray(eventData) ? [] : {};
@@ -8891,12 +9033,10 @@
     }
     exports.isPlainObject = isPlainObject;
 },
-"fd3806082d": /* models/progress.js */ function _(require, module, exports, __esModule, __esExport) {
+"979633320f": /* models/progress.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    const tslib_1 = require("tslib");
-    const p = (0, tslib_1.__importStar)(require("@bokehjs/core/properties"));
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class ProgressView extends html_box_1.HTMLBoxView {
         connect_signals() {
             super.connect_signals();
@@ -8963,13 +9103,13 @@
         }
         static init_Progress() {
             this.prototype.default_view = ProgressView;
-            this.define({
-                active: [p.Boolean, true],
-                bar_color: [p.String, 'primary'],
-                style: [p.Any, {}],
-                max: [p.Number, 100],
-                value: [p.Any, null],
-            });
+            this.define(({ Any, Boolean, Number, String }) => ({
+                active: [Boolean, true],
+                bar_color: [String, 'primary'],
+                style: [Any, {}],
+                max: [Number, 100],
+                value: [Any, null],
+            }));
         }
     }
     exports.Progress = Progress;
@@ -8981,7 +9121,7 @@
     __esModule();
     const dom_1 = require("@bokehjs/core/dom");
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class QuillInputView extends layout_1.PanelHTMLBoxView {
         initialize() {
             super.initialize();
@@ -9079,7 +9219,7 @@
     const data_1 = require("7f7d9e0c6b") /* ./data */;
     const event_to_object_1 = require("3329d4aa5b") /* ./event-to-object */;
     const html_1 = require("c424a3bd17") /* ./html */;
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     function serialize_attrs(attrs) {
         const serialized = {};
         for (const attr in attrs) {
@@ -9599,7 +9739,7 @@
     ReactiveHTML.__module__ = "panel.models.reactive_html";
     ReactiveHTML.init_ReactiveHTML();
 },
-"5ed2116e26": /* models/singleselect.js */ function _(require, module, exports, __esModule, __esExport) {
+"ab54efe08a": /* models/singleselect.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     const dom_1 = require("@bokehjs/core/dom");
@@ -9611,6 +9751,7 @@
             super.connect_signals();
             this.connect(this.model.properties.value.change, () => this.render_selection());
             this.connect(this.model.properties.options.change, () => this.render());
+            this.connect(this.model.properties.disabled_options.change, () => this.render());
             this.connect(this.model.properties.name.change, () => this.render());
             this.connect(this.model.properties.title.change, () => this.render());
             this.connect(this.model.properties.size.change, () => this.render());
@@ -9624,7 +9765,8 @@
                     value = _label = opt;
                 else
                     [value, _label] = opt;
-                return (0, dom_1.option)({ value }, _label);
+                let disabled = this.model.disabled_options.includes(value);
+                return (0, dom_1.option)({ value: value, disabled: disabled }, _label);
             });
             this.select_el = (0, dom_1.select)({
                 multiple: false,
@@ -9674,9 +9816,10 @@
         static init_SingleSelect() {
             this.prototype.default_view = SingleSelectView;
             this.define(({ Any, Array, Int, String }) => ({
-                value: [String, ""],
+                disabled_options: [Array(String), []],
                 options: [Array(Any), []],
-                size: [Int, 4], // 4 is the HTML default
+                size: [Int, 4],
+                value: [String, ""],
             }));
         }
     }
@@ -9685,10 +9828,8 @@
     SingleSelect.__module__ = "panel.models.widgets";
     SingleSelect.init_SingleSelect();
 },
-"aaa48703af": /* models/speech_to_text.js */ function _(require, module, exports, __esModule, __esExport) {
+"a96be0bcc9": /* models/speech_to_text.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    const tslib_1 = require("tslib");
-    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"/>
@@ -9844,26 +9985,26 @@
         }
         static init_SpeechToText() {
             this.prototype.default_view = SpeechToTextView;
-            this.define({
-                start: [p.Boolean, false],
-                stop: [p.Boolean, false],
-                abort: [p.Boolean, false],
-                grammars: [p.Array, []],
-                lang: [p.String, ""],
-                continuous: [p.Boolean, false],
-                interim_results: [p.Boolean, false],
-                max_alternatives: [p.Number, 1],
-                service_uri: [p.String,],
-                started: [p.Boolean, false],
-                audio_started: [p.Boolean, false],
-                sound_started: [p.Boolean, false],
-                speech_started: [p.Boolean, false],
-                button_type: [p.String, 'light'],
-                button_hide: [p.Boolean, false],
-                button_not_started: [p.String, ''],
-                button_started: [p.String, ''],
-                results: [p.Array, []],
-            });
+            this.define(({ Array, Boolean, Number, String }) => ({
+                start: [Boolean, false],
+                stop: [Boolean, false],
+                abort: [Boolean, false],
+                grammars: [Array(String), []],
+                lang: [String, ""],
+                continuous: [Boolean, false],
+                interim_results: [Boolean, false],
+                max_alternatives: [Number, 1],
+                service_uri: [String,],
+                started: [Boolean, false],
+                audio_started: [Boolean, false],
+                sound_started: [Boolean, false],
+                speech_started: [Boolean, false],
+                button_type: [String, 'light'],
+                button_hide: [Boolean, false],
+                button_not_started: [String, ''],
+                button_started: [String, ''],
+                results: [Array(String), []],
+            }));
         }
     }
     exports.SpeechToText = SpeechToText;
@@ -9961,7 +10102,7 @@
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
     const dom_1 = require("@bokehjs/core/dom");
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class KeystrokeEvent extends bokeh_events_1.ModelEvent {
         constructor(key) {
             super();
@@ -10567,10 +10708,10 @@
     VegaPlot.__module__ = "panel.models.vega";
     VegaPlot.init_VegaPlot();
 },
-"ffe54b53c3": /* models/video.js */ function _(require, module, exports, __esModule, __esExport) {
+"1b46fd56a8": /* models/video.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class VideoView extends layout_1.PanelHTMLBoxView {
         initialize() {
             super.initialize();
@@ -10582,6 +10723,8 @@
             super.connect_signals();
             this.connect(this.model.properties.loop.change, () => this.set_loop());
             this.connect(this.model.properties.paused.change, () => this.set_paused());
+            this.connect(this.model.properties.muted.change, () => this.set_muted());
+            this.connect(this.model.properties.autoplay.change, () => this.set_autoplay());
             this.connect(this.model.properties.time.change, () => this.set_time());
             this.connect(this.model.properties.value.change, () => this.set_value());
             this.connect(this.model.properties.volume.change, () => this.set_volume());
@@ -10602,6 +10745,8 @@
             this.videoEl.src = this.model.value;
             this.videoEl.currentTime = this.model.time;
             this.videoEl.loop = this.model.loop;
+            this.videoEl.muted = this.model.muted;
+            this.videoEl.autoplay = this.model.autoplay;
             if (this.model.volume != null)
                 this.videoEl.volume = this.model.volume / 100;
             else
@@ -10636,6 +10781,12 @@
         set_loop() {
             this.videoEl.loop = this.model.loop;
         }
+        set_muted() {
+            this.videoEl.muted = this.model.muted;
+        }
+        set_autoplay() {
+            this.videoEl.autoplay = this.model.autoplay;
+        }
         set_paused() {
             if (!this.videoEl.paused && this.model.paused)
                 this.videoEl.pause();
@@ -10674,6 +10825,8 @@
             this.define(({ Any, Boolean, Int, Number }) => ({
                 loop: [Boolean, false],
                 paused: [Boolean, true],
+                muted: [Boolean, false],
+                autoplay: [Boolean, false],
                 time: [Number, 0],
                 throttle: [Int, 250],
                 value: [Any, ''],
@@ -10689,7 +10842,7 @@
 "e3e9b8e495": /* models/videostream.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const html_box_1 = require("@bokehjs/models/layouts/html_box");
-    const layout_1 = require("4c755983eb") /* ./layout */;
+    const layout_1 = require("e84e342b99") /* ./layout */;
     class VideoStreamView extends layout_1.PanelHTMLBoxView {
         constructor() {
             super(...arguments);
@@ -10804,7 +10957,7 @@
     __esExport("VTKJSPlot", vtkjs_1.VTKJSPlot);
     var vtkvolume_1 = require("7785475bdd") /* ./vtkvolume */;
     __esExport("VTKVolumePlot", vtkvolume_1.VTKVolumePlot);
-    var vtkaxes_1 = require("204e2f98bd") /* ./vtkaxes */;
+    var vtkaxes_1 = require("ab478186ba") /* ./vtkaxes */;
     __esExport("VTKAxes", vtkaxes_1.VTKAxes);
     var vtksynchronized_1 = require("0a57062475") /* ./vtksynchronized */;
     __esExport("VTKSynchronizedPlot", vtksynchronized_1.VTKSynchronizedPlot);
@@ -10881,10 +11034,10 @@
     const object_1 = require("@bokehjs/core/util/object");
     const color_mapper_1 = require("@bokehjs/models/mappers/color_mapper");
     const kinds_1 = require("@bokehjs/core/kinds");
-    const layout_1 = require("4c755983eb") /* ../layout */;
+    const layout_1 = require("e84e342b99") /* ../layout */;
     const util_1 = require("993f3118b2") /* ./util */;
     const vtkcolorbar_1 = require("c010237f8b") /* ./vtkcolorbar */;
-    const vtkaxes_1 = require("204e2f98bd") /* ./vtkaxes */;
+    const vtkaxes_1 = require("ab478186ba") /* ./vtkaxes */;
     const INFO_DIV_STYLE = {
         padding: "0px 2px 0px 2px",
         maxHeight: "150px",
@@ -11568,10 +11721,8 @@
     exports.VTKColorBar = VTKColorBar;
     VTKColorBar.__name__ = "VTKColorBar";
 },
-"204e2f98bd": /* models/vtk/vtkaxes.js */ function _(require, module, exports, __esModule, __esExport) {
+"ab478186ba": /* models/vtk/vtkaxes.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
-    const tslib_1 = require("tslib");
-    const p = (0, tslib_1.__importStar)(require("@bokehjs/core/properties"));
     const model_1 = require("@bokehjs/model");
     const gl_matrix_1 = require("2f3fd5db07") /* gl-matrix */;
     const util_1 = require("993f3118b2") /* ./util */;
@@ -11580,17 +11731,17 @@
             super(attrs);
         }
         static init_VTKAxes() {
-            this.define({
-                origin: [p.Array],
-                xticker: [p.Instance],
-                yticker: [p.Instance],
-                zticker: [p.Instance],
-                digits: [p.Number, 1],
-                show_grid: [p.Boolean, true],
-                grid_opacity: [p.Number, 0.1],
-                axes_opacity: [p.Number, 1],
-                fontsize: [p.Number, 12],
-            });
+            this.define(({ Any, Array, Boolean, Number }) => ({
+                origin: [Array(Number)],
+                xticker: [Any],
+                yticker: [Any],
+                zticker: [Any],
+                digits: [Number, 1],
+                show_grid: [Boolean, true],
+                grid_opacity: [Number, 0.1],
+                axes_opacity: [Number, 1],
+                fontsize: [Number, 12]
+            }));
         }
         get xticks() {
             if (this.xticker)
@@ -18995,5 +19146,5 @@
     }
     exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"1abe9b6912","models/ace":"2e12ebdb23","models/layout":"4c755983eb","models/audio":"339f84d639","models/card":"0972f6e77b","models/comm_manager":"f34032fb47","models/tabulator":"999132feb1","models/data":"7f7d9e0c6b","models/datetime_picker":"6e11b2cfe2","models/deckgl":"df2378664f","models/tooltips":"6e04fbe567","models/echarts":"9d046c4720","models/html":"c424a3bd17","models/event-to-object":"3329d4aa5b","models/idom":"7d45bd3bc4","models/ipywidget":"0eae77d68f","models/json":"0d30bea0c8","models/file_download":"1767172ffa","models/katex":"7b859fb3cf","models/location":"0c52a301f3","models/mathjax":"0c21036737","models/perspective":"84a772681d","models/player":"27b8bb6d20","models/plotly":"cb7735fd77","models/util":"990b5dd5c7","models/progress":"fd3806082d","models/quill":"6895629dfc","models/reactive_html":"eb3a49319b","models/singleselect":"5ed2116e26","models/speech_to_text":"aaa48703af","models/state":"bfa46a5f19","models/terminal":"edf66f5228","models/text_to_speech":"33cd2c254e","models/trend":"effe070807","models/vega":"647c1ffd57","models/video":"ffe54b53c3","models/videostream":"e3e9b8e495","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"b6d9199d03","models/vtk/vtklayout":"e13c143c7d","models/vtk/util":"993f3118b2","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"204e2f98bd","models/vtk/vtkvolume":"7785475bdd","models/vtk/vtksynchronized":"0a57062475","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"d30e96d837","models/ace":"2e12ebdb23","models/layout":"e84e342b99","models/audio":"33955cfa6f","models/card":"0972f6e77b","models/comm_manager":"f34032fb47","models/customselect":"e258e515be","models/tabulator":"37f6a92950","models/data":"7f7d9e0c6b","models/datetime_picker":"6e11b2cfe2","models/deckgl":"df2378664f","models/tooltips":"6e04fbe567","models/echarts":"9d046c4720","models/html":"c424a3bd17","models/event-to-object":"3329d4aa5b","models/idom":"7d45bd3bc4","models/ipywidget":"0eae77d68f","models/json":"0d30bea0c8","models/file_download":"1767172ffa","models/katex":"7b859fb3cf","models/location":"0c52a301f3","models/mathjax":"0c21036737","models/perspective":"84a772681d","models/player":"27b8bb6d20","models/plotly":"cb7735fd77","models/util":"990b5dd5c7","models/progress":"979633320f","models/quill":"6895629dfc","models/reactive_html":"eb3a49319b","models/singleselect":"ab54efe08a","models/speech_to_text":"a96be0bcc9","models/state":"bfa46a5f19","models/terminal":"edf66f5228","models/text_to_speech":"33cd2c254e","models/trend":"effe070807","models/vega":"647c1ffd57","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