@holoviz/panel 1.3.5-a.1 → 1.3.5-rc.1

package/dist/panel.js

@@ -44,12 +44,12 @@
 "4e90918c0a": /* index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
-    const Panel = tslib_1.__importStar(require("25913cabc4") /* ./models */);
+    const Panel = tslib_1.__importStar(require("e678554eae") /* ./models */);
     exports.Panel = Panel;
     const base_1 = require("@bokehjs/base");
     (0, base_1.register_models)(Panel);
 },
-"25913cabc4": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
+"e678554eae": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
     var ace_1 = require("464e3dc85c") /* ./ace */;
@@ -98,7 +98,7 @@
     __esExport("PDF", pdf_1.PDF);
     var perspective_1 = require("5f38562b04") /* ./perspective */;
     __esExport("Perspective", perspective_1.Perspective);
-    var player_1 = require("bd5015f776") /* ./player */;
+    var player_1 = require("9148c6a6f9") /* ./player */;
     __esExport("Player", player_1.Player);
     var plotly_1 = require("b6febc7d6f") /* ./plotly */;
     __esExport("PlotlyPlot", plotly_1.PlotlyPlot);
@@ -124,6 +124,8 @@
     __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("e606e4556b") /* ./icon */;
+    __esExport("ToggleIcon", icon_1.ToggleIcon);
     var tooltip_icon_1 = require("4c6dd3d1dc") /* ./tooltip_icon */;
     __esExport("TooltipIcon", tooltip_icon_1.TooltipIcon);
     var trend_1 = require("c2c4524e04") /* ./trend */;
@@ -142,7 +144,7 @@
     __esModule();
     var _a;
     const dom_1 = require("@bokehjs/core/dom");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./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
@@ -256,13 +258,21 @@
         });
     })();
 },
-"c64c1219c8": /* models/layout.js */ function _(require, module, exports, __esModule, __esExport) {
+"cac5f3ed28": /* models/layout.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const dom_1 = require("@bokehjs/core/dom");
     const types_1 = require("@bokehjs/core/util/types");
     const widget_1 = require("@bokehjs/models/widgets/widget");
     const layout_dom_1 = require("@bokehjs/models/layouts/layout_dom");
     class PanelMarkupView extends widget_1.WidgetView {
+        connect_signals() {
+            super.connect_signals();
+            const { width, height, min_height, max_height, margin, sizing_mode } = this.model.properties;
+            this.on_change([width, height, min_height, max_height, margin, sizing_mode], () => {
+                set_size(this.el, this.model);
+                set_size(this.container, this.model, false);
+            });
+        }
         async lazy_initialize() {
             await super.lazy_initialize();
             if (this.provider.status == "not_started" || this.provider.status == "loading")
@@ -373,6 +383,13 @@
     }
     exports.set_size = set_size;
     class HTMLBoxView extends layout_dom_1.LayoutDOMView {
+        connect_signals() {
+            super.connect_signals();
+            const { width, height, min_height, max_height, margin, sizing_mode } = this.model.properties;
+            this.on_change([width, height, min_height, max_height, margin, sizing_mode], () => {
+                set_size(this.el, this.model);
+            });
+        }
         render() {
             super.render();
             set_size(this.el, this.model);
@@ -410,7 +427,7 @@
 "cfb5b1a85b": /* models/audio.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class AudioView extends layout_1.HTMLBoxView {
         initialize() {
             super.initialize();
@@ -1174,7 +1191,7 @@
     const debounce_1 = require("99a25e6992") /* debounce */;
     const comm_manager_1 = require("eca6f2cacb") /* ./comm_manager */;
     const data_1 = require("4e27eda472") /* ./data */;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class TableEditEvent extends bokeh_events_1.ModelEvent {
         constructor(column, row, pre) {
             super();
@@ -6415,7 +6432,7 @@
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const dom_1 = require("@bokehjs/core/dom");
     const event_to_object_1 = require("490942d778") /* ./event-to-object */;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const mouse_events = [
         'click', 'dblclick', 'mousedown', 'mousemove', 'mouseup', 'mouseover', 'mouseout',
         'globalout', 'contextmenu'
@@ -7010,7 +7027,7 @@
     var _a, _b;
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const markup_1 = require("@bokehjs/models/widgets/markup");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const event_to_object_1 = require("490942d778") /* ./event-to-object */;
     class DOMEvent extends bokeh_events_1.ModelEvent {
         constructor(node, data) {
@@ -7168,7 +7185,7 @@
     __esModule();
     var _a;
     const dom_1 = require("@bokehjs/core/dom");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const Jupyter = window.Jupyter;
     class IPyWidgetView extends layout_1.HTMLBoxView {
         initialize() {
@@ -7252,7 +7269,7 @@
     const kinds_1 = require("@bokehjs/core/kinds");
     const markup_1 = require("@bokehjs/models/widgets/markup");
     const json_formatter_js_1 = tslib_1.__importDefault(require("18bba7b7e1") /* json-formatter-js */);
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class JSONView extends layout_1.PanelMarkupView {
         connect_signals() {
             super.connect_signals();
@@ -7393,7 +7410,7 @@
     var _a, _b;
     const dom_1 = require("@bokehjs/core/dom");
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class JSONEditEvent extends bokeh_events_1.ModelEvent {
         constructor(data) {
             super();
@@ -7489,7 +7506,7 @@
     __esModule();
     var _a;
     const markup_1 = require("@bokehjs/models/widgets/markup");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class KaTeXView extends layout_1.PanelMarkupView {
         connect_signals() {
             super.connect_signals();
@@ -7606,7 +7623,7 @@
     __esModule();
     var _a;
     const markup_1 = require("@bokehjs/models/widgets/markup");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class MathJaxView extends layout_1.PanelMarkupView {
         connect_signals() {
             super.connect_signals();
@@ -7636,7 +7653,7 @@
     __esModule();
     var _a;
     const markup_1 = require("@bokehjs/models/widgets/markup");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const html_1 = require("3db2e41978") /* ./html */;
     class PDFView extends layout_1.PanelMarkupView {
         connect_signals() {
@@ -7704,7 +7721,7 @@
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const dom_1 = require("@bokehjs/core/dom");
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const THEMES = {
         'material-dark': 'Material Dark',
         'material': 'Material Light',
@@ -7967,12 +7984,64 @@
         }));
     })();
 },
-"bd5015f776": /* models/player.js */ function _(require, module, exports, __esModule, __esExport) {
+"9148c6a6f9": /* models/player.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
     const kinds_1 = require("@bokehjs/core/kinds");
     const dom_1 = require("@bokehjs/core/dom");
     const widget_1 = require("@bokehjs/models/widgets/widget");
+    const SVG_STRINGS = {
+        slower: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-minus" width="24" \
+ height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"\
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" \
+   fill="none"/><path d="M5 12l14 0" /></svg>',
+        first: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-track-prev-filled" \
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" \
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/>\
+   <path d="M20.341 4.247l-8 7a1 1 0 0 0 0 1.506l8 7c.647 .565 1.659 .106 1.659 -.753v-14c0 -.86 \
+    -1.012 -1.318 -1.659 -.753z" stroke-width="0" fill="currentColor" /><path d="M9.341 4.247l-8 7a1 \
+     1 0 0 0 0 1.506l8 7c.647 .565 1.659 .106 1.659 -.753v-14c0 -.86 -1.012 -1.318 -1.659 -.753z" \
+      stroke-width="0" fill="currentColor" /></svg>',
+        previous: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-skip-back-filled" \
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" \
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/> \
+   <path d="M19.496 4.136l-12 7a1 1 0 0 0 0 1.728l12 7a1 1 0 0 0 1.504 -.864v-14a1 1 0 0 0 -1.504 -.864z" \
+    stroke-width="0" fill="currentColor" /><path d="M4 4a1 1 0 0 1 .993 .883l.007 .117v14a1 1 0 0 1 -1.993 \
+     .117l-.007 -.117v-14a1 1 0 0 1 1 -1z" stroke-width="0" fill="currentColor" /></svg>',
+        reverse: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-play-filled"\
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"\
+  stroke-linecap="round" stroke-linejoin="round" style="transform: scaleX(-1);"><path stroke="none"\
+   d="M0 0h24v24H0z" fill="none"/><path d="M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13\
+    -8a1 1 0 0 0 -1.524 .852z" stroke-width="0" fill="currentColor" /></svg>',
+        pause: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-pause-filled" \
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" \
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" \
+   fill="none"/><path d="M9 4h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 \
+    0 0 -2 -2z" stroke-width="0" fill="currentColor" /><path d="M17 4h-2a2 2 0 0 0 -2 2v12a2 \
+     2 0 0 0 2 2h2a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2z" stroke-width="0" fill="currentColor" /></svg>',
+        play: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-play-filled" \
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" \
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" \
+   fill="none"/><path d="M6 4v16a1 1 0 0 0 1.524 .852l13 -8a1 1 0 0 0 0 -1.704l-13 -8a1 \
+    1 0 0 0 -1.524 .852z" stroke-width="0" fill="currentColor" /></svg>',
+        next: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-skip-forward-filled" \
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" \
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/> \
+  <path d="M3 5v14a1 1 0 0 0 1.504 .864l12 -7a1 1 0 0 0 0 -1.728l-12 -7a1 1 0 0 0 -1.504 .864z" \
+   stroke-width="0" fill="currentColor" /><path d="M20 4a1 1 0 0 1 .993 .883l.007 .117v14a1 1 0 0 \
+    1 -1.993 .117l-.007 -.117v-14a1 1 0 0 1 1 -1z" stroke-width="0" fill="currentColor" /></svg>',
+        last: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-player-track-next-filled" \
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" \
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" \
+   fill="none"/><path d="M2 5v14c0 .86 1.012 1.318 1.659 .753l8 -7a1 1 0 0 0 0 -1.506l-8 \
+   -7c-.647 -.565 -1.659 -.106 -1.659 .753z" stroke-width="0" fill="currentColor" /><path \
+    d="M13 5v14c0 .86 1.012 1.318 1.659 .753l8 -7a1 1 0 0 0 0 -1.506l-8 -7c-.647 -.565 -1.659 \
+     -.106 -1.659 .753z" stroke-width="0" fill="currentColor" /></svg>',
+        faster: '<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plus" \
+ width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" \
+  stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" \
+   fill="none"/><path d="M12 5l0 14" /><path d="M5 12l14 0" /></svg>',
+    };
     function press(btn_list) {
         btn_list.forEach((btn) => btn.style.borderStyle = 'inset');
     }
@@ -8049,47 +8118,47 @@
             const button_style = "text-align: center; min-width: 40px; flex-grow: 2; margin: 2px";
             const slower = document.createElement('button');
             slower.style.cssText = button_style_small;
-            slower.appendChild(document.createTextNode('–'));
+            slower.innerHTML = SVG_STRINGS['slower'];
             slower.onclick = () => this.slower();
             button_div.appendChild(slower);
             const first = document.createElement('button');
             first.style.cssText = button_style;
-            first.appendChild(document.createTextNode('\u275a\u25c0\u25c0'));
+            first.innerHTML = SVG_STRINGS['first'];
             first.onclick = () => this.first_frame();
             button_div.appendChild(first);
             const previous = document.createElement('button');
             previous.style.cssText = button_style;
-            previous.appendChild(document.createTextNode('\u275a\u25c0'));
+            previous.innerHTML = SVG_STRINGS['previous'];
             previous.onclick = () => this.previous_frame();
             button_div.appendChild(previous);
             const reverse = document.createElement('button');
             reverse.style.cssText = button_style;
-            reverse.appendChild(document.createTextNode('\u25c0'));
+            reverse.innerHTML = SVG_STRINGS['reverse'];
             reverse.onclick = () => this.reverse_animation();
             button_div.appendChild(reverse);
             const pause = document.createElement('button');
             pause.style.cssText = button_style;
-            pause.appendChild(document.createTextNode('\u275a\u275a'));
+            pause.innerHTML = SVG_STRINGS['pause'];
             pause.onclick = () => this.pause_animation();
             button_div.appendChild(pause);
             const play = document.createElement('button');
             play.style.cssText = button_style;
-            play.appendChild(document.createTextNode('\u25b6'));
+            play.innerHTML = SVG_STRINGS['play'];
             play.onclick = () => this.play_animation();
             button_div.appendChild(play);
             const next = document.createElement('button');
             next.style.cssText = button_style;
-            next.appendChild(document.createTextNode('\u25b6\u275a'));
+            next.innerHTML = SVG_STRINGS['next'];
             next.onclick = () => this.next_frame();
             button_div.appendChild(next);
             const last = document.createElement('button');
             last.style.cssText = button_style;
-            last.appendChild(document.createTextNode('\u25b6\u25b6\u275a'));
+            last.innerHTML = SVG_STRINGS['last'];
             last.onclick = () => this.last_frame();
             button_div.appendChild(last);
             const faster = document.createElement('button');
             faster.style.cssText = button_style_small;
-            faster.appendChild(document.createTextNode('+'));
+            faster.innerHTML = SVG_STRINGS['faster'];
             faster.onclick = () => this.faster();
             button_div.appendChild(faster);
             // toggle
@@ -8313,7 +8382,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("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     function convertUndefined(obj) {
         Object
             .entries(obj)
@@ -8739,7 +8808,7 @@
     __esModule();
     var _a;
     const dom_1 = require("@bokehjs/core/dom");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class ProgressView extends layout_1.HTMLBoxView {
         connect_signals() {
             super.connect_signals();
@@ -8818,7 +8887,7 @@
     __esModule();
     var _a;
     const dom_1 = require("@bokehjs/core/dom");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const normalizeNative = (nativeRange) => {
         var _b, _c;
         // document.getSelection model has properties startContainer and endContainer
@@ -9038,7 +9107,7 @@
     const data_1 = require("4e27eda472") /* ./data */;
     const event_to_object_1 = require("490942d778") /* ./event-to-object */;
     const html_1 = require("3db2e41978") /* ./html */;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     function serialize_attrs(attrs) {
         const serialized = {};
         for (const attr in attrs) {
@@ -9999,7 +10068,7 @@
 "7651136c44": /* models/speech_to_text.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     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"/>
   <path fill-rule="evenodd" d="M10 8V3a2 2 0 1 0-4 0v5a2 2 0 1 0 4 0zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z"/>
@@ -10404,7 +10473,7 @@
     var _a, _b;
     const dom_1 = require("@bokehjs/core/dom");
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class KeystrokeEvent extends bokeh_events_1.ModelEvent {
         constructor(key) {
             super();
@@ -10564,7 +10633,7 @@
 "a44f0bd49f": /* models/text_to_speech.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     function toVoicesList(voices) {
         var voicesList = [];
         for (let voice of voices) {
@@ -10692,6 +10761,88 @@
         }));
     })();
 },
+"e606e4556b": /* models/icon.js */ function _(require, module, exports, __esModule, __esExport) {
+    __esModule();
+    var _a;
+    const tabler_icon_1 = require("@bokehjs/models/ui/icons/tabler_icon");
+    const control_1 = require("@bokehjs/models/widgets/control");
+    const build_views_1 = require("@bokehjs/core/build_views");
+    class ToggleIconView extends control_1.ControlView {
+        *controls() { }
+        remove() {
+            var _b;
+            (_b = this.icon_view) === null || _b === void 0 ? void 0 : _b.remove();
+            super.remove();
+        }
+        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());
+        }
+        *children() {
+            yield* super.children();
+            yield this.icon_view;
+        }
+        toggle_value() {
+            if (this.model.disabled) {
+                return;
+            }
+            this.model.value = !this.model.value;
+            this.update_icon();
+        }
+        connect_signals() {
+            super.connect_signals();
+            const { icon, active_icon, value, disabled } = this.model.properties;
+            this.on_change([active_icon, icon, value], () => this.update_icon());
+            this.on_change(disabled, () => this.update_cursor());
+        }
+        render() {
+            super.render();
+            this.icon_view.render();
+            this.update_icon();
+            this.update_cursor();
+            this.shadow_el.appendChild(this.icon_view.el);
+        }
+        update_cursor() {
+            this.icon_view.el.style.cursor = this.model.disabled ? 'not-allowed' : 'pointer';
+        }
+        update_icon() {
+            const icon = this.model.value ? this.get_active_icon() : this.model.icon;
+            this.icon_view.model.icon_name = icon;
+        }
+        get_active_icon() {
+            return this.model.active_icon !== '' ? this.model.active_icon : `${this.model.icon}-filled`;
+        }
+        calculate_size() {
+            var _b, _c;
+            const maxWidth = (_b = this.model.width) !== null && _b !== void 0 ? _b : 15;
+            const maxHeight = (_c = this.model.height) !== null && _c !== void 0 ? _c : 15;
+            const size = Math.max(maxWidth, maxHeight);
+            return `${size}px`;
+        }
+    }
+    exports.ToggleIconView = ToggleIconView;
+    ToggleIconView.__name__ = "ToggleIconView";
+    class ToggleIcon extends control_1.Control {
+        constructor(attrs) {
+            super(attrs);
+        }
+    }
+    exports.ToggleIcon = ToggleIcon;
+    _a = ToggleIcon;
+    ToggleIcon.__name__ = "ToggleIcon";
+    ToggleIcon.__module__ = "panel.models.icon";
+    (() => {
+        _a.prototype.default_view = ToggleIconView;
+        _a.define(({ String, Boolean }) => ({
+            active_icon: [String, ""],
+            icon: [String, "heart"],
+            value: [Boolean, false],
+        }));
+    })();
+},
 "4c6dd3d1dc": /* models/tooltip_icon.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     const tslib_1 = require("tslib");
@@ -10793,7 +10944,7 @@
 "c2c4524e04": /* models/trend.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const build_views_1 = require("@bokehjs/core/build_views");
     const plots_1 = require("@bokehjs/models/plots");
     const glyphs_1 = require("@bokehjs/models/glyphs");
@@ -11012,7 +11163,7 @@
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const types_1 = require("@bokehjs/core/util/types");
     const layout_dom_1 = require("@bokehjs/models/layouts/layout_dom");
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     const debounce_1 = require("99a25e6992") /* debounce */;
     class VegaEvent extends bokeh_events_1.ModelEvent {
         constructor(data) {
@@ -11195,7 +11346,7 @@
 "e6e8c94f32": /* models/video.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class VideoView extends layout_1.HTMLBoxView {
         initialize() {
             super.initialize();
@@ -11335,7 +11486,7 @@
 "2dfabe6882": /* models/videostream.js */ function _(require, module, exports, __esModule, __esExport) {
     __esModule();
     var _a;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class VideoStreamView extends layout_1.HTMLBoxView {
         constructor() {
             super(...arguments);
@@ -11452,7 +11603,7 @@
     const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
     const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
     const debounce_1 = require("99a25e6992") /* debounce */;
-    const layout_1 = require("c64c1219c8") /* ./layout */;
+    const layout_1 = require("cac5f3ed28") /* ./layout */;
     class VizzuEvent extends bokeh_events_1.ModelEvent {
         constructor(data) {
             super();
@@ -11698,7 +11849,7 @@
     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("c64c1219c8") /* ../layout */;
+    const layout_1 = require("cac5f3ed28") /* ../layout */;
     const util_1 = require("a76a9b7c23") /* ./util */;
     const vtkcolorbar_1 = require("c010237f8b") /* ./vtkcolorbar */;
     const vtkaxes_1 = require("5a606f3f35") /* ./vtkaxes */;
@@ -19784,5 +19935,5 @@
     }
     exports.initialize_fullscreen_render = initialize_fullscreen_render;
 },
-}, "4e90918c0a", {"index":"4e90918c0a","models/index":"25913cabc4","models/ace":"464e3dc85c","models/layout":"c64c1219c8","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":"bd5015f776","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/tooltip_icon":"4c6dd3d1dc","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":"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":"e606e4556b","models/tooltip_icon":"4c6dd3d1dc","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