@holoviz/panel 1.0.0-rc.8 → 1.0.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 (97) hide show
  1. package/dist/bundled/bootstraptemplate/bootstrap.css +108 -90
  2. package/dist/bundled/datatabulator/tabulator-tables@5.4.4/dist/css/tabulator_fast.min.css +1210 -789
  3. package/dist/bundled/fast/js/fast_design.js +52 -44
  4. package/dist/bundled/fastbasetemplate/fast.css +197 -183
  5. package/dist/bundled/fastbasetemplate/fast_template.js +65 -61
  6. package/dist/bundled/fastgridtemplate/fast_grid_template.css +203 -199
  7. package/dist/bundled/fastlisttemplate/fast_list_template.css +1 -1
  8. package/dist/bundled/goldentemplate/golden.css +12 -6
  9. package/dist/bundled/materialtemplate/default.css +2 -2
  10. package/dist/bundled/materialtemplate/material.css +135 -105
  11. package/dist/bundled/notificationarea/panel/1.0.0/dist/bundled/font-awesome/css/all.min.css +2 -0
  12. package/dist/bundled/panel/1.0.0/dist/bundled/bootstrap5/css/bootstrap.min.css +2 -0
  13. package/dist/bundled/panel/1.0.0/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +2 -0
  14. package/dist/bundled/panel/1.0.0/dist/bundled/font-awesome/css/all.min.css +2 -0
  15. package/dist/bundled/panel/1.0.0/dist/bundled/jquery/jquery.slim.min.js +2 -0
  16. package/dist/bundled/plotlyplot/panel/1.0.0/dist/bundled/jquery/jquery.slim.min.js +2 -0
  17. package/dist/bundled/reacttemplate/react.css +43 -36
  18. package/dist/bundled/slidestemplate/slides.css +56 -6
  19. package/dist/bundled/theme/bootstrap.css +393 -259
  20. package/dist/bundled/theme/bootstrap_dark.css +16 -5
  21. package/dist/bundled/theme/bootstrap_default.css +13 -4
  22. package/dist/bundled/theme/dark.css +45 -35
  23. package/dist/bundled/theme/default.css +44 -35
  24. package/dist/bundled/theme/fast.css +499 -437
  25. package/dist/bundled/theme/fast_variables.css +3 -3
  26. package/dist/bundled/theme/material.css +288 -233
  27. package/dist/bundled/theme/material_variables.css +79 -18
  28. package/dist/bundled/theme/native.css +77 -19
  29. package/dist/bundled/vanillatemplate/vanilla.css +138 -124
  30. package/dist/css/alerts.css +61 -60
  31. package/dist/css/button.css +68 -40
  32. package/dist/css/card.css +34 -34
  33. package/dist/css/dataframe.css +31 -28
  34. package/dist/css/debugger.css +11 -11
  35. package/dist/css/divider.css +7 -7
  36. package/dist/css/floatpanel.css +7 -0
  37. package/dist/css/gridbox.css +5 -5
  38. package/dist/css/gridspec.css +5 -5
  39. package/dist/css/gridstack.css +2 -2
  40. package/dist/css/json.css +43 -28
  41. package/dist/css/katex.css +1 -1
  42. package/dist/css/layout.css +2 -0
  43. package/dist/css/loading.css +7 -4
  44. package/dist/css/loadingspinner.css +24 -16
  45. package/dist/css/markdown.css +327 -107
  46. package/dist/css/perspective-datatable.css +110 -36
  47. package/dist/css/plotly.css +184 -126
  48. package/dist/css/progress.css +12 -12
  49. package/dist/css/regular_table.css +0 -0
  50. package/dist/css/select.css +2 -2
  51. package/dist/css/swipe.css +5 -5
  52. package/dist/css/widgetbox.css +7 -7
  53. package/dist/css/widgets.css +2 -1
  54. package/dist/dts/styles/button.css.d.ts +1 -1
  55. package/dist/dts/styles/floatpanel.css.d.ts +3 -0
  56. package/dist/dts/styles/layout.css.d.ts +3 -0
  57. package/dist/dts/styles/regular_table.css.d.ts +3 -0
  58. package/dist/lib/models/layout.d.ts +3 -0
  59. package/dist/lib/models/layout.js +16 -0
  60. package/dist/lib/models/layout.js.map +1 -1
  61. package/dist/lib/models/plotly.d.ts +2 -0
  62. package/dist/lib/models/plotly.js +10 -1
  63. package/dist/lib/models/plotly.js.map +1 -1
  64. package/dist/lib/models/tabulator.d.ts +1 -1
  65. package/dist/lib/models/tabulator.js +5 -13
  66. package/dist/lib/models/tabulator.js.map +1 -1
  67. package/dist/lib/styles/alerts.css.js +1 -1
  68. package/dist/lib/styles/button.css.d.ts +1 -1
  69. package/dist/lib/styles/button.css.js +11 -2
  70. package/dist/lib/styles/card.css.js +1 -1
  71. package/dist/lib/styles/dataframe.css.js +2 -1
  72. package/dist/lib/styles/debugger.css.js +1 -1
  73. package/dist/lib/styles/floatpanel.css.d.ts +1 -0
  74. package/dist/lib/styles/floatpanel.css.js +4 -0
  75. package/dist/lib/styles/json.css.js +16 -1
  76. package/dist/lib/styles/layout.css.d.ts +1 -0
  77. package/dist/lib/styles/layout.css.js +1 -0
  78. package/dist/lib/styles/loading.css.js +1 -1
  79. package/dist/lib/styles/loadingspinner.css.js +2 -2
  80. package/dist/lib/styles/markdown.css.js +1 -1
  81. package/dist/lib/styles/perspective-datatable.css.js +75 -1
  82. package/dist/lib/styles/progress.css.js +1 -1
  83. package/dist/lib/styles/regular_table.css.d.ts +1 -0
  84. package/dist/lib/styles/regular_table.css.js +1 -0
  85. package/dist/lib/styles/widgetbox.css.js +1 -1
  86. package/dist/panel.js +62 -45
  87. package/dist/panel.js.map +1 -1
  88. package/dist/panel.json +1 -1
  89. package/dist/panel.min.js +28 -28
  90. package/dist/wheels/{panel-1.0.0rc8-py3-none-any.whl → panel-1.0.0-py3-none-any.whl} +0 -0
  91. package/package.json +1 -1
  92. package/dist/bundled/notificationarea/panel/1.0.0-rc.8/dist/bundled/font-awesome/css/all.min.css +0 -2
  93. package/dist/bundled/panel/1.0.0-rc.8/dist/bundled/bootstrap5/css/bootstrap.min.css +0 -2
  94. package/dist/bundled/panel/1.0.0-rc.8/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +0 -2
  95. package/dist/bundled/panel/1.0.0-rc.8/dist/bundled/font-awesome/css/all.min.css +0 -2
  96. package/dist/bundled/panel/1.0.0-rc.8/dist/bundled/jquery/jquery.slim.min.js +0 -2
  97. package/dist/bundled/plotlyplot/panel/1.0.0-rc.8/dist/bundled/jquery/jquery.slim.min.js +0 -2
@@ -1,175 +1,193 @@
1
- :root, :host {
2
- --bs-primary-color: var(--panel-on-primary-color);
3
- --bs-primary-bg: var(--panel-primary-color);
4
- --bs-secondary-color: var(--panel-on-secondary-color);
5
- --bs-secondary-bg: var(--panel-secondary-color);
6
- --bs-form-control-bg: var(--panel-background-color);
7
- --bs-body-bg: var(--panel-background-color);
8
- --bs-body-color: var(--panel-on-background-color);
9
- --bs-surface-bg: var(--panel-surface-color);
10
- --bs-surface-color: var(--panel-on-surface-color);
11
- --bokeh-base-font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
1
+ :root,
2
+ :host {
3
+ --bs-primary-color: var(
4
+ --design-primary-text-color,
5
+ var(--panel-on-primary-color)
6
+ );
7
+ --bs-primary-bg: var(--design-primary-color, var(--panel-primary-color));
8
+ --bs-secondary-color: var(
9
+ --design-secondary-text-color,
10
+ var(--panel-on-secondary-color)
11
+ );
12
+ --bs-secondary-bg: var(--design-primary-color, var(--panel-secondary-color));
13
+ --bs-form-control-bg: var(
14
+ --design-background-color,
15
+ var(--panel-background-color)
16
+ );
17
+ --bs-body-bg: var(--design-background-color, var(--panel-background-color));
18
+ --bs-body-color: var(
19
+ --design-background-text-color,
20
+ var(--panel-on-background-color)
21
+ );
22
+ --bs-surface-bg: var(--design-surface-color, var(--panel-surface-color));
23
+ --bs-surface-color: var(
24
+ --design-surface-text-color,
25
+ var(--panel-on-surface-color)
26
+ );
27
+ --bokeh-base-font: system-ui, -apple-system, 'Segoe UI', Roboto,
28
+ 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif,
29
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
12
30
  }
13
31
 
14
32
  html {
15
- scrollbar-face-color: var(--bs-surface-bg);
16
- scrollbar-base-color: var(--bs-surface-bg);
17
- scrollbar-3dlight-color: var(--bs-surface-bg);
18
- scrollbar-highlight-color: var(--bs-surface-bg);
19
- scrollbar-track-color: var(--bs-body-bg);
20
- scrollbar-arrow-color: var(--bs-body-bg);
21
- scrollbar-shadow-color: var(--bs-surface-bg);
33
+ scrollbar-face-color: var(--bs-surface-bg);
34
+ scrollbar-base-color: var(--bs-surface-bg);
35
+ scrollbar-3dlight-color: var(--bs-surface-bg);
36
+ scrollbar-highlight-color: var(--bs-surface-bg);
37
+ scrollbar-track-color: var(--bs-body-bg);
38
+ scrollbar-arrow-color: var(--bs-body-bg);
39
+ scrollbar-shadow-color: var(--bs-surface-bg);
22
40
  }
23
41
 
24
42
  ::-webkit-scrollbar {
25
- width: 12px;
43
+ width: 12px;
26
44
  }
27
45
 
28
46
  ::-webkit-scrollbar-track {
29
- background-color: var(--bs-body-bg);
30
- border-radius: 10px;
47
+ background-color: var(--bs-body-bg);
48
+ border-radius: 10px;
31
49
  }
32
50
 
33
51
  ::-webkit-scrollbar-thumb {
34
- background-color: var(--bs-surface-bg);
52
+ background-color: var(--bs-surface-bg);
35
53
  }
36
54
 
37
55
  ::-webkit-scrollbar-corner {
38
- background-color: var(--bs-surface-bg);
56
+ background-color: var(--bs-surface-bg);
39
57
  }
40
58
 
41
59
  body {
42
- color: var(--bs-body-color);
43
- background-color: var(--bs-body-bg);
44
- height: 100vh;
60
+ color: var(--bs-body-color);
61
+ background-color: var(--bs-body-bg);
62
+ height: 100vh;
45
63
  }
46
64
 
47
65
  #container {
48
- padding: 0px;
66
+ padding: 0px;
49
67
  }
50
68
 
51
69
  /* Header */
52
70
 
53
71
  #header {
54
- background-color: var(--bs-primary-bg);
55
- color: var(--bs-primary-color);
72
+ background-color: var(--bs-primary-bg);
73
+ color: var(--bs-primary-color);
56
74
  }
57
75
 
58
76
  .navbar-toggle {
59
- background: none;
60
- border: none;
61
- padding-left: 10px;
77
+ background: none;
78
+ border: none;
79
+ padding-left: 10px;
62
80
  }
63
81
 
64
82
  a.navbar-brand {
65
- padding-left: 10px;
66
- display: flex;
67
- align-items: center;
68
- font-size: 1.5em;
83
+ padding-left: 10px;
84
+ display: flex;
85
+ align-items: center;
86
+ font-size: 1.5em;
69
87
  }
70
88
 
71
89
  #header .title {
72
- color: var(--bs-primary-color);
73
- text-decoration: none;
74
- text-decoration-line: none;
75
- text-decoration-style: initial;
76
- text-decoration-color: initial;
77
- font-weight: 400;
78
- font-size: 1.5em;
79
- padding-left: 0.5em;
80
- line-height: 2em;
81
- white-space: nowrap;
90
+ color: var(--bs-primary-color);
91
+ text-decoration: none;
92
+ text-decoration-line: none;
93
+ text-decoration-style: initial;
94
+ text-decoration-color: initial;
95
+ font-weight: 400;
96
+ font-size: 1.5em;
97
+ padding-left: 0.5em;
98
+ line-height: 2em;
99
+ white-space: nowrap;
82
100
  }
83
101
 
84
102
  #header-items {
85
- align-items: center;
86
- display: flex;
87
- flex-grow: 1;
88
- margin-left: 15px;
89
- white-space: nowrap;
103
+ align-items: center;
104
+ display: flex;
105
+ flex-grow: 1;
106
+ margin-left: 15px;
107
+ white-space: nowrap;
90
108
  }
91
109
 
92
110
  .app-header {
93
- display: contents;
94
- padding-left: 10px;
111
+ display: contents;
112
+ padding-left: 10px;
95
113
  }
96
114
 
97
115
  .app-header a.title:hover {
98
- color: var(--bs-primary-color);
99
- text-decoration: none;
116
+ color: var(--bs-primary-color);
117
+ text-decoration: none;
100
118
  }
101
119
 
102
120
  img.app-logo {
103
- padding-right: 10px;
104
- font-size: 28px;
105
- height: 30px;
106
- max-width: inherit;
121
+ padding-right: 10px;
122
+ font-size: 28px;
123
+ height: 30px;
124
+ max-width: inherit;
107
125
  }
108
126
 
109
127
  /* Sidebar */
110
128
 
111
129
  #sidebar {
112
- border-right: 1px solid var(--bs-border-color);
113
- height: 100%;
114
- overflow: hidden auto;
115
- padding: 15px 10px 15px 5px;
130
+ border-right: 1px solid var(--bs-border-color);
131
+ height: 100%;
132
+ overflow: hidden auto;
133
+ padding: 15px 10px 15px 5px;
116
134
  }
117
135
 
118
136
  #sidebar.collapsing {
119
- display: block;
120
- width: 0;
137
+ display: block;
138
+ width: 0;
121
139
  }
122
140
 
123
141
  /* Main Area */
124
142
 
125
143
  #content {
126
- height: 100%;
127
- margin: 0px;
144
+ height: 100%;
145
+ margin: 0px;
128
146
  }
129
147
 
130
148
  #main {
131
- background-color: var(--bs-body-bg);
132
- color: var(--bs-body-color);
133
- overflow-y: auto;
134
- padding: 10px 20px 20px 10px;
149
+ background-color: var(--bs-body-bg);
150
+ color: var(--bs-body-color);
151
+ overflow-y: auto;
152
+ padding: 10px 20px 20px 10px;
135
153
  }
136
154
 
137
155
  /* Modal */
138
156
 
139
157
  .pn-modal {
140
- overflow-y: auto;
158
+ overflow-y: auto;
141
159
  }
142
160
 
143
161
  .pn-modal-content {
144
- display: block;
145
- min-height: 42px;
162
+ display: block;
163
+ min-height: 42px;
146
164
  }
147
165
 
148
166
  .pn-modal-close {
149
- height: 40px;
150
- float: right;
151
- padding: 0px;
152
- position: relative;
153
- width: 40px;
154
- z-index: 100;
167
+ height: 40px;
168
+ float: right;
169
+ padding: 0px;
170
+ position: relative;
171
+ width: 40px;
172
+ z-index: 100;
155
173
  }
156
174
 
157
175
  .pn-modal-close:hover,
158
176
  .pn-modal-close:focus {
159
- cursor: pointer;
160
- font-weight: 800;
161
- text-decoration: none;
177
+ cursor: pointer;
178
+ font-weight: 800;
179
+ text-decoration: none;
162
180
  }
163
181
 
164
182
  .pn-busy-container {
165
- align-items: center;
166
- justify-content: center;
167
- display: flex;
168
- margin-left: auto;
183
+ align-items: center;
184
+ justify-content: center;
185
+ display: flex;
186
+ margin-left: auto;
169
187
  }
170
188
 
171
189
  @media (min-width: 576px) {
172
- .modal-dialog {
173
- max-width: 80%;
174
- }
190
+ .modal-dialog {
191
+ max-width: 80%;
192
+ }
175
193
  }