@holoviz/panel 1.8.5 → 1.8.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/bundled/deckglplot/@deck.gl/carto@^9.1.14/dist.min.js +3 -3
  2. package/dist/bundled/deckglplot/maplibre-gl/dist/maplibre-gl.js +3 -3
  3. package/dist/bundled/deckglplot/maplibre-gl/dist/maplibre-gl.js.map +1 -1
  4. package/dist/bundled/filedropper/filepond@^4/dist/filepond.css +1 -1
  5. package/dist/bundled/filedropper/filepond@^4/dist/filepond.min.js +2 -2
  6. package/dist/bundled/notificationarea/panel/1.8.6/dist/bundled/font-awesome/css/all.min.css +2 -0
  7. package/dist/bundled/panel/1.8.6/dist/bundled/bootstrap5/css/bootstrap.min.css +2 -0
  8. package/dist/bundled/panel/1.8.6/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +2 -0
  9. package/dist/bundled/panel/1.8.6/dist/bundled/font-awesome/css/all.min.css +2 -0
  10. package/dist/bundled/panel/1.8.6/dist/bundled/jquery/jquery.min.js +2 -0
  11. package/dist/lib/models/card.d.ts +8 -0
  12. package/dist/lib/models/card.js +65 -5
  13. package/dist/lib/models/card.js.map +1 -1
  14. package/dist/lib/models/feed.js +1 -1
  15. package/dist/lib/models/feed.js.map +1 -1
  16. package/dist/lib/models/file_dropper.d.ts +1 -0
  17. package/dist/lib/models/file_dropper.js +139 -2
  18. package/dist/lib/models/file_dropper.js.map +1 -1
  19. package/dist/lib/models/react_component.d.ts +4 -0
  20. package/dist/lib/models/react_component.js +89 -15
  21. package/dist/lib/models/react_component.js.map +1 -1
  22. package/dist/lib/models/tabulator.js +1 -1
  23. package/dist/lib/models/tabulator.js.map +1 -1
  24. package/dist/panel.js +347 -76
  25. package/dist/panel.js.map +1 -1
  26. package/dist/panel.json +1 -1
  27. package/dist/panel.min.js +11 -11
  28. package/package.json +2 -2
  29. package/dist/bundled/notificationarea/panel/1.8.5/dist/bundled/font-awesome/css/all.min.css +0 -2
  30. package/dist/bundled/panel/1.8.5/dist/bundled/bootstrap5/css/bootstrap.min.css +0 -2
  31. package/dist/bundled/panel/1.8.5/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +0 -2
  32. package/dist/bundled/panel/1.8.5/dist/bundled/font-awesome/css/all.min.css +0 -2
  33. package/dist/bundled/panel/1.8.5/dist/bundled/jquery/jquery.min.js +0 -2
package/dist/panel.js CHANGED
@@ -68,7 +68,7 @@
68
68
  __esExport("ButtonIcon", button_icon_1.ButtonIcon);
69
69
  var icon_1 = require("6c7fbea0ef") /* ./icon */;
70
70
  __esExport("ClickableIcon", icon_1.ClickableIcon);
71
- var card_1 = require("d7035097d8") /* ./card */;
71
+ var card_1 = require("25fcfb521e") /* ./card */;
72
72
  __esExport("Card", card_1.Card);
73
73
  var checkbox_button_group_1 = require("51fbe9e2d0") /* ./checkbox_button_group */;
74
74
  __esExport("CheckboxButtonGroup", checkbox_button_group_1.CheckboxButtonGroup);
@@ -82,7 +82,7 @@
82
82
  __esExport("CustomSelect", customselect_1.CustomSelect);
83
83
  var multiselect_1 = require("27b5580835") /* ./multiselect */;
84
84
  __esExport("CustomMultiSelect", multiselect_1.CustomMultiSelect);
85
- var tabulator_1 = require("d446ec1ed8") /* ./tabulator */;
85
+ var tabulator_1 = require("8cfbb15960") /* ./tabulator */;
86
86
  __esExport("DataTabulator", tabulator_1.DataTabulator);
87
87
  var datetime_picker_1 = require("100965d6f3") /* ./datetime_picker */;
88
88
  __esExport("DatetimePicker", datetime_picker_1.DatetimePicker);
@@ -94,11 +94,11 @@
94
94
  __esExport("DiscretePlayer", discrete_player_1.DiscretePlayer);
95
95
  var echarts_1 = require("1da56f3c52") /* ./echarts */;
96
96
  __esExport("ECharts", echarts_1.ECharts);
97
- var feed_1 = require("4cfe0841a5") /* ./feed */;
97
+ var feed_1 = require("f9c84aaf3d") /* ./feed */;
98
98
  __esExport("Feed", feed_1.Feed);
99
99
  var file_download_1 = require("84a13dddfb") /* ./file_download */;
100
100
  __esExport("FileDownload", file_download_1.FileDownload);
101
- var file_dropper_1 = require("e8b7476f90") /* ./file_dropper */;
101
+ var file_dropper_1 = require("8531319d94") /* ./file_dropper */;
102
102
  __esExport("FileDropper", file_dropper_1.FileDropper);
103
103
  var html_1 = require("4c04683fdc") /* ./html */;
104
104
  __esExport("HTML", html_1.HTML);
@@ -130,7 +130,7 @@
130
130
  __esExport("QuillInput", quill_1.QuillInput);
131
131
  var radio_button_group_1 = require("25e2d7c208") /* ./radio_button_group */;
132
132
  __esExport("RadioButtonGroup", radio_button_group_1.RadioButtonGroup);
133
- var react_component_1 = require("1170146660") /* ./react_component */;
133
+ var react_component_1 = require("d42fdf93ec") /* ./react_component */;
134
134
  __esExport("ReactComponent", react_component_1.ReactComponent);
135
135
  var reactive_html_1 = require("d5752cda5a") /* ./reactive_html */;
136
136
  __esExport("ReactiveHTML", reactive_html_1.ReactiveHTML);
@@ -18839,7 +18839,7 @@ ${namesToRegister
18839
18839
  }));
18840
18840
  })();
18841
18841
  },
18842
- "d7035097d8": /* models/card.js */ function _(require, module, exports, __esModule, __esExport) {
18842
+ "25fcfb521e": /* models/card.js */ function _(require, module, exports, __esModule, __esExport) {
18843
18843
  var _a;
18844
18844
  __esModule();
18845
18845
  const tslib_1 = require("tslib");
@@ -18858,6 +18858,9 @@ ${namesToRegister
18858
18858
  class CardView extends column_1.ColumnView {
18859
18859
  constructor() {
18860
18860
  super(...arguments);
18861
+ this.visible_child_views = new Map();
18862
+ this._updating_child_visibility = new Set();
18863
+ this._child_visible_callbacks = new Map();
18861
18864
  this.collapsed_style = new DOM.InlineStyleSheet();
18862
18865
  }
18863
18866
  connect_signals() {
@@ -18873,6 +18876,9 @@ ${namesToRegister
18873
18876
  this.child_views[0].el.style.backgroundColor = header_background;
18874
18877
  this.header_el.style.backgroundColor = header_background;
18875
18878
  });
18879
+ for (const child_view of this.child_views.slice(1)) {
18880
+ this._register_child_view(child_view);
18881
+ }
18876
18882
  }
18877
18883
  stylesheets() {
18878
18884
  return [...super.stylesheets(), card_css_1.default];
@@ -18928,10 +18934,9 @@ ${namesToRegister
18928
18934
  header.render();
18929
18935
  header.r_after_render();
18930
18936
  }
18931
- if (this.model.collapsed) {
18932
- return;
18933
- }
18934
18937
  for (const child_view of this.child_views.slice(1)) {
18938
+ this._register_child_view(child_view);
18939
+ this._apply_child_visible(child_view);
18935
18940
  this.shadow_el.appendChild(child_view.el);
18936
18941
  child_view.render();
18937
18942
  child_view.r_after_render();
@@ -18939,6 +18944,15 @@ ${namesToRegister
18939
18944
  }
18940
18945
  async update_children() {
18941
18946
  await this.build_child_views();
18947
+ const child_views = new Set(this.child_views.slice(1));
18948
+ for (const child_view of this.visible_child_views.keys()) {
18949
+ if (!child_views.has(child_view)) {
18950
+ this._unregister_child_view(child_view);
18951
+ }
18952
+ }
18953
+ for (const child_view of child_views) {
18954
+ this._register_child_view(child_view);
18955
+ }
18942
18956
  this.render();
18943
18957
  this.invalidate_layout();
18944
18958
  }
@@ -19020,15 +19034,16 @@ ${namesToRegister
19020
19034
  }
19021
19035
  _collapse() {
19022
19036
  for (const child_view of this.child_views.slice(1)) {
19037
+ this._register_child_view(child_view);
19023
19038
  if (this.model.collapsed) {
19024
19039
  this.shadow_el.removeChild(child_view.el);
19025
- child_view.model.visible = false;
19040
+ this._set_child_visible(child_view, false);
19026
19041
  }
19027
19042
  else {
19028
19043
  child_view.render();
19029
19044
  child_view.after_render();
19030
19045
  this.shadow_el.appendChild(child_view.el);
19031
- child_view.model.visible = true;
19046
+ this._apply_child_visible(child_view);
19032
19047
  }
19033
19048
  }
19034
19049
  if (this.model.collapsed) {
@@ -19043,6 +19058,51 @@ ${namesToRegister
19043
19058
  this.button_el.children[0].innerHTML = this.model.collapsed ? CHEVRON_RIGHT : CHEVRON_DOWN;
19044
19059
  this.invalidate_layout();
19045
19060
  }
19061
+ _set_child_visible(child_view, visible) {
19062
+ if (child_view.model.visible == visible) {
19063
+ return;
19064
+ }
19065
+ this._updating_child_visibility.add(child_view);
19066
+ try {
19067
+ child_view.model.visible = visible;
19068
+ }
19069
+ finally {
19070
+ this._updating_child_visibility.delete(child_view);
19071
+ }
19072
+ }
19073
+ _apply_child_visible(child_view) {
19074
+ const desired_visible = this.visible_child_views.get(child_view) ?? child_view.model.visible;
19075
+ this.visible_child_views.set(child_view, desired_visible);
19076
+ this._set_child_visible(child_view, desired_visible && !this.model.collapsed);
19077
+ }
19078
+ _register_child_view(child_view) {
19079
+ if (this.visible_child_views.has(child_view)) {
19080
+ return;
19081
+ }
19082
+ this.visible_child_views.set(child_view, child_view.model.visible);
19083
+ const { visible } = child_view.model.properties;
19084
+ const callback = () => {
19085
+ if (this._updating_child_visibility.has(child_view)) {
19086
+ return;
19087
+ }
19088
+ const desired_visible = child_view.model.visible;
19089
+ this.visible_child_views.set(child_view, desired_visible);
19090
+ if (this.model.collapsed && desired_visible) {
19091
+ this._set_child_visible(child_view, false);
19092
+ }
19093
+ };
19094
+ this._child_visible_callbacks.set(child_view, callback);
19095
+ this.on_change(visible, callback);
19096
+ }
19097
+ _unregister_child_view(child_view) {
19098
+ const callback = this._child_visible_callbacks.get(child_view);
19099
+ if (callback != null) {
19100
+ child_view.model.properties.visible.change.disconnect(callback);
19101
+ this._child_visible_callbacks.delete(child_view);
19102
+ }
19103
+ this.visible_child_views.delete(child_view);
19104
+ this._updating_child_visibility.delete(child_view);
19105
+ }
19046
19106
  _create_element() {
19047
19107
  return DOM.create_element(this.model.tag, { class: this.css_classes() });
19048
19108
  }
@@ -19808,7 +19868,7 @@ ${namesToRegister
19808
19868
  _b.prototype.default_view = CustomMultiSelectView;
19809
19869
  })();
19810
19870
  },
19811
- "d446ec1ed8": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
19871
+ "8cfbb15960": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
19812
19872
  var _a, _b, _c, _d;
19813
19873
  __esModule();
19814
19874
  const tslib_1 = require("tslib");
@@ -20339,7 +20399,7 @@ ${namesToRegister
20339
20399
  }
20340
20400
  this.redraw(true, true);
20341
20401
  this.restore_scroll();
20342
- this.recompute_page_size();
20402
+ window.requestAnimationFrame(() => this.recompute_page_size());
20343
20403
  }
20344
20404
  stylesheets() {
20345
20405
  return [...super.stylesheets(), tabulator_css_1.default];
@@ -26501,7 +26561,7 @@ ${namesToRegister
26501
26561
  }));
26502
26562
  })();
26503
26563
  },
26504
- "4cfe0841a5": /* models/feed.js */ function _(require, module, exports, __esModule, __esExport) {
26564
+ "f9c84aaf3d": /* models/feed.js */ function _(require, module, exports, __esModule, __esExport) {
26505
26565
  var _a, _b;
26506
26566
  __esModule();
26507
26567
  var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -26560,7 +26620,7 @@ ${namesToRegister
26560
26620
  const visible = [...this.model.visible_children];
26561
26621
  const nodes = this.node_map;
26562
26622
  for (const entry of entries) {
26563
- const id = nodes.get(entry.target).id;
26623
+ const id = nodes.get(entry.target)?.id;
26564
26624
  if (entry.isIntersecting) {
26565
26625
  if (!visible.includes(id)) {
26566
26626
  visible.push(id);
@@ -26939,7 +26999,7 @@ ${namesToRegister
26939
26999
  });
26940
27000
  })();
26941
27001
  },
26942
- "e8b7476f90": /* models/file_dropper.js */ function _(require, module, exports, __esModule, __esExport) {
27002
+ "8531319d94": /* models/file_dropper.js */ function _(require, module, exports, __esModule, __esExport) {
26943
27003
  var _a, _b, _c;
26944
27004
  __esModule();
26945
27005
  const tslib_1 = require("tslib");
@@ -26979,12 +27039,149 @@ ${namesToRegister
26979
27039
  (() => {
26980
27040
  _b.prototype.event_name = "delete_event";
26981
27041
  })();
27042
+ // Mapping of file extensions to browser-reported MIME types
27043
+ // as it's not yet supported by filepond, see:
27044
+ // https://github.com/pqina/filepond-plugin-file-validate-type/issues/13
27045
+ const EXTENSION_TO_MIME_TYPE = {
27046
+ // Images
27047
+ ".png": "image/png",
27048
+ ".jpg": "image/jpeg",
27049
+ ".jpeg": "image/jpeg",
27050
+ ".gif": "image/gif",
27051
+ ".svg": "image/svg+xml",
27052
+ ".webp": "image/webp",
27053
+ ".bmp": "image/bmp",
27054
+ ".ico": "image/x-icon",
27055
+ ".tiff": "image/tiff",
27056
+ ".tif": "image/tiff",
27057
+ ".avif": "image/avif",
27058
+ // Video
27059
+ ".mp4": "video/mp4",
27060
+ ".webm": "video/webm",
27061
+ ".mov": "video/quicktime",
27062
+ ".mkv": "video/x-matroska",
27063
+ ".avi": "video/x-msvideo",
27064
+ ".wmv": "video/x-ms-wmv",
27065
+ ".flv": "video/x-flv",
27066
+ // Audio
27067
+ ".mp3": "audio/mpeg",
27068
+ ".wav": "audio/wav",
27069
+ ".ogg": "audio/ogg",
27070
+ ".oga": "audio/ogg",
27071
+ ".m4a": "audio/mp4",
27072
+ ".aac": "audio/aac",
27073
+ ".flac": "audio/flac",
27074
+ // Text / documents
27075
+ ".txt": "text/plain",
27076
+ ".md": "text/markdown",
27077
+ ".rtf": "application/rtf",
27078
+ ".pdf": "application/pdf",
27079
+ // Structured data (browser-compatible)
27080
+ ".json": "application/json",
27081
+ ".xml": "text/xml",
27082
+ ".csv": "text/csv",
27083
+ ".tsv": "text/tab-separated-values",
27084
+ ".yaml": "text/yaml",
27085
+ ".yml": "text/yaml",
27086
+ // Web / code
27087
+ ".html": "text/html",
27088
+ ".htm": "text/html",
27089
+ ".css": "text/css",
27090
+ ".js": "text/javascript",
27091
+ ".mjs": "text/javascript",
27092
+ ".ts": "application/typescript",
27093
+ ".jsx": "text/jsx",
27094
+ ".tsx": "text/tsx",
27095
+ ".wasm": "application/wasm",
27096
+ // Office documents
27097
+ ".doc": "application/msword",
27098
+ ".docx": "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
27099
+ ".xls": "application/vnd.ms-excel",
27100
+ ".xlsb": "application/vnd.ms-excel.sheet.binary.macroenabled.12",
27101
+ ".xlsx": "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
27102
+ ".ppt": "application/vnd.ms-powerpoint",
27103
+ ".pptx": "application/vnd.openxmlformats-officedocument.presentationml.presentation",
27104
+ ".odt": "application/vnd.oasis.opendocument.text",
27105
+ ".ods": "application/vnd.oasis.opendocument.spreadsheet",
27106
+ ".odp": "application/vnd.oasis.opendocument.presentation",
27107
+ // Archives
27108
+ ".zip": "application/zip",
27109
+ ".tar": "application/x-tar",
27110
+ ".gz": "application/gzip",
27111
+ ".tgz": "application/gzip",
27112
+ ".bz2": "application/x-bzip2",
27113
+ ".xz": "application/x-xz",
27114
+ ".7z": "application/x-7z-compressed",
27115
+ ".rar": "application/vnd.rar",
27116
+ // Fonts
27117
+ ".ttf": "font/ttf",
27118
+ ".otf": "font/otf",
27119
+ ".woff": "font/woff",
27120
+ ".woff2": "font/woff2",
27121
+ // Executables / binaries
27122
+ ".exe": "application/vnd.microsoft.portable-executable",
27123
+ ".dll": "application/vnd.microsoft.portable-executable",
27124
+ ".bin": "application/octet-stream",
27125
+ ".dmg": "application/x-apple-diskimage",
27126
+ ".pkg": "application/octet-stream",
27127
+ ".deb": "application/vnd.debian.binary-package",
27128
+ ".rpm": "application/x-rpm",
27129
+ // Columnar / big data
27130
+ ".parquet": "application/octet-stream", // browsers do NOT emit application/parquet
27131
+ ".arrow": "application/octet-stream",
27132
+ ".feather": "application/octet-stream",
27133
+ ".orc": "application/octet-stream",
27134
+ // Scientific / numerical
27135
+ ".npy": "application/octet-stream",
27136
+ ".npz": "application/octet-stream",
27137
+ ".mat": "application/octet-stream",
27138
+ ".h5": "application/octet-stream",
27139
+ ".hdf5": "application/octet-stream",
27140
+ ".zarr": "application/octet-stream",
27141
+ // R ecosystem
27142
+ ".rds": "application/octet-stream",
27143
+ ".rda": "application/octet-stream",
27144
+ ".rdata": "application/octet-stream",
27145
+ // Notebooks
27146
+ ".ipynb": "application/json",
27147
+ // ML models / artifacts
27148
+ ".pkl": "application/octet-stream",
27149
+ ".pickle": "application/octet-stream",
27150
+ ".joblib": "application/octet-stream",
27151
+ ".onnx": "application/octet-stream",
27152
+ ".pt": "application/octet-stream",
27153
+ ".pth": "application/octet-stream",
27154
+ ".h5model": "application/octet-stream",
27155
+ // Vector
27156
+ ".shp": "application/octet-stream",
27157
+ ".shx": "application/octet-stream",
27158
+ ".dbf": "application/octet-stream",
27159
+ ".geojson": "application/geo+json",
27160
+ ".gpkg": "application/octet-stream",
27161
+ // Raster
27162
+ ".geotiff": "image/tiff",
27163
+ ".asc": "text/plain",
27164
+ };
26982
27165
  class FileDropperView extends input_widget_1.InputWidgetView {
26983
27166
  constructor() {
26984
27167
  super(...arguments);
26985
27168
  this._file_pond = null;
26986
27169
  this._transfer_in_process = null;
26987
27170
  }
27171
+ extensionsToMimeTypes(types) {
27172
+ return types.map(type => {
27173
+ // MIME types, including wildcards like "image/*"
27174
+ if (type.includes("/")) {
27175
+ return type;
27176
+ }
27177
+ // Guessing it's an extension
27178
+ if (type.startsWith(".")) {
27179
+ const lowerType = type.toLowerCase();
27180
+ return EXTENSION_TO_MIME_TYPE[lowerType] || type;
27181
+ }
27182
+ return type;
27183
+ });
27184
+ }
26988
27185
  initialize() {
26989
27186
  super.initialize();
26990
27187
  const { previews } = this.model;
@@ -27002,7 +27199,7 @@ ${namesToRegister
27002
27199
  const { disabled, layout, max_file_size, max_files, max_total_file_size, multiple } = this.model.properties;
27003
27200
  this.on_change([disabled, max_file_size, max_files, max_total_file_size, multiple, layout], () => {
27004
27201
  this._file_pond?.setOptions({
27005
- acceptedFileTypes: this.model.accepted_filetypes,
27202
+ acceptedFileTypes: this.extensionsToMimeTypes(this.model.accepted_filetypes),
27006
27203
  allowMultiple: this.model.multiple,
27007
27204
  disabled: this.model.disabled,
27008
27205
  maxFiles: this.model.max_files,
@@ -27028,7 +27225,7 @@ ${namesToRegister
27028
27225
  render() {
27029
27226
  super.render();
27030
27227
  this._file_pond = window.FilePond.create(this.input_el, {
27031
- acceptedFileTypes: this.model.accepted_filetypes,
27228
+ acceptedFileTypes: this.extensionsToMimeTypes(this.model.accepted_filetypes),
27032
27229
  allowMultiple: this.model.multiple,
27033
27230
  credits: false,
27034
27231
  disabled: this.model.disabled,
@@ -29000,10 +29197,13 @@ ${namesToRegister
29000
29197
  }));
29001
29198
  })();
29002
29199
  },
29003
- "1170146660": /* models/react_component.js */ function _(require, module, exports, __esModule, __esExport) {
29200
+ "d42fdf93ec": /* models/react_component.js */ function _(require, module, exports, __esModule, __esExport) {
29004
29201
  var _a;
29005
29202
  __esModule();
29203
+ const build_views_1 = require("@bokehjs/core/build_views");
29006
29204
  const dom_1 = require("@bokehjs/core/dom");
29205
+ const array_1 = require("@bokehjs/core/util/array");
29206
+ const assert_1 = require("@bokehjs/core/util/assert");
29007
29207
  const types_1 = require("@bokehjs/core/util/types");
29008
29208
  const reactive_esm_1 = require("d92390e7cb") /* ./reactive_esm */;
29009
29209
  class HostedStyleSheet extends dom_1.InlineStyleSheet {
@@ -29027,6 +29227,39 @@ ${namesToRegister
29027
29227
  }
29028
29228
  exports.HostedStyleSheet = HostedStyleSheet;
29029
29229
  HostedStyleSheet.__name__ = "HostedStyleSheet";
29230
+ async function _build_view(view_cls, model, options) {
29231
+ (0, assert_1.assert)(view_cls != null, "model doesn't implement a view");
29232
+ const view = new view_cls({ ...options, model });
29233
+ view.initialize();
29234
+ await view.lazy_initialize();
29235
+ return view;
29236
+ }
29237
+ // Custom build_views implementation which does not eagerly destroy old views
29238
+ async function build_views_no_remove(view_storage, models, options = { parent: null }, cls = (model) => model.default_view) {
29239
+ const to_remove = (0, array_1.difference)([...view_storage.keys()], models);
29240
+ const removed_views = [];
29241
+ for (const model of to_remove) {
29242
+ const view = view_storage.get(model);
29243
+ if (view != null) {
29244
+ view_storage.delete(model);
29245
+ removed_views.push(view);
29246
+ }
29247
+ }
29248
+ const created_views = [];
29249
+ const new_models = models.filter((model) => !view_storage.has(model));
29250
+ for (const model of new_models) {
29251
+ const view = await _build_view(cls(model), model, options);
29252
+ view_storage.set(model, view);
29253
+ created_views.push(view);
29254
+ }
29255
+ for (const view of created_views) {
29256
+ view.connect_signals();
29257
+ }
29258
+ return {
29259
+ created: created_views,
29260
+ removed: removed_views,
29261
+ };
29262
+ }
29030
29263
  class ReactComponentView extends reactive_esm_1.ReactiveESMView {
29031
29264
  constructor() {
29032
29265
  super(...arguments);
@@ -29034,6 +29267,7 @@ ${namesToRegister
29034
29267
  this.model_setter = reactive_esm_1.model_setter;
29035
29268
  this.react_root = null;
29036
29269
  this._force_update_callbacks = [];
29270
+ this._scheduled_removals = [];
29037
29271
  }
29038
29272
  initialize() {
29039
29273
  super.initialize();
@@ -29081,6 +29315,10 @@ ${namesToRegister
29081
29315
  if (this.react_root && this.use_shadow_dom) {
29082
29316
  super.remove();
29083
29317
  this.react_root.then((root) => root && root.unmount());
29318
+ for (const view of this._scheduled_removals) {
29319
+ view.remove();
29320
+ }
29321
+ this._scheduled_removals = [];
29084
29322
  }
29085
29323
  else {
29086
29324
  this._applied_stylesheets.forEach((stylesheet) => stylesheet.uninstall());
@@ -29145,9 +29383,28 @@ ${namesToRegister
29145
29383
  cb();
29146
29384
  }
29147
29385
  }
29386
+ async build_child_views() {
29387
+ const build_fn = this.model.use_shadow_dom ? build_views_no_remove : build_views_1.build_views;
29388
+ const { created, removed } = await build_fn(this._child_views, this.child_models, { parent: this });
29389
+ for (const view of removed) {
29390
+ this._resize_observer.unobserve(view.el);
29391
+ if (this.model.use_shadow_dom) {
29392
+ this._child_rendered.delete(view);
29393
+ if (created.length) {
29394
+ this._scheduled_removals.push(view);
29395
+ }
29396
+ else {
29397
+ view.remove();
29398
+ }
29399
+ }
29400
+ }
29401
+ for (const view of created) {
29402
+ this._resize_observer.observe(view.el, { box: "border-box" });
29403
+ }
29404
+ return created;
29405
+ }
29148
29406
  async update_children() {
29149
29407
  const created_children = new Set(await this.build_child_views());
29150
- const all_views = this.child_views;
29151
29408
  const new_views = new Map();
29152
29409
  for (const child_view of this.child_views) {
29153
29410
  if (!created_children.has(child_view)) {
@@ -29164,14 +29421,6 @@ ${namesToRegister
29164
29421
  new_views.set(child, [child_view]);
29165
29422
  }
29166
29423
  }
29167
- if (this.use_shadow_dom) {
29168
- for (const view of this._child_rendered.keys()) {
29169
- if (!all_views.includes(view)) {
29170
- this._child_rendered.delete(view);
29171
- view.el.remove();
29172
- }
29173
- }
29174
- }
29175
29424
  for (const child of this.model.children) {
29176
29425
  const callbacks = this._child_callbacks.get(child) || [];
29177
29426
  const new_children = new_views.get(child) || [];
@@ -29305,7 +29554,14 @@ async function render(id) {
29305
29554
  componentDidMount() {
29306
29555
  const view = this.view
29307
29556
  if (view == null) { return }
29308
- else if (!this.use_shadow_dom) {
29557
+ for (const view of this.props.parent._scheduled_removals) { view.remove() }
29558
+ this.props.parent._scheduled_removals = []
29559
+ if (this.use_shadow_dom) {
29560
+ this.updateElement()
29561
+ this.props.parent.rerender_(view)
29562
+ this.props.parent._child_rendered.set(view, true)
29563
+ this.props.parent.notify_mount(this.props.name, view.model.id)
29564
+ } else {
29309
29565
  view.patch_container(this.containerRef.current)
29310
29566
  view.model.render_module.then(async (mod) => {
29311
29567
  this.setState(
@@ -29317,10 +29573,7 @@ async function render(id) {
29317
29573
  }
29318
29574
  )
29319
29575
  })
29320
- return
29321
29576
  }
29322
- this.updateElement()
29323
- this.props.parent.rerender_(view)
29324
29577
  this.render_callback = (new_views) => {
29325
29578
  const view = this.view
29326
29579
  if (!view) {
@@ -29328,11 +29581,29 @@ async function render(id) {
29328
29581
  }
29329
29582
  this.updateElement()
29330
29583
  if (new_views.includes(view)) {
29331
- this.props.parent.rerender_(view)
29584
+ if (this.use_shadow_dom) {
29585
+ for (const view of this.props.parent._scheduled_removals) { view.remove() }
29586
+ this.props.parent._scheduled_removals = []
29587
+ this.props.parent.rerender_(view)
29588
+ this.props.parent._child_rendered.set(view, true)
29589
+ } else {
29590
+ view.patch_container(this.containerRef.current)
29591
+ view.model.render_module.then(async (mod) => {
29592
+ for (const view of this.props.parent._scheduled_removals) { view.remove() }
29593
+ this.props.parent._scheduled_removals = []
29594
+ this.setState(
29595
+ {rendered: await mod.default.render(view.model.id)},
29596
+ () => {
29597
+ this.props.parent.notify_mount(this.props.name, view.model.id)
29598
+ this.view.r_after_render()
29599
+ this.view.after_rendered()
29600
+ }
29601
+ )
29602
+ })
29603
+ }
29332
29604
  }
29333
29605
  }
29334
29606
  this.props.parent.on_child_render(this.props.name, this.render_callback)
29335
- this.props.parent.notify_mount(this.props.name, view.model.id)
29336
29607
  }
29337
29608
 
29338
29609
  componentWillUnmount() {
@@ -29559,8 +29830,8 @@ ${compiled}`;
29559
29830
  "d5752cda5a": /* models/reactive_html.js */ function _(require, module, exports, __esModule, __esExport) {
29560
29831
  var _a;
29561
29832
  __esModule();
29562
- const preact_1 = require("bb986b9dd6") /* preact */;
29563
- const hooks_1 = require("0e62f95470") /* preact/hooks */;
29833
+ const preact_1 = require("091628d34a") /* preact */;
29834
+ const hooks_1 = require("9295b344df") /* preact/hooks */;
29564
29835
  const preact_2 = require("b3f51db71c") /* htm/preact */;
29565
29836
  const dom_1 = require("@bokehjs/core/dom");
29566
29837
  const assert_1 = require("@bokehjs/core/util/assert");
@@ -30089,7 +30360,7 @@ ${compiled}`;
30089
30360
  }));
30090
30361
  })();
30091
30362
  },
30092
- "bb986b9dd6": /* preact/dist/preact.module.js */ function _(require, module, exports, __esModule, __esExport) {
30363
+ "091628d34a": /* preact/dist/preact.module.js */ function _(require, module, exports, __esModule, __esExport) {
30093
30364
  __esModule();
30094
30365
  exports.Component = x;
30095
30366
  exports.Fragment = k;
@@ -30101,8 +30372,8 @@ ${compiled}`;
30101
30372
  exports.hydrate = G;
30102
30373
  exports.render = E;
30103
30374
  exports.toChildArray = H;
30104
- var n, l, u, t, i, r, o, e, f, c, s, a, h, p = {}, y = [], v = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, w = Array.isArray;
30105
- function d(n, l) {
30375
+ var n, l, u, t, i, r, o, e, f, c, s, a, h, p = {}, v = [], y = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, d = Array.isArray;
30376
+ function w(n, l) {
30106
30377
  for (var u in l)
30107
30378
  n[u] = l[u];
30108
30379
  return n;
@@ -30114,7 +30385,7 @@ ${compiled}`;
30114
30385
  "key" == o ? i = u[o] : "ref" == o ? r = u[o] : e[o] = u[o];
30115
30386
  if (arguments.length > 2 && (e.children = arguments.length > 3 ? n.call(arguments, 2) : t), "function" == typeof l && null != l.defaultProps)
30116
30387
  for (o in l.defaultProps)
30117
- null == e[o] && (e[o] = l.defaultProps[o]);
30388
+ void 0 === e[o] && (e[o] = l.defaultProps[o]);
30118
30389
  return m(l, e, i, r, null);
30119
30390
  }
30120
30391
  function m(n, t, i, r, o) { var e = { type: n, props: t, key: i, ref: r, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == o ? ++u : o, __i: -1, __u: 0 }; return null == o && null != l.vnode && l.vnode(e), e; }
@@ -30143,19 +30414,19 @@ ${compiled}`;
30143
30414
  function M(n) { (!n.__d && (n.__d = !0) && i.push(n) && !$.__r++ || r != l.debounceRendering) && ((r = l.debounceRendering) || o)($); }
30144
30415
  function $() {
30145
30416
  for (var n, u, t, r, o, f, c, s = 1; i.length;)
30146
- i.length > s && i.sort(e), n = i.shift(), s = i.length, n.__d && (t = void 0, o = (r = (u = n).__v).__e, f = [], c = [], u.__P && ((t = d({}, r)).__v = r.__v + 1, l.vnode && l.vnode(t), O(u.__P, t, r, u.__n, u.__P.namespaceURI, 32 & r.__u ? [o] : null, f, null == o ? S(r) : o, !!(32 & r.__u), c), t.__v = r.__v, t.__.__k[t.__i] = t, z(f, t, c), t.__e != o && C(t)));
30417
+ i.length > s && i.sort(e), n = i.shift(), s = i.length, n.__d && (t = void 0, o = (r = (u = n).__v).__e, f = [], c = [], u.__P && ((t = w({}, r)).__v = r.__v + 1, l.vnode && l.vnode(t), O(u.__P, t, r, u.__n, u.__P.namespaceURI, 32 & r.__u ? [o] : null, f, null == o ? S(r) : o, !!(32 & r.__u), c), t.__v = r.__v, t.__.__k[t.__i] = t, z(f, t, c), t.__e != o && C(t)));
30147
30418
  $.__r = 0;
30148
30419
  }
30149
30420
  function I(n, l, u, t, i, r, o, e, f, c, s) {
30150
- var a, h, v, w, d, g, _ = t && t.__k || y, m = l.length;
30421
+ var a, h, y, d, w, g, _ = t && t.__k || v, m = l.length;
30151
30422
  for (f = P(u, l, _, f, m), a = 0; a < m; a++)
30152
- null != (v = u.__k[a]) && (h = -1 == v.__i ? p : _[v.__i] || p, v.__i = a, g = O(n, v, h, i, r, o, e, f, c, s), w = v.__e, v.ref && h.ref != v.ref && (h.ref && q(h.ref, null, v), s.push(v.ref, v.__c || w, v)), null == d && null != w && (d = w), 4 & v.__u || h.__k === v.__k ? f = A(v, f, n) : "function" == typeof v.type && void 0 !== g ? f = g : w && (f = w.nextSibling), v.__u &= -7);
30153
- return u.__e = d, f;
30423
+ null != (y = u.__k[a]) && (h = -1 == y.__i ? p : _[y.__i] || p, y.__i = a, g = O(n, y, h, i, r, o, e, f, c, s), d = y.__e, y.ref && h.ref != y.ref && (h.ref && q(h.ref, null, y), s.push(y.ref, y.__c || d, y)), null == w && null != d && (w = d), 4 & y.__u || h.__k === y.__k ? f = A(y, f, n) : "function" == typeof y.type && void 0 !== g ? f = g : d && (f = d.nextSibling), y.__u &= -7);
30424
+ return u.__e = w, f;
30154
30425
  }
30155
30426
  function P(n, l, u, t, i) {
30156
30427
  var r, o, e, f, c, s = u.length, a = s, h = 0;
30157
30428
  for (n.__k = new Array(i), r = 0; r < i; r++)
30158
- null != (o = l[r]) && "boolean" != typeof o && "function" != typeof o ? (f = r + h, (o = n.__k[r] = "string" == typeof o || "number" == typeof o || "bigint" == typeof o || o.constructor == String ? m(null, o, null, null, null) : w(o) ? m(k, { children: o }, null, null, null) : null == o.constructor && o.__b > 0 ? m(o.type, o.props, o.key, o.ref ? o.ref : null, o.__v) : o).__ = n, o.__b = n.__b + 1, e = null, -1 != (c = o.__i = L(o, u, f, a)) && (a--, (e = u[c]) && (e.__u |= 2)), null == e || null == e.__v ? (-1 == c && (i > s ? h-- : i < s && h++), "function" != typeof o.type && (o.__u |= 4)) : c != f && (c == f - 1 ? h-- : c == f + 1 ? h++ : (c > f ? h-- : h++, o.__u |= 4))) : n.__k[r] = null;
30429
+ null != (o = l[r]) && "boolean" != typeof o && "function" != typeof o ? (f = r + h, (o = n.__k[r] = "string" == typeof o || "number" == typeof o || "bigint" == typeof o || o.constructor == String ? m(null, o, null, null, null) : d(o) ? m(k, { children: o }, null, null, null) : void 0 === o.constructor && o.__b > 0 ? m(o.type, o.props, o.key, o.ref ? o.ref : null, o.__v) : o).__ = n, o.__b = n.__b + 1, e = null, -1 != (c = o.__i = L(o, u, f, a)) && (a--, (e = u[c]) && (e.__u |= 2)), null == e || null == e.__v ? (-1 == c && (i > s ? h-- : i < s && h++), "function" != typeof o.type && (o.__u |= 4)) : c != f && (c == f - 1 ? h-- : c == f + 1 ? h++ : (c > f ? h-- : h++, o.__u |= 4))) : n.__k[r] = null;
30159
30430
  if (a)
30160
30431
  for (r = 0; r < s; r++)
30161
30432
  null != (e = u[r]) && 0 == (2 & e.__u) && (e.__e == t && (t = S(e)), B(e, e));
@@ -30174,7 +30445,7 @@ ${compiled}`;
30174
30445
  } while (null != l && 8 == l.nodeType);
30175
30446
  return l;
30176
30447
  }
30177
- function H(n, l) { return l = l || [], null == n || "boolean" == typeof n || (w(n) ? n.some(function (n) { H(n, l); }) : l.push(n)), l; }
30448
+ function H(n, l) { return l = l || [], null == n || "boolean" == typeof n || (d(n) ? n.some(function (n) { H(n, l); }) : l.push(n)), l; }
30178
30449
  function L(n, l, u, t) {
30179
30450
  var i, r, o = n.key, e = n.type, f = l[u];
30180
30451
  if (null === f && null == n.key || f && o == f.key && e == f.type && 0 == (2 & f.__u))
@@ -30194,9 +30465,9 @@ ${compiled}`;
30194
30465
  }
30195
30466
  return -1;
30196
30467
  }
30197
- function T(n, l, u) { "-" == l[0] ? n.setProperty(l, null == u ? "" : u) : n[l] = null == u ? "" : "number" != typeof u || v.test(l) ? u : u + "px"; }
30468
+ function T(n, l, u) { "-" == l[0] ? n.setProperty(l, null == u ? "" : u) : n[l] = null == u ? "" : "number" != typeof u || y.test(l) ? u : u + "px"; }
30198
30469
  function j(n, l, u, t, i) {
30199
- var r;
30470
+ var r, o;
30200
30471
  n: if ("style" == l)
30201
30472
  if ("string" == typeof u)
30202
30473
  n.style.cssText = u;
@@ -30209,7 +30480,7 @@ ${compiled}`;
30209
30480
  t && u[l] == t[l] || T(n.style, l, u[l]);
30210
30481
  }
30211
30482
  else if ("o" == l[0] && "n" == l[1])
30212
- r = l != (l = l.replace(f, "$1")), l = l.toLowerCase() in n || "onFocusOut" == l || "onFocusIn" == l ? l.toLowerCase().slice(2) : l.slice(2), n.l || (n.l = {}), n.l[l + r] = u, u ? t ? u.u = t.u : (u.u = c, n.addEventListener(l, r ? a : s, r)) : n.removeEventListener(l, r ? a : s, r);
30483
+ r = l != (l = l.replace(f, "$1")), o = l.toLowerCase(), l = o in n || "onFocusOut" == l || "onFocusIn" == l ? o.slice(2) : l.slice(2), n.l || (n.l = {}), n.l[l + r] = u, u ? t ? u.u = t.u : (u.u = c, n.addEventListener(l, r ? a : s, r)) : n.removeEventListener(l, r ? a : s, r);
30213
30484
  else {
30214
30485
  if ("http://www.w3.org/2000/svg" == i)
30215
30486
  l = l.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
@@ -30235,22 +30506,22 @@ ${compiled}`;
30235
30506
  };
30236
30507
  }
30237
30508
  function O(n, u, t, i, r, o, e, f, c, s) {
30238
- var a, h, p, y, v, _, m, b, S, C, M, $, P, A, H, L, T, j = u.type;
30239
- if (null != u.constructor)
30509
+ var a, h, p, v, y, _, m, b, S, C, M, $, P, A, H, L, T, j = u.type;
30510
+ if (void 0 !== u.constructor)
30240
30511
  return null;
30241
30512
  128 & t.__u && (c = !!(32 & t.__u), o = [f = u.__e = t.__e]), (a = l.__b) && a(u);
30242
30513
  n: if ("function" == typeof j)
30243
30514
  try {
30244
- if (b = u.props, S = "prototype" in j && j.prototype.render, C = (a = j.contextType) && i[a.__c], M = a ? C ? C.props.value : a.__ : i, t.__c ? m = (h = u.__c = t.__c).__ = h.__E : (S ? u.__c = h = new j(b, M) : (u.__c = h = new x(b, M), h.constructor = j, h.render = D), C && C.sub(h), h.props = b, h.state || (h.state = {}), h.context = M, h.__n = i, p = h.__d = !0, h.__h = [], h._sb = []), S && null == h.__s && (h.__s = h.state), S && null != j.getDerivedStateFromProps && (h.__s == h.state && (h.__s = d({}, h.__s)), d(h.__s, j.getDerivedStateFromProps(b, h.__s))), y = h.props, v = h.state, h.__v = u, p)
30515
+ if (b = u.props, S = "prototype" in j && j.prototype.render, C = (a = j.contextType) && i[a.__c], M = a ? C ? C.props.value : a.__ : i, t.__c ? m = (h = u.__c = t.__c).__ = h.__E : (S ? u.__c = h = new j(b, M) : (u.__c = h = new x(b, M), h.constructor = j, h.render = D), C && C.sub(h), h.props = b, h.state || (h.state = {}), h.context = M, h.__n = i, p = h.__d = !0, h.__h = [], h._sb = []), S && null == h.__s && (h.__s = h.state), S && null != j.getDerivedStateFromProps && (h.__s == h.state && (h.__s = w({}, h.__s)), w(h.__s, j.getDerivedStateFromProps(b, h.__s))), v = h.props, y = h.state, h.__v = u, p)
30245
30516
  S && null == j.getDerivedStateFromProps && null != h.componentWillMount && h.componentWillMount(), S && null != h.componentDidMount && h.__h.push(h.componentDidMount);
30246
30517
  else {
30247
- if (S && null == j.getDerivedStateFromProps && b !== y && null != h.componentWillReceiveProps && h.componentWillReceiveProps(b, M), !h.__e && null != h.shouldComponentUpdate && !1 === h.shouldComponentUpdate(b, h.__s, M) || u.__v == t.__v) {
30518
+ if (S && null == j.getDerivedStateFromProps && b !== v && null != h.componentWillReceiveProps && h.componentWillReceiveProps(b, M), !h.__e && null != h.shouldComponentUpdate && !1 === h.shouldComponentUpdate(b, h.__s, M) || u.__v == t.__v) {
30248
30519
  for (u.__v != t.__v && (h.props = b, h.state = h.__s, h.__d = !1), u.__e = t.__e, u.__k = t.__k, u.__k.some(function (n) { n && (n.__ = u); }), $ = 0; $ < h._sb.length; $++)
30249
30520
  h.__h.push(h._sb[$]);
30250
30521
  h._sb = [], h.__h.length && e.push(h);
30251
30522
  break n;
30252
30523
  }
30253
- null != h.componentWillUpdate && h.componentWillUpdate(b, h.__s, M), S && null != h.componentDidUpdate && h.__h.push(function () { h.componentDidUpdate(y, v, _); });
30524
+ null != h.componentWillUpdate && h.componentWillUpdate(b, h.__s, M), S && null != h.componentDidUpdate && h.__h.push(function () { h.componentDidUpdate(v, y, _); });
30254
30525
  }
30255
30526
  if (h.context = M, h.props = b, h.__P = n, h.__e = !1, P = l.__r, A = 0, S) {
30256
30527
  for (h.state = h.__s, h.__d = !1, P && P(u), a = h.render(h.props, h.state, h.context), H = 0; H < h._sb.length; H++)
@@ -30261,7 +30532,7 @@ ${compiled}`;
30261
30532
  do {
30262
30533
  h.__d = !1, P && P(u), a = h.render(h.props, h.state, h.context), h.state = h.__s;
30263
30534
  } while (h.__d && ++A < 25);
30264
- h.state = h.__s, null != h.getChildContext && (i = d(d({}, i), h.getChildContext())), S && !p && null != h.getSnapshotBeforeUpdate && (_ = h.getSnapshotBeforeUpdate(y, v)), L = a, null != a && a.type === k && null == a.key && (L = N(a.props.children)), f = I(n, w(L) ? L : [L], u, t, i, r, o, e, f, c, s), h.base = u.__e, u.__u &= -161, h.__h.length && e.push(h), m && (h.__E = h.__ = null);
30535
+ h.state = h.__s, null != h.getChildContext && (i = w(w({}, i), h.getChildContext())), S && !p && null != h.getSnapshotBeforeUpdate && (_ = h.getSnapshotBeforeUpdate(v, y)), L = a, null != a && a.type === k && null == a.key && (L = N(a.props.children)), f = I(n, d(L) ? L : [L], u, t, i, r, o, e, f, c, s), h.base = u.__e, u.__u &= -161, h.__h.length && e.push(h), m && (h.__E = h.__ = null);
30265
30536
  }
30266
30537
  catch (n) {
30267
30538
  if (u.__v = null, c || null != o)
@@ -30293,13 +30564,13 @@ ${compiled}`;
30293
30564
  }
30294
30565
  });
30295
30566
  }
30296
- function N(n) { return "object" != typeof n || null == n || n.__b && n.__b > 0 ? n : w(n) ? n.map(N) : d({}, n); }
30567
+ function N(n) { return "object" != typeof n || null == n || n.__b && n.__b > 0 ? n : d(n) ? n.map(N) : w({}, n); }
30297
30568
  function V(u, t, i, r, o, e, f, c, s) {
30298
- var a, h, y, v, d, _, m, b = i.props, k = t.props, x = t.type;
30569
+ var a, h, v, y, w, _, m, b = i.props, k = t.props, x = t.type;
30299
30570
  if ("svg" == x ? o = "http://www.w3.org/2000/svg" : "math" == x ? o = "http://www.w3.org/1998/Math/MathML" : o || (o = "http://www.w3.org/1999/xhtml"), null != e)
30300
30571
  for (a = 0; a < e.length; a++)
30301
- if ((d = e[a]) && "setAttribute" in d == !!x && (x ? d.localName == x : 3 == d.nodeType)) {
30302
- u = d, e[a] = null;
30572
+ if ((w = e[a]) && "setAttribute" in w == !!x && (x ? w.localName == x : 3 == w.nodeType)) {
30573
+ u = w, e[a] = null;
30303
30574
  break;
30304
30575
  }
30305
30576
  if (null == u) {
@@ -30312,22 +30583,22 @@ ${compiled}`;
30312
30583
  else {
30313
30584
  if (e = e && n.call(u.childNodes), b = i.props || p, !c && null != e)
30314
30585
  for (b = {}, a = 0; a < u.attributes.length; a++)
30315
- b[(d = u.attributes[a]).name] = d.value;
30586
+ b[(w = u.attributes[a]).name] = w.value;
30316
30587
  for (a in b)
30317
- if (d = b[a], "children" == a)
30588
+ if (w = b[a], "children" == a)
30318
30589
  ;
30319
30590
  else if ("dangerouslySetInnerHTML" == a)
30320
- y = d;
30591
+ v = w;
30321
30592
  else if (!(a in k)) {
30322
30593
  if ("value" == a && "defaultValue" in k || "checked" == a && "defaultChecked" in k)
30323
30594
  continue;
30324
- j(u, a, null, d, o);
30595
+ j(u, a, null, w, o);
30325
30596
  }
30326
30597
  for (a in k)
30327
- d = k[a], "children" == a ? v = d : "dangerouslySetInnerHTML" == a ? h = d : "value" == a ? _ = d : "checked" == a ? m = d : c && "function" != typeof d || b[a] === d || j(u, a, d, b[a], o);
30598
+ w = k[a], "children" == a ? y = w : "dangerouslySetInnerHTML" == a ? h = w : "value" == a ? _ = w : "checked" == a ? m = w : c && "function" != typeof w || b[a] === w || j(u, a, w, b[a], o);
30328
30599
  if (h)
30329
- c || y && (h.__html == y.__html || h.__html == u.innerHTML) || (u.innerHTML = h.__html), t.__k = [];
30330
- else if (y && (u.innerHTML = ""), I("template" == t.type ? u.content : u, w(v) ? v : [v], t, i, r, "foreignObject" == x ? "http://www.w3.org/1999/xhtml" : o, e, f, e ? e[0] : i.__k && S(i, 0), c, s), null != e)
30600
+ c || v && (h.__html == v.__html || h.__html == u.innerHTML) || (u.innerHTML = h.__html), t.__k = [];
30601
+ else if (v && (u.innerHTML = ""), I("template" == t.type ? u.content : u, d(y) ? y : [y], t, i, r, "foreignObject" == x ? "http://www.w3.org/1999/xhtml" : o, e, f, e ? e[0] : i.__k && S(i, 0), c, s), null != e)
30331
30602
  for (a = e.length; a--;)
30332
30603
  g(e[a]);
30333
30604
  c || (a = "value", "progress" == x && null == _ ? u.removeAttribute("value") : null != _ && (_ !== u[a] || "progress" == x && !_ || "option" == x && _ != b[a]) && j(u, a, _, b[a], o), a = "checked", null != m && m != u[a] && j(u, a, m, b[a], o));
@@ -30368,13 +30639,13 @@ ${compiled}`;
30368
30639
  function E(u, t, i) { var r, o, e, f; t == document && (t = document.documentElement), l.__ && l.__(u, t), o = (r = "function" == typeof i) ? null : i && i.__k || t.__k, e = [], f = [], O(t, u = (!r && i || t).__k = _(k, null, [u]), o || p, p, t.namespaceURI, !r && i ? [i] : o ? null : t.firstChild ? n.call(t.childNodes) : null, e, !r && i ? i : o ? o.__e : t.firstChild, r, f), z(e, u, f); }
30369
30640
  function G(n, l) { E(n, l, G); }
30370
30641
  function J(l, u, t) {
30371
- var i, r, o, e, f = d({}, l.props);
30642
+ var i, r, o, e, f = w({}, l.props);
30372
30643
  for (o in l.type && l.type.defaultProps && (e = l.type.defaultProps), u)
30373
- "key" == o ? i = u[o] : "ref" == o ? r = u[o] : f[o] = null == u[o] && null != e ? e[o] : u[o];
30644
+ "key" == o ? i = u[o] : "ref" == o ? r = u[o] : f[o] = void 0 === u[o] && null != e ? e[o] : u[o];
30374
30645
  return arguments.length > 2 && (f.children = arguments.length > 3 ? n.call(arguments, 2) : t), m(l.type, f, i || l.key, r || l.ref, null);
30375
30646
  }
30376
30647
  function K(n) { function l(n) { var u, t; return this.getChildContext || (u = new Set, (t = {})[l.__c] = this, this.getChildContext = function () { return t; }, this.componentWillUnmount = function () { u = null; }, this.shouldComponentUpdate = function (n) { this.props.value != n.value && u.forEach(function (n) { n.__e = !0, M(n); }); }, this.sub = function (n) { u.add(n); var l = n.componentWillUnmount; n.componentWillUnmount = function () { u && u.delete(n), l && l.call(n); }; }), n.children; } return l.__c = "__cC" + h++, l.__ = n, l.Provider = l.__l = (l.Consumer = function (n, l) { return n.children(l); }).contextType = l, l; }
30377
- n = y.slice, exports.options = l = { __e: function (n, l, u, t) {
30648
+ n = v.slice, exports.options = l = { __e: function (n, l, u, t) {
30378
30649
  for (var i, r, o; l = l.__;)
30379
30650
  if ((i = l.__c) && !i.__)
30380
30651
  try {
@@ -30385,9 +30656,9 @@ ${compiled}`;
30385
30656
  n = l;
30386
30657
  }
30387
30658
  throw n;
30388
- } }, u = 0, exports.isValidElement = t = function (n) { return null != n && null == n.constructor; }, x.prototype.setState = function (n, l) { var u; u = null != this.__s && this.__s != this.state ? this.__s : this.__s = d({}, this.state), "function" == typeof n && (n = n(d({}, u), this.props)), n && d(u, n), null != n && this.__v && (l && this._sb.push(l), M(this)); }, x.prototype.forceUpdate = function (n) { this.__v && (this.__e = !0, n && this.__h.push(n), M(this)); }, x.prototype.render = k, i = [], o = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function (n, l) { return n.__v.__b - l.__v.__b; }, $.__r = 0, f = /(PointerCapture)$|Capture$/i, c = 0, s = F(!1), a = F(!0), h = 0;
30659
+ } }, u = 0, exports.isValidElement = t = function (n) { return null != n && void 0 === n.constructor; }, x.prototype.setState = function (n, l) { var u; u = null != this.__s && this.__s != this.state ? this.__s : this.__s = w({}, this.state), "function" == typeof n && (n = n(w({}, u), this.props)), n && w(u, n), null != n && this.__v && (l && this._sb.push(l), M(this)); }, x.prototype.forceUpdate = function (n) { this.__v && (this.__e = !0, n && this.__h.push(n), M(this)); }, x.prototype.render = k, i = [], o = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function (n, l) { return n.__v.__b - l.__v.__b; }, $.__r = 0, f = /(PointerCapture)$|Capture$/i, c = 0, s = F(!1), a = F(!0), h = 0;
30389
30660
  },
30390
- "0e62f95470": /* preact/hooks/dist/hooks.module.js */ function _(require, module, exports, __esModule, __esExport) {
30661
+ "9295b344df": /* preact/hooks/dist/hooks.module.js */ function _(require, module, exports, __esModule, __esExport) {
30391
30662
  __esModule();
30392
30663
  exports.useCallback = q;
30393
30664
  exports.useContext = x;
@@ -30401,7 +30672,7 @@ ${compiled}`;
30401
30672
  exports.useReducer = h;
30402
30673
  exports.useRef = A;
30403
30674
  exports.useState = d;
30404
- const preact_1 = require("bb986b9dd6") /* preact */;
30675
+ const preact_1 = require("091628d34a") /* preact */;
30405
30676
  var t, r, u, i, o = 0, f = [], c = preact_1.options, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
30406
30677
  function p(n, t) { c.__h && c.__h(r, n, o || t), o = 0; var u = r.__H || (r.__H = { __: [], __h: [] }); return n >= u.__.length && u.__.push({}), u.__[n]; }
30407
30678
  function d(n) { return o = 1, h(D, n); }
@@ -30494,7 +30765,7 @@ ${compiled}`;
30494
30765
  }), r.__H = void 0, t && c.__e(t, r.__v));
30495
30766
  };
30496
30767
  var k = "function" == typeof requestAnimationFrame;
30497
- function w(n) { var t, r = function () { clearTimeout(u), k && cancelAnimationFrame(t), setTimeout(n); }, u = setTimeout(r, 100); k && (t = requestAnimationFrame(r)); }
30768
+ function w(n) { var t, r = function () { clearTimeout(u), k && cancelAnimationFrame(t), setTimeout(n); }, u = setTimeout(r, 35); k && (t = requestAnimationFrame(r)); }
30498
30769
  function z(n) { var t = r, u = n.__c; "function" == typeof u && (n.__c = void 0, u()), r = t; }
30499
30770
  function B(n) { var t = r; n.__c = n.__(), r = t; }
30500
30771
  function C(n, t) { return !n || n.length !== t.length || t.some(function (t, r) { return t !== n[r]; }); }
@@ -30503,8 +30774,8 @@ ${compiled}`;
30503
30774
  "b3f51db71c": /* htm/preact/index.module.js */ function _(require, module, exports, __esModule, __esExport) {
30504
30775
  __esModule();
30505
30776
  const tslib_1 = require("tslib");
30506
- const preact_1 = require("bb986b9dd6") /* preact */;
30507
- var preact_2 = require("bb986b9dd6") /* preact */;
30777
+ const preact_1 = require("091628d34a") /* preact */;
30778
+ var preact_2 = require("091628d34a") /* preact */;
30508
30779
  __esExport("h", preact_2.h);
30509
30780
  __esExport("render", preact_2.render);
30510
30781
  __esExport("Component", preact_2.Component);
@@ -40757,5 +41028,5 @@ ${compiled}`;
40757
41028
  util_1.vtkns.FullScreenRenderWindowSynchronized = FullScreenRenderWindowSynchronized;
40758
41029
  }
40759
41030
  },
40760
- }, "4e90918c0a", {"index":"4e90918c0a","models/index":"2fe1822b2b","models/ace":"78ccb7a2c5","models/layout":"9b11ce01a3","models/util":"a3669a897a","models/anywidget_component":"1f663ffe94","models/reactive_esm":"d92390e7cb","models/event-to-object":"a572dba9cd","models/html":"4c04683fdc","styles/models/html.css":"9b8139e439","styles/models/esm.css":"727a14f76b","models/audio":"fd59c985b3","models/browser":"5a16cc23e6","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"6c7fbea0ef","models/card":"d7035097d8","models/column":"b273e5b2fb","styles/models/card.css":"6342ac8e26","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"27a077673d","models/textarea_input":"b7d595d74a","models/comm_manager":"1bec1b1fcc","models/customselect":"92bbd30bd1","models/multiselect":"27b5580835","models/tabulator":"d446ec1ed8","models/data":"be689f0377","styles/models/tabulator.css":"3d732ff91f","models/datetime_picker":"100965d6f3","models/datetime_slider":"c97cc0eade","models/deckgl":"01df2ec63b","models/lumagl":"a49afbffe9","models/tooltips":"f8f8ea4284","models/discrete_player":"0dca2cd4f6","models/player":"96e805ccb5","models/echarts":"1da56f3c52","models/feed":"4cfe0841a5","models/file_download":"84a13dddfb","models/file_dropper":"e8b7476f90","styles/models/filedropper.css":"c03dd3c931","models/ipywidget":"8a8089cbf3","models/json":"245cd3cfde","models/jsoneditor":"a123a88e31","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"d889a68424","models/modal":"8c62aa80d9","styles/models/modal.css":"be4b4352c6","models/pdf":"f87ad1873c","models/perspective":"29a0b0da9a","styles/models/perspective.css":"2e2913ea54","models/plotly":"7d9124b744","styles/models/plotly.css":"3d56c75186","models/progress":"b1f4d68596","models/quill":"f6d86c7342","models/radio_button_group":"25e2d7c208","models/react_component":"1170146660","models/reactive_html":"d5752cda5a","models/singleselect":"4155401209","models/speech_to_text":"5ac2cab0ab","models/state":"92822cb73a","models/tabs":"fffb4344f7","models/terminal":"a961b5ae5e","models/text_input":"8be416b160","models/text_to_speech":"a04eb51988","models/time_picker":"1afcab4e45","models/toggle_icon":"ad985f285e","models/tooltip_icon":"ae3a172647","models/trend":"29d55a28a9","models/vega":"119dc23765","models/video":"79dc37b888","styles/models/video.css":"dfe21e6f1b","models/videostream":"f8afc4e661","models/vizzu":"1f7bc1f95b","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"ac55912dc1","models/vtk/vtklayout":"b06d05fa3e","models/vtk/util":"df9946ff52","models/vtk/vtkcolorbar":"b1d68776a9","models/vtk/vtkaxes":"0379dcf1cd","models/vtk/vtkvolume":"18592eecef","models/vtk/vtksynchronized":"a4e5946204","models/vtk/panel_fullscreen_renwin_sync":"5e89c7b3eb"}, {});});
41031
+ }, "4e90918c0a", {"index":"4e90918c0a","models/index":"2fe1822b2b","models/ace":"78ccb7a2c5","models/layout":"9b11ce01a3","models/util":"a3669a897a","models/anywidget_component":"1f663ffe94","models/reactive_esm":"d92390e7cb","models/event-to-object":"a572dba9cd","models/html":"4c04683fdc","styles/models/html.css":"9b8139e439","styles/models/esm.css":"727a14f76b","models/audio":"fd59c985b3","models/browser":"5a16cc23e6","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"6c7fbea0ef","models/card":"25fcfb521e","models/column":"b273e5b2fb","styles/models/card.css":"6342ac8e26","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"27a077673d","models/textarea_input":"b7d595d74a","models/comm_manager":"1bec1b1fcc","models/customselect":"92bbd30bd1","models/multiselect":"27b5580835","models/tabulator":"8cfbb15960","models/data":"be689f0377","styles/models/tabulator.css":"3d732ff91f","models/datetime_picker":"100965d6f3","models/datetime_slider":"c97cc0eade","models/deckgl":"01df2ec63b","models/lumagl":"a49afbffe9","models/tooltips":"f8f8ea4284","models/discrete_player":"0dca2cd4f6","models/player":"96e805ccb5","models/echarts":"1da56f3c52","models/feed":"f9c84aaf3d","models/file_download":"84a13dddfb","models/file_dropper":"8531319d94","styles/models/filedropper.css":"c03dd3c931","models/ipywidget":"8a8089cbf3","models/json":"245cd3cfde","models/jsoneditor":"a123a88e31","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"d889a68424","models/modal":"8c62aa80d9","styles/models/modal.css":"be4b4352c6","models/pdf":"f87ad1873c","models/perspective":"29a0b0da9a","styles/models/perspective.css":"2e2913ea54","models/plotly":"7d9124b744","styles/models/plotly.css":"3d56c75186","models/progress":"b1f4d68596","models/quill":"f6d86c7342","models/radio_button_group":"25e2d7c208","models/react_component":"d42fdf93ec","models/reactive_html":"d5752cda5a","models/singleselect":"4155401209","models/speech_to_text":"5ac2cab0ab","models/state":"92822cb73a","models/tabs":"fffb4344f7","models/terminal":"a961b5ae5e","models/text_input":"8be416b160","models/text_to_speech":"a04eb51988","models/time_picker":"1afcab4e45","models/toggle_icon":"ad985f285e","models/tooltip_icon":"ae3a172647","models/trend":"29d55a28a9","models/vega":"119dc23765","models/video":"79dc37b888","styles/models/video.css":"dfe21e6f1b","models/videostream":"f8afc4e661","models/vizzu":"1f7bc1f95b","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"ac55912dc1","models/vtk/vtklayout":"b06d05fa3e","models/vtk/util":"df9946ff52","models/vtk/vtkcolorbar":"b1d68776a9","models/vtk/vtkaxes":"0379dcf1cd","models/vtk/vtkvolume":"18592eecef","models/vtk/vtksynchronized":"a4e5946204","models/vtk/panel_fullscreen_renwin_sync":"5e89c7b3eb"}, {});});
40761
41032
  //# sourceMappingURL=panel.js.map