@holoviz/panel 1.0.4 → 1.1.0

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 (31) hide show
  1. package/dist/bundled/datatabulator/tabulator-tables@5.4.4/dist/css/tabulator_fast.min.css +2 -2
  2. package/dist/bundled/materialtemplate/material.css +9 -0
  3. package/dist/bundled/notificationarea/panel/1.1.0/dist/bundled/font-awesome/css/all.min.css +2 -0
  4. package/dist/bundled/panel/1.1.0/dist/bundled/bootstrap5/css/bootstrap.min.css +2 -0
  5. package/dist/bundled/panel/1.1.0/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +2 -0
  6. package/dist/bundled/panel/1.1.0/dist/bundled/font-awesome/css/all.min.css +2 -0
  7. package/dist/bundled/panel/1.1.0/dist/bundled/jquery/jquery.slim.min.js +2 -0
  8. package/dist/bundled/plotlyplot/panel/1.1.0/dist/bundled/jquery/jquery.slim.min.js +2 -0
  9. package/dist/bundled/reacttemplate/react.css +23 -8
  10. package/dist/bundled/theme/fast.css +7 -7
  11. package/dist/bundled/vanillatemplate/vanilla.css +2 -0
  12. package/dist/css/plotly.css +6 -0
  13. package/dist/lib/models/index.d.ts +1 -0
  14. package/dist/lib/models/index.js +1 -0
  15. package/dist/lib/models/index.js.map +1 -1
  16. package/dist/lib/models/tooltip_icon.d.ts +31 -0
  17. package/dist/lib/models/tooltip_icon.js +92 -0
  18. package/dist/lib/models/tooltip_icon.js.map +1 -0
  19. package/dist/lib/styles/plotly.css.js +1 -1
  20. package/dist/panel.js +103 -3
  21. package/dist/panel.js.map +1 -1
  22. package/dist/panel.json +1 -1
  23. package/dist/panel.min.js +4 -3
  24. package/dist/wheels/{panel-1.0.4-py3-none-any.whl → panel-1.1.0-py3-none-any.whl} +0 -0
  25. package/package.json +1 -1
  26. package/dist/bundled/notificationarea/panel/1.0.4/dist/bundled/font-awesome/css/all.min.css +0 -2
  27. package/dist/bundled/panel/1.0.4/dist/bundled/bootstrap5/css/bootstrap.min.css +0 -2
  28. package/dist/bundled/panel/1.0.4/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +0 -2
  29. package/dist/bundled/panel/1.0.4/dist/bundled/font-awesome/css/all.min.css +0 -2
  30. package/dist/bundled/panel/1.0.4/dist/bundled/jquery/jquery.slim.min.js +0 -2
  31. package/dist/bundled/plotlyplot/panel/1.0.4/dist/bundled/jquery/jquery.slim.min.js +0 -2
@@ -1219,8 +1219,8 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
1219
1219
  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter input,
1220
1220
  .tabulator .tabulator-header .tabulator-col .tabulator-header-filter select {
1221
1221
  border: 1px solid #999;
1222
- background: #444;
1223
- color: #fff;
1222
+ background: var(--neutral-fill-input-rest);
1223
+ color: var(--neutral-foreground-rest);
1224
1224
  }
1225
1225
  .tabulator .tabulator-header .tabulator-calcs-holder {
1226
1226
  background: var(--fill-color) !important;
@@ -217,3 +217,12 @@ img.app-logo {
217
217
  text-decoration: none;
218
218
  cursor: pointer;
219
219
  }
220
+
221
+ .tabulator-popup-container {
222
+ background-color: var(--mdc-theme-surface);
223
+ }
224
+
225
+ .tabulator-edit-list .tabulator-edit-list-item:hover {
226
+ background-color: var(--mdc-theme-primary);
227
+ color: var(--mdc-theme-on-primary);
228
+ }
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>YFD18ZJNSS6KEWWR</RequestId><HostId>zZbOfg4TnNhBex/11ZDSY3Mv8zzqFoRoP0FM231EduwgqRECkYwAaOHEv9SjymfNTJjm8t11vuQ=</HostId></Error>
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>BPG43RA0N6AD6DHS</RequestId><HostId>MtQBsjxX1P0QRFRsv35z5siMc/68cct3RpPeAY+6LqQTy3POB+Pd03kye9Qv6te/HVsYVCJfbr8=</HostId></Error>
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>BPG01E9X2YYXBF08</RequestId><HostId>fMUwC4sVVRTNRs12lnUdsj7Z5BVq2j8kruCrfq2nSNaKfuTAoMxp7RMchMp3D/DxV1KMPLf9OaY=</HostId></Error>
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>YEWPCDZMPC8VTNQN</RequestId><HostId>MNt3GYFVxEG47FpOfQNlNqKIg7R5pnTOjfn8kv/wg2sHnFsjMcYTXaZHHsNyUQVw84UcWK/kks8=</HostId></Error>
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>YEWV7BC60N3Z7BY7</RequestId><HostId>Bfh9SxCq/8GcBPbuJxYkVO1WDHiD+F7aocWcXPdrUq2Mk/U5UIKOTLcjttue+LpJ0yYNwcqsmfk=</HostId></Error>
@@ -0,0 +1,2 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <Error><Code>AccessDenied</Code><Message>Access Denied</Message><RequestId>62PEQGNRN3ZJQ058</RequestId><HostId>bYONSx0Wuk/KVUhvl2iI7/3Vqkvb1dFfRiFjpBokjtnzf28Sr9NPqXm99f/NdbETLmTXN0DEVW0=</HostId></Error>
@@ -6,6 +6,7 @@ body {
6
6
 
7
7
  #container {
8
8
  padding: 0px;
9
+ height: 100vh;
9
10
  width: 100vw;
10
11
  }
11
12
 
@@ -39,7 +40,7 @@ a.navbar-brand {
39
40
  text-decoration-color: initial;
40
41
  font-weight: 400;
41
42
  font-size: 2em;
42
- line-height: 2em;
43
+ line-height: 1.4em;
43
44
  white-space: nowrap;
44
45
  }
45
46
 
@@ -70,10 +71,13 @@ img.app-logo {
70
71
  }
71
72
 
72
73
  #content {
73
- height: calc(100vh - 76px);
74
+ color: var(--text-color);
75
+ display: flex;
76
+ flex-direction: row;
77
+ height: 100%;
74
78
  margin: 0px;
79
+ overflow: hidden;
75
80
  width: 100vw;
76
- display: flex;
77
81
  }
78
82
 
79
83
  #responsive-grid {
@@ -86,12 +90,24 @@ img.app-logo {
86
90
  margin-right: 10px;
87
91
  }
88
92
 
93
+ #sidebar.hidden {
94
+ border: 0px;
95
+ margin: 0px;
96
+ min-width: 0px;
97
+ overflow: hidden;
98
+ padding: 0px;
99
+ width: 0px;
100
+ }
101
+
89
102
  #sidebar {
103
+ border-right: 1px solid var(--panel-surface-color);
104
+ box-sizing: border-box;
105
+ height: 100%;
106
+ overflow: hidden auto;
107
+ padding: 15px 10px 15px 5px;
90
108
  transition: all 0.2s cubic-bezier(0.945, 0.02, 0.27, 0.665);
91
109
  transform-origin: center left; /* Set the transformed position of sidebar to center left side. */
92
- height: calc(100vh - 76px);
93
- overflow-y: scroll;
94
- padding: 10px;
110
+ overflow-y: auto;
95
111
  }
96
112
 
97
113
  #main {
@@ -99,7 +115,7 @@ img.app-logo {
99
115
  width: 100%;
100
116
  height: 100%;
101
117
  padding-bottom: 20px;
102
- overflow-y: scroll;
118
+ overflow-y: auto;
103
119
  }
104
120
 
105
121
  #sidebarCollapse {
@@ -109,7 +125,6 @@ img.app-logo {
109
125
 
110
126
  .sidenav {
111
127
  padding-top: 15px;
112
- position: absolute;
113
128
  overflow-y: scroll;
114
129
  }
115
130
 
@@ -288,7 +288,7 @@ table.panel-df {
288
288
 
289
289
  .panel-df tr:hover {
290
290
  background: var(--accent-fill-hover) !important;
291
- color: var(--accent-foreground-cut-rest);
291
+ color: var(--accent-foreground-rest);
292
292
  cursor: pointer;
293
293
  }
294
294
 
@@ -637,7 +637,7 @@ select:not([type='file']).bk-input {
637
637
  }
638
638
 
639
639
  .bk-input-group input[type='radio']:checked {
640
- background: var(--accent-foreground-cut-rest);
640
+ background: var(--accent-foreground-rest);
641
641
  border: calc(var(--outline-width) * 4px) solid var(--accent-fill-rest);
642
642
  }
643
643
 
@@ -664,7 +664,7 @@ select:not([type='file']).bk-input {
664
664
 
665
665
  .bk-input-group input[type='radio']:disabled:checked,
666
666
  .bk-input-group input[type='radio']:disabled:checked:hover {
667
- background: var(--accent-foreground-cut-rest);
667
+ background: var(--accent-foreground-rest);
668
668
  border: calc(var(--outline-width) * 4px) solid var(--accent-fill-rest);
669
669
  }
670
670
 
@@ -729,7 +729,7 @@ select:not([type='file']).bk-input {
729
729
  }
730
730
 
731
731
  :host(.active) .knob {
732
- background-color: var(--accent-foreground-cut-rest);
732
+ background-color: var(--accent-foreground-rest);
733
733
  border-radius: calc(var(--control-corner-radius) * 1px);
734
734
  left: calc(100% - var(--switch-size) / 2 - 2px);
735
735
  }
@@ -836,7 +836,7 @@ table.panel-df {
836
836
 
837
837
  .panel-df tr:hover {
838
838
  background: var(--accent-fill-hover) !important;
839
- color: var(--accent-foreground-cut-rest);
839
+ color: var(--accent-foreground-rest);
840
840
  cursor: pointer;
841
841
  }
842
842
 
@@ -953,7 +953,7 @@ table.panel-df {
953
953
  .slick-row:hover,
954
954
  .slick-row.odd:hover {
955
955
  background-color: var(--accent-fill-hover);
956
- color: var(--accent-foreground-cut-rest);
956
+ color: var(--accent-foreground-rest);
957
957
  }
958
958
 
959
959
  .slick-group {
@@ -967,7 +967,7 @@ table.panel-df {
967
967
 
968
968
  .slick-cell.selected {
969
969
  background-color: var(--accent-fill-rest);
970
- color: var(--accent-foreground-cut-rest);
970
+ color: var(--accent-foreground-rest);
971
971
  }
972
972
 
973
973
  .slick-cell.active {
@@ -61,6 +61,8 @@ body {
61
61
  }
62
62
 
63
63
  #header-items {
64
+ display: flex;
65
+ flex-direction: row;
64
66
  padding-left: 15px;
65
67
  width: 100%;
66
68
  }
@@ -163,6 +163,7 @@
163
163
  }
164
164
 
165
165
  .js-plotly-plot .plotly .modebar-btn {
166
+ fill: var(--plotly-icon-color);
166
167
  position: relative;
167
168
  font-size: 16px;
168
169
  padding: 3px 4px;
@@ -172,6 +173,11 @@
172
173
  line-height: normal;
173
174
  box-sizing: border-box;
174
175
  }
176
+
177
+ .js-plotly-plot .plotly .modebar-btn.active {
178
+ fill: var(--plotly-active-icon-color);
179
+ }
180
+
175
181
  .js-plotly-plot .plotly .modebar-btn svg {
176
182
  position: relative;
177
183
  top: 2px;
@@ -29,6 +29,7 @@ export { State } from "./state";
29
29
  export { Tabs } from "./tabs";
30
30
  export { Terminal } from "./terminal";
31
31
  export { TextToSpeech } from "./text_to_speech";
32
+ export { TooltipIcon } from "./tooltip_icon";
32
33
  export { TrendIndicator } from "./trend";
33
34
  export { VegaPlot } from "./vega";
34
35
  export { Video } from "./video";
@@ -29,6 +29,7 @@ export { State } from "./state";
29
29
  export { Tabs } from "./tabs";
30
30
  export { Terminal } from "./terminal";
31
31
  export { TextToSpeech } from "./text_to_speech";
32
+ export { TooltipIcon } from "./tooltip_icon";
32
33
  export { TrendIndicator } from "./trend";
33
34
  export { VegaPlot } from "./vega";
34
35
  export { Video } from "./video";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,cAAc,OAAO,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,OAAO,CAAA;AAC7B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AACrC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AACjC,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAA;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAA;AACtC,OAAO,EAAC,QAAQ,EAAC,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AACzC,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAA;AAClC,cAAc,OAAO,CAAA"}
@@ -0,0 +1,31 @@
1
+ import { Control, ControlView } from '@bokehjs/models/widgets/control';
2
+ import { Tooltip, TooltipView } from '@bokehjs/models/ui/tooltip';
3
+ import { IterViews } from '@bokehjs/core/build_views';
4
+ import { StyleSheetLike } from '@bokehjs/core/dom';
5
+ import * as p from '@bokehjs/core/properties';
6
+ export declare class TooltipIconView extends ControlView {
7
+ model: TooltipIcon;
8
+ protected description: TooltipView;
9
+ protected desc_el: HTMLElement;
10
+ controls(): Generator<never, void, unknown>;
11
+ children(): IterViews;
12
+ lazy_initialize(): Promise<void>;
13
+ remove(): void;
14
+ stylesheets(): StyleSheetLike[];
15
+ render(): void;
16
+ change_input(): void;
17
+ }
18
+ export declare namespace TooltipIcon {
19
+ type Attrs = p.AttrsOf<Props>;
20
+ type Props = Control.Props & {
21
+ description: p.Property<Tooltip>;
22
+ };
23
+ }
24
+ export interface TooltipIcon extends TooltipIcon.Attrs {
25
+ }
26
+ export declare class TooltipIcon extends Control {
27
+ properties: TooltipIcon.Props;
28
+ __view_type__: TooltipIconView;
29
+ static __module__: string;
30
+ constructor(attrs?: Partial<TooltipIcon.Attrs>);
31
+ }
@@ -0,0 +1,92 @@
1
+ var _a;
2
+ import { Control, ControlView } from '@bokehjs/models/widgets/control';
3
+ import { Tooltip } from '@bokehjs/models/ui/tooltip';
4
+ import { build_view } from '@bokehjs/core/build_views';
5
+ import { div, label } from '@bokehjs/core/dom';
6
+ import inputs_css, * as inputs from '@bokehjs/styles/widgets/inputs.css';
7
+ import icons_css from '@bokehjs/styles/icons.css';
8
+ export class TooltipIconView extends ControlView {
9
+ *controls() { }
10
+ *children() {
11
+ yield* super.children();
12
+ yield this.description;
13
+ }
14
+ async lazy_initialize() {
15
+ await super.lazy_initialize();
16
+ const { description } = this.model;
17
+ this.description = await build_view(description, { parent: this });
18
+ }
19
+ remove() {
20
+ this.description?.remove();
21
+ super.remove();
22
+ }
23
+ stylesheets() {
24
+ return [...super.stylesheets(), inputs_css, icons_css];
25
+ }
26
+ render() {
27
+ super.render();
28
+ const icon_el = div({ class: inputs.icon });
29
+ this.desc_el = div({ class: inputs.description }, icon_el);
30
+ const { desc_el, description } = this;
31
+ description.model.target = desc_el;
32
+ let persistent = false;
33
+ const toggle = (visible) => {
34
+ description.model.setv({
35
+ visible,
36
+ closable: persistent,
37
+ });
38
+ icon_el.classList.toggle(inputs.opaque, visible && persistent);
39
+ };
40
+ this.on_change(description.model.properties.visible, () => {
41
+ const { visible } = description.model;
42
+ if (!visible) {
43
+ persistent = false;
44
+ }
45
+ toggle(visible);
46
+ });
47
+ desc_el.addEventListener('mouseenter', () => {
48
+ toggle(true);
49
+ });
50
+ desc_el.addEventListener('mouseleave', () => {
51
+ if (!persistent)
52
+ toggle(false);
53
+ });
54
+ document.addEventListener('mousedown', (event) => {
55
+ const path = event.composedPath();
56
+ if (path.includes(description.el)) {
57
+ return;
58
+ }
59
+ else if (path.includes(desc_el)) {
60
+ persistent = !persistent;
61
+ toggle(persistent);
62
+ }
63
+ else {
64
+ persistent = false;
65
+ toggle(false);
66
+ }
67
+ });
68
+ window.addEventListener('blur', () => {
69
+ persistent = false;
70
+ toggle(false);
71
+ });
72
+ // Label to get highlight when icon is hovered
73
+ this.shadow_el.appendChild(label(this.desc_el));
74
+ }
75
+ change_input() { }
76
+ }
77
+ TooltipIconView.__name__ = "TooltipIconView";
78
+ export class TooltipIcon extends Control {
79
+ constructor(attrs) {
80
+ super(attrs);
81
+ }
82
+ }
83
+ _a = TooltipIcon;
84
+ TooltipIcon.__name__ = "TooltipIcon";
85
+ TooltipIcon.__module__ = 'panel.models.widgets';
86
+ (() => {
87
+ _a.prototype.default_view = TooltipIconView;
88
+ _a.define(({ Ref }) => ({
89
+ description: [Ref(Tooltip), new Tooltip()],
90
+ }));
91
+ })();
92
+ //# sourceMappingURL=tooltip_icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip_icon.js","sourceRoot":"","sources":["../../../models/tooltip_icon.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- export default `.js-plotly-plot .plotly,.js-plotly-plot .plotly div{direction:ltr;font-family:'Open Sans', verdana, arial, sans-serif;margin:0;padding:0;}.js-plotly-plot .plotly input,.js-plotly-plot .plotly button{font-family:'Open Sans', verdana, arial, sans-serif;}.js-plotly-plot .plotly input:focus,.js-plotly-plot .plotly button:focus{outline:none;}.js-plotly-plot .plotly a{text-decoration:none;}.js-plotly-plot .plotly a:hover{text-decoration:none;}.js-plotly-plot .plotly .crisp{shape-rendering:crispEdges;}.js-plotly-plot .plotly .user-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.js-plotly-plot .plotly svg{overflow:hidden;}.js-plotly-plot .plotly svg a{fill:#447adb;}.js-plotly-plot .plotly svg a:hover{fill:#3c6dc5;}.js-plotly-plot .plotly .main-svg{position:absolute;top:0;left:0;pointer-events:none;}.js-plotly-plot .plotly .main-svg .draglayer{pointer-events:all;}.js-plotly-plot .plotly .cursor-default{cursor:default;}.js-plotly-plot .plotly .cursor-pointer{cursor:pointer;}.js-plotly-plot .plotly .cursor-crosshair{cursor:crosshair;}.js-plotly-plot .plotly .cursor-move{cursor:move;}.js-plotly-plot .plotly .cursor-col-resize{cursor:col-resize;}.js-plotly-plot .plotly .cursor-row-resize{cursor:row-resize;}.js-plotly-plot .plotly .cursor-ns-resize{cursor:ns-resize;}.js-plotly-plot .plotly .cursor-ew-resize{cursor:ew-resize;}.js-plotly-plot .plotly .cursor-sw-resize{cursor:sw-resize;}.js-plotly-plot .plotly .cursor-s-resize{cursor:s-resize;}.js-plotly-plot .plotly .cursor-se-resize{cursor:se-resize;}.js-plotly-plot .plotly .cursor-w-resize{cursor:w-resize;}.js-plotly-plot .plotly .cursor-e-resize{cursor:e-resize;}.js-plotly-plot .plotly .cursor-nw-resize{cursor:nw-resize;}.js-plotly-plot .plotly .cursor-n-resize{cursor:n-resize;}.js-plotly-plot .plotly .cursor-ne-resize{cursor:ne-resize;}.js-plotly-plot .plotly .cursor-grab{cursor:-webkit-grab;cursor:grab;}.js-plotly-plot .plotly .modebar{position:absolute;top:2px;right:2px;}.js-plotly-plot .plotly .ease-bg{-webkit-transition:background-color 0.3s ease 0s;-moz-transition:background-color 0.3s ease 0s;-ms-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}.js-plotly-plot .plotly .modebar--hover > :not(.watermark){opacity:0;-webkit-transition:opacity 0.3s ease 0s;-moz-transition:opacity 0.3s ease 0s;-ms-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}.js-plotly-plot .plotly:hover .modebar--hover .modebar-group{opacity:1;}.js-plotly-plot .plotly .modebar-group{float:left;display:inline-block;box-sizing:border-box;padding-left:8px;position:relative;vertical-align:middle;white-space:nowrap;}.js-plotly-plot .plotly .modebar-btn{position:relative;font-size:16px;padding:3px 4px;height:22px;cursor:pointer;line-height:normal;box-sizing:border-box;}.js-plotly-plot .plotly .modebar-btn svg{position:relative;top:2px;}.js-plotly-plot .plotly .modebar.vertical{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-end;max-height:100%;}.js-plotly-plot .plotly .modebar.vertical svg{top:-1px;}.js-plotly-plot .plotly .modebar.vertical .modebar-group{display:block;float:none;padding-left:0px;padding-bottom:8px;}.js-plotly-plot .plotly .modebar.vertical .modebar-group .modebar-btn{display:block;text-align:center;}.js-plotly-plot .plotly [data-title]{}.js-plotly-plot .plotly [data-title]:before,.js-plotly-plot .plotly [data-title]:after{position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;}.js-plotly-plot .plotly [data-title]:hover:before,.js-plotly-plot .plotly [data-title]:hover:after{display:block;opacity:1;}.js-plotly-plot .plotly [data-title]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;}.js-plotly-plot .plotly [data-title]:after{content:attr(data-title);background:#69738a;color:white;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;margin-right:-18px;border-radius:2px;}.js-plotly-plot .plotly .vertical [data-title]:before,.js-plotly-plot .plotly .vertical [data-title]:after{top:0%;right:200%;}.js-plotly-plot .plotly .vertical [data-title]:before{border:6px solid transparent;border-left-color:#69738a;margin-top:8px;margin-right:-30px;}.plotly-notifier{font-family:'Open Sans', verdana, arial, sans-serif;position:fixed;top:50px;right:20px;z-index:10000;font-size:10pt;max-width:180px;}.plotly-notifier p{margin:0;}.plotly-notifier .notifier-note{min-width:180px;max-width:250px;border:1px solid #fff;z-index:3000;margin:0;background-color:#8c97af;background-color:rgba(140, 151, 175, 0.9);color:#fff;padding:10px;overflow-wrap:break-word;word-wrap:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}.plotly-notifier .notifier-close{color:#fff;opacity:0.8;float:right;padding:0 5px;background:none;border:none;font-size:20px;font-weight:bold;line-height:20px;}.plotly-notifier .notifier-close:hover{color:#444;text-decoration:none;cursor:pointer;}`
1
+ export default `.js-plotly-plot .plotly,.js-plotly-plot .plotly div{direction:ltr;font-family:'Open Sans', verdana, arial, sans-serif;margin:0;padding:0;}.js-plotly-plot .plotly input,.js-plotly-plot .plotly button{font-family:'Open Sans', verdana, arial, sans-serif;}.js-plotly-plot .plotly input:focus,.js-plotly-plot .plotly button:focus{outline:none;}.js-plotly-plot .plotly a{text-decoration:none;}.js-plotly-plot .plotly a:hover{text-decoration:none;}.js-plotly-plot .plotly .crisp{shape-rendering:crispEdges;}.js-plotly-plot .plotly .user-select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}.js-plotly-plot .plotly svg{overflow:hidden;}.js-plotly-plot .plotly svg a{fill:#447adb;}.js-plotly-plot .plotly svg a:hover{fill:#3c6dc5;}.js-plotly-plot .plotly .main-svg{position:absolute;top:0;left:0;pointer-events:none;}.js-plotly-plot .plotly .main-svg .draglayer{pointer-events:all;}.js-plotly-plot .plotly .cursor-default{cursor:default;}.js-plotly-plot .plotly .cursor-pointer{cursor:pointer;}.js-plotly-plot .plotly .cursor-crosshair{cursor:crosshair;}.js-plotly-plot .plotly .cursor-move{cursor:move;}.js-plotly-plot .plotly .cursor-col-resize{cursor:col-resize;}.js-plotly-plot .plotly .cursor-row-resize{cursor:row-resize;}.js-plotly-plot .plotly .cursor-ns-resize{cursor:ns-resize;}.js-plotly-plot .plotly .cursor-ew-resize{cursor:ew-resize;}.js-plotly-plot .plotly .cursor-sw-resize{cursor:sw-resize;}.js-plotly-plot .plotly .cursor-s-resize{cursor:s-resize;}.js-plotly-plot .plotly .cursor-se-resize{cursor:se-resize;}.js-plotly-plot .plotly .cursor-w-resize{cursor:w-resize;}.js-plotly-plot .plotly .cursor-e-resize{cursor:e-resize;}.js-plotly-plot .plotly .cursor-nw-resize{cursor:nw-resize;}.js-plotly-plot .plotly .cursor-n-resize{cursor:n-resize;}.js-plotly-plot .plotly .cursor-ne-resize{cursor:ne-resize;}.js-plotly-plot .plotly .cursor-grab{cursor:-webkit-grab;cursor:grab;}.js-plotly-plot .plotly .modebar{position:absolute;top:2px;right:2px;}.js-plotly-plot .plotly .ease-bg{-webkit-transition:background-color 0.3s ease 0s;-moz-transition:background-color 0.3s ease 0s;-ms-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}.js-plotly-plot .plotly .modebar--hover > :not(.watermark){opacity:0;-webkit-transition:opacity 0.3s ease 0s;-moz-transition:opacity 0.3s ease 0s;-ms-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}.js-plotly-plot .plotly:hover .modebar--hover .modebar-group{opacity:1;}.js-plotly-plot .plotly .modebar-group{float:left;display:inline-block;box-sizing:border-box;padding-left:8px;position:relative;vertical-align:middle;white-space:nowrap;}.js-plotly-plot .plotly .modebar-btn{fill:var(--plotly-icon-color);position:relative;font-size:16px;padding:3px 4px;height:22px;cursor:pointer;line-height:normal;box-sizing:border-box;}.js-plotly-plot .plotly .modebar-btn.active{fill:var(--plotly-active-icon-color);}.js-plotly-plot .plotly .modebar-btn svg{position:relative;top:2px;}.js-plotly-plot .plotly .modebar.vertical{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-end;max-height:100%;}.js-plotly-plot .plotly .modebar.vertical svg{top:-1px;}.js-plotly-plot .plotly .modebar.vertical .modebar-group{display:block;float:none;padding-left:0px;padding-bottom:8px;}.js-plotly-plot .plotly .modebar.vertical .modebar-group .modebar-btn{display:block;text-align:center;}.js-plotly-plot .plotly [data-title]{}.js-plotly-plot .plotly [data-title]:before,.js-plotly-plot .plotly [data-title]:after{position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;}.js-plotly-plot .plotly [data-title]:hover:before,.js-plotly-plot .plotly [data-title]:hover:after{display:block;opacity:1;}.js-plotly-plot .plotly [data-title]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1002;margin-top:-12px;border-bottom-color:#69738a;margin-right:-6px;}.js-plotly-plot .plotly [data-title]:after{content:attr(data-title);background:#69738a;color:white;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;margin-right:-18px;border-radius:2px;}.js-plotly-plot .plotly .vertical [data-title]:before,.js-plotly-plot .plotly .vertical [data-title]:after{top:0%;right:200%;}.js-plotly-plot .plotly .vertical [data-title]:before{border:6px solid transparent;border-left-color:#69738a;margin-top:8px;margin-right:-30px;}.plotly-notifier{font-family:'Open Sans', verdana, arial, sans-serif;position:fixed;top:50px;right:20px;z-index:10000;font-size:10pt;max-width:180px;}.plotly-notifier p{margin:0;}.plotly-notifier .notifier-note{min-width:180px;max-width:250px;border:1px solid #fff;z-index:3000;margin:0;background-color:#8c97af;background-color:rgba(140, 151, 175, 0.9);color:#fff;padding:10px;overflow-wrap:break-word;word-wrap:break-word;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}.plotly-notifier .notifier-close{color:#fff;opacity:0.8;float:right;padding:0 5px;background:none;border:none;font-size:20px;font-weight:bold;line-height:20px;}.plotly-notifier .notifier-close:hover{color:#444;text-decoration:none;cursor:pointer;}`
package/dist/panel.js CHANGED
@@ -44,12 +44,12 @@
44
44
  "4e90918c0a": /* index.js */ function _(require, module, exports, __esModule, __esExport) {
45
45
  __esModule();
46
46
  const tslib_1 = require("tslib");
47
- const Panel = tslib_1.__importStar(require("6b2494dd1a") /* ./models */);
47
+ const Panel = tslib_1.__importStar(require("1ad646c29c") /* ./models */);
48
48
  exports.Panel = Panel;
49
49
  const base_1 = require("@bokehjs/base");
50
50
  (0, base_1.register_models)(Panel);
51
51
  },
52
- "6b2494dd1a": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
52
+ "1ad646c29c": /* models/index.js */ function _(require, module, exports, __esModule, __esExport) {
53
53
  __esModule();
54
54
  const tslib_1 = require("tslib");
55
55
  var ace_1 = require("361114b33f") /* ./ace */;
@@ -114,6 +114,8 @@
114
114
  __esExport("Terminal", terminal_1.Terminal);
115
115
  var text_to_speech_1 = require("a44f0bd49f") /* ./text_to_speech */;
116
116
  __esExport("TextToSpeech", text_to_speech_1.TextToSpeech);
117
+ var tooltip_icon_1 = require("4c6dd3d1dc") /* ./tooltip_icon */;
118
+ __esExport("TooltipIcon", tooltip_icon_1.TooltipIcon);
117
119
  var trend_1 = require("c2c4524e04") /* ./trend */;
118
120
  __esExport("TrendIndicator", trend_1.TrendIndicator);
119
121
  var vega_1 = require("2418976f60") /* ./vega */;
@@ -10066,6 +10068,104 @@
10066
10068
  }));
10067
10069
  })();
10068
10070
  },
10071
+ "4c6dd3d1dc": /* models/tooltip_icon.js */ function _(require, module, exports, __esModule, __esExport) {
10072
+ __esModule();
10073
+ const tslib_1 = require("tslib");
10074
+ var _a;
10075
+ const control_1 = require("@bokehjs/models/widgets/control");
10076
+ const tooltip_1 = require("@bokehjs/models/ui/tooltip");
10077
+ const build_views_1 = require("@bokehjs/core/build_views");
10078
+ const dom_1 = require("@bokehjs/core/dom");
10079
+ const inputs_css_1 = tslib_1.__importStar(require("@bokehjs/styles/widgets/inputs.css")), inputs = inputs_css_1;
10080
+ const icons_css_1 = tslib_1.__importDefault(require("@bokehjs/styles/icons.css"));
10081
+ class TooltipIconView extends control_1.ControlView {
10082
+ *controls() { }
10083
+ *children() {
10084
+ yield* super.children();
10085
+ yield this.description;
10086
+ }
10087
+ async lazy_initialize() {
10088
+ await super.lazy_initialize();
10089
+ const { description } = this.model;
10090
+ this.description = await (0, build_views_1.build_view)(description, { parent: this });
10091
+ }
10092
+ remove() {
10093
+ var _b;
10094
+ (_b = this.description) === null || _b === void 0 ? void 0 : _b.remove();
10095
+ super.remove();
10096
+ }
10097
+ stylesheets() {
10098
+ return [...super.stylesheets(), inputs_css_1.default, icons_css_1.default];
10099
+ }
10100
+ render() {
10101
+ super.render();
10102
+ const icon_el = (0, dom_1.div)({ class: inputs.icon });
10103
+ this.desc_el = (0, dom_1.div)({ class: inputs.description }, icon_el);
10104
+ const { desc_el, description } = this;
10105
+ description.model.target = desc_el;
10106
+ let persistent = false;
10107
+ const toggle = (visible) => {
10108
+ description.model.setv({
10109
+ visible,
10110
+ closable: persistent,
10111
+ });
10112
+ icon_el.classList.toggle(inputs.opaque, visible && persistent);
10113
+ };
10114
+ this.on_change(description.model.properties.visible, () => {
10115
+ const { visible } = description.model;
10116
+ if (!visible) {
10117
+ persistent = false;
10118
+ }
10119
+ toggle(visible);
10120
+ });
10121
+ desc_el.addEventListener('mouseenter', () => {
10122
+ toggle(true);
10123
+ });
10124
+ desc_el.addEventListener('mouseleave', () => {
10125
+ if (!persistent)
10126
+ toggle(false);
10127
+ });
10128
+ document.addEventListener('mousedown', (event) => {
10129
+ const path = event.composedPath();
10130
+ if (path.includes(description.el)) {
10131
+ return;
10132
+ }
10133
+ else if (path.includes(desc_el)) {
10134
+ persistent = !persistent;
10135
+ toggle(persistent);
10136
+ }
10137
+ else {
10138
+ persistent = false;
10139
+ toggle(false);
10140
+ }
10141
+ });
10142
+ window.addEventListener('blur', () => {
10143
+ persistent = false;
10144
+ toggle(false);
10145
+ });
10146
+ // Label to get highlight when icon is hovered
10147
+ this.shadow_el.appendChild((0, dom_1.label)(this.desc_el));
10148
+ }
10149
+ change_input() { }
10150
+ }
10151
+ exports.TooltipIconView = TooltipIconView;
10152
+ TooltipIconView.__name__ = "TooltipIconView";
10153
+ class TooltipIcon extends control_1.Control {
10154
+ constructor(attrs) {
10155
+ super(attrs);
10156
+ }
10157
+ }
10158
+ exports.TooltipIcon = TooltipIcon;
10159
+ _a = TooltipIcon;
10160
+ TooltipIcon.__name__ = "TooltipIcon";
10161
+ TooltipIcon.__module__ = 'panel.models.widgets';
10162
+ (() => {
10163
+ _a.prototype.default_view = TooltipIconView;
10164
+ _a.define(({ Ref }) => ({
10165
+ description: [Ref(tooltip_1.Tooltip), new tooltip_1.Tooltip()],
10166
+ }));
10167
+ })();
10168
+ },
10069
10169
  "c2c4524e04": /* models/trend.js */ function _(require, module, exports, __esModule, __esExport) {
10070
10170
  __esModule();
10071
10171
  var _a;
@@ -19034,5 +19134,5 @@
19034
19134
  }
19035
19135
  exports.initialize_fullscreen_render = initialize_fullscreen_render;
19036
19136
  },
19037
- }, "4e90918c0a", {"index":"4e90918c0a","models/index":"6b2494dd1a","models/ace":"361114b33f","models/layout":"bfe8e8c0eb","models/audio":"d8d3afec63","models/browser":"f5cdab5ee8","models/card":"e6581a105b","models/comm_manager":"ba6f482dbb","models/customselect":"e258e515be","models/tabulator":"db98b4665c","models/data":"fd9108e30e","models/datetime_picker":"4f73d5ebca","models/deckgl":"19b5a68a40","models/tooltips":"9588ab7c9e","models/echarts":"de43a95fca","models/event-to-object":"490942d778","models/html":"a8d43c9bf6","models/ipywidget":"94c1682c1c","models/json":"66f63e3c42","models/jsoneditor":"3c56a75fcf","models/file_download":"e6943b23b3","models/katex":"173673276e","models/location":"a85ed38ee9","models/mathjax":"9f7d610997","models/pdf":"46cccf2270","models/perspective":"ae1bae91c1","models/player":"bd5015f776","models/plotly":"b6febc7d6f","models/util":"990b5dd5c7","models/progress":"e6caa5bc95","models/quill":"98652399b1","models/reactive_html":"d3e454095a","models/singleselect":"ef3370f5e9","models/speech_to_text":"7651136c44","models/state":"1bb5a1aca6","models/tabs":"8013e805da","models/terminal":"4a0674b147","models/text_to_speech":"a44f0bd49f","models/trend":"c2c4524e04","models/vega":"2418976f60","models/video":"222009eb8a","models/videostream":"2dfabe6882","models/vizzu":"df04fa14c7","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"173e6cb054","models/vtk/vtklayout":"e7683a018a","models/vtk/util":"a76a9b7c23","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"5a606f3f35","models/vtk/vtkvolume":"9cb70c6ab6","models/vtk/vtksynchronized":"66775d6392","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
19137
+ }, "4e90918c0a", {"index":"4e90918c0a","models/index":"1ad646c29c","models/ace":"361114b33f","models/layout":"bfe8e8c0eb","models/audio":"d8d3afec63","models/browser":"f5cdab5ee8","models/card":"e6581a105b","models/comm_manager":"ba6f482dbb","models/customselect":"e258e515be","models/tabulator":"db98b4665c","models/data":"fd9108e30e","models/datetime_picker":"4f73d5ebca","models/deckgl":"19b5a68a40","models/tooltips":"9588ab7c9e","models/echarts":"de43a95fca","models/event-to-object":"490942d778","models/html":"a8d43c9bf6","models/ipywidget":"94c1682c1c","models/json":"66f63e3c42","models/jsoneditor":"3c56a75fcf","models/file_download":"e6943b23b3","models/katex":"173673276e","models/location":"a85ed38ee9","models/mathjax":"9f7d610997","models/pdf":"46cccf2270","models/perspective":"ae1bae91c1","models/player":"bd5015f776","models/plotly":"b6febc7d6f","models/util":"990b5dd5c7","models/progress":"e6caa5bc95","models/quill":"98652399b1","models/reactive_html":"d3e454095a","models/singleselect":"ef3370f5e9","models/speech_to_text":"7651136c44","models/state":"1bb5a1aca6","models/tabs":"8013e805da","models/terminal":"4a0674b147","models/text_to_speech":"a44f0bd49f","models/tooltip_icon":"4c6dd3d1dc","models/trend":"c2c4524e04","models/vega":"2418976f60","models/video":"222009eb8a","models/videostream":"2dfabe6882","models/vizzu":"df04fa14c7","models/vtk/index":"c51f25e2a7","models/vtk/vtkjs":"173e6cb054","models/vtk/vtklayout":"e7683a018a","models/vtk/util":"a76a9b7c23","models/vtk/vtkcolorbar":"c010237f8b","models/vtk/vtkaxes":"5a606f3f35","models/vtk/vtkvolume":"9cb70c6ab6","models/vtk/vtksynchronized":"66775d6392","models/vtk/panel_fullscreen_renwin_sync":"877619fe71"}, {});});
19038
19138
  //# sourceMappingURL=panel.js.map