pyglove 0.4.5.dev202411060809__tar.gz → 0.4.5.dev202411070808__tar.gz

{pyglove-0.4.5.dev202411060809 → pyglove-0.4.5.dev202411070808}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: pyglove
-Version: 0.4.5.dev202411060809
+Version: 0.4.5.dev202411070808
 Summary: PyGlove: A library for manipulating Python objects.
 Home-page: https://github.com/google/pyglove
 Author: PyGlove Authors

{pyglove-0.4.5.dev202411060809 → pyglove-0.4.5.dev202411070808}/pyglove/core/views/html/controls/label.py

@@ -46,6 +46,11 @@ class Label(HtmlControl):
       '(Optional) The URL for the link of the label.'
   ] = None
 
+  target: Annotated[
+      Optional[str],
+      '(Optional) The target for the link of the label.'
+  ] = None
+
   def _on_bound(self):
     super()._on_bound()
     if self.tooltip is not None:
@@ -75,6 +80,7 @@ class Label(HtmlControl):
         href=self.link,
         css_classes=['label'] + self.css_classes,
         styles=self.styles,
+        target=self.target,
     )
     if self.tooltip is None:
       return text_elem

{pyglove-0.4.5.dev202411060809 → pyglove-0.4.5.dev202411070808}/pyglove/core/views/html/controls/tab.py

@@ -78,7 +78,7 @@ class TabControl(HtmlControl):
                             'selected' if i == self.selected else None
                         ],
                         onclick=(
-                            f"openTab(event, '{self.element_id(str(i))}')"
+                            f"""openTab(event, '{self.element_id()}', '{self.element_id(str(i))}')"""
                         )
                     ) for i, tab in enumerate(self.tabs)
                 ],
@@ -98,16 +98,16 @@ class TabControl(HtmlControl):
             ) for i, tab in enumerate(self.tabs)
         ],
         css_classes=['tab-control', self.tab_position] + self.css_classes,
-        id=self.id,
+        id=self.element_id(),
         styles=self.styles,
     ).add_script(
         """
-        function openTab(event, tabId) {
-          const tabButtons = document.getElementsByClassName('tab-button');
+        function openTab(event, controlId, tabId) {
+          const tabButtons = document.querySelectorAll('#' + controlId + '> .tab-button-group > .tab-button');
           for (let i = 0; i < tabButtons.length; i++) {
             tabButtons[i].classList.remove('selected');
           }
-          const tabContents = document.getElementsByClassName('tab-content');
+          const tabContents = document.querySelectorAll('#' + controlId + '> .tab-content');
           for (let i = 0; i < tabContents.length; i++) {
             tabContents[i].style.display = 'none';
           }
@@ -120,15 +120,15 @@ class TabControl(HtmlControl):
         """
         .top .tab-button-group {
           overflow-x: hidden;
-          border-bottom: 1px solid #DDD;
+          border-bottom: 1px solid #EEE;
         }
         .left .tab-button-group {
           float: left;
           top: 0;
         }
         .tab-button {
-          background-color: #DDD;
-          border: 1px solid #DDD;
+          background-color: #EEE;
+          border: 1px solid #EEE;
           outline: none;
           cursor: pointer;
           transition: 0.3s;

{pyglove-0.4.5.dev202411060809 → pyglove-0.4.5.dev202411070808}/pyglove/core/views/html/controls/tab_test.py

@@ -36,11 +36,13 @@ class TabControlTest(unittest.TestCase):
     self.assert_html_content(
         tab,
         (
-            '<div class="tab-control top"><div class="tab-button-group">'
-            '<button class="tab-button selected" '
-            f'''onclick="openTab(event, '{tab.element_id(str(0))}')">'''
+            f'<div class="tab-control top" id="{tab.element_id()}">'
+            '<div class="tab-button-group"><button class="tab-button selected" '
+            f'''onclick="openTab(event, '{tab.element_id()}', '''
+            f''''{tab.element_id(str(0))}')">'''
             '<a class="label">foo</a></button><button class="tab-button" '
-            f'''onclick="openTab(event, '{tab.element_id(str(1))}')">'''
+            f'''onclick="openTab(event, '{tab.element_id()}', '''
+            f''''{tab.element_id(str(1))}')">'''
             '<a class="label">bar</a></button></div>'
             '<div class="tab-content" style="display:block;" '
             f'id="{tab.element_id(str(0))}"><h1>foo</h1></div>'

{pyglove-0.4.5.dev202411060809 → pyglove-0.4.5.dev202411070808}/pyglove.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: pyglove
-Version: 0.4.5.dev202411060809
+Version: 0.4.5.dev202411070808
 Summary: PyGlove: A library for manipulating Python objects.
 Home-page: https://github.com/google/pyglove
 Author: PyGlove Authors