@rio-cloud/uikit-mcp 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (192) hide show
  1. package/README.md +1 -0
  2. package/dist/doc-metadata.json +20 -20
  3. package/dist/docs/components/accentBar.md +1 -1
  4. package/dist/docs/components/activity.md +1 -1
  5. package/dist/docs/components/animatedNumber.md +2 -2
  6. package/dist/docs/components/animatedTextReveal.md +6 -6
  7. package/dist/docs/components/animations.md +30 -30
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +43 -26
  10. package/dist/docs/components/appNavigationBar.md +1 -1
  11. package/dist/docs/components/areaCharts.md +4 -4
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  13. package/dist/docs/components/assetTree.md +372 -463
  14. package/dist/docs/components/autosuggests.md +1 -1
  15. package/dist/docs/components/avatar.md +1 -1
  16. package/dist/docs/components/banner.md +1 -1
  17. package/dist/docs/components/barCharts.md +69 -89
  18. package/dist/docs/components/barList.md +3 -3
  19. package/dist/docs/components/basicMap.md +1 -1
  20. package/dist/docs/components/bottomSheet.md +1 -1
  21. package/dist/docs/components/button.md +1 -1
  22. package/dist/docs/components/buttonToolbar.md +1 -1
  23. package/dist/docs/components/calendarStripe.md +9 -1
  24. package/dist/docs/components/card.md +1 -1
  25. package/dist/docs/components/carousel.md +1 -1
  26. package/dist/docs/components/chartColors.md +1 -1
  27. package/dist/docs/components/chartsGettingStarted.md +1 -1
  28. package/dist/docs/components/chat.md +4 -1
  29. package/dist/docs/components/checkbox.md +1 -1
  30. package/dist/docs/components/clearableInput.md +1 -1
  31. package/dist/docs/components/collapse.md +2 -2
  32. package/dist/docs/components/composedCharts.md +48 -48
  33. package/dist/docs/components/contentLoader.md +101 -101
  34. package/dist/docs/components/dataTabs.md +7 -7
  35. package/dist/docs/components/datepickers.md +5 -5
  36. package/dist/docs/components/dialogs.md +1 -1
  37. package/dist/docs/components/divider.md +1 -1
  38. package/dist/docs/components/dropdowns.md +4353 -4365
  39. package/dist/docs/components/editableContent.md +1 -1
  40. package/dist/docs/components/expander.md +1 -1
  41. package/dist/docs/components/fade.md +1 -1
  42. package/dist/docs/components/fadeExpander.md +1 -1
  43. package/dist/docs/components/fadeUp.md +2 -2
  44. package/dist/docs/components/feedback.md +1 -1
  45. package/dist/docs/components/filePickers.md +1 -1
  46. package/dist/docs/components/formLabel.md +1 -1
  47. package/dist/docs/components/fullscreenMap.md +1 -1
  48. package/dist/docs/components/groupedItemList.md +1 -1
  49. package/dist/docs/components/iconList.md +4 -4
  50. package/dist/docs/components/imagePreloader.md +1 -1
  51. package/dist/docs/components/labeledElement.md +1 -1
  52. package/dist/docs/components/licensePlate.md +1 -1
  53. package/dist/docs/components/lineCharts.md +3 -3
  54. package/dist/docs/components/listMenu.md +1 -1
  55. package/dist/docs/components/loadMore.md +1 -1
  56. package/dist/docs/components/mainNavigation.md +1 -1
  57. package/dist/docs/components/mapCircle.md +1 -1
  58. package/dist/docs/components/mapCluster.md +1 -1
  59. package/dist/docs/components/mapContext.md +1 -1
  60. package/dist/docs/components/mapDraggableMarker.md +1 -1
  61. package/dist/docs/components/mapGettingStarted.md +1 -1
  62. package/dist/docs/components/mapInfoBubble.md +1 -1
  63. package/dist/docs/components/mapLayerGroup.md +1 -1
  64. package/dist/docs/components/mapMarker.md +1 -1
  65. package/dist/docs/components/mapPolygon.md +1 -1
  66. package/dist/docs/components/mapRoute.md +1 -1
  67. package/dist/docs/components/mapRouteGenerator.md +1 -1
  68. package/dist/docs/components/mapSettings.md +1 -1
  69. package/dist/docs/components/mapUtils.md +1 -1
  70. package/dist/docs/components/multiselects.md +1 -1
  71. package/dist/docs/components/noData.md +1 -1
  72. package/dist/docs/components/notifications.md +1 -1
  73. package/dist/docs/components/numbercontrol.md +1 -1
  74. package/dist/docs/components/onboarding.md +1 -1
  75. package/dist/docs/components/page.md +1 -1
  76. package/dist/docs/components/pager.md +1 -1
  77. package/dist/docs/components/pieCharts.md +36 -36
  78. package/dist/docs/components/popover.md +1 -1
  79. package/dist/docs/components/position.md +1 -1
  80. package/dist/docs/components/radialBarCharts.md +13 -13
  81. package/dist/docs/components/radiobutton.md +1 -1
  82. package/dist/docs/components/releaseNotes.md +1 -1
  83. package/dist/docs/components/resizer.md +1 -1
  84. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  85. package/dist/docs/components/responsiveVideo.md +1 -1
  86. package/dist/docs/components/rioglyph.md +1 -1
  87. package/dist/docs/components/rules.md +3 -3
  88. package/dist/docs/components/saveableInput.md +9 -9
  89. package/dist/docs/components/selects.md +1 -1
  90. package/dist/docs/components/sidebar.md +1 -1
  91. package/dist/docs/components/sliders.md +1 -1
  92. package/dist/docs/components/smoothScrollbars.md +1 -1
  93. package/dist/docs/components/spinners.md +1 -1
  94. package/dist/docs/components/states.md +1 -1
  95. package/dist/docs/components/statsWidgets.md +1 -1
  96. package/dist/docs/components/statusBar.md +1 -1
  97. package/dist/docs/components/stepButton.md +1 -1
  98. package/dist/docs/components/steppedProgressBars.md +1 -1
  99. package/dist/docs/components/subNavigation.md +1 -1
  100. package/dist/docs/components/supportMarker.md +1 -1
  101. package/dist/docs/components/svgImage.md +1 -1
  102. package/dist/docs/components/switch.md +1 -1
  103. package/dist/docs/components/tables.md +1 -1
  104. package/dist/docs/components/tagManager.md +1 -1
  105. package/dist/docs/components/tags.md +1 -1
  106. package/dist/docs/components/teaser.md +1 -1
  107. package/dist/docs/components/timeline.md +1 -1
  108. package/dist/docs/components/timepicker.md +1 -1
  109. package/dist/docs/components/toggleButton.md +1 -1
  110. package/dist/docs/components/tooltip.md +1 -1
  111. package/dist/docs/components/virtualList.md +70 -67
  112. package/dist/docs/foundations.md +118 -118
  113. package/dist/docs/start/changelog.md +709 -434
  114. package/dist/docs/start/goodtoknow.md +1 -1
  115. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  116. package/dist/docs/start/guidelines/custom-css.md +1 -1
  117. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  118. package/dist/docs/start/guidelines/formatting.md +1 -1
  119. package/dist/docs/start/guidelines/iframe.md +1 -1
  120. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  121. package/dist/docs/start/guidelines/print-css.md +1 -1
  122. package/dist/docs/start/guidelines/spinner.md +81 -81
  123. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  124. package/dist/docs/start/guidelines/writing.md +1 -1
  125. package/dist/docs/start/howto.md +1 -1
  126. package/dist/docs/start/intro.md +1 -1
  127. package/dist/docs/start/responsiveness.md +1 -1
  128. package/dist/docs/templates/common-table.md +11 -11
  129. package/dist/docs/templates/detail-views.md +2 -2
  130. package/dist/docs/templates/expandable-details.md +1 -1
  131. package/dist/docs/templates/feature-cards.md +55 -55
  132. package/dist/docs/templates/form-summary.md +22 -22
  133. package/dist/docs/templates/form-toggle.md +1 -1
  134. package/dist/docs/templates/list-blocks.md +203 -203
  135. package/dist/docs/templates/loading-progress.md +1 -1
  136. package/dist/docs/templates/options-panel.md +1 -1
  137. package/dist/docs/templates/panel-variants.md +1 -1
  138. package/dist/docs/templates/progress-cards.md +1 -1
  139. package/dist/docs/templates/progress-success.md +1 -1
  140. package/dist/docs/templates/settings-form.md +23 -23
  141. package/dist/docs/templates/stats-blocks.md +16 -16
  142. package/dist/docs/templates/table-panel.md +1 -1
  143. package/dist/docs/templates/table-row-animation.md +1 -1
  144. package/dist/docs/templates/usage-cards.md +1 -1
  145. package/dist/docs/utilities/deviceUtils.md +1 -1
  146. package/dist/docs/utilities/featureToggles.md +1 -1
  147. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  148. package/dist/docs/utilities/routeUtils.md +1 -1
  149. package/dist/docs/utilities/useAfterMount.md +1 -1
  150. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  151. package/dist/docs/utilities/useAverage.md +1 -1
  152. package/dist/docs/utilities/useClickOutside.md +1 -1
  153. package/dist/docs/utilities/useClipboard.md +2 -2
  154. package/dist/docs/utilities/useCount.md +1 -1
  155. package/dist/docs/utilities/useDarkMode.md +1 -1
  156. package/dist/docs/utilities/useDebugInfo.md +4 -4
  157. package/dist/docs/utilities/useEffectOnce.md +1 -1
  158. package/dist/docs/utilities/useElapsedTime.md +1 -1
  159. package/dist/docs/utilities/useElementSize.md +1 -1
  160. package/dist/docs/utilities/useEsc.md +1 -1
  161. package/dist/docs/utilities/useEvent.md +1 -1
  162. package/dist/docs/utilities/useFocusTrap.md +1 -1
  163. package/dist/docs/utilities/useFullscreen.md +1 -1
  164. package/dist/docs/utilities/useHover.md +1 -1
  165. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  166. package/dist/docs/utilities/useInterval.md +1 -1
  167. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  168. package/dist/docs/utilities/useKey.md +1 -1
  169. package/dist/docs/utilities/useLocalStorage.md +1 -1
  170. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  171. package/dist/docs/utilities/useMax.md +1 -1
  172. package/dist/docs/utilities/useMin.md +1 -1
  173. package/dist/docs/utilities/useMutationObserver.md +1 -1
  174. package/dist/docs/utilities/useOnScreen.md +1 -1
  175. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  176. package/dist/docs/utilities/usePostMessage.md +1 -1
  177. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  178. package/dist/docs/utilities/usePrevious.md +1 -1
  179. package/dist/docs/utilities/useResizeObserver.md +1 -1
  180. package/dist/docs/utilities/useScrollPosition.md +1 -1
  181. package/dist/docs/utilities/useSearch.md +1 -1
  182. package/dist/docs/utilities/useSorting.md +1 -1
  183. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  184. package/dist/docs/utilities/useSum.md +1 -1
  185. package/dist/docs/utilities/useTableExport.md +51 -51
  186. package/dist/docs/utilities/useTableSelection.md +87 -87
  187. package/dist/docs/utilities/useTimeout.md +1 -1
  188. package/dist/docs/utilities/useToggle.md +1 -1
  189. package/dist/docs/utilities/useWindowResize.md +1 -1
  190. package/dist/index.mjs +1 -1
  191. package/dist/version.json +1 -1
  192. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Selection
5
5
  *Source:* https://uikit.developers.rio.cloud/#components/assetTree
6
- *Captured:* 2025-12-12T12:38:29.787Z
6
+ *Captured:* 2025-12-12T14:20:32.129Z
7
7
 
8
8
  The asset tree components are using labels that need to be defined from the outside of the components, meaning the come from your service. To align on the labels and their translations you should use the shared project on Phrase.
9
9
 
@@ -13,38 +13,36 @@ The asset tree components are using labels that need to be defined from the outs
13
13
 
14
14
  Filter
15
15
 
16
- 5272
16
+ 5920
17
17
  4
18
18
 
19
- Group - Aaron Walsh - 413913
19
+ Group - Ada Carroll - 364111
20
20
 
21
- Group - Abel O'Reilly I - 66006
21
+ Group - Adrienne Hartmann - 323112
22
22
 
23
- Group - Adrian Schulist - 692310
23
+ Group - Adrienne Ritchie - 744514
24
24
 
25
- Group - Adrienne Gislason - 484912
25
+ Group - Agnes Boyer - 871212
26
26
 
27
- Group - Adrienne Yost - 593010
27
+ Group - Alan Bauch - 196214
28
28
 
29
- Group - Alex Connelly - 289915
29
+ Group - Albert Hudson - 836021
30
30
 
31
- Group - Alex Rowe - 568311
31
+ Group - Alejandro Considine - 895713
32
32
 
33
- Group - Alice Harris - 978010
33
+ Group - Alexander McGlynn - 779416
34
34
 
35
- Group - Allan Auer V - 493512
35
+ Group - Alison Olson - 595512
36
36
 
37
- Group - Allan Jenkins IV - 59835
37
+ Group - Allen Jakubowski - 804915
38
38
 
39
- Group - Alma Brakus PhD - 48176
39
+ Group - Allen Waters - 354312
40
40
 
41
- Group - Alton Konopelski - 71095
41
+ Group - Alonzo Brekke - 57275
42
42
 
43
- Group - Alton Pollich - 18919
43
+ Group - Alonzo Morar - 447115
44
44
 
45
- Group - Alyssa Collins - 26536
46
-
47
- Group - Alyssa Lueilwitz III - 462815
45
+ Group - Alton Lindgren - 417810
48
46
 
49
47
  200
50
48
 
@@ -72,38 +70,36 @@ Asset type filter:
72
70
 
73
71
  Filter
74
72
 
75
- 5272
73
+ 5920
76
74
  4
77
75
 
78
- Group - Aaron Walsh - 413913
79
-
80
- Group - Abel O'Reilly I - 66006
76
+ Group - Ada Carroll - 364111
81
77
 
82
- Group - Adrian Schulist - 692310
78
+ Group - Adrienne Hartmann - 323112
83
79
 
84
- Group - Adrienne Gislason - 484912
80
+ Group - Adrienne Ritchie - 744514
85
81
 
86
- Group - Adrienne Yost - 593010
82
+ Group - Agnes Boyer - 871212
87
83
 
88
- Group - Alex Connelly - 289915
84
+ Group - Alan Bauch - 196214
89
85
 
90
- Group - Alex Rowe - 568311
86
+ Group - Albert Hudson - 836021
91
87
 
92
- Group - Alice Harris - 978010
88
+ Group - Alejandro Considine - 895713
93
89
 
94
- Group - Allan Auer V - 493512
90
+ Group - Alexander McGlynn - 779416
95
91
 
96
- Group - Allan Jenkins IV - 59835
92
+ Group - Alison Olson - 595512
97
93
 
98
- Group - Alma Brakus PhD - 48176
94
+ Group - Allen Jakubowski - 804915
99
95
 
100
- Group - Alton Konopelski - 71095
96
+ Group - Allen Waters - 354312
101
97
 
102
- Group - Alton Pollich - 18919
98
+ Group - Alonzo Brekke - 57275
103
99
 
104
- Group - Alyssa Collins - 26536
100
+ Group - Alonzo Morar - 447115
105
101
 
106
- Group - Alyssa Lueilwitz III - 462815
102
+ Group - Alton Lindgren - 417810
107
103
 
108
104
  200
109
105
 
@@ -615,24 +611,26 @@ export default AssetTreeExample;
615
611
 
616
612
  ### Example: Example 2
617
613
 
614
+ 10
615
+ 9
618
616
  8
619
- 8
620
- 6
621
- 8
617
+ 3
622
618
 
623
619
  My Empty Group5
624
620
 
625
- Truck Group East7
621
+ Truck Group East8
626
622
 
627
- Truck Group North2
628
- N18-G566 / M-AN 1026
629
- N18-G990 / M-AN 1003
623
+ Truck Group North4
624
+ N18-G546 / M-AN 1006
625
+ N18-G661 / M-AN 1028
626
+ N18-G787 / M-AN 1004
627
+ N18-G911 / M-AN 1029
630
628
 
631
629
  Truck Group South6
632
630
 
633
631
  Truck Group West4
634
632
 
635
- All my unassigned Trucks6
633
+ All my unassigned Trucks3
636
634
 
637
635
  Current category:
638
636
  assets
@@ -645,24 +643,26 @@ Truck Group North
645
643
 
646
644
  #### Summary
647
645
 
646
+ 10
647
+ 9
648
648
  8
649
- 8
650
- 6
651
- 8
649
+ 3
652
650
 
653
651
  My Empty Group5
654
652
 
655
- Truck Group East7
653
+ Truck Group East8
656
654
 
657
- Truck Group North2
658
- N18-G566 / M-AN 1026
659
- N18-G990 / M-AN 1003
655
+ Truck Group North4
656
+ N18-G546 / M-AN 1006
657
+ N18-G661 / M-AN 1028
658
+ N18-G787 / M-AN 1004
659
+ N18-G911 / M-AN 1029
660
660
 
661
661
  Truck Group South6
662
662
 
663
663
  Truck Group West4
664
664
 
665
- All my unassigned Trucks6
665
+ All my unassigned Trucks3
666
666
 
667
667
  Current category:
668
668
  assets
@@ -859,24 +859,24 @@ export default AssetTreeSingleSelectExample;
859
859
  <div class="display-flex justify-content-between align-items-start width-100pct">
860
860
  <div class="TreeSummary display-flex flex-wrap align-items-center gap-10 padding-left-3">
861
861
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
862
- <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
862
+ <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
863
863
  </span>
864
- <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
864
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
865
865
  </div>
866
866
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
867
- <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
867
+ <span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
868
868
  </span>
869
- <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
869
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
870
870
  </div>
871
871
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
872
- <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
872
+ <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
873
873
  </span>
874
- <span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
874
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
875
875
  </div>
876
876
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
877
- <span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
877
+ <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
878
878
  </span>
879
- <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
879
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
880
880
  </div>
881
881
  </div>
882
882
  </div>
@@ -901,7 +901,7 @@ export default AssetTreeSingleSelectExample;
901
901
  <span class="TreeLabelNameText">
902
902
  <span class="TreeLabelNameTextHeadline">Truck Group East</span>
903
903
  </span>
904
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
904
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
905
905
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
906
906
  </span>
907
907
  </span>
@@ -913,26 +913,44 @@ export default AssetTreeSingleSelectExample;
913
913
  <span class="TreeLabelNameText">
914
914
  <span class="TreeLabelNameTextHeadline">Truck Group North</span>
915
915
  </span>
916
- <span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
916
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
917
917
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
918
918
  </span>
919
919
  </span>
920
920
  </div>
921
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9726">
921
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d976">
922
922
  <span class="TreeLabel TreeLabelName">
923
923
  <span class="rioglyph rioglyph-bus">
924
924
  </span>
925
925
  <span class="TreeLabelNameText">
926
- <span class="TreeLabelNameTextHeadline">N18-G566 / M-AN 1026</span>
926
+ <span class="TreeLabelNameTextHeadline">N18-G546 / M-AN 1006</span>
927
927
  </span>
928
928
  </span>
929
929
  </div>
930
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
930
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9728">
931
931
  <span class="TreeLabel TreeLabelName">
932
932
  <span class="rioglyph rioglyph-van">
933
933
  </span>
934
934
  <span class="TreeLabelNameText">
935
- <span class="TreeLabelNameTextHeadline">N18-G990 / M-AN 1003</span>
935
+ <span class="TreeLabelNameTextHeadline">N18-G661 / M-AN 1028</span>
936
+ </span>
937
+ </span>
938
+ </div>
939
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d974">
940
+ <span class="TreeLabel TreeLabelName">
941
+ <span class="rioglyph rioglyph-truck">
942
+ </span>
943
+ <span class="TreeLabelNameText">
944
+ <span class="TreeLabelNameTextHeadline">N18-G787 / M-AN 1004</span>
945
+ </span>
946
+ </span>
947
+ </div>
948
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9729">
949
+ <span class="TreeLabel TreeLabelName">
950
+ <span class="rioglyph rioglyph-van">
951
+ </span>
952
+ <span class="TreeLabelNameText">
953
+ <span class="TreeLabelNameTextHeadline">N18-G911 / M-AN 1029</span>
936
954
  </span>
937
955
  </span>
938
956
  </div>
@@ -967,7 +985,7 @@ export default AssetTreeSingleSelectExample;
967
985
  <span class="TreeLabelNameText">
968
986
  <span class="TreeLabelNameTextHeadline">All my unassigned Trucks</span>
969
987
  </span>
970
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
988
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
971
989
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
972
990
  </span>
973
991
  </span>
@@ -1153,40 +1171,29 @@ When using fuel filter, please check out the fuel type utils that ease the imple
1153
1171
 
1154
1172
  ### Example: Example 3
1155
1173
 
1156
- 6
1157
- 7
1158
- 3
1159
- 4
1160
-
1161
- 10
1162
- 1
1174
+ 5
1163
1175
  2
1164
- 4
1165
- 3
1166
-
1167
- Mixed Vehicles13
1168
-
1169
- Vehicle-1755Debug: diesel
1170
-
1171
- Vehicle-3278Debug: dual_fuel_diesel_cng
1172
-
1173
- Vehicle-3365Debug: electric
1174
-
1175
- Vehicle-4034Debug: diesel
1176
-
1177
- Vehicle-5000Debug: diesel
1178
-
1179
- Vehicle-7205Debug: hydrogen
1180
-
1181
- Vehicle-7245Debug: hydrogen
1182
-
1183
- Vehicle-7410Debug: diesel
1176
+ 8
1177
+ 5
1184
1178
 
1185
- Vehicle-8099Debug: heavy_fuel_oil
1179
+ 15
1180
+ 2
1181
+ 1
1182
+ 1
1183
+ 1
1186
1184
 
1187
- Vehicle-8194Debug: heavy_fuel_oil
1185
+ Mixed Vehicles9
1186
+ Vehicle-1564Debug: hydrogen
1187
+ Vehicle-2359Debug: lpg
1188
+ Vehicle-2411Debug: heavy_fuel_oil
1189
+ Vehicle-3355Debug: gas
1190
+ Vehicle-6981Debug: electric
1191
+ Vehicle-7289Debug: gas
1192
+ Vehicle-8098Debug: heavy_fuel_oil
1193
+ Vehicle-8298Debug: heavy_fuel_oil
1194
+ Vehicle-9591Debug: lpg
1188
1195
 
1189
- Vehicle-8207Debug: lpg
1196
+ Ungrouped11
1190
1197
 
1191
1198
  Selected groups:
1192
1199
 
@@ -1197,40 +1204,29 @@ Mixed Vehicles
1197
1204
 
1198
1205
  #### Summary
1199
1206
 
1200
- 6
1201
- 7
1202
- 3
1203
- 4
1204
-
1205
- 10
1206
- 1
1207
+ 5
1207
1208
  2
1208
- 4
1209
- 3
1210
-
1211
- Mixed Vehicles13
1212
-
1213
- Vehicle-1755Debug: diesel
1214
-
1215
- Vehicle-3278Debug: dual_fuel_diesel_cng
1216
-
1217
- Vehicle-3365Debug: electric
1218
-
1219
- Vehicle-4034Debug: diesel
1220
-
1221
- Vehicle-5000Debug: diesel
1222
-
1223
- Vehicle-7205Debug: hydrogen
1224
-
1225
- Vehicle-7245Debug: hydrogen
1226
-
1227
- Vehicle-7410Debug: diesel
1209
+ 8
1210
+ 5
1228
1211
 
1229
- Vehicle-8099Debug: heavy_fuel_oil
1212
+ 15
1213
+ 2
1214
+ 1
1215
+ 1
1216
+ 1
1230
1217
 
1231
- Vehicle-8194Debug: heavy_fuel_oil
1218
+ Mixed Vehicles9
1219
+ Vehicle-1564Debug: hydrogen
1220
+ Vehicle-2359Debug: lpg
1221
+ Vehicle-2411Debug: heavy_fuel_oil
1222
+ Vehicle-3355Debug: gas
1223
+ Vehicle-6981Debug: electric
1224
+ Vehicle-7289Debug: gas
1225
+ Vehicle-8098Debug: heavy_fuel_oil
1226
+ Vehicle-8298Debug: heavy_fuel_oil
1227
+ Vehicle-9591Debug: lpg
1232
1228
 
1233
- Vehicle-8207Debug: lpg
1229
+ Ungrouped11
1234
1230
 
1235
1231
  Selected groups:
1236
1232
 
@@ -1565,56 +1561,56 @@ export default AssetTreeExample;
1565
1561
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1566
1562
  <span class="rioglyph rioglyph-truck-baseline text-size-16 margin-right-2">
1567
1563
  </span>
1568
- <span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
1564
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
1569
1565
  </div>
1570
1566
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1571
1567
  <span class="rioglyph rioglyph-bus-baseline text-size-16 margin-right-2">
1572
1568
  </span>
1573
- <span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
1569
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1574
1570
  </div>
1575
1571
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1576
1572
  <span class="rioglyph rioglyph-van-baseline text-size-16 margin-right-2">
1577
1573
  </span>
1578
- <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1574
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
1579
1575
  </div>
1580
1576
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1581
1577
  <span class="rioglyph rioglyph-car-baseline text-size-16 margin-right-2">
1582
1578
  </span>
1583
- <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
1579
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
1584
1580
  </div>
1585
1581
  </div>
1586
1582
  <div class="TreeSummaryRow display-grid grid-cols-4 gap-10">
1587
1583
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1588
1584
  <span class="rioglyph rioglyph-fuel-liquid text-size-16 margin-right-2">
1589
1585
  </span>
1590
- <span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
1586
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">15</span>
1591
1587
  </div>
1592
1588
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1593
1589
  <span class="rioglyph rioglyph-fuel-gas text-size-16 margin-right-2">
1594
1590
  </span>
1595
- <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1591
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1596
1592
  </div>
1597
1593
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1598
1594
  <span class="rioglyph rioglyph-fuel-electric text-size-16 margin-right-2">
1599
1595
  </span>
1600
- <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1596
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1601
1597
  </div>
1602
1598
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1603
1599
  <span class="rioglyph rioglyph-fuel-hydrogen text-size-16 margin-right-2">
1604
1600
  </span>
1605
- <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
1601
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1606
1602
  </div>
1607
1603
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1608
1604
  <span class="rioglyph rioglyph-fuel-mix text-size-16 margin-right-2">
1609
1605
  </span>
1610
- <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1606
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1611
1607
  </div>
1612
1608
  </div>
1613
1609
  </div>
1614
1610
  </div>
1615
1611
  <div>
1616
1612
  <div class="dropdown btn-group TreeHeaderOptions height-20">
1617
- <button type="button" id="ss2t28tcsx" class="btn btn-default btn-sm btn-icon-only btn-component dropdown-toggle hover-bg-white border-none text-color-gray hover-text-color-dark" tabindex="0">
1613
+ <button type="button" id="7947qsy9jao" class="btn btn-default btn-sm btn-icon-only btn-component dropdown-toggle hover-bg-white border-none text-color-gray hover-text-color-dark" tabindex="0">
1618
1614
  <span class="rioglyph rioglyph-option-vertical" aria-hidden="true">
1619
1615
  </span>
1620
1616
  </button>
@@ -1623,314 +1619,227 @@ export default AssetTreeExample;
1623
1619
  </div>
1624
1620
  </div>
1625
1621
  <div class="TreeRoot user-select-none overflow-hidden" style="position: relative;">
1626
- <div class="tree-virtual-scrollbar scrollbar-fly-in smooth-scrollbar-wrapper" style="position: relative; overflow: hidden; width: 100%; height: 100%;">
1627
- <div class="scrollbar-view" style="position: absolute; inset: 0px; overflow: scroll; margin-right: 0px; margin-bottom: 0px;">
1628
- <div class="scrollbar-content-wrapper">
1629
- <div class="grouped-list" style="height: 784px; position: relative;">
1630
- <div data-index="0" class="virtualized-tree-item group-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 41px; transform: translateY(0px);">
1631
- <div class="TreeNodeContainer user-select-none overflow-hidden open" data-id="group-1">
1632
- <div class="TreeNode from-group" data-key="group-1">
1633
- <label class="checkbox TreeCheckbox" tabindex="0">
1634
- <input type="checkbox" class="TreeCheckbox">
1635
- <span class="checkbox-text">
1636
- </span>
1637
- </label>
1638
- <span class="TreeLabel TreeLabelName">
1639
- <span class="TreeLabelNameText">
1640
- <span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
1641
- </span>
1642
- <span class="TreeLabelCount label label-muted label-filled label-condensed">13</span>
1643
- <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1644
- </span>
1645
- </span>
1646
- </div>
1647
- </div>
1648
- </div>
1649
- <div data-index="1" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(41px);">
1650
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1651
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
1652
- <label class="checkbox TreeCheckbox" tabindex="0">
1653
- <input type="checkbox" class="TreeCheckbox">
1654
- <span class="checkbox-text">
1655
- </span>
1656
- </label>
1657
- <span class="TreeLabel TreeLabelName">
1658
- <span class="rioglyph-icon-pair">
1659
- <span class="rioglyph rioglyph-van">
1660
- </span>
1661
- <span class="rioglyph rioglyph-fuel-liquid">
1662
- </span>
1663
- </span>
1664
- <span class="TreeLabelNameText">
1665
- <span class="TreeLabelNameTextHeadline">Vehicle-1755</span>
1666
- <span class="TreeLabelNameTextSubline">
1667
- <span>Debug: diesel</span>
1668
- </span>
1669
- </span>
1670
- </span>
1671
- </div>
1672
- </div>
1673
- </div>
1674
- <div data-index="2" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(95px);">
1675
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1676
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
1677
- <label class="checkbox TreeCheckbox" tabindex="0">
1678
- <input type="checkbox" class="TreeCheckbox">
1679
- <span class="checkbox-text">
1680
- </span>
1681
- </label>
1682
- <span class="TreeLabel TreeLabelName">
1683
- <span class="rioglyph-icon-pair">
1684
- <span class="rioglyph rioglyph-bus">
1685
- </span>
1686
- <span class="rioglyph rioglyph-fuel-mix">
1687
- </span>
1688
- </span>
1689
- <span class="TreeLabelNameText">
1690
- <span class="TreeLabelNameTextHeadline">Vehicle-3278</span>
1691
- <span class="TreeLabelNameTextSubline">
1692
- <span>Debug: dual_fuel_diesel_cng</span>
1693
- </span>
1694
- </span>
1695
- </span>
1696
- </div>
1697
- </div>
1698
- </div>
1699
- <div data-index="3" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(149px);">
1700
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1701
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9711">
1702
- <label class="checkbox TreeCheckbox" tabindex="0">
1703
- <input type="checkbox" class="TreeCheckbox">
1704
- <span class="checkbox-text">
1705
- </span>
1706
- </label>
1707
- <span class="TreeLabel TreeLabelName">
1708
- <span class="rioglyph-icon-pair">
1709
- <span class="rioglyph rioglyph-truck">
1710
- </span>
1711
- <span class="rioglyph rioglyph-fuel-electric">
1712
- </span>
1713
- </span>
1714
- <span class="TreeLabelNameText">
1715
- <span class="TreeLabelNameTextHeadline">Vehicle-3365</span>
1716
- <span class="TreeLabelNameTextSubline">
1717
- <span>Debug: electric</span>
1718
- </span>
1719
- </span>
1720
- </span>
1721
- </div>
1722
- </div>
1723
- </div>
1724
- <div data-index="4" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(203px);">
1725
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1726
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
1727
- <label class="checkbox TreeCheckbox" tabindex="0">
1728
- <input type="checkbox" class="TreeCheckbox">
1729
- <span class="checkbox-text">
1730
- </span>
1731
- </label>
1732
- <span class="TreeLabel TreeLabelName">
1733
- <span class="rioglyph-icon-pair">
1734
- <span class="rioglyph rioglyph-bus">
1735
- </span>
1736
- <span class="rioglyph rioglyph-fuel-liquid">
1737
- </span>
1738
- </span>
1739
- <span class="TreeLabelNameText">
1740
- <span class="TreeLabelNameTextHeadline">Vehicle-4034</span>
1741
- <span class="TreeLabelNameTextSubline">
1742
- <span>Debug: diesel</span>
1743
- </span>
1744
- </span>
1745
- </span>
1746
- </div>
1747
- </div>
1748
- </div>
1749
- <div data-index="5" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(257px);">
1750
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1751
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
1752
- <label class="checkbox TreeCheckbox" tabindex="0">
1753
- <input type="checkbox" class="TreeCheckbox">
1754
- <span class="checkbox-text">
1755
- </span>
1756
- </label>
1757
- <span class="TreeLabel TreeLabelName">
1758
- <span class="rioglyph-icon-pair">
1759
- <span class="rioglyph rioglyph-bus">
1760
- </span>
1761
- <span class="rioglyph rioglyph-fuel-liquid">
1762
- </span>
1763
- </span>
1764
- <span class="TreeLabelNameText">
1765
- <span class="TreeLabelNameTextHeadline">Vehicle-5000</span>
1766
- <span class="TreeLabelNameTextSubline">
1767
- <span>Debug: diesel</span>
1768
- </span>
1769
- </span>
1770
- </span>
1771
- </div>
1772
- </div>
1773
- </div>
1774
- <div data-index="6" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(311px);">
1775
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1776
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
1777
- <label class="checkbox TreeCheckbox" tabindex="0">
1778
- <input type="checkbox" class="TreeCheckbox">
1779
- <span class="checkbox-text">
1780
- </span>
1781
- </label>
1782
- <span class="TreeLabel TreeLabelName">
1783
- <span class="rioglyph-icon-pair">
1784
- <span class="rioglyph rioglyph-car">
1785
- </span>
1786
- <span class="rioglyph rioglyph-fuel-hydrogen">
1787
- </span>
1788
- </span>
1789
- <span class="TreeLabelNameText">
1790
- <span class="TreeLabelNameTextHeadline">Vehicle-7205</span>
1791
- <span class="TreeLabelNameTextSubline">
1792
- <span>Debug: hydrogen</span>
1793
- </span>
1794
- </span>
1795
- </span>
1796
- </div>
1797
- </div>
1798
- </div>
1799
- <div data-index="7" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(365px);">
1800
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1801
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9715">
1802
- <label class="checkbox TreeCheckbox" tabindex="0">
1803
- <input type="checkbox" class="TreeCheckbox">
1804
- <span class="checkbox-text">
1805
- </span>
1806
- </label>
1807
- <span class="TreeLabel TreeLabelName">
1808
- <span class="rioglyph-icon-pair">
1809
- <span class="rioglyph rioglyph-bus">
1810
- </span>
1811
- <span class="rioglyph rioglyph-fuel-hydrogen">
1812
- </span>
1813
- </span>
1814
- <span class="TreeLabelNameText">
1815
- <span class="TreeLabelNameTextHeadline">Vehicle-7245</span>
1816
- <span class="TreeLabelNameTextSubline">
1817
- <span>Debug: hydrogen</span>
1818
- </span>
1819
- </span>
1820
- </span>
1821
- </div>
1822
- </div>
1823
- </div>
1824
- <div data-index="8" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(419px);">
1825
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1826
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
1827
- <label class="checkbox TreeCheckbox" tabindex="0">
1828
- <input type="checkbox" class="TreeCheckbox">
1829
- <span class="checkbox-text">
1830
- </span>
1831
- </label>
1832
- <span class="TreeLabel TreeLabelName">
1833
- <span class="rioglyph-icon-pair">
1834
- <span class="rioglyph rioglyph-van">
1835
- </span>
1836
- <span class="rioglyph rioglyph-fuel-liquid">
1837
- </span>
1838
- </span>
1839
- <span class="TreeLabelNameText">
1840
- <span class="TreeLabelNameTextHeadline">Vehicle-7410</span>
1841
- <span class="TreeLabelNameTextSubline">
1842
- <span>Debug: diesel</span>
1843
- </span>
1844
- </span>
1845
- </span>
1846
- </div>
1847
- </div>
1848
- </div>
1849
- <div data-index="9" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(473px);">
1850
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1851
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9712">
1852
- <label class="checkbox TreeCheckbox" tabindex="0">
1853
- <input type="checkbox" class="TreeCheckbox">
1854
- <span class="checkbox-text">
1855
- </span>
1856
- </label>
1857
- <span class="TreeLabel TreeLabelName">
1858
- <span class="rioglyph-icon-pair">
1859
- <span class="rioglyph rioglyph-car">
1860
- </span>
1861
- <span class="rioglyph rioglyph-fuel-liquid">
1862
- </span>
1863
- </span>
1864
- <span class="TreeLabelNameText">
1865
- <span class="TreeLabelNameTextHeadline">Vehicle-8099</span>
1866
- <span class="TreeLabelNameTextSubline">
1867
- <span>Debug: heavy_fuel_oil</span>
1868
- </span>
1869
- </span>
1870
- </span>
1871
- </div>
1872
- </div>
1873
- </div>
1874
- <div data-index="10" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(527px);">
1875
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1876
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
1877
- <label class="checkbox TreeCheckbox" tabindex="0">
1878
- <input type="checkbox" class="TreeCheckbox">
1879
- <span class="checkbox-text">
1880
- </span>
1881
- </label>
1882
- <span class="TreeLabel TreeLabelName">
1883
- <span class="rioglyph-icon-pair">
1884
- <span class="rioglyph rioglyph-bus">
1885
- </span>
1886
- <span class="rioglyph rioglyph-fuel-liquid">
1887
- </span>
1888
- </span>
1889
- <span class="TreeLabelNameText">
1890
- <span class="TreeLabelNameTextHeadline">Vehicle-8194</span>
1891
- <span class="TreeLabelNameTextSubline">
1892
- <span>Debug: heavy_fuel_oil</span>
1893
- </span>
1894
- </span>
1895
- </span>
1896
- </div>
1897
- </div>
1898
- </div>
1899
- <div data-index="11" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(581px);">
1900
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1901
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
1902
- <label class="checkbox TreeCheckbox" tabindex="0">
1903
- <input type="checkbox" class="TreeCheckbox">
1904
- <span class="checkbox-text">
1905
- </span>
1906
- </label>
1907
- <span class="TreeLabel TreeLabelName">
1908
- <span class="rioglyph-icon-pair">
1909
- <span class="rioglyph rioglyph-truck">
1910
- </span>
1911
- <span class="rioglyph rioglyph-fuel-gas">
1912
- </span>
1913
- </span>
1914
- <span class="TreeLabelNameText">
1915
- <span class="TreeLabelNameTextHeadline">Vehicle-8207</span>
1916
- <span class="TreeLabelNameTextSubline">
1917
- <span>Debug: lpg</span>
1918
- </span>
1919
- </span>
1920
- </span>
1921
- </div>
1922
- </div>
1923
- </div>
1924
- </div>
1925
- </div>
1622
+ <div class="TreeNodeContainer user-select-none overflow-hidden open" data-id="group-1">
1623
+ <div class="TreeNode from-group" data-key="group-1">
1624
+ <label class="checkbox TreeCheckbox" tabindex="0">
1625
+ <input type="checkbox" class="TreeCheckbox">
1626
+ <span class="checkbox-text">
1627
+ </span>
1628
+ </label>
1629
+ <span class="TreeLabel TreeLabelName">
1630
+ <span class="TreeLabelNameText">
1631
+ <span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
1632
+ </span>
1633
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
1634
+ <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1635
+ </span>
1636
+ </span>
1926
1637
  </div>
1927
- <div class="scrollbar-track-horizontal" style="position: absolute; height: 6px; display: none;">
1928
- <div class="scrollbar-thumb-horizontal" style="position: relative; display: block; height: 100%;">
1929
- </div>
1638
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
1639
+ <label class="checkbox TreeCheckbox" tabindex="0">
1640
+ <input type="checkbox" class="TreeCheckbox">
1641
+ <span class="checkbox-text">
1642
+ </span>
1643
+ </label>
1644
+ <span class="TreeLabel TreeLabelName">
1645
+ <span class="rioglyph-icon-pair">
1646
+ <span class="rioglyph rioglyph-car">
1647
+ </span>
1648
+ <span class="rioglyph rioglyph-fuel-hydrogen">
1649
+ </span>
1650
+ </span>
1651
+ <span class="TreeLabelNameText">
1652
+ <span class="TreeLabelNameTextHeadline">Vehicle-1564</span>
1653
+ <span class="TreeLabelNameTextSubline">
1654
+ <span>Debug: hydrogen</span>
1655
+ </span>
1656
+ </span>
1657
+ </span>
1930
1658
  </div>
1931
- <div class="scrollbar-track-vertical" style="position: absolute; width: 6px; display: none;">
1932
- <div class="scrollbar-thumb-vertical" style="position: relative; display: block; width: 100%;">
1933
- </div>
1659
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
1660
+ <label class="checkbox TreeCheckbox" tabindex="0">
1661
+ <input type="checkbox" class="TreeCheckbox">
1662
+ <span class="checkbox-text">
1663
+ </span>
1664
+ </label>
1665
+ <span class="TreeLabel TreeLabelName">
1666
+ <span class="rioglyph-icon-pair">
1667
+ <span class="rioglyph rioglyph-bus">
1668
+ </span>
1669
+ <span class="rioglyph rioglyph-fuel-gas">
1670
+ </span>
1671
+ </span>
1672
+ <span class="TreeLabelNameText">
1673
+ <span class="TreeLabelNameTextHeadline">Vehicle-2359</span>
1674
+ <span class="TreeLabelNameTextSubline">
1675
+ <span>Debug: lpg</span>
1676
+ </span>
1677
+ </span>
1678
+ </span>
1679
+ </div>
1680
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d977">
1681
+ <label class="checkbox TreeCheckbox" tabindex="0">
1682
+ <input type="checkbox" class="TreeCheckbox">
1683
+ <span class="checkbox-text">
1684
+ </span>
1685
+ </label>
1686
+ <span class="TreeLabel TreeLabelName">
1687
+ <span class="rioglyph-icon-pair">
1688
+ <span class="rioglyph rioglyph-truck">
1689
+ </span>
1690
+ <span class="rioglyph rioglyph-fuel-liquid">
1691
+ </span>
1692
+ </span>
1693
+ <span class="TreeLabelNameText">
1694
+ <span class="TreeLabelNameTextHeadline">Vehicle-2411</span>
1695
+ <span class="TreeLabelNameTextSubline">
1696
+ <span>Debug: heavy_fuel_oil</span>
1697
+ </span>
1698
+ </span>
1699
+ </span>
1700
+ </div>
1701
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
1702
+ <label class="checkbox TreeCheckbox" tabindex="0">
1703
+ <input type="checkbox" class="TreeCheckbox">
1704
+ <span class="checkbox-text">
1705
+ </span>
1706
+ </label>
1707
+ <span class="TreeLabel TreeLabelName">
1708
+ <span class="rioglyph-icon-pair">
1709
+ <span class="rioglyph rioglyph-car">
1710
+ </span>
1711
+ <span class="rioglyph rioglyph-fuel-liquid">
1712
+ </span>
1713
+ </span>
1714
+ <span class="TreeLabelNameText">
1715
+ <span class="TreeLabelNameTextHeadline">Vehicle-3355</span>
1716
+ <span class="TreeLabelNameTextSubline">
1717
+ <span>Debug: gas</span>
1718
+ </span>
1719
+ </span>
1720
+ </span>
1721
+ </div>
1722
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9712">
1723
+ <label class="checkbox TreeCheckbox" tabindex="0">
1724
+ <input type="checkbox" class="TreeCheckbox">
1725
+ <span class="checkbox-text">
1726
+ </span>
1727
+ </label>
1728
+ <span class="TreeLabel TreeLabelName">
1729
+ <span class="rioglyph-icon-pair">
1730
+ <span class="rioglyph rioglyph-truck">
1731
+ </span>
1732
+ <span class="rioglyph rioglyph-fuel-electric">
1733
+ </span>
1734
+ </span>
1735
+ <span class="TreeLabelNameText">
1736
+ <span class="TreeLabelNameTextHeadline">Vehicle-6981</span>
1737
+ <span class="TreeLabelNameTextSubline">
1738
+ <span>Debug: electric</span>
1739
+ </span>
1740
+ </span>
1741
+ </span>
1742
+ </div>
1743
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
1744
+ <label class="checkbox TreeCheckbox" tabindex="0">
1745
+ <input type="checkbox" class="TreeCheckbox">
1746
+ <span class="checkbox-text">
1747
+ </span>
1748
+ </label>
1749
+ <span class="TreeLabel TreeLabelName">
1750
+ <span class="rioglyph-icon-pair">
1751
+ <span class="rioglyph rioglyph-truck">
1752
+ </span>
1753
+ <span class="rioglyph rioglyph-fuel-liquid">
1754
+ </span>
1755
+ </span>
1756
+ <span class="TreeLabelNameText">
1757
+ <span class="TreeLabelNameTextHeadline">Vehicle-7289</span>
1758
+ <span class="TreeLabelNameTextSubline">
1759
+ <span>Debug: gas</span>
1760
+ </span>
1761
+ </span>
1762
+ </span>
1763
+ </div>
1764
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
1765
+ <label class="checkbox TreeCheckbox" tabindex="0">
1766
+ <input type="checkbox" class="TreeCheckbox">
1767
+ <span class="checkbox-text">
1768
+ </span>
1769
+ </label>
1770
+ <span class="TreeLabel TreeLabelName">
1771
+ <span class="rioglyph-icon-pair">
1772
+ <span class="rioglyph rioglyph-car">
1773
+ </span>
1774
+ <span class="rioglyph rioglyph-fuel-liquid">
1775
+ </span>
1776
+ </span>
1777
+ <span class="TreeLabelNameText">
1778
+ <span class="TreeLabelNameTextHeadline">Vehicle-8098</span>
1779
+ <span class="TreeLabelNameTextSubline">
1780
+ <span>Debug: heavy_fuel_oil</span>
1781
+ </span>
1782
+ </span>
1783
+ </span>
1784
+ </div>
1785
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
1786
+ <label class="checkbox TreeCheckbox" tabindex="0">
1787
+ <input type="checkbox" class="TreeCheckbox">
1788
+ <span class="checkbox-text">
1789
+ </span>
1790
+ </label>
1791
+ <span class="TreeLabel TreeLabelName">
1792
+ <span class="rioglyph-icon-pair">
1793
+ <span class="rioglyph rioglyph-truck">
1794
+ </span>
1795
+ <span class="rioglyph rioglyph-fuel-liquid">
1796
+ </span>
1797
+ </span>
1798
+ <span class="TreeLabelNameText">
1799
+ <span class="TreeLabelNameTextHeadline">Vehicle-8298</span>
1800
+ <span class="TreeLabelNameTextSubline">
1801
+ <span>Debug: heavy_fuel_oil</span>
1802
+ </span>
1803
+ </span>
1804
+ </span>
1805
+ </div>
1806
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9711">
1807
+ <label class="checkbox TreeCheckbox" tabindex="0">
1808
+ <input type="checkbox" class="TreeCheckbox">
1809
+ <span class="checkbox-text">
1810
+ </span>
1811
+ </label>
1812
+ <span class="TreeLabel TreeLabelName">
1813
+ <span class="rioglyph-icon-pair">
1814
+ <span class="rioglyph rioglyph-van">
1815
+ </span>
1816
+ <span class="rioglyph rioglyph-fuel-gas">
1817
+ </span>
1818
+ </span>
1819
+ <span class="TreeLabelNameText">
1820
+ <span class="TreeLabelNameTextHeadline">Vehicle-9591</span>
1821
+ <span class="TreeLabelNameTextSubline">
1822
+ <span>Debug: lpg</span>
1823
+ </span>
1824
+ </span>
1825
+ </span>
1826
+ </div>
1827
+ </div>
1828
+ <div class="TreeNodeContainer user-select-none overflow-hidden" data-id="unassigned-group">
1829
+ <div class="TreeNode from-group" data-key="unassigned-group">
1830
+ <label class="checkbox TreeCheckbox" tabindex="0">
1831
+ <input type="checkbox" class="TreeCheckbox">
1832
+ <span class="checkbox-text">
1833
+ </span>
1834
+ </label>
1835
+ <span class="TreeLabel TreeLabelName">
1836
+ <span class="TreeLabelNameText">
1837
+ <span class="TreeLabelNameTextHeadline">Ungrouped</span>
1838
+ </span>
1839
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">11</span>
1840
+ <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1841
+ </span>
1842
+ </span>
1934
1843
  </div>
1935
1844
  </div>
1936
1845
  </div>
@@ -2517,13 +2426,13 @@ Tree with header and search
2517
2426
 
2518
2427
  20
2519
2428
 
2520
- Folder 016
2429
+ Folder 015
2521
2430
 
2522
- Folder 026
2431
+ Folder 025
2523
2432
 
2524
- Folder 031
2433
+ Folder 035
2525
2434
 
2526
- Folder 047
2435
+ Folder 045
2527
2436
 
2528
2437
  Selected items:
2529
2438
 
@@ -2535,13 +2444,13 @@ Tree with header and search
2535
2444
 
2536
2445
  20
2537
2446
 
2538
- Folder 016
2447
+ Folder 015
2539
2448
 
2540
- Folder 026
2449
+ Folder 025
2541
2450
 
2542
- Folder 031
2451
+ Folder 035
2543
2452
 
2544
- Folder 047
2453
+ Folder 045
2545
2454
 
2546
2455
  Selected items:
2547
2456
 
@@ -2686,7 +2595,7 @@ export default TreeOnlyExample;
2686
2595
  <span class="TreeLabelNameText">
2687
2596
  <span class="TreeLabelNameTextHeadline">Folder 01</span>
2688
2597
  </span>
2689
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2598
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2690
2599
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2691
2600
  </span>
2692
2601
  </span>
@@ -2700,7 +2609,7 @@ export default TreeOnlyExample;
2700
2609
  <span class="TreeLabelNameText">
2701
2610
  <span class="TreeLabelNameTextHeadline">Folder 02</span>
2702
2611
  </span>
2703
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2612
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2704
2613
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2705
2614
  </span>
2706
2615
  </span>
@@ -2714,7 +2623,7 @@ export default TreeOnlyExample;
2714
2623
  <span class="TreeLabelNameText">
2715
2624
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
2716
2625
  </span>
2717
- <span class="TreeLabelCount label label-muted label-filled label-condensed">1</span>
2626
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2718
2627
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2719
2628
  </span>
2720
2629
  </span>
@@ -2728,7 +2637,7 @@ export default TreeOnlyExample;
2728
2637
  <span class="TreeLabelNameText">
2729
2638
  <span class="TreeLabelNameTextHeadline">Folder 04</span>
2730
2639
  </span>
2731
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2640
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2732
2641
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2733
2642
  </span>
2734
2643
  </span>
@@ -2797,11 +2706,11 @@ export default TreeOnlyExample;
2797
2706
 
2798
2707
  Tree without header and search
2799
2708
 
2800
- Folder 013
2709
+ Folder 014
2801
2710
 
2802
- Folder 028
2711
+ Folder 024
2803
2712
 
2804
- Folder 034
2713
+ Folder 037
2805
2714
 
2806
2715
  Folder 045
2807
2716
 
@@ -2813,11 +2722,11 @@ Expanded folders:
2813
2722
 
2814
2723
  Tree without header and search
2815
2724
 
2816
- Folder 013
2725
+ Folder 014
2817
2726
 
2818
- Folder 028
2727
+ Folder 024
2819
2728
 
2820
- Folder 034
2729
+ Folder 037
2821
2730
 
2822
2731
  Folder 045
2823
2732
 
@@ -2940,7 +2849,7 @@ export default TreeOnlyExample;
2940
2849
  <span class="TreeLabelNameText">
2941
2850
  <span class="TreeLabelNameTextHeadline">Folder 01</span>
2942
2851
  </span>
2943
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2852
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2944
2853
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2945
2854
  </span>
2946
2855
  </span>
@@ -2954,7 +2863,7 @@ export default TreeOnlyExample;
2954
2863
  <span class="TreeLabelNameText">
2955
2864
  <span class="TreeLabelNameTextHeadline">Folder 02</span>
2956
2865
  </span>
2957
- <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
2866
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2958
2867
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2959
2868
  </span>
2960
2869
  </span>
@@ -2968,7 +2877,7 @@ export default TreeOnlyExample;
2968
2877
  <span class="TreeLabelNameText">
2969
2878
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
2970
2879
  </span>
2971
- <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2880
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2972
2881
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2973
2882
  </span>
2974
2883
  </span>