@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.
- package/dist/bundled/notificationarea/panel/1.7.2/dist/bundled/font-awesome/css/all.min.css +2 -0
- package/dist/bundled/panel/1.7.2/dist/bundled/bootstrap5/css/bootstrap.min.css +2 -0
- package/dist/bundled/panel/1.7.2/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +2 -0
- package/dist/bundled/panel/1.7.2/dist/bundled/font-awesome/css/all.min.css +2 -0
- package/dist/bundled/panel/1.7.2/dist/bundled/jquery/jquery.min.js +2 -0
- package/dist/lib/models/comm_manager.d.ts +1 -0
- package/dist/lib/models/comm_manager.js +7 -1
- package/dist/lib/models/comm_manager.js.map +1 -1
- package/dist/lib/models/react_component.d.ts +18 -0
- package/dist/lib/models/react_component.js +139 -18
- package/dist/lib/models/react_component.js.map +1 -1
- package/dist/lib/models/reactive_esm.d.ts +5 -0
- package/dist/lib/models/reactive_esm.js +47 -2
- package/dist/lib/models/reactive_esm.js.map +1 -1
- package/dist/lib/models/tabulator.js +3 -0
- package/dist/lib/models/tabulator.js.map +1 -1
- package/dist/panel.js +206 -32
- package/dist/panel.js.map +1 -1
- package/dist/panel.json +1 -1
- package/dist/panel.min.js +7 -7
- package/package.json +1 -1
- package/dist/bundled/notificationarea/panel/1.7.2-a.0/dist/bundled/font-awesome/css/all.min.css +0 -2
- package/dist/bundled/panel/1.7.2-a.0/dist/bundled/bootstrap5/css/bootstrap.min.css +0 -2
- package/dist/bundled/panel/1.7.2-a.0/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +0 -2
- package/dist/bundled/panel/1.7.2-a.0/dist/bundled/font-awesome/css/all.min.css +0 -2
- 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("
|
|
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("
|
|
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("
|
|
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("
|
|
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("
|
|
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
|
-
"
|
|
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.
|
|
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
|
-
"
|
|
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 (
|
|
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
|
-
"
|
|
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("
|
|
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
|
-
"
|
|
28750
|
+
"e97fdbf701": /* models/react_component.js */ function _(require, module, exports, __esModule, __esExport) {
|
|
28698
28751
|
var _a;
|
|
28699
28752
|
__esModule();
|
|
28700
|
-
const
|
|
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.
|
|
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
|
-
|
|
28787
|
-
|
|
28788
|
-
|
|
28789
|
-
|
|
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
|
-
|
|
28857
|
-
|
|
28858
|
-
|
|
28859
|
-
|
|
28860
|
-
|
|
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.
|
|
29095
|
+
if (this.use_shadow_dom) {
|
|
29096
|
+
this.updateElement()
|
|
29097
|
+
}
|
|
28933
29098
|
}
|
|
28934
29099
|
|
|
28935
29100
|
render() {
|
|
28936
|
-
|
|
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":"
|
|
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
|