@rio-cloud/uikit-mcp 1.1.11 → 1.1.13

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 (207) hide show
  1. package/dist/doc-metadata.json +26 -26
  2. package/dist/docs/components/accentBar.md +1 -1
  3. package/dist/docs/components/activity.md +1 -1
  4. package/dist/docs/components/analyticsAnalysisOverlay.md +1 -1
  5. package/dist/docs/components/animatedNumber.md +1 -1
  6. package/dist/docs/components/animatedTextReveal.md +6 -6
  7. package/dist/docs/components/animations.md +21 -21
  8. package/dist/docs/components/appHeader.md +1 -1
  9. package/dist/docs/components/appLayout.md +90 -20
  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 +310 -428
  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 -13
  18. package/dist/docs/components/barList.md +10 -10
  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 +57 -61
  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 +2 -2
  29. package/dist/docs/components/checkbox.md +1 -1
  30. package/dist/docs/components/circularProgress.md +6 -6
  31. package/dist/docs/components/clearableInput.md +1 -1
  32. package/dist/docs/components/collapse.md +2 -2
  33. package/dist/docs/components/composedCharts.md +15 -15
  34. package/dist/docs/components/contentLoader.md +1 -1
  35. package/dist/docs/components/dataTabs.md +1 -1
  36. package/dist/docs/components/datepickers.md +672 -672
  37. package/dist/docs/components/dayPicker.md +5 -5
  38. package/dist/docs/components/dayPickerCalendar.md +471 -471
  39. package/dist/docs/components/dialogs.md +1 -1
  40. package/dist/docs/components/divider.md +1 -1
  41. package/dist/docs/components/dropdowns.md +3256 -3250
  42. package/dist/docs/components/editableContent.md +1 -1
  43. package/dist/docs/components/expander.md +1 -1
  44. package/dist/docs/components/fade.md +1 -1
  45. package/dist/docs/components/fadeExpander.md +1 -1
  46. package/dist/docs/components/fadeUp.md +2 -2
  47. package/dist/docs/components/feedback.md +1 -1
  48. package/dist/docs/components/filePickers.md +1 -1
  49. package/dist/docs/components/formLabel.md +1 -1
  50. package/dist/docs/components/groupedItemList.md +1 -1
  51. package/dist/docs/components/htmlTable.md +114 -114
  52. package/dist/docs/components/iconList.md +4 -4
  53. package/dist/docs/components/imagePreloader.md +1 -1
  54. package/dist/docs/components/labeledElement.md +1 -1
  55. package/dist/docs/components/licensePlate.md +1 -1
  56. package/dist/docs/components/lineCharts.md +2 -2
  57. package/dist/docs/components/listMenu.md +1 -1
  58. package/dist/docs/components/loadMore.md +1 -1
  59. package/dist/docs/components/mainNavigation.md +1 -1
  60. package/dist/docs/components/mapCircle.md +1 -1
  61. package/dist/docs/components/mapCluster.md +1 -1
  62. package/dist/docs/components/mapContext.md +1 -1
  63. package/dist/docs/components/mapDraggableMarker.md +1 -1
  64. package/dist/docs/components/mapGettingStarted.md +1 -1
  65. package/dist/docs/components/mapInfoBubble.md +1 -1
  66. package/dist/docs/components/mapLayerGroup.md +1 -1
  67. package/dist/docs/components/mapMarker.md +1 -1
  68. package/dist/docs/components/mapPolygon.md +1 -1
  69. package/dist/docs/components/mapRoute.md +1 -1
  70. package/dist/docs/components/mapSettings.md +31 -9
  71. package/dist/docs/components/mapUtils.md +65 -2
  72. package/dist/docs/components/mapViewportHistory.md +1 -1
  73. package/dist/docs/components/multiselects.md +165 -1
  74. package/dist/docs/components/noData.md +1 -1
  75. package/dist/docs/components/notifications.md +1 -1
  76. package/dist/docs/components/numbercontrol.md +1 -1
  77. package/dist/docs/components/onboarding.md +1 -1
  78. package/dist/docs/components/page.md +1 -1
  79. package/dist/docs/components/pager.md +1 -1
  80. package/dist/docs/components/pieCharts.md +36 -36
  81. package/dist/docs/components/popover.md +1 -1
  82. package/dist/docs/components/position.md +1 -1
  83. package/dist/docs/components/radialBarCharts.md +25 -25
  84. package/dist/docs/components/radioCardGroup.md +1 -1
  85. package/dist/docs/components/radiobutton.md +1 -1
  86. package/dist/docs/components/releaseNotes.md +1 -1
  87. package/dist/docs/components/resizer.md +1 -1
  88. package/dist/docs/components/responsiveColumnStripe.md +1 -1
  89. package/dist/docs/components/responsiveVideo.md +1 -1
  90. package/dist/docs/components/rioglyph.md +1 -1
  91. package/dist/docs/components/rules.md +3 -3
  92. package/dist/docs/components/saveableInput.md +252 -252
  93. package/dist/docs/components/selects.md +1 -1
  94. package/dist/docs/components/sidebar.md +1 -1
  95. package/dist/docs/components/sliders.md +1 -1
  96. package/dist/docs/components/smoothScrollbars.md +1 -1
  97. package/dist/docs/components/spinners.md +1 -1
  98. package/dist/docs/components/states.md +1 -1
  99. package/dist/docs/components/statsWidgets.md +1 -1
  100. package/dist/docs/components/statusBar.md +1 -1
  101. package/dist/docs/components/stepButton.md +1 -1
  102. package/dist/docs/components/steppedProgressBars.md +1 -1
  103. package/dist/docs/components/subNavigation.md +1 -1
  104. package/dist/docs/components/supportMarker.md +1 -1
  105. package/dist/docs/components/svgImage.md +1 -1
  106. package/dist/docs/components/switch.md +1 -1
  107. package/dist/docs/components/table.md +14 -14
  108. package/dist/docs/components/tableControls.md +52 -52
  109. package/dist/docs/components/tagManager.md +1 -1
  110. package/dist/docs/components/tags.md +1 -1
  111. package/dist/docs/components/teaser.md +1 -1
  112. package/dist/docs/components/textTruncateMiddle.md +1 -1
  113. package/dist/docs/components/timeline.md +1 -1
  114. package/dist/docs/components/timepicker.md +1 -1
  115. package/dist/docs/components/toggleButton.md +1 -1
  116. package/dist/docs/components/tooltip.md +1 -1
  117. package/dist/docs/components/tracker.md +1 -1
  118. package/dist/docs/components/virtualList.md +55 -47
  119. package/dist/docs/foundations.md +112 -112
  120. package/dist/docs/start/changelog.md +29 -213
  121. package/dist/docs/start/goodtoknow.md +1 -1
  122. package/dist/docs/start/guidelines/color-combinations.md +1 -1
  123. package/dist/docs/start/guidelines/custom-css.md +1 -1
  124. package/dist/docs/start/guidelines/custom-rioglyph.md +1 -1
  125. package/dist/docs/start/guidelines/formatting.md +1 -1
  126. package/dist/docs/start/guidelines/iframe.md +1 -1
  127. package/dist/docs/start/guidelines/obfuscate-data.md +1 -1
  128. package/dist/docs/start/guidelines/print-css.md +1 -1
  129. package/dist/docs/start/guidelines/spinner.md +1 -1
  130. package/dist/docs/start/guidelines/state-in-url.md +1 -1
  131. package/dist/docs/start/guidelines/supported-browsers.md +1 -1
  132. package/dist/docs/start/guidelines/writing.md +1 -1
  133. package/dist/docs/start/howto.md +16 -16
  134. package/dist/docs/start/intro.md +2 -2
  135. package/dist/docs/start/responsiveness.md +1 -1
  136. package/dist/docs/templates/ai-assistant.md +1 -1
  137. package/dist/docs/templates/common-table.md +56 -56
  138. package/dist/docs/templates/detail-views.md +2 -2
  139. package/dist/docs/templates/expandable-details.md +1 -1
  140. package/dist/docs/templates/feature-cards.md +37 -37
  141. package/dist/docs/templates/form-summary.md +15 -15
  142. package/dist/docs/templates/form-toggle.md +1 -1
  143. package/dist/docs/templates/list-blocks.md +135 -135
  144. package/dist/docs/templates/loading-progress.md +1 -1
  145. package/dist/docs/templates/options-panel.md +1 -1
  146. package/dist/docs/templates/panel-variants.md +1 -1
  147. package/dist/docs/templates/progress-cards.md +1 -1
  148. package/dist/docs/templates/progress-success.md +1 -1
  149. package/dist/docs/templates/settings-form.md +18 -18
  150. package/dist/docs/templates/stats-blocks.md +12 -12
  151. package/dist/docs/templates/table-panel.md +1 -1
  152. package/dist/docs/templates/usage-cards.md +1 -1
  153. package/dist/docs/utilities/classNames.md +1 -1
  154. package/dist/docs/utilities/deviceUtils.md +1 -1
  155. package/dist/docs/utilities/featureToggles.md +1 -1
  156. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  157. package/dist/docs/utilities/getTrackingAttributes.md +1 -1
  158. package/dist/docs/utilities/routeUtils.md +1 -1
  159. package/dist/docs/utilities/useAfterMount.md +1 -1
  160. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  161. package/dist/docs/utilities/useAverage.md +1 -1
  162. package/dist/docs/utilities/useClickOutside.md +1 -1
  163. package/dist/docs/utilities/useClipboard.md +2 -2
  164. package/dist/docs/utilities/useCookies.md +1 -1
  165. package/dist/docs/utilities/useCount.md +1 -1
  166. package/dist/docs/utilities/useDarkMode.md +1 -1
  167. package/dist/docs/utilities/useDebugInfo.md +3 -3
  168. package/dist/docs/utilities/useDraggableElement.md +1 -1
  169. package/dist/docs/utilities/useEffectOnce.md +1 -1
  170. package/dist/docs/utilities/useElapsedTime.md +1 -1
  171. package/dist/docs/utilities/useElementSize.md +1 -1
  172. package/dist/docs/utilities/useEsc.md +1 -1
  173. package/dist/docs/utilities/useEvent.md +2 -2
  174. package/dist/docs/utilities/useFocusTrap.md +1 -1
  175. package/dist/docs/utilities/useFullscreen.md +1 -1
  176. package/dist/docs/utilities/useHover.md +1 -1
  177. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  178. package/dist/docs/utilities/useInterval.md +1 -1
  179. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  180. package/dist/docs/utilities/useKey.md +1 -1
  181. package/dist/docs/utilities/useLocalStorage.md +1 -1
  182. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  183. package/dist/docs/utilities/useMax.md +1 -1
  184. package/dist/docs/utilities/useMin.md +1 -1
  185. package/dist/docs/utilities/useMutationObserver.md +1 -1
  186. package/dist/docs/utilities/useOnScreen.md +1 -1
  187. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  188. package/dist/docs/utilities/usePostMessage.md +2 -2
  189. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  190. package/dist/docs/utilities/usePrevious.md +1 -1
  191. package/dist/docs/utilities/useResizeObserver.md +1 -1
  192. package/dist/docs/utilities/useRioCookieConsent.md +1 -1
  193. package/dist/docs/utilities/useScrollPosition.md +1 -1
  194. package/dist/docs/utilities/useSearch.md +1 -1
  195. package/dist/docs/utilities/useSearchHighlight.md +1 -1
  196. package/dist/docs/utilities/useSorting.md +1 -1
  197. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  198. package/dist/docs/utilities/useSum.md +1 -1
  199. package/dist/docs/utilities/useTableExport.md +61 -61
  200. package/dist/docs/utilities/useTableSelection.md +72 -72
  201. package/dist/docs/utilities/useTimeout.md +1 -1
  202. package/dist/docs/utilities/useToggle.md +1 -1
  203. package/dist/docs/utilities/useUrlState.md +1 -1
  204. package/dist/docs/utilities/useWindowResize.md +1 -1
  205. package/dist/index.mjs +2 -2
  206. package/dist/version.json +2 -2
  207. package/package.json +14 -7
@@ -3,7 +3,7 @@
3
3
  *Category:* Components
4
4
  *Section:* Selection
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/assetTree
6
- *Captured:* 2026-04-27T14:57:37.479Z
6
+ *Captured:* 2026-06-11T10:00:56.748Z
7
7
 
8
8
  ## AssetTree
9
9
 
@@ -13,38 +13,38 @@ The asset tree components are using labels that need to be defined from the outs
13
13
 
14
14
  Filter
15
15
 
16
- 5241
16
+ 5608
17
17
  4
18
18
 
19
- Group - Abbie D'Amore - 4617 14
19
+ Group - Abel Hermann-Reynolds - 8860 10
20
20
 
21
- Group - Abdullah Gorczany - 4604 12
21
+ Group - Abel Ullrich DDS - 4254 13
22
22
 
23
- Group - Ada Bergnaum - 6885 15
23
+ Group - Abraham Ledner - 1909 14
24
24
 
25
- Group - Adam Spencer - 1326 6
25
+ Group - Addie Bradtke - 2542 10
26
26
 
27
- Group - Adrain Rice - 3568 7
27
+ Group - Adelia Bauch - 8332 11
28
28
 
29
- Group - Agustin Sawayn - 9288 13
29
+ Group - Adella MacGyver - 2649 9
30
30
 
31
- Group - Agustina Mitchell - 7938 12
31
+ Group - Aditya Balistreri - 3949 7
32
32
 
33
- Group - Alba Dickens - 4029 15
33
+ Group - Adrienne Block - 4827 7
34
34
 
35
- Group - Albert Larkin Jr. - 4366 12
35
+ Group - Adrienne Grady - 2974 13
36
36
 
37
- Group - Albert Turcotte - 3213 17
37
+ Group - Aileen Bartoletti - 3397 15
38
38
 
39
- Group - Albertha Maggio Jr. - 5254 14
39
+ Group - Alan Effertz - 3107 14
40
40
 
41
- Group - Alejandro Dach Jr. - 7483 17
41
+ Group - Albert Hammes III - 8632 13
42
42
 
43
- Group - Alek Goldner - 1787 12
43
+ Group - Alejandra Olson - 1334 5
44
44
 
45
- Group - Alek Hettinger V - 4864 13
45
+ Group - Alexis Leuschke - 4731 12
46
46
 
47
- Group - Alessandra Effertz - 8203 14
47
+ Group - Alf Reichel III - 6730 7
48
48
 
49
49
  200
50
50
 
@@ -558,24 +558,22 @@ export default AssetTreeExample;
558
558
 
559
559
  ### Example: Example 2
560
560
 
561
+ 8
562
+ 9
563
+ 4
561
564
  9
562
- 10
563
- 5
564
- 6
565
565
 
566
- My Empty Group 3
566
+ My Empty Group 7
567
567
 
568
- Truck Group East 5
568
+ Truck Group East 4
569
569
 
570
- Truck Group North 4
571
- N18-G259 / M-AN 1006
572
- N18-G545 / M-AN 1029
573
- N18-G632 / M-AN 1011
574
- N18-G845 / M-AN 1003
570
+ Truck Group North 2
571
+ N18-G804 / M-AN 1003
572
+ N18-G836 / M-AN 1002
575
573
 
576
- Truck Group South 7
574
+ Truck Group South 9
577
575
 
578
- Truck Group West 6
576
+ Truck Group West 3
579
577
 
580
578
  All my unassigned Trucks 5
581
579
 
@@ -772,6 +770,11 @@ export default AssetTreeSingleSelectExample;
772
770
  </div>
773
771
  <div class="display-flex justify-content-between align-items-start width-100pct">
774
772
  <div class="TreeSummary display-flex flex-wrap align-items-center gap-10 padding-left-3">
773
+ <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
774
+ <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
775
+ </span>
776
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
777
+ </div>
775
778
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
776
779
  <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
777
780
  </span>
@@ -780,17 +783,12 @@ export default AssetTreeSingleSelectExample;
780
783
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
781
784
  <span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
782
785
  </span>
783
- <span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
786
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
784
787
  </div>
785
788
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
786
789
  <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
787
790
  </span>
788
- <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
789
- </div>
790
- <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
791
- <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
792
- </span>
793
- <span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
791
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
794
792
  </div>
795
793
  </div>
796
794
  </div>
@@ -803,7 +801,7 @@ export default AssetTreeSingleSelectExample;
803
801
  <span class="TreeLabelNameText">
804
802
  <span class="TreeLabelNameTextHeadline">My Empty Group</span>
805
803
  </span>
806
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
804
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
807
805
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
808
806
  </span>
809
807
  </span>
@@ -815,7 +813,7 @@ export default AssetTreeSingleSelectExample;
815
813
  <span class="TreeLabelNameText">
816
814
  <span class="TreeLabelNameTextHeadline">Truck Group East</span>
817
815
  </span>
818
- <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
816
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
819
817
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
820
818
  </span>
821
819
  </span>
@@ -827,44 +825,26 @@ export default AssetTreeSingleSelectExample;
827
825
  <span class="TreeLabelNameText">
828
826
  <span class="TreeLabelNameTextHeadline">Truck Group North</span>
829
827
  </span>
830
- <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
828
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
831
829
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
832
830
  </span>
833
831
  </span>
834
832
  </div>
835
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d976">
836
- <span class="TreeLabel TreeLabelName">
837
- <span class="rioglyph rioglyph-bus">
838
- </span>
839
- <span class="TreeLabelNameText">
840
- <span class="TreeLabelNameTextHeadline">N18-G259 / M-AN 1006</span>
841
- </span>
842
- </span>
843
- </div>
844
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9729">
845
- <span class="TreeLabel TreeLabelName">
846
- <span class="rioglyph rioglyph-van">
847
- </span>
848
- <span class="TreeLabelNameText">
849
- <span class="TreeLabelNameTextHeadline">N18-G545 / M-AN 1029</span>
850
- </span>
851
- </span>
852
- </div>
853
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9711">
833
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
854
834
  <span class="TreeLabel TreeLabelName">
855
835
  <span class="rioglyph rioglyph-trailer">
856
836
  </span>
857
837
  <span class="TreeLabelNameText">
858
- <span class="TreeLabelNameTextHeadline">N18-G632 / M-AN 1011</span>
838
+ <span class="TreeLabelNameTextHeadline">N18-G804 / M-AN 1003</span>
859
839
  </span>
860
840
  </span>
861
841
  </div>
862
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
842
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
863
843
  <span class="TreeLabel TreeLabelName">
864
- <span class="rioglyph rioglyph-bus">
844
+ <span class="rioglyph rioglyph-truck">
865
845
  </span>
866
846
  <span class="TreeLabelNameText">
867
- <span class="TreeLabelNameTextHeadline">N18-G845 / M-AN 1003</span>
847
+ <span class="TreeLabelNameTextHeadline">N18-G836 / M-AN 1002</span>
868
848
  </span>
869
849
  </span>
870
850
  </div>
@@ -875,7 +855,7 @@ export default AssetTreeSingleSelectExample;
875
855
  <span class="TreeLabelNameText">
876
856
  <span class="TreeLabelNameTextHeadline">Truck Group South</span>
877
857
  </span>
878
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
858
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
879
859
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
880
860
  </span>
881
861
  </span>
@@ -887,7 +867,7 @@ export default AssetTreeSingleSelectExample;
887
867
  <span class="TreeLabelNameText">
888
868
  <span class="TreeLabelNameTextHeadline">Truck Group West</span>
889
869
  </span>
890
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
870
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
891
871
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
892
872
  </span>
893
873
  </span>
@@ -1088,40 +1068,29 @@ When using fuel filter, please check out the fuel type utils that ease the imple
1088
1068
 
1089
1069
  ### Example: Example 3
1090
1070
 
1091
- 3
1092
- 8
1071
+ 5
1072
+ 5
1093
1073
  6
1094
- 3
1074
+ 4
1095
1075
 
1096
- 9
1076
+ 10
1077
+ 4
1078
+ 3
1097
1079
  2
1098
- 7
1099
1080
  1
1100
- 1
1101
-
1102
- Mixed Vehicles 14
1103
-
1104
- Vehicle-1032 Debug: lpg
1105
1081
 
1106
- Vehicle-1530 Debug: diesel
1082
+ Mixed Vehicles 9
1083
+ Vehicle-2120 Debug: hydrogen
1084
+ Vehicle-2687 Debug: hydrogen
1085
+ Vehicle-3483 Debug: heavy_fuel_oil
1086
+ Vehicle-4959 Debug: cng
1087
+ Vehicle-5417 Debug: lpg
1088
+ Vehicle-6451 Debug: heavy_fuel_oil
1089
+ Vehicle-6742 Debug: diesel
1090
+ Vehicle-8297 Debug: heavy_fuel_oil
1091
+ Vehicle-9989 Debug: electric
1107
1092
 
1108
- Vehicle-1885 Debug: electric
1109
-
1110
- Vehicle-2261 Debug: electric
1111
-
1112
- Vehicle-3321 Debug: electric
1113
-
1114
- Vehicle-6234 Debug: gas
1115
-
1116
- Vehicle-6675 Debug: gas
1117
-
1118
- Vehicle-6884 Debug: dual_fuel_diesel_cng
1119
-
1120
- Vehicle-7323 Debug: hydrogen
1121
-
1122
- Vehicle-8654 Debug: diesel
1123
-
1124
- Vehicle-8759 Debug: electric
1093
+ Ungrouped 11
1125
1094
 
1126
1095
  Selected groups:
1127
1096
 
@@ -1455,12 +1424,12 @@ export default AssetTreeExample;
1455
1424
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1456
1425
  <span class="rioglyph rioglyph-truck-baseline text-size-16 margin-right-2">
1457
1426
  </span>
1458
- <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1427
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
1459
1428
  </div>
1460
1429
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1461
1430
  <span class="rioglyph rioglyph-bus-baseline text-size-16 margin-right-2">
1462
1431
  </span>
1463
- <span class="TreeLabelCount label label-condensed label-muted label-filled">8</span>
1432
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
1464
1433
  </div>
1465
1434
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1466
1435
  <span class="rioglyph rioglyph-van-baseline text-size-16 margin-right-2">
@@ -1470,29 +1439,29 @@ export default AssetTreeExample;
1470
1439
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1471
1440
  <span class="rioglyph rioglyph-car-baseline text-size-16 margin-right-2">
1472
1441
  </span>
1473
- <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1442
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
1474
1443
  </div>
1475
1444
  </div>
1476
1445
  <div class="TreeSummaryRow display-grid grid-cols-4 gap-10">
1477
1446
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1478
1447
  <span class="rioglyph rioglyph-fuel-liquid text-size-16 margin-right-2">
1479
1448
  </span>
1480
- <span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
1449
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">10</span>
1481
1450
  </div>
1482
1451
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1483
1452
  <span class="rioglyph rioglyph-fuel-gas text-size-16 margin-right-2">
1484
1453
  </span>
1485
- <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1454
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
1486
1455
  </div>
1487
1456
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1488
1457
  <span class="rioglyph rioglyph-fuel-electric text-size-16 margin-right-2">
1489
1458
  </span>
1490
- <span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
1459
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1491
1460
  </div>
1492
1461
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1493
1462
  <span class="rioglyph rioglyph-fuel-hydrogen text-size-16 margin-right-2">
1494
1463
  </span>
1495
- <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1464
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1496
1465
  </div>
1497
1466
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1498
1467
  <span class="rioglyph rioglyph-fuel-mix text-size-16 margin-right-2">
@@ -1504,7 +1473,7 @@ export default AssetTreeExample;
1504
1473
  </div>
1505
1474
  <div>
1506
1475
  <div class="dropdown btn-group TreeHeaderOptions height-20">
1507
- <button type="button" id="9uzjfkuoqvt" 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">
1476
+ <button type="button" id="oghcugk6r2h" 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">
1508
1477
  <span class="rioglyph rioglyph-option-vertical" aria-hidden="true">
1509
1478
  </span>
1510
1479
  </button>
@@ -1513,314 +1482,227 @@ export default AssetTreeExample;
1513
1482
  </div>
1514
1483
  </div>
1515
1484
  <div class="TreeRoot user-select-none overflow-hidden" style="position: relative;">
1516
- <div class="tree-virtual-scrollbar scrollbar-fly-in smooth-scrollbar-wrapper" style="position: relative; overflow: hidden; width: 100%; height: 100%;">
1517
- <div class="scrollbar-view" style="position: absolute; inset: 0px; overflow: scroll; margin-right: 0px; margin-bottom: 0px;">
1518
- <div class="scrollbar-content-wrapper">
1519
- <div class="grouped-list" style="height: 825px; position: relative;">
1520
- <div data-index="0" class="virtualized-tree-item group-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 41px; transform: translateY(0px);">
1521
- <div class="TreeNodeContainer user-select-none overflow-hidden open" data-id="group-1">
1522
- <div class="TreeNode from-group" data-key="group-1">
1523
- <label class="checkbox TreeCheckbox" tabindex="0">
1524
- <input type="checkbox" class="TreeCheckbox">
1525
- <span class="checkbox-text">
1526
- </span>
1527
- </label>
1528
- <span class="TreeLabel TreeLabelName">
1529
- <span class="TreeLabelNameText">
1530
- <span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
1531
- </span>
1532
- <span class="TreeLabelCount label label-muted label-filled label-condensed">14</span>
1533
- <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1534
- </span>
1535
- </span>
1536
- </div>
1537
- </div>
1538
- </div>
1539
- <div data-index="1" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(41px);">
1540
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1541
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9710">
1542
- <label class="checkbox TreeCheckbox" tabindex="0">
1543
- <input type="checkbox" class="TreeCheckbox">
1544
- <span class="checkbox-text">
1545
- </span>
1546
- </label>
1547
- <span class="TreeLabel TreeLabelName">
1548
- <span class="rioglyph-icon-pair">
1549
- <span class="rioglyph rioglyph-van">
1550
- </span>
1551
- <span class="rioglyph rioglyph-fuel-gas">
1552
- </span>
1553
- </span>
1554
- <span class="TreeLabelNameText">
1555
- <span class="TreeLabelNameTextHeadline">Vehicle-1032</span>
1556
- <span class="TreeLabelNameTextSubline">
1557
- <span>Debug: lpg</span>
1558
- </span>
1559
- </span>
1560
- </span>
1561
- </div>
1562
- </div>
1563
- </div>
1564
- <div data-index="2" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(95px);">
1565
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1566
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
1567
- <label class="checkbox TreeCheckbox" tabindex="0">
1568
- <input type="checkbox" class="TreeCheckbox">
1569
- <span class="checkbox-text">
1570
- </span>
1571
- </label>
1572
- <span class="TreeLabel TreeLabelName">
1573
- <span class="rioglyph-icon-pair">
1574
- <span class="rioglyph rioglyph-bus">
1575
- </span>
1576
- <span class="rioglyph rioglyph-fuel-liquid">
1577
- </span>
1578
- </span>
1579
- <span class="TreeLabelNameText">
1580
- <span class="TreeLabelNameTextHeadline">Vehicle-1530</span>
1581
- <span class="TreeLabelNameTextSubline">
1582
- <span>Debug: diesel</span>
1583
- </span>
1584
- </span>
1585
- </span>
1586
- </div>
1587
- </div>
1588
- </div>
1589
- <div data-index="3" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(149px);">
1590
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1591
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d976">
1592
- <label class="checkbox TreeCheckbox" tabindex="0">
1593
- <input type="checkbox" class="TreeCheckbox">
1594
- <span class="checkbox-text">
1595
- </span>
1596
- </label>
1597
- <span class="TreeLabel TreeLabelName">
1598
- <span class="rioglyph-icon-pair">
1599
- <span class="rioglyph rioglyph-van">
1600
- </span>
1601
- <span class="rioglyph rioglyph-fuel-electric">
1602
- </span>
1603
- </span>
1604
- <span class="TreeLabelNameText">
1605
- <span class="TreeLabelNameTextHeadline">Vehicle-1885</span>
1606
- <span class="TreeLabelNameTextSubline">
1607
- <span>Debug: electric</span>
1608
- </span>
1609
- </span>
1610
- </span>
1611
- </div>
1612
- </div>
1613
- </div>
1614
- <div data-index="4" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(203px);">
1615
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1616
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
1617
- <label class="checkbox TreeCheckbox" tabindex="0">
1618
- <input type="checkbox" class="TreeCheckbox">
1619
- <span class="checkbox-text">
1620
- </span>
1621
- </label>
1622
- <span class="TreeLabel TreeLabelName">
1623
- <span class="rioglyph-icon-pair">
1624
- <span class="rioglyph rioglyph-van">
1625
- </span>
1626
- <span class="rioglyph rioglyph-fuel-electric">
1627
- </span>
1628
- </span>
1629
- <span class="TreeLabelNameText">
1630
- <span class="TreeLabelNameTextHeadline">Vehicle-2261</span>
1631
- <span class="TreeLabelNameTextSubline">
1632
- <span>Debug: electric</span>
1633
- </span>
1634
- </span>
1635
- </span>
1636
- </div>
1637
- </div>
1638
- </div>
1639
- <div data-index="5" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(257px);">
1640
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1641
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
1642
- <label class="checkbox TreeCheckbox" tabindex="0">
1643
- <input type="checkbox" class="TreeCheckbox">
1644
- <span class="checkbox-text">
1645
- </span>
1646
- </label>
1647
- <span class="TreeLabel TreeLabelName">
1648
- <span class="rioglyph-icon-pair">
1649
- <span class="rioglyph rioglyph-bus">
1650
- </span>
1651
- <span class="rioglyph rioglyph-fuel-electric">
1652
- </span>
1653
- </span>
1654
- <span class="TreeLabelNameText">
1655
- <span class="TreeLabelNameTextHeadline">Vehicle-3321</span>
1656
- <span class="TreeLabelNameTextSubline">
1657
- <span>Debug: electric</span>
1658
- </span>
1659
- </span>
1660
- </span>
1661
- </div>
1662
- </div>
1663
- </div>
1664
- <div data-index="6" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(311px);">
1665
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1666
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9715">
1667
- <label class="checkbox TreeCheckbox" tabindex="0">
1668
- <input type="checkbox" class="TreeCheckbox">
1669
- <span class="checkbox-text">
1670
- </span>
1671
- </label>
1672
- <span class="TreeLabel TreeLabelName">
1673
- <span class="rioglyph-icon-pair">
1674
- <span class="rioglyph rioglyph-car">
1675
- </span>
1676
- <span class="rioglyph rioglyph-fuel-liquid">
1677
- </span>
1678
- </span>
1679
- <span class="TreeLabelNameText">
1680
- <span class="TreeLabelNameTextHeadline">Vehicle-6234</span>
1681
- <span class="TreeLabelNameTextSubline">
1682
- <span>Debug: gas</span>
1683
- </span>
1684
- </span>
1685
- </span>
1686
- </div>
1687
- </div>
1688
- </div>
1689
- <div data-index="7" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(365px);">
1690
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1691
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9716">
1692
- <label class="checkbox TreeCheckbox" tabindex="0">
1693
- <input type="checkbox" class="TreeCheckbox">
1694
- <span class="checkbox-text">
1695
- </span>
1696
- </label>
1697
- <span class="TreeLabel TreeLabelName">
1698
- <span class="rioglyph-icon-pair">
1699
- <span class="rioglyph rioglyph-bus">
1700
- </span>
1701
- <span class="rioglyph rioglyph-fuel-liquid">
1702
- </span>
1703
- </span>
1704
- <span class="TreeLabelNameText">
1705
- <span class="TreeLabelNameTextHeadline">Vehicle-6675</span>
1706
- <span class="TreeLabelNameTextSubline">
1707
- <span>Debug: gas</span>
1708
- </span>
1709
- </span>
1710
- </span>
1711
- </div>
1712
- </div>
1713
- </div>
1714
- <div data-index="8" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(419px);">
1715
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1716
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9712">
1717
- <label class="checkbox TreeCheckbox" tabindex="0">
1718
- <input type="checkbox" class="TreeCheckbox">
1719
- <span class="checkbox-text">
1720
- </span>
1721
- </label>
1722
- <span class="TreeLabel TreeLabelName">
1723
- <span class="rioglyph-icon-pair">
1724
- <span class="rioglyph rioglyph-bus">
1725
- </span>
1726
- <span class="rioglyph rioglyph-fuel-mix">
1727
- </span>
1728
- </span>
1729
- <span class="TreeLabelNameText">
1730
- <span class="TreeLabelNameTextHeadline">Vehicle-6884</span>
1731
- <span class="TreeLabelNameTextSubline">
1732
- <span>Debug: dual_fuel_diesel_cng</span>
1733
- </span>
1734
- </span>
1735
- </span>
1736
- </div>
1737
- </div>
1738
- </div>
1739
- <div data-index="9" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(473px);">
1740
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1741
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
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-bus">
1750
- </span>
1751
- <span class="rioglyph rioglyph-fuel-hydrogen">
1752
- </span>
1753
- </span>
1754
- <span class="TreeLabelNameText">
1755
- <span class="TreeLabelNameTextHeadline">Vehicle-7323</span>
1756
- <span class="TreeLabelNameTextSubline">
1757
- <span>Debug: hydrogen</span>
1758
- </span>
1759
- </span>
1760
- </span>
1761
- </div>
1762
- </div>
1763
- </div>
1764
- <div data-index="10" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(527px);">
1765
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1766
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
1767
- <label class="checkbox TreeCheckbox" tabindex="0">
1768
- <input type="checkbox" class="TreeCheckbox">
1769
- <span class="checkbox-text">
1770
- </span>
1771
- </label>
1772
- <span class="TreeLabel TreeLabelName">
1773
- <span class="rioglyph-icon-pair">
1774
- <span class="rioglyph rioglyph-bus">
1775
- </span>
1776
- <span class="rioglyph rioglyph-fuel-liquid">
1777
- </span>
1778
- </span>
1779
- <span class="TreeLabelNameText">
1780
- <span class="TreeLabelNameTextHeadline">Vehicle-8654</span>
1781
- <span class="TreeLabelNameTextSubline">
1782
- <span>Debug: diesel</span>
1783
- </span>
1784
- </span>
1785
- </span>
1786
- </div>
1787
- </div>
1788
- </div>
1789
- <div data-index="11" class="virtualized-tree-item leaf-item " style="position: absolute; top: 0px; left: 0px; width: 100%; height: 54px; transform: translateY(581px);">
1790
- <div class="TreeNodeContainer user-select-none overflow-hidden open">
1791
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
1792
- <label class="checkbox TreeCheckbox" tabindex="0">
1793
- <input type="checkbox" class="TreeCheckbox">
1794
- <span class="checkbox-text">
1795
- </span>
1796
- </label>
1797
- <span class="TreeLabel TreeLabelName">
1798
- <span class="rioglyph-icon-pair">
1799
- <span class="rioglyph rioglyph-truck">
1800
- </span>
1801
- <span class="rioglyph rioglyph-fuel-electric">
1802
- </span>
1803
- </span>
1804
- <span class="TreeLabelNameText">
1805
- <span class="TreeLabelNameTextHeadline">Vehicle-8759</span>
1806
- <span class="TreeLabelNameTextSubline">
1807
- <span>Debug: electric</span>
1808
- </span>
1809
- </span>
1810
- </span>
1811
- </div>
1812
- </div>
1813
- </div>
1814
- </div>
1815
- </div>
1485
+ <div class="TreeNodeContainer user-select-none overflow-hidden open" data-id="group-1">
1486
+ <div class="TreeNode from-group" data-key="group-1">
1487
+ <label class="checkbox TreeCheckbox" tabindex="0">
1488
+ <input type="checkbox" class="TreeCheckbox">
1489
+ <span class="checkbox-text">
1490
+ </span>
1491
+ </label>
1492
+ <span class="TreeLabel TreeLabelName">
1493
+ <span class="TreeLabelNameText">
1494
+ <span class="TreeLabelNameTextHeadline">Mixed Vehicles</span>
1495
+ </span>
1496
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">9</span>
1497
+ <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1498
+ </span>
1499
+ </span>
1816
1500
  </div>
1817
- <div class="scrollbar-track-horizontal" style="position: absolute; height: 6px; display: none;">
1818
- <div class="scrollbar-thumb-horizontal" style="position: relative; display: block; height: 100%;">
1819
- </div>
1501
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
1502
+ <label class="checkbox TreeCheckbox" tabindex="0">
1503
+ <input type="checkbox" class="TreeCheckbox">
1504
+ <span class="checkbox-text">
1505
+ </span>
1506
+ </label>
1507
+ <span class="TreeLabel TreeLabelName">
1508
+ <span class="rioglyph-icon-pair">
1509
+ <span class="rioglyph rioglyph-bus">
1510
+ </span>
1511
+ <span class="rioglyph rioglyph-fuel-hydrogen">
1512
+ </span>
1513
+ </span>
1514
+ <span class="TreeLabelNameText">
1515
+ <span class="TreeLabelNameTextHeadline">Vehicle-2120</span>
1516
+ <span class="TreeLabelNameTextSubline">
1517
+ <span>Debug: hydrogen</span>
1518
+ </span>
1519
+ </span>
1520
+ </span>
1820
1521
  </div>
1821
- <div class="scrollbar-track-vertical" style="position: absolute; width: 6px; display: none;">
1822
- <div class="scrollbar-thumb-vertical" style="position: relative; display: block; width: 100%;">
1823
- </div>
1522
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
1523
+ <label class="checkbox TreeCheckbox" tabindex="0">
1524
+ <input type="checkbox" class="TreeCheckbox">
1525
+ <span class="checkbox-text">
1526
+ </span>
1527
+ </label>
1528
+ <span class="TreeLabel TreeLabelName">
1529
+ <span class="rioglyph-icon-pair">
1530
+ <span class="rioglyph rioglyph-bus">
1531
+ </span>
1532
+ <span class="rioglyph rioglyph-fuel-hydrogen">
1533
+ </span>
1534
+ </span>
1535
+ <span class="TreeLabelNameText">
1536
+ <span class="TreeLabelNameTextHeadline">Vehicle-2687</span>
1537
+ <span class="TreeLabelNameTextSubline">
1538
+ <span>Debug: hydrogen</span>
1539
+ </span>
1540
+ </span>
1541
+ </span>
1542
+ </div>
1543
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
1544
+ <label class="checkbox TreeCheckbox" tabindex="0">
1545
+ <input type="checkbox" class="TreeCheckbox">
1546
+ <span class="checkbox-text">
1547
+ </span>
1548
+ </label>
1549
+ <span class="TreeLabel TreeLabelName">
1550
+ <span class="rioglyph-icon-pair">
1551
+ <span class="rioglyph rioglyph-truck">
1552
+ </span>
1553
+ <span class="rioglyph rioglyph-fuel-liquid">
1554
+ </span>
1555
+ </span>
1556
+ <span class="TreeLabelNameText">
1557
+ <span class="TreeLabelNameTextHeadline">Vehicle-3483</span>
1558
+ <span class="TreeLabelNameTextSubline">
1559
+ <span>Debug: heavy_fuel_oil</span>
1560
+ </span>
1561
+ </span>
1562
+ </span>
1563
+ </div>
1564
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
1565
+ <label class="checkbox TreeCheckbox" tabindex="0">
1566
+ <input type="checkbox" class="TreeCheckbox">
1567
+ <span class="checkbox-text">
1568
+ </span>
1569
+ </label>
1570
+ <span class="TreeLabel TreeLabelName">
1571
+ <span class="rioglyph-icon-pair">
1572
+ <span class="rioglyph rioglyph-van">
1573
+ </span>
1574
+ <span class="rioglyph rioglyph-fuel-gas">
1575
+ </span>
1576
+ </span>
1577
+ <span class="TreeLabelNameText">
1578
+ <span class="TreeLabelNameTextHeadline">Vehicle-4959</span>
1579
+ <span class="TreeLabelNameTextSubline">
1580
+ <span>Debug: cng</span>
1581
+ </span>
1582
+ </span>
1583
+ </span>
1584
+ </div>
1585
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d974">
1586
+ <label class="checkbox TreeCheckbox" tabindex="0">
1587
+ <input type="checkbox" class="TreeCheckbox">
1588
+ <span class="checkbox-text">
1589
+ </span>
1590
+ </label>
1591
+ <span class="TreeLabel TreeLabelName">
1592
+ <span class="rioglyph-icon-pair">
1593
+ <span class="rioglyph rioglyph-car">
1594
+ </span>
1595
+ <span class="rioglyph rioglyph-fuel-gas">
1596
+ </span>
1597
+ </span>
1598
+ <span class="TreeLabelNameText">
1599
+ <span class="TreeLabelNameTextHeadline">Vehicle-5417</span>
1600
+ <span class="TreeLabelNameTextSubline">
1601
+ <span>Debug: lpg</span>
1602
+ </span>
1603
+ </span>
1604
+ </span>
1605
+ </div>
1606
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
1607
+ <label class="checkbox TreeCheckbox" tabindex="0">
1608
+ <input type="checkbox" class="TreeCheckbox">
1609
+ <span class="checkbox-text">
1610
+ </span>
1611
+ </label>
1612
+ <span class="TreeLabel TreeLabelName">
1613
+ <span class="rioglyph-icon-pair">
1614
+ <span class="rioglyph rioglyph-van">
1615
+ </span>
1616
+ <span class="rioglyph rioglyph-fuel-liquid">
1617
+ </span>
1618
+ </span>
1619
+ <span class="TreeLabelNameText">
1620
+ <span class="TreeLabelNameTextHeadline">Vehicle-6451</span>
1621
+ <span class="TreeLabelNameTextSubline">
1622
+ <span>Debug: heavy_fuel_oil</span>
1623
+ </span>
1624
+ </span>
1625
+ </span>
1626
+ </div>
1627
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9718">
1628
+ <label class="checkbox TreeCheckbox" tabindex="0">
1629
+ <input type="checkbox" class="TreeCheckbox">
1630
+ <span class="checkbox-text">
1631
+ </span>
1632
+ </label>
1633
+ <span class="TreeLabel TreeLabelName">
1634
+ <span class="rioglyph-icon-pair">
1635
+ <span class="rioglyph rioglyph-bus">
1636
+ </span>
1637
+ <span class="rioglyph rioglyph-fuel-liquid">
1638
+ </span>
1639
+ </span>
1640
+ <span class="TreeLabelNameText">
1641
+ <span class="TreeLabelNameTextHeadline">Vehicle-6742</span>
1642
+ <span class="TreeLabelNameTextSubline">
1643
+ <span>Debug: diesel</span>
1644
+ </span>
1645
+ </span>
1646
+ </span>
1647
+ </div>
1648
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
1649
+ <label class="checkbox TreeCheckbox" tabindex="0">
1650
+ <input type="checkbox" class="TreeCheckbox">
1651
+ <span class="checkbox-text">
1652
+ </span>
1653
+ </label>
1654
+ <span class="TreeLabel TreeLabelName">
1655
+ <span class="rioglyph-icon-pair">
1656
+ <span class="rioglyph rioglyph-car">
1657
+ </span>
1658
+ <span class="rioglyph rioglyph-fuel-liquid">
1659
+ </span>
1660
+ </span>
1661
+ <span class="TreeLabelNameText">
1662
+ <span class="TreeLabelNameTextHeadline">Vehicle-8297</span>
1663
+ <span class="TreeLabelNameTextSubline">
1664
+ <span>Debug: heavy_fuel_oil</span>
1665
+ </span>
1666
+ </span>
1667
+ </span>
1668
+ </div>
1669
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9715">
1670
+ <label class="checkbox TreeCheckbox" tabindex="0">
1671
+ <input type="checkbox" class="TreeCheckbox">
1672
+ <span class="checkbox-text">
1673
+ </span>
1674
+ </label>
1675
+ <span class="TreeLabel TreeLabelName">
1676
+ <span class="rioglyph-icon-pair">
1677
+ <span class="rioglyph rioglyph-car">
1678
+ </span>
1679
+ <span class="rioglyph rioglyph-fuel-electric">
1680
+ </span>
1681
+ </span>
1682
+ <span class="TreeLabelNameText">
1683
+ <span class="TreeLabelNameTextHeadline">Vehicle-9989</span>
1684
+ <span class="TreeLabelNameTextSubline">
1685
+ <span>Debug: electric</span>
1686
+ </span>
1687
+ </span>
1688
+ </span>
1689
+ </div>
1690
+ </div>
1691
+ <div class="TreeNodeContainer user-select-none overflow-hidden" data-id="unassigned-group">
1692
+ <div class="TreeNode from-group" data-key="unassigned-group">
1693
+ <label class="checkbox TreeCheckbox" tabindex="0">
1694
+ <input type="checkbox" class="TreeCheckbox">
1695
+ <span class="checkbox-text">
1696
+ </span>
1697
+ </label>
1698
+ <span class="TreeLabel TreeLabelName">
1699
+ <span class="TreeLabelNameText">
1700
+ <span class="TreeLabelNameTextHeadline">Ungrouped</span>
1701
+ </span>
1702
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">11</span>
1703
+ <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
1704
+ </span>
1705
+ </span>
1824
1706
  </div>
1825
1707
  </div>
1826
1708
  </div>
@@ -2398,11 +2280,11 @@ export default AssetTreeWithCustomSummaryExample;
2398
2280
 
2399
2281
  ### Example: Example 5
2400
2282
 
2401
- Group 01 11
2283
+ Group 01 8
2402
2284
 
2403
- Group 02 3
2285
+ Group 02 7
2404
2286
 
2405
- Group 03 6
2287
+ Group 03 5
2406
2288
 
2407
2289
  #### React (tsx)
2408
2290
 
@@ -2503,7 +2385,7 @@ export default () => {
2503
2385
  <span class="TreeLabelNameText">
2504
2386
  <span class="TreeLabelNameTextHeadline">Group 01</span>
2505
2387
  </span>
2506
- <span class="TreeLabelCount label label-muted label-filled label-condensed">11</span>
2388
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
2507
2389
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2508
2390
  </span>
2509
2391
  </span>
@@ -2518,7 +2400,7 @@ export default () => {
2518
2400
  <span class="TreeLabelNameText">
2519
2401
  <span class="TreeLabelNameTextHeadline">Group 02</span>
2520
2402
  </span>
2521
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2403
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2522
2404
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2523
2405
  </span>
2524
2406
  </span>
@@ -2533,7 +2415,7 @@ export default () => {
2533
2415
  <span class="TreeLabelNameText">
2534
2416
  <span class="TreeLabelNameTextHeadline">Group 03</span>
2535
2417
  </span>
2536
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2418
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2537
2419
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2538
2420
  </span>
2539
2421
  </span>
@@ -2695,13 +2577,13 @@ Tree with header and search
2695
2577
 
2696
2578
  20
2697
2579
 
2698
- Folder 01 3
2580
+ Folder 01 4
2699
2581
 
2700
- Folder 02 7
2582
+ Folder 02 6
2701
2583
 
2702
- Folder 03 7
2584
+ Folder 03 4
2703
2585
 
2704
- Folder 04 3
2586
+ Folder 04 6
2705
2587
 
2706
2588
  Selected items:
2707
2589
 
@@ -2845,7 +2727,7 @@ export default TreeOnlyExample;
2845
2727
  <span class="TreeLabelNameText">
2846
2728
  <span class="TreeLabelNameTextHeadline">Folder 01</span>
2847
2729
  </span>
2848
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2730
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2849
2731
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2850
2732
  </span>
2851
2733
  </span>
@@ -2859,7 +2741,7 @@ export default TreeOnlyExample;
2859
2741
  <span class="TreeLabelNameText">
2860
2742
  <span class="TreeLabelNameTextHeadline">Folder 02</span>
2861
2743
  </span>
2862
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2744
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2863
2745
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2864
2746
  </span>
2865
2747
  </span>
@@ -2873,7 +2755,7 @@ export default TreeOnlyExample;
2873
2755
  <span class="TreeLabelNameText">
2874
2756
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
2875
2757
  </span>
2876
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2758
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2877
2759
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2878
2760
  </span>
2879
2761
  </span>
@@ -2887,7 +2769,7 @@ export default TreeOnlyExample;
2887
2769
  <span class="TreeLabelNameText">
2888
2770
  <span class="TreeLabelNameTextHeadline">Folder 04</span>
2889
2771
  </span>
2890
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2772
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2891
2773
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2892
2774
  </span>
2893
2775
  </span>
@@ -2961,13 +2843,13 @@ export default TreeOnlyExample;
2961
2843
 
2962
2844
  Tree without header and search
2963
2845
 
2964
- Folder 01 6
2846
+ Folder 01 7
2965
2847
 
2966
- Folder 02 7
2848
+ Folder 02 5
2967
2849
 
2968
- Folder 03 3
2850
+ Folder 03 5
2969
2851
 
2970
- Folder 04 4
2852
+ Folder 04 3
2971
2853
 
2972
2854
  Selected items:
2973
2855
 
@@ -3087,7 +2969,7 @@ export default TreeOnlyExample;
3087
2969
  <span class="TreeLabelNameText">
3088
2970
  <span class="TreeLabelNameTextHeadline">Folder 01</span>
3089
2971
  </span>
3090
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
2972
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
3091
2973
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
3092
2974
  </span>
3093
2975
  </span>
@@ -3101,7 +2983,7 @@ export default TreeOnlyExample;
3101
2983
  <span class="TreeLabelNameText">
3102
2984
  <span class="TreeLabelNameTextHeadline">Folder 02</span>
3103
2985
  </span>
3104
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2986
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
3105
2987
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
3106
2988
  </span>
3107
2989
  </span>
@@ -3115,7 +2997,7 @@ export default TreeOnlyExample;
3115
2997
  <span class="TreeLabelNameText">
3116
2998
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
3117
2999
  </span>
3118
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
3000
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
3119
3001
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
3120
3002
  </span>
3121
3003
  </span>
@@ -3129,7 +3011,7 @@ export default TreeOnlyExample;
3129
3011
  <span class="TreeLabelNameText">
3130
3012
  <span class="TreeLabelNameTextHeadline">Folder 04</span>
3131
3013
  </span>
3132
- <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
3014
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
3133
3015
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
3134
3016
  </span>
3135
3017
  </span>