@rio-cloud/uikit-mcp 1.1.10 → 1.1.12

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 (210) hide show
  1. package/README.md +2 -1
  2. package/dist/doc-metadata.json +92 -92
  3. package/dist/docs/components/accentBar.md +1 -1
  4. package/dist/docs/components/activity.md +1 -1
  5. package/dist/docs/components/analyticsAnalysisOverlay.md +3 -1
  6. package/dist/docs/components/animatedNumber.md +2 -2
  7. package/dist/docs/components/animatedTextReveal.md +6 -6
  8. package/dist/docs/components/animations.md +22 -22
  9. package/dist/docs/components/appHeader.md +1 -1
  10. package/dist/docs/components/appLayout.md +31 -65
  11. package/dist/docs/components/appNavigationBar.md +1 -1
  12. package/dist/docs/components/areaCharts.md +7 -5
  13. package/dist/docs/components/aspectRatioPlaceholder.md +1 -1
  14. package/dist/docs/components/assetTree.md +160 -142
  15. package/dist/docs/components/autosuggests.md +1 -1
  16. package/dist/docs/components/avatar.md +1 -1
  17. package/dist/docs/components/banner.md +2 -2
  18. package/dist/docs/components/barCharts.md +16 -14
  19. package/dist/docs/components/barList.md +9 -9
  20. package/dist/docs/components/basicMap.md +45 -1
  21. package/dist/docs/components/bottomSheet.md +1 -1
  22. package/dist/docs/components/button.md +1 -1
  23. package/dist/docs/components/buttonToolbar.md +1 -1
  24. package/dist/docs/components/calendarStripe.md +56 -56
  25. package/dist/docs/components/card.md +1 -1
  26. package/dist/docs/components/carousel.md +1 -1
  27. package/dist/docs/components/chartColors.md +3 -1
  28. package/dist/docs/components/chartsGettingStarted.md +3 -1
  29. package/dist/docs/components/chat.md +1 -1
  30. package/dist/docs/components/checkbox.md +3 -1
  31. package/dist/docs/components/circularProgress.md +5 -5
  32. package/dist/docs/components/clearableInput.md +1 -1
  33. package/dist/docs/components/collapse.md +4 -2
  34. package/dist/docs/components/composedCharts.md +17 -15
  35. package/dist/docs/components/contentLoader.md +1 -1
  36. package/dist/docs/components/dataTabs.md +1 -1
  37. package/dist/docs/components/datepickers.md +662 -660
  38. package/dist/docs/components/dayPicker.md +55 -5
  39. package/dist/docs/components/dayPickerCalendar.md +488 -468
  40. package/dist/docs/components/dialogs.md +1 -1
  41. package/dist/docs/components/divider.md +1 -1
  42. package/dist/docs/components/dropdowns.md +3270 -3244
  43. package/dist/docs/components/editableContent.md +1 -1
  44. package/dist/docs/components/expander.md +1 -1
  45. package/dist/docs/components/fade.md +1 -1
  46. package/dist/docs/components/fadeExpander.md +1 -1
  47. package/dist/docs/components/fadeUp.md +2 -2
  48. package/dist/docs/components/feedback.md +1 -1
  49. package/dist/docs/components/filePickers.md +1 -1
  50. package/dist/docs/components/formLabel.md +1 -1
  51. package/dist/docs/components/groupedItemList.md +1 -1
  52. package/dist/docs/components/htmlTable.md +113 -115
  53. package/dist/docs/components/iconList.md +3 -3
  54. package/dist/docs/components/imagePreloader.md +1 -1
  55. package/dist/docs/components/labeledElement.md +1 -1
  56. package/dist/docs/components/licensePlate.md +1 -1
  57. package/dist/docs/components/lineCharts.md +6 -4
  58. package/dist/docs/components/listMenu.md +1 -1
  59. package/dist/docs/components/loadMore.md +1 -1
  60. package/dist/docs/components/mainNavigation.md +1 -1
  61. package/dist/docs/components/mapCircle.md +1 -1
  62. package/dist/docs/components/mapCluster.md +3 -1
  63. package/dist/docs/components/mapContext.md +1 -1
  64. package/dist/docs/components/mapDraggableMarker.md +1 -1
  65. package/dist/docs/components/mapGettingStarted.md +39 -1
  66. package/dist/docs/components/mapInfoBubble.md +1 -1
  67. package/dist/docs/components/mapLayerGroup.md +1 -1
  68. package/dist/docs/components/mapMarker.md +3 -1
  69. package/dist/docs/components/mapPolygon.md +1 -1
  70. package/dist/docs/components/mapRoute.md +1 -1
  71. package/dist/docs/components/mapSettings.md +36 -9
  72. package/dist/docs/components/mapUtils.md +65 -2
  73. package/dist/docs/components/mapViewportHistory.md +287 -0
  74. package/dist/docs/components/multiselects.md +171 -1
  75. package/dist/docs/components/noData.md +1 -1
  76. package/dist/docs/components/notifications.md +1 -1
  77. package/dist/docs/components/numbercontrol.md +1 -1
  78. package/dist/docs/components/onboarding.md +1 -1
  79. package/dist/docs/components/page.md +1 -1
  80. package/dist/docs/components/pager.md +1 -1
  81. package/dist/docs/components/pieCharts.md +38 -36
  82. package/dist/docs/components/popover.md +1 -1
  83. package/dist/docs/components/position.md +1 -1
  84. package/dist/docs/components/radialBarCharts.md +27 -25
  85. package/dist/docs/components/radioCardGroup.md +1 -1
  86. package/dist/docs/components/radiobutton.md +3 -1
  87. package/dist/docs/components/releaseNotes.md +1 -1
  88. package/dist/docs/components/resizer.md +3 -1
  89. package/dist/docs/components/responsiveColumnStripe.md +3 -1
  90. package/dist/docs/components/responsiveVideo.md +1 -1
  91. package/dist/docs/components/rioglyph.md +1 -1
  92. package/dist/docs/components/rules.md +1 -1
  93. package/dist/docs/components/saveableInput.md +247 -247
  94. package/dist/docs/components/selects.md +168 -51
  95. package/dist/docs/components/sidebar.md +1 -1
  96. package/dist/docs/components/sliders.md +1 -1
  97. package/dist/docs/components/smoothScrollbars.md +3 -1
  98. package/dist/docs/components/spinners.md +1 -1
  99. package/dist/docs/components/states.md +15 -1
  100. package/dist/docs/components/statsWidgets.md +1 -1
  101. package/dist/docs/components/statusBar.md +3 -1
  102. package/dist/docs/components/stepButton.md +1 -1
  103. package/dist/docs/components/steppedProgressBars.md +1 -1
  104. package/dist/docs/components/subNavigation.md +1 -1
  105. package/dist/docs/components/supportMarker.md +1 -1
  106. package/dist/docs/components/svgImage.md +1 -1
  107. package/dist/docs/components/switch.md +3 -1
  108. package/dist/docs/components/table.md +1998 -221
  109. package/dist/docs/components/tableControls.md +51 -51
  110. package/dist/docs/components/tagManager.md +1 -1
  111. package/dist/docs/components/tags.md +1 -1
  112. package/dist/docs/components/teaser.md +3 -1
  113. package/dist/docs/components/textTruncateMiddle.md +1 -1
  114. package/dist/docs/components/timeline.md +1 -1
  115. package/dist/docs/components/timepicker.md +3 -1
  116. package/dist/docs/components/toggleButton.md +1 -1
  117. package/dist/docs/components/tooltip.md +5 -1
  118. package/dist/docs/components/tracker.md +1 -1
  119. package/dist/docs/components/virtualList.md +58 -56
  120. package/dist/docs/foundations.md +271 -105
  121. package/dist/docs/start/changelog.md +44 -212
  122. package/dist/docs/start/goodtoknow.md +8 -2
  123. package/dist/docs/start/guidelines/color-combinations.md +5 -1
  124. package/dist/docs/start/guidelines/custom-css.md +26 -2
  125. package/dist/docs/start/guidelines/custom-rioglyph.md +20 -2
  126. package/dist/docs/start/guidelines/formatting.md +2256 -249
  127. package/dist/docs/start/guidelines/iframe.md +37 -1
  128. package/dist/docs/start/guidelines/obfuscate-data.md +26 -2
  129. package/dist/docs/start/guidelines/print-css.md +16 -2
  130. package/dist/docs/start/guidelines/spinner.md +1 -1
  131. package/dist/docs/start/guidelines/state-in-url.md +1138 -11
  132. package/dist/docs/start/guidelines/supported-browsers.md +9 -2
  133. package/dist/docs/start/guidelines/writing.md +228 -2
  134. package/dist/docs/start/howto.md +160 -10
  135. package/dist/docs/start/intro.md +40 -2
  136. package/dist/docs/start/responsiveness.md +29 -1
  137. package/dist/docs/templates/ai-assistant.md +1 -1
  138. package/dist/docs/templates/common-table.md +55 -55
  139. package/dist/docs/templates/detail-views.md +2 -2
  140. package/dist/docs/templates/expandable-details.md +1 -1
  141. package/dist/docs/templates/feature-cards.md +37 -37
  142. package/dist/docs/templates/form-summary.md +15 -15
  143. package/dist/docs/templates/form-toggle.md +1 -1
  144. package/dist/docs/templates/list-blocks.md +137 -137
  145. package/dist/docs/templates/loading-progress.md +1 -1
  146. package/dist/docs/templates/options-panel.md +1 -1
  147. package/dist/docs/templates/panel-variants.md +1 -1
  148. package/dist/docs/templates/progress-cards.md +1 -1
  149. package/dist/docs/templates/progress-success.md +1 -1
  150. package/dist/docs/templates/settings-form.md +18 -18
  151. package/dist/docs/templates/stats-blocks.md +10 -10
  152. package/dist/docs/templates/table-panel.md +1 -1
  153. package/dist/docs/templates/usage-cards.md +1 -1
  154. package/dist/docs/utilities/classNames.md +89 -1
  155. package/dist/docs/utilities/deviceUtils.md +1 -1
  156. package/dist/docs/utilities/featureToggles.md +182 -2
  157. package/dist/docs/utilities/fuelTypeUtils.md +1 -1
  158. package/dist/docs/utilities/getTrackingAttributes.md +46 -1
  159. package/dist/docs/utilities/routeUtils.md +210 -2
  160. package/dist/docs/utilities/useAfterMount.md +1 -1
  161. package/dist/docs/utilities/useAutoAnimate.md +1 -1
  162. package/dist/docs/utilities/useAverage.md +1 -1
  163. package/dist/docs/utilities/useClickOutside.md +1 -1
  164. package/dist/docs/utilities/useClipboard.md +2 -2
  165. package/dist/docs/utilities/useCookies.md +1 -1
  166. package/dist/docs/utilities/useCount.md +1 -1
  167. package/dist/docs/utilities/useDarkMode.md +1 -1
  168. package/dist/docs/utilities/useDebugInfo.md +3 -3
  169. package/dist/docs/utilities/useDraggableElement.md +1 -1
  170. package/dist/docs/utilities/useEffectOnce.md +1 -1
  171. package/dist/docs/utilities/useElapsedTime.md +1 -1
  172. package/dist/docs/utilities/useElementSize.md +1 -1
  173. package/dist/docs/utilities/useEsc.md +1 -1
  174. package/dist/docs/utilities/useEvent.md +1 -1
  175. package/dist/docs/utilities/useFocusTrap.md +1 -1
  176. package/dist/docs/utilities/useFullscreen.md +1 -1
  177. package/dist/docs/utilities/useHover.md +1 -1
  178. package/dist/docs/utilities/useIncomingPostMessages.md +1 -1
  179. package/dist/docs/utilities/useInterval.md +1 -1
  180. package/dist/docs/utilities/useIsFocusWithin.md +1 -1
  181. package/dist/docs/utilities/useKey.md +1 -1
  182. package/dist/docs/utilities/useLocalStorage.md +1 -1
  183. package/dist/docs/utilities/useLocationSuggestions.md +1 -1
  184. package/dist/docs/utilities/useMax.md +1 -1
  185. package/dist/docs/utilities/useMin.md +1 -1
  186. package/dist/docs/utilities/useMutationObserver.md +1 -1
  187. package/dist/docs/utilities/useOnScreen.md +1 -1
  188. package/dist/docs/utilities/useOnlineStatus.md +1 -1
  189. package/dist/docs/utilities/usePostMessage.md +1 -1
  190. package/dist/docs/utilities/usePostMessageSender.md +1 -1
  191. package/dist/docs/utilities/usePrevious.md +111 -1
  192. package/dist/docs/utilities/useResizeObserver.md +1 -1
  193. package/dist/docs/utilities/useRioCookieConsent.md +1 -1
  194. package/dist/docs/utilities/useScrollPosition.md +1 -1
  195. package/dist/docs/utilities/useSearch.md +1 -1
  196. package/dist/docs/utilities/useSearchHighlight.md +1 -1
  197. package/dist/docs/utilities/useSorting.md +1 -1
  198. package/dist/docs/utilities/useStateWithValidation.md +1 -1
  199. package/dist/docs/utilities/useSum.md +1 -1
  200. package/dist/docs/utilities/useTableExport.md +61 -61
  201. package/dist/docs/utilities/useTableSelection.md +72 -72
  202. package/dist/docs/utilities/useTimeout.md +1 -1
  203. package/dist/docs/utilities/useToggle.md +1 -1
  204. package/dist/docs/utilities/useUrlState.md +1 -1
  205. package/dist/docs/utilities/useWindowResize.md +1 -1
  206. package/dist/index.mjs +174 -70
  207. package/dist/search-synonyms.json +214 -76
  208. package/dist/version.json +2 -2
  209. package/package.json +8 -6
  210. package/dist/docs/components/mapRouteGenerator.md +0 -6
package/dist/docs/components/assetTree.md CHANGED
@@ -3,46 +3,46 @@
3
3
  *Category:* Components
4
4
  *Section:* Selection
5
5
  *Source:* https://uikit.developers.rio.cloud/#/components/assetTree
6
- *Captured:* 2026-04-20T12:54:02.398Z
6
+ *Captured:* 2026-05-06T12:13:39.637Z
7
7
 
8
8
  ## AssetTree
9
9
 
10
+ 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.
11
+
10
12
  ### Example: Example 1
11
13
 
12
14
  Filter
13
15
 
14
- 5192
16
+ 5769
15
17
  4
16
18
 
17
- Group - Abdiel Stracke - 7208 11
18
-
19
- Group - Abel Nolan DDS - 7395 10
19
+ Group - Aaron Reichel-Spinka - 2765 19
20
20
 
21
- Group - Abel Welch - 8471 14
21
+ Group - Abbie Bergnaum - 1001 5
22
22
 
23
- Group - Adan Dickinson-Romaguera - 1669 8
23
+ Group - Abdiel Schuppe III - 8694 11
24
24
 
25
- Group - Adell Lang - 1397 9
25
+ Group - Adela Waelchi - 1464 17
26
26
 
27
- Group - Agnes Runte - 2275 8
27
+ Group - Adelle Howell - 2115 13
28
28
 
29
- Group - Alanna Veum - 4822 7
29
+ Group - Adolph King - 5247 4
30
30
 
31
- Group - Albert Lehner - 6018 8
31
+ Group - Agustin Hessel - 4826 17
32
32
 
33
- Group - Alberto Mitchell I - 5020 8
33
+ Group - Aida Swift - 1894 15
34
34
 
35
- Group - Alda Spencer - 6590 11
35
+ Group - Aiyana Hodkiewicz-Schaefer - 9882 17
36
36
 
37
- Group - Alejandro Little III - 9613 11
37
+ Group - Al Mertz - 1581 15
38
38
 
39
- Group - Alison Greenfelder Jr. - 4942 17
39
+ Group - Alaina Douglas - 6722 7
40
40
 
41
- Group - Allie Keeling - 1242 13
41
+ Group - Alma Russel - 2281 21
42
42
 
43
- Group - Alonzo Dooley - 9191 6
43
+ Group - Amaya Gerlach - 1747 8
44
44
 
45
- Group - Alonzo O'Kon - 9115 8
45
+ Group - Amaya Nienow - 7799 14
46
46
 
47
47
  200
48
48
 
@@ -556,27 +556,28 @@ export default AssetTreeExample;
556
556
 
557
557
  ### Example: Example 2
558
558
 
559
- 12
560
- 9
561
- 2
559
+ 13
562
560
  7
561
+ 5
562
+ 5
563
563
 
564
- My Empty Group 3
564
+ My Empty Group 5
565
565
 
566
- Truck Group East 5
566
+ Truck Group East 4
567
567
 
568
- Truck Group North 5
569
- N18-G616 / M-AN 1025
570
- N18-G906 / M-AN 1001
571
- N18-G959 / M-AN 1004
572
- N18-G970 / M-AN 1002
573
- N18-G975 / M-AN 1027
568
+ Truck Group North 6
569
+ N18-G134 / M-AN 1020
570
+ N18-G215 / M-AN 1011
571
+ N18-G538 / M-AN 1007
572
+ N18-G666 / M-AN 1019
573
+ N18-G760 / M-AN 1014
574
+ N18-G959 / M-AN 1001
574
575
 
575
- Truck Group South 8
576
+ Truck Group South 6
576
577
 
577
- Truck Group West 2
578
+ Truck Group West 5
578
579
 
579
- All my unassigned Trucks 7
580
+ All my unassigned Trucks 4
580
581
 
581
582
  Current category:
582
583
  assets
@@ -772,24 +773,24 @@ export default AssetTreeSingleSelectExample;
772
773
  <div class="display-flex justify-content-between align-items-start width-100pct">
773
774
  <div class="TreeSummary display-flex flex-wrap align-items-center gap-10 padding-left-3">
774
775
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
775
- <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
776
+ <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
776
777
  </span>
777
- <span class="TreeLabelCount label label-condensed label-muted label-filled">12</span>
778
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">13</span>
778
779
  </div>
779
780
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
780
- <span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
781
+ <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
781
782
  </span>
782
- <span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
783
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
783
784
  </div>
784
785
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
785
- <span class="rioglyph rioglyph-van text-size-16 margin-right-2">
786
+ <span class="rioglyph rioglyph-bus text-size-16 margin-right-2">
786
787
  </span>
787
- <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
788
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
788
789
  </div>
789
790
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
790
- <span class="rioglyph rioglyph-truck text-size-16 margin-right-2">
791
+ <span class="rioglyph rioglyph-trailer text-size-16 margin-right-2">
791
792
  </span>
792
- <span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
793
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
793
794
  </div>
794
795
  </div>
795
796
  </div>
@@ -802,7 +803,7 @@ export default AssetTreeSingleSelectExample;
802
803
  <span class="TreeLabelNameText">
803
804
  <span class="TreeLabelNameTextHeadline">My Empty Group</span>
804
805
  </span>
805
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
806
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
806
807
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
807
808
  </span>
808
809
  </span>
@@ -814,7 +815,7 @@ export default AssetTreeSingleSelectExample;
814
815
  <span class="TreeLabelNameText">
815
816
  <span class="TreeLabelNameTextHeadline">Truck Group East</span>
816
817
  </span>
817
- <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
818
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
818
819
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
819
820
  </span>
820
821
  </span>
@@ -826,53 +827,62 @@ export default AssetTreeSingleSelectExample;
826
827
  <span class="TreeLabelNameText">
827
828
  <span class="TreeLabelNameTextHeadline">Truck Group North</span>
828
829
  </span>
829
- <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
830
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
830
831
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
831
832
  </span>
832
833
  </span>
833
834
  </div>
834
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9725">
835
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9720">
835
836
  <span class="TreeLabel TreeLabelName">
836
- <span class="rioglyph rioglyph-van">
837
+ <span class="rioglyph rioglyph-bus">
837
838
  </span>
838
839
  <span class="TreeLabelNameText">
839
- <span class="TreeLabelNameTextHeadline">N18-G616 / M-AN 1025</span>
840
+ <span class="TreeLabelNameTextHeadline">N18-G134 / M-AN 1020</span>
840
841
  </span>
841
842
  </span>
842
843
  </div>
843
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
844
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9711">
844
845
  <span class="TreeLabel TreeLabelName">
845
- <span class="rioglyph rioglyph-trailer">
846
+ <span class="rioglyph rioglyph-bus">
846
847
  </span>
847
848
  <span class="TreeLabelNameText">
848
- <span class="TreeLabelNameTextHeadline">N18-G906 / M-AN 1001</span>
849
+ <span class="TreeLabelNameTextHeadline">N18-G215 / M-AN 1011</span>
849
850
  </span>
850
851
  </span>
851
852
  </div>
852
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d974">
853
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d977">
853
854
  <span class="TreeLabel TreeLabelName">
854
- <span class="rioglyph rioglyph-trailer">
855
+ <span class="rioglyph rioglyph-bus">
855
856
  </span>
856
857
  <span class="TreeLabelNameText">
857
- <span class="TreeLabelNameTextHeadline">N18-G959 / M-AN 1004</span>
858
+ <span class="TreeLabelNameTextHeadline">N18-G538 / M-AN 1007</span>
858
859
  </span>
859
860
  </span>
860
861
  </div>
861
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
862
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
862
863
  <span class="TreeLabel TreeLabelName">
863
- <span class="rioglyph rioglyph-bus">
864
+ <span class="rioglyph rioglyph-van">
865
+ </span>
866
+ <span class="TreeLabelNameText">
867
+ <span class="TreeLabelNameTextHeadline">N18-G666 / M-AN 1019</span>
868
+ </span>
869
+ </span>
870
+ </div>
871
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
872
+ <span class="TreeLabel TreeLabelName">
873
+ <span class="rioglyph rioglyph-van">
864
874
  </span>
865
875
  <span class="TreeLabelNameText">
866
- <span class="TreeLabelNameTextHeadline">N18-G970 / M-AN 1002</span>
876
+ <span class="TreeLabelNameTextHeadline">N18-G760 / M-AN 1014</span>
867
877
  </span>
868
878
  </span>
869
879
  </div>
870
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9727">
880
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d971">
871
881
  <span class="TreeLabel TreeLabelName">
872
- <span class="rioglyph rioglyph-trailer">
882
+ <span class="rioglyph rioglyph-truck">
873
883
  </span>
874
884
  <span class="TreeLabelNameText">
875
- <span class="TreeLabelNameTextHeadline">N18-G975 / M-AN 1027</span>
885
+ <span class="TreeLabelNameTextHeadline">N18-G959 / M-AN 1001</span>
876
886
  </span>
877
887
  </span>
878
888
  </div>
@@ -883,7 +893,7 @@ export default AssetTreeSingleSelectExample;
883
893
  <span class="TreeLabelNameText">
884
894
  <span class="TreeLabelNameTextHeadline">Truck Group South</span>
885
895
  </span>
886
- <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
896
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
887
897
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
888
898
  </span>
889
899
  </span>
@@ -895,7 +905,7 @@ export default AssetTreeSingleSelectExample;
895
905
  <span class="TreeLabelNameText">
896
906
  <span class="TreeLabelNameTextHeadline">Truck Group West</span>
897
907
  </span>
898
- <span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
908
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
899
909
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
900
910
  </span>
901
911
  </span>
@@ -907,7 +917,7 @@ export default AssetTreeSingleSelectExample;
907
917
  <span class="TreeLabelNameText">
908
918
  <span class="TreeLabelNameTextHeadline">All my unassigned Trucks</span>
909
919
  </span>
910
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
920
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
911
921
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
912
922
  </span>
913
923
  </span>
@@ -1092,30 +1102,33 @@ export default AssetTreeSingleSelectExample;
1092
1102
 
1093
1103
  ## AssetTree with multiple asset filter in summary
1094
1104
 
1105
+ When using fuel filter, please check out the fuel type utils that ease the implementation of mapping vehicle fuel types to common fuel type groups.
1106
+
1095
1107
  ### Example: Example 3
1096
1108
 
1097
1109
  7
1098
- 3
1110
+ 2
1099
1111
  4
1100
- 6
1112
+ 7
1101
1113
 
1102
- 13
1103
- 5
1104
- 1
1105
- 1
1114
+ 9
1115
+ 4
1116
+ 2
1117
+ 3
1118
+ 2
1106
1119
 
1107
1120
  Mixed Vehicles 11
1108
- Vehicle-1849 Debug: lpg
1109
- Vehicle-2383 Debug: heavy_fuel_oil
1110
- Vehicle-3352 Debug: gas
1111
- Vehicle-4157 Debug: diesel
1112
- Vehicle-5855 Debug: gas
1113
- Vehicle-6456 Debug: lpg
1114
- Vehicle-7193 Debug: heavy_fuel_oil
1115
- Vehicle-7464 Debug: diesel
1116
- Vehicle-8699 Debug: gas
1117
- Vehicle-8981 Debug: dual_fuel_diesel_cng
1118
- Vehicle-9946 Debug: heavy_fuel_oil
1121
+ Vehicle-1022 Debug: lpg
1122
+ Vehicle-1671 Debug: dual_fuel_diesel_cng
1123
+ Vehicle-2974 Debug: cng
1124
+ Vehicle-3862 Debug: heavy_fuel_oil
1125
+ Vehicle-4135 Debug: heavy_fuel_oil
1126
+ Vehicle-5935 Debug: cng
1127
+ Vehicle-6836 Debug: heavy_fuel_oil
1128
+ Vehicle-6932 Debug: diesel
1129
+ Vehicle-7229 Debug: heavy_fuel_oil
1130
+ Vehicle-7606 Debug: dual_fuel_diesel_cng
1131
+ Vehicle-8721 Debug: hydrogen
1119
1132
 
1120
1133
  Ungrouped 9
1121
1134
 
@@ -1456,7 +1469,7 @@ export default AssetTreeExample;
1456
1469
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1457
1470
  <span class="rioglyph rioglyph-bus-baseline text-size-16 margin-right-2">
1458
1471
  </span>
1459
- <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1472
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1460
1473
  </div>
1461
1474
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1462
1475
  <span class="rioglyph rioglyph-van-baseline text-size-16 margin-right-2">
@@ -1466,36 +1479,41 @@ export default AssetTreeExample;
1466
1479
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1467
1480
  <span class="rioglyph rioglyph-car-baseline text-size-16 margin-right-2">
1468
1481
  </span>
1469
- <span class="TreeLabelCount label label-condensed label-muted label-filled">6</span>
1482
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">7</span>
1470
1483
  </div>
1471
1484
  </div>
1472
1485
  <div class="TreeSummaryRow display-grid grid-cols-4 gap-10">
1473
1486
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1474
1487
  <span class="rioglyph rioglyph-fuel-liquid text-size-16 margin-right-2">
1475
1488
  </span>
1476
- <span class="TreeLabelCount label label-condensed label-muted label-filled">13</span>
1489
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">9</span>
1477
1490
  </div>
1478
1491
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1479
1492
  <span class="rioglyph rioglyph-fuel-gas text-size-16 margin-right-2">
1480
1493
  </span>
1481
- <span class="TreeLabelCount label label-condensed label-muted label-filled">5</span>
1494
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">4</span>
1495
+ </div>
1496
+ <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1497
+ <span class="rioglyph rioglyph-fuel-electric text-size-16 margin-right-2">
1498
+ </span>
1499
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1482
1500
  </div>
1483
1501
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1484
1502
  <span class="rioglyph rioglyph-fuel-hydrogen text-size-16 margin-right-2">
1485
1503
  </span>
1486
- <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1504
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">3</span>
1487
1505
  </div>
1488
1506
  <div class="TypeCounter display-flex align-items-center user-select-none margin-right-2 cursor-pointer">
1489
1507
  <span class="rioglyph rioglyph-fuel-mix text-size-16 margin-right-2">
1490
1508
  </span>
1491
- <span class="TreeLabelCount label label-condensed label-muted label-filled">1</span>
1509
+ <span class="TreeLabelCount label label-condensed label-muted label-filled">2</span>
1492
1510
  </div>
1493
1511
  </div>
1494
1512
  </div>
1495
1513
  </div>
1496
1514
  <div>
1497
1515
  <div class="dropdown btn-group TreeHeaderOptions height-20">
1498
- <button type="button" id="k0xshifd6sg" 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">
1516
+ <button type="button" id="nzddp6wryz" 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">
1499
1517
  <span class="rioglyph rioglyph-option-vertical" aria-hidden="true">
1500
1518
  </span>
1501
1519
  </button>
@@ -1520,7 +1538,7 @@ export default AssetTreeExample;
1520
1538
  </span>
1521
1539
  </span>
1522
1540
  </div>
1523
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9716">
1541
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
1524
1542
  <label class="checkbox TreeCheckbox" tabindex="0">
1525
1543
  <input type="checkbox" class="TreeCheckbox">
1526
1544
  <span class="checkbox-text">
@@ -1528,20 +1546,20 @@ export default AssetTreeExample;
1528
1546
  </label>
1529
1547
  <span class="TreeLabel TreeLabelName">
1530
1548
  <span class="rioglyph-icon-pair">
1531
- <span class="rioglyph rioglyph-van">
1549
+ <span class="rioglyph rioglyph-car">
1532
1550
  </span>
1533
1551
  <span class="rioglyph rioglyph-fuel-gas">
1534
1552
  </span>
1535
1553
  </span>
1536
1554
  <span class="TreeLabelNameText">
1537
- <span class="TreeLabelNameTextHeadline">Vehicle-1849</span>
1555
+ <span class="TreeLabelNameTextHeadline">Vehicle-1022</span>
1538
1556
  <span class="TreeLabelNameTextSubline">
1539
1557
  <span>Debug: lpg</span>
1540
1558
  </span>
1541
1559
  </span>
1542
1560
  </span>
1543
1561
  </div>
1544
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
1562
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9712">
1545
1563
  <label class="checkbox TreeCheckbox" tabindex="0">
1546
1564
  <input type="checkbox" class="TreeCheckbox">
1547
1565
  <span class="checkbox-text">
@@ -1551,18 +1569,18 @@ export default AssetTreeExample;
1551
1569
  <span class="rioglyph-icon-pair">
1552
1570
  <span class="rioglyph rioglyph-truck">
1553
1571
  </span>
1554
- <span class="rioglyph rioglyph-fuel-liquid">
1572
+ <span class="rioglyph rioglyph-fuel-mix">
1555
1573
  </span>
1556
1574
  </span>
1557
1575
  <span class="TreeLabelNameText">
1558
- <span class="TreeLabelNameTextHeadline">Vehicle-2383</span>
1576
+ <span class="TreeLabelNameTextHeadline">Vehicle-1671</span>
1559
1577
  <span class="TreeLabelNameTextSubline">
1560
- <span>Debug: heavy_fuel_oil</span>
1578
+ <span>Debug: dual_fuel_diesel_cng</span>
1561
1579
  </span>
1562
1580
  </span>
1563
1581
  </span>
1564
1582
  </div>
1565
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9714">
1583
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9717">
1566
1584
  <label class="checkbox TreeCheckbox" tabindex="0">
1567
1585
  <input type="checkbox" class="TreeCheckbox">
1568
1586
  <span class="checkbox-text">
@@ -1570,20 +1588,20 @@ export default AssetTreeExample;
1570
1588
  </label>
1571
1589
  <span class="TreeLabel TreeLabelName">
1572
1590
  <span class="rioglyph-icon-pair">
1573
- <span class="rioglyph rioglyph-bus">
1591
+ <span class="rioglyph rioglyph-truck">
1574
1592
  </span>
1575
- <span class="rioglyph rioglyph-fuel-liquid">
1593
+ <span class="rioglyph rioglyph-fuel-gas">
1576
1594
  </span>
1577
1595
  </span>
1578
1596
  <span class="TreeLabelNameText">
1579
- <span class="TreeLabelNameTextHeadline">Vehicle-3352</span>
1597
+ <span class="TreeLabelNameTextHeadline">Vehicle-2974</span>
1580
1598
  <span class="TreeLabelNameTextSubline">
1581
- <span>Debug: gas</span>
1599
+ <span>Debug: cng</span>
1582
1600
  </span>
1583
1601
  </span>
1584
1602
  </span>
1585
1603
  </div>
1586
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d979">
1604
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
1587
1605
  <label class="checkbox TreeCheckbox" tabindex="0">
1588
1606
  <input type="checkbox" class="TreeCheckbox">
1589
1607
  <span class="checkbox-text">
@@ -1597,14 +1615,14 @@ export default AssetTreeExample;
1597
1615
  </span>
1598
1616
  </span>
1599
1617
  <span class="TreeLabelNameText">
1600
- <span class="TreeLabelNameTextHeadline">Vehicle-4157</span>
1618
+ <span class="TreeLabelNameTextHeadline">Vehicle-3862</span>
1601
1619
  <span class="TreeLabelNameTextSubline">
1602
- <span>Debug: diesel</span>
1620
+ <span>Debug: heavy_fuel_oil</span>
1603
1621
  </span>
1604
1622
  </span>
1605
1623
  </span>
1606
1624
  </div>
1607
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
1625
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
1608
1626
  <label class="checkbox TreeCheckbox" tabindex="0">
1609
1627
  <input type="checkbox" class="TreeCheckbox">
1610
1628
  <span class="checkbox-text">
@@ -1618,14 +1636,14 @@ export default AssetTreeExample;
1618
1636
  </span>
1619
1637
  </span>
1620
1638
  <span class="TreeLabelNameText">
1621
- <span class="TreeLabelNameTextHeadline">Vehicle-5855</span>
1639
+ <span class="TreeLabelNameTextHeadline">Vehicle-4135</span>
1622
1640
  <span class="TreeLabelNameTextSubline">
1623
- <span>Debug: gas</span>
1641
+ <span>Debug: heavy_fuel_oil</span>
1624
1642
  </span>
1625
1643
  </span>
1626
1644
  </span>
1627
1645
  </div>
1628
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d974">
1646
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d970">
1629
1647
  <label class="checkbox TreeCheckbox" tabindex="0">
1630
1648
  <input type="checkbox" class="TreeCheckbox">
1631
1649
  <span class="checkbox-text">
@@ -1633,20 +1651,20 @@ export default AssetTreeExample;
1633
1651
  </label>
1634
1652
  <span class="TreeLabel TreeLabelName">
1635
1653
  <span class="rioglyph-icon-pair">
1636
- <span class="rioglyph rioglyph-van">
1654
+ <span class="rioglyph rioglyph-truck">
1637
1655
  </span>
1638
1656
  <span class="rioglyph rioglyph-fuel-gas">
1639
1657
  </span>
1640
1658
  </span>
1641
1659
  <span class="TreeLabelNameText">
1642
- <span class="TreeLabelNameTextHeadline">Vehicle-6456</span>
1660
+ <span class="TreeLabelNameTextHeadline">Vehicle-5935</span>
1643
1661
  <span class="TreeLabelNameTextSubline">
1644
- <span>Debug: lpg</span>
1662
+ <span>Debug: cng</span>
1645
1663
  </span>
1646
1664
  </span>
1647
1665
  </span>
1648
1666
  </div>
1649
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d972">
1667
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9718">
1650
1668
  <label class="checkbox TreeCheckbox" tabindex="0">
1651
1669
  <input type="checkbox" class="TreeCheckbox">
1652
1670
  <span class="checkbox-text">
@@ -1660,14 +1678,14 @@ export default AssetTreeExample;
1660
1678
  </span>
1661
1679
  </span>
1662
1680
  <span class="TreeLabelNameText">
1663
- <span class="TreeLabelNameTextHeadline">Vehicle-7193</span>
1681
+ <span class="TreeLabelNameTextHeadline">Vehicle-6836</span>
1664
1682
  <span class="TreeLabelNameTextSubline">
1665
1683
  <span>Debug: heavy_fuel_oil</span>
1666
1684
  </span>
1667
1685
  </span>
1668
1686
  </span>
1669
1687
  </div>
1670
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
1688
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9719">
1671
1689
  <label class="checkbox TreeCheckbox" tabindex="0">
1672
1690
  <input type="checkbox" class="TreeCheckbox">
1673
1691
  <span class="checkbox-text">
@@ -1675,20 +1693,20 @@ export default AssetTreeExample;
1675
1693
  </label>
1676
1694
  <span class="TreeLabel TreeLabelName">
1677
1695
  <span class="rioglyph-icon-pair">
1678
- <span class="rioglyph rioglyph-van">
1696
+ <span class="rioglyph rioglyph-truck">
1679
1697
  </span>
1680
1698
  <span class="rioglyph rioglyph-fuel-liquid">
1681
1699
  </span>
1682
1700
  </span>
1683
1701
  <span class="TreeLabelNameText">
1684
- <span class="TreeLabelNameTextHeadline">Vehicle-7464</span>
1702
+ <span class="TreeLabelNameTextHeadline">Vehicle-6932</span>
1685
1703
  <span class="TreeLabelNameTextSubline">
1686
1704
  <span>Debug: diesel</span>
1687
1705
  </span>
1688
1706
  </span>
1689
1707
  </span>
1690
1708
  </div>
1691
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d978">
1709
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d974">
1692
1710
  <label class="checkbox TreeCheckbox" tabindex="0">
1693
1711
  <input type="checkbox" class="TreeCheckbox">
1694
1712
  <span class="checkbox-text">
@@ -1702,14 +1720,14 @@ export default AssetTreeExample;
1702
1720
  </span>
1703
1721
  </span>
1704
1722
  <span class="TreeLabelNameText">
1705
- <span class="TreeLabelNameTextHeadline">Vehicle-8699</span>
1723
+ <span class="TreeLabelNameTextHeadline">Vehicle-7229</span>
1706
1724
  <span class="TreeLabelNameTextSubline">
1707
- <span>Debug: gas</span>
1725
+ <span>Debug: heavy_fuel_oil</span>
1708
1726
  </span>
1709
1727
  </span>
1710
1728
  </span>
1711
1729
  </div>
1712
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d9713">
1730
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d973">
1713
1731
  <label class="checkbox TreeCheckbox" tabindex="0">
1714
1732
  <input type="checkbox" class="TreeCheckbox">
1715
1733
  <span class="checkbox-text">
@@ -1717,20 +1735,20 @@ export default AssetTreeExample;
1717
1735
  </label>
1718
1736
  <span class="TreeLabel TreeLabelName">
1719
1737
  <span class="rioglyph-icon-pair">
1720
- <span class="rioglyph rioglyph-van">
1738
+ <span class="rioglyph rioglyph-car">
1721
1739
  </span>
1722
1740
  <span class="rioglyph rioglyph-fuel-mix">
1723
1741
  </span>
1724
1742
  </span>
1725
1743
  <span class="TreeLabelNameText">
1726
- <span class="TreeLabelNameTextHeadline">Vehicle-8981</span>
1744
+ <span class="TreeLabelNameTextHeadline">Vehicle-7606</span>
1727
1745
  <span class="TreeLabelNameTextSubline">
1728
1746
  <span>Debug: dual_fuel_diesel_cng</span>
1729
1747
  </span>
1730
1748
  </span>
1731
1749
  </span>
1732
1750
  </div>
1733
- <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d977">
1751
+ <div class="TreeLeaf form-group margin-bottom-0" data-key="010191ac-d06d-4567-b13a-7b7fd85d975">
1734
1752
  <label class="checkbox TreeCheckbox" tabindex="0">
1735
1753
  <input type="checkbox" class="TreeCheckbox">
1736
1754
  <span class="checkbox-text">
@@ -1740,13 +1758,13 @@ export default AssetTreeExample;
1740
1758
  <span class="rioglyph-icon-pair">
1741
1759
  <span class="rioglyph rioglyph-car">
1742
1760
  </span>
1743
- <span class="rioglyph rioglyph-fuel-liquid">
1761
+ <span class="rioglyph rioglyph-fuel-hydrogen">
1744
1762
  </span>
1745
1763
  </span>
1746
1764
  <span class="TreeLabelNameText">
1747
- <span class="TreeLabelNameTextHeadline">Vehicle-9946</span>
1765
+ <span class="TreeLabelNameTextHeadline">Vehicle-8721</span>
1748
1766
  <span class="TreeLabelNameTextSubline">
1749
- <span>Debug: heavy_fuel_oil</span>
1767
+ <span>Debug: hydrogen</span>
1750
1768
  </span>
1751
1769
  </span>
1752
1770
  </span>
@@ -2344,11 +2362,11 @@ export default AssetTreeWithCustomSummaryExample;
2344
2362
 
2345
2363
  ### Example: Example 5
2346
2364
 
2347
- Group 01 3
2365
+ Group 01 7
2348
2366
 
2349
- Group 02 10
2367
+ Group 02 8
2350
2368
 
2351
- Group 03 7
2369
+ Group 03 5
2352
2370
 
2353
2371
  #### React (tsx)
2354
2372
 
@@ -2449,7 +2467,7 @@ export default () => {
2449
2467
  <span class="TreeLabelNameText">
2450
2468
  <span class="TreeLabelNameTextHeadline">Group 01</span>
2451
2469
  </span>
2452
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2470
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2453
2471
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2454
2472
  </span>
2455
2473
  </span>
@@ -2464,7 +2482,7 @@ export default () => {
2464
2482
  <span class="TreeLabelNameText">
2465
2483
  <span class="TreeLabelNameTextHeadline">Group 02</span>
2466
2484
  </span>
2467
- <span class="TreeLabelCount label label-muted label-filled label-condensed">10</span>
2485
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
2468
2486
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2469
2487
  </span>
2470
2488
  </span>
@@ -2479,7 +2497,7 @@ export default () => {
2479
2497
  <span class="TreeLabelNameText">
2480
2498
  <span class="TreeLabelNameTextHeadline">Group 03</span>
2481
2499
  </span>
2482
- <span class="TreeLabelCount label label-muted label-filled label-condensed">7</span>
2500
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2483
2501
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2484
2502
  </span>
2485
2503
  </span>
@@ -2641,13 +2659,13 @@ Tree with header and search
2641
2659
 
2642
2660
  20
2643
2661
 
2644
- Folder 01 3
2662
+ Folder 01 5
2645
2663
 
2646
- Folder 02 5
2664
+ Folder 02 8
2647
2665
 
2648
- Folder 03 4
2666
+ Folder 03 2
2649
2667
 
2650
- Folder 04 8
2668
+ Folder 04 5
2651
2669
 
2652
2670
  Selected items:
2653
2671
 
@@ -2791,7 +2809,7 @@ export default TreeOnlyExample;
2791
2809
  <span class="TreeLabelNameText">
2792
2810
  <span class="TreeLabelNameTextHeadline">Folder 01</span>
2793
2811
  </span>
2794
- <span class="TreeLabelCount label label-muted label-filled label-condensed">3</span>
2812
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2795
2813
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2796
2814
  </span>
2797
2815
  </span>
@@ -2805,7 +2823,7 @@ export default TreeOnlyExample;
2805
2823
  <span class="TreeLabelNameText">
2806
2824
  <span class="TreeLabelNameTextHeadline">Folder 02</span>
2807
2825
  </span>
2808
- <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2826
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
2809
2827
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2810
2828
  </span>
2811
2829
  </span>
@@ -2819,7 +2837,7 @@ export default TreeOnlyExample;
2819
2837
  <span class="TreeLabelNameText">
2820
2838
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
2821
2839
  </span>
2822
- <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
2840
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">2</span>
2823
2841
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2824
2842
  </span>
2825
2843
  </span>
@@ -2833,7 +2851,7 @@ export default TreeOnlyExample;
2833
2851
  <span class="TreeLabelNameText">
2834
2852
  <span class="TreeLabelNameTextHeadline">Folder 04</span>
2835
2853
  </span>
2836
- <span class="TreeLabelCount label label-muted label-filled label-condensed">8</span>
2854
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
2837
2855
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
2838
2856
  </span>
2839
2857
  </span>
@@ -2909,11 +2927,11 @@ Tree without header and search
2909
2927
 
2910
2928
  Folder 01 4
2911
2929
 
2912
- Folder 02 4
2930
+ Folder 02 6
2913
2931
 
2914
- Folder 03 6
2932
+ Folder 03 5
2915
2933
 
2916
- Folder 04 6
2934
+ Folder 04 5
2917
2935
 
2918
2936
  Selected items:
2919
2937
 
@@ -3047,7 +3065,7 @@ export default TreeOnlyExample;
3047
3065
  <span class="TreeLabelNameText">
3048
3066
  <span class="TreeLabelNameTextHeadline">Folder 02</span>
3049
3067
  </span>
3050
- <span class="TreeLabelCount label label-muted label-filled label-condensed">4</span>
3068
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
3051
3069
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
3052
3070
  </span>
3053
3071
  </span>
@@ -3061,7 +3079,7 @@ export default TreeOnlyExample;
3061
3079
  <span class="TreeLabelNameText">
3062
3080
  <span class="TreeLabelNameTextHeadline">Folder 03</span>
3063
3081
  </span>
3064
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
3082
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
3065
3083
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
3066
3084
  </span>
3067
3085
  </span>
@@ -3075,7 +3093,7 @@ export default TreeOnlyExample;
3075
3093
  <span class="TreeLabelNameText">
3076
3094
  <span class="TreeLabelNameTextHeadline">Folder 04</span>
3077
3095
  </span>
3078
- <span class="TreeLabelCount label label-muted label-filled label-condensed">6</span>
3096
+ <span class="TreeLabelCount label label-muted label-filled label-condensed">5</span>
3079
3097
  <span class="TreeLabelExpander rioglyph rioglyph-chevron-down ">
3080
3098
  </span>
3081
3099
  </span>