Merge pull request #38 from loupeteam/feature/tablePV

Add new table tmplit

example/AsProject/Physical/Config1/Hardware.hw

@@ -1,13 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
-<?AutomationStudio Version=4.12.4.107 FileVersion="4.9"?>
+<?AutomationStudio Version=4.12.2.93 FileVersion="4.9"?>
 <Hardware xmlns="http://br-automation.co.at/AS/Hardware">
   <Module Name="X20CP1586" Type="X20CP1586" Version="1.10.0.0">
     <Connector Name="IF2">
       <Parameter ID="ActivateDevice" Value="1" />
     </Connector>
     <Parameter ID="ConfigurationID" Value="AsProject_Config1" />
     <Parameter ID="Simulation" Value="1" />
-    <Parameter ID="VolatileGlobalPvSize" Value="500000" />
+    <Parameter ID="VolatileGlobalPvSize" Value="250000" />
     <Group ID="FileDevice1" />
     <Parameter ID="FileDeviceName1" Value="USER" />
     <Parameter ID="FileDevicePath1" Value="USER_PATH" />

example/HMI/app/css/material-theme/colors.module.css

@@ -0,0 +1,180 @@
+.primary {
+  background-color: var(--md-sys-color-primary);
+}
+.primary-text {
+  color: var(--md-sys-color-primary);
+}
+.on-primary {
+  background-color: var(--md-sys-color-on-primary);
+}
+.on-primary-text {
+  color: var(--md-sys-color-on-primary);
+}
+.primary-container {
+  background-color: var(--md-sys-color-primary-container);
+}
+.primary-container-text {
+  color: var(--md-sys-color-primary-container);
+}
+.on-primary-container {
+  background-color: var(--md-sys-color-on-primary-container);
+}
+.on-primary-container-text {
+  color: var(--md-sys-color-on-primary-container);
+}
+.secondary {
+  background-color: var(--md-sys-color-secondary);
+}
+.secondary-text {
+  color: var(--md-sys-color-secondary);
+}
+.on-secondary {
+  background-color: var(--md-sys-color-on-secondary);
+}
+.on-secondary-text {
+  color: var(--md-sys-color-on-secondary);
+}
+.secondary-container {
+  background-color: var(--md-sys-color-secondary-container);
+}
+.secondary-container-text {
+  color: var(--md-sys-color-secondary-container);
+}
+.on-secondary-container {
+  background-color: var(--md-sys-color-on-secondary-container);
+}
+.on-secondary-container-text {
+  color: var(--md-sys-color-on-secondary-container);
+}
+.tertiary {
+  background-color: var(--md-sys-color-tertiary);
+}
+.tertiary-text {
+  color: var(--md-sys-color-tertiary);
+}
+.on-tertiary {
+  background-color: var(--md-sys-color-on-tertiary);
+}
+.on-tertiary-text {
+  color: var(--md-sys-color-on-tertiary);
+}
+.tertiary-container {
+  background-color: var(--md-sys-color-tertiary-container);
+}
+.tertiary-container-text {
+  color: var(--md-sys-color-tertiary-container);
+}
+.on-tertiary-container {
+  background-color: var(--md-sys-color-on-tertiary-container);
+}
+.on-tertiary-container-text {
+  color: var(--md-sys-color-on-tertiary-container);
+}
+.error {
+  background-color: var(--md-sys-color-error);
+}
+.error-text {
+  color: var(--md-sys-color-error);
+}
+.on-error {
+  background-color: var(--md-sys-color-on-error);
+}
+.on-error-text {
+  color: var(--md-sys-color-on-error);
+}
+.error-container {
+  background-color: var(--md-sys-color-error-container);
+}
+.error-container-text {
+  color: var(--md-sys-color-error-container);
+}
+.on-error-container {
+  background-color: var(--md-sys-color-on-error-container);
+}
+.on-error-container-text {
+  color: var(--md-sys-color-on-error-container);
+}
+.outline {
+  background-color: var(--md-sys-color-outline);
+}
+.outline-text {
+  color: var(--md-sys-color-outline);
+}
+.background {
+  background-color: var(--md-sys-color-background);
+}
+.background-text {
+  color: var(--md-sys-color-background);
+}
+.on-background {
+  background-color: var(--md-sys-color-on-background);
+}
+.on-background-text {
+  color: var(--md-sys-color-on-background);
+}
+.surface {
+  background-color: var(--md-sys-color-surface);
+}
+.surface-text {
+  color: var(--md-sys-color-surface);
+}
+.on-surface {
+  background-color: var(--md-sys-color-on-surface);
+}
+.on-surface-text {
+  color: var(--md-sys-color-on-surface);
+}
+.surface-variant {
+  background-color: var(--md-sys-color-surface-variant);
+}
+.surface-variant-text {
+  color: var(--md-sys-color-surface-variant);
+}
+.on-surface-variant {
+  background-color: var(--md-sys-color-on-surface-variant);
+}
+.on-surface-variant-text {
+  color: var(--md-sys-color-on-surface-variant);
+}
+.inverse-surface {
+  background-color: var(--md-sys-color-inverse-surface);
+}
+.inverse-surface-text {
+  color: var(--md-sys-color-inverse-surface);
+}
+.inverse-on-surface {
+  background-color: var(--md-sys-color-inverse-on-surface);
+}
+.inverse-on-surface-text {
+  color: var(--md-sys-color-inverse-on-surface);
+}
+.inverse-primary {
+  background-color: var(--md-sys-color-inverse-primary);
+}
+.inverse-primary-text {
+  color: var(--md-sys-color-inverse-primary);
+}
+.shadow {
+  background-color: var(--md-sys-color-shadow);
+}
+.shadow-text {
+  color: var(--md-sys-color-shadow);
+}
+.surface-tint {
+  background-color: var(--md-sys-color-surface-tint);
+}
+.surface-tint-text {
+  color: var(--md-sys-color-surface-tint);
+}
+.outline-variant {
+  background-color: var(--md-sys-color-outline-variant);
+}
+.outline-variant-text {
+  color: var(--md-sys-color-outline-variant);
+}
+.scrim {
+  background-color: var(--md-sys-color-scrim);
+}
+.scrim-text {
+  color: var(--md-sys-color-scrim);
+}

example/HMI/app/css/material-theme/theme.css

@@ -0,0 +1,5 @@
+@import url(tokens.css);
+@import url(colors.module.css);
+@import url(typography.module.css);
+@import url(theme.light.css) (prefers-color-scheme: light);
+@import url(theme.dark.css) (prefers-color-scheme: dark);

example/HMI/app/css/material-theme/theme.dark.css

@@ -0,0 +1,32 @@
+:root {
+ --md-sys-color-primary: var(--md-sys-color-primary-dark);
+ --md-sys-color-on-primary: var(--md-sys-color-on-primary-dark);
+ --md-sys-color-primary-container: var(--md-sys-color-primary-container-dark);
+ --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-dark);
+ --md-sys-color-secondary: var(--md-sys-color-secondary-dark);
+ --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-dark);
+ --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-dark);
+ --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-dark);
+ --md-sys-color-tertiary: var(--md-sys-color-tertiary-dark);
+ --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-dark);
+ --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-dark);
+ --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-dark);
+ --md-sys-color-error: var(--md-sys-color-error-dark);
+ --md-sys-color-on-error: var(--md-sys-color-on-error-dark);
+ --md-sys-color-error-container: var(--md-sys-color-error-container-dark);
+ --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-dark);
+ --md-sys-color-outline: var(--md-sys-color-outline-dark);
+ --md-sys-color-background: var(--md-sys-color-background-dark);
+ --md-sys-color-on-background: var(--md-sys-color-on-background-dark);
+ --md-sys-color-surface: var(--md-sys-color-surface-dark);
+ --md-sys-color-on-surface: var(--md-sys-color-on-surface-dark);
+ --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-dark);
+ --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-dark);
+ --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-dark);
+ --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-dark);
+ --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-dark);
+ --md-sys-color-shadow: var(--md-sys-color-shadow-dark);
+ --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-dark);
+ --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-dark);
+ --md-sys-color-scrim: var(--md-sys-color-scrim-dark);
+}

example/HMI/app/css/material-theme/theme.light.css

@@ -0,0 +1,32 @@
+:root {
+ --md-sys-color-primary: var(--md-sys-color-primary-light);
+ --md-sys-color-on-primary: var(--md-sys-color-on-primary-light);
+ --md-sys-color-primary-container: var(--md-sys-color-primary-container-light);
+ --md-sys-color-on-primary-container: var(--md-sys-color-on-primary-container-light);
+ --md-sys-color-secondary: var(--md-sys-color-secondary-light);
+ --md-sys-color-on-secondary: var(--md-sys-color-on-secondary-light);
+ --md-sys-color-secondary-container: var(--md-sys-color-secondary-container-light);
+ --md-sys-color-on-secondary-container: var(--md-sys-color-on-secondary-container-light);
+ --md-sys-color-tertiary: var(--md-sys-color-tertiary-light);
+ --md-sys-color-on-tertiary: var(--md-sys-color-on-tertiary-light);
+ --md-sys-color-tertiary-container: var(--md-sys-color-tertiary-container-light);
+ --md-sys-color-on-tertiary-container: var(--md-sys-color-on-tertiary-container-light);
+ --md-sys-color-error: var(--md-sys-color-error-light);
+ --md-sys-color-on-error: var(--md-sys-color-on-error-light);
+ --md-sys-color-error-container: var(--md-sys-color-error-container-light);
+ --md-sys-color-on-error-container: var(--md-sys-color-on-error-container-light);
+ --md-sys-color-outline: var(--md-sys-color-outline-light);
+ --md-sys-color-background: var(--md-sys-color-background-light);
+ --md-sys-color-on-background: var(--md-sys-color-on-background-light);
+ --md-sys-color-surface: var(--md-sys-color-surface-light);
+ --md-sys-color-on-surface: var(--md-sys-color-on-surface-light);
+ --md-sys-color-surface-variant: var(--md-sys-color-surface-variant-light);
+ --md-sys-color-on-surface-variant: var(--md-sys-color-on-surface-variant-light);
+ --md-sys-color-inverse-surface: var(--md-sys-color-inverse-surface-light);
+ --md-sys-color-inverse-on-surface: var(--md-sys-color-inverse-on-surface-light);
+ --md-sys-color-inverse-primary: var(--md-sys-color-inverse-primary-light);
+ --md-sys-color-shadow: var(--md-sys-color-shadow-light);
+ --md-sys-color-surface-tint: var(--md-sys-color-surface-tint-light);
+ --md-sys-color-outline-variant: var(--md-sys-color-outline-variant-light);
+ --md-sys-color-scrim: var(--md-sys-color-scrim-light);
+}