nicegui 3.0.4__tar.gz → 3.2.0__tar.gz

{nicegui-3.0.4 → nicegui-3.2.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: nicegui
-Version: 3.0.4
+Version: 3.2.0
 Summary: Create web-based user interfaces with Python. The nice way.
 License: MIT
 License-File: LICENSE
@@ -172,6 +172,7 @@ If you would like to support this project and have your avatar or company logo a
   <a href="https://github.com/digiquip"><img src="https://github.com/digiquip.png" width="50px" alt="DigiQuip AS" /></a>
   <a href="https://github.com/aitech95"><img src="https://github.com/aitech95.png" width="50px" alt="JACOB SHI " /></a>
   <a href="https://github.com/Christian-D-Bock"><img src="https://github.com/Christian-D-Bock.png" width="50px" alt="Christian Bock" /></a>
+  <a href="https://github.com/LambdaTest-Inc"><img src="https://github.com/LambdaTest-Inc.png" width="50px" alt="LambdaTest" /></a>
 </p>
 <!-- SPONSORS -->
 

{nicegui-3.0.4 → nicegui-3.2.0}/README.md

@@ -119,6 +119,7 @@ If you would like to support this project and have your avatar or company logo a
   <a href="https://github.com/digiquip"><img src="https://github.com/digiquip.png" width="50px" alt="DigiQuip AS" /></a>
   <a href="https://github.com/aitech95"><img src="https://github.com/aitech95.png" width="50px" alt="JACOB SHI " /></a>
   <a href="https://github.com/Christian-D-Bock"><img src="https://github.com/Christian-D-Bock.png" width="50px" alt="Christian Bock" /></a>
+  <a href="https://github.com/LambdaTest-Inc"><img src="https://github.com/LambdaTest-Inc.png" width="50px" alt="LambdaTest" /></a>
 </p>
 <!-- SPONSORS -->
 

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/core.py

@@ -22,3 +22,13 @@ script_client: Client | None = None
 def is_script_mode_preflight() -> bool:
     """Return whether this is the preflight run of the script mode."""
     return script_mode and not app.is_started  # pylint: disable=undefined-variable # noqa: F821
+
+
+def reset() -> None:
+    """Reset core variables. (Useful for testing.)"""
+    global loop, air, root, script_mode, script_client  # pylint: disable=global-statement # noqa: PLW0603
+    loop = None
+    air = None
+    root = None
+    script_mode = False
+    script_client = None

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/aggrid/aggrid.js

@@ -6,10 +6,11 @@ export default {
   mounted() {
     this.update_grid();
 
-    this.themeObserver = new MutationObserver(() =>
-      this.$el.setAttribute("data-ag-theme-mode", document.body.classList.contains("body--dark") ? "dark" : "light")
-    );
+    const updateTheme = () =>
+      this.$el.setAttribute("data-ag-theme-mode", document.body.classList.contains("body--dark") ? "dark" : "light");
+    this.themeObserver = new MutationObserver(updateTheme);
     this.themeObserver.observe(document.body, { attributes: true, attributeFilter: ["class"] });
+    updateTheme();
   },
   unmounted() {
     this.themeObserver.disconnect();
@@ -74,9 +75,6 @@ export default {
       return runMethod(this.api.getRowNode(row_id), name, args);
     },
     handle_event(type, args) {
-      if (type === "gridSizeChanged" && this.auto_size_columns) {
-        this.api.sizeColumnsToFit();
-      }
       this.$emit(type, {
         value: args.value,
         oldValue: args.oldValue,
@@ -114,6 +112,5 @@ export default {
   props: {
     options: Object,
     html_columns: Array,
-    auto_size_columns: Boolean,
   },
 };

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/aggrid/aggrid.py

@@ -38,9 +38,12 @@ class AgGrid(Element, component='aggrid.js', esm={'nicegui-aggrid': 'dist'}, def
         :param auto_size_columns: whether to automatically resize columns to fit the grid width (default: ``True``)
         """
         super().__init__()
-        self._props['options'] = {'theme': theme or 'quartz', **options}
+        self._props['options'] = {
+            'theme': theme or 'quartz',
+            **({'autoSizeStrategy': {'type': 'fitGridWidth'}} if auto_size_columns else {}),
+            **options,
+        }
         self._props['html_columns'] = html_columns[:]
-        self._props['auto_size_columns'] = auto_size_columns
         self._update_method = 'update_grid'
 
     @classmethod
@@ -149,11 +152,14 @@ class AgGrid(Element, component='aggrid.js', esm={'nicegui-aggrid': 'dist'}, def
     @property
     def auto_size_columns(self) -> bool:
         """Whether to automatically resize columns to fit the grid width."""
-        return self._props['auto_size_columns']
+        return self._props['options'].get('autoSizeStrategy', {}).get('type') == 'fitGridWidth'
 
     @auto_size_columns.setter
     def auto_size_columns(self, value: bool) -> None:
-        self._props['auto_size_columns'] = value
+        if value and not self.auto_size_columns:
+            self._props['options']['autoSizeStrategy'] = {'type': 'fitGridWidth'}
+        if not value and self.auto_size_columns:
+            self._props['options'].pop('autoSizeStrategy')
 
     def run_grid_method(self, name: str, *args, timeout: float = 1) -> AwaitableResponse:
         """Run an AG Grid API method.

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/button_dropdown.py

@@ -55,7 +55,7 @@ class DropdownButton(IconElement, TextElement, DisableableElement, BackgroundCol
     def on_click(self, callback: Handler[ClickEventArguments]) -> Self:
         """Add a callback to be invoked when the dropdown button is clicked.
 
-        **Added in version 2.22.0**
+        *Added in version 2.22.0*
         """
         self.on('click', lambda _: handle_event(callback, ClickEventArguments(sender=self, client=self.client)), [])
         return self

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/code.js

@@ -3,4 +3,7 @@ export default {
   mounted() {
     if (!navigator.clipboard) this.$el.querySelector(".q-btn").style.display = "none";
   },
+  props: {
+    content: String,
+  },
 };

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/code.py

@@ -2,7 +2,6 @@ import asyncio
 import time
 from typing import Optional
 
-from .. import json
 from .button import Button as button
 from .markdown import Markdown as markdown
 from .markdown import remove_indentation
@@ -29,8 +28,9 @@ class Code(ContentElement, component='code.js', default_classes='nicegui-code'):
                 .bind_content_from(self, 'content', lambda content: f'```{language}\n{content}\n```')
             self.copy_button = button(icon='content_copy', on_click=self.show_checkmark) \
                 .props('round flat size=sm').classes('absolute right-2 top-2 opacity-20 hover:opacity-80') \
-                .on('click', js_handler=f'() => navigator.clipboard.writeText({json.dumps(self.content)})')
+                .on('click', js_handler=f'() => navigator.clipboard.writeText(getElement("{self.id}").content)')
 
+        self._props['content'] = self.content
         self._last_scroll: float = 0.0
         self.markdown.on('scroll', self._handle_scroll)
         with self:
@@ -49,4 +49,4 @@ class Code(ContentElement, component='code.js', default_classes='nicegui-code'):
         self.copy_button.set_visibility(time.time() > self._last_scroll + 1.0)
 
     def _handle_content_change(self, content: str) -> None:
-        pass  # handled by markdown element
+        self._props['content'] = content

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/codemirror/codemirror.js

@@ -23,6 +23,9 @@ export default {
     disable(newDisable) {
       this.setDisabled(newDisable);
     },
+    lineWrapping(newLineWrapping) {
+      this.setLineWrapping(newLineWrapping);
+    },
   },
   data() {
     return {
@@ -104,6 +107,11 @@ export default {
         effects: this.editableConfig.reconfigure(this.editableStates[!disabled]),
       });
     },
+    setLineWrapping(wrap) {
+      this.editor.dispatch({
+        effects: this.lineWrappingConfig.reconfigure(wrap ? [CM.EditorView.lineWrapping] : []),
+      });
+    },
     setupExtensions() {
       const self = this;
 
@@ -133,13 +141,13 @@ export default {
         this.themeConfig.of([]),
         this.languageConfig.of([]),
         this.editableConfig.of([]),
+        this.lineWrappingConfig.of([]),
         CM.EditorView.theme({
           "&": { height: "100%" },
           ".cm-scroller": { overflow: "auto" },
         }),
       ];
 
-      if (this.lineWrapping) extensions.push(CM.EditorView.lineWrapping);
       if (this.highlightWhitespace) extensions.push([CM.highlightWhitespace()]);
 
       return extensions;
@@ -156,6 +164,7 @@ export default {
     this.languageConfig = new CM.Compartment();
     this.editableConfig = new CM.Compartment();
     this.editableStates = { true: CM.EditorView.editable.of(true), false: CM.EditorView.editable.of(false) };
+    this.lineWrappingConfig = new CM.Compartment();
 
     const extensions = this.setupExtensions();
 
@@ -170,5 +179,6 @@ export default {
     this.setLanguage(this.language);
     this.setTheme(this.theme);
     this.setDisabled(this.disable);
+    this.setLineWrapping(this.lineWrapping);
   },
 };

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/codemirror/codemirror.py

@@ -332,6 +332,25 @@ class CodeMirror(ValueElement, DisableableElement,
         """List of supported languages."""
         return list(get_args(SUPPORTED_LANGUAGES))
 
+    @property
+    def line_wrapping(self) -> bool:
+        """Whether line wrapping is enabled
+
+        *Added in version 3.2.0*
+        """
+        return self._props['lineWrapping']
+
+    @line_wrapping.setter
+    def line_wrapping(self, value: bool) -> None:
+        self._props['lineWrapping'] = value
+
+    def set_line_wrapping(self, value: bool) -> None:
+        """Sets whether line wrapping is enabled.
+
+        *Added in version 3.2.0*
+        """
+        self._props['lineWrapping'] = value
+
     def _event_args_to_value(self, e: GenericEventArguments) -> str:
         """The event contains a change set which is applied to the current value."""
         return self._apply_change_set(e.args['sections'], e.args['inserted'])

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/echart/echart.js

@@ -94,7 +94,9 @@ export default {
         return;
       }
       convertDynamicProperties(this.options, true);
-      this.chart.setOption(this.options, { notMerge: this.chart.options?.series.length != this.options.series.length });
+      this.chart.setOption(this.options, {
+        notMerge: this.chart.options?.series?.length != this.options.series?.length,
+      });
     },
     run_chart_method(name, ...args) {
       if (name.startsWith(":")) {

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/echart/echart.py

@@ -30,7 +30,6 @@ class EChart(Element, component='echart.js', esm={'nicegui-echart': 'dist'}, def
 
         An element to create a chart using `ECharts <https://echarts.apache.org/>`_.
         Updates can be pushed to the chart by changing the `options` property.
-        After data has changed, call the `update` method to refresh the chart.
 
         :param options: dictionary of EChart options
         :param on_click_point: callback that is invoked when a point is clicked

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/echart/package-lock.json

@@ -14,7 +14,7 @@
       "devDependencies": {
         "rimraf": "^6.0.1",
         "terser": "^5.44.0",
-        "vite": "^7.1.7"
+        "vite": "^7.1.11"
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
@@ -1536,9 +1536,9 @@
       "license": "0BSD"
     },
     "node_modules/vite": {
-      "version": "7.1.7",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.7.tgz",
-      "integrity": "sha512-VbA8ScMvAISJNJVbRDTJdCwqQoAareR/wutevKanhR2/1EkoXVZVkkORaYm/tNVCjP/UDTKtcw3bAkwOUdedmA==",
+      "version": "7.1.11",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.1.11.tgz",
+      "integrity": "sha512-uzcxnSDVjAopEUjljkWh8EIrg6tlzrjFUfMcR1EVsRDGwf/ccef0qQPRyOrROwhrTDaApueq+ja+KLPlzR/zdg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/echart/package.json

@@ -13,7 +13,7 @@
     "echarts-gl": "^2.0.9"
   },
   "devDependencies": {
-    "vite": "^7.1.7",
+    "vite": "^7.1.11",
     "terser": "^5.44.0",
     "rimraf": "^6.0.1"
   }

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/fab.py

@@ -59,7 +59,7 @@ class FabAction(LabelElement, IconElement, BackgroundColorElement, DisableableEl
         An action that can be added to a floating action button (FAB).
         This element is based on Quasar's `QFabAction <https://quasar.dev/vue-components/floating-action-button#qfabaction-api>`_ component.
 
-        **Added in version 2.22.0**
+        *Added in version 2.22.0*
 
         :param icon: icon to be displayed on the action button
         :param label: optional label for the action button

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/highchart.py

@@ -13,7 +13,6 @@ except ImportError:
 
             An element to create a chart using `Highcharts <https://www.highcharts.com/>`_.
             Updates can be pushed to the chart by changing the `options` property.
-            After data has changed, call the `update` method to refresh the chart.
 
             Due to Highcharts' restrictive license, this element is not part of the standard NiceGUI package.
             It is maintained in a `separate repository <https://github.com/zauberzeug/nicegui-highcharts/>`_

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/json_editor/json_editor.py

@@ -25,7 +25,6 @@ class JsonEditor(Element, component='json_editor.js', esm={'nicegui-json-editor'
 
         An element to create a JSON editor using `JSONEditor <https://github.com/josdejong/svelte-jsoneditor>`_.
         Updates can be pushed to the editor by changing the `properties` property.
-        After data has changed, call the `update` method to refresh the editor.
 
         :param properties: dictionary of JSONEditor properties
         :param on_select: callback which is invoked when some of the content has been selected

{nicegui-3.0.4 → nicegui-3.2.0}/nicegui/elements/keyboard.js

@@ -12,6 +12,7 @@ export default {
         if (evt.repeat && !this.repeating) return;
 
         this.$emit("key", {
+          event: evt,
           action: event,
           altKey: evt.altKey,
           ctrlKey: evt.ctrlKey,