streamlit-nightly 1.38.1.dev20240926__py2.py3-none-any.whl → 1.38.1.dev20240927__py2.py3-none-any.whl

streamlit/elements/widgets/select_slider.py

@@ -227,8 +227,7 @@ class SelectSliderMixin:
         key : str or int
             An optional string or integer to use as the unique key for the widget.
             If this is omitted, a key will be generated for the widget
-            based on its content. Multiple widgets of the same type may
-            not share the same key.
+            based on its content. No two widgets may have the same key.
 
         help : str
             An optional tooltip that gets displayed next to the select slider.
@@ -399,14 +398,14 @@ class SelectSliderMixin:
         serde = SelectSliderSerde(opt, slider_value, _is_range_value(value))
 
         widget_state = register_widget(
-            "slider",
-            slider_proto,
+            slider_proto.id,
             on_change_handler=on_change,
             args=args,
             kwargs=kwargs,
             deserializer=serde.deserialize,
             serializer=serde.serialize,
             ctx=ctx,
+            value_type="double_array_value",
         )
         if isinstance(widget_state.value, tuple):
             widget_state = maybe_coerce_enum_sequence(

streamlit/elements/widgets/selectbox.py

@@ -170,8 +170,7 @@ class SelectboxMixin:
         key : str or int
             An optional string or integer to use as the unique key for the widget.
             If this is omitted, a key will be generated for the widget
-            based on its content. Multiple widgets of the same type may
-            not share the same key.
+            based on its content. No two widgets may have the same key.
 
         help : str
             An optional tooltip that gets displayed next to the selectbox.
@@ -328,14 +327,14 @@ class SelectboxMixin:
         serde = SelectboxSerde(opt, index)
 
         widget_state = register_widget(
-            "selectbox",
-            selectbox_proto,
+            selectbox_proto.id,
             on_change_handler=on_change,
             args=args,
             kwargs=kwargs,
             deserializer=serde.deserialize,
             serializer=serde.serialize,
             ctx=ctx,
+            value_type="int_value",
         )
         widget_state = maybe_coerce_enum(widget_state, options, opt)
 

streamlit/elements/widgets/slider.py

@@ -423,8 +423,7 @@ class SliderMixin:
         key : str or int
             An optional string or integer to use as the unique key for the widget.
             If this is omitted, a key will be generated for the widget
-            based on its content. Multiple widgets of the same type may
-            not share the same key.
+            based on its content. No two widgets may have the same key.
 
         help : str
             An optional tooltip that gets displayed next to the slider.
@@ -822,14 +821,14 @@ class SliderMixin:
         serde = SliderSerde(value, data_type, single_value, orig_tz)
 
         widget_state = register_widget(
-            "slider",
-            slider_proto,
+            slider_proto.id,
             on_change_handler=on_change,
             args=args,
             kwargs=kwargs,
             deserializer=serde.deserialize,
             serializer=serde.serialize,
             ctx=ctx,
+            value_type="double_array_value",
         )
 
         if widget_state.value_changed:

streamlit/elements/widgets/text_widgets.py

@@ -168,8 +168,7 @@ class TextWidgetsMixin:
         key : str or int
             An optional string or integer to use as the unique key for the widget.
             If this is omitted, a key will be generated for the widget
-            based on its content. Multiple widgets of the same type may
-            not share the same key.
+            based on its content. No two widgets may have the same key.
 
         type : "default" or "password"
             The type of the text input. This can be either "default" (for
@@ -331,14 +330,14 @@ class TextWidgetsMixin:
         serde = TextInputSerde(value)
 
         widget_state = register_widget(
-            "text_input",
-            text_input_proto,
+            text_input_proto.id,
             on_change_handler=on_change,
             args=args,
             kwargs=kwargs,
             deserializer=serde.deserialize,
             serializer=serde.serialize,
             ctx=ctx,
+            value_type="string_value",
         )
 
         if widget_state.value_changed:
@@ -445,8 +444,7 @@ class TextWidgetsMixin:
         key : str or int
             An optional string or integer to use as the unique key for the widget.
             If this is omitted, a key will be generated for the widget
-            based on its content. Multiple widgets of the same type may
-            not share the same key.
+            based on its content. No two widgets may have the same key.
 
         help : str
             An optional tooltip that gets displayed next to the textarea.
@@ -586,14 +584,14 @@ class TextWidgetsMixin:
 
         serde = TextAreaSerde(value)
         widget_state = register_widget(
-            "text_area",
-            text_area_proto,
+            text_area_proto.id,
             on_change_handler=on_change,
             args=args,
             kwargs=kwargs,
             deserializer=serde.deserialize,
             serializer=serde.serialize,
             ctx=ctx,
+            value_type="string_value",
         )
 
         if widget_state.value_changed:

streamlit/elements/widgets/time_widgets.py

@@ -339,8 +339,7 @@ class TimeWidgetsMixin:
         key : str or int
             An optional string or integer to use as the unique key for the widget.
             If this is omitted, a key will be generated for the widget
-            based on its content. Multiple widgets of the same type may
-            not share the same key.
+            based on its content. No two widgets may have the same key.
 
         help : str
             An optional tooltip that gets displayed next to the input.
@@ -496,14 +495,14 @@ class TimeWidgetsMixin:
 
         serde = TimeInputSerde(parsed_time)
         widget_state = register_widget(
-            "time_input",
-            time_input_proto,
+            time_input_proto.id,
             on_change_handler=on_change,
             args=args,
             kwargs=kwargs,
             deserializer=serde.deserialize,
             serializer=serde.serialize,
             ctx=ctx,
+            value_type="string_value",
         )
 
         if widget_state.value_changed:
@@ -576,8 +575,7 @@ class TimeWidgetsMixin:
         key : str or int
             An optional string or integer to use as the unique key for the widget.
             If this is omitted, a key will be generated for the widget
-            based on its content. Multiple widgets of the same type may
-            not share the same key.
+            based on its content. No two widgets may have the same key.
 
         help : str
             An optional tooltip that gets displayed next to the input.
@@ -797,14 +795,14 @@ class TimeWidgetsMixin:
         serde = DateInputSerde(parsed_values)
 
         widget_state = register_widget(
-            "date_input",
-            date_input_proto,
+            date_input_proto.id,
             on_change_handler=on_change,
             args=args,
             kwargs=kwargs,
             deserializer=serde.deserialize,
             serializer=serde.serialize,
             ctx=ctx,
+            value_type="string_array_value",
         )
 
         if widget_state.value_changed:

streamlit/navigation/page.py

@@ -55,21 +55,21 @@ def Page(
     Parameters
     ----------
 
-    page: str, Path, or callable
+    page : str, Path, or callable
         The page source as a ``Callable`` or path to a Python file. If the page
         source is defined by a Python file, the path can be a string or
         ``pathlib.Path`` object, but must be declared relative to the
         entrypoint file. If the page source is defined by a ``Callable``, the
         ``Callable`` can't accept arguments.
 
-    title: str or None
+    title : str or None
         The title of the page. If this is ``None`` (default), the page title
         (in the browser tab) and label (in the navigation menu) will be
         inferred from the filename or callable name in ``page``. For more
         information, see `Overview of multipage apps
         <https://docs.streamlit.io/st.page.automatic-page-labels>`_.
 
-    icon: str or None
+    icon : str or None
         An optional emoji or icon to display next to the page title and label.
         If ``icon`` is ``None`` (default), no icon is displayed next to the
         page label in the navigation menu, and a Streamlit icon is displayed
@@ -88,7 +88,7 @@ def Page(
             <https://fonts.google.com/icons?icon.set=Material+Symbols&icon.style=Rounded>`_
             font library.
 
-    url_path: str or None
+    url_path : str or None
         The page's URL pathname, which is the path relative to the app's root
         URL. If this is ``None`` (default), the URL pathname will be inferred
         from the filename or callable name in ``page``. For more information,
@@ -97,8 +97,10 @@ def Page(
 
         The default page will have a pathname of ``""``, indicating the root
         URL of the app. If you set ``default=True``, ``url_path`` is ignored.
+        ``url_path`` can't include forward slashes; paths can't include
+        subdirectories.
 
-    default: bool
+    default : bool
         Whether this page is the default page to be shown when the app is
         loaded. If ``default`` is ``False`` (default), the page will have a
         nonempty URL pathname. However, if no default page is passed to

streamlit/runtime/state/common.py

@@ -26,7 +26,6 @@ from typing import (
     Literal,
     Tuple,
     TypeVar,
-    Union,
     cast,
     get_args,
 )
@@ -37,56 +36,6 @@ from streamlit import util
 from streamlit.errors import (
     StreamlitAPIException,
 )
-from streamlit.proto.Arrow_pb2 import Arrow
-from streamlit.proto.ArrowVegaLiteChart_pb2 import ArrowVegaLiteChart
-from streamlit.proto.AudioInput_pb2 import AudioInput
-from streamlit.proto.Button_pb2 import Button
-from streamlit.proto.ButtonGroup_pb2 import ButtonGroup
-from streamlit.proto.CameraInput_pb2 import CameraInput
-from streamlit.proto.ChatInput_pb2 import ChatInput
-from streamlit.proto.Checkbox_pb2 import Checkbox
-from streamlit.proto.ColorPicker_pb2 import ColorPicker
-from streamlit.proto.Components_pb2 import ComponentInstance
-from streamlit.proto.DateInput_pb2 import DateInput
-from streamlit.proto.DeckGlJsonChart_pb2 import DeckGlJsonChart
-from streamlit.proto.DownloadButton_pb2 import DownloadButton
-from streamlit.proto.FileUploader_pb2 import FileUploader
-from streamlit.proto.MultiSelect_pb2 import MultiSelect
-from streamlit.proto.NumberInput_pb2 import NumberInput
-from streamlit.proto.PlotlyChart_pb2 import PlotlyChart
-from streamlit.proto.Radio_pb2 import Radio
-from streamlit.proto.Selectbox_pb2 import Selectbox
-from streamlit.proto.Slider_pb2 import Slider
-from streamlit.proto.TextArea_pb2 import TextArea
-from streamlit.proto.TextInput_pb2 import TextInput
-from streamlit.proto.TimeInput_pb2 import TimeInput
-
-# Protobuf types for all widgets.
-WidgetProto: TypeAlias = Union[
-    Arrow,
-    ArrowVegaLiteChart,
-    AudioInput,
-    Button,
-    ButtonGroup,
-    CameraInput,
-    ChatInput,
-    Checkbox,
-    ColorPicker,
-    ComponentInstance,
-    DateInput,
-    DeckGlJsonChart,
-    DownloadButton,
-    FileUploader,
-    MultiSelect,
-    NumberInput,
-    PlotlyChart,
-    Radio,
-    Selectbox,
-    Slider,
-    TextArea,
-    TextInput,
-    TimeInput,
-]
 
 GENERATED_ELEMENT_ID_PREFIX: Final = "$$ID"
 TESTING_KEY = "$$STREAMLIT_INTERNAL_KEY_TESTING"

streamlit/runtime/state/widgets.py

@@ -14,10 +14,7 @@
 
 from __future__ import annotations
 
-from types import MappingProxyType
-from typing import TYPE_CHECKING, Final, Mapping
-
-from typing_extensions import TypeAlias
+from typing import TYPE_CHECKING
 
 from streamlit.runtime.state.common import (
     RegisterWidgetResult,
@@ -28,7 +25,6 @@ from streamlit.runtime.state.common import (
     WidgetDeserializer,
     WidgetKwargs,
     WidgetMetadata,
-    WidgetProto,
     WidgetSerializer,
     user_key_from_element_id,
 )
@@ -37,65 +33,24 @@ if TYPE_CHECKING:
     from streamlit.runtime.scriptrunner import ScriptRunContext
 
 
-ElementType: TypeAlias = str
-
-# NOTE: We use this table to start with a best-effort guess for the value_type
-# of each widget. Once we actually receive a proto for a widget from the
-# frontend, the guess is updated to be the correct type. Unfortunately, we're
-# not able to always rely on the proto as the type may be needed earlier.
-# Thankfully, in these cases (when value_type == "trigger_value"), the static
-# table here being slightly inaccurate should never pose a problem.
-ELEMENT_TYPE_TO_VALUE_TYPE: Final[Mapping[ElementType, ValueFieldName]] = (
-    MappingProxyType(
-        {
-            "audio_input": "file_uploader_state_value",
-            "button": "trigger_value",
-            "button_group": "int_array_value",
-            "camera_input": "file_uploader_state_value",
-            "chat_input": "string_trigger_value",
-            "checkbox": "bool_value",
-            "color_picker": "string_value",
-            "component_instance": "json_value",
-            "data_editor": "string_value",
-            "dataframe": "string_value",
-            "date_input": "string_array_value",
-            "deck_gl_json_chart": "string_value",
-            "download_button": "trigger_value",
-            "file_uploader": "file_uploader_state_value",
-            "multiselect": "int_array_value",
-            "number_input": "double_value",
-            "plotly_chart": "string_value",
-            "radio": "int_value",
-            "selectbox": "int_value",
-            "slider": "double_array_value",
-            "text_area": "string_value",
-            "text_input": "string_value",
-            "time_input": "string_value",
-            "vega_lite_chart": "string_value",
-        }
-    )
-)
-
-
 def register_widget(
-    element_type: ElementType,
-    element_proto: WidgetProto,
+    element_id: str,
+    *,
     deserializer: WidgetDeserializer[T],
     serializer: WidgetSerializer[T],
     ctx: ScriptRunContext | None,
     on_change_handler: WidgetCallback | None = None,
     args: WidgetArgs | None = None,
     kwargs: WidgetKwargs | None = None,
+    value_type: ValueFieldName,
 ) -> RegisterWidgetResult[T]:
     """Register a widget with Streamlit, and return its current value.
     NOTE: This function should be called after the proto has been filled.
 
     Parameters
     ----------
-    element_type : ElementType
-        The type of the element as stored in proto.
-    element_proto : WidgetProto
-        The proto of the specified type (e.g. Button/Multiselect/Slider proto)
+    element_id : str
+        The id of the element. Must be unique.
     deserializer : WidgetDeserializer[T]
         Called to convert a widget's protobuf value to the value returned by
         its st.<widget_name> function.
@@ -109,6 +64,15 @@ def register_widget(
         args to pass to on_change_handler when invoked
     kwargs : WidgetKwargs or None
         kwargs to pass to on_change_handler when invoked
+    value_type: ValueType
+        The value_type the widget is going to use.
+        We use this information to start with a best-effort guess for the value_type
+        of each widget. Once we actually receive a proto for a widget from the
+        frontend, the guess is updated to be the correct type. Unfortunately, we're
+        not able to always rely on the proto as the type may be needed earlier.
+        Thankfully, in these cases (when value_type == "trigger_value"), the static
+        table here being slightly inaccurate should never pose a problem.
+
 
     Returns
     -------
@@ -136,10 +100,10 @@ def register_widget(
     """
     # Create the widget's updated metadata, and register it with session_state.
     metadata = WidgetMetadata(
-        element_proto.id,
+        element_id,
         deserializer,
         serializer,
-        value_type=ELEMENT_TYPE_TO_VALUE_TYPE[element_type],
+        value_type=value_type,
         callback=on_change_handler,
         callback_args=args,
         callback_kwargs=kwargs,

streamlit/static/asset-manifest.json

@@ -1,14 +1,14 @@
 {
   "files": {
     "main.css": "./static/css/main.5513bd04.css",
-    "main.js": "./static/js/main.45415ac9.js",
+    "main.js": "./static/js/main.db770de6.js",
     "static/js/6679.265ca09c.chunk.js": "./static/js/6679.265ca09c.chunk.js",
     "static/js/9464.7e9a3c0a.chunk.js": "./static/js/9464.7e9a3c0a.chunk.js",
     "static/js/9077.e0a8db2a.chunk.js": "./static/js/9077.e0a8db2a.chunk.js",
     "static/js/3391.663b9d47.chunk.js": "./static/js/3391.663b9d47.chunk.js",
     "static/css/9943.93909c7e.chunk.css": "./static/css/9943.93909c7e.chunk.css",
     "static/js/9943.6af344bb.chunk.js": "./static/js/9943.6af344bb.chunk.js",
-    "static/css/5711.c24b25fa.chunk.css": "./static/css/5711.c24b25fa.chunk.css",
+    "static/css/5711.a29b5d98.chunk.css": "./static/css/5711.a29b5d98.chunk.css",
     "static/js/5711.229cb7d0.chunk.js": "./static/js/5711.229cb7d0.chunk.js",
     "static/js/3861.0dedcd19.chunk.js": "./static/js/3861.0dedcd19.chunk.js",
     "static/js/8642.58110d15.chunk.js": "./static/js/8642.58110d15.chunk.js",
@@ -156,6 +156,6 @@
   },
   "entrypoints": [
     "static/css/main.5513bd04.css",
-    "static/js/main.45415ac9.js"
+    "static/js/main.db770de6.js"
   ]
 }

streamlit/static/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><link rel="shortcut icon" href="./favicon.png"/><link rel="preload" href="./static/media/SourceSansPro-Regular.0d69e5ff5e92ac64a0c9.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="./static/media/SourceSansPro-SemiBold.abed79cd0df1827e18cf.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="./static/media/SourceSansPro-Bold.118dea98980e20a81ced.woff2" as="font" type="font/woff2" crossorigin><title>Streamlit</title><script>window.prerenderReady=!1</script><script defer="defer" src="./static/js/main.45415ac9.js"></script><link href="./static/css/main.5513bd04.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><link rel="shortcut icon" href="./favicon.png"/><link rel="preload" href="./static/media/SourceSansPro-Regular.0d69e5ff5e92ac64a0c9.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="./static/media/SourceSansPro-SemiBold.abed79cd0df1827e18cf.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="./static/media/SourceSansPro-Bold.118dea98980e20a81ced.woff2" as="font" type="font/woff2" crossorigin><title>Streamlit</title><script>window.prerenderReady=!1</script><script defer="defer" src="./static/js/main.db770de6.js"></script><link href="./static/css/main.5513bd04.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

streamlit/static/static/css/{5711.c24b25fa.chunk.css → 5711.a29b5d98.chunk.css}

@@ -1 +1 @@
-.vega-embed{box-sizing:border-box;display:inline-block;position:relative}.vega-embed.has-actions{padding-right:38px}.vega-embed details:not([open])>:not(summary){display:none!important}.vega-embed summary{background:#fff;border:1px solid #aaa;border-radius:999px;box-shadow:1px 1px 3px rgba(0,0,0,.1);color:#1b1e23;cursor:pointer;line-height:0px;list-style:none;opacity:.2;padding:6px;position:absolute;right:0;top:0;transition:opacity .4s ease-in;z-index:1000}.vega-embed summary::-webkit-details-marker{display:none}.vega-embed summary:active{box-shadow:inset 0 0 0 1px #aaa}.vega-embed summary svg{height:14px;width:14px}.vega-embed details[open] summary{opacity:.7}.vega-embed:focus-within summary,.vega-embed:hover summary{opacity:1!important;transition:opacity .2s ease}.vega-embed .vega-actions{animation-duration:.15s;animation-name:scale-in;animation-timing-function:cubic-bezier(.2,0,.13,1.5);background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;padding-bottom:8px;padding-top:8px;position:absolute;right:-9px;text-align:left;top:35px;z-index:1001}.vega-embed .vega-actions a{color:#434a56;font-family:sans-serif;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;white-space:nowrap}.vega-embed .vega-actions a:focus,.vega-embed .vega-actions a:hover{background-color:#f7f7f9;color:#000}.vega-embed .vega-actions:after,.vega-embed .vega-actions:before{content:"";display:inline-block;position:absolute}.vega-embed .vega-actions:before{border:8px solid transparent;border-bottom-color:#d9d9d9;left:auto;right:14px;top:-16px}.vega-embed .vega-actions:after{border:7px solid transparent;border-bottom-color:#fff;left:auto;right:15px;top:-14px}.vega-embed .chart-wrapper.fit-x{width:100%}.vega-embed .chart-wrapper.fit-y{height:100%}.vega-embed-wrapper{max-width:100%;overflow:auto;padding-right:14px}@keyframes scale-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}#vg-tooltip-element{border-radius:3px;box-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:sans-serif;font-size:11px;padding:8px;position:fixed;visibility:hidden;z-index:1000}#vg-tooltip-element.visible{visibility:visible}#vg-tooltip-element h2{font-size:13px;margin-bottom:10px;margin-top:0}#vg-tooltip-element table{border-spacing:0}#vg-tooltip-element table tr{border:none}#vg-tooltip-element table tr td{overflow:hidden;padding-bottom:2px;padding-top:2px;text-overflow:ellipsis}#vg-tooltip-element table tr td.key{color:grey;max-width:150px;padding-right:4px;text-align:right}#vg-tooltip-element table tr td.value{display:block;max-height:7em;max-width:300px;text-align:left}
+.vega-embed{box-sizing:border-box;display:inline-block;position:relative}.vega-embed.has-actions{padding-right:38px}.vega-embed details:not([open])>:not(summary){display:none!important}.vega-embed summary{background:#fff;border:1px solid #aaa;border-radius:999px;box-shadow:1px 1px 3px rgba(0,0,0,.1);color:#1b1e23;cursor:pointer;line-height:0px;list-style:none;opacity:.2;padding:6px;position:absolute;right:0;top:0;transition:opacity .4s ease-in;z-index:1000}.vega-embed summary::-webkit-details-marker{display:none}.vega-embed summary:active{box-shadow:inset 0 0 0 1px #aaa}.vega-embed summary svg{height:14px;width:14px}.vega-embed details[open] summary{opacity:.7}.vega-embed:focus-within summary,.vega-embed:hover summary{opacity:1!important;transition:opacity .2s ease}.vega-embed .vega-actions{animation-duration:.15s;animation-name:scale-in;animation-timing-function:cubic-bezier(.2,0,.13,1.5);background:#fff;border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;padding-bottom:8px;padding-top:8px;position:absolute;right:-9px;text-align:left;top:35px;z-index:1001}.vega-embed .vega-actions a{color:#434a56;font-family:sans-serif;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;white-space:nowrap}.vega-embed .vega-actions a:focus,.vega-embed .vega-actions a:hover{background-color:#f7f7f9;color:#000}.vega-embed .vega-actions:after,.vega-embed .vega-actions:before{content:"";display:inline-block;position:absolute}.vega-embed .vega-actions:before{border:8px solid transparent;border-bottom-color:#d9d9d9;left:auto;right:14px;top:-16px}.vega-embed .vega-actions:after{border:7px solid transparent;border-bottom-color:#fff;left:auto;right:15px;top:-14px}.vega-embed .chart-wrapper.fit-x{width:100%}.vega-embed .chart-wrapper.fit-y{height:100%}.vega-embed-wrapper{max-width:100%;overflow:auto;padding-right:14px}@keyframes scale-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}#vg-tooltip-element{border-radius:3px;box-shadow:2px 2px 4px rgba(0,0,0,.1);font-family:sans-serif;font-size:11px;padding:8px;position:fixed;visibility:hidden;z-index:1000050}#vg-tooltip-element.visible{visibility:visible}#vg-tooltip-element h2{font-size:13px;margin-bottom:10px;margin-top:0}#vg-tooltip-element table{border-spacing:0}#vg-tooltip-element table tr{border:none}#vg-tooltip-element table tr td{overflow:hidden;padding-bottom:2px;padding-top:2px;text-overflow:ellipsis}#vg-tooltip-element table tr td.key{color:grey;max-width:150px;padding-right:4px;text-align:right}#vg-tooltip-element table tr td.value{display:block;max-height:7em;max-width:300px;text-align:left}