@holoviz/panel 1.7.2-a.0 → 1.7.2

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 (26) hide show
  1. package/dist/bundled/notificationarea/panel/1.7.2/dist/bundled/font-awesome/css/all.min.css +2 -0
  2. package/dist/bundled/panel/1.7.2/dist/bundled/bootstrap5/css/bootstrap.min.css +2 -0
  3. package/dist/bundled/panel/1.7.2/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +2 -0
  4. package/dist/bundled/panel/1.7.2/dist/bundled/font-awesome/css/all.min.css +2 -0
  5. package/dist/bundled/panel/1.7.2/dist/bundled/jquery/jquery.min.js +2 -0
  6. package/dist/lib/models/comm_manager.d.ts +1 -0
  7. package/dist/lib/models/comm_manager.js +7 -1
  8. package/dist/lib/models/comm_manager.js.map +1 -1
  9. package/dist/lib/models/react_component.d.ts +18 -0
  10. package/dist/lib/models/react_component.js +139 -18
  11. package/dist/lib/models/react_component.js.map +1 -1
  12. package/dist/lib/models/reactive_esm.d.ts +5 -0
  13. package/dist/lib/models/reactive_esm.js +47 -2
  14. package/dist/lib/models/reactive_esm.js.map +1 -1
  15. package/dist/lib/models/tabulator.js +3 -0
  16. package/dist/lib/models/tabulator.js.map +1 -1
  17. package/dist/panel.js +206 -32
  18. package/dist/panel.js.map +1 -1
  19. package/dist/panel.json +1 -1
  20. package/dist/panel.min.js +7 -7
  21. package/package.json +1 -1
  22. package/dist/bundled/notificationarea/panel/1.7.2-a.0/dist/bundled/font-awesome/css/all.min.css +0 -2
  23. package/dist/bundled/panel/1.7.2-a.0/dist/bundled/bootstrap5/css/bootstrap.min.css +0 -2
  24. package/dist/bundled/panel/1.7.2-a.0/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +0 -2
  25. package/dist/bundled/panel/1.7.2-a.0/dist/bundled/font-awesome/css/all.min.css +0 -2
  26. package/dist/bundled/panel/1.7.2-a.0/dist/bundled/jquery/jquery.min.js +0 -2
package/dist/panel.js CHANGED
@@ -76,13 +76,13 @@
76
76
  __esExport("ChatAreaInput", chatarea_input_1.ChatAreaInput);
77
77
  var column_1 = require("dd255421d9") /* ./column */;
78
78
  __esExport("Column", column_1.Column);
79
- var comm_manager_1 = require("3ec0e8eb36") /* ./comm_manager */;
79
+ var comm_manager_1 = require("db82e464de") /* ./comm_manager */;
80
80
  __esExport("CommManager", comm_manager_1.CommManager);
81
81
  var customselect_1 = require("92bbd30bd1") /* ./customselect */;
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("857881a0e5") /* ./tabulator */;
85
+ var tabulator_1 = require("7934c11cba") /* ./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);
@@ -130,11 +130,11 @@
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("d08bb9618c") /* ./react_component */;
133
+ var react_component_1 = require("e97fdbf701") /* ./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);
137
- var reactive_esm_1 = require("cc3d9d7226") /* ./reactive_esm */;
137
+ var reactive_esm_1 = require("140084c190") /* ./reactive_esm */;
138
138
  __esExport("ReactiveESM", reactive_esm_1.ReactiveESM);
139
139
  var singleselect_1 = require("4155401209") /* ./singleselect */;
140
140
  __esExport("SingleSelect", singleselect_1.SingleSelect);
@@ -705,7 +705,7 @@
705
705
  "1f663ffe94": /* models/anywidget_component.js */ function _(require, module, exports, __esModule, __esExport) {
706
706
  var _a;
707
707
  __esModule();
708
- const reactive_esm_1 = require("cc3d9d7226") /* ./reactive_esm */;
708
+ const reactive_esm_1 = require("140084c190") /* ./reactive_esm */;
709
709
  class AnyWidgetModelAdapter {
710
710
  constructor(model) {
711
711
  this.view = null;
@@ -869,7 +869,7 @@ export default {render}`;
869
869
  _a.prototype.default_view = AnyWidgetComponentView;
870
870
  })();
871
871
  },
872
- "cc3d9d7226": /* models/reactive_esm.js */ function _(require, module, exports, __esModule, __esExport) {
872
+ "140084c190": /* models/reactive_esm.js */ function _(require, module, exports, __esModule, __esExport) {
873
873
  var _a, _b, _c;
874
874
  __esModule();
875
875
  exports.model_getter = model_getter;
@@ -890,6 +890,7 @@ export default {render}`;
890
890
  const bokeh_events_1 = require("@bokehjs/core/bokeh_events");
891
891
  const dom_1 = require("@bokehjs/core/dom");
892
892
  const dom_2 = require("@bokehjs/core/dom");
893
+ const layout_dom_1 = require("@bokehjs/models/layouts/layout_dom");
893
894
  const types_1 = require("@bokehjs/core/util/types");
894
895
  const event_to_object_1 = require("2cc1a33000") /* ./event-to-object */;
895
896
  const html_1 = require("4c04683fdc") /* ./html */;
@@ -1126,6 +1127,7 @@ export default {render}`;
1126
1127
  this._child_callbacks = new Map();
1127
1128
  this.model.disconnect_watchers(this);
1128
1129
  }
1130
+ _on_mounted() { }
1129
1131
  notify_mount(child, id, remove) {
1130
1132
  if (!this._mounted.has(child)) {
1131
1133
  this._mounted.set(child, new Set());
@@ -1141,6 +1143,7 @@ export default {render}`;
1141
1143
  children = [children];
1142
1144
  }
1143
1145
  if (children.every((model) => this._mounted.get(child)?.has(model.id))) {
1146
+ this._on_mounted();
1144
1147
  for (const cb of this._lifecycle_handlers.get("mounted") || []) {
1145
1148
  cb(child);
1146
1149
  }
@@ -1219,6 +1222,40 @@ export default {render}`;
1219
1222
  element_view.render_to(target);
1220
1223
  }
1221
1224
  }
1225
+ get is_managed() {
1226
+ return this.parent instanceof layout_dom_1.LayoutDOMView && !(this.parent instanceof ReactiveESMView);
1227
+ }
1228
+ compute_layout() {
1229
+ if (this.is_managed) {
1230
+ super.compute_layout();
1231
+ return;
1232
+ }
1233
+ this.measure_layout();
1234
+ this.update_bbox();
1235
+ this._compute_layout();
1236
+ this.after_layout();
1237
+ // Override private property
1238
+ this._layout_computed = true;
1239
+ }
1240
+ _update_bbox() {
1241
+ const displayed = (() => {
1242
+ // Consider using Element.checkVisibility() in the future.
1243
+ // https://w3c.github.io/csswg-drafts/cssom-view-1/#dom-element-checkvisibility
1244
+ if (!this.el.isConnected) {
1245
+ return false;
1246
+ }
1247
+ else if (this.el.offsetParent != null) {
1248
+ return true;
1249
+ }
1250
+ else {
1251
+ const { position, display } = getComputedStyle(this.el);
1252
+ return position == "fixed" && display != "none";
1253
+ }
1254
+ })();
1255
+ // Override private property
1256
+ this._is_displayed = displayed;
1257
+ return true;
1258
+ }
1222
1259
  after_rendered() {
1223
1260
  const handlers = (this._lifecycle_handlers.get("after_render") || []);
1224
1261
  for (const cb of handlers) {
@@ -1262,6 +1299,14 @@ export default {render}`;
1262
1299
  }
1263
1300
  this.after_render();
1264
1301
  }
1302
+ invalidate_layout() {
1303
+ if (this.is_managed) {
1304
+ super.invalidate_layout();
1305
+ return;
1306
+ }
1307
+ this.update_layout();
1308
+ this.compute_layout();
1309
+ }
1265
1310
  remove() {
1266
1311
  super.remove();
1267
1312
  for (const cb of (this._lifecycle_handlers.get("remove") || [])) {
@@ -1272,8 +1317,8 @@ export default {render}`;
1272
1317
  this._mounted.clear();
1273
1318
  }
1274
1319
  after_resize() {
1275
- super.after_resize();
1276
1320
  if (this._rendered && !this._changing) {
1321
+ super.after_resize();
1277
1322
  for (const cb of (this._lifecycle_handlers.get("resize") || [])) {
1278
1323
  cb();
1279
1324
  }
@@ -1516,7 +1561,7 @@ export default {render}`;
1516
1561
  const render_url = URL.createObjectURL(new Blob([code], { type: "text/javascript" }));
1517
1562
  // @ts-ignore
1518
1563
  this.render_module = importShim(render_url);
1519
- MODULE_CACHE.set(this.data.type, this.render_module);
1564
+ MODULE_CACHE.set(this._render_cache_key, this.render_module);
1520
1565
  }
1521
1566
  }
1522
1567
  _render_code() {
@@ -19227,7 +19272,7 @@ ${namesToRegister
19227
19272
  }));
19228
19273
  })();
19229
19274
  },
19230
- "3ec0e8eb36": /* models/comm_manager.js */ function _(require, module, exports, __esModule, __esExport) {
19275
+ "db82e464de": /* models/comm_manager.js */ function _(require, module, exports, __esModule, __esExport) {
19231
19276
  var _a;
19232
19277
  __esModule();
19233
19278
  const document_1 = require("@bokehjs/document");
@@ -19255,6 +19300,7 @@ ${namesToRegister
19255
19300
  this._receiver = new receiver_1.Receiver();
19256
19301
  this._event_buffer = [];
19257
19302
  this._blocked = false;
19303
+ this._reconnect = false;
19258
19304
  this._timeout = Date.now();
19259
19305
  if ((window.PyViz == undefined) || (!window.PyViz.comm_manager)) {
19260
19306
  console.warn("Could not find comm manager on window.PyViz, ensure the extension is loaded.");
@@ -19275,6 +19321,7 @@ ${namesToRegister
19275
19321
  }
19276
19322
  });
19277
19323
  this._client_comm = this.ns.comm_manager.get_client_comm(this.plot_id, this.client_comm_id, (msg) => this.on_ack(msg));
19324
+ this._reconnect = !this._client_comm.active;
19278
19325
  if (this.ns.shared_views == null) {
19279
19326
  this.ns.shared_views = new Map();
19280
19327
  }
@@ -19298,7 +19345,10 @@ ${namesToRegister
19298
19345
  return;
19299
19346
  }
19300
19347
  this._event_buffer.push(event);
19301
- if (!exports.comm_settings.debounce) {
19348
+ if (this._reconnect && this._client_comm.connected) {
19349
+ this.on_ack({ metadata: { msg_type: "Ready" } });
19350
+ }
19351
+ else if (!exports.comm_settings.debounce) {
19302
19352
  this.process_events();
19303
19353
  }
19304
19354
  else if ((!this._blocked || (Date.now() > this._timeout))) {
@@ -19530,7 +19580,7 @@ ${namesToRegister
19530
19580
  _b.prototype.default_view = CustomMultiSelectView;
19531
19581
  })();
19532
19582
  },
19533
- "857881a0e5": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
19583
+ "7934c11cba": /* models/tabulator.js */ function _(require, module, exports, __esModule, __esExport) {
19534
19584
  var _a, _b, _c, _d;
19535
19585
  __esModule();
19536
19586
  const tslib_1 = require("tslib");
@@ -19543,7 +19593,7 @@ ${namesToRegister
19543
19593
  const column_data_source_1 = require("@bokehjs/models/sources/column_data_source");
19544
19594
  const tables_1 = require("@bokehjs/models/widgets/tables");
19545
19595
  const debounce_1 = require("99a25e6992") /* debounce */;
19546
- const comm_manager_1 = require("3ec0e8eb36") /* ./comm_manager */;
19596
+ const comm_manager_1 = require("db82e464de") /* ./comm_manager */;
19547
19597
  const data_1 = require("be689f0377") /* ./data */;
19548
19598
  const layout_1 = require("9b11ce01a3") /* ./layout */;
19549
19599
  const util_1 = require("6ae1cb3800") /* ./util */;
@@ -20511,6 +20561,9 @@ ${namesToRegister
20511
20561
  if (tab_column.title == null) {
20512
20562
  tab_column.title = column.title;
20513
20563
  }
20564
+ if (tab_column.headerTooltip === undefined) {
20565
+ tab_column.headerTooltip = true;
20566
+ }
20514
20567
  if (tab_column.width == null && column.width != null && column.width != 0) {
20515
20568
  tab_column.width = column.width;
20516
20569
  }
@@ -28694,17 +28747,52 @@ ${namesToRegister
28694
28747
  }));
28695
28748
  })();
28696
28749
  },
28697
- "d08bb9618c": /* models/react_component.js */ function _(require, module, exports, __esModule, __esExport) {
28750
+ "e97fdbf701": /* models/react_component.js */ function _(require, module, exports, __esModule, __esExport) {
28698
28751
  var _a;
28699
28752
  __esModule();
28700
- const reactive_esm_1 = require("cc3d9d7226") /* ./reactive_esm */;
28753
+ const dom_1 = require("@bokehjs/core/dom");
28754
+ const types_1 = require("@bokehjs/core/util/types");
28755
+ const reactive_esm_1 = require("140084c190") /* ./reactive_esm */;
28756
+ class HostedStyleSheet extends dom_1.InlineStyleSheet {
28757
+ constructor(css, id, persistent = false, host_id = "") {
28758
+ super(css, id, persistent);
28759
+ this.persistent = persistent;
28760
+ this.host_id = host_id;
28761
+ }
28762
+ replace(css, styles) {
28763
+ css = css.replace(/:host\b/g, `#${this.host_id}`);
28764
+ super.replace(css, styles);
28765
+ }
28766
+ prepend(css, styles) {
28767
+ css = css.replace(/:host\b/g, `#${this.host_id}`);
28768
+ super.prepend(css, styles);
28769
+ }
28770
+ append(css, styles) {
28771
+ css = css.replace(/:host\b/g, `#${this.host_id}`);
28772
+ super.append(css, styles);
28773
+ }
28774
+ }
28775
+ exports.HostedStyleSheet = HostedStyleSheet;
28776
+ HostedStyleSheet.__name__ = "HostedStyleSheet";
28701
28777
  class ReactComponentView extends reactive_esm_1.ReactiveESMView {
28702
28778
  constructor() {
28703
28779
  super(...arguments);
28704
28780
  this.model_getter = reactive_esm_1.model_getter;
28705
28781
  this.model_setter = reactive_esm_1.model_setter;
28782
+ this.react_root = null;
28706
28783
  this._force_update_callbacks = [];
28707
28784
  }
28785
+ initialize() {
28786
+ super.initialize();
28787
+ if (!this.use_shadow_dom) {
28788
+ this.display = new HostedStyleSheet("", "display", false, this.model.id);
28789
+ this.style = new HostedStyleSheet("", "style", false, this.model.id);
28790
+ this.parent_style = new HostedStyleSheet("", "parent", true, this.model.id);
28791
+ }
28792
+ }
28793
+ get use_shadow_dom() {
28794
+ return this.model.use_shadow_dom || !(this.parent instanceof ReactComponentView);
28795
+ }
28708
28796
  render_esm() {
28709
28797
  if (this.model.compiled === null || this.model.render_module === null) {
28710
28798
  return;
@@ -28736,11 +28824,49 @@ ${namesToRegister
28736
28824
  }
28737
28825
  }
28738
28826
  remove() {
28739
- super.remove();
28740
28827
  this._force_update_callbacks = [];
28741
- if (this.react_root) {
28828
+ if (this.react_root && this.use_shadow_dom) {
28829
+ super.remove();
28742
28830
  this.react_root.then((root) => root.unmount());
28743
28831
  }
28832
+ else {
28833
+ this._applied_stylesheets.forEach((stylesheet) => stylesheet.uninstall());
28834
+ for (const cb of (this._lifecycle_handlers.get("remove") || [])) {
28835
+ cb();
28836
+ }
28837
+ this._child_callbacks.clear();
28838
+ this._child_rendered.clear();
28839
+ this._mounted.clear();
28840
+ }
28841
+ }
28842
+ get root_view() {
28843
+ let root = this;
28844
+ if (this.use_shadow_dom) {
28845
+ return root;
28846
+ }
28847
+ while (root.parent instanceof ReactComponentView) {
28848
+ root = root.parent;
28849
+ }
28850
+ return root;
28851
+ }
28852
+ _apply_stylesheets(stylesheets) {
28853
+ const resolved_stylesheets = stylesheets.map((style) => (0, types_1.isString)(style) ? new dom_1.InlineStyleSheet(style) : style);
28854
+ const styles = this.root_view.shadow_el.querySelectorAll("style");
28855
+ const links = this.root_view.shadow_el.querySelectorAll("link");
28856
+ resolved_stylesheets.forEach((stylesheet) => {
28857
+ if (!this.use_shadow_dom) {
28858
+ if (stylesheet instanceof dom_1.InlineStyleSheet &&
28859
+ Array.from(styles).some(style => style.innerHTML === stylesheet.css)) {
28860
+ return;
28861
+ }
28862
+ if (stylesheet instanceof dom_1.ImportedStyleSheet &&
28863
+ Array.from(links).some(link => link.href === stylesheet.el.href)) {
28864
+ return;
28865
+ }
28866
+ }
28867
+ this._applied_stylesheets.push(stylesheet);
28868
+ stylesheet.install(this.root_view.shadow_el);
28869
+ });
28744
28870
  }
28745
28871
  render() {
28746
28872
  if (this.react_root) {
@@ -28755,7 +28881,9 @@ ${namesToRegister
28755
28881
  // React component to ensure anything depending on the DOM
28756
28882
  // structure (e.g. emotion caches) is updated
28757
28883
  super.r_after_render();
28758
- this.force_update();
28884
+ if (!this.use_shadow_dom) {
28885
+ this.force_update();
28886
+ }
28759
28887
  }
28760
28888
  _update_layout() {
28761
28889
  super._update_layout();
@@ -28783,10 +28911,12 @@ ${namesToRegister
28783
28911
  new_views.set(child, [child_view]);
28784
28912
  }
28785
28913
  }
28786
- for (const view of this._child_rendered.keys()) {
28787
- if (!all_views.includes(view)) {
28788
- this._child_rendered.delete(view);
28789
- view.el.remove();
28914
+ if (this.use_shadow_dom) {
28915
+ for (const view of this._child_rendered.keys()) {
28916
+ if (!all_views.includes(view)) {
28917
+ this._child_rendered.delete(view);
28918
+ view.el.remove();
28919
+ }
28790
28920
  }
28791
28921
  }
28792
28922
  for (const child of this.model.children) {
@@ -28797,8 +28927,16 @@ ${namesToRegister
28797
28927
  }
28798
28928
  }
28799
28929
  this._update_children();
28930
+ }
28931
+ _on_mounted() {
28800
28932
  this.invalidate_layout();
28801
28933
  }
28934
+ patch_container(container) {
28935
+ this.el = this.container = container;
28936
+ this._update_stylesheets();
28937
+ this.class_list = new dom_1.ClassList(this.container.classList);
28938
+ this._apply_html_attributes();
28939
+ }
28802
28940
  after_rendered() {
28803
28941
  const handlers = (this._lifecycle_handlers.get("after_render") || []);
28804
28942
  for (const cb of handlers) {
@@ -28853,14 +28991,16 @@ import createCache from "@emotion/cache"
28853
28991
  import { CacheProvider } from "@emotion/react"`;
28854
28992
  }
28855
28993
  init_code = `
28856
- const css_key = id.replace("-", "").replace(/\d/g, (digit) => String.fromCharCode(digit.charCodeAt(0) + 49)).toLowerCase()
28857
- this.mui_cache = createCache({
28858
- key: 'css-'+css_key,
28859
- prepend: true,
28860
- container: view.style_cache,
28861
- })`;
28994
+ if (view.use_shadow_dom) {
28995
+ const css_key = id.replace("-", "").replace(/\d/g, (digit) => String.fromCharCode(digit.charCodeAt(0) + 49)).toLowerCase()
28996
+ this.mui_cache = createCache({
28997
+ key: 'css-'+css_key,
28998
+ prepend: true,
28999
+ container: view.style_cache,
29000
+ })
29001
+ }`;
28862
29002
  render_code = `
28863
- if (rendered) {
29003
+ if (rendered && ((view.parent?.react_root === undefined) || view.model.use_shadow_dom)) {
28864
29004
  rendered = React.createElement(CacheProvider, {value: this.mui_cache}, rendered)
28865
29005
  }`;
28866
29006
  }
@@ -28877,6 +29017,8 @@ async function render(id) {
28877
29017
 
28878
29018
  class Child extends React.PureComponent {
28879
29019
 
29020
+ state = {rendered: null}
29021
+
28880
29022
  constructor(props) {
28881
29023
  super(props)
28882
29024
  this.render_callback = null
@@ -28903,9 +29045,27 @@ async function render(id) {
28903
29045
  return view == null ? null : view.el
28904
29046
  }
28905
29047
 
29048
+ get use_shadow_dom() {
29049
+ return this.view?.model.use_shadow_dom || (this.view?.react_root === undefined)
29050
+ }
29051
+
28906
29052
  componentDidMount() {
28907
29053
  const view = this.view
28908
29054
  if (view == null) { return }
29055
+ else if (!this.use_shadow_dom) {
29056
+ view.patch_container(this.containerRef.current)
29057
+ view.model.render_module.then(async (mod) => {
29058
+ this.setState(
29059
+ {rendered: await mod.default.render(view.model.id)},
29060
+ () => {
29061
+ this.props.parent.notify_mount(this.props.name, view.model.id)
29062
+ this.view.r_after_render()
29063
+ this.view.after_rendered()
29064
+ }
29065
+ )
29066
+ })
29067
+ return
29068
+ }
28909
29069
  this.updateElement()
28910
29070
  this.props.parent.rerender_(view)
28911
29071
  this.render_callback = (new_views) => {
@@ -28926,14 +29086,23 @@ async function render(id) {
28926
29086
  if (this.render_callback) {
28927
29087
  this.props.parent.remove_on_child_render(this.props.name, this.render_callback)
28928
29088
  }
29089
+ if (!this.use_shadow_dom && this.view._mounted.has(this.props.name)) {
29090
+ this.view._mounted.get(this.props.name).delete(this.props.id)
29091
+ }
28929
29092
  }
28930
29093
 
28931
29094
  componentDidUpdate() {
28932
- this.updateElement()
29095
+ if (this.use_shadow_dom) {
29096
+ this.updateElement()
29097
+ }
28933
29098
  }
28934
29099
 
28935
29100
  render() {
28936
- return React.createElement('div', {className: "child-wrapper", ref: this.containerRef})
29101
+ const child = this.state.rendered
29102
+ const class_name = (this.use_shadow_dom ?
29103
+ "child-wrapper" : this.view.model.class_name.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()
29104
+ )
29105
+ return React.createElement('div', {id: this.view?.model.id, className: class_name, ref: this.containerRef}, child)
28937
29106
  }
28938
29107
  }
28939
29108
 
@@ -29040,6 +29209,7 @@ async function render(id) {
29040
29209
  }
29041
29210
 
29042
29211
  componentDidMount() {
29212
+ if (!this.props.view.use_shadow_dom) { return }
29043
29213
  this.props.view.on_force_update(() => {
29044
29214
  ${init_code}
29045
29215
  this.forceUpdate()
@@ -29060,6 +29230,9 @@ async function render(id) {
29060
29230
 
29061
29231
  const props = {view, model: react_proxy, data: view.model.data, el: view.container}
29062
29232
  const rendered = React.createElement(Component, props)
29233
+ if (!view.model.use_shadow_dom && (view.parent?.react_root !== undefined)) {
29234
+ return rendered
29235
+ }
29063
29236
  if (rendered) {
29064
29237
  view._changing = true
29065
29238
  let container
@@ -29109,8 +29282,9 @@ ${compiled}`;
29109
29282
  ReactComponent.__module__ = "panel.models.esm";
29110
29283
  (() => {
29111
29284
  _a.prototype.default_view = ReactComponentView;
29112
- _a.define(({ Nullable, Str }) => ({
29285
+ _a.define(({ Bool, Nullable, Str }) => ({
29113
29286
  root_node: [Nullable(Str), null],
29287
+ use_shadow_dom: [Bool, true],
29114
29288
  }));
29115
29289
  })();
29116
29290
  },
@@ -40307,5 +40481,5 @@ ${compiled}`;
40307
40481
  util_1.vtkns.FullScreenRenderWindowSynchronized = FullScreenRenderWindowSynchronized;
40308
40482
  }
40309
40483
  },
40310
- }, "4e90918c0a", {"index":"4e90918c0a","models/index":"2fe1822b2b","models/ace":"6227c89639","models/layout":"9b11ce01a3","models/util":"6ae1cb3800","models/anywidget_component":"1f663ffe94","models/reactive_esm":"cc3d9d7226","models/event-to-object":"2cc1a33000","models/html":"4c04683fdc","styles/models/html.css":"8694ed3f61","styles/models/esm.css":"727a14f76b","models/audio":"fd59c985b3","models/browser":"5a16cc23e6","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"6c7fbea0ef","models/card":"330f4a8735","models/column":"dd255421d9","styles/models/card.css":"edc7ee0090","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"27a077673d","models/textarea_input":"b7d595d74a","models/comm_manager":"3ec0e8eb36","models/customselect":"92bbd30bd1","models/multiselect":"27b5580835","models/tabulator":"857881a0e5","models/data":"be689f0377","styles/models/tabulator.css":"b0e650c65c","models/datetime_picker":"100965d6f3","models/datetime_slider":"c97cc0eade","models/deckgl":"f3ddc6fd49","models/lumagl":"a49afbffe9","models/tooltips":"f8f8ea4284","models/discrete_player":"0dca2cd4f6","models/player":"b5cfca1687","models/echarts":"315eb8f63a","models/feed":"4cfe0841a5","models/file_download":"84a13dddfb","models/file_dropper":"e8b7476f90","styles/models/filedropper.css":"c03dd3c931","models/ipywidget":"8a8089cbf3","models/json":"245cd3cfde","models/jsoneditor":"d34360f699","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"d889a68424","models/modal":"90f76e3d2e","styles/models/modal.css":"be4b4352c6","models/pdf":"f87ad1873c","models/perspective":"29a0b0da9a","styles/models/perspective.css":"2e2913ea54","models/plotly":"ffbe075545","styles/models/plotly.css":"ce7c8e2a4f","models/progress":"b1f4d68596","models/quill":"f6d86c7342","models/radio_button_group":"25e2d7c208","models/react_component":"d08bb9618c","models/reactive_html":"d5752cda5a","models/singleselect":"4155401209","models/speech_to_text":"5ac2cab0ab","models/state":"92822cb73a","models/tabs":"2231cdc549","models/terminal":"121f00bd6f","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"}, {});});
40484
+ }, "4e90918c0a", {"index":"4e90918c0a","models/index":"2fe1822b2b","models/ace":"6227c89639","models/layout":"9b11ce01a3","models/util":"6ae1cb3800","models/anywidget_component":"1f663ffe94","models/reactive_esm":"140084c190","models/event-to-object":"2cc1a33000","models/html":"4c04683fdc","styles/models/html.css":"8694ed3f61","styles/models/esm.css":"727a14f76b","models/audio":"fd59c985b3","models/browser":"5a16cc23e6","models/button":"1db93211cd","models/button_icon":"1738ddeb3a","models/icon":"6c7fbea0ef","models/card":"330f4a8735","models/column":"dd255421d9","styles/models/card.css":"edc7ee0090","models/checkbox_button_group":"51fbe9e2d0","models/chatarea_input":"27a077673d","models/textarea_input":"b7d595d74a","models/comm_manager":"db82e464de","models/customselect":"92bbd30bd1","models/multiselect":"27b5580835","models/tabulator":"7934c11cba","models/data":"be689f0377","styles/models/tabulator.css":"b0e650c65c","models/datetime_picker":"100965d6f3","models/datetime_slider":"c97cc0eade","models/deckgl":"f3ddc6fd49","models/lumagl":"a49afbffe9","models/tooltips":"f8f8ea4284","models/discrete_player":"0dca2cd4f6","models/player":"b5cfca1687","models/echarts":"315eb8f63a","models/feed":"4cfe0841a5","models/file_download":"84a13dddfb","models/file_dropper":"e8b7476f90","styles/models/filedropper.css":"c03dd3c931","models/ipywidget":"8a8089cbf3","models/json":"245cd3cfde","models/jsoneditor":"d34360f699","models/katex":"f672d71a9f","models/location":"bd8e0fe48b","models/mathjax":"d889a68424","models/modal":"90f76e3d2e","styles/models/modal.css":"be4b4352c6","models/pdf":"f87ad1873c","models/perspective":"29a0b0da9a","styles/models/perspective.css":"2e2913ea54","models/plotly":"ffbe075545","styles/models/plotly.css":"ce7c8e2a4f","models/progress":"b1f4d68596","models/quill":"f6d86c7342","models/radio_button_group":"25e2d7c208","models/react_component":"e97fdbf701","models/reactive_html":"d5752cda5a","models/singleselect":"4155401209","models/speech_to_text":"5ac2cab0ab","models/state":"92822cb73a","models/tabs":"2231cdc549","models/terminal":"121f00bd6f","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"}, {});});
40311
40485
  //# sourceMappingURL=panel.js.map