supervisely 6.73.452__py3-none-any.whl → 6.73.513__py3-none-any.whl

supervisely/app/widgets/heatmap/style.css

@@ -0,0 +1,233 @@
+.heatmap-container {
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.image-wrapper {
+  position: relative;
+  max-width: 100%;
+  cursor: pointer;
+  overflow: visible; /* Allow popup to overflow */
+  box-sizing: border-box;
+  transition: height 0.2s ease;
+}
+
+.image-wrapper img {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: fill;
+  object-position: center;
+  -webkit-user-drag: none;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  pointer-events: auto;
+}
+
+.overlay-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  object-fit: contain;
+  image-rendering: pixelated;
+}
+
+.heatmap-header {
+  display: flex;
+  justify-content: space-between;
+  padding-bottom: 8px;
+}
+
+.opacity-slider {
+  background: rgba(255, 255, 255);
+  border-radius: 8px;
+  padding: 10px 10px;
+  display: flex;
+  align-items: center;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  flex-direction: column;
+}
+
+.opacity-slider .opacity-label {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  color: #353a44;
+  font-weight: 400;
+  font-size: 14px;
+}
+
+.opacity-slider .opacity-label .opacity-value{
+  align-self: flex-end;
+  font-size: 12px;
+}
+
+.opacity-slider .slider {
+  width: 145px;
+}
+
+.opacity-slider .slider .el-slider__runway {
+  margin: 8px 0;
+}
+
+.legend {
+  bottom: 8px;
+  background: rgba(255, 255, 255);
+  border-radius: 8px;
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.legend-gradient {
+  width: 120px;
+  height: 12px;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.legend-label {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: #333;
+  white-space: nowrap;
+}
+
+.click-indicator {
+  position: absolute;
+  pointer-events: none;
+  z-index: 1001;
+  transform: translate(-50%, -50%);
+  animation: click-appear 0.3s ease;
+  transition: opacity 0.3s ease;
+}
+
+.click-indicator.hiding {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+}
+
+@keyframes click-appear {
+  from {
+    transform: translate(-50%, -50%) scale(0);
+  }
+  to {
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+
+.click-dot {
+  width: 12px;
+  height: 12px;
+  background: white;
+  border: 2px solid #3b82f6;
+  border-radius: 50%;
+  box-sizing: border-box;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(59, 130, 246, 0.2);
+  animation: pulse-ring 1.5s ease-out infinite;
+  transform: translate(1px, -1px);
+}
+
+@keyframes pulse-ring {
+  0% {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(59, 130, 246, 0.4);
+  }
+  50% {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 6px rgba(59, 130, 246, 0.1);
+  }
+  100% {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 0 2px rgba(59, 130, 246, 0.4);
+  }
+}
+
+.value-popup {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.95);
+  color: #333;
+  padding: 6px 12px;
+  border-radius: 6px;
+  pointer-events: none;
+  z-index: 1002;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  white-space: nowrap;
+  animation: popup-fade-in 0.2s ease;
+  transition: opacity 0.3s ease;
+}
+
+.value-popup.hiding {
+  opacity: 0;
+}
+
+@keyframes popup-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.value-popup-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+
+.value-popup-value {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.value-popup-arrow {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: rgba(255, 255, 255, 0.95);
+}
+
+/* Arrow positions and rotations for different popup positions */
+.popup-position-top .value-popup-arrow {
+  bottom: -4px;
+  left: 50%;
+  margin-left: -4px;
+  transform: rotate(45deg);
+  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
+}
+
+.popup-position-bottom .value-popup-arrow {
+  top: -4px;
+  left: 50%;
+  margin-left: -4px;
+  transform: rotate(45deg);
+  box-shadow: -2px -2px 3px rgba(0, 0, 0, 0.1);
+}
+
+.popup-position-right .value-popup-arrow {
+  left: -4px;
+  top: 50%;
+  margin-top: -4px;
+  transform: rotate(45deg);
+  box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.1);
+}
+
+.popup-position-left .value-popup-arrow {
+  right: -4px;
+  top: 50%;
+  margin-top: -4px;
+  transform: rotate(45deg);
+  box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.1);
+}
+
+.image-container {
+  position: relative;
+  overflow: hidden;
+  max-width: 100%;
+}

supervisely/app/widgets/heatmap/template.html

@@ -0,0 +1,21 @@
+<link rel="stylesheet" href="./sly/css/app/widgets/heatmap/style.css" />
+<heatmap-image
+  :background-url="data.{{{widget.widget_id}}}.backgroundUrl"
+  :mask-url="data.{{{widget.widget_id}}}.heatmapUrl"
+  :opacity.sync="state.{{{widget.widget_id}}}.opacity"
+  :width="data.{{{widget.widget_id}}}.width"
+  :height="data.{{{widget.widget_id}}}.height"
+  :mask-width="data.{{{widget.widget_id}}}.maskWidth"
+  :mask-height="data.{{{widget.widget_id}}}.maskHeight"
+  :min-value="data.{{{widget.widget_id}}}.minValue"
+  :max-value="data.{{{widget.widget_id}}}.maxValue"
+  :legend-colors="data.{{{widget.widget_id}}}.legendColors"
+  :clicked-value="state.{{{widget.widget_id}}}.clickedValue"
+  :mask-x="state.{{{widget.widget_id}}}.maskX"
+  :mask-y="state.{{{widget.widget_id}}}.maskY"
+  @update:clicked-value="state.{{{widget.widget_id}}}.clickedValue = $event"
+  @update:mask-x="state.{{{widget.widget_id}}}.maskX = $event"
+  @update:mask-y="state.{{{widget.widget_id}}}.maskY = $event"
+  :on-image-click="() => {post('/{{{widget.widget_id}}}/heatmap_clicked_cb')}"
+>
+</heatmap-image>

supervisely/app/widgets/modal/modal.py

@@ -0,0 +1,198 @@
+from typing import Dict, List, Literal, Optional
+
+from supervisely.app.content import DataJson, StateJson
+from supervisely.app.widgets import Widget
+
+
+class Modal(Widget):
+    """Modal is a widget that displays content in a modal overlay window with a close button.
+    It can contain any other widgets, similar to Container, and provides programmatic control
+    to show/hide the modal.
+
+    Read about it in `Developer Portal <https://developer.supervisely.com/app-development/widgets/layouts-and-containers/modal>`_
+        (including screenshots and examples).
+
+    :param title: Modal window title
+    :type title: str
+    :param widgets: List of widgets to be displayed inside the modal
+    :type widgets: Optional[List[Widget]]
+    :param size: Modal size, one of: tiny, small, large, full
+    :type size: Literal["tiny", "small", "large", "full"]
+    :param widget_id: An identifier of the widget.
+    :type widget_id: str, optional
+
+    :Usage example:
+    .. code-block:: python
+
+        from supervisely.app.widgets import Modal, Text, Button, Input, Container
+
+        # Create widgets to show in modal
+        input_widget = Input("Enter value")
+        text_widget = Text("This is modal content")
+
+        # Create modal with multiple widgets
+        modal = Modal(
+            title="My Modal Window",
+            widgets=[text_widget, input_widget],
+            size="small"
+        )
+
+        # Show modal programmatically
+        modal.show()
+
+        # Hide modal programmatically
+        modal.hide()
+
+        # Alternative methods
+        modal.show_modal()
+        modal.close_modal()
+    """
+
+    class Routes:
+        ON_CLOSE = "close_cb"
+        VALUE_CHANGED = "value_changed"
+
+    def __init__(
+        self,
+        title: Optional[str] = "",
+        widgets: Optional[List[Widget]] = None,
+        size: Optional[Literal["tiny", "small", "large", "full"]] = "small",
+        widget_id: Optional[str] = None,
+    ):
+        self._title = title
+        self._widgets = widgets if widgets is not None else []
+        self._size = size
+        self._value_changed_handled = False
+        super().__init__(widget_id=widget_id, file_path=__file__)
+
+        server = self._sly_app.get_server()
+        route = self.get_route_path(Modal.Routes.ON_CLOSE)
+
+        @server.post(route)
+        def _on_close():
+            # Change visibility state to False when modal is closed on client side
+            visible = StateJson()[self.widget_id]["visible"]
+            if visible is True:
+                StateJson()[self.widget_id]["visible"] = False
+                # no need to call send_changes(), as it is already changed on client side
+
+    def get_json_data(self) -> Dict[str, str]:
+        """Returns dictionary with widget data, which defines the appearance and behavior of the widget.
+
+        Dictionary contains the following fields:
+            - title: Modal title
+            - size: Modal size, one of: tiny, small, large, full
+
+        :return: Dictionary with widget data
+        :rtype: Dict[str, str]
+        """
+        return {
+            "title": self._title,
+            "size": self._size,
+        }
+
+    def get_json_state(self) -> Dict[str, bool]:
+        """Returns dictionary with widget state.
+
+        Dictionary contains the following fields:
+            - visible: Modal visibility
+
+        :return: Dictionary with widget state
+        :rtype: Dict[str, bool]
+        """
+        return {
+            "visible": False,
+        }
+
+    def show(self) -> None:
+        """Shows the modal window."""
+        StateJson()[self.widget_id]["visible"] = True
+        StateJson().send_changes()
+
+    def hide(self) -> None:
+        """Hides the modal window."""
+        StateJson()[self.widget_id]["visible"] = False
+        StateJson().send_changes()
+
+    def show_modal(self) -> None:
+        """Shows the modal window. Alias for show() method."""
+        self.show()
+
+    def close_modal(self) -> None:
+        """Closes the modal window. Alias for hide() method."""
+        self.hide()
+
+    def is_opened(self) -> bool:
+        """Returns whether the modal is currently open.
+
+        :return: True if modal is visible, False otherwise
+        :rtype: bool
+        """
+        return StateJson()[self.widget_id]["visible"]
+
+    def value_changed(self, func):
+        """Decorator to handle modal visibility changes.
+        The callback function will receive a boolean parameter: True when opened, False when closed.
+
+        :param func: Callback function that takes a boolean parameter
+        :type func: Callable[[bool], None]
+
+        :Usage example:
+        .. code-block:: python
+
+            @modal.value_changed
+            def on_modal_state_changed(is_opened):
+                if is_opened:
+                    print("Modal opened")
+                else:
+                    print("Modal closed")
+        """
+        route_path = self.get_route_path(Modal.Routes.VALUE_CHANGED)
+        server = self._sly_app.get_server()
+        self._value_changed_handled = True
+
+        @server.post(route_path)
+        def _value_changed():
+            is_opened = StateJson()[self.widget_id]["visible"]
+            func(is_opened)
+
+        return _value_changed
+
+    @property
+    def title(self) -> str:
+        """Returns modal title.
+
+        :return: Modal title
+        :rtype: str
+        """
+        return self._title
+
+    @title.setter
+    def title(self, title: str) -> None:
+        """Sets modal title.
+
+        :param title: Modal title
+        :type title: str
+        """
+        self._title = title
+        DataJson()[self.widget_id]["title"] = title
+        DataJson().send_changes()
+
+    @property
+    def widgets(self) -> List[Widget]:
+        """Returns list of widgets inside the modal.
+
+        :return: List of widgets
+        :rtype: List[Widget]
+        """
+        return self._widgets
+
+    @widgets.setter
+    def widgets(self, widgets: List[Widget]) -> None:
+        """Sets the list of widgets to display in the modal.
+        Note: Changing widgets dynamically may require re-rendering.
+
+        :param widgets: List of widgets
+        :type widgets: List[Widget]
+        """
+        self._widgets = widgets

supervisely/app/widgets/modal/template.html

@@ -0,0 +1,10 @@
+<el-dialog :title="data.{{{widget.widget_id}}}.title" :size="data.{{{widget.widget_id}}}.size"
+  :visible.sync="state.{{{widget.widget_id}}}.visible" @close="post('/{{{widget.widget_id}}}/close_cb');" {% if
+  widget._value_changed_handled==true %} @open="post('/{{{widget.widget_id}}}/value_changed');"
+  @close="post('/{{{widget.widget_id}}}/value_changed');" {% endif %}>
+  <div>
+    {% for item in widget._widgets %}
+    {{{item}}}
+    {% endfor %}
+  </div>
+</el-dialog>

supervisely/app/widgets/object_class_view/object_class_view.py

@@ -17,6 +17,7 @@ from supervisely.geometry.pointcloud import Pointcloud
 from supervisely.geometry.point_3d import Point3d
 from supervisely.geometry.multichannel_bitmap import MultichannelBitmap
 from supervisely.geometry.closed_surface_mesh import ClosedSurfaceMesh
+from supervisely.geometry.oriented_bbox import OrientedBBox
 
 
 type_to_zmdi_icon = {
@@ -32,6 +33,7 @@ type_to_zmdi_icon = {
     Pointcloud: "zmdi zmdi-cloud-outline",  #  # "zmdi zmdi-border-clear"
     MultichannelBitmap: "zmdi zmdi-layers",  # "zmdi zmdi-collection-item"
     Point3d: "zmdi zmdi-filter-center-focus",  # "zmdi zmdi-select-all"
+    OrientedBBox: "zmdi zmdi-rotate-cw",
 }
 
 type_to_icons8_icon = {
@@ -61,6 +63,7 @@ type_to_shape_text = {
     Point3d: "point 3d",  # "zmdi zmdi-select-all"
     GraphNodes: "keypoints",
     ClosedSurfaceMesh: "volume (3d mask)",
+    OrientedBBox: "oriented bbox",
 }
 
 

supervisely/app/widgets/radio_tabs/radio_tabs.py

@@ -1,5 +1,9 @@
-from typing import List, Optional, Dict
+import traceback
+from typing import Dict, List, Optional
+
+from supervisely._utils import logger
 from supervisely.app import StateJson
+from supervisely.app.content import DataJson
 from supervisely.app.widgets import Widget
 
 
@@ -65,7 +69,7 @@ class RadioTabs(Widget):
         return _value_changed
 
     def get_json_data(self) -> Dict:
-        return {}
+        return {"tabsOptions": {item.name: {"disabled": False} for item in self._items}}
 
     def get_json_state(self) -> Dict:
         return {"value": self._value}
@@ -77,3 +81,15 @@ class RadioTabs(Widget):
 
     def get_active_tab(self) -> str:
         return StateJson()[self.widget_id]["value"]
+
+    def disable_tab(self, tab_name: str):
+        if tab_name not in [item.name for item in self._items]:
+            raise ValueError(f"Tab with name '{tab_name}' does not exist.")
+        DataJson()[self.widget_id]["tabsOptions"][tab_name]["disabled"] = True
+        DataJson().send_changes()
+
+    def enable_tab(self, tab_name: str):
+        if tab_name not in [item.name for item in self._items]:
+            raise ValueError(f"Tab with name '{tab_name}' does not exist.")
+        DataJson()[self.widget_id]["tabsOptions"][tab_name]["disabled"] = False
+        DataJson().send_changes()

supervisely/app/widgets/radio_tabs/template.html

@@ -20,6 +20,7 @@
     {% for tab_pane in widget._items %}
     <el-tab-pane
         name="{{{tab_pane.name}}}"
+        :disabled="data.{{{widget.widget_id}}}.tabsOptions['{{{tab_pane.name}}}'].disabled"
     >
         <el-radio 
             slot="label" 

supervisely/app/widgets/select/select.py

@@ -156,9 +156,12 @@ class Select(ConditionalWidget):
 
     def get_json_state(self) -> Dict:
         first_item = self._get_first_value()
-        value = None
-        if first_item is not None:
-            value = first_item.value
+        if self._multiple:
+            value = []
+            if first_item is not None:
+                value = [first_item.value]
+        else:
+            value = first_item.value if first_item is not None else None
         return {"value": value, "links": self._links}
 
     def get_value(self):