use integer IDs in Python

nicegui/element.py

@@ -34,7 +34,7 @@ class Element(Visibility):
         """
         super().__init__()
         self.client = _client or globals.get_client()
-        self.id = f'c{self.client.next_element_id}'
+        self.id = self.client.next_element_id
         self.client.next_element_id += 1
         self.tag = tag
         self._classes: List[str] = []

nicegui/templates/index.html

@@ -90,7 +90,7 @@
         }
 
         const props = {
-          id: element.id,
+          id: 'c' + element.id,
           ref: 'r' + element.id,
           class: element.class.join(' ') || undefined,
           style: Object.entries(element.style).reduce((str, [p, val]) => `${str}${p}:${val};`, '') || undefined,
@@ -174,7 +174,7 @@
           };
         },
         render() {
-          return renderRecursively(this.elements, 'c0');
+          return renderRecursively(this.elements, 0);
         },
         mounted() {
           window.app = this;