Update LVGL to v9.1.0

lib/lvgl/scripts/build_html_examples.sh

@@ -10,7 +10,6 @@ git submodule update --init -- lvgl
 cd lvgl
 git checkout $CURRENT_REF
 cd ..
-git submodule update --init -- lv_drivers
 mkdir cmbuild
 cd cmbuild
 emcmake cmake .. -DLVGL_CHOSEN_DEMO=lv_example_noop -DCMAKE_C_COMPILER_LAUNCHER=ccache -DCMAKE_CXX_COMPILER_LAUNCHER=ccache

lib/lvgl/scripts/changelog-template.hbs

@@ -1,106 +1,149 @@
 {{#each releases}}
-  ## [{{title}}]({{href}}) {{niceDate}}
+  `{{title}} <{{href}}>`__ {{niceDate}}
+  ---------------------------------------------------------------------------------------------------------------------------------------------------
 
-  ### Breaking Changes
+  Breaking Changes
+  ~~~~~~~~~~~~~~~~
+  
   {{#commit-list merges heading='' message='BREAKING CHANGE'}}
-    - :warning: {{message}} [`{{id}}`]({{href}})
+    - .. warning: {{message}}
+      `{{id}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='BREAKING CHANGE'}}
-    - :warning: {{subject}} [`{{shorthash}}`]({{href}})
+    - .. warning: {{subject}}
+      `{{shorthash}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading='' message='BREAKING CHANGE'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-  ### Architectural
+  Architectural
+  ~~~~~~~~~~~~~
+  
   {{#commit-list merges heading='' message='^arch' exclude='BREAKING CHANGE'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='^arch' exclude='BREAKING CHANGE'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading='' message='^arch' exclude='BREAKING CHANGE'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-  ### New Features
+  New Features
+  ~~~~~~~~~~~~
+  
   {{#commit-list merges heading='' message='^feat' exclude='BREAKING CHANGE'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='^feat' exclude='BREAKING CHANGE'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading='' message='^feat' exclude='BREAKING CHANGE'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-
-  ### Performance
+  Performance
+  ~~~~~~~~~~~
+  
   {{#commit-list merges heading='' message='^perf' exclude='BREAKING CHANGE'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='^perf' exclude='BREAKING CHANGE'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading='' message='^perf' exclude='BREAKING CHANGE'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-  ### Fixes
+  Fixes
+  ~~~~~
+  
   {{#commit-list merges heading='' message='^fix' exclude='(^fix conflict|^fix warning|BREAKING CHANGE)'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='^fix' exclude='(^fix conflict|^fix warning|BREAKING CHANGE)'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading=''  message='^fix' exclude='(^fix conflict|^fix warning|BREAKING CHANGE)'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-
-  ### Examples
+  Examples
+  ~~~~~~~~
+  
   {{#commit-list merges heading='' message='^example'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id}} <({{href}})>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='^example'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading='' message='^example'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-
-  ### Docs
+  Docs
+  ~~~~
+  
   {{#commit-list merges heading='' message='^docs'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='^docs'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading='' message='^docs'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-  ### CI and tests
+  CI and tests
+  ~~~~~~~~~~~~
+  
   {{#commit-list merges heading='' message='(^ci|^test)'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id}} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' message='(^ci|^test)'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash }} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading='' message='(^ci|^test)'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
-  ### Others
+  Others
+  ~~~~~~
+  
   {{#commit-list merges heading='' exclude='(^fix|^feat|^perf|^docs|^example|^ci|^test)'}}
-    - {{message}} [`{{id}}`]({{href}})
+    - **{{message}}**
+      `{{id }} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list commits heading='' exclude='(^fix|^feat|^perf|^docs|^example|^ci|^test)'}}
-    - {{subject}} [`{{shorthash}}`]({{href}})
+    - **{{subject}}**
+      `{{shorthash }} <{{href}}>`__
   {{/commit-list}}
   {{#commit-list fixes heading=''  exclude='(^fix|^feat|^perf|^docs|^example|^ci|^test)'}}
-    - {{commit.subject}} [`{{commit.shorthash}}`]({{commit.href}})
+    - **{{commit.subject}}**
+      `{{commit.shorthash}} <{{commit.href}}>`__
   {{/commit-list}}
 
 {{/each}}

lib/lvgl/scripts/changelog_gen.sh

@@ -1,3 +1,4 @@
+#!/bin/sh
 # Generate CHANGELOG_LAST.md from changes since the last version tag. (vx.y.z-dev tags are ignored)
 # CHANGELOG_LAST.md can be edited manually if required and manually added to docs/CHANGELOG.md
 #
@@ -7,9 +8,9 @@
 # Usage:
 #    changelog-gen <next-version>
 #
-# Example: if the latest verision is v5.6.7 the followings can be used for bugfix, minor or major versions:
+# Example: if the latest version is v5.6.7 the following can be used for bugfix, minor or major versions:
 #    changelog-gen v5.6.8
 #    changelog-gen v5.7.0
 #    changelog-gen v6.0.0
 
-auto-changelog -t changelog-template.hbs -l false --latest-version $1 --unreleased-only  --tag-pattern ^v[0-9]+.[0-9]+.[0-9]+$ -o CHANGELOG_LAST.md
+auto-changelog -t changelog-template.hbs -l false --latest-version $1 --unreleased-only  --tag-pattern ^v[0-9]+.[0-9]+.[0-9]+$ -o CHANGELOG_LAST.rst

lib/lvgl/scripts/code-format.cfg

@@ -25,18 +25,27 @@
 --ignore-exclude-errors
 --ignore-exclude-errors-x
 --exclude=assets
+--exclude=test_assets
+--exclude=test_fonts
+--exclude=../src/lv_conf_internal.h
 --exclude=../src/core/lv_obj_style_gen.c
 --exclude=../src/core/lv_obj_style_gen.h
---exclude=../src/extra/libs/gif/gifdec.c
---exclude=../src/extra/libs/gif/gifdec.h
---exclude=../src/extra/libs/png/lodepng.c
---exclude=../src/extra/libs/png/lodepng.h
---exclude=../src/extra/libs/qrcode/qrcodegen.c
---exclude=../src/extra/libs/qrcode/qrcodegen.h
---exclude=../src/extra/libs/sjpg/tjpgd.c
---exclude=../src/extra/libs/sjpg/tjpgd.h
---exclude=../src/extra/libs/sjpg/tjpgdcnf.h
---exclude=../src/misc/lv_style_gen.c
---exclude=../src/misc/lv_style_gen.h
---exclude=../src/lv_conf_internal.h
---exclude=../tests/src/test_cases/_test_template.c
+--exclude=../src/libs/gif/gifdec.c
+--exclude=../src/libs/gif/gifdec.h
+--exclude=../src/libs/lodepng/lodepng.c
+--exclude=../src/libs/lodepng/lodepng.h
+--exclude=../src/libs/qrcode/qrcodegen.c
+--exclude=../src/libs/qrcode/qrcodegen.h
+--exclude=../src/libs/tjpgd/tjpgd.c
+--exclude=../src/libs/tjpgd/tjpgd.h
+--exclude=../src/libs/tjpgd/tjpgdcnf.h
+--exclude=../src/libs/thorvg
+--exclude=../src/libs/lz4
+--exclude=../src/others/vg_lite_tvg/vg_lite.h
+--exclude=../tests/unity/unity.c
+--exclude=../tests/unity/unity_internals.h
+--exclude=../tests/unity/unity_support.c
+--exclude=../tests/unity/unity_support.h
+--exclude=../tests/test_images
+--exclude=../tests/build_test_defheap
+--exclude=../tests/build_test_sysheap

lib/lvgl/scripts/code-format.py

@@ -2,14 +2,18 @@
 
 import os
 
-print("Formatting src")
-os.system('astyle --options=code-format.cfg --recursive "../src/*.c,*.h"')
+script_dir = os.path.realpath(__file__)
+script_dir = os.path.dirname(script_dir)
+cfg_file = os.path.join(script_dir, 'code-format.cfg')
 
 print("\nFormatting demos")
-os.system('astyle --options=code-format.cfg --recursive "../demos/*.c,*.h"')
+os.system(f'astyle --options={cfg_file} --recursive "{script_dir}/../demos/*.c,*.cpp,*.h"')
 
 print("\nFormatting examples")
-os.system('astyle --options=code-format.cfg --recursive "../examples/*.c,*.h"')
+os.system(f'astyle --options={cfg_file} --recursive "{script_dir}/../examples/*.c,*.cpp,*.h"')
+
+print("Formatting src")
+os.system(f'astyle --options={cfg_file} --recursive "{script_dir}/../src/*.c,*.cpp,*.h"')
 
 print("\nFormatting tests")
-os.system('astyle --options=code-format.cfg --recursive "../tests/src/test_cases/*.c"')
+os.system(f'astyle --options={cfg_file} --recursive "{script_dir}/../tests/*.c,*.cpp,*.h"')

lib/lvgl/scripts/cppcheck_run.sh

@@ -1 +1,3 @@
+#!/bin/sh
+
 cppcheck -j8 --template="{severity}\t{file}:{line}\t{id}: {message}" --enable=all ../src/ --output-file=cppcheck_res.txt --suppress=unusedFunction --suppress=preprocessorErrorDirective --force

lib/lvgl/scripts/image_viewer.py

@@ -0,0 +1,31 @@
+#!/usr/bin/env python3
+from LVGLImage import LVGLImage
+import argparse
+import logging
+import os
+
+logging.basicConfig(level=logging.INFO)
+
+parser = argparse.ArgumentParser(description="LVGL Binary Image Viewer")
+parser.add_argument("file", help="the .bin image file")
+
+args = parser.parse_args()
+
+name, ext = os.path.splitext(args.file)
+if ext != ".bin":
+    raise ValueError("Only support LVGL .bin image file")
+
+output = name + ".png"
+img = LVGLImage().from_bin(args.file)
+img.to_png(output)
+logging.info(f"convert {args.file} to {output}")
+
+if os.name == "posix":
+    os.system(f"open {output}")
+else:
+    try:
+        from PIL import Image
+    except ImportError:
+        raise ImportError("Need pillow package, do `pip3 install pillow`")
+    image = Image.open(output)
+    image.show(title=output)

lib/lvgl/scripts/infer_run.sh

@@ -1,3 +1,4 @@
+#!/bin/sh
 # https://github.com/facebook/infer
 #
 # Install:

lib/lvgl/scripts/install-prerequisites.sh

@@ -1,4 +1,4 @@
-#!/usr/bin/sh
+#!/bin/sh
 
 # Install Linux package prerequisites needed for LVGL development
 # and testing. Some less-common development packages are not included
@@ -6,4 +6,5 @@
 #
 # Note: This script is run by the CI workflows.
 sudo apt update
-sudo apt install gcc python3 libpng-dev ruby-full gcovr cmake
+sudo apt install gcc python3 ninja-build libpng-dev ruby-full gcovr cmake libjpeg-turbo8-dev libfreetype6-dev pngquant libinput-dev libxkbcommon-dev libdrm-dev pkg-config
+pip3 install pypng lz4

lib/lvgl/scripts/jpg_to_sjpg.py

@@ -1,3 +1,5 @@
+#!/usr/bin/env python3
+
 ##################################################################
 # sjpeg converter script version 1.0
 # Dependencies: (PYTHON-3)
@@ -113,7 +115,7 @@ for i in range(len(sjpeg)):
         new_line_threshold = 0
 
 
-c_code = c_code + "\n};\n\nlv_img_dsc_t "
+c_code = c_code + "\n};\n\nlv_image_dsc_t "
 c_code = c_code + OUTPUT_FILE_NAME + " = {\n"
 c_code = c_code + "\t.header.always_zero = 0,\n"
 c_code = c_code + "\t.header.w = " + str(width) + ",\n"

lib/lvgl/scripts/lv_conf_internal_gen.py

@@ -17,7 +17,7 @@ if sys.version_info < (3,6,0):
   exit(1)
 
 fin = open(LV_CONF_TEMPLATE)
-fout = open(LV_CONF_INTERNAL, "w")
+fout = open(LV_CONF_INTERNAL, "w", newline='')
 
 fout.write(
 '''/**
@@ -30,7 +30,25 @@ fout.write(
 #define LV_CONF_INTERNAL_H
 /* clang-format off */
 
-#include <stdint.h>
+/*Config options*/
+#define LV_OS_NONE          0
+#define LV_OS_PTHREAD       1
+#define LV_OS_FREERTOS      2
+#define LV_OS_CMSIS_RTOS2   3
+#define LV_OS_RTTHREAD      4
+#define LV_OS_WINDOWS       5
+#define LV_OS_CUSTOM        255
+
+#define LV_STDLIB_BUILTIN           0
+#define LV_STDLIB_CLIB              1
+#define LV_STDLIB_MICROPYTHON       2
+#define LV_STDLIB_RTTHREAD          3
+#define LV_STDLIB_CUSTOM            255
+
+#define LV_DRAW_SW_ASM_NONE         0
+#define LV_DRAW_SW_ASM_NEON         1
+#define LV_DRAW_SW_ASM_HELIUM       2
+#define LV_DRAW_SW_ASM_CUSTOM       255
 
 /* Handle special Kconfig options */
 #ifndef LV_KCONFIG_IGNORE
@@ -150,11 +168,14 @@ fout.write(
  * End of parsing lv_conf_template.h
  -----------------------------------*/
 
+#ifndef __ASSEMBLY__
 LV_EXPORT_CONST_INT(LV_DPI_DEF);
+LV_EXPORT_CONST_INT(LV_DRAW_BUF_STRIDE_ALIGN);
+LV_EXPORT_CONST_INT(LV_DRAW_BUF_ALIGN);
+#endif
 
 #undef _LV_KCONFIG_PRESENT
 
-
 /*Set some defines if a dependency is disabled*/
 #if LV_USE_LOG == 0
     #define LV_LOG_LEVEL            LV_LOG_LEVEL_NONE
@@ -168,6 +189,13 @@ LV_EXPORT_CONST_INT(LV_DPI_DEF);
     #define LV_LOG_TRACE_ANIM       0
 #endif  /*LV_USE_LOG*/
 
+#ifndef LV_USE_LZ4
+    #define LV_USE_LZ4  (LV_USE_LZ4_INTERNAL || LV_USE_LZ4_EXTERNAL)
+#endif
+
+#ifndef LV_USE_THORVG
+    #define LV_USE_THORVG  (LV_USE_THORVG_INTERNAL || LV_USE_THORVG_EXTERNAL)
+#endif
 
 /*If running without lv_conf.h add typedefs with default value*/
 #ifdef LV_CONF_SKIP

lib/lvgl/scripts/release/release.py

@@ -1,6 +1,6 @@
 #!/usr/bin/env python3
 
-# Create a new release from master. Execute the followings:
+# Create a new release from master. Execute the following:
 # - On lvgl, lv_demos, and lv_drivers:
 #   - Detect the current version of master. E.g. 8.1-dev
 #   - Create a new branch from the master for the release. E.g. release/v8.1

lib/lvgl/scripts/style_api_gen.py

@@ -7,35 +7,39 @@ import sys
 props = [
 {'section': 'Size and position', 'dsc':'Properties related to size, position, alignment and layout of the objects.' },
 {'name': 'WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' , 'default':'Widget dependent', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':'Widget dependent', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the width of object. Pixel, percentage and `LV_SIZE_CONTENT` values can be used. Percentage values are relative to the width of the parent's content area."},
 
 {'name': 'MIN_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' , 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area."},
 
 {'name': 'MAX_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' , 'default':'LV_COORD_MAX', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':'LV_COORD_MAX', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets a maximal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area."},
 
 {'name': 'HEIGHT',
- 'style_type': 'num',   'var_type': 'lv_coord_t' , 'default':'Widget dependent', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':'Widget dependent', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the height of object. Pixel, percentage and `LV_SIZE_CONTENT` can be used. Percentage values are relative to the height of the parent's content area."},
 
 {'name': 'MIN_HEIGHT',
- 'style_type': 'num',   'var_type': 'lv_coord_t' , 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets a minimal height. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area."},
 
 {'name': 'MAX_HEIGHT',
- 'style_type': 'num',   'var_type': 'lv_coord_t' , 'default':'LV_COORD_MAX', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':'LV_COORD_MAX', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area."},
 
+{'name': 'LENGTH',
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':'0', 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'dsc': "Its meaning depends on the type of the widget. For example in case of lv_scale it means the length of the ticks."},
+
 {'name': 'X',
- 'style_type': 'num',   'var_type': 'lv_coord_t' , 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' , 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Set the X coordinate of the object considering the set `align`. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area."},
 
 {'name': 'Y',
- 'style_type': 'num',   'var_type': 'lv_coord_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Set the Y coordinate of the object considering the set `align`. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area."},
 
 {'name': 'ALIGN',
@@ -43,62 +47,91 @@ props = [
  'dsc': "Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are: `LV_ALIGN_DEFAULT`, `LV_ALIGN_TOP_LEFT/MID/RIGHT`, `LV_ALIGN_BOTTOM_LEFT/MID/RIGHT`, `LV_ALIGN_LEFT/RIGHT_MID`, `LV_ALIGN_CENTER`. `LV_ALIGN_DEFAULT` means `LV_ALIGN_TOP_LEFT` with LTR base direction and `LV_ALIGN_TOP_RIGHT` with RTL base direction."},
 
 {'name': 'TRANSFORM_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Make the object wider on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's width." },
 
 {'name': 'TRANSFORM_HEIGHT',
-  'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+  'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Make the object higher on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's height." },
 
 {'name': 'TRANSLATE_X',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Move the object with this value in X direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's width." },
 
 {'name': 'TRANSLATE_Y',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Move the object with this value in Y direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's height." },
 
-{'name': 'TRANSFORM_ZOOM',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 1,
- 'dsc': "Zoom an objects. The value 256 (or `LV_IMG_ZOOM_NONE`) means normal size, 128 half size, 512 double size, and so on" },
+{'name': 'TRANSFORM_SCALE_X',
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 1,
+ 'dsc': "Zoom an objects horizontally. The value 256 (or `LV_SCALE_NONE`) means normal size, 128 half size, 512 double size, and so on" },
 
-{'name': 'TRANSFORM_ANGLE',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 1,
+{'name': 'TRANSFORM_SCALE_Y',
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 1,
+ 'dsc': "Zoom an objects vertically. The value 256 (or `LV_SCALE_NONE`) means normal size, 128 half size, 512 double size, and so on" },
+
+{'name': 'TRANSFORM_ROTATION',
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 1,
  'dsc': "Rotate an objects. The value is interpreted in 0.1 degree units. E.g. 450 means 45 deg."},
 
 {'name': 'TRANSFORM_PIVOT_X',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the pivot point's X coordinate for transformations. Relative to the object's top left corner'"},
 
 {'name': 'TRANSFORM_PIVOT_Y',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the pivot point's Y coordinate for transformations. Relative to the object's top left corner'"},
 
+{'name': 'TRANSFORM_SKEW_X',
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 1,
+ 'dsc': "Skew an object horizontally. The value is interpreted in 0.1 degree units. E.g. 450 means 45 deg."},
+
+{'name': 'TRANSFORM_SKEW_Y',
+  'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 1,
+  'dsc': "Skew an object vertically. The value is interpreted in 0.1 degree units. E.g. 450 means 45 deg."},
+
 {'section': 'Padding', 'dsc' : "Properties to describe spacing between the parent's sides and the children and among the children. Very similar to the padding properties in HTML."},
 {'name': 'PAD_TOP',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the padding on the top. It makes the content area smaller in this direction."},
 
 {'name': 'PAD_BOTTOM',
- 'style_type': 'num',   'var_type': 'lv_coord_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the padding on the bottom. It makes the content area smaller in this direction."},
 
 {'name': 'PAD_LEFT',
- 'style_type': 'num',   'var_type': 'lv_coord_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the padding on the left. It makes the content area smaller in this direction."},
 
 {'name': 'PAD_RIGHT',
-  'style_type': 'num',   'var_type': 'lv_coord_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+  'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the padding on the right. It makes the content area smaller in this direction."},
 
 {'name': 'PAD_ROW',
- 'style_type': 'num',   'var_type': 'lv_coord_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the padding between the rows. Used by the layouts."},
 
 {'name': 'PAD_COLUMN',
- 'style_type': 'num',   'var_type': 'lv_coord_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
  'dsc': "Sets the padding between the columns. Used by the layouts."},
 
+{'section': 'Margin', 'dsc' : "Properties to describe spacing around an object. Very similar to the margin properties in HTML."},
+{'name': 'MARGIN_TOP',
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Sets the margin on the top. The object will keep this space from its siblings in layouts. "},
+
+{'name': 'MARGIN_BOTTOM',
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Sets the margin on the bottom. The object will keep this space from its siblings in layouts."},
+
+{'name': 'MARGIN_LEFT',
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Sets the margin on the left. The object will keep this space from its siblings in layouts."},
+
+{'name': 'MARGIN_RIGHT',
+  'style_type': 'num',   'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Sets the margin on the right. The object will keep this space from its siblings in layouts."},
+
 {'section': 'Background', 'dsc':'Properties to describe the background color and image of the objects.' },
 {'name': 'BG_COLOR',
  'style_type': 'color', 'var_type': 'lv_color_t', 'default':'`0xffffff`', 'inherited': 0, 'layout': 0, 'ext_draw': 0, 'filtered': 1,
@@ -117,38 +150,42 @@ props = [
  'dsc': "Set the direction of the gradient of the background. The possible values are `LV_GRAD_DIR_NONE/HOR/VER`."},
 
 {'name': 'BG_MAIN_STOP',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the point from which the background color should start for gradients. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on"},
 
 {'name': 'BG_GRAD_STOP',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':255, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':255, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the point from which the background's gradient color should start. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on"},
 
+{'name': 'BG_MAIN_OPA',
+ 'style_type': 'num',   'var_type': 'lv_opa_t',  'default':255, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'dsc': "Set the opacity of the first gradient color"},
+
+{'name': 'BG_GRAD_OPA',
+ 'style_type': 'num',   'var_type': 'lv_opa_t',  'default':255, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'dsc': "Set the opacity of the second gradient color"},
+
 {'name': 'BG_GRAD',
  'style_type': 'ptr',   'var_type': 'const lv_grad_dsc_t *',  'default':'`NULL`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
- 'dsc': "Set the gradient definition. The pointed instance must exist while the object is alive. NULL to disable. It wraps `BG_GRAD_COLOR`, `BG_GRAD_DIR`, `BG_MAIN_STOP` and `BG_GRAD_STOP` into one descriptor and allows creating gradients with more colors too."},
+ 'dsc': "Set the gradient definition. The pointed instance must exist while the object is alive. NULL to disable. It wraps `BG_GRAD_COLOR`, `BG_GRAD_DIR`, `BG_MAIN_STOP` and `BG_GRAD_STOP` into one descriptor and allows creating gradients with more colors too. If it's set other gradient related properties will be ignored'"},
 
-{'name': 'BG_DITHER_MODE',
- 'style_type': 'num',   'var_type': 'lv_dither_mode_t',  'default':'`LV_DITHER_NONE`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
- 'dsc': "Set the dithering mode of the gradient of the background. The possible values are `LV_DITHER_NONE/ORDERED/ERR_DIFF`."},
-
-{'name': 'BG_IMG_SRC',
+{'name': 'BG_IMAGE_SRC',
  'style_type': 'ptr',   'var_type': 'const void *',  'default':'`NULL`', 'inherited': 0, 'layout': 0, 'ext_draw': 1,
- 'dsc': "Set a background image. Can be a pointer to `lv_img_dsc_t`, a path to a file or an `LV_SYMBOL_...`"},
+ 'dsc': "Set a background image. Can be a pointer to `lv_image_dsc_t`, a path to a file or an `LV_SYMBOL_...`"},
 
-{'name': 'BG_IMG_OPA',
+{'name': 'BG_IMAGE_OPA',
  'style_type': 'num',   'var_type': 'lv_opa_t',  'default':'`LV_OPA_COVER`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the opacity of the background image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency."},
 
-{'name': 'BG_IMG_RECOLOR',
+{'name': 'BG_IMAGE_RECOLOR',
  'style_type': 'color', 'var_type': 'lv_color_t',  'default':'`0x000000`', 'inherited': 0, 'layout': 0, 'ext_draw': 0, 'filtered': 1,
  'dsc': "Set a color to mix to the background image."},
 
-{'name': 'BG_IMG_RECOLOR_OPA',
+{'name': 'BG_IMAGE_RECOLOR_OPA',
  'style_type': 'num',   'var_type': 'lv_opa_t',  'default':'`LV_OPA_TRANSP`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the intensity of background image recoloring. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means no mixing, 255, `LV_OPA_100` or `LV_OPA_COVER` means full recoloring, other values or LV_OPA_10, LV_OPA_20, etc are interpreted proportionally."},
 
-{'name': 'BG_IMG_TILED',
+{'name': 'BG_IMAGE_TILED',
  'style_type': 'num',   'var_type': 'bool',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "If enabled the background image will be tiled. The possible values are `true` or `false`."},
 
@@ -162,8 +199,8 @@ props = [
  'dsc': "Set the opacity of the border. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency."},
 
 {'name': 'BORDER_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
- 'dsc': "Set hte width of the border. Only pixel values can be used."},
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Set the width of the border. Only pixel values can be used."},
 
 {'name': 'BORDER_SIDE',
  'style_type': 'num',   'var_type': 'lv_border_side_t',  'default':'`LV_BORDER_SIDE_NONE`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
@@ -175,7 +212,7 @@ props = [
 
 {'section': 'Outline', 'dsc':'Properties to describe the outline. It\'s like a border but drawn outside of the rectangles.' },
 {'name': 'OUTLINE_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Set the width of the outline in pixels. "},
 
 {'name': 'OUTLINE_COLOR',
@@ -187,24 +224,24 @@ props = [
  'dsc': "Set the opacity of the outline. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency."},
 
 {'name': 'OUTLINE_PAD',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Set the padding of the outline, i.e. the gap between object and the outline."},
 
 {'section': 'Shadow', 'dsc':'Properties to describe the shadow drawn under the rectangles.' },
 {'name': 'SHADOW_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Set the width of the shadow in pixels. The value should be >= 0."},
 
-{'name': 'SHADOW_OFS_X',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+{'name': 'SHADOW_OFFSET_X',
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Set an offset on the shadow in pixels in X direction. "},
 
-{'name': 'SHADOW_OFS_Y',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+{'name': 'SHADOW_OFFSET_Y',
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Set an offset on the shadow in pixels in Y direction. "},
 
 {'name': 'SHADOW_SPREAD',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Make the shadow calculation to use a larger or smaller rectangle as base. The value can be in pixel to make the area larger/smaller"},
 
 {'name': 'SHADOW_COLOR',
@@ -216,29 +253,29 @@ props = [
  'dsc': "Set the opacity of the shadow. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency."},
 
 {'section': 'Image', 'dsc':'Properties to describe the images' },
-{'name': 'IMG_OPA',
+{'name': 'IMAGE_OPA',
  'style_type': 'num',   'var_type': 'lv_opa_t' ,  'default':'`LV_OPA_COVER`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the opacity of an image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency."},
 
-{'name': 'IMG_RECOLOR',
+{'name': 'IMAGE_RECOLOR',
  'style_type': 'color', 'var_type': 'lv_color_t',  'default':'`0x000000`', 'inherited': 0, 'layout': 0, 'ext_draw': 0, 'filtered': 1,
  'dsc': "Set color to mixt to the image."},
 
-{'name': 'IMG_RECOLOR_OPA',
+{'name': 'IMAGE_RECOLOR_OPA',
  'style_type': 'num',   'var_type': 'lv_opa_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the intensity of the color mixing. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency."},
 
 {'section': 'Line', 'dsc':'Properties to describe line-like objects' },
 {'name': 'LINE_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Set the width of the lines in pixel."},
 
 {'name': 'LINE_DASH_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the width of dashes in pixel. Note that dash works only on horizontal and vertical lines"},
 
 {'name': 'LINE_DASH_GAP',
- 'style_type': 'num',   'var_type': 'lv_coord_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t',  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the gap between dashes in pixel. Note that dash works only on horizontal and vertical lines"},
 
 {'name': 'LINE_ROUNDED',
@@ -247,7 +284,7 @@ props = [
 
 {'name': 'LINE_COLOR',
  'style_type': 'color', 'var_type': 'lv_color_t' ,  'default':'`0x000000`', 'inherited': 0, 'layout': 0, 'ext_draw': 0, 'filtered': 1,
- 'dsc': "Set the color fo the lines."},
+ 'dsc': "Set the color of the lines."},
 
 {'name': 'LINE_OPA',
  'style_type': 'num',   'var_type': 'lv_opa_t' ,  'default':'`LV_OPA_COVER`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
@@ -255,7 +292,7 @@ props = [
 
 {'section': 'Arc', 'dsc':'TODO' },
 {'name': 'ARC_WIDTH',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 1,
  'dsc': "Set the width (thickness) of the arcs in pixel."},
 
 {'name': 'ARC_ROUNDED',
@@ -270,9 +307,9 @@ props = [
  'style_type': 'num',   'var_type': 'lv_opa_t' ,  'default':'`LV_OPA_COVER`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the opacity of the arcs."},
 
-{'name': 'ARC_IMG_SRC',
+{'name': 'ARC_IMAGE_SRC',
  'style_type': 'ptr',   'var_type': 'const void *',  'default':'`NULL`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
- 'dsc': "Set an image from which the arc will be masked out. It's useful to display complex effects on the arcs. Can be a pointer to `lv_img_dsc_t` or a path to a file"},
+ 'dsc': "Set an image from which the arc will be masked out. It's useful to display complex effects on the arcs. Can be a pointer to `lv_image_dsc_t` or a path to a file"},
 
 {'section': 'Text', 'dsc':'Properties to describe the properties of text. All these properties are inherited.' },
 {'name': 'TEXT_COLOR',
@@ -288,11 +325,11 @@ props = [
  'dsc': "Set the font of the text (a pointer `lv_font_t *`). "},
 
 {'name': 'TEXT_LETTER_SPACE',
-'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 1, 'layout': 1, 'ext_draw': 0,
+'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 1, 'layout': 1, 'ext_draw': 0,
  'dsc': "Set the letter space in pixels"},
 
 {'name': 'TEXT_LINE_SPACE',
- 'style_type': 'num',   'var_type': 'lv_coord_t' ,  'default':0, 'inherited': 1, 'layout': 1, 'ext_draw': 0,
+ 'style_type': 'num',   'var_type': 'int32_t' ,  'default':0, 'inherited': 1, 'layout': 1, 'ext_draw': 0,
  'dsc': "Set the line space in pixels."},
 
 {'name': 'TEXT_DECOR',
@@ -305,7 +342,7 @@ props = [
 
 {'section': 'Miscellaneous', 'dsc':'Mixed properties for various purposes.' },
 {'name': 'RADIUS',
- 'style_type': 'num', 'var_type': 'lv_coord_t', 'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'style_type': 'num', 'var_type': 'int32_t', 'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Set the radius on every corner. The value is interpreted in pixel (>= 0) or `LV_RADIUS_CIRCLE` for max. radius"},
 
 {'name': 'CLIP_CORNER',
@@ -316,6 +353,10 @@ props = [
  'style_type': 'num',   'var_type': 'lv_opa_t',  'default':'`LV_OPA_COVER`', 'inherited': 1, 'layout': 0, 'ext_draw': 0,
  'dsc': "Scale down all opacity values of the object by this factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency." },
 
+{'name': 'OPA_LAYERED',
+ 'style_type': 'num',   'var_type': 'lv_opa_t',  'default':'`LV_OPA_COVER`', 'inherited': 1, 'layout': 0, 'ext_draw': 0,
+ 'dsc': "First draw the object on the layer, then scale down layer opacity factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency." },
+
 {'name': 'COLOR_FILTER_DSC',
  'style_type': 'ptr',   'var_type': 'const lv_color_filter_dsc_t *',  'default':'`NULL`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "Mix a color to all colors of the object." },
@@ -328,13 +369,9 @@ props = [
  'style_type': 'ptr',   'var_type': 'const lv_anim_t *',  'default':'`NULL`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
  'dsc': "The animation template for the object's animation. Should be a pointer to `lv_anim_t`. The animation parameters are widget specific, e.g. animation time could be the E.g. blink time of the cursor on the text area or scroll time of a roller. See the widgets' documentation to learn more."},
 
-{'name': 'ANIM_TIME',
+{'name': 'ANIM_DURATION',
  'style_type': 'num',   'var_type': 'uint32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
- 'dsc': "The animation time in milliseconds. Its meaning is widget specific. E.g. blink time of the cursor on the text area or scroll time of a roller. See the widgets' documentation to learn more."},
-
-{'name': 'ANIM_SPEED',
- 'style_type': 'num',   'var_type': 'uint32_t' ,  'default':0, 'inherited': 0, 'layout': 0, 'ext_draw': 0,
- 'dsc': "The animation speed in pixel/sec. Its meaning is widget specific. E.g. scroll speed of label. See the widgets' documentation to learn more."},
+ 'dsc': "The animation duration in milliseconds. Its meaning is widget specific. E.g. blink time of the cursor on the text area or scroll time of a roller. See the widgets' documentation to learn more."},
 
 {'name': 'TRANSITION',
  'style_type': 'ptr',   'var_type': 'const lv_style_transition_dsc_t *' ,  'default':'`NULL`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
@@ -351,6 +388,86 @@ props = [
 {'name': 'BASE_DIR',
  'style_type': 'num',   'var_type': 'lv_base_dir_t', 'default':'`LV_BASE_DIR_AUTO`', 'inherited': 1, 'layout': 1, 'ext_draw': 0,
  'dsc': "Set the base direction of the object. The possible values are `LV_BIDI_DIR_LTR/RTL/AUTO`."},
+
+{'name': 'BITMAP_MASK_SRC',
+ 'style_type': 'ptr',   'var_type': 'const lv_image_dsc_t *', 'default':'`NULL`', 'inherited': 0, 'layout': 0, 'ext_draw': 0,
+ 'dsc': "If set a layer will be created for the widget and the layer will be masked with this A8 bitmap mask."},
+
+{'name': 'ROTARY_SENSITIVITY',
+ 'style_type': 'num',   'var_type': 'uint32_t', 'default':'`256`', 'inherited': 1, 'layout': 0, 'ext_draw': 0,
+ 'dsc': "Adjust the sensitivity for rotary encoders in 1/256 unit. It means, 128: slow down the rotary to half, 512: speeds up to double, 256: no change"},
+
+{'section': 'Flex', 'dsc':'Flex layout properties.',  'guard':'LV_USE_FLEX'},
+
+
+{'name': 'FLEX_FLOW',
+ 'style_type': 'num',   'var_type': 'lv_flex_flow_t', 'default':'`LV_FLEX_FLOW_NONE`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Defines in which direct the flex layout should arrange the children"},
+
+
+{'name': 'FLEX_MAIN_PLACE',
+ 'style_type': 'num',   'var_type': 'lv_flex_align_t', 'default':'`LV_FLEX_ALIGN_NONE`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Defines how to align the children in the direction of flex flow"},
+
+
+{'name': 'FLEX_CROSS_PLACE',
+ 'style_type': 'num',   'var_type': 'lv_flex_align_t', 'default':'`LV_FLEX_ALIGN_NONE`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Defines how to align the children perpendicular to the direction of flex flow"},
+
+
+{'name': 'FLEX_TRACK_PLACE',
+ 'style_type': 'num',   'var_type': 'lv_flex_align_t', 'default':'`LV_FLEX_ALIGN_NONE`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Defines how to align the tracks of the flow"},
+
+{'name': 'FLEX_GROW',
+ 'style_type': 'num',   'var_type': 'uint8_t', 'default':'`LV_FLEX_ALIGN_ROW`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Defines how mayn space to take proprtionally the free space of the object's trach"},
+
+
+
+{'section': 'Grid', 'dsc':'Grid layout properties.', 'guard':'LV_USE_GRID'},
+
+
+{'name': 'GRID_COLUMN_DSC_ARRAY',
+ 'style_type': 'ptr',   'var_type': 'const int32_t *', 'default':'`NULL`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "An array to describe the columns of the grid. Should be LV_GRID_TEMPLATE_LAST terminated"},
+
+{'name': 'GRID_COLUMN_ALIGN',
+ 'style_type': 'num',   'var_type': 'lv_grid_align_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Defines how to distribute the columns"},
+
+
+{'name': 'GRID_ROW_DSC_ARRAY',
+ 'style_type': 'ptr',   'var_type': 'const int32_t *', 'default':'`NULL`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "An array to describe the rows of the grid. Should be LV_GRID_TEMPLATE_LAST terminated"},
+
+{'name': 'GRID_ROW_ALIGN',
+ 'style_type': 'num',   'var_type': 'lv_grid_align_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Defines how to distribute the rows."},
+
+{'name': 'GRID_CELL_COLUMN_POS',
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Set the column in which the object should be placed"},
+
+{'name': 'GRID_CELL_X_ALIGN',
+ 'style_type': 'num',   'var_type': 'lv_grid_align_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Set how to align the object horizontally."},
+
+{'name': 'GRID_CELL_COLUMN_SPAN',
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Set how many columns the object should span. Needs to be >= 1"},
+
+{'name': 'GRID_CELL_ROW_POS',
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Set the row in which the object should be placed"},
+
+{'name': 'GRID_CELL_Y_ALIGN',
+ 'style_type': 'num',   'var_type': 'lv_grid_align_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Set how to align the object vertically."},
+
+{'name': 'GRID_CELL_ROW_SPAN',
+ 'style_type': 'num',   'var_type': 'int32_t', 'default':'`LV_GRID_ALIGN_START`', 'inherited': 0, 'layout': 1, 'ext_draw': 0,
+ 'dsc': "Set how many rows the object should span. Needs to be >= 1"},
 ]
 
 
@@ -365,7 +482,7 @@ def obj_style_get(p):
   if 'section' in p: return
 
   cast = style_get_cast(p['style_type'], p['var_type'])
-  print("static inline " + p['var_type'] + " lv_obj_get_style_" + p['name'].lower() +"(const struct _lv_obj_t * obj, uint32_t part)")
+  print("static inline " + p['var_type'] + " lv_obj_get_style_" + p['name'].lower() +"(const lv_obj_t * obj, uint32_t part)")
   print("{")
   print("    lv_style_value_t v = lv_obj_get_style_prop(obj, part, LV_STYLE_" + p['name'] + ");")
   print("    return " + cast + "v." + p['style_type'] + ";")
@@ -373,7 +490,7 @@ def obj_style_get(p):
   print("")
 
   if 'filtered' in p and p['filtered']:
-    print("static inline " + p['var_type'] + " lv_obj_get_style_" + p['name'].lower() +"_filtered(const struct _lv_obj_t * obj, uint32_t part)")
+    print("static inline " + p['var_type'] + " lv_obj_get_style_" + p['name'].lower() +"_filtered(const lv_obj_t * obj, uint32_t part)")
     print("{")
     print("    lv_style_value_t v = _lv_obj_style_apply_color_filter(obj, part, lv_obj_get_style_prop(obj, part, LV_STYLE_" + p['name'] + "));")
     print("    return " + cast + "v." + p['style_type'] + ";")
@@ -401,12 +518,15 @@ def style_set_c(p):
   print("    };")
   print("    lv_style_set_prop(style, LV_STYLE_" + p['name'] +", v);")
   print("}")
+  print("")
+  print("const lv_style_prop_t _lv_style_const_prop_id_" + p['name'] + " = LV_STYLE_" + p['name'] + ";")
 
 
 def style_set_h(p):
   if 'section' in p: return
 
   print("void lv_style_set_" + p['name'].lower() +"(lv_style_t * style, "+ p['var_type'] +" value);")
+  print("LV_ATTRIBUTE_EXTERN_DATA extern const lv_style_prop_t _lv_style_const_prop_id_" + p['name'] + ";")
 
 
 def local_style_set_c(p):
@@ -414,7 +534,7 @@ def local_style_set_c(p):
 
   cast = style_set_cast(p['style_type'])
   print("")
-  print("void lv_obj_set_style_" + p['name'].lower() + "(struct _lv_obj_t * obj, " + p['var_type'] +" value, lv_style_selector_t selector)")
+  print("void lv_obj_set_style_" + p['name'].lower() + "(lv_obj_t * obj, " + p['var_type'] +" value, lv_style_selector_t selector)")
   print("{")
   print("    lv_style_value_t v = {")
   print("        ." + p['style_type'] +" = " + cast + "value")
@@ -425,7 +545,7 @@ def local_style_set_c(p):
 
 def local_style_set_h(p):
   if 'section' in p: return
-  print("void lv_obj_set_style_" + p['name'].lower() + "(struct _lv_obj_t * obj, " + p['var_type'] +" value, lv_style_selector_t selector);")
+  print("void lv_obj_set_style_" + p['name'].lower() + "(lv_obj_t * obj, " + p['var_type'] +" value, lv_style_selector_t selector);")
 
 
 def style_const_set(p):
@@ -435,14 +555,16 @@ def style_const_set(p):
   print("")
   print("#define LV_STYLE_CONST_" + p['name'] + "(val) \\")
   print("    { \\")
-  print("        .prop = LV_STYLE_" + p['name'] + ", .value = { ." + p['style_type'] +" = " + cast + "val } \\")
+  print("        .prop_ptr = &_lv_style_const_prop_id_" + p['name'] + ", .value = { ." + p['style_type'] +" = " + cast + "val } \\")
   print("    }")
 
 
 def docs(p):
   if "section" in p:
     print("")
-    print("## " + p['section'])
+    print(p['section'])
+    print("-" * len(p['section']))
+    print("")
     print(p['dsc'])
     return
 
@@ -459,53 +581,147 @@ def docs(p):
   e = "No"
   if p["ext_draw"]: e = "Yes"
 
-  li_style = "style='display:inline; margin-right: 20px; margin-left: 0px"
+  li_style = "style='display:inline-block; margin-right: 20px; margin-left: 0px"
 
   dsc = p['dsc']
 
   print("")
-  print("### " + p["name"].lower())
+  print(p["name"].lower())
+  print("~" * len(p["name"].lower()))
+  print("")
   print(dsc)
 
-  print("<ul>")
-  print("<li " + li_style + "'><strong>Default</strong> " + d + "</li>")
-  print("<li " + li_style + "'><strong>Inherited</strong> " + i + "</li>")
-  print("<li " + li_style + "'><strong>Layout</strong> " + l + "</li>")
-  print("<li " + li_style + "'><strong>Ext. draw</strong> " + e + "</li>")
-  print("</ul>")
 
+  print("")
+  print(".. raw:: html")
+  print("")
+  print("  <ul>")
+  print("  <li " + li_style + "'><strong>Default</strong> " + d + "</li>")
+  print("  <li " + li_style + "'><strong>Inherited</strong> " + i + "</li>")
+  print("  <li " + li_style + "'><strong>Layout</strong> " + l + "</li>")
+  print("  <li " + li_style + "'><strong>Ext. draw</strong> " + e + "</li>")
+  print("  </ul>")
+
+def guard_proc(p):
+  global guard
+  if 'section' in p:
+    if guard:
+      guard_close()
+    if 'guard' in p:
+      guard = p['guard']
+      print(f"#if {guard}")
+
+def guard_close():
+  global guard
+  if guard:
+    print(f"#endif /*{guard}*/\n")
+  guard = ""
 
 base_dir = os.path.abspath(os.path.dirname(__file__))
 sys.stdout = open(base_dir + '/../src/core/lv_obj_style_gen.h', 'w')
 
+
+HEADING = f'''
+/*
+ **********************************************************************
+ *                            DO NOT EDIT
+ * This file is automatically generated by "{os.path.split(__file__)[-1]}"
+ **********************************************************************
+ */
+
+'''
+
+print(HEADING)
+print('#ifndef LV_OBJ_STYLE_GEN_H')
+print('#define LV_OBJ_STYLE_GEN_H')
+print()
+print('''\
+#ifdef __cplusplus
+extern "C" {
+#endif
+''')
+print("#include \"../misc/lv_area.h\"")
+print("#include \"../misc/lv_style.h\"")
+print("#include \"../core/lv_obj_style.h\"")
+print()
+
+guard = ""
 for p in props:
+  guard_proc(p)
   obj_style_get(p)
+guard_close()
 
 for p in props:
+  guard_proc(p)
   local_style_set_h(p)
+guard_close()
+
+print()
+print('''\
+#ifdef __cplusplus
+} /* extern "C" */
+#endif
+''')
+
+print('#endif /* LV_OBJ_STYLE_GEN_H */')
 
 sys.stdout = open(base_dir + '/../src/core/lv_obj_style_gen.c', 'w')
 
+print(HEADING)
 print("#include \"lv_obj.h\"")
+print()
+
 for p in props:
+  guard_proc(p)
   local_style_set_c(p)
+guard_close()
 
 sys.stdout = open(base_dir + '/../src/misc/lv_style_gen.c', 'w')
 
+print(HEADING)
 print("#include \"lv_style.h\"")
+print()
+
 for p in props:
+  guard_proc(p)
   style_set_c(p)
+guard_close()
 
 sys.stdout = open(base_dir + '/../src/misc/lv_style_gen.h', 'w')
 
+print(HEADING)
+print('#ifndef LV_STYLE_GEN_H')
+print('#define LV_STYLE_GEN_H')
+print()
+print('''\
+#ifdef __cplusplus
+extern "C" {
+#endif
+''')
+
 for p in props:
+  guard_proc(p)
   style_set_h(p)
+guard_close()
 
 for p in props:
+  guard_proc(p)
   style_const_set(p)
+guard_close()
 
-sys.stdout = open(base_dir + '/../docs/overview/style-props.md', 'w')
+print()
+print('''\
+#ifdef __cplusplus
+} /* extern "C" */
+#endif
+''')
+print('#endif /* LV_STYLE_GEN_H */')
+
+sys.stdout = open(base_dir + '/../docs/overview/style-props.rst', 'w')
+
+print('================')
+print('Style properties')
+print('================')
 
-print('# Style properties')
 for p in props:
   docs(p)

lib/lvgl/scripts/trace_filter.py

@@ -0,0 +1,45 @@
+#!/usr/bin/env python3
+
+import argparse
+import re
+from pathlib import Path
+
+MARK_LIST = ['tracing_mark_write']
+
+
+def get_arg():
+    parser = argparse.ArgumentParser(description='Filter a log file to a trace file.')
+    parser.add_argument('log_file', metavar='log_file', type=str,
+                        help='The input log file to process.')
+    parser.add_argument('trace_file', metavar='trace_file', type=str, nargs='?',
+                        help='The output trace file. If not provided, defaults to \'<log_file>.systrace\'.')
+
+    args = parser.parse_args()
+    return args
+
+
+if __name__ == '__main__':
+    args = get_arg()
+
+    if not args.trace_file:
+        log_file = Path(args.log_file)
+        args.trace_file = log_file.with_suffix('.systrace').as_posix()
+
+    print('log_file  :', args.log_file)
+    print('trace_file:', args.trace_file)
+
+    with open(args.log_file, 'r') as f:
+        content = f.read()
+
+    # compile regex pattern
+    pattern = re.compile(r'(^.+-[0-9]+\s\[[0-9]]\s[0-9]+\.[0-9]+:\s('
+                         + "|".join(MARK_LIST)
+                         + r'):\s[B|E]\|[0-9]+\|.+$)', re.M)
+
+    matches = pattern.findall(content)
+
+    # write to args.trace_file
+    with open(args.trace_file, 'w') as f:
+        f.write('# tracer: nop\n#\n')
+        for match in matches:
+            f.write(match[0] + '\n')