@holoviz/panel 1.3.6 → 1.3.7-rc.2

package/dist/panel.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2012 - 2023, Anaconda, Inc., and Bokeh Contributors
+ * Copyright (c) 2012 - 2024, Anaconda, Inc., and Bokeh Contributors
  * All rights reserved.
  * 
  * Redistribution and use in source and binary forms, with or without modification,
@@ -60,7 +60,7 @@
     __esExport("BrowserInfo", browser_1.BrowserInfo);
     var button_1 = require("0e384ee9c4") /* ./button */;
     __esExport("Button", button_1.Button);
-    var card_1 = require("eec4af24bc") /* ./card */;
+    var card_1 = require("5356bf07b1") /* ./card */;
     __esExport("Card", card_1.Card);
     var checkbox_button_group_1 = require("820473477c") /* ./checkbox_button_group */;
     __esExport("CheckboxButtonGroup", checkbox_button_group_1.CheckboxButtonGroup);
@@ -70,7 +70,7 @@
     __esExport("CommManager", comm_manager_1.CommManager);
     var customselect_1 = require("e258e515be") /* ./customselect */;
     __esExport("CustomSelect", customselect_1.CustomSelect);
-    var tabulator_1 = require("02603bce3a") /* ./tabulator */;
+    var tabulator_1 = require("f7b17ce11c") /* ./tabulator */;
     __esExport("DataTabulator", tabulator_1.DataTabulator);
     var datetime_picker_1 = require("5fd6501095") /* ./datetime_picker */;
     __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
@@ -78,7 +78,7 @@
     __esExport("DeckGLPlot", deckgl_1.DeckGLPlot);
     var echarts_1 = require("7bc4e47bd5") /* ./echarts */;
     __esExport("ECharts", echarts_1.ECharts);
-    var file_download_1 = require("e6943b23b3") /* ./file_download */;
+    var file_download_1 = require("ab30c7afd7") /* ./file_download */;
     __esExport("FileDownload", file_download_1.FileDownload);
     var html_1 = require("3db2e41978") /* ./html */;
     __esExport("HTML", html_1.HTML);
@@ -96,15 +96,15 @@
     __esExport("MathJax", mathjax_1.MathJax);
     var pdf_1 = require("46cccf2270") /* ./pdf */;
     __esExport("PDF", pdf_1.PDF);
-    var perspective_1 = require("5f38562b04") /* ./perspective */;
+    var perspective_1 = require("8349fbd43e") /* ./perspective */;
     __esExport("Perspective", perspective_1.Perspective);
     var player_1 = require("9148c6a6f9") /* ./player */;
     __esExport("Player", player_1.Player);
-    var plotly_1 = require("b6febc7d6f") /* ./plotly */;
+    var plotly_1 = require("dd1700da9e") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
     var progress_1 = require("e6caa5bc95") /* ./progress */;
     __esExport("Progress", progress_1.Progress);
-    var quill_1 = require("283ee868b0") /* ./quill */;
+    var quill_1 = require("361033d351") /* ./quill */;
     __esExport("QuillInput", quill_1.QuillInput);
     var radio_button_group_1 = require("81e6ca704a") /* ./radio_button_group */;
     __esExport("RadioButtonGroup", radio_button_group_1.RadioButtonGroup);
@@ -124,7 +124,7 @@
     __esExport("TextAreaInput", textarea_input_1.TextAreaInput);
     var text_to_speech_1 = require("a44f0bd49f") /* ./text_to_speech */;
     __esExport("TextToSpeech", text_to_speech_1.TextToSpeech);
-    var icon_1 = require("c0252299de") /* ./icon */;
+    var icon_1 = require("81d14820f0") /* ./icon */;
     __esExport("ToggleIcon", icon_1.ToggleIcon);
     var tooltip_icon_1 = require("74000df4a0") /* ./tooltip_icon */;
     __esExport("TooltipIcon", tooltip_icon_1.TooltipIcon);
@@ -657,7 +657,7 @@
         }));
     })();
 },
-"eec4af24bc": /* models/card.js */ function _(require, module, exports, __esModule, __esExport) {
+"5356bf07b1": /* models/card.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     var _a;
@@ -670,8 +670,7 @@
         }
         connect_signals() {
             super.connect_signals();
-            const { active_header_background, children, collapsed, header_background, header_color, hide_header } = this.model.properties;
-            this.on_change(children, () => this.render());
+            const { active_header_background, collapsed, header_background, header_color, hide_header } = this.model.properties;
             this.on_change(collapsed, () => this._collapse());
             this.on_change([header_color, hide_header], () => this.render());
             this.on_change([active_header_background, collapsed, header_background], () => {
@@ -1178,7 +1177,7 @@
         });
     })();
 },
-"02603bce3a": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
+"f7b17ce11c": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a, _b, _c, _d;
     const dom_1 = require("@bokehjs/core/dom");
@@ -1508,6 +1507,8 @@
             this.connect(p.sorters.change, () => this.setSorters());
             this.connect(p.theme_classes.change, () => this.setCSSClasses(this.tabulator.element));
             this.connect(this.model.source.properties.data.change, () => {
+                if (this.tabulator === undefined)
+                    return;
                 this._selection_updating = true;
                 this.setData();
                 this._selection_updating = false;
@@ -6820,7 +6821,7 @@
         });
     });
 },
-"e6943b23b3": /* models/file_download.js */ function _(require, module, exports, __esModule, __esExport) {
+"ab30c7afd7": /* models/file_download.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     var _a;
@@ -6894,8 +6895,7 @@
             // 3. auto=True: The widget is a button, i.e right click to "Save as..." won't work
             this.anchor_el = document.createElement('a');
             this.button_el = (0, dom_1.button)({
-                disabled: this.model.disabled,
-                type: "bk_btn, bk_btn_type",
+                disabled: this.model.disabled
             });
             if (this.icon_view != null) {
                 const separator = this.model.label != "" ? (0, dom_1.nbsp)() : (0, dom_1.text)("");
@@ -7715,7 +7715,7 @@
         }));
     })();
 },
-"5f38562b04": /* models/perspective.js */ function _(require, module, exports, __esModule, __esExport) {
+"8349fbd43e": /* models/perspective.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a, _b;
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
@@ -7930,8 +7930,13 @@
         }
         get data() {
             const data = {};
-            for (const column of this.model.source.columns())
-                data[column] = this.model.source.get_array(column);
+            for (const column of this.model.source.columns()) {
+                let array = this.model.source.get_array(column);
+                if (this.model.schema[column] == 'datetime' && array.includes(-9223372036854776)) {
+                    array = array.map((v) => v === -9223372036854776 ? null : v);
+                }
+                data[column] = array;
+            }
             return data;
         }
         setData() {
@@ -8373,7 +8378,7 @@
         _a.override({ width: 400 });
     })();
 },
-"b6febc7d6f": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
+"dd1700da9e": /* models/plotly.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
     const dom_1 = require("@bokehjs/core/dom");
@@ -8381,7 +8386,7 @@
     const eq_1 = require("@bokehjs/core/util/eq");
     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 util_1 = require("9f4006d93a") /* ./util */;
     const layout_1 = require("cac5f3ed28") /* ./layout */;
     function convertUndefined(obj) {
         Object
@@ -8638,12 +8643,7 @@
             for (const column of cds.columns()) {
                 let array = cds.get_array(column)[0];
                 if (array.shape != null && array.shape.length > 1) {
-                    const arrays = [];
-                    const shape = array.shape;
-                    for (let s = 0; s < shape[0]; s++) {
-                        arrays.push(array.slice(s * shape[1], (s + 1) * shape[1]));
-                    }
-                    array = arrays;
+                    array = (0, util_1.reshape)(array, array.shape);
                 }
                 let prop_path = column.split(".");
                 let prop = prop_path[prop_path.length - 1];
@@ -8751,8 +8751,9 @@
         }));
     })();
 },
-"990b5dd5c7": /* models/util.js */ function _(require, module, exports, __esModule, __esExport) {
+"9f4006d93a": /* models/util.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
+    const array_1 = require("@bokehjs/core/util/array");
     const get = (obj, path, defaultValue = undefined) => {
         const travel = (regexp) => String.prototype.split
             .call(path, regexp)
@@ -8803,6 +8804,26 @@
         return Object.prototype.toString.call(obj) === '[object Object]';
     }
     exports.isPlainObject = isPlainObject;
+    function reshape(arr, dim) {
+        let elemIndex = 0;
+        if (!dim || !arr)
+            return [];
+        function _nest(dimIndex) {
+            let result = [];
+            if (dimIndex === dim.length - 1) {
+                result = (0, array_1.concat)(arr.slice(elemIndex, elemIndex + dim[dimIndex]));
+                elemIndex += dim[dimIndex];
+            }
+            else {
+                for (let i = 0; i < dim[dimIndex]; i++) {
+                    result.push(_nest(dimIndex + 1));
+                }
+            }
+            return result;
+        }
+        return _nest(0);
+    }
+    exports.reshape = reshape;
 },
 "e6caa5bc95": /* models/progress.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
@@ -8883,44 +8904,11 @@
         }));
     })();
 },
-"283ee868b0": /* models/quill.js */ function _(require, module, exports, __esModule, __esExport) {
+"361033d351": /* models/quill.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
     const dom_1 = require("@bokehjs/core/dom");
     const layout_1 = require("cac5f3ed28") /* ./layout */;
-    const normalizeNative = (nativeRange) => {
-        var _b, _c;
-        // document.getSelection model has properties startContainer and endContainer
-        // shadow.getSelection model has baseNode and focusNode
-        // Unify formats to always look like document.getSelection
-        if (nativeRange) {
-            const range = nativeRange;
-            // // HACK: To allow pasting
-            if (((_c = (_b = range.baseNode) === null || _b === void 0 ? void 0 : _b.classList) === null || _c === void 0 ? void 0 : _c.value) === 'ql-clipboard') {
-                return null;
-            }
-            if (range.baseNode) {
-                range.startContainer = nativeRange.baseNode;
-                range.endContainer = nativeRange.focusNode;
-                range.startOffset = nativeRange.baseOffset;
-                range.endOffset = nativeRange.focusOffset;
-                if (range.endOffset < range.startOffset) {
-                    range.startContainer = nativeRange.focusNode;
-                    range.endContainer = nativeRange.baseNode;
-                    range.startOffset = nativeRange.focusOffset;
-                    range.endOffset = nativeRange.baseOffset;
-                }
-            }
-            if (range.startContainer) {
-                return {
-                    start: { node: range.startContainer, offset: range.startOffset },
-                    end: { node: range.endContainer, offset: range.endOffset },
-                    native: range
-                };
-            }
-        }
-        return null;
-    };
     class QuillInputView extends layout_1.HTMLBoxView {
         connect_signals() {
             super.connect_signals();
@@ -8972,16 +8960,85 @@
                 placeholder: this.model.placeholder,
                 theme: theme
             });
-            // Apply only with getSelection() is defined (e.g. undefined on Firefox)
-            if (typeof this.quill.root.getRootNode().getSelection !== 'undefined') {
-                // Hack Quill and replace document.getSelection with shadow.getSelection
-                // see https://stackoverflow.com/questions/67914657/quill-editor-inside-shadow-dom/67944380#67944380
-                this.quill.selection.getNativeRange = () => {
-                    const selection = this.shadow_el.getSelection();
-                    const range = normalizeNative(selection);
-                    return range;
-                };
-            }
+            // Apply ShadowDOM patch found at:
+            // https://github.com/quilljs/quill/issues/2961#issuecomment-1775999845
+            const hasShadowRootSelection = !!(document.createElement('div').attachShadow({ mode: 'open' }).getSelection);
+            // Each browser engine has a different implementation for retrieving the Range
+            const getNativeRange = (rootNode) => {
+                try {
+                    if (hasShadowRootSelection) {
+                        // In Chromium, the shadow root has a getSelection function which returns the range
+                        return rootNode.getSelection().getRangeAt(0);
+                    }
+                    else {
+                        const selection = window.getSelection();
+                        if (selection.getComposedRanges) {
+                            // Webkit range retrieval is done with getComposedRanges (see: https://bugs.webkit.org/show_bug.cgi?id=163921)
+                            return selection.getComposedRanges(rootNode)[0];
+                        }
+                        else {
+                            // Gecko implements the range API properly in Native Shadow: https://developer.mozilla.org/en-US/docs/Web/API/Selection/getRangeAt
+                            return selection.getRangeAt(0);
+                        }
+                    }
+                }
+                catch (_b) {
+                    return null;
+                }
+            };
+            /**
+             * Original implementation uses document.active element which does not work in Native Shadow.
+             * Replace document.activeElement with shadowRoot.activeElement
+             **/
+            this.quill.selection.hasFocus = () => {
+                const rootNode = this.quill.root.getRootNode();
+                return rootNode.activeElement === this.quill.root;
+            };
+            /**
+             * Original implementation uses document.getSelection which does not work in Native Shadow.
+             * Replace document.getSelection with shadow dom equivalent (different for each browser)
+             **/
+            this.quill.selection.getNativeRange = () => {
+                const rootNode = this.quill.root.getRootNode();
+                const nativeRange = getNativeRange(rootNode);
+                return !!nativeRange ? this.quill.selection.normalizeNative(nativeRange) : null;
+            };
+            /**
+             * Original implementation relies on Selection.addRange to programmatically set the range, which does not work
+             * in Webkit with Native Shadow. Selection.addRange works fine in Chromium and Gecko.
+             **/
+            this.quill.selection.setNativeRange = (startNode, startOffset) => {
+                var endNode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : startNode;
+                var endOffset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : startOffset;
+                var force = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+                if (startNode != null && (this.quill.selection.root.parentNode == null || startNode.parentNode == null || endNode.parentNode == null)) {
+                    return;
+                }
+                var selection = document.getSelection();
+                if (selection == null)
+                    return;
+                if (startNode != null) {
+                    if (!this.quill.selection.hasFocus())
+                        this.quill.selection.root.focus();
+                    var native = (this.quill.selection.getNativeRange() || {}).native;
+                    if (native == null || force || startNode !== native.startContainer || startOffset !== native.startOffset || endNode !== native.endContainer || endOffset !== native.endOffset) {
+                        if (startNode.tagName == "BR") {
+                            startOffset = [].indexOf.call(startNode.parentNode.childNodes, startNode);
+                            startNode = startNode.parentNode;
+                        }
+                        if (endNode.tagName == "BR") {
+                            endOffset = [].indexOf.call(endNode.parentNode.childNodes, endNode);
+                            endNode = endNode.parentNode;
+                        }
+                        selection.setBaseAndExtent(startNode, startOffset, endNode, endOffset);
+                    }
+                }
+                else {
+                    selection.removeAllRanges();
+                    this.quill.selection.root.blur();
+                    document.body.focus();
+                }
+            };
             this._editor = this.shadow_el.querySelector('.ql-editor');
             this._toolbar = this.shadow_el.querySelector('.ql-toolbar');
             const delta = this.quill.clipboard.convert(this.model.text);
@@ -10761,10 +10818,11 @@
         }));
     })();
 },
-"c0252299de": /* models/icon.js */ function _(require, module, exports, __esModule, __esExport) {
+"81d14820f0": /* models/icon.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
     const tabler_icon_1 = require("@bokehjs/models/ui/icons/tabler_icon");
+    const svg_icon_1 = require("@bokehjs/models/ui/icons/svg_icon");
     const control_1 = require("@bokehjs/models/widgets/control");
     const build_views_1 = require("@bokehjs/core/build_views");
     class ToggleIconView extends control_1.ControlView {
@@ -10776,15 +10834,16 @@
         }
         async lazy_initialize() {
             await super.lazy_initialize();
-            const size = this.calculate_size();
-            const icon_model = new tabler_icon_1.TablerIcon({ icon_name: this.model.icon, size: size });
-            this.icon_view = await (0, build_views_1.build_view)(icon_model, { parent: this });
-            this.icon_view.el.addEventListener('click', () => this.toggle_value());
+            this.was_svg_icon = this.is_svg_icon(this.model.icon);
+            this.icon_view = await this.build_icon_model(this.model.icon, this.was_svg_icon);
         }
         *children() {
             yield* super.children();
             yield this.icon_view;
         }
+        is_svg_icon(icon) {
+            return icon.trim().startsWith('<svg');
+        }
         toggle_value() {
             if (this.model.disabled) {
                 return;
@@ -10808,9 +10867,39 @@
         update_cursor() {
             this.icon_view.el.style.cursor = this.model.disabled ? 'not-allowed' : 'pointer';
         }
-        update_icon() {
+        async build_icon_model(icon, is_svg_icon) {
+            const size = this.calculate_size();
+            let icon_model;
+            if (is_svg_icon) {
+                icon_model = new svg_icon_1.SVGIcon({ svg: icon, size: size });
+            }
+            else {
+                icon_model = new tabler_icon_1.TablerIcon({ icon_name: icon, size: size });
+            }
+            const icon_view = await (0, build_views_1.build_view)(icon_model, { parent: this });
+            icon_view.el.addEventListener('click', () => this.toggle_value());
+            return icon_view;
+        }
+        async update_icon() {
             const icon = this.model.value ? this.get_active_icon() : this.model.icon;
-            this.icon_view.model.icon_name = icon;
+            const is_svg_icon = this.is_svg_icon(icon);
+            if (this.was_svg_icon !== is_svg_icon) {
+                // If the icon type has changed, we need to rebuild the icon view
+                // and invalidate the old one.
+                const icon_view = await this.build_icon_model(icon, is_svg_icon);
+                icon_view.render();
+                this.icon_view.remove();
+                this.icon_view = icon_view;
+                this.was_svg_icon = is_svg_icon;
+                this.update_cursor();
+                this.shadow_el.appendChild(this.icon_view.el);
+            }
+            else if (is_svg_icon) {
+                this.icon_view.model.svg = icon;
+            }
+            else {
+                this.icon_view.model.icon_name = icon;
+            }
             this.icon_view.el.style.lineHeight = '0';
         }
         get_active_icon() {
@@ -19932,5 +20021,5 @@
     }
     exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"e678554eae","models/ace":"464e3dc85c","models/layout":"cac5f3ed28","models/audio":"cfb5b1a85b","models/browser":"af84f1061d","models/button":"0e384ee9c4","models/card":"eec4af24bc","models/column":"991bd33955","models/checkbox_button_group":"820473477c","models/comm_manager":"eca6f2cacb","models/customselect":"e258e515be","models/tabulator":"02603bce3a","models/data":"4e27eda472","models/datetime_picker":"5fd6501095","models/deckgl":"19b5a68a40","models/tooltips":"9588ab7c9e","models/echarts":"7bc4e47bd5","models/event-to-object":"490942d778","models/file_download":"e6943b23b3","models/html":"3db2e41978","models/ipywidget":"4dfd782539","models/json":"e954d48822","models/jsoneditor":"3c56a75fcf","models/katex":"001dfd2dde","models/location":"a85ed38ee9","models/mathjax":"ca760ebc92","models/pdf":"46cccf2270","models/perspective":"5f38562b04","models/player":"9148c6a6f9","models/plotly":"b6febc7d6f","models/util":"990b5dd5c7","models/progress":"e6caa5bc95","models/quill":"283ee868b0","models/radio_button_group":"81e6ca704a","models/reactive_html":"0590cf2a27","models/singleselect":"665213fba5","models/speech_to_text":"7651136c44","models/state":"1bb5a1aca6","models/tabs":"8013e805da","models/terminal":"4a0674b147","models/textarea_input":"59f46adc8c","models/text_to_speech":"a44f0bd49f","models/icon":"c0252299de","models/tooltip_icon":"74000df4a0","models/trend":"c2c4524e04","models/vega":"b396729d22","models/video":"e6e8c94f32","models/videostream":"2dfabe6882","models/vizzu":"dfe3c4a2a9","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"173e6cb054","models/vtk/vtklayout":"1de1ccb7ff","models/vtk/util":"a76a9b7c23","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"5a606f3f35","models/vtk/vtkvolume":"9cb70c6ab6","models/vtk/vtksynchronized":"66775d6392","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
+}, "4e90918c0a", {"index":"4e90918c0a","models/index":"e678554eae","models/ace":"464e3dc85c","models/layout":"cac5f3ed28","models/audio":"cfb5b1a85b","models/browser":"af84f1061d","models/button":"0e384ee9c4","models/card":"5356bf07b1","models/column":"991bd33955","models/checkbox_button_group":"820473477c","models/comm_manager":"eca6f2cacb","models/customselect":"e258e515be","models/tabulator":"f7b17ce11c","models/data":"4e27eda472","models/datetime_picker":"5fd6501095","models/deckgl":"19b5a68a40","models/tooltips":"9588ab7c9e","models/echarts":"7bc4e47bd5","models/event-to-object":"490942d778","models/file_download":"ab30c7afd7","models/html":"3db2e41978","models/ipywidget":"4dfd782539","models/json":"e954d48822","models/jsoneditor":"3c56a75fcf","models/katex":"001dfd2dde","models/location":"a85ed38ee9","models/mathjax":"ca760ebc92","models/pdf":"46cccf2270","models/perspective":"8349fbd43e","models/player":"9148c6a6f9","models/plotly":"dd1700da9e","models/util":"9f4006d93a","models/progress":"e6caa5bc95","models/quill":"361033d351","models/radio_button_group":"81e6ca704a","models/reactive_html":"0590cf2a27","models/singleselect":"665213fba5","models/speech_to_text":"7651136c44","models/state":"1bb5a1aca6","models/tabs":"8013e805da","models/terminal":"4a0674b147","models/textarea_input":"59f46adc8c","models/text_to_speech":"a44f0bd49f","models/icon":"81d14820f0","models/tooltip_icon":"74000df4a0","models/trend":"c2c4524e04","models/vega":"b396729d22","models/video":"e6e8c94f32","models/videostream":"2dfabe6882","models/vizzu":"dfe3c4a2a9","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"173e6cb054","models/vtk/vtklayout":"1de1ccb7ff","models/vtk/util":"a76a9b7c23","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"5a606f3f35","models/vtk/vtkvolume":"9cb70c6ab6","models/vtk/vtksynchronized":"66775d6392","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
 //# sourceMappingURL=panel.js.map