Heisig_GmbH/infineon_plc
1
0
Fork 0
Code Issues Activity

Added minimal functionality for Robot teaching

Browse Source 
- Added minimal HMI
- Added possibility to open and close all chamber doors
This commit is contained in:
Matthias Heisig
2026-01-17 09:20:39 +01:00
parent 9f058db2a3
commit 2d11c43579
2274 changed files with 912690 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/checkbox.svg vendored Normal file
View File

@@ -0,0 +1,8 @@
<svg version="1.1"
baseProfile="full"
width="30" height="30"
xmlns="http://www.w3.org/2000/svg">
<path d="M 9 18 L 13 22 L 22 9" fill="none" stroke="#4794da" stroke-width="3" stroke-linecap="round" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 226 B

8
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/checkbox_userinput.svg vendored Normal file
View File

@@ -0,0 +1,8 @@
<svg version="1.1"
baseProfile="full"
width="30" height="30"
xmlns="http://www.w3.org/2000/svg">
<path d="M 9 18 L 13 22 L 22 9" fill="none" stroke="white" stroke-width="3" stroke-linecap="round" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 224 B

8
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/datetimepicker_normal.svg vendored Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-span-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(6.000000, 5.000000)" fill="#ffffff">
<path d="M13.0368925,18.8781263 C9.75174991,18.8781263 7.07916266,16.2559652 7.07916266,13.0328064 C7.07916266,9.80919028 9.75174991,7.1870292 13.0368925,7.1870292 C14.8251438,7.1870292 16.427857,7.96777732 17.5210399,9.19538596 L12.9837484,12.7213305 L9.8337969,11.1218717 C9.60397211,11.0056971 9.32333413,11.0939715 9.20539159,11.3180878 C9.08698288,11.5422041 9.17648868,11.8184618 9.40491494,11.9346364 L12.8224515,13.6694798 C12.8905132,13.7037833 12.9637029,13.7207063 13.0368925,13.7207063 C13.1399174,13.7207063 13.24201,13.6868602 13.3263878,13.6219122 L18.077654,9.93039605 C18.6557123,10.8305204 18.9950885,11.8925574 18.9950885,13.0328064 C18.9950885,16.2559652 16.3225012,18.8781263 13.0368925,18.8781263 Z M1.13681663,3.82940064 L1.13681663,2.45725984 L3.46769685,2.45725984 L3.46769685,2.9146401 C3.46769685,3.16711401 3.67607754,3.37202037 3.93387289,3.37202037 C4.19120207,3.37202037 4.40004894,3.16711401 4.40004894,2.9146401 L4.40004894,2.45725984 L11.3926896,2.45725984 L11.3926896,2.9146401 C11.3926896,3.16711401 11.6010703,3.37202037 11.8588656,3.37202037 C12.1161948,3.37202037 12.3250417,3.16711401 12.3250417,2.9146401 L12.3250417,2.45725984 L14.1897458,2.45725984 L14.1897458,3.82940064 L1.13681663,3.82940064 Z M15.1220979,6.63863026 L15.1220979,1.77393371 C15.1220979,1.52145981 15.0475098,1.5424993 14.7901806,1.5424993 L12.3250417,1.5424993 L12.3250417,0.62773876 C12.3250417,0.374807471 12.1161948,0.170358491 11.8588656,0.170358491 C11.6010703,0.170358491 11.3926896,0.374807471 11.3926896,0.62773876 L11.3926896,1.5424993 L4.40004894,1.5424993 L4.40004894,0.62773876 C4.40004894,0.374807471 4.19120207,0.170358491 3.93387289,0.170358491 C3.67607754,0.170358491 3.46769685,0.374807471 3.46769685,0.62773876 L3.46769685,1.5424993 L0.662249419,1.5424993 C0.404454067,1.5424993 0.204464544,1.52145981 0.204464544,1.77393371 L0.204464544,13.2646982 C0.204464544,13.5171721 0.404454067,13.8917666 0.662249419,13.8917666 L4.71098836,13.8917666 C4.96831753,13.8917666 5.1771644,13.6868602 5.1771644,13.4343863 C5.1771644,13.181455 4.96831753,12.977006 4.71098836,12.977006 L1.13681663,12.977006 L1.13681663,4.74416118 L14.1897458,4.74416118 L14.1897458,6.39484657 C13.7235698,6.31709193 13.4102995,6.27226866 12.969297,6.27226866 C9.17089456,6.27226866 6.11277972,9.30515722 6.11277972,13.0328064 C6.11277972,16.7604556 9.2207754,19.7928868 13.0201102,19.7928868 C16.8194449,19.7928868 19.8519201,16.7604556 19.8519201,13.0328064 C19.8519201,10.0676101 17.9191542,7.54790223 15.1220979,6.63863026 Z" id="Fill-1"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

8
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/datetimepicker_pressed.svg vendored Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-span-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(6.000000, 5.000000)" fill="#ffffff">
<path d="M13.0368925,18.8781263 C9.75174991,18.8781263 7.07916266,16.2559652 7.07916266,13.0328064 C7.07916266,9.80919028 9.75174991,7.1870292 13.0368925,7.1870292 C14.8251438,7.1870292 16.427857,7.96777732 17.5210399,9.19538596 L12.9837484,12.7213305 L9.8337969,11.1218717 C9.60397211,11.0056971 9.32333413,11.0939715 9.20539159,11.3180878 C9.08698288,11.5422041 9.17648868,11.8184618 9.40491494,11.9346364 L12.8224515,13.6694798 C12.8905132,13.7037833 12.9637029,13.7207063 13.0368925,13.7207063 C13.1399174,13.7207063 13.24201,13.6868602 13.3263878,13.6219122 L18.077654,9.93039605 C18.6557123,10.8305204 18.9950885,11.8925574 18.9950885,13.0328064 C18.9950885,16.2559652 16.3225012,18.8781263 13.0368925,18.8781263 Z M1.13681663,3.82940064 L1.13681663,2.45725984 L3.46769685,2.45725984 L3.46769685,2.9146401 C3.46769685,3.16711401 3.67607754,3.37202037 3.93387289,3.37202037 C4.19120207,3.37202037 4.40004894,3.16711401 4.40004894,2.9146401 L4.40004894,2.45725984 L11.3926896,2.45725984 L11.3926896,2.9146401 C11.3926896,3.16711401 11.6010703,3.37202037 11.8588656,3.37202037 C12.1161948,3.37202037 12.3250417,3.16711401 12.3250417,2.9146401 L12.3250417,2.45725984 L14.1897458,2.45725984 L14.1897458,3.82940064 L1.13681663,3.82940064 Z M15.1220979,6.63863026 L15.1220979,1.77393371 C15.1220979,1.52145981 15.0475098,1.5424993 14.7901806,1.5424993 L12.3250417,1.5424993 L12.3250417,0.62773876 C12.3250417,0.374807471 12.1161948,0.170358491 11.8588656,0.170358491 C11.6010703,0.170358491 11.3926896,0.374807471 11.3926896,0.62773876 L11.3926896,1.5424993 L4.40004894,1.5424993 L4.40004894,0.62773876 C4.40004894,0.374807471 4.19120207,0.170358491 3.93387289,0.170358491 C3.67607754,0.170358491 3.46769685,0.374807471 3.46769685,0.62773876 L3.46769685,1.5424993 L0.662249419,1.5424993 C0.404454067,1.5424993 0.204464544,1.52145981 0.204464544,1.77393371 L0.204464544,13.2646982 C0.204464544,13.5171721 0.404454067,13.8917666 0.662249419,13.8917666 L4.71098836,13.8917666 C4.96831753,13.8917666 5.1771644,13.6868602 5.1771644,13.4343863 C5.1771644,13.181455 4.96831753,12.977006 4.71098836,12.977006 L1.13681663,12.977006 L1.13681663,4.74416118 L14.1897458,4.74416118 L14.1897458,6.39484657 C13.7235698,6.31709193 13.4102995,6.27226866 12.969297,6.27226866 C9.17089456,6.27226866 6.11277972,9.30515722 6.11277972,13.0328064 C6.11277972,16.7604556 9.2207754,19.7928868 13.0201102,19.7928868 C16.8194449,19.7928868 19.8519201,16.7604556 19.8519201,13.0328064 C19.8519201,10.0676101 17.9191542,7.54790223 15.1220979,6.63863026 Z" id="Fill-1"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

8
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/dropdown.svg vendored Normal file
View File

@@ -0,0 +1,8 @@
<svg version="1.1"
baseProfile="full"
width="30" height="30"
xmlns="http://www.w3.org/2000/svg">
<path d="M 7 12 L 15 20 L 23 12" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 225 B

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/expandIcon.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<polygon class="st2" points="32.6,53.2 32.6,26.8 53.6,40 "/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/expandIcon_expanded.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:#4c6374;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<polygon class="st2" points="36,55.2 55.2,55.2 55.2,36"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/expandIcon_expanded_hover.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:#d7d7d9;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<polygon class="st2" points="36,55.2 55.2,55.2 55.2,36"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/expandIcon_hover.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:#d7d7d9;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<polygon class="st2" points="32.6,53.2 32.6,26.8 53.6,40 "/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

31
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/expandIcon_no_children.svg vendored Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Inhalt" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#4c6374;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st4{fill:none;stroke:#000000;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st5{fill:none;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st6{fill:#FFFFFF;stroke:#000000;stroke-width:3.2;stroke-miterlimit:10;}
.st7{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:none;stroke:#000000;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7.5299,7.5299;}
.st9{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st10{fill:none;stroke:#4794DA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st11{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st12{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st13{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st14{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.741,3.741;}
.st15{fill:none;stroke:#4794DA;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st16{fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st17{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st18{fill:#FF0000;stroke:#FFFFFF;stroke-miterlimit:10;}
.st19{fill:#0000FF;stroke:#FFFFFF;stroke-miterlimit:10;}
.st20{fill:#00FF00;stroke:#FFFFFF;stroke-miterlimit:10;}
</style>
<g>
<circle class="st2" cx="40" cy="40" r="4"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

5
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/sort.svg vendored Normal file
View File

@@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
<polygon points="2.5,0 5,4 0,4" stroke="none" fill="#FFFFFF" />
<polygon points="2.5,10 5,6 0,6" stroke="none" fill="#FFFFFF" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 272 B

4
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/sort_asc.svg vendored Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
<polygon points="2.5,0 5,4 0,4" stroke="none" fill="#FFFFFF" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 206 B

4
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/sort_desc.svg vendored Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" baseProfile="full" width="5" height="10" xmlns="http://www.w3.org/2000/svg">
<polygon points="2.5,10 5,6 0,6" stroke="none" fill="#FFFFFF" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 207 B

15
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/timespanpicker_normal.svg vendored Normal file
View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

15
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Images/timespanpicker_pressed.svg vendored Normal file
View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="time-picker-bg-less" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="icon-status" transform="translate(5.000000, 5.000000)" fill="#ffffff">
<path d="M6.39997453,1.6 C6.44802978,1.6 6.50008963,1.58801822 6.54814488,1.5720425 C6.75237968,1.49216395 6.85249478,1.2565222 6.7724027,1.05283188 C6.69191016,0.849141561 6.45964313,0.745299437 6.25580879,0.829171922 C6.04756939,0.909050479 5.94745429,1.1406983 6.02754637,1.34438862 C6.09121957,1.50414573 6.23979038,1.6 6.39997453,1.6" id="Fill-1"></path>
<path d="M8.79979915,0.8 C8.81185016,0.8 8.82791817,0.8 8.84398618,0.795992162 C9.06492132,0.771945136 9.22198612,0.57556109 9.19748241,0.355130017 C9.17378209,0.134698944 8.97654726,-0.0216067259 8.75601382,0.00244030019 C8.53507868,0.0264873263 8.37801388,0.222871373 8.40251759,0.443302446 C8.4226026,0.647702168 8.59493202,0.8 8.79979915,0.8" id="Fill-3"></path>
<path d="M5.19986206,2 C5.26795682,2 5.33204601,1.98005871 5.3961352,1.94815264 C5.58880334,1.84046967 5.6568981,1.59718592 5.54834703,1.40574953 C5.44059708,1.21431314 5.19986206,1.14252449 5.00398947,1.25020746 C4.81132133,1.35789043 4.74322657,1.60117418 4.85137708,1.79261057 C4.92387798,1.92422309 5.05966695,2 5.19986206,2" id="Fill-5"></path>
<path d="M7.59950751,1.2 C7.63148946,1.2 7.66307163,1.19599667 7.69505358,1.18799001 C7.91093173,1.1359467 8.04285727,0.919766808 7.98728863,0.703586917 C7.93531797,0.491410358 7.71943982,0.359300425 7.50356167,0.411343732 C7.29128149,0.463387039 7.15935595,0.683570261 7.21132662,0.89574682 C7.25929954,1.07990006 7.41960905,1.2 7.59950751,1.2" id="Fill-7"></path>
<path d="M4.00001347,2.8 C4.08410047,2.8 4.16818746,2.77198504 4.24026203,2.71995725 C4.41644431,2.58788671 4.4524816,2.33575203 4.32034489,2.15965798 C4.18820818,1.98356392 3.93594719,1.94754468 3.7593645,2.07961523 C3.58358263,2.21168577 3.54754535,2.4598183 3.67968206,2.63991449 C3.7593645,2.74397007 3.87988919,2.8 4.00001347,2.8" id="Fill-9"></path>
<path d="M3.1988246,3.6 C3.29877582,3.6 3.4031249,3.5600509 3.47868802,3.4841476 C3.63900979,3.33234101 3.63900979,3.08066166 3.48708393,2.92086525 C3.33076021,2.76106883 3.07888313,2.76106883 2.91896117,2.91287542 C2.76303727,3.06867693 2.75903922,3.32035628 2.91496313,3.48015269 C2.99092606,3.5600509 3.09487533,3.6 3.1988246,3.6" id="Fill-11"></path>
<path d="M10,0 C9.96691402,0 9.93808196,0.0122887865 9.90688661,0.0189058254 C9.90357801,0.0189058254 9.90074207,0.0170152428 9.89696082,0.0170152428 C9.6355816,0.0170152428 9.42430401,0.228287841 9.42430401,0.489660877 L9.42430401,3.32553468 C9.42430401,3.58643507 9.6355816,3.79818031 9.89696082,3.79818031 C10.15834,3.79818031 10.3696176,3.58643507 10.3696176,3.32553468 L10.3696176,0.964197093 C15.1902444,1.16034503 19.0546864,5.13198629 19.0546864,10.0002363 C19.0546864,14.9927922 14.9926738,19.0547087 10,19.0547087 C5.00732618,19.0547087 0.945313608,14.9927922 0.945313608,10.0002363 C0.945313608,7.91492379 1.6708418,5.87971169 2.98860897,4.26940801 C3.15451151,4.06758833 3.12426147,3.76982158 2.92243702,3.6043956 C2.71966725,3.43896963 2.42236612,3.46874631 2.2574089,3.67103864 C2.21676041,3.72066643 2.18225646,3.77407539 2.14302595,3.82417582 C2.13499078,3.83079286 2.12459233,3.83315609 2.11702982,3.84024578 C2.07212743,3.88561976 2.03762348,3.93808342 2.0144633,3.99527354 C0.717493028,5.71995746 0,7.83268345 0,10.0002363 C0,15.5141203 4.48598573,20 10,20 C15.5140143,20 20,15.5141203 20,10.0002363 C20,4.48587971 15.5140143,0 10,0" id="Fill-13"></path>
<path d="M2.90318539,4.57504985 C2.73948566,4.77532009 2.77432555,5.06624383 2.98097856,5.22488746 L9.59339779,10.3000961 C9.67930435,10.3662362 9.78430127,10.4 9.88977544,10.4 C9.96470505,10.4 10.0396347,10.3833494 10.1093144,10.348198 L14.5425705,8.12533708 C14.7764272,8.00785754 14.8675836,7.72895926 14.7463599,7.50232549 C14.6256135,7.27522922 14.338781,7.18550075 14.1034925,7.30390533 L9.94418293,9.38939844 L3.57373386,4.49965943 C3.36708085,4.34147832 3.06688513,4.37524212 2.90318539,4.57504985" id="Fill-16"></path>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

631
Packages/Beckhoff.TwinCAT.HMI.Controls.14.4.1/runtimes/native1.12-tchmi/TcHmiTreeView/Themes/Base/Style.css vendored Normal file
View File

@@ -0,0 +1,631 @@
/** Styles for the theme: Base */
.TcHmi_Controls_Beckhoff_TcHmiTreeView {
--tchmi-background-header: var(--tchmi-highlight-color-1);
--tchmi-color-header: var(--tchmi-foreground-color-2);
--tchmi-background-row-numbers: var(--tchmi-foreground-color-1);
--tchmi-color-row-numbers: var(--tchmi-foreground-color-2);
--tchmi-border-color: var(--tchmi-background-color-1);
--tchmi-background-placeholder: var(--tchmi-highlight-color-1);
--tchmi-background-cell: var(--tchmi-background-color-4);
--tchmi-color-cell: var(--tchmi-foreground-color-1);
--tchmi-background-data-scroll: rgba(76, 99, 116, 0.25); /*var(--tchmi-foreground-color-1) + opacity*/
--tchmi-background-focused-row: rgba(76, 99, 116, 0.1); /*#4c6374 + opacity*/
--tchmi-background-focused-cell: rgba(76, 99, 116, 0.25); /*#4c6374 + opacity*/
--tchmi-background-cell-dropdown: var(--tchmi-highlight-color-1);
--tchmi-background-cell-checkbox: var(--tchmi-background-color-4);
--tchmi-background-cell-checkbox-checked: var(--tchmi-highlight-color-1);
--tchmi-stroke-combobox: var(--tchmi-foreground-color-2);
--tchmi-background-combobox-select: var(--tchmi-background-color-4);
--tchmi-background-combobox-select-active: var(--tchmi-background-color-3);
--tchmi-color-combobox: var(--tchmi-foreground-color-1);
--tchmi-background-textbox: inherit;
--tchmi-color-textbox: var(--tchmi-foreground-color-1);
--tchmi-toggleswitch-indicator: var(--tchmi-foreground-color-3);
--tchmi-toggleswitch-indicator-checked: var(--tchmi-highlight-color-1);
--tchmi-toggleswitch-indicator-user-input: var(--tchmi-background-color-4);
--tchmi-toggleswitch-background: var(--tchmi-background-color-4);
--tchmi-toggleswitch-background-checked: var(--tchmi-highlight-color-4);
--tchmi-radio-button-background: var(--tchmi-background-color-4);
--tchmi-radio-button-background-checked: radial-gradient(
circle closest-side at center,
var(--tchmi-highlight-color-1) 0,
var(--tchmi-highlight-color-1) 45%,
var(--tchmi-background-color-4) calc(45% + 1px),
var(--tchmi-background-color-4) 100%
);
--tchmi-input-border: 1px solid var(--tchmi-background-color-2);
--tchmi-input-unit-color: var(--tchmi-foreground-color-5);
--tchmi-input-field-background-invalid: var(--tchmi-invalid-color);
/** User input colors */
--tchmi-background-cell-checkbox-checked-user-input: var(--tchmi-user-input-color);
--tchmi-toggleswitch-background-checked-user-input: var(--tchmi-user-input-color);
--tchmi-radio-button-background-checked-user-input: radial-gradient(
circle closest-side at center,
var(--tchmi-background-color-4) 0,
var(--tchmi-background-color-4) 45%,
var(--tchmi-user-input-color) calc(45% + 1px),
var(--tchmi-user-input-color) 100%
);
--tchmi-input-field-background-user-input: var(--tchmi-user-input-color);
--tchmi-group-line-color: var(--tchmi-background-color-3);
--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color: var(--tchmi-foreground-color-1);
--tchmi-background-invalid: var(--tchmi-invalid-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only {
--tchmi-background-textbox: var(--tchmi-read-only-color);
--tchmi-background-combobox-select: var(--tchmi-read-only-color);
--tchmi-background-cell-checkbox: var(--tchmi-read-only-color);
--tchmi-toggleswitch-background: var(--tchmi-read-only-color);
--tchmi-radio-button-background: var(--tchmi-read-only-color);
--tchmi-radio-button-background-checked: radial-gradient(
circle closest-side at center,
var(--tchmi-highlight-color-1) 0,
var(--tchmi-highlight-color-1) 45%,
var(--tchmi-read-only-color) calc(45% + 1px),
var(--tchmi-read-only-color) 100%
);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-border {
border-width: 0px;
border-color: #000;
border-style: solid;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template td {
border-color: var(--tchmi-border-color);
outline: none;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header {
background: var(--tchmi-background-header);
color: var(--tchmi-color-header);
/* table border **/
border-right: 1px solid var(--tchmi-border-color);
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
font-weight: normal;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-border {
border-color: var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element.sortable
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child::after {
content: url('./Images/sort.svg');
padding-left: 5px;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element.sortable
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child:empty::after {
padding-left: unset;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-sort-asc::after {
content: url('./Images/sort_asc.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-sort-element-child.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-header-sort-desc::after {
content: url('./Images/sort_desc.svg');
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-placeholder {
background: var(--tchmi-background-placeholder);
}
td.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-row-numbers {
background: var(--tchmi-background-row-numbers);
color: var(--tchmi-color-row-numbers);
border-color: var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell {
background: var(--tchmi-background-cell);
color: var(--tchmi-color-cell);
border-color: var(--tchmi-border-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell select {
border: var(--tchmi-input-border);
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: inherit;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell select + label {
background:
url('Images/dropdown.svg') center center no-repeat,
var(--tchmi-background-cell-dropdown);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox'] + label {
background-color: var(--tchmi-background-cell-checkbox);
border: var(--tchmi-input-border);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='checkbox']:checked + label {
background:
url(Images/checkbox.svg) center / 100% no-repeat,
var(--tchmi-background-cell-checkbox);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='checkbox']
+ label {
background: var(--tchmi-input-field-background-user-input);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='checkbox']:checked
+ label {
background:
url(Images/checkbox_userinput.svg) center / 100% no-repeat,
var(--tchmi-background-cell-checkbox-checked-user-input);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio'] + label {
background-color: var(--tchmi-radio-button-background);
border: var(--tchmi-input-border);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='radio']:checked + label {
background: var(--tchmi-radio-button-background-checked);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='radio']:checked
+ label {
background: var(--tchmi-radio-button-background-checked-user-input);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label {
background: var(--tchmi-toggleswitch-background);
border: var(--tchmi-input-border);
transition: background-color 0.25s ease;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label {
background: var(--tchmi-toggleswitch-background-checked-user-input);
border: var(--tchmi-input-border);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label {
background: var(--tchmi-toggleswitch-background-checked);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label {
background: var(--tchmi-toggleswitch-background-checked-user-input);
border: var(--tchmi-input-border);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label
div {
position: relative;
background: var(--tchmi-toggleswitch-indicator);
border-radius: calc(100% * 0.618);
height: calc(100% * 0.618);
width: calc(50% * 0.618);
top: calc(100% * 0.382 / 2);
left: calc(50% * 0.382 / 2);
transition:
left 0.25s ease,
background-color 0.25s ease;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label
div {
background: var(--tchmi-toggleswitch-indicator-checked);
left: calc(50% + calc(50% * 0.382 / 2));
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='checkbox'].TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label
div,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='checkbox']:checked.TcHmi_Controls_Beckhoff_TcHmiTreeView-toggle-switch
+ label
div {
background: var(--tchmi-toggleswitch-indicator-user-input);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text'],
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:disabled,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal'],
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:disabled,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password'],
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:disabled {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: var(--tchmi-color-textbox);
background-color: var(--tchmi-background-textbox);
text-align: inherit;
border: var(--tchmi-input-border);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='text'],
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='text']:disabled,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='password'],
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value
input[type='password']:disabled {
background: var(--tchmi-input-field-background-user-input);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeview-input-unit {
color: var(--tchmi-input-unit-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr.focused > td:not(.focused)::before,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr:hover > td:not(:hover):before {
background: var(--tchmi-background-focused-row);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr.focused > td.focused::before,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-data-scroll tbody tr > td:hover:before {
background: var(--tchmi-background-focused-cell);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button {
font-size: var(--tchmi-button-font-size);
background: var(--tchmi-highlight-button-background);
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
outline: none;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button polyline {
stroke: currentColor;
fill: none;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template.active
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-button {
background: var(--tchmi-highlight-button-background-pressed);
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
/*--------------------------------------------select--------------------------------------------------*/
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
background: var(--tchmi-background-combobox-select);
color: var(--tchmi-color-combobox);
border: var(--tchmi-input-border);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template.active
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
background: var(--tchmi-background-combobox-select-active);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select-content {
color: var(--tchmi-color-combobox);
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-prepared-value .TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-select {
background: var(--tchmi-input-field-background-user-input);
}
/*-----------------------table--------------------------------------*/
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown {
--tchmi-background-combobox-dropdown: var(--tchmi-background-color-4);
--tchmi-background-combobox-dropdown-active: rgba(128, 128, 128, 0.15);
--tchmi-background-combobox-dropdown-hover: var(--tchmi-highlight-color-1);
--tchmi-color-combobox-dropdown: var(--tchmi-foreground-color-1);
--tchmi-color-combobox-dropdown-active: var(--tchmi-foreground-color-1);
--tchmi-color-combobox-dropdown-hover: var(--tchmi-foreground-color-2);
box-shadow: var(--tchmi-dropdown-shadow-above);
background: var(--tchmi-background-combobox-dropdown);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown.above-control {
box-shadow: var(--tchmi-dropdown-shadow-above);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown.drop-down-style-mobile {
box-shadow: var(--tchmi-popup-shadow);
max-width: 80%;
max-height: 80%;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element {
color: var(--tchmi-color-combobox-dropdown);
font-style: normal;
font-weight: normal;
font-size: 12px;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element.selected {
background: var(--tchmi-background-combobox-dropdown-active);
color: var(--tchmi-color-combobox-dropdown-active);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-combobox-template-dropdown-element:hover {
background: var(--tchmi-background-combobox-dropdown-hover);
color: var(--tchmi-color-combobox-dropdown-hover);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button {
font-size: var(--tchmi-button-font-size);
background: var(--tchmi-button-background);
color: var(--tchmi-button-text-color);
border: var(--tchmi-button-border);
box-shadow: var(--tchmi-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button.down {
background: var(--tchmi-button-background-pressed);
color: var(--tchmi-button-text-color-pressed);
border: var(--tchmi-button-border-pressed);
box-shadow: var(--tchmi-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button {
font-size: 16px;
background: var(--tchmi-highlight-button-background);
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button.down {
background: var(--tchmi-highlight-button-background-pressed);
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-date-time-button {
font-size: var(--tchmi-button-font-size);
background: url(Images/datetimepicker_normal.svg), var(--tchmi-highlight-button-background);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-date-time-button.down {
background: url(Images/datetimepicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-timespan-button {
font-size: var(--tchmi-button-font-size);
background: url(Images/timespanpicker_normal.svg), var(--tchmi-highlight-button-background);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-timespan-button.down {
background: url(Images/timespanpicker_pressed.svg), var(--tchmi-highlight-button-background-pressed);
background-repeat: no-repeat;
background-position: center;
color: var(--tchmi-highlight-button-text-color-pressed);
border: var(--tchmi-highlight-button-border-pressed);
box-shadow: var(--tchmi-highlight-button-shadow-pressed);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-button-disabled.down {
background: var(--tchmi-button-background);
color: var(--tchmi-button-text-color);
border: var(--tchmi-button-border);
box-shadow: var(--tchmi-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only .TcHmi_Controls_Beckhoff_TcHmiTreeView-button::after {
background-color: var(--tchmi-disabled-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button-disabled.down {
background: var(--tchmi-highlight-button-background);
color: var(--tchmi-highlight-button-text-color);
border: var(--tchmi-highlight-button-border);
box-shadow: var(--tchmi-highlight-button-shadow);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-cell-disabled::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--tchmi-disabled-color);
z-index: 100;
top: 0;
left: 0;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-input-field-margin {
margin: 1px;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:invalid,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='text']:disabled:invalid,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:invalid,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[inputmode='decimal']:disabled:invalid,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:invalid,
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell input[type='password']:disabled:invalid {
background: var(--tchmi-input-field-background-invalid);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView.read-only .TcHmi_Controls_Beckhoff_TcHmiTreeView-spinbox-button::after {
background-color: var(--tchmi-disabled-color);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand {
margin-left: -5px;
width: 30px !important;
display: flex;
align-items: center;
justify-content: center;
z-index: 101;
height: var(--row-height);
min-width: var(--row-height);
position: relative;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-Message {
color: var(--tchmi-color-cell);
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
border-style: solid;
border-width: 0 1px 1px 0;
border-color: var(--tchmi-color-cell);
transition: transform 0.1s ease-in;
pointer-events: none;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon.animation-lock::before {
transition: none;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template .group-lines {
display: inline-block;
top: 0px;
left: 7px;
height: 100%;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template .group-line {
display: inline-block;
border-left: 1px solid var(--tchmi-group-line-color);
position: relative;
height: 100%;
width: 8px;
margin-left: 9.5px;
margin-top: -15px;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template span.group-line-first {
height: calc(100% - 10px) !important;
margin-top: -5px !important;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template span.group-line:last-child {
border-bottom: 1px solid var(--tchmi-group-line-color);
}
tr:nth-child(2n) label::before {
background: var(--tchmi-group-line-color) !important;
border: 1px solid #ccc;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand:not(
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-cell-expand-icon
)::before {
width: 3px;
height: 3px;
border-radius: 6px;
content: '';
border: 1px solid var(--tchmi-color-cell);
}
/**
Loading Spinner
Usage: <div class="TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-container"><div class="TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner"><div></div><div></div><div></div><div></div></div></div>
*/
@keyframes TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-container {
position: static;
width: 100%;
height: 100%;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner {
display: inline-block;
width: 64px;
height: 64px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
overflow: hidden;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid var(--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color);
border-radius: 50%;
animation: TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: var(--TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner-color) transparent transparent transparent;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(1) {
animation-delay: -0.45s;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(2) {
animation-delay: -0.3s;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeview-loading-spinner div:nth-child(3) {
animation-delay: -0.15s;
}
.TcHmi_Controls_Beckhoff_TcHmiTreeView-template-input-invalid-notification,
.tchmi-template-input-invalid-notification {
color: red;
font-weight: bold;
font-size: 15px;
}