Folder_Selector.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "83403aec-7b77-40e8-a8a4-009369a97f23",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/javascript": [
       "(function(root) {\n",
       "  function now() {\n",
       "    return new Date();\n",
       "  }\n",
       "\n",
       "  var force = true;\n",
       "  var py_version = '3.1.1'.replace('rc', '-rc.');\n",
       "  var is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1;\n",
       "  var reloading = false;\n",
       "  var Bokeh = root.Bokeh;\n",
       "  var bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n",
       "\n",
       "  if (typeof (root._bokeh_timeout) === \"undefined\" || force) {\n",
       "    root._bokeh_timeout = Date.now() + 5000;\n",
       "    root._bokeh_failed_load = false;\n",
       "  }\n",
       "\n",
       "  function run_callbacks() {\n",
       "    try {\n",
       "      root._bokeh_onload_callbacks.forEach(function(callback) {\n",
       "        if (callback != null)\n",
       "          callback();\n",
       "      });\n",
       "    } finally {\n",
       "      delete root._bokeh_onload_callbacks;\n",
       "    }\n",
       "    console.debug(\"Bokeh: all callbacks have finished\");\n",
       "  }\n",
       "\n",
       "  function load_libs(css_urls, js_urls, js_modules, js_exports, callback) {\n",
       "    if (css_urls == null) css_urls = [];\n",
       "    if (js_urls == null) js_urls = [];\n",
       "    if (js_modules == null) js_modules = [];\n",
       "    if (js_exports == null) js_exports = {};\n",
       "\n",
       "    root._bokeh_onload_callbacks.push(callback);\n",
       "\n",
       "    if (root._bokeh_is_loading > 0) {\n",
       "      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",
       "      return null;\n",
       "    }\n",
       "    if (js_urls.length === 0 && js_modules.length === 0 && Object.keys(js_exports).length === 0) {\n",
       "      run_callbacks();\n",
       "      return null;\n",
       "    }\n",
       "    if (!reloading) {\n",
       "      console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",
       "    }\n",
       "\n",
       "    function on_load() {\n",
       "      root._bokeh_is_loading--;\n",
       "      if (root._bokeh_is_loading === 0) {\n",
       "        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n",
       "        run_callbacks()\n",
       "      }\n",
       "    }\n",
       "    window._bokeh_on_load = on_load\n",
       "\n",
       "    function on_error() {\n",
       "      console.error(\"failed to load \" + url);\n",
       "    }\n",
       "\n",
       "    var skip = [];\n",
       "    if (window.requirejs) {\n",
       "      window.requirejs.config({'packages': {}, 'paths': {'jspanel': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/jspanel', 'jspanel-modal': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal', 'jspanel-tooltip': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip', 'jspanel-hint': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint', 'jspanel-layout': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout', 'jspanel-contextmenu': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu', 'jspanel-dock': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@7.2.3/dist/gridstack-all', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'jspanel': {'exports': 'jsPanel'}, 'gridstack': {'exports': 'GridStack'}}});\n",
       "      require([\"jspanel\"], function(jsPanel) {\n",
       "\twindow.jsPanel = jsPanel\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-modal\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-tooltip\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-hint\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-layout\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-contextmenu\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-dock\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"gridstack\"], function(GridStack) {\n",
       "\twindow.GridStack = GridStack\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"notyf\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      root._bokeh_is_loading = css_urls.length + 9;\n",
       "    } else {\n",
       "      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length + Object.keys(js_exports).length;\n",
       "    }\n",
       "\n",
       "    var existing_stylesheets = []\n",
       "    var links = document.getElementsByTagName('link')\n",
       "    for (var i = 0; i < links.length; i++) {\n",
       "      var link = links[i]\n",
       "      if (link.href != null) {\n",
       "\texisting_stylesheets.push(link.href)\n",
       "      }\n",
       "    }\n",
       "    for (var i = 0; i < css_urls.length; i++) {\n",
       "      var url = css_urls[i];\n",
       "      if (existing_stylesheets.indexOf(url) !== -1) {\n",
       "\ton_load()\n",
       "\tcontinue;\n",
       "      }\n",
       "      const element = document.createElement(\"link\");\n",
       "      element.onload = on_load;\n",
       "      element.onerror = on_error;\n",
       "      element.rel = \"stylesheet\";\n",
       "      element.type = \"text/css\";\n",
       "      element.href = url;\n",
       "      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n",
       "      document.body.appendChild(element);\n",
       "    }    if (((window['jsPanel'] !== undefined) && (!(window['jsPanel'] instanceof HTMLElement))) || window.requirejs) {\n",
       "      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js'];\n",
       "      for (var i = 0; i < urls.length; i++) {\n",
       "        skip.push(urls[i])\n",
       "      }\n",
       "    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n",
       "      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/gridstack/gridstack@7.2.3/dist/gridstack-all.js'];\n",
       "      for (var i = 0; i < urls.length; i++) {\n",
       "        skip.push(urls[i])\n",
       "      }\n",
       "    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n",
       "      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n",
       "      for (var i = 0; i < urls.length; i++) {\n",
       "        skip.push(urls[i])\n",
       "      }\n",
       "    }    var existing_scripts = []\n",
       "    var scripts = document.getElementsByTagName('script')\n",
       "    for (var i = 0; i < scripts.length; i++) {\n",
       "      var script = scripts[i]\n",
       "      if (script.src != null) {\n",
       "\texisting_scripts.push(script.src)\n",
       "      }\n",
       "    }\n",
       "    for (var i = 0; i < js_urls.length; i++) {\n",
       "      var url = js_urls[i];\n",
       "      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n",
       "\tif (!window.requirejs) {\n",
       "\t  on_load();\n",
       "\t}\n",
       "\tcontinue;\n",
       "      }\n",
       "      var element = document.createElement('script');\n",
       "      element.onload = on_load;\n",
       "      element.onerror = on_error;\n",
       "      element.async = false;\n",
       "      element.src = url;\n",
       "      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "      document.head.appendChild(element);\n",
       "    }\n",
       "    for (var i = 0; i < js_modules.length; i++) {\n",
       "      var url = js_modules[i];\n",
       "      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n",
       "\tif (!window.requirejs) {\n",
       "\t  on_load();\n",
       "\t}\n",
       "\tcontinue;\n",
       "      }\n",
       "      var element = document.createElement('script');\n",
       "      element.onload = on_load;\n",
       "      element.onerror = on_error;\n",
       "      element.async = false;\n",
       "      element.src = url;\n",
       "      element.type = \"module\";\n",
       "      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "      document.head.appendChild(element);\n",
       "    }\n",
       "    for (const name in js_exports) {\n",
       "      var url = js_exports[name];\n",
       "      if (skip.indexOf(url) >= 0 || root[name] != null) {\n",
       "\tif (!window.requirejs) {\n",
       "\t  on_load();\n",
       "\t}\n",
       "\tcontinue;\n",
       "      }\n",
       "      var element = document.createElement('script');\n",
       "      element.onerror = on_error;\n",
       "      element.async = false;\n",
       "      element.type = \"module\";\n",
       "      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "      element.textContent = `\n",
       "      import ${name} from \"${url}\"\n",
       "      window.${name} = ${name}\n",
       "      window._bokeh_on_load()\n",
       "      `\n",
       "      document.head.appendChild(element);\n",
       "    }\n",
       "    if (!js_urls.length && !js_modules.length) {\n",
       "      on_load()\n",
       "    }\n",
       "  };\n",
       "\n",
       "  function inject_raw_css(css) {\n",
       "    const element = document.createElement(\"style\");\n",
       "    element.appendChild(document.createTextNode(css));\n",
       "    document.body.appendChild(element);\n",
       "  }\n",
       "\n",
       "  var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.1.1.min.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/panel.min.js\"];\n",
       "  var js_modules = [];\n",
       "  var js_exports = {};\n",
       "  var css_urls = [\"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.css\"];\n",
       "  var inline_js = [    function(Bokeh) {\n",
       "      inject_raw_css(\"/**\\n * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu\\n * @version v4.12.0\\n * @homepage https://jspanel.de/\\n * @license MIT\\n * @author Stefan Str\\u00e4\\u00dfer - info@jspanel.de\\n * @github https://github.com/Flyer53/jsPanel4.git\\n */\\n.default-bg, .secondary-bg {\\n  background-color: #b0bec5; }\\n\\n.primary-bg {\\n  background-color: #01579b; }\\n\\n.info-bg {\\n  background-color: #039be5; }\\n\\n.success-bg {\\n  background-color: #2e7d32; }\\n\\n.warning-bg {\\n  background-color: #f57f17; }\\n\\n.danger-bg {\\n  background-color: #dd2c00; }\\n\\n.light-bg {\\n  background-color: #e0e0e0; }\\n\\n.dark-bg {\\n  background-color: #263238; }\\n\\n.jsPanel {\\n  border: 0;\\n  box-sizing: border-box;\\n  vertical-align: baseline;\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  font-weight: normal;\\n  display: flex;\\n  flex-direction: column;\\n  opacity: 0;\\n  overflow: visible;\\n  position: absolute;\\n  /* top: 0  do not remove, otherwise panel is at the very bottom of the page -> results in vertical scrollbars -> positioning at right incorrect */\\n  z-index: 100; }\\n  .jsPanel .jsPanel-hdr {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    display: flex;\\n    flex-direction: column;\\n    flex-shrink: 0;\\n    line-height: normal; }\\n  .jsPanel .jsPanel-content {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    background: #ffffff;\\n    color: #000000;\\n    font-size: 1rem;\\n    position: relative;\\n    overflow-x: hidden;\\n    overflow-y: auto;\\n    flex-grow: 1; }\\n    .jsPanel .jsPanel-content pre {\\n      color: inherit; }\\n  .jsPanel .jsPanel-ftr {\\n    flex-direction: row;\\n    justify-content: flex-end;\\n    flex-wrap: nowrap;\\n    align-items: center;\\n    display: none;\\n    box-sizing: border-box;\\n    font-size: 1rem;\\n    height: auto;\\n    background: #f5f5f5;\\n    font-weight: normal;\\n    color: black;\\n    overflow: hidden; }\\n  .jsPanel .jsPanel-ftr.active {\\n    display: flex;\\n    flex-shrink: 0;\\n    margin: 0;\\n    padding: 3px 8px; }\\n\\n.jsPanel-hdr.jsPanel-hdr-dark .jsPanel-btn:hover {\\n  background-color: rgba(255, 255, 255, 0.4); }\\n\\n.jsPanel-hdr.jsPanel-hdr-light .jsPanel-btn:hover {\\n  background-color: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-hdr-toolbar {\\n  font-size: 1rem; }\\n\\n.jsPanel-headerbar {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center; }\\n  .jsPanel-headerbar img {\\n    vertical-align: middle;\\n    max-height: 38px; }\\n\\n.jsPanel-titlebar {\\n  display: flex;\\n  align-items: center;\\n  font-size: 1rem;\\n  flex: 1 1 0;\\n  cursor: move;\\n  height: 100%;\\n  overflow: hidden;\\n  user-select: none; }\\n  .jsPanel-titlebar .jsPanel-title {\\n    white-space: nowrap;\\n    overflow: hidden;\\n    text-overflow: ellipsis;\\n    font-variant: small-caps;\\n    font-weight: normal;\\n    margin: 0 5px 0 8px;\\n    min-width: 0; }\\n\\n.jsPanel-titlebar.jsPanel-rtl {\\n  flex-direction: row-reverse; }\\n\\n.jsPanel-controlbar {\\n  display: flex;\\n  align-items: center;\\n  align-self: start;\\n  touch-action: none;\\n  margin: 3px; }\\n  .jsPanel-controlbar .jsPanel-btn {\\n    cursor: pointer;\\n    touch-action: none;\\n    border-radius: 3px;\\n    border: 0;\\n    padding: 0;\\n    margin: 0;\\n    background-color: transparent;\\n    box-shadow: none; }\\n    .jsPanel-controlbar .jsPanel-btn svg.jsPanel-icon, .jsPanel-controlbar .jsPanel-btn span, .jsPanel-controlbar .jsPanel-btn i {\\n      vertical-align: middle; }\\n    .jsPanel-controlbar .jsPanel-btn span.glyphicon {\\n      padding: 0 2px; }\\n    .jsPanel-controlbar .jsPanel-btn svg.svg-inline--fa {\\n      margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn-normalize {\\n    display: none; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span:not(.material-icons) {\\n    width: 2rem;\\n    height: 2rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl .svg-inline--fa {\\n    font-size: 2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span.material-icons {\\n    font-size: 2.2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 2rem;\\n    margin: 0 4px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span:not(.material-icons) {\\n    width: 1.75rem;\\n    height: 1.75rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg .svg-inline--fa {\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span.material-icons {\\n    font-size: 1.9rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span:not(.material-icons) {\\n    width: 1.5rem;\\n    height: 1.5rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md .svg-inline--fa {\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span.material-icons {\\n    font-size: 1.6rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span:not(.material-icons) {\\n    width: 1.25rem;\\n    height: 1.25rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm .svg-inline--fa {\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span.material-icons {\\n    font-size: 1.3rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span:not(.material-icons) {\\n    width: 1rem;\\n    height: 1rem;\\n    margin: 1px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs .svg-inline--fa {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span.material-icons {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1rem; }\\n\\n.jsPanel-hdr-toolbar {\\n  display: none;\\n  width: auto;\\n  height: auto; }\\n\\n.jsPanel-hdr-toolbar.active {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center;\\n  padding: 3px 8px; }\\n\\n/* styles for panels using option.rtl */\\n.jsPanel-titlebar .jsPanel-title[dir=rtl] {\\n  margin: 0 8px 0 5px; }\\n\\n.jsPanel-hdr-toolbar[dir=rtl].active {\\n  padding: 0 8px 0 8px; }\\n\\n.jsPanel-content[dir=rtl] {\\n  text-align: right; }\\n\\n.jsPanel-ftr[dir=rtl] {\\n  flex-direction: row; }\\n\\n/* container that takes the minified jsPanels */\\n#jsPanel-replacement-container, .jsPanel-minimized-box, .jsPanel-minimized-container {\\n  display: flex;\\n  flex-flow: row wrap-reverse;\\n  background: transparent none repeat scroll 0 0;\\n  bottom: 0;\\n  height: auto;\\n  left: 0;\\n  position: fixed;\\n  width: auto;\\n  z-index: 9998; }\\n\\n.jsPanel-replacement {\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  display: flex;\\n  align-items: center;\\n  width: 200px;\\n  height: 34px;\\n  margin: 1px 1px 0 0;\\n  z-index: 9999; }\\n  .jsPanel-replacement .jsPanel-hdr {\\n    flex-grow: 1;\\n    min-width: 0;\\n    padding: 0;\\n    height: 34px;\\n    overflow: hidden; }\\n    .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo {\\n      max-width: 50%;\\n      overflow: hidden; }\\n      .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img {\\n        max-width: 100px;\\n        max-height: 34px; }\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    cursor: default;\\n    min-width: 0; }\\n  .jsPanel-replacement .jsPanel-btn.jsPanel-btn-normalize {\\n    display: block; }\\n\\n.jsPanel-minimized-box, .jsPanel-minimized-container {\\n  position: absolute;\\n  width: 100%;\\n  overflow: hidden; }\\n\\n/* helper classes to make .jsPanel-content a flex box */\\n.flexOne {\\n  display: flex;\\n  flex-flow: row wrap; }\\n\\n/* css for resizeit handles -------------- */\\n.jsPanel-resizeit-handle {\\n  display: block;\\n  font-size: 0.1px;\\n  position: absolute;\\n  touch-action: none; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-n {\\n  cursor: n-resize;\\n  height: 12px;\\n  left: 9px;\\n  top: -5px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-e {\\n  cursor: e-resize;\\n  height: calc(100% - 18px);\\n  right: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-s {\\n  bottom: -9px;\\n  cursor: s-resize;\\n  height: 12px;\\n  left: 9px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-w {\\n  cursor: w-resize;\\n  height: calc(100% - 18px);\\n  left: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-ne {\\n  cursor: ne-resize;\\n  height: 18px;\\n  right: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-se {\\n  bottom: -9px;\\n  cursor: se-resize;\\n  height: 18px;\\n  right: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-sw {\\n  bottom: -9px;\\n  cursor: sw-resize;\\n  height: 18px;\\n  left: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-nw {\\n  cursor: nw-resize;\\n  height: 18px;\\n  left: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-drag-overlay {\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0; }\\n\\n/* Error panel ----------------- */\\n.jsPanel-error .jsPanel-content {\\n  border: 0 !important;\\n  padding-top: 0 !important;\\n  font-size: .9rem;\\n  text-align: center; }\\n  .jsPanel-error .jsPanel-content p {\\n    margin: 0 0 10px 0; }\\n  .jsPanel-error .jsPanel-content mark {\\n    background: lavender;\\n    border-radius: .33rem;\\n    padding: 0 8px;\\n    font-family: monospace; }\\n  .jsPanel-error .jsPanel-content .jsPanel-error-content-separator {\\n    width: 100%;\\n    height: 1px;\\n    background-image: linear-gradient(90deg, white 0%, rebeccapurple 50%, white 100%);\\n    margin-bottom: 10px; }\\n\\n/* box-shadows -------------------------------------------------------- */\\n.jsPanel-depth-1 {\\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-2 {\\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-3 {\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-4 {\\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-5 {\\n  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 20px 14px rgba(0, 0, 0, 0.22); }\\n\\n/* snap sensitive areas ------------------------------------------------ */\\n.jsPanel-snap-area {\\n  position: fixed;\\n  background: black;\\n  opacity: .2;\\n  border: 1px solid silver;\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.5);\\n  z-index: 9999; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-lc, .jsPanel-snap-area-lb, .jsPanel-snap-area-left-top, .jsPanel-snap-area-left-center, .jsPanel-snap-area-left-bottom {\\n  left: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  left: 37.5%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-rc, .jsPanel-snap-area-rb, .jsPanel-snap-area-right-top, .jsPanel-snap-area-right-center, .jsPanel-snap-area-right-bottom {\\n  right: 0; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-ct, .jsPanel-snap-area-rt, .jsPanel-snap-area-left-top, .jsPanel-snap-area-center-top, .jsPanel-snap-area-right-top {\\n  top: 0; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  top: 37.5%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-cb, .jsPanel-snap-area-rb, .jsPanel-snap-area-left-bottom, .jsPanel-snap-area-center-bottom, .jsPanel-snap-area-right-bottom {\\n  bottom: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  width: 25%; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  height: 25%; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-left-top {\\n  border-bottom-right-radius: 100%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-right-top {\\n  border-bottom-left-radius: 100%; }\\n\\n.jsPanel-snap-area-rb, .jsPanel-snap-area-right-bottom {\\n  border-top-left-radius: 100%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-left-bottom {\\n  border-top-right-radius: 100%; }\\n\\n/* tooltip and tooltip connectors */\\n.jsPanel-connector-left-top-corner,\\n.jsPanel-connector-right-top-corner,\\n.jsPanel-connector-left-bottom-corner,\\n.jsPanel-connector-right-bottom-corner {\\n  width: 12px;\\n  height: 12px;\\n  position: absolute;\\n  border-radius: 50%; }\\n\\n.jsPanel-connector-left-top-corner {\\n  left: calc(100% - 6px);\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-top-corner {\\n  left: -6px;\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-bottom-corner {\\n  left: -6px;\\n  top: -6px; }\\n\\n.jsPanel-connector-left-bottom-corner {\\n  left: calc(100% - 6px);\\n  top: -6px; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright,\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright,\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom,\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  width: 0;\\n  height: 0;\\n  position: absolute;\\n  border: 12px solid transparent; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright {\\n  top: 100%;\\n  border-bottom-width: 0; }\\n\\n.jsPanel-connector-top {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-topleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-topright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright {\\n  top: -12px;\\n  border-top-width: 0; }\\n\\n.jsPanel-connector-bottom {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-bottomleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-bottomright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom {\\n  left: 100%;\\n  border-right-width: 0; }\\n\\n.jsPanel-connector-left {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-lefttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-leftbottom {\\n  top: calc(100% - 24px); }\\n\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  left: -12px;\\n  border-left-width: 0; }\\n\\n.jsPanel-connector-right {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-righttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-rightbottom {\\n  top: calc(100% - 24px); }\\n\\n/* IE11 CSS styles go here */\\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    max-width: 105px; } }\\n\\n/* XXXXXXXXXXXXXXXXXXXXXXX */\\n/* css3 animations */\\n@keyframes jsPanelFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 1; } }\\n\\n.jsPanelFadeIn {\\n  opacity: 0;\\n  animation: jsPanelFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes jsPanelFadeOut {\\n  from {\\n    opacity: 1; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanelFadeOut {\\n  animation: jsPanelFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes modalBackdropFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 0.65; } }\\n\\n.jsPanel-modal-backdrop {\\n  animation: modalBackdropFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 750ms;\\n  background: black;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%; }\\n\\n@keyframes modalBackdropFadeOut {\\n  from {\\n    opacity: 0.65; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanel-modal-backdrop-out {\\n  animation: modalBackdropFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 400ms; }\\n\\n.jsPanel-modal-backdrop-multi {\\n  background: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-content .jsPanel-iframe-overlay {\\n  position: absolute;\\n  top: 0;\\n  width: 100%;\\n  height: 100%;\\n  background: transparent; }\\n\\n.jsPanel-addCloseCtrl {\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n  width: .8rem;\\n  height: .8rem;\\n  margin: 2px;\\n  cursor: pointer;\\n  line-height: .8rem;\\n  padding: 0;\\n  z-index: 100;\\n  border: 0;\\n  background-color: transparent; }\\n\\n.jsPanel-addCloseCtrl.rtl {\\n  right: unset;\\n  left: 0; }\\n\\n.jsPanel-progressbar {\\n  position: relative;\\n  width: 100%;\\n  height: 0;\\n  overflow: hidden; }\\n  .jsPanel-progressbar .jsPanel-progressbar-slider {\\n    position: absolute;\\n    width: 0;\\n    height: 3px;\\n    background: lightgray;\\n    right: 0; }\\n\\n.jsPanel-progressbar.active {\\n  height: 3px; }\\n\\n@keyframes progressbar {\\n  from {\\n    width: 0; }\\n  to {\\n    width: 100%; } }\\n\\n.jsPanel-content.jsPanel-content-noheader {\\n  border: none !important; }\\n\\nbody {\\n  -ms-overflow-style: scrollbar; }\\n\");\n",
       "    },    function(Bokeh) {\n",
       "      Bokeh.set_log_level(\"info\");\n",
       "    },\n",
       "function(Bokeh) {} // ensure no trailing comma for IE\n",
       "  ];\n",
       "\n",
       "  function run_inline_js() {\n",
       "    if ((root.Bokeh !== undefined) || (force === true)) {\n",
       "      for (var i = 0; i < inline_js.length; i++) {\n",
       "        inline_js[i].call(root, root.Bokeh);\n",
       "      }\n",
       "      // Cache old bokeh versions\n",
       "      if (Bokeh != undefined && !reloading) {\n",
       "\tvar NewBokeh = root.Bokeh;\n",
       "\tif (Bokeh.versions === undefined) {\n",
       "\t  Bokeh.versions = new Map();\n",
       "\t}\n",
       "\tif (NewBokeh.version !== Bokeh.version) {\n",
       "\t  Bokeh.versions.set(NewBokeh.version, NewBokeh)\n",
       "\t}\n",
       "\troot.Bokeh = Bokeh;\n",
       "      }} else if (Date.now() < root._bokeh_timeout) {\n",
       "      setTimeout(run_inline_js, 100);\n",
       "    } else if (!root._bokeh_failed_load) {\n",
       "      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
       "      root._bokeh_failed_load = true;\n",
       "    }\n",
       "    root._bokeh_is_initializing = false\n",
       "  }\n",
       "\n",
       "  function load_or_wait() {\n",
       "    // Implement a backoff loop that tries to ensure we do not load multiple\n",
       "    // versions of Bokeh and its dependencies at the same time.\n",
       "    // In recent versions we use the root._bokeh_is_initializing flag\n",
       "    // to determine whether there is an ongoing attempt to initialize\n",
       "    // bokeh, however for backward compatibility we also try to ensure\n",
       "    // that we do not start loading a newer (Panel>=1.0 and Bokeh>3) version\n",
       "    // before older versions are fully initialized.\n",
       "    if (root._bokeh_is_initializing && Date.now() > root._bokeh_timeout) {\n",
       "      root._bokeh_is_initializing = false;\n",
       "      root._bokeh_onload_callbacks = undefined;\n",
       "      console.log(\"Bokeh: BokehJS was loaded multiple times but one version failed to initialize.\");\n",
       "      load_or_wait();\n",
       "    } else if (root._bokeh_is_initializing || (typeof root._bokeh_is_initializing === \"undefined\" && root._bokeh_onload_callbacks !== undefined)) {\n",
       "      setTimeout(load_or_wait, 100);\n",
       "    } else {\n",
       "      Bokeh = root.Bokeh;\n",
       "      bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n",
       "      root._bokeh_is_initializing = true\n",
       "      root._bokeh_onload_callbacks = []\n",
       "      if (!reloading && (!bokeh_loaded || is_dev)) {\n",
       "\troot.Bokeh = undefined;\n",
       "      }\n",
       "      load_libs(css_urls, js_urls, js_modules, js_exports, function() {\n",
       "\tconsole.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n",
       "\trun_inline_js();\n",
       "      });\n",
       "    }\n",
       "  }\n",
       "  // Give older versions of the autoload script a head-start to ensure\n",
       "  // they initialize before we start loading newer version.\n",
       "  setTimeout(load_or_wait, 100)\n",
       "}(window));"
      ],
      "application/vnd.holoviews_load.v0+json": "(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n  var py_version = '3.1.1'.replace('rc', '-rc.');\n  var is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1;\n  var reloading = false;\n  var Bokeh = root.Bokeh;\n  var bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n\n  if (typeof (root._bokeh_timeout) === \"undefined\" || force) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._bokeh_failed_load = false;\n  }\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) {\n        if (callback != null)\n          callback();\n      });\n    } finally {\n      delete root._bokeh_onload_callbacks;\n    }\n    console.debug(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(css_urls, js_urls, js_modules, js_exports, callback) {\n    if (css_urls == null) css_urls = [];\n    if (js_urls == null) js_urls = [];\n    if (js_modules == null) js_modules = [];\n    if (js_exports == null) js_exports = {};\n\n    root._bokeh_onload_callbacks.push(callback);\n\n    if (root._bokeh_is_loading > 0) {\n      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n      return null;\n    }\n    if (js_urls.length === 0 && js_modules.length === 0 && Object.keys(js_exports).length === 0) {\n      run_callbacks();\n      return null;\n    }\n    if (!reloading) {\n      console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n    }\n\n    function on_load() {\n      root._bokeh_is_loading--;\n      if (root._bokeh_is_loading === 0) {\n        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n        run_callbacks()\n      }\n    }\n    window._bokeh_on_load = on_load\n\n    function on_error() {\n      console.error(\"failed to load \" + url);\n    }\n\n    var skip = [];\n    if (window.requirejs) {\n      window.requirejs.config({'packages': {}, 'paths': {'jspanel': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/jspanel', 'jspanel-modal': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal', 'jspanel-tooltip': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip', 'jspanel-hint': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint', 'jspanel-layout': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout', 'jspanel-contextmenu': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu', 'jspanel-dock': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@7.2.3/dist/gridstack-all', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'jspanel': {'exports': 'jsPanel'}, 'gridstack': {'exports': 'GridStack'}}});\n      require([\"jspanel\"], function(jsPanel) {\n\twindow.jsPanel = jsPanel\n\ton_load()\n      })\n      require([\"jspanel-modal\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-tooltip\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-hint\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-layout\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-contextmenu\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-dock\"], function() {\n\ton_load()\n      })\n      require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n      })\n      require([\"notyf\"], function() {\n\ton_load()\n      })\n      root._bokeh_is_loading = css_urls.length + 9;\n    } else {\n      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length + Object.keys(js_exports).length;\n    }\n\n    var existing_stylesheets = []\n    var links = document.getElementsByTagName('link')\n    for (var i = 0; i < links.length; i++) {\n      var link = links[i]\n      if (link.href != null) {\n\texisting_stylesheets.push(link.href)\n      }\n    }\n    for (var i = 0; i < css_urls.length; i++) {\n      var url = css_urls[i];\n      if (existing_stylesheets.indexOf(url) !== -1) {\n\ton_load()\n\tcontinue;\n      }\n      const element = document.createElement(\"link\");\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.rel = \"stylesheet\";\n      element.type = \"text/css\";\n      element.href = url;\n      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n      document.body.appendChild(element);\n    }    if (((window['jsPanel'] !== undefined) && (!(window['jsPanel'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/gridstack/gridstack@7.2.3/dist/gridstack-all.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    var existing_scripts = []\n    var scripts = document.getElementsByTagName('script')\n    for (var i = 0; i < scripts.length; i++) {\n      var script = scripts[i]\n      if (script.src != null) {\n\texisting_scripts.push(script.src)\n      }\n    }\n    for (var i = 0; i < js_urls.length; i++) {\n      var url = js_urls[i];\n      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (var i = 0; i < js_modules.length; i++) {\n      var url = js_modules[i];\n      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (const name in js_exports) {\n      var url = js_exports[name];\n      if (skip.indexOf(url) >= 0 || root[name] != null) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onerror = on_error;\n      element.async = false;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      element.textContent = `\n      import ${name} from \"${url}\"\n      window.${name} = ${name}\n      window._bokeh_on_load()\n      `\n      document.head.appendChild(element);\n    }\n    if (!js_urls.length && !js_modules.length) {\n      on_load()\n    }\n  };\n\n  function inject_raw_css(css) {\n    const element = document.createElement(\"style\");\n    element.appendChild(document.createTextNode(css));\n    document.body.appendChild(element);\n  }\n\n  var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.1.1.min.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/panel.min.js\"];\n  var js_modules = [];\n  var js_exports = {};\n  var css_urls = [\"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.css\"];\n  var inline_js = [    function(Bokeh) {\n      inject_raw_css(\"/**\\n * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu\\n * @version v4.12.0\\n * @homepage https://jspanel.de/\\n * @license MIT\\n * @author Stefan Str\\u00e4\\u00dfer - info@jspanel.de\\n * @github https://github.com/Flyer53/jsPanel4.git\\n */\\n.default-bg, .secondary-bg {\\n  background-color: #b0bec5; }\\n\\n.primary-bg {\\n  background-color: #01579b; }\\n\\n.info-bg {\\n  background-color: #039be5; }\\n\\n.success-bg {\\n  background-color: #2e7d32; }\\n\\n.warning-bg {\\n  background-color: #f57f17; }\\n\\n.danger-bg {\\n  background-color: #dd2c00; }\\n\\n.light-bg {\\n  background-color: #e0e0e0; }\\n\\n.dark-bg {\\n  background-color: #263238; }\\n\\n.jsPanel {\\n  border: 0;\\n  box-sizing: border-box;\\n  vertical-align: baseline;\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  font-weight: normal;\\n  display: flex;\\n  flex-direction: column;\\n  opacity: 0;\\n  overflow: visible;\\n  position: absolute;\\n  /* top: 0  do not remove, otherwise panel is at the very bottom of the page -> results in vertical scrollbars -> positioning at right incorrect */\\n  z-index: 100; }\\n  .jsPanel .jsPanel-hdr {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    display: flex;\\n    flex-direction: column;\\n    flex-shrink: 0;\\n    line-height: normal; }\\n  .jsPanel .jsPanel-content {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    background: #ffffff;\\n    color: #000000;\\n    font-size: 1rem;\\n    position: relative;\\n    overflow-x: hidden;\\n    overflow-y: auto;\\n    flex-grow: 1; }\\n    .jsPanel .jsPanel-content pre {\\n      color: inherit; }\\n  .jsPanel .jsPanel-ftr {\\n    flex-direction: row;\\n    justify-content: flex-end;\\n    flex-wrap: nowrap;\\n    align-items: center;\\n    display: none;\\n    box-sizing: border-box;\\n    font-size: 1rem;\\n    height: auto;\\n    background: #f5f5f5;\\n    font-weight: normal;\\n    color: black;\\n    overflow: hidden; }\\n  .jsPanel .jsPanel-ftr.active {\\n    display: flex;\\n    flex-shrink: 0;\\n    margin: 0;\\n    padding: 3px 8px; }\\n\\n.jsPanel-hdr.jsPanel-hdr-dark .jsPanel-btn:hover {\\n  background-color: rgba(255, 255, 255, 0.4); }\\n\\n.jsPanel-hdr.jsPanel-hdr-light .jsPanel-btn:hover {\\n  background-color: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-hdr-toolbar {\\n  font-size: 1rem; }\\n\\n.jsPanel-headerbar {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center; }\\n  .jsPanel-headerbar img {\\n    vertical-align: middle;\\n    max-height: 38px; }\\n\\n.jsPanel-titlebar {\\n  display: flex;\\n  align-items: center;\\n  font-size: 1rem;\\n  flex: 1 1 0;\\n  cursor: move;\\n  height: 100%;\\n  overflow: hidden;\\n  user-select: none; }\\n  .jsPanel-titlebar .jsPanel-title {\\n    white-space: nowrap;\\n    overflow: hidden;\\n    text-overflow: ellipsis;\\n    font-variant: small-caps;\\n    font-weight: normal;\\n    margin: 0 5px 0 8px;\\n    min-width: 0; }\\n\\n.jsPanel-titlebar.jsPanel-rtl {\\n  flex-direction: row-reverse; }\\n\\n.jsPanel-controlbar {\\n  display: flex;\\n  align-items: center;\\n  align-self: start;\\n  touch-action: none;\\n  margin: 3px; }\\n  .jsPanel-controlbar .jsPanel-btn {\\n    cursor: pointer;\\n    touch-action: none;\\n    border-radius: 3px;\\n    border: 0;\\n    padding: 0;\\n    margin: 0;\\n    background-color: transparent;\\n    box-shadow: none; }\\n    .jsPanel-controlbar .jsPanel-btn svg.jsPanel-icon, .jsPanel-controlbar .jsPanel-btn span, .jsPanel-controlbar .jsPanel-btn i {\\n      vertical-align: middle; }\\n    .jsPanel-controlbar .jsPanel-btn span.glyphicon {\\n      padding: 0 2px; }\\n    .jsPanel-controlbar .jsPanel-btn svg.svg-inline--fa {\\n      margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn-normalize {\\n    display: none; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span:not(.material-icons) {\\n    width: 2rem;\\n    height: 2rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl .svg-inline--fa {\\n    font-size: 2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span.material-icons {\\n    font-size: 2.2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 2rem;\\n    margin: 0 4px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span:not(.material-icons) {\\n    width: 1.75rem;\\n    height: 1.75rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg .svg-inline--fa {\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span.material-icons {\\n    font-size: 1.9rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span:not(.material-icons) {\\n    width: 1.5rem;\\n    height: 1.5rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md .svg-inline--fa {\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span.material-icons {\\n    font-size: 1.6rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span:not(.material-icons) {\\n    width: 1.25rem;\\n    height: 1.25rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm .svg-inline--fa {\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span.material-icons {\\n    font-size: 1.3rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span:not(.material-icons) {\\n    width: 1rem;\\n    height: 1rem;\\n    margin: 1px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs .svg-inline--fa {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span.material-icons {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1rem; }\\n\\n.jsPanel-hdr-toolbar {\\n  display: none;\\n  width: auto;\\n  height: auto; }\\n\\n.jsPanel-hdr-toolbar.active {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center;\\n  padding: 3px 8px; }\\n\\n/* styles for panels using option.rtl */\\n.jsPanel-titlebar .jsPanel-title[dir=rtl] {\\n  margin: 0 8px 0 5px; }\\n\\n.jsPanel-hdr-toolbar[dir=rtl].active {\\n  padding: 0 8px 0 8px; }\\n\\n.jsPanel-content[dir=rtl] {\\n  text-align: right; }\\n\\n.jsPanel-ftr[dir=rtl] {\\n  flex-direction: row; }\\n\\n/* container that takes the minified jsPanels */\\n#jsPanel-replacement-container, .jsPanel-minimized-box, .jsPanel-minimized-container {\\n  display: flex;\\n  flex-flow: row wrap-reverse;\\n  background: transparent none repeat scroll 0 0;\\n  bottom: 0;\\n  height: auto;\\n  left: 0;\\n  position: fixed;\\n  width: auto;\\n  z-index: 9998; }\\n\\n.jsPanel-replacement {\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  display: flex;\\n  align-items: center;\\n  width: 200px;\\n  height: 34px;\\n  margin: 1px 1px 0 0;\\n  z-index: 9999; }\\n  .jsPanel-replacement .jsPanel-hdr {\\n    flex-grow: 1;\\n    min-width: 0;\\n    padding: 0;\\n    height: 34px;\\n    overflow: hidden; }\\n    .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo {\\n      max-width: 50%;\\n      overflow: hidden; }\\n      .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img {\\n        max-width: 100px;\\n        max-height: 34px; }\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    cursor: default;\\n    min-width: 0; }\\n  .jsPanel-replacement .jsPanel-btn.jsPanel-btn-normalize {\\n    display: block; }\\n\\n.jsPanel-minimized-box, .jsPanel-minimized-container {\\n  position: absolute;\\n  width: 100%;\\n  overflow: hidden; }\\n\\n/* helper classes to make .jsPanel-content a flex box */\\n.flexOne {\\n  display: flex;\\n  flex-flow: row wrap; }\\n\\n/* css for resizeit handles -------------- */\\n.jsPanel-resizeit-handle {\\n  display: block;\\n  font-size: 0.1px;\\n  position: absolute;\\n  touch-action: none; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-n {\\n  cursor: n-resize;\\n  height: 12px;\\n  left: 9px;\\n  top: -5px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-e {\\n  cursor: e-resize;\\n  height: calc(100% - 18px);\\n  right: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-s {\\n  bottom: -9px;\\n  cursor: s-resize;\\n  height: 12px;\\n  left: 9px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-w {\\n  cursor: w-resize;\\n  height: calc(100% - 18px);\\n  left: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-ne {\\n  cursor: ne-resize;\\n  height: 18px;\\n  right: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-se {\\n  bottom: -9px;\\n  cursor: se-resize;\\n  height: 18px;\\n  right: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-sw {\\n  bottom: -9px;\\n  cursor: sw-resize;\\n  height: 18px;\\n  left: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-nw {\\n  cursor: nw-resize;\\n  height: 18px;\\n  left: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-drag-overlay {\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0; }\\n\\n/* Error panel ----------------- */\\n.jsPanel-error .jsPanel-content {\\n  border: 0 !important;\\n  padding-top: 0 !important;\\n  font-size: .9rem;\\n  text-align: center; }\\n  .jsPanel-error .jsPanel-content p {\\n    margin: 0 0 10px 0; }\\n  .jsPanel-error .jsPanel-content mark {\\n    background: lavender;\\n    border-radius: .33rem;\\n    padding: 0 8px;\\n    font-family: monospace; }\\n  .jsPanel-error .jsPanel-content .jsPanel-error-content-separator {\\n    width: 100%;\\n    height: 1px;\\n    background-image: linear-gradient(90deg, white 0%, rebeccapurple 50%, white 100%);\\n    margin-bottom: 10px; }\\n\\n/* box-shadows -------------------------------------------------------- */\\n.jsPanel-depth-1 {\\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-2 {\\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-3 {\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-4 {\\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-5 {\\n  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 20px 14px rgba(0, 0, 0, 0.22); }\\n\\n/* snap sensitive areas ------------------------------------------------ */\\n.jsPanel-snap-area {\\n  position: fixed;\\n  background: black;\\n  opacity: .2;\\n  border: 1px solid silver;\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.5);\\n  z-index: 9999; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-lc, .jsPanel-snap-area-lb, .jsPanel-snap-area-left-top, .jsPanel-snap-area-left-center, .jsPanel-snap-area-left-bottom {\\n  left: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  left: 37.5%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-rc, .jsPanel-snap-area-rb, .jsPanel-snap-area-right-top, .jsPanel-snap-area-right-center, .jsPanel-snap-area-right-bottom {\\n  right: 0; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-ct, .jsPanel-snap-area-rt, .jsPanel-snap-area-left-top, .jsPanel-snap-area-center-top, .jsPanel-snap-area-right-top {\\n  top: 0; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  top: 37.5%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-cb, .jsPanel-snap-area-rb, .jsPanel-snap-area-left-bottom, .jsPanel-snap-area-center-bottom, .jsPanel-snap-area-right-bottom {\\n  bottom: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  width: 25%; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  height: 25%; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-left-top {\\n  border-bottom-right-radius: 100%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-right-top {\\n  border-bottom-left-radius: 100%; }\\n\\n.jsPanel-snap-area-rb, .jsPanel-snap-area-right-bottom {\\n  border-top-left-radius: 100%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-left-bottom {\\n  border-top-right-radius: 100%; }\\n\\n/* tooltip and tooltip connectors */\\n.jsPanel-connector-left-top-corner,\\n.jsPanel-connector-right-top-corner,\\n.jsPanel-connector-left-bottom-corner,\\n.jsPanel-connector-right-bottom-corner {\\n  width: 12px;\\n  height: 12px;\\n  position: absolute;\\n  border-radius: 50%; }\\n\\n.jsPanel-connector-left-top-corner {\\n  left: calc(100% - 6px);\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-top-corner {\\n  left: -6px;\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-bottom-corner {\\n  left: -6px;\\n  top: -6px; }\\n\\n.jsPanel-connector-left-bottom-corner {\\n  left: calc(100% - 6px);\\n  top: -6px; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright,\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright,\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom,\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  width: 0;\\n  height: 0;\\n  position: absolute;\\n  border: 12px solid transparent; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright {\\n  top: 100%;\\n  border-bottom-width: 0; }\\n\\n.jsPanel-connector-top {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-topleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-topright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright {\\n  top: -12px;\\n  border-top-width: 0; }\\n\\n.jsPanel-connector-bottom {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-bottomleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-bottomright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom {\\n  left: 100%;\\n  border-right-width: 0; }\\n\\n.jsPanel-connector-left {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-lefttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-leftbottom {\\n  top: calc(100% - 24px); }\\n\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  left: -12px;\\n  border-left-width: 0; }\\n\\n.jsPanel-connector-right {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-righttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-rightbottom {\\n  top: calc(100% - 24px); }\\n\\n/* IE11 CSS styles go here */\\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    max-width: 105px; } }\\n\\n/* XXXXXXXXXXXXXXXXXXXXXXX */\\n/* css3 animations */\\n@keyframes jsPanelFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 1; } }\\n\\n.jsPanelFadeIn {\\n  opacity: 0;\\n  animation: jsPanelFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes jsPanelFadeOut {\\n  from {\\n    opacity: 1; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanelFadeOut {\\n  animation: jsPanelFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes modalBackdropFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 0.65; } }\\n\\n.jsPanel-modal-backdrop {\\n  animation: modalBackdropFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 750ms;\\n  background: black;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%; }\\n\\n@keyframes modalBackdropFadeOut {\\n  from {\\n    opacity: 0.65; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanel-modal-backdrop-out {\\n  animation: modalBackdropFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 400ms; }\\n\\n.jsPanel-modal-backdrop-multi {\\n  background: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-content .jsPanel-iframe-overlay {\\n  position: absolute;\\n  top: 0;\\n  width: 100%;\\n  height: 100%;\\n  background: transparent; }\\n\\n.jsPanel-addCloseCtrl {\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n  width: .8rem;\\n  height: .8rem;\\n  margin: 2px;\\n  cursor: pointer;\\n  line-height: .8rem;\\n  padding: 0;\\n  z-index: 100;\\n  border: 0;\\n  background-color: transparent; }\\n\\n.jsPanel-addCloseCtrl.rtl {\\n  right: unset;\\n  left: 0; }\\n\\n.jsPanel-progressbar {\\n  position: relative;\\n  width: 100%;\\n  height: 0;\\n  overflow: hidden; }\\n  .jsPanel-progressbar .jsPanel-progressbar-slider {\\n    position: absolute;\\n    width: 0;\\n    height: 3px;\\n    background: lightgray;\\n    right: 0; }\\n\\n.jsPanel-progressbar.active {\\n  height: 3px; }\\n\\n@keyframes progressbar {\\n  from {\\n    width: 0; }\\n  to {\\n    width: 100%; } }\\n\\n.jsPanel-content.jsPanel-content-noheader {\\n  border: none !important; }\\n\\nbody {\\n  -ms-overflow-style: scrollbar; }\\n\");\n    },    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n  ];\n\n  function run_inline_js() {\n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }\n      // Cache old bokeh versions\n      if (Bokeh != undefined && !reloading) {\n\tvar NewBokeh = root.Bokeh;\n\tif (Bokeh.versions === undefined) {\n\t  Bokeh.versions = new Map();\n\t}\n\tif (NewBokeh.version !== Bokeh.version) {\n\t  Bokeh.versions.set(NewBokeh.version, NewBokeh)\n\t}\n\troot.Bokeh = Bokeh;\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    }\n    root._bokeh_is_initializing = false\n  }\n\n  function load_or_wait() {\n    // Implement a backoff loop that tries to ensure we do not load multiple\n    // versions of Bokeh and its dependencies at the same time.\n    // In recent versions we use the root._bokeh_is_initializing flag\n    // to determine whether there is an ongoing attempt to initialize\n    // bokeh, however for backward compatibility we also try to ensure\n    // that we do not start loading a newer (Panel>=1.0 and Bokeh>3) version\n    // before older versions are fully initialized.\n    if (root._bokeh_is_initializing && Date.now() > root._bokeh_timeout) {\n      root._bokeh_is_initializing = false;\n      root._bokeh_onload_callbacks = undefined;\n      console.log(\"Bokeh: BokehJS was loaded multiple times but one version failed to initialize.\");\n      load_or_wait();\n    } else if (root._bokeh_is_initializing || (typeof root._bokeh_is_initializing === \"undefined\" && root._bokeh_onload_callbacks !== undefined)) {\n      setTimeout(load_or_wait, 100);\n    } else {\n      Bokeh = root.Bokeh;\n      bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n      root._bokeh_is_initializing = true\n      root._bokeh_onload_callbacks = []\n      if (!reloading && (!bokeh_loaded || is_dev)) {\n\troot.Bokeh = undefined;\n      }\n      load_libs(css_urls, js_urls, js_modules, js_exports, function() {\n\tconsole.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n\trun_inline_js();\n      });\n    }\n  }\n  // Give older versions of the autoload script a head-start to ensure\n  // they initialize before we start loading newer version.\n  setTimeout(load_or_wait, 100)\n}(window));"
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "\n",
       "if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n",
       "  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n",
       "}\n",
       "\n",
       "\n",
       "    function JupyterCommManager() {\n",
       "    }\n",
       "\n",
       "    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n",
       "      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
       "        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
       "        comm_manager.register_target(comm_id, function(comm) {\n",
       "          comm.on_msg(msg_handler);\n",
       "        });\n",
       "      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
       "        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n",
       "          comm.onMsg = msg_handler;\n",
       "        });\n",
       "      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
       "        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n",
       "          var messages = comm.messages[Symbol.asyncIterator]();\n",
       "          function processIteratorResult(result) {\n",
       "            var message = result.value;\n",
       "            console.log(message)\n",
       "            var content = {data: message.data, comm_id};\n",
       "            var buffers = []\n",
       "            for (var buffer of message.buffers || []) {\n",
       "              buffers.push(new DataView(buffer))\n",
       "            }\n",
       "            var metadata = message.metadata || {};\n",
       "            var msg = {content, buffers, metadata}\n",
       "            msg_handler(msg);\n",
       "            return messages.next().then(processIteratorResult);\n",
       "          }\n",
       "          return messages.next().then(processIteratorResult);\n",
       "        })\n",
       "      }\n",
       "    }\n",
       "\n",
       "    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n",
       "      if (comm_id in window.PyViz.comms) {\n",
       "        return window.PyViz.comms[comm_id];\n",
       "      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
       "        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
       "        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n",
       "        if (msg_handler) {\n",
       "          comm.on_msg(msg_handler);\n",
       "        }\n",
       "      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
       "        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n",
       "        comm.open();\n",
       "        if (msg_handler) {\n",
       "          comm.onMsg = msg_handler;\n",
       "        }\n",
       "      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
       "        var comm_promise = google.colab.kernel.comms.open(comm_id)\n",
       "        comm_promise.then((comm) => {\n",
       "          window.PyViz.comms[comm_id] = comm;\n",
       "          if (msg_handler) {\n",
       "            var messages = comm.messages[Symbol.asyncIterator]();\n",
       "            function processIteratorResult(result) {\n",
       "              var message = result.value;\n",
       "              var content = {data: message.data};\n",
       "              var metadata = message.metadata || {comm_id};\n",
       "              var msg = {content, metadata}\n",
       "              msg_handler(msg);\n",
       "              return messages.next().then(processIteratorResult);\n",
       "            }\n",
       "            return messages.next().then(processIteratorResult);\n",
       "          }\n",
       "        }) \n",
       "        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n",
       "          return comm_promise.then((comm) => {\n",
       "            comm.send(data, metadata, buffers, disposeOnDone);\n",
       "          });\n",
       "        };\n",
       "        var comm = {\n",
       "          send: sendClosure\n",
       "        };\n",
       "      }\n",
       "      window.PyViz.comms[comm_id] = comm;\n",
       "      return comm;\n",
       "    }\n",
       "    window.PyViz.comm_manager = new JupyterCommManager();\n",
       "    \n",
       "\n",
       "\n",
       "var JS_MIME_TYPE = 'application/javascript';\n",
       "var HTML_MIME_TYPE = 'text/html';\n",
       "var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n",
       "var CLASS_NAME = 'output';\n",
       "\n",
       "/**\n",
       " * Render data to the DOM node\n",
       " */\n",
       "function render(props, node) {\n",
       "  var div = document.createElement(\"div\");\n",
       "  var script = document.createElement(\"script\");\n",
       "  node.appendChild(div);\n",
       "  node.appendChild(script);\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle when a new output is added\n",
       " */\n",
       "function handle_add_output(event, handle) {\n",
       "  var output_area = handle.output_area;\n",
       "  var output = handle.output;\n",
       "  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",
       "    return\n",
       "  }\n",
       "  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",
       "  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",
       "  if (id !== undefined) {\n",
       "    var nchildren = toinsert.length;\n",
       "    var html_node = toinsert[nchildren-1].children[0];\n",
       "    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n",
       "    var scripts = [];\n",
       "    var nodelist = html_node.querySelectorAll(\"script\");\n",
       "    for (var i in nodelist) {\n",
       "      if (nodelist.hasOwnProperty(i)) {\n",
       "        scripts.push(nodelist[i])\n",
       "      }\n",
       "    }\n",
       "\n",
       "    scripts.forEach( function (oldScript) {\n",
       "      var newScript = document.createElement(\"script\");\n",
       "      var attrs = [];\n",
       "      var nodemap = oldScript.attributes;\n",
       "      for (var j in nodemap) {\n",
       "        if (nodemap.hasOwnProperty(j)) {\n",
       "          attrs.push(nodemap[j])\n",
       "        }\n",
       "      }\n",
       "      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n",
       "      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n",
       "      oldScript.parentNode.replaceChild(newScript, oldScript);\n",
       "    });\n",
       "    if (JS_MIME_TYPE in output.data) {\n",
       "      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n",
       "    }\n",
       "    output_area._hv_plot_id = id;\n",
       "    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n",
       "      window.PyViz.plot_index[id] = Bokeh.index[id];\n",
       "    } else {\n",
       "      window.PyViz.plot_index[id] = null;\n",
       "    }\n",
       "  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",
       "    var bk_div = document.createElement(\"div\");\n",
       "    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",
       "    var script_attrs = bk_div.children[0].attributes;\n",
       "    for (var i = 0; i < script_attrs.length; i++) {\n",
       "      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n",
       "    }\n",
       "    // store reference to server id on output_area\n",
       "    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",
       "  }\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle when an output is cleared or removed\n",
       " */\n",
       "function handle_clear_output(event, handle) {\n",
       "  var id = handle.cell.output_area._hv_plot_id;\n",
       "  var server_id = handle.cell.output_area._bokeh_server_id;\n",
       "  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n",
       "  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n",
       "  if (server_id !== null) {\n",
       "    comm.send({event_type: 'server_delete', 'id': server_id});\n",
       "    return;\n",
       "  } else if (comm !== null) {\n",
       "    comm.send({event_type: 'delete', 'id': id});\n",
       "  }\n",
       "  delete PyViz.plot_index[id];\n",
       "  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n",
       "    var doc = window.Bokeh.index[id].model.document\n",
       "    doc.clear();\n",
       "    const i = window.Bokeh.documents.indexOf(doc);\n",
       "    if (i > -1) {\n",
       "      window.Bokeh.documents.splice(i, 1);\n",
       "    }\n",
       "  }\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle kernel restart event\n",
       " */\n",
       "function handle_kernel_cleanup(event, handle) {\n",
       "  delete PyViz.comms[\"hv-extension-comm\"];\n",
       "  window.PyViz.plot_index = {}\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle update_display_data messages\n",
       " */\n",
       "function handle_update_output(event, handle) {\n",
       "  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n",
       "  handle_add_output(event, handle)\n",
       "}\n",
       "\n",
       "function register_renderer(events, OutputArea) {\n",
       "  function append_mime(data, metadata, element) {\n",
       "    // create a DOM node to render to\n",
       "    var toinsert = this.create_output_subarea(\n",
       "    metadata,\n",
       "    CLASS_NAME,\n",
       "    EXEC_MIME_TYPE\n",
       "    );\n",
       "    this.keyboard_manager.register_events(toinsert);\n",
       "    // Render to node\n",
       "    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",
       "    render(props, toinsert[0]);\n",
       "    element.append(toinsert);\n",
       "    return toinsert\n",
       "  }\n",
       "\n",
       "  events.on('output_added.OutputArea', handle_add_output);\n",
       "  events.on('output_updated.OutputArea', handle_update_output);\n",
       "  events.on('clear_output.CodeCell', handle_clear_output);\n",
       "  events.on('delete.Cell', handle_clear_output);\n",
       "  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n",
       "\n",
       "  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",
       "    safe: true,\n",
       "    index: 0\n",
       "  });\n",
       "}\n",
       "\n",
       "if (window.Jupyter !== undefined) {\n",
       "  try {\n",
       "    var events = require('base/js/events');\n",
       "    var OutputArea = require('notebook/js/outputarea').OutputArea;\n",
       "    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",
       "      register_renderer(events, OutputArea);\n",
       "    }\n",
       "  } catch(err) {\n",
       "  }\n",
       "}\n"
      ],
      "application/vnd.holoviews_load.v0+json": "\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n    function JupyterCommManager() {\n    }\n\n    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        comm_manager.register_target(comm_id, function(comm) {\n          comm.on_msg(msg_handler);\n        });\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n          comm.onMsg = msg_handler;\n        });\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n          var messages = comm.messages[Symbol.asyncIterator]();\n          function processIteratorResult(result) {\n            var message = result.value;\n            console.log(message)\n            var content = {data: message.data, comm_id};\n            var buffers = []\n            for (var buffer of message.buffers || []) {\n              buffers.push(new DataView(buffer))\n            }\n            var metadata = message.metadata || {};\n            var msg = {content, buffers, metadata}\n            msg_handler(msg);\n            return messages.next().then(processIteratorResult);\n          }\n          return messages.next().then(processIteratorResult);\n        })\n      }\n    }\n\n    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n      if (comm_id in window.PyViz.comms) {\n        return window.PyViz.comms[comm_id];\n      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n        if (msg_handler) {\n          comm.on_msg(msg_handler);\n        }\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n        comm.open();\n        if (msg_handler) {\n          comm.onMsg = msg_handler;\n        }\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        var comm_promise = google.colab.kernel.comms.open(comm_id)\n        comm_promise.then((comm) => {\n          window.PyViz.comms[comm_id] = comm;\n          if (msg_handler) {\n            var messages = comm.messages[Symbol.asyncIterator]();\n            function processIteratorResult(result) {\n              var message = result.value;\n              var content = {data: message.data};\n              var metadata = message.metadata || {comm_id};\n              var msg = {content, metadata}\n              msg_handler(msg);\n              return messages.next().then(processIteratorResult);\n            }\n            return messages.next().then(processIteratorResult);\n          }\n        }) \n        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n          return comm_promise.then((comm) => {\n            comm.send(data, metadata, buffers, disposeOnDone);\n          });\n        };\n        var comm = {\n          send: sendClosure\n        };\n      }\n      window.PyViz.comms[comm_id] = comm;\n      return comm;\n    }\n    window.PyViz.comm_manager = new JupyterCommManager();\n    \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n  var div = document.createElement(\"div\");\n  var script = document.createElement(\"script\");\n  node.appendChild(div);\n  node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n  var output_area = handle.output_area;\n  var output = handle.output;\n  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n    return\n  }\n  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n  if (id !== undefined) {\n    var nchildren = toinsert.length;\n    var html_node = toinsert[nchildren-1].children[0];\n    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n    var scripts = [];\n    var nodelist = html_node.querySelectorAll(\"script\");\n    for (var i in nodelist) {\n      if (nodelist.hasOwnProperty(i)) {\n        scripts.push(nodelist[i])\n      }\n    }\n\n    scripts.forEach( function (oldScript) {\n      var newScript = document.createElement(\"script\");\n      var attrs = [];\n      var nodemap = oldScript.attributes;\n      for (var j in nodemap) {\n        if (nodemap.hasOwnProperty(j)) {\n          attrs.push(nodemap[j])\n        }\n      }\n      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n      oldScript.parentNode.replaceChild(newScript, oldScript);\n    });\n    if (JS_MIME_TYPE in output.data) {\n      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n    }\n    output_area._hv_plot_id = id;\n    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n      window.PyViz.plot_index[id] = Bokeh.index[id];\n    } else {\n      window.PyViz.plot_index[id] = null;\n    }\n  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n    var bk_div = document.createElement(\"div\");\n    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n    var script_attrs = bk_div.children[0].attributes;\n    for (var i = 0; i < script_attrs.length; i++) {\n      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n    }\n    // store reference to server id on output_area\n    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n  }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n  var id = handle.cell.output_area._hv_plot_id;\n  var server_id = handle.cell.output_area._bokeh_server_id;\n  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n  if (server_id !== null) {\n    comm.send({event_type: 'server_delete', 'id': server_id});\n    return;\n  } else if (comm !== null) {\n    comm.send({event_type: 'delete', 'id': id});\n  }\n  delete PyViz.plot_index[id];\n  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n    var doc = window.Bokeh.index[id].model.document\n    doc.clear();\n    const i = window.Bokeh.documents.indexOf(doc);\n    if (i > -1) {\n      window.Bokeh.documents.splice(i, 1);\n    }\n  }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n  delete PyViz.comms[\"hv-extension-comm\"];\n  window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n  handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n  function append_mime(data, metadata, element) {\n    // create a DOM node to render to\n    var toinsert = this.create_output_subarea(\n    metadata,\n    CLASS_NAME,\n    EXEC_MIME_TYPE\n    );\n    this.keyboard_manager.register_events(toinsert);\n    // Render to node\n    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n    render(props, toinsert[0]);\n    element.append(toinsert);\n    return toinsert\n  }\n\n  events.on('output_added.OutputArea', handle_add_output);\n  events.on('output_updated.OutputArea', handle_update_output);\n  events.on('clear_output.CodeCell', handle_clear_output);\n  events.on('delete.Cell', handle_clear_output);\n  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n    safe: true,\n    index: 0\n  });\n}\n\nif (window.Jupyter !== undefined) {\n  try {\n    var events = require('base/js/events');\n    var OutputArea = require('notebook/js/outputarea').OutputArea;\n    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n      register_renderer(events, OutputArea);\n    }\n  } catch(err) {\n  }\n}\n"
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<style>*[data-root-id],\n",
       "*[data-root-id] > * {\n",
       "  box-sizing: border-box;\n",
       "  font-family: var(--jp-ui-font-family);\n",
       "  font-size: var(--jp-ui-font-size1);\n",
       "  color: var(--vscode-editor-foreground, var(--jp-ui-font-color1));\n",
       "}\n",
       "\n",
       "/* Override VSCode background color */\n",
       ".cell-output-ipywidget-background:has(> .cell-output-ipywidget-background\n",
       "    > .lm-Widget\n",
       "    > *[data-root-id]),\n",
       ".cell-output-ipywidget-background:has(> .lm-Widget > *[data-root-id]) {\n",
       "  background-color: transparent !important;\n",
       "}\n",
       "</style>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/vnd.holoviews_exec.v0+json": "",
      "text/html": [
       "<div id='29e3e596-1788-44cd-8c67-af6521a70d3d'>\n",
       "  <div id=\"c09a6197-bf4d-4711-8514-d44a47c5da1e\" data-root-id=\"29e3e596-1788-44cd-8c67-af6521a70d3d\" style=\"display: contents;\"></div>\n",
       "</div>\n",
       "<script type=\"application/javascript\">(function(root) {\n",
       "  var docs_json = {\"6c3c07e8-ff83-4d57-93bb-a6066d8d9944\":{\"version\":\"3.1.1\",\"title\":\"Bokeh Application\",\"defs\":[{\"type\":\"model\",\"name\":\"ReactiveHTML1\"},{\"type\":\"model\",\"name\":\"FlexBox1\",\"properties\":[{\"name\":\"align_content\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"align_items\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"flex_direction\",\"kind\":\"Any\",\"default\":\"row\"},{\"name\":\"flex_wrap\",\"kind\":\"Any\",\"default\":\"wrap\"},{\"name\":\"justify_content\",\"kind\":\"Any\",\"default\":\"flex-start\"}]},{\"type\":\"model\",\"name\":\"FloatPanel1\",\"properties\":[{\"name\":\"config\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"contained\",\"kind\":\"Any\",\"default\":true},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"right-top\"},{\"name\":\"offsetx\",\"kind\":\"Any\",\"default\":null},{\"name\":\"offsety\",\"kind\":\"Any\",\"default\":null},{\"name\":\"theme\",\"kind\":\"Any\",\"default\":\"primary\"},{\"name\":\"status\",\"kind\":\"Any\",\"default\":\"normalized\"}]},{\"type\":\"model\",\"name\":\"GridStack1\",\"properties\":[{\"name\":\"mode\",\"kind\":\"Any\",\"default\":\"warn\"},{\"name\":\"ncols\",\"kind\":\"Any\",\"default\":null},{\"name\":\"nrows\",\"kind\":\"Any\",\"default\":null},{\"name\":\"allow_resize\",\"kind\":\"Any\",\"default\":true},{\"name\":\"allow_drag\",\"kind\":\"Any\",\"default\":true},{\"name\":\"state\",\"kind\":\"Any\",\"default\":[]}]},{\"type\":\"model\",\"name\":\"drag1\",\"properties\":[{\"name\":\"slider_width\",\"kind\":\"Any\",\"default\":5},{\"name\":\"slider_color\",\"kind\":\"Any\",\"default\":\"black\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":50}]},{\"type\":\"model\",\"name\":\"click1\",\"properties\":[{\"name\":\"terminal_output\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"debug_name\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"clears\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"FastWrapper1\",\"properties\":[{\"name\":\"object\",\"kind\":\"Any\",\"default\":null},{\"name\":\"style\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"NotificationAreaBase1\",\"properties\":[{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"NotificationArea1\",\"properties\":[{\"name\":\"notifications\",\"kind\":\"Any\",\"default\":[]},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0},{\"name\":\"types\",\"kind\":\"Any\",\"default\":[{\"type\":\"map\",\"entries\":[[\"type\",\"warning\"],[\"background\",\"#ffc107\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-exclamation-triangle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]},{\"type\":\"map\",\"entries\":[[\"type\",\"info\"],[\"background\",\"#007bff\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-info-circle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]}]}]},{\"type\":\"model\",\"name\":\"Notification\",\"properties\":[{\"name\":\"background\",\"kind\":\"Any\",\"default\":null},{\"name\":\"duration\",\"kind\":\"Any\",\"default\":3000},{\"name\":\"icon\",\"kind\":\"Any\",\"default\":null},{\"name\":\"message\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"notification_type\",\"kind\":\"Any\",\"default\":null},{\"name\":\"_destroyed\",\"kind\":\"Any\",\"default\":false}]},{\"type\":\"model\",\"name\":\"TemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"BootstrapTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"MaterialTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]}],\"roots\":[{\"type\":\"object\",\"name\":\"panel.models.browser.BrowserInfo\",\"id\":\"29e3e596-1788-44cd-8c67-af6521a70d3d\"},{\"type\":\"object\",\"name\":\"panel.models.comm_manager.CommManager\",\"id\":\"3b1ab60c-c3ce-4acd-96e0-c6f885a2a55a\",\"attributes\":{\"plot_id\":\"29e3e596-1788-44cd-8c67-af6521a70d3d\",\"comm_id\":\"ead3b35402e64ef4a39b03e974ad2c72\",\"client_comm_id\":\"0f6a59ba3427438ca1c09212f62554b4\"}}],\"callbacks\":{\"type\":\"map\"}}};\n",
       "  var render_items = [{\"docid\":\"6c3c07e8-ff83-4d57-93bb-a6066d8d9944\",\"roots\":{\"29e3e596-1788-44cd-8c67-af6521a70d3d\":\"c09a6197-bf4d-4711-8514-d44a47c5da1e\"},\"root_ids\":[\"29e3e596-1788-44cd-8c67-af6521a70d3d\"]}];\n",
       "  var docs = Object.values(docs_json)\n",
       "  if (!docs) {\n",
       "    return\n",
       "  }\n",
       "  const py_version = docs[0].version.replace('rc', '-rc.')\n",
       "  const is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1\n",
       "  function embed_document(root) {\n",
       "    var Bokeh = get_bokeh(root)\n",
       "    Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",
       "    for (const render_item of render_items) {\n",
       "      for (const root_id of render_item.root_ids) {\n",
       "\tconst id_el = document.getElementById(root_id)\n",
       "\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n",
       "\t  const root_el = id_el.children[0]\n",
       "\t  root_el.id = root_el.id + '-rendered'\n",
       "\t}\n",
       "      }\n",
       "    }\n",
       "  }\n",
       "  function get_bokeh(root) {\n",
       "    if (root.Bokeh === undefined) {\n",
       "      return null\n",
       "    } else if (root.Bokeh.version !== py_version && !is_dev) {\n",
       "      if (root.Bokeh.versions === undefined || !root.Bokeh.versions.has(py_version)) {\n",
       "\treturn null\n",
       "      }\n",
       "      return root.Bokeh.versions.get(py_version);\n",
       "    } else if (root.Bokeh.version === py_version) {\n",
       "      return root.Bokeh\n",
       "    }\n",
       "    return null\n",
       "  }\n",
       "  function is_loaded(root) {\n",
       "    var Bokeh = get_bokeh(root)\n",
       "    return (Bokeh != null && Bokeh.Panel !== undefined && ( root['jsPanel'] !== undefined))\n",
       "  }\n",
       "  if (is_loaded(root)) {\n",
       "    embed_document(root);\n",
       "  } else {\n",
       "    var attempts = 0;\n",
       "    var timer = setInterval(function(root) {\n",
       "      if (is_loaded(root)) {\n",
       "        clearInterval(timer);\n",
       "        embed_document(root);\n",
       "      } else if (document.readyState == \"complete\") {\n",
       "        attempts++;\n",
       "        if (attempts > 200) {\n",
       "          clearInterval(timer);\n",
       "\t  var Bokeh = get_bokeh(root)\n",
       "\t  if (Bokeh == null || Bokeh.Panel == null) {\n",
       "            console.warn(\"Panel: ERROR: Unable to run Panel code because Bokeh or Panel library is missing\");\n",
       "\t  } else {\n",
       "\t    console.warn(\"Panel: WARNING: Attempting to render but not all required libraries could be resolved.\")\n",
       "\t    embed_document(root)\n",
       "\t  }\n",
       "        }\n",
       "      }\n",
       "    }, 25, root)\n",
       "  }\n",
       "})(window);</script>"
      ]
     },
     "metadata": {
      "application/vnd.holoviews_exec.v0+json": {
       "id": "29e3e596-1788-44cd-8c67-af6521a70d3d"
      }
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "  import panel as pn\n",
    "  pn.extension('floatpanel') "
   ]
  },
  {
   "cell_type": "markdown",
   "id": "891a4b9f-6e72-4dd2-b1da-1cff2ea3b3f8",
   "metadata": {},
   "source": [
    "## Globals"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "4bf79cc6-2016-4b42-8635-e22c4018d4ef",
   "metadata": {},
   "outputs": [],
   "source": [
    "Debug = False"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "def5aa1e-3c26-4a01-a7ab-1064acb65cdb",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Debugging Folder_Selector.ipynb\n"
     ]
    }
   ],
   "source": [
    "if Debug:\n",
    "  print('Debugging Folder_Selector.ipynb')"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "ac598c64-48e6-4bab-8363-f5f52e666eff",
   "metadata": {},
   "source": [
    "###    def Folder_Selector( parent, initial_dir='/', CallBack_func = None ):"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "2143307b-a357-4b94-b143-d016e4979f5d",
   "metadata": {},
   "outputs": [],
   "source": [
    "  def Folder_Selector( parent, initial_dir='/', CallBack_func = None ):  \n",
    "    def button_handler(event):\n",
    "      floatpanel.status = 'closed'\n",
    "      \n",
    "      if event.obj.name   == 'Ok':\n",
    "        parent.Selected_Folder = file_w._directory.value  \n",
    "      elif event.obj.name == 'Cancel':\n",
    "        parent.Selected_Folder = None\n",
    "        \n",
    "      if CallBack_func != None:\n",
    "        CallBack_func( [parent.Selected_Folder, event]  )\n",
    "\n",
    "    file_w          = pn.widgets.FileSelector(initial_dir,     root_directory ='/', refresh_period=500)\n",
    "    folder_sel_b    = pn.widgets.Button(name='Ok',     button_type='primary')\n",
    "    folder_cancel_b = pn.widgets.Button(name='Cancel', button_type='primary')\n",
    "    folder_w        = pn.WidgetBox(file_w, pn.Row(folder_sel_b, folder_cancel_b) )\n",
    "    floatpanel      = pn.layout.FloatPanel(folder_w, name='Basic FloatPanel', margin=20, contained=False, position='center')\n",
    "    floatpanel.Selected_Folder = None\n",
    "    folder_sel_b.on_click(    button_handler )\n",
    "    folder_cancel_b.on_click( button_handler )\n",
    "    parent.append( floatpanel )\n",
    "    return floatpanel"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "9cd6dfe0-781a-40ea-b2be-c67ed8a84d3f",
   "metadata": {},
   "source": [
    "### Test & Debug: File_Selector( parent, initial_dir='/', CallBack_func = None ):"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "647d30c1-9e76-49c3-b43c-86912fd4320a",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/javascript": [
       "(function(root) {\n",
       "  function now() {\n",
       "    return new Date();\n",
       "  }\n",
       "\n",
       "  var force = true;\n",
       "  var py_version = '3.1.1'.replace('rc', '-rc.');\n",
       "  var is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1;\n",
       "  var reloading = false;\n",
       "  var Bokeh = root.Bokeh;\n",
       "  var bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n",
       "\n",
       "  if (typeof (root._bokeh_timeout) === \"undefined\" || force) {\n",
       "    root._bokeh_timeout = Date.now() + 5000;\n",
       "    root._bokeh_failed_load = false;\n",
       "  }\n",
       "\n",
       "  function run_callbacks() {\n",
       "    try {\n",
       "      root._bokeh_onload_callbacks.forEach(function(callback) {\n",
       "        if (callback != null)\n",
       "          callback();\n",
       "      });\n",
       "    } finally {\n",
       "      delete root._bokeh_onload_callbacks;\n",
       "    }\n",
       "    console.debug(\"Bokeh: all callbacks have finished\");\n",
       "  }\n",
       "\n",
       "  function load_libs(css_urls, js_urls, js_modules, js_exports, callback) {\n",
       "    if (css_urls == null) css_urls = [];\n",
       "    if (js_urls == null) js_urls = [];\n",
       "    if (js_modules == null) js_modules = [];\n",
       "    if (js_exports == null) js_exports = {};\n",
       "\n",
       "    root._bokeh_onload_callbacks.push(callback);\n",
       "\n",
       "    if (root._bokeh_is_loading > 0) {\n",
       "      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",
       "      return null;\n",
       "    }\n",
       "    if (js_urls.length === 0 && js_modules.length === 0 && Object.keys(js_exports).length === 0) {\n",
       "      run_callbacks();\n",
       "      return null;\n",
       "    }\n",
       "    if (!reloading) {\n",
       "      console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",
       "    }\n",
       "\n",
       "    function on_load() {\n",
       "      root._bokeh_is_loading--;\n",
       "      if (root._bokeh_is_loading === 0) {\n",
       "        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n",
       "        run_callbacks()\n",
       "      }\n",
       "    }\n",
       "    window._bokeh_on_load = on_load\n",
       "\n",
       "    function on_error() {\n",
       "      console.error(\"failed to load \" + url);\n",
       "    }\n",
       "\n",
       "    var skip = [];\n",
       "    if (window.requirejs) {\n",
       "      window.requirejs.config({'packages': {}, 'paths': {'jspanel': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/jspanel', 'jspanel-modal': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal', 'jspanel-tooltip': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip', 'jspanel-hint': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint', 'jspanel-layout': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout', 'jspanel-contextmenu': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu', 'jspanel-dock': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@7.2.3/dist/gridstack-all', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'jspanel': {'exports': 'jsPanel'}, 'gridstack': {'exports': 'GridStack'}}});\n",
       "      require([\"jspanel\"], function(jsPanel) {\n",
       "\twindow.jsPanel = jsPanel\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-modal\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-tooltip\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-hint\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-layout\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-contextmenu\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"jspanel-dock\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"gridstack\"], function(GridStack) {\n",
       "\twindow.GridStack = GridStack\n",
       "\ton_load()\n",
       "      })\n",
       "      require([\"notyf\"], function() {\n",
       "\ton_load()\n",
       "      })\n",
       "      root._bokeh_is_loading = css_urls.length + 9;\n",
       "    } else {\n",
       "      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length + Object.keys(js_exports).length;\n",
       "    }\n",
       "\n",
       "    var existing_stylesheets = []\n",
       "    var links = document.getElementsByTagName('link')\n",
       "    for (var i = 0; i < links.length; i++) {\n",
       "      var link = links[i]\n",
       "      if (link.href != null) {\n",
       "\texisting_stylesheets.push(link.href)\n",
       "      }\n",
       "    }\n",
       "    for (var i = 0; i < css_urls.length; i++) {\n",
       "      var url = css_urls[i];\n",
       "      if (existing_stylesheets.indexOf(url) !== -1) {\n",
       "\ton_load()\n",
       "\tcontinue;\n",
       "      }\n",
       "      const element = document.createElement(\"link\");\n",
       "      element.onload = on_load;\n",
       "      element.onerror = on_error;\n",
       "      element.rel = \"stylesheet\";\n",
       "      element.type = \"text/css\";\n",
       "      element.href = url;\n",
       "      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n",
       "      document.body.appendChild(element);\n",
       "    }    if (((window['jsPanel'] !== undefined) && (!(window['jsPanel'] instanceof HTMLElement))) || window.requirejs) {\n",
       "      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js'];\n",
       "      for (var i = 0; i < urls.length; i++) {\n",
       "        skip.push(urls[i])\n",
       "      }\n",
       "    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n",
       "      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/gridstack/gridstack@7.2.3/dist/gridstack-all.js'];\n",
       "      for (var i = 0; i < urls.length; i++) {\n",
       "        skip.push(urls[i])\n",
       "      }\n",
       "    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n",
       "      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n",
       "      for (var i = 0; i < urls.length; i++) {\n",
       "        skip.push(urls[i])\n",
       "      }\n",
       "    }    var existing_scripts = []\n",
       "    var scripts = document.getElementsByTagName('script')\n",
       "    for (var i = 0; i < scripts.length; i++) {\n",
       "      var script = scripts[i]\n",
       "      if (script.src != null) {\n",
       "\texisting_scripts.push(script.src)\n",
       "      }\n",
       "    }\n",
       "    for (var i = 0; i < js_urls.length; i++) {\n",
       "      var url = js_urls[i];\n",
       "      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n",
       "\tif (!window.requirejs) {\n",
       "\t  on_load();\n",
       "\t}\n",
       "\tcontinue;\n",
       "      }\n",
       "      var element = document.createElement('script');\n",
       "      element.onload = on_load;\n",
       "      element.onerror = on_error;\n",
       "      element.async = false;\n",
       "      element.src = url;\n",
       "      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "      document.head.appendChild(element);\n",
       "    }\n",
       "    for (var i = 0; i < js_modules.length; i++) {\n",
       "      var url = js_modules[i];\n",
       "      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n",
       "\tif (!window.requirejs) {\n",
       "\t  on_load();\n",
       "\t}\n",
       "\tcontinue;\n",
       "      }\n",
       "      var element = document.createElement('script');\n",
       "      element.onload = on_load;\n",
       "      element.onerror = on_error;\n",
       "      element.async = false;\n",
       "      element.src = url;\n",
       "      element.type = \"module\";\n",
       "      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "      document.head.appendChild(element);\n",
       "    }\n",
       "    for (const name in js_exports) {\n",
       "      var url = js_exports[name];\n",
       "      if (skip.indexOf(url) >= 0 || root[name] != null) {\n",
       "\tif (!window.requirejs) {\n",
       "\t  on_load();\n",
       "\t}\n",
       "\tcontinue;\n",
       "      }\n",
       "      var element = document.createElement('script');\n",
       "      element.onerror = on_error;\n",
       "      element.async = false;\n",
       "      element.type = \"module\";\n",
       "      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "      element.textContent = `\n",
       "      import ${name} from \"${url}\"\n",
       "      window.${name} = ${name}\n",
       "      window._bokeh_on_load()\n",
       "      `\n",
       "      document.head.appendChild(element);\n",
       "    }\n",
       "    if (!js_urls.length && !js_modules.length) {\n",
       "      on_load()\n",
       "    }\n",
       "  };\n",
       "\n",
       "  function inject_raw_css(css) {\n",
       "    const element = document.createElement(\"style\");\n",
       "    element.appendChild(document.createTextNode(css));\n",
       "    document.body.appendChild(element);\n",
       "  }\n",
       "\n",
       "  var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.1.1.min.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/panel.min.js\"];\n",
       "  var js_modules = [];\n",
       "  var js_exports = {};\n",
       "  var css_urls = [\"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.css\"];\n",
       "  var inline_js = [    function(Bokeh) {\n",
       "      inject_raw_css(\"/**\\n * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu\\n * @version v4.12.0\\n * @homepage https://jspanel.de/\\n * @license MIT\\n * @author Stefan Str\\u00e4\\u00dfer - info@jspanel.de\\n * @github https://github.com/Flyer53/jsPanel4.git\\n */\\n.default-bg, .secondary-bg {\\n  background-color: #b0bec5; }\\n\\n.primary-bg {\\n  background-color: #01579b; }\\n\\n.info-bg {\\n  background-color: #039be5; }\\n\\n.success-bg {\\n  background-color: #2e7d32; }\\n\\n.warning-bg {\\n  background-color: #f57f17; }\\n\\n.danger-bg {\\n  background-color: #dd2c00; }\\n\\n.light-bg {\\n  background-color: #e0e0e0; }\\n\\n.dark-bg {\\n  background-color: #263238; }\\n\\n.jsPanel {\\n  border: 0;\\n  box-sizing: border-box;\\n  vertical-align: baseline;\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  font-weight: normal;\\n  display: flex;\\n  flex-direction: column;\\n  opacity: 0;\\n  overflow: visible;\\n  position: absolute;\\n  /* top: 0  do not remove, otherwise panel is at the very bottom of the page -> results in vertical scrollbars -> positioning at right incorrect */\\n  z-index: 100; }\\n  .jsPanel .jsPanel-hdr {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    display: flex;\\n    flex-direction: column;\\n    flex-shrink: 0;\\n    line-height: normal; }\\n  .jsPanel .jsPanel-content {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    background: #ffffff;\\n    color: #000000;\\n    font-size: 1rem;\\n    position: relative;\\n    overflow-x: hidden;\\n    overflow-y: auto;\\n    flex-grow: 1; }\\n    .jsPanel .jsPanel-content pre {\\n      color: inherit; }\\n  .jsPanel .jsPanel-ftr {\\n    flex-direction: row;\\n    justify-content: flex-end;\\n    flex-wrap: nowrap;\\n    align-items: center;\\n    display: none;\\n    box-sizing: border-box;\\n    font-size: 1rem;\\n    height: auto;\\n    background: #f5f5f5;\\n    font-weight: normal;\\n    color: black;\\n    overflow: hidden; }\\n  .jsPanel .jsPanel-ftr.active {\\n    display: flex;\\n    flex-shrink: 0;\\n    margin: 0;\\n    padding: 3px 8px; }\\n\\n.jsPanel-hdr.jsPanel-hdr-dark .jsPanel-btn:hover {\\n  background-color: rgba(255, 255, 255, 0.4); }\\n\\n.jsPanel-hdr.jsPanel-hdr-light .jsPanel-btn:hover {\\n  background-color: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-hdr-toolbar {\\n  font-size: 1rem; }\\n\\n.jsPanel-headerbar {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center; }\\n  .jsPanel-headerbar img {\\n    vertical-align: middle;\\n    max-height: 38px; }\\n\\n.jsPanel-titlebar {\\n  display: flex;\\n  align-items: center;\\n  font-size: 1rem;\\n  flex: 1 1 0;\\n  cursor: move;\\n  height: 100%;\\n  overflow: hidden;\\n  user-select: none; }\\n  .jsPanel-titlebar .jsPanel-title {\\n    white-space: nowrap;\\n    overflow: hidden;\\n    text-overflow: ellipsis;\\n    font-variant: small-caps;\\n    font-weight: normal;\\n    margin: 0 5px 0 8px;\\n    min-width: 0; }\\n\\n.jsPanel-titlebar.jsPanel-rtl {\\n  flex-direction: row-reverse; }\\n\\n.jsPanel-controlbar {\\n  display: flex;\\n  align-items: center;\\n  align-self: start;\\n  touch-action: none;\\n  margin: 3px; }\\n  .jsPanel-controlbar .jsPanel-btn {\\n    cursor: pointer;\\n    touch-action: none;\\n    border-radius: 3px;\\n    border: 0;\\n    padding: 0;\\n    margin: 0;\\n    background-color: transparent;\\n    box-shadow: none; }\\n    .jsPanel-controlbar .jsPanel-btn svg.jsPanel-icon, .jsPanel-controlbar .jsPanel-btn span, .jsPanel-controlbar .jsPanel-btn i {\\n      vertical-align: middle; }\\n    .jsPanel-controlbar .jsPanel-btn span.glyphicon {\\n      padding: 0 2px; }\\n    .jsPanel-controlbar .jsPanel-btn svg.svg-inline--fa {\\n      margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn-normalize {\\n    display: none; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span:not(.material-icons) {\\n    width: 2rem;\\n    height: 2rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl .svg-inline--fa {\\n    font-size: 2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span.material-icons {\\n    font-size: 2.2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 2rem;\\n    margin: 0 4px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span:not(.material-icons) {\\n    width: 1.75rem;\\n    height: 1.75rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg .svg-inline--fa {\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span.material-icons {\\n    font-size: 1.9rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span:not(.material-icons) {\\n    width: 1.5rem;\\n    height: 1.5rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md .svg-inline--fa {\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span.material-icons {\\n    font-size: 1.6rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span:not(.material-icons) {\\n    width: 1.25rem;\\n    height: 1.25rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm .svg-inline--fa {\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span.material-icons {\\n    font-size: 1.3rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span:not(.material-icons) {\\n    width: 1rem;\\n    height: 1rem;\\n    margin: 1px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs .svg-inline--fa {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span.material-icons {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1rem; }\\n\\n.jsPanel-hdr-toolbar {\\n  display: none;\\n  width: auto;\\n  height: auto; }\\n\\n.jsPanel-hdr-toolbar.active {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center;\\n  padding: 3px 8px; }\\n\\n/* styles for panels using option.rtl */\\n.jsPanel-titlebar .jsPanel-title[dir=rtl] {\\n  margin: 0 8px 0 5px; }\\n\\n.jsPanel-hdr-toolbar[dir=rtl].active {\\n  padding: 0 8px 0 8px; }\\n\\n.jsPanel-content[dir=rtl] {\\n  text-align: right; }\\n\\n.jsPanel-ftr[dir=rtl] {\\n  flex-direction: row; }\\n\\n/* container that takes the minified jsPanels */\\n#jsPanel-replacement-container, .jsPanel-minimized-box, .jsPanel-minimized-container {\\n  display: flex;\\n  flex-flow: row wrap-reverse;\\n  background: transparent none repeat scroll 0 0;\\n  bottom: 0;\\n  height: auto;\\n  left: 0;\\n  position: fixed;\\n  width: auto;\\n  z-index: 9998; }\\n\\n.jsPanel-replacement {\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  display: flex;\\n  align-items: center;\\n  width: 200px;\\n  height: 34px;\\n  margin: 1px 1px 0 0;\\n  z-index: 9999; }\\n  .jsPanel-replacement .jsPanel-hdr {\\n    flex-grow: 1;\\n    min-width: 0;\\n    padding: 0;\\n    height: 34px;\\n    overflow: hidden; }\\n    .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo {\\n      max-width: 50%;\\n      overflow: hidden; }\\n      .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img {\\n        max-width: 100px;\\n        max-height: 34px; }\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    cursor: default;\\n    min-width: 0; }\\n  .jsPanel-replacement .jsPanel-btn.jsPanel-btn-normalize {\\n    display: block; }\\n\\n.jsPanel-minimized-box, .jsPanel-minimized-container {\\n  position: absolute;\\n  width: 100%;\\n  overflow: hidden; }\\n\\n/* helper classes to make .jsPanel-content a flex box */\\n.flexOne {\\n  display: flex;\\n  flex-flow: row wrap; }\\n\\n/* css for resizeit handles -------------- */\\n.jsPanel-resizeit-handle {\\n  display: block;\\n  font-size: 0.1px;\\n  position: absolute;\\n  touch-action: none; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-n {\\n  cursor: n-resize;\\n  height: 12px;\\n  left: 9px;\\n  top: -5px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-e {\\n  cursor: e-resize;\\n  height: calc(100% - 18px);\\n  right: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-s {\\n  bottom: -9px;\\n  cursor: s-resize;\\n  height: 12px;\\n  left: 9px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-w {\\n  cursor: w-resize;\\n  height: calc(100% - 18px);\\n  left: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-ne {\\n  cursor: ne-resize;\\n  height: 18px;\\n  right: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-se {\\n  bottom: -9px;\\n  cursor: se-resize;\\n  height: 18px;\\n  right: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-sw {\\n  bottom: -9px;\\n  cursor: sw-resize;\\n  height: 18px;\\n  left: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-nw {\\n  cursor: nw-resize;\\n  height: 18px;\\n  left: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-drag-overlay {\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0; }\\n\\n/* Error panel ----------------- */\\n.jsPanel-error .jsPanel-content {\\n  border: 0 !important;\\n  padding-top: 0 !important;\\n  font-size: .9rem;\\n  text-align: center; }\\n  .jsPanel-error .jsPanel-content p {\\n    margin: 0 0 10px 0; }\\n  .jsPanel-error .jsPanel-content mark {\\n    background: lavender;\\n    border-radius: .33rem;\\n    padding: 0 8px;\\n    font-family: monospace; }\\n  .jsPanel-error .jsPanel-content .jsPanel-error-content-separator {\\n    width: 100%;\\n    height: 1px;\\n    background-image: linear-gradient(90deg, white 0%, rebeccapurple 50%, white 100%);\\n    margin-bottom: 10px; }\\n\\n/* box-shadows -------------------------------------------------------- */\\n.jsPanel-depth-1 {\\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-2 {\\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-3 {\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-4 {\\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-5 {\\n  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 20px 14px rgba(0, 0, 0, 0.22); }\\n\\n/* snap sensitive areas ------------------------------------------------ */\\n.jsPanel-snap-area {\\n  position: fixed;\\n  background: black;\\n  opacity: .2;\\n  border: 1px solid silver;\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.5);\\n  z-index: 9999; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-lc, .jsPanel-snap-area-lb, .jsPanel-snap-area-left-top, .jsPanel-snap-area-left-center, .jsPanel-snap-area-left-bottom {\\n  left: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  left: 37.5%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-rc, .jsPanel-snap-area-rb, .jsPanel-snap-area-right-top, .jsPanel-snap-area-right-center, .jsPanel-snap-area-right-bottom {\\n  right: 0; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-ct, .jsPanel-snap-area-rt, .jsPanel-snap-area-left-top, .jsPanel-snap-area-center-top, .jsPanel-snap-area-right-top {\\n  top: 0; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  top: 37.5%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-cb, .jsPanel-snap-area-rb, .jsPanel-snap-area-left-bottom, .jsPanel-snap-area-center-bottom, .jsPanel-snap-area-right-bottom {\\n  bottom: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  width: 25%; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  height: 25%; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-left-top {\\n  border-bottom-right-radius: 100%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-right-top {\\n  border-bottom-left-radius: 100%; }\\n\\n.jsPanel-snap-area-rb, .jsPanel-snap-area-right-bottom {\\n  border-top-left-radius: 100%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-left-bottom {\\n  border-top-right-radius: 100%; }\\n\\n/* tooltip and tooltip connectors */\\n.jsPanel-connector-left-top-corner,\\n.jsPanel-connector-right-top-corner,\\n.jsPanel-connector-left-bottom-corner,\\n.jsPanel-connector-right-bottom-corner {\\n  width: 12px;\\n  height: 12px;\\n  position: absolute;\\n  border-radius: 50%; }\\n\\n.jsPanel-connector-left-top-corner {\\n  left: calc(100% - 6px);\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-top-corner {\\n  left: -6px;\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-bottom-corner {\\n  left: -6px;\\n  top: -6px; }\\n\\n.jsPanel-connector-left-bottom-corner {\\n  left: calc(100% - 6px);\\n  top: -6px; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright,\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright,\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom,\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  width: 0;\\n  height: 0;\\n  position: absolute;\\n  border: 12px solid transparent; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright {\\n  top: 100%;\\n  border-bottom-width: 0; }\\n\\n.jsPanel-connector-top {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-topleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-topright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright {\\n  top: -12px;\\n  border-top-width: 0; }\\n\\n.jsPanel-connector-bottom {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-bottomleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-bottomright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom {\\n  left: 100%;\\n  border-right-width: 0; }\\n\\n.jsPanel-connector-left {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-lefttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-leftbottom {\\n  top: calc(100% - 24px); }\\n\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  left: -12px;\\n  border-left-width: 0; }\\n\\n.jsPanel-connector-right {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-righttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-rightbottom {\\n  top: calc(100% - 24px); }\\n\\n/* IE11 CSS styles go here */\\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    max-width: 105px; } }\\n\\n/* XXXXXXXXXXXXXXXXXXXXXXX */\\n/* css3 animations */\\n@keyframes jsPanelFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 1; } }\\n\\n.jsPanelFadeIn {\\n  opacity: 0;\\n  animation: jsPanelFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes jsPanelFadeOut {\\n  from {\\n    opacity: 1; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanelFadeOut {\\n  animation: jsPanelFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes modalBackdropFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 0.65; } }\\n\\n.jsPanel-modal-backdrop {\\n  animation: modalBackdropFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 750ms;\\n  background: black;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%; }\\n\\n@keyframes modalBackdropFadeOut {\\n  from {\\n    opacity: 0.65; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanel-modal-backdrop-out {\\n  animation: modalBackdropFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 400ms; }\\n\\n.jsPanel-modal-backdrop-multi {\\n  background: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-content .jsPanel-iframe-overlay {\\n  position: absolute;\\n  top: 0;\\n  width: 100%;\\n  height: 100%;\\n  background: transparent; }\\n\\n.jsPanel-addCloseCtrl {\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n  width: .8rem;\\n  height: .8rem;\\n  margin: 2px;\\n  cursor: pointer;\\n  line-height: .8rem;\\n  padding: 0;\\n  z-index: 100;\\n  border: 0;\\n  background-color: transparent; }\\n\\n.jsPanel-addCloseCtrl.rtl {\\n  right: unset;\\n  left: 0; }\\n\\n.jsPanel-progressbar {\\n  position: relative;\\n  width: 100%;\\n  height: 0;\\n  overflow: hidden; }\\n  .jsPanel-progressbar .jsPanel-progressbar-slider {\\n    position: absolute;\\n    width: 0;\\n    height: 3px;\\n    background: lightgray;\\n    right: 0; }\\n\\n.jsPanel-progressbar.active {\\n  height: 3px; }\\n\\n@keyframes progressbar {\\n  from {\\n    width: 0; }\\n  to {\\n    width: 100%; } }\\n\\n.jsPanel-content.jsPanel-content-noheader {\\n  border: none !important; }\\n\\nbody {\\n  -ms-overflow-style: scrollbar; }\\n\");\n",
       "    },    function(Bokeh) {\n",
       "      Bokeh.set_log_level(\"info\");\n",
       "    },\n",
       "function(Bokeh) {} // ensure no trailing comma for IE\n",
       "  ];\n",
       "\n",
       "  function run_inline_js() {\n",
       "    if ((root.Bokeh !== undefined) || (force === true)) {\n",
       "      for (var i = 0; i < inline_js.length; i++) {\n",
       "        inline_js[i].call(root, root.Bokeh);\n",
       "      }\n",
       "      // Cache old bokeh versions\n",
       "      if (Bokeh != undefined && !reloading) {\n",
       "\tvar NewBokeh = root.Bokeh;\n",
       "\tif (Bokeh.versions === undefined) {\n",
       "\t  Bokeh.versions = new Map();\n",
       "\t}\n",
       "\tif (NewBokeh.version !== Bokeh.version) {\n",
       "\t  Bokeh.versions.set(NewBokeh.version, NewBokeh)\n",
       "\t}\n",
       "\troot.Bokeh = Bokeh;\n",
       "      }} else if (Date.now() < root._bokeh_timeout) {\n",
       "      setTimeout(run_inline_js, 100);\n",
       "    } else if (!root._bokeh_failed_load) {\n",
       "      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
       "      root._bokeh_failed_load = true;\n",
       "    }\n",
       "    root._bokeh_is_initializing = false\n",
       "  }\n",
       "\n",
       "  function load_or_wait() {\n",
       "    // Implement a backoff loop that tries to ensure we do not load multiple\n",
       "    // versions of Bokeh and its dependencies at the same time.\n",
       "    // In recent versions we use the root._bokeh_is_initializing flag\n",
       "    // to determine whether there is an ongoing attempt to initialize\n",
       "    // bokeh, however for backward compatibility we also try to ensure\n",
       "    // that we do not start loading a newer (Panel>=1.0 and Bokeh>3) version\n",
       "    // before older versions are fully initialized.\n",
       "    if (root._bokeh_is_initializing && Date.now() > root._bokeh_timeout) {\n",
       "      root._bokeh_is_initializing = false;\n",
       "      root._bokeh_onload_callbacks = undefined;\n",
       "      console.log(\"Bokeh: BokehJS was loaded multiple times but one version failed to initialize.\");\n",
       "      load_or_wait();\n",
       "    } else if (root._bokeh_is_initializing || (typeof root._bokeh_is_initializing === \"undefined\" && root._bokeh_onload_callbacks !== undefined)) {\n",
       "      setTimeout(load_or_wait, 100);\n",
       "    } else {\n",
       "      Bokeh = root.Bokeh;\n",
       "      bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n",
       "      root._bokeh_is_initializing = true\n",
       "      root._bokeh_onload_callbacks = []\n",
       "      if (!reloading && (!bokeh_loaded || is_dev)) {\n",
       "\troot.Bokeh = undefined;\n",
       "      }\n",
       "      load_libs(css_urls, js_urls, js_modules, js_exports, function() {\n",
       "\tconsole.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n",
       "\trun_inline_js();\n",
       "      });\n",
       "    }\n",
       "  }\n",
       "  // Give older versions of the autoload script a head-start to ensure\n",
       "  // they initialize before we start loading newer version.\n",
       "  setTimeout(load_or_wait, 100)\n",
       "}(window));"
      ],
      "application/vnd.holoviews_load.v0+json": "(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n  var py_version = '3.1.1'.replace('rc', '-rc.');\n  var is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1;\n  var reloading = false;\n  var Bokeh = root.Bokeh;\n  var bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n\n  if (typeof (root._bokeh_timeout) === \"undefined\" || force) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._bokeh_failed_load = false;\n  }\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) {\n        if (callback != null)\n          callback();\n      });\n    } finally {\n      delete root._bokeh_onload_callbacks;\n    }\n    console.debug(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(css_urls, js_urls, js_modules, js_exports, callback) {\n    if (css_urls == null) css_urls = [];\n    if (js_urls == null) js_urls = [];\n    if (js_modules == null) js_modules = [];\n    if (js_exports == null) js_exports = {};\n\n    root._bokeh_onload_callbacks.push(callback);\n\n    if (root._bokeh_is_loading > 0) {\n      console.debug(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n      return null;\n    }\n    if (js_urls.length === 0 && js_modules.length === 0 && Object.keys(js_exports).length === 0) {\n      run_callbacks();\n      return null;\n    }\n    if (!reloading) {\n      console.debug(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n    }\n\n    function on_load() {\n      root._bokeh_is_loading--;\n      if (root._bokeh_is_loading === 0) {\n        console.debug(\"Bokeh: all BokehJS libraries/stylesheets loaded\");\n        run_callbacks()\n      }\n    }\n    window._bokeh_on_load = on_load\n\n    function on_error() {\n      console.error(\"failed to load \" + url);\n    }\n\n    var skip = [];\n    if (window.requirejs) {\n      window.requirejs.config({'packages': {}, 'paths': {'jspanel': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/jspanel', 'jspanel-modal': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal', 'jspanel-tooltip': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip', 'jspanel-hint': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint', 'jspanel-layout': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout', 'jspanel-contextmenu': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu', 'jspanel-dock': 'https://cdn.jsdelivr.net/npm/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock', 'gridstack': 'https://cdn.jsdelivr.net/npm/gridstack@7.2.3/dist/gridstack-all', 'notyf': 'https://cdn.jsdelivr.net/npm/notyf@3/notyf.min'}, 'shim': {'jspanel': {'exports': 'jsPanel'}, 'gridstack': {'exports': 'GridStack'}}});\n      require([\"jspanel\"], function(jsPanel) {\n\twindow.jsPanel = jsPanel\n\ton_load()\n      })\n      require([\"jspanel-modal\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-tooltip\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-hint\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-layout\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-contextmenu\"], function() {\n\ton_load()\n      })\n      require([\"jspanel-dock\"], function() {\n\ton_load()\n      })\n      require([\"gridstack\"], function(GridStack) {\n\twindow.GridStack = GridStack\n\ton_load()\n      })\n      require([\"notyf\"], function() {\n\ton_load()\n      })\n      root._bokeh_is_loading = css_urls.length + 9;\n    } else {\n      root._bokeh_is_loading = css_urls.length + js_urls.length + js_modules.length + Object.keys(js_exports).length;\n    }\n\n    var existing_stylesheets = []\n    var links = document.getElementsByTagName('link')\n    for (var i = 0; i < links.length; i++) {\n      var link = links[i]\n      if (link.href != null) {\n\texisting_stylesheets.push(link.href)\n      }\n    }\n    for (var i = 0; i < css_urls.length; i++) {\n      var url = css_urls[i];\n      if (existing_stylesheets.indexOf(url) !== -1) {\n\ton_load()\n\tcontinue;\n      }\n      const element = document.createElement(\"link\");\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.rel = \"stylesheet\";\n      element.type = \"text/css\";\n      element.href = url;\n      console.debug(\"Bokeh: injecting link tag for BokehJS stylesheet: \", url);\n      document.body.appendChild(element);\n    }    if (((window['jsPanel'] !== undefined) && (!(window['jsPanel'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js', 'https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['GridStack'] !== undefined) && (!(window['GridStack'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/gridstack/gridstack@7.2.3/dist/gridstack-all.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    if (((window['Notyf'] !== undefined) && (!(window['Notyf'] instanceof HTMLElement))) || window.requirejs) {\n      var urls = ['https://cdn.holoviz.org/panel/1.0.3/dist/bundled/notificationarea/notyf@3/notyf.min.js'];\n      for (var i = 0; i < urls.length; i++) {\n        skip.push(urls[i])\n      }\n    }    var existing_scripts = []\n    var scripts = document.getElementsByTagName('script')\n    for (var i = 0; i < scripts.length; i++) {\n      var script = scripts[i]\n      if (script.src != null) {\n\texisting_scripts.push(script.src)\n      }\n    }\n    for (var i = 0; i < js_urls.length; i++) {\n      var url = js_urls[i];\n      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (var i = 0; i < js_modules.length; i++) {\n      var url = js_modules[i];\n      if (skip.indexOf(url) !== -1 || existing_scripts.indexOf(url) !== -1) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onload = on_load;\n      element.onerror = on_error;\n      element.async = false;\n      element.src = url;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      document.head.appendChild(element);\n    }\n    for (const name in js_exports) {\n      var url = js_exports[name];\n      if (skip.indexOf(url) >= 0 || root[name] != null) {\n\tif (!window.requirejs) {\n\t  on_load();\n\t}\n\tcontinue;\n      }\n      var element = document.createElement('script');\n      element.onerror = on_error;\n      element.async = false;\n      element.type = \"module\";\n      console.debug(\"Bokeh: injecting script tag for BokehJS library: \", url);\n      element.textContent = `\n      import ${name} from \"${url}\"\n      window.${name} = ${name}\n      window._bokeh_on_load()\n      `\n      document.head.appendChild(element);\n    }\n    if (!js_urls.length && !js_modules.length) {\n      on_load()\n    }\n  };\n\n  function inject_raw_css(css) {\n    const element = document.createElement(\"style\");\n    element.appendChild(document.createTextNode(css));\n    document.body.appendChild(element);\n  }\n\n  var js_urls = [\"https://cdn.bokeh.org/bokeh/release/bokeh-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-gl-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.1.1.min.js\", \"https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.1.1.min.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/modal/jspanel.modal.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/tooltip/jspanel.tooltip.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/hint/jspanel.hint.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/layout/jspanel.layout.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/contextmenu/jspanel.contextmenu.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/extensions/dock/jspanel.dock.js\", \"https://cdn.holoviz.org/panel/1.0.3/dist/panel.min.js\"];\n  var js_modules = [];\n  var js_exports = {};\n  var css_urls = [\"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/floatpanel/jspanel4@4.12.0/dist/jspanel.css\"];\n  var inline_js = [    function(Bokeh) {\n      inject_raw_css(\"/**\\n * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu\\n * @version v4.12.0\\n * @homepage https://jspanel.de/\\n * @license MIT\\n * @author Stefan Str\\u00e4\\u00dfer - info@jspanel.de\\n * @github https://github.com/Flyer53/jsPanel4.git\\n */\\n.default-bg, .secondary-bg {\\n  background-color: #b0bec5; }\\n\\n.primary-bg {\\n  background-color: #01579b; }\\n\\n.info-bg {\\n  background-color: #039be5; }\\n\\n.success-bg {\\n  background-color: #2e7d32; }\\n\\n.warning-bg {\\n  background-color: #f57f17; }\\n\\n.danger-bg {\\n  background-color: #dd2c00; }\\n\\n.light-bg {\\n  background-color: #e0e0e0; }\\n\\n.dark-bg {\\n  background-color: #263238; }\\n\\n.jsPanel {\\n  border: 0;\\n  box-sizing: border-box;\\n  vertical-align: baseline;\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  font-weight: normal;\\n  display: flex;\\n  flex-direction: column;\\n  opacity: 0;\\n  overflow: visible;\\n  position: absolute;\\n  /* top: 0  do not remove, otherwise panel is at the very bottom of the page -> results in vertical scrollbars -> positioning at right incorrect */\\n  z-index: 100; }\\n  .jsPanel .jsPanel-hdr {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    display: flex;\\n    flex-direction: column;\\n    flex-shrink: 0;\\n    line-height: normal; }\\n  .jsPanel .jsPanel-content {\\n    border: 0;\\n    box-sizing: border-box;\\n    vertical-align: baseline;\\n    font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n    font-weight: normal;\\n    background: #ffffff;\\n    color: #000000;\\n    font-size: 1rem;\\n    position: relative;\\n    overflow-x: hidden;\\n    overflow-y: auto;\\n    flex-grow: 1; }\\n    .jsPanel .jsPanel-content pre {\\n      color: inherit; }\\n  .jsPanel .jsPanel-ftr {\\n    flex-direction: row;\\n    justify-content: flex-end;\\n    flex-wrap: nowrap;\\n    align-items: center;\\n    display: none;\\n    box-sizing: border-box;\\n    font-size: 1rem;\\n    height: auto;\\n    background: #f5f5f5;\\n    font-weight: normal;\\n    color: black;\\n    overflow: hidden; }\\n  .jsPanel .jsPanel-ftr.active {\\n    display: flex;\\n    flex-shrink: 0;\\n    margin: 0;\\n    padding: 3px 8px; }\\n\\n.jsPanel-hdr.jsPanel-hdr-dark .jsPanel-btn:hover {\\n  background-color: rgba(255, 255, 255, 0.4); }\\n\\n.jsPanel-hdr.jsPanel-hdr-light .jsPanel-btn:hover {\\n  background-color: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-hdr-toolbar {\\n  font-size: 1rem; }\\n\\n.jsPanel-headerbar {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center; }\\n  .jsPanel-headerbar img {\\n    vertical-align: middle;\\n    max-height: 38px; }\\n\\n.jsPanel-titlebar {\\n  display: flex;\\n  align-items: center;\\n  font-size: 1rem;\\n  flex: 1 1 0;\\n  cursor: move;\\n  height: 100%;\\n  overflow: hidden;\\n  user-select: none; }\\n  .jsPanel-titlebar .jsPanel-title {\\n    white-space: nowrap;\\n    overflow: hidden;\\n    text-overflow: ellipsis;\\n    font-variant: small-caps;\\n    font-weight: normal;\\n    margin: 0 5px 0 8px;\\n    min-width: 0; }\\n\\n.jsPanel-titlebar.jsPanel-rtl {\\n  flex-direction: row-reverse; }\\n\\n.jsPanel-controlbar {\\n  display: flex;\\n  align-items: center;\\n  align-self: start;\\n  touch-action: none;\\n  margin: 3px; }\\n  .jsPanel-controlbar .jsPanel-btn {\\n    cursor: pointer;\\n    touch-action: none;\\n    border-radius: 3px;\\n    border: 0;\\n    padding: 0;\\n    margin: 0;\\n    background-color: transparent;\\n    box-shadow: none; }\\n    .jsPanel-controlbar .jsPanel-btn svg.jsPanel-icon, .jsPanel-controlbar .jsPanel-btn span, .jsPanel-controlbar .jsPanel-btn i {\\n      vertical-align: middle; }\\n    .jsPanel-controlbar .jsPanel-btn span.glyphicon {\\n      padding: 0 2px; }\\n    .jsPanel-controlbar .jsPanel-btn svg.svg-inline--fa {\\n      margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn-normalize {\\n    display: none; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span:not(.material-icons) {\\n    width: 2rem;\\n    height: 2rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl .svg-inline--fa {\\n    font-size: 2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span.material-icons {\\n    font-size: 2.2rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 2rem;\\n    margin: 0 4px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span:not(.material-icons) {\\n    width: 1.75rem;\\n    height: 1.75rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg .svg-inline--fa {\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span.material-icons {\\n    font-size: 1.9rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.75rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span:not(.material-icons) {\\n    width: 1.5rem;\\n    height: 1.5rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md .svg-inline--fa {\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span.material-icons {\\n    font-size: 1.6rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.5rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span:not(.material-icons) {\\n    width: 1.25rem;\\n    height: 1.25rem;\\n    margin: 2px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm .svg-inline--fa {\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span.material-icons {\\n    font-size: 1.3rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1.25rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs svg:not(.svg-inline--fa), .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span:not(.material-icons) {\\n    width: 1rem;\\n    height: 1rem;\\n    margin: 1px 3px; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs .svg-inline--fa {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span.material-icons {\\n    font-size: 1rem; }\\n  .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span[class^=fa] {\\n    width: auto;\\n    height: auto;\\n    font-size: 1rem; }\\n\\n.jsPanel-hdr-toolbar {\\n  display: none;\\n  width: auto;\\n  height: auto; }\\n\\n.jsPanel-hdr-toolbar.active {\\n  box-sizing: border-box;\\n  display: flex;\\n  flex-direction: row;\\n  flex-wrap: nowrap;\\n  align-items: center;\\n  padding: 3px 8px; }\\n\\n/* styles for panels using option.rtl */\\n.jsPanel-titlebar .jsPanel-title[dir=rtl] {\\n  margin: 0 8px 0 5px; }\\n\\n.jsPanel-hdr-toolbar[dir=rtl].active {\\n  padding: 0 8px 0 8px; }\\n\\n.jsPanel-content[dir=rtl] {\\n  text-align: right; }\\n\\n.jsPanel-ftr[dir=rtl] {\\n  flex-direction: row; }\\n\\n/* container that takes the minified jsPanels */\\n#jsPanel-replacement-container, .jsPanel-minimized-box, .jsPanel-minimized-container {\\n  display: flex;\\n  flex-flow: row wrap-reverse;\\n  background: transparent none repeat scroll 0 0;\\n  bottom: 0;\\n  height: auto;\\n  left: 0;\\n  position: fixed;\\n  width: auto;\\n  z-index: 9998; }\\n\\n.jsPanel-replacement {\\n  font-family: Roboto,\\\"Open Sans\\\",Lato,\\\"Helvetica Neue\\\",Arial,sans-serif;\\n  display: flex;\\n  align-items: center;\\n  width: 200px;\\n  height: 34px;\\n  margin: 1px 1px 0 0;\\n  z-index: 9999; }\\n  .jsPanel-replacement .jsPanel-hdr {\\n    flex-grow: 1;\\n    min-width: 0;\\n    padding: 0;\\n    height: 34px;\\n    overflow: hidden; }\\n    .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo {\\n      max-width: 50%;\\n      overflow: hidden; }\\n      .jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img {\\n        max-width: 100px;\\n        max-height: 34px; }\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    cursor: default;\\n    min-width: 0; }\\n  .jsPanel-replacement .jsPanel-btn.jsPanel-btn-normalize {\\n    display: block; }\\n\\n.jsPanel-minimized-box, .jsPanel-minimized-container {\\n  position: absolute;\\n  width: 100%;\\n  overflow: hidden; }\\n\\n/* helper classes to make .jsPanel-content a flex box */\\n.flexOne {\\n  display: flex;\\n  flex-flow: row wrap; }\\n\\n/* css for resizeit handles -------------- */\\n.jsPanel-resizeit-handle {\\n  display: block;\\n  font-size: 0.1px;\\n  position: absolute;\\n  touch-action: none; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-n {\\n  cursor: n-resize;\\n  height: 12px;\\n  left: 9px;\\n  top: -5px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-e {\\n  cursor: e-resize;\\n  height: calc(100% - 18px);\\n  right: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-s {\\n  bottom: -9px;\\n  cursor: s-resize;\\n  height: 12px;\\n  left: 9px;\\n  width: calc(100% - 18px); }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-w {\\n  cursor: w-resize;\\n  height: calc(100% - 18px);\\n  left: -9px;\\n  top: 9px;\\n  width: 12px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-ne {\\n  cursor: ne-resize;\\n  height: 18px;\\n  right: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-se {\\n  bottom: -9px;\\n  cursor: se-resize;\\n  height: 18px;\\n  right: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-sw {\\n  bottom: -9px;\\n  cursor: sw-resize;\\n  height: 18px;\\n  left: -9px;\\n  width: 18px; }\\n\\n.jsPanel-resizeit-handle.jsPanel-resizeit-nw {\\n  cursor: nw-resize;\\n  height: 18px;\\n  left: -9px;\\n  top: -9px;\\n  width: 18px; }\\n\\n.jsPanel-drag-overlay {\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0; }\\n\\n/* Error panel ----------------- */\\n.jsPanel-error .jsPanel-content {\\n  border: 0 !important;\\n  padding-top: 0 !important;\\n  font-size: .9rem;\\n  text-align: center; }\\n  .jsPanel-error .jsPanel-content p {\\n    margin: 0 0 10px 0; }\\n  .jsPanel-error .jsPanel-content mark {\\n    background: lavender;\\n    border-radius: .33rem;\\n    padding: 0 8px;\\n    font-family: monospace; }\\n  .jsPanel-error .jsPanel-content .jsPanel-error-content-separator {\\n    width: 100%;\\n    height: 1px;\\n    background-image: linear-gradient(90deg, white 0%, rebeccapurple 50%, white 100%);\\n    margin-bottom: 10px; }\\n\\n/* box-shadows -------------------------------------------------------- */\\n.jsPanel-depth-1 {\\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-2 {\\n  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }\\n\\n.jsPanel-depth-3 {\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-4 {\\n  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); }\\n\\n.jsPanel-depth-5 {\\n  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3), 0 20px 14px rgba(0, 0, 0, 0.22); }\\n\\n/* snap sensitive areas ------------------------------------------------ */\\n.jsPanel-snap-area {\\n  position: fixed;\\n  background: black;\\n  opacity: .2;\\n  border: 1px solid silver;\\n  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.5), 0 10px 10px rgba(0, 0, 0, 0.5);\\n  z-index: 9999; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-lc, .jsPanel-snap-area-lb, .jsPanel-snap-area-left-top, .jsPanel-snap-area-left-center, .jsPanel-snap-area-left-bottom {\\n  left: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  left: 37.5%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-rc, .jsPanel-snap-area-rb, .jsPanel-snap-area-right-top, .jsPanel-snap-area-right-center, .jsPanel-snap-area-right-bottom {\\n  right: 0; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-ct, .jsPanel-snap-area-rt, .jsPanel-snap-area-left-top, .jsPanel-snap-area-center-top, .jsPanel-snap-area-right-top {\\n  top: 0; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  top: 37.5%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-cb, .jsPanel-snap-area-rb, .jsPanel-snap-area-left-bottom, .jsPanel-snap-area-center-bottom, .jsPanel-snap-area-right-bottom {\\n  bottom: 0; }\\n\\n.jsPanel-snap-area-ct, .jsPanel-snap-area-cb {\\n  width: 25%; }\\n\\n.jsPanel-snap-area-lc, .jsPanel-snap-area-rc {\\n  height: 25%; }\\n\\n.jsPanel-snap-area-lt, .jsPanel-snap-area-left-top {\\n  border-bottom-right-radius: 100%; }\\n\\n.jsPanel-snap-area-rt, .jsPanel-snap-area-right-top {\\n  border-bottom-left-radius: 100%; }\\n\\n.jsPanel-snap-area-rb, .jsPanel-snap-area-right-bottom {\\n  border-top-left-radius: 100%; }\\n\\n.jsPanel-snap-area-lb, .jsPanel-snap-area-left-bottom {\\n  border-top-right-radius: 100%; }\\n\\n/* tooltip and tooltip connectors */\\n.jsPanel-connector-left-top-corner,\\n.jsPanel-connector-right-top-corner,\\n.jsPanel-connector-left-bottom-corner,\\n.jsPanel-connector-right-bottom-corner {\\n  width: 12px;\\n  height: 12px;\\n  position: absolute;\\n  border-radius: 50%; }\\n\\n.jsPanel-connector-left-top-corner {\\n  left: calc(100% - 6px);\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-top-corner {\\n  left: -6px;\\n  top: calc(100% - 6px); }\\n\\n.jsPanel-connector-right-bottom-corner {\\n  left: -6px;\\n  top: -6px; }\\n\\n.jsPanel-connector-left-bottom-corner {\\n  left: calc(100% - 6px);\\n  top: -6px; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright,\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright,\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom,\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  width: 0;\\n  height: 0;\\n  position: absolute;\\n  border: 12px solid transparent; }\\n\\n.jsPanel-connector-top,\\n.jsPanel-connector-topleft,\\n.jsPanel-connector-topright {\\n  top: 100%;\\n  border-bottom-width: 0; }\\n\\n.jsPanel-connector-top {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-topleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-topright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-bottom,\\n.jsPanel-connector-bottomleft,\\n.jsPanel-connector-bottomright {\\n  top: -12px;\\n  border-top-width: 0; }\\n\\n.jsPanel-connector-bottom {\\n  left: calc(50% - 12px); }\\n\\n.jsPanel-connector-bottomleft {\\n  left: 0px; }\\n\\n.jsPanel-connector-bottomright {\\n  left: calc(100% - 24px); }\\n\\n.jsPanel-connector-left,\\n.jsPanel-connector-lefttop,\\n.jsPanel-connector-leftbottom {\\n  left: 100%;\\n  border-right-width: 0; }\\n\\n.jsPanel-connector-left {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-lefttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-leftbottom {\\n  top: calc(100% - 24px); }\\n\\n.jsPanel-connector-right,\\n.jsPanel-connector-righttop,\\n.jsPanel-connector-rightbottom {\\n  left: -12px;\\n  border-left-width: 0; }\\n\\n.jsPanel-connector-right {\\n  top: calc(50% - 12px); }\\n\\n.jsPanel-connector-righttop {\\n  top: 0px; }\\n\\n.jsPanel-connector-rightbottom {\\n  top: calc(100% - 24px); }\\n\\n/* IE11 CSS styles go here */\\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\\n  .jsPanel-replacement .jsPanel-titlebar {\\n    max-width: 105px; } }\\n\\n/* XXXXXXXXXXXXXXXXXXXXXXX */\\n/* css3 animations */\\n@keyframes jsPanelFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 1; } }\\n\\n.jsPanelFadeIn {\\n  opacity: 0;\\n  animation: jsPanelFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes jsPanelFadeOut {\\n  from {\\n    opacity: 1; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanelFadeOut {\\n  animation: jsPanelFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 600ms; }\\n\\n@keyframes modalBackdropFadeIn {\\n  from {\\n    opacity: 0; }\\n  to {\\n    opacity: 0.65; } }\\n\\n.jsPanel-modal-backdrop {\\n  animation: modalBackdropFadeIn ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 750ms;\\n  background: black;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: 100%; }\\n\\n@keyframes modalBackdropFadeOut {\\n  from {\\n    opacity: 0.65; }\\n  to {\\n    opacity: 0; } }\\n\\n.jsPanel-modal-backdrop-out {\\n  animation: modalBackdropFadeOut ease-in 1;\\n  animation-fill-mode: forwards;\\n  animation-duration: 400ms; }\\n\\n.jsPanel-modal-backdrop-multi {\\n  background: rgba(0, 0, 0, 0.15); }\\n\\n.jsPanel-content .jsPanel-iframe-overlay {\\n  position: absolute;\\n  top: 0;\\n  width: 100%;\\n  height: 100%;\\n  background: transparent; }\\n\\n.jsPanel-addCloseCtrl {\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n  width: .8rem;\\n  height: .8rem;\\n  margin: 2px;\\n  cursor: pointer;\\n  line-height: .8rem;\\n  padding: 0;\\n  z-index: 100;\\n  border: 0;\\n  background-color: transparent; }\\n\\n.jsPanel-addCloseCtrl.rtl {\\n  right: unset;\\n  left: 0; }\\n\\n.jsPanel-progressbar {\\n  position: relative;\\n  width: 100%;\\n  height: 0;\\n  overflow: hidden; }\\n  .jsPanel-progressbar .jsPanel-progressbar-slider {\\n    position: absolute;\\n    width: 0;\\n    height: 3px;\\n    background: lightgray;\\n    right: 0; }\\n\\n.jsPanel-progressbar.active {\\n  height: 3px; }\\n\\n@keyframes progressbar {\\n  from {\\n    width: 0; }\\n  to {\\n    width: 100%; } }\\n\\n.jsPanel-content.jsPanel-content-noheader {\\n  border: none !important; }\\n\\nbody {\\n  -ms-overflow-style: scrollbar; }\\n\");\n    },    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\nfunction(Bokeh) {} // ensure no trailing comma for IE\n  ];\n\n  function run_inline_js() {\n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }\n      // Cache old bokeh versions\n      if (Bokeh != undefined && !reloading) {\n\tvar NewBokeh = root.Bokeh;\n\tif (Bokeh.versions === undefined) {\n\t  Bokeh.versions = new Map();\n\t}\n\tif (NewBokeh.version !== Bokeh.version) {\n\t  Bokeh.versions.set(NewBokeh.version, NewBokeh)\n\t}\n\troot.Bokeh = Bokeh;\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    }\n    root._bokeh_is_initializing = false\n  }\n\n  function load_or_wait() {\n    // Implement a backoff loop that tries to ensure we do not load multiple\n    // versions of Bokeh and its dependencies at the same time.\n    // In recent versions we use the root._bokeh_is_initializing flag\n    // to determine whether there is an ongoing attempt to initialize\n    // bokeh, however for backward compatibility we also try to ensure\n    // that we do not start loading a newer (Panel>=1.0 and Bokeh>3) version\n    // before older versions are fully initialized.\n    if (root._bokeh_is_initializing && Date.now() > root._bokeh_timeout) {\n      root._bokeh_is_initializing = false;\n      root._bokeh_onload_callbacks = undefined;\n      console.log(\"Bokeh: BokehJS was loaded multiple times but one version failed to initialize.\");\n      load_or_wait();\n    } else if (root._bokeh_is_initializing || (typeof root._bokeh_is_initializing === \"undefined\" && root._bokeh_onload_callbacks !== undefined)) {\n      setTimeout(load_or_wait, 100);\n    } else {\n      Bokeh = root.Bokeh;\n      bokeh_loaded = Bokeh != null && (Bokeh.version === py_version || (Bokeh.versions !== undefined && Bokeh.versions.has(py_version)));\n      root._bokeh_is_initializing = true\n      root._bokeh_onload_callbacks = []\n      if (!reloading && (!bokeh_loaded || is_dev)) {\n\troot.Bokeh = undefined;\n      }\n      load_libs(css_urls, js_urls, js_modules, js_exports, function() {\n\tconsole.debug(\"Bokeh: BokehJS plotting callback run at\", now());\n\trun_inline_js();\n      });\n    }\n  }\n  // Give older versions of the autoload script a head-start to ensure\n  // they initialize before we start loading newer version.\n  setTimeout(load_or_wait, 100)\n}(window));"
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "\n",
       "if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n",
       "  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n",
       "}\n",
       "\n",
       "\n",
       "    function JupyterCommManager() {\n",
       "    }\n",
       "\n",
       "    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n",
       "      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
       "        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
       "        comm_manager.register_target(comm_id, function(comm) {\n",
       "          comm.on_msg(msg_handler);\n",
       "        });\n",
       "      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
       "        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n",
       "          comm.onMsg = msg_handler;\n",
       "        });\n",
       "      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
       "        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n",
       "          var messages = comm.messages[Symbol.asyncIterator]();\n",
       "          function processIteratorResult(result) {\n",
       "            var message = result.value;\n",
       "            console.log(message)\n",
       "            var content = {data: message.data, comm_id};\n",
       "            var buffers = []\n",
       "            for (var buffer of message.buffers || []) {\n",
       "              buffers.push(new DataView(buffer))\n",
       "            }\n",
       "            var metadata = message.metadata || {};\n",
       "            var msg = {content, buffers, metadata}\n",
       "            msg_handler(msg);\n",
       "            return messages.next().then(processIteratorResult);\n",
       "          }\n",
       "          return messages.next().then(processIteratorResult);\n",
       "        })\n",
       "      }\n",
       "    }\n",
       "\n",
       "    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n",
       "      if (comm_id in window.PyViz.comms) {\n",
       "        return window.PyViz.comms[comm_id];\n",
       "      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n",
       "        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n",
       "        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n",
       "        if (msg_handler) {\n",
       "          comm.on_msg(msg_handler);\n",
       "        }\n",
       "      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n",
       "        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n",
       "        comm.open();\n",
       "        if (msg_handler) {\n",
       "          comm.onMsg = msg_handler;\n",
       "        }\n",
       "      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n",
       "        var comm_promise = google.colab.kernel.comms.open(comm_id)\n",
       "        comm_promise.then((comm) => {\n",
       "          window.PyViz.comms[comm_id] = comm;\n",
       "          if (msg_handler) {\n",
       "            var messages = comm.messages[Symbol.asyncIterator]();\n",
       "            function processIteratorResult(result) {\n",
       "              var message = result.value;\n",
       "              var content = {data: message.data};\n",
       "              var metadata = message.metadata || {comm_id};\n",
       "              var msg = {content, metadata}\n",
       "              msg_handler(msg);\n",
       "              return messages.next().then(processIteratorResult);\n",
       "            }\n",
       "            return messages.next().then(processIteratorResult);\n",
       "          }\n",
       "        }) \n",
       "        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n",
       "          return comm_promise.then((comm) => {\n",
       "            comm.send(data, metadata, buffers, disposeOnDone);\n",
       "          });\n",
       "        };\n",
       "        var comm = {\n",
       "          send: sendClosure\n",
       "        };\n",
       "      }\n",
       "      window.PyViz.comms[comm_id] = comm;\n",
       "      return comm;\n",
       "    }\n",
       "    window.PyViz.comm_manager = new JupyterCommManager();\n",
       "    \n",
       "\n",
       "\n",
       "var JS_MIME_TYPE = 'application/javascript';\n",
       "var HTML_MIME_TYPE = 'text/html';\n",
       "var EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\n",
       "var CLASS_NAME = 'output';\n",
       "\n",
       "/**\n",
       " * Render data to the DOM node\n",
       " */\n",
       "function render(props, node) {\n",
       "  var div = document.createElement(\"div\");\n",
       "  var script = document.createElement(\"script\");\n",
       "  node.appendChild(div);\n",
       "  node.appendChild(script);\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle when a new output is added\n",
       " */\n",
       "function handle_add_output(event, handle) {\n",
       "  var output_area = handle.output_area;\n",
       "  var output = handle.output;\n",
       "  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",
       "    return\n",
       "  }\n",
       "  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",
       "  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",
       "  if (id !== undefined) {\n",
       "    var nchildren = toinsert.length;\n",
       "    var html_node = toinsert[nchildren-1].children[0];\n",
       "    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n",
       "    var scripts = [];\n",
       "    var nodelist = html_node.querySelectorAll(\"script\");\n",
       "    for (var i in nodelist) {\n",
       "      if (nodelist.hasOwnProperty(i)) {\n",
       "        scripts.push(nodelist[i])\n",
       "      }\n",
       "    }\n",
       "\n",
       "    scripts.forEach( function (oldScript) {\n",
       "      var newScript = document.createElement(\"script\");\n",
       "      var attrs = [];\n",
       "      var nodemap = oldScript.attributes;\n",
       "      for (var j in nodemap) {\n",
       "        if (nodemap.hasOwnProperty(j)) {\n",
       "          attrs.push(nodemap[j])\n",
       "        }\n",
       "      }\n",
       "      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n",
       "      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n",
       "      oldScript.parentNode.replaceChild(newScript, oldScript);\n",
       "    });\n",
       "    if (JS_MIME_TYPE in output.data) {\n",
       "      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n",
       "    }\n",
       "    output_area._hv_plot_id = id;\n",
       "    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n",
       "      window.PyViz.plot_index[id] = Bokeh.index[id];\n",
       "    } else {\n",
       "      window.PyViz.plot_index[id] = null;\n",
       "    }\n",
       "  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",
       "    var bk_div = document.createElement(\"div\");\n",
       "    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",
       "    var script_attrs = bk_div.children[0].attributes;\n",
       "    for (var i = 0; i < script_attrs.length; i++) {\n",
       "      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n",
       "    }\n",
       "    // store reference to server id on output_area\n",
       "    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",
       "  }\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle when an output is cleared or removed\n",
       " */\n",
       "function handle_clear_output(event, handle) {\n",
       "  var id = handle.cell.output_area._hv_plot_id;\n",
       "  var server_id = handle.cell.output_area._bokeh_server_id;\n",
       "  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n",
       "  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n",
       "  if (server_id !== null) {\n",
       "    comm.send({event_type: 'server_delete', 'id': server_id});\n",
       "    return;\n",
       "  } else if (comm !== null) {\n",
       "    comm.send({event_type: 'delete', 'id': id});\n",
       "  }\n",
       "  delete PyViz.plot_index[id];\n",
       "  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n",
       "    var doc = window.Bokeh.index[id].model.document\n",
       "    doc.clear();\n",
       "    const i = window.Bokeh.documents.indexOf(doc);\n",
       "    if (i > -1) {\n",
       "      window.Bokeh.documents.splice(i, 1);\n",
       "    }\n",
       "  }\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle kernel restart event\n",
       " */\n",
       "function handle_kernel_cleanup(event, handle) {\n",
       "  delete PyViz.comms[\"hv-extension-comm\"];\n",
       "  window.PyViz.plot_index = {}\n",
       "}\n",
       "\n",
       "/**\n",
       " * Handle update_display_data messages\n",
       " */\n",
       "function handle_update_output(event, handle) {\n",
       "  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n",
       "  handle_add_output(event, handle)\n",
       "}\n",
       "\n",
       "function register_renderer(events, OutputArea) {\n",
       "  function append_mime(data, metadata, element) {\n",
       "    // create a DOM node to render to\n",
       "    var toinsert = this.create_output_subarea(\n",
       "    metadata,\n",
       "    CLASS_NAME,\n",
       "    EXEC_MIME_TYPE\n",
       "    );\n",
       "    this.keyboard_manager.register_events(toinsert);\n",
       "    // Render to node\n",
       "    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",
       "    render(props, toinsert[0]);\n",
       "    element.append(toinsert);\n",
       "    return toinsert\n",
       "  }\n",
       "\n",
       "  events.on('output_added.OutputArea', handle_add_output);\n",
       "  events.on('output_updated.OutputArea', handle_update_output);\n",
       "  events.on('clear_output.CodeCell', handle_clear_output);\n",
       "  events.on('delete.Cell', handle_clear_output);\n",
       "  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n",
       "\n",
       "  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",
       "    safe: true,\n",
       "    index: 0\n",
       "  });\n",
       "}\n",
       "\n",
       "if (window.Jupyter !== undefined) {\n",
       "  try {\n",
       "    var events = require('base/js/events');\n",
       "    var OutputArea = require('notebook/js/outputarea').OutputArea;\n",
       "    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",
       "      register_renderer(events, OutputArea);\n",
       "    }\n",
       "  } catch(err) {\n",
       "  }\n",
       "}\n"
      ],
      "application/vnd.holoviews_load.v0+json": "\nif ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {\n  window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}\n}\n\n\n    function JupyterCommManager() {\n    }\n\n    JupyterCommManager.prototype.register_target = function(plot_id, comm_id, msg_handler) {\n      if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        comm_manager.register_target(comm_id, function(comm) {\n          comm.on_msg(msg_handler);\n        });\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        window.PyViz.kernels[plot_id].registerCommTarget(comm_id, function(comm) {\n          comm.onMsg = msg_handler;\n        });\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        google.colab.kernel.comms.registerTarget(comm_id, (comm) => {\n          var messages = comm.messages[Symbol.asyncIterator]();\n          function processIteratorResult(result) {\n            var message = result.value;\n            console.log(message)\n            var content = {data: message.data, comm_id};\n            var buffers = []\n            for (var buffer of message.buffers || []) {\n              buffers.push(new DataView(buffer))\n            }\n            var metadata = message.metadata || {};\n            var msg = {content, buffers, metadata}\n            msg_handler(msg);\n            return messages.next().then(processIteratorResult);\n          }\n          return messages.next().then(processIteratorResult);\n        })\n      }\n    }\n\n    JupyterCommManager.prototype.get_client_comm = function(plot_id, comm_id, msg_handler) {\n      if (comm_id in window.PyViz.comms) {\n        return window.PyViz.comms[comm_id];\n      } else if (window.comm_manager || ((window.Jupyter !== undefined) && (Jupyter.notebook.kernel != null))) {\n        var comm_manager = window.comm_manager || Jupyter.notebook.kernel.comm_manager;\n        var comm = comm_manager.new_comm(comm_id, {}, {}, {}, comm_id);\n        if (msg_handler) {\n          comm.on_msg(msg_handler);\n        }\n      } else if ((plot_id in window.PyViz.kernels) && (window.PyViz.kernels[plot_id])) {\n        var comm = window.PyViz.kernels[plot_id].connectToComm(comm_id);\n        comm.open();\n        if (msg_handler) {\n          comm.onMsg = msg_handler;\n        }\n      } else if (typeof google != 'undefined' && google.colab.kernel != null) {\n        var comm_promise = google.colab.kernel.comms.open(comm_id)\n        comm_promise.then((comm) => {\n          window.PyViz.comms[comm_id] = comm;\n          if (msg_handler) {\n            var messages = comm.messages[Symbol.asyncIterator]();\n            function processIteratorResult(result) {\n              var message = result.value;\n              var content = {data: message.data};\n              var metadata = message.metadata || {comm_id};\n              var msg = {content, metadata}\n              msg_handler(msg);\n              return messages.next().then(processIteratorResult);\n            }\n            return messages.next().then(processIteratorResult);\n          }\n        }) \n        var sendClosure = (data, metadata, buffers, disposeOnDone) => {\n          return comm_promise.then((comm) => {\n            comm.send(data, metadata, buffers, disposeOnDone);\n          });\n        };\n        var comm = {\n          send: sendClosure\n        };\n      }\n      window.PyViz.comms[comm_id] = comm;\n      return comm;\n    }\n    window.PyViz.comm_manager = new JupyterCommManager();\n    \n\n\nvar JS_MIME_TYPE = 'application/javascript';\nvar HTML_MIME_TYPE = 'text/html';\nvar EXEC_MIME_TYPE = 'application/vnd.holoviews_exec.v0+json';\nvar CLASS_NAME = 'output';\n\n/**\n * Render data to the DOM node\n */\nfunction render(props, node) {\n  var div = document.createElement(\"div\");\n  var script = document.createElement(\"script\");\n  node.appendChild(div);\n  node.appendChild(script);\n}\n\n/**\n * Handle when a new output is added\n */\nfunction handle_add_output(event, handle) {\n  var output_area = handle.output_area;\n  var output = handle.output;\n  if ((output.data == undefined) || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n    return\n  }\n  var id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n  var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n  if (id !== undefined) {\n    var nchildren = toinsert.length;\n    var html_node = toinsert[nchildren-1].children[0];\n    html_node.innerHTML = output.data[HTML_MIME_TYPE];\n    var scripts = [];\n    var nodelist = html_node.querySelectorAll(\"script\");\n    for (var i in nodelist) {\n      if (nodelist.hasOwnProperty(i)) {\n        scripts.push(nodelist[i])\n      }\n    }\n\n    scripts.forEach( function (oldScript) {\n      var newScript = document.createElement(\"script\");\n      var attrs = [];\n      var nodemap = oldScript.attributes;\n      for (var j in nodemap) {\n        if (nodemap.hasOwnProperty(j)) {\n          attrs.push(nodemap[j])\n        }\n      }\n      attrs.forEach(function(attr) { newScript.setAttribute(attr.name, attr.value) });\n      newScript.appendChild(document.createTextNode(oldScript.innerHTML));\n      oldScript.parentNode.replaceChild(newScript, oldScript);\n    });\n    if (JS_MIME_TYPE in output.data) {\n      toinsert[nchildren-1].children[1].textContent = output.data[JS_MIME_TYPE];\n    }\n    output_area._hv_plot_id = id;\n    if ((window.Bokeh !== undefined) && (id in Bokeh.index)) {\n      window.PyViz.plot_index[id] = Bokeh.index[id];\n    } else {\n      window.PyViz.plot_index[id] = null;\n    }\n  } else if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n    var bk_div = document.createElement(\"div\");\n    bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n    var script_attrs = bk_div.children[0].attributes;\n    for (var i = 0; i < script_attrs.length; i++) {\n      toinsert[toinsert.length - 1].childNodes[1].setAttribute(script_attrs[i].name, script_attrs[i].value);\n    }\n    // store reference to server id on output_area\n    output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n  }\n}\n\n/**\n * Handle when an output is cleared or removed\n */\nfunction handle_clear_output(event, handle) {\n  var id = handle.cell.output_area._hv_plot_id;\n  var server_id = handle.cell.output_area._bokeh_server_id;\n  if (((id === undefined) || !(id in PyViz.plot_index)) && (server_id !== undefined)) { return; }\n  var comm = window.PyViz.comm_manager.get_client_comm(\"hv-extension-comm\", \"hv-extension-comm\", function () {});\n  if (server_id !== null) {\n    comm.send({event_type: 'server_delete', 'id': server_id});\n    return;\n  } else if (comm !== null) {\n    comm.send({event_type: 'delete', 'id': id});\n  }\n  delete PyViz.plot_index[id];\n  if ((window.Bokeh !== undefined) & (id in window.Bokeh.index)) {\n    var doc = window.Bokeh.index[id].model.document\n    doc.clear();\n    const i = window.Bokeh.documents.indexOf(doc);\n    if (i > -1) {\n      window.Bokeh.documents.splice(i, 1);\n    }\n  }\n}\n\n/**\n * Handle kernel restart event\n */\nfunction handle_kernel_cleanup(event, handle) {\n  delete PyViz.comms[\"hv-extension-comm\"];\n  window.PyViz.plot_index = {}\n}\n\n/**\n * Handle update_display_data messages\n */\nfunction handle_update_output(event, handle) {\n  handle_clear_output(event, {cell: {output_area: handle.output_area}})\n  handle_add_output(event, handle)\n}\n\nfunction register_renderer(events, OutputArea) {\n  function append_mime(data, metadata, element) {\n    // create a DOM node to render to\n    var toinsert = this.create_output_subarea(\n    metadata,\n    CLASS_NAME,\n    EXEC_MIME_TYPE\n    );\n    this.keyboard_manager.register_events(toinsert);\n    // Render to node\n    var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n    render(props, toinsert[0]);\n    element.append(toinsert);\n    return toinsert\n  }\n\n  events.on('output_added.OutputArea', handle_add_output);\n  events.on('output_updated.OutputArea', handle_update_output);\n  events.on('clear_output.CodeCell', handle_clear_output);\n  events.on('delete.Cell', handle_clear_output);\n  events.on('kernel_ready.Kernel', handle_kernel_cleanup);\n\n  OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n    safe: true,\n    index: 0\n  });\n}\n\nif (window.Jupyter !== undefined) {\n  try {\n    var events = require('base/js/events');\n    var OutputArea = require('notebook/js/outputarea').OutputArea;\n    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n      register_renderer(events, OutputArea);\n    }\n  } catch(err) {\n  }\n}\n"
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<style>*[data-root-id],\n",
       "*[data-root-id] > * {\n",
       "  box-sizing: border-box;\n",
       "  font-family: var(--jp-ui-font-family);\n",
       "  font-size: var(--jp-ui-font-size1);\n",
       "  color: var(--vscode-editor-foreground, var(--jp-ui-font-color1));\n",
       "}\n",
       "\n",
       "/* Override VSCode background color */\n",
       ".cell-output-ipywidget-background:has(> .cell-output-ipywidget-background\n",
       "    > .lm-Widget\n",
       "    > *[data-root-id]),\n",
       ".cell-output-ipywidget-background:has(> .lm-Widget > *[data-root-id]) {\n",
       "  background-color: transparent !important;\n",
       "}\n",
       "</style>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/vnd.holoviews_exec.v0+json": "",
      "text/html": [
       "<div id='4617e796-a425-400d-a29f-b1256ecd682f'>\n",
       "  <div id=\"aa2acd00-4781-49ae-9ea3-1c26fee0590b\" data-root-id=\"4617e796-a425-400d-a29f-b1256ecd682f\" style=\"display: contents;\"></div>\n",
       "</div>\n",
       "<script type=\"application/javascript\">(function(root) {\n",
       "  var docs_json = {\"591dfc50-85e8-4f71-a953-02d186eb9bc6\":{\"version\":\"3.1.1\",\"title\":\"Bokeh Application\",\"defs\":[{\"type\":\"model\",\"name\":\"ReactiveHTML1\"},{\"type\":\"model\",\"name\":\"FlexBox1\",\"properties\":[{\"name\":\"align_content\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"align_items\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"flex_direction\",\"kind\":\"Any\",\"default\":\"row\"},{\"name\":\"flex_wrap\",\"kind\":\"Any\",\"default\":\"wrap\"},{\"name\":\"justify_content\",\"kind\":\"Any\",\"default\":\"flex-start\"}]},{\"type\":\"model\",\"name\":\"FloatPanel1\",\"properties\":[{\"name\":\"config\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"contained\",\"kind\":\"Any\",\"default\":true},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"right-top\"},{\"name\":\"offsetx\",\"kind\":\"Any\",\"default\":null},{\"name\":\"offsety\",\"kind\":\"Any\",\"default\":null},{\"name\":\"theme\",\"kind\":\"Any\",\"default\":\"primary\"},{\"name\":\"status\",\"kind\":\"Any\",\"default\":\"normalized\"}]},{\"type\":\"model\",\"name\":\"GridStack1\",\"properties\":[{\"name\":\"mode\",\"kind\":\"Any\",\"default\":\"warn\"},{\"name\":\"ncols\",\"kind\":\"Any\",\"default\":null},{\"name\":\"nrows\",\"kind\":\"Any\",\"default\":null},{\"name\":\"allow_resize\",\"kind\":\"Any\",\"default\":true},{\"name\":\"allow_drag\",\"kind\":\"Any\",\"default\":true},{\"name\":\"state\",\"kind\":\"Any\",\"default\":[]}]},{\"type\":\"model\",\"name\":\"drag1\",\"properties\":[{\"name\":\"slider_width\",\"kind\":\"Any\",\"default\":5},{\"name\":\"slider_color\",\"kind\":\"Any\",\"default\":\"black\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":50}]},{\"type\":\"model\",\"name\":\"click1\",\"properties\":[{\"name\":\"terminal_output\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"debug_name\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"clears\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"FastWrapper1\",\"properties\":[{\"name\":\"object\",\"kind\":\"Any\",\"default\":null},{\"name\":\"style\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"NotificationAreaBase1\",\"properties\":[{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"NotificationArea1\",\"properties\":[{\"name\":\"notifications\",\"kind\":\"Any\",\"default\":[]},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0},{\"name\":\"types\",\"kind\":\"Any\",\"default\":[{\"type\":\"map\",\"entries\":[[\"type\",\"warning\"],[\"background\",\"#ffc107\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-exclamation-triangle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]},{\"type\":\"map\",\"entries\":[[\"type\",\"info\"],[\"background\",\"#007bff\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-info-circle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]}]}]},{\"type\":\"model\",\"name\":\"Notification\",\"properties\":[{\"name\":\"background\",\"kind\":\"Any\",\"default\":null},{\"name\":\"duration\",\"kind\":\"Any\",\"default\":3000},{\"name\":\"icon\",\"kind\":\"Any\",\"default\":null},{\"name\":\"message\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"notification_type\",\"kind\":\"Any\",\"default\":null},{\"name\":\"_destroyed\",\"kind\":\"Any\",\"default\":false}]},{\"type\":\"model\",\"name\":\"TemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"BootstrapTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"MaterialTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]}],\"roots\":[{\"type\":\"object\",\"name\":\"panel.models.browser.BrowserInfo\",\"id\":\"4617e796-a425-400d-a29f-b1256ecd682f\"},{\"type\":\"object\",\"name\":\"panel.models.comm_manager.CommManager\",\"id\":\"06f975c1-dc3b-451c-9688-06a17aa8e6cf\",\"attributes\":{\"plot_id\":\"4617e796-a425-400d-a29f-b1256ecd682f\",\"comm_id\":\"bca32e467de547428cbfbe3e8beb779e\",\"client_comm_id\":\"a06911e8924d4aa7b07bc41332e9afb7\"}}],\"callbacks\":{\"type\":\"map\"}}};\n",
       "  var render_items = [{\"docid\":\"591dfc50-85e8-4f71-a953-02d186eb9bc6\",\"roots\":{\"4617e796-a425-400d-a29f-b1256ecd682f\":\"aa2acd00-4781-49ae-9ea3-1c26fee0590b\"},\"root_ids\":[\"4617e796-a425-400d-a29f-b1256ecd682f\"]}];\n",
       "  var docs = Object.values(docs_json)\n",
       "  if (!docs) {\n",
       "    return\n",
       "  }\n",
       "  const py_version = docs[0].version.replace('rc', '-rc.')\n",
       "  const is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1\n",
       "  function embed_document(root) {\n",
       "    var Bokeh = get_bokeh(root)\n",
       "    Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",
       "    for (const render_item of render_items) {\n",
       "      for (const root_id of render_item.root_ids) {\n",
       "\tconst id_el = document.getElementById(root_id)\n",
       "\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n",
       "\t  const root_el = id_el.children[0]\n",
       "\t  root_el.id = root_el.id + '-rendered'\n",
       "\t}\n",
       "      }\n",
       "    }\n",
       "  }\n",
       "  function get_bokeh(root) {\n",
       "    if (root.Bokeh === undefined) {\n",
       "      return null\n",
       "    } else if (root.Bokeh.version !== py_version && !is_dev) {\n",
       "      if (root.Bokeh.versions === undefined || !root.Bokeh.versions.has(py_version)) {\n",
       "\treturn null\n",
       "      }\n",
       "      return root.Bokeh.versions.get(py_version);\n",
       "    } else if (root.Bokeh.version === py_version) {\n",
       "      return root.Bokeh\n",
       "    }\n",
       "    return null\n",
       "  }\n",
       "  function is_loaded(root) {\n",
       "    var Bokeh = get_bokeh(root)\n",
       "    return (Bokeh != null && Bokeh.Panel !== undefined && ( root['jsPanel'] !== undefined))\n",
       "  }\n",
       "  if (is_loaded(root)) {\n",
       "    embed_document(root);\n",
       "  } else {\n",
       "    var attempts = 0;\n",
       "    var timer = setInterval(function(root) {\n",
       "      if (is_loaded(root)) {\n",
       "        clearInterval(timer);\n",
       "        embed_document(root);\n",
       "      } else if (document.readyState == \"complete\") {\n",
       "        attempts++;\n",
       "        if (attempts > 200) {\n",
       "          clearInterval(timer);\n",
       "\t  var Bokeh = get_bokeh(root)\n",
       "\t  if (Bokeh == null || Bokeh.Panel == null) {\n",
       "            console.warn(\"Panel: ERROR: Unable to run Panel code because Bokeh or Panel library is missing\");\n",
       "\t  } else {\n",
       "\t    console.warn(\"Panel: WARNING: Attempting to render but not all required libraries could be resolved.\")\n",
       "\t    embed_document(root)\n",
       "\t  }\n",
       "        }\n",
       "      }\n",
       "    }, 25, root)\n",
       "  }\n",
       "})(window);</script>"
      ]
     },
     "metadata": {
      "application/vnd.holoviews_exec.v0+json": {
       "id": "4617e796-a425-400d-a29f-b1256ecd682f"
      }
     },
     "output_type": "display_data"
    },
    {
     "data": {},
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/vnd.holoviews_exec.v0+json": "",
      "text/html": [
       "<div id='10739177-47a7-4a97-ae69-ff55aed49401'>\n",
       "  <div id=\"b55930ea-f889-4a33-9957-b5989ad66d79\" data-root-id=\"10739177-47a7-4a97-ae69-ff55aed49401\" style=\"display: contents;\"></div>\n",
       "</div>\n",
       "<script type=\"application/javascript\">(function(root) {\n",
       "  var docs_json = {\"e51fa2e4-86fa-4e10-8756-2fe9fa1784eb\":{\"version\":\"3.1.1\",\"title\":\"Bokeh Application\",\"defs\":[{\"type\":\"model\",\"name\":\"ReactiveHTML1\"},{\"type\":\"model\",\"name\":\"FlexBox1\",\"properties\":[{\"name\":\"align_content\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"align_items\",\"kind\":\"Any\",\"default\":\"flex-start\"},{\"name\":\"flex_direction\",\"kind\":\"Any\",\"default\":\"row\"},{\"name\":\"flex_wrap\",\"kind\":\"Any\",\"default\":\"wrap\"},{\"name\":\"justify_content\",\"kind\":\"Any\",\"default\":\"flex-start\"}]},{\"type\":\"model\",\"name\":\"FloatPanel1\",\"properties\":[{\"name\":\"config\",\"kind\":\"Any\",\"default\":{\"type\":\"map\"}},{\"name\":\"contained\",\"kind\":\"Any\",\"default\":true},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"right-top\"},{\"name\":\"offsetx\",\"kind\":\"Any\",\"default\":null},{\"name\":\"offsety\",\"kind\":\"Any\",\"default\":null},{\"name\":\"theme\",\"kind\":\"Any\",\"default\":\"primary\"},{\"name\":\"status\",\"kind\":\"Any\",\"default\":\"normalized\"}]},{\"type\":\"model\",\"name\":\"GridStack1\",\"properties\":[{\"name\":\"mode\",\"kind\":\"Any\",\"default\":\"warn\"},{\"name\":\"ncols\",\"kind\":\"Any\",\"default\":null},{\"name\":\"nrows\",\"kind\":\"Any\",\"default\":null},{\"name\":\"allow_resize\",\"kind\":\"Any\",\"default\":true},{\"name\":\"allow_drag\",\"kind\":\"Any\",\"default\":true},{\"name\":\"state\",\"kind\":\"Any\",\"default\":[]}]},{\"type\":\"model\",\"name\":\"drag1\",\"properties\":[{\"name\":\"slider_width\",\"kind\":\"Any\",\"default\":5},{\"name\":\"slider_color\",\"kind\":\"Any\",\"default\":\"black\"},{\"name\":\"value\",\"kind\":\"Any\",\"default\":50}]},{\"type\":\"model\",\"name\":\"click1\",\"properties\":[{\"name\":\"terminal_output\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"debug_name\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"clears\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"FastWrapper1\",\"properties\":[{\"name\":\"object\",\"kind\":\"Any\",\"default\":null},{\"name\":\"style\",\"kind\":\"Any\",\"default\":null}]},{\"type\":\"model\",\"name\":\"NotificationAreaBase1\",\"properties\":[{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"NotificationArea1\",\"properties\":[{\"name\":\"notifications\",\"kind\":\"Any\",\"default\":[]},{\"name\":\"position\",\"kind\":\"Any\",\"default\":\"bottom-right\"},{\"name\":\"_clear\",\"kind\":\"Any\",\"default\":0},{\"name\":\"types\",\"kind\":\"Any\",\"default\":[{\"type\":\"map\",\"entries\":[[\"type\",\"warning\"],[\"background\",\"#ffc107\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-exclamation-triangle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]},{\"type\":\"map\",\"entries\":[[\"type\",\"info\"],[\"background\",\"#007bff\"],[\"icon\",{\"type\":\"map\",\"entries\":[[\"className\",\"fas fa-info-circle\"],[\"tagName\",\"i\"],[\"color\",\"white\"]]}]]}]}]},{\"type\":\"model\",\"name\":\"Notification\",\"properties\":[{\"name\":\"background\",\"kind\":\"Any\",\"default\":null},{\"name\":\"duration\",\"kind\":\"Any\",\"default\":3000},{\"name\":\"icon\",\"kind\":\"Any\",\"default\":null},{\"name\":\"message\",\"kind\":\"Any\",\"default\":\"\"},{\"name\":\"notification_type\",\"kind\":\"Any\",\"default\":null},{\"name\":\"_destroyed\",\"kind\":\"Any\",\"default\":false}]},{\"type\":\"model\",\"name\":\"TemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"BootstrapTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]},{\"type\":\"model\",\"name\":\"MaterialTemplateActions1\",\"properties\":[{\"name\":\"open_modal\",\"kind\":\"Any\",\"default\":0},{\"name\":\"close_modal\",\"kind\":\"Any\",\"default\":0}]}],\"roots\":[{\"type\":\"object\",\"name\":\"Row\",\"id\":\"10739177-47a7-4a97-ae69-ff55aed49401\",\"attributes\":{\"name\":\"Row03282\",\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.arc:before {\\n  background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n  background-size: auto calc(min(50%, 400px));\\n}\",{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"70e776be-91de-4c71-9d03-f59a178c62d8\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.0.3/dist/css/loading.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"f5988dd0-283a-423c-85ec-b0f2afa807ee\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.0.3/dist/css/listpanel.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"0f925919-c7ad-4bb6-acba-9490ba5dbb05\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/theme/default.css\"}},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"74104da0-30f6-4db0-bbb7-98a3439843d4\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.0.3/dist/bundled/theme/native.css\"}}],\"margin\":0,\"align\":\"start\",\"children\":[{\"type\":\"object\",\"name\":\"panel.models.markup.HTML\",\"id\":\"9b5c51cf-cc2a-4ebf-af8b-972e89ac7266\",\"attributes\":{\"css_classes\":[\"markdown\"],\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.arc:before {\\n  background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n  background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"70e776be-91de-4c71-9d03-f59a178c62d8\"},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"9e9797c2-490d-4432-b2b6-8cc93d4c1ba3\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.0.3/dist/css/markdown.css\"}},{\"id\":\"0f925919-c7ad-4bb6-acba-9490ba5dbb05\"},{\"id\":\"74104da0-30f6-4db0-bbb7-98a3439843d4\"}],\"margin\":[5,10],\"align\":\"start\",\"text\":\"&lt;p&gt;Main&lt;/p&gt;\\n\"}},{\"type\":\"object\",\"name\":\"Button\",\"id\":\"7c03bc86-599e-4cc1-bc57-1579e088c529\",\"attributes\":{\"subscribed_events\":{\"type\":\"set\",\"entries\":[\"button_click\"]},\"css_classes\":[\"solid\"],\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.arc:before {\\n  background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n  background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"70e776be-91de-4c71-9d03-f59a178c62d8\"},{\"type\":\"object\",\"name\":\"ImportedStyleSheet\",\"id\":\"55990b97-855c-4f3a-949d-d8ffdddfc70d\",\"attributes\":{\"url\":\"https://cdn.holoviz.org/panel/1.0.3/dist/css/button.css\"}},{\"id\":\"0f925919-c7ad-4bb6-acba-9490ba5dbb05\"},{\"id\":\"74104da0-30f6-4db0-bbb7-98a3439843d4\"}],\"margin\":[5,10],\"align\":\"start\",\"label\":\"Select Folder\",\"icon\":{\"type\":\"object\",\"name\":\"TablerIcon\",\"id\":\"a07ad3dd-b9a2-41dc-8f8b-56cc1d890acb\",\"attributes\":{\"icon_name\":\"\"}}}},{\"type\":\"object\",\"name\":\"Div\",\"id\":\"2fad07ca-177a-44c0-9516-aa8588e70ba2\",\"attributes\":{\"stylesheets\":[\"\\n:host(.pn-loading.pn-arc):before, .pn-loading.arc:before {\\n  background-image: url(\\\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46IGF1dG87IGJhY2tncm91bmQ6IG5vbmU7IGRpc3BsYXk6IGJsb2NrOyBzaGFwZS1yZW5kZXJpbmc6IGF1dG87IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYzNjM2MzIiBzdHJva2Utd2lkdGg9IjEwIiByPSIzNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTY0LjkzMzYxNDMxMzQ2NDE1IDU2Ljk3Nzg3MTQzNzgyMTM4Ij4gICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjFzIiB2YWx1ZXM9IjAgNTAgNTA7MzYwIDUwIDUwIiBrZXlUaW1lcz0iMDsxIj48L2FuaW1hdGVUcmFuc2Zvcm0+ICA8L2NpcmNsZT48L3N2Zz4=\\\");\\n  background-size: auto calc(min(50%, 400px));\\n}\",{\"id\":\"70e776be-91de-4c71-9d03-f59a178c62d8\"},{\"id\":\"0f925919-c7ad-4bb6-acba-9490ba5dbb05\"},{\"id\":\"74104da0-30f6-4db0-bbb7-98a3439843d4\"}],\"margin\":[5,10],\"align\":\"start\",\"text\":\"<b>Selected Folder:</b>: nothing selected yet.\"}}]}},{\"type\":\"object\",\"name\":\"panel.models.comm_manager.CommManager\",\"id\":\"96fb7807-bcf5-464e-8be0-35fd3005cce5\",\"attributes\":{\"plot_id\":\"10739177-47a7-4a97-ae69-ff55aed49401\",\"comm_id\":\"04b54060eb1646de8c289fc02b86eee9\",\"client_comm_id\":\"8f4c6775a92841df9e88bb10901fc1ba\"}}],\"callbacks\":{\"type\":\"map\"}}};\n",
       "  var render_items = [{\"docid\":\"e51fa2e4-86fa-4e10-8756-2fe9fa1784eb\",\"roots\":{\"10739177-47a7-4a97-ae69-ff55aed49401\":\"b55930ea-f889-4a33-9957-b5989ad66d79\"},\"root_ids\":[\"10739177-47a7-4a97-ae69-ff55aed49401\"]}];\n",
       "  var docs = Object.values(docs_json)\n",
       "  if (!docs) {\n",
       "    return\n",
       "  }\n",
       "  const py_version = docs[0].version.replace('rc', '-rc.')\n",
       "  const is_dev = py_version.indexOf(\"+\") !== -1 || py_version.indexOf(\"-\") !== -1\n",
       "  function embed_document(root) {\n",
       "    var Bokeh = get_bokeh(root)\n",
       "    Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",
       "    for (const render_item of render_items) {\n",
       "      for (const root_id of render_item.root_ids) {\n",
       "\tconst id_el = document.getElementById(root_id)\n",
       "\tif (id_el.children.length && (id_el.children[0].className === 'bk-root')) {\n",
       "\t  const root_el = id_el.children[0]\n",
       "\t  root_el.id = root_el.id + '-rendered'\n",
       "\t}\n",
       "      }\n",
       "    }\n",
       "  }\n",
       "  function get_bokeh(root) {\n",
       "    if (root.Bokeh === undefined) {\n",
       "      return null\n",
       "    } else if (root.Bokeh.version !== py_version && !is_dev) {\n",
       "      if (root.Bokeh.versions === undefined || !root.Bokeh.versions.has(py_version)) {\n",
       "\treturn null\n",
       "      }\n",
       "      return root.Bokeh.versions.get(py_version);\n",
       "    } else if (root.Bokeh.version === py_version) {\n",
       "      return root.Bokeh\n",
       "    }\n",
       "    return null\n",
       "  }\n",
       "  function is_loaded(root) {\n",
       "    var Bokeh = get_bokeh(root)\n",
       "    return (Bokeh != null && Bokeh.Panel !== undefined && ( root['jsPanel'] !== undefined))\n",
       "  }\n",
       "  if (is_loaded(root)) {\n",
       "    embed_document(root);\n",
       "  } else {\n",
       "    var attempts = 0;\n",
       "    var timer = setInterval(function(root) {\n",
       "      if (is_loaded(root)) {\n",
       "        clearInterval(timer);\n",
       "        embed_document(root);\n",
       "      } else if (document.readyState == \"complete\") {\n",
       "        attempts++;\n",
       "        if (attempts > 200) {\n",
       "          clearInterval(timer);\n",
       "\t  var Bokeh = get_bokeh(root)\n",
       "\t  if (Bokeh == null || Bokeh.Panel == null) {\n",
       "            console.warn(\"Panel: ERROR: Unable to run Panel code because Bokeh or Panel library is missing\");\n",
       "\t  } else {\n",
       "\t    console.warn(\"Panel: WARNING: Attempting to render but not all required libraries could be resolved.\")\n",
       "\t    embed_document(root)\n",
       "\t  }\n",
       "        }\n",
       "      }\n",
       "    }, 25, root)\n",
       "  }\n",
       "})(window);</script>"
      ],
      "text/plain": [
       "Row\n",
       "    [0] Markdown(str)\n",
       "    [1] Button(name='Select Folder')\n",
       "    [2] StaticText(name='Selected Folder:', value='nothing selected yet.')"
      ]
     },
     "metadata": {
      "application/vnd.holoviews_exec.v0+json": {
       "id": "10739177-47a7-4a97-ae69-ff55aed49401"
      }
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "if Debug:\n",
    "  import panel as pn\n",
    "  pn.extension('floatpanel') \n",
    "  \n",
    "  # Optional Function to be called once 'Ok' or 'Cancel' buttons are pressed.\n",
    "  def My_callBack( v ):\n",
    "    debug_w.value = main_w.Selected_Folder\n",
    "\n",
    "  def Button_commands( event ):\n",
    "    w = Folder_Selector( main_w, CallBack_func = My_callBack )\n",
    "    \n",
    "  b_w = pn.widgets.Button(name='Select Folder')\n",
    "  debug_w = pn.widgets.StaticText(name='Selected Folder:', value='nothing selected yet.')\n",
    "  main_w = pn.Row( \"Main\", b_w, debug_w )\n",
    "  main_w.Selected_Folder = None\n",
    "  b_w.on_click( Button_commands )\n",
    "  display(main_w.servable())\n",
    "#main_w"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "ee230ed0-0ef5-4f76-982d-d98b99571f3a",
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "/Docker\n"
     ]
    }
   ],
   "source": [
    "if Debug:\n",
    "  print(main_w.Selected_Folder)"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "python3",
   "language": "python",
   "name": "python3"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}