@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.
- package/dist/bundled/datatabulator/tabulator-tables@5.4.4/dist/css/tabulator_fast.min.css +2 -2
- package/dist/bundled/materialtemplate/material.css +9 -0
- package/dist/bundled/notificationarea/panel/1.1.0/dist/bundled/font-awesome/css/all.min.css +2 -0
- package/dist/bundled/panel/1.1.0/dist/bundled/bootstrap5/css/bootstrap.min.css +2 -0
- package/dist/bundled/panel/1.1.0/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +2 -0
- package/dist/bundled/panel/1.1.0/dist/bundled/font-awesome/css/all.min.css +2 -0
- package/dist/bundled/panel/1.1.0/dist/bundled/jquery/jquery.slim.min.js +2 -0
- package/dist/bundled/plotlyplot/panel/1.1.0/dist/bundled/jquery/jquery.slim.min.js +2 -0
- package/dist/bundled/reacttemplate/react.css +23 -8
- package/dist/bundled/theme/fast.css +7 -7
- package/dist/bundled/vanillatemplate/vanilla.css +2 -0
- package/dist/css/plotly.css +6 -0
- package/dist/lib/models/index.d.ts +1 -0
- package/dist/lib/models/index.js +1 -0
- package/dist/lib/models/index.js.map +1 -1
- package/dist/lib/models/tooltip_icon.d.ts +31 -0
- package/dist/lib/models/tooltip_icon.js +92 -0
- package/dist/lib/models/tooltip_icon.js.map +1 -0
- package/dist/lib/styles/plotly.css.js +1 -1
- package/dist/panel.js +103 -3
- package/dist/panel.js.map +1 -1
- package/dist/panel.json +1 -1
- package/dist/panel.min.js +4 -3
- package/dist/wheels/{panel-1.0.4-py3-none-any.whl → panel-1.1.0-py3-none-any.whl} +0 -0
- package/package.json +1 -1
- package/dist/bundled/notificationarea/panel/1.0.4/dist/bundled/font-awesome/css/all.min.css +0 -2
- package/dist/bundled/panel/1.0.4/dist/bundled/bootstrap5/css/bootstrap.min.css +0 -2
- package/dist/bundled/panel/1.0.4/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +0 -2
- package/dist/bundled/panel/1.0.4/dist/bundled/font-awesome/css/all.min.css +0 -2
- package/dist/bundled/panel/1.0.4/dist/bundled/jquery/jquery.slim.min.js +0 -2
- 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:
|
|
1223
|
-
color:
|
|
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
|
+
}
|
|
@@ -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:
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
970
|
+
color: var(--accent-foreground-rest);
|
|
971
971
|
}
|
|
972
972
|
|
|
973
973
|
.slick-cell.active {
|
package/dist/css/plotly.css
CHANGED
|
@@ -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";
|
package/dist/lib/models/index.js
CHANGED
|
@@ -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("
|
|
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
|
-
"
|
|
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":"
|
|
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
|