pyglove 0.4.5.dev202411060809__py3-none-any.whl → 0.4.5.dev202411070808__py3-none-any.whl

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/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/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.dist-info → pyglove-0.4.5.dev202411070808.dist-info}/METADATA

@@ -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.dist-info → pyglove-0.4.5.dev202411070808.dist-info}/RECORD

@@ -149,12 +149,12 @@ pyglove/core/views/html/tree_view.py,sha256=3Db0aOke-A7Inp-vgqebsDMwJ0Wvaznithkw
 pyglove/core/views/html/tree_view_test.py,sha256=whUorrw0eiDaZsEzGB2B3EN3wx0vLFuNEe2RBU03GeU,74707
 pyglove/core/views/html/controls/__init__.py,sha256=61qs5pnJPCTECCGBtkbNfIV3KcCu7cxfVNBEtIg1lMo,1318
 pyglove/core/views/html/controls/base.py,sha256=eTUB2iJSBtD0sbkWE_LaVT1e4Sir6Q61HJ2j5OZxAsU,6615
-pyglove/core/views/html/controls/label.py,sha256=p3coEqjTtilwXTREqpBIqWQyziGydBwmqFN6EMBufcI,5063
+pyglove/core/views/html/controls/label.py,sha256=JggkrD3j6Z_zAl2B8HRACC1pExDJUeIHY5E51yKMarw,5202
 pyglove/core/views/html/controls/label_test.py,sha256=3ekn3aBO1O8iG_wHpZ7487wY2YRA6wyKeDN7275iR4U,4544
 pyglove/core/views/html/controls/progress_bar.py,sha256=kLdY3JQLCOv00ShldnQg3Qs8l1j_pDk148FoKfrZB64,5275
 pyglove/core/views/html/controls/progress_bar_test.py,sha256=6u1A6kAV8GY_vUMD6PSl7HuuOkVMELYqU32YEVx6qz8,3500
-pyglove/core/views/html/controls/tab.py,sha256=9GFYQM5Cujya0d1txgDtmbTrwLQwALfYFDKwxAMAao0,4860
-pyglove/core/views/html/controls/tab_test.py,sha256=yO_4U_7fBLM7Om3jACgApYbkHxesKNNrr4OVOkz6PNY,2012
+pyglove/core/views/html/controls/tab.py,sha256=4m4pALSIQoIwVVz7hoMjQs1dgY3cOzyzJjT8ZikBNbQ,4958
+pyglove/core/views/html/controls/tab_test.py,sha256=j54nyN9BJjS0sXJlxA45RQDSmPY2HDP5ttxc4sqkGpw,2121
 pyglove/core/views/html/controls/tooltip.py,sha256=01BbpuM1twf3FYMUT09_Ck5JSSONe8QE9RmyA9nhCnU,3092
 pyglove/core/views/html/controls/tooltip_test.py,sha256=17BY-WmZKpz9tCbySPcwG6KJyfeE_MeMyKxtfxorBQ0,3194
 pyglove/ext/__init__.py,sha256=3jp8cJvKW6PENOZlmVAbT0w-GBRn_kjhc0wDX3XjpOE,755
@@ -196,8 +196,8 @@ pyglove/ext/scalars/randoms.py,sha256=LkMIIx7lOq_lvJvVS3BrgWGuWl7Pi91-lA-O8x_gZs
 pyglove/ext/scalars/randoms_test.py,sha256=nEhiqarg8l_5EOucp59CYrpO2uKxS1pe0hmBdZUzRNM,2000
 pyglove/ext/scalars/step_wise.py,sha256=IDw3tuTpv0KVh7AN44W43zqm1-E0HWPUlytWOQC9w3Y,3789
 pyglove/ext/scalars/step_wise_test.py,sha256=TL1vJ19xVx2t5HKuyIzGoogF7N3Rm8YhLE6JF7i0iy8,2540
-pyglove-0.4.5.dev202411060809.dist-info/LICENSE,sha256=WNHhf_5RCaeuKWyq_K39vmp9F28LxKsB4SpomwSZ2L0,11357
-pyglove-0.4.5.dev202411060809.dist-info/METADATA,sha256=34Kmg1uyduP4Q2zU5gZUvjo-3Xadt6QxI_v7wfsf548,6666
-pyglove-0.4.5.dev202411060809.dist-info/WHEEL,sha256=P9jw-gEje8ByB7_hXoICnHtVCrEwMQh-630tKvQWehc,91
-pyglove-0.4.5.dev202411060809.dist-info/top_level.txt,sha256=wITzJSKcj8GZUkbq-MvUQnFadkiuAv_qv5qQMw0fIow,8
-pyglove-0.4.5.dev202411060809.dist-info/RECORD,,
+pyglove-0.4.5.dev202411070808.dist-info/LICENSE,sha256=WNHhf_5RCaeuKWyq_K39vmp9F28LxKsB4SpomwSZ2L0,11357
+pyglove-0.4.5.dev202411070808.dist-info/METADATA,sha256=HCIZCRdPtyOx74IKdF6J4e3Aoy37DfLabPoEaYdQoQ0,6666
+pyglove-0.4.5.dev202411070808.dist-info/WHEEL,sha256=P9jw-gEje8ByB7_hXoICnHtVCrEwMQh-630tKvQWehc,91
+pyglove-0.4.5.dev202411070808.dist-info/top_level.txt,sha256=wITzJSKcj8GZUkbq-MvUQnFadkiuAv_qv5qQMw0fIow,8
+pyglove-0.4.5.dev202411070808.dist-info/RECORD,,