@rio-cloud/uikit-mcp 1.1.0 → 1.1.2

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 +31 -31
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +74 -16
  10. package/dist/docs/components/appNavigationBar.md +1 -1
  11. package/dist/docs/components/areaCharts.md +5 -5
  12. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  13. package/dist/docs/components/assetTree.md +371 -464
  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 +2 -2
  17. package/dist/docs/components/barCharts.md +13 -33
  18. package/dist/docs/components/barList.md +11 -11
  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 +50 -66
  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 +1 -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 +15 -15
  33. package/dist/docs/components/contentLoader.md +101 -101
  34. package/dist/docs/components/dataTabs.md +9 -9
  35. package/dist/docs/components/datepickers.md +29 -29
  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 +4398 -4368
  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 +3 -3
  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 +5 -5
  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 +69 -37
  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 +17 -17
  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 +19 -19
  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 +73 -70
  112. package/dist/docs/foundations.md +112 -112
  113. package/dist/docs/start/changelog.md +715 -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 +2 -2
  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 +9 -9
  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 +206 -206
  135. package/dist/docs/templates/loading-progress.md +3 -3
  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 +2 -2
  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-15T15:02:27.564Z
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
+ 5413
17
17
  4
18
18
 
19
- Group - Aaron Walsh - 413913
19
+ Group - Abel Botsford - 848515
20
20
 
21
- Group - Abel O'Reilly I - 66006
21
+ Group - Ada O'Keefe IV - 40215
22
22
 
23
- Group - Adrian Schulist - 692310
23
+ Group - Albert Kulas - 345412
24
24
 
25
- Group - Adrienne Gislason - 484912
25
+ Group - Alberta Runolfsdottir - 878116
26
26
 
27
- Group - Adrienne Yost - 593010
27
+ Group - Alexander Johns - 72049
28
28
 
29
- Group - Alex Connelly - 289915
29
+ Group - Alexandra Jenkins Jr. - 462611
30
30
 
31
- Group - Alex Rowe - 568311
31
+ Group - Alfonso Runte - 64749
32
32
 
33
- Group - Alice Harris - 978010
33
+ Group - Alice Ferry Jr. - 32587
34
34
 
35
- Group - Allan Auer V - 493512
35
+ Group - Alison Luettgen - 641912
36
36
 
37
- Group - Allan Jenkins IV - 59835
37
+ Group - Alonzo Ratke - 810014
38
38
 
39
- Group - Alma Brakus PhD - 48176
39
+ Group - Alton Mueller - 81233
40
40
 
41
- Group - Alton Konopelski - 71095
41
+ Group - Alyssa Walsh - 25789
42
42
 
43
- Group - Alton Pollich - 18919
43
+ Group - Amanda Heaney - 34019
44
44
 
45
- Group - Alyssa Collins - 26536
46
-
47
- Group - Alyssa Lueilwitz III - 462815
45
+ Group - Amanda Klocko - 940415
48
46
 
49
47
  200
50
48
 
@@ -72,38 +70,36 @@ Asset type filter:
72
70
 
73
71
  Filter
74
72
 
75
- 5272
73
+ 5413
76
74
  4
77
75
 
78
- Group - Aaron Walsh - 413913
79
-
80
- Group - Abel O'Reilly I - 66006
76
+ Group - Abel Botsford - 848515
81
77
 
82
- Group - Adrian Schulist - 692310
78
+ Group - Ada O'Keefe IV - 40215
83
79
 
84
- Group - Adrienne Gislason - 484912
80
+ Group - Albert Kulas - 345412
85
81
 
86
- Group - Adrienne Yost - 593010
82
+ Group - Alberta Runolfsdottir - 878116
87
83
 
88
- Group - Alex Connelly - 289915
84
+ Group - Alexander Johns - 72049
89
85
 
90
- Group - Alex Rowe - 568311
86
+ Group - Alexandra Jenkins Jr. - 462611
91
87
 
92
- Group - Alice Harris - 978010
88
+ Group - Alfonso Runte - 64749
93
89
 
94
- Group - Allan Auer V - 493512
90
+ Group - Alice Ferry Jr. - 32587
95
91
 
96
- Group - Allan Jenkins IV - 59835
92
+ Group - Alison Luettgen - 641912
97
93
 
98
- Group - Alma Brakus PhD - 48176
94
+ Group - Alonzo Ratke - 810014
99
95
 
100
- Group - Alton Konopelski - 71095
96
+ Group - Alton Mueller - 81233
101
97
 
102
- Group - Alton Pollich - 18919
98
+ Group - Alyssa Walsh - 25789
103
99
 
104
- Group - Alyssa Collins - 26536
100
+ Group - Amanda Heaney - 34019
105
101
 
106
- Group - Alyssa Lueilwitz III - 462815
102
+ Group - Amanda Klocko - 940415
107
103
 
108
104
  200
109
105
 
@@ -615,24 +611,30 @@ export default AssetTreeExample;
615
611
 
616
612
  ### Example: Example 2
617
613
 
618
- 8
619
- 8
620
- 6
621
- 8
614
+ 10
615
+ 7
616
+ 3
617
+ 10
622
618
 
623
- My Empty Group5
619
+ My Empty Group4
624
620
 
625
- Truck Group East7
621
+ Truck Group East5
626
622
 
627
- Truck Group North2
628
- N18-G566 / M-AN 1026
629
- N18-G990 / M-AN 1003
623
+ Truck Group North8
624
+ N18-G101 / M-AN 1020
625
+ N18-G103 / M-AN 1023
626
+ N18-G324 / M-AN 1025
627
+ N18-G330 / M-AN 1000
628
+ N18-G508 / M-AN 1005
629
+ N18-G609 / M-AN 1024
630
+ N18-G747 / M-AN 1003
631
+ N18-G997 / M-AN 1010
630
632
 
631
- Truck Group South6
633
+ Truck Group South3
632
634
 
633
- Truck Group West4
635
+ Truck Group West6
634
636
 
635
- All my unassigned Trucks6
637
+ All my unassigned Trucks4
636
638
 
637
639
  Current category:
638
640
  assets
@@ -645,24 +647,30 @@ Truck Group North
645
647
 
646
648
  #### Summary
647
649
 
648
- 8
649
- 8
650
- 6
651
- 8
650
+ 10
651
+ 7
652
+ 3
653
+ 10
652
654
 
653
- My Empty Group5
655
+ My Empty Group4
654
656
 
655
- Truck Group East7
657
+ Truck Group East5
656
658
 
657
- Truck Group North2
658
- N18-G566 / M-AN 1026
659
- N18-G990 / M-AN 1003
659
+ Truck Group North8
660
+ N18-G101 / M-AN 1020
661
+ N18-G103 / M-AN 1023
662
+ N18-G324 / M-AN 1025
663
+ N18-G330 / M-AN 1000
664
+ N18-G508 / M-AN 1005
665
+ N18-G609 / M-AN 1024
666
+ N18-G747 / M-AN 1003
667
+ N18-G997 / M-AN 1010
660
668
 
661
- Truck Group South6
669
+ Truck Group South3
662
670
 
663
- Truck Group West4
671
+ Truck Group West6
664
672
 
665
- All my unassigned Trucks6
673
+ All my unassigned Trucks4
666
674
 
667
675
  Current category:
668
676
  assets
@@ -861,22 +869,22 @@ export default AssetTreeSingleSelectExample;
861
869
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
862
870
  <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
863
871
  </span>
864
- <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
872
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
865
873
  </div>
866
874
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
867
875
  <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
868
876
  </span>
869
- <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
877
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
870
878
  </div>
871
879
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
872
880
  <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
873
881
  </span>
874
- <span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
882
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
875
883
  </div>
876
884
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
877
885
  <span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
878
886
  </span>
879
- <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
887
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
880
888
  </div>
881
889
  </div>
882
890
  </div>
@@ -889,7 +897,7 @@ export default AssetTreeSingleSelectExample;
889
897
  <span class="TreeLabelNameText">
890
898
  <span class="TreeLabelNameTextHeadline">My Empty Group</span>
891
899
  </span>
892
- <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
900
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
893
901
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
894
902
  </span>
895
903
  </span>
@@ -901,7 +909,7 @@ export default AssetTreeSingleSelectExample;
901
909
  <span class="TreeLabelNameText">
902
910
  <span class="TreeLabelNameTextHeadline">Truck Group East</span>
903
911
  </span>
904
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
912
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
905
913
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
906
914
  </span>
907
915
  </span>
@@ -913,17 +921,62 @@ export default AssetTreeSingleSelectExample;
913
921
  <span class="TreeLabelNameText">
914
922
  <span class="TreeLabelNameTextHeadline">Truck Group North</span>
915
923
  </span>
916
- <span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
924
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
917
925
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
918
926
  </span>
919
927
  </span>
920
928
  </div>
921
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9726">
929
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9720">
930
+ <span class="TreeLabel TreeLabelName">
931
+ <span class="rioglyph rioglyph-truck">
932
+ </span>
933
+ <span class="TreeLabelNameText">
934
+ <span class="TreeLabelNameTextHeadline">N18-G101 / M-AN 1020</span>
935
+ </span>
936
+ </span>
937
+ </div>
938
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9723">
939
+ <span class="TreeLabel TreeLabelName">
940
+ <span class="rioglyph rioglyph-truck">
941
+ </span>
942
+ <span class="TreeLabelNameText">
943
+ <span class="TreeLabelNameTextHeadline">N18-G103 / M-AN 1023</span>
944
+ </span>
945
+ </span>
946
+ </div>
947
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9725">
922
948
  <span class="TreeLabel TreeLabelName">
923
949
  <span class="rioglyph rioglyph-bus">
924
950
  </span>
925
951
  <span class="TreeLabelNameText">
926
- <span class="TreeLabelNameTextHeadline">N18-G566 / M-AN 1026</span>
952
+ <span class="TreeLabelNameTextHeadline">N18-G324 / M-AN 1025</span>
953
+ </span>
954
+ </span>
955
+ </div>
956
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
957
+ <span class="TreeLabel TreeLabelName">
958
+ <span class="rioglyph rioglyph-truck">
959
+ </span>
960
+ <span class="TreeLabelNameText">
961
+ <span class="TreeLabelNameTextHeadline">N18-G330 / M-AN 1000</span>
962
+ </span>
963
+ </span>
964
+ </div>
965
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
966
+ <span class="TreeLabel TreeLabelName">
967
+ <span class="rioglyph rioglyph-trailer">
968
+ </span>
969
+ <span class="TreeLabelNameText">
970
+ <span class="TreeLabelNameTextHeadline">N18-G508 / M-AN 1005</span>
971
+ </span>
972
+ </span>
973
+ </div>
974
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9724">
975
+ <span class="TreeLabel TreeLabelName">
976
+ <span class="rioglyph rioglyph-bus">
977
+ </span>
978
+ <span class="TreeLabelNameText">
979
+ <span class="TreeLabelNameTextHeadline">N18-G609 / M-AN 1024</span>
927
980
  </span>
928
981
  </span>
929
982
  </div>
@@ -932,7 +985,16 @@ export default AssetTreeSingleSelectExample;
932
985
  <span class="rioglyph rioglyph-van">
933
986
  </span>
934
987
  <span class="TreeLabelNameText">
935
- <span class="TreeLabelNameTextHeadline">N18-G990 / M-AN 1003</span>
988
+ <span class="TreeLabelNameTextHeadline">N18-G747 / M-AN 1003</span>
989
+ </span>
990
+ </span>
991
+ </div>
992
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
993
+ <span class="TreeLabel TreeLabelName">
994
+ <span class="rioglyph rioglyph-bus">
995
+ </span>
996
+ <span class="TreeLabelNameText">
997
+ <span class="TreeLabelNameTextHeadline">N18-G997 / M-AN 1010</span>
936
998
  </span>
937
999
  </span>
938
1000
  </div>
@@ -943,7 +1005,7 @@ export default AssetTreeSingleSelectExample;
943
1005
  <span class="TreeLabelNameText">
944
1006
  <span class="TreeLabelNameTextHeadline">Truck Group South</span>
945
1007
  </span>
946
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
1008
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
947
1009
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
948
1010
  </span>
949
1011
  </span>
@@ -955,7 +1017,7 @@ export default AssetTreeSingleSelectExample;
955
1017
  <span class="TreeLabelNameText">
956
1018
  <span class="TreeLabelNameTextHeadline">Truck Group West</span>
957
1019
  </span>
958
- <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
1020
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
959
1021
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
960
1022
  </span>
961
1023
  </span>
@@ -967,7 +1029,7 @@ export default AssetTreeSingleSelectExample;
967
1029
  <span class="TreeLabelNameText">
968
1030
  <span class="TreeLabelNameTextHeadline">All my unassigned Trucks</span>
969
1031
  </span>
970
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
1032
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
971
1033
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
972
1034
  </span>
973
1035
  </span>
@@ -1153,40 +1215,27 @@ When using fuel filter, please check out the fuel type utils that ease the imple
1153
1215
 
1154
1216
  ### Example: Example 3
1155
1217
 
1218
+ 8
1156
1219
  6
1157
- 7
1158
- 3
1159
- 4
1160
-
1161
- 10
1162
- 1
1163
1220
  2
1164
1221
  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
1222
 
1179
- Vehicle-7205Debug: hydrogen
1180
-
1181
- Vehicle-7245Debug: hydrogen
1182
-
1183
- Vehicle-7410Debug: diesel
1184
-
1185
- Vehicle-8099Debug: heavy_fuel_oil
1223
+ 8
1224
+ 5
1225
+ 4
1226
+ 2
1227
+ 1
1186
1228
 
1187
- Vehicle-8194Debug: heavy_fuel_oil
1229
+ Mixed Vehicles7
1230
+ Vehicle-1093Debug: electric
1231
+ Vehicle-1580Debug: heavy_fuel_oil
1232
+ Vehicle-3686Debug: gas
1233
+ Vehicle-4687Debug: gas
1234
+ Vehicle-6053Debug: diesel
1235
+ Vehicle-6103Debug: cng
1236
+ Vehicle-6758Debug: hydrogen
1188
1237
 
1189
- Vehicle-8207Debug: lpg
1238
+ Ungrouped13
1190
1239
 
1191
1240
  Selected groups:
1192
1241
 
@@ -1197,40 +1246,27 @@ Mixed Vehicles
1197
1246
 
1198
1247
  #### Summary
1199
1248
 
1249
+ 8
1200
1250
  6
1201
- 7
1202
- 3
1203
- 4
1204
-
1205
- 10
1206
- 1
1207
1251
  2
1208
1252
  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
1253
 
1223
- Vehicle-7205Debug: hydrogen
1224
-
1225
- Vehicle-7245Debug: hydrogen
1226
-
1227
- Vehicle-7410Debug: diesel
1228
-
1229
- Vehicle-8099Debug: heavy_fuel_oil
1254
+ 8
1255
+ 5
1256
+ 4
1257
+ 2
1258
+ 1
1230
1259
 
1231
- Vehicle-8194Debug: heavy_fuel_oil
1260
+ Mixed Vehicles7
1261
+ Vehicle-1093Debug: electric
1262
+ Vehicle-1580Debug: heavy_fuel_oil
1263
+ Vehicle-3686Debug: gas
1264
+ Vehicle-4687Debug: gas
1265
+ Vehicle-6053Debug: diesel
1266
+ Vehicle-6103Debug: cng
1267
+ Vehicle-6758Debug: hydrogen
1232
1268
 
1233
- Vehicle-8207Debug: lpg
1269
+ Ungrouped13
1234
1270
 
1235
1271
  Selected groups:
1236
1272
 
@@ -1565,17 +1601,17 @@ export default AssetTreeExample;
1565
1601
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1566
1602
  <span class="rioglyph rioglyph-truck-baseline text-size-16 margin-right-2">
1567
1603
  </span>
1568
- <span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
1604
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
1569
1605
  </div>
1570
1606
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1571
1607
  <span class="rioglyph rioglyph-bus-baseline text-size-16 margin-right-2">
1572
1608
  </span>
1573
- <span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
1609
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
1574
1610
  </div>
1575
1611
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1576
1612
  <span class="rioglyph rioglyph-van-baseline text-size-16 margin-right-2">
1577
1613
  </span>
1578
- <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1614
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1579
1615
  </div>
1580
1616
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1581
1617
  <span class="rioglyph rioglyph-car-baseline text-size-16 margin-right-2">
@@ -1587,34 +1623,34 @@ export default AssetTreeExample;
1587
1623
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1588
1624
  <span class="rioglyph rioglyph-fuel-liquid text-size-16 margin-right-2">
1589
1625
  </span>
1590
- <span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
1626
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
1591
1627
  </div>
1592
1628
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1593
1629
  <span class="rioglyph rioglyph-fuel-gas text-size-16 margin-right-2">
1594
1630
  </span>
1595
- <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1631
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
1596
1632
  </div>
1597
1633
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1598
1634
  <span class="rioglyph rioglyph-fuel-electric text-size-16 margin-right-2">
1599
1635
  </span>
1600
- <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1636
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
1601
1637
  </div>
1602
1638
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1603
1639
  <span class="rioglyph rioglyph-fuel-hydrogen text-size-16 margin-right-2">
1604
1640
  </span>
1605
- <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
1641
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1606
1642
  </div>
1607
1643
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1608
1644
  <span class="rioglyph rioglyph-fuel-mix text-size-16 margin-right-2">
1609
1645
  </span>
1610
- <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1646
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1611
1647
  </div>
1612
1648
  </div>
1613
1649
  </div>
1614
1650
  </div>
1615
1651
  <div>
1616
1652
  <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">
1653
+ <button type="button" id="ez56znb51dg" 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
1654
  <span class="rioglyph rioglyph-option-vertical" aria-hidden="true">
1619
1655
  </span>
1620
1656
  </button>
@@ -1623,314 +1659,185 @@ export default AssetTreeExample;
1623
1659
  </div>
1624
1660
  </div>
1625
1661
  <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>
1662
+ <div class="TreeNodeContainer user-select-none overflow-hidden open" data-id="group-1">
1663
+ <div class="TreeNode from-group" data-key="group-1">
1664
+ <label class="checkbox TreeCheckbox" tabindex="0">
1665
+ <input type="checkbox" class="TreeCheckbox">
1666
+ <span class="checkbox-text">
1667
+ </span>
1668
+ </label>
1669
+ <span class="TreeLabel TreeLabelName">
1670
+ <span class="TreeLabelNameText">
1671
+ <span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
1672
+ </span>
1673
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
1674
+ <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1675
+ </span>
1676
+ </span>
1926
1677
  </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>
1678
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
1679
+ <label class="checkbox TreeCheckbox" tabindex="0">
1680
+ <input type="checkbox" class="TreeCheckbox">
1681
+ <span class="checkbox-text">
1682
+ </span>
1683
+ </label>
1684
+ <span class="TreeLabel TreeLabelName">
1685
+ <span class="rioglyph-icon-pair">
1686
+ <span class="rioglyph rioglyph-truck">
1687
+ </span>
1688
+ <span class="rioglyph rioglyph-fuel-electric">
1689
+ </span>
1690
+ </span>
1691
+ <span class="TreeLabelNameText">
1692
+ <span class="TreeLabelNameTextHeadline">Vehicle-1093</span>
1693
+ <span class="TreeLabelNameTextSubline">
1694
+ <span>Debug: electric</span>
1695
+ </span>
1696
+ </span>
1697
+ </span>
1930
1698
  </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>
1699
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
1700
+ <label class="checkbox TreeCheckbox" tabindex="0">
1701
+ <input type="checkbox" class="TreeCheckbox">
1702
+ <span class="checkbox-text">
1703
+ </span>
1704
+ </label>
1705
+ <span class="TreeLabel TreeLabelName">
1706
+ <span class="rioglyph-icon-pair">
1707
+ <span class="rioglyph rioglyph-bus">
1708
+ </span>
1709
+ <span class="rioglyph rioglyph-fuel-liquid">
1710
+ </span>
1711
+ </span>
1712
+ <span class="TreeLabelNameText">
1713
+ <span class="TreeLabelNameTextHeadline">Vehicle-1580</span>
1714
+ <span class="TreeLabelNameTextSubline">
1715
+ <span>Debug: heavy_fuel_oil</span>
1716
+ </span>
1717
+ </span>
1718
+ </span>
1719
+ </div>
1720
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9718">
1721
+ <label class="checkbox TreeCheckbox" tabindex="0">
1722
+ <input type="checkbox" class="TreeCheckbox">
1723
+ <span class="checkbox-text">
1724
+ </span>
1725
+ </label>
1726
+ <span class="TreeLabel TreeLabelName">
1727
+ <span class="rioglyph-icon-pair">
1728
+ <span class="rioglyph rioglyph-truck">
1729
+ </span>
1730
+ <span class="rioglyph rioglyph-fuel-liquid">
1731
+ </span>
1732
+ </span>
1733
+ <span class="TreeLabelNameText">
1734
+ <span class="TreeLabelNameTextHeadline">Vehicle-3686</span>
1735
+ <span class="TreeLabelNameTextSubline">
1736
+ <span>Debug: gas</span>
1737
+ </span>
1738
+ </span>
1739
+ </span>
1740
+ </div>
1741
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9716">
1742
+ <label class="checkbox TreeCheckbox" tabindex="0">
1743
+ <input type="checkbox" class="TreeCheckbox">
1744
+ <span class="checkbox-text">
1745
+ </span>
1746
+ </label>
1747
+ <span class="TreeLabel TreeLabelName">
1748
+ <span class="rioglyph-icon-pair">
1749
+ <span class="rioglyph rioglyph-car">
1750
+ </span>
1751
+ <span class="rioglyph rioglyph-fuel-liquid">
1752
+ </span>
1753
+ </span>
1754
+ <span class="TreeLabelNameText">
1755
+ <span class="TreeLabelNameTextHeadline">Vehicle-4687</span>
1756
+ <span class="TreeLabelNameTextSubline">
1757
+ <span>Debug: gas</span>
1758
+ </span>
1759
+ </span>
1760
+ </span>
1761
+ </div>
1762
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d977">
1763
+ <label class="checkbox TreeCheckbox" tabindex="0">
1764
+ <input type="checkbox" class="TreeCheckbox">
1765
+ <span class="checkbox-text">
1766
+ </span>
1767
+ </label>
1768
+ <span class="TreeLabel TreeLabelName">
1769
+ <span class="rioglyph-icon-pair">
1770
+ <span class="rioglyph rioglyph-car">
1771
+ </span>
1772
+ <span class="rioglyph rioglyph-fuel-liquid">
1773
+ </span>
1774
+ </span>
1775
+ <span class="TreeLabelNameText">
1776
+ <span class="TreeLabelNameTextHeadline">Vehicle-6053</span>
1777
+ <span class="TreeLabelNameTextSubline">
1778
+ <span>Debug: diesel</span>
1779
+ </span>
1780
+ </span>
1781
+ </span>
1782
+ </div>
1783
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
1784
+ <label class="checkbox TreeCheckbox" tabindex="0">
1785
+ <input type="checkbox" class="TreeCheckbox">
1786
+ <span class="checkbox-text">
1787
+ </span>
1788
+ </label>
1789
+ <span class="TreeLabel TreeLabelName">
1790
+ <span class="rioglyph-icon-pair">
1791
+ <span class="rioglyph rioglyph-truck">
1792
+ </span>
1793
+ <span class="rioglyph rioglyph-fuel-gas">
1794
+ </span>
1795
+ </span>
1796
+ <span class="TreeLabelNameText">
1797
+ <span class="TreeLabelNameTextHeadline">Vehicle-6103</span>
1798
+ <span class="TreeLabelNameTextSubline">
1799
+ <span>Debug: cng</span>
1800
+ </span>
1801
+ </span>
1802
+ </span>
1803
+ </div>
1804
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9712">
1805
+ <label class="checkbox TreeCheckbox" tabindex="0">
1806
+ <input type="checkbox" class="TreeCheckbox">
1807
+ <span class="checkbox-text">
1808
+ </span>
1809
+ </label>
1810
+ <span class="TreeLabel TreeLabelName">
1811
+ <span class="rioglyph-icon-pair">
1812
+ <span class="rioglyph rioglyph-car">
1813
+ </span>
1814
+ <span class="rioglyph rioglyph-fuel-hydrogen">
1815
+ </span>
1816
+ </span>
1817
+ <span class="TreeLabelNameText">
1818
+ <span class="TreeLabelNameTextHeadline">Vehicle-6758</span>
1819
+ <span class="TreeLabelNameTextSubline">
1820
+ <span>Debug: hydrogen</span>
1821
+ </span>
1822
+ </span>
1823
+ </span>
1824
+ </div>
1825
+ </div>
1826
+ <div class="TreeNodeContainer user-select-none overflow-hidden" data-id="unassigned-group">
1827
+ <div class="TreeNode from-group" data-key="unassigned-group">
1828
+ <label class="checkbox TreeCheckbox" tabindex="0">
1829
+ <input type="checkbox" class="TreeCheckbox">
1830
+ <span class="checkbox-text">
1831
+ </span>
1832
+ </label>
1833
+ <span class="TreeLabel TreeLabelName">
1834
+ <span class="TreeLabelNameText">
1835
+ <span class="TreeLabelNameTextHeadline">Ungrouped</span>
1836
+ </span>
1837
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">13</span>
1838
+ <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1839
+ </span>
1840
+ </span>
1934
1841
  </div>
1935
1842
  </div>
1936
1843
  </div>
@@ -2517,13 +2424,13 @@ Tree with header and search
2517
2424
 
2518
2425
  20
2519
2426
 
2520
- Folder 016
2427
+ Folder 015
2521
2428
 
2522
- Folder 026
2429
+ Folder 025
2523
2430
 
2524
- Folder 031
2431
+ Folder 036
2525
2432
 
2526
- Folder 047
2433
+ Folder 044
2527
2434
 
2528
2435
  Selected items:
2529
2436
 
@@ -2535,13 +2442,13 @@ Tree with header and search
2535
2442
 
2536
2443
  20
2537
2444
 
2538
- Folder 016
2445
+ Folder 015
2539
2446
 
2540
- Folder 026
2447
+ Folder 025
2541
2448
 
2542
- Folder 031
2449
+ Folder 036
2543
2450
 
2544
- Folder 047
2451
+ Folder 044
2545
2452
 
2546
2453
  Selected items:
2547
2454
 
@@ -2686,7 +2593,7 @@ export default TreeOnlyExample;
2686
2593
  <span class="TreeLabelNameText">
2687
2594
  <span class="TreeLabelNameTextHeadline">Folder 01</span>
2688
2595
  </span>
2689
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2596
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2690
2597
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2691
2598
  </span>
2692
2599
  </span>
@@ -2700,7 +2607,7 @@ export default TreeOnlyExample;
2700
2607
  <span class="TreeLabelNameText">
2701
2608
  <span class="TreeLabelNameTextHeadline">Folder 02</span>
2702
2609
  </span>
2703
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2610
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2704
2611
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2705
2612
  </span>
2706
2613
  </span>
@@ -2714,7 +2621,7 @@ export default TreeOnlyExample;
2714
2621
  <span class="TreeLabelNameText">
2715
2622
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
2716
2623
  </span>
2717
- <span class="TreeLabelCount label label-muted label-filled label-condensed">1</span>
2624
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2718
2625
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2719
2626
  </span>
2720
2627
  </span>
@@ -2728,7 +2635,7 @@ export default TreeOnlyExample;
2728
2635
  <span class="TreeLabelNameText">
2729
2636
  <span class="TreeLabelNameTextHeadline">Folder 04</span>
2730
2637
  </span>
2731
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2638
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2732
2639
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2733
2640
  </span>
2734
2641
  </span>
@@ -2797,13 +2704,13 @@ export default TreeOnlyExample;
2797
2704
 
2798
2705
  Tree without header and search
2799
2706
 
2800
- Folder 013
2707
+ Folder 014
2801
2708
 
2802
2709
  Folder 028
2803
2710
 
2804
- Folder 034
2711
+ Folder 035
2805
2712
 
2806
- Folder 045
2713
+ Folder 043
2807
2714
 
2808
2715
  Selected items:
2809
2716
 
@@ -2813,13 +2720,13 @@ Expanded folders:
2813
2720
 
2814
2721
  Tree without header and search
2815
2722
 
2816
- Folder 013
2723
+ Folder 014
2817
2724
 
2818
2725
  Folder 028
2819
2726
 
2820
- Folder 034
2727
+ Folder 035
2821
2728
 
2822
- Folder 045
2729
+ Folder 043
2823
2730
 
2824
2731
  Selected items:
2825
2732
 
@@ -2940,7 +2847,7 @@ export default TreeOnlyExample;
2940
2847
  <span class="TreeLabelNameText">
2941
2848
  <span class="TreeLabelNameTextHeadline">Folder 01</span>
2942
2849
  </span>
2943
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2850
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2944
2851
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2945
2852
  </span>
2946
2853
  </span>
@@ -2968,7 +2875,7 @@ export default TreeOnlyExample;
2968
2875
  <span class="TreeLabelNameText">
2969
2876
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
2970
2877
  </span>
2971
- <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2878
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2972
2879
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2973
2880
  </span>
2974
2881
  </span>
@@ -2982,7 +2889,7 @@ export default TreeOnlyExample;
2982
2889
  <span class="TreeLabelNameText">
2983
2890
  <span class="TreeLabelNameTextHeadline">Folder 04</span>
2984
2891
  </span>
2985
- <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2892
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2986
2893
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2987
2894
  </span>
2988
2895
  </span>